{"version":3,"sources":["webpack:///./src/components/modals/common/BaseModal.vue?e63a","webpack:///src/components/modals/common/BaseModal.vue","webpack:///./src/components/modals/common/BaseModal.vue?7903","webpack:///./src/components/modals/common/BaseModal.vue?7b86","webpack:///./src/utils/modal.js","webpack:///./src/components/modals/common/BaseModal.vue?3232"],"names":["render","_vm","this","_h","$createElement","_c","_self","key","modalKey","style","modal","idx","attrs","backDrop","dialogClass","isOpened","isLoading","on","OnHidden","_t","Close","SetLoading","directives","name","rawName","value","expression","staticClass","staticRenderFns","data","setup","modalInfo","mounted","created","methods","computed","mapGetters","modals","watch","props","modalName","type","required","default","component","useBaseModal","context","formSaving","ref","buttonsDisabled","isButtonsDisabled","s","store","getters","ModalStoreTypes","getModalByName","ModalFunctions","CloseModal","useModalHelper","formId","IsVueFormValid"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,IAAIN,EAAIO,SAASC,MAAM,CAAG,UAAW,KAAOR,EAAIS,MAAMC,KAAOC,MAAM,CAAC,GAAKX,EAAIO,SAAS,eAAc,EAAK,eAAc,EAAK,KAAO,KAAK,gBAAgBP,EAAIY,SAAS,wBAAuB,EAAK,eAAeZ,EAAIa,YAAY,QAAS,EAAK,KAAO,GAAG,QAAUb,EAAIS,MAAMK,SAAS,gCAAgC,oBAAoB,cAAcd,EAAIS,MAAMM,UAAY,oBAAsB,IAAIC,GAAG,CAAC,OAAShB,EAAIiB,WAAW,CAACb,EAAG,MAAM,CAACJ,EAAIkB,GAAG,UAAU,KAAK,CAAC,OAAS,CAAEC,MAAOnB,EAAImB,MAAOC,WAAYpB,EAAIoB,eAAgB,KAAKhB,EAAG,aAAa,CAACO,MAAM,CAAC,KAAO,SAAS,CAACP,EAAG,MAAM,CAACiB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOxB,EAAIS,MAAe,UAAEgB,WAAW,oBAAoBC,YAAY,iBAAiB,CAACtB,EAAG,YAAY,CAACO,MAAM,CAAC,QAAU,cAAc,MAAM,IACt2BgB,EAAkB,G,4DCmCP,GACfL,kBACAM,gBACA,OACAtB,QAGAuB,oBACA,0BAAAV,UAAAW,cAAAV,eAIA,OACAD,QACAW,YACAV,eAGAW,qBACAC,qBACAC,SACAhB,qBACA,eAGAiB,0CACAC,gBAAAC,mCAAA,IACA3B,iBACA,0DACA,eACA,WAGAG,oBACA,UAEAL,oBACA,yBAGA8B,OACA,4BACA,WACA,gCAGAC,OACAC,WACAC,YACAC,aAEA/B,KACA8B,YACAC,aAEA5B,aACA2B,YACAE,wBC7FiX,I,wBCQ7WC,EAAY,eACd,EACA5C,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E,6CCnBf,oIAMaC,EAAe,SAASN,EAAOO,GAC1C,IAAIC,EAAaC,gBAAI,GACjBC,EAAkBD,gBAAI,GACtBE,EAAoBf,gBAAS,SAAAgB,GAC/B,OAAOJ,EAAWtB,OAASwB,EAAgBxB,SAEzCM,EAAYI,gBAAS,WACvB,OAAOiB,OAAMC,QAAQC,OAAgBD,QAAQE,gBAC3ChB,EAAMC,UACND,EAAM5B,QAGNS,EAAQ,WAEV,OADA6B,EAAgBxB,OAAQ,EACjB+B,OAAeC,WAAWlB,EAAMC,UAAWD,EAAM5B,MAEtDU,EAAa,WAA2B,IAAlBL,IAAY,UAAH,+CACjC,OAAOwC,OAAenC,WAAWkB,EAAMC,UAAWD,EAAM5B,IAAKK,IAG/D,MAAO,CACLK,aACAD,QACAW,YACAgB,aACAG,sBAGSQ,EAAiB,SAASnB,EAAOO,GAC5C,IAAIa,EAASxB,gBAAS,WACpB,MAAO,QAAUI,EAAM7B,MAAMC,OAG/B,MAAO,CACLgD,SACAC,yB,6DCzCJ","file":"js/chunk-03a51862.e38b15fc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{key:_vm.modalKey,style:({ 'z-index': 1040 + _vm.modal.idx }),attrs:{\"id\":_vm.modalKey,\"hide-header\":true,\"hide-footer\":true,\"size\":\"lg\",\"hide-backdrop\":_vm.backDrop,\"no-close-on-backdrop\":true,\"dialog-class\":_vm.dialogClass,\"static\":true,\"lazy\":\"\",\"visible\":_vm.modal.isOpened,\"ignore-enforce-focus-selector\":\"#BottomFogvSearch\",\"modal-class\":_vm.modal.isLoading ? 'modal-not-visible' : ''},on:{\"hidden\":_vm.OnHidden}},[_c('div',[_vm._t(\"default\",null,{\"events\":{ Close: _vm.Close, SetLoading: _vm.SetLoading }})],2)]),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.modal.isLoading),expression:\"modal.isLoading\"}],staticClass:\"modal-spinner\"},[_c('b-spinner',{attrs:{\"variant\":\"primary\"}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-modal\r\n      :key=\"modalKey\"\r\n      :id=\"modalKey\"\r\n      :hide-header=\"true\"\r\n      :hide-footer=\"true\"\r\n      size=\"lg\"\r\n      :hide-backdrop=\"backDrop\"\r\n      :no-close-on-backdrop=\"true\"\r\n      :dialog-class=\"dialogClass\"\r\n      :static=\"true\"\r\n      lazy\r\n      :visible=\"modal.isOpened\"\r\n      ignore-enforce-focus-selector=\"#BottomFogvSearch\"\r\n      :modal-class=\"modal.isLoading ? 'modal-not-visible' : ''\"\r\n      @hidden=\"OnHidden\"\r\n      :style=\"{ 'z-index': 1040 + modal.idx }\"\r\n    >\r\n      <div>\r\n        <slot :events=\"{ Close: Close, SetLoading: SetLoading }\"></slot>\r\n      </div>\r\n    </b-modal>\r\n    <transition name=\"fade\">\r\n      <div class=\"modal-spinner\" v-show=\"modal.isLoading\">\r\n        <b-spinner variant=\"primary\"></b-spinner>\r\n      </div>\r\n    </transition>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport { ModalStoreTypes } from '../../../store/modules/modal';\r\nimport { useBaseModal } from '../../../utils/modal';\r\n\r\nexport default {\r\n  name: 'base-modal',\r\n  data() {\r\n    return {\r\n      key: 0,\r\n    };\r\n  },\r\n  setup(props, context) {\r\n    let { Close, modalInfo, SetLoading } = useBaseModal(props, context);\r\n\r\n    // SetLoading(true);\r\n\r\n    return {\r\n      Close,\r\n      modalInfo,\r\n      SetLoading,\r\n    };\r\n  },\r\n  mounted() {},\r\n  created() {},\r\n  methods: {\r\n    OnHidden(e) {\r\n      this.Close();\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters({ modals: ModalStoreTypes.getters.getModals }),\r\n    modal() {\r\n      return this.$store.getters[ModalStoreTypes.getters.getModalByName](\r\n        this.modalName,\r\n        this.idx\r\n      );\r\n    },\r\n    backDrop() {\r\n      return false;\r\n    },\r\n    modalKey() {\r\n      return this.modalName;\r\n    },\r\n  },\r\n  watch: {\r\n    'modal.isOpened': function() {\r\n      this.key++;\r\n      this.$emit('update:value', false);\r\n    },\r\n  },\r\n  props: {\r\n    modalName: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    idx: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n    dialogClass: {\r\n      type: String,\r\n      default: 'modal-left',\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n.modal-spinner {\r\n  position: fixed !important;\r\n  left: 50%;\r\n  top: 50%;\r\n  transform: translateX(-50%) translateY(-50%);\r\n  z-index: 10000;\r\n  width: 134px;\r\n  height: 134px;\r\n  border-radius: 25px;\r\n  background-color: white;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n}\r\n.modal-not-visible {\r\n  opacity: 0;\r\n}\r\n.modal-not-visible .modal-content {\r\n  opacity: 0;\r\n}\r\n</style>\r\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!./BaseModal.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!./BaseModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseModal.vue?vue&type=template&id=4c80e35f&\"\nimport script from \"./BaseModal.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaseModal.vue?vue&type=style&index=0&id=4c80e35f&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","import { ref, computed } from '@vue/composition-api';\r\nimport { ModalFunctions } from '../functions/ModalFunctions';\r\nimport store from '../store';\r\nimport { ModalStoreTypes } from '../store/modules/modal';\r\nimport { IsVueFormValid } from './vueUtils';\r\n\r\nexport const useBaseModal = function(props, context) {\r\n  let formSaving = ref(false);\r\n  let buttonsDisabled = ref(false);\r\n  let isButtonsDisabled = computed(s => {\r\n    return formSaving.value || buttonsDisabled.value;\r\n  });\r\n  let modalInfo = computed(() => {\r\n    return store.getters[ModalStoreTypes.getters.getModalByName](\r\n      props.modalName,\r\n      props.idx\r\n    );\r\n  });\r\n  let Close = function() {\r\n    buttonsDisabled.value = true;\r\n    return ModalFunctions.CloseModal(props.modalName, props.idx);\r\n  };\r\n  let SetLoading = function(isLoading = true) {\r\n    return ModalFunctions.SetLoading(props.modalName, props.idx, isLoading);\r\n  };\r\n\r\n  return {\r\n    SetLoading,\r\n    Close,\r\n    modalInfo,\r\n    formSaving,\r\n    isButtonsDisabled,\r\n  };\r\n};\r\nexport const useModalHelper = function(props, context) {\r\n  let formId = computed(() => {\r\n    return 'form_' + props.modal.idx;\r\n  });\r\n\r\n  return {\r\n    formId,\r\n    IsVueFormValid,\r\n  };\r\n};\r\n","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!./BaseModal.vue?vue&type=style&index=0&id=4c80e35f&prod&lang=css&\""],"sourceRoot":""}