{"version":3,"sources":["webpack:///./src/views/scores/media/awareness/cpm/BestPerformedPublishers.vue?342e","webpack:///./src/views/scores/media/awareness/cpm/Index.vue?4e6b","webpack:///./src/views/scores/media/awareness/cpm/BestPerformedPublishers.vue?944b","webpack:///src/views/scores/media/awareness/cpm/BestPerformedPublishers.vue","webpack:///./src/views/scores/media/awareness/cpm/BestPerformedPublishers.vue","webpack:///./src/views/scores/media/awareness/cpm/BestPerformedPublishers.vue?2804","webpack:///src/views/scores/media/awareness/cpm/PublishersCpm.vue","webpack:///./src/views/scores/media/awareness/cpm/PublishersCpm.vue?7868","webpack:///./src/views/scores/media/awareness/cpm/PublishersCpm.vue","webpack:///./src/views/scores/media/awareness/cpm/PublishersCpm.vue?4b1c","webpack:///src/views/scores/media/awareness/cpm/CpmTrend.vue","webpack:///./src/views/scores/media/awareness/cpm/CpmTrend.vue?cb29","webpack:///./src/views/scores/media/awareness/cpm/CpmTrend.vue","webpack:///./src/views/scores/media/awareness/cpm/CpmTrend.vue?81b9","webpack:///./src/views/scores/media/awareness/cpm/Cpm.vue?bdb9","webpack:///src/views/scores/media/awareness/cpm/Cpm.vue","webpack:///./src/views/scores/media/awareness/cpm/Cpm.vue","webpack:///./src/views/scores/media/awareness/cpm/Cpm.vue?de27","webpack:///src/views/scores/media/awareness/cpm/Pie.vue","webpack:///./src/views/scores/media/awareness/cpm/Pie.vue?3ce7","webpack:///./src/views/scores/media/awareness/cpm/Pie.vue","webpack:///./src/views/scores/media/awareness/cpm/Pie.vue?2f1f","webpack:///src/views/scores/media/awareness/cpm/Comparison.vue","webpack:///./src/views/scores/media/awareness/cpm/Comparison.vue?5ba7","webpack:///./src/views/scores/media/awareness/cpm/Comparison.vue","webpack:///./src/views/scores/media/awareness/cpm/Comparison.vue?aee7","webpack:///src/views/scores/media/awareness/cpm/Index.vue","webpack:///./src/views/scores/media/awareness/cpm/Index.vue?fa29","webpack:///./src/views/scores/media/awareness/cpm/Index.vue"],"names":["components","BCard","BCardHeader","BCardTitle","BCardBody","VuePerfectScrollbar","props","tableData","type","Object","required","methods","universalFormatter","kFormatter","component","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","ref","perfectScrollbarSettings","_l","item","index","key","_s","cpm","isCurrency","impressions","$","JQuery","directives","Ripple","chartData","computed","apexScatter","defaultOps","$store","getters","customOps","chart","events","mounted","chartContext","config","addOrUpdateCustomBackground","updated","legend","show","xaxis","labels","formatter","val","yaxis","extend","chartOptions","series","getSeries","grid","globals","dom","baseEl","querySelector","x","y","width","height","getBBox","existingRect","document","createElementNS","setAttribute","parentNode","insertBefore","nextSibling","keys","forEach","push","name","data","staticStyle","takeAverage","arr","reduce","a","b","length","BCardSubTitle","apexChatData","annotations","values","label","text","categories","title","BRow","BCol","BButton","BAvatar","VBTooltip","metrics","method","rawName","value","expression","modifiers","planned","realized","apexPie","obj","array","sort","sortedData","isNaN","formatCamelCase","tooltip","toFixed","barChartData","watch","$refs","apexBarChart","refresh","str","result","replace","toUpperCase","noDataTemp","Loading","FiltersV2","BestPerformedPublishers","PublishersCpm","CpmTrend","Cpm","Campaign","Comparison","Pie","recData","campaignData","chartCategories","noData","params","filterParams","$http","get","brand_id","brand","adin_id","campaign","then","catch","e","getMetrics","_e","campaignCard","competitiveCpmCard","cpmCard","cpmTrend","cpmByDevice","performanceBypublishers","staticRenderFns"],"mappings":"4GAAA,W,kECAA,I,yJCA4Z,ECsC7Y,CACfA,WAAA,CACAC,UACAC,gBACAC,eACAC,cAGAC,yBAEAC,MAAA,CACAC,UAAA,CACAC,KAAAC,OACAC,cAGAC,QAAA,CACAC,uBACAC,iB,wBChDIC,EAAY,YACd,GCTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,UAAU,KAAK,CAACF,EAAG,gBAAgB,CAACA,EAAG,eAAe,CAACJ,EAAIO,GAAG,kCAAkC,GAAGH,EAAG,cAAc,CAACA,EAAG,KAAK,CAACI,YAAY,cAAc,CAACJ,EAAG,QAAQ,CAACJ,EAAIO,GAAG,wBAAwBH,EAAG,wBAAwB,CAACK,IAAI,eAAeD,YAAY,kCAAkCF,MAAM,CAAC,SAAWN,EAAIU,2BAA2B,CAACN,EAAG,KAAK,CAACI,YAAY,gBAAgBR,EAAIW,GAAIX,EAAa,oBAAWY,EAAKC,GAAO,OAAOT,EAAG,KAAK,CAACU,IAAID,GAAO,CAACT,EAAG,KAAK,CAACJ,EAAIO,GAAGP,EAAIe,GAAGF,MAAUT,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIe,GAAGf,EAAIH,mBAAmBe,EAAKI,IAAK,CAACC,YAAWA,KAAS,MAAMjB,EAAIe,GAAGf,EAAIF,WAAWc,EAAKM,kBAAmBA,IAAE,MAAM,IAAI,EAAE,GAChtB,IDUpB,EAEA,KACA,WACA,MAIa,EAAAnB,E,yEEwBf,MAAAoB,EAAAC,IAEe,OACfnC,WAAA,CACAC,UACAE,eACAD,gBACAE,eAEAgC,WAAA,CACAC,YAEA/B,MAAA,CACAgC,UAAA,CACA9B,KAAAC,OACAC,cAGA6B,SAAA,CACAC,cACA,MAAAC,EAAA,KAAAC,OAAAC,QAAA,6BACAC,EAAA,CACAC,MAAA,CACAC,OAAA,CACAC,SAAAC,EAAAC,KACA,KAAAC,4BAAAD,IAEAE,SAAAH,EAAAC,KACA,KAAAC,4BAAAD,MAIAG,OAAA,CACAC,SAEAC,MAAA,CACAC,OAAA,CACAC,UAAAC,GAAA,QAAA7C,mBAAA6C,EAAA,CAAAzB,kBAGA0B,MAAA,CACAH,OAAA,CACAC,UAAA3C,OAKA,OADAqB,EAAAyB,UAAAf,EAAAH,GACA,CACAmB,aAAAhB,EACAiB,OAAA,KAAAC,eAIAnD,QAAA,CACAC,uBACAsC,4BAAAD,GAEA,IAAAc,EAAAd,EAAAe,QAAAC,IAAAC,OAAAC,cAAA,oBAEA,GAAAJ,EAAA,CACA,MAAAK,EAAA,EAAAC,EAAA,MAAAC,EAAA,OAAAC,GAAAR,EAAAS,UAEAC,EACAxB,EAAAe,QAAAC,IAAAC,OAAAC,cAAA,cACA,IAAAM,EAAA,CACAA,EAAAC,SAAAC,gBATA,6BASA,QACAF,EAAAG,aAAA,qBACAb,EAAAc,WACAC,aAAAL,EAAAV,EAAAgB,aAGAN,EAAAG,aAAA,IAAAR,GACAK,EAAAG,aAAA,IAAAP,GACAI,EAAAG,aAAA,QAAAN,GACAG,EAAAG,aAAA,SAAAL,KAGA1D,eACAiD,YACA,MAAAD,EAAA,GASA,OARApD,OAAAuE,KAAA,KAAA1C,WAAA2C,SAAApD,IACAgC,EAAAqB,KAAA,CACAC,KAAAtD,EACAuD,KAAA,EACA,KAAA9C,UAAAT,GAAAE,IACA,KAAAO,UAAAT,GAAAI,mBAGA4B,KCnIkZ,ICO9Y,EAAY,YACd,GCRW,WAAa,IAAI9C,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,UAAU,KAAK,CAACF,EAAG,gBAAgB,CAACA,EAAG,eAAe,CAACJ,EAAIO,GAAG,sCAAsC,GAAGH,EAAG,cAAc,CAACA,EAAG,kBAAkB,CAACI,YAAY,YAAYF,MAAM,CAAC,KAAO,UAAU,OAAS,MAAM,QAAUN,EAAIyB,YAAYoB,aAAa,OAAS7C,EAAIyB,YAAYqB,WAAW,GAAG1C,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,MAAM,CAACE,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,QAAQ,OAAS,UAAU,CAACF,EAAG,OAAO,CAACA,EAAG,iBAAiB,CAACE,MAAM,CAAC,GAAK,OAAO,GAAK,KAAK,GAAK,KAAK,GAAK,OAAO,GAAK,SAAS,CAACF,EAAG,OAAO,CAACkE,YAAY,CAAC,aAAa,gBAAgB,eAAe,QAAQhE,MAAM,CAAC,OAAS,QAAQF,EAAG,OAAO,CAACkE,YAAY,CAAC,aAAa,oBAAoB,eAAe,QAAQhE,MAAM,CAAC,OAAS,SAASF,EAAG,OAAO,CAACkE,YAAY,CAAC,aAAa,oBAAoB,eAAe,QAAQhE,MAAM,CAAC,OAAS,SAASF,EAAG,OAAO,CAACkE,YAAY,CAAC,aAAa,eAAe,eAAe,QAAQhE,MAAM,CAAC,OAAS,WAAW,IAAI,GAAGF,EAAG,OAAO,CAACE,MAAM,CAAC,EAAI,IAAI,EAAI,IAAI,MAAQ,OAAO,OAAS,OAAO,KAAO,qBAAqB,EAAE,GAC/lC,IDSpB,EAEA,KACA,KACA,MAIa,I,0CEKf,MAAAa,EAAAC,IAEAmD,EAAAC,KAAAC,QAAA,CAAAC,EAAAC,IAAAD,EAAAC,GAAA,GAAAH,EAAAI,OAEe,OACf3F,WAAA,CACAC,UACAC,gBACAE,cACAD,eACAyF,mBAEAtF,MAAA,CACAgC,UAAA,CACA9B,KAAAC,OACAC,cAGA6B,SAAA,CACAsD,eACA,MAAApD,EAAA,KAAAC,OAAAC,QAAA,0BACAC,EAAA,CACAkD,YAAA,CACApC,MAAA,CACA,CACAW,EAAAiB,EAAA7E,OAAAsF,OAAA,KAAAzD,YACA0D,MAAA,CACAC,KAAA,eAKA3C,MAAA,CACA4C,WAAAzF,OAAAuE,KAAA,KAAA1C,YAEAoB,MAAA,CACAyC,MAAA,CACAF,KAAA,SAMA,OADA/D,EAAAyB,UAAAf,EAAAH,GACA,CACAoB,OAAA,EACAuB,KAAA3E,OAAAsF,OAAA,KAAAzD,WACA6C,KAAA,QAEAvB,aAAAhB,MCvE6Y,ICOzY,EAAY,YACd,GCRW,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,UAAU,KAAK,CAACF,EAAG,gBAAgB,CAACA,EAAG,eAAe,CAACJ,EAAIO,GAAG,gBAAgB,GAAGH,EAAG,cAAc,CAACA,EAAG,kBAAkB,CAACE,MAAM,CAAC,KAAO,OAAO,OAAS,MAAM,QAAUN,EAAI8E,aAAajC,aAAa,OAAS7C,EAAI8E,aAAahC,WAAW,IAAI,EAAE,GAC9U,IDSpB,EAEA,KACA,KACA,MAIa,I,4CElByX,ECoDzX,CACf7D,WAAA,CACAC,UACAC,gBACAC,eACAC,cACAgG,SACAC,SACAC,YACAC,aAEAnE,WAAA,CACA,YAAAoE,IACAnE,YAEA/B,MAAA,CACAmG,QAAA,CACAjG,KAAAC,OACAC,cAGAgG,OAAA,CACA9F,yBCnEI,EAAY,YACd,GCRW,WAAa,IAAIG,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,UAAU,KAAK,CAACF,EAAG,gBAAgB,CAACA,EAAG,eAAe,CAACJ,EAAIO,GAAG,4BAA4BH,EAAG,WAAW,CAACiB,WAAW,CAAC,CAAC+C,KAAK,YAAYwB,QAAQ,2BAA2BC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,SAAa,YAAgB,CAAC3B,KAAK,YAAYwB,QAAQ,gCAAgCG,UAAU,CAAC,SAAa,eAAc,KAAQvF,YAAY,0BAA0BF,MAAM,CAAC,QAAU,mBAAmB,CAACF,EAAG,eAAe,CAACE,MAAM,CAAC,KAAO,WAAW,KAAO,SAAS,IAAI,IAAI,GAAGF,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACI,YAAY,2BAA2B,CAACJ,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACI,YAAY,sBAAsB,CAACR,EAAIO,GAAG,eAAeH,EAAG,MAAM,CAACI,YAAY,kCAAkC,CAACJ,EAAG,KAAK,CAACI,YAAY,sCAAsC,CAACR,EAAIO,GAAG,IAAIP,EAAIe,GAA0B,MAAvBf,EAAI0F,QAAQM,QAAmBhG,EAAI0F,QAAe,QAAI,IAAO,KAAK,WAAWtF,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACJ,EAAIO,GAAG,gBAAgBH,EAAG,MAAM,CAACI,YAAY,kCAAkC,CAACJ,EAAG,KAAK,CAACI,YAAY,sCAAsC,CAACR,EAAIO,GAAG,IAAIP,EAAIe,GAA2B,MAAxBf,EAAI0F,QAAQO,SAAmB,GAAMjG,EAAIH,mBAAmBG,EAAI0F,QAAQO,SAAU,CAAChF,YAAWA,IAAY,KAAK,YAAY,IAAI,IAAI,EAAE,GACvxC,IDSpB,EAEA,KACA,KACA,MAIa,I,QEqBf,MAAAE,EAAAC,IAEe,OACfnC,WAAA,CACAC,UACAG,cACAF,gBACAC,eACAmG,aAEAlE,WAAA,CACA,YAAAoE,IACAnE,YAEA/B,MAAA,CACAgC,UAAA,CACA9B,KAAAC,OACAC,cAGA6B,SAAA,CACA0E,UACA,MAAAC,EAAA,KAAA5E,UACA6E,EAAA,GACA,UAAAnB,KAAAkB,EAAAC,EAAAjC,KAAA,CAAAc,EAAAkB,EAAAlB,KACAmB,EAAAC,eAAA3B,EAAAC,GAAA,OAAAA,EAAA,GAAAD,EAAA,MACA,MAAA4B,EAAA,GACAF,EAAAlC,kBAAAtD,GAAA0F,EAAA1F,EAAA,IAAAA,EAAA,MAEA,MAAAc,EAAA,KAAAC,OAAAC,QAAA,yBACAC,EAAA,CACAW,OAAA9C,OAAAuE,KAAAqC,IAGA,OADAnF,EAAAyB,UAAAf,EAAAH,GACA,CACAoB,OAAApD,OAAAsF,OAAAsB,GACAzD,aAAAhB,MC3EwY,ICOpY,EAAY,YACd,GCRW,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,UAAU,KAAK,CAACF,EAAG,gBAAgB,CAACA,EAAG,eAAe,CAACJ,EAAIO,GAAG,mBAAmBH,EAAG,WAAW,CAACiB,WAAW,CAAC,CAAC+C,KAAK,YAAYwB,QAAQ,2BAA2BC,MAAM,gHAAkHC,WAAW,kHAAkHC,UAAU,CAAC,SAAa,YAAgB,CAAC3B,KAAK,YAAYwB,QAAQ,gCAAgCG,UAAU,CAAC,SAAa,eAAc,KAAQvF,YAAY,uBAAuBF,MAAM,CAAC,QAAU,mBAAmB,CAACF,EAAG,eAAe,CAACE,MAAM,CAAC,KAAO,WAAW,KAAO,SAAS,IAAI,IAAI,GAAGF,EAAG,cAAc,CAACA,EAAG,kBAAkB,CAACI,YAAY,YAAYF,MAAM,CAAC,KAAO,MAAM,OAAS,MAAM,QAAUN,EAAIkG,QAAQrD,aAAa,OAAS7C,EAAIkG,QAAQpD,WAAW,IAAI,EAAE,GAC/7B,IDSpB,EAEA,KACA,KACA,MAIa,I,QEEf,MAAA3B,EAAAC,IAEe,OACfnC,WAAA,CACAC,UACAC,gBACAC,eACAC,eAEAE,MAAA,CACAgC,UAAA,CACA9B,KAAAC,OACAC,cAIA0E,OACA,MAAA3C,EAAA,KAAAC,OAAAC,QAAA,yBACA,IAAAuD,EAAA,GAEA,QAAArE,KAAA,KAAAS,UACA,SAAAA,UAAAT,IAAAyF,MAAA,KAAAhF,UAAAT,KACAqE,EAAAhB,KAAA,KAAAqC,gBAAA1F,IAIA,MAAA+B,EAAA,CACAN,MAAA,CACA4C,cAEAsB,QAAA,CACAnD,EAAA,CACAb,UAAAC,KAAAgE,QAAA,UAMA,OAFAvF,EAAAyB,UAAAC,EAAAnB,GAEA,CACAmB,iBAIArB,SAAA,CACAmF,eACA,IAAAtC,EAAA,GAEA,QAAAvD,KAAA,KAAAS,UACA,SAAAA,UAAAT,IAAAyF,MAAA,KAAAhF,UAAAT,KACAuD,EAAAF,KAAA,KAAA5C,UAAAT,IAIA,OACA,CACAsD,KAAA,kBACAC,WAKAuC,MAAA,CACArF,YACA,KAAAsF,MAAAC,aAAAC,YAGAnH,QAAA,CACA4G,gBAAAQ,GACA,IAAAC,EAAAD,EAAAE,QAAA,kBAAAA,QAAA,eAAAF,GACA,OAAAA,EAAAG,iBAEA,OAAAF,KC3F+Y,ICO3Y,EAAY,YACd,GCRW,WAAa,IAAIjH,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,UAAU,KAAK,CAACF,EAAG,gBAAgB,CAACA,EAAG,eAAe,CAACJ,EAAIO,GAAG,wBAAwB,GAAGH,EAAG,cAAc,CAACA,EAAG,kBAAkB,CAACE,MAAM,CAAC,KAAO,MAAM,OAAS,MAAM,QAAUN,EAAI6C,aAAa,OAAS7C,EAAI2G,iBAAiB,IAAI,EAAE,GACjU,IDSpB,EAEA,KACA,KACA,MAIa,I,gCEuEA,GACf1H,WAAA,CACAmI,eACAC,YACAC,cACAjC,SACAC,SACAiC,0BACAC,gBACAC,WACAC,MACAC,aACAC,aACAC,OAEAxD,UACA,CACAyD,QAAA,KACAC,oBACAC,uBACAC,YAGArI,QAAA,CACAE,eACA,iBAAAoI,GACA,KAAAC,aAAAD,QACA,KAAAE,MAAAC,IACA,6BACAH,OAAA,CACAI,SAAAJ,EAAAK,MAAA1C,MACA2C,QAAAN,EAAAO,SAAA5C,SAGA6C,MAAA,EAAArE,WACA,KAAAyD,QAAAzD,EACA,KAAA4D,SAAA,IACAU,OAAAC,IACA,KAAAX,SAAA,OC/H0Y,ICOtY,GAAY,YACd,G3BRW,WAAa,IAAIjI,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,eAAe,cAAcN,EAAI6I,cAAe7I,EAAU,OAAEI,EAAG,gBAAgBJ,EAAI8I,KAAsB,OAAhB9I,EAAI8H,QAAkB1H,EAAG,OAAO,CAACA,EAAG,QAAQ,CAACI,YAAY,gBAAgB,CAACJ,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,gBAAgBN,EAAI8H,QAAQiB,iBAAiB,GAAG3I,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,aAAa,CAACE,MAAM,CAAC,aAAaN,EAAI8H,QAAQkB,uBAAuB,GAAG5I,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,MAAM,CAACE,MAAM,CAAC,QAAUN,EAAI8H,QAAQmB,YAAY,IAAI,GAAG7I,EAAG,QAAQ,CAACI,YAAY,gBAAgB,CAACJ,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,aAAaN,EAAI8H,QAAQoB,aAAa,GAAG9I,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,MAAM,CAACE,MAAM,CAAC,aAAaN,EAAI8H,QAAQqB,gBAAgB,IAAI,GAAG/I,EAAG,QAAQ,CAACI,YAAY,gBAAgB,CAACJ,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,iBAAiB,CAACE,MAAM,CAAC,aAAaN,EAAI8H,QAAQsB,4BAA4B,GAAGhJ,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,4BAA4B,CAACE,MAAM,CAAC,aAAaN,EAAI8H,QAAQsB,4BAA4B,IAAI,GAAGhJ,EAAG,QAAQ,CAACA,EAAG,UAAU,IAAI,GAAGJ,EAAI8I,KAAsB,OAAhB9I,EAAI8H,SAAqB9H,EAAIiI,OAAqCjI,EAAI8I,KAAjC1I,EAAG,OAAO,CAACA,EAAG,YAAY,IAAa,EAAE,GACrwC,I2BSpBiJ,EAEA,KACA,KACA,MAIa,a","file":"js/chunk-5a1a7a0b.bbccde45.js","sourcesContent":["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!./BestPerformedPublishers.vue?vue&type=style&index=0&id=11b6d058&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('filtersV2',{attrs:{\"name\":\"defaultPages\",\"get-metrics\":_vm.getMetrics}}),(_vm.noData)?_c('no-data-temp'):_vm._e(),(_vm.recData !== null)?_c('span',[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('campaign',{attrs:{\"campaign-data\":_vm.recData.campaignCard}})],1),_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('comparison',{attrs:{\"chart-data\":_vm.recData.competitiveCpmCard}})],1),_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('cpm',{attrs:{\"metrics\":_vm.recData.cpmCard}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"8\",\"md\":\"12\"}},[_c('cpm-trend',{attrs:{\"chart-data\":_vm.recData.cpmTrend}})],1),_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('pie',{attrs:{\"chart-data\":_vm.recData.cpmByDevice}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"8\",\"sm\":\"12\"}},[_c('publishers-cpm',{attrs:{\"chart-data\":_vm.recData.performanceBypublishers}})],1),_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('best-performed-publishers',{attrs:{\"table-data\":_vm.recData.performanceBypublishers}})],1)],1),_c('b-row',[_c('b-col')],1)],1):_vm._e(),(_vm.recData === null && !_vm.noData)?_c('span',[_c('loading')],1):_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!./BestPerformedPublishers.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!./BestPerformedPublishers.vue?vue&type=script&lang=js\"","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        Performance by Publishers\n      </b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <h6 class=\"text-right\">\n        <small>CPM / Impression</small>\n      </h6>\n      <vue-perfect-scrollbar\n        ref=\"refChatLogPS\"\n        :settings=\"perfectScrollbarSettings\"\n        class=\"colored-list-scroll scroll-area\"\n      >\n        <ul class=\"colored-list\">\n          <li\n            v-for=\"(item , index) in tableData\"\n            :key=\"index\"\n          >\n            <h5>{{ index }}</h5>\n            <span>{{ universalFormatter(item.cpm, {isCurrency: true}) }} / {{ kFormatter(item.impressions) }}</span>\n          </li>\n        </ul>\n      </vue-perfect-scrollbar>\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BCardHeader, BCardTitle, BCardBody,\n} from 'bootstrap-vue'\nimport { kFormatter } from '@core/utils/filter'\nimport { universalFormatter } from '@/@core/utils/utils'\nimport VuePerfectScrollbar from 'vue-perfect-scrollbar'\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n\n    // 3rd party\n    VuePerfectScrollbar,\n  },\n  props: {\n    tableData: {\n      type: Object,\n      required: true,\n    },\n  },\n  methods: {\n    universalFormatter,\n    kFormatter,\n  },\n\n}\n</script>\n<style scoped>\n.colored-list-scroll{\n  height: 385px;\n}\n</style>\n","import { render, staticRenderFns } from \"./BestPerformedPublishers.vue?vue&type=template&id=11b6d058&scoped=true\"\nimport script from \"./BestPerformedPublishers.vue?vue&type=script&lang=js\"\nexport * from \"./BestPerformedPublishers.vue?vue&type=script&lang=js\"\nimport style0 from \"./BestPerformedPublishers.vue?vue&type=style&index=0&id=11b6d058&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  \"11b6d058\",\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:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\" Performance by Publishers \")])],1),_c('b-card-body',[_c('h6',{staticClass:\"text-right\"},[_c('small',[_vm._v(\"CPM / Impression\")])]),_c('vue-perfect-scrollbar',{ref:\"refChatLogPS\",staticClass:\"colored-list-scroll scroll-area\",attrs:{\"settings\":_vm.perfectScrollbarSettings}},[_c('ul',{staticClass:\"colored-list\"},_vm._l((_vm.tableData),function(item,index){return _c('li',{key:index},[_c('h5',[_vm._v(_vm._s(index))]),_c('span',[_vm._v(_vm._s(_vm.universalFormatter(item.cpm, {isCurrency: true}))+\" / \"+_vm._s(_vm.kFormatter(item.impressions)))])])}),0)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        CPM Performance by Publishers\n      </b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <vue-apex-charts\n        type=\"scatter\"\n        height=\"400\"\n        :options=\"apexScatter.chartOptions\"\n        :series=\"apexScatter.series\"\n        class=\"bubble-bg\"\n      />\n    </b-card-body>\n    <div class=\"pie-gradient\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"600px\" height=\"200px\" >\n        <defs>\n          <linearGradient id=\"pieg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\" >\n\n            <stop offset=\"0%\" style=\"stop-color:rgb(44,255,0);stop-opacity:0.70\" />\n            <stop offset=\"35%\" style=\"stop-color:rgba(70,18,100,0);stop-opacity:0.00\" />\n            <stop offset=\"70%\" style=\"stop-color:rgba(70,18,100,0);stop-opacity:0.00\" />\n            <stop offset=\"100%\" style=\"stop-color:rgb(255,0,0);stop-opacity:0.70\" />\n\n          </linearGradient>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#pieg)\"/>\n      </svg>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BCardHeader, BCardBody, BCardTitle,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport JQuery from 'jquery'\nimport { kFormatter } from '@core/utils/filter'\nimport { universalFormatter } from '@/@core/utils/utils'\n\nconst $ = JQuery\n\nexport default {\n  components: {\n    BCard,\n    BCardTitle,\n    BCardHeader,\n    BCardBody,\n  },\n  directives: {\n    Ripple,\n  },\n  props: {\n    chartData: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    apexScatter() {\n      const defaultOps = this.$store.getters['chart/getOptsScatterChart']\n      const customOps = {\n        chart: {\n          events: {\n            mounted: (chartContext, config) => {\n              this.addOrUpdateCustomBackground(config);\n            },\n            updated: (chartContext, config) => {\n              this.addOrUpdateCustomBackground(config);\n            },\n          },\n        },\n        legend: {\n          show: false,\n        },\n        xaxis: {\n          labels: {\n            formatter: val => `${this.universalFormatter(val, {isCurrency: true})}`,\n          },\n        },\n        yaxis: {\n          labels: {\n            formatter: kFormatter,\n          },\n        },\n      }\n      $.extend(true, customOps, defaultOps)\n      return {\n        chartOptions: customOps,\n        series: this.getSeries(),\n      }\n    },\n  },\n  methods: {\n    universalFormatter,\n    addOrUpdateCustomBackground(config) {\n      const svgNS = \"http://www.w3.org/2000/svg\";\n      let grid = config.globals.dom.baseEl.querySelector(\".apexcharts-grid\");\n\n      if (grid) {\n        let {x, y, width, height} = grid.getBBox();\n\n        let existingRect =\n            config.globals.dom.baseEl.querySelector(\".bubble-bg\");\n        if (!existingRect) {\n          existingRect = document.createElementNS(svgNS, \"rect\");\n          existingRect.setAttribute(\"class\", \"bubble-bg\");\n          let parentG = grid.parentNode;\n          parentG.insertBefore(existingRect, grid.nextSibling);\n        }\n\n        existingRect.setAttribute(\"x\", x);\n        existingRect.setAttribute(\"y\", y);\n        existingRect.setAttribute(\"width\", width);\n        existingRect.setAttribute(\"height\", height);\n      }\n    },\n    kFormatter,\n    getSeries() {\n      const series = []\n      Object.keys(this.chartData).forEach(key => {\n        series.push({\n          name: key,\n          data: [[\n            this.chartData[key].cpm,\n            this.chartData[key].impressions]],\n        })\n      })\n      return series\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!./PublishersCpm.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!./PublishersCpm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PublishersCpm.vue?vue&type=template&id=2c404a70\"\nimport script from \"./PublishersCpm.vue?vue&type=script&lang=js\"\nexport * from \"./PublishersCpm.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('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\" CPM Performance by Publishers \")])],1),_c('b-card-body',[_c('vue-apex-charts',{staticClass:\"bubble-bg\",attrs:{\"type\":\"scatter\",\"height\":\"400\",\"options\":_vm.apexScatter.chartOptions,\"series\":_vm.apexScatter.series}})],1),_c('div',{staticClass:\"pie-gradient\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"600px\",\"height\":\"200px\"}},[_c('defs',[_c('linearGradient',{attrs:{\"id\":\"pieg\",\"x1\":\"0%\",\"y1\":\"0%\",\"x2\":\"100%\",\"y2\":\"100%\"}},[_c('stop',{staticStyle:{\"stop-color\":\"rgb(44,255,0)\",\"stop-opacity\":\"0.70\"},attrs:{\"offset\":\"0%\"}}),_c('stop',{staticStyle:{\"stop-color\":\"rgba(70,18,100,0)\",\"stop-opacity\":\"0.00\"},attrs:{\"offset\":\"35%\"}}),_c('stop',{staticStyle:{\"stop-color\":\"rgba(70,18,100,0)\",\"stop-opacity\":\"0.00\"},attrs:{\"offset\":\"70%\"}}),_c('stop',{staticStyle:{\"stop-color\":\"rgb(255,0,0)\",\"stop-opacity\":\"0.70\"},attrs:{\"offset\":\"100%\"}})],1)],1),_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"url(#pieg)\"}})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>CPM Trend</b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <vue-apex-charts\n        type=\"line\"\n        height=\"350\"\n        :options=\"apexChatData.chartOptions\"\n        :series=\"apexChatData.series\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BCardHeader, BCardBody, BCardTitle, BCardSubTitle,\n} from 'bootstrap-vue'\nimport JQuery from 'jquery'\nimport { kFormatter } from '@core/utils/filter'\n\nconst $ = JQuery\n\nconst takeAverage = arr => arr.reduce((a, b) => a + b, 0) / arr.length\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n    BCardSubTitle,\n  },\n  props: {\n    chartData: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    apexChatData() {\n      const defaultOps = this.$store.getters['chart/getOptsLineChart']\n      const customOps = {\n        annotations: {\n          yaxis: [\n            {\n              y: takeAverage(Object.values(this.chartData)),\n              label: {\n                text: 'Avg. CPM',\n              },\n            },\n          ],\n        },\n        xaxis: {\n          categories: Object.keys(this.chartData),\n        },\n        yaxis: {\n          title: {\n            text: 'CPM',\n          },\n        },\n      }\n\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: [{\n          data: Object.values(this.chartData),\n          name: 'CPM',\n        }],\n        chartOptions: customOps,\n      }\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!./CpmTrend.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!./CpmTrend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CpmTrend.vue?vue&type=template&id=679e0963\"\nimport script from \"./CpmTrend.vue?vue&type=script&lang=js\"\nexport * from \"./CpmTrend.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('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\"CPM Trend\")])],1),_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"350\",\"options\":_vm.apexChatData.chartOptions,\"series\":_vm.apexChatData.series}})],1)],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!./Cpm.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!./Cpm.vue?vue&type=script&lang=js\"","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        Planned / Realized CPM\n        <b-button\n          v-b-tooltip.hover.bottom=\"'Cost per 1000 impressions'\"\n          v-b-tooltip.hover.v-secondary\n          variant=\"flat-secondary\"\n          class=\"btn-icon rounded-circle\"\n        >\n          <feather-icon\n            icon=\"InfoIcon\"\n            size=\"14\"\n          />\n        </b-button>\n      </b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <b-row class=\"match-height rates pt-2\">\n        <b-col>\n          <h6 class=\"font-weight-bolder\">\n            Planned\n          </h6>\n          <div class=\"rate-wrapper align-self-center\">\n            <h3 class=\"mb-0 font-weight-bolder text-white\">\n              {{ metrics.planned !=='-' ? `${metrics.planned}M` : '-' }}\n            </h3>\n          </div>\n        </b-col>\n        <b-col>\n          <h6>\n            Realized\n          </h6>\n          <div class=\"rate-wrapper align-self-center\">\n            <h3 class=\"mb-0 font-weight-bolder text-white\">\n              {{ metrics.realized !=='-' ? `${universalFormatter(metrics.realized, {isCurrency: true})}` : '-' }}\n            </h3>\n          </div>\n        </b-col>\n      </b-row>\n    </b-card-body>\n  </b-card>\n</template>\n<script>\nimport {\n  BCard, BRow, BCol, BCardHeader, BCardTitle, BButton, BCardBody, VBTooltip, BAvatar,\n} from 'bootstrap-vue'\nimport { universalFormatter } from '@/@core/utils/utils';\nimport Ripple from 'vue-ripple-directive'\nimport { is } from 'vee-validate/dist/rules';\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n    BRow,\n    BCol,\n    BButton,\n    BAvatar,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  props: {\n    metrics: {\n      type: Object,\n      required: true,\n    },\n  },\n  method: {\n    universalFormatter,\n  }\n}\n</script>\n","import { render, staticRenderFns } from \"./Cpm.vue?vue&type=template&id=54074593\"\nimport script from \"./Cpm.vue?vue&type=script&lang=js\"\nexport * from \"./Cpm.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('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\" Planned / Realized CPM \"),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",value:('Cost per 1000 impressions'),expression:\"'Cost per 1000 impressions'\",modifiers:{\"hover\":true,\"bottom\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-secondary\",modifiers:{\"hover\":true,\"v-secondary\":true}}],staticClass:\"btn-icon rounded-circle\",attrs:{\"variant\":\"flat-secondary\"}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1)],1)],1),_c('b-card-body',[_c('b-row',{staticClass:\"match-height rates pt-2\"},[_c('b-col',[_c('h6',{staticClass:\"font-weight-bolder\"},[_vm._v(\" Planned \")]),_c('div',{staticClass:\"rate-wrapper align-self-center\"},[_c('h3',{staticClass:\"mb-0 font-weight-bolder text-white\"},[_vm._v(\" \"+_vm._s(_vm.metrics.planned !=='-' ? ((_vm.metrics.planned) + \"M\") : '-')+\" \")])])]),_c('b-col',[_c('h6',[_vm._v(\" Realized \")]),_c('div',{staticClass:\"rate-wrapper align-self-center\"},[_c('h3',{staticClass:\"mb-0 font-weight-bolder text-white\"},[_vm._v(\" \"+_vm._s(_vm.metrics.realized !=='-' ? (\"\" + (_vm.universalFormatter(_vm.metrics.realized, {isCurrency: true}))) : '-')+\" \")])])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        CPM by Device\n        <b-button\n          v-b-tooltip.hover.bottom=\"'Since the budget in the device based is not entered  in reservation channels, budget data cannot be obtained.'\"\n          v-b-tooltip.hover.v-secondary\n           variant=\"flat-secondary\"\n            class=\"btn-icon tooltip-btn\"\n            >\n          <feather-icon\n           icon=\"InfoIcon\"\n            size=\"16\"\n             />\n        </b-button>\n      </b-card-title>\n    </b-card-header>\n\n    <b-card-body>\n      <vue-apex-charts\n       type=\"pie\"\n        height=\"330\"\n         class=\"mt-2 mb-1\"\n        :options=\"apexPie.chartOptions\"\n        :series=\"apexPie.series\"\n         />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BButton,\n  BCard, BCardBody, BCardHeader, BCardTitle, VBTooltip\n} from 'bootstrap-vue'\nimport JQuery from 'jquery'\nimport Ripple from 'vue-ripple-directive'\n\nconst $ = JQuery\n\nexport default {\n  components: {\n    BCard,\n    BCardBody,\n    BCardHeader,\n    BCardTitle,\n    BButton\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple\n  },\n  props: {\n    chartData: {\n      type: Object,\n      required: true\n    }\n  },\n  computed: {\n    apexPie () {\n      const obj = this.chartData\n      const array = []\n      for (const label in obj) { array.push([label, obj[label]]) };\n      array.sort(function (a, b) { return b[1] - a[1] })\n      const sortedData = {}\n      array.forEach(function (item) { sortedData[item[0]] = item[1] })\n\n      const defaultOps = this.$store.getters['chart/getOptsPieChart']\n      const customOps = {\n        labels: Object.keys(sortedData)\n      }\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: Object.values(sortedData),\n        chartOptions: customOps\n      }\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!./Pie.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!./Pie.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Pie.vue?vue&type=template&id=368a212e\"\nimport script from \"./Pie.vue?vue&type=script&lang=js\"\nexport * from \"./Pie.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('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\" CPM by Device \"),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",value:('Since the budget in the device based is not entered  in reservation channels, budget data cannot be obtained.'),expression:\"'Since the budget in the device based is not entered  in reservation channels, budget data cannot be obtained.'\",modifiers:{\"hover\":true,\"bottom\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-secondary\",modifiers:{\"hover\":true,\"v-secondary\":true}}],staticClass:\"btn-icon tooltip-btn\",attrs:{\"variant\":\"flat-secondary\"}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"16\"}})],1)],1)],1),_c('b-card-body',[_c('vue-apex-charts',{staticClass:\"mt-2 mb-1\",attrs:{\"type\":\"pie\",\"height\":\"330\",\"options\":_vm.apexPie.chartOptions,\"series\":_vm.apexPie.series}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title> CPM Performance </b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <vue-apex-charts\n        type=\"bar\"\n        height=\"140\"\n        :options=\"chartOptions\"\n        :series=\"barChartData\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n<script>\nimport { BCard, BCardHeader, BCardTitle, BCardBody } from \"bootstrap-vue\";\nimport JQuery from \"jquery\";\n\nconst $ = JQuery;\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n  },\n  props: {\n    chartData: {\n      type: Object,\n      required: true,\n    },\n  },\n \n  data() {\n    const defaultOps = this.$store.getters[\"chart/getOptsSmallBar\"];\n    let categories = [];\n\n    for (let key in this.chartData) {\n      if (this.chartData[key] !== 0 && !isNaN(this.chartData[key])) {\n        categories.push(this.formatCamelCase(key));\n      }\n    }\n\n    const chartOptions = {\n      xaxis: {\n        categories: categories,\n      },\n      tooltip: {\n        y: {\n          formatter: (val) => `${val.toFixed(2)}%`,\n        },\n      },\n    };\n    $.extend(true, chartOptions, defaultOps);\n\n    return {\n      chartOptions,\n    };\n  },\n\n  computed: {\n    barChartData() {\n      let data = [];\n\n      for (let key in this.chartData) {\n        if (this.chartData[key] !== 0 && !isNaN(this.chartData[key])) {\n          data.push(this.chartData[key]);\n        }\n      }\n\n      return [\n        {\n          name: \"CPM Performance\",\n          data: data,\n        },\n      ];\n    },\n  },\n  watch: {\n    chartData() {\n      this.$refs.apexBarChart.refresh();\n    },\n  },\n  methods: {\n    formatCamelCase(str) {\n      let result = str.replace(/([A-Z])/g, \" $1\").replace(/^./, function (str) {\n        return str.toUpperCase();\n      });\n      return result;\n    },\n  },\n\n};\n</script>\n\n<style lang=\"scss\"></style>\n\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!./Comparison.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!./Comparison.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Comparison.vue?vue&type=template&id=095d5116\"\nimport script from \"./Comparison.vue?vue&type=script&lang=js\"\nexport * from \"./Comparison.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('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\" CPM Performance \")])],1),_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"bar\",\"height\":\"140\",\"options\":_vm.chartOptions,\"series\":_vm.barChartData}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <filtersV2\n      name=\"defaultPages\"\n      :get-metrics=\"getMetrics\"\n    />\n    <no-data-temp v-if=\"noData\"/>\n    <span v-if=\"recData !== null\">\n      <b-row class=\"match-height\">\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <campaign :campaign-data=\"recData.campaignCard\" />\n        </b-col>\n        <b-col\n\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <comparison :chart-data=\"recData.competitiveCpmCard\" />\n        </b-col>\n\n        <b-col\n\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <cpm :metrics=\"recData.cpmCard\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\">\n        <b-col\n          lg=\"8\"\n          md=\"12\"\n        >\n          <cpm-trend :chart-data=\"recData.cpmTrend\" />\n        </b-col>\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <pie :chart-data=\"recData.cpmByDevice\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\">\n        <b-col\n          lg=\"8\"\n          sm=\"12\"\n        >\n          <publishers-cpm :chart-data=\"recData.performanceBypublishers\" />\n        </b-col>\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <best-performed-publishers :table-data=\"recData.performanceBypublishers\" />\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col>\n        <!--<highlights :data=\"data\" />-->\n        </b-col>\n      </b-row>\n    </span>\n    <span v-if=\"recData === null && !noData\">\n      <loading />\n    </span>\n  </section>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol\n} from 'bootstrap-vue'\nimport { kFormatter, numberFormatter } from '@core/utils/filter'\nimport Filters from '@/views/Filters.vue'\nimport Campaign from '@/views/scores/Campaign.vue'\nimport Loading from '@/views/Loading.vue'\nimport BestPerformedPublishers from './BestPerformedPublishers.vue'\nimport PublishersCpm from './PublishersCpm.vue'\nimport CpmTrend from './CpmTrend.vue'\nimport Cpm from './Cpm.vue'\nimport Pie from './Pie.vue'\nimport Comparison from './Comparison.vue'\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\n\nexport default {\n  components: {\n    noDataTemp,\n    Loading,\n    FiltersV2,\n    BRow,\n    BCol,\n    BestPerformedPublishers,\n    PublishersCpm,\n    CpmTrend,\n    Cpm,\n    Campaign,\n    Comparison,\n    Pie\n  },\n  data () {\n    return {\n      recData: null,\n      campaignData: undefined,\n      chartCategories: undefined,\n      noData: false\n    }\n  },\n  methods: {\n    kFormatter,\n    async getMetrics(params) {\n      this.filterParams = params\n      await this.$http.get(\n          'score/media/awareness/cpm', {\n            params: {\n              brand_id: params.brand.value,\n              adin_id: params.campaign.value,\n            },\n          },\n      ).then(({ data }) => {\n        this.recData = data\n        this.noData = false\n      }).catch(e => {\n        this.noData = true\n      })\n    },\n  }\n\n}\n</script>\n<style lang=\"scss\">\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=c139413c\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.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"],"sourceRoot":""}