{"version":3,"sources":["webpack:///src/components/modals/Modal.vue","webpack:///./src/components/modals/Modal.vue?5019","webpack:///./src/components/modals/Modal.vue"],"names":["Modal","name","data","windowHeight","directives","ClickOutside","vue_click_outside_default","a","computed","extends_default","Object","vuex_esm","height","this","showCloseButton","options","fade","methods","onResizeHeight","window","innerHeight","removeModal","event","$children","forEach","el","$options","$destroy","mounted","addEventListener","beforeDestroy","removeEventListener","render","_vm","_h","$createElement","_c","_self","attrs","currentModal","rawName","value","closeModal","expression","staticClass","style","on","click","src","__webpack_require__","_e","_v","ref","tag","$event","submit","_withStripped","esExports","staticRenderFns","modals_Modal","Component","normalizeComponent","__file","__webpack_exports__"],"mappings":"gKA6BAA,GACAC,KAAA,QAEAC,KAHA,WAIA,OACAC,aAAA,IAIAC,YAAAC,aAAAC,EAAAC,GAEAC,SAAAC,OACAC,OAAAC,EAAA,EAAAD,EAAA,4BAEAE,OAHA,WAKA,OAAAC,KAAAV,aAAA,MAEAW,gBAPA,WAQA,OAAAD,KAAAE,UAAAF,KAAAE,QAAAC,QAOAC,QAAAR,OACAC,OAAAC,EAAA,EAAAD,EAAA,gBAEAQ,eAHA,WAIAL,KAAAV,aAAAgB,OAAAC,aAGAC,YAPA,SAOAC,GAIAT,KAAAU,UAAAC,QAAA,SAAAC,GACA,oBAAAA,EAAAC,SAAAzB,MACAwB,EAAAE,gBAMAC,QA7CA,WA8CAf,KAAAK,iBACAC,OAAAU,iBAAA,SAAAhB,KAAAK,iBAGAY,cAlDA,WAmDAX,OAAAY,oBAAA,SAAAlB,KAAAK,kBChFAc,EAAA,WACA,IAAAC,EAAApB,KACAqB,EAAAD,EAAAE,eACAC,EAAAH,EAAAI,MAAAD,IAAAF,EACA,OAAAE,EAAA,cAA2BE,OAASrC,KAAA,UACpCgC,EAAAM,aACAH,EACA,OAEAhC,aAEAH,KAAA,gBACAuC,QAAA,kBACAC,MAAAR,EAAAS,WACAC,WAAA,iBAKAP,EACA,OACeQ,YAAA,kBAAAC,OAAyCjC,OAAAqB,EAAArB,UAExDwB,EAAA,OAA2BQ,YAAA,kBAC3BX,EAAAnB,gBACAsB,EACA,OAEAQ,YAAA,gBACAE,IAA+BC,MAAAd,EAAAS,cAG/BN,EAAA,OACAE,OACAU,IAAmCC,EAAQ,aAK3ChB,EAAAiB,OAEAjB,EAAAkB,GAAA,KACAf,EACA,cAEAA,EAAAH,EAAAM,cACAa,IAAA,eACAC,IAAA,YACAP,IACAzB,YAAA,SAAAiC,GACA,OAAArB,EAAAZ,YAAAiC,IAEAC,OAAAtB,EAAAS,eAIA,IAGA,KAIAT,EAAAiB,QAIAlB,EAAAwB,eAAA,EACA,IAAAC,GAAiBzB,SAAA0B,oBACFC,EAAA,ECrEf,IAeAC,EAdyBX,EAAQ,OAcjCY,CACE7D,EACA2D,GATF,EAEA,KAEA,KAEA,MASAC,EAAA7C,QAAA+C,OAAA,kCAkBeC,EAAA,QAAAH,EAAiB","file":"static/js/14.66467209ff29f5b48986.js","sourcesContent":["<template>\n    <transition name=\"fade\">\n        <div v-if=\"currentModal\"\n             v-click-outside=\"closeModal\">\n            <div class=\"modal-container\"\n                 :style=\"{ height }\">\n                <div class=\"modal-heading\">\n                    <div v-if=\"showCloseButton\"class=\"invisible-btn\"\n                         @click=\"closeModal\">\n                        <img src=\"../../assets/img/svg/down.svg\">\n                    </div>\n                </div>\n                <keep-alive>\n                    <component\n                        :is=\"currentModal\"\n                        ref=\"currentModal\"\n                        @removeModal=\"removeModal($event)\"\n                        @submit=\"closeModal\">\n                    </component>\n                </keep-alive>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\n    import ClickOutside from 'vue-click-outside';\n    import { mapGetters, mapActions } from 'vuex';\n\n    export default {\n        name: 'Modal',\n\n        data() {\n            return {\n                windowHeight: 0\n            }\n        },\n\n        directives: { ClickOutside },\n\n        computed: {\n            ...mapGetters(['currentModal', 'options']),\n\n            height() {\n                let height;\n                return  height = this.windowHeight + 'px';\n            },\n            showCloseButton() {\n                if (this.options && this.options.fade) {\n                    return false\n                }\n                return true;\n            }\n        },\n\n        methods: {\n            ...mapActions(['closeModal']),\n\n            onResizeHeight() {\n                this.windowHeight = window.innerHeight;\n            },\n\n            removeModal(event) {\n                /* if(event === 'CustomFormModal') {\n                    this.$refs.currentModal.$destroy();\n                } */\n                this.$children.forEach(el => {\n                    if (el.$options.name === 'CustomFormModal') {\n                        el.$destroy();\n                    }\n                })\n            }\n        },\n\n        mounted() {\n            this.onResizeHeight();\n            window.addEventListener('resize', this.onResizeHeight);\n        },\n\n        beforeDestroy() {\n            window.removeEventListener('resize', this.onResizeHeight);\n        }\n    }\n</script>\n\n\n// WEBPACK FOOTER //\n// src/components/modals/Modal.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"transition\", { attrs: { name: \"fade\" } }, [\n    _vm.currentModal\n      ? _c(\n          \"div\",\n          {\n            directives: [\n              {\n                name: \"click-outside\",\n                rawName: \"v-click-outside\",\n                value: _vm.closeModal,\n                expression: \"closeModal\"\n              }\n            ]\n          },\n          [\n            _c(\n              \"div\",\n              { staticClass: \"modal-container\", style: { height: _vm.height } },\n              [\n                _c(\"div\", { staticClass: \"modal-heading\" }, [\n                  _vm.showCloseButton\n                    ? _c(\n                        \"div\",\n                        {\n                          staticClass: \"invisible-btn\",\n                          on: { click: _vm.closeModal }\n                        },\n                        [\n                          _c(\"img\", {\n                            attrs: {\n                              src: require(\"../../assets/img/svg/down.svg\")\n                            }\n                          })\n                        ]\n                      )\n                    : _vm._e()\n                ]),\n                _vm._v(\" \"),\n                _c(\n                  \"keep-alive\",\n                  [\n                    _c(_vm.currentModal, {\n                      ref: \"currentModal\",\n                      tag: \"component\",\n                      on: {\n                        removeModal: function($event) {\n                          return _vm.removeModal($event)\n                        },\n                        submit: _vm.closeModal\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ]\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-1962e4b4\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-1962e4b4\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/modals/Modal.vue\n// module id = null\n// module chunks = ","var disposed = false\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Modal.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Modal.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1962e4b4\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Modal.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/modals/Modal.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-1962e4b4\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-1962e4b4\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/modals/Modal.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}