{"version":3,"sources":["webpack:///./src/views/scores/media-new/awareness/PerformanceTable.vue?7a7e","webpack:///./src/views/scores/media-new/awareness/BubbleChart.vue?5963","webpack:///./src/views/scores/media-new/awareness/Index.vue?d167","webpack:///src/views/scores/media-new/awareness/BarChart.vue","webpack:///./src/views/scores/media-new/awareness/BarChart.vue?86be","webpack:///./src/views/scores/media-new/awareness/BarChart.vue","webpack:///./src/views/scores/media-new/awareness/BarChart.vue?c35c","webpack:///src/views/scores/media-new/awareness/PieChart.vue","webpack:///./src/views/scores/media-new/awareness/PieChart.vue?de73","webpack:///./src/views/scores/media-new/awareness/PieChart.vue","webpack:///./src/views/scores/media-new/awareness/PieChart.vue?6066","webpack:///src/views/scores/media-new/awareness/PerformanceTable.vue","webpack:///./src/views/scores/media-new/awareness/PerformanceTable.vue?a93d","webpack:///./src/views/scores/media-new/awareness/PerformanceTable.vue","webpack:///./src/views/scores/media-new/awareness/PerformanceTable.vue?e829","webpack:///src/views/scores/media-new/awareness/BubbleChart.vue","webpack:///./src/views/scores/media-new/awareness/BubbleChart.vue?9108","webpack:///./src/views/scores/media-new/awareness/BubbleChart.vue","webpack:///./src/views/scores/media-new/awareness/BubbleChart.vue?7f56","webpack:///src/views/scores/media-new/awareness/Index.vue","webpack:///./src/views/scores/media-new/awareness/Index.vue?950b","webpack:///./src/views/scores/media-new/awareness/Index.vue","webpack:///./src/views/scores/media-new/awareness/Index.vue?e8a3"],"names":["JQuery","directives","VBPopover","VBTooltip","components","apexchart","VueApexCharts","BFormRadioGroup","BCard","BButton","BPopover","vSelect","forecastLineChart","AiButton","props","trendCard","type","Object","required","filterParams","data","selectedRadio","optionsRadio","text","value","isChartVisible","forecastSettings","width","height","margin","top","right","bottom","left","chartTypes","lineChartEnabled","stepAreaChartEnabled","basisAreaChartEnabled","barChartEnabled","lineSettings","dottedLines","toggleLines","colors","upperLineColor","lowerLineColor","lineColors","forecastLineColor","forecastAreaColor","barLineColor","textSettings","fontFamily","fontWeight","fontSize","meanLineSettings","meanLineColor","meanLineText","meanLineEnabled","textPosition","x","y","textColor","axisSettings","separationLineEnabled","leftYAxisEnabled","rightYAxisEnabled","textFontSize","axisColor","axisTitles","xAxis","xAxisTitle","titlePosition","leftYAxis","labelEnabled","label","labelColor","rightYAxis","tooltipSettings","bar","format","line1","legendSettings","showLegend","legendNames","legendColors","zoomOutIconSettings","iconColor","mouseOverColor","responsive","chartDates","startDate","endDate","isDateChanged","metrics","currentKey","computed","transformedHistoryData","cost","impressionAndCost","cpm","impressionAndCpm","reach","impressionAndReach","lineData","series","map","item","barData","dates","formattedHistoryData","date","index","transformedForecastData","impressionDailyForecast","predictions","predictionsLowerBound","predictionsUpperBound","formattedForecastData","line","upperY","lowerY","requestParams","brand_id","brand","adin_id","campaign","start_date","end_date","watch","updateChartData","updateRightYAxisLabel","mounted","methods","labels","$nextTick","created","xLabels","length","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticStyle","_v","key","model","callback","$$v","expression","_e","piecedDonutChart","piechartCard","piecedDonutChartData","getSeries","piecedDonutData","piecedDonutSettings","getTitles","customOps","impressionTab","newUserTab","total","values","reduce","acc","val","keys","percentage","toFixed","category","formatKey","seriesLength","legendPosition","borderSettings","borderColor","borderFontSize","piecesColor","slice","lineColor","noDataSettings","color","split","word","charAt","toUpperCase","join","BTable","performanceByPublishers","tableData","fields","getFields","items","getItems","universalFormatter","formatDataDisplay","impressions","kFormat","field","isCurrency","selectedOption","find","option","newItem","publisher","forEach","subKey","push","frequency","scopedSlots","_u","fn","ref","_l","_s","BubbleChart","$store","getters","bubbleChartSettings","yAxisTickCount","axisLineColor","axisTickColor","xAxisCurrency","bubbleZoomOutFactor","legendColor","bubbleColors","gridColor","gradianColors","tooltipTitles","size","bubbleChartDataStatic","group","bubbleChartData","performanceData","immediate","handler","newData","newOptions","maxY","Math","max","s","yaxis","round","title","style","offsetX","formatter","maxX","minX","min","xaxis","tickAmount","$refs","chart","updateOptions","FiltersV2","BudgetCard","AwarenessProcess","MetricComp","Users","Score","VolumeProgress","BarChart","PieChart","PerformanceTable","Loading","NoDataTemp","recData","noData","isLoading","currKey","params","$http","get","then","catch","e","finally","getMetrics","campaignCard","comparisonCard","realized","totalImpressions","forecast","totalImpressionsForecast","newUsersCard","awarenessScoreCard","metricsCard","performanceByPublishersCard","staticRenderFns"],"mappings":"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","file":"js/chunk-683f0af2.b59c1ef9.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!./PerformanceTable.vue?vue&type=style&index=0&id=0165cb0d&prod&scoped=true&lang=css\"","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!./BubbleChart.vue?vue&type=style&index=0&id=6881f8c5&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('b-row',{staticClass:\"match-height\"},[_c('b-col',[_c('filtersV2',{attrs:{\"name\":\"defaultPages\",\"get-metrics\":_vm.getMetrics}})],1)],1),(_vm.isLoading)?_c('loading'):(_vm.noData && !_vm.isLoading)?_c('no-data-temp'):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('div',[_c('b-row',[_c('b-col',{staticClass:\"dashboard-container my-1\",attrs:{\"xl\":\"6\",\"md\":\"12\"}},[_c('div',{staticClass:\"budget-card\"},[_c('budget-card',{attrs:{\"campaignCard\":_vm.recData.campaignCard,\"isHorizontal\":true}})],1),_c('div',{staticClass:\"process\"},[_c('awareness-process',{attrs:{\"comparisonCard\":_vm.recData.comparisonCard,\"pageMeta\":{ type: 'awareness' },\"onlyCost\":true}})],1),_c('div',{staticClass:\"metric-comp\"},[_c('metric-comp',{attrs:{\"sourceData\":{\n              realized: _vm.recData.comparisonCard.totalImpressions,\n              forecast: _vm.recData.comparisonCard.totalImpressionsForecast,\n            }}})],1)]),_c('b-col',{staticClass:\"mt-1\",attrs:{\"xl\":\"3\",\"md\":\"6\"}},[_c('users',{attrs:{\"sourceData\":_vm.recData.newUsersCard,\"pageMeta\":{ type: 'awareness' }}})],1),_c('b-col',{staticClass:\"mt-1\",attrs:{\"xl\":\"3\",\"md\":\"6\"}},[_c('score',{attrs:{\"scoreData\":_vm.recData.awarenessScoreCard,\"pageMeta\":{ type: 'awareness' }}})],1)],1),_c('b-row',{staticClass:\"match-height mt-2\"},[_c('b-col',[_c('volume-progress',{attrs:{\"sourceData\":_vm.recData.metricsCard}})],1)],1),_c('b-row',{staticClass:\"match-height mt-3\"},[_c('b-col',{attrs:{\"lg\":\"7\"}},[_c('bar-chart',{attrs:{\"trendCard\":_vm.recData.trendCard,\"filterParams\":this.filterParams}})],1),_c('b-col',{attrs:{\"lg\":\"5\"}},[_c('pie-chart',{key:_vm.currKey,attrs:{\"piechartCard\":_vm.recData.piechartCard}})],1)],1),(_vm.recData.performanceByPublishersCard && Object.keys(_vm.recData.performanceByPublishersCard).length >= 2)?_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{staticStyle:{\"margin-top\":\"0.5rem\"},attrs:{\"lg\":\"4\"}},[_c('performance-table',{attrs:{\"performanceByPublishers\":_vm.recData.performanceByPublishersCard}})],1),_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('bubble-chart',{key:_vm.currKey,attrs:{\"performanceByPublishers\":_vm.recData.performanceByPublishersCard}})],1)],1):_vm._e()],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"h-100\">\n    <b-card no-body class=\"h-100 mb-0\">\n      <div class=\"d-flex\">\n        <h3 class=\"ml-1 font-weight-light\" style=\"margin-top: 2rem !important;\" >Impression / Metric Trend</h3>\n        <ai-button\n          class=\"mt-2\"\n          popoverName=\"metric-trend\"\n          :requestParams=\"requestParams\"\n          :key=\"currentKey\"\n        />\n\n        <div class=\"d-flex mt-2 mr-1 ml-auto align-items-center\">\n          <b-form-radio-group\n            id=\"btn-radios-1\"\n            v-model=\"selectedRadio\"\n            button-variant=\"primary\"\n            :options=\"optionsRadio\"\n            buttons\n            name=\"radios-btn-default\"\n            size=\"sm\"\n          />\n        </div>\n      </div>\n      <div style=\"position: relative\" class=\"mt-3\">\n        <forecast-line-chart\n          v-if=\"isChartVisible\"\n          :forecastHistoryData=\"transformedHistoryData\"\n          :forecastSettings=\"forecastSettings\"\n          :forecastFutureData=\"transformedForecastData\"\n        />\n      </div>\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport VueApexCharts from \"vue-apexcharts\";\nimport {\n  BFormRadioGroup,\n  BCard,\n  BButton,\n  BPopover,\n  VBPopover,\n  VBTooltip,\n} from \"bootstrap-vue\";\nimport vSelect from \"vue-select\";\nimport JQuery from \"jquery\";\nimport forecastLineChart from \"@/views/ui/adin-d3/ForecastLineChart.vue\";\nimport AiButton from \"@/views/ui/ai-button/Index.vue\";\n\nconst $ = JQuery;\n\nexport default {\n  directives: {\n    \"b-popover\": VBPopover,\n    \"b-tooltip\": VBTooltip,\n  },\n  components: {\n    apexchart: VueApexCharts,\n    BFormRadioGroup,\n    BCard,\n    BButton,\n    BPopover,\n    vSelect,\n    forecastLineChart,\n    AiButton,\n  },\n  props: {\n    trendCard: {\n      type: Object,\n      required: true,\n    },\n    filterParams: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      selectedRadio: \"cost\",\n      optionsRadio: [\n        { text: \"Cost\", value: \"cost\" },\n        { text: \"CPM\", value: \"cpm\" },\n        { text: \"Reach\", value: \"reach\" },\n      ],\n      isChartVisible: true,\n      forecastSettings: {\n        width: 1200,\n        height: 350,\n        margin: { top: 50, right: 80, bottom: 80, left: 80 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: false,\n          barChartEnabled: true,\n        },\n        lineSettings: {\n          dottedLines: [],\n          toggleLines: [],\n        },\n        colors: {\n          upperLineColor: \"#FF5F5E\",\n          lowerLineColor: \"#FF5F5E\",\n          lineColors: [\"#FF5F5E\"],\n          forecastLineColor: \"white\",\n          forecastAreaColor: \"#9126F0\",\n          barLineColor: \"#818BFF\",\n        },\n        textSettings: {\n          fontFamily: \"Montserrat, Helvetica, Arial, serif !important\",\n          fontWeight: \"400\",\n          fontSize: \"12px\",\n        },\n        meanLineSettings: {\n          meanLineColor: \"#2af3fd\",\n          meanLineText: \"Avg. Impression\",\n          meanLineEnabled: false,\n          textSettings: {\n            textPosition: {\n              x: 100,\n              y: -40,\n            },\n            textColor: \"white\",\n          },\n        },\n        axisSettings: {\n          separationLineEnabled: true,\n          leftYAxisEnabled: true,\n          rightYAxisEnabled: true,\n          textFontSize: \"11px\",\n          axisColor: \"#959199\",\n          axisTitles: {\n            xAxis: {\n              xAxisTitle: \"Date\",\n              titlePosition: {\n                x: 70,\n              },\n            },\n            leftYAxis: {\n              labelEnabled: true,\n              label: \"Impression\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 90,\n              },\n            },\n            rightYAxis: {\n              labelEnabled: true,\n              label: \"Cost\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 70,\n              },\n            },\n          },\n        },\n        tooltipSettings: {\n          bar: {\n            text: \"Cost\",\n            format: \"\"\n          },\n          line1: {\n            text: \"Impression\",\n            format: \"\"\n          },\n        },\n        legendSettings: {\n          showLegend: true,\n          textColor: \"white\",\n          legendNames: [\"Impression\", \"Cost\"],\n          legendColors: [\"#FF5F5E\", \"#7472DF\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"pink\",\n        },\n        responsive: true,\n      },\n      chartDates: [],\n      startDate: \"\",\n      endDate: \"\",\n      isDateChanged: false,\n      metrics: [],\n      currentKey: 0,\n    };\n  },\n  computed: {\n    transformedHistoryData() {\n      const dataSources = {\n        cost: this.trendCard.impressionAndCost,\n        cpm: this.trendCard.impressionAndCpm,\n        reach: this.trendCard.impressionAndReach,\n      };\n      let data = dataSources[this.selectedRadio];\n      if (!data) return [];\n      let lineData = data.series[0].data.map((item) => item.y);\n      let barData = data.series[1].data.map((item) => item.y);\n      let dates = data.series[0].data.map((item) => item.x);\n      const formattedHistoryData = dates.map((date, index) => ({\n        date,\n        line1: lineData[index],\n        bar: barData[index],\n      }));\n      return formattedHistoryData;\n    },\n    transformedForecastData() {\n      let data = this.trendCard.impressionDailyForecast;\n      if (!data) return [];\n      let predictions = [];\n      let predictionsLowerBound = [];\n      let predictionsUpperBound = [];\n      if (data.series && data.series[0] && data.series[0].data) {\n        predictions = data.series[0].data.map((item) => item.y);\n      }\n\n      if (data.series && data.series[1] && data.series[1].data) {\n        predictionsLowerBound = data.series[1].data.map((item) => item.y);\n      }\n\n      if (data.series && data.series[2] && data.series[2].data) {\n        predictionsUpperBound = data.series[2].data.map((item) => item.y);\n      }\n      let dates = data.series[0].data.map((item) => item.x);\n      const formattedForecastData = dates.map((date, index) => ({\n        date: date,\n        line: predictions[index],\n        upperY: predictionsUpperBound[index],\n        lowerY: predictionsLowerBound[index],\n      }));\n      return formattedForecastData;\n    },\n    requestParams() {\n      return {\n        brand_id: this.filterParams.brand.value,\n        adin_id: this.filterParams.campaign.value,\n        start_date: this.startDate,\n        end_date: this.endDate,\n        metrics: this.metrics,\n      };\n    },\n  },\n  watch: {\n    selectedRadio() {\n      this.updateChartData();\n      this.updateRightYAxisLabel();\n      this.metrics = this.selectedRadio + \",\" + \"impressions\";\n      this.currentKey++;\n    },\n    startDate() {\n      this.isDateChanged = true;\n    },\n  },\n  mounted() {\n    this.updateChartData();\n  },\n  methods: {\n    updateRightYAxisLabel() {\n      const labels = { cost: \"Cost\", cpm: \"CPM\", reach: \"Reach\" };\n      this.forecastSettings.axisSettings.axisTitles.rightYAxis.label =\n        labels[this.selectedRadio];\n      this.forecastSettings.tooltipSettings.bar.text =\n        labels[this.selectedRadio];\n\n      this.forecastSettings.legendSettings.legendNames[1] =\n        labels[this.selectedRadio];\n    },\n    updateChartData() {\n      this.isChartVisible = false;\n      this.$nextTick(() => {\n        this.isChartVisible = true;\n      });\n    },\n  },\n  created() {\n    const xLabels = this.trendCard.impressionAndCost.series[0].data.map(\n      (item) => item.x\n    );\n    this.startDate = xLabels[0];\n    this.endDate = xLabels[xLabels.length - 1];\n    this.metrics = this.selectedRadio + \",\" + \"impressions\";\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!./BarChart.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!./BarChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BarChart.vue?vue&type=template&id=b480b6dc\"\nimport script from \"./BarChart.vue?vue&type=script&lang=js\"\nexport * from \"./BarChart.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',{staticClass:\"h-100\"},[_c('b-card',{staticClass:\"h-100 mb-0\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"d-flex\"},[_c('h3',{staticClass:\"ml-1 font-weight-light\",staticStyle:{\"margin-top\":\"2rem !important\"}},[_vm._v(\"Impression / Metric Trend\")]),_c('ai-button',{key:_vm.currentKey,staticClass:\"mt-2\",attrs:{\"popoverName\":\"metric-trend\",\"requestParams\":_vm.requestParams}}),_c('div',{staticClass:\"d-flex mt-2 mr-1 ml-auto align-items-center\"},[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1)],1),_c('div',{staticClass:\"mt-3\",staticStyle:{\"position\":\"relative\"}},[(_vm.isChartVisible)?_c('forecast-line-chart',{attrs:{\"forecastHistoryData\":_vm.transformedHistoryData,\"forecastSettings\":_vm.forecastSettings,\"forecastFutureData\":_vm.transformedForecastData}}):_vm._e()],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"h-100\">\n    <b-card no-body class=\"h-100 mb-0\">\n      <div class=\"d-flex justify-content-between\">\n        <h3 class=\"mt-2 ml-1 font-weight-light\">Distribution</h3>\n        <div class=\"d-flex justify-content-end mt-2 mr-1\">\n          <b-form-radio-group\n            id=\"btn-radios-1\"\n            v-model=\"selectedRadio\"\n            button-variant=\"primary\"\n            :options=\"optionsRadio\"\n            buttons\n            name=\"radios-btn-default\"\n            size=\"sm\"\n          />\n        </div>\n      </div>\n      <pieced-donut-chart\n        :key=\"selectedRadio\"\n        :piecedDonutData=\"piecedDonutChartData.piecedDonutData\"\n        :piecedDonutSettings=\"piecedDonutChartData.piecedDonutSettings\"\n        class=\"my-auto\"\n      ></pieced-donut-chart>\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport piecedDonutChart from \"@/views/ui/adin-d3/PiecedDonutChart.vue\";\nimport { BFormRadioGroup, BCard } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    piecedDonutChart,\n    BFormRadioGroup,\n    BCard,\n  },\n  props: {\n    piechartCard: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      selectedRadio: \"impression\",\n      optionsRadio: [\n        { text: \"Impression\", value: \"impression\" },\n        { text: \"New User\", value: \"newUser\" },\n      ],\n    };\n  },\n  computed: {\n    piecedDonutChartData() {\n      const series = this.getSeries();\n      const customOps = this.getTitles(series.length);\n      return {\n        piecedDonutData: series,\n        piecedDonutSettings: customOps,\n      };\n    },\n  },\n  methods: {\n    getSeries() {\n      let data;\n      if (this.selectedRadio === \"impression\") {\n        data = this.piechartCard.impressionTab;\n      } else if (this.selectedRadio === \"newUser\") {\n        data = this.piechartCard.newUserTab;\n      }\n      const total = Object.values(data).reduce((acc, val) => acc + val, 0);\n\n      return Object.keys(data).map((key) => {\n        const value = data[key];\n        const percentage = total ? ((value / total) * 100).toFixed(1) : 0;\n        return {\n          category: this.formatKey(key),\n          value: percentage,\n        };\n      });\n    },\n    getTitles(seriesLength) {\n      const colors =\n        this.selectedRadio === \"impression\"\n          ? [\"#4E779A\", \"#31A3D5\", \"#03C7CE\", \"#85EDFA\"]\n          : [\"#31A3D5\", \"#4E779A\"];\n\n      return {\n        margin: 80,\n        width: 800,\n        height: 400,\n        legendPosition: \"bottom\", // \"bottom\" veya \"right\"\n        borderSettings: {\n          borderColor: \"black\",\n          borderFontSize: \"0.5px\",\n        },\n        textSettings: {\n          textFontSize: \"14px\",\n          textColor: \"white\",\n          fontFamily: \"Helvetica, sans-serif\",\n          fontWeight: \"400\",\n        },\n        colors: {\n          piecesColor: colors.slice(0, seriesLength),\n          lineColor: \"white\",\n        },\n        noDataSettings:{\n          text: \"No data available\",\n          color: \"white\",\n        },\n        responsive: true,\n      };\n    },\n    formatKey(key) {\n      return key\n        .split(/(?=[A-Z])/)\n        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n        .join(\" \");\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!./PieChart.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!./PieChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PieChart.vue?vue&type=template&id=25b37984\"\nimport script from \"./PieChart.vue?vue&type=script&lang=js\"\nexport * from \"./PieChart.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',{staticClass:\"h-100\"},[_c('b-card',{staticClass:\"h-100 mb-0\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('h3',{staticClass:\"mt-2 ml-1 font-weight-light\"},[_vm._v(\"Distribution\")]),_c('div',{staticClass:\"d-flex justify-content-end mt-2 mr-1\"},[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1)]),_c('pieced-donut-chart',{key:_vm.selectedRadio,staticClass:\"my-auto\",attrs:{\"piecedDonutData\":_vm.piecedDonutChartData.piecedDonutData,\"piecedDonutSettings\":_vm.piecedDonutChartData.piecedDonutSettings}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"d-flex flex-column\"\n    style=\"height: 455px\"\n  >\n    <b-table\n      :items=\"tableData.items\"\n      :fields=\"tableData.fields\"\n      striped\n      class=\"lila-bg\"\n      responsive\n    >\n      <template #head(this.selectedRatio)=\"{ field }\">\n        <div\n          v-for=\"(word, index) in field.label\"\n          :key=\"index\"\n          style=\"width: 200px\"\n        >\n          {{ word }}\n        </div>\n      </template>\n      <template #cell(cpm)=\"data\">\n        <div class=\"cell-content\">\n          {{ formatDataDisplay(data)}}\n        </div>\n      </template>\n      <template #cell(frequency)=\"data\">\n        <div class=\"cell-content\">\n          {{ formatDataDisplay(data)}}\n        </div>\n      </template>\n    </b-table>\n\n    <div class=\"footer-radio\">\n      <b-form-radio-group\n        id=\"btn-radios-1\"\n        v-model=\"selectedRadio\"\n        button-variant=\"primary\"\n        :options=\"optionsRadio\"\n        buttons\n        name=\"radios-btn-default\"\n        size=\"sm\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BTable, BFormRadioGroup } from \"bootstrap-vue\";\nimport {universalFormatter} from \"@core/utils/utils\";\n\nexport default {\n  components: {\n    BTable,\n    BFormRadioGroup,\n  },\n  props: {\n    performanceByPublishers: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      selectedRadio: \"cpm\",\n      optionsRadio: [\n        { text: \"CPM / Impression\", value: \"cpm\" },\n        { text: \"Frequency / Impression\", value: \"frequency\" },\n      ],\n    };\n  },\n  computed: {\n    tableData() {\n      const fields = this.getFields();\n      return {\n        fields,\n        items: this.getItems(),\n      };\n    },\n  },\n  methods: {\n    universalFormatter,\n    formatDataDisplay (data) {\n      // If no value, return empty string\n      if (!data.value) {\n        return '';\n      }\n\n      // If value is \"-\" and impressions is \"-\", just return the value\n      if (data.value === '-' && data.item.impressions === '-') {\n        return data.value;\n      }\n\n      // For all other cases where we have a value, format with impressions\n      const impressions = data.item.impressions \n        ? universalFormatter(data.item.impressions, {kFormat: true}) \n        : '';\n\n      // Format as currency if cpm\n      const metric = data.field.key === \"cpm\"\n      ? universalFormatter(data.value, { isCurrency: true })\n      : data.value;\n\n      return `${metric} /${impressions}`;\n    },\n    getFields() {\n      const selectedOption = this.optionsRadio.find(\n        (option) => option.value === this.selectedRadio\n      );\n      return [\n        { key: \"publisher\", label: \"Performance By Publishers\" },\n        {\n          key: this.selectedRadio,\n          label: selectedOption\n            ? selectedOption.text.split(\" \")\n            : this.selectedRadio.split(\" \"),\n        },\n      ];\n    },\n    getItems() {\n      let items = Object.keys(this.performanceByPublishers).map((key) => {\n        let item = this.performanceByPublishers[key];\n        let newItem = {\n          publisher: key,\n        };\n        Object.keys(item).forEach((subKey) => {\n          newItem[subKey] = item[subKey] === 0 ? \"-\" : item[subKey];\n        });\n        return newItem;\n      });\n\n      while (items.length < 8) {\n        items.push({\n          publisher: \"\",\n          cpm: \"\",\n          frequency: \"\",\n        });\n      }\n      return items;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.lila-bg /deep/ th {\n  background-color: #7428ef !important;\n  color: white !important;\n  border-bottom-right-radius: 0% !important;\n  border-bottom-left-radius: 0% !important;\n  position: sticky !important;\n  top: 0 !important;\n}\n.lila-bg /deep/ {\n  border: 1px solid #7428ef !important;\n  border-bottom: none !important;\n  margin-top: 1rem !important;\n  flex-grow: 1 !important;\n  margin-bottom: 0;\n}\n.lila-bg /deep/ td {\n  vertical-align: top !important;\n}\n\n.lila-bg /deep/ tr:nth-child(odd) td {\n  background-color: transparent;\n}\n\n.lila-bg /deep/ tr:nth-child(even) td {\n  background-color: rgba(183, 68, 221, 0.069);\n}\n\n.footer-radio {\n  border: 1px solid #7428ef;\n  border-top: none;\n  padding: 10px;\n  text-align: center;\n  width: 100%;\n}\n\n.cell-content {\n  min-height: 23px !important;\n}\n\n/deep/ table.b-table th[aria-colindex=\"2\"],\n/deep/ table.b-table td[aria-colindex=\"3\"] {\n  min-width: 125px !important;\n}\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!./PerformanceTable.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!./PerformanceTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PerformanceTable.vue?vue&type=template&id=0165cb0d&scoped=true\"\nimport script from \"./PerformanceTable.vue?vue&type=script&lang=js\"\nexport * from \"./PerformanceTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./PerformanceTable.vue?vue&type=style&index=0&id=0165cb0d&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  \"0165cb0d\",\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:\"d-flex flex-column\",staticStyle:{\"height\":\"455px\"}},[_c('b-table',{staticClass:\"lila-bg\",attrs:{\"items\":_vm.tableData.items,\"fields\":_vm.tableData.fields,\"striped\":\"\",\"responsive\":\"\"},scopedSlots:_vm._u([{key:\"head(this.selectedRatio)\",fn:function(ref){\nvar field = ref.field;\nreturn _vm._l((field.label),function(word,index){return _c('div',{key:index,staticStyle:{\"width\":\"200px\"}},[_vm._v(\" \"+_vm._s(word)+\" \")])})}},{key:\"cell(cpm)\",fn:function(data){return [_c('div',{staticClass:\"cell-content\"},[_vm._v(\" \"+_vm._s(_vm.formatDataDisplay(data))+\" \")])]}},{key:\"cell(frequency)\",fn:function(data){return [_c('div',{staticClass:\"cell-content\"},[_vm._v(\" \"+_vm._s(_vm.formatDataDisplay(data))+\" \")])]}}])}),_c('div',{staticClass:\"footer-radio\"},[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"mt-2 mb-0\">\n    <h3 class=\"ml-1 font-weight-light\" style=\"margin-bottom: 0px;\">Performance by Publishers</h3>\n    <!-- <vue-apex-charts ref=\"chart\" height=\"353\" :options=\"chartOptions\" :series=\"bubbleChartData\" /> -->\n    <bubble-chart :bubbleChartData=\"this.bubbleChartData\" :bubbleChartSettings=\"bubbleChartSettings\"></bubble-chart>\n\n  </b-card>\n</template>\n\n<script>\nimport { universalFormatter } from '@/@core/utils/utils';\nimport BubbleChart from '@/views/ui/adin-d3/BubbleChart.vue';\nexport default {\n  components: {\n    BubbleChart\n  },\n  props: {\n    performanceByPublishers: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    const currencySymbol = this.$store.getters[\"adinSettings/getCurrencySymbol\"];\n    return {\n      bubbleChartSettings: {\n        margin: { top: 20, right: 50, bottom: 40, left: 80 },\n        width: 1000,\n        height: 370,\n        axisSettings: {\n          yAxisTickCount: 5,\n          axisLineColor: \"#6e6b7b\",\n          axisTickColor: \"#FFFFFF\",\n          xAxisCurrency: \"₺\",\n        },\n        bubbleZoomOutFactor: 1,\n        legendSettings: {\n          textFontSize: \"8px\",\n          legendColor: \"#FFFFFF\"\n        },\n        colors: {\n          bubbleColors: [\"#818BFF\", \"#818BFF\", \"#818BFF\"],\n          gridColor: \"#493E64\",\n          gradianColors: [\"#1A454D\", \"#4D1249\"]\n        },\n        tooltipTitles: {\n          publisher: \"Publisher\",\n          x: \"CPM\",\n          y: \"Impressions\",\n          size: \"Cost\",\n        },\n        responsive: true,\n      },\n      bubbleChartDataStatic: [\n        // { x: 0, y: 0, size: 20000, group: 'good' },\n        { x: 318.03, y: 400000, size: 40000, group: 'good' },\n        { x: 318.03, y: 400000, size: 8000000, group: 'good' },\n        { x: 379.14, y: 700000, size: 10000, group: 'good' },\n        { x: 440.24, y: 600000, size: 60000, group: 'average' },\n        { x: 487.60, y: 200000, size: 30000, group: 'average' },\n        { x: 562.45, y: 500000, size: 10000, group: 'average' },\n        { x: 562.45, y: 10000, size: 70000, group: 'average' },\n        { x: 623.56, y: 300000, size: 20000, group: 'average' },\n        { x: 684.66, y: 100000, size: 15000, group: 'bad' },\n        { x: 745.77, y: 100000, size: 8000, group: 'bad' },\n        { x: 806.87, y: 100000, size: 5000, group: 'bad' }\n      ],\n    };\n  },\n  computed: {\n    // bubbleChartData() {\n    //   const performanceData = Object.keys(this.performanceByPublishers).map((key) => {\n    //     const publisher = this.performanceByPublishers[key];\n    //     return {\n    //       name: key,\n    //       data: [\n    //         {\n    //           publisher: key,\n    //           x: publisher.cpm,\n    //           y: publisher.impressions,\n    //           size: publisher.cost,\n    //         },\n    //       ],\n    //     };\n    //   });\n    //   console.log(\"performanceData\", performanceData);\n    //   return performanceData;\n    // },\n\n    bubbleChartData() {\n      const performanceData = Object.keys(this.performanceByPublishers).map((key) => {\n        const publisher = this.performanceByPublishers[key];\n        return {\n          publisher: key,\n          x: publisher.cpm,\n          y: publisher.impressions,\n          size: publisher.cost,\n        };\n      });\n      console.log(\"performanceData\", performanceData);\n      return performanceData;\n    },\n\n  },\n  watch: {\n    bubbleChartData: {\n      immediate: true,\n      handler(newData) {\n        this.$nextTick(() => {\n          const newOptions = {};\n          const maxY = Math.max(...newData.map((s) => s.data[0].y));\n          newOptions.yaxis = {\n            max: Math.round(maxY + maxY * 0.2),\n            // Due to an unresolved bug yaxis options disappears after updateOptions, so it is set here as well\n            // Likely due to yaxis working in arrays(since there can be multiple yaxis)\n            title: {\n              text: \"Impressions\",\n              style: {\n                color: \"white\",\n              },\n              offsetX: 5,\n            },\n            labels: {\n              formatter: (value) => universalFormatter(value, {kFormat: true}),  // Format x-axis labels\n            },\n          };\n          const dataLength = Object.keys(this.performanceByPublishers).length;\n          if (dataLength > 1) {\n            const maxX = Math.max(...newData.map((s) => s.data[0].x));\n            const minX = Math.min(...newData.map((s) => s.data[0].x));\n            newOptions.xaxis = { max: Math.round(maxX + maxX * 0.2), min: Math.round(minX - minX * 0.2) };\n          } else {\n            // Create ticks manually for better visualization\n            const value = newData[0].data[0].x;\n            newOptions.xaxis = {\n              min: Math.round(value * 0.5),\n              max: Math.round(value * 1.5),\n              tickAmount: 3\n            };\n          }\n\n          if (this.$refs.chart) {\n            this.$refs.chart.updateOptions(newOptions);\n          }\n        });\n      },\n    },\n  },\n  mounted() {\n    console.log(\"this.performanceByPublishers\", this.performanceByPublishers)\n  },\n};\n</script>\n\n<style scoped>\n.line {\n  width: 1.5rem;\n  height: 0.2rem;\n  margin-right: 10px;\n}\n\n.green {\n  background-color: green;\n}\n\n.red {\n  background-color: rgba(255, 51, 0, 0.682);\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!./BubbleChart.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!./BubbleChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BubbleChart.vue?vue&type=template&id=6881f8c5&scoped=true\"\nimport script from \"./BubbleChart.vue?vue&type=script&lang=js\"\nexport * from \"./BubbleChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./BubbleChart.vue?vue&type=style&index=0&id=6881f8c5&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  \"6881f8c5\",\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:\"mt-2 mb-0\"},[_c('h3',{staticClass:\"ml-1 font-weight-light\",staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"Performance by Publishers\")]),_c('bubble-chart',{attrs:{\"bubbleChartData\":this.bubbleChartData,\"bubbleChartSettings\":_vm.bubbleChartSettings}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row class=\"match-height\">\n      <b-col>\n        <filtersV2 name=\"defaultPages\" :get-metrics=\"getMetrics\" />\n      </b-col>\n    </b-row>\n    <loading v-if=\"isLoading\"/>\n    <no-data-temp v-else-if=\"noData && !isLoading\"/>\n    <div v-else-if=\"!noData && !isLoading && recData !== null\" >\n      <b-row>\n        <b-col xl=\"6\" md=\"12\" class=\"dashboard-container my-1\">\n          <div class=\"budget-card\">\n            <budget-card :campaignCard=\"recData.campaignCard\" :isHorizontal=\"true\" />\n          </div>\n          <div class=\"process\">\n            <awareness-process\n              :comparisonCard=\"recData.comparisonCard\"\n              :pageMeta=\"{ type: 'awareness' }\"\n              :onlyCost=\"true\"\n            />\n          </div>\n          <div class=\"metric-comp\">\n            <metric-comp\n              :sourceData=\"{\n                realized: recData.comparisonCard.totalImpressions,\n                forecast: recData.comparisonCard.totalImpressionsForecast,\n              }\"\n            />\n          </div>\n        </b-col>\n        <b-col xl=\"3\" md=\"6\" class=\"mt-1\">\n          <users :sourceData=\"recData.newUsersCard\" :pageMeta=\"{ type: 'awareness' }\" />\n        </b-col>\n        <b-col xl=\"3\" md=\"6\" class=\"mt-1\">\n          <score :scoreData=\"recData.awarenessScoreCard\" :pageMeta=\"{ type: 'awareness' }\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height mt-2\">\n        <b-col>\n          <volume-progress :sourceData=\"recData.metricsCard\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height mt-3\">\n        <b-col lg=\"7\">\n          <bar-chart :trendCard=\"recData.trendCard\" :filterParams=\"this.filterParams\" />\n        </b-col>\n        <b-col lg=\"5\">\n          <pie-chart :piechartCard=\"recData.piechartCard\" :key=\"currKey\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\"\n        v-if=\"recData.performanceByPublishersCard && Object.keys(recData.performanceByPublishersCard).length >= 2\">\n        <b-col lg=\"4\" style=\"margin-top: 0.5rem;\">\n          <performance-table :performanceByPublishers=\"recData.performanceByPublishersCard\" />\n        </b-col>\n        <b-col lg=\"8\">\n          <bubble-chart :performanceByPublishers=\"recData.performanceByPublishersCard\" :key=\"currKey\" />\n        </b-col>\n      </b-row>\n    </div>\n  </section>\n</template>\n\n<script>\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport BudgetCard from \"@/views/ui/media-components/BudgetCard.vue\";\nimport AwarenessProcess from \"@/views/ui/media-components/CostProcess.vue\";\nimport MetricComp from \"@/views/ui/media-components/MetricCompCard.vue\";\nimport Users from \"@/views/ui/media-components/MetricCircleCard.vue\";\nimport Score from \"@/views/ui/media-components/ScoreCard.vue\";\nimport VolumeProgress from \"@/views/ui/media-components/MetricBars.vue\";\nimport BarChart from \"./BarChart.vue\";\nimport PieChart from \"./PieChart.vue\";\nimport PerformanceTable from \"./PerformanceTable.vue\";\nimport BubbleChart from \"./BubbleChart.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\n\nexport default {\n  components: {\n    FiltersV2,\n    BudgetCard,\n    AwarenessProcess,\n    MetricComp,\n    Users,\n    Score,\n    VolumeProgress,\n    BarChart,\n    PieChart,\n    PerformanceTable,\n    BubbleChart,\n    Loading,\n    NoDataTemp\n  },\n  data() {\n    return {\n      recData: null,\n      noData: false,\n      filterParams: {},\n      isLoading: true,\n      currKey: 0,\n    };\n  },\n  methods: {\n    async getMetrics(params) {\n      this.isLoading = true;\n      this.filterParams = params;\n      console.log(this.recData);\n      await this.$http\n        .get(\"/media/awareness/overview\", {\n          params: {\n            brand_id: params.brand.value,\n            adin_id: params.campaign.value,\n          },\n        })\n        .then(({ data }) => {\n          this.recData = data;\n          console.log(this.recData);\n          this.noData = false;\n          this.currKey = this.currKey + 1;\n        })\n        .catch((e) => {\n          this.noData = true;\n        })\n        .finally(() => {\n          this.isLoading = false;\n        });\n    },\n  },\n};\n</script>\n\n<styl lang=\"scss\" scoped>\n@import \"../styles.scss\";\n.dashboard-container {\n  @include horizontal-layout-container;\n}\n</styl>\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=4aa4b604\"\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\n/* custom blocks */\nimport block0 from \"./Index.vue?vue&type=custom&index=0&blockType=styl&lang=scss&scoped=true\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports","import mod 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/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!./Index.vue?vue&type=custom&index=0&blockType=styl&lang=scss&scoped=true\"; export default mod; 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/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!./Index.vue?vue&type=custom&index=0&blockType=styl&lang=scss&scoped=true\""],"sourceRoot":""}