{"version":3,"sources":["webpack:///./src/views/View.vue?263b","webpack:///src/views/View.vue","webpack:///./src/views/View.vue?cf74","webpack:///./src/views/View.vue","webpack:///./src/views/View.vue?4edc"],"names":["render","_vm","this","_h","$createElement","_c","_self","_b","class","viewClass","style","viewStyle","attrs","viewID","inFx","open","bodyClass","_t","staticRenderFns","props","data","viewMode","fxTimeTransition","methods","elements","body","view","viewBody","custom","elmns","el","activate","setTimeout","active","callback","lock","unlock","views","length","setPropsAttributes","$global","fastID","meta","mode","close","computed","hasSlot","$slots","destroyed","beforeRouteLeave","next","beforeRouteEnter","vm","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAMJ,EAAIM,GAAG,CAACC,MAAO,aAAeP,EAAIQ,UAAWC,MAAQ,GAAKT,EAAIU,UAAYC,MAAM,CAAC,GAAM,QAAUX,EAAIY,OAAQ,KAAQ,GAAKZ,EAAIa,OAAQ,MAAMb,EAAIc,KAAK,KAAI,GAAO,CAACV,EAAG,MAAM,CAACG,MAAO,kBAAoBP,EAAIe,WAAY,CAAEf,EAAW,QAAEA,EAAIgB,GAAG,WAAWZ,EAAG,gBAAgB,MAC/Wa,EAAkB,G,YCSP,G,oBAAA,CACbC,MAAOA,CAACA,QACRC,KAAMA,WACJ,MAAO,CACLC,SAAUA,GACVR,OAAQA,GACRJ,UAAWA,GACXO,UAAWA,GACXF,KAAMA,GACNQ,iBAAkBA,SAGtBC,QAASA,CACPC,SAAUA,SAAdA,GACM,IAAN,GACQC,KAAMA,SAASA,cAAcA,QAC7BC,KAAMA,SAASA,cAAcA,SAArCA,qBACQC,SAAUA,SAASA,cAAcA,SAAzCA,wCACQC,OAAQA,SAASA,cAAcA,IAEjC,OAAOC,EAAMC,IAAOD,EAAM,WAE5BE,SAAUA,SAAdA,WAAA,WACMC,YAAWA,WAAjB,QACQC,EAARA,qHACYC,GAAUA,OACtB,IAEIC,KAAMA,WACJjC,KAAK6B,SAAS,WAAY,IAAI,EAAM,UAAU,gBAEhDK,OAAQA,WACN,IAAN,iDACUC,EAAMC,OAAS,GAAGpC,KAAK6B,SAAS,OAAQ,GAAG,EAAO,WAExDQ,mBAAoBA,SAAxBA,GACMrC,KAAKW,OAASX,KAAKsC,QAAQC,SAC3BvC,KAAKmB,SAAX,OAAsBqB,QAAtB,mCACMxC,KAAKO,UAAX,OAAuBiC,QAAvB,8CACMxC,KAAKc,UAAX,OAAuB0B,QAAvB,8CACMxC,KAAKY,KAAX,OAAkB4B,QAAlB,+BACMxC,KAAKoB,iBAAX,OAA8BoB,QAA9B,oEAEI3B,KAAMA,WAAV,YACWb,KAAKmB,UAAYnB,KAAKwC,MACzBxC,KAAKqC,mBAAmB,gDAAhCI,oBAEMzC,KAAK6B,SAAS,OAAQ,GAAG,EAAM,UAC/B7B,KAAK6B,SAAS,OAAQ,IAAI,EAAM,UAAU,WACxC,EAAR,WAGIa,MAAOA,SAAXA,GAAA,WACM1C,KAAK6B,SAAS,WAAY,GAAG,EAAO,UAAU,WAC5C,EAAR,4CACU,EAAV,SACcG,GAAUA,YAKtBW,SAAUA,CACRC,QAASA,WACP,QAAS5C,KAAK6C,OAApB,YAEIpC,UAAWA,WACT,MAAO,WAAb,gFAGEqC,UAAWA,WACT9C,KAAKkC,UAEPa,iBAAkBA,SAApBA,OACI,IAAK/C,KAAKY,KAAM,OAAOoC,IACvBhD,KAAK0C,OAAM,WACTM,QAGJC,iBAAkBA,SAApBA,OACID,GAAKA,SAATA,GACME,EAAGA,mBAAmBA,6CAA5BT,uBC1F8U,I,wBCQ1UU,EAAY,eACd,EACArD,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAmC,E,2CCnBf,W","file":"js/chunk-2e92d648.f2bf30b4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._b({class:(\"main-view \" + _vm.viewClass),style:((\"\" + _vm.viewStyle)),attrs:{\"id\":(\"view-\" + _vm.viewID),\"infx\":(\"\" + _vm.inFx)}},'div',_vm.open({}),false),[_c('div',{class:(\"main-view-body \" + _vm.bodyClass)},[(_vm.hasSlot)?_vm._t(\"default\"):_c('router-view')],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"`main-view ${viewClass}`\" :id=\"`view-${viewID}`\" :infx=\"`${inFx}`\" :style=\"`${viewStyle}`\" v-bind=\"open({})\">\n    <div :class=\"`main-view-body ${bodyClass}`\">\n      <slot v-if=\"hasSlot\"></slot>\n      <router-view v-else />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: [\"meta\"],\n  data: function() {\n    return {\n      viewMode: \"\",\n      viewID: \"\",\n      viewClass: \"\",\n      bodyClass: \"\",\n      inFx: \"\",\n      fxTimeTransition: \"0.3s\",\n    };\n  },\n  methods: {\n    elements: function(el) {\n      const elmns = {\n        body: document.querySelector(\"body\"),\n        view: document.querySelector(`#view-${this.viewID}`),\n        viewBody: document.querySelector(`#view-${this.viewID} .main-view-body`),\n        custom: document.querySelector(el),\n      };\n      return elmns[el] || elmns[\"custom\"];\n    },\n    activate: function(elemn, timeout, active, _class, callback) {\n      setTimeout(() => {\n        active ? this.elements(elemn)?.classList.add(_class) : this.elements(elemn)?.classList.remove(_class);\n        if (callback) callback();\n      }, +timeout);\n    },\n    lock: function() {\n      this.activate(\"viewBody\", 20, true, \"active\", () => {});\n    },\n    unlock: function() {\n      const views = document.querySelectorAll(\".main-view.active\");\n      if (views.length < 1) this.activate(\"body\", 0, false, \"onview\");\n    },\n    setPropsAttributes: function(meta) {\n      this.viewID = this.$global.fastID();\n      this.viewMode = meta?.mode ? meta.mode : this.viewMode;\n      this.viewClass = meta?.viewClass ? meta.viewClass : this.viewClass;\n      this.bodyClass = meta?.bodyClass ? meta.bodyClass : this.bodyClass;\n      this.inFx = meta?.inFx ? meta.inFx : this.inFx;\n      this.fxTimeTransition = meta?.fxTimeTransition ? meta.fxTimeTransition : this.fxTimeTransition;\n    },\n    open: function() {\n      if (!this.viewMode && this.meta) {\n        this.setPropsAttributes({ ...this.meta, mode: \"component\" });\n      }\n      this.activate(\"body\", 0, true, \"onview\");\n      this.activate(\"view\", 10, true, \"active\", () => {\n        this.lock();\n      });\n    },\n    close: function(callback) {\n      this.activate(\"viewBody\", 0, false, \"active\", () => {\n        this.activate(\"view\", 300, false, \"active\", () => {\n          this.unlock();\n          if (callback) callback();\n        });\n      });\n    },\n  },\n  computed: {\n    hasSlot: function() {\n      return !!this.$slots.default;\n    },\n    viewStyle: function() {\n      return `--fxtts:${this.fxTimeTransition};min-height:${this.$screen.height}px`;\n    },\n  },\n  destroyed: function() {\n    this.unlock();\n  },\n  beforeRouteLeave: function(to, from, next) {\n    if (!this.inFx) return next();\n    this.close(() => {\n      next();\n    });\n  },\n  beforeRouteEnter: function(to, from, next) {\n    next((vm) => {\n      vm.setPropsAttributes({ ...to.meta, mode: \"router\" });\n    });\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.main-view {\n  @include Fixed();\n  transition: background 0.3s;\n  &.active {\n    background: rgba(0, 0, 0, 0.3);\n  }\n  &-body {\n    @include Fixed();\n    transition: cubic-bezier(0.39, 0.575, 0.565, 1) var(--fxtts);\n  }\n  //Animations\n  &[infx=\"rightIn\"] &-body {\n    transform: translateX(100%);\n  }\n  &[infx=\"leftIn\"] &-body {\n    transform: translateX(-100%);\n  }\n  &[infx=\"topIn\"] &-body {\n    transform: translateY(-100%);\n  }\n  &[infx=\"bottomIn\"] &-body {\n    transform: translateY(100%);\n  }\n  &[infx=\"zoomIn\"] &-body {\n    transform: scale(0.5);\n  }\n  &[infx=\"zoomOut\"] &-body {\n    transform: scale(1.5);\n  }\n  &[infx=\"fadeIn\"] &-body {\n    opacity: 0;\n  }\n  &.active &-body.active {\n    transform: translateX(0);\n    transform: translateY(0);\n    transform: scale(1);\n    opacity: 1;\n  }\n  //Animations\n  &-header {\n    position: fixed;\n    height: $header_height;\n    width: 100%;\n    top: 0;\n    z-index: 1;\n  }\n  &-wrap-content {\n    position: fixed;\n    width: 100%;\n    top: 0;\n    bottom: 0;\n    overflow-y: auto;\n  }\n  &-content {\n    padding: 0 0 $mobile_nav_height 0;\n  }\n  &-header + &-wrap-content &-content {\n    padding: $header_height 0 $mobile_nav_height 0;\n    //min-height: 100%;\n  }\n  @media (min-width: $tablet_width) {\n    &-content {\n      padding: 0 0 0 0;\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!./View.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!./View.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./View.vue?vue&type=template&id=e02195c6&\"\nimport script from \"./View.vue?vue&type=script&lang=js&\"\nexport * from \"./View.vue?vue&type=script&lang=js&\"\nimport style0 from \"./View.vue?vue&type=style&index=0&lang=scss&\"\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","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!./View.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}