{"version":3,"sources":["webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/Index.vue?7b77","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/DailyKpiTable.vue?64f1","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/DailyKpiTable.vue?fdbe","webpack:///src/views/smart-reporting/custom-reports/kpi-tracking-report/DailyKpiTable.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/DailyKpiTable.vue","webpack:///src/views/smart-reporting/custom-reports/kpi-tracking-report/CpiChart.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpiChart.vue?87df","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpiChart.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpiChart.vue?46e5","webpack:///src/views/smart-reporting/custom-reports/kpi-tracking-report/CpcChart.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpcChart.vue?2d29","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpcChart.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpcChart.vue?2625","webpack:///src/views/smart-reporting/custom-reports/kpi-tracking-report/CpaChart.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpaChart.vue?69be","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpaChart.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CpaChart.vue?a060","webpack:///src/views/smart-reporting/custom-reports/kpi-tracking-report/CplChart.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CplChart.vue?6ebb","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CplChart.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/CplChart.vue?6c77","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/TotalKpiTable.vue?f8b5","webpack:///src/views/smart-reporting/custom-reports/kpi-tracking-report/TotalKpiTable.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/TotalKpiTable.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/TotalKpiTable.vue?cba3","webpack:///src/views/smart-reporting/custom-reports/kpi-tracking-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/Index.vue?2d6f","webpack:///./src/views/smart-reporting/custom-reports/kpi-tracking-report/Index.vue","webpack:///./src/assets/images/uploads/optimization-selection.svg","webpack:///./src/views/FilterSelections.vue?96e8","webpack:///./src/views/FilterSelections.vue?809f","webpack:///./src/views/FilterSelections.vue?22e5","webpack:///src/views/FilterSelections.vue","webpack:///./src/views/FilterSelections.vue"],"names":["_vm","this","_h","$createElement","_c","_self","attrs","tableData","fields","columns","components","BCard","TableEnhancer","props","type","Array","required","data","key","label","sortable","$","JQuery","BFormRadioGroup","BCardHeader","BCardBody","BCardTitle","BCollapse","totalCpi","Object","cpiData","toggleCollapse","computed","apexChatData","defaultOps","$store","getters","customOps","getTitles","extend","yaxis","length","stroke","width","series","getSeries","chartOptions","methods","checkData","keys","numberFormatter","datas","name","values","color","colors","forEach","index","push","title","text","labels","formatter","value","kFormatter","xaxis","categories","tooltip","y","fixed","enabled","position","offsetX","offsetY","staticStyle","on","_v","staticClass","_e","totalCpc","cpcData","shared","cpaData","cplData","campaignTable","CampaignTable","BrandDaily","FiltersV2","Loading","BRow","BCol","BButton","NoDataTemp","CpiChart","CpcChart","CpaChart","CplChart","comparisonReportNoData","recData","noData","isLoading","currentKey","openingPage","params","$http","get","brand_id","brand","adin_id","campaigns","join","startDate","date","endDate","then","catch","e","finally","previousPage","$router","getMetrics","table_data","graph_data","cpi","total_cpi","cpl","cpc","total_cpc","cpa","summary_data","staticRenderFns","module","exports","BImg","String","default","selectionImage","require","component","n","_s"],"mappings":"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","file":"js/chunk-8d947c30.8750bd3a.js","sourcesContent":["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(\" KPI Tracking Report \")]),_c('b-button',{staticClass:\"mb-2\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_c('span',{staticClass:\"align-middle\"},[_vm._v(\"Back\")])]),_c('b-row',[_c('b-col',[_c('filtersV2',{attrs:{\"name\":\"brandDailyReportPage\",\"get-metrics\":_vm.getMetrics}})],1)],1),(_vm.openingPage)?_c('b-row',[_c('b-col',[_c('comparison-report-no-data',{attrs:{\"title\":\"Select a campaign and date range to see the report\"}})],1)],1):_vm._e(),(_vm.noData && !_vm.isLoading && !_vm.openingPage)?_c('no-data-temp'):_vm._e(),(!_vm.isLoading && !_vm.noData)?_c('span',[_c('b-row',[_c('b-col',[_c('brand-daily',{key:_vm.currentKey,attrs:{\"table-data\":_vm.recData.table_data}})],1)],1),_c('b-row',[_c('b-col',[_c('cpi-chart',{attrs:{\"cpi-data\":_vm.recData.graph_data.cpi,\"total-cpi\":_vm.recData.graph_data.total_cpi}})],1)],1),_c('b-row',[_c('b-col',[_c('cpl-chart',{attrs:{\"cpl-data\":_vm.recData.graph_data.cpl}})],1)],1),_c('b-row',[_c('b-col',[_c('cpc-chart',{attrs:{\"cpc-data\":_vm.recData.graph_data.cpc,\"total-cpc\":_vm.recData.graph_data.total_cpc}})],1)],1),_c('b-row',[_c('b-col',[_c('cpa-chart',{attrs:{\"cpa-data\":_vm.recData.graph_data.cpa}})],1)],1),_c('b-row',[_c('b-col',[_c('campaign-table',{key:_vm.currentKey,attrs:{\"campaign-table\":_vm.recData.summary_data}})],1)],1)],1):_vm._e(),(!_vm.noData && _vm.isLoading)?_c('span',[_c('loading',{attrs:{\"label\":\"Loading...\"}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('table-enhancer',{attrs:{\"tableName\":\"Daily KPI Table\",\"tableData\":_vm.tableData,\"tableFields\":_vm.fields,\"filterableColumns\":_vm.columns,\"enableTotal\":true}})],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!./DailyKpiTable.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!./DailyKpiTable.vue?vue&type=script&lang=js\"","<template>\n  <b-card>\n    <table-enhancer\n      tableName=\"Daily KPI Table\"\n      :tableData=\"tableData\"\n      :tableFields=\"fields\"\n      :filterableColumns=\"columns\"\n      :enableTotal=\"true\"\n    />\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard,\n} from \"bootstrap-vue\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\n\nexport default {\n  components: {\n    BCard,\n    TableEnhancer,\n  },\n  props: {\n    tableData: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      fields: [\n        { key: \"channel\", label: \"Channel\", sortable: true },\n        { key: \"campaign\", label: \"Campaign\", sortable: true },\n        { key: \"type\", label: \"Type\", sortable: true },\n        { key: \"date\", label: \"Date\", sortable: true },\n        {\n          key: \"planned_budget\",\n          label: \"Planned Budget\",\n          sortable: true,\n        },\n        {\n          key: \"realized_cost\",\n          label: \"Realized Cost\",\n          sortable: true,\n        },\n        {\n          key: \"traffic\",\n          label: \"Traffic\",\n          sortable: true,\n        },\n        {\n          key: \"lead\",\n          label: \"Lead\",\n          sortable: true,\n        },\n        {\n          key: \"purchase\",\n          label: \"Purchase\",\n          sortable: true,\n        },\n        {\n          key: \"install\",\n          label: \"Install\",\n          sortable: true,\n        },\n      ],\n      columns: [\"channel\", \"campaign\", \"type\", \"date\"],\n    };\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./DailyKpiTable.vue?vue&type=template&id=1c53a516\"\nimport script from \"./DailyKpiTable.vue?vue&type=script&lang=js\"\nexport * from \"./DailyKpiTable.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","<template>\n  <b-card no-body>\n    <b-card-header\n      style=\"cursor: pointer\"\n      @click=\"checkData\"\n    >\n      <b-card-title>\n        <div style=\"display: flex; align-items: center\">\n          CPI  <p\n            v-if=\"Object.keys(cpiData).length === 0 && Object.keys(totalCpi).length === 0\"\n            class=\"text-muted\"\n            style=\"margin-bottom: 0; margin-left: 5px\"\n          >\n            (There is no data for these campaigns.)\n          </p>\n        </div>\n      </b-card-title>\n      <feather-icon\n        :icon=\"toggleCollapse ? 'ChevronUpIcon' : 'ChevronDownIcon'\"\n        class=\"ml-2\"\n        size=\"20\"\n      />\n    </b-card-header>\n    <b-collapse :visible=\"toggleCollapse\">\n      <b-card-body>\n        <vue-apex-charts\n          type=\"line\"\n          height=\"400\"\n          :options=\"apexChatData.chartOptions\"\n          :series=\"apexChatData.series\"\n        />\n      </b-card-body>\n    </b-collapse>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard,\n  BCardHeader,\n  BCardBody,\n  BCardTitle,\n  BFormRadioGroup,\n    BCollapse\n} from \"bootstrap-vue\";\nimport JQuery from \"jquery\";\nimport {kFormatter, numberFormatter} from \"@core/utils/filter\";\n\nconst $ = JQuery;\n\nexport default {\n  components: {\n    BFormRadioGroup,\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n    BCollapse\n  },\n  props: {\n    totalCpi: {\n      type: Object,\n      required: true,\n    },\n    cpiData : {\n      type: Object,\n      required:true\n    }\n  },\n  data() {\n    return {\n      toggleCollapse: false\n    };\n  },\n  computed: {\n    apexChatData() {\n      const defaultOps = this.$store.getters[\"chart/getOptsLineBarChart\"];\n      const customOps = this.getTitles();\n      $.extend(true, customOps, defaultOps);\n\n      if (customOps.yaxis && customOps.yaxis.length > 1) {\n        customOps.yaxis = [customOps.yaxis[0]];\n      }\n\n      customOps.stroke.width = 3\n\n\n      return {\n        series: this.getSeries(),\n        chartOptions: customOps,\n      };\n    },\n  },\n  methods: {\n    checkData() {\n      if(Object.keys(this.cpiData).length > 0 && Object.keys(this.totalCpi).length > 0) {\n        this.toggleCollapse = !this.toggleCollapse;\n      }\n    },\n    numberFormatter,\n    getSeries() {\n      const datas = [\n        {\n          name: \"Total CPI\",\n          type: \"column\",\n          data: Object.values(this.totalCpi),\n          color: '#c6538c',\n        },\n      ];\n\n      const colors = ['#ff0000', '#1da1f2', '#010101', '#0a66c2'];\n\n      Object.keys(this.cpiData).forEach((key, index) => {\n        datas.push({\n          name: key,\n          type: \"line\",\n          data: Object.values(this.cpiData[key]),\n          color: colors[index],\n        });\n      });\n\n      return datas;\n    },\n    getTitles() {\n        return {\n          yaxis: [\n            {\n              title: {\n                text: \"CPI\",\n              },\n              labels: {\n                formatter: function (value) {\n                  return kFormatter(value);\n                },\n              },\n            },\n          ],\n          xaxis: {\n            categories: Object.keys(this.totalCpi),\n          },\n          tooltip: {\n            y: {\n              formatter: function(value) {\n                return value\n              },\n            },\n            fixed: {\n              enabled: true,\n              position: 'topLeft',\n              offsetX: 200,\n              offsetY: -180\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!./CpiChart.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!./CpiChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CpiChart.vue?vue&type=template&id=827b62c2\"\nimport script from \"./CpiChart.vue?vue&type=script&lang=js\"\nexport * from \"./CpiChart.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.checkData}},[_c('b-card-title',[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_vm._v(\" CPI \"),(Object.keys(_vm.cpiData).length === 0 && Object.keys(_vm.totalCpi).length === 0)?_c('p',{staticClass:\"text-muted\",staticStyle:{\"margin-bottom\":\"0\",\"margin-left\":\"5px\"}},[_vm._v(\" (There is no data for these campaigns.) \")]):_vm._e()])]),_c('feather-icon',{staticClass:\"ml-2\",attrs:{\"icon\":_vm.toggleCollapse ? 'ChevronUpIcon' : 'ChevronDownIcon',\"size\":\"20\"}})],1),_c('b-collapse',{attrs:{\"visible\":_vm.toggleCollapse}},[_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"400\",\"options\":_vm.apexChatData.chartOptions,\"series\":_vm.apexChatData.series}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header\n      style=\"cursor: pointer\"\n      @click=\"checkData\"\n    >\n      <b-card-title>\n        <div style=\"display: flex; align-items: center\">\n          CPC  <p\n            v-if=\"Object.keys(cpcData).length === 0 && Object.keys(totalCpc).length === 0\"\n            class=\"text-muted\"\n            style=\"margin-bottom: 0; margin-left: 5px\"\n          >\n            (There is no data for these campaigns.)\n          </p>\n        </div>\n      </b-card-title>\n      <feather-icon\n        :icon=\"toggleCollapse ? 'ChevronUpIcon' : 'ChevronDownIcon'\"\n        class=\"ml-2\"\n        size=\"20\"\n      />\n    </b-card-header>\n    <b-collapse :visible=\"toggleCollapse\">\n      <b-card-body>\n        <vue-apex-charts\n          type=\"line\"\n          height=\"400\"\n          :options=\"apexChatData.chartOptions\"\n          :series=\"apexChatData.series\"\n        />\n      </b-card-body>\n    </b-collapse>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard,\n  BCardHeader,\n  BCardBody,\n  BCardTitle,\n  BFormRadioGroup,\n    BCollapse\n} from \"bootstrap-vue\";\nimport JQuery from \"jquery\";\nimport { kFormatter,numberFormatter } from \"@core/utils/filter\";\n\nconst $ = JQuery;\n\nexport default {\n  components: {\n    BFormRadioGroup,\n    BCollapse,\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n  },\n  props: {\n    totalCpc: {\n      type: Object,\n      required: true,\n    },\n    cpcData : {\n      type: Object,\n      required:true\n    }\n  },\n  data() {\n    return {\n      toggleCollapse: false,\n    };\n  },\n  computed: {\n    apexChatData() {\n      const defaultOps = this.$store.getters[\"chart/getOptsLineBarChart\"];\n      const customOps = this.getTitles();\n      $.extend(true, customOps, defaultOps);\n\n      if (customOps.yaxis && customOps.yaxis.length > 1) {\n        customOps.yaxis = [customOps.yaxis[0]];\n      }\n\n      customOps.colors = ['#1877f2', '#ff0000', '#1da1f2', '#010101', '#0a66c2'];\n\n      customOps.stroke.width = 3\n\n      return {\n        series: this.getSeries(),\n        chartOptions: customOps,\n      };\n    },\n  },\n  methods: {\n    checkData() {\n      if(Object.keys(this.cpcData).length > 0 || Object.keys(this.totalCpc).length > 0) {\n        this.toggleCollapse = !this.toggleCollapse;\n      }\n    },\n    numberFormatter,\n    getSeries() {\n      const datas = [\n        {\n          name: \"Total CPC\",\n          type: \"column\",\n          data: Object.values(this.totalCpc),\n          color: '#c6538c',\n        },\n      ];\n\n      const colors = ['#ff0000', '#1da1f2', '#010101', '#0a66c2'];\n\n      Object.keys(this.cpcData).forEach((key, index) => {\n        datas.push({\n          name: key,\n          type: \"line\",\n          data: Object.values(this.cpcData[key]),\n          color: colors[index],\n        });\n      });\n\n      return datas;\n    },\n    getTitles() {\n      return {\n        yaxis: [\n          {\n            title: {\n              text: \"CPC\",\n            },\n            labels: {\n              formatter: function (value) {\n                return kFormatter(value);\n              },\n            },\n          },\n        ],\n        xaxis: {\n          categories: Object.keys(this.totalCpc),\n        },\n        tooltip: {\n          enabled: true,\n          shared:true,\n          y: {\n            formatter: function(value) {\n              return value\n            },\n          },\n          fixed: {\n            enabled: true,\n            position: 'topLeft',\n            offsetX: 200,\n            offsetY: -180\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!./CpcChart.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!./CpcChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CpcChart.vue?vue&type=template&id=03402674\"\nimport script from \"./CpcChart.vue?vue&type=script&lang=js\"\nexport * from \"./CpcChart.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.checkData}},[_c('b-card-title',[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_vm._v(\" CPC \"),(Object.keys(_vm.cpcData).length === 0 && Object.keys(_vm.totalCpc).length === 0)?_c('p',{staticClass:\"text-muted\",staticStyle:{\"margin-bottom\":\"0\",\"margin-left\":\"5px\"}},[_vm._v(\" (There is no data for these campaigns.) \")]):_vm._e()])]),_c('feather-icon',{staticClass:\"ml-2\",attrs:{\"icon\":_vm.toggleCollapse ? 'ChevronUpIcon' : 'ChevronDownIcon',\"size\":\"20\"}})],1),_c('b-collapse',{attrs:{\"visible\":_vm.toggleCollapse}},[_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"400\",\"options\":_vm.apexChatData.chartOptions,\"series\":_vm.apexChatData.series}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header\n      style=\"cursor: pointer\"\n      @click=\"checkData\"\n    >\n      <b-card-title>\n        <div style=\"display: flex; align-items: center\">\n          CPA  <p\n            v-if=\"Object.keys(cpaData).length === 0\"\n            class=\"text-muted\"\n            style=\"margin-bottom: 0; margin-left: 5px\"\n          >\n            (There is no data for these campaigns.)\n          </p>\n        </div>\n      </b-card-title>\n      <feather-icon\n        :icon=\"toggleCollapse ? 'ChevronUpIcon' : 'ChevronDownIcon'\"\n        class=\"ml-2\"\n        size=\"20\"\n      />\n    </b-card-header>\n    <b-collapse\n      :visible=\"toggleCollapse\"\n    >\n      <b-card-body>\n        <vue-apex-charts\n          type=\"line\"\n          height=\"400\"\n          :options=\"apexChatData.chartOptions\"\n          :series=\"apexChatData.series\"\n        />\n      </b-card-body>\n    </b-collapse>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard,\n  BCollapse,\n  BCardHeader,\n  BCardBody,\n  BCardTitle,\n  BFormRadioGroup,\n} from \"bootstrap-vue\";\nimport JQuery from \"jquery\";\nimport {kFormatter, numberFormatter} from \"@core/utils/filter\";\n\nconst $ = JQuery;\n\nexport default {\n  components: {\n    BFormRadioGroup,\n    BCard,\n    BCollapse,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n  },\n  props: {\n    cpaData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      toggleCollapse: false,\n    };\n  },\n  computed: {\n    // checkNoData () {\n    //   return this.cpaData === {};\n    // },\n    apexChatData() {\n      const defaultOps = this.$store.getters[\"chart/getOptsLineBarChart\"];\n      const customOps = this.getTitles();\n      $.extend(true, customOps, defaultOps);\n\n      if (customOps.yaxis && customOps.yaxis.length > 1) {\n        customOps.yaxis = [customOps.yaxis[0]];\n      }\n\n      customOps.stroke.width = 3;\n\n      return {\n        series: this.getSeries(),\n        chartOptions: customOps,\n      };\n    },\n  },\n  methods: {\n    checkData() {\n      if(Object.keys(this.cpaData).length > 0) {\n        this.toggleCollapse = !this.toggleCollapse;\n      }\n    },\n    numberFormatter,\n    getSeries() {\n      const datas = [];\n\n      const colors = ['#ff0000', '#1da1f2', '#010101', '#0a66c2'];\n\n      Object.keys(this.cpaData).forEach((key, index) => {\n        datas.push({\n          name: key,\n          type: \"line\",\n          data: Object.values(this.cpaData[key]),\n          color: colors[index],\n        });\n      });\n\n      return datas;\n    },\n    getTitles() {\n      return {\n        yaxis: [\n          {\n            title: {\n              text: \"CPA\",\n            },\n            labels: {\n              formatter: function (value) {\n                return kFormatter(value);\n              },\n            },\n          },\n        ],\n        xaxis: {\n          categories: Object.keys(this.cpaData).length > 0 ? Object.keys(this.cpaData[Object.keys(this.cpaData)[0]]) : [],\n        },\n        tooltip: {\n          y: {\n            formatter: function(value) {\n              return value\n            },\n          },\n          fixed: {\n            enabled: true,\n            position: 'topLeft',\n            offsetX: 200,\n            offsetY: -180,\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!./CpaChart.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!./CpaChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CpaChart.vue?vue&type=template&id=7ca312ff\"\nimport script from \"./CpaChart.vue?vue&type=script&lang=js\"\nexport * from \"./CpaChart.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.checkData}},[_c('b-card-title',[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_vm._v(\" CPA \"),(Object.keys(_vm.cpaData).length === 0)?_c('p',{staticClass:\"text-muted\",staticStyle:{\"margin-bottom\":\"0\",\"margin-left\":\"5px\"}},[_vm._v(\" (There is no data for these campaigns.) \")]):_vm._e()])]),_c('feather-icon',{staticClass:\"ml-2\",attrs:{\"icon\":_vm.toggleCollapse ? 'ChevronUpIcon' : 'ChevronDownIcon',\"size\":\"20\"}})],1),_c('b-collapse',{attrs:{\"visible\":_vm.toggleCollapse}},[_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"400\",\"options\":_vm.apexChatData.chartOptions,\"series\":_vm.apexChatData.series}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header\n      style=\"cursor: pointer\"\n      @click=\"checkData\"\n    >\n      <b-card-title>\n        <div style=\"display: flex; align-items: center\">\n          CPL  <p\n            v-if=\"Object.keys(cplData).length === 0\"\n            class=\"text-muted\"\n            style=\"margin-bottom: 0; margin-left: 5px\"\n          >\n            (There is no data for these campaigns.)\n          </p>\n        </div>\n      </b-card-title>\n      <feather-icon\n        :icon=\"toggleCollapse ? 'ChevronUpIcon' : 'ChevronDownIcon'\"\n        class=\"ml-2\"\n        size=\"20\"\n      />\n    </b-card-header>\n    <b-collapse :visible=\"toggleCollapse\">\n      <b-card-body>\n        <vue-apex-charts\n          type=\"line\"\n          height=\"400\"\n          :options=\"apexChatData.chartOptions\"\n          :series=\"apexChatData.series\"\n        />\n      </b-card-body>\n    </b-collapse>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard,\n  BCardHeader,\n  BCardBody,\n  BCardTitle,\n  BFormRadioGroup,\n    BCollapse\n} from \"bootstrap-vue\";\nimport JQuery from \"jquery\";\nimport {kFormatter, numberFormatter} from \"@core/utils/filter\";\n\nconst $ = JQuery;\n\nexport default {\n  components: {\n    BFormRadioGroup,\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n    BCollapse\n  },\n  props: {\n    cplData : {\n      type: Object,\n      required:true\n    }\n  },\n  data() {\n    return {\n      toggleCollapse: false\n    };\n  },\n  computed: {\n    apexChatData() {\n      const defaultOps = this.$store.getters[\"chart/getOptsLineBarChart\"];\n      const customOps = this.getTitles();\n      $.extend(true, customOps, defaultOps);\n\n      if (customOps.yaxis && customOps.yaxis.length > 1) {\n        customOps.yaxis = [customOps.yaxis[0]];\n      }\n\n      customOps.stroke.width = 3\n\n\n      return {\n        series: this.getSeries(),\n        chartOptions: customOps,\n      };\n    },\n  },\n  methods: {\n    checkData() {\n      if(Object.keys(this.cplData).length > 0) {\n        this.toggleCollapse = !this.toggleCollapse;\n      }\n    },\n    numberFormatter,\n    getSeries() {\n      const datas = [];\n\n      const colors = ['#ff0000', '#1da1f2', '#010101', '#0a66c2'];\n\n      Object.keys(this.cplData).forEach((key, index) => {\n        datas.push({\n          name: key,\n          type: \"line\",\n          data: Object.values(this.cplData[key]),\n          color: colors[index],\n        });\n      });\n\n      return datas;\n    },\n    getTitles() {\n      return {\n        yaxis: [\n          {\n            title: {\n              text: \"CPL\",\n            },\n            labels: {\n              formatter: function (value) {\n                return kFormatter(value);\n              },\n            },\n          },\n        ],\n        xaxis: {\n          categories: Object.keys(this.cplData).length > 0 ? Object.keys(this.cplData[Object.keys(this.cplData)[0]]) : [],\n        },\n        tooltip: {\n          y: {\n            formatter: function(value) {\n              return value\n            },\n          },\n          fixed: {\n            enabled: true,\n            position: 'topLeft',\n            offsetX: 200,\n            offsetY: -180\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!./CplChart.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!./CplChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CplChart.vue?vue&type=template&id=4a73d49a\"\nimport script from \"./CplChart.vue?vue&type=script&lang=js\"\nexport * from \"./CplChart.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.checkData}},[_c('b-card-title',[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_vm._v(\" CPL \"),(Object.keys(_vm.cplData).length === 0)?_c('p',{staticClass:\"text-muted\",staticStyle:{\"margin-bottom\":\"0\",\"margin-left\":\"5px\"}},[_vm._v(\" (There is no data for these campaigns.) \")]):_vm._e()])]),_c('feather-icon',{staticClass:\"ml-2\",attrs:{\"icon\":_vm.toggleCollapse ? 'ChevronUpIcon' : 'ChevronDownIcon',\"size\":\"20\"}})],1),_c('b-collapse',{attrs:{\"visible\":_vm.toggleCollapse}},[_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"400\",\"options\":_vm.apexChatData.chartOptions,\"series\":_vm.apexChatData.series}})],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!./TotalKpiTable.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!./TotalKpiTable.vue?vue&type=script&lang=js\"","<template>\n  <b-card>\n    <table-enhancer\n      tableName=\"Total KPI Table\"\n      :tableData=\"campaignTable\"\n      :tableFields=\"fields\"\n      :filterableColumns=\"columns\"\n      :enableTotal=\"true\"\n    />\n  </b-card>\n</template>\n\n<script>\nimport { BCard } from \"bootstrap-vue\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\n\nexport default {\n  components: {\n    BCard,\n    TableEnhancer,\n  },\n  props: {\n    campaignTable: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      fields: [\n        { key: \"channel\", label: \"Channel\", sortable: true },\n        { key: \"campaign\", label: \"Campaign\", sortable: true },\n        {\n          key: \"planned_budget\",\n          label: \"Planned Budget\",\n          sortable: true,\n        },\n        {\n          key: \"realized_cost\",\n          label: \"Realized Cost\",\n          sortable: true,\n        },\n        {\n          key: \"planned_traffic\",\n          label: \"Planned Traffic\",\n          sortable: true,\n        },\n        {\n          key: \"traffic\",\n          label: \"Traffic\",\n          sortable: true,\n        },\n        {\n          key: \"planned_install\",\n          label: \"Planned Install\",\n          sortable: true,\n        },\n        {\n          key: \"install\",\n          label: \"Install\",\n          sortable: true,\n        },\n        {\n          key: \"planned_lead\",\n          label: \"Planned Lead\",\n          sortable: true,\n        },\n        {\n          key: \"lead\",\n          label: \"Lead\",\n          sortable: true,\n        },\n        {\n          key: \"planned_purchase\",\n          label: \"Planned Purchase\",\n          sortable: true,\n        },\n        {\n          key: \"purchase\",\n          label: \"Purchase\",\n          sortable: true,\n        },\n      ],\n      columns: [\"channel\", \"campaign\"],\n    };\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./TotalKpiTable.vue?vue&type=template&id=1c19f959\"\nimport script from \"./TotalKpiTable.vue?vue&type=script&lang=js\"\nexport * from \"./TotalKpiTable.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('table-enhancer',{attrs:{\"tableName\":\"Total KPI Table\",\"tableData\":_vm.campaignTable,\"tableFields\":_vm.fields,\"filterableColumns\":_vm.columns,\"enableTotal\":true}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <h3 class=\"mb-1\">\n      KPI Tracking Report\n    </h3>\n    <b-button\n      variant=\"primary\"\n      size=\"sm\"\n      class=\"mb-2\"\n      @click=\"previousPage\"\n    >\n      <span class=\"align-middle\">Back</span>\n    </b-button>\n    <b-row>\n      <b-col>\n        <filtersV2\n          name=\"brandDailyReportPage\"\n          :get-metrics=\"getMetrics\"\n        />\n      </b-col>\n    </b-row>\n    <b-row v-if=\"openingPage\">\n      <b-col>\n        <comparison-report-no-data title=\"Select a campaign and date range to see the report\"/>\n      </b-col>\n    </b-row>\n    <no-data-temp v-if=\"noData && !isLoading && !openingPage\" />\n    <span v-if=\"!isLoading && !noData\">\n      <b-row>\n        <b-col>\n          <brand-daily\n            :key=\"currentKey\"\n            :table-data=\"recData.table_data\"\n          />\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col>\n          <cpi-chart\n            :cpi-data=\"recData.graph_data.cpi\"\n            :total-cpi=\"recData.graph_data.total_cpi\"\n          />\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col>\n          <cpl-chart\n            :cpl-data=\"recData.graph_data.cpl\"\n          />\n        </b-col>\n\n      </b-row>\n      <b-row>\n        <b-col>\n          <cpc-chart\n            :cpc-data=\"recData.graph_data.cpc\"\n            :total-cpc=\"recData.graph_data.total_cpc\"\n          />\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col>\n          <cpa-chart\n            :cpa-data=\"recData.graph_data.cpa\"\n          />\n        </b-col>\n\n      </b-row>\n      <b-row>\n        <b-col>\n          <campaign-table\n            :key=\"currentKey\"\n            :campaign-table=\"recData.summary_data\"\n          />\n        </b-col>\n      </b-row>\n    </span>\n    <span v-if=\"!noData && isLoading\">\n      <loading label=\"Loading...\" />\n    </span> \n  </section>\n</template>\n\n<script>\nimport BrandDaily from \"@/views/smart-reporting/custom-reports/kpi-tracking-report/DailyKpiTable.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport CpiChart from \"@/views/smart-reporting/custom-reports/kpi-tracking-report/CpiChart.vue\";\nimport CpcChart from \"@/views/smart-reporting/custom-reports/kpi-tracking-report/CpcChart.vue\";\nimport CpaChart from \"@/views/smart-reporting/custom-reports/kpi-tracking-report/CpaChart.vue\";\nimport CplChart from \"@/views/smart-reporting/custom-reports/kpi-tracking-report/CplChart.vue\";\nimport CampaignTable from \"@/views/smart-reporting/custom-reports/kpi-tracking-report/TotalKpiTable.vue\";\nimport comparisonReportNoData from \"@/views/FilterSelections.vue\";\nimport { BRow, BCol, BButton } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    CampaignTable,\n    BrandDaily,\n    FiltersV2,\n    Loading,\n    BRow,\n    BCol,\n    BButton,\n    NoDataTemp,\n    CpiChart,\n    CpcChart,\n    CpaChart,\n    CplChart,\n    comparisonReportNoData,\n  },\n  data() {\n    return {\n      recData: [],\n      noData: true,\n      isLoading: false,\n      currentKey: 0,\n      openingPage: true,\n    };\n  },\n  methods: {\n    async getMetrics(params) {\n      this.isLoading = true\n      this.noData = false\n      this.openingPage = false\n      await this.$http\n        .get(\"/reports/daily_kpi_tracking\", {\n          params: {\n            brand_id: params.brand.value,\n            adin_id: params.campaigns.join(\",\"),\n            startDate: params.date.startDate,\n            endDate: params.date.endDate,\n          },\n        })\n        .then(({ data }) => {\n          this.recData = data;\n          this.noData = false;\n          this.currentKey += 1;\n        })\n        .catch((e) => {\n          this.noData = true;\n        })\n        .finally(() => {\n          this.isLoading = false;\n        });\n    },\n\n    previousPage() {\n      this.$router.push(\"/smart-reporting/custom-reports-page\");\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!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=b75bc130\"\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","module.exports = __webpack_public_path__ + \"img/optimization-selection.2883f97a.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=style&index=0&id=0527c44a&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"coming-soon\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center text-center\"},[_c('b-img',{staticClass:\"d-block m-auto\",attrs:{\"src\":_vm.selectionImage,\"height\":\"200px\"}}),_c('h1',{staticClass:\"pt-2 w-75 font-weight-light m-auto  d-block\"},[_vm._v(\" \"+_vm._s(this.title)+\" \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"coming-soon\">\n    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\n      <b-img\n        :src=\"selectionImage\"\n        class=\"d-block m-auto\"\n        height=\"200px\"\n      />\n      <h1 class=\"pt-2 w-75 font-weight-light m-auto  d-block\">\n        {{ this.title }}\n      </h1>\n    </div>\n  </div>\n</template>\n<script>\nimport {\n  BImg\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg\n  },\n  props: {\n    title: {\n      type: String,\n      required: false,\n      default: \"Select a campaign and product(optional) to see the table and bar charts.\"\n    }\n  },\n  data () {\n    return {\n      selectionImage: require('@/assets/images/uploads/optimization-selection.svg'),\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.coming-soon{\n  position: absolute;\n  width: 95%;\n  height: calc(100vh - 230px);\n  background: rgba(45, 17, 70, 0.7);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  align-content: center;\n  justify-content: center;\n  border-radius: 5px;\n  color: #28E9FD;\n  span{\n    text-align: center;\n    align-self: center;\n    font-size: 1.3rem;\n    font-weight: 400;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./FilterSelections.vue?vue&type=template&id=0527c44a&scoped=true\"\nimport script from \"./FilterSelections.vue?vue&type=script&lang=js\"\nexport * from \"./FilterSelections.vue?vue&type=script&lang=js\"\nimport style0 from \"./FilterSelections.vue?vue&type=style&index=0&id=0527c44a&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0527c44a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}