{"version":3,"sources":["webpack:///src/components/UI/Components/Modal.vue","webpack:///./src/components/UI/Components/Modal.vue","webpack:///./src/components/UI/Components/Modal.vue?7e61","webpack:///./src/components/UI/Components/Modal.vue?df71","webpack:///./src/components/UI/Components/Modal.vue?5545","webpack:///./src/components/UI/Components/Modal.vue?9be7","webpack:///./src/components/UI/Components/Modal.vue?37e3","webpack:///./src/components/UI/Components/Modal.vue?9551","webpack:///./src/components/UI/Components/Modal.vue?a010","webpack:///./src/components/UI/Components/Modal.vue?7931","webpack:///./src/components/UI/Components/Modal.vue?ef47"],"names":["name","components","ErrorAnimation","SuccessAnimation","TransitionExpand","props","buttonLabelConfirm","type","String","default","$t","buttonLabelCancel","confirmButtonCssClass","disableSaveButton","Boolean","isSaving","isSavingSuccess","savingSuccessMessage","isSavingError","savingErrorMessage","modalTitle","onClickCancel","Function","required","onClickSave","showModal","hideHeader","hideFooter","hideFooterButtons","hideCancelButton","hideSaveButton","modalSize","cssClassModalBody","watch","_this","timerCalculateModalBodySize","clearTimeout","setTimeout","calculateModalBodySize","data","modalAnimation","animateTimer","unsetFillModeCssClass","modalCardBody","undefined","computed","animateClass","cls","beforeDestroy","window","removeEventListener","mounted","_this2","addEventListener","t","methods","closeModal","$refs","getBoundingClientRect","$emit","scrollToTop","scrollTop","render","_vm","_c","_self","attrs","mode","key","Number","staticClass","class","_v","_s","_e","on","click","$event","ref","_t","domProps","textContent","staticRenderFns","_withStripped"],"mappings":"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","file":"js/19.js?id=4df837720d548c849521","sourcesContent":["<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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"transition\", { attrs: { name: \"fade\", mode: \"out-in\" } }, [\n    _vm.showModal\n      ? _c(\n          \"div\",\n          {\n            key: \"modalContent\" + Number(_vm.showModal),\n            staticClass: \"modal\",\n            class: { \"is-active\": _vm.showModal },\n          },\n          [\n            _c(\"div\", { staticClass: \"modal-background\" }),\n            _c(\n              \"div\",\n              {\n                staticClass: \"modal-card\",\n                class: [\n                  \"modal-card-\" + _vm.modalSize,\n                  _vm.unsetFillModeCssClass,\n                  _vm.animateClass,\n                ],\n              },\n              [\n                _c(\"header\", { staticClass: \"modal-card-head\" }, [\n                  !_vm.hideHeader\n                    ? _c(\"p\", { staticClass: \"modal-card-title\" }, [\n                        _vm._v(\" \" + _vm._s(_vm.modalTitle) + \" \"),\n                      ])\n                    : _vm._e(),\n                  !_vm.hideHeader\n                    ? _c(\"button\", {\n                        staticClass: \"delete\",\n                        attrs: { \"aria-label\": \"close\" },\n                        on: {\n                          click: function ($event) {\n                            return _vm.closeModal()\n                          },\n                        },\n                      })\n                    : _vm._e(),\n                ]),\n                _c(\n                  \"section\",\n                  {\n                    ref: \"modalCardBody\",\n                    staticClass: \"modal-card-body\",\n                    class: _vm.cssClassModalBody,\n                  },\n                  [\n                    _c(\n                      \"transition\",\n                      { attrs: { name: \"fade\", mode: \"out-in\" } },\n                      [\n                        !_vm.isSavingSuccess && !_vm.isSavingError\n                          ? _c(\n                              \"div\",\n                              [\n                                _vm._t(\"content\", null, {\n                                  modalCardBody: _vm.modalCardBody,\n                                }),\n                              ],\n                              2\n                            )\n                          : _vm._e(),\n                        _vm.isSavingSuccess\n                          ? _c(\n                              \"section\",\n                              {\n                                staticClass:\n                                  \"content-successMessage has-text-centered\",\n                              },\n                              [\n                                _c(\"SuccessAnimation\", { staticClass: \"mb-6\" }),\n                                _vm.savingSuccessMessage && !_vm.isSavingError\n                                  ? _c(\"div\", {\n                                      staticClass: \"title is-4\",\n                                      domProps: {\n                                        textContent: _vm._s(\n                                          _vm.savingSuccessMessage\n                                        ),\n                                      },\n                                    })\n                                  : _vm._e(),\n                                _vm._t(\"successMessageSlot\"),\n                              ],\n                              2\n                            )\n                          : _vm._e(),\n                        _vm.isSavingError\n                          ? _c(\n                              \"section\",\n                              {\n                                staticClass:\n                                  \"content-successMessage has-text-centered\",\n                              },\n                              [\n                                _c(\"ErrorAnimation\", { staticClass: \"mb-6\" }),\n                                _vm.savingErrorMessage && !_vm.isSavingSuccess\n                                  ? _c(\"div\", {\n                                      staticClass: \"title is-4\",\n                                      domProps: {\n                                        textContent: _vm._s(\n                                          _vm.savingErrorMessage\n                                        ),\n                                      },\n                                    })\n                                  : _vm._e(),\n                                _vm._t(\"errorMessageSlot\"),\n                              ],\n                              2\n                            )\n                          : _vm._e(),\n                      ]\n                    ),\n                  ],\n                  1\n                ),\n                _c(\"transition\", { attrs: { name: \"fade\", mode: \"out-in\" } }, [\n                  !_vm.hideFooter\n                    ? _c(\n                        \"footer\",\n                        { staticClass: \"modal-card-foot\" },\n                        [\n                          _c(\n                            \"TransitionExpand\",\n                            [\n                              !_vm.hideFooterButtons\n                                ? _c(\n                                    \"ui-submit-form-controls\",\n                                    {\n                                      staticClass: \"has-margin-bottom\",\n                                      attrs: {\n                                        onClickSave: _vm.onClickSave,\n                                        onClickCancel: _vm.closeModal,\n                                        isSaving: _vm.isSaving,\n                                        disableSaveButton:\n                                          _vm.disableSaveButton,\n                                        buttonLabelConfirm:\n                                          _vm.buttonLabelConfirm,\n                                        buttonLabelCancel:\n                                          _vm.buttonLabelCancel,\n                                        hideCancelButton: _vm.hideCancelButton,\n                                        hideSaveButton: _vm.hideSaveButton,\n                                        confirmButtonCssClass:\n                                          _vm.confirmButtonCssClass,\n                                      },\n                                    },\n                                    [_vm._t(\"buttonsSlot\")],\n                                    2\n                                  )\n                                : _vm._e(),\n                            ],\n                            1\n                          ),\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                ]),\n              ],\n              1\n            ),\n          ]\n        )\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/**\\n* Colors\\n*/\\n/**\\n* Text sizes\\n*/\\n/**\\n* Column settings\\n*/\\n/**\\n* Font properties\\n*/\\n.modal .modal-card-body {\\n  position: relative;\\n}\\n.modal .modal-card-body .vc-popover-content-wrapper {\\n  position: absolute !important;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/**\\n* Colors\\n*/\\n/**\\n* Text sizes\\n*/\\n/**\\n* Column settings\\n*/\\n/**\\n* Font properties\\n*/\\n.modal[data-v-cea081a2] {\\n  z-index: 101;\\n}\\n.modal .modal-card.animated[data-v-cea081a2] {\\n  -webkit-animation-fill-mode: unset;\\n          animation-fill-mode: unset;\\n}\\n@media screen and (max-width: 768px) {\\n.modal[data-v-cea081a2] {\\n    padding-left: 20px;\\n    padding-right: 20px;\\n}\\n}\\n@media screen and (min-width: 769px) {\\n.modal .modal-card-dynamic[data-v-cea081a2] {\\n    width: auto !important;\\n}\\n.modal .modal-card-large[data-v-cea081a2] {\\n    width: 100% !important;\\n    max-width: 990px;\\n}\\n}\\n@media screen and (min-width: 769px) and (max-width: 1020px) {\\n.modal .modal-card-large[data-v-cea081a2] {\\n    padding-left: 20px;\\n    padding-right: 20px;\\n}\\n}\\n@media screen and (min-width: 769px) {\\n.modal .modal-card-extra-large[data-v-cea081a2] {\\n    width: 100% !important;\\n    max-width: 1200px;\\n}\\n}\\n@media screen and (min-width: 769px) and (max-width: 1230px) {\\n.modal .modal-card-extra-large[data-v-cea081a2] {\\n    padding-left: 20px;\\n    padding-right: 20px;\\n}\\n}\\n.modal .modal-card-body .vc-popover-content-wrapper[data-v-cea081a2] {\\n  position: fixed !important;\\n}\\n.modal .modal-card-foot .buttons[data-v-cea081a2] {\\n  -webkit-box-flex: 1;\\n      -ms-flex: 1;\\n          flex: 1;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../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=cea081a2&lang=scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"793fbb2b\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../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=cea081a2&lang=scss\", function() {\n     var newContent = require(\"!!../../../../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=cea081a2&lang=scss\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../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=cea081a2&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"ca0bf356\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../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=cea081a2&lang=scss&scoped=true\", function() {\n     var newContent = require(\"!!../../../../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=cea081a2&lang=scss&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=cea081a2&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=cea081a2&lang=scss\"\nimport style1 from \"./Modal.vue?vue&type=style&index=1&id=cea081a2&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  \"cea081a2\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('cea081a2')) {\n      api.createRecord('cea081a2', component.options)\n    } else {\n      api.reload('cea081a2', component.options)\n    }\n    module.hot.accept(\"./Modal.vue?vue&type=template&id=cea081a2&scoped=true\", function () {\n      api.rerender('cea081a2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/UI/Components/Modal.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../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/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 * from \"-!../../../../node_modules/vue-style-loader/index.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=cea081a2&lang=scss\"","export * from \"-!../../../../node_modules/vue-style-loader/index.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=cea081a2&lang=scss&scoped=true\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"d2a26fb4-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=template&id=cea081a2&scoped=true\""],"sourceRoot":""}