{"version":3,"sources":["webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/ReportNav.vue?d430","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/MetaTable.vue?b929","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/PlatformTable.vue?43ae","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Ranking.vue?dfce","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/ReportNav.vue?1d01","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/MetaTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/MetaTable.vue?a3f4","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/MetaTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/MetaTable.vue?5520","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/PieChart.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/PieChart.vue?a39c","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/PieChart.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/PieChart.vue?7b52","webpack:///src/views/ui/adin-d3/FunnelChart.vue","webpack:///./src/views/ui/adin-d3/FunnelChart.vue?07b6","webpack:///./src/views/ui/adin-d3/FunnelChart.vue","webpack:///./src/views/ui/adin-d3/FunnelChart.vue?0639","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Ranking.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Ranking.vue?ed24","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Ranking.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Ranking.vue?8145","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Index.vue?3e14","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/meta-detail/Index.vue?7096","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/BrandTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/BrandTable.vue?5558","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/BrandTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/BrandTable.vue?a6cc","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/CategorySplit.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/CategorySplit.vue?faa5","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/CategorySplit.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/CategorySplit.vue?e900","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/Index.vue?c942","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/Index.vue?9a8b","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/GoogleTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/GoogleTable.vue?0e4d","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/GoogleTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/GoogleTable.vue?e141","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/TargetingTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/TargetingTable.vue?1d29","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/TargetingTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/TargetingTable.vue?b498","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/PieChart.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/PieChart.vue?b668","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/PieChart.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/PieChart.vue?4820","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/Index.vue?ea39","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/Index.vue?561e","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/PlatformTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/PlatformTable.vue?891e","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/PlatformTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/PlatformTable.vue?0026","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/Index.vue?d930","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/platform-detail/Index.vue?8e45","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/DataTypeTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/DataTypeTable.vue?8369","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/DataTypeTable.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/DataTypeTable.vue?f10e","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/Index.vue?7274","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/Index.vue?15f3","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/ReportNav.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/ReportNav.vue?a658","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/ReportNav.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/TargetingTable.vue?c6c3","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/brand-detail/BrandTable.vue?fdef","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/data-type-detail/DataTypeTable.vue?9220","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/google-detail/GoogleTable.vue?05d3"],"names":["data","publishersFields","key","label","publishers","publisher","roas","roasRate","revenue","revenueRate","cost","costRate","methods","universalFormatter","getIconAndColor","percentage","icon","color","m","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","fn","_v","_s","item","_e","components","piecedDonutChart","piecedDonutChartData1","createChartData","category","value","series","piecedDonutData","piecedDonutSettings","getTitles","length","customOps","seriesLength","margin","width","height","legendPosition","borderSettings","borderColor","borderFontSize","textSettings","textFontSize","textColor","fontFamily","fontWeight","colors","piecesColor","slice","lineColor","noDataSettings","text","responsive","name","props","funnelData","type","Array","default","settings","Object","totalWidth","totalHeight","mounted","drawChart","svg","d3","$refs","chart","style","append","attr","g","x","domain","range","y","d","area","i","y0","y1","curve","datum","columnWidth","selectAll","enter","ref","categories","title","items","fill","brand","rankClass","rank","_l","idx","MetaTable","PieChart","FunnelChart","Ranking","chartSettings","created","apexchart","VueApexCharts","chartOptions","stacked","plotOptions","bar","borderRadius","borderRadiusApplication","borderRadiusWhenStacked","horizontal","gradient","shade","shadeIntensity","gradientToColors","inverseColors","opacityFrom","opacityTo","stops","dataLabels","enabled","stroke","grid","yaxis","lines","show","labels","xaxis","axisBorder","axisTicks","tooltip","shared","formatter","val","Math","abs","legend","annotations","strokeDashArray","background","BrandTable","CategorySplit","GoogleTable","TargetingTable","PlatformTable","DataTypeTable","ExecutiveSummary","RetailPlatformByBrand","MetaDetail","BrandDetail","GoogleDetail","PlatformDetail","DataTypeDetail","pages","activeIndex","handleTabChange","index","previousPage","$router","push","on","staticRenderFns"],"mappings":"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","file":"js/chunk-64f171d8.1ebf5102.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!./ReportNav.vue?vue&type=style&index=0&id=e6dc640e&prod&scoped=true&lang=css\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetaTable.vue?vue&type=style&index=0&id=53dcb1f8&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!./PlatformTable.vue?vue&type=style&index=0&id=16a9dd42&prod&lang=scss&scoped=true\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Ranking.vue?vue&type=style&index=0&id=21907062&prod&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h3',{staticClass:\"mb-1\"},[_vm._v(\"Retail and Product Report\")]),_c('b-button',{staticClass:\"mb-1\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_vm._v(\" Back \")]),(_vm.activeIndex === 0)?_c('div',[_c('ExecutiveSummary')],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-table\n    :fields=\"publishersFields\"\n    :items=\"publishers\"\n    striped\n    class=\"perf-metrics\"\n  >\n    <template #cell(roas)=\"data\">\n      <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n      <div class=\"d-flex\">\n        <p class=\"mb-0\" v-if=\"data.item.roas\">{{ data.item.roasRate }}%</p>\n        <feather-icon\n          v-if=\"data.item.roas\"\n          :icon=\"getIconAndColor(data.item.roasRate).icon\"\n          :color=\"getIconAndColor(data.item.roasRate).color\"\n          size=\"20\"\n        />\n      </div>\n    </template>\n    <template #cell(revenue)=\"data\">\n      <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n      <div class=\"d-flex\">\n        <p class=\"mb-0\" v-if=\"data.item.revenue\">\n          {{ data.item.revenueRate }}%\n        </p>\n        <feather-icon\n          v-if=\"data.item.revenue\"\n          :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n          :color=\"getIconAndColor(data.item.revenueRate).color\"\n          size=\"20\"\n        />\n      </div>\n    </template>\n    <template #cell(cost)=\"data\">\n      <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n      <div class=\"d-flex\">\n        <p class=\"mb-0\" v-if=\"data.item.cost\">{{ data.item.costRate }}%</p>\n        <feather-icon\n          v-if=\"data.item.cost\"\n          :icon=\"getIconAndColor(data.item.costRate).icon\"\n          :color=\"getIconAndColor(data.item.costRate).color\"\n          size=\"20\"\n        />\n      </div>\n    </template>\n  </b-table>\n</template>\n\n<script>\nimport { universalFormatter } from \"@/@core/utils/utils\";\nexport default {\n  data() {\n    return {\n      publishersFields: [\n        { key: \"publisher\", label: \"PERFORMANCE by PUBLISHERS\" },\n        { key: \"roas\", label: \"Roas\" },\n        { key: \"revenue\", label: \"Revenue\" },\n        { key: \"cost\", label: \"Cost\" },\n      ],\n      publishers: [\n        {\n          publisher: \"Publisher 1\",\n          roas: 1.5,\n          roasRate: 10,\n          revenue: 1000,\n          revenueRate: 5,\n          cost: 500,\n          costRate: -2,\n        },\n        {\n          publisher: \"Publisher 2\",\n          roas: 2.0,\n          roasRate: 15,\n          revenue: 2000,\n          revenueRate: 10,\n          cost: 1000,\n          costRate: 0,\n        },\n      ],\n    };\n  },\n  methods: {\n    universalFormatter,\n    getIconAndColor(percentage) {\n      if (percentage > 0) {\n        return {\n          icon: \"ArrowUpRightIcon\",\n          color: \"green\",\n        };\n      } else if (percentage < 0) {\n        return {\n          icon: \"ArrowDownRightIcon\",\n          color: \"red\",\n        };\n      } else {\n        return {\n          icon: \"MinusIcon\",\n          color: \"grey\",\n        };\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n$border-radius: 0.5rem;\n$border-color: #650dda;\n.perf-metrics {\n  height: 100%;\n  outline: $border-color solid 1px;\n  border: 0 !important;\n  border-radius: $border-radius;\n}\n.perf-metrics ::v-deep thead tr th {\n  text-align: center;\n  background-color: $border-color !important;\n  color: white;\n  position: sticky;\n  top: 0;\n\n  &:first-child {\n    border-top-left-radius: $border-radius;\n  }\n  &:last-child {\n    border-top-right-radius: $border-radius;\n  }\n}\n\n.perf-metrics ::v-deep tr {\n  height: 40px;\n\n  &:nth-child(even) td {\n    background-color: rgba(183, 68, 221, 0.069);\n  }\n\n  &:nth-child(odd) td {\n    background-color: transparent;\n  }\n}\n\n.perf-metrics ::v-deep td {\n  vertical-align: top;\n  height: 70px;\n}\n\n.perf-metrics ::v-deep tr td {\n  height: 5rem;\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!./MetaTable.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!./MetaTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MetaTable.vue?vue&type=template&id=53dcb1f8&scoped=true\"\nimport script from \"./MetaTable.vue?vue&type=script&lang=js\"\nexport * from \"./MetaTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./MetaTable.vue?vue&type=style&index=0&id=53dcb1f8&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  \"53dcb1f8\",\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-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.publishersFields,\"items\":_vm.publishers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.roas)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.roasRate)+\"%\")]):_vm._e(),(data.item.roas)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.revenue)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.revenueRate)+\"% \")]):_vm._e(),(data.item.revenue)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.cost)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.costRate)+\"%\")]):_vm._e(),(data.item.cost)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}}):_vm._e()],1)]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-card>\n      <h2>Category Split</h2>\n      <pieced-donut-chart\n        :piecedDonutData=\"piecedDonutChartData1.piecedDonutData\"\n        :piecedDonutSettings=\"piecedDonutChartData1.piecedDonutSettings\"\n      ></pieced-donut-chart>\n    </b-card>\n  </section>\n</template>\n\n<script>\nimport piecedDonutChart from \"@/views/ui/adin-d3/PiecedDonutChart.vue\";\n\nexport default {\n  components: {\n    piecedDonutChart,\n  },\n  data(){\n    return {\n      piecedDonutChartData1: this.createChartData([\n        { category: \"Category 1\", value: 100 },\n        { category: \"Category 2\", value: 200 },\n        { category: \"Category 3\", value: 300 },\n      ]),\n    };\n  },\n  methods: {\n    createChartData(series) {\n      const customOps = this.getTitles(series.length);\n      return {\n        piecedDonutData: series,\n        piecedDonutSettings: customOps,\n      };\n    },\n    getTitles(seriesLength) {\n      const colors = [\"#8A07E1\", \"#00D2F9\", \"#F7A502\"];\n      return {\n        margin: 75,\n        width: 800,\n        height: 400,\n        legendPosition: \"bottom\",\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  },\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=677ab9a9\"\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('section',[_c('b-card',[_c('h2',[_vm._v(\"Category Split\")]),_c('pieced-donut-chart',{attrs:{\"piecedDonutData\":_vm.piecedDonutChartData1.piecedDonutData,\"piecedDonutSettings\":_vm.piecedDonutChartData1.piecedDonutSettings}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n     <svg ref=\"chart\" :width=\"settings.totalWidth\" :height=\"settings.totalHeight\"></svg>\n</template>\n\n<script>\nimport * as d3 from 'd3';\n\nexport default {\n     name: 'FunnelChart',\n     props: {\n          funnelData: {\n               type: Array,\n               default: () => [\n                    { label: \"Click\", value: 673 },\n                    { label: \"View Content\", value: 486 },\n                    { label: \"Add to Cart\", value: 183 },\n                    { label: \"Purchase\", value: 57 },\n                    { label: \"\", value: 57 } // Funnel'ı x=4'e uzatmak için\n               ]\n          },\n          settings: {\n               type: Object,\n               default: () => ({\n                    totalWidth: 900,\n                    totalHeight: 350\n               })\n          }\n     },\n     mounted() {\n          this.drawChart();\n          console.log(\"Component mounted, drawing chart...\");\n     },\n     methods: {\n          drawChart() {\n               // Veri setini ve ayarları props üzerinden alıyoruz\n               const data = this.funnelData;\n               const totalWidth = this.settings.totalWidth;\n               const totalHeight = this.settings.totalHeight;\n\n               const margin = { top: 20, right: 20, bottom: 20, left: 20 },\n                    width = totalWidth - margin.left - margin.right,\n                    height = totalHeight - margin.top - margin.bottom;\n\n               const outerGap = 20;\n\n               const svg = d3.select(this.$refs.chart)\n                    .style(\"background-color\", \"#1e1e3f\");\n\n               svg.append(\"rect\")\n                    .attr(\"x\", margin.left - outerGap)\n                    .attr(\"y\", margin.top - outerGap)\n                    .attr(\"width\", width + outerGap * 2)\n                    .attr(\"height\", height + outerGap * 2)\n                    .attr(\"fill\", \"none\")\n                    .attr(\"stroke\", \"#007BFF\")\n                    .attr(\"stroke-width\", 6);\n\n               const g = svg.append(\"g\")\n                    .attr(\"transform\", `translate(${margin.left}, ${margin.top})`);\n\n               g.append(\"rect\")\n                    .attr(\"x\", 0)\n                    .attr(\"y\", 0)\n                    .attr(\"width\", width)\n                    .attr(\"height\", height)\n                    .attr(\"fill\", \"none\")\n                    .attr(\"stroke\", \"#464a7a\")\n                    .attr(\"stroke-width\", 2)\n                    .attr(\"stroke-dasharray\", \"6,6\");\n\n               const x = d3.scaleLinear().domain([0, 4]).range([0, width]);\n               const y = d3.scaleLinear()\n                    .domain([0, d3.max(data, d => d.value)])\n                    .range([height, 0]);\n\n               const area = d3.area()\n                    .x((d, i) => x(i))\n                    .y0(height)\n                    .y1(d => y(d.value / 2))\n                    .curve(d3.curveMonotoneX);\n\n               const funnelPath = g.append(\"path\")\n                    .datum(data)\n                    .attr(\"id\", \"funnelPath\")\n                    .attr(\"d\", area)\n                    .attr(\"fill\", \"none\")\n                    .attr(\"stroke\", \"none\");\n\n               const defs = svg.append(\"defs\");\n               const funnelClip = defs.append(\"clipPath\")\n                    .attr(\"id\", \"funnelClip\")\n                    .attr(\"clipPathUnits\", \"userSpaceOnUse\");\n\n               funnelClip.append(\"use\")\n                    .attr(\"href\", \"#funnelPath\");\n\n               const colors = [\"#8FD61D\", \"#45C918\", \"#039367\", \"#015D40\"];\n               const columnCount = 4;\n               const columnWidth = width / columnCount;\n\n               for (let i = 0; i < columnCount; i++) {\n                    g.append(\"rect\")\n                         .attr(\"x\", i * columnWidth)\n                         .attr(\"y\", 0)\n                         .attr(\"width\", columnWidth)\n                         .attr(\"height\", height)\n                         .attr(\"fill\", colors[i])\n                         .attr(\"clip-path\", \"url(#funnelClip)\");\n               }\n\n               for (let i = 0; i < columnCount; i++) {\n                    g.append(\"rect\")\n                         .attr(\"x\", i * columnWidth)\n                         .attr(\"y\", 0)\n                         .attr(\"width\", columnWidth)\n                         .attr(\"height\", height)\n                         .attr(\"fill\", \"none\")\n                         .attr(\"stroke\", \"#464a7a\")\n                         .attr(\"stroke-width\", 1.5)\n                         .attr(\"stroke-dasharray\", \"6,6\");\n               }\n\n               g.selectAll(\".label-text\")\n                    .data(data.slice(0, 4))\n                    .enter()\n                    .append(\"text\")\n                    .attr(\"x\", (d, i) => i * columnWidth + columnWidth / 2)\n                    .attr(\"y\", 40)\n                    .attr(\"fill\", \"#ffffff\")\n                    .attr(\"font-size\", \"14px\")\n                    .attr(\"font-weight\", \"400\")\n                    .attr(\"text-anchor\", \"middle\")\n                    .text(d => d.label);\n\n               g.selectAll(\".value-text\")\n                    .data(data.slice(0, 4))\n                    .enter()\n                    .append(\"text\")\n                    .attr(\"x\", (d, i) => i * columnWidth + columnWidth / 2)\n                    .attr(\"y\", 90)\n                    .attr(\"fill\", \"#ffffff\")\n                    .attr(\"font-size\", \"36px\")\n                    .attr(\"font-weight\", \"600\")\n                    .attr(\"text-anchor\", \"middle\")\n                    .text(d => d.value);\n          }\n     }\n};\n</script>","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!./FunnelChart.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!./FunnelChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FunnelChart.vue?vue&type=template&id=5eeaa68c\"\nimport script from \"./FunnelChart.vue?vue&type=script&lang=js\"\nexport * from \"./FunnelChart.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('svg',{ref:\"chart\",attrs:{\"width\":_vm.settings.totalWidth,\"height\":_vm.settings.totalHeight}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid class=\"text-white py-4\">\n    <h4 class=\"mb-2\">Ranking</h4>\n    <b-row>\n      <b-col md=\"4\">\n        <h3 class=\"title p-1 text-white mb-1\">\n          TOP SKU\n        </h3>\n        <b-list-group class=\"ranking-list\">\n          <b-list-group-item\n            v-for=\"(item, idx) in 10\"\n            :key=\"idx\"\n            class=\"d-flex align-items-center bg-dark text-white mx-1 mb-1\"\n          >\n            <span class=\"badge badge-pill\" :style=\"rankClass(idx + 1)\"\n              ><h3>{{ idx + 1 }}.</h3></span\n            >\n            <div class=\"ml-1\">\n              <strong>One More Rep For Mental Health</strong>\n              <div class=\"text-muted small\">Future Vision</div>\n            </div>\n          </b-list-group-item>\n        </b-list-group>\n      </b-col>\n\n      <b-col md=\"4\">\n        <!-- Sadece ortadaki sütun border alacak -->\n        <h3 class=\"title p-1 text-white mb-1\">\n          Category\n        </h3>\n        <b-list-group class=\"ranking-list\">\n          <b-list-group-item\n            v-for=\"(item, idx) in 10\"\n            :key=\"idx\"\n            class=\"d-flex align-items-center bg-dark text-white mx-1 mb-1\"\n          >\n            <span class=\"badge badge-pill\" :style=\"rankClass(idx + 1)\"\n              ><h3>{{ idx + 1 }}.</h3></span\n            >\n            <div class=\"ml-1\">\n              <strong>One More Rep For Mental Health</strong>\n              <div class=\"text-muted small\">Future Vision</div>\n            </div>\n          </b-list-group-item>\n        </b-list-group>\n      </b-col>\n\n      <b-col md=\"4\">\n        <h3 class=\"title p-1 text-white mb-1\">\n          Family Name\n        </h3>\n        <b-list-group class=\"ranking-list\">\n          <b-list-group-item\n            v-for=\"(item, idx) in 10\"\n            :key=\"idx\"\n            class=\"d-flex align-items-center bg-dark text-white mx-1 mb-1\"\n          >\n            <span class=\"badge badge-pill\" :style=\"rankClass(idx + 1)\"\n              ><h3>{{ idx + 1 }}.</h3></span\n            >\n            <div class=\"ml-1\">\n              <strong>One More Rep For Mental Health</strong>\n              <div class=\"text-muted small\">Future Vision</div>\n            </div>\n          </b-list-group-item>\n        </b-list-group>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      categories: [\n        {\n          title: \"TOP SKU\",\n          items: Array(10).fill({\n            name: \"One More Rep For Mental Health\",\n            brand: \"Future Vision\",\n          }),\n        },\n        {\n          title: \"Category\",\n          items: Array(10).fill({\n            name: \"One More Rep For Mental Health\",\n            brand: \"Future Vision\",\n          }),\n        },\n        {\n          title: \"Family Name\",\n          items: Array(10).fill({\n            name: \"One More Rep For Mental Health\",\n            brand: \"Future Vision\",\n          }),\n        },\n      ],\n    };\n  },\n  methods: {\n    rankClass(rank) {\n      switch (rank) {\n        case 1:\n          return \"background: linear-gradient(180deg, #FFDC99 0%, #B4811E 100%); width:35px; height:35px; border-radius:50%; text-align:center;\";\n        case 2:\n          return \"background: linear-gradient(180deg, #FFFFFF 0%, #999999 100%); width:35px; height:35px; border-radius:50%; text-align:center;\";\n        case 3:\n          return \"background: linear-gradient(180deg, #F0BD99 0%, #D3550E 100%); width:35px; height:35px; border-radius:50%; text-align:center;\";\n        default:\n          return \"border: 1px solid gray; width:35px; height:35px; border-radius:50%; text-align:center;\";\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.title {\n  border-radius: 10px;\n  background: linear-gradient(180deg, rgba(138, 7, 225, 0.1) 0%, rgba(92, 8, 225, 0.1) 100%);\n}\n.ranking-list {\n  max-height: 290px;\n  overflow-y: auto;\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!./Ranking.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!./Ranking.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Ranking.vue?vue&type=template&id=21907062\"\nimport script from \"./Ranking.vue?vue&type=script&lang=js\"\nexport * from \"./Ranking.vue?vue&type=script&lang=js\"\nimport style0 from \"./Ranking.vue?vue&type=style&index=0&id=21907062&prod&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  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-container',{staticClass:\"text-white py-4\",attrs:{\"fluid\":\"\"}},[_c('h4',{staticClass:\"mb-2\"},[_vm._v(\"Ranking\")]),_c('b-row',[_c('b-col',{attrs:{\"md\":\"4\"}},[_c('h3',{staticClass:\"title p-1 text-white mb-1\"},[_vm._v(\" TOP SKU \")]),_c('b-list-group',{staticClass:\"ranking-list\"},_vm._l((10),function(item,idx){return _c('b-list-group-item',{key:idx,staticClass:\"d-flex align-items-center bg-dark text-white mx-1 mb-1\"},[_c('span',{staticClass:\"badge badge-pill\",style:(_vm.rankClass(idx + 1))},[_c('h3',[_vm._v(_vm._s(idx + 1)+\".\")])]),_c('div',{staticClass:\"ml-1\"},[_c('strong',[_vm._v(\"One More Rep For Mental Health\")]),_c('div',{staticClass:\"text-muted small\"},[_vm._v(\"Future Vision\")])])])}),1)],1),_c('b-col',{attrs:{\"md\":\"4\"}},[_c('h3',{staticClass:\"title p-1 text-white mb-1\"},[_vm._v(\" Category \")]),_c('b-list-group',{staticClass:\"ranking-list\"},_vm._l((10),function(item,idx){return _c('b-list-group-item',{key:idx,staticClass:\"d-flex align-items-center bg-dark text-white mx-1 mb-1\"},[_c('span',{staticClass:\"badge badge-pill\",style:(_vm.rankClass(idx + 1))},[_c('h3',[_vm._v(_vm._s(idx + 1)+\".\")])]),_c('div',{staticClass:\"ml-1\"},[_c('strong',[_vm._v(\"One More Rep For Mental Health\")]),_c('div',{staticClass:\"text-muted small\"},[_vm._v(\"Future Vision\")])])])}),1)],1),_c('b-col',{attrs:{\"md\":\"4\"}},[_c('h3',{staticClass:\"title p-1 text-white mb-1\"},[_vm._v(\" Family Name \")]),_c('b-list-group',{staticClass:\"ranking-list\"},_vm._l((10),function(item,idx){return _c('b-list-group-item',{key:idx,staticClass:\"d-flex align-items-center bg-dark text-white mx-1 mb-1\"},[_c('span',{staticClass:\"badge badge-pill\",style:(_vm.rankClass(idx + 1))},[_c('h3',[_vm._v(_vm._s(idx + 1)+\".\")])]),_c('div',{staticClass:\"ml-1\"},[_c('strong',[_vm._v(\"One More Rep For Mental Health\")]),_c('div',{staticClass:\"text-muted small\"},[_vm._v(\"Future Vision\")])])])}),1)],1)],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!./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\"","<template>\n  <section>\n    <meta-table />\n    <b-row>\n      <b-col lg=\"6\">\n        <pie-chart />\n      </b-col>\n      <b-col lg=\"6\">\n        <funnel-chart :funnelData=\"data\" :settings=\"chartSettings\"/>\n      </b-col>\n    </b-row>\n    <ranking />\n  </section>\n</template>\n\n<script>\nimport MetaTable from \"./MetaTable.vue\";\nimport PieChart from \"./PieChart.vue\";\nimport FunnelChart from \"@/views/ui/adin-d3/FunnelChart.vue\";\nimport Ranking from \"./Ranking.vue\";\nexport default {\n  components: {\n    MetaTable,\n    PieChart,\n    FunnelChart,\n    Ranking\n  },\n  data() {\n    return {\n        data: [\n        { label: \"Click\", value: 673 },\n        { label: \"View Content\", value: 486 },\n        { label: \"Add to Cart\", value: 183 },\n        { label: \"Purchase\", value: 57 },\n        { label: \"\", value: 57 } // Funnel'ı x=4'e uzatmak için\n      ],\n      chartSettings: {\n        totalWidth: 550,\n        totalHeight: 430\n      }\n    };\n  },\n  created() {\n    console.log(\"MetaDetail created\");\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=7c71a6ed\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('meta-table'),_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('pie-chart')],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('funnel-chart',{attrs:{\"funnelData\":_vm.data,\"settings\":_vm.chartSettings}})],1)],1),_c('ranking')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-table\n      :fields=\"publishersFields\"\n      :items=\"publishers\"\n      striped\n      class=\"perf-metrics\"\n    >\n      <template #cell(roas)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.roas\">{{ data.item.roasRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.roas\"\n            :icon=\"getIconAndColor(data.item.roasRate).icon\"\n            :color=\"getIconAndColor(data.item.roasRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(revenue)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.revenue\">\n            {{ data.item.revenueRate }}%\n          </p>\n          <feather-icon\n            v-if=\"data.item.revenue\"\n            :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n            :color=\"getIconAndColor(data.item.revenueRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(cost)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.cost\">{{ data.item.costRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.cost\"\n            :icon=\"getIconAndColor(data.item.costRate).icon\"\n            :color=\"getIconAndColor(data.item.costRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n    </b-table>\n  </template>\n  \n  <script>\n  import { universalFormatter } from \"@/@core/utils/utils\";\n  export default {\n    data() {\n      return {\n        publishersFields: [\n          { key: \"publisher\", label: \"PERFORMANCE by PUBLISHERS\" },\n          { key: \"roas\", label: \"Roas\" },\n          { key: \"revenue\", label: \"Revenue\" },\n          { key: \"cost\", label: \"Cost\" },\n        ],\n        publishers: [\n          {\n            publisher: \"Publisher 1\",\n            roas: 1.5,\n            roasRate: 10,\n            revenue: 1000,\n            revenueRate: 5,\n            cost: 500,\n            costRate: -2,\n          },\n          {\n            publisher: \"Publisher 2\",\n            roas: 2.0,\n            roasRate: 15,\n            revenue: 2000,\n            revenueRate: 10,\n            cost: 1000,\n            costRate: 0,\n          },\n        ],\n      };\n    },\n    methods: {\n      universalFormatter,\n      getIconAndColor(percentage) {\n        if (percentage > 0) {\n          return {\n            icon: \"ArrowUpRightIcon\",\n            color: \"green\",\n          };\n        } else if (percentage < 0) {\n          return {\n            icon: \"ArrowDownRightIcon\",\n            color: \"red\",\n          };\n        } else {\n          return {\n            icon: \"MinusIcon\",\n            color: \"grey\",\n          };\n        }\n      },\n    },\n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  $border-radius: 0.5rem;\n  $border-color: #650dda;\n  .perf-metrics {\n    height: 100%;\n    outline: $border-color solid 1px;\n    border: 0 !important;\n    border-radius: $border-radius;\n  }\n  .perf-metrics ::v-deep thead tr th {\n    text-align: center;\n    background-color: $border-color !important;\n    color: white;\n    position: sticky;\n    top: 0;\n  \n    &:first-child {\n      border-top-left-radius: $border-radius;\n    }\n    &:last-child {\n      border-top-right-radius: $border-radius;\n    }\n  }\n  \n  .perf-metrics ::v-deep tr {\n    height: 40px;\n  \n    &:nth-child(even) td {\n      background-color: rgba(183, 68, 221, 0.069);\n    }\n  \n    &:nth-child(odd) td {\n      background-color: transparent;\n    }\n  }\n  \n  .perf-metrics ::v-deep td {\n    vertical-align: top;\n    height: 70px;\n  }\n  \n  .perf-metrics ::v-deep tr td {\n    height: 5rem;\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!./BrandTable.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!./BrandTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BrandTable.vue?vue&type=template&id=78e440d8&scoped=true\"\nimport script from \"./BrandTable.vue?vue&type=script&lang=js\"\nexport * from \"./BrandTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./BrandTable.vue?vue&type=style&index=0&id=78e440d8&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  \"78e440d8\",\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-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.publishersFields,\"items\":_vm.publishers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.roas)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.roasRate)+\"%\")]):_vm._e(),(data.item.roas)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.revenue)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.revenueRate)+\"% \")]):_vm._e(),(data.item.revenue)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.cost)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.costRate)+\"%\")]):_vm._e(),(data.item.cost)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}}):_vm._e()],1)]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-card>\n    <h1>Category Split</h1>\n    <apexchart\n      class=\"d-flex justify-content-center mx-3\"\n      type=\"bar\"\n      :options=\"chartOptions\"\n      :series=\"series\"\n    >\n    </apexchart>\n</b-card>\n  </section>\n</template>\n\n<script>\nimport VueApexCharts from \"vue-apexcharts\";\n\nexport default {\n  components: {\n    apexchart: VueApexCharts,\n  },\n  data() {\n    return {\n      series: [\n        {\n          name: \"Males\",\n          data: [0.4, 3.65, 0.76, 2.88, 1.5, 2.1, 2.9, 3.8],\n        },\n        {\n          name: \"Females\",\n          data: [-0.8, -2.05, -1.06, -2.18, -1.4, -2.2, -2.85, -3.7],\n        },\n      ],\n      chartOptions: {\n        chart: {\n          type: \"bar\",\n          height: 240,\n          stacked: true,\n        },\n        plotOptions: {\n          bar: {\n            borderRadius: 5,\n            borderRadiusApplication: \"end\",\n            borderRadiusWhenStacked: \"all\",\n            horizontal: false,\n            columnWidth: \"50%\",\n          },\n        },\n        fill: {\n          type: \"gradient\",\n          gradient: {\n            shade: \"light\",\n            type: \"vertical\",\n            shadeIntensity: 0.5,\n            gradientToColors: [\"#00D2F9\", \"#2C8C47\"],\n            inverseColors: false,\n            opacityFrom: 1,\n            opacityTo: 1,\n            stops: [0, 100],\n          },\n        },\n        dataLabels: {\n          enabled: false,\n        },\n        stroke: {\n          width: 0,\n          colors: [\"#fff\"],\n        },\n        grid: {\n          yaxis: {\n            lines: {\n              show: false,\n            },\n          },\n        },\n        yaxis: {\n          title: {\n            text: \"\", // Axis başlıklarını kaldırma\n          },\n          labels: {\n            show: false, // Y eksenini gizle\n          },\n        },\n        xaxis: {\n          categories: [\n            \"85+\",\n            \"80-84\",\n            \"75-79\",\n            \"70-74\",\n            \"65-69\",\n            \"60-64\",\n            \"55-59\",\n            \"50-54\",\n          ],\n          labels: {\n            show: false, // X eksenini gizle\n          },\n          axisBorder: {\n            show: false, // X ekseni çizgisini kaldır\n          },\n          axisTicks: {\n            show: false, // X ekseni çizgisini kaldır\n          },\n        },\n        tooltip: {\n          shared: false,\n          y: {\n            formatter: (val) => Math.abs(val) + \"%\",\n          },\n        },\n        legend: {\n          show: false,\n        },\n        annotations: {\n          yaxis: [\n            {\n              y: 0,\n              borderColor: \"#FFF\",\n              strokeDashArray: 0,\n              label: {\n                borderColor: \"#FFF\",\n                style: {\n                  color: \"#fff\",\n                  background: \"#FFF\",\n                },\n              },\n            },\n          ],\n        },\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!./CategorySplit.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!./CategorySplit.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CategorySplit.vue?vue&type=template&id=7ab00c48\"\nimport script from \"./CategorySplit.vue?vue&type=script&lang=js\"\nexport * from \"./CategorySplit.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('section',[_c('b-card',[_c('h1',[_vm._v(\"Category Split\")]),_c('apexchart',{staticClass:\"d-flex justify-content-center mx-3\",attrs:{\"type\":\"bar\",\"options\":_vm.chartOptions,\"series\":_vm.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!./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\"","<template>\n    <section>\n        <brand-table/>\n        <category-split/>\n    </section>\n</template>\n\n<script>\nimport BrandTable from \"./BrandTable.vue\";\nimport CategorySplit from \"./CategorySplit.vue\";\nexport default {\n    components: {\n        BrandTable,\n        CategorySplit,\n    },\n}\n</script>","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=531d4835\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('brand-table'),_c('category-split')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-table\n      :fields=\"publishersFields\"\n      :items=\"publishers\"\n      striped\n      class=\"perf-metrics\"\n    >\n      <template #cell(roas)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.roas\">{{ data.item.roasRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.roas\"\n            :icon=\"getIconAndColor(data.item.roasRate).icon\"\n            :color=\"getIconAndColor(data.item.roasRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(revenue)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.revenue\">\n            {{ data.item.revenueRate }}%\n          </p>\n          <feather-icon\n            v-if=\"data.item.revenue\"\n            :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n            :color=\"getIconAndColor(data.item.revenueRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(cost)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.cost\">{{ data.item.costRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.cost\"\n            :icon=\"getIconAndColor(data.item.costRate).icon\"\n            :color=\"getIconAndColor(data.item.costRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n    </b-table>\n  </template>\n  \n  <script>\n  import { universalFormatter } from \"@/@core/utils/utils\";\n  export default {\n    data() {\n      return {\n        publishersFields: [\n          { key: \"publisher\", label: \"PERFORMANCE by PUBLISHERS\" },\n          { key: \"roas\", label: \"Roas\" },\n          { key: \"revenue\", label: \"Revenue\" },\n          { key: \"cost\", label: \"Cost\" },\n        ],\n        publishers: [\n          {\n            publisher: \"Publisher 1\",\n            roas: 1.5,\n            roasRate: 10,\n            revenue: 1000,\n            revenueRate: 5,\n            cost: 500,\n            costRate: -2,\n          },\n          {\n            publisher: \"Publisher 2\",\n            roas: 2.0,\n            roasRate: 15,\n            revenue: 2000,\n            revenueRate: 10,\n            cost: 1000,\n            costRate: 0,\n          },\n        ],\n      };\n    },\n    methods: {\n      universalFormatter,\n      getIconAndColor(percentage) {\n        if (percentage > 0) {\n          return {\n            icon: \"ArrowUpRightIcon\",\n            color: \"green\",\n          };\n        } else if (percentage < 0) {\n          return {\n            icon: \"ArrowDownRightIcon\",\n            color: \"red\",\n          };\n        } else {\n          return {\n            icon: \"MinusIcon\",\n            color: \"grey\",\n          };\n        }\n      },\n    },\n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  $border-radius: 0.5rem;\n  $border-color: #650dda;\n  .perf-metrics {\n    height: 100%;\n    outline: $border-color solid 1px;\n    border: 0 !important;\n    border-radius: $border-radius;\n  }\n  .perf-metrics ::v-deep thead tr th {\n    text-align: center;\n    background-color: $border-color !important;\n    color: white;\n    position: sticky;\n    top: 0;\n  \n    &:first-child {\n      border-top-left-radius: $border-radius;\n    }\n    &:last-child {\n      border-top-right-radius: $border-radius;\n    }\n  }\n  \n  .perf-metrics ::v-deep tr {\n    height: 40px;\n  \n    &:nth-child(even) td {\n      background-color: rgba(183, 68, 221, 0.069);\n    }\n  \n    &:nth-child(odd) td {\n      background-color: transparent;\n    }\n  }\n  \n  .perf-metrics ::v-deep td {\n    vertical-align: top;\n    height: 70px;\n  }\n  \n  .perf-metrics ::v-deep tr td {\n    height: 5rem;\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!./GoogleTable.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!./GoogleTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GoogleTable.vue?vue&type=template&id=384a11ac&scoped=true\"\nimport script from \"./GoogleTable.vue?vue&type=script&lang=js\"\nexport * from \"./GoogleTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./GoogleTable.vue?vue&type=style&index=0&id=384a11ac&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  \"384a11ac\",\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-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.publishersFields,\"items\":_vm.publishers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.roas)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.roasRate)+\"%\")]):_vm._e(),(data.item.roas)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.revenue)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.revenueRate)+\"% \")]):_vm._e(),(data.item.revenue)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.cost)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.costRate)+\"%\")]):_vm._e(),(data.item.cost)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}}):_vm._e()],1)]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-table\n      :fields=\"publishersFields\"\n      :items=\"publishers\"\n      striped\n      class=\"perf-metrics\"\n    >\n      <template #cell(roas)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.roas\">{{ data.item.roasRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.roas\"\n            :icon=\"getIconAndColor(data.item.roasRate).icon\"\n            :color=\"getIconAndColor(data.item.roasRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(revenue)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.revenue\">\n            {{ data.item.revenueRate }}%\n          </p>\n          <feather-icon\n            v-if=\"data.item.revenue\"\n            :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n            :color=\"getIconAndColor(data.item.revenueRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(cost)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.cost\">{{ data.item.costRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.cost\"\n            :icon=\"getIconAndColor(data.item.costRate).icon\"\n            :color=\"getIconAndColor(data.item.costRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n    </b-table>\n  </template>\n  \n  <script>\n  import { universalFormatter } from \"@/@core/utils/utils\";\n  export default {\n    data() {\n      return {\n        publishersFields: [\n          { key: \"publisher\", label: \"PERFORMANCE by PUBLISHERS\" },\n          { key: \"roas\", label: \"Roas\" },\n          { key: \"revenue\", label: \"Revenue\" },\n          { key: \"cost\", label: \"Cost\" },\n        ],\n        publishers: [\n          {\n            publisher: \"Publisher 1\",\n            roas: 1.5,\n            roasRate: 10,\n            revenue: 1000,\n            revenueRate: 5,\n            cost: 500,\n            costRate: -2,\n          },\n          {\n            publisher: \"Publisher 2\",\n            roas: 2.0,\n            roasRate: 15,\n            revenue: 2000,\n            revenueRate: 10,\n            cost: 1000,\n            costRate: 0,\n          },\n          {\n            publisher: \"Publisher 1\",\n            roas: 1.5,\n            roasRate: 10,\n            revenue: 1000,\n            revenueRate: 5,\n            cost: 500,\n            costRate: -2,\n          },\n          {\n            publisher: \"Publisher 2\",\n            roas: 2.0,\n            roasRate: 15,\n            revenue: 2000,\n            revenueRate: 10,\n            cost: 1000,\n            costRate: 0,\n          },\n        ],\n      };\n    },\n    methods: {\n      universalFormatter,\n      getIconAndColor(percentage) {\n        if (percentage > 0) {\n          return {\n            icon: \"ArrowUpRightIcon\",\n            color: \"green\",\n          };\n        } else if (percentage < 0) {\n          return {\n            icon: \"ArrowDownRightIcon\",\n            color: \"red\",\n          };\n        } else {\n          return {\n            icon: \"MinusIcon\",\n            color: \"grey\",\n          };\n        }\n      },\n    },\n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  $border-radius: 0.5rem;\n  $border-color: #650dda;\n  .perf-metrics {\n    height: 100%;\n    outline: $border-color solid 1px;\n    border: 0 !important;\n    border-radius: $border-radius;\n  }\n  .perf-metrics ::v-deep thead tr th {\n    text-align: center;\n    background-color: $border-color !important;\n    color: white;\n    position: sticky;\n    top: 0;\n  \n    &:first-child {\n      border-top-left-radius: $border-radius;\n    }\n    &:last-child {\n      border-top-right-radius: $border-radius;\n    }\n  }\n  \n  .perf-metrics ::v-deep tr {\n    height: 40px;\n  \n    &:nth-child(even) td {\n      background-color: rgba(183, 68, 221, 0.069);\n    }\n  \n    &:nth-child(odd) td {\n      background-color: transparent;\n    }\n  }\n  \n  .perf-metrics ::v-deep td {\n    vertical-align: top;\n    height: 70px;\n  }\n  \n  .perf-metrics ::v-deep tr td {\n    height: 5rem;\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!./TargetingTable.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!./TargetingTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TargetingTable.vue?vue&type=template&id=2b95d5d0&scoped=true\"\nimport script from \"./TargetingTable.vue?vue&type=script&lang=js\"\nexport * from \"./TargetingTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./TargetingTable.vue?vue&type=style&index=0&id=2b95d5d0&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  \"2b95d5d0\",\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-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.publishersFields,\"items\":_vm.publishers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.roas)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.roasRate)+\"%\")]):_vm._e(),(data.item.roas)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.revenue)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.revenueRate)+\"% \")]):_vm._e(),(data.item.revenue)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.cost)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.costRate)+\"%\")]):_vm._e(),(data.item.cost)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}}):_vm._e()],1)]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <section>\n      <b-card class=\"mb-0\">\n        <h2>Category Split</h2>\n        <pieced-donut-chart\n          :piecedDonutData=\"piecedDonutChartData1.piecedDonutData\"\n          :piecedDonutSettings=\"piecedDonutChartData1.piecedDonutSettings\"\n        ></pieced-donut-chart>\n      </b-card>\n    </section>\n  </template>\n  \n  <script>\n  import piecedDonutChart from \"@/views/ui/adin-d3/PiecedDonutChart.vue\";\n  \n  export default {\n    components: {\n      piecedDonutChart,\n    },\n    data(){\n      return {\n        piecedDonutChartData1: this.createChartData([\n          { category: \"Category 1\", value: 100 },\n          { category: \"Category 2\", value: 200 },\n          { category: \"Category 3\", value: 300 },\n        ]),\n      };\n    },\n    methods: {\n      createChartData(series) {\n        const customOps = this.getTitles(series.length);\n        return {\n          piecedDonutData: series,\n          piecedDonutSettings: customOps,\n        };\n      },\n      getTitles(seriesLength) {\n        const colors = [\"#8A07E1\", \"#00D2F9\", \"#F7A502\"];\n        return {\n          margin: 75,\n          width: 800,\n          height: 400,\n          legendPosition: \"bottom\",\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    },\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=76542774\"\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('section',[_c('b-card',{staticClass:\"mb-0\"},[_c('h2',[_vm._v(\"Category Split\")]),_c('pieced-donut-chart',{attrs:{\"piecedDonutData\":_vm.piecedDonutChartData1.piecedDonutData,\"piecedDonutSettings\":_vm.piecedDonutChartData1.piecedDonutSettings}})],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!./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\"","<template>\n  <section>\n    <GoogleTable />\n    <b-row class=\"mt-3\">\n      <b-col> <targeting-table /></b-col>\n      <b-col> <pie-chart /> </b-col>\n    </b-row>\n  </section>\n</template>\n\n<script>\nimport GoogleTable from \"./GoogleTable.vue\";\nimport TargetingTable from \"./TargetingTable.vue\";\nimport PieChart from \"./PieChart.vue\";\nexport default {\n  components: {\n    GoogleTable,\n    TargetingTable,\n    PieChart,\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=1ae70e01\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('GoogleTable'),_c('b-row',{staticClass:\"mt-3\"},[_c('b-col',[_c('targeting-table')],1),_c('b-col',[_c('pie-chart')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-table\n      :fields=\"publishersFields\"\n      :items=\"publishers\"\n      striped\n      class=\"perf-metrics\"\n    >\n      <template #cell(roas)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.roas\">{{ data.item.roasRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.roas\"\n            :icon=\"getIconAndColor(data.item.roasRate).icon\"\n            :color=\"getIconAndColor(data.item.roasRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(revenue)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.revenue\">\n            {{ data.item.revenueRate }}%\n          </p>\n          <feather-icon\n            v-if=\"data.item.revenue\"\n            :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n            :color=\"getIconAndColor(data.item.revenueRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(cost)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.cost\">{{ data.item.costRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.cost\"\n            :icon=\"getIconAndColor(data.item.costRate).icon\"\n            :color=\"getIconAndColor(data.item.costRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n    </b-table>\n  </template>\n  \n  <script>\n  import { universalFormatter } from \"@/@core/utils/utils\";\n  export default {\n    data() {\n      return {\n        publishersFields: [\n          { key: \"publisher\", label: \"PERFORMANCE by PUBLISHERS\" },\n          { key: \"roas\", label: \"Roas\" },\n          { key: \"revenue\", label: \"Revenue\" },\n          { key: \"cost\", label: \"Cost\" },\n        ],\n        publishers: [\n          {\n            publisher: \"Publisher 1\",\n            roas: 1.5,\n            roasRate: 10,\n            revenue: 1000,\n            revenueRate: 5,\n            cost: 500,\n            costRate: -2,\n          },\n          {\n            publisher: \"Publisher 2\",\n            roas: 2.0,\n            roasRate: 15,\n            revenue: 2000,\n            revenueRate: 10,\n            cost: 1000,\n            costRate: 0,\n          },\n          {\n            publisher: \"Publisher 1\",\n            roas: 1.5,\n            roasRate: 10,\n            revenue: 1000,\n            revenueRate: 5,\n            cost: 500,\n            costRate: -2,\n          },\n          {\n            publisher: \"Publisher 2\",\n            roas: 2.0,\n            roasRate: 15,\n            revenue: 2000,\n            revenueRate: 10,\n            cost: 1000,\n            costRate: 0,\n          },\n        ],\n      };\n    },\n    methods: {\n      universalFormatter,\n      getIconAndColor(percentage) {\n        if (percentage > 0) {\n          return {\n            icon: \"ArrowUpRightIcon\",\n            color: \"green\",\n          };\n        } else if (percentage < 0) {\n          return {\n            icon: \"ArrowDownRightIcon\",\n            color: \"red\",\n          };\n        } else {\n          return {\n            icon: \"MinusIcon\",\n            color: \"grey\",\n          };\n        }\n      },\n    },\n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  $border-radius: 0.5rem;\n  $border-color: #650dda;\n  .perf-metrics {\n    height: 100%;\n    outline: $border-color solid 1px;\n    border: 0 !important;\n    border-radius: $border-radius;\n  }\n  .perf-metrics ::v-deep thead tr th {\n    text-align: center;\n    background-color: $border-color !important;\n    color: white;\n    position: sticky;\n    top: 0;\n  \n    &:first-child {\n      border-top-left-radius: $border-radius;\n    }\n    &:last-child {\n      border-top-right-radius: $border-radius;\n    }\n  }\n  \n  .perf-metrics ::v-deep tr {\n    height: 40px;\n  \n    &:nth-child(even) td {\n      background-color: rgba(183, 68, 221, 0.069);\n    }\n  \n    &:nth-child(odd) td {\n      background-color: transparent;\n    }\n  }\n  \n  .perf-metrics ::v-deep td {\n    vertical-align: top;\n    height: 70px;\n  }\n  \n  .perf-metrics ::v-deep tr td {\n    height: 5rem;\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!./PlatformTable.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!./PlatformTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlatformTable.vue?vue&type=template&id=16a9dd42&scoped=true\"\nimport script from \"./PlatformTable.vue?vue&type=script&lang=js\"\nexport * from \"./PlatformTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlatformTable.vue?vue&type=style&index=0&id=16a9dd42&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  \"16a9dd42\",\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-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.publishersFields,\"items\":_vm.publishers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.roas)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.roasRate)+\"%\")]):_vm._e(),(data.item.roas)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.revenue)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.revenueRate)+\"% \")]):_vm._e(),(data.item.revenue)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.cost)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.costRate)+\"%\")]):_vm._e(),(data.item.cost)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}}):_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!./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\"","<template>\n  <section>\n    <PlatformTable />\n  </section>\n</template>\n\n<script>\nimport PlatformTable from \"./PlatformTable.vue\";\nexport default {\n  components: {\n    PlatformTable,\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=b87e3010\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('PlatformTable')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-table\n      :fields=\"publishersFields\"\n      :items=\"publishers\"\n      striped\n      class=\"perf-metrics\"\n    >\n      <template #cell(roas)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.roas\">{{ data.item.roasRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.roas\"\n            :icon=\"getIconAndColor(data.item.roasRate).icon\"\n            :color=\"getIconAndColor(data.item.roasRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(revenue)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.revenue\">\n            {{ data.item.revenueRate }}%\n          </p>\n          <feather-icon\n            v-if=\"data.item.revenue\"\n            :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n            :color=\"getIconAndColor(data.item.revenueRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n      <template #cell(cost)=\"data\">\n        <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n        <div class=\"d-flex\">\n          <p class=\"mb-0\" v-if=\"data.item.cost\">{{ data.item.costRate }}%</p>\n          <feather-icon\n            v-if=\"data.item.cost\"\n            :icon=\"getIconAndColor(data.item.costRate).icon\"\n            :color=\"getIconAndColor(data.item.costRate).color\"\n            size=\"20\"\n          />\n        </div>\n      </template>\n    </b-table>\n  </template>\n  \n  <script>\n  import { universalFormatter } from \"@/@core/utils/utils\";\n  export default {\n    data() {\n      return {\n        publishersFields: [\n          { key: \"publisher\", label: \"PERFORMANCE by PUBLISHERS\" },\n          { key: \"roas\", label: \"Roas\" },\n          { key: \"revenue\", label: \"Revenue\" },\n          { key: \"cost\", label: \"Cost\" },\n        ],\n        publishers: [\n          {\n            publisher: \"Publisher 1\",\n            roas: 1.5,\n            roasRate: 10,\n            revenue: 1000,\n            revenueRate: 5,\n            cost: 500,\n            costRate: -2,\n          },\n          {\n            publisher: \"Publisher 2\",\n            roas: 2.0,\n            roasRate: 15,\n            revenue: 2000,\n            revenueRate: 10,\n            cost: 1000,\n            costRate: 0,\n          },\n        ],\n      };\n    },\n    methods: {\n      universalFormatter,\n      getIconAndColor(percentage) {\n        if (percentage > 0) {\n          return {\n            icon: \"ArrowUpRightIcon\",\n            color: \"green\",\n          };\n        } else if (percentage < 0) {\n          return {\n            icon: \"ArrowDownRightIcon\",\n            color: \"red\",\n          };\n        } else {\n          return {\n            icon: \"MinusIcon\",\n            color: \"grey\",\n          };\n        }\n      },\n    },\n  };\n  </script>\n  \n  <style lang=\"scss\" scoped>\n  $border-radius: 0.5rem;\n  $border-color: #650dda;\n  .perf-metrics {\n    height: 100%;\n    outline: $border-color solid 1px;\n    border: 0 !important;\n    border-radius: $border-radius;\n  }\n  .perf-metrics ::v-deep thead tr th {\n    text-align: center;\n    background-color: $border-color !important;\n    color: white;\n    position: sticky;\n    top: 0;\n  \n    &:first-child {\n      border-top-left-radius: $border-radius;\n    }\n    &:last-child {\n      border-top-right-radius: $border-radius;\n    }\n  }\n  \n  .perf-metrics ::v-deep tr {\n    height: 40px;\n  \n    &:nth-child(even) td {\n      background-color: rgba(183, 68, 221, 0.069);\n    }\n  \n    &:nth-child(odd) td {\n      background-color: transparent;\n    }\n  }\n  \n  .perf-metrics ::v-deep td {\n    vertical-align: top;\n    height: 70px;\n  }\n  \n  .perf-metrics ::v-deep tr td {\n    height: 5rem;\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!./DataTypeTable.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!./DataTypeTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DataTypeTable.vue?vue&type=template&id=fdf00806&scoped=true\"\nimport script from \"./DataTypeTable.vue?vue&type=script&lang=js\"\nexport * from \"./DataTypeTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./DataTypeTable.vue?vue&type=style&index=0&id=fdf00806&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  \"fdf00806\",\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-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.publishersFields,\"items\":_vm.publishers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.roas)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.roasRate)+\"%\")]):_vm._e(),(data.item.roas)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.revenue)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.revenueRate)+\"% \")]):_vm._e(),(data.item.revenue)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.cost)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.costRate)+\"%\")]):_vm._e(),(data.item.cost)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}}):_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!./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\"","<template>\n  <section>\n    <DataTypeTable />\n  </section>\n</template>\n\n<script>\nimport DataTypeTable from \"./DataTypeTable.vue\";\nexport default {\n  components: {\n    DataTypeTable,\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=d5ae0928\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('DataTypeTable')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <h3 class=\"mb-1\">Retail and Product Report</h3>\n    <b-button variant=\"primary\" class=\"mb-1\" size=\"sm\" @click=\"previousPage\">\n      Back\n    </b-button>\n    <!-- <b-card no-body>\n      <div class=\"flex-tabs\">\n        <div\n          v-for=\"(page, index) in pages\"\n          :key=\"index\"\n          @click=\"handleTabChange(index)\"\n          :class=\"['nav-item', { 'active-tab': index === activeIndex }]\"\n        >\n          <div class=\"custom-tab-title d-flex justify-content-around w-100\">\n            <h3>{{ page.title }}</h3>\n          </div>\n        </div>\n      </div>\n    </b-card> -->\n\n    <div v-if=\"activeIndex === 0\">\n      <ExecutiveSummary />\n    </div>\n    <!-- <div v-if=\"activeIndex === 1\">\n      <RetailPlatformByBrand />\n    </div>\n    <div v-if=\"activeIndex === 2\">\n      <meta-detail />\n    </div>\n    <div v-if=\"activeIndex === 3\">\n      <BrandDetail />\n    </div>\n    <div v-if=\"activeIndex === 4\">\n      <GoogleDetail />\n    </div>\n    <div v-if=\"activeIndex === 5\">\n      <PlatformDetail />\n    </div>\n    <div v-if=\"activeIndex === 6\">\n      <DataTypeDetail />\n    </div> -->\n  </section>\n</template>\n\n<script>\nimport ExecutiveSummary from \"./summary/Index.vue\";\nimport RetailPlatformByBrand from \"./retail-platform-by-brand/Index.vue\";\nimport MetaDetail from \"./meta-detail/Index.vue\";\nimport BrandDetail from \"./brand-detail/Index.vue\";\nimport GoogleDetail from \"./google-detail/Index.vue\";\nimport PlatformDetail from \"./platform-detail/Index.vue\";\nimport DataTypeDetail from \"./data-type-detail/Index.vue\";\n\nexport default {\n  components: {\n    ExecutiveSummary,\n    RetailPlatformByBrand,\n    MetaDetail,\n    BrandDetail,\n    GoogleDetail,\n    PlatformDetail,\n    DataTypeDetail,\n  },\n  data() {\n    return {\n      pages: [\n        { title: \"Executive Summary\" },\n        { title: \"Retail & Platform by Brand\" },\n        { title: \"Meta Detail\" },\n        { title: \"Brand Detail\" },\n        { title: \"Google Ads Detail\" },\n        { title: \"Platform Detail\" },\n        { title: \"Data Type Detail\" },\n      ],\n      activeIndex: 0,\n    };\n  },\n  methods: {\n    handleTabChange(index) {\n      this.activeIndex = index;\n    },\n    previousPage() {\n      this.$router.push(\"/smart-reporting/custom-reports-page\");\n    },\n  },\n};\n</script>\n\n<style scoped>\n.flex-tabs {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.nav-item {\n  flex: 1;\n  text-align: center;\n  border: 0.5px solid #fdfcff55;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  background-color: #3d2458;\n  cursor: pointer;\n  padding: 1.5rem;\n  opacity: 0.5;\n}\n\n.nav-item.active-tab {\n  border: 0px solid;\n  border-image-source: linear-gradient(\n    180deg,\n    #6700ff 0%,\n    rgba(102, 102, 102, 0) 100%\n  );\n  box-shadow: 0px -4.18px 10.32px 0px rgba(0, 0, 0, 0.25),\n    0px 5.58px 11.16px 0px rgba(85, 8, 225, 0.75) inset;\n  background: linear-gradient(0deg, rgba(49, 1, 145, 0) -29.76%, #240650 100%);\n  border-bottom: 2px solid #ebbe79;\n  color: white;\n  opacity: 1;\n}\n\n.custom-tab-title {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\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!./ReportNav.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!./ReportNav.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ReportNav.vue?vue&type=template&id=e6dc640e&scoped=true\"\nimport script from \"./ReportNav.vue?vue&type=script&lang=js\"\nexport * from \"./ReportNav.vue?vue&type=script&lang=js\"\nimport style0 from \"./ReportNav.vue?vue&type=style&index=0&id=e6dc640e&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  \"e6dc640e\",\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!./TargetingTable.vue?vue&type=style&index=0&id=2b95d5d0&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!./BrandTable.vue?vue&type=style&index=0&id=78e440d8&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!./DataTypeTable.vue?vue&type=style&index=0&id=fdf00806&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!./GoogleTable.vue?vue&type=style&index=0&id=384a11ac&prod&lang=scss&scoped=true\""],"sourceRoot":""}