{"version":3,"sources":["webpack:///./src/views/transparency/operational/overview/AudienceChart.vue?8129","webpack:///./src/views/transparency/operational/overview/WordCloud.vue?4e86","webpack:///./src/views/transparency/operational/overview/MetricCards.vue?6f95","webpack:///src/views/transparency/operational/overview/MetricCards.vue","webpack:///./src/views/transparency/operational/overview/MetricCards.vue?0b64","webpack:///./src/views/transparency/operational/overview/MetricCards.vue","webpack:///./src/assets/images/uploads/optimization-selection.svg","webpack:///./src/views/transparency/operational/overview/AudienceCards.vue?b197","webpack:///./src/views/FilterSelections.vue?96e8","webpack:///./src/views/transparency/operational/overview/AudienceMap.vue?39cc","webpack:///./src/views/transparency/operational/overview/AudienceSegmentsTable.vue?b081","webpack:///./src/views/transparency/operational/overview/KeywordsOverview.vue?a9d6","webpack:///./src/views/transparency/operational/overview/MetricCards.vue?b407","webpack:///./src/views/transparency/operational/Operational.vue?024e","webpack:///src/views/transparency/operational/overview/KeywordsOverview.vue","webpack:///./src/views/transparency/operational/overview/KeywordsOverview.vue?a3f5","webpack:///./src/views/transparency/operational/overview/KeywordsOverview.vue","webpack:///./src/views/transparency/operational/overview/KeywordsOverview.vue?5ba1","webpack:///./src/views/transparency/operational/overview/AudienceCards.vue?3a1a","webpack:///src/views/transparency/operational/overview/AudienceCards.vue","webpack:///./src/views/transparency/operational/overview/AudienceCards.vue?83c9","webpack:///./src/views/transparency/operational/overview/AudienceCards.vue","webpack:///src/views/transparency/operational/overview/AudienceChart.vue","webpack:///./src/views/transparency/operational/overview/AudienceChart.vue?ad18","webpack:///./src/views/transparency/operational/overview/AudienceChart.vue","webpack:///./src/views/transparency/operational/overview/AudienceChart.vue?89b6","webpack:///src/views/transparency/operational/overview/AudienceMap.vue","webpack:///./src/views/transparency/operational/overview/AudienceMap.vue?d085","webpack:///./src/views/transparency/operational/overview/AudienceMap.vue","webpack:///./src/views/transparency/operational/overview/AudienceMap.vue?d654","webpack:///src/views/transparency/operational/overview/AudienceSegmentsTable.vue","webpack:///./src/views/transparency/operational/overview/AudienceSegmentsTable.vue?d003","webpack:///./src/views/transparency/operational/overview/AudienceSegmentsTable.vue","webpack:///./src/views/transparency/operational/overview/AudienceSegmentsTable.vue?297e","webpack:///./src/views/transparency/operational/overview/CreativeTable.vue?b524","webpack:///src/views/transparency/operational/overview/CreativeTable.vue","webpack:///./src/views/transparency/operational/overview/CreativeTable.vue","webpack:///./src/views/transparency/operational/overview/CreativeTable.vue?245a","webpack:///./src/views/transparency/operational/overview/AdgroupTable.vue?389d","webpack:///src/views/transparency/operational/overview/AdgroupTable.vue","webpack:///./src/views/transparency/operational/overview/AdgroupTable.vue","webpack:///./src/views/transparency/operational/overview/AdgroupTable.vue?049e","webpack:///src/views/transparency/operational/overview/WordCloud.vue","webpack:///./src/views/transparency/operational/overview/WordCloud.vue?0281","webpack:///./src/views/transparency/operational/overview/WordCloud.vue","webpack:///./src/views/transparency/operational/overview/WordCloud.vue?a537","webpack:///src/views/transparency/operational/overview/CreativeBarChart.vue","webpack:///./src/views/transparency/operational/overview/CreativeBarChart.vue?6c25","webpack:///./src/views/transparency/operational/overview/CreativeBarChart.vue","webpack:///./src/views/transparency/operational/overview/CreativeBarChart.vue?b63f","webpack:///src/views/transparency/operational/overview/Index.vue","webpack:///./src/views/transparency/operational/overview/Index.vue?12b4","webpack:///./src/views/transparency/operational/overview/Index.vue","webpack:///./src/views/transparency/operational/overview/Index.vue?13d5","webpack:///src/views/transparency/operational/Operational.vue","webpack:///./src/views/transparency/operational/Operational.vue?fc5c","webpack:///./src/views/transparency/operational/Operational.vue","webpack:///./src/views/transparency/operational/overview/KeywordsOverview.vue?b823","webpack:///./src/views/transparency/operational/overview/AudienceSegmentsTable.vue?24b5","webpack:///./src/views/transparency/operational/overview/Index.vue?711f","webpack:///./src/views/FilterSelections.vue?809f","webpack:///./src/views/FilterSelections.vue?22e5","webpack:///src/views/FilterSelections.vue","webpack:///./src/views/FilterSelections.vue"],"names":["components","BCard","BCol","BRow","BCardText","props","cardData","type","Object","required","data","colorClassIndex","All","LowPerformance","LowQuality","methods","getCardColor","index","getIndex","component","_vm","this","_h","$createElement","_c","_self","staticClass","_l","entries","entry","key","class","attrs","_v","_s","staticRenderFns","module","exports","BTable","BTabs","BTab","BPagination","BTooltip","MetricCards","noDataTemp","TableEnhancer","mainActiveTab","subActiveIndex","perPage","currentPage","subActiveMap","keywords","placement","computed","activeTabName","$emit","metricCardContent","activeTabLength","tableData","length","filledTableData","JSON","parse","stringify","placementTable","keywordsTable","all","lowPerformance","irrelevant","lowQuality","fields","forEach","tableKey","firstItemKeys","keys","tempField","push","sortable","noDataShown","resetPagination","model","value","callback","$$v","expression","on","item","title","Array","BContainer","AudienceCards","chartData","audienceCardData","sortedData","sort","a","b","sortedDataRemaining","slice","center","left","filter","right","getPosition","getBarStyles","flexGrow","opacity","height","zIndex","fontSize","getCenterBarFontSize","watch","handler","newData","ageChart","map","Math","round","genderCard","Male","Female","Undetermined","immediate","style","_e","above","LMap","LTileLayer","LGeoJson","zoom","mapKey","url","attribution","onEachFeature","feature","layer","countryName","properties","name","tooltipInfo","availableCountries","capitalize","tooltipText","join","bindTooltip","permanent","sticky","click","e","target","getBounds","getCenter","$refs","worldMap","mapObject","flyTo","lat","lng","styleFunction","includes","isSignificant","impressions","weight","color","fillColor","fillOpacity","normalizeValue","max","str","charAt","toUpperCase","geojsonOptions","metrics","availableCountriesData","mapGeoJson","geoJson","fullGeoJson","mounted","ref","comparisonTableFields","label","tdClass","sortByFormatted","thStyle","width","textAlign","audienceTableFields","getClassVariant","percentage","classBase","getChangeIcon","getChangeText","getTooltipText","toFixed","text","getChangeBarWidth","min","abs","scopedSlots","_u","fn","cvr","String","default","radiusFactor","circleColors","circles","maxValue","$nextTick","container","resizeObserver","ResizeObserver","updateDimensions","observe","beforeDestroy","disconnect","initializePositions","clientWidth","clientHeight","adjustRadiusFactor","calculateRadii","startSimulation","circle","radius","getStyle","calculateFontSize","border","x","top","y","maxWidth","baseFontSize","longestWord","split","reduce","longest","current","estimateTextWidth","avgCharWidth","minFontSize","maxFontSize","optimalFontSize","midFontSize","random","simulationInterval","setInterval","tick","i","dx","dy","otherCircle","j","xDist","yDist","distance","sqrt","minDistance","moveDist","$forceUpdate","setTimeout","clearInterval","animateCircles","simulationTime","popIn","weightSquareTotal","total","newFactor","PI","prepareData","transformedData","keyword","normalize","readyData","newColor","updateCircles","exaggerateFactor","normalizedValue","log","pow","exaggeratedValue","findMaxValue","obj","values","newActiveTabName","series","adType","metric","findIndex","toLowerCase","isNaN","chartOptions","categories","totalValues","acc","baseOptions","chart","xaxis","labels","rotate","trim","hideOverlappingLabels","colors","tooltip","marker","show","dataLabels","enabled","formatter","val","opts","dataPointIndex","KeywordsOverview","AudienceChart","AudienceMap","AudienceSegmentsTable","CreativeTable","AdgroupTable","WordCloud","CreativeBarChart","NoDataTemp","Loading","PagePlaceholder","FiltersV2","isLoading","noData","keywordsData","Placement","Keywords","overview","placementCard","keywordTable","keywordCard","wordCloud","placementGraph","keywordGraph","audienceData","demographics","Demographic","demographicTable","gender","age","audienceCreativeData","creative","AudienceCreative","segments","audienceSegmentsTable","creativeTable","adgroup","adgroupTable","handleActiveTabChange","params","$http","get","brand_id","operationalBrand","year","month","then","catch","getMetrics","Overview","Audit","activeTab","getInitialActiveTab","routeName","$route","tabChanged","newTabIndex","$router","created","BImg","selectionImage","require"],"mappings":"mIAAA,Y,oCCAA,W,oCCAA,I,gDCae,GACfA,WAAA,CACAC,UACAC,SACAC,SACAC,eAEAC,MAAA,CACAC,SAAA,CACAC,KAAAC,OACAC,cAGAC,UACA,CACAC,gBAAA,CACAC,IAAA,EACAC,eAAA,EACAC,WAAA,KAIAC,QAAA,CACAC,aAAAC,GACA,eAAAA,EAEAC,SAAAD,OCvCiY,I,wBCQ7XE,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,YAAY,QAAQN,EAAIO,GAAInB,OAAOoB,QAAQR,EAAId,oBAAoBuB,EAAMZ,GAAO,OAAOO,EAAG,QAAQ,CAACM,IAAID,EAAM,IAAI,CAACL,EAAG,SAAS,CAACE,YAAY,iBAAiBK,MAAMX,EAAIJ,aAAaC,GAAOe,MAAM,CAAC,UAAU,KAAK,CAACR,EAAG,KAAK,CAACE,YAAY,2BAA2B,CAACN,EAAIa,GAAGb,EAAIc,GAAGL,EAAM,OAAOL,EAAG,KAAK,CAACE,YAAY,yBAAyB,CAACN,EAAIa,GAAGb,EAAIc,GAAGL,EAAM,UAAU,EAAG,IAAE,EAAE,GACvc,IGUpBM,EAEA,KACA,WACA,MAIa,IAAAhB,E,8BCnBfiB,EAAOC,QAAU,IAA0B,yCAAyC,E,2DCApF,W,6DCAA,W,6DCAA,W,qFCAA,W,kCCAA,W,kCCAA,W,yCCAA,I,8IC4Ee,GACfrC,WAAA,CACAsC,WACAC,UACAC,SACAvC,UACAwC,gBACAC,aACAC,gBACAC,eACAC,mBAEAxC,MAAA,CACAK,KAAA,CACAH,KAAAC,OACAC,cAGAC,UACA,CACAoC,cAAA,EACAC,eAAA,EACAC,QAAA,EACAC,YAAA,EACAC,aAAA,CACAC,SAAA,CACA,QACA,oBACA,gBAEAC,UAAA,CACA,QACA,oBACA,oBAKAC,SAAA,CACAC,gBACA,MAAAA,EAAA,SAAAR,cAAA,uBAEA,OADA,KAAAS,MAAA,gBAAAD,GACAA,GAEAE,oBAEA,OADA,KAAA9C,KAAA,KAAA4C,eAAAhD,QACAkD,EAEAC,kBAKA,OAHA,KAAA/C,KAAA,KAAA4C,eAAAI,UACA,KAAAR,aAAA,KAAAI,eAAA,KAAAP,iBACAY,MACAF,EAEAG,kBACA,MAAAlD,EAAAmD,KAAAC,MAAAD,KAAAE,UAAA,KAAArD,OACAsD,EAAAtD,EAAA0C,UAAAM,UACAO,EAAAvD,EAAAyC,SAAAO,UACA,OACAP,SAAA,CACAe,IAAAD,EAAA,IACAE,eAAAF,EAAA,mBACAG,WAAAH,EAAA,YAEAb,UAAA,CACAc,IAAAF,EAAA,IACAG,eAAAH,EAAA,mBACAK,WAAAL,EAAA,kBAIAM,SACA,MAAA5D,EAAA,KAAAkD,gBAEA,IAAAU,EAAA,CAAAnB,SAAA,GAAAC,UAAA,IAoCA,MAjCA,sCAGAmB,SAAAC,IACA,GAAA9D,EAAAyC,SAAAqB,IAAA9D,EAAAyC,SAAAqB,GAAAb,OAAA,GACA,MAAAc,EAAAjE,OAAAkE,KAAAhE,EAAAyC,SAAAqB,GAAA,IACA,IAAAG,EAAA,GACAF,EAAAF,SAAAzC,IACA6C,EAAAC,KAAA,CACA9C,MACA+C,aAAA,IAGAP,EAAAnB,SAAAqB,GAAAG,MAZA,sCAgBAJ,SAAAC,IACA,GAAA9D,EAAA0C,UAAAoB,IAAA9D,EAAA0C,UAAAoB,GAAAb,OAAA,GACA,MAAAc,EAAAjE,OAAAkE,KAAAhE,EAAA0C,UAAAoB,GAAA,IACA,IAAAG,EAAA,GACAF,EAAAF,SAAAzC,IACA6C,EAAAC,KAAA,CACA9C,MACA+C,aAAA,IAGAP,EAAAlB,UAAAoB,GAAAG,MAMAL,GAEAQ,cACA,OAGA,IAFA,KAAApE,KAAA,KAAA4C,eAAAI,UACA,KAAAR,aAAA,KAAAI,eAAA,KAAAP,iBACAY,SAIA5C,QAAA,CACAgE,kBACA,KAAA9B,YAAA,KCvMsY,I,kCCSlY9B,EAAY,YACd,GCVW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACQ,MAAM,CAAC,GAAK,gCAAgC,CAACR,EAAG,SAAS,CAACQ,MAAM,CAAC,MAAQ,IAAIgD,MAAM,CAACC,MAAO7D,EAAiB,cAAE8D,SAAS,SAAUC,GAAM/D,EAAI0B,cAAcqC,GAAKC,WAAW,kBAAkB,CAAC5D,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,YAAY,CAACR,EAAG,SAAS,CAACQ,MAAM,CAAC,UAAY,IAAIqD,GAAG,CAAC,MAAQjE,EAAI2D,iBAAiBC,MAAM,CAACC,MAAO7D,EAAkB,eAAE8D,SAAS,SAAUC,GAAM/D,EAAI2B,eAAeoC,GAAKC,WAAW,mBAAmB,CAAC5D,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,MAAM,OAAS,KAAK,CAACR,EAAG,iBAAiB,CAACQ,MAAM,CAAC,UAAY,iBAAiB,UAAYZ,EAAIwC,gBAAgBT,SAASe,IAAI,YAAc9C,EAAIkD,OAAOnB,SAASe,IAAI,kBAAoB,CAAC,UAAW,YAAY,GAAG1C,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,oBAAoB,CAACR,EAAG,iBAAiB,CAACQ,MAAM,CAAC,UAAY,6BAA6B,UAAYZ,EAAIwC,gBAAgBT,SAASgB,eAAe,YAAc/C,EAAIkD,OAAOnB,SAASgB,eAAe,kBAAoB,CAAC,UAAW,YAAY,GAAG3C,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,eAAe,CAACR,EAAG,iBAAiB,CAACQ,MAAM,CAAC,UAAY,cAAc,UAAYZ,EAAIwC,gBAAgBT,SAASiB,WAAW,YAAchD,EAAIkD,OAAOnB,SAASiB,WAAW,kBAAoB,CAAC,UAAW,YAAY,IAAI,IAAI,GAAG5C,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,cAAc,CAACR,EAAG,SAAS,CAACQ,MAAM,CAAC,UAAY,IAAIqD,GAAG,CAAC,MAAQjE,EAAI2D,iBAAiBC,MAAM,CAACC,MAAO7D,EAAkB,eAAE8D,SAAS,SAAUC,GAAM/D,EAAI2B,eAAeoC,GAAKC,WAAW,mBAAmB,CAAC5D,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,MAAM,OAAS,KAAK,CAACR,EAAG,iBAAiB,CAACQ,MAAM,CAAC,UAAY,kBAAkB,UAAYZ,EAAIwC,gBAAgBR,UAAUc,IAAI,YAAc9C,EAAIkD,OAAOlB,UAAUc,IAAI,kBAAoB,CAAC,YAAa,sBAAsB,GAAG1C,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,oBAAoB,CAACR,EAAG,iBAAiB,CAACQ,MAAM,CAAC,UAAY,8BAA8B,UAAYZ,EAAIwC,gBAAgBR,UAAUe,eAAe,YAAc/C,EAAIkD,OAAOlB,UAAUe,eAAe,kBAAoB,CAAC,YAAa,sBAAsB,GAAG3C,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,gBAAgB,CAACR,EAAG,iBAAiB,CAACQ,MAAM,CAAC,UAAY,cAAc,UAAYZ,EAAIwC,gBAAgBR,UAAUiB,WAAW,YAAcjD,EAAIkD,OAAOlB,UAAUiB,WAAW,kBAAoB,CAAC,YAAa,sBAAsB,IAAI,IAAI,IAAI,GAAG7C,EAAG,eAAe,CAACQ,MAAM,CAAC,SAAWZ,EAAIoC,sBAAsB,EAAE,GACvyE,IDWpB,EAEA,KACA,KACA,MAIa,EAAArC,E,QEpBX,G,oBAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQJ,EAAIO,GAAIP,EAAY,mBAAWkE,EAAKrE,GAAO,OAAOO,EAAG,QAAQ,CAACM,IAAIb,GAAO,CAACO,EAAG,SAAS,CAACE,YAAY,YAAYK,MAAMX,EAAIJ,aAAaC,GAAOe,MAAM,CAAC,UAAU,KAAK,CAACR,EAAG,KAAK,CAACE,YAAY,gCAAgC,CAACN,EAAIa,GAAGb,EAAIc,GAAGoD,EAAKC,UAAU/D,EAAG,KAAK,CAACE,YAAY,yBAAyB,CAACN,EAAIa,GAAGb,EAAIc,GAAGoD,EAAKL,OAAO,UAAU,EAAG,IAAE,EAAE,G,oCCc7a,GACfjF,WAAA,CACAC,UACAC,SACAC,SACAC,eAEAC,MAAA,CACAC,SAAA,CACAC,KAAAiF,MACA/E,cAGAM,QAAA,CACAC,aAAAC,GACA,eAAAA,IC7BmY,ICmBpX,G,UAXC,YACd,EACA,EHToB,IGUpB,EAEA,KACA,WACA,O,oBCiEa,GACfjB,WAAA,CACAG,SACAD,SACAuF,eACAC,iBAEArF,MAAA,CACAK,KAAA,CACAH,KAAAC,OACAC,cAGAC,UACA,CACAiF,UAAA,KACAC,iBAAA,OAGAvC,SAAA,CACAwC,aACA,MAAAA,EAAA,KAAAF,UAAAG,MAAA,CAAAC,EAAAC,MAAA,GAAAD,EAAA,KACAE,EAAAJ,EAAAK,MAAA,GACA,OACAC,OAAAN,EAAA,GACAO,KAAAH,EAAAI,QAAA,CAAA3F,EAAAO,MAAA,OACAqF,MAAAL,EAAAI,QAAA,CAAA3F,EAAAO,MAAA,UAIAF,QAAA,CACAwF,YAAAtB,GAGA,OAAAA,EAAA,KAAAY,WAAAM,OAAA,GAFA,IAGA,QAGAlB,EAAA,KAAAY,WAAAM,OAAA,GALA,KAMAlB,EAAA,KAAAY,WAAAM,OAAA,IAPA,IASA,QAGA,MAEAK,aAAAvB,EAAAhE,GACA,OACAwF,SAAA,OAAAxF,EAAA,GACAyF,QAAA,MAAAzF,EAAA,GACA0F,OAAA1B,EAAA,KAAAY,WAAAM,OAAA,WACAS,QAAA3F,EACA4F,SAAA,QAAA5F,EAAA,QACAoF,OAAA,qBAAApF,EAAA,SAGA6F,0BACA,CACAD,SAAA,SAIAE,MAAA,CACArG,KAAA,CACAsG,QAAAC,GACA,MAAAtB,EAAAnF,OAAAoB,QAAAqF,EAAAC,UAAAC,KAAA,EAAArF,EAAAmD,KACA,CAAAmC,KAAAC,MAAA,IAAApC,GAAAnD,KAEA,KAAA6D,YAEA,KAAAC,iBAAA,CACA,CAAAL,MAAA,OAAAN,MAAAmC,KAAAC,MAAA,IAAAJ,EAAAK,WAAAC,OACA,CAAAhC,MAAA,SAAAN,MAAAmC,KAAAC,MAAA,IAAAJ,EAAAK,WAAAE,SACA,CAAAjC,MAAA,eAAAN,MAAAmC,KAAAC,MAAA,IAAAJ,EAAAK,WAAAG,iBAGAC,gBC5JmY,ICQ/X,G,UAAY,YACd,GCTW,WAAa,IAAItG,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,gEAAgE,CAAEN,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6BN,EAAIO,GAAIP,EAAIyE,WAAe,eAAWnF,EAAKO,GAAO,OAAOO,EAAG,MAAM,CAACM,IAAIpB,EAAK,GAAGgB,YAAY,8BAA8BiG,MAAOvG,EAAIoF,aAAa9F,EAAK,GAAIO,IAAS,CAA+B,UAA7BG,EAAImF,YAAY7F,EAAK,IAAiBc,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGxB,EAAK,IAAI,OAAOU,EAAIwG,KAAKpG,EAAG,MAAM,CAACE,YAAY,oCAAoCK,MAAM,CAAE8F,MAAoC,UAA7BzG,EAAImF,YAAY7F,EAAK,MAAmB,CAA+B,UAA7BU,EAAImF,YAAY7F,EAAK,IAAiBc,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGxB,EAAK,IAAI,OAAOU,EAAIwG,KAAKpG,EAAG,MAAM,CAACJ,EAAIa,GAAGb,EAAIc,GAAGxB,EAAK,KAAKc,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIa,GAAG,YAAa,IAAE,GAAGT,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,MAAM,CAACE,YAAY,0CAA0CiG,MAAOvG,EAAI0F,wBAAyB,CAACtF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIa,GAAGb,EAAIc,GAAGd,EAAIyE,WAAWM,OAAO,OAAO3E,EAAG,MAAM,CAACJ,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIyE,WAAWM,OAAO,KAAK3E,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIa,GAAG,eAAeT,EAAG,MAAM,CAACE,YAAY,8BAA8BN,EAAIO,GAAIP,EAAIyE,WAAgB,gBAAWnF,EAAKO,GAAO,OAAOO,EAAG,MAAM,CAACM,IAAIpB,EAAK,GAAGgB,YAAY,8BAA8BiG,MAAOvG,EAAIoF,aAAa9F,EAAK,GAAIO,IAAS,CAA+B,UAA7BG,EAAImF,YAAY7F,EAAK,IAAiBc,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGxB,EAAK,IAAI,OAAOU,EAAIwG,KAAKpG,EAAG,MAAM,CAACE,YAAY,oCAAoCK,MAAM,CAAE8F,MAAoC,UAA7BzG,EAAImF,YAAY7F,EAAK,MAAmB,CAA+B,UAA7BU,EAAImF,YAAY7F,EAAK,IAAiBc,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGxB,EAAK,IAAI,OAAOU,EAAIwG,KAAKpG,EAAG,MAAM,CAACJ,EAAIa,GAAGb,EAAIc,GAAGxB,EAAK,KAAKc,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIa,GAAG,YAAa,IAAE,KAAKb,EAAIwG,KAAMxG,EAAoB,iBAAEI,EAAG,iBAAiB,CAACQ,MAAM,CAAC,SAAWZ,EAAIwE,oBAAoBxE,EAAIwG,MAAM,EAAE,GACloE,IDUpB,EAEA,KACA,WACA,OAIa,I,4CEPA,G,UAAA,CACf5H,WAAA,CACA8H,SACAC,eACAC,cAEA3H,MAAA,CACAK,KAAA,CACAH,KAAAC,OACAC,cAGAC,UACA,CACAuH,KAAA,EACAC,OAAA,EACA/B,OAAA,kBACAgC,IAAA,iEACAC,YACA,4FAIArH,QAAA,CACAsH,cAAAC,EAAAC,GACA,MAAAC,EAAAF,EAAAG,WAAAC,KACA,IAAAC,EAAA,KACA,QAAAC,mBAAAJ,GAAA,CAIAG,GAHA,KAAAC,mBAAAJ,GACAhI,OAAAoB,QAAA,KAAAgH,mBAAAJ,IACA,MACArB,KAAA7B,GACA,QAAAuD,WAAAvD,EAAA,QAAAA,EAAA,OAIA,MAAAwD,EAAA,GAAAN,WAAAG,IAAAI,KAAA,gBACAR,EAAAS,YAAAF,EAAA,CACAG,aACAC,YAGAX,EAAAlD,GAAA,CACA8D,MAAAC,IACA,IACAjD,EADAiD,EAAAC,OAAAC,YACAC,YAEA,KAAAC,MAAAC,SAAAC,UAAAC,MAAA,CAAAxD,EAAAyD,IAAAzD,EAAA0D,KAAA,OAIAC,cAAAxB,GAIA,GAHA9H,OAAAkE,KAAA,KAAAkE,oBAIAmB,SACAzB,EAAAG,WAAAC,MAEA,CACA,MACAsB,EADA,KAAApB,mBAAAN,EAAAG,WAAAC,MAAAuB,YACA,IAGA,OACAC,OAAA,EACAC,MAHAH,EAAA,iDAIAI,UALAJ,EAAA,oDAMAK,YAAA,IAGA,OACAH,OAAA,EACAC,MAAA,OACAC,UAAA,OACAC,YAAA,KAGAC,gBAAArF,EAAAsF,IACAtF,EAAAsF,EAAA,IAEA1B,WAAA2B,GACAA,EAAAC,OAAA,GAAAC,cAAAF,EAAAtE,MAAA,IAGA7C,SAAA,CACAsH,iBACA,OACAhD,MAAA,KAAAmC,cACAzB,cAAA,KAAAA,gBAGAO,qBAGA,OAFA/E,KAAAC,MAAAD,KAAAE,UAAA,KAAArD,KAAAkK,SAEAC,EAEAC,aAMA,MAJA,CACA,yBACA,cAAApK,KAAAqK,QAEAC,GAGAC,UACAvK,ICvHiY,ICQ7X,G,UAAY,YACd,GCTW,WAAa,IAAIU,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAAC0J,IAAI,WAAWxJ,YAAY,gBAAgBM,MAAM,CAAC,KAAOZ,EAAI6G,KAAK,OAAS7G,EAAI+E,SAAS,CAAC3E,EAAG,eAAe,CAACQ,MAAM,CAAC,IAAMZ,EAAI+G,IAAI,YAAc/G,EAAIgH,eAAe5G,EAAG,aAAa,CAACQ,MAAM,CAAC,QAAUZ,EAAI0J,WAAW,QAAU1J,EAAIuJ,mBAAmB,EAAE,GAC5U,IDUpB,EAEA,KACA,WACA,OAIa,I,QEgEA,GACf3K,WAAA,CACAG,SACAD,SACAoC,WACAG,gBACAC,cAEArC,MAAA,CACAK,KAAA,CACAH,KAAAiF,MACA/E,cAGAC,UACA,CACAsC,QAAA,EACAC,YAAA,EACAkI,sBAAA,CACA,CACArJ,IAAA,MACAsJ,MAAA,iBACAC,QAAA,oBACAC,mBACAC,QAAA,CAAAC,MAAA,MAAAC,UAAA,WAEA,CACA3J,IAAA,SACAsJ,MAAA,GACAG,QAAA,CAAAC,MAAA,SAGAE,oBAAA,CACA,CACA5J,IAAA,qBACAsJ,MAAA,iBAEA,CACAtJ,IAAA,cACAsJ,MAAA,OAEA,CACAtJ,IAAA,MACAsJ,MAAA,UAKArK,QAAA,CACA4K,iBAAAC,EAAAC,IACAD,EAAA,EACAC,EAAA,aAEAD,EAAA,EACAC,EAAA,aAEA,IAAAD,EACAC,EAAA,eAGAC,cAAAF,GACAA,EAAA,qBACAA,EAAA,kBACAA,GAAA,uBACAA,EAAA,oBACA,YAEAG,cAAAH,GACAA,EAAA,IACA,QACAA,GAAA,IACA,QAEAxE,KAAAC,MAAAuE,GAAA,IAGAI,eAAAJ,GACA,MAAA3G,EAAA2G,EAAA,IAAAA,EAAAK,QAAA,QACA,IAAAhH,EAAA,YAEA,OADAA,EAAA,GACAiH,EAEAC,kBAAAP,GACAxE,KAAAgF,IAAAhF,KAAAiF,IAAAT,GAAA,MAGAvI,SAAA,CACAyB,cACA,gBAAApE,KAAAiD,UC3K2Y,ICSvY,G,qBAAY,YACd,GCVW,WAAa,IAAIvC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQM,MAAM,CAAC,GAAK,sBAAsB,CAACR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,UAAU,CAACQ,MAAM,CAAC,MAAQZ,EAAIV,KAAK,OAASU,EAAIsK,oBAAoB,eAAetK,EAAI6B,YAAY,WAAW7B,EAAI4B,QAAQ,aAAa,OAAO,GAAGxB,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,OAAO,CAACE,YAAY,iCAAiCF,EAAG,UAAU,CAACQ,MAAM,CAAC,WAAa,GAAG,MAAQZ,EAAIV,KAAK,OAASU,EAAI+J,sBAAsB,eAAe/J,EAAI6B,YAAY,WAAW7B,EAAI4B,SAASsJ,YAAYlL,EAAImL,GAAG,CAAC,CAACzK,IAAI,YAAY0K,GAAG,SAAS9L,GAAM,MAAO,CAACc,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,OAAO,CAACE,YAAY,iBAAiBK,MAAMX,EAAIuK,gBAAgBjL,EAAK4E,KAAKmH,IAAK,kBAAkB9E,MAAM,CACh6B6D,MAAOpK,EAAI+K,kBAAkBzL,EAAK4E,KAAKmH,KAAO,cACpC,CAAC3K,IAAI,eAAe0K,GAAG,SAAS9L,GAAM,MAAO,CAACc,EAAG,MAAM,CAACE,YAAY,8CAA8CK,MAAMX,EAAIuK,gBAAgBjL,EAAK4E,KAAKmH,IAAK,qBAAqBzK,MAAM,CAAC,GAAM,kBAAqBtB,EAAU,QAAK,CAACc,EAAG,MAAM,CAACE,YAAY,qEAAqE,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAI2K,cAAcrL,EAAK4E,KAAKmH,MAAM,OAAQrL,EAAI4K,eAAetL,EAAK4E,KAAKmH,KAAMjL,EAAG,YAAY,CAACQ,MAAM,CAAC,OAAU,kBAAqBtB,EAAU,MAAG,SAAW,UAAU,CAACU,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAI4K,eAAetL,EAAK4E,KAAKmH,MAAM,KAAKjL,EAAG,eAAe,CAACE,YAAY,2BAA2BM,MAAM,CAAC,KAAOZ,EAAI0K,cAAcpL,EAAK4E,KAAKmH,KAAK,KAAO,SAAS,GAAGrL,EAAIwG,KAAKpG,EAAG,eAAe,CAACE,YAAY,2BAA2BM,MAAM,CAAC,KAAOZ,EAAI0K,cAAcpL,EAAK4E,KAAKmH,KAAK,KAAO,SAAS,GAAG,QAAQ,KAAKjL,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAAGN,EAAI0D,YAAqM1D,EAAIwG,KAA5LpG,EAAG,eAAe,CAACQ,MAAM,CAAC,aAAaZ,EAAIV,KAAKiD,OAAO,WAAWvC,EAAI4B,SAASgC,MAAM,CAACC,MAAO7D,EAAe,YAAE8D,SAAS,SAAUC,GAAM/D,EAAI6B,YAAYkC,GAAKC,WAAW,kBAA2B,IAAI,GAC1lC,IDSpB,EAEA,KACA,WACA,OAIa,I,QEpBoX,ECYpX,CACfpF,WAAA,CACA6C,mBAEAxC,MAAA,CACAK,KAAA,CACAH,KAAAiF,MACA/E,cAGAC,UACA,CACA4D,OAAA,CACA,CAAAxC,IAAA,gBAAAsJ,MAAA,WAAAvG,aACA,CAAA/C,IAAA,WAAAsJ,MAAA,WAAAvG,aACA,CAAA/C,IAAA,gBAAAsJ,MAAA,OAAAvG,aACA,CAAA/C,IAAA,MAAAsJ,MAAA,MAAAvG,aACA,CAAA/C,IAAA,MAAAsJ,MAAA,MAAAvG,iBCtBI,EAAY,YACd,GCRW,WAAa,IAAIzD,EAAIC,KAASC,EAAGF,EAAIG,eAAuC,OAAjBH,EAAIK,MAAMD,IAAIF,GAAa,iBAAiB,CAACU,MAAM,CAAC,UAAY,WAAW,UAAYZ,EAAIV,KAAK,YAAcU,EAAIkD,OAAO,kBAAoB,CAAC,gBAAiB,WAAY,sBAC7N,IDSpB,EAEA,KACA,KACA,MAIa,I,QElBmX,ECanX,CACftE,WAAA,CACA6C,mBAEAxC,MAAA,CACAK,KAAA,CACAH,KAAAiF,MACA/E,cAGAC,UACA,CACA4D,OAAA,CACA,CAAAxC,IAAA,gBAAAsJ,MAAA,WAAAvG,aACA,CAAA/C,IAAA,mBAAAsJ,MAAA,gBAAAvG,aACA,CAAA/C,IAAA,WAAAsJ,MAAA,WAAAvG,iBCrBI,EAAY,YACd,GCRW,WAAa,IAAIzD,EAAIC,KAASC,EAAGF,EAAIG,eAAuC,OAAjBH,EAAIK,MAAMD,IAAIF,GAAa,iBAAiB,CAACU,MAAM,CAAC,UAAY,oBAAoB,UAAYZ,EAAIV,KAAK,YAAcU,EAAIkD,OAAO,kBAAoB,CAAC,iBAAiB,QAAU,0DAA0D,GAC9R,IDSpB,EAEA,KACA,KACA,MAIa,I,QEKA,G,oBAAA,CACfoE,KAAA,cACA1I,WAAA,CACAC,WAEAI,MAAA,CACAK,KAAA,CACAH,KAAAC,OACAC,aAEA6C,cAAA,CACA/C,KAAAmM,OACAjM,YACAkM,QAAA,aAGAjM,UACA,CACA8K,MAAA,IACA7E,OAAA,IACAiG,aAAA,GACAC,aAAA,0CACAC,QAAA,KACAC,SAAA,IAGA9B,UACA,KAAA+B,WAAA,KACA,MAAAC,EAAA,KAAAzD,MAAAyD,UACA,IAAAA,EAAA,OAEA,MAAAC,EAAA,IAAAC,gBAAAvL,IAKA,KAAAwL,oBAAA,IAGAF,EAAAG,QAAAJ,GAEA,KAAAC,qBAGAI,gBACA,KAAAJ,gBACA,KAAAA,eAAAK,cAGAxM,QAAA,CACAqM,iBAAAI,MACA,MAAAP,EAAA,KAAAzD,MAAAyD,UACA,KAAAzB,MAAAyB,EAAAQ,YACA,KAAA9G,OAAAsG,EAAAS,aACA,KAAAC,qBACA,KAAAC,iBACAJ,GACA,KAAAA,sBAEA,KAAAK,mBAEAD,iBACA,KAAAd,QAAAvI,SAAAuJ,IACAA,EAAAC,OAAA3G,KAAAgF,IAAA,KAAAZ,MAAA,EAAAsC,EAAA5D,OAAA,KAAA0C,kBAGAoB,SAAAF,GACA,MAAAjH,EAAA,KAAAoH,kBAAAH,GAEA,OACAtC,MAAA,EAAAsC,EAAAC,OAAA,KACApH,OAAA,EAAAmH,EAAAC,OAAA,KACAlH,SAAA,GAAAiH,EAAAC,OAAA,KACAG,OAAA,aAAAJ,EAAA3D,MACA/D,KAAA0H,EAAAK,EAAAL,EAAAC,OAAA,KACAK,IAAAN,EAAAO,EAAAP,EAAAC,OAAA,KACArH,QAAAU,KAAAmD,IAAA,KAAAuD,EAAA5D,QACArD,WAAA,OAGAoH,kBAAAH,GACA,MAAAQ,EAAA,EAAAR,EAAAC,OACAQ,EAAA,GAAAT,EAAAC,OAIAS,EAFAV,EAAApF,KAAA+F,MAAA,KAEAC,QAAA,CAAAC,EAAAC,MAAAjL,OAAAgL,EAAAhL,OAAAiL,EAAAD,GAAA,IAEAE,EAAAhI,IACA,MAAAiI,EAAA,GAAAjI,EACA,OAAA2H,EAAA7K,OAAAmL,GAGA,IAAAC,EAAA,EACAC,EAAAT,EACAU,EAAAV,EAEA,KAAAS,EAAAD,EAAA,KACA,MAAAG,GAAAH,EAAAC,GAAA,EACAH,EAAAK,IAEA,GAAAZ,GACAW,EAAAC,EACAH,EAAAG,EAAA,IAEAF,EAAAE,EAAA,GAIA,OAAA9H,KAAAmD,IAAA0E,EAAA,IAEAzB,sBACA,KAAAV,QAAAvI,SAAAuJ,IACAA,EAAAK,EAAA/G,KAAA+H,UAAA,KAAA3D,MAAA,EAAAsC,EAAAC,QAAAD,EAAAC,OACAD,EAAAO,EAAAjH,KAAA+H,UAAA,KAAAxI,OAAA,EAAAmH,EAAAC,QAAAD,EAAAC,WAGAF,kBACA,MAkCAuB,EAAAC,aA9BAC,KACA,KAAAxC,QAAAvI,SAAA,CAAAuJ,EAAAyB,KACA,IAAAC,EAAA,EACAC,EAAA,EAEA,KAAA3C,QAAAvI,SAAA,CAAAmL,EAAAC,KACA,GAAAJ,IAAAI,EAAA,CACA,MAAAC,EAAA9B,EAAAK,EAAAuB,EAAAvB,EACA0B,EAAA/B,EAAAO,EAAAqB,EAAArB,EACAyB,EAAA1I,KAAA2I,KAAAH,IAAAC,KACAG,EAAAlC,EAAAC,OAAA2B,EAAA3B,OAdA,GAgBA,GAAA+B,EAAAE,EAAA,CACA,MAAAC,GAAAD,EAAAF,KAAA,GACAN,GAAAI,EAAAK,EACAR,GAAAI,EAAAI,OAKAnC,EAAAK,GAvBA,EAuBAqB,EACA1B,EAAAO,GAxBA,EAwBAoB,EAEA3B,EAAAK,EAAA/G,KAAAmD,IAAAuD,EAAAC,OAAA3G,KAAAgF,IAAA,KAAAZ,MAAAsC,EAAAC,OAAAD,EAAAK,IACAL,EAAAO,EAAAjH,KAAAmD,IAAAuD,EAAAC,OAAA3G,KAAAgF,IAAA,KAAAzF,OAAAmH,EAAAC,OAAAD,EAAAO,OAGA,KAAA6B,iBAGA,IAEAC,YAAA,KACAC,cAAAhB,GACA,KAAAiB,mBApCA,IAqCAC,EAEAD,iBACA,KAAAvD,QAAAvI,SAAA,CAAAuJ,EAAA7M,KACAkP,YAAA,KACArC,EAAAyC,QAAA,GACA,IAAAtP,OAGA0M,qBACA,MAAA6C,EAAA,KAAA1D,QAAA4B,QAAA,CAAA+B,EAAA3C,IAAA2C,EAAA3C,EAAA5D,QAAA,MACAwG,EAAA,GAAAtJ,KAAA2I,KAAA,KAAApJ,OAAA,KAAA6E,OAAApE,KAAAuJ,GAAAH,IACA,KAAA5D,aAAA8D,EAAAzE,QAAA,IAEA2E,YAAA3J,GACA,MAEA4J,EAFAhN,KAAAC,MAAAD,KAAAE,UAAAkD,IAEAE,KAAA2J,IACA,MAAAhP,EAAAtB,OAAAkE,KAAAoM,GAAA,GACA7L,EAAA6L,EAAAhP,GACA,OAAA4G,KAAA5G,EAAAoI,OAAA,KAAA6G,UAAA9L,EAAA,OAGA+L,EAAAH,EACA/K,MAAA,CAAAC,EAAAC,MAAAkE,OAAAnE,EAAAmE,SACA/C,KAAA,CAAA2G,EAAA7M,KACA,IAAAgQ,EAMA,OAJAA,EADAhQ,EAAA,KAAA4L,aAAAlJ,OACA,KAAAkJ,aAAA5L,GAEA,KAAA4L,aAAA,KAAAA,aAAAlJ,OAAA,GAEA,IACAmK,EACA3D,MAAA8G,EACAV,SAAA,IAGA,OAAAS,GAEAE,cAAAxQ,GACA,KAAA4C,eAAA5C,EAAA,KAAA4C,iBACA,KAAAwJ,QAAA,KAAA8D,YAAAlQ,EAAA,KAAA4C,kBAGAyN,UAAA9L,EAAAkM,EAAA,GACA,IAAAC,EAAAhK,KAAAiK,IAAApM,GAAAmC,KAAAiK,IAAA,KAAAtE,UAEA,OADA3F,KAAAkK,IAAAF,EAAAD,EACAI,EAEAC,aAAA9Q,GACA,IAAAqM,EAAA,EAEArM,EAAA6D,SAAAkN,IACA,MAAAxM,EAAAzE,OAAAkR,OAAAD,GAAA,GACAxM,EAAA8H,IACAA,EAAA9H,MAIA,KAAA8H,aAGAhG,MAAA,CACArG,KAAA,CACAsG,QAAAC,GACA,KAAAuK,aAAA,KAAA9Q,KAAAiR,mBACA,KAAAT,cAAA,KAAAxQ,MACA,KAAAsM,WAAA,KACA,KAAAI,wBAKA9J,cAAA,CACA0D,QAAA2K,GACA,KAAAH,aAAA,KAAA9Q,KAAAiR,IACA,KAAAT,cAAA,KAAAxQ,MACA,KAAAsM,WAAA,KACA,KAAAI,uBAGA1F,iBCtQ+X,ICQ3X,G,UAAY,YACd,GCTW,WAAa,IAAItG,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAAC0J,IAAI,YAAYxJ,YAAY,kBAAkBM,MAAM,CAAC,UAAU,KAAK,CAAe,OAAbZ,EAAIV,MAAiBU,EAAI0L,QAAQnJ,OAAS,EAAGnC,EAAG,MAAMJ,EAAIO,GAAIP,EAAW,kBAAW0M,EAAO7M,GAAO,OAAOO,EAAG,MAAM,CAACM,IAAIb,EAAMS,YAAY,SAASK,MAAM,CAAE,SAAU+L,EAAOyC,OAAQ5I,MAAOvG,EAAI4M,SAASF,IAAU,CAACtM,EAAG,OAAO,CAACJ,EAAIa,GAAGb,EAAIc,GAAG4L,EAAOpF,UAAWA,IAAE,GAAGlH,EAAG,MAAM,CAACE,YAAY,0DAA0D,CAACF,EAAG,OAAO,CAACJ,EAAIa,GAAG,+BAA+B,EAAE,GAC5kB,IDUpB,EAEA,KACA,WACA,OAIa,I,QERA,GACfjC,WAAA,GACAK,MAAA,CACAK,KAAA,CACAH,KAAAC,OACAC,cAGAC,UACA,IAEA2C,SAAA,CACAuO,SACA,MAAAf,EAAA,CACA,CAAAnI,KAAA,OAAAhI,KAAA,IACA,CAAAgI,KAAA,UAAAhI,KAAA,IACA,CAAAgI,KAAA,OAAAhI,KAAA,IACA,CAAAgI,KAAA,YAAAhI,KAAA,IACA,CAAAgI,KAAA,cAAAhI,KAAA,KAaA,OAVAF,OAAAkE,KAAA,KAAAhE,MAAA6D,SAAAsN,IACArR,OAAAoB,QAAA,KAAAlB,KAAAmR,IAAAtN,SAAA,EAAAuN,EAAA7M,MACA,MAAAhE,EAAA4P,EAAAkB,WACAzM,KAAAoD,KAAAsJ,gBAAAF,EAAAE,iBAEA,IAAA/Q,GAAAgR,MAAAhN,IACA4L,EAAA5P,GAAAP,KAAAkE,KAAAK,SAIA4L,GAEAqB,eACA,MAAAC,EAAA3R,OAAAkE,KAAA,KAAAhE,MAAAyG,KAAA0K,GACAA,EAAApD,MAAA,KAAA1F,KAAA,OAIAqJ,EAAA,KAAAR,OAAAlD,QAAA,CAAA2D,EAAAT,KACAA,EAAAlR,KAAA6D,SAAA,CAAAU,EAAAhE,KACAoR,EAAApR,IAAAoR,EAAApR,IAAA,GAAAgE,KAEAoN,IACA,IAEAC,EAAA,CACAC,MAAA,CACAhS,KAAA,OAEAiS,MAAA,CACAL,aACAM,OAAA,CACAC,OAAA,EACAC,QACAC,2BAGAC,OAAA,CACA,mBACA,mBACA,qBACA,kBACA,mBAEAC,QAAA,CACAC,OAAA,CACAC,UAGAC,WAAA,CACAC,WACAC,WAAAC,EAAAC,KACA,OAAAD,EACA,SAOA,OAJAA,EADAhB,EAAAiB,EAAAC,gBACA,KAIArH,QAAA,QAEAtE,MAAA,CACAd,SAAA,OACAgM,OAAA,YAIA,OAAAP,KCpGsY,ICOlY,EAAY,YACd,GCRW,WAAa,IAAIlR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,kBAAkB,CAACQ,MAAM,CAAC,OAAS,MAAM,QAAUZ,EAAI8Q,aAAa,OAAS9Q,EAAIwQ,WAAW,EAAE,GACrL,IDSpB,EAEA,KACA,KACA,MAIa,I,+CEiEA,IACf5R,WAAA,CACAuT,mBACA5Q,gBACA6Q,gBACAC,cACAC,wBACAC,gBACAC,eACAC,YACAC,mBACA3T,SACAD,SACAD,UACA8T,eACAC,aACAC,qBACAC,gBAEAxT,UACA,CACA4C,cAAA,WACA5C,KAAA,KACAyT,aACAC,YAGA/Q,SAAA,CACAgR,eACA,MAAAjR,EAAA,KAAA1C,KAAA4T,UACAnR,EAAA,KAAAzC,KAAA6T,SACA,OACAC,SAAA,CACApR,UAAA,CACAM,UAAAN,EAAAY,eACA1D,SAAA8C,EAAAqR,eAEAtR,SAAA,CACAO,UAAAP,EAAAuR,aACApU,SAAA6C,EAAAwR,cAGAC,UAAA,CACAxR,YAAAyR,eACA1R,WAAA2R,gBAIAC,eACA,MAAAC,EAAA,KAAAtU,KAAAuU,YAAAC,iBACA,OACA3C,MAAA,CACAjL,WAAA0N,EAAAG,OACAjO,SAAA8N,EAAAI,KAEAjO,IAAA,CACAyD,QAAAoK,EAAAvL,SACAsB,QAAAiK,EAAAjK,WAIAsK,uBACA,MAAAC,EAAA,KAAA5U,KAAA6U,iBACA,OACAC,SAAAF,EAAAG,sBACAH,WAAAI,cACAC,QAAAL,EAAAM,gBAIA7U,QAAA,CACA8U,sBAAAvS,GACA,KAAAA,iBAEA,iBAAAwS,GACA,KAAA3B,mBACA,KAAA4B,MACAC,IAAA,mCACAF,OAAA,CACAG,SAAAH,EAAAI,iBAAAjR,MACAkR,KAAAL,EAAAK,KAAAlR,MACAmR,MAAAN,EAAAM,MAAAnR,SAGAoR,MAAA,EAAA3V,WACA,iBAAAA,EACA,KAAA0T,WAEA,KAAA1T,OACA,KAAA0T,WAEA,KAAAD,YAAA,IAEAmC,OAAAlN,IACA,KAAAgL,UACA,KAAAD,YAAA,OClL2X,MCQvX,I,UAAY,YACd,ICTW,WAAa,IAAI/S,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIa,GAAG,iBAAiBT,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACQ,MAAM,CAAC,KAAO,OAAO,CAACR,EAAG,YAAY,CAACQ,MAAM,CAAC,KAAO,kBAAkB,cAAcZ,EAAImV,eAAe,IAAI,GAAKnV,EAAI+S,WAAc/S,EAAIgT,QAAuB,OAAbhT,EAAIV,KAA2sCU,EAAIgT,QAAWhT,EAAI+S,WAA0B,OAAb/S,EAAIV,MAA2HU,EAAI+S,WAAa/S,EAAIgT,OAAQ5S,EAAG,eAAe,CAACQ,MAAM,CAAC,KAAO,iCAAiCR,EAAG,WAA9MA,EAAG,mBAAmB,CAACQ,MAAM,CAAC,MAAQ,oEAArxCR,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACQ,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACR,EAAG,oBAAoB,CAACQ,MAAM,CAAC,KAAOZ,EAAIiT,aAAaG,UAAUnP,GAAG,CAAC,cAAgBjE,EAAIyU,0BAA0B,GAAGrU,EAAG,QAAQ,CAACE,YAAY,aAAaM,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACR,EAAG,aAAa,CAACQ,MAAM,CAAC,kBAAkBZ,EAAIkC,cAAc,KAAOlC,EAAIiT,aAAaO,cAAc,IAAI,GAAGpT,EAAG,SAAS,CAACE,YAAY,qBAAqB,CAACF,EAAG,KAAK,CAACE,YAAY,qBAAqB,CAACN,EAAIa,GAAG,cAAcT,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACQ,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACR,EAAG,iBAAiB,CAACQ,MAAM,CAAC,KAAOZ,EAAI2T,aAAaxC,UAAU,GAAG/Q,EAAG,QAAQ,CAACQ,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACR,EAAG,eAAe,CAACQ,MAAM,CAAC,KAAOZ,EAAI2T,aAAa5N,QAAQ,IAAI,IAAI,GAAG3F,EAAG,SAAS,CAACA,EAAG,KAAK,CAACJ,EAAIa,GAAG,uBAAuBT,EAAG,QAAQ,CAACA,EAAG,0BAA0B,CAACQ,MAAM,CAAC,KAAOZ,EAAIiU,qBAAqBG,aAAa,IAAI,GAAGhU,EAAG,SAAS,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACQ,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACR,EAAG,iBAAiB,CAACQ,MAAM,CAAC,KAAOZ,EAAIiU,qBAAqBC,aAAa,GAAG9T,EAAG,QAAQ,CAACQ,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACR,EAAG,gBAAgB,CAACQ,MAAM,CAAC,KAAOZ,EAAIiU,qBAAqBM,YAAY,IAAI,IAAI,GAAGnU,EAAG,SAAS,CAACA,EAAG,qBAAqB,CAACQ,MAAM,CAAC,KAAOZ,EAAIV,KAAKoT,qBAAqB,IAAI,IAAkR,EAAE,GAChxD,IDUpB,EAEA,KACA,WACA,OAIa,M,qBEDA,IACf9T,WAAA,CACAuC,UACAC,SACAgU,YACAC,kBAGA/V,OACA,OACAA,KAAA,GACAgW,UAAA,KAAAC,wBAGA5V,QAAA,CACA4V,sBACA,MAAAC,EAAA,KAAAC,OAAAnO,KACA,0BAAAkO,EACA,EACA,sBAAAA,EACA,EAEA,GAGAE,WAAAC,GACA,IAAAA,EACA,KAAAC,QAAApS,KAAA,CAAA8D,KAAA,oBACA,IAAAqO,GACA,KAAAC,QAAApS,KAAA,CAAA8D,KAAA,wBAIAuO,UACA,KAAAH,WAAA,KAAAJ,aCpDkX,MCO9W,GAAY,YACd,I3CRW,WAAa,IAAiBpV,EAATD,KAAgBE,eAAmBC,EAAnCH,KAA0CI,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,SAAS,CAACQ,MAAM,CAAC,gBAAgB,OAAO,MAAQ,KAAK,CAACR,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,WAAW,KAAO,KAAK,CAACR,EAAG,aAAa,GAAGA,EAAG,QAAQ,CAACQ,MAAM,CAAC,MAAQ,QAAQ,KAAO,KAAK,CAACR,EAAG,UAAU,IAAI,IAAI,EAAE,GAC1R,I2CSpBW,EAEA,KACA,KACA,MAIa,a,yFClBf,W,kCCAA,W,yDCAA,W,kCCAA,ICAyV,ECmB1U,CACfnC,WAAA,CACAkX,K,UAAAA,GAEA7W,MAAA,CACAkF,MAAA,CACAhF,KAAAmM,OACAjM,YACAkM,QAAA,6EAGAjM,UACA,CACAyW,eAAAC,EAAA,W,wBCxBIjW,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,4EAA4E,CAACF,EAAG,QAAQ,CAACE,YAAY,iBAAiBM,MAAM,CAAC,IAAMZ,EAAI+V,eAAe,OAAS,WAAW3V,EAAG,KAAK,CAACE,YAAY,+CAA+C,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGb,KAAKkE,OAAO,QAAQ,IAAI,GAC/Z,IGUpBpD,EAEA,KACA,WACA,MAIa,IAAAhB,E","file":"js/chunk-36f4d2ad.aefd9eac.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceChart.vue?vue&type=style&index=0&id=5e6dd3b0&prod&lang=scss&scoped=true\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WordCloud.vue?vue&type=style&index=0&id=0fca43ee&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:\"mt-1\"},_vm._l((Object.entries(_vm.cardData)),function(entry,index){return _c('b-col',{key:entry[0]},[_c('b-card',{staticClass:\"px-2 py-1 mb-1\",class:_vm.getCardColor(index),attrs:{\"no-body\":\"\"}},[_c('h5',{staticClass:\"text-nowrap text-center\"},[_vm._v(_vm._s(entry[0]))]),_c('h1',{staticClass:\"card-text text-center\"},[_vm._v(_vm._s(entry[1]))])])],1)}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-row class=\"mt-1\">\n    <b-col v-for=\"(entry, index) in Object.entries(cardData)\" :key=\"entry[0]\">\n      <b-card no-body :class=\"getCardColor(index)\" class=\"px-2 py-1 mb-1\">\n        <h5 class=\"text-nowrap text-center\">{{ entry[0] }}</h5>\n        <h1 class=\"card-text text-center\">{{ entry[1] }}</h1>\n      </b-card>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BCard, BCol, BRow, BCardText } from \"bootstrap-vue\";\nexport default {\n  components: {\n    BCard,\n    BCol,\n    BRow,\n    BCardText,\n  },\n  props: {\n    cardData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      colorClassIndex: {\n        All: 0,\n        LowPerformance: 1,\n        LowQuality: 2,\n      },\n    };\n  },\n  methods: {\n    getCardColor(index) {\n      return `color-class-${index}`;\n    },\n    getIndex(index) {},\n  },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.color-class-0 {\n  background: linear-gradient(\n    180deg,\n    rgb(160, 78, 246) 0%,\n    rgba(95, 69, 245, 1) 100%\n  );\n}\n.color-class-1 {\n  background: linear-gradient(\n    180deg,\n    rgb(254, 181, 0) 0%,\n    rgba(233, 127, 1, 1) 100%\n  );\n}\n.color-class-2 {\n  background: linear-gradient(\n    180deg,\n    rgb(100, 216, 250) 0%,\n    rgba(75, 160, 228, 1) 100%\n  );\n}\n\n.card-text {\n  font-size: 2.5rem;\n  font-weight: bolder;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricCards.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricCards.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MetricCards.vue?vue&type=template&id=5b3ae80e&scoped=true\"\nimport script from \"./MetricCards.vue?vue&type=script&lang=js\"\nexport * from \"./MetricCards.vue?vue&type=script&lang=js\"\nimport style0 from \"./MetricCards.vue?vue&type=style&index=0&id=5b3ae80e&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5b3ae80e\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/optimization-selection.2883f97a.svg\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceCards.vue?vue&type=style&index=0&id=2b4252a7&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=style&index=0&id=0527c44a&prod&lang=scss&scoped=true\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceMap.vue?vue&type=style&index=0&id=d8cc8ce8&prod&scoped=true&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceSegmentsTable.vue?vue&type=style&index=1&id=77408bb2&prod&lang=scss\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KeywordsOverview.vue?vue&type=style&index=0&id=03e6fe0e&prod&lang=scss\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricCards.vue?vue&type=style&index=0&id=5b3ae80e&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-tabs',{attrs:{\"content-class\":\"mt-1\",\"pills\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Overview\",\"lazy\":\"\"}},[_c('overview')],1),_c('b-tab',{attrs:{\"title\":\"Audit\",\"lazy\":\"\"}},[_c('audit')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card id=\"operational-keyword-section\">\n    <b-tabs v-model=\"mainActiveTab\" pills>\n      <b-tab title=\"Keyword\">\n        <b-tabs v-model=\"subActiveIndex\" @input=\"resetPagination\" justified>\n          <b-tab title=\"All\" active>\n            <table-enhancer\n              tableName=\"Keywords - All\"\n              :tableData=\"filledTableData.keywords.all\"\n              :tableFields=\"fields.keywords.all\"\n              :filterableColumns=\"['keyword', 'type']\"\n            />\n          </b-tab>\n          <b-tab title=\"Low Performance\">\n            <table-enhancer\n              tableName=\"Keywords - Low Performance\"\n              :tableData=\"filledTableData.keywords.lowPerformance\"\n              :tableFields=\"fields.keywords.lowPerformance\"\n              :filterableColumns=\"['keyword', 'type']\"\n            />\n          </b-tab>\n          <b-tab title=\"Irrelevant\">\n            <table-enhancer\n              tableName=\" Irrelevant\"\n              :tableData=\"filledTableData.keywords.irrelevant\"\n              :tableFields=\"fields.keywords.irrelevant\"\n              :filterableColumns=\"['keyword', 'type']\"\n            />\n          </b-tab>\n        </b-tabs>\n      </b-tab>\n      <b-tab title=\"Placement\">\n        <b-tabs v-model=\"subActiveIndex\" @input=\"resetPagination\" justified>\n          <b-tab title=\"All\" active>\n            <table-enhancer\n              tableName=\"Placement - All\"\n              :tableData=\"filledTableData.placement.all\"\n              :tableFields=\"fields.placement.all\"\n              :filterableColumns=\"['placement', 'placement_type']\"\n            />\n          </b-tab>\n          <b-tab title=\"Low Performance\">\n            <table-enhancer\n              tableName=\"Placement - Low Performance\"\n              :tableData=\"filledTableData.placement.lowPerformance\"\n              :tableFields=\"fields.placement.lowPerformance\"\n              :filterableColumns=\"['placement', 'placement_type']\"\n            />\n          </b-tab>\n          <b-tab title=\"Low Quality\">\n            <table-enhancer\n              tableName=\"Low Quality\"\n              :tableData=\"filledTableData.placement.lowQuality\"\n              :tableFields=\"fields.placement.lowQuality\"\n              :filterableColumns=\"['placement', 'placement_type']\"\n            />\n          </b-tab>\n        </b-tabs>\n      </b-tab>\n    </b-tabs>\n    <metric-cards :cardData=\"metricCardContent\" />\n  </b-card>\n</template>\n\n<script>\nimport {\n  BTable,\n  BTabs,\n  BTab,\n  BCard,\n  BPagination,\n  BTooltip,\n} from \"bootstrap-vue\";\nimport MetricCards from \"./MetricCards.vue\";\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\nexport default {\n  components: {\n    BTable,\n    BTabs,\n    BTab,\n    BCard,\n    BPagination,\n    BTooltip,\n    MetricCards,\n    noDataTemp,\n    TableEnhancer,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      mainActiveTab: 0,\n      subActiveIndex: 0,\n      perPage: 5,\n      currentPage: 1,\n      subActiveMap: {\n        keywords: {\n          0: \"All\",\n          1: \"Low Performance\",\n          2: \"Irrelevant\",\n        },\n        placement: {\n          0: \"All\",\n          1: \"Low Performance\",\n          2: \"Low Quality\",\n        },\n      },\n    };\n  },\n  computed: {\n    activeTabName() {\n      const activeTabName = this.mainActiveTab === 0 ? \"keywords\" : \"placement\";\n      this.$emit(\"activeTabName\", activeTabName);\n      return activeTabName;\n    },\n    metricCardContent() {\n      const metricCardContent = this.data[this.activeTabName].cardData;\n      return metricCardContent;\n    },\n    activeTabLength() {\n      const activeTabLength =\n        this.data[this.activeTabName].tableData[\n          this.subActiveMap[this.activeTabName][this.subActiveIndex]\n        ].length;\n      return activeTabLength;\n    },\n    filledTableData() {\n      const data = JSON.parse(JSON.stringify(this.data));\n      const placementTable = data.placement.tableData;\n      const keywordsTable = data.keywords.tableData;\n      return {\n        keywords: {\n          all: keywordsTable[\"All\"],\n          lowPerformance: keywordsTable[\"Low Performance\"],\n          irrelevant: keywordsTable[\"Irrelevant\"],\n        },\n        placement: {\n          all: placementTable[\"All\"],\n          lowPerformance: placementTable[\"Low Performance\"],\n          lowQuality: placementTable[\"Low Quality\"],\n        },\n      };\n    },\n    fields() {\n      const data = this.filledTableData;\n\n      let fields = { keywords: {}, placement: {} };\n\n      // Extract keys from the first item of each table\n      const keywordTables = [\"all\", \"lowPerformance\", \"irrelevant\"];\n      const placementTables = [\"all\", \"lowPerformance\", \"lowQuality\"];\n\n      keywordTables.forEach((tableKey) => {\n        if (data.keywords[tableKey] && data.keywords[tableKey].length > 0) {\n          const firstItemKeys = Object.keys(data.keywords[tableKey][0]);\n          let tempField = [];\n          firstItemKeys.forEach((key) => {\n            tempField.push({\n              key: key,\n              sortable: true,\n            });\n          });\n          fields.keywords[tableKey] = tempField;\n        }\n      });\n\n      placementTables.forEach((tableKey) => {\n        if (data.placement[tableKey] && data.placement[tableKey].length > 0) {\n          const firstItemKeys = Object.keys(data.placement[tableKey][0]);\n          let tempField = [];\n          firstItemKeys.forEach((key) => {\n            tempField.push({\n              key: key,\n              sortable: true,\n            });\n          });\n          fields.placement[tableKey] = tempField;\n        }\n      });\n\n      console.log(\"hello, it's me :)\",fields.placement.all)\n\n      return fields;\n    },\n    noDataShown() {\n      return (\n        this.data[this.activeTabName].tableData[\n          this.subActiveMap[this.activeTabName][this.subActiveIndex]\n        ].length === 0\n      );\n    },\n  },\n  methods: {\n    resetPagination() {\n      this.currentPage = 1;\n    },\n    // fillTableData(tableData) {\n    //   for (const category in tableData) {\n    //     if (tableData[category].length % this.perPage !== 0) {\n    //       const fillCount =\n    //         this.perPage - (tableData[category].length % this.perPage);\n    //       for (let i = 0; i < fillCount; i++) {\n    //         tableData[category].push({});\n    //       }\n    //     }\n    //   }\n    //   return tableData;\n    // },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n#operational-keyword-section table tr {\n  height: 40px;\n}\n</style>\n\n<style lang=\"scss\">\n.no-data-temp {\n  height: 25rem;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KeywordsOverview.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KeywordsOverview.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./KeywordsOverview.vue?vue&type=template&id=03e6fe0e\"\nimport script from \"./KeywordsOverview.vue?vue&type=script&lang=js\"\nexport * from \"./KeywordsOverview.vue?vue&type=script&lang=js\"\nimport style0 from \"./KeywordsOverview.vue?vue&type=style&index=0&id=03e6fe0e&prod&lang=scss\"\nimport style1 from \"./KeywordsOverview.vue?vue&type=style&index=1&id=03e6fe0e&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"id\":\"operational-keyword-section\"}},[_c('b-tabs',{attrs:{\"pills\":\"\"},model:{value:(_vm.mainActiveTab),callback:function ($$v) {_vm.mainActiveTab=$$v},expression:\"mainActiveTab\"}},[_c('b-tab',{attrs:{\"title\":\"Keyword\"}},[_c('b-tabs',{attrs:{\"justified\":\"\"},on:{\"input\":_vm.resetPagination},model:{value:(_vm.subActiveIndex),callback:function ($$v) {_vm.subActiveIndex=$$v},expression:\"subActiveIndex\"}},[_c('b-tab',{attrs:{\"title\":\"All\",\"active\":\"\"}},[_c('table-enhancer',{attrs:{\"tableName\":\"Keywords - All\",\"tableData\":_vm.filledTableData.keywords.all,\"tableFields\":_vm.fields.keywords.all,\"filterableColumns\":['keyword', 'type']}})],1),_c('b-tab',{attrs:{\"title\":\"Low Performance\"}},[_c('table-enhancer',{attrs:{\"tableName\":\"Keywords - Low Performance\",\"tableData\":_vm.filledTableData.keywords.lowPerformance,\"tableFields\":_vm.fields.keywords.lowPerformance,\"filterableColumns\":['keyword', 'type']}})],1),_c('b-tab',{attrs:{\"title\":\"Irrelevant\"}},[_c('table-enhancer',{attrs:{\"tableName\":\" Irrelevant\",\"tableData\":_vm.filledTableData.keywords.irrelevant,\"tableFields\":_vm.fields.keywords.irrelevant,\"filterableColumns\":['keyword', 'type']}})],1)],1)],1),_c('b-tab',{attrs:{\"title\":\"Placement\"}},[_c('b-tabs',{attrs:{\"justified\":\"\"},on:{\"input\":_vm.resetPagination},model:{value:(_vm.subActiveIndex),callback:function ($$v) {_vm.subActiveIndex=$$v},expression:\"subActiveIndex\"}},[_c('b-tab',{attrs:{\"title\":\"All\",\"active\":\"\"}},[_c('table-enhancer',{attrs:{\"tableName\":\"Placement - All\",\"tableData\":_vm.filledTableData.placement.all,\"tableFields\":_vm.fields.placement.all,\"filterableColumns\":['placement', 'placement_type']}})],1),_c('b-tab',{attrs:{\"title\":\"Low Performance\"}},[_c('table-enhancer',{attrs:{\"tableName\":\"Placement - Low Performance\",\"tableData\":_vm.filledTableData.placement.lowPerformance,\"tableFields\":_vm.fields.placement.lowPerformance,\"filterableColumns\":['placement', 'placement_type']}})],1),_c('b-tab',{attrs:{\"title\":\"Low Quality\"}},[_c('table-enhancer',{attrs:{\"tableName\":\"Low Quality\",\"tableData\":_vm.filledTableData.placement.lowQuality,\"tableFields\":_vm.fields.placement.lowQuality,\"filterableColumns\":['placement', 'placement_type']}})],1)],1)],1)],1),_c('metric-cards',{attrs:{\"cardData\":_vm.metricCardContent}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',_vm._l((_vm.cardData),function(item,index){return _c('b-col',{key:index},[_c('b-card',{staticClass:\"py-1 mb-0\",class:_vm.getCardColor(index),attrs:{\"no-body\":\"\"}},[_c('h5',{staticClass:\"text-nowrap text-center mb-0\"},[_vm._v(_vm._s(item.title))]),_c('h1',{staticClass:\"card-text text-center\"},[_vm._v(_vm._s(item.value)+\"%\")])])],1)}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-row>\n    <b-col v-for=\"(item, index) in cardData\" :key=\"index\">\n      <b-card no-body :class=\"getCardColor(index)\" class=\"py-1 mb-0\">\n        <h5 class=\"text-nowrap text-center mb-0\">{{ item.title }}</h5>\n        <h1 class=\"card-text text-center\">{{ item.value }}%</h1>\n      </b-card>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BCard, BCol, BRow, BCardText } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BCard,\n    BCol,\n    BRow,\n    BCardText,\n  },\n  props: {\n    cardData: {\n      type: Array,\n      required: true,\n    },\n  },\n  methods: {\n    getCardColor(index) {\n      return `color-class-${index}`;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// .container {\n//   height: 100%;\n// }\n.color-class-0 {\n  border: rgb(100, 216, 250), solid 2px;\n}\n.color-class-1 {\n  border: rgb(160, 78, 246), solid 2px;\n}\n.color-class-2 {\n  border: rgb(110, 110, 110), solid 2px;\n}\n\n.card-text {\n  font-size: 2.5rem;\n  font-weight: bolder;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceCards.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceCards.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AudienceCards.vue?vue&type=template&id=2b4252a7&scoped=true\"\nimport script from \"./AudienceCards.vue?vue&type=script&lang=js\"\nexport * from \"./AudienceCards.vue?vue&type=script&lang=js\"\nimport style0 from \"./AudienceCards.vue?vue&type=style&index=0&id=2b4252a7&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b4252a7\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <section class=\"d-flex flex-column justify-content-around container--section\">\n    <div v-if=\"chartData\" class=\"d-flex flex-end container--main\">\n      <div class=\"container container--left\">\n        <div\n          v-for=\"(data, index) in sortedData.left\"\n          :key=\"data[0]\"\n          class=\"chart-bar position-relative\"\n          :style=\"getBarStyles(data[0], index)\"\n        >\n          <div\n            v-if=\"getPosition(data[0]) === 'split'\"\n            class=\"chart-bar__subtext split\"\n          >\n            {{ data[1] }}\n          </div>\n          <div\n            class=\"chart-bar__data position-absolute\"\n            :class=\"{ above: getPosition(data[0]) === 'above' }\"\n          >\n            <div\n              v-if=\"getPosition(data[0]) !== 'split'\"\n              class=\"chart-bar__subtext\"\n            >\n              {{ data[1] }}\n            </div>\n            <div>{{ data[0] }}<span class=\"chart-bar__percentage\">%</span></div>\n          </div>\n        </div>\n      </div>\n      <div class=\"container container--center w-50\">\n        <div\n          class=\"chart-bar w-100 h-100 position-relative\"\n          :style=\"getCenterBarFontSize()\"\n        >\n          <div class=\"chart-bar__data position-absolute\">\n            <div class=\"chart-bar__subtext\">{{ sortedData.center[1] }}</div>\n            <div>\n              {{ sortedData.center[0]\n              }}<span class=\"chart-bar__percentage\">%</span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"container container--right\">\n        <div\n          v-for=\"(data, index) in sortedData.right\"\n          :key=\"data[0]\"\n          class=\"chart-bar position-relative\"\n          :style=\"getBarStyles(data[0], index)\"\n        >\n          <div\n            v-if=\"getPosition(data[0]) === 'split'\"\n            class=\"chart-bar__subtext split\"\n          >\n            {{ data[1] }}\n          </div>\n          <div\n            class=\"chart-bar__data position-absolute\"\n            :class=\"{ above: getPosition(data[0]) === 'above' }\"\n          >\n            <div\n              v-if=\"getPosition(data[0]) !== 'split'\"\n              class=\"chart-bar__subtext\"\n            >\n              {{ data[1] }}\n            </div>\n            <div>{{ data[0] }}<span class=\"chart-bar__percentage\">%</span></div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <audience-cards v-if=\"audienceCardData\" :cardData=\"audienceCardData\" />\n  </section>\n</template>\n\n<script>\nimport AudienceCards from \"./AudienceCards.vue\";\nimport { BRow, BCol, BContainer } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BContainer,\n    AudienceCards,\n  },\n  props:{\n    data: {\n      type: Object,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      chartData: null,\n      audienceCardData: null,\n    };\n  },\n  computed: {\n    sortedData() {\n      const sortedData = this.chartData.sort((a, b) => b[0] - a[0]);\n      const sortedDataRemaining = sortedData.slice(1);\n      return {\n        center: sortedData[0],\n        left: sortedDataRemaining.filter((data, index) => index % 2 === 0),\n        right: sortedDataRemaining.filter((data, index) => index % 2 === 1),\n      };\n    },\n  },\n  methods: {\n    getPosition(value) {\n      const aboveBreakpoint = 0.15;\n      const splitBreakpoint = 0.25;\n      if (value / this.sortedData.center[0] < aboveBreakpoint) {\n        return \"above\";\n      }\n      if (\n        value / this.sortedData.center[0] < splitBreakpoint &&\n        value / this.sortedData.center[0] >= aboveBreakpoint\n      ) {\n        return \"split\";\n      }\n\n      return null;\n    },\n    getBarStyles(value, index) {\n      return {\n        flexGrow: 1 - (index + 1) * 0.15,\n        opacity: 1 - (index + 1) * 0.1,\n        height: (value / this.sortedData.center[0]) * 100 + \"%\",\n        zIndex: -index,\n        fontSize: 3.5 - (index + 1) * 0.2 + \"em\",\n        filter: `brightness(${80 - (index + 1) * 10}%)`,\n      };\n    },\n    getCenterBarFontSize() {\n      return {\n        fontSize: 4 + \"em\",\n      };\n    },\n  },\n  watch: {\n    data: {\n      handler(newData) {\n        const chartData = Object.entries(newData.ageChart).map(([key, value]) => {\n          return [Math.round(value * 100), key];\n        })\n        this.chartData = chartData;\n\n        this.audienceCardData = [\n          { title: \"Male\", value: Math.round(newData.genderCard.Male * 100) },\n          { title: \"Female\", value: Math.round(newData.genderCard.Female * 100) },\n          { title: \"Undetermined\", value: Math.round(newData.genderCard.Undetermined * 100) },\n        ];\n      },\n      immediate: true,\n    },\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.chart-bar {\n  background: linear-gradient(-65deg, #6a00f4, 70%, #bb29fb);\n  border-top-right-radius: 0.4rem;\n  border-top-left-radius: 0.4rem;\n  $data-left-distance: 20%;\n  line-height: 1.15;\n  &__data {\n    top: 5%;\n    left: $data-left-distance;\n    font-weight: 300;\n    &.above {\n      top: initial !important;\n      bottom: 95%;\n    }\n  }\n  &__percentage {\n    font-size: 0.7em;\n  }\n  &__subtext {\n    font-size: 0.8rem;\n    &.split {\n      position: absolute;\n      bottom: 105%;\n      left: $data-left-distance;\n    }\n  }\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: end;\n  padding: 0;\n\n  @media (max-width: 575px) {\n    font-size: 0.4rem !important;\n  }\n  @media (min-width: 576px) and (max-width: 770px){\n    font-size: 0.6rem !important;\n  }\n  @media (min-width: 992px) and (max-width: 1400px) {\n    font-size: 0.7rem !important;\n  }\n  @media (min-width: 1401) {\n    font-size: 1rem !important;\n  }\n\n\n  &--section {\n    height: 100%;\n    @media (max-width: 991px) {\n      height: 40vw;\n      margin-bottom: 1.5rem;\n    }\n  }\n  &--main {\n    width: 100%;\n    height: 70%;\n    margin-bottom: 1rem;\n    border-bottom: grey 1px solid;\n    .chart-bar {\n      z-index: 1;\n    }\n  }\n  &--left {\n    flex-direction: row-reverse;\n    .chart-bar {\n      border-top-right-radius: 0;\n      box-shadow: -10px 0 15px -5px rgba(0, 0, 0, 0.2);\n    }\n  }\n  &--right {\n    .chart-bar {\n      border-top-left-radius: 0;\n      box-shadow: 10px 0 15px -5px rgba(0, 0, 0, 0.2);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceChart.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AudienceChart.vue?vue&type=template&id=5e6dd3b0&scoped=true\"\nimport script from \"./AudienceChart.vue?vue&type=script&lang=js\"\nexport * from \"./AudienceChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./AudienceChart.vue?vue&type=style&index=0&id=5e6dd3b0&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5e6dd3b0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"d-flex flex-column justify-content-around container--section\"},[(_vm.chartData)?_c('div',{staticClass:\"d-flex flex-end container--main\"},[_c('div',{staticClass:\"container container--left\"},_vm._l((_vm.sortedData.left),function(data,index){return _c('div',{key:data[0],staticClass:\"chart-bar position-relative\",style:(_vm.getBarStyles(data[0], index))},[(_vm.getPosition(data[0]) === 'split')?_c('div',{staticClass:\"chart-bar__subtext split\"},[_vm._v(\" \"+_vm._s(data[1])+\" \")]):_vm._e(),_c('div',{staticClass:\"chart-bar__data position-absolute\",class:{ above: _vm.getPosition(data[0]) === 'above' }},[(_vm.getPosition(data[0]) !== 'split')?_c('div',{staticClass:\"chart-bar__subtext\"},[_vm._v(\" \"+_vm._s(data[1])+\" \")]):_vm._e(),_c('div',[_vm._v(_vm._s(data[0])),_c('span',{staticClass:\"chart-bar__percentage\"},[_vm._v(\"%\")])])])])}),0),_c('div',{staticClass:\"container container--center w-50\"},[_c('div',{staticClass:\"chart-bar w-100 h-100 position-relative\",style:(_vm.getCenterBarFontSize())},[_c('div',{staticClass:\"chart-bar__data position-absolute\"},[_c('div',{staticClass:\"chart-bar__subtext\"},[_vm._v(_vm._s(_vm.sortedData.center[1]))]),_c('div',[_vm._v(\" \"+_vm._s(_vm.sortedData.center[0])),_c('span',{staticClass:\"chart-bar__percentage\"},[_vm._v(\"%\")])])])])]),_c('div',{staticClass:\"container container--right\"},_vm._l((_vm.sortedData.right),function(data,index){return _c('div',{key:data[0],staticClass:\"chart-bar position-relative\",style:(_vm.getBarStyles(data[0], index))},[(_vm.getPosition(data[0]) === 'split')?_c('div',{staticClass:\"chart-bar__subtext split\"},[_vm._v(\" \"+_vm._s(data[1])+\" \")]):_vm._e(),_c('div',{staticClass:\"chart-bar__data position-absolute\",class:{ above: _vm.getPosition(data[0]) === 'above' }},[(_vm.getPosition(data[0]) !== 'split')?_c('div',{staticClass:\"chart-bar__subtext\"},[_vm._v(\" \"+_vm._s(data[1])+\" \")]):_vm._e(),_c('div',[_vm._v(_vm._s(data[0])),_c('span',{staticClass:\"chart-bar__percentage\"},[_vm._v(\"%\")])])])])}),0)]):_vm._e(),(_vm.audienceCardData)?_c('audience-cards',{attrs:{\"cardData\":_vm.audienceCardData}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <l-map class=\"map-container\" ref=\"worldMap\" :zoom=\"zoom\" :center=\"center\">\n    <l-tile-layer :url=\"url\" :attribution=\"attribution\"></l-tile-layer>\n    <l-geo-json :geojson=\"mapGeoJson\" :options=\"geojsonOptions\"></l-geo-json>\n  </l-map>\n</template>\n\n<script>\nimport { LMap, LTileLayer, LGeoJson } from \"vue2-leaflet\";\nimport \"leaflet/dist/leaflet.css\";\n// import geoJsonData from \"./all-countries.json\";\n\nexport default {\n  components: {\n    LMap,\n    LTileLayer,\n    LGeoJson,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      zoom: 3,\n      mapKey: 0,\n      center: [35.2433, 38.9637],\n      url: \"https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png\",\n      attribution:\n        '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors',\n      // geojson: geoJsonData,\n    };\n  },\n  methods: {\n    onEachFeature(feature, layer) {\n      const countryName = feature.properties.name;\n      let tooltipInfo = null;\n      if (this.availableCountries[countryName]) {\n        let tooltipInfoArray = this.availableCountries[countryName]\n          ? Object.entries(this.availableCountries[countryName])\n          : null;\n         tooltipInfo = tooltipInfoArray.map((item) => {\n          return `${this.capitalize(item[0])}: ${item[1]}`;\n        });\n      }\n\n      const tooltipText = `${countryName} <br/> ${tooltipInfo ? tooltipInfo.join(\" <br/> \") : \"\"}`;\n      layer.bindTooltip(tooltipText, {\n        permanent: false,\n        sticky: true,\n      });\n\n      layer.on({\n        click: (e) => {\n          var bounds = e.target.getBounds();\n          var center = bounds.getCenter();\n\n          this.$refs.worldMap.mapObject.flyTo([center.lat, center.lng], 5);\n        },\n      });\n    },\n    styleFunction(feature) {\n      const availableCountryNames = Object.keys(this.availableCountries)\n      \n\n      if (\n        availableCountryNames.includes(\n          feature.properties.name\n        )\n      ) {\n        const impressionCount = this.availableCountries[feature.properties.name].impressions;\n      const isSignificant = impressionCount > 1000;\n      let fillColor = isSignificant ? \"rgba(137, 43, 226, 0.8)\" : \"rgba(137, 43, 226, 0.1)\";\n      let borderColor = isSignificant ? \"rgb(138, 43, 226, 1)\" : \"rgba(137, 43, 226, 0.3)\";\n        return {\n          weight: 2,\n          color: borderColor,\n          fillColor: fillColor, //a155e7\n          fillOpacity: 0.8,\n        };\n      }\n      return {\n        weight: 1,\n        color: \"#999\",\n        fillColor: \"#ddd\",\n        fillOpacity: 0.3,\n      };\n    },\n    normalizeValue(value, max) {\n      return (value / max) * 100;\n    },\n    capitalize(str){\n      return str.charAt(0).toUpperCase() + str.slice(1);\n    }\n  },\n  computed: {\n    geojsonOptions() {\n      return {\n        style: this.styleFunction,\n        onEachFeature: this.onEachFeature,\n      };\n    },\n    availableCountries() {\n      const availableCountriesData = JSON.parse(JSON.stringify(this.data.metrics));\n      console.log('availableCountriesData',availableCountriesData)\n      return availableCountriesData;\n    },\n    mapGeoJson(){\n      console.log(this.data.geoJson)\n      const fullGeoJson = {\n        \"type\": \"FeatureCollection\",\n        \"features\": this.data.geoJson\n      }\n      return fullGeoJson\n    }\n  },\n  mounted(){\n    console.log(this.data)\n  }\n};\n</script>\n\n<style scoped>\n.map-container {\n  height: 30vw;\n  /* color:rgb(138, 43, 226, 0.3); */\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceMap.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceMap.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AudienceMap.vue?vue&type=template&id=d8cc8ce8&scoped=true\"\nimport script from \"./AudienceMap.vue?vue&type=script&lang=js\"\nexport * from \"./AudienceMap.vue?vue&type=script&lang=js\"\nimport style0 from \"./AudienceMap.vue?vue&type=style&index=0&id=d8cc8ce8&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d8cc8ce8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('l-map',{ref:\"worldMap\",staticClass:\"map-container\",attrs:{\"zoom\":_vm.zoom,\"center\":_vm.center}},[_c('l-tile-layer',{attrs:{\"url\":_vm.url,\"attribution\":_vm.attribution}}),_c('l-geo-json',{attrs:{\"geojson\":_vm.mapGeoJson,\"options\":_vm.geojsonOptions}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-100\" id=\"audience-segments\">\n    <div class=\"d-flex w-100\">\n      <div class=\"d-flex w-50\">\n        <b-table\n          :items=\"data\"\n          :fields=\"audienceTableFields\"\n          :current-page=\"currentPage\"\n          :per-page=\"perPage\"\n          show-empty\n        >\n        </b-table>\n      </div>\n      <div class=\"d-flex w-50 position-relative\">\n        <span class=\"chart-line position-absolute\"></span>\n        <b-table\n          borderless\n          :items=\"data\"\n          :fields=\"comparisonTableFields\"\n          :current-page=\"currentPage\"\n          :per-page=\"perPage\"\n        >\n          <template #cell(cvr)=\"data\">\n            <div class=\"comparison-bar--outline position-relative\">\n              <div class=\"comparison-bar--wrapper position-absolute\">\n                <span\n                  class=\"comparison-bar\"\n                  :class=\"getClassVariant(data.item.cvr, 'comparison-bar')\"\n                  :style=\"{\n                    width: getChangeBarWidth(data.item.cvr) + '%',\n                  }\"\n                >\n                </span>\n              </div>\n            </div>\n          </template>\n          <template #cell(change)=\"data\">\n            <div\n              :id=\"`tooltip-target-${data.index}`\"\n              class=\"d-flex align-items-center comparison-change\"\n              :class=\"getClassVariant(data.item.cvr, 'comparison-change')\"\n            >\n              <div\n                class=\"d-flex justify-content-center text-white comparison-change--value\"\n              >\n                {{ getChangeText(data.item.cvr) }}\n              </div>\n              <b-tooltip\n                v-if=\"getTooltipText(data.item.cvr)\"\n                :target=\"`tooltip-target-${data.index}`\"\n                triggers=\"hover\"\n              >\n                {{ getTooltipText(data.item.cvr) }}\n                <feather-icon\n                  class=\"comparison--change--icon\"\n                  :icon=\"getChangeIcon(data.item.cvr)\"\n                  size=\"15\"\n                />\n              </b-tooltip>\n              <feather-icon\n                class=\"comparison--change--icon\"\n                :icon=\"getChangeIcon(data.item.cvr)\"\n                size=\"15\"\n              />\n            </div>\n          </template>\n        </b-table>\n      </div>\n    </div>\n    <div class=\"d-flex justify-content-center mt-1\">\n      <b-pagination\n        v-if=\"!noDataShown\"\n        :total-rows=\"data.length\"\n        :per-page=\"perPage\"\n        v-model=\"currentPage\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BRow, BCol, BTable, BPagination, BTooltip } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BTable,\n    BPagination,\n    BTooltip,\n  },\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      perPage: 5,\n      currentPage: 1,\n      comparisonTableFields: [\n        {\n          key: \"cvr\",\n          label: \"CVR Comparison\",\n          tdClass: \"position-relative\",\n          sortByFormatted: false,\n          thStyle: { width: \"80%\", textAlign: \"center\" },\n        },\n        {\n          key: \"change\",\n          label: \"\",\n          thStyle: { width: \"20%\" },\n        },\n      ],\n      audienceTableFields: [\n        {\n          key: \"user_interest_name\",\n          label: \"Interest Name\",\n        },\n        {\n          key: \"average_cpm\",\n          label: \"CPM\",\n        },\n        {\n          key: \"ctr\",\n          label: \"CTR\",\n        },\n      ],\n    };\n  },\n  methods: {\n    getClassVariant(percentage, classBase) {\n      if (percentage > 0) {\n        return `${classBase}--positive`;\n      }\n      if (percentage < 0) {\n        return `${classBase}--negative`;\n      }\n      if (percentage === 0) {\n        return `${classBase}--non`;\n      }\n    },\n    getChangeIcon(percentage) {\n      if (percentage > 100) return \"ChevronsUpIcon\";\n      if (percentage > 0) return \"ChevronUpIcon\";\n      if (percentage < -100) return \"ChevronsDownIcon\";\n      if (percentage < 0) return \"ChevronDownIcon\";\n      return \"MinusIcon\";\n    },\n    getChangeText(percentage) {\n      if (percentage > 100) {\n        return `+100%`;\n      } else if (percentage < -100) {\n        return `-100%`; // PUT A MEANINGFUL DISPLAY FOR BELOW -100%\n      } else {\n        return `${Math.round(percentage)}%`;\n      }\n    },\n    getTooltipText(percentage) {\n      const value = percentage > 100 ? percentage.toFixed(1) : null;\n      if (!value) return null;\n      const text = `${value}%`;\n      return text;\n    },\n    getChangeBarWidth(percentage) {\n      return Math.min(Math.abs(percentage), 100);\n    },\n  },\n  computed: {\n    noDataShown() {\n      return this.data.length === 0;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n$chart-line-width: 5px;\n$bar-border-radius: 0.5rem;\n$bar-height: 12px;\n\n.comparison-bar {\n  display: flex;\n  justify-content: center;\n  height: $bar-height;\n  border-radius: $bar-border-radius;\n  animation: grow 2s ease forwards;\n  &--wrapper {\n    width: 50%;\n    left: 50%;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  &--outline {\n    display: flex;\n    background: linear-gradient(\n      to right,\n      rgba(188, 41, 251, 0.3) 0%,\n      rgba(188, 41, 251, 0.1) 50%,\n      rgba(78, 207, 246, 0.1) 50%,\n      rgba(78, 207, 246, 0.3) 100%\n    );\n    width: 100%;\n    height: $bar-height;\n    border-radius: $bar-border-radius;\n  }\n  &--positive {\n    background: linear-gradient(\n      to right,\n      rgb(23, 141, 188),\n      rgba(78, 207, 246) 100%\n    );\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    transform: translateX($chart-line-width/2);\n    & > span {\n      right: 0;\n      transform: translate(110%, -10%);\n    }\n  }\n  &--negative {\n    background: linear-gradient(\n      to right,\n      rgb(211, 86, 249),\n      rgb(176, 0, 252) 100%\n    );\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    transform: translateX(-100%) translateX(-$chart-line-width/2);\n    & > span {\n      left: 0;\n      transform: translate(-110%, -10%);\n    }\n  }\n  &--non {\n    background-color: rgba(255, 255, 255, 0.767);\n    transform: translate(-50%);\n    & > span {\n      transform: translateY(-5%);\n    }\n  }\n}\n\n.comparison-change {\n  border-radius: 1rem;\n  padding: 4px 0;\n  max-width: 5rem;\n  &--positive {\n    background-color: rgba(2, 103, 2, 0.245);\n    color: green;\n    border: green solid 1px;\n  }\n\n  &--negative {\n    background-color: rgba(177, 2, 2, 0.239);\n    color: red;\n    border: red solid 1px;\n  }\n\n  &--non {\n    background-color: rgba(113, 113, 113, 0.291);\n    border: white solid 1px;\n  }\n  &--value {\n    width: 70%;\n  }\n  &--icon {\n    width: 30%;\n  }\n}\n\n.chart-line {\n  $chart-line-height: 85%;\n  height: $chart-line-height;\n  left: 40%;\n  top: 35px;\n  @media (max-width: 992px) {\n    top: 4rem;\n  }\n  z-index: 2;\n  transform: translateX(-50%);\n  width: $chart-line-width;\n  background-color: rgb(255, 255, 255);\n  border: rgba(41, 20, 63) 2px solid;\n}\n</style>\n\n<style lang=\"scss\">\n@media (max-width: 992px) {\n  #audience-segments {\n    .table {\n      thead {\n        height: 4rem;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceSegmentsTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceSegmentsTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AudienceSegmentsTable.vue?vue&type=template&id=77408bb2&scoped=true\"\nimport script from \"./AudienceSegmentsTable.vue?vue&type=script&lang=js\"\nexport * from \"./AudienceSegmentsTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./AudienceSegmentsTable.vue?vue&type=style&index=0&id=77408bb2&prod&lang=scss&scoped=true\"\nimport style1 from \"./AudienceSegmentsTable.vue?vue&type=style&index=1&id=77408bb2&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77408bb2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100\",attrs:{\"id\":\"audience-segments\"}},[_c('div',{staticClass:\"d-flex w-100\"},[_c('div',{staticClass:\"d-flex w-50\"},[_c('b-table',{attrs:{\"items\":_vm.data,\"fields\":_vm.audienceTableFields,\"current-page\":_vm.currentPage,\"per-page\":_vm.perPage,\"show-empty\":\"\"}})],1),_c('div',{staticClass:\"d-flex w-50 position-relative\"},[_c('span',{staticClass:\"chart-line position-absolute\"}),_c('b-table',{attrs:{\"borderless\":\"\",\"items\":_vm.data,\"fields\":_vm.comparisonTableFields,\"current-page\":_vm.currentPage,\"per-page\":_vm.perPage},scopedSlots:_vm._u([{key:\"cell(cvr)\",fn:function(data){return [_c('div',{staticClass:\"comparison-bar--outline position-relative\"},[_c('div',{staticClass:\"comparison-bar--wrapper position-absolute\"},[_c('span',{staticClass:\"comparison-bar\",class:_vm.getClassVariant(data.item.cvr, 'comparison-bar'),style:({\n                  width: _vm.getChangeBarWidth(data.item.cvr) + '%',\n                })})])])]}},{key:\"cell(change)\",fn:function(data){return [_c('div',{staticClass:\"d-flex align-items-center comparison-change\",class:_vm.getClassVariant(data.item.cvr, 'comparison-change'),attrs:{\"id\":(\"tooltip-target-\" + (data.index))}},[_c('div',{staticClass:\"d-flex justify-content-center text-white comparison-change--value\"},[_vm._v(\" \"+_vm._s(_vm.getChangeText(data.item.cvr))+\" \")]),(_vm.getTooltipText(data.item.cvr))?_c('b-tooltip',{attrs:{\"target\":(\"tooltip-target-\" + (data.index)),\"triggers\":\"hover\"}},[_vm._v(\" \"+_vm._s(_vm.getTooltipText(data.item.cvr))+\" \"),_c('feather-icon',{staticClass:\"comparison--change--icon\",attrs:{\"icon\":_vm.getChangeIcon(data.item.cvr),\"size\":\"15\"}})],1):_vm._e(),_c('feather-icon',{staticClass:\"comparison--change--icon\",attrs:{\"icon\":_vm.getChangeIcon(data.item.cvr),\"size\":\"15\"}})],1)]}}])})],1)]),_c('div',{staticClass:\"d-flex justify-content-center mt-1\"},[(!_vm.noDataShown)?_c('b-pagination',{attrs:{\"total-rows\":_vm.data.length,\"per-page\":_vm.perPage},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}}):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreativeTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreativeTable.vue?vue&type=script&lang=js\"","<template>\n  <table-enhancer\n    tableName=\"Creative\"\n    :tableData=\"data\"\n    :tableFields=\"fields\"\n    :filterableColumns=\"['creative_name', 'strength', 'creative_type']\"\n  />\n</template>\n\n<script>\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\n\nexport default {\n  components: {\n    TableEnhancer,\n  },\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      fields: [\n        { key: \"creative_name\", label: \"Creative\", sortable: true },\n        { key: \"strength\", label: \"Strength\", sortable: true },\n        { key: \"creative_type\", label: \"Type\", sortable: true },\n        { key: \"cpm\", label: \"CPM\", sortable: true },\n        { key: \"ctr\", label: \"CTR\", sortable: true },\n      ],\n    };\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./CreativeTable.vue?vue&type=template&id=49d70514\"\nimport script from \"./CreativeTable.vue?vue&type=script&lang=js\"\nexport * from \"./CreativeTable.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table-enhancer',{attrs:{\"tableName\":\"Creative\",\"tableData\":_vm.data,\"tableFields\":_vm.fields,\"filterableColumns\":['creative_name', 'strength', 'creative_type']}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdgroupTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdgroupTable.vue?vue&type=script&lang=js\"","<template>\n  <table-enhancer\n    tableName=\"Ideal Setup Check\"\n    :tableData=\"data\"\n    :tableFields=\"fields\"\n    :filterableColumns=\"['campaign_name']\"\n    message=\"The ideal number of ad groups should be at least two.\"\n  />\n</template>\n\n<script>\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\n\nexport default {\n  components: {\n    TableEnhancer,\n  },\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      fields: [\n        { key: \"campaign_name\", label: \"Campaign\", sortable: true },\n        { key: \"adgroup_id_count\", label: \"Adgroup count\", sortable: true },\n        { key: \"ad_count\", label: \"Ad count\", sortable: true },\n      ],\n    };\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./AdgroupTable.vue?vue&type=template&id=558b4dbe\"\nimport script from \"./AdgroupTable.vue?vue&type=script&lang=js\"\nexport * from \"./AdgroupTable.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table-enhancer',{attrs:{\"tableName\":\"Ideal Setup Check\",\"tableData\":_vm.data,\"tableFields\":_vm.fields,\"filterableColumns\":['campaign_name'],\"message\":\"The ideal number of ad groups should be at least two.\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card-container\">\n    <b-card no-body ref=\"container\" class=\"container h-100\">\n      <div v-if=\"data !== null && circles.length > 1\">\n        <div\n          v-for=\"(circle, index) in circles\"\n          :key=\"index\"\n          class=\"circle\"\n          :class=\"{ 'pop-in': circle.popIn }\"\n          :style=\"getStyle(circle)\"\n        >\n          <span>{{ circle.name }}</span>\n        </div>\n      </div>\n      <div v-else class=\"d-flex justify-content-center align-items-center h-100\">\n        <span>No keywords to show.</span>\n      </div>\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport { BCard } from \"bootstrap-vue\";\nexport default {\n  name: \"CircleChart\",\n  components: {\n    BCard,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n    activeTabName: {\n      type: String,\n      required: true,\n      default: \"keywords\",\n    },\n  },\n  data() {\n    return {\n      width: 540,\n      height: 500,\n      radiusFactor: 10,\n      circleColors: [\"#a04ef6\", \"#64d8fa\", \"#feb500\", \"#808080\"],\n      circles: null,\n      maxValue: 0,\n    };\n  },\n  mounted() {\n    this.$nextTick(() => {\n      const container = this.$refs.container;\n      if (!container) return;\n\n      const resizeObserver = new ResizeObserver((entries) => {\n        // const { width, height } = entries[0].contentRect;\n        // this.width = width;\n        // this.height = height;\n\n        this.updateDimensions(false);\n      });\n\n      resizeObserver.observe(container);\n\n      this.resizeObserver = resizeObserver;\n    });\n  },\n  beforeDestroy() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  },\n  methods: {\n    updateDimensions(initializePositions = true) {\n      const container = this.$refs.container;\n      this.width = container.clientWidth;\n      this.height = container.clientHeight;\n      this.adjustRadiusFactor();\n      this.calculateRadii();\n      if (initializePositions) {\n        this.initializePositions();\n      }\n      this.startSimulation();\n    },\n    calculateRadii() {\n      this.circles.forEach((circle) => {\n        circle.radius = Math.min(this.width / 4, circle.weight * this.radiusFactor);\n      });\n    },\n    getStyle(circle) {\n      const fontSize = this.calculateFontSize(circle);\n\n      return {\n        width: `${circle.radius * 2}px`,\n        height: `${circle.radius * 2}px`,\n        fontSize: `${circle.radius * 0.5}px`,\n        border: `2px solid ${circle.color}`,\n        left: `${circle.x - circle.radius}px`,\n        top: `${circle.y - circle.radius}px`,\n        opacity: Math.max(1, circle.weight * 10), //! FIX THE LOGIC LATER\n        fontSize: `${fontSize}px`,\n      };\n    },\n    calculateFontSize(circle) {\n      const maxWidth = circle.radius * 2; // Maximum available width\n      const baseFontSize = circle.radius * 0.4;\n\n      const words = circle.name.split(\" \");\n\n      const longestWord = words.reduce((longest, current) => (current.length > longest.length ? current : longest), \"\");\n\n      const estimateTextWidth = (fontSize) => {\n        const avgCharWidth = fontSize * 0.6;\n        return longestWord.length * avgCharWidth;\n      };\n\n      let minFontSize = 6;\n      let maxFontSize = baseFontSize;\n      let optimalFontSize = baseFontSize;\n\n      while (maxFontSize - minFontSize > 0.5) {\n        const midFontSize = (minFontSize + maxFontSize) / 2;\n        const estimatedWidth = estimateTextWidth(midFontSize);\n\n        if (estimatedWidth <= maxWidth * 0.8) {\n          optimalFontSize = midFontSize;\n          minFontSize = midFontSize + 0.5;\n        } else {\n          maxFontSize = midFontSize - 0.5;\n        }\n      }\n\n      return Math.max(optimalFontSize, 6);\n    },\n    initializePositions() {\n      this.circles.forEach((circle) => {\n        circle.x = Math.random() * (this.width - circle.radius * 2) + circle.radius;\n        circle.y = Math.random() * (this.height - circle.radius * 2) + circle.radius;\n      });\n    },\n    startSimulation() {\n      const collideDistance = 15;\n      const alphaDecay = 1;\n      const simulationTime = 700;\n\n      const tick = () => {\n        this.circles.forEach((circle, i) => {\n          let dx = 0;\n          let dy = 0;\n\n          this.circles.forEach((otherCircle, j) => {\n            if (i !== j) {\n              const xDist = circle.x - otherCircle.x;\n              const yDist = circle.y - otherCircle.y;\n              const distance = Math.sqrt(xDist * xDist + yDist * yDist);\n              const minDistance = circle.radius + otherCircle.radius + collideDistance;\n\n              if (distance < minDistance) {\n                const moveDist = ((minDistance - distance) / distance) * 0.5;\n                dx += xDist * moveDist;\n                dy += yDist * moveDist;\n              }\n            }\n          });\n\n          circle.x += dx * alphaDecay;\n          circle.y += dy * alphaDecay;\n\n          circle.x = Math.max(circle.radius, Math.min(this.width - circle.radius, circle.x));\n          circle.y = Math.max(circle.radius, Math.min(this.height - circle.radius, circle.y));\n        });\n\n        this.$forceUpdate();\n        // requestAnimationFrame(tick);\n      };\n      const simulationInterval = setInterval(tick, 16);\n\n      setTimeout(() => {\n        clearInterval(simulationInterval);\n        this.animateCircles();\n      }, simulationTime);\n    },\n    animateCircles() {\n      this.circles.forEach((circle, index) => {\n        setTimeout(() => {\n          circle.popIn = true;\n        }, index * 100);\n      });\n    },\n    adjustRadiusFactor() {\n      const weightSquareTotal = this.circles.reduce((total, circle) => total + circle.weight ** 2, 0);\n      const newFactor = Math.sqrt((this.height * this.width) / (Math.PI * weightSquareTotal)) * 0.8;\n      this.radiusFactor = newFactor.toFixed(1);\n    },\n    prepareData(newData) {\n      const data = JSON.parse(JSON.stringify(newData));\n\n      const transformedData = data.map((keyword) => {\n        const key = Object.keys(keyword)[0];\n        const value = keyword[key];\n        return { name: key, weight: this.normalize(value, 2) };\n      });\n\n      const readyData = transformedData\n        .sort((a, b) => b.weight - a.weight)\n        .map((circle, index) => {\n          let newColor;\n          if (index < this.circleColors.length) {\n            newColor = this.circleColors[index];\n          } else {\n            newColor = this.circleColors[this.circleColors.length - 1];\n          }\n          return {\n            ...circle,\n            color: newColor,\n            popIn: false,\n          };\n        });\n      return readyData;\n    },\n    updateCircles(data) {\n      if (this.activeTabName && data[this.activeTabName]) {\n        this.circles = this.prepareData(data[this.activeTabName]);\n      }\n    },\n    normalize(value, exaggerateFactor = 1) {\n      let normalizedValue = Math.log(value) / Math.log(this.maxValue);\n      let exaggeratedValue = Math.pow(normalizedValue, exaggerateFactor);\n      return exaggeratedValue;\n    },\n    findMaxValue(data) {\n      let maxValue = 0;\n\n      data.forEach((obj) => {\n        const value = Object.values(obj)[0];\n        if (value > maxValue) {\n          maxValue = value;\n        }\n      });\n\n      this.maxValue = maxValue;\n    },\n  },\n  watch: {\n    data: {\n      handler(newData) {\n        this.findMaxValue(this.data[newActiveTabName]);\n        this.updateCircles(this.data);\n        this.$nextTick(() => {\n          this.updateDimensions();\n        });\n      },\n      // immediate: true,\n    },\n    activeTabName: {\n      handler(newActiveTabName) {\n        this.findMaxValue(this.data[newActiveTabName]);\n        this.updateCircles(this.data);\n        this.$nextTick(() => {\n          this.updateDimensions();\n        });\n      },\n      immediate: true,\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.circle {\n  position: absolute;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to bottom right, rgba(76, 50, 113, 0.9), rgba(36, 24, 54, 0.9));\n  color: white;\n  text-align: center;\n  opacity: 0;\n  transform: scale(0);\n  transition: transform 0.5s ease, opacity 0.5s ease, z-index 0s linear 0.3s;\n  &.pop-in {\n    transform: scale(1);\n  }\n  &:hover {\n    opacity: 1 !important;\n    transform: scale(1.8);\n    z-index: 10;\n    background: linear-gradient(to bottom right, rgba(76, 50, 113, 1), rgba(36, 24, 54, 1));\n  }\n  span {\n    text-transform: capitalize;\n  }\n}\n.card-container {\n  height: 100%;\n  padding-bottom: 2rem;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WordCloud.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WordCloud.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WordCloud.vue?vue&type=template&id=0fca43ee&scoped=true\"\nimport script from \"./WordCloud.vue?vue&type=script&lang=js\"\nexport * from \"./WordCloud.vue?vue&type=script&lang=js\"\nimport style0 from \"./WordCloud.vue?vue&type=style&index=0&id=0fca43ee&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0fca43ee\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-container\"},[_c('b-card',{ref:\"container\",staticClass:\"container h-100\",attrs:{\"no-body\":\"\"}},[(_vm.data !== null && _vm.circles.length > 1)?_c('div',_vm._l((_vm.circles),function(circle,index){return _c('div',{key:index,staticClass:\"circle\",class:{ 'pop-in': circle.popIn },style:(_vm.getStyle(circle))},[_c('span',[_vm._v(_vm._s(circle.name))])])}),0):_c('div',{staticClass:\"d-flex justify-content-center align-items-center h-100\"},[_c('span',[_vm._v(\"No keywords to show.\")])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <vue-apex-charts\n      height=\"400\"\n      :options=\"chartOptions\"\n      :series=\"series\"\n    ></vue-apex-charts>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {},\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    series() {\n      const transformedData = [\n        { name: \"Poor\", data: [] },\n        { name: \"Average\", data: [] },\n        { name: \"Good\", data: [] },\n        { name: \"Excellent\", data: [] },\n        { name: \"Unspecified\", data: [] },\n      ];\n\n      Object.keys(this.data).forEach((adType) => {\n        Object.entries(this.data[adType]).forEach(([metric, value]) => {\n          const index = transformedData.findIndex(\n            (item) => item.name.toLowerCase() === metric.toLowerCase()\n          );\n          if (index !== -1 && !isNaN(value)) {\n            transformedData[index].data.push(value);\n          }\n        });\n      });\n      return transformedData;\n    },\n    chartOptions() {\n      const categories = Object.keys(this.data).map((adType) => {\n        const formattedAdType = adType.split(\"_\").join(\" \");\n        return formattedAdType;\n      });\n\n      const totalValues = this.series.reduce((acc, series) => {\n        series.data.forEach((value, index) => {\n          acc[index] = (acc[index] || 0) + value;\n        });\n        return acc;\n      }, []);\n\n      const baseOptions = {\n        chart: {\n          type: \"bar\",\n        },\n        xaxis: {\n          categories: categories,\n          labels: {\n            rotate: 0,\n            trim: true,\n            hideOverlappingLabels: false,\n          },\n        },\n        colors: [\n          \"rgb(182, 31, 31)\",\n          \"rgb(254, 181, 2)\",\n          \"rgb(112, 230, 105)\",\n          \"rgb(12, 164, 4)\",\n          \"rgb(80, 80, 80)\",\n        ],\n        tooltip: {\n          marker: {\n            show: false,\n          },\n        },\n        dataLabels: {\n          enabled: true,\n          formatter: (val, opts) => {\n            if (val === 0) {\n              return \"\";\n            }\n            const total = totalValues[opts.dataPointIndex];\n            const percentage = (val / total) * 100;\n            // return percentage % 1 === 0\n            //   ? `${percentage.toFixed(0)}%`\n            //   : `${percentage.toFixed(2)}%`;\n            return `${percentage.toFixed(0)}%`;\n          },\n          style: {\n            fontSize: \"12px\",\n            colors: [\"#fff\"],\n          },\n        },\n      };\n      return baseOptions;\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreativeBarChart.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreativeBarChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CreativeBarChart.vue?vue&type=template&id=f52c9e38\"\nimport script from \"./CreativeBarChart.vue?vue&type=script&lang=js\"\nexport * from \"./CreativeBarChart.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vue-apex-charts',{attrs:{\"height\":\"400\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h1 class=\"mb-2\">Operational</h1>\n    <b-row>\n      <b-col cols=\"12\">\n        <filtersV2 name=\"operationalPage\" :get-metrics=\"getMetrics\" />\n      </b-col>\n    </b-row>\n    <div v-if=\"!isLoading && !noData && data !== null\">\n      <b-row>\n        <b-col cols=\"12\" lg=\"7\">\n          <keywords-overview\n            :data=\"keywordsData.overview\"\n            @activeTabName=\"handleActiveTabChange\"\n          />\n        </b-col>\n        <b-col cols=\"12\" lg=\"5\" class=\"word-cloud\">\n          <word-cloud\n            :active-tab-name=\"activeTabName\"\n            :data=\"keywordsData.wordCloud\"\n          />\n        </b-col>\n      </b-row>\n\n      <b-card class=\"position-relative\">\n        <h2 class=\"position-absolute\">Audience</h2>\n        <b-row>\n          <b-col cols=\"12\" lg=\"7\">\n            <audience-chart :data=\"audienceData.chart\" />\n          </b-col>\n          <b-col cols=\"12\" lg=\"5\">\n            <audience-map :data=\"audienceData.map\" />\n          </b-col>\n        </b-row>\n      </b-card>\n      <b-card>\n        <h2>Audience Segments</h2>\n        <b-row>\n          <audience-segments-table :data=\"audienceCreativeData.segments\" />\n        </b-row>\n      </b-card>\n      <b-card>\n        <b-row>\n          <b-col cols=\"12\" lg=\"7\">\n            <creative-table :data=\"audienceCreativeData.creative\" />\n          </b-col>\n          <b-col cols=\"12\" lg=\"5\">\n            <adgroup-table :data=\"audienceCreativeData.adgroup\" />\n          </b-col>\n        </b-row>\n      </b-card>\n      <b-card>\n        <creative-bar-chart :data=\"data.CreativeBarChart\" />\n      </b-card>\n    </div>\n    <page-placeholder\n      title=\"Please select a brand and time period to view associated data.\"\n      v-else-if=\"!noData && !isLoading && data === null\"\n    />\n    <no-data-temp\n      text=\"Please select another month\"\n      v-else-if=\"!isLoading && noData\"\n    ></no-data-temp>\n    <loading v-else></loading>\n  </div>\n</template>\n\n<script>\nimport KeywordsOverview from \"./KeywordsOverview.vue\";\nimport MetricCards from \"./MetricCards.vue\";\nimport AudienceChart from \"./AudienceChart.vue\";\nimport AudienceMap from \"./AudienceMap.vue\";\nimport AudienceSegmentsTable from \"./AudienceSegmentsTable.vue\";\nimport CreativeTable from \"./CreativeTable.vue\";\nimport AdgroupTable from \"./AdgroupTable.vue\";\nimport WordCloud from \"./WordCloud.vue\";\nimport CreativeBarChart from \"./CreativeBarChart.vue\";\nimport { BRow, BCol, BCard } from \"bootstrap-vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport PagePlaceholder from \"@/views/FilterSelections.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\n\nexport default {\n  components: {\n    KeywordsOverview,\n    MetricCards,\n    AudienceChart,\n    AudienceMap,\n    AudienceSegmentsTable,\n    CreativeTable,\n    AdgroupTable,\n    WordCloud,\n    CreativeBarChart,\n    BRow,\n    BCol,\n    BCard,\n    NoDataTemp,\n    Loading,\n    PagePlaceholder,\n    FiltersV2,\n  },\n  data() {\n    return {\n      activeTabName: \"keywords\",\n      data: null,\n      isLoading: false,\n      noData: false,\n    };\n  },\n  computed: {\n    keywordsData() {\n      const placement = this.data.Placement;\n      const keywords = this.data.Keywords;\n      return {\n        overview: {\n          placement: {\n            tableData: placement.placementTable,\n            cardData: placement.placementCard,\n          },\n          keywords: {\n            tableData: keywords.keywordTable,\n            cardData: keywords.keywordCard,\n          },\n        },\n        wordCloud: {\n          placement: placement.placementGraph,\n          keywords: keywords.keywordGraph,\n        },\n      };\n    },\n    audienceData() {\n      const demographics = this.data.Demographic.demographicTable;\n      return {\n        chart: {\n          genderCard: demographics.gender,\n          ageChart: demographics.age,\n        },\n        map: {\n          metrics: demographics.worldMap,\n          geoJson: demographics.geoJson\n        },\n      };\n    },\n    audienceCreativeData() {\n      const creative = this.data.AudienceCreative;\n      return {\n        segments: creative.audienceSegmentsTable,\n        creative: creative.creativeTable,\n        adgroup: creative.adgroupTable,\n      };\n    },\n  },\n  methods: {\n    handleActiveTabChange(activeTabName) {\n      this.activeTabName = activeTabName;\n    },\n    async getMetrics(params) {\n      this.isLoading = true;\n      await this.$http\n        .get(\"/audit/transparency/operational\", {\n          params: {\n            brand_id: params.operationalBrand.value,\n            year: params.year.value,\n            month: params.month.value,\n          },\n        })\n        .then(({ data }) => {\n          if (typeof data !== \"object\") {\n            this.noData = true;\n          } else {\n            this.data = data;\n            this.noData = false;\n          }\n          this.isLoading = false;\n        })\n        .catch((e) => {\n          this.noData = true;\n          this.isLoading = false;\n        });\n    },\n  },\n};\n</script>\n\n<style scoped>\nh2 {\n  margin-bottom: 2rem;\n}\n\n@media screen and (max-width: 992px) {\n  .word-cloud {\n    height: 30vw;\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=7cd6c2e2&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=7cd6c2e2&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7cd6c2e2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:\"mb-2\"},[_vm._v(\"Operational\")]),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('filtersV2',{attrs:{\"name\":\"operationalPage\",\"get-metrics\":_vm.getMetrics}})],1)],1),(!_vm.isLoading && !_vm.noData && _vm.data !== null)?_c('div',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"7\"}},[_c('keywords-overview',{attrs:{\"data\":_vm.keywordsData.overview},on:{\"activeTabName\":_vm.handleActiveTabChange}})],1),_c('b-col',{staticClass:\"word-cloud\",attrs:{\"cols\":\"12\",\"lg\":\"5\"}},[_c('word-cloud',{attrs:{\"active-tab-name\":_vm.activeTabName,\"data\":_vm.keywordsData.wordCloud}})],1)],1),_c('b-card',{staticClass:\"position-relative\"},[_c('h2',{staticClass:\"position-absolute\"},[_vm._v(\"Audience\")]),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"7\"}},[_c('audience-chart',{attrs:{\"data\":_vm.audienceData.chart}})],1),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"5\"}},[_c('audience-map',{attrs:{\"data\":_vm.audienceData.map}})],1)],1)],1),_c('b-card',[_c('h2',[_vm._v(\"Audience Segments\")]),_c('b-row',[_c('audience-segments-table',{attrs:{\"data\":_vm.audienceCreativeData.segments}})],1)],1),_c('b-card',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"7\"}},[_c('creative-table',{attrs:{\"data\":_vm.audienceCreativeData.creative}})],1),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"5\"}},[_c('adgroup-table',{attrs:{\"data\":_vm.audienceCreativeData.adgroup}})],1)],1)],1),_c('b-card',[_c('creative-bar-chart',{attrs:{\"data\":_vm.data.CreativeBarChart}})],1)],1):(!_vm.noData && !_vm.isLoading && _vm.data === null)?_c('page-placeholder',{attrs:{\"title\":\"Please select a brand and time period to view associated data.\"}}):(!_vm.isLoading && _vm.noData)?_c('no-data-temp',{attrs:{\"text\":\"Please select another month\"}}):_c('loading')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-tabs content-class=\"mt-1\" pills>\n      <b-tab title=\"Overview\" lazy>\n        <overview />\n      </b-tab>\n      <b-tab title=\"Audit\" lazy>\n        <audit />\n      </b-tab>\n    </b-tabs>\n  </div>\n</template>\n\n<script>\nimport { BTabs, BTab } from \"bootstrap-vue\";\nimport Overview from \"@/views/transparency/operational/overview/Index.vue\";\nimport Audit from \"@/views/transparency/operational/audit/Index.vue\";\n\nexport default {\n  components: {\n    BTabs,\n    BTab,\n    Overview,\n    Audit,\n  },\n\n  data() {\n    return {\n      data: {},\n      activeTab: this.getInitialActiveTab(),\n    };\n  },\n  methods: {\n    getInitialActiveTab() {\n      const routeName = this.$route.name;\n      if (routeName === \"operationalPage\") {\n        return 0;\n      } else if (routeName === \"operational-audit\") {\n        return 1;\n      } else {\n        return 0;\n      }\n    },\n    tabChanged(newTabIndex) {\n      if (newTabIndex === 0) {\n        this.$router.push({ name: \"operationalPage\" });\n      } else if (newTabIndex === 1) {\n        this.$router.push({ name: \"operational-audit\" });\n      }\n    },\n  },\n  created() {\n    this.tabChanged(this.activeTab);\n  },\n};\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Operational.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Operational.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Operational.vue?vue&type=template&id=e33f8c7a\"\nimport script from \"./Operational.vue?vue&type=script&lang=js\"\nexport * from \"./Operational.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KeywordsOverview.vue?vue&type=style&index=1&id=03e6fe0e&prod&lang=scss\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AudienceSegmentsTable.vue?vue&type=style&index=0&id=77408bb2&prod&lang=scss&scoped=true\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=7cd6c2e2&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"coming-soon\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center text-center\"},[_c('b-img',{staticClass:\"d-block m-auto\",attrs:{\"src\":_vm.selectionImage,\"height\":\"200px\"}}),_c('h1',{staticClass:\"pt-2 w-75 font-weight-light m-auto  d-block\"},[_vm._v(\" \"+_vm._s(this.title)+\" \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"coming-soon\">\n    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\n      <b-img\n        :src=\"selectionImage\"\n        class=\"d-block m-auto\"\n        height=\"200px\"\n      />\n      <h1 class=\"pt-2 w-75 font-weight-light m-auto  d-block\">\n        {{ this.title }}\n      </h1>\n    </div>\n  </div>\n</template>\n<script>\nimport {\n  BImg\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg\n  },\n  props: {\n    title: {\n      type: String,\n      required: false,\n      default: \"Select a campaign and product(optional) to see the table and bar charts.\"\n    }\n  },\n  data () {\n    return {\n      selectionImage: require('@/assets/images/uploads/optimization-selection.svg'),\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.coming-soon{\n  position: absolute;\n  width: 95%;\n  height: calc(100vh - 230px);\n  background: rgba(45, 17, 70, 0.7);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  align-content: center;\n  justify-content: center;\n  border-radius: 5px;\n  color: #28E9FD;\n  span{\n    text-align: center;\n    align-self: center;\n    font-size: 1.3rem;\n    font-weight: 400;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./FilterSelections.vue?vue&type=template&id=0527c44a&scoped=true\"\nimport script from \"./FilterSelections.vue?vue&type=script&lang=js\"\nexport * from \"./FilterSelections.vue?vue&type=script&lang=js\"\nimport style0 from \"./FilterSelections.vue?vue&type=style&index=0&id=0527c44a&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0527c44a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}