{"version":3,"sources":["webpack:///./src/components/Overlay.vue?cfac","webpack:///./src/components/Overlay.vue","webpack:///src/components/Overlay.vue","webpack:///./src/components/Overlay.vue?11a0","webpack:///./src/components/Overlay.vue?7049"],"names":["render","_vm","this","_c","_self","attrs","directives","name","rawName","value","expression","staticClass","style","overlayOffsetX","overlayOffsetY","top","closeButtonOffsetY","left","closeButtonOffsetX","on","$event","hide","_t","staticRenderFns","props","required","transition","type","String","validator","includes","default","Number","components","row","btn","icon","methods","show","document","documentElement","overflow","$emit","watch","val","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,YAAY,CAACF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOR,EAAIQ,MAAOC,WAAW,UAAUC,YAAY,2CAA2CC,MAAO,CAAE,cAAkBX,EAAIY,eAAP,KAA2B,aAAiBZ,EAAIa,eAAP,OAA8B,CAACX,EAAG,MAAM,CAACE,MAAM,CAAC,MAAQ,SAAS,UAAU,KAAK,CAACF,EAAG,MAAM,CAACQ,YAAY,gBAAgBC,MAAO,CAAEG,IAAKd,EAAIe,mBAAmB,KAAMC,KAAMhB,EAAIiB,mBAAmB,MAAQb,MAAM,CAAC,KAAO,GAAG,MAAQ,KAAK,OAAS,MAAMc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,UAAU,CAAClB,EAAG,OAAO,CAACE,MAAM,CAAC,KAAO,QAAQ,MAAQ,YAAY,IAAI,GAAGJ,EAAIqB,GAAG,YAAY,MAEprBC,EAAkB,GCqBtB,GACAhB,KAAA,UACAiB,MAAA,CACAf,MAAA,CAAAgB,UAAA,GACAC,WAAA,CACAC,KAAAC,OACAC,UAAApB,GAAA,oBAAAqB,SAAArB,GACAsB,QAAA,SAEAb,mBAAA,CACAS,KAAA,CAAAK,OAAAJ,QACAG,QAAA,IAEAf,mBAAA,CACAW,KAAA,CAAAK,OAAAJ,QACAG,QAAA,IAEAlB,eAAA,CACAc,KAAA,CAAAK,OAAAJ,QACAG,QAAA,GAEAjB,eAAA,CACAa,KAAA,CAAAK,OAAAJ,QACAG,QAAA,IAGAE,WAAA,CACAC,QAAA,4CAEAC,QAAA,gDACAC,SAAA,iDAEAC,QAAA,CACAC,OAIAC,SAAAC,gBAAA5B,MAAA6B,SAAA,SAEA,KAAAC,MAAA,aAEArB,OAIAkB,SAAAC,gBAAA5B,MAAA6B,SAAA,SAEA,KAAAC,MAAA,cAGAC,MAAA,CACAlC,MAAAmC,GACAA,EACA,KAAAN,OAEA,KAAAjB,UC9EgV,I,wBCQ5UwB,EAAY,eACd,EACA7C,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E","file":"js/chunk-ed9dbfb6.36145a96.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Overlay.vue?vue&type=style&index=0&id=6c2d05e6&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"slide-y\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.value),expression:\"value\"}],staticClass:\"w-screen h-full fixed text-white overlay\",style:({ 'margin-left': `${_vm.overlayOffsetX}px`, 'margin-top': `${_vm.overlayOffsetY}px` })},[_c('row',{attrs:{\"align\":\"center\",\"no-wrap\":\"\"}},[_c('btn',{staticClass:\"absolute z-10\",style:({ top: _vm.closeButtonOffsetY+'px', left: _vm.closeButtonOffsetX+'px' }),attrs:{\"icon\":\"\",\"width\":\"51\",\"height\":\"51\"},on:{\"click\":function($event){return _vm.hide()}}},[_c('icon',{attrs:{\"icon\":\"close\",\"color\":\"white\"}})],1)],1),_vm._t(\"default\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <transition name=\"slide-y\">\n        <div class=\"w-screen h-full fixed text-white overlay\"\n             :style=\"{ 'margin-left': `${overlayOffsetX}px`, 'margin-top': `${overlayOffsetY}px` }\"\n             v-show=\"value\"\n        >\n            <row align=\"center\" no-wrap>\n                <btn icon\n                     class=\"absolute z-10\"\n                     :style=\"{ top: closeButtonOffsetY+'px', left: closeButtonOffsetX+'px' }\"\n                     width=\"51\"\n                     height=\"51\"\n                     @click=\"hide()\"\n                >\n                    <icon icon=\"close\" color=\"white\"></icon>\n                </btn>\n            </row>\n            <slot></slot>\n        </div>\n    </transition>\n</template>\n\n<script>\n    export default {\n        name: \"Overlay\",\n        props: {\n            value: {required: true},\n            transition: {\n                type: String,\n                validator: (value) => ['slide-y', 'scale'].includes(value),\n                default: 'scale'\n            },\n            closeButtonOffsetX: {\n                type: [Number, String],\n                default: 10\n            },\n            closeButtonOffsetY: {\n                type: [Number, String],\n                default: 10\n            },\n            overlayOffsetX: {\n                type: [Number, String],\n                default: 0\n            },\n            overlayOffsetY: {\n                type: [Number, String],\n                default: 0\n            }\n        },\n        components: {\n            row: () => import('@/components/display/Row.vue'),\n            // column: () => import('@/components/display/Col.vue'),\n            btn: () => import('@/components/Btn.vue'),\n            icon: () => import('@/components/display/Icon.vue'),\n        },\n        methods: {\n            show() {\n                // let overlay = this.$el;\n                // overlay.style.left = '0';\n                // overlay.style.top = '0';\n                document.documentElement.style.overflow = 'hidden';\n                // document.body.scroll = 'no';\n                this.$emit('input', true);\n            },\n            hide() {\n                // let overlay = this.$el;\n                // overlay.style.left = '-100%';\n                // overlay.style.top = '0';\n                document.documentElement.style.overflow = 'scroll';\n                // document.body.scroll = 'yes';\n                this.$emit('input', false);\n            }\n        },\n        watch: {\n            value(val) {\n                if(val) {\n                    this.show();\n                } else {\n                    this.hide();\n                }\n            }\n        }\n    }\n</script>\n\n<style scoped>\n    .overlay {\n        background-color: rgba(8, 36, 65, 0.95);\n        /*transition: all 0.2s;*/\n        z-index: 11;\n        left: 0;\n    }\n\n    .slide-y-enter,\n    .slide-y-leave-to {\n        left: -100%;\n    }\n    .slide-y-enter-to,\n    .slide-y-leave {\n        left: 0;\n    }\n    .slide-y-enter-active,\n    .slide-y-leave-active {\n        transition: left 200ms ease-out;\n    }\n\n    /*.scale-enter,*/\n    /*.scale-leave-to {*/\n    /*    opacity: 0;*/\n    /*    transform: rotateY(30deg) rotateX(10deg);*/\n    /*}*/\n    /*.scale-enter-to,*/\n    /*.scale-leave {*/\n    /*    opacity: 1;*/\n    /*    transform: rotateY(0deg) rotateX(0deg);*/\n    /*}*/\n    /*.scale-enter-active,*/\n    /*.scale-leave-active {*/\n    /*    transition: opacity, transform 200ms ease-out;*/\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!./Overlay.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!./Overlay.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Overlay.vue?vue&type=template&id=6c2d05e6&scoped=true\"\nimport script from \"./Overlay.vue?vue&type=script&lang=js\"\nexport * from \"./Overlay.vue?vue&type=script&lang=js\"\nimport style0 from \"./Overlay.vue?vue&type=style&index=0&id=6c2d05e6&prod&scoped=true&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  \"6c2d05e6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}