{"version":3,"sources":["webpack:///./src/assets/images/uploads/optimization-selection.svg","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/Index.vue?c0b4","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/Index.vue?3ed1","webpack:///src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiTable.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiTable.vue?7aa8","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiTable.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiTable.vue?511d","webpack:///src/views/smart-reporting/custom-reports/quarterly-kpi-report/ScoreCircle.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/ScoreCircle.vue?189e","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/ScoreCircle.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/ScoreCircle.vue?a069","webpack:///src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChart.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChart.vue?b82c","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChart.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChart.vue?c02b","webpack:///src/views/smart-reporting/custom-reports/quarterly-kpi-report/BudgetTable.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/BudgetTable.vue?3449","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/BudgetTable.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/BudgetTable.vue?7c3b","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChartWithMonths.vue?ec03","webpack:///src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChartWithMonths.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChartWithMonths.vue?508c","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChartWithMonths.vue","webpack:///src/views/smart-reporting/custom-reports/quarterly-kpi-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/Index.vue?da6b","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/ScoreCircle.vue?e346","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/Index.vue?291a","webpack:///./src/views/FilterSelections.vue?96e8","webpack:///./src/views/smart-reporting/custom-reports/quarterly-kpi-report/KpiChart.vue?d555","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","BButton","TableEnhancer","props","selectedQuarter","type","String","required","selectedYear","tableData","Array","data","isLoading","tableMetrics","computed","formatItems","items","key","label","sortable","quarter","Number","slice","push","formatter","value","toString","replace","created","methods","submitData","valueMap","forEach","item","KPI_GOALS","METRICS","$emit","component","_vm","this","_h","$createElement","_c","_self","style","opacity","attrs","staticClass","on","_v","_s","BCard","BRow","BCol","completions","Object","months","formatNumber","staticStyle","total_realized","completion_rate","toFixed","_e","kpi_target","completion_per_month","length","month","kpi_realized","barChartData","chartOptions","chart","height","stacked","plotOptions","bar","columnWidth","borderRadius","borderWidth","xaxis","categories","yaxis","labels","kFormatter","tooltip","shared","custom","seriesIndex","dataPointIndex","w","quarterName","targetValue","config","series","monthName","realizedValue","markers","size","colors","fill","fillOpacity","strokeOpacity","strokeColor","hover","strokeColors","legend","show","dataLabels","val","opt","globals","seriesNames","chartSeries","targetPoints","prepareChartData","realizedData","targetData","name","Q1","January","February","March","Q2","April","May","June","Q3","July","August","September","Q4","October","November","December","values","ref","BFormRadioGroup","BTable","BFormGroup","BFormInput","editableItems","CPA_GOALS","scopedSlots","_u","fn","model","callback","$$v","$set","expression","convertDataFormat","horizontal","enabled","y","title","getPoints","points","keys","x","marker","fillColor","radius","borderColor","result","entries","monthData","includes","Loading","KpiTable","ScoreCircle","KpiChart","BudgetTable","vSelect","NoDataTemp","KpiChartWithMonths","BModal","BDropdown","BFormCheckbox","FeatherIcon","VuePerfectScrollbar","FiltersV2","FilterSelections","isPdfGenerating","currentKey","recData","noData","eventOptions","kpiRows","selectedKpi","selectedEvents","backupSelectedEvents","brand","editableIndex","previousEditableIndex","warningMessage","isEditing","kpiResponse","isAddingKpi","emptyKpis","editableId","loadingModal","unsavedChanges","allKpiGroups","isCreateKpiModalOpen","isNewRowSaved","isOpeningPage","watch","newIndex","oldIndex","newName","oldName","handler","newVal","oldVal","kpi","index","deep","getAllKpiGroups","getKpis","toggleModal","JSON","parse","stringify","filter","row","id","submitKPI","kpiType","$http","post","params","year","then","getMetrics","catch","e","kpiList","get","kpi_group","undo","splice","Promise","all","map","response","metric","brand_id","body","kpiOptions","selected_events","event","events","options","available_events","previousPage","$router","Date","now","$nextTick","error","saveKpis","ids","kpiGroupItem","find","event_id","$bvToast","toast","variant","solid","checkEditableIndex","getBrand","all_kpi_groups","selectedEventsArray","isArray","getFilter","directives","rawName","modifiers","_l","join","refInFor","option","i","$event","addKpiRow","kpiTable","kpiGoalCompletions","staticRenderFns","BImg","default","selectionImage","require"],"mappings":"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","file":"js/chunk-a61748e0.da95a7e6.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!./Index.vue?vue&type=style&index=1&id=69f10cd2&prod&lang=scss\"","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(\"Quarterly KPI 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('filters-v2',{attrs:{\"name\":\"quarterlyKpiReport\",\"get-metrics\":_vm.getFilter}}),(_vm.isOpeningPage)?_c('filter-selections',{attrs:{\"title\":\"Select year, quarter and kpi list to see the report\"}}):_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)?_c('span',{directives:[{name:\"else\",rawName:\"v-else\"}],key:_vm.currentKey},[_c('b-row',[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-center\",modifiers:{\"modal-center\":true}}],staticClass:\"ml-auto mr-2 mb-2\",staticStyle:{\"height\":\"38px\"},attrs:{\"variant\":\"primary\"}},[_vm._v(\" Create KPI \")])],1),_c('b-modal',{attrs:{\"id\":\"modal-center\",\"centered\":\"\",\"title\":(_vm.selectedQuarter + \" Goal Table\"),\"hide-footer\":\"\"},on:{\"hide\":_vm.toggleModal,\"show\":_vm.toggleModal}},[(!this.loadingModal)?_c('div',[_vm._l((_vm.kpiRows),function(kpi,index){return _c('div',{key:index,staticClass:\"kpi-row mb-1\"},[_c('b-form-input',{staticClass:\"mr-2\",staticStyle:{\"width\":\"30%\",\"display\":\"inline-block\"},attrs:{\"disabled\":_vm.editableIndex !== index || _vm.editableId !== kpi.id,\"placeholder\":\"Enter KPI Name\"},model:{value:(kpi.name),callback:function ($$v) {_vm.$set(kpi, \"name\", $$v)},expression:\"kpi.name\"}}),_c('b-form-group',{staticStyle:{\"width\":\"59%\",\"display\":\"inline-block\"},attrs:{\"disabled\":_vm.editableIndex !== index}},[_c('b-dropdown',{staticClass:\"comparison-dropdown mb-lg-0\",attrs:{\"id\":\"dropdown-1\",\"text\":(Array.isArray(_vm.selectedEvents[kpi.name])\n                    ? _vm.selectedEvents[kpi.name]\n                    : [_vm.selectedEvents[kpi.name]]\n                  ).join(', '),\"variant\":\"outline-light \",\"block\":\"\",\"multiple\":\"\"}},[_c('vue-perfect-scrollbar',{ref:\"scrollbar\",refInFor:true,staticClass:\"checkist-scroll-area\",staticStyle:{\"max-height\":\"200px\"}},[_c('div',{staticClass:\"p-2\"},_vm._l((kpi.event),function(option,i){return _c('b-form-checkbox',{key:i,staticClass:\"mb-50\",attrs:{\"value\":option},model:{value:(_vm.selectedEvents[kpi.name]),callback:function ($$v) {_vm.$set(_vm.selectedEvents, kpi.name, $$v)},expression:\"selectedEvents[kpi.name]\"}},[_vm._v(\" \"+_vm._s(option)+\" \")])}),1)])],1)],1),(_vm.editableIndex === index)?_c('FeatherIcon',{staticStyle:{\"cursor\":\"pointer\",\"margin-top\":\"-3px\",\"margin-left\":\"1rem\"},attrs:{\"icon\":\"SaveIcon\",\"size\":\"20\"},on:{\"click\":function($event){return _vm.saveKpis(kpi)}}}):_c('FeatherIcon',{staticStyle:{\"cursor\":\"pointer\",\"margin-top\":\"-3px\",\"margin-left\":\"1rem\"},attrs:{\"icon\":\"EditIcon\",\"size\":\"20\"},on:{\"click\":function($event){return _vm.checkEditableIndex(index)}}}),(_vm.editableIndex === index)?_c('FeatherIcon',{staticStyle:{\"cursor\":\"pointer\",\"margin-top\":\"-3px\",\"margin-left\":\"1rem\"},attrs:{\"icon\":\"CornerDownLeftIcon\",\"size\":\"20\"},on:{\"click\":function($event){return _vm.undo(index)}}}):_vm._e(),(_vm.editableIndex === index && _vm.warningMessage)?_c('p',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.warningMessage)+\" \")]):_vm._e()],1)}),_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',{staticClass:\"text-left\"},[_c('b-button',{attrs:{\"disabled\":_vm.isAddingKpi || _vm.warningMessage !== '' || !_vm.isNewRowSaved,\"variant\":\"primary\"},on:{\"click\":_vm.addKpiRow}},[_vm._v(\" Add KPI \")])],1)],1)],2):_c('div',[_c('loading')],1)]),_c('b-row',{staticClass:\"match-height mb-3\"},[_c('b-col',[_c('kpi-table',{attrs:{\"id\":\"kpi-table\",\"selected-quarter\":_vm.selectedQuarter,\"selected-year\":_vm.selectedYear,\"table-data\":_vm.recData.tableData.kpiTable},on:{\"kpi-submitted\":_vm.submitKPI}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('kpi-chart',{attrs:{\"id\":\"kpi-chart\",\"bar-chart-data\":_vm.recData.barChartData,\"selected-quarter\":_vm.selectedQuarter}})],1),_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('b-row',[_c('score-circle',{attrs:{\"id\":\"score-circle\",\"selected-quarter\":_vm.selectedQuarter,\"completions\":_vm.recData.kpiGoalCompletions}})],1),_c('b-row',[_c('kpi-chart-with-months',{attrs:{\"id\":\"kpi-chart-with-months\",\"bar-chart-data\":_vm.recData.barChartData,\"selected-quarter\":_vm.selectedQuarter}})],1)],1)],1)],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div :style=\"{ opacity: isLoading ? '0.5' : '1' }\">\n      <table-enhancer\n        :tableName=\"`${\n          selectedYear\n        } KPI Goals`\"\n        :tableData=\"tableMetrics\"\n        :tableFields=\"formatItems\"\n        :filterableColumns=\"['METRICS']\"\n      />\n    </div>\n    <div class=\"text-right d-block\">\n      <b-button variant=\"primary\" @click=\"submitData\">\n        {{ isLoading ? \"Submitting...\" : \"Submit\" }}\n      </b-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  BButton,\n} from \"bootstrap-vue\";\n\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\n\nexport default {\n  components: {\n    BButton,\n    TableEnhancer\n  },\n  props: {\n    selectedQuarter: {\n      type: String,\n      required: true,\n    },\n    selectedYear: {\n      type: String,\n      required: true,\n    },\n    tableData: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      isLoading: false,\n      tableMetrics: null,\n    };\n  },\n  computed: {\n    formatItems() {\n      const items = [\n        {\n          key: \"METRICS\",\n          label: \"Kpi name\",\n          sortable: true,\n        },\n        {\n          key: \"KPI_GOALS\",\n          label: \"KPI GOALS\",\n          sortable: true,\n        },\n      ];\n      let quarter = Number(this.selectedQuarter.slice(1));\n      if (quarter === 1) {\n        items.push(\n          {\n            key: \"JANUARY\",\n            label: \" Realized jan\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          },\n          {\n            key: \"FEBRUARY\",\n            label: \"Realized feb\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          },\n          {\n            key: \"MARCH\",\n            label: \"Realized mar\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          }\n        );\n      } else if (quarter === 2) {\n        items.push(\n          {\n            key: \"APRIL\",\n            label: \"Realized apr\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          },\n          {\n            key: \"MAY\",\n            label: \"Realized may\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          },\n          {\n            key: \"JUNE\",\n            label: \"Realized jun\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          }\n        );\n      } else if (quarter === 3) {\n        items.push(\n          {\n            key: \"JULY\",\n            label: \"Realized jul\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          },\n          {\n            key: \"AUGUST\",\n            label: \"Realized aug\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          },\n          {\n            key: \"SEPTEMBER\",\n            label: \"Realized sep\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          }\n        );\n      } else if (quarter === 4) {\n        items.push(\n          {\n            key: \"OCTOBER\",\n            label: \"Realized oct\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          },\n          {\n            key: \"NOVEMBER\",\n            label: \"Realized nov\",\n            formatter: (value) => {\n              if (value && value > 0) {\n                return value\n                  .toString()\n                  .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n              } else {\n              }\n            },\n            sortable: true,\n          },\n          {\n            key: \"DECEMBER\",\n            label: \"Realized dec\",\n            formatter: (value) => {\n              return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n            },\n            sortable: true,\n          }\n        );\n      }\n      items.push({\n        key: this.selectedQuarter + \" \" + \"REALIZED\",\n        label: \"realized total\",\n        formatter: (value) => {\n          if (value && value > 0) {\n            return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n          } else {\n          }\n        },\n        sortable: true,\n      });\n      console.log(items)\n      return items;\n    },\n  },\n  created() {\n    this.tableMetrics = this.tableData\n  },\n  methods: {\n    submitData() {\n      this.isLoading = true;\n      let valueMap = {};\n      this.tableData.forEach((item) => {\n        if (item.KPI_GOALS !== undefined) {\n          valueMap[item.METRICS] = Number(item.KPI_GOALS);\n        }\n      });\n      this.$emit(\"kpi-submitted\", valueMap, \"kpi\");\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!./KpiTable.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!./KpiTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./KpiTable.vue?vue&type=template&id=67a6e341\"\nimport script from \"./KpiTable.vue?vue&type=script&lang=js\"\nexport * from \"./KpiTable.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{style:({ opacity: _vm.isLoading ? '0.5' : '1' })},[_c('table-enhancer',{attrs:{\"tableName\":(_vm.selectedYear + \" KPI Goals\"),\"tableData\":_vm.tableMetrics,\"tableFields\":_vm.formatItems,\"filterableColumns\":['METRICS']}})],1),_c('div',{staticClass:\"text-right d-block\"},[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.submitData}},[_vm._v(\" \"+_vm._s(_vm.isLoading ? \"Submitting...\" : \"Submit\")+\" \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"w-100\">\n    <b-row>\n      <b-col md=\"3\" sm=\"6\">\n        <div\n          class=\"d-flex flex-column justify-content-center align-items-center\"\n        >\n          <h4>{{ this.selectedQuarter }} Total</h4>\n          <b-card class=\"mb-0 mt-1\" style=\"min-width: 150px;\">\n            <div\n              class=\"d-flex flex-column justify-content-center align-items-center\"\n            >\n              <h1 class=\"\">{{formatNumber(completions.total_realized) }}</h1>\n              <div class=\"d-flex\">\n                <FeatherIcon v-if=\"completions.completion_rate.toFixed(1) > 0\" icon=\"ArrowUpIcon\" size=\"20\" color=\"green\" />\n                <FeatherIcon v-else-if=\"completions.completion_rate.toFixed(1) < 0\" icon=\"ArrowDownIcon\" size=\"20\" color=\"red\" />\n                <p style=\"font-size: 1rem; margin-left: 0.5rem\">%{{ completions.completion_rate.toFixed(1) }}</p>\n              </div>\n              <h5>Goal</h5>\n              <h5>{{ formatNumber(completions.kpi_target) }}</h5>\n            </div>\n          </b-card>\n        </div>\n      </b-col>\n      <b-col md=\"3\" sm=\"6\" >\n        <div\n          class=\"d-flex flex-column justify-content-center align-items-center\"\n          v-if=\"completions.completion_per_month.length > 0\"\n        >\n          <h4>{{ completions.completion_per_month[0].month }}</h4>\n          <div class=\"circle blue-circle\">\n            {{ formatNumber(completions.completion_per_month[0].kpi_realized) }}\n          </div>\n        </div>\n        <div v-else class=\"d-flex flex-column justify-content-center align-items-center\">\n          <h4>No Data</h4>\n          <div class=\"circle gray-circle\">\n            <h4>-</h4>\n          </div>\n        </div>\n      </b-col>\n      <b-col md=\"3\" sm=\"6\" >\n        <div\n          class=\"d-flex flex-column justify-content-center align-items-center\"\n          v-if=\"completions.completion_per_month.length > 1\"\n        >\n          <h4>{{ this.completions.completion_per_month[1].month }}</h4>\n          <div class=\"circle yellow-circle\">\n            {{ formatNumber(this.completions.completion_per_month[1].kpi_realized) }}\n          </div>\n        </div>\n        <div v-else class=\"d-flex flex-column justify-content-center align-items-center\">\n          <h4>No Data</h4>\n          <div class=\"circle gray-circle\">\n            <h4>-</h4>\n          </div>\n        </div>\n      </b-col>\n      <b-col md=\"3\" sm=\"6\" >\n        <div\n          class=\"d-flex flex-column justify-content-center align-items-center\"\n          v-if=\"completions.completion_per_month.length > 2\"\n        >\n          <h4>{{ this.completions.completion_per_month[2].month }}</h4>\n          <div class=\"circle red-circle\">\n            {{ formatNumber(this.completions.completion_per_month[2].kpi_realized) }}\n          </div>\n        </div>\n        <div v-else class=\"d-flex flex-column justify-content-center align-items-center\">\n          <h4>No Data</h4>\n          <div class=\"circle gray-circle\">\n            <h4>-</h4>\n          </div>\n        </div>\n      </b-col>\n    </b-row>\n  </b-card>\n</template>\n\n<script>\nimport { BCard, BRow, BCol } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BCard,\n    BRow,\n    BCol,\n  },\n  props: {\n    selectedQuarter: {\n      type: String,\n      required: true,\n    },\n    completions: {\n      type: Object,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      months: [\n        \"JANUARY, FEBRUARY, MARCH\",\n        \"APRIL, MAY, JUNE\",\n        \"JULY, AUGUST, SEPTEMBER\",\n        \"OCTOBER, NOVEMBER, DECEMBER\",\n      ],\n    };\n  },\n  methods: {\n    formatNumber(value) {\n      return value.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n    },\n  },\n};\n</script>\n\n<style scoped>\n.circle {\n  width: 150px;\n  height: 150px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  font-size: 1.5rem;\n  margin-top: 1rem;\n  padding: 10px;\n  box-sizing: border-box;\n}\n.blue-circle {\n  border: 2px solid rgb(0, 143, 251);\n}\n\n.yellow-circle {\n  border: 2px solid rgb(254, 176, 25);\n}\n\n.red-circle {\n  border: 2px solid rgb(255, 69, 96);\n}\n\n.gray-circle {\n  border: 2px solid rgb(201, 201, 201);\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!./ScoreCircle.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!./ScoreCircle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ScoreCircle.vue?vue&type=template&id=c55b0048&scoped=true\"\nimport script from \"./ScoreCircle.vue?vue&type=script&lang=js\"\nexport * from \"./ScoreCircle.vue?vue&type=script&lang=js\"\nimport style0 from \"./ScoreCircle.vue?vue&type=style&index=0&id=c55b0048&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  \"c55b0048\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"w-100\"},[_c('b-row',[_c('b-col',{attrs:{\"md\":\"3\",\"sm\":\"6\"}},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('h4',[_vm._v(_vm._s(this.selectedQuarter)+\" Total\")]),_c('b-card',{staticClass:\"mb-0 mt-1\",staticStyle:{\"min-width\":\"150px\"}},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('h1',{},[_vm._v(_vm._s(_vm.formatNumber(_vm.completions.total_realized)))]),_c('div',{staticClass:\"d-flex\"},[(_vm.completions.completion_rate.toFixed(1) > 0)?_c('FeatherIcon',{attrs:{\"icon\":\"ArrowUpIcon\",\"size\":\"20\",\"color\":\"green\"}}):(_vm.completions.completion_rate.toFixed(1) < 0)?_c('FeatherIcon',{attrs:{\"icon\":\"ArrowDownIcon\",\"size\":\"20\",\"color\":\"red\"}}):_vm._e(),_c('p',{staticStyle:{\"font-size\":\"1rem\",\"margin-left\":\"0.5rem\"}},[_vm._v(\"%\"+_vm._s(_vm.completions.completion_rate.toFixed(1)))])],1),_c('h5',[_vm._v(\"Goal\")]),_c('h5',[_vm._v(_vm._s(_vm.formatNumber(_vm.completions.kpi_target)))])])])],1)]),_c('b-col',{attrs:{\"md\":\"3\",\"sm\":\"6\"}},[(_vm.completions.completion_per_month.length > 0)?_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('h4',[_vm._v(_vm._s(_vm.completions.completion_per_month[0].month))]),_c('div',{staticClass:\"circle blue-circle\"},[_vm._v(\" \"+_vm._s(_vm.formatNumber(_vm.completions.completion_per_month[0].kpi_realized))+\" \")])]):_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('h4',[_vm._v(\"No Data\")]),_c('div',{staticClass:\"circle gray-circle\"},[_c('h4',[_vm._v(\"-\")])])])]),_c('b-col',{attrs:{\"md\":\"3\",\"sm\":\"6\"}},[(_vm.completions.completion_per_month.length > 1)?_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('h4',[_vm._v(_vm._s(this.completions.completion_per_month[1].month))]),_c('div',{staticClass:\"circle yellow-circle\"},[_vm._v(\" \"+_vm._s(_vm.formatNumber(this.completions.completion_per_month[1].kpi_realized))+\" \")])]):_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('h4',[_vm._v(\"No Data\")]),_c('div',{staticClass:\"circle gray-circle\"},[_c('h4',[_vm._v(\"-\")])])])]),_c('b-col',{attrs:{\"md\":\"3\",\"sm\":\"6\"}},[(_vm.completions.completion_per_month.length > 2)?_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('h4',[_vm._v(_vm._s(this.completions.completion_per_month[2].month))]),_c('div',{staticClass:\"circle red-circle\"},[_vm._v(\" \"+_vm._s(_vm.formatNumber(this.completions.completion_per_month[2].kpi_realized))+\" \")])]):_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('h4',[_vm._v(\"No Data\")]),_c('div',{staticClass:\"circle gray-circle\"},[_c('h4',[_vm._v(\"-\")])])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <h2 class=\"m-0\">Quarterly KPI Chart</h2>\n    <h6 class=\"text-muted\">Target & Realized</h6>\n\n    <vue-apex-charts\n      class=\"mt-3\"\n      ref=\"apexChart\"\n      height=\"455\"\n      :options=\"chartOptions\"\n      :series=\"chartSeries\"\n    />\n    <div class=\"d-flex align-items-center justify-content-center\">\n      <span class=\"circle\"></span>\n      <span>Target</span>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport { kFormatter } from \"@/@core/utils/filter\";\n\nexport default {\n  props: {\n    barChartData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      chartOptions: {\n        chart: {\n          height: 350,\n          type: \"bar\",\n          stacked: true,\n        },\n        plotOptions: {\n          bar: {\n            columnWidth: \"50%\",\n            borderRadius: 0,\n            borderWidth: 0,\n          },\n        },\n        xaxis: {\n          categories: [\"Q1\", \"Q2\", \"Q3\", \"Q4\"],\n        },\n        yaxis: {\n          labels: {\n            formatter: function (value) {\n              return kFormatter(value);\n            },\n          },\n        },\n        tooltip: {\n          shared: false,\n          custom: ({ seriesIndex, dataPointIndex, w }) => {\n            const quarterNames = [\"Q1\", \"Q2\", \"Q3\", \"Q4\"];\n            const quarterName = quarterNames[dataPointIndex];\n            if (seriesIndex === 12) {\n              const targetValue =\n                w.config.series[seriesIndex].data[dataPointIndex];\n\n              return `\n              <div class=\"apexcharts-tooltip-title\">${quarterName}</div>\n              <div class=\"p-1\">\n                <span class=\"apexcharts-tooltip-marker\" style=\"background-color: #FFFFFF;\"></span>\n                Target: ${kFormatter(targetValue)}\n              </div>`;\n            } else {\n              const monthNames = [\n                \"January\",\n                \"February\",\n                \"March\",\n                \"April\",\n                \"May\",\n                \"June\",\n                \"July\",\n                \"August\",\n                \"September\",\n                \"October\",\n                \"November\",\n                \"December\",\n              ];\n              const monthName = monthNames[seriesIndex];\n              const realizedValue =\n                w.config.series[seriesIndex].data[dataPointIndex];\n              return `\n              <div class=\"apexcharts-tooltip-title\">${quarterName}</div>\n              <div class=\"p-1\">${monthName}: ${kFormatter(\n                realizedValue\n              )}</div>`;\n            }\n          },\n        },\n        markers: {\n          size: 7,\n          colors: [\"#00FFFF\"],\n          fill: {\n            opacity: 1,\n          },\n          fillOpacity: 1,\n          strokeOpacity: 0.5,\n          strokeColor: \"#00FFFF\",\n          hover: {\n            size: 10,\n          },\n          strokeColors: \"#FFFFFF\",\n        },\n        legend: {\n          show: false,\n        },\n        dataLabels: {\n          show: true,\n          formatter: function (val, opt) {\n            return opt.w.globals.seriesNames[opt.seriesIndex];\n          },\n        },\n        colors: [\"#008FFB\", \"#FFB01A\", \"#FF4560\"],\n        fill: { opacity: 1 },\n      },\n      chartSeries: [],\n      targetPoints: [],\n    };\n  },\n  methods: {\n    kFormatter,\n    prepareChartData() {\n      const realizedData = this.barChartData.realizedData;\n      const targetData = this.barChartData.targetData;\n\n      const series = [\n        {\n          name: \"Jan\",\n          type: \"bar\",\n          data: [realizedData.Q1.January, null, null, null],\n        },\n        {\n          name: \"Feb\",\n          type: \"bar\",\n          data: [realizedData.Q1.February, null, null, null],\n        },\n        {\n          name: \"Mar\",\n          type: \"bar\",\n          data: [realizedData.Q1.March, null, null, null],\n        },\n        {\n          name: \"Apr\",\n          type: \"bar\",\n          data: [null, realizedData.Q2.April, null, null],\n        },\n        {\n          name: \"May\",\n          type: \"bar\",\n          data: [null, realizedData.Q2.May, null, null],\n        },\n        {\n          name: \"Jun\",\n          type: \"bar\",\n          data: [null, realizedData.Q2.June, null, null],\n        },\n        {\n          name: \"Jul\",\n          type: \"bar\",\n          data: [null, null, realizedData.Q3.July, null],\n        },\n        {\n          name: \"Aug\",\n          type: \"bar\",\n          data: [null, null, realizedData.Q3.August, null],\n        },\n        {\n          name: \"Sep\",\n          type: \"bar\",\n          data: [null, null, realizedData.Q3.September, null],\n        },\n        {\n          name: \"Oct\",\n          type: \"bar\",\n          data: [null, null, null, realizedData.Q4.October],\n        },\n        {\n          name: \"Nov\",\n          type: \"bar\",\n          data: [null, null, null, realizedData.Q4.November],\n        },\n        {\n          name: \"Dec\",\n          type: \"bar\",\n          data: [null, null, null, realizedData.Q4.December],\n        },\n        {\n          name: \"\",\n          type: \"scatter\",\n          data: Object.values(targetData),\n        },\n      ];\n\n      this.chartSeries = series;\n      this.targetPoints = Object.values(targetData);\n    },\n  },\n  created() {\n    this.prepareChartData();\n  },\n};\n</script>\n\n<style scoped>\n.circle {\n  width: 12px;\n  height: 12px;\n  background-color: #00ffff;\n  border-radius: 50%;\n  margin-right: 5px;\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!./KpiChart.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!./KpiChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./KpiChart.vue?vue&type=template&id=15f8a240&scoped=true\"\nimport script from \"./KpiChart.vue?vue&type=script&lang=js\"\nexport * from \"./KpiChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./KpiChart.vue?vue&type=style&index=0&id=15f8a240&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  \"15f8a240\",\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('h2',{staticClass:\"m-0\"},[_vm._v(\"Quarterly KPI Chart\")]),_c('h6',{staticClass:\"text-muted\"},[_vm._v(\"Target & Realized\")]),_c('vue-apex-charts',{ref:\"apexChart\",staticClass:\"mt-3\",attrs:{\"height\":\"455\",\"options\":_vm.chartOptions,\"series\":_vm.chartSeries}}),_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('span',{staticClass:\"circle\"}),_c('span',[_vm._v(\"Target\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-row class=\"mb-1\">\n      <b-col lg=\"6\">\n        <h2 class=\"m-0\">\n          {{ selectedYear }} Budget Goals\n        </h2>\n        <h6 class=\"text-muted\">\n          Quarterly Budget Report\n        </h6>\n      </b-col>\n    </b-row>\n\n    <div :style=\"{ opacity: isLoading ? '0.5' : '1' }\">\n      <b-table\n        responsive\n        :items=\"tableData\"\n        :fields=\"formatItems\"\n        class=\"card\"\n      >\n        <template #cell(CPA_GOALS)=\"data\">\n          <b-form-group\n            style=\"max-width: 100px\"\n            class=\"m-0\"\n          >\n            <b-form-input\n              v-model=\"data.item.CPA_GOALS\"\n              type=\"number\"\n              placeholder=\"0\"\n              size=\"sm\"\n            />\n          </b-form-group>\n        </template>\n      </b-table>\n    </div>\n    <div class=\"text-right d-block\">\n      <b-button\n        variant=\"primary\"\n        @click=\"submitData\"\n      >\n        {{ isLoading ? 'Submitting...' : 'Submit' }}\n      </b-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  BTable,\n  BButton,\n  BFormGroup,\n  BFormInput, BFormRadioGroup, BRow, BCol\n} from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BCol, BRow,\n    BFormRadioGroup,\n    BTable,\n    BButton,\n    BFormGroup,\n    BFormInput\n  },\n  props: {\n    selectedQuarter: {\n      type: Number,\n      required: true\n    },\n    selectedYear: {\n      type: String,\n      required: true\n    },\n    tableData: {\n      type: Array,\n      required: true\n    },\n  },\n  data() {\n    return {\n      isLoading: false,\n      editableItems: [],\n    };\n  },\n  computed:{\n    formatItems () {\n      const items = [\n        {\n          key: \"METRICS\",\n          label: \"metric\",\n        },\n        {\n          key: \"CPA_GOALS\",\n          label: \"CPA GOALS\",\n        },\n      ]\n      if(this.selectedQuarter === 1) {\n        items.push({\n              key: \"JANUARY\",\n              label: \"jan\",\n            },\n            {\n              key: \"FEBRUARY\",\n\n              label: \"feb\",\n            },\n            {\n              key: \"MARCH\",\n\n              label: \"mar\",\n            })\n      } else if (this.selectedQuarter === 2) {\n        items.push({\n              key: \"APRIL\",\n              label: \"apr\",\n            },\n            {\n              key: \"MAY\",\n              label: \"may\",\n            },\n            {\n              key: \"JUNE\",\n              label: \"jun\",\n            })\n      } else if (this.selectedQuarter === 3) {\n        items.push({\n              key: \"JULY\",\n              label: \"jul\",\n            },\n            {\n              key: \"AUGUST\",\n              label: \"aug\",\n            },\n            {\n              key: \"SEPTEMBER\",\n              label: \"sep\",\n            })\n      } else if (this.selectedQuarter === 4) {\n        items.push({\n              key: \"OCTOBER\",\n              label: \"oct\",\n            },\n            {\n              key: \"NOVEMBER\",\n              label: \"nov\",\n            },\n            {\n              key: \"DECEMBER\",\n              label: \"dec\",\n            })\n      }\n      items.push({\n        key:\"Q\" + this.selectedQuarter + \" \" + \"REALIZED\",\n        label: \"realized\",\n      })\n      return items\n    }\n  },\n  methods: {\n    submitData () {\n      this.isLoading = true\n      let valueMap = {}\n      this.tableData.forEach((item) => {\n        if (item.CPA_GOALS !== undefined) {\n          valueMap[item.METRICS] = Number(item.CPA_GOALS);\n        }\n      });\n      this.$emit('cpa-submitted',valueMap, 'cpa')\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!./BudgetTable.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!./BudgetTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BudgetTable.vue?vue&type=template&id=4d547848\"\nimport script from \"./BudgetTable.vue?vue&type=script&lang=js\"\nexport * from \"./BudgetTable.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',{staticClass:\"mb-1\"},[_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('h2',{staticClass:\"m-0\"},[_vm._v(\" \"+_vm._s(_vm.selectedYear)+\" Budget Goals \")]),_c('h6',{staticClass:\"text-muted\"},[_vm._v(\" Quarterly Budget Report \")])])],1),_c('div',{style:({ opacity: _vm.isLoading ? '0.5' : '1' })},[_c('b-table',{staticClass:\"card\",attrs:{\"responsive\":\"\",\"items\":_vm.tableData,\"fields\":_vm.formatItems},scopedSlots:_vm._u([{key:\"cell(CPA_GOALS)\",fn:function(data){return [_c('b-form-group',{staticClass:\"m-0\",staticStyle:{\"max-width\":\"100px\"}},[_c('b-form-input',{attrs:{\"type\":\"number\",\"placeholder\":\"0\",\"size\":\"sm\"},model:{value:(data.item.CPA_GOALS),callback:function ($$v) {_vm.$set(data.item, \"CPA_GOALS\", $$v)},expression:\"data.item.CPA_GOALS\"}})],1)]}}])})],1),_c('div',{staticClass:\"text-right d-block\"},[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.submitData}},[_vm._v(\" \"+_vm._s(_vm.isLoading ? 'Submitting...' : 'Submit')+\" \")])],1)],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',{staticClass:\"w-100\"},[_c('h2',{staticClass:\"m-0\"},[_vm._v(\"Monthly KPI Chart\")]),_c('h6',{staticClass:\"text-muted\"},[_vm._v(\"Realized\")]),_c('vue-apex-charts',{ref:\"apexChart\",staticClass:\"mt-1 mb-0\",attrs:{\"height\":\"250\",\"type\":\"bar\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"w-100\">\n    <h2 class=\"m-0\">Monthly KPI Chart</h2>\n    <h6 class=\"text-muted\">Realized</h6>\n\n    <vue-apex-charts\n    class=\"mt-1 mb-0\"\n      ref=\"apexChart\"\n      height=\"250\"\n      type=\"bar\"\n      :options=\"chartOptions\"\n      :series=\"series\"\n    />\n  </b-card>\n</template>\n\n<script>\nimport { BCard } from \"bootstrap-vue\";\nimport { kFormatter } from \"@core/utils/filter\";\n\nexport default {\n  components: {\n    BCard,\n  },\n  props: {\n    barChartData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      series: this.convertDataFormat(),\n      chartOptions: {\n        chart: {\n          type: \"bar\",\n          height: 450,\n          stacked: false,\n        },\n        plotOptions: {\n          bar: {\n            horizontal: false,\n          },\n        },\n        colors: [\"#008FFB\", \"#FEB019\", \"#FF4560\"],\n        xaxis: {\n          categories: this.months,\n        },\n        yaxis: {\n          labels: {\n            formatter: (value) => {\n              return kFormatter(value);\n            },\n          },\n        },\n        legend: {\n          show: false,\n        },\n        fill: {\n          opacity: 1,\n        },\n        dataLabels: {\n          enabled: true,\n          formatter: function (val) {\n            return val < 1 ? val.toFixed(2) : kFormatter(val);\n          },        },\n        tooltip: {\n          y: {\n            formatter: (value) => {\n              return kFormatter(value);\n            },\n            title: {\n              formatter: () => \"\",\n            },\n          },\n        },\n      },\n      months: [],\n    };\n  },\n\n  created() {\n    this.convertDataFormat();\n  },\n  methods: {\n    kFormatter,\n    getPoints() {\n      const points = [];\n      Object.keys(this.barChartData.targetData).forEach((quarter) => {\n        points.push({\n          x: quarter,\n          y: this.barChartData.targetData[quarter],\n          marker: {\n            size: 7,\n            fillColor: \"#775DD0\",\n            strokeColor: \"#775DD0\",\n            radius: 2,\n          },\n          label: {\n            borderColor: \"#775DD0\",\n          },\n        });\n      });\n      return points;\n    },\n    convertDataFormat() {\n      let result = [];\n      let months = [];\n      Object.entries(this.barChartData).forEach(([quarter, data]) => {\n        if (typeof data === \"object\" && data !== null) {\n          Object.entries(data).forEach(([month, monthData]) => {\n            if (typeof monthData === \"object\" && monthData !== null) {\n              Object.entries(monthData).forEach(([key, value]) => {\n                result.push(value);\n                if (!months.includes(key)) {\n                  months.push(key);\n                }\n              });\n            }\n          });\n        }\n      });\n      this.months = months;\n      return [{ data: result }];\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!./KpiChartWithMonths.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!./KpiChartWithMonths.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./KpiChartWithMonths.vue?vue&type=template&id=75ac3882\"\nimport script from \"./KpiChartWithMonths.vue?vue&type=script&lang=js\"\nexport * from \"./KpiChartWithMonths.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  <section>\n    <h3 class=\"mb-1\">Quarterly KPI Report</h3>\n    <b-button variant=\"primary\" size=\"sm\" class=\"mb-2\" @click=\"previousPage\">\n      <span class=\"align-middle\">Back</span>\n    </b-button>\n    <filters-v2 name=\"quarterlyKpiReport\" :get-metrics=\"getFilter\" />\n    <filter-selections\n      v-if=\"isOpeningPage\"\n      title=\"Select year, quarter and kpi list to see the report\"\n    />\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-else v-if=\"recData !== null && !noData\" :key=\"currentKey\">\n        <!-- Create KPI Button -->\n        <b-row>\n          <b-button\n            v-b-modal.modal-center\n            variant=\"primary\"\n            class=\"ml-auto mr-2 mb-2\"\n            style=\"height: 38px\"\n          >\n            Create KPI\n          </b-button>\n\n        </b-row>\n        <!-- Modal for KPI Rows -->\n        <b-modal\n          id=\"modal-center\"\n          centered\n          :title=\"`${selectedQuarter} Goal Table`\"\n          hide-footer\n          @hide=\"toggleModal\"\n          @show=\"toggleModal\"\n        >\n          <div v-if=\"!this.loadingModal\">\n            <!-- <div>\n            <filtersV2 name=\"onlyBrand\" :get-metrics=\"getBrand\" class=\"w-100\" />\n          </div> -->\n            <div\n              v-for=\"(kpi, index) in kpiRows\"\n              :key=\"index\"\n              class=\"kpi-row mb-1\"\n            >\n              <b-form-input\n                v-model.lazy=\"kpi.name\"\n                :disabled=\"editableIndex !== index || editableId !== kpi.id\"\n                placeholder=\"Enter KPI Name\"\n                class=\"mr-2\"\n                style=\"width: 30%; display: inline-block\"\n              />\n              <b-form-group\n                style=\"width: 59%; display: inline-block\"\n                :disabled=\"editableIndex !== index\"\n              >\n                <b-dropdown\n                  id=\"dropdown-1\"\n                  :text=\"\n                    (Array.isArray(selectedEvents[kpi.name])\n                      ? selectedEvents[kpi.name]\n                      : [selectedEvents[kpi.name]]\n                    ).join(', ')\n                  \"\n                  variant=\"outline-light \"\n                  class=\"comparison-dropdown mb-lg-0\"\n                  block\n                  multiple\n                >\n                  <vue-perfect-scrollbar\n                    ref=\"scrollbar\"\n                    class=\"checkist-scroll-area\"\n                    style=\"max-height: 200px\"\n                  >\n                    <div class=\"p-2\">\n                      <!-- Option List -->\n                      <b-form-checkbox\n                        v-for=\"(option, i) in kpi.event\"\n                        :key=\"i\"\n                        v-model=\"selectedEvents[kpi.name]\"\n                        :value=\"option\"\n                        class=\"mb-50\"\n                      >\n                        {{ option }}\n                      </b-form-checkbox>\n                    </div>\n                  </vue-perfect-scrollbar>\n                </b-dropdown>\n              </b-form-group>\n              <FeatherIcon\n                v-if=\"editableIndex === index\"\n                icon=\"SaveIcon\"\n                @click=\"saveKpis(kpi)\"\n                style=\"cursor: pointer; margin-top: -3px; margin-left: 1rem\"\n                size=\"20\"\n              ></FeatherIcon>\n              <FeatherIcon\n                v-else\n                icon=\"EditIcon\"\n                @click=\"checkEditableIndex(index)\"\n                style=\"cursor: pointer; margin-top: -3px; margin-left: 1rem\"\n                size=\"20\"\n              ></FeatherIcon>\n              <FeatherIcon\n                v-if=\"editableIndex === index\"\n                icon=\"CornerDownLeftIcon\"\n                @click=\"undo(index)\"\n                style=\"cursor: pointer; margin-top: -3px; margin-left: 1rem\"\n                size=\"20\"\n              ></FeatherIcon>\n              <p\n                v-if=\"editableIndex === index && warningMessage\"\n                class=\"text-danger\"\n              >\n                {{ warningMessage }}\n              </p>\n            </div>\n\n            <!-- Modal Buttons -->\n            <b-row class=\"mt-2\">\n              <b-col class=\"text-left\">\n                <b-button\n                  :disabled=\"\n                    isAddingKpi || warningMessage !== '' || !isNewRowSaved\n                  \"\n                  variant=\"primary\"\n                  @click=\"addKpiRow\"\n                >\n                  Add KPI\n                </b-button>\n              </b-col>\n            </b-row>\n          </div>\n          <div v-else>\n            <loading />\n          </div>\n        </b-modal>\n        <b-row class=\"match-height mb-3\">\n          <b-col>\n            <kpi-table\n              id=\"kpi-table\"\n              :selected-quarter=\"selectedQuarter\"\n              :selected-year=\"selectedYear\"\n              :table-data=\"recData.tableData.kpiTable\"\n              @kpi-submitted=\"submitKPI\"\n            />\n          </b-col>\n        </b-row>\n        <b-row class=\"match-height\">\n          <b-col lg=\"4\">\n            <kpi-chart\n              id=\"kpi-chart\"\n              :bar-chart-data=\"recData.barChartData\"\n              :selected-quarter=\"selectedQuarter\"\n            />\n          </b-col>\n          <b-col lg=\"8\">\n            <b-row>\n              <score-circle\n                id=\"score-circle\"\n                :selected-quarter=\"selectedQuarter\"\n                :completions=\"recData.kpiGoalCompletions\"\n              />\n            </b-row>\n            <b-row>\n              <kpi-chart-with-months\n                id=\"kpi-chart-with-months\"\n                :bar-chart-data=\"recData.barChartData\"\n                :selected-quarter=\"selectedQuarter\"\n              />\n            </b-row>\n          </b-col>\n        </b-row>\n      </span>\n    </span>\n  </section>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n  BButton,\n  BFormRadioGroup,\n  BFormGroup,\n  BFormInput,\n  BModal,\n  BDropdown,\n  BFormCheckbox,\n} from \"bootstrap-vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport KpiTable from \"./KpiTable.vue\";\nimport ScoreCircle from \"./ScoreCircle.vue\";\nimport KpiChart from \"./KpiChart.vue\";\nimport BudgetTable from \"./BudgetTable.vue\";\nimport vSelect from \"vue-select\";\nimport html2pdf from \"html2pdf.js\";\nimport KpiChartWithMonths from \"./KpiChartWithMonths.vue\";\nimport FeatherIcon from \"@/@core/components/feather-icon/FeatherIcon.vue\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport FilterSelections from \"@/views/FilterSelections.vue\";\n\nexport default {\n  components: {\n    Loading,\n    BButton,\n    KpiTable,\n    ScoreCircle,\n    KpiChart,\n    BudgetTable,\n    BRow,\n    BCol,\n    BFormRadioGroup,\n    BFormGroup,\n    vSelect,\n    NoDataTemp,\n    KpiChartWithMonths,\n    BFormInput,\n    BModal,\n    BDropdown,\n    BFormCheckbox,\n    FeatherIcon,\n    VuePerfectScrollbar,\n    FiltersV2,\n    FilterSelections,\n  },\n  data() {\n    return {\n      isPdfGenerating: false,\n      currentKey: 0,\n      selectedYear: \"2024\",\n      selectedQuarter: 1,\n      recData: null,\n      noData: false,\n      eventOptions: [],\n      kpiRows: [],\n      selectedKpi: \"\",\n      selectedEvents: {},\n      backupSelectedEvents: null,\n      brand: null,\n      editableIndex: null,\n      previousEditableIndex: null,\n      warningMessage: \"\",\n      isEditing: false,\n      kpiResponse: [],\n      isAddingKpi: false,\n      emptyKpis: [],\n      editableId: null,\n      loadingModal: false,\n      unsavedChanges: false,\n      allKpiGroups: [],\n      isCreateKpiModalOpen: false,\n      isNewRowSaved: false,\n      isOpeningPage: true,\n      isLoading: false,\n    };\n  },\n  watch: {\n    editableIndex(newIndex, oldIndex) {\n      if (newIndex === null) {\n        this.isEditing = false;\n      } else {\n        this.isEditing = true;\n      }\n    },\n    \"kpi.name\": function (newName, oldName) {\n      if (this.selectedEvents[oldName]) {\n        this.selectedEvents[newName] = this.selectedEvents[oldName];\n        delete this.selectedEvents[oldName];\n      }\n    },\n    kpiRows: {\n      handler(newVal, oldVal) {\n        newVal.forEach((kpi, index) => {\n          if (!this.selectedEvents[kpi.name]) {\n            this.$set(this.selectedEvents, kpi.name, []);\n          }\n        });\n      },\n      deep: true,\n    },\n    brand(newVal, oldVal) {\n      if (newVal !== oldVal) {\n        this.brand = newVal;\n        this.getAllKpiGroups();\n      }\n    },\n  },\n  async created() {\n    await this.getAllKpiGroups();\n    this.getKpis();\n  },\n  methods: {\n    toggleModal() {\n      this.isCreateKpiModalOpen = !this.isCreateKpiModalOpen;\n      this.isNewRowSaved = true;\n      if (this.isCreateKpiModalOpen) {\n        this.backupSelectedEvents = JSON.parse(\n          JSON.stringify(this.selectedEvents)\n        );\n      } else {\n        if (this.unsavedChanges) {\n          this.selectedEvents = JSON.parse(\n            JSON.stringify(this.backupSelectedEvents)\n          );\n        }\n      }\n      if (!this.isCreateKpiModalOpen && this.unsavedChanges) {\n        this.selectedEvents = JSON.parse(\n          JSON.stringify(this.backupSelectedEvents)\n        );\n      }\n      this.kpiRows = this.kpiRows.filter((row) => {\n        return !(row.id && this.unsavedChanges);\n      });\n\n      if (this.editableIndex !== null) {\n        this.editableIndex = null;\n        this.previousEditableIndex = null;\n        this.isAddingKpi = false;\n        this.warningMessage = \"\";\n      }\n    },\n    submitKPI(valueMap, kpiType) {\n      let quarter = Number(this.selectedQuarter.slice(1));\n      this.$http\n        .post(\n          \"reports/kpi/update\",\n          { valueMap },\n          {\n            params: {\n              kpiType: kpiType,\n              year: this.selectedYear,\n              quarter: quarter,\n            },\n          }\n        )\n        .then(({ data }) => {\n          this.getMetrics();\n        })\n        .catch((e) => {\n          console.log(e);\n        });\n    },\n    async getFilter(data) {\n      this.selectedYear = data.year;\n      this.selectedQuarter = data.quarter;\n      this.selectedKpi = data.kpiList;\n      this.recData = null;\n      await this.getMetrics();\n    },\n    async getMetrics() {\n      let quarter = Number(this.selectedQuarter.slice(1));\n      this.noData = false;\n      this.isOpeningPage = false;\n      this.isLoading = true;\n      await this.$http\n        .get(\"reports/kpi/list\", {\n          params: {\n            year: this.selectedYear,\n            quarter: quarter,\n            kpi_group: this.selectedKpi,\n          },\n        })\n        .then(({ data }) => {\n          this.recData = data;\n          this.noData = false;\n          this.isLoading = false;\n          this.currentKey++;\n        })\n        .catch((e) => {\n          this.noData = true;\n          this.isLoading = false;\n        });\n    },\n    undo(index) {\n      this.warningMessage = \"\";\n      this.editableIndex = null;\n      this.isNewRowSaved = true;\n      if (this.kpiRows[index] && this.kpiRows[index].id) {\n        this.kpiRows.splice(index, 1);\n      } else {\n        this.selectedEvents = JSON.parse(\n          JSON.stringify(this.backupSelectedEvents)\n        );\n      }\n    },\n    async getKpis() {\n      this.loadingModal = true;\n      this.kpiResponse = [];\n      try {\n        let kpiRows = await Promise.all(\n          this.allKpiGroups.map(async (metric) => {\n            const response = await this.$http.get(\"onboarding/kpi/list\", {\n              params: {\n                kpi_group: metric,\n                // brand_id: this.brand,\n                brand_id: \"B000002\",\n              },\n            });\n            this.kpiResponse.push(response.data.body);\n            let eventOptions = this.kpiOptions(response.data.body, metric);\n            this.$set(\n              this.selectedEvents,\n              metric,\n              response.data.body.selected_events.map((event) => event.events) ||\n                []\n            );\n\n            return {\n              name: metric,\n              event: eventOptions,\n            };\n          })\n        );\n        this.kpiRows = kpiRows;\n        this.loadingModal = false;\n      } catch (e) {\n        console.error(e);\n        this.loadingModal = false;\n      }\n    },\n    kpiOptions(data, name) {\n      let options = [];\n      data.selected_events.forEach((event) => {\n        if (data.kpi_group === name) {\n          options.push(event.events);\n        }\n      });\n\n      data.available_events.forEach((event) => {\n        if (data.kpi_group === name) {\n          options.push(event.events);\n        }\n      });\n\n      return options;\n    },\n    previousPage() {\n      this.$router.push(\"/smart-reporting/custom-reports-page\");\n    },\n    async addKpiRow() {\n      this.unsavedChanges = true;\n      this.isNewRowSaved = false;\n      this.isAddingKpi = true;\n\n      let events = [];\n      try {\n        const response = await this.$http.get(\"onboarding/kpi/list\", {\n          params: {\n            kpi_group: \"\",\n            // brand_id: this.brand,\n            brand_id: \"B000002\",\n          },\n        });\n\n        events = response.data.body.available_events.map(\n          (event) => event.events\n        );\n\n        let newName = \"\";\n        let id = Date.now();\n        this.emptyKpis = response.data.body.available_events;\n\n        this.$set(this.kpiRows, this.kpiRows.length, {\n          id: id,\n          name: newName,\n          event: events,\n        });\n        this.$set(this.selectedEvents, newName, []);\n        this.editableId = id;\n        this.editableIndex = this.kpiRows.length - 1;\n\n        await this.$nextTick();\n      } catch (error) {\n        console.error(\"Error fetching KPI events:\", error);\n      } finally {\n        this.isAddingKpi = false;\n      }\n    },\n    saveKpis(kpi) {\n      this.unsavedChanges = false;\n      this.previousEditableIndex = null;\n      this.editableIndex = null;\n      this.warningMessage = \"\";\n      this.isEditing = false;\n      const kpi_group = kpi.name;\n      let ids = [];\n      let selected_events = [];\n      this.selectedEvents = { ...this.selectedEvents };\n\n      let kpiGroupItem = this.kpiResponse.find(\n        (item) => item.kpi_group === kpi_group\n      );\n      if (kpiGroupItem) {\n        if (\n          this.selectedEvents[kpi_group] &&\n          this.selectedEvents[kpi_group].length > 0\n        ) {\n          kpiGroupItem.selected_events.forEach((event) => {\n            if (this.selectedEvents[kpi_group].includes(event.events)) {\n              ids.push(event.event_id);\n            }\n          });\n          kpiGroupItem.available_events.forEach((event) => {\n            if (this.selectedEvents[kpi_group].includes(event.events)) {\n              ids.push(event.event_id);\n            }\n          });\n        } else {\n          ids = [];\n        }\n      } else {\n        if (\n          this.selectedEvents[kpi_group] &&\n          this.selectedEvents[kpi_group].length > 0\n        ) {\n          this.emptyKpis.forEach((event) => {\n            if (this.selectedEvents[kpi_group].includes(event.events)) {\n              ids.push(event.event_id);\n            }\n          });\n        } else {\n          ids = [];\n        }\n      }\n\n      selected_events = ids.map((id) => {\n        return { event_id: id };\n      });\n\n      this.$http\n        .post(\n          \"onboarding/kpi/update\",\n          { kpi_group, selected_events },\n          // { params: { brand_id: this.brand } }\n          { params: { brand_id: \"B000002\" } }\n        )\n        .then(() => {\n          this.backupSelectedEvents = JSON.parse(\n            JSON.stringify(this.selectedEvents)\n          );\n          this.isNewRowSaved = true;\n          this.getAllKpiGroups();\n          this.$bvToast.toast(\"KPIs saved successfully\", {\n            title: \"Success\",\n            variant: \"success\",\n            solid: true,\n          });\n        })\n        .catch((error) => {\n          console.error(error);\n          this.$bvToast.toast(\"Error saving KPIs\", {\n            title: \"Error\",\n            variant: \"danger\",\n            solid: true,\n          });\n        });\n    },\n    // removeKpi(kpi, index) {\n    //   this.kpiRows.splice(index, 1);\n    //   const kpi_group = kpi.name;\n    //   const selected_events = [];\n    //   this.$http\n    //     .post(\n    //       \"onboarding/kpi/update\",\n    //       { kpi_group, selected_events },\n    //       { params: { brand_id: this.brand } }\n    //     )\n    //     .then((data) => {\n    //       this.getKpis();\n    //       this.$bvToast.toast(\"KPIs saved successfully\", {\n    //         title: \"Success\",\n    //         variant: \"success\",\n    //         solid: true,\n    //       });\n    //     })\n    //     .catch((error) => {\n    //       console.error(error);\n    //       this.$bvToast.toast(\"Error saving KPIs\", {\n    //         title: \"Error\",\n    //         variant: \"danger\",\n    //         solid: true,\n    //       });\n    //     });\n    // },\n    checkEditableIndex(newIndex) {\n      if (\n        this.unsavedChanges &&\n        this.editableIndex !== null &&\n        this.editableIndex !== newIndex\n      ) {\n        this.warningMessage =\n          \"Please save your changes before editing another row.\";\n        return;\n      }\n      this.warningMessage = \"\";\n      this.previousEditableIndex = this.editableIndex;\n      this.editableIndex = newIndex;\n      this.unsavedChanges = true;\n    },\n    getBrand(params) {\n      this.brand = params.brand.value;\n    },\n    async getAllKpiGroups() {\n      this.loadingModal = true;\n      await this.$http\n        .get(\"onboarding/kpi/list\", {\n          params: {\n            kpi_group: \"\",\n            // brand_id: this.brand,\n            brand_id: \"B000002\",\n          },\n        })\n        .then(({ data }) => {\n          this.allKpiGroups = data.body.all_kpi_groups;\n        });\n      this.allKpiGroups = this.allKpiGroups.filter((item) => item !== \"\");\n      this.getKpis();\n    },\n  },\n  computed: {\n    selectedEventsArray() {\n      return this.kpiRows.map((kpi) => {\n        const events = this.selectedEvents[kpi.name];\n        return Array.isArray(events) ? events : [events];\n      });\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n::v-deep .modal.show .modal-dialog {\n  transform: none;\n  max-width: 900px !important;\n}\n</style>\n\n<style lang=\"scss\">\n.comparison-dropdown {\n  .btn {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .btn-outline-light {\n    border-color: #f6f6f636;\n    text-align: left;\n    padding: 0.8rem 1rem;\n  }\n  .btn-outline-light:hover {\n    background-color: #f6f6f60f;\n    color: white;\n  }\n  .btn-outline-light.dropdown-toggle {\n    background-color: unset !important;\n    color: white !important;\n    border-color: #f6f6f636 !important;\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!./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=69f10cd2&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=69f10cd2&prod&scoped=true&lang=scss\"\nimport style1 from \"./Index.vue?vue&type=style&index=1&id=69f10cd2&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  \"69f10cd2\",\n  null\n  \n)\n\nexport default component.exports","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!./ScoreCircle.vue?vue&type=style&index=0&id=c55b0048&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!./Index.vue?vue&type=style&index=0&id=69f10cd2&prod&scoped=true&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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--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!./KpiChart.vue?vue&type=style&index=0&id=15f8a240&prod&scoped=true&lang=css\"","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":""}