{"version":3,"sources":["webpack:///./src/views/ui/media-components/sub-components/ArrowAnimation.vue?1dd6","webpack:///./src/views/ui/media-components/ScoreCard.vue?10e6","webpack:///./src/views/ui/media-components/MetricBars.vue?ff88","webpack:///./src/views/ui/media-components/MetricBars.vue?f615","webpack:///src/views/ui/media-components/MetricBars.vue","webpack:///./src/views/ui/media-components/MetricBars.vue?b6f3","webpack:///./src/views/ui/media-components/MetricBars.vue","webpack:///./src/views/ui/media-components/MetricCompCard.vue?98fd","webpack:///src/views/ui/media-components/sub-components/ArrowAnimation.vue","webpack:///./src/views/ui/media-components/sub-components/ArrowAnimation.vue?ade4","webpack:///./src/views/ui/media-components/sub-components/ArrowAnimation.vue","webpack:///./src/views/ui/media-components/sub-components/ArrowAnimation.vue?03a3","webpack:///./src/views/ui/media-components/MetricCompCard.vue?af01","webpack:///src/views/ui/media-components/MetricCompCard.vue","webpack:///./src/views/ui/media-components/MetricCompCard.vue","webpack:///./src/views/ui/media-components/MetricCompCard.vue?0c8c","webpack:///./src/views/ui/media-components/ScoreCard.vue?9ee4","webpack:///src/views/ui/media-components/ScoreCard.vue","webpack:///./src/views/ui/media-components/ScoreCard.vue?4b7f","webpack:///./src/views/ui/media-components/ScoreCard.vue"],"names":["props","sourceData","type","Object","required","data","hoveredIndex","barColorClass","legendMap","campaignBased","companyBased","industryBased","rateMetrics","currencyMetrics","metricTooltipMap","vr","ctr","cti","cvr","cac","viewability","cpv","cpc","cpa","cpm","cpq","dau","roas","vcr","ir","decimalMap","frequency","computed","metricNames","keys","hasCPA","includes","hasROAS","filteredMetrics","filter","metric","unshift","dataCategories","methods","universalFormatter","calculateWidth","value","name","calculateMaxValue","result","values","map","category","getMetricValue","Math","max","formattedName","originalName","trim","toLowerCase","getDecimals","_this$decimalMap$name","_this$decimalMap","formatMetricName","split","toUpperCase","length","slice","getMetricTooltip","_this$metricTooltipMa","getPlatformBadge","parts","component","n","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","index","key","class","_s","attrs","directives","rawName","modifiers","_e","isCurrency","kFormat","decimals","style","width","staticRenderFns","createArrow","svg","document","getElementById","circles","i","j","svgWidth","abs","svgHeight","minRadius","innerHTML","mounted","components","ArrowAnimation","kFormatter","realized","forecast","scoreData","pageMeta","default","normalizedData","_this$pageMeta","score","main","caption","platform","capitalizedType","charAt","app","web","isSubcoreEnabled","_this$pageMeta2","pageTitle","title","toFixed"],"mappings":"sIAAA,W,6DCAA,W,oCCAA,W,oCCAA,I,4CC4Fe,GACfA,MAAA,CACAC,WAAA,CACAC,KAAAC,OACAC,cAGAC,UACA,CACAC,aAAA,KACAC,cAAA,sDACAC,UAAA,CACAC,cAAA,WACAC,aAAA,UACAC,cAAA,YAEAC,YAAA,wDACAC,gBAAA,wDACAC,iBAAA,CACAC,GAAA,YACAC,IAAA,qBACAC,IAAA,wBACAC,IAAA,kBACAC,IAAA,4BACAC,YAAA,iBACAC,IAAA,gBACAC,IAAA,iBACA,6BACA,iCACAC,IAAA,uBACAC,IAAA,iBACAC,IAAA,iBACAC,IAAA,qBACAC,KAAA,qBACAC,IAAA,wBACAC,GAAA,oBAEAC,WAAA,CACAV,YAAA,EACAW,UAAA,KAIAC,SAAA,CACAC,cACA,IAAAA,EAAA9B,OAAA+B,KAAA,KAAAjC,WAAAQ,eACA,MAAA0B,EAAAF,EAAAG,SAAA,OACAC,EAAAJ,EAAAG,SAAA,QAGA,GAAAD,GAAAE,EAAA,CACA,MAAAC,EAAAL,EAAAM,QAAAC,GAAA,QAAAA,GAAA,SAAAA,IACAF,EAAAG,QAAA,QACAH,EAAAG,QAAA,OACAR,EAAAK,EAGA,OAAAL,GAEAS,iBAGA,OADAvC,OAAA+B,KAAA,KAAAjC,WACAyC,GAGAC,QAAA,CACAC,uBACAC,eAAAC,EAAAC,GAIA,OADAD,EAFA,KAAAE,kBAAAD,GAEA,GACAE,EAEAD,kBAAAD,GACA,MAAAG,EAAA,KAAAR,eAAAS,KAAAC,GAAA,KAAAC,eAAAN,EAAAK,KAEA,OAAAE,KAAAC,OAAAL,IAEAG,eAAAG,EAAAtD,GACA,MAAAuD,EAAAD,EAAAE,OAAAC,cACA,YAAA1D,WAAAC,GAAAuD,IAEAG,YAAAb,GAAA,IAAAc,EAAAC,EACA,eAAAD,EAAA,QAAAC,EAAA,KAAAhC,sBAAAgC,WAAAf,cAAAc,IAAA,MAEAE,iBAAAhB,GACAA,EAAAX,SAAA,KAEAW,EAAAiB,MAAA,QAAAC,cAEAlB,EAAAmB,QAAA,EAEAnB,EAAAkB,cAGAlB,EAAA,GAAAkB,cAAAlB,EAAAoB,MAAA,GAGAC,iBAAArB,GAAA,IAAAsB,EACA,eAAAA,EAAA,KAAAvD,4BAAAuD,WAAAtB,QAEAuB,iBAAAvB,GAEA,IAAAA,EAAAX,SAAA,KACA,YAGA,MAAAmC,EAAAxB,EAAAiB,MAAA,KACA,GAAAO,EAAAL,OAAA,EACA,YAKA,OAFAK,EAAA,GAEAZ,eACA,UACA,YACA,cACA,gBACA,QACA,gBCpNiX,I,wBCQ7Wa,EAAY,OAAAC,EAAA,GACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACE,YAAY,qBAAqB,CAACN,EAAIO,GAAG,2BAA2BH,EAAG,QAAQ,CAACA,EAAG,MAAM,CAACE,YAAY,8BAA8BN,EAAIQ,GAAIR,EAAkB,yBAAWtB,EAAS+B,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAKhC,EAAW,IAAM+B,EAAQ,UAAWH,YAAY,eAAe,CAACF,EAAG,OAAO,CAACE,YAAY,SAASK,MAAMX,EAAInE,cAAc4E,KAASL,EAAG,IAAI,CAACJ,EAAIO,GAAGP,EAAIY,GAAGZ,EAAIlE,UAAU4C,YAAkB,MAAM,GAAG0B,EAAG,QAAQJ,EAAIQ,GAAIR,EAAe,sBAAW3B,EAAKoC,GAAO,OAAOL,EAAG,QAAQ,CAACM,IAAID,EAAMI,MAAM,CAAC,GAAK,IAAI,GAAK,IAAI,KAAO,OAAO,CAACT,EAAG,MAAM,CAACE,YAAY,0DAA0D,CAACF,EAAG,MAAM,CAACE,YAAY,uDAAuD,CAACF,EAAG,OAAO,CAACE,YAAY,6BAA6B,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAGP,EAAIY,GAAGZ,EAAIX,iBAAiBhB,OAAW2B,EAAIN,iBAAiBrB,GAAO+B,EAAG,OAAO,CAACU,WAAW,CAAC,CAACzC,KAAK,YAAY0C,QAAQ,8BAA8BC,UAAU,CAAC,SAAa,aAAY,KAAQV,YAAY,YAAYO,MAAM,CAAC,MAAQb,EAAIN,iBAAiBrB,KAAQ,CAAC+B,EAAG,eAAe,CAACS,MAAM,CAAC,KAAO,WAAW,KAAO,SAAS,GAAGb,EAAIiB,KAAMjB,EAAIJ,iBAAiBvB,GAAO+B,EAAG,UAAU,CAACE,YAAY,qBAAqBO,MAAM,CAAC,KAAO,GAAG,QAAU,YAAY,CAACb,EAAIO,GAAG,IAAIP,EAAIY,GAAGZ,EAAIJ,iBAAiBvB,IAAO,OAAO2B,EAAIiB,MAAM,GAAGb,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACF,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIY,GAAGZ,EAAI9B,mBAAmB8B,EAAIrB,eAAeN,EAAM,iBAAkB,CAAE6C,WAAYlB,EAAI7D,gBAAgBuB,SAASW,GAAO8C,SAAQA,EAAOC,SAAUpB,EAAId,YAAYb,SAAc2B,EAAI9D,YAAYwB,SAASW,GAAO+B,EAAG,OAAO,CAACJ,EAAIO,GAAG,OAAOP,EAAIiB,SAASb,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACN,EAAIQ,GAAIR,EAAkB,yBAAWtB,EAAS+B,GAAO,MAAO,CAACL,EAAG,MAAM,CAACU,WAAW,CAAC,CAACzC,KAAK,YAAY0C,QAAQ,8BAA8BC,UAAU,CAAC,SAAa,aAAY,KAAQN,IAAKhC,EAAW,IAAM+B,EAAQ,WAAYH,YAAY,gCAAgCO,MAAM,CAAC,MAAQb,EAAI9B,mBAAmB8B,EAAIrB,eAAeN,EAAMK,MAAa,CAAC0B,EAAG,OAAO,CAACE,YAAY,MAAMK,MAAMX,EAAInE,cAAc4E,GAAOY,MAAM,CACzpEC,MACEtB,EAAI7B,eACF6B,EAAIrB,eAAeN,EAAMK,GACzBL,GACE,cACG,MAAO,IAAE,IAAI,EAAE,GACpB,IGIpBkD,EAEA,KACA,WACA,MAIa,IAAAzB,E,6CCnBf,ICOe,GACf7B,QAAA,CACAuD,cACA,MAAAC,EAAAC,SAAAC,eAAA,mBACA,IAAAF,EAEA,OASA,IAAAG,EAAA,GAEA,QAAAC,EAAA,EAAAA,EAPA,EAOAA,IAAA,CACAD,GAAA,yBACA,QAAAE,EAAA,EAAAA,EARA,EAQAA,IAAA,CAKAF,GAAA,eAJAG,GAXA,IAYAD,OAZA,GAaAlD,KAAAoD,MAAAH,WACAI,GAdA,GAcAJ,YACAK,CAEAN,GAAA,OAGAH,EAAAU,UAAAP,IAIAQ,UACA,KAAAZ,gBCzCoY,I,wBCQhY1B,EAAY,YACd,GCTW,WAAa,IAAiBI,EAATD,KAAgBE,eAAmBC,EAAnCH,KAA0CI,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBO,MAAM,CAAC,GAAK,kBAAkB,QAAU,mBAAmB,GACrN,IDUpB,EAEA,KACA,KACA,MAIa,EAAAf,E,oBEnBsW,EC2BtW,CACfuC,WAAA,CAAAC,kBACAhH,MAAA,CACAC,WAAA,CACAC,KAAAC,OACAC,cAGAuC,QAAA,CACAsE,iBC5BI,G,UAAY,YACd,GPTW,WAAa,IAAIvC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,iBAAiBO,MAAM,CAAC,UAAU,KAAK,CAACT,EAAG,KAAK,CAACE,YAAY,iCAAiC,CAACN,EAAIO,GAAG,gBAAgBH,EAAG,MAAM,CAACE,YAAY,qEAAqE,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,cAAcH,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,IAAIP,EAAIY,GAAGZ,EAAIuC,WAAWvC,EAAIzE,WAAWiH,WAAW,SAASpC,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,oBAAoB,GAAGA,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,cAAcH,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,IAAIP,EAAIY,GAAGZ,EAAIuC,WAAWvC,EAAIzE,WAAWkH,WAAW,YAAY,GACtwB,IOUpBlB,EAEA,KACA,WACA,OAIa,M,6CCnBf,Y,oCCAA,IC4Ce,GACfjG,MAAA,CACAoH,UAAA,CACAlH,KAAAC,OACAC,aAEAiH,SAAA,CACAnH,KAAAC,OACAC,YACAkH,QAAA,OAGAtF,SAAA,CACAuF,iBACA,QAAAF,SAAA,KAAAG,EAEA,MAEAD,EAAA,CAAAE,MAAA,CAAAC,KAFA,KAAAN,UAAA,KAAAC,SAAAnH,KAAA,UAEAyH,QADA,KAAAP,UAAAO,SAEA,WAAAH,EAAA,KAAAH,oBAAAG,KAAAI,SAAA,CAEA,MAAAC,EAAA,KAAAR,SAAAnH,KAAA4H,OAAA,GAAA7D,cAAA,KAAAoD,SAAAnH,KAAAiE,MAAA,GACAoD,EAAAE,MAAAM,IAAA,KAAAX,UAAA,MAAAS,UACAN,EAAAE,MAAAO,IAAA,KAAAZ,UAAA,MAAAS,UAEA,OAAAN,EAEA,YAAAH,WAGAa,mBAAA,IAAAC,EACA,YAAAb,WAAA,QAAAa,EAAA,KAAAb,oBAAAa,WAAAN,WAEAO,YAEA,YAAAd,SACA,KAAAA,SAAAnH,KAAA,SAEA,KAAAkH,UAAAgB,SClFgX,I,wBCQ5W5D,EAAY,YACd,GHTW,WAAa,IAAIE,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,mBAAmBO,MAAM,CAAC,UAAU,KAAK,CAACT,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAG,IAAIP,EAAIY,GAAGZ,EAAIyD,WAAW,OAAOrD,EAAG,IAAI,CAACE,YAAY,cAAcK,MAAM,CAAE,eAAgBX,EAAIuD,mBAAoB,CAACvD,EAAIO,GAAG,IAAIP,EAAIY,GAAGZ,EAAI6C,eAAeE,MAAMC,KAAKW,QAAQ,IAAI,OAAQ3D,EAAoB,iBAAEI,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4BK,MAAM,CAAE,aAAwC,QAA1BX,EAAI2C,SAASO,WAAsB,CAAC9C,EAAG,OAAO,CAACE,YAAY,0BAA0B,CAACN,EAAIO,GAAG,eAAeH,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIO,GAAGP,EAAIY,GAAGZ,EAAI6C,eAAeE,MAAMO,UAAUlD,EAAG,MAAM,CAACE,YAAY,4BAA4BK,MAAM,CAAE,aAAwC,QAA1BX,EAAI2C,SAASO,WAAsB,CAAC9C,EAAG,OAAO,CAACE,YAAY,0BAA0B,CAACN,EAAIO,GAAG,eAAeH,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIO,GAAGP,EAAIY,GAAGZ,EAAI6C,eAAeE,MAAMM,cAAcrD,EAAIiB,KAAKb,EAAG,IAAI,CAACE,YAAY,6BAA6B,CAACN,EAAIO,GAAG,IAAIP,EAAIY,GAAGZ,EAAI6C,eAAeI,SAAS,UAAU,GACzqC,IGUpB1B,EAEA,KACA,WACA,MAIa,IAAAzB,E","file":"js/chunk-2374496a.b458b7b3.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!./ArrowAnimation.vue?vue&type=style&index=0&id=fb53762c&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!./ScoreCard.vue?vue&type=style&index=0&id=66bcb2ff&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!./MetricBars.vue?vue&type=style&index=0&id=ecd589f2&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-row',[_c('b-col',[_c('h3',{staticClass:\"font-weight-light\"},[_vm._v(\" Metric Comparison \")])]),_c('b-col',[_c('div',{staticClass:\"d-flex justify-content-end\"},_vm._l((_vm.dataCategories),function(category,index){return _c('div',{key:(category + \"-\" + index + \"-legend\"),staticClass:\"d-flex mr-1\"},[_c('span',{staticClass:\"circle\",class:_vm.barColorClass[index]}),_c('p',[_vm._v(_vm._s(_vm.legendMap[category]))])])}),0)])],1),_c('b-row',_vm._l((_vm.metricNames),function(name,index){return _c('b-col',{key:index,attrs:{\"xl\":\"3\",\"md\":\"6\",\"cols\":\"12\"}},[_c('div',{staticClass:\"d-flex align-items-center mt-1 justify-content-between\"},[_c('div',{staticClass:\"d-flex flex-column align-items-start metric-wrapper\"},[_c('span',{staticClass:\"d-flex align-items-center\"},[_c('span',{staticClass:\"metric-name\"},[_vm._v(_vm._s(_vm.formatMetricName(name)))]),(_vm.getMetricTooltip(name))?_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-primary\",modifiers:{\"hover\":true,\"v-primary\":true}}],staticClass:\"info-icon\",attrs:{\"title\":_vm.getMetricTooltip(name)}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1):_vm._e(),(_vm.getPlatformBadge(name))?_c('b-badge',{staticClass:\"metric-name--badge\",attrs:{\"pill\":\"\",\"variant\":\"primary\"}},[_vm._v(\" \"+_vm._s(_vm.getPlatformBadge(name))+\" \")]):_vm._e()],1),_c('span',{staticClass:\"fixed-width metric-value\"},[_c('span',[_vm._v(_vm._s(_vm.universalFormatter(_vm.getMetricValue(name, \"campaignBased\"), { isCurrency: _vm.currencyMetrics.includes(name), kFormat: true, decimals: _vm.getDecimals(name) })))]),(_vm.rateMetrics.includes(name))?_c('span',[_vm._v(\"%\")]):_vm._e()])]),_c('div',{staticClass:\"custom-progress-wrapper\"},[_vm._l((_vm.dataCategories),function(category,index){return [_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-primary\",modifiers:{\"hover\":true,\"v-primary\":true}}],key:(category + \"-\" + index + \"-tooltip\"),staticClass:\"custom-progress border-radius\",attrs:{\"title\":_vm.universalFormatter(_vm.getMetricValue(name, category))}},[_c('span',{staticClass:\"bar\",class:_vm.barColorClass[index],style:({\n                  width:\n                    _vm.calculateWidth(\n                      _vm.getMetricValue(name, category),\n                      name\n                    ) + '%',\n                })})])]})],2)])])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <b-col>\n        <h3 class=\"font-weight-light\">\n          Metric Comparison\n        </h3>\n      </b-col>\n      <b-col>\n        <div class=\"d-flex justify-content-end\">\n          <div\n            v-for=\"(category, index) in dataCategories\"\n            :key=\"`${category}-${index}-legend`\"\n            class=\"d-flex mr-1\"\n          >\n            <span\n              class=\"circle\"\n              :class=\"barColorClass[index]\"\n            />\n            <p>{{ legendMap[category] }}</p>\n          </div>\n        </div>\n      </b-col>\n    </b-row>\n\n    <b-row>\n      <b-col\n        v-for=\"(name, index) in metricNames\"\n        :key=\"index\"\n        xl=\"3\"\n        md=\"6\"\n        cols=\"12\"\n      >\n        <div class=\"d-flex align-items-center mt-1 justify-content-between\">\n          <div class=\"d-flex flex-column align-items-start metric-wrapper\">\n            <span class=\"d-flex align-items-center\">\n              <span class=\"metric-name\">{{ formatMetricName(name) }}</span>\n              <span\n                v-if=\"getMetricTooltip(name)\"\n                v-b-tooltip.hover.v-primary\n                class=\"info-icon\"\n                :title=\"getMetricTooltip(name)\"\n              >\n                <feather-icon\n                  icon=\"InfoIcon\"\n                  size=\"14\"\n                />\n              </span>\n              <b-badge\n                v-if=\"getPlatformBadge(name)\"\n                pill\n                variant=\"primary\"\n                class=\"metric-name--badge\"\n              >\n                {{ getPlatformBadge(name) }}\n              </b-badge>\n            </span>\n            <span class=\"fixed-width metric-value\">\n              <span>{{ universalFormatter(getMetricValue(name, \"campaignBased\"), { isCurrency: currencyMetrics.includes(name), kFormat: true, decimals: getDecimals(name) }) }}</span>\n              <span v-if=\"rateMetrics.includes(name)\">%</span>\n            </span>\n          </div>\n          <div class=\"custom-progress-wrapper\">\n            <template v-for=\"(category, index) in dataCategories\">\n              <div\n                :key=\"`${category}-${index}-tooltip`\"\n                v-b-tooltip.hover.v-primary\n                class=\"custom-progress border-radius\"\n                :title=\"universalFormatter(getMetricValue(name, category))\"\n              >\n                <span\n                  class=\"bar\"\n                  :class=\"barColorClass[index]\"\n                  :style=\"{\n                    width:\n                      calculateWidth(\n                        getMetricValue(name, category),\n                        name\n                      ) + '%',\n                  }\"\n                />\n              </div>\n            </template>\n          </div>\n        </div>\n      </b-col>\n    </b-row>\n  </section>\n</template>\n\n<script>\nimport { universalFormatter } from \"@/@core/utils/utils\";\nexport default {\n  props: {\n    sourceData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      hoveredIndex: null,\n      barColorClass: [\"yellow-gradient\", \"blue-gradient\", \"purple-gradient\"],\n      legendMap : {\n        campaignBased: \"Campaign\",\n        companyBased: \"Company\",\n        industryBased: \"Industry\",\n      },\n      rateMetrics: [\"vr\", \"ctr\", \"cti\", \"cvr\", \"cac\", \"viewability\",\"ir\",\"vcr\"],\n      currencyMetrics: [\"cpv\", \"cpc\", \"cpi-ios\", \"cpi-android\", \"cpa\", \"cpm\", \"cpq\"],\n      metricTooltipMap: {\n        vr: \"View Rate\",\n        ctr: \"Click-through Rate\",\n        cti: \"Click-to-Install Rate\",\n        cvr: \"Conversion Rate\",\n        cac: \"Customer Acquisition Cost\",\n        viewability: \"Ad Viewability\",\n        cpv: \"Cost Per View\",\n        cpc: \"Cost Per Click\",\n        \"cpi-ios\": \"Cost Per Install\",\n        \"cpi-android\": \"Cost Per Install\",\n        cpa: \"Cost Per Acquisition\",\n        cpm: \"Cost Per Mille\",\n        cpq: \"Cost Per Quote\",\n        dau: \"Daily Active Users\",\n        roas: \"Return on Ad Spend\",\n        vcr: \"Video Completion Rate\",\n        ir: \"Interaction Rate\"\n      },\n      decimalMap: {\n        viewability: 0,\n        frequency: 2\n      }\n    };\n  },\n  computed: {\n    metricNames() {\n      let metricNames = Object.keys(this.sourceData.campaignBased);\n      const hasCPA = metricNames.includes(\"cpa\");\n      const hasROAS = metricNames.includes(\"roas\");\n\n      // Move CPA and ROAS to the beginning\n      if(hasCPA && hasROAS) {\n        const filteredMetrics = metricNames.filter(metric => metric !== \"cpa\" && metric !== \"roas\");\n        filteredMetrics.unshift(\"roas\");\n        filteredMetrics.unshift(\"cpa\");\n        metricNames = filteredMetrics;\n      }\n\n      return metricNames;\n    },\n    dataCategories() {\n      console.log(\"this.sourceData\", this.sourceData)\n      const dataCategories = Object.keys(this.sourceData);\n      return dataCategories;\n    },\n  },\n  methods: {\n    universalFormatter,\n    calculateWidth(value, name) {\n      const maxValue = this.calculateMaxValue(name);\n\n      let result = (value / maxValue) * 100;\n      return result;\n    },\n    calculateMaxValue(name) {\n      const values = this.dataCategories.map(category => this.getMetricValue(name, category));\n\n      return Math.max(...values);\n    },\n    getMetricValue(formattedName, type) {\n      const originalName = formattedName.trim().toLowerCase();\n      return this.sourceData[type][originalName];\n    },\n    getDecimals(name){\n      return this.decimalMap?.[name] ?? null;\n    },\n    formatMetricName(name) {\n      if (name.includes(\"-\")) {\n        // return METRIC NAME without platform\n        return name.split(\"-\")[0].toUpperCase();\n      }\n      if (name.length <= 4) {\n        // UPPERCASE\n        return name.toUpperCase();\n      } else {\n        // CAPITALIZE\n        return name[0].toUpperCase() + name.slice(1);\n      }\n    },\n    getMetricTooltip(name){\n      return this.metricTooltipMap?.[name] || name;\n    },\n    getPlatformBadge(name) {\n      // If there's no hyphen, return null (no badge)\n      if (!name.includes(\"-\")) {\n        return null;\n      }\n\n      const parts = name.split(\"-\");\n      if (parts.length < 2) {\n        return null;\n      }\n\n      const platform = parts[1];\n      // Convert to lowercase for case-insensitive comparison\n      switch (platform.toLowerCase()) {\n        case \"ios\":\n          return \"iOS\";\n        case \"android\":\n          return \"Android\";\n        default:\n          return null;\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.circle {\n  width: 1rem;\n  height: 1rem;\n  border-radius: 50%;\n  position: relative;\n  top: 0.2rem;\n  margin-right: 0.3rem;\n}\n\n.custom-progress {\n  overflow: hidden;\n  background: rgba(255, 255, 255, 0.05);\n  width: 100%;\n  height: 10px;\n  border-top-right-radius: 0.5rem;\n  border-bottom-right-radius: 0.5rem;\n  // margin-top: 0.5rem;\n  position: relative;\n  .bar {\n    height: 100% !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 0.75rem;\n    font-weight: bold;\n    border-top-right-radius: 0.3rem;\n    border-bottom-right-radius: 0.3rem;\n    position: absolute;\n  }\n  &-wrapper {\n    // d-flex flex-column justify-content-around ml-1 w-100\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    margin-left: 10px;\n    width: 80%;\n    gap: 1rem;\n  }\n}\n\n.blue-gradient {\n  background: linear-gradient(90deg, #285574, #4faae7);\n}\n\n.purple-gradient {\n  background: linear-gradient(90deg, #4d0173, #9a01e5);\n}\n\n.yellow-gradient {\n  background: linear-gradient(90deg, #7e5801, #fcb001);\n}\n\nh3 {\n  white-space: nowrap;\n  margin-bottom: 0;\n}\n\n.text-nowrap {\n  white-space: nowrap;\n}\n\n.metric-wrapper {\n  width: fit-content;\n}\n\n.metric-value {\n  display: inline-block;\n  overflow: hidden;\n  white-space: nowrap;\n  font-size: 2rem;\n  line-height: normal;\n  font-weight: bold;\n  // text-overflow: ellipsis\n}\n\n.metric-name {\n  font-size: 1.5rem;\n  &--badge {\n    margin-left: 5px;\n  }\n}\n\n.info-icon {\n  margin-left: 5px;\n  color: #28e9fd;\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!./MetricBars.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!./MetricBars.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MetricBars.vue?vue&type=template&id=ecd589f2&scoped=true\"\nimport script from \"./MetricBars.vue?vue&type=script&lang=js\"\nexport * from \"./MetricBars.vue?vue&type=script&lang=js\"\nimport style0 from \"./MetricBars.vue?vue&type=style&index=0&id=ecd589f2&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  \"ecd589f2\",\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',{staticClass:\"h-100 mb-0 p-1\",attrs:{\"no-body\":\"\"}},[_c('h3',{staticClass:\"font-weight-light text-center\"},[_vm._v(\"Impression\")]),_c('div',{staticClass:\"d-flex flex-row justify-content-around align-items-center my-auto\"},[_c('div',{staticClass:\"metric-container\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Realized\")]),_c('span',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.sourceData.realized))+\" \")])]),_c('div',{staticClass:\"w-25\"},[_c('arrow-animation')],1),_c('div',{staticClass:\"metric-container forecast\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"Forecast\")]),_c('span',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.sourceData.forecast))+\" \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"arrow-container\">\n    <svg id=\"arrow-animation\" class=\"animation-svg\" viewBox=\"30 35 100 80\" ></svg>\n  </div>\n</template>\n\n<script>\nexport default {\n  methods: {\n    createArrow() {\n     const svg = document.getElementById(\"arrow-animation\");\n      if (!svg) {\n        console.error(\"SVG element not found\");\n        return;\n      }\n\n      const distance = 12;\n      const rowCount = 5;\n      const columnCount = 4;\n      const minRadius = 1;\n      const svgWidth = 180;\n      const svgHeight = 100;\n      let circles = \"\";\n\n      for (let i = 0; i < rowCount; i++) {\n        circles += '<g class=\"circle-row\">';\n        for (let j = 0; j < columnCount; j++) {\n          const cx = svgWidth / 2 +\n            (j - (columnCount - 1) / 2) * distance -\n            distance * Math.abs((rowCount - 1) / 2 - i);\n          const cy = svgHeight / 2 + i * distance;\n          circles += `<circle cx=\"${cx}\" cy=\"${cy}\" r=\"${minRadius}\"/>`;\n        }\n        circles += \"</g>\";\n      }\n\n      svg.innerHTML = circles;\n      \n    },\n  },\n  mounted() {\n    this.createArrow();\n  },\n}\n</script>\n\n<style lang=\"scss\" >\n    @keyframes growShrinkScoped {\n      0% { r: 1; }\n      3% { r: 2; }\n      5% { r: 3; }\n      12% { r: 3; }\n      30% { r: 1; }\n    }\n\n    .arrow-container {\n      width: 100%;\n      max-width: 300px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 90px;\n    }\n\n    .animation-svg {\n      fill: rgb(171, 140, 233);\n      width: 100%;\n      height: 100%;\n    }\n\n    .circle-row circle:nth-child(1) { animation: growShrinkScoped 2s infinite; }\n    .circle-row circle:nth-child(2) { animation: growShrinkScoped 2s infinite 0.125s; }\n    .circle-row circle:nth-child(3) { animation: growShrinkScoped 2s infinite 0.25s; }\n    .circle-row circle:nth-child(4) { animation: growShrinkScoped 2s infinite 0.375s; }\n  </style>","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!./ArrowAnimation.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!./ArrowAnimation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ArrowAnimation.vue?vue&type=template&id=fb53762c\"\nimport script from \"./ArrowAnimation.vue?vue&type=script&lang=js\"\nexport * from \"./ArrowAnimation.vue?vue&type=script&lang=js\"\nimport style0 from \"./ArrowAnimation.vue?vue&type=style&index=0&id=fb53762c&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('div',{staticClass:\"arrow-container\"},[_c('svg',{staticClass:\"animation-svg\",attrs:{\"id\":\"arrow-animation\",\"viewBox\":\"30 35 100 80\"}})])}\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!./MetricCompCard.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!./MetricCompCard.vue?vue&type=script&lang=js\"","<template>\n  <b-card no-body class=\"h-100 mb-0 p-1\">\n    <h3 class=\"font-weight-light text-center\">Impression</h3>\n    <div class=\"d-flex flex-row justify-content-around align-items-center my-auto\">\n      <div class=\"metric-container\">\n        <span class=\"label\">Realized</span>\n        <span class=\"value\">\n          {{ kFormatter(sourceData.realized) }}\n        </span>\n      </div>\n      <div class=\"w-25\">\n        <arrow-animation />\n      </div>\n      <div class=\"metric-container forecast\">\n          <span class=\"label\">Forecast</span>\n          <span class=\"value\">\n            {{ kFormatter(sourceData.forecast) }}\n          </span>\n      </div>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport ArrowAnimation from \"./sub-components/ArrowAnimation.vue\";\nimport { kFormatter } from \"@core/utils/filter\";\n\nexport default {\n  components: { ArrowAnimation },\n  props: {\n    sourceData: {\n      type: Object,\n      required: true,\n    },\n  },\n  methods: {\n    kFormatter,\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\n.metric-container{\n  padding: 3% 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 35%;\n  .label{\n    font-size: 1.1rem;\n  }\n  .value{\n    font-weight: bold;\n    font-size: 1.3rem;\n  }\n  &.forecast{\n    border-radius: 10%;\n    border: 1px solid #007bff;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./MetricCompCard.vue?vue&type=template&id=93d4b068&scoped=true\"\nimport script from \"./MetricCompCard.vue?vue&type=script&lang=js\"\nexport * from \"./MetricCompCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./MetricCompCard.vue?vue&type=style&index=0&id=93d4b068&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  \"93d4b068\",\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!./MetricCompCard.vue?vue&type=style&index=0&id=93d4b068&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"score-card h-100\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"score-content h-100\"},[_c('h4',{staticClass:\"score-title\"},[_vm._v(\" \"+_vm._s(_vm.pageTitle)+\" \")]),_c('p',{staticClass:\"score-value\",class:{ 'large-score': !_vm.isSubcoreEnabled }},[_vm._v(\" \"+_vm._s(_vm.normalizedData.score.main.toFixed(0))+\" \")]),(_vm.isSubcoreEnabled)?_c('div',{staticClass:\"mt-3\"},[_c('div',{staticClass:\"score-subscore--wrapper\"},[_c('div',{staticClass:\"score-subscore--container\",class:{ 'text-muted': _vm.pageMeta.platform !== 'web' }},[_c('span',{staticClass:\"score-subscore--header\"},[_vm._v(\"Web Score\")]),_c('span',{staticClass:\"score-subscore--value\"},[_vm._v(_vm._s(_vm.normalizedData.score.web))])]),_c('div',{staticClass:\"score-subscore--container\",class:{ 'text-muted': _vm.pageMeta.platform !== 'app' }},[_c('span',{staticClass:\"score-subscore--header\"},[_vm._v(\"App Score\")]),_c('span',{staticClass:\"score-subscore--value\"},[_vm._v(_vm._s(_vm.normalizedData.score.app))])])])]):_vm._e(),_c('p',{staticClass:\"score-description mt-auto\"},[_vm._v(\" \"+_vm._s(_vm.normalizedData.caption)+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card\n    no-body\n    class=\"score-card h-100\"\n  >\n    <div class=\"score-content h-100\">\n      <h4 class=\"score-title\">\n        {{ pageTitle }}\n      </h4>\n      <p\n        class=\"score-value\"\n        :class=\"{ 'large-score': !isSubcoreEnabled }\"\n      >\n        {{ normalizedData.score.main.toFixed(0) }}\n      </p>\n      <div\n        v-if=\"isSubcoreEnabled\"\n        class=\"mt-3\"\n      >\n        <div class=\"score-subscore--wrapper\">\n          <div\n            class=\"score-subscore--container\"\n            :class=\"{ 'text-muted': pageMeta.platform !== 'web' }\"\n          >\n            <span class=\"score-subscore--header\">Web Score</span>\n            <span class=\"score-subscore--value\">{{ normalizedData.score.web }}</span>\n          </div>\n          <div\n            class=\"score-subscore--container\"\n            :class=\"{ 'text-muted': pageMeta.platform !== 'app' }\"\n          >\n            <span class=\"score-subscore--header\">App Score</span>\n            <span class=\"score-subscore--value\">{{ normalizedData.score.app }}</span>\n          </div>\n        </div>\n      </div>\n      <p class=\"score-description mt-auto\">\n        {{ normalizedData.caption }}\n      </p>\n    </div>\n  </b-card>\n</template>\n\n<script>\nexport default {\n  props: {\n    scoreData: {\n      type: Object,\n      required: true,\n    },\n    pageMeta: {\n      type: Object,\n      required: false,\n      default: null,\n    },\n  },\n  computed: {\n    normalizedData() {\n      if (this.pageMeta) {\n        // Main score\n        const main = this.scoreData[`${this.pageMeta.type}Score`];\n        const caption = this.scoreData.caption;\n        const normalizedData = { score: { main }, caption };\n        if (this.pageMeta?.platform) {\n          // Subscores\n          const capitalizedType = this.pageMeta.type.charAt(0).toUpperCase() + this.pageMeta.type.slice(1);\n          normalizedData.score.app = this.scoreData[`app${capitalizedType}Score`];\n          normalizedData.score.web = this.scoreData[`web${capitalizedType}Score`];\n        }\n        return normalizedData\n      }else {\n        return this.scoreData\n      }\n    },\n    isSubcoreEnabled() {\n      return this.pageMeta && this.pageMeta?.platform;\n    },\n    pageTitle(){\n      console.log(\"scoreData\",this.scoreData)\n      if(this.pageMeta){\n        return `${this.pageMeta.type} Score`\n      }else {\n        return this.scoreData.title;\n      }\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.score-card {\n  border-radius: 10px;\n  padding: 0.5rem 2rem;\n  height: 100%;\n  text-align: center;\n  color: white;\n  border: 1px solid gray;\n  position: relative;\n  overflow: hidden;\n  margin-bottom: 0;\n}\n\n.score-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle at 0% 50%, #ec4bf2 0%, transparent 40%, transparent 50%),\n    radial-gradient(circle at 50% 0%, #1f98e9 0%, transparent 45%, transparent 50%);\n  clip-path: polygon(0 0, 120% 0, 0 120%);\n  z-index: -1;\n}\n\n.score-card::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  clip-path: polygon(100% 0, 100% 100%, 0 100%);\n  z-index: -1;\n}\n\n.score-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.score-title {\n  text-transform: capitalize;\n  font-size: 1.5rem;\n  margin-top: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.score-value {\n  text-wrap: nowrap;\n  font-size: 8rem;\n  margin-top: 1.8rem;\n  font-weight: bolder;\n  &.large-score {\n    font-size: 11rem;\n    margin-top: 4rem;\n  }\n}\n\n.score-description {\n  font-size: 0.9rem;\n  margin-top: 10%;\n  color: #bdbdbd;\n  // line-height: normal;\n  // font-weight: 600;\n  /* color: #bdbdbd; */\n}\n\n.score-subscore {\n  &--wrapper {\n    display: flex;\n    width: 60%;\n    justify-content: center;\n    margin-top: 0.5rem;\n    margin-left: auto;\n    margin-right: auto;\n    gap: 25%;\n  }\n\n  &--container {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &--header {\n    text-wrap: nowrap;\n    font-weight: bolder;\n  }\n\n  &--value {\n    font-size: 3rem;\n    line-height: normal;\n    font-weight: 500;\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!./ScoreCard.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!./ScoreCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ScoreCard.vue?vue&type=template&id=66bcb2ff&scoped=true\"\nimport script from \"./ScoreCard.vue?vue&type=script&lang=js\"\nexport * from \"./ScoreCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./ScoreCard.vue?vue&type=style&index=0&id=66bcb2ff&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  \"66bcb2ff\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}