{"version":3,"sources":["webpack:///./src/views/filter-components/checkBox.vue?b03e","webpack:///./src/views/FiltersV2.vue?c402","webpack:///./src/views/filter-components/selectCheckList.vue?116f","webpack:///./src/views/FiltersV2.vue?1f25","webpack:///src/views/filter-components/selectList.vue","webpack:///./src/views/filter-components/selectList.vue?677f","webpack:///./src/views/filter-components/selectList.vue","webpack:///./src/views/filter-components/selectList.vue?60f8","webpack:///src/views/filter-components/selectDate.vue","webpack:///./src/views/filter-components/selectDate.vue?60c0","webpack:///./src/views/filter-components/selectDate.vue","webpack:///./src/views/filter-components/selectDate.vue?3f19","webpack:///src/views/filter-components/checkBox.vue","webpack:///./src/views/filter-components/checkBox.vue?449a","webpack:///./src/views/filter-components/checkBox.vue","webpack:///./src/views/filter-components/checkBox.vue?e919","webpack:///src/views/filter-components/selectCheckList.vue","webpack:///./src/views/filter-components/selectCheckList.vue?bc4b","webpack:///./src/views/filter-components/selectCheckList.vue","webpack:///./src/views/filter-components/selectCheckList.vue?c928","webpack:///src/views/filter-components/submit.vue","webpack:///./src/views/filter-components/submit.vue?dd06","webpack:///./src/views/filter-components/submit.vue","webpack:///./src/views/filter-components/submit.vue?2ff2","webpack:///src/views/filter-components/userDefinedFilterTemplate.vue","webpack:///./src/views/filter-components/userDefinedFilterTemplate.vue?23cd","webpack:///./src/views/filter-components/userDefinedFilterTemplate.vue","webpack:///./src/views/filter-components/userDefinedFilterTemplate.vue?0972","webpack:///src/views/FiltersV2.vue","webpack:///./src/views/FiltersV2.vue?7f8e","webpack:///./src/views/FiltersV2.vue","webpack:///./src/views/filter-components/selectDate.vue?47de","webpack:///./src/views/filter-components/userDefinedFilterTemplate.vue?9685"],"names":["components","vSelect","BCol","BFormGroup","props","name","type","String","required","size","Number","default","data","config","key","computed","disableState","length","lgSize","properties","hasOwnProperty","$filterV2","created","getConfig","mounted","unsubscribe","$store","subscribe","mutation","state","payload","beforeDestroy","methods","input","val","manage","component","general","store","get","filterData","m","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","Object","keys","selected","placeholder","on","_e","BInputGroupPrepend","BInputGroup","DateRangePicker","startDate","endDate","minDate","maxDate","ranges","today","Date","setHours","yesterday","setDate","getDate","dynamicRangeName","dateMaxRangePlaceholder","getFullYear","getMonth","isValueNull","value","formatDateTime","formatDate","dateString","date","toString","substr","updated","_v","_s","title","ref","$route","firstDay","format","scopedSlots","_u","fn","proxy","BFormCheckbox","BDropdown","BFormInput","VuePerfectScrollbar","searchQuery","selectAll","_this$selected","_this$selected2","btnVariant","variant","isDisabled","isDataSelected","_this$selected3","searchPlaceholder","filteredOptionList","filter","item","toLowerCase","includes","isSelectAllShowing","_this$config","selectAllMethod","getHighlight","option","highKey","highlightKey","resetScrollbar","$nextTick","$refs","scrollbar","$el","scrollTop","calculateSelectAll","map","_this$selected4","class","model","callback","$$v","expression","staticStyle","_l","i","BButton","Size","btnClass","btnText","text","BRow","BCard","BTooltip","popUpResponse","saveList","Array","selectedSave","newSaveName","awaitingResponse","popUpVisible","popUpResponseState","popUpResponseType","popUpContent","update","true","false","delete","add","sendAction","action","$emit","saveName","popUpMessage","message","popUpIcon","watch","newResponse","split","response","actionType","timeStamp","setTimeout","$event","fail","hide","BSpinner","BSkeleton","selectList","selectDate","checkBox","selectCheckList","submit","userDefinedFilterTemplate","getMetrics","Function","noCard","Boolean","visualHierarchy","isFilterTemplateOpen","savedSelections","canBeSaved","loadingStatus","maxHovers","hoverCount","initialize","setupBounceAnimation","filterV2","componentName","loading","$set","wrapperComponent","actionData","importSelection","then","now","selectionActions","push","calculateSizeOfComponents","n","row","fixedLength","fixedComponents","actualSize","Math","floor","toggleFilterTemplate","readLoadingStatus","_this$loadingStatus$c","element","document","querySelector","addEventListener","classList","remove","tag","itemName","style","width","saveActions","staticRenderFns"],"mappings":"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","file":"js/chunk-5c38631e.793af514.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./checkBox.vue?vue&type=style&index=0&id=7d01b406&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!./FiltersV2.vue?vue&type=style&index=0&id=1b4c5917&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!./selectCheckList.vue?vue&type=style&index=0&id=54c23dd2&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.wrapperComponent,{tag:\"component\",staticClass:\"d-flex flex-row\",class:{'border-right-saved-reports': !_vm.isFilterTemplateOpen && _vm.canBeSaved},attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"filter position-relative p-2 w-100 flex-grow-4\"},[(_vm.visualHierarchy.length === 0)?_c('b-row',{staticClass:\"h-100 w-100\"},_vm._l((3),function(n){return _c('b-col',{key:(n + \"-skeleton\"),staticClass:\"d-flex justify-content-center align-items-center\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('b-skeleton',{staticClass:\"mb-lg-0 mt-1 justify-content-center filter-item\",attrs:{\"width\":\"100%\",\"height\":\"35px\"}})],1)}),1):_vm._e(),_vm._l((_vm.visualHierarchy),function(row){return (_vm.visualHierarchy.length !== 0)?_c('b-row',{key:(\"row_\" + row),staticClass:\"d-flex justify-content-around\"},[_vm._l((row),function(itemName){return [(_vm.readLoadingStatus(itemName))?_c('div',{key:(itemName + \"_loading\"),staticClass:\"mb-lg-0 mt-1 justify-content-center filter-item\",style:({ width: (((_vm.calculateSizeOfComponents(row.length, row) / 12) * 100) + \"%\")})},[_c('b-skeleton',{staticClass:\"mb-lg-0 justify-content-center filter-item\",attrs:{\"width\":\"100%\",\"height\":\"35px\"}})],1):_c(_vm.config[itemName].type,{key:(\"\" + itemName),tag:\"div\",staticClass:\"mb-lg-0 mt-1 justify-content-center filter-item\",attrs:{\"name\":itemName,\"size\":_vm.calculateSizeOfComponents(row.length, row)}})]})],2):_vm._e()}),(_vm.canBeSaved)?_c('span',{staticClass:\"filter-template-toggle d-flex justify-content-center align-items-center\",attrs:{\"id\":\"filter-toggle\"},on:{\"click\":_vm.toggleFilterTemplate}},[_c('feather-icon',{staticClass:\"icon\",attrs:{\"icon\":\"SlidersIcon\",\"size\":\"16\"}}),_c('b-tooltip',{attrs:{\"target\":\"filter-toggle\",\"triggers\":\"hover\"}},[_vm._v(\" Saved Filters \")])],1):_vm._e()],2),(_vm.canBeSaved)?_c('div',{staticClass:\"filter-template d-flex justify-content-center align-items-center\",class:{ hide: !_vm.isFilterTemplateOpen }},[_c('user-defined-filter-template',{attrs:{\"popUpResponse\":_vm.popUpResponse,\"saveList\":_vm.savedSelections},on:{\"action\":_vm.saveActions}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-col\n    :lg=\"size\"\n    sm=\"12\"\n    class=\"align-content-end\"\n  >\n    <b-form-group\n      v-if=\"Object.keys(config).length > 0\"\n      class=\"mb-lg-0\"\n    >\n      <v-select\n        :value=\"config.selected\"\n        :placeholder=\"config.properties.placeholder\"\n        :options=\"config.data\"\n        :disabled=\"disableState\"\n        label=\"title\"\n        :clearable=\"false\"\n        @input=\"(val) => input(val)\"\n      />\n    </b-form-group>\n  </b-col>\n</template>\n\n\n<script>\nimport {\n  BCol,\n  BFormGroup,\n} from \"bootstrap-vue\";\nimport vSelect from \"vue-select\";\n\nexport default {\n  components: {\n    vSelect,\n    BCol,\n    BFormGroup,\n  },\n  props: {\n    name: {\n      type: String,\n      required: true,\n    },\n    size: {\n      type: Number,\n      default: 3,\n    },\n  },\n  data() {\n    return {\n      config: {},\n      key:0\n    }\n  },\n  computed:{\n    disableState(){\n      return this.config.data.length === 0\n    },\n    lgSize() {\n      if (this.config.properties.hasOwnProperty('lgSize')) {\n        return this.config.properties.lgSize\n      } else {\n        return this.$filterV2.lgSize\n      }\n    }\n  },\n  created() {\n    this.getConfig()\n  },\n  mounted() {\n    this.unsubscribe = this.$store.subscribe((mutation, state) => {\n      if(((mutation.type === \"filterV2/updateSelectedValue\") ||\n          (mutation.type === \"filterV2/updateComponentFilterData\")) &&\n          (mutation.payload.name === this.name)){\n        this.getConfig()\n      }\n    })\n  },\n  beforeDestroy() {\n    if (this.unsubscribe) {\n      this.unsubscribe()\n    }\n  },\n  methods: {\n    input(val) {\n      this.$filterV2.manage.component.general.input(this.config.name, val)\n    },\n    getConfig(){\n      this.config = this.$filterV2.store.get.filterData()[this.name]\n    },\n  }\n};\n</script>\n<style></style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./selectList.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!./selectList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./selectList.vue?vue&type=template&id=92188262\"\nimport script from \"./selectList.vue?vue&type=script&lang=js\"\nexport * from \"./selectList.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-col',{staticClass:\"align-content-end\",attrs:{\"lg\":_vm.size,\"sm\":\"12\"}},[(Object.keys(_vm.config).length > 0)?_c('b-form-group',{staticClass:\"mb-lg-0\"},[_c('v-select',{attrs:{\"value\":_vm.config.selected,\"placeholder\":_vm.config.properties.placeholder,\"options\":_vm.config.data,\"disabled\":_vm.disableState,\"label\":\"title\",\"clearable\":false},on:{\"input\":function (val) { return _vm.input(val); }}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-col :lg=\"size\" sm=\"12\" class=\"align-content-end\">\n    <b-form-group class=\"mb-lg-0\">\n      <p v-if=\"config.properties.title\">{{ config.properties.title }}</p>\n      <b-input-group class=\"date-picker-wrapper d-flex\">\n        <b-input-group-prepend is-text>\n          <feather-icon icon=\"CalendarIcon\" />\n        </b-input-group-prepend>\n        <date-range-picker\n          ref=\"picker\"\n          :date-range=\"value\"\n          :disabled=\"disableState\"\n          :opens=\" $route.name === 'collaborative-report' ? 'right' : 'left' \"\n          :locale-data=\"{ firstDay: 1, format: 'dd mmm yy' }\"\n          :min-date=\"minDate\"\n          :max-date=\"maxDate\"\n          :single-date-picker=\"false\"\n          :show-dropdowns=\"true\"\n          :auto-apply=\"true\"\n          :ranges=\"ranges\"\n          @update=\"updated\"\n        >\n          <template v-if=\"!disableState\" #input=\"\">\n            <template v-if=\"isValueNull\"> Please Select a Date Range </template>\n            <template v-else>\n              {{ formatDate(config.selected.startDate) }} -\n              {{ formatDate(config.selected.endDate) }}\n            </template>\n          </template>\n          <template v-else #input=\"\" />\n        </date-range-picker>\n      </b-input-group>\n    </b-form-group>\n  </b-col>\n</template>\n\n<script>\nimport {\n  BCol,\n  BFormGroup,\n  BInputGroup,\n  BInputGroupPrepend,\n} from \"bootstrap-vue\";\nimport DateRangePicker from \"vue2-daterange-picker\";\nimport { formatDateTime } from \"@core/utils/filter\";\nimport \"vue2-daterange-picker/dist/vue2-daterange-picker.css\";\n\nexport default {\n  components: {\n    BInputGroupPrepend,\n    BInputGroup,\n    BCol,\n    BFormGroup,\n    DateRangePicker,\n  },\n  props: {\n    name: {\n      type: String,\n      required: true,\n    },\n    size: {\n      type: Number,\n      default: 3,\n    },\n  },\n  data() {\n    return {\n      config: {},\n    };\n  },\n  computed: {\n    disableState() {\n      if (typeof this.config.data.startDate !== \"undefined\") {\n        return (\n          this.config.data.startDate === null ||\n          this.config.data.endDate === null\n        );\n      } else {\n        return true;\n      }\n    },\n    lgSize() {\n      if (this.config.properties.hasOwnProperty(\"lgSize\")) {\n        return this.config.properties.lgSize;\n      } else {\n        return this.$filterV2.lgSize;\n      }\n    },\n    minDate() {\n      if (typeof this.config.data.startDate !== \"undefined\") {\n        return this.config.data.startDate;\n      } else {\n        return null;\n      }\n    },\n    maxDate() {\n      if (typeof this.config.data.endDate !== \"undefined\") {\n        return this.config.data.endDate;\n      } else {\n        return null;\n      }\n    },\n    ranges() {\n      const today = new Date();\n      today.setHours(0, 0, 0, 0);\n\n      const yesterday = new Date();\n      yesterday.setDate(today.getDate() - 1);\n      yesterday.setHours(0, 0, 0, 0);\n\n      const dynamicRangeName = this.config.properties.dateMaxRangePlaceholder;\n      const ranges = {\n        /*        Today: [today, today],\n        Yesterday: [yesterday, yesterday],*/\n        \"This month\": [\n          new Date(new Date().getFullYear(), new Date().getMonth(), 1, 0),\n          new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0, 0),\n        ],\n        \"Last month\": [\n          new Date(today.getFullYear(), today.getMonth() - 1, 1),\n          new Date(today.getFullYear(), today.getMonth(), 0),\n        ],\n        \"This year\": [\n          new Date(today.getFullYear(), 0, 1),\n          new Date(today.getFullYear(), 11, 31),\n        ],\n        \"Last year\": [\n          new Date(today.getFullYear() - 1, 0, 1),\n          new Date(today.getFullYear() - 1, 11, 31),\n        ],\n      };\n      if (!this.disableState && dynamicRangeName !== null) {\n        ranges[dynamicRangeName] = [\n          new Date(this.config.data.startDate),\n          new Date(this.config.data.endDate),\n        ];\n      }\n      return ranges;\n    },\n    isValueNull() {\n      if (\n        this.config.selected === null ||\n        typeof this.config.selected.startDate === \"undefined\"\n      ) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    value() {\n      if (\n        this.config.selected === null ||\n        typeof this.config.selected.startDate === \"undefined\"\n      ) {\n        return {\n          startDate: null,\n          endDate: null,\n        };\n      }\n      return this.config.selected;\n    },\n  },\n  created() {\n    this.getConfig();\n  },\n  mounted() {\n    this.unsubscribe = this.$store.subscribe((mutation, state) => {\n      if (\n        (mutation.type === \"filterV2/updateSelectedValue\" ||\n          mutation.type === \"filterV2/updateComponentFilterData\") &&\n        mutation.payload.name === this.name\n      ) {\n        this.getConfig();\n      }\n    });\n  },\n  beforeDestroy() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  },\n  methods: {\n    formatDateTime,\n    getConfig() {\n      this.config = this.$filterV2.store.get.filterData()[this.name];\n    },\n    formatDate(dateString) {\n      const months = [\n        \"Jan\",\n        \"Feb\",\n        \"Mar\",\n        \"Apr\",\n        \"May\",\n        \"Jun\",\n        \"Jul\",\n        \"Aug\",\n        \"Sep\",\n        \"Oct\",\n        \"Nov\",\n        \"Dec\",\n      ];\n      const date = new Date(dateString);\n      return `${date.getDate()} ${months[date.getMonth()]} ${date\n        .getFullYear()\n        .toString()\n        .substr(-2)}`;\n    },\n    updated(value) {\n      this.$filterV2.manage.component.general.input(this.config.name, {\n        startDate: this.formatDateTime(value.startDate),\n        endDate: this.formatDateTime(value.endDate),\n      });\n    },\n  },\n};\n</script>\n\n<style>\n.calendars {\n  display: flex;\n  width: 100%;\n  background-color: rgba(230, 230, 250, 0.525);\n}\n\n.calendar-table {\n  padding: 0% !important;\n}\n\n.daterangepicker td.in-range {\n  background-color: lavender !important;\n}\n\n.daterangepicker td.active {\n  background-color: #7422db !important;\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!./selectDate.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!./selectDate.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./selectDate.vue?vue&type=template&id=563521a0\"\nimport script from \"./selectDate.vue?vue&type=script&lang=js\"\nexport * from \"./selectDate.vue?vue&type=script&lang=js\"\nimport style0 from \"./selectDate.vue?vue&type=style&index=0&id=563521a0&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-col',{staticClass:\"align-content-end\",attrs:{\"lg\":_vm.size,\"sm\":\"12\"}},[_c('b-form-group',{staticClass:\"mb-lg-0\"},[(_vm.config.properties.title)?_c('p',[_vm._v(_vm._s(_vm.config.properties.title))]):_vm._e(),_c('b-input-group',{staticClass:\"date-picker-wrapper d-flex\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"CalendarIcon\"}})],1),_c('date-range-picker',{ref:\"picker\",attrs:{\"date-range\":_vm.value,\"disabled\":_vm.disableState,\"opens\":_vm.$route.name === 'collaborative-report' ? 'right' : 'left',\"locale-data\":{ firstDay: 1, format: 'dd mmm yy' },\"min-date\":_vm.minDate,\"max-date\":_vm.maxDate,\"single-date-picker\":false,\"show-dropdowns\":true,\"auto-apply\":true,\"ranges\":_vm.ranges},on:{\"update\":_vm.updated},scopedSlots:_vm._u([(!_vm.disableState)?{key:\"input\",fn:function(){return [(_vm.isValueNull)?[_vm._v(\" Please Select a Date Range \")]:[_vm._v(\" \"+_vm._s(_vm.formatDate(_vm.config.selected.startDate))+\" - \"+_vm._s(_vm.formatDate(_vm.config.selected.endDate))+\" \")]]},proxy:true}:{key:\"input\",fn:function(){return undefined},proxy:true}],null,true)})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-col\n    :lg=\"lgSize\"\n    sm=\"12\"\n    class=\"d-flex align-items-center\">\n    <b-form-group\n      v-if=\"Object.keys(config).length > 0\"\n      class=\"mb-lg-0 align-self-center\"\n    >\n      <div class=\"d-flex align-items-center\">\n        <b-form-checkbox\n          :checked=\"config.selected\"\n          @input=\"(val) => input(val)\"\n          class=\"custom-checkbox\"\n        >\n        </b-form-checkbox>\n        <span class=\"text-center\">{{ config.properties.placeholder }}</span>\n      </div>\n    </b-form-group>\n  </b-col>\n</template>\n\n<script>\nimport { BCol, BFormGroup, BFormCheckbox } from \"bootstrap-vue\";\n\nexport default {\n  components: { BCol, BFormGroup, BFormCheckbox },\n  props: { \n    name: { \n      type: String, \n      required: true \n    },\n    size: {\n      type: Number,\n      default: 3,\n    }\n   },\n  data() {\n    return {\n      config: {},\n      key: 0,\n    };\n  },\n  created() {\n    this.getConfig();\n  },\n  computed: {\n    lgSize() {\n            if (this.config.properties.hasOwnProperty('lgSize')) {\n                return this.config.properties.lgSize\n            } else {\n                return this.size\n            }\n        },\n  },\n  mounted() {\n    this.unsubscribe = this.$store.subscribe((mutation, state) => {\n      if (\n        (mutation.type === \"filterV2/updateSelectedValue\" ||\n          mutation.type === \"filterV2/updateComponentFilterData\") &&\n        mutation.payload.name === this.name\n      ) {\n        this.getConfig();\n      }\n    });\n  },\n  beforeDestroy() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  },\n  methods: {\n    input(val) {\n      this.$filterV2.manage.component.general.input(this.config.name, val);\n    },\n    getConfig() {\n      this.config = this.$filterV2.store.get.filterData()[this.name];\n    },\n  }\n};\n</script>\n\n<style scoped>\n.custom-checkbox .custom-control-input {\n  margin-right: 0.5rem; \n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./checkBox.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!./checkBox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./checkBox.vue?vue&type=template&id=7d01b406&scoped=true\"\nimport script from \"./checkBox.vue?vue&type=script&lang=js\"\nexport * from \"./checkBox.vue?vue&type=script&lang=js\"\nimport style0 from \"./checkBox.vue?vue&type=style&index=0&id=7d01b406&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  \"7d01b406\",\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-col',{staticClass:\"d-flex align-items-center\",attrs:{\"lg\":_vm.lgSize,\"sm\":\"12\"}},[(Object.keys(_vm.config).length > 0)?_c('b-form-group',{staticClass:\"mb-lg-0 align-self-center\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-form-checkbox',{staticClass:\"custom-checkbox\",attrs:{\"checked\":_vm.config.selected},on:{\"input\":function (val) { return _vm.input(val); }}}),_c('span',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.config.properties.placeholder))])],1)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-col :lg=\"size\" sm=\"12\" class=\"align-content-end\">\n    <b-form-group v-if=\"Object.keys(config).length > 0\" class=\"mb-lg-0\">\n      <b-dropdown\n        id=\"dropdown-1\"\n        :text=\"placeholder\"\n        variant=\"outline-light \"\n        class=\"comparison-dropdown mb-1 mb-lg-0\"\n        :class=\"{'disabled': isDisabled,'selection-empty': isDataSelected}\"\n        block\n        @show=\"resetScrollbar\"\n        :disabled=\"isDisabled\"\n      >\n        <div class=\"p-2\">\n          <!-- Search Input -->\n          <b-form-input\n            v-model=\"searchQuery\"\n            :placeholder=\"searchPlaceholder\"\n            class=\"mb-2\"\n          />\n          <vue-perfect-scrollbar\n            ref=\"scrollbar\"\n            class=\"checkist-scroll-area\"\n            style=\"max-height: 200px\"\n          >\n            <!-- Select All Option -->\n            <b-form-checkbox\n              v-if=\"isSelectAllShowing\"\n              v-model=\"selectAll\"\n              class=\"highlightActive mb-50\"\n              @change=\"selectAllMethod\"\n            >\n              Select All\n            </b-form-checkbox>\n            <b-dropdown-divider/>\n            <!-- Option List -->\n            <b-form-checkbox\n              v-for=\"(option, i) in filteredOptionList\"\n              :key=\"i\"\n              v-model=\"selected\"\n              :value=\"option.value\"\n              class=\"mb-50\"\n              :class=\"getHighlight(option)\"\n              @change=\"(val) => input(val)\"\n            >\n              {{ option.title }}\n            </b-form-checkbox>\n          </vue-perfect-scrollbar>\n        </div>\n      </b-dropdown>\n    </b-form-group>\n  </b-col>\n</template>\n<script>\nimport {\n  BCol,\n  BFormGroup,\n  BDropdown,\n  BFormCheckbox,\n  BFormInput,\n} from \"bootstrap-vue\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\nexport default {\n  components: {\n    BCol,\n    BFormGroup,\n    BDropdown,\n    BFormCheckbox,\n    BFormInput,\n    VuePerfectScrollbar,\n  },\n  props: {\n    name: {\n      type: String,\n      required: true,\n    },\n    size: {\n      type: Number,\n      default: 3,\n    },\n  },\n  data() {\n    return {\n      config: {},\n      key: 0,\n      searchQuery: \"\",\n      selected: [],\n      selectAll: false, // Select all default state\n    };\n  },\n  computed: {\n    placeholder(){\n      if (this.selected?.length > 0) {\n        return `${this.config.properties.placeholder} (${this.selected?.length})`\n      } else {\n        return this.config.properties.placeholder\n      }\n    },\n    lgSize() {\n      if (this.config.properties.hasOwnProperty(\"lgSize\")) {\n        return this.config.properties.lgSize;\n      } else {\n        return this.$filterV2.lgSize;\n      }\n    },\n    btnVariant() {\n      if (this.config.properties.hasOwnProperty(\"variant\")) {\n        return this.config.properties.variant;\n      } else {\n        return \"primary\";\n      }\n    },\n    isDisabled() {\n      return this.config.data.length === 0;\n    },\n    isDataSelected(){\n      return this.selected?.length === 0;\n    },\n    searchPlaceholder() {\n      if (this.config.properties.hasOwnProperty(\"searchPlaceholder\")) {\n        return this.config.properties.searchPlaceholder;\n      } else {\n        return \"Search\";\n      }\n    },\n    filteredOptionList() {\n      if (!this.searchQuery) {\n        return this.config.data;\n      }\n      return this.config.data.filter((item) =>\n        item.title.toLowerCase().includes(this.searchQuery.toLowerCase())\n      );\n    },\n    isSelectAllShowing() {\n      return !this.config.properties.hasOwnProperty(\"isSelectAllShowing\") || this.config.properties.isSelectAllShowing !== false;\n    },\n  },\n  created() {\n    this.getConfig();\n    this.selectAll = this.config?.properties?.selectAll || false\n    if (this.selectAll) {\n      this.selectAllMethod()\n    }\n  },\n  mounted() {\n    this.unsubscribe = this.$store.subscribe((mutation, state) => {\n      if (\n        (mutation.type === \"filterV2/updateSelectedValue\" ||\n          mutation.type === \"filterV2/updateComponentFilterData\") &&\n        mutation.payload.name === this.name\n      ) {\n        this.getConfig();\n      }\n    });\n  },\n  beforeDestroy() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  },\n  methods: {\n    getHighlight(option) {\n      if (this.config.properties.hasOwnProperty(\"highlightKey\")) {\n        const highKey = this.config.properties.highlightKey;\n        if (option.hasOwnProperty(highKey)) {\n          return option[highKey] ? \"highlightActive\" : \"highlightPassive\";\n        } else {\n          return \"highlightActive\";\n        }\n      } else {\n        return \"highlightActive\";\n      }\n    },\n    resetScrollbar() {\n      this.searchQuery= \"\"\n      this.$nextTick(() => {\n        if (this.$refs.scrollbar) {\n          this.$refs.scrollbar.$el.scrollTop = 0;\n        }\n      });\n    },\n    input(val) {\n      this.$filterV2.manage.component.general.input(this.config.name, val);\n      this.calculateSelectAll();\n    },\n    getConfig() {\n      this.config = this.$filterV2.store.get.filterData()[this.name];\n      this.selected = this.config.selected;\n      this.calculateSelectAll();\n    },\n    selectAllMethod() {\n      if (this.selectAll) {\n        this.selected = this.filteredOptionList.map((option) => option.value);\n        this.input(this.selected);\n      } else {\n        this.selected = [];\n        this.input(this.selected);\n      }\n    },\n    calculateSelectAll() {\n      if (this.selected?.length === this.filteredOptionList.length) {\n        this.selectAll = true;\n      } else {\n        this.selectAll = false;\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n .comparison-dropdown  ::v-deep .btn-outline-light{\n    border-color: #f6f6f636;\n    text-align: left;\n    padding: 0.8rem 1rem;\n }\n .comparison-dropdown  ::v-deep  .btn-outline-light:hover {\n    background-color: #f6f6f60f;\n    color: white;\n  }\n  .comparison-dropdown  ::v-deep .btn-outline-light.dropdown-toggle {\n    background-color: unset !important;\n    color: #977bb4 !important;\n    border-color: #f6f6f636 !important;\n  }\n  .comparison-dropdown.selection-empty  ::v-deep .btn-outline-light.dropdown-toggle{\n    color: #977bb4 !important;\n  }\n  .comparison-dropdown  ::v-deep .btn-outline-light.dropdown-toggle::after{\n    margin-left: auto;\n  }\n  .comparison-dropdown.disabled ::v-deep button  {\n    \n    opacity: 30% !important;\n    cursor: not-allowed !important;\n  }\n\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./selectCheckList.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!./selectCheckList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./selectCheckList.vue?vue&type=template&id=54c23dd2&scoped=true\"\nimport script from \"./selectCheckList.vue?vue&type=script&lang=js\"\nexport * from \"./selectCheckList.vue?vue&type=script&lang=js\"\nimport style0 from \"./selectCheckList.vue?vue&type=style&index=0&id=54c23dd2&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  \"54c23dd2\",\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-col',{staticClass:\"align-content-end\",attrs:{\"lg\":_vm.size,\"sm\":\"12\"}},[(Object.keys(_vm.config).length > 0)?_c('b-form-group',{staticClass:\"mb-lg-0\"},[_c('b-dropdown',{staticClass:\"comparison-dropdown mb-1 mb-lg-0\",class:{'disabled': _vm.isDisabled,'selection-empty': _vm.isDataSelected},attrs:{\"id\":\"dropdown-1\",\"text\":_vm.placeholder,\"variant\":\"outline-light \",\"block\":\"\",\"disabled\":_vm.isDisabled},on:{\"show\":_vm.resetScrollbar}},[_c('div',{staticClass:\"p-2\"},[_c('b-form-input',{staticClass:\"mb-2\",attrs:{\"placeholder\":_vm.searchPlaceholder},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}}),_c('vue-perfect-scrollbar',{ref:\"scrollbar\",staticClass:\"checkist-scroll-area\",staticStyle:{\"max-height\":\"200px\"}},[(_vm.isSelectAllShowing)?_c('b-form-checkbox',{staticClass:\"highlightActive mb-50\",on:{\"change\":_vm.selectAllMethod},model:{value:(_vm.selectAll),callback:function ($$v) {_vm.selectAll=$$v},expression:\"selectAll\"}},[_vm._v(\" Select All \")]):_vm._e(),_c('b-dropdown-divider'),_vm._l((_vm.filteredOptionList),function(option,i){return _c('b-form-checkbox',{key:i,staticClass:\"mb-50\",class:_vm.getHighlight(option),attrs:{\"value\":option.value},on:{\"change\":function (val) { return _vm.input(val); }},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_vm._v(\" \"+_vm._s(option.title)+\" \")])})],2)],1)])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-col\n        :lg=\"lgSize\"\n        sm=\"12\"\n        class=\"align-content-end\"\n\n    >\n        <b-form-group\n        v-if=\"Object.keys(config).length > 0\"\n        class=\"mb-lg-0 \"\n        >\n            <b-button\n            :variant=\"btnVariant\"\n            :class=\"btnClass\"\n            class=\"text-nowrap\"\n            block\n            @click=\"input\"\n            >\n            {{  btnText }}\n            </b-button>\n        </b-form-group>\n    </b-col>\n  </template>\n  \n  \n  <script>\n  import {BCol, BFormGroup,BButton} from \"bootstrap-vue\";\n  export default {\n    components: {\n      BCol,\n      BFormGroup,\n      BButton\n    },\n    props: {\n      name: {\n        type: String,\n        required: true,\n      },\n      size: {\n      type: Number,\n      default: 3,\n    },\n    },\n    data() {\n      return {\n        config : {},\n      }\n    },\n    created() {\n      this.getConfig()\n    },\n    mounted() {\n      this.unsubscribe = this.$store.subscribe((mutation, state) => {\n        if(((mutation.type === \"filterV2/updateSelectedValue\") ||\n                (mutation.type === \"filterV2/updateComponentFilterData\")) &&\n            (mutation.payload.name === this.name)){\n          this.getConfig()\n        }\n      })\n    },\n    beforeDestroy() {\n      if (this.unsubscribe) {\n        this.unsubscribe()\n      }\n    },\n    computed: {\n        lgSize() {\n            if (this.config.properties.hasOwnProperty('lgSize')) {\n                return this.config.properties.lgSize\n            } else {\n                return this.Size\n            }\n        },\n        btnVariant(){\n            if (this.config.properties.hasOwnProperty('variant')){\n                return this.config.properties.variant\n            }else{\n                return \"primary\"\n            }\n        },\n        btnClass(){\n            if (this.config.properties.hasOwnProperty('class')){\n                return this.config.properties.btnClass\n            }else{\n                return \"btn-link\"\n            }\n        },\n        btnText(){\n            if (this.config.properties.hasOwnProperty('text')){\n                return this.config.properties.text\n            }else{\n                return \"Apply\"\n            }\n        },\n    },\n    methods: {\n      getConfig(){\n        this.config = this.$filterV2.store.get.filterData()[this.name]\n      },\n      input() {\n        this.$filterV2.manage.component.general.input(this.config.name,true)\n        //await this.$filterV2.store.set.updateSelectedValue({\n        //      name: this.config.name,\n        //      selected: null,\n        //    })\n    },\n    },\n  }\n  </script>\n  <style></style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./submit.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!./submit.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./submit.vue?vue&type=template&id=1094e602\"\nimport script from \"./submit.vue?vue&type=script&lang=js\"\nexport * from \"./submit.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-col',{staticClass:\"align-content-end\",attrs:{\"lg\":_vm.lgSize,\"sm\":\"12\"}},[(Object.keys(_vm.config).length > 0)?_c('b-form-group',{staticClass:\"mb-lg-0 \"},[_c('b-button',{staticClass:\"text-nowrap\",class:_vm.btnClass,attrs:{\"variant\":_vm.btnVariant,\"block\":\"\"},on:{\"click\":_vm.input}},[_vm._v(\" \"+_vm._s(_vm.btnText)+\" \")])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n<template>\n  <b-card\n    no-body\n    class=\"user-defined-filter-template bg-transparent w-100 h-100 position-relative\">\n    <!-- FILTER SELECT DROPDOWN -->\n    <div class=\"my-auto\">\n      <v-select\n      class=\"w-100 h-100\"\n        placeholder=\"Select a filter\"\n        :options=\"saveList\"\n        @input=\"sendAction('select')\"\n        v-model=\"selectedSave\" />\n    </div>\n    <!-- UPDATE AND DELETE SELECTED SAVE -->\n    <div\n      class=\"d-flex justify-content-between align-items-center icons-container\">\n      <b-button\n        :disabled=\"awaitingResponse\"\n        variant=\"primary\"\n        class=\"d-flex align-items-center mr-1\"\n        id=\"refresh-btn\"\n        @click=\"sendAction('update')\">\n        <feather-icon icon=\"RefreshCwIcon\" size=\"20\" />\n      </b-button>\n      <b-tooltip target=\"refresh-btn\" triggers=\"hover\">\n        Update Selected Save\n      </b-tooltip>\n      <b-button\n        :disabled=\"awaitingResponse\"\n        variant=\"primary\"\n        class=\"d-flex align-items-center\"\n        id=\"delete-btn\"\n        @click=\"sendAction('delete')\">\n        <feather-icon icon=\"TrashIcon\" size=\"20\" />\n      </b-button>\n      <b-tooltip target=\"delete-btn\" triggers=\"hover\">\n        Delete Selected Save\n      </b-tooltip>\n    </div>\n    <!-- NEW SAVE NAME INPUT -->\n    <div class=\"d-flex align-items-center\">\n      <b-form-input placeholder=\"New Save Name\" v-model=\"newSaveName\" />\n    </div>\n    <!-- SAVE BUTTON -->\n    <div class=\"d-flex justify-content-center align-items-center\">\n      <b-button\n        :disabled=\"awaitingResponse\"\n        class=\"w-100\"\n        variant=\"primary\"\n        id=\"save-btn\"\n        @click=\"sendAction('add')\">\n        Save</b-button\n      >\n      <b-tooltip target=\"save-btn\" triggers=\"hover\">\n        Save Current Filter Selection\n      </b-tooltip>\n    </div>\n    <!-- POP UP -->\n    <div\n      class=\"d-flex align-items-center position-absolute popup py-1\"\n      :class=\"{ fail: !popUpResponseState, hide: !popUpVisible }\">\n      <!-- <h2 class=\"d-flex\"><span class=\"d-flex align-items mr-1\"><feather-icon :icon=\"popUpIcon\" size=\"25\" />  </span>{{ popUpMessage.title }}</h2> -->\n      <span class=\"d-flex align-items\"\n        ><feather-icon :icon=\"popUpIcon\" size=\"25\"\n      /></span>\n  \n      <span class=\"text-nowrap popup-text\">\n        {{ popUpMessage.text }}\n      </span>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n  BCard,\n  BFormInput,\n  BButton,\n  BTooltip,\n} from \"bootstrap-vue\";\nimport vSelect from \"vue-select\";\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BFormInput,\n    BButton,\n    BTooltip,\n    vSelect,\n  },\n  props: {\n    popUpResponse: {\n      type: String,\n      required: true,\n    },\n    saveList: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      selectedSave: null,\n      newSaveName: \"\",\n      awaitingResponse: false,\n      popUpVisible: false,\n      popUpResponseState: null,\n      popUpResponseType: null,\n      popUpContent: {\n        update: {\n          true: \"Updated selected save\",\n          false: \"Failed to update\",\n        },\n        delete: {\n          true: \"Deleted selected save\",\n          false: \"Failed to delete\",\n        },\n        add: {\n          true: \"Filter saved\",\n          false: \"Failed to save\",\n        },\n      },\n    };\n  },\n  methods: {\n    sendAction(action) {\n      this.awaitingResponse = true;\n      if (this.selectedSave || action === \"add\") {\n        if (action === \"add\") {\n          (this.selectedSave = this.newSaveName), (this.newSaveName = \"\");\n        }\n        this.$emit(\"action\", {\n          action: action,\n          saveName: this.selectedSave,\n        });\n        if (action === \"delete\") {\n          this.selectedSave = null;\n        }\n      } else {\n        this.awaitingResponse = false;\n      }\n    },\n  },\n  computed: {\n    popUpMessage() {\n      const { popUpResponse, popUpResponseType, popUpResponseState } = this;\n      const message = popUpResponse && this.popUpContent[popUpResponseType];\n      return {\n        text: message && message[popUpResponseState],\n        title: popUpResponseState ? \"Success\" : \"Error\",\n      };\n    },\n    popUpIcon() {\n      if (this.popUpResponseState) {\n        return \"CheckCircleIcon\";\n      } else {\n        return \"AlertTriangleIcon\";\n      }\n    },\n  },\n  watch: {\n    popUpResponse(newResponse) {\n      if(newResponse.split(\"-\")[0] === 'selected') {\n        this.awaitingResponse = false;\n        return\n      }\n      const [response, actionType, timeStamp] = newResponse.split(\",\");\n      this.popUpResponseType = actionType;\n      this.popUpResponseState = response === \"true\" ? true : false;\n      this.awaitingResponse = false;\n      setTimeout(() => {\n        this.popUpVisible = true;\n      }, 150)\n      setTimeout(() => {\n        this.popUpVisible = false;\n      }, 1300);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.user-defined-filter-template.card {\n  $breakpoint: 992px;\n  display: grid;\n  grid-template-columns: 8fr 3fr;\n  padding: 1rem;\n  // column-gap: 3%;\n  // row-gap: 10%;\n  grid-gap: 10px;\n  margin-bottom: 0;\n\n  button {\n    height: 2.714rem;\n  }\n\n  @media screen and (max-width: $breakpoint) {\n    grid-template-columns: 1fr;\n    grid-template-rows: repeat(4, 1fr);\n    max-height: 250px;\n  }\n\n  .icons-container {\n    button {\n      padding: 0 0.7rem;\n    }\n    @media screen and (max-width: $breakpoint) {\n      justify-content: space-evenly !important;\n    }\n  }\n\n  .popup {\n    display: flex;\n    flex-direction: column;\n    z-index: 100;\n    border-radius: 10px;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(0, 128, 0, 0.3);\n    top: 50%;\n    left: 50%;\n    width: 50%;\n    transform: translate(-50%, -50%);\n    transition: all 400ms ease-in-out;\n    @media screen and (max-width: $breakpoint) {\n      width: 70%;\n    }\n    &.hide {\n      opacity: 0;\n      visibility: hidden;\n    }\n    &-text {\n      margin-top: 5px;\n      font-size: 1rem;\n    }\n  }\n}\n// LIGHT THEME\n.bordered-layout{\n  .user-defined-filter-template.card{\n    .popup{\n      color: white;\n      background-color: rgba(0, 128, 0, 0.7);\n      &.fail {\n      color: white;\n      background-color: rgba(255, 0, 0, 0.7);\n      }\n    }\n  }\n}\n  \n// ADIN THEME\n.adin-layout{\n  .user-defined-filter-template.card{\n    .popup{\n      background-color: rgba(0, 128, 0, 0.3);\n      &.fail {\n      background-color: rgba(255, 0, 0, 0.3);\n      }\n    }\n  }\n}\n  \n  </style>\n\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!./userDefinedFilterTemplate.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!./userDefinedFilterTemplate.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./userDefinedFilterTemplate.vue?vue&type=template&id=d8342654&scoped=true\"\nimport script from \"./userDefinedFilterTemplate.vue?vue&type=script&lang=js\"\nexport * from \"./userDefinedFilterTemplate.vue?vue&type=script&lang=js\"\nimport style0 from \"./userDefinedFilterTemplate.vue?vue&type=style&index=0&id=d8342654&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  \"d8342654\",\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:\"user-defined-filter-template bg-transparent w-100 h-100 position-relative\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"my-auto\"},[_c('v-select',{staticClass:\"w-100 h-100\",attrs:{\"placeholder\":\"Select a filter\",\"options\":_vm.saveList},on:{\"input\":function($event){return _vm.sendAction('select')}},model:{value:(_vm.selectedSave),callback:function ($$v) {_vm.selectedSave=$$v},expression:\"selectedSave\"}})],1),_c('div',{staticClass:\"d-flex justify-content-between align-items-center icons-container\"},[_c('b-button',{staticClass:\"d-flex align-items-center mr-1\",attrs:{\"disabled\":_vm.awaitingResponse,\"variant\":\"primary\",\"id\":\"refresh-btn\"},on:{\"click\":function($event){return _vm.sendAction('update')}}},[_c('feather-icon',{attrs:{\"icon\":\"RefreshCwIcon\",\"size\":\"20\"}})],1),_c('b-tooltip',{attrs:{\"target\":\"refresh-btn\",\"triggers\":\"hover\"}},[_vm._v(\" Update Selected Save \")]),_c('b-button',{staticClass:\"d-flex align-items-center\",attrs:{\"disabled\":_vm.awaitingResponse,\"variant\":\"primary\",\"id\":\"delete-btn\"},on:{\"click\":function($event){return _vm.sendAction('delete')}}},[_c('feather-icon',{attrs:{\"icon\":\"TrashIcon\",\"size\":\"20\"}})],1),_c('b-tooltip',{attrs:{\"target\":\"delete-btn\",\"triggers\":\"hover\"}},[_vm._v(\" Delete Selected Save \")])],1),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-form-input',{attrs:{\"placeholder\":\"New Save Name\"},model:{value:(_vm.newSaveName),callback:function ($$v) {_vm.newSaveName=$$v},expression:\"newSaveName\"}})],1),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('b-button',{staticClass:\"w-100\",attrs:{\"disabled\":_vm.awaitingResponse,\"variant\":\"primary\",\"id\":\"save-btn\"},on:{\"click\":function($event){return _vm.sendAction('add')}}},[_vm._v(\" Save\")]),_c('b-tooltip',{attrs:{\"target\":\"save-btn\",\"triggers\":\"hover\"}},[_vm._v(\" Save Current Filter Selection \")])],1),_c('div',{staticClass:\"d-flex align-items-center position-absolute popup py-1\",class:{ fail: !_vm.popUpResponseState, hide: !_vm.popUpVisible }},[_c('span',{staticClass:\"d-flex align-items\"},[_c('feather-icon',{attrs:{\"icon\":_vm.popUpIcon,\"size\":\"25\"}})],1),_c('span',{staticClass:\"text-nowrap popup-text\"},[_vm._v(\" \"+_vm._s(_vm.popUpMessage.text)+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <component :is=\"wrapperComponent\" no-body class=\"d-flex flex-row\" :class=\"{'border-right-saved-reports': !isFilterTemplateOpen && canBeSaved}\">\n    <div class=\"filter position-relative p-2 w-100 flex-grow-4\">\n      <b-row v-if=\"visualHierarchy.length === 0\" class=\"h-100 w-100\">\n        <b-col \n          v-for=\"n in 3\" \n          :key=\"`${n}-skeleton`\"\n          cols=\"12\"\n          md=\"4\" \n          class=\"d-flex justify-content-center align-items-center\"\n        >\n          <b-skeleton \n            width=\"100%\"\n            height=\"35px\"\n            class=\"mb-lg-0 mt-1 justify-content-center filter-item\"\n          ></b-skeleton>\n        </b-col>\n      </b-row>\n      <b-row\n        v-if = \"visualHierarchy.length !== 0\"\n        class=\"d-flex justify-content-around\"\n        v-for=\"row in visualHierarchy\"\n        :key=\"`row_${row}`\">\n\n        <template\n          v-for=\"itemName in row\"\n        >\n        <div\n          :key=\"`${itemName}_loading`\"\n          v-if=\"readLoadingStatus(itemName)\"\n          class=\"mb-lg-0 mt-1 justify-content-center filter-item\" :style=\"{ width: `${(calculateSizeOfComponents(row.length, row) / 12) * 100}%`}\">\n          <b-skeleton width=\"100%\" height=\"35px\" class=\"mb-lg-0 justify-content-center filter-item\"></b-skeleton>\n        </div>\n        <div\n          v-else\n          :key=\"`${itemName}`\"\n          :is=\"config[itemName].type\"\n          :name=\"itemName\"\n          :size=\"calculateSizeOfComponents(row.length, row)\"\n          class=\"mb-lg-0 mt-1 justify-content-center filter-item\" />\n\n        </template>\n      </b-row>\n      <span\n        v-if=\"canBeSaved\"\n        @click=\"toggleFilterTemplate\"\n        id=\"filter-toggle\"\n        class=\"filter-template-toggle d-flex justify-content-center align-items-center\">\n        <feather-icon class=\"icon\" icon=\"SlidersIcon\" size=\"16\" />\n        <b-tooltip target=\"filter-toggle\" triggers=\"hover\">\n          Saved Filters\n        </b-tooltip>\n      </span>\n    </div>\n    <div\n      v-if=\"canBeSaved\"\n      :class=\"{ hide: !isFilterTemplateOpen }\"\n      class=\"filter-template d-flex justify-content-center align-items-center\">\n      <user-defined-filter-template\n        :popUpResponse=\"popUpResponse\"\n        :saveList=\"savedSelections\"\n        @action=\"saveActions\" />\n    </div>\n  </component>\n</template>\n\n<script>\nimport { BRow, BCol, BCard, BTooltip, BSpinner,BSkeleton } from \"bootstrap-vue\";\nimport selectList from \"@/views/filter-components/selectList.vue\";\nimport selectDate from \"@/views/filter-components/selectDate.vue\";\nimport checkBox from \"@/views/filter-components/checkBox.vue\";\nimport selectCheckList from \"@/views/filter-components/selectCheckList.vue\";\nimport submit from \"@/views/filter-components/submit.vue\";\nimport userDefinedFilterTemplate from \"@/views/filter-components/userDefinedFilterTemplate.vue\";\n\nexport default {\n  components: {\n    BRow,\n    BCard,\n    BCol,\n    BTooltip,\n    BSpinner,\n    BSkeleton,\n    selectList,\n    selectDate,\n    checkBox,\n    selectCheckList,\n    submit,\n    userDefinedFilterTemplate,\n  },\n  props: {\n    name: {\n      type: String,\n      default: \"defaultFilter\",\n    },\n    getMetrics: {\n      type: Function,\n      required: true,\n    },\n    noCard: {\n      type: Boolean,\n      default: false\n    },\n  },\n  data() {\n    return {\n      config: {},\n      visualHierarchy: [],\n      isFilterTemplateOpen: false,\n      savedSelections: [],\n      selectedSave: null,\n      canBeSaved: false,\n      popUpResponse: \"\",\n      loadingStatus: {},\n      maxHovers: 2,\n      hoverCount: 0\n    };\n  },\n  async created() {\n    const filterData = await this.$filterV2.initialize(\n      this.name,\n      this.getMetrics\n    );\n    this.config = filterData.config;\n    this.visualHierarchy = filterData.visualHierarchy;\n    this.savedSelections = filterData.savedSelections;\n    this.canBeSaved = filterData.canBeSaved;\n\n    this.$emit(\"filterDataChanged\", this.config);\n\n    this.$nextTick(() => {\n      if(this.canBeSaved){\n        this.setupBounceAnimation();\n      }\n    })\n\n  },\n  mounted() {\n    this.unsubscribe = this.$store.subscribe((mutation, state) => {\n      if (mutation.type === \"filterV2/updateComponentFilterData\") {\n        this.$emit(\"filterDataChanged\", state.filterV2.filterData);\n      }\n      if (mutation.type === \"filterV2/changeLoadingStatus\") {\n        const componentName = mutation.payload.componentName\n        const loading = mutation.payload.loading\n        this.$set(\n          this.loadingStatus,\n          componentName,\n          loading\n        )\n      }\n    });\n  },\n  beforeDestroy() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  },\n  computed: {\n    wrapperComponent() {\n      return this.noCard ? 'div' : 'b-card'\n    }\n  },\n  methods: {\n    async saveActions(actionData) {\n      const actionType = actionData.action;\n      const saveName = actionData.saveName;\n      if (actionType === \"select\") {\n        this.$filterV2.manage.filterData.importSelection(saveName).then(() => {\n          // This is a way to convey that the action ended to filter config component.\n          this.popUpResponse = `selected-${Date.now()}`;\n        });\n      } else {\n        const response =\n          await this.$filterV2.manage.filterData.selectionActions(\n            saveName,\n            actionType\n          );\n          // Date.now() makes the response unique so that it triggers the filter config component.\n        this.popUpResponse = `${response},${actionType},${Date.now()}`;\n        if (actionType === \"delete\" && response === true) {\n          this.savedSelections = this.savedSelections.filter(\n            (item) => item !== saveName\n          );\n        }\n        if (actionType === \"add\" && response === true) {\n          this.savedSelections.push(saveName);\n        }\n      }\n    },\n    calculateSizeOfComponents(n, row) {\n      let fixedLength = 0;\n      let fixedComponents = 0;\n\n      for (let i = 0; i < row.length; i++) {\n        if (this.config[row[i]].properties.hasOwnProperty(\"lgSize\")) {\n          fixedLength += this.config[row[i]].properties.lgSize;\n          fixedComponents += 1;\n        }\n      }\n      const actualSize = (12 - fixedLength) / (n - fixedComponents);\n      let size = Math.floor(actualSize);\n      if (size < 2) {\n        size = 2;\n      }\n      return size;\n    },\n    toggleFilterTemplate() {\n      this.isFilterTemplateOpen = !this.isFilterTemplateOpen;\n    },\n    readLoadingStatus(componentName){\n      return this.loadingStatus[componentName] ?? false\n    },\n    setupBounceAnimation(){\n      const element = document.querySelector('.border-right-saved-reports');\n      if (!element) return;\n\n      element.addEventListener('mouseenter', () => {\n        if (this.hoverCount < this.maxHovers) {\n          element.classList.add('bounce-animate');\n          this.hoverCount++;\n        }\n      });\n\n      element.addEventListener('animationend', () => {\n        element.classList.remove('bounce-animate');\n      });\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.filter {\n  z-index: 100;\n  padding-right: 50px !important;\n  &-item {\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n}\n\n.adin-layout{\n  .filter-template{\n    border-left: 1px solid rgba(255, 255, 255, 1);\n  }\n}\n\n.bordered-layout {\n .filter-template{\n  border-left: 1px solid rgba(0, 0, 0, 0.2);\n  &-toggle{\n    color: white;\n    background: #8325fb;\n    &:hover {\n      background: #8225fbb4;\n      cursor: pointer;\n    }\n  }\n  .user-defined-filter-template{\n    border: none;\n  }\n }\n}\n\n.filter-template {\n  width: 40vw;\n  max-width: 400px;\n  // border-left: 1px solid rgba(255, 255, 255, 1);\n  transition: all 200ms ease-out;\n\n  @media screen and (max-width: 992px) {\n    width: 300px;\n  }\n\n  &.hide {\n    transform: translateX(40px);\n    transition: all 200ms ease-out;\n    opacity: 0;\n    width: 0;\n  }\n  &-toggle {\n    position: absolute;\n    height: 2.5rem;\n    width: 2rem;\n    right: 0;\n    bottom: 50%;\n    border-top-left-radius: 25%;\n    border-bottom-left-radius: 25%;\n    background: #8325fb;\n    transform: translateY(50%);\n    &:hover {\n      background: #8843e2;\n      cursor: pointer;\n    }\n  }\n}\n\n.icon {\n  display: inline-block;\n  transform: rotate(90deg);\n}\n\n@keyframes bounceBorder {\n  0% {\n    border-right-width: 1px;\n  }\n  50% {\n    border-right-width: 4px;\n  }\n  100% {\n    border-right-width: 1px;\n  }\n}\n\n.border-right-saved-reports{\n  border-right: 1px solid rgba(255, 255, 255, 1);\n  // &:hover{\n  // animation: bounceBorder 1s ease 2;\n  // }\n  // &:not(:hover) {\n  // animation: none;\n  // }\n}\n\n.bounce-animate{\n  animation: bounceBorder 1s ease 2;\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!./FiltersV2.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!./FiltersV2.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FiltersV2.vue?vue&type=template&id=1b4c5917&scoped=true\"\nimport script from \"./FiltersV2.vue?vue&type=script&lang=js\"\nexport * from \"./FiltersV2.vue?vue&type=script&lang=js\"\nimport style0 from \"./FiltersV2.vue?vue&type=style&index=0&id=1b4c5917&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  \"1b4c5917\",\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!./selectDate.vue?vue&type=style&index=0&id=563521a0&prod&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!./userDefinedFilterTemplate.vue?vue&type=style&index=0&id=d8342654&prod&lang=scss\""],"sourceRoot":""}