{"version":3,"sources":["webpack:///./src/views/controlTower/Occurrences/Config/OccurrencesConfig.vue?d0a7","webpack:///./src/views/controlTower/Occurrences/Config/OccurrencesConfigTable.vue?24e1","webpack:///./src/views/controlTower/Occurrences/utils.js","webpack:///src/views/controlTower/Occurrences/Config/OccurrencesConfigTable.vue","webpack:///./src/views/controlTower/Occurrences/Config/OccurrencesConfigTable.vue?1233","webpack:///./src/views/controlTower/Occurrences/Config/OccurrencesConfigTable.vue","webpack:///src/views/controlTower/Occurrences/Config/OccurrencesConfig.vue","webpack:///./src/views/controlTower/Occurrences/Config/OccurrencesConfig.vue?2f16","webpack:///./src/views/controlTower/Occurrences/Config/OccurrencesConfig.vue","webpack:///./src/views/controlTower/Occurrences/Config/OccurrencesConfig.vue?a7ab"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","ref","storesTreeSelect","length","on","updateStores","model","value","callback","$$v","storesSelected","expression","storesTags","removeStore","clearAll","_e","staticStyle","defaultAttendanceTimeFormat","updateStandardAttendanceTime","standardAttendanceTimeSelected","hasChanged","cancel","hasChanges","save","$event","showSuccessDialog","staticRenderFns","table","content","headers","editStoreContent","defaultAttendanceTimeFormatter","date","newDate","Date","getMinutes","getSeconds","name","components","DataTable","data","computed","watch","standardAttendanceTime","checkAttendanceTimeDefault","methods","addContent","setOccurrencesConfigContent","newContent","addStores","storesIds","add","id","push","slaInput","slaDate","timelabel","type","format","formatter","showHour","range","placeholder","prependIcon","clearable","style","input","customOpen","open","actions","hasMinimalTime","timeSeconds","minSeconds","splice","storeIndex","newStoreContent","editStoreAttendanceTime","newValue","$emit","newTimeLabel","store","component","BaseButton","BaseDatePicker","BaseTreeSelect","Dialog","FiltersTag","TheSubHeader","OccurrencesConfigTable","stringify","mounted","fetchConfig","setStandardAttendanceTime","timeValue","removeOccurrencesConfigItem","storeRemoved","parent_id","clearOccurrencesConfigContent","$refs","$router","changes"],"mappings":"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","file":"js/OccurrencesConfig.9d2e9a6a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"OccurrencesConfig\"},[_c('TheSubHeader',{attrs:{\"title\":\"Configuração de ocorrências\",\"page-title-tag\":\"Occurrences Config\"}}),_c('div',{staticClass:\"OccurrencesConfig__main\"},[_c('div',{staticClass:\"OccurrencesConfig__content\"},[_c('div',{staticClass:\"OccurrencesConfig__flexWrapper\"},[_c('h5',[_vm._v(\" Lojistas no Fluxo de Ocorrência \")]),_c('label',[_vm._v(\"Selecione as lojas que estarão no fluxo de ocorrência:\")]),_c('div',{staticClass:\"OccurrencesConfig__storeSelect\"},[_c('BaseTreeSelect',{ref:\"lojista\",attrs:{\"name\":\"Lojista\",\"label\":\"Lojista\",\"placeholder\":\"Selecione\",\"multiple\":\"\",\"select-options\":_vm.storesTreeSelect,\"disabled\":!_vm.storesTreeSelect.length,\"clearable\":false,\"hide-select-all\":true},on:{\"input\":_vm.updateStores},model:{value:(_vm.storesSelected),callback:function ($$v) {_vm.storesSelected=$$v},expression:\"storesSelected\"}})],1)]),(_vm.storesTags.length)?_c('div',{staticClass:\"OccurrencesConfig__flexWrapper OccurrencesConfig__tags\"},[_c('label',[_vm._v(\"Lojistas integrados:\")]),_c('FiltersTag',{attrs:{\"tags\":_vm.storesTags,\"header\":false},on:{\"removeTag\":_vm.removeStore,\"clear\":_vm.clearAll}})],1):_vm._e(),_c('div',{staticClass:\"OccurrencesConfig__divider\"}),_c('div',{staticClass:\"OccurrencesConfig__flexWrapper OccurrencesConfig__attendanceTime\"},[_c('h5',[_vm._v(\" SLA para atendimento \")]),_c('div',{staticClass:\"OccurrencesConfig__attendanceDefault\"},[_c('label',[_vm._v(\"Tempo padrão para o atendimento de ocorrência:\")]),_c('BaseDatePicker',{staticStyle:{\"max-width\":\"94px\"},attrs:{\"type\":'time',\"format\":'m:ss',\"time-picker-default\":false,\"formatter\":_vm.defaultAttendanceTimeFormat,\"show-hour\":false,\"range\":false,\"placeholder\":'',\"prepend-icon\":false,\"clearable\":false},on:{\"input\":_vm.updateStandardAttendanceTime},model:{value:(_vm.standardAttendanceTimeSelected),callback:function ($$v) {_vm.standardAttendanceTimeSelected=$$v},expression:\"standardAttendanceTimeSelected\"}})],1),(_vm.storesSelected && _vm.storesSelected.length)?[_c('label',[_vm._v(\"Tempo específico por lojista:\")])]:_vm._e(),_c('OccurrencesConfigTable',{ref:\"OccurrencesConfigTable\",on:{\"hasChanged\":_vm.hasChanged}})],2),_c('div',{staticClass:\"OccurrencesConfig__ButtonsWrapper\"},[_c('BaseButton',{staticClass:\"CancelButton\",attrs:{\"label\":\"Cancelar\",\"filled\":\"\",\"color\":\"white\",\"text-color\":\"black\"},on:{\"click\":_vm.cancel}}),_c('BaseButton',{attrs:{\"label\":\"Salvar\",\"filled\":\"\",\"color\":\"primary-base\",\"text-color\":\"white\",\"disabled\":!_vm.hasChanges},on:{\"click\":_vm.save}})],1)])]),(_vm.showSuccessDialog)?_c('Dialog',{attrs:{\"label-confirm\":\"Ok\",\"warning\":\"Configurações do fluxo de ocorrência realizadas com sucesso\",\"label-cancel\":\"\"},on:{\"confirm\":function($event){_vm.showSuccessDialog = false}}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[(_vm.table.content.length)?[_c('DataTable',{attrs:{\"header\":_vm.table.headers,\"table\":_vm.table.content},on:{\"edit\":_vm.editStoreContent,\"checkConfirm\":_vm.editStoreContent}})]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const defaultAttendanceTimeFormatter = (date) => {\n  if(!date) return ''\n\n  const newDate = new Date(date)\n  return `${newDate.getMinutes()}m ${newDate.getSeconds()}s`\n}\n\nexport { defaultAttendanceTimeFormatter }","<template>\n  <main>\n    <template v-if=\"table.content.length\">\n      <DataTable\n        :header=\"table.headers\"\n        :table=\"table.content\"\n        @edit=\"editStoreContent\"\n        @checkConfirm=\"editStoreContent\"\n      />\n    </template>\n  </main>\n</template>\n\n<script>\nimport { DataTable } from '@/components/molecules'\nimport { mapActions, mapState } from 'vuex'\nimport { defaultAttendanceTimeFormatter } from '../utils'\n\nexport default {\n  name: 'OccurrencesConfigTable',\n  components: {\n    DataTable,\n  },\n  data() {\n    return {}\n  },\n  computed: {\n    ...mapState({\n      table: ({ controlTower }) => controlTower.occurrencesConfig.storesConfigTable,\n      standardAttendanceTime: ({ controlTower }) => controlTower.occurrencesConfig.standardAttendanceTime,\n    }),\n  },\n\n  watch: { \n    standardAttendanceTime: function() {\n      this.checkAttendanceTimeDefault()\n    }\n  },\n\n  methods: {\n    ...mapActions({\n      setOccurrencesConfigContent: 'controlTower/setOccurrencesConfigContent',\n    }),\n\n    getSeconds(timestamp) {\n      const date = new Date(timestamp)\n      return (date.getMinutes() * 60) + date.getSeconds()\n    },\n\n    addContent(stores){\n      if(!stores?.length) return\n\n      const newContent = this.addStores(stores)\n\n      if(this.table.content.length < newContent.length)\n        this.$emit('hasChanged')\n\n      this.setOccurrencesConfigContent(newContent)\n    },\n\n    addStores(stores) {\n      const newContent = [...this.table.content]\n      const storesIds = new Set()\n\n      for (let index = 0; index < stores.length; index++) {\n        const { id, name, sla } = stores[index]\n\n        if(storesIds.has(id) ||\n          newContent.some((store) => store.id === id)\n        ) continue\n\n        storesIds.add(id)\n\n        const slaDate = sla ? new Date(this.standardAttendanceTime).setHours(0, 0, sla) : this.standardAttendanceTime\n        const timelabel = !sla || this.getSeconds(slaDate) === this.getSeconds(this.standardAttendanceTime) ? 'Tempo Padrão' : defaultAttendanceTimeFormatter(slaDate)\n\n        newContent.push({\n          id,\n          name,\n          slaInput: [{\n            id:`sla-${id}`,\n            value: slaDate,\n            timelabel: timelabel,\n            type: 'time',\n            format: 'm:ss',\n            formatter: { stringify: defaultAttendanceTimeFormatter },\n            showHour: false,\n            range: false,\n            placeholder: '',\n            prependIcon: false,\n            clearable: false,\n            style: 'max-width: 74px; max-height: 32px; background: unset;',\n            input: false,\n            customOpen: true,\n            open: true\n          }],\n          actions: [\n            {action_id: 'edit', has_permission: true},\n            {action_id: 'checkConfirm', has_permission: false},\n          ]\n        })\n      }\n\n      return newContent\n    },\n\n    hasMinimalTime(timestamp, minSeconds){\n      const timeSeconds = this.getSeconds(timestamp)\n\n      return timeSeconds >= minSeconds\n    },\n\n    editStoreContent(data) {\n      const storeIndex = this.table.content.findIndex(store => store.id === data.id)\n      const { id, name, sla, slaInput } = this.table.content[storeIndex]\n\n      const newStoreContent = this.editStoreAttendanceTime({ \n        id, name, sla, slaInput: slaInput[0] \n      })\n\n      const newContent = [...this.table.content]\n      newContent.splice(storeIndex, 1, newStoreContent)\n      this.setOccurrencesConfigContent(newContent)\n    },\n\n    editStoreAttendanceTime({ id, name, sla, slaInput }) {\n      let newValue = sla || slaInput.value || this.standardAttendanceTime\n\n      if(slaInput.input && slaInput.value) {\n        if(this.hasMinimalTime(slaInput.value, 50)) {\n          newValue = slaInput.value\n          this.$emit('hasChanged')\n        }\n      }\n\n      let newTimeLabel = defaultAttendanceTimeFormatter(newValue)\n\n      if(this.getSeconds(newValue) === this.getSeconds(this.standardAttendanceTime)) {\n        newTimeLabel = 'Tempo padrão'\n      }\n\n      return {\n        id,\n        name, \n        slaInput: [{ ...slaInput, value: newValue, timelabel: newTimeLabel, input: !slaInput.input }],\n        actions: [\n          {action_id: 'edit', has_permission: slaInput.input},\n          {action_id: 'checkConfirm', has_permission: !slaInput.input},\n        ]\n      }\n    },\n\n    checkAttendanceTimeDefault() {\n      const newContent = this.table.content.map(store => {\n        const slaInput = store.slaInput[0]\n        let newTimeLabel = slaInput.timelabel\n\n        if(this.getSeconds(slaInput.value) === this.getSeconds(this.standardAttendanceTime)) {\n          newTimeLabel = 'Tempo padrão'\n        }\n\n        return {\n          id: store.id,\n          name: store.name,\n          slaInput: [{ ...slaInput, timelabel: newTimeLabel }],\n          actions: [...store.actions],\n        }\n      })\n\n      this.setOccurrencesConfigContent(newContent)\n    },\n  },\n}\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OccurrencesConfigTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OccurrencesConfigTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OccurrencesConfigTable.vue?vue&type=template&id=2a217174&\"\nimport script from \"./OccurrencesConfigTable.vue?vue&type=script&lang=js&\"\nexport * from \"./OccurrencesConfigTable.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  <main class=\"OccurrencesConfig\">\n    <TheSubHeader\n      title=\"Configuração de ocorrências\"\n      page-title-tag=\"Occurrences Config\"\n    />\n    <div class=\"OccurrencesConfig__main\">\n      <div class=\"OccurrencesConfig__content\">\n        <div class=\"OccurrencesConfig__flexWrapper\">\n          <h5>\n            Lojistas no Fluxo de Ocorrência\n          </h5>\n          <label>Selecione as lojas que estarão no fluxo de ocorrência:</label>\n          <!-- Integrated Stores -->\n          <div class=\"OccurrencesConfig__storeSelect\">\n            <BaseTreeSelect\n              ref=\"lojista\"\n              v-model=\"storesSelected\"\n              name=\"Lojista\"\n              label=\"Lojista\"\n              placeholder=\"Selecione\"\n              multiple\n              :select-options=\"storesTreeSelect\"\n              :disabled=\"!storesTreeSelect.length\"\n              :clearable=\"false\"\n              :hide-select-all=\"true\"\n              @input=\"updateStores\"\n            />\n          </div>\n        </div>\n\n        <div v-if=\"storesTags.length\" class=\"OccurrencesConfig__flexWrapper OccurrencesConfig__tags\">\n          <label>Lojistas integrados:</label>\n          <FiltersTag\n            :tags=\"storesTags\"\n            :header=\"false\"\n            @removeTag=\"removeStore\"\n            @clear=\"clearAll\"\n          />\n        </div>\n        <div class=\"OccurrencesConfig__divider\" />\n\n        <div class=\"OccurrencesConfig__flexWrapper OccurrencesConfig__attendanceTime\">\n          <h5>\n            SLA para atendimento\n          </h5>\n          <div class=\"OccurrencesConfig__attendanceDefault\">\n            <label>Tempo padrão para o atendimento de ocorrência:</label>\n            <BaseDatePicker\n              v-model=\"standardAttendanceTimeSelected\"\n              style=\"max-width: 94px;\"\n              :type=\"'time'\"\n              :format=\"'m:ss'\"\n              :time-picker-default=\"false\"\n              :formatter=\"defaultAttendanceTimeFormat\"\n              :show-hour=\"false\"\n              :range=\"false\"\n              :placeholder=\"''\"\n              :prepend-icon=\"false\"\n              :clearable=\"false\"\n              @input=\"updateStandardAttendanceTime\"\n            />\n          </div>\n          <template v-if=\"storesSelected && storesSelected.length\">\n            <label>Tempo específico por lojista:</label>\n          </template>\n          <!-- SLA config table -->\n          <OccurrencesConfigTable\n            ref=\"OccurrencesConfigTable\"\n            @hasChanged=\"hasChanged\"\n          />\n        </div>\n        <div class=\"OccurrencesConfig__ButtonsWrapper\">\n          <BaseButton\n            class=\"CancelButton\"\n            label=\"Cancelar\"\n            filled\n            color=\"white\"\n            text-color=\"black\"\n            @click=\"cancel\"\n          />\n\n          <BaseButton\n            label=\"Salvar\"\n            filled\n            color=\"primary-base\"\n            text-color=\"white\"\n            :disabled=\"!hasChanges\"\n            @click=\"save\"\n          />\n        </div>\n      </div>\n    </div>\n    <Dialog\n      v-if=\"showSuccessDialog\"\n      label-confirm=\"Ok\"\n      warning=\"Configurações do fluxo de ocorrência realizadas com sucesso\"\n      label-cancel=\"\"\n      @confirm=\"showSuccessDialog = false\"\n    />\n  </main>\n</template>\n\n<script>\nimport { TheSubHeader } from '@/components/organisms'\nimport { BaseButton, BaseDatePicker, BaseTreeSelect } from '@/components/atoms'\nimport { Dialog, FiltersTag } from '@/components/molecules'\nimport OccurrencesConfigTable from './OccurrencesConfigTable.vue'\nimport { mapActions, mapState } from 'vuex'\nimport { controlTower } from '@/api'\nimport { defaultAttendanceTimeFormatter } from '../utils'\n\nexport default {\n  name: 'OccurrencesConfig',\n  components: {\n    BaseButton,\n    BaseDatePicker,\n    BaseTreeSelect,\n    Dialog,\n    FiltersTag,\n    TheSubHeader,\n    OccurrencesConfigTable\n  },\n  data() {\n    return {\n      storesSelected: null,\n      storesTreeSelect: [],\n      standardAttendanceTimeSelected: null,\n      defaultAttendanceTimeFormat: {\n        stringify: defaultAttendanceTimeFormatter,\n      },\n      showSuccessDialog: false,\n      hasChanges: false\n    }\n  },\n\n  computed: {\n    ...mapState({\n      standardAttendanceTime: ({ controlTower }) => controlTower.occurrencesConfig.standardAttendanceTime,\n      storesConfig: ({ controlTower }) => controlTower.occurrencesConfig.storesConfig,\n      table: ({ controlTower }) => controlTower.occurrencesConfig.storesConfigTable,\n    }),\n\n    storesTags() {\n      return this.storesSelected?.length ? [...this.storesSelected] : []\n    }\n  },\n\n  mounted() {\n    this.fetchConfig()\n  },\n\n  methods: {\n    ...mapActions({\n      fetchStores: 'stores/fetchStoresAsync',\n      fetchStandardAttendanceTime: 'controlTower/fetchStandardAttendanceTime',\n      setStandardAttendanceTime: 'controlTower/setStandardAttendanceTime',\n      fetchOccurrencesConfig: 'controlTower/fetchOccurrencesConfig',\n      removeOccurrencesConfigItem: 'controlTower/removeOccurrencesConfigItem',\n      clearOccurrencesConfigContent: 'controlTower/clearOccurrencesConfigContent',\n      setLoading: 'loading/setLoading',\n    }),\n\n    async fetchConfig(){\n      this.setLoading(true)\n      const standardAttendanceTimeValue = await this.fetchStandardAttendanceTime()\n      this.standardAttendanceTimeSelected = new Date().setHours(0, 0, standardAttendanceTimeValue)\n      this.storesTreeSelect = await this.fetchStores()\n      this.fetchOccurrencesConfig()\n        .then(() => {\n          this.$refs.OccurrencesConfigTable.addContent([...this.storesConfig])\n          this.storesSelected = [...this.storesConfig.map(store => [...store.stores]).flat()]\n        })\n        .finally(() => this.setLoading(false))\n    },\n\n    updateStandardAttendanceTime(timeValue) {\n      this.setStandardAttendanceTime(timeValue)\n      this.hasChanged()\n    },\n\n    removeStore(name, id){\n      const newStoreSelected = this.storesSelected.filter(tag => tag.id !== id)\n      const storeRemoved = this.storesSelected.find(store => store.id === id)\n      this.storesSelected = [...newStoreSelected]\n\n      if(storeRemoved.parent_id?.id){\n        const storesWithSameParent = newStoreSelected.filter(({ id }) => id === storeRemoved.parent_id.id)\n\n        if(!storesWithSameParent.length) {\n          this.removeOccurrencesConfigItem(storeRemoved.parent_id.id)\n          this.hasChanged()\n        }\n      }\n    },\n\n    clearAll(){\n      this.storesSelected = null\n      this.clearOccurrencesConfigContent()\n      this.hasChanged()\n    },\n\n    updateStores() {\n      if(!this.storesSelected?.length) return\n\n      const parentStoresSelected = this.storesSelected\n        .map(store => {\n          const { parent_id } = store\n          if(!parent_id?.id)\n            return null\n\n          return {\n            id: parent_id.id,\n            name: parent_id.name\n          }\n        }).filter(store => !!store)\n\n      this.$refs.OccurrencesConfigTable.addContent([...parentStoresSelected])\n    },\n\n    cancel() {\n      this.$router.push('/occurrence')\n    },\n\n    getSeconds(timestamp) {\n      const date = new Date(timestamp)\n      return (date.getMinutes() * 60) + date.getSeconds()\n    },\n\n    hasChanged(changes = true) {\n      this.hasChanges = changes\n    },\n\n    async save() {\n      const stores = this.table.content.map((store) => {\n        const sla = this.getSeconds(store.slaInput[0].value)\n        const storesChilds = this.storesSelected.map(({ id }) => id)\n\n        return {\n          id: store.id,\n          sla,\n          stores: [...storesChilds]\n        }\n      })\n\n      const body = {\n        'standard_time': this.getSeconds(this.standardAttendanceTimeSelected),\n        stores\n      }\n\n      this.setLoading(true)\n      controlTower.saveOccurrencesConfig(\n        body,\n        () => {\n          this.fetchConfig()\n          this.showSuccessDialog = true\n          this.hasChanged(false)\n        },\n        (e) => (this.endpointErrors = e.validation),\n        () => this.setLoading(false)\n      )\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.OccurrencesConfig {\n    &__main {\n    display: grid;\n    grid-template-columns: 1fr minmax(min-content, 1180px) 1fr;\n    grid-template-areas: \". main .\";\n    grid-column-gap: 1rem;\n  }\n\n  &__content {\n    grid-area: main;\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n    margin-bottom: 35px;\n  }\n\n  &__flexWrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    h5 {\n      text-transform: uppercase;\n      margin-bottom: 10px;\n    }\n\n    label {\n      font-size: 0.85rem;\n    }\n  }\n\n  &__storeSelect {\n    width: 280px;\n  }\n\n  &__attendanceTime {\n    width: 490px;\n  }\n\n  &__tags{\n    width: 450px;\n\n    /deep/ .FiltersTag__allTags {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 6px;\n\n      .FiltersTag__tag {\n        max-width: unset;\n        border-radius: 2px;\n        margin: 0;\n      }\n\n      .BaseTag__close {\n        padding: 0 8px;\n      }\n\n      .BaseTag__close:before {\n        content: \" \";\n        position: absolute;\n        display: block;\n        height: 18px;\n        border-left: 1.5px solid #fff;\n        left: 0;\n        top: 3px;\n      }\n\n      .FiltersTag__toggle, .FiltersTag__clear {\n        height: 26px;\n        min-width: 85px;\n\n        span {\n          font-size: 12px;\n        }\n      }\n    }\n  }\n\n  &__attendanceDefault {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    margin: -20px 0 10px;\n  }\n\n  &__divider {\n    width: 100%;\n    border-bottom: 1px solid #E5E5E5;\n  }\n\n  &__ButtonsWrapper {\n    display: flex;\n    gap: 20px;\n    justify-content: flex-end;\n\n    button {\n      width: 140px;\n      height: 36px;\n    }\n\n    .CancelButton {\n      border: 1.5px solid black;\n    }\n  }\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OccurrencesConfig.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OccurrencesConfig.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OccurrencesConfig.vue?vue&type=template&id=2bfdcaf2&scoped=true&\"\nimport script from \"./OccurrencesConfig.vue?vue&type=script&lang=js&\"\nexport * from \"./OccurrencesConfig.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OccurrencesConfig.vue?vue&type=style&index=0&id=2bfdcaf2&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  \"2bfdcaf2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OccurrencesConfig.vue?vue&type=style&index=0&id=2bfdcaf2&lang=scss&scoped=true&\""],"sourceRoot":""}