{"version":3,"sources":["webpack:///./src/assets/images/uploads/optimization-selection.svg","webpack:///./src/views/FilterSelections.vue?96e8","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/Table.vue?0dfa","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/Index.vue?946b","webpack:///src/views/smart-reporting/custom-reports/comparison-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/Table.vue?3a8a","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/Table.vue?7a72","webpack:///src/views/smart-reporting/custom-reports/comparison-report/BarCharts.vue","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/BarCharts.vue?07b0","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/BarCharts.vue","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/BarCharts.vue?2633","webpack:///src/views/smart-reporting/custom-reports/comparison-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/Index.vue?0583","webpack:///./src/views/smart-reporting/custom-reports/comparison-report/Index.vue","webpack:///./src/views/FilterSelections.vue?809f","webpack:///./src/views/FilterSelections.vue?22e5","webpack:///src/views/FilterSelections.vue","webpack:///./src/views/FilterSelections.vue"],"names":["module","exports","components","BCard","BCardBody","TableEnhancer","props","tableData","type","Array","required","totalRow","Object","data","fields","baseFields","columns","methods","createFields","map","field","key","label","formatFieldName","formatter","value","toString","replace","length","dynamicFields","keys","includes","sortable","push","fieldName","word","index","toUpperCase","watch","immediate","handler","newTableData","component","_vm","this","_h","$createElement","_c","_self","attrs","BCardHeader","BCardTitle","BCol","BRow","barChartData","barChart","chartOptions","chart","toolbar","show","tools","download","selection","zoom","zoomin","zoomout","pan","reset","customIcons","animations","enabled","easing","speed","animateGradually","delay","dynamicAnimation","fill","colors","opacity","gradient","shade","shadeIntensity","inverseColors","opacityFrom","opacityTo","stops","plotOptions","bar","backgroundBarColors","horizontal","barHeight","grid","yaxis","lines","dataLabels","decimalsInFloat","tickAmount","axisBorder","offsetX","offsetY","xaxis","categories","computed","seriesData","forEach","item","title","name","values","deep","adjustChartHeight","created","getChartHeight","_this$$refs$item$id","height","$refs","id","updateOptions","_l","_v","_s","vSelect","BFormGroup","BButton","FiltersV2","MetricTable","Loading","BarCharts","BDropdown","BFormCheckbox","BFormInput","FilterSelections","NoDataTemp","VuePerfectScrollbar","selected","selectedEvent","campaigns","recData","campaign","event","currentKey","searchQuery","eventSearchQuery","noData","isLoading","isOpeningPage","dropdownText","count","eventDropdownText","sortedCampaigns","selectedCampaigns","filter","unselectedCampaigns","sortedEvents","selectedEvents","unselectedEvents","availableEvents","filteredCampaigns","toLowerCase","filteredEvents","resetScrollbar","$nextTick","scrollbar","$el","scrollTop","params","$http","get","brand_id","brand","adin_id","join","events","start","compDate","startDate","end","endDate","then","catch","e","finally","previousPage","$router","staticClass","on","getMetrics","_e","metricsTable","chartData","staticRenderFns","BImg","String","default","selectionImage","require"],"mappings":"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","file":"js/chunk-04132ea0.dbbb7bb9.js","sourcesContent":["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\"","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!./Table.vue?vue&type=style&index=0&id=81f7bd5c&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h3',{staticClass:\"mb-1\"},[_vm._v(\" Comparison Report \")]),_c('b-button',{staticClass:\"mb-1\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_vm._v(\" Back \")]),_c('filters-v2',{attrs:{\"get-metrics\":_vm.getMetrics,\"name\":\"compReports\"}}),(_vm.isOpeningPage)?_c('filter-selections'):_vm._e(),(_vm.isLoading)?_c('span',[_c('loading')],1):_c('span',[(_vm.noData)?_c('span',[_c('no-data-temp')],1):_vm._e(),(_vm.recData !== null && !_vm.noData && !_vm.isLoading)?_c('span',[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('metric-table',{key:_vm.currentKey,attrs:{\"table-data\":_vm.recData.metricsTable,\"total-row\":_vm.totalRow}})],1)],1),_c('b-row',[_c('b-col',[_c('bar-charts',{key:_vm.currentKey,attrs:{\"bar-chart-data\":_vm.recData.chartData}})],1)],1)],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-body>\n      <table-enhancer\n        tableName=\"Metric Table\"\n        :tableData=\"tableData\"\n        :tableFields=\"fields\"\n        :filterableColumns=\"columns\"\n        :enableTotal=\"true\"\n        :totalRow=\"totalRow\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport { BCard, BCardBody } from \"bootstrap-vue\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\n\nexport default {\n  components: {\n    BCard,\n    BCardBody,\n    TableEnhancer,\n  },\n  props: {\n    tableData: {\n      type: Array,\n      required: true,\n    },\n    totalRow: {\n      type: Object,\n      required: false,\n    },\n  },\n  data() {\n    return {\n      fields: [],\n      baseFields: [],\n      columns: [\"campaign\", \"objective\", \"status\"],\n    };\n  },\n\n  methods: {\n    createFields(data) {\n      this.fields = this.baseFields.map((field) => ({\n        key: field,\n        label: this.formatFieldName(field),\n        formatter: (value) => {\n          if (value !== null && value !== undefined) {\n            return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n          } else {\n            return \"\";\n          }\n        },\n      }));\n\n      if (data.length > 0) {\n        const dynamicFields = [];\n        for (const key of Object.keys(data[0])) {\n          if (!this.baseFields.includes(key)) {\n            const field = {\n              key: key,\n              label: this.formatFieldName(key),\n              sortable: true,\n              formatter: (value) => {\n                if (value !== null && value !== undefined) {\n                  return value\n                    .toString()\n                    .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n                } else {\n                  return \"\";\n                }\n              },\n            };\n            dynamicFields.push(field);\n          }\n        }\n\n        this.fields = [...this.fields, ...dynamicFields];\n      }\n    },\n    formatFieldName(fieldName) {\n      return fieldName\n        .replace(/_/g, \" \")\n        .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, function (word, index) {\n          return word.toUpperCase();\n        })\n        .replace(/\\s+/g, \" \");\n    },\n  },\n  watch: {\n    tableData: {\n      immediate: true,\n      handler(newTableData) {\n        this.createFields(newTableData);\n      },\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n.custom-last-row:last-child {\n  border: 3px solid #1f093d;\n  background: #977bb4;\n}\n.custom-last-row:last-child:hover {\n  animation: glow 0.5s infinite alternate !important;\n}\n@keyframes glow {\n  from {\n    box-shadow: 0 0 5px #6222b6;\n  }\n  to {\n    box-shadow: 0 0 30px #9d73d3;\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.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!./Table.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Table.vue?vue&type=template&id=81f7bd5c\"\nimport script from \"./Table.vue?vue&type=script&lang=js\"\nexport * from \"./Table.vue?vue&type=script&lang=js\"\nimport style0 from \"./Table.vue?vue&type=style&index=0&id=81f7bd5c&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('table-enhancer',{attrs:{\"tableName\":\"Metric Table\",\"tableData\":_vm.tableData,\"tableFields\":_vm.fields,\"filterableColumns\":_vm.columns,\"enableTotal\":true,\"totalRow\":_vm.totalRow}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <b-col\n        v-for=\"item in barChartData\"\n        :key=\"item.id\"\n        lg=\"6\"\n      >\n        <b-card no-body>\n          <b-card-header>\n            <b-card-title>{{ item.title }}</b-card-title>\n          </b-card-header>\n\n          <b-card-body>\n            <vue-apex-charts\n              type=\"bar\"\n              :height=\"getChartHeight(item)\"\n              :options=\"barChart.chartOptions\"\n              :series=\"seriesData[item.title]\"\n            />\n          </b-card-body>\n        </b-card>\n      </b-col>\n    </b-row>\n  </section>\n</template>\n\n<script>\nimport { BCard, BCardHeader, BCardBody, BCardTitle, BCol, BRow } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n    BCol,\n    BRow\n  },\n  props: {\n    barChartData: {\n      type: Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n      barChart: {\n        chartOptions: {\n          chart: {\n            toolbar: {\n              show: true,\n              tools: {\n                download: true,\n                selection: true,\n                zoom: true,\n                zoomin: false,\n                zoomout: false,\n                pan: false,\n                reset: true,\n                customIcons: []\n              }\n            },\n            animations: {\n              enabled: true,\n              easing: 'easeinout',\n              speed: 800,\n              animateGradually: {\n                enabled: true,\n                delay: 150\n              },\n              dynamicAnimation: {\n                enabled: true,\n                speed: 350\n              }\n            },\n            zoom: { enabled: true }\n          },\n          fill: {\n            colors: '#FC1474',\n            opacity: 0.9,\n            type: 'gradient',\n            gradient: {\n              shade: 'dark',\n              type: 'horizontal',\n              shadeIntensity: 0.5,\n              inverseColors: true,\n              opacityFrom: 0.5,\n              opacityTo: 1,\n              stops: [0, 80, 100]\n            }\n          },\n          plotOptions: {\n            bar: {\n              backgroundBarColors: ['transparent'],\n              horizontal: true,\n              barHeight: '80%'\n            }\n          },\n          grid: {\n            yaxis: {\n              lines: {\n                show: false\n              }\n            }\n          },\n          dataLabels: {\n            enabled: false\n          },\n          yaxis: {\n            decimalsInFloat: 2, // Güncellendi. UPDATED\n            tickAmount: 5,\n            axisBorder: {\n              show: true,\n              offsetX: 0,\n              offsetY: 0\n            }\n          },\n          xaxis: {\n            categories: []\n          }\n        }\n      }\n    }\n  },\n  computed: {\n    seriesData(){\n      const seriesData = {};\n      this.barChartData.forEach(item => {\n        seriesData[item.title] = [{\n          name: item.title,\n          data: Object.values(item.data)\n        }]\n      });\n      return seriesData;\n    }\n  },\n  watch: {\n    barChartData: {\n      immediate: true,\n      deep: true,\n      handler() {\n        this.adjustChartHeight();\n      }\n    }\n  },\n  created() {\n    this.barChartData.forEach(item => {\n      this.barChart.chartOptions.xaxis.categories = Object.keys(item.data);\n    });\n    this.adjustChartHeight(); // Başlangıçta yüksekliği ayarla\n  },\n  methods: {\n    getChartHeight(item) {\n      const seriesCount = Object.keys(item.data).length;\n      const barHeight = 20; // Sabit bar yüksekliği piksel olarak\n      const chartPadding = 100; // Chart için üst ve alt padding\n      return seriesCount * barHeight + chartPadding; // Dinamik chart yüksekliği\n    },\n    adjustChartHeight() {\n      this.barChartData.forEach(item => {\n        const height = this.getChartHeight(item);\n        this.$refs[item.id]?.updateOptions({ chart: { height } });\n      });\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!./BarCharts.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!./BarCharts.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BarCharts.vue?vue&type=template&id=c47be9d2\"\nimport script from \"./BarCharts.vue?vue&type=script&lang=js\"\nexport * from \"./BarCharts.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-row',_vm._l((_vm.barChartData),function(item){return _c('b-col',{key:item.id,attrs:{\"lg\":\"6\"}},[_c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(_vm._s(item.title))])],1),_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"bar\",\"height\":_vm.getChartHeight(item),\"options\":_vm.barChart.chartOptions,\"series\":_vm.seriesData[item.title]}})],1)],1)],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h3 class=\"mb-1\">\n      Comparison Report\n    </h3>\n    <b-button\n      variant=\"primary\"\n      class=\"mb-1\"\n      size=\"sm\"\n      @click=\"previousPage\"\n    >\n      Back\n    </b-button>\n    <filters-v2\n      :get-metrics=\"getMetrics\"\n      name=\"compReports\"\n    />\n    <filter-selections v-if=\"isOpeningPage\" />\n\n    <span v-if=\"isLoading\">\n      <loading />\n    </span>\n    <span v-else>\n      <span v-if=\"noData\">\n        <no-data-temp />\n      </span>\n      <span v-if=\"recData !== null && !noData && !isLoading\">\n        <b-row>\n          <b-col lg=\"12\">\n            <metric-table\n              :key=\"currentKey\"\n              :table-data=\"recData.metricsTable\"\n              :total-row=\"totalRow\"\n            />\n          </b-col>\n        </b-row>\n        <b-row>\n          <b-col>\n            <bar-charts\n              :key=\"currentKey\"\n              :bar-chart-data=\"recData.chartData\"\n            />\n          </b-col>\n        </b-row>\n      </span>\n    </span>\n  </div>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n  BButton,\n  BFormGroup,\n  BDropdown,\n  BFormCheckbox,\n  BFormInput,\n} from \"bootstrap-vue\";\n\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport MetricTable from \"./Table.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport BarCharts from \"./BarCharts.vue\";\nimport vSelect from \"vue-select\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nimport FilterSelections from \"@/views/FilterSelections.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\n\nexport default {\n  components: {\n    vSelect,\n    BFormGroup,\n    BButton,\n    FiltersV2,\n    BRow,\n    BCol,\n    MetricTable,\n    Loading,\n    BarCharts,\n    BDropdown,\n    BFormCheckbox,\n    BFormInput,\n    FilterSelections,\n    NoDataTemp,\n    // 3rd party\n    VuePerfectScrollbar,\n  },\n  data() {\n    return {\n      selected: [],\n      selectedEvent: [],\n      campaigns: [],\n      recData: null,\n      campaign: [],\n      event: [],\n      currentKey: 0,\n      searchQuery: \"\",\n      eventSearchQuery: \"\",\n      noData: false,\n      isLoading: false,\n      isOpeningPage: true,\n      totalRow:null\n    };\n  },\n  computed: {\n    dropdownText() {\n      const count = this.selected.length;\n      return count > 0 ? `${count} Campaign Selected` : \"Select Campaigns\";\n    },\n    eventDropdownText() {\n      const count = this.selectedEvent.length;\n      return count > 0 ? `${count} Event Selected` : \"Select Events\";\n    },\n    sortedCampaigns() {\n      const selectedCampaigns = this.campaigns.filter((campaign) =>\n        this.selected.includes(campaign.value)\n      );\n      const unselectedCampaigns = this.campaigns.filter(\n        (campaign) => !this.selected.includes(campaign.value)\n      );\n\n      return [...selectedCampaigns, ...unselectedCampaigns];\n    },\n    sortedEvents() {\n      const selectedEvents = this.selectedEvent.filter((campaign) =>\n        this.selected.includes(campaign.value)\n      );\n      const unselectedEvents = this.recData.availableEvents.filter(\n        (campaign) => !this.selected.includes(campaign.value)\n      );\n\n      return [...selectedEvents, ...unselectedEvents];\n    },\n    filteredCampaigns() {\n      if (!this.searchQuery) {\n        return this.sortedCampaigns;\n      }\n      return this.sortedCampaigns.filter((campaign) =>\n        campaign.title.toLowerCase().includes(this.searchQuery.toLowerCase())\n      );\n    },\n    filteredEvents() {\n      if (!this.eventSearchQuery) {\n        return this.sortedEvents;\n      }\n      return this.sortedEvents.filter((campaign) =>\n        campaign.title.toLowerCase().includes(this.searchQuery.toLowerCase())\n      );\n    },\n  },\n  methods: {\n    resetScrollbar() {\n      this.$nextTick(() => {\n        if (this.$refs.scrollbar) {\n          this.$refs.scrollbar.$el.scrollTop = 0;\n        }\n      });\n    },\n    async getMetrics(params) {\n      this.isOpeningPage = false\n      this.isLoading = true;\n      this.noData = false;\n\n      await this.$http.get(\"reports/campaign_comparison\", {\n        params: {\n          brand_id: params.brand.value,\n          adin_id: params.campaigns.join(','),\n          event: params.events.join(','),\n          start: params.compDate.startDate,\n          end: params.compDate.endDate\n        }\n      }).then(({data}) => {\n        this.recData = data\n        this.noData = false\n      }).catch((e) => {\n        this.noData = true\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<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=33a0e95a&scoped=true\"\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  \"33a0e95a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"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":""}