{"version":3,"sources":["webpack:///src/components/UI/TransitionExpand.vue","webpack:///./src/components/UI/TransitionExpand.vue","webpack:///./src/components/UI/TransitionExpand.vue?7c9b","webpack:///./src/components/UI/Components/Modal.vue?6854","webpack:///./src/components/UI/Components/SuccessAnimation.vue","webpack:///src/components/UI/Components/SuccessAnimation.vue","webpack:///./src/components/UI/Components/SuccessAnimation.vue?62aa","webpack:///./src/components/UI/Components/SuccessAnimation.vue?afbb","webpack:///./src/components/UI/TransitionExpand.vue?08db","webpack:///./src/components/UI/Components/SuccessAnimation.vue?70f3","webpack:///./src/components/UI/Components/ErrorAnimation.vue","webpack:///./src/components/UI/Components/ErrorAnimation.vue?2ab7","webpack:///./src/components/UI/Components/Modal.vue","webpack:///src/components/UI/Components/Modal.vue","webpack:///./src/components/UI/Components/Modal.vue?3d23","webpack:///./src/components/UI/Components/Modal.vue?37e3","webpack:///./src/components/UI/Components/ErrorAnimation.vue?d937","webpack:///./src/components/UI/Components/Modal.vue?3f2f","webpack:///./src/components/UI/TransitionExpand.vue?cdc1"],"names":["render","staticRenderFns","name","functional","createElement","context","data","props","on","afterEnter","element","style","height","enter","_getComputedStyle","getComputedStyle","width","position","visibility","_getComputedStyle2","setTimeout","leave","_getComputedStyle3","children","component","_vm","this","_c","_self","staticClass","type","Number","default","_m","script","attrs","showModal","key","class","modalSize","unsetFillModeCssClass","animateClass","hideHeader","_e","_v","_s","modalTitle","$event","closeModal","ref","cssClassModalBody","isSavingSuccess","isSavingError","_t","modalCardBody","savingSuccessMessage","domProps","savingErrorMessage","hideFooter","hideFooterButtons","onClickSave","isSaving","disableSaveButton","buttonLabelConfirm","buttonLabelCancel","hideCancelButton","hideSaveButton","confirmButtonCssClass","components","ErrorAnimation","SuccessAnimation","TransitionExpand","String","$t","Boolean","onClickCancel","Function","required","watch","_this","timerCalculateModalBodySize","clearTimeout","calculateModalBodySize","modalAnimation","animateTimer","undefined","computed","cls","beforeDestroy","window","removeEventListener","mounted","_this2","addEventListener","t","methods","$refs","getBoundingClientRect","$emit","scrollToTop","scrollTop"],"mappings":"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","file":"js/chunk-01897314.js?id=499da42bcf43f6a869eb","sourcesContent":["<script>\nexport default {\n  name: `TransitionExpand`,\n  functional: true,\n  render(createElement, context) {\n    const data = {\n      props: {\n        name: `expand`\n      },\n      on: {\n        afterEnter(element) {\n          // eslint-disable-next-line no-param-reassign\n          element.style.height = `auto`\n        },\n        enter(element) {\n          const { width } = getComputedStyle(element)\n          /* eslint-disable no-param-reassign */\n          element.style.width = width\n          element.style.position = `absolute`\n          element.style.visibility = `hidden`\n          element.style.height = `auto`\n          /* eslint-enable */\n          const { height } = getComputedStyle(element)\n          /* eslint-disable no-param-reassign */\n          element.style.width = null\n          element.style.position = null\n          element.style.visibility = null\n          element.style.height = 0\n          /* eslint-enable */\n          // Force repaint to make sure the\n          // animation is triggered correctly.\n          // eslint-disable-next-line no-unused-expressions\n          getComputedStyle(element).height\n          setTimeout(() => {\n            // eslint-disable-next-line no-param-reassign\n            element.style.height = height\n          })\n        },\n        leave(element) {\n          const { height } = getComputedStyle(element)\n          // eslint-disable-next-line no-param-reassign\n          element.style.height = height\n          // Force repaint to make sure the\n          // animation is triggered correctly.\n          // eslint-disable-next-line no-unused-expressions\n          getComputedStyle(element).height\n          setTimeout(() => {\n            // eslint-disable-next-line no-param-reassign\n            element.style.height = 0\n          })\n        }\n      }\n    }\n    return createElement(`transition`, data, context.children)\n  }\n}\n</script>\n\n<style scoped>\n* {\n  will-change: height;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  perspective: 1000px;\n}\n</style>\n\n<style>\n.expand-enter-active,\n.expand-leave-active {\n  transition: height 0.3s ease-in-out;\n  overflow: hidden;\n}\n.expand-enter,\n.expand-leave-to {\n  height: 0;\n}\n</style>\n","var render, staticRenderFns\nimport script from \"./TransitionExpand.vue?vue&type=script&lang=js\"\nexport * from \"./TransitionExpand.vue?vue&type=script&lang=js\"\nimport style0 from \"./TransitionExpand.vue?vue&type=style&index=0&id=3deb10ec&prod&scoped=true&lang=css\"\nimport style1 from \"./TransitionExpand.vue?vue&type=style&index=1&id=3deb10ec&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  \"3deb10ec\",\n  null\n  \n)\n\nexport default component.exports","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!./TransitionExpand.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!./TransitionExpand.vue?vue&type=script&lang=js\"","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!./Modal.vue?vue&type=style&index=1&id=22a67889&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"sa\"},[_c('div',{staticClass:\"sa-success\",style:({ 'width' : _vm.width, 'height' : _vm.height })},[_c('div',{staticClass:\"sa-success-tip\"}),_c('div',{staticClass:\"sa-success-long\"}),_c('div',{staticClass:\"sa-success-placeholder\"}),_c('div',{staticClass:\"sa-success-fix\"})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sa\">\n    <div\n      class=\"sa-success\"\n      :style=\"{ 'width' : width, 'height' : height }\"\n    >\n      <div class=\"sa-success-tip\"></div>\n      <div class=\"sa-success-long\"></div>\n      <div class=\"sa-success-placeholder\"></div>\n      <div class=\"sa-success-fix\"></div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    width: {\n      type: Number,\n      default: 140\n    },\n\n    height: {\n      type: Number,\n      default: 140\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.sa {\n  display: flex;\n  justify-content: center;\n  &-success {\n    border-radius: 50%;\n    border: 4px solid #a5dc86;\n    box-sizing: content-box;\n    height: 80px;\n    padding: 0;\n    position: relative;\n    background-color: #fff;\n    width: 80px;\n    &:after,\n    &:before {\n      background: #fff;\n      content: \"\";\n      height: 120px;\n      position: absolute;\n      transform: rotate(45deg);\n      width: 60px;\n    }\n    &:before {\n      border-radius: 40px 0 0 40px;\n      width: 26px;\n      height: 80px;\n      top: -17px;\n      left: 5px;\n      transform-origin: 60px 60px;\n      transform: rotate(-45deg);\n    }\n    &:after {\n      border-radius: 0 120px 120px 0;\n      left: 30px;\n      top: -11px;\n      transform-origin: 0 60px;\n      transform: rotate(-45deg);\n      animation: rotatePlaceholder 4.25s ease-in;\n    }\n    &-placeholder {\n      border-radius: 50%;\n      border: 4px solid rgba(165, 220, 134, 0.25);\n      box-sizing: content-box;\n      height: 80px;\n      left: -4px;\n      position: absolute;\n      top: -4px;\n      width: 80px;\n      z-index: 2;\n    }\n    &-fix {\n      background-color: #fff;\n      height: 90px;\n      left: 28px;\n      position: absolute;\n      top: 8px;\n      transform: rotate(-45deg);\n      width: 5px;\n      z-index: 1;\n    }\n    &-tip,\n    &-long {\n      background-color: #a5dc86;\n      border-radius: 2px;\n      height: 5px;\n      position: absolute;\n      z-index: 2;\n    }\n    &-tip {\n      left: 14px;\n      top: 46px;\n      transform: rotate(45deg);\n      width: 25px;\n      animation: animateSuccessTip 0.75s;\n    }\n    &-long {\n      right: 8px;\n      top: 38px;\n      transform: rotate(-45deg);\n      width: 47px;\n      animation: animateSuccessLong 0.75s;\n    }\n  }\n}\n@keyframes animateSuccessTip {\n  0%,\n  54% {\n    width: 0;\n    left: 1px;\n    top: 19px;\n  }\n  70% {\n    width: 50px;\n    left: -8px;\n    top: 37px;\n  }\n  84% {\n    width: 17px;\n    left: 21px;\n    top: 48px;\n  }\n  100% {\n    width: 25px;\n    left: 14px;\n    top: 45px;\n  }\n}\n@keyframes animateSuccessLong {\n  0%,\n  65% {\n    width: 0;\n    right: 46px;\n    top: 54px;\n  }\n  84% {\n    width: 55px;\n    right: 0;\n    top: 35px;\n  }\n  100% {\n    width: 47px;\n    right: 8px;\n    top: 38px;\n  }\n}\n@keyframes rotatePlaceholder {\n  0%,\n  5% {\n    transform: rotate(-45deg);\n  }\n  100%,\n  12% {\n    transform: rotate(-405deg);\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SuccessAnimation.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!./SuccessAnimation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SuccessAnimation.vue?vue&type=template&id=4b689632&scoped=true\"\nimport script from \"./SuccessAnimation.vue?vue&type=script&lang=js\"\nexport * from \"./SuccessAnimation.vue?vue&type=script&lang=js\"\nimport style0 from \"./SuccessAnimation.vue?vue&type=style&index=0&id=4b689632&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  \"4b689632\",\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!./TransitionExpand.vue?vue&type=style&index=1&id=3deb10ec&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!./SuccessAnimation.vue?vue&type=style&index=0&id=4b689632&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"sa\"},[_c('div',{staticClass:\"sa-error\"},[_c('div',{staticClass:\"sa-error-x\"},[_c('div',{staticClass:\"sa-error-left\"}),_c('div',{staticClass:\"sa-error-right\"})]),_c('div',{staticClass:\"sa-error-placeholder\"}),_c('div',{staticClass:\"sa-error-fix\"})])])\n}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ErrorAnimation.vue?vue&type=template&id=f8ec296e&scoped=true\"\nvar script = {}\nimport style0 from \"./ErrorAnimation.vue?vue&type=style&index=0&id=f8ec296e&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  \"f8ec296e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.showModal)?_c('div',{key:'modalContent' + Number(_vm.showModal),staticClass:\"modal\",class:{ 'is-active': _vm.showModal }},[_c('div',{staticClass:\"modal-background\"}),_c('div',{staticClass:\"modal-card\",class:['modal-card-' + _vm.modalSize, _vm.unsetFillModeCssClass, _vm.animateClass]},[_c('header',{staticClass:\"modal-card-head\"},[(!_vm.hideHeader)?_c('p',{staticClass:\"modal-card-title\"},[_vm._v(\" \"+_vm._s(_vm.modalTitle)+\" \")]):_vm._e(),(!_vm.hideHeader)?_c('button',{staticClass:\"delete\",attrs:{\"aria-label\":\"close\"},on:{\"click\":function($event){return _vm.closeModal()}}}):_vm._e()]),_c('section',{ref:\"modalCardBody\",staticClass:\"modal-card-body\",class:_vm.cssClassModalBody},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(!_vm.isSavingSuccess && !_vm.isSavingError)?_c('div',[_vm._t(\"content\",null,{\"modalCardBody\":_vm.modalCardBody})],2):_vm._e(),(_vm.isSavingSuccess)?_c('section',{staticClass:\"content-successMessage has-text-centered\"},[_c('SuccessAnimation',{staticClass:\"mb-6\"}),(_vm.savingSuccessMessage && !_vm.isSavingError)?_c('div',{staticClass:\"title is-4\",domProps:{\"textContent\":_vm._s(_vm.savingSuccessMessage)}}):_vm._e(),_vm._t(\"successMessageSlot\")],2):_vm._e(),(_vm.isSavingError)?_c('section',{staticClass:\"content-successMessage has-text-centered\"},[_c('ErrorAnimation',{staticClass:\"mb-6\"}),(_vm.savingErrorMessage && !_vm.isSavingSuccess)?_c('div',{staticClass:\"title is-4\",domProps:{\"textContent\":_vm._s(_vm.savingErrorMessage)}}):_vm._e(),_vm._t(\"errorMessageSlot\")],2):_vm._e()])],1),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(!_vm.hideFooter)?_c('footer',{staticClass:\"modal-card-foot\"},[_c('TransitionExpand',[(!_vm.hideFooterButtons)?_c('ui-submit-form-controls',{staticClass:\"has-margin-bottom\",attrs:{\"onClickSave\":_vm.onClickSave,\"onClickCancel\":_vm.closeModal,\"isSaving\":_vm.isSaving,\"disableSaveButton\":_vm.disableSaveButton,\"buttonLabelConfirm\":_vm.buttonLabelConfirm,\"buttonLabelCancel\":_vm.buttonLabelCancel,\"hideCancelButton\":_vm.hideCancelButton,\"hideSaveButton\":_vm.hideSaveButton,\"confirmButtonCssClass\":_vm.confirmButtonCssClass}},[_vm._t(\"buttonsSlot\")],2):_vm._e()],1)],1):_vm._e()])],1)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition\n    name=\"fade\"\n    mode=\"out-in\"\n  >\n    <div\n      v-if=\"showModal\"\n      :key=\"'modalContent' + Number(showModal)\"\n      class=\"modal\"\n      :class=\"{ 'is-active': showModal }\"\n    >\n      <div class=\"modal-background\"></div>\n      <div\n        class=\"modal-card\"\n        :class=\"['modal-card-' + modalSize, unsetFillModeCssClass, animateClass]\"\n      >\n        <header class=\"modal-card-head\">\n          <p\n            v-if=\"!hideHeader\"\n            class=\"modal-card-title\"\n          >\n            {{ modalTitle }}\n          </p>\n          <button\n            v-if=\"!hideHeader\"\n            @click=\"closeModal()\"\n            class=\"delete\"\n            aria-label=\"close\"\n          ></button>\n        </header>\n\n        <section\n          ref=\"modalCardBody\"\n          class=\"modal-card-body\"\n          :class=\"cssClassModalBody\"\n        >\n          <transition\n            name=\"fade\"\n            mode=\"out-in\"\n          >\n            <div v-if=\"!isSavingSuccess && !isSavingError\">\n              <slot\n                name=\"content\"\n                :modalCardBody=\"modalCardBody\"\n              ></slot>\n            </div>\n\n            <section\n              v-if=\"isSavingSuccess\"\n              class=\"content-successMessage has-text-centered\"\n            >\n              <SuccessAnimation class=\"mb-6\" />\n              <div\n                v-if=\"savingSuccessMessage && !isSavingError\"\n                class=\"title is-4\"\n                v-text=\"savingSuccessMessage\"\n              ></div>\n              <slot name=\"successMessageSlot\"></slot>\n            </section>\n            <section\n              v-if=\"isSavingError\"\n              class=\"content-successMessage has-text-centered\"\n            >\n              <ErrorAnimation class=\"mb-6\" />\n              <div\n                v-if=\"savingErrorMessage && !isSavingSuccess\"\n                class=\"title is-4\"\n                v-text=\"savingErrorMessage\"\n              ></div>\n              <slot name=\"errorMessageSlot\"></slot>\n            </section>\n          </transition>\n        </section>\n\n        <transition\n          name=\"fade\"\n          mode=\"out-in\"\n        >\n          <footer\n            v-if=\"!hideFooter\"\n            class=\"modal-card-foot\"\n          >\n            <TransitionExpand>\n              <ui-submit-form-controls\n                v-if=\"!hideFooterButtons\"\n                :onClickSave=\"onClickSave\"\n                :onClickCancel=\"closeModal\"\n                :isSaving=\"isSaving\"\n                :disableSaveButton=\"disableSaveButton\"\n                :buttonLabelConfirm=\"buttonLabelConfirm\"\n                :buttonLabelCancel=\"buttonLabelCancel\"\n                :hideCancelButton=\"hideCancelButton\"\n                :hideSaveButton=\"hideSaveButton\"\n                :confirmButtonCssClass=\"confirmButtonCssClass\"\n                class=\"has-margin-bottom\"\n              >\n                <slot name=\"buttonsSlot\"></slot>\n              </ui-submit-form-controls>\n            </TransitionExpand>\n          </footer>\n        </transition>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script>\nimport ErrorAnimation from '@/components/UI/Components/ErrorAnimation';\nimport SuccessAnimation from '@/components/UI/Components/SuccessAnimation';\nimport TransitionExpand from '../TransitionExpand.vue';\nexport default {\n  name: 'modal',\n\n  components: {\n    ErrorAnimation,\n    SuccessAnimation,\n    TransitionExpand\n  },\n\n  props: {\n    buttonLabelConfirm: {\n      type: String,\n      default: function () {\n        return this.$t('Form.Control.Save');\n      }\n    },\n    buttonLabelCancel: {\n      type: String,\n      default: function () {\n        return this.$t('Form.Control.Cancel');\n      }\n    },\n    confirmButtonCssClass: {\n      type: String,\n      default: 'is-primary'\n    },\n    disableSaveButton: {\n      type: Boolean,\n      default: false\n    },\n\n    isSaving: {\n      type: Boolean,\n      default: false\n    },\n\n    isSavingSuccess: {\n      type: Boolean,\n      default: false\n    },\n    savingSuccessMessage: {\n      type: String,\n      default: function () {\n        return this.$t('General.SavingSuccess');\n      }\n    },\n    isSavingError: {\n      type: Boolean,\n      default: false\n    },\n    savingErrorMessage: {\n      type: String,\n      default: function () {\n        return this.$t('General.SavingError');\n      }\n    },\n\n    modalTitle: {\n      type: String,\n      default: ''\n    },\n    onClickCancel: {\n      type: Function,\n      default: function () {},\n      required: false\n    },\n    onClickSave: {\n      type: Function,\n      default: function () {},\n      required: false\n    },\n    showModal: {\n      type: Boolean,\n      default: false\n    },\n    hideHeader: {\n      type: Boolean,\n      default: false\n    },\n    hideFooter: {\n      type: Boolean,\n      default: false\n    },\n    hideFooterButtons: {\n      type: Boolean,\n      default: false\n    },\n    hideCancelButton: {\n      type: Boolean,\n      default: false\n    },\n    hideSaveButton: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Sizes are:\n     * - dynamic (size will be determent by content)\n     * - small (width is set to auto)\n     * - normal (is bulma default)\n     * - large (1024)\n     * - extra-large (1200)\n     */\n    modalSize: {\n      type: String,\n      default: 'normal'\n    },\n    cssClassModalBody: {\n      type: String,\n      default: ''\n    }\n  },\n\n  watch: {\n    hideFooterButtons() {\n      if (this.timerCalculateModalBodySize) {\n        clearTimeout(this.timerCalculateModalBodySize);\n      }\n      this.timerCalculateModalBodySize = setTimeout(() => {\n        this.calculateModalBodySize();\n        clearTimeout(this.calculateModalBodySize());\n      }, 500);\n    }\n  },\n\n  data() {\n    return {\n      modalAnimation: this.showModal,\n      animateTimer: null,\n      unsetFillModeCssClass: 'unset-fill-mode',\n      timerCalculateModalBodySize: null,\n      modalCardBody: undefined\n    };\n  },\n\n  computed: {\n    animateClass() {\n      let cls = 'animated fade';\n      cls = cls + (this.modalAnimation ? 'In' : 'Out');\n      cls = cls + ' faster';\n      return cls;\n    }\n  },\n\n  beforeDestroy() {\n    /**\n     * Destroy timer\n     */\n    window.removeEventListener('resize', this.calculateModalBodySize);\n    if (this.animateTimer) {\n      clearTimeout(this.animateTimer);\n    }\n  },\n\n  mounted() {\n    window.addEventListener('resize', this.calculateModalBodySize);\n    let t = setTimeout(() => {\n      this.calculateModalBodySize();\n      clearTimeout(t);\n    }, 300);\n  },\n\n  methods: {\n    closeModal() {\n      this.unsetFillModeCssClass = '';\n      this.modalAnimation = false;\n      this.animateTimer = setTimeout(this.onClickCancel, 0);\n    },\n\n    calculateModalBodySize() {\n      if (this.$refs.modalCardBody) {\n        this.modalCardBody = this.$refs.modalCardBody.getBoundingClientRect();\n        this.$emit('modalBodySize', this.modalCardBody);\n      }\n    },\n\n    scrollToTop() {\n      this.$refs.modalCardBody.scrollTop = 0;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.modal {\n  .modal-card-body {\n    position: relative;\n    .vc-popover-content-wrapper {\n      position: absolute !important;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.modal {\n  z-index: 101;\n\n  .modal-card {\n    &.animated {\n      animation-fill-mode: unset;\n    }\n  }\n  @media screen and (max-width: 768px) {\n    padding-left: $gap;\n    padding-right: $gap;\n  }\n  @media screen and (min-width: 769px) {\n    .modal-card {\n      &-dynamic {\n        width: auto !important;\n      }\n      &-large {\n        width: 100% !important;\n        max-width: 990px;\n        @media screen and (max-width: 1020px) {\n          padding-left: $gap;\n          padding-right: $gap;\n        }\n      }\n      &-extra-large {\n        width: 100% !important;\n        max-width: 1200px;\n        @media screen and (max-width: 1230px) {\n          padding-left: $gap;\n          padding-right: $gap;\n        }\n      }\n    }\n  }\n  .modal-card-body {\n    .vc-popover-content-wrapper {\n      position: fixed !important;\n    }\n  }\n  .modal-card-foot {\n    .buttons {\n      flex: 1;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.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!./Modal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=22a67889&scoped=true\"\nimport script from \"./Modal.vue?vue&type=script&lang=js\"\nexport * from \"./Modal.vue?vue&type=script&lang=js\"\nimport style0 from \"./Modal.vue?vue&type=style&index=0&id=22a67889&prod&lang=scss\"\nimport style1 from \"./Modal.vue?vue&type=style&index=1&id=22a67889&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  \"22a67889\",\n  null\n  \n)\n\nexport default component.exports","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!./ErrorAnimation.vue?vue&type=style&index=0&id=f8ec296e&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!./Modal.vue?vue&type=style&index=0&id=22a67889&prod&lang=scss\"","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!./TransitionExpand.vue?vue&type=style&index=0&id=3deb10ec&prod&scoped=true&lang=css\""],"sourceRoot":""}