@ozdao/prometheus-framework 0.2.201 → 0.2.203

package/dist/prometheus-framework/src/components/Address/Address.vue.cjs

@@ -1 +1,113 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");;/* empty css               */const h={key:0,class:"t-transp mn-r-small"},v=["placeholder","value"],_={key:0,class:"mn-t-thin invalid-feedback"},k={__name:"Address",props:{apiKey:{type:String,required:!0},label:null,placeholder:"Enter something here",field:null,location:{type:Object,default:{lat:48.6900735,lng:41.1620239}},address:{type:String,default:""},locale:{type:String,default:"en"}},emits:["update:address","update:location","update:country","update:state","update:city"],setup(l,{emit:p}){const c=l,o=p,i=e.ref(null);let d;const m=()=>{const t=d.getPlace();if(!t.geometry||!t.address_components)return;let a="",s="",u="";for(let r=0;r<t.address_components.length;r++){let n=t.address_components[r];n.types.includes("country")&&(a=n.long_name),n.types.includes("administrative_area_level_1")&&(s=n.long_name),n.types.includes("locality")&&(u=n.long_name)}const y=t.formatted_address,g={lat:t.geometry.location.lat(),lng:t.geometry.location.lng()};o("update:address",y),o("update:location",g),o("update:country",a),o("update:state",s),o("update:city",u)};return e.onMounted(()=>{new f.Loader({apiKey:c.apiKey,version:"weekly",libraries:["places"],language:c.locale}).load().then(()=>{d=new google.maps.places.Autocomplete(i.value),d.addListener("place_changed",m)}).catch(a=>{console.error(a)})}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.$attrs.class,"flex-nowrap flex"])},[l.label?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("span",null,e.toDisplayString(l.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("input",{ref_key:"addressInput",ref:i,class:"w-100",placeholder:l.placeholder,value:l.address,onInput:a[0]||(a[0]=(...s)=>t.onInput&&t.onInput(...s))},null,40,v),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[t.validation?(e.openBlock(),e.createElementBlock("div",_," * "+e.toDisplayString(t.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],2))}};exports.default=k;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
+;/* empty css               */
+const _hoisted_1 = {
+  key: 0,
+  class: "t-transp mn-r-small"
+};
+const _hoisted_2 = ["placeholder", "value"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-t-thin invalid-feedback"
+};
+const _sfc_main = {
+  __name: "Address",
+  props: {
+    apiKey: {
+      type: String,
+      required: true
+    },
+    label: null,
+    placeholder: "Enter something here",
+    field: null,
+    location: {
+      type: Object,
+      default: { lat: 48.6900735, lng: 41.1620239 }
+    },
+    address: {
+      type: String,
+      default: ""
+    },
+    locale: {
+      type: String,
+      default: "en"
+    }
+  },
+  emits: ["update:address", "update:location", "update:country", "update:state", "update:city"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const addressInput = vue.ref(null);
+    let autocomplete;
+    const onPlaceChanged = () => {
+      const place = autocomplete.getPlace();
+      if (!place.geometry || !place.address_components) {
+        return;
+      }
+      let country = "", state = "", city = "";
+      for (let i = 0; i < place.address_components.length; i++) {
+        let addr = place.address_components[i];
+        if (addr.types.includes("country")) {
+          country = addr.long_name;
+        }
+        if (addr.types.includes("administrative_area_level_1")) {
+          state = addr.long_name;
+        }
+        if (addr.types.includes("locality")) {
+          city = addr.long_name;
+        }
+      }
+      const newAddress = place.formatted_address;
+      const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };
+      emit("update:address", newAddress);
+      emit("update:location", newLocation);
+      emit("update:country", country);
+      emit("update:state", state);
+      emit("update:city", city);
+    };
+    vue.onMounted(() => {
+      const loader = new index.Loader({
+        apiKey: props.apiKey,
+        version: "weekly",
+        libraries: ["places"],
+        language: props.locale
+      });
+      loader.load().then(() => {
+        autocomplete = new google.maps.places.Autocomplete(addressInput.value);
+        autocomplete.addListener("place_changed", onPlaceChanged);
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([_ctx.$attrs.class, "flex-nowrap flex"])
+      }, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("span", null, vue.toDisplayString(__props.label), 1)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("input", {
+          ref_key: "addressInput",
+          ref: addressInput,
+          class: "w-100",
+          placeholder: __props.placeholder,
+          value: __props.address,
+          onInput: _cache[0] || (_cache[0] = (...args) => _ctx.onInput && _ctx.onInput(...args))
+        }, null, 40, _hoisted_2),
+        vue.createVNode(vue.Transition, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: vue.withCtx(() => [
+            _ctx.validation ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, " * " + vue.toDisplayString(_ctx.validation.message), 1)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Address.vue.cjs.map

package/dist/prometheus-framework/src/components/Address/Address.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.vue.cjs","sources":["../../../../../src/components/Address/Address.vue"],"sourcesContent":["<template>\n  <div :class=\"$attrs.class\" class=\"flex-nowrap flex\"> \n    <!-- ////////////////////////// -->\n    <!-- Label -->\n    <!-- ////////////////////////// -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <!-- ////////////////////////// -->\n    <!-- Input -->\n    <!-- ////////////////////////// -->\n    <input\n      ref=\"addressInput\"\n      class=\"w-100\"\n      :placeholder=\"placeholder\"\n      :value=\"address\"\n      @input=\"onInput\"\n    />\n  <!-- ////////////////////////// -->\n  <!-- Validation -->\n  <!-- ////////////////////////// -->\n    <transition mode=\"out-in\" name=\"fade\">\n      <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n        * {{validation.message}}\n      </div>\n    </transition>\n  </div>\n</template>\n\n<style>\n.pac-container {\n  position: absolute;\n  background-color: white;\n  z-index: 1000;\n  border-radius: 2rem;\n  overflow: hidden;\n}\n</style>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  apiKey: {\n    type: String,\n    required: true,\n  },\n  label: null,\n  placeholder: 'Enter something here',\n  field: null,\n  location: {\n    type: Object,\n    default:  { lat: 48.6900735, lng: 41.16202390 }\n  },\n  address: {\n    type: String,\n    default: \"\"\n  },\n  locale: {\n    type: String,\n    default: 'en'\n  }\n});\n\nconst emit = defineEmits(['update:address', 'update:location', 'update:country', 'update:state', 'update:city']);\n\nconst addressInput = ref(null);\n\nlet autocomplete;\n\nconst onPlaceChanged = () => {\n  const place = autocomplete.getPlace();\n\n  if (!place.geometry || !place.address_components) {\n    return;\n  }\n\n  let country = '', state = '', city = '';\n\n  for (let i = 0; i < place.address_components.length; i++) {\n\n    let addr = place.address_components[i];\n\n    if (addr.types.includes('country')) {\n      country = addr.long_name;\n    }\n    if (addr.types.includes('administrative_area_level_1')) {\n      state = addr.long_name;\n    }\n    if (addr.types.includes('locality')) {\n      city = addr.long_name;\n    }\n  }\n  \n  const newAddress = place.formatted_address;\n  const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };\n\n  emit('update:address', newAddress);\n  emit('update:location', newLocation);\n  \n  // Add new emits\n  emit('update:country', country);\n  emit('update:state', state);\n  emit('update:city', city);\n};\n\nonMounted(() => {  \n  const loader = new GMLoader({  \n    apiKey: props.apiKey,  \n    version: \"weekly\",  \n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {  \n    autocomplete = new google.maps.places.Autocomplete(addressInput.value);  \n    autocomplete.addListener('place_changed', onPlaceChanged);  \n  }).catch(e => {  \n    console.error(e);  \n  });  \n});\n</script>"],"names":["ref","onMounted","GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAE7B,QAAI;AAEJ,UAAM,iBAAiB,MAAM;AAC3B,YAAM,QAAQ,aAAa;AAE3B,UAAI,CAAC,MAAM,YAAY,CAAC,MAAM,oBAAoB;AAChD;AAAA,MACD;AAED,UAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,eAAS,IAAI,GAAG,IAAI,MAAM,mBAAmB,QAAQ,KAAK;AAExD,YAAI,OAAO,MAAM,mBAAmB,CAAC;AAErC,YAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,oBAAU,KAAK;AAAA,QAChB;AACD,YAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,kBAAQ,KAAK;AAAA,QACd;AACD,YAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,iBAAO,KAAK;AAAA,QACb;AAAA,MACF;AAED,YAAM,aAAa,MAAM;AACzB,YAAM,cAAc,EAAE,KAAK,MAAM,SAAS,SAAS,OAAO,KAAK,MAAM,SAAS,SAAS,IAAK,EAAA;AAE5F,WAAK,kBAAkB,UAAU;AACjC,WAAK,mBAAmB,WAAW;AAGnC,WAAK,kBAAkB,OAAO;AAC9B,WAAK,gBAAgB,KAAK;AAC1B,WAAK,eAAe,IAAI;AAAA,IAC1B;AAEAC,QAAAA,UAAU,MAAM;AACd,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,uBAAe,IAAI,OAAO,KAAK,OAAO,aAAa,aAAa,KAAK;AACrE,qBAAa,YAAY,iBAAiB,cAAc;AAAA,MAC5D,CAAG,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Address/Address.vue.js

@@ -1,18 +1,21 @@
-import { ref as w, onMounted as k, openBlock as r, createElementBlock as i, normalizeClass as b, createElementVNode as m, toDisplayString as y, createCommentVNode as g, createVNode as I, Transition as C, withCtx as S } from "vue";
-import { Loader as A } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
+import { ref, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createVNode, Transition, withCtx } from "vue";
+import { Loader } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
 /* empty css             */
-const E = {
+const _hoisted_1 = {
   key: 0,
   class: "t-transp mn-r-small"
-}, K = ["placeholder", "value"], L = {
+};
+const _hoisted_2 = ["placeholder", "value"];
+const _hoisted_3 = {
   key: 0,
   class: "mn-t-thin invalid-feedback"
-}, P = {
+};
+const _sfc_main = {
   __name: "Address",
   props: {
     apiKey: {
       type: String,
-      required: !0
+      required: true
     },
     label: null,
     placeholder: "Enter something here",
@@ -31,58 +34,80 @@ const E = {
     }
   },
   emits: ["update:address", "update:location", "update:country", "update:state", "update:city"],
-  setup(n, { emit: f }) {
-    const c = n, l = f, u = w(null);
-    let s;
-    const h = () => {
-      const e = s.getPlace();
-      if (!e.geometry || !e.address_components)
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const addressInput = ref(null);
+    let autocomplete;
+    const onPlaceChanged = () => {
+      const place = autocomplete.getPlace();
+      if (!place.geometry || !place.address_components) {
         return;
-      let t = "", o = "", p = "";
-      for (let d = 0; d < e.address_components.length; d++) {
-        let a = e.address_components[d];
-        a.types.includes("country") && (t = a.long_name), a.types.includes("administrative_area_level_1") && (o = a.long_name), a.types.includes("locality") && (p = a.long_name);
       }
-      const v = e.formatted_address, _ = { lat: e.geometry.location.lat(), lng: e.geometry.location.lng() };
-      l("update:address", v), l("update:location", _), l("update:country", t), l("update:state", o), l("update:city", p);
+      let country = "", state = "", city = "";
+      for (let i = 0; i < place.address_components.length; i++) {
+        let addr = place.address_components[i];
+        if (addr.types.includes("country")) {
+          country = addr.long_name;
+        }
+        if (addr.types.includes("administrative_area_level_1")) {
+          state = addr.long_name;
+        }
+        if (addr.types.includes("locality")) {
+          city = addr.long_name;
+        }
+      }
+      const newAddress = place.formatted_address;
+      const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };
+      emit("update:address", newAddress);
+      emit("update:location", newLocation);
+      emit("update:country", country);
+      emit("update:state", state);
+      emit("update:city", city);
     };
-    return k(() => {
-      new A({
-        apiKey: c.apiKey,
+    onMounted(() => {
+      const loader = new Loader({
+        apiKey: props.apiKey,
         version: "weekly",
         libraries: ["places"],
-        language: c.locale
-      }).load().then(() => {
-        s = new google.maps.places.Autocomplete(u.value), s.addListener("place_changed", h);
-      }).catch((t) => {
-        console.error(t);
+        language: props.locale
       });
-    }), (e, t) => (r(), i("div", {
-      class: b([e.$attrs.class, "flex-nowrap flex"])
-    }, [
-      n.label ? (r(), i("div", E, [
-        m("span", null, y(n.label), 1)
-      ])) : g("", !0),
-      m("input", {
-        ref_key: "addressInput",
-        ref: u,
-        class: "w-100",
-        placeholder: n.placeholder,
-        value: n.address,
-        onInput: t[0] || (t[0] = (...o) => e.onInput && e.onInput(...o))
-      }, null, 40, K),
-      I(C, {
-        mode: "out-in",
-        name: "fade"
-      }, {
-        default: S(() => [
-          e.validation ? (r(), i("div", L, " * " + y(e.validation.message), 1)) : g("", !0)
-        ]),
-        _: 1
-      })
-    ], 2));
+      loader.load().then(() => {
+        autocomplete = new google.maps.places.Autocomplete(addressInput.value);
+        autocomplete.addListener("place_changed", onPlaceChanged);
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$attrs.class, "flex-nowrap flex"])
+      }, [
+        __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("span", null, toDisplayString(__props.label), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("input", {
+          ref_key: "addressInput",
+          ref: addressInput,
+          class: "w-100",
+          placeholder: __props.placeholder,
+          value: __props.address,
+          onInput: _cache[0] || (_cache[0] = (...args) => _ctx.onInput && _ctx.onInput(...args))
+        }, null, 40, _hoisted_2),
+        createVNode(Transition, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: withCtx(() => [
+            _ctx.validation ? (openBlock(), createElementBlock("div", _hoisted_3, " * " + toDisplayString(_ctx.validation.message), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
   }
 };
 export {
-  P as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Address.vue.js.map

package/dist/prometheus-framework/src/components/Address/Address.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.vue.js","sources":["../../../../../src/components/Address/Address.vue"],"sourcesContent":["<template>\n  <div :class=\"$attrs.class\" class=\"flex-nowrap flex\"> \n    <!-- ////////////////////////// -->\n    <!-- Label -->\n    <!-- ////////////////////////// -->\n    <div v-if=\"label\" class=\"t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <!-- ////////////////////////// -->\n    <!-- Input -->\n    <!-- ////////////////////////// -->\n    <input\n      ref=\"addressInput\"\n      class=\"w-100\"\n      :placeholder=\"placeholder\"\n      :value=\"address\"\n      @input=\"onInput\"\n    />\n  <!-- ////////////////////////// -->\n  <!-- Validation -->\n  <!-- ////////////////////////// -->\n    <transition mode=\"out-in\" name=\"fade\">\n      <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n        * {{validation.message}}\n      </div>\n    </transition>\n  </div>\n</template>\n\n<style>\n.pac-container {\n  position: absolute;\n  background-color: white;\n  z-index: 1000;\n  border-radius: 2rem;\n  overflow: hidden;\n}\n</style>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nconst props = defineProps({\n  apiKey: {\n    type: String,\n    required: true,\n  },\n  label: null,\n  placeholder: 'Enter something here',\n  field: null,\n  location: {\n    type: Object,\n    default:  { lat: 48.6900735, lng: 41.16202390 }\n  },\n  address: {\n    type: String,\n    default: \"\"\n  },\n  locale: {\n    type: String,\n    default: 'en'\n  }\n});\n\nconst emit = defineEmits(['update:address', 'update:location', 'update:country', 'update:state', 'update:city']);\n\nconst addressInput = ref(null);\n\nlet autocomplete;\n\nconst onPlaceChanged = () => {\n  const place = autocomplete.getPlace();\n\n  if (!place.geometry || !place.address_components) {\n    return;\n  }\n\n  let country = '', state = '', city = '';\n\n  for (let i = 0; i < place.address_components.length; i++) {\n\n    let addr = place.address_components[i];\n\n    if (addr.types.includes('country')) {\n      country = addr.long_name;\n    }\n    if (addr.types.includes('administrative_area_level_1')) {\n      state = addr.long_name;\n    }\n    if (addr.types.includes('locality')) {\n      city = addr.long_name;\n    }\n  }\n  \n  const newAddress = place.formatted_address;\n  const newLocation = { lat: place.geometry.location.lat(), lng: place.geometry.location.lng() };\n\n  emit('update:address', newAddress);\n  emit('update:location', newLocation);\n  \n  // Add new emits\n  emit('update:country', country);\n  emit('update:state', state);\n  emit('update:city', city);\n};\n\nonMounted(() => {  \n  const loader = new GMLoader({  \n    apiKey: props.apiKey,  \n    version: \"weekly\",  \n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {  \n    autocomplete = new google.maps.places.Autocomplete(addressInput.value);  \n    autocomplete.addListener('place_changed', onPlaceChanged);  \n  }).catch(e => {  \n    console.error(e);  \n  });  \n});\n</script>"],"names":["GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAsBd,UAAM,OAAO;AAEb,UAAM,eAAe,IAAI,IAAI;AAE7B,QAAI;AAEJ,UAAM,iBAAiB,MAAM;AAC3B,YAAM,QAAQ,aAAa;AAE3B,UAAI,CAAC,MAAM,YAAY,CAAC,MAAM,oBAAoB;AAChD;AAAA,MACD;AAED,UAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,eAAS,IAAI,GAAG,IAAI,MAAM,mBAAmB,QAAQ,KAAK;AAExD,YAAI,OAAO,MAAM,mBAAmB,CAAC;AAErC,YAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,oBAAU,KAAK;AAAA,QAChB;AACD,YAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,kBAAQ,KAAK;AAAA,QACd;AACD,YAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,iBAAO,KAAK;AAAA,QACb;AAAA,MACF;AAED,YAAM,aAAa,MAAM;AACzB,YAAM,cAAc,EAAE,KAAK,MAAM,SAAS,SAAS,OAAO,KAAK,MAAM,SAAS,SAAS,IAAK,EAAA;AAE5F,WAAK,kBAAkB,UAAU;AACjC,WAAK,mBAAmB,WAAW;AAGnC,WAAK,kBAAkB,OAAO;AAC9B,WAAK,gBAAgB,KAAK;AAC1B,WAAK,eAAe,IAAI;AAAA,IAC1B;AAEA,cAAU,MAAM;AACd,YAAM,SAAS,IAAIA,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,uBAAe,IAAI,OAAO,KAAK,OAAO,aAAa,aAAa,KAAK;AACrE,qBAAa,YAAY,iBAAiB,cAAc;AAAA,MAC5D,CAAG,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/LocationMarker/LocationMarker.vue.cjs

@@ -1 +1,169 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs"),h=require("../Loader/Loader.vue2.cjs");;/* empty css                      */const v={class:"pos-relative"},L={key:0,class:"i-regular",width:"98",height:"98",viewBox:"0 0 98 98",fill:"none",xmlns:"http://www.w3.org/2000/svg"},k=e.createElementVNode("path",{d:"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z",fill:"rgb(var(--white))"},null,-1),b=e.createElementVNode("path",{d:"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z",fill:"rgb(var(--white))"},null,-1),E=[k,b],M={__name:"LocationMarker",props:{location:{type:Object,default:()=>({lat:15.87,lng:100.9925})},address:{type:String,default:null},apiKey:String,locale:{type:String,default:"en"}},emits:["update:location","update:address","update:country","update:state","update:city"],setup(C,{emit:_}){const o=C,n=_,d=e.ref(null),s=e.ref(!1);let c,i;e.onMounted(()=>{new w.Loader({apiKey:o.apiKey,version:"weekly",libraries:["places"],language:o.locale}).load().then(()=>{c=new google.maps.Map(d.value,{center:o.location,zoom:15,mapTypeControl:!1,fullscreenControl:!1,disableDefaultUI:!0}),i=new google.maps.Marker({position:o.location,map:c,draggable:!0}),i.addListener("dragend",t=>{const l={lat:t.latLng.lat(),lng:t.latLng.lng()};n("update:location",l),u(l)})}).catch(t=>{console.error(t)})}),e.watchEffect(()=>{o.location&&i&&i.setPosition(new google.maps.LatLng(o.location.lat,o.location.lng))}),e.watchEffect(()=>{if(o.location&&c){const a=new google.maps.LatLng(o.location.lat,o.location.lng);c.setCenter(a),c.setZoom(15)}});function u(a){new google.maps.Geocoder().geocode({location:a},(l,g)=>{if(g==="OK")if(l[0]){n("update:address",l[0].formatted_address);let p="",f="",m="";l[0].address_components.forEach(r=>{r.types.includes("country")&&(p=r.long_name),r.types.includes("administrative_area_level_1")&&(f=r.long_name),r.types.includes("locality")&&(m=r.long_name)}),n("update:country",p),n("update:state",f),n("update:city",m)}else console.error("No results found");else console.error("Geocoder failed due to: "+g)})}async function y(){s.value=!0,navigator.geolocation?navigator.geolocation.getCurrentPosition(a=>{const t={lat:a.coords.latitude,lng:a.coords.longitude};n("update:location",t),u(t),s.value=!1},()=>{console.error("Error getting location"),s.value=!1}):(console.error("Geolocation is not supported by this browser."),s.value=!1)}return(a,t)=>(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("div",{ref_key:"mapContainer",ref:d,class:"w-100 h-100"},null,512),e.createElementVNode("button",{class:"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra",onClick:y},[e.createVNode(e.Transition,{name:"ScaleOut",mode:"out-in"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createBlock(h.default,{key:1,class:"pos-t-0 pos-l-0 i-small"})):(e.openBlock(),e.createElementBlock("svg",L,E))]),_:1})])]))}};exports.default=M;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
+const Loader = require("../Loader/Loader.vue2.cjs");
+;/* empty css                      */
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "i-regular",
+  width: "98",
+  height: "98",
+  viewBox: "0 0 98 98",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z",
+  fill: "rgb(var(--white))"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z",
+  fill: "rgb(var(--white))"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _sfc_main = {
+  __name: "LocationMarker",
+  props: {
+    location: {
+      type: Object,
+      default: () => ({ lat: 15.87, lng: 100.9925 })
+    },
+    address: {
+      type: String,
+      default: null
+    },
+    apiKey: String,
+    locale: {
+      type: String,
+      default: "en"
+    }
+  },
+  emits: ["update:location", "update:address", "update:country", "update:state", "update:city"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const mapContainer = vue.ref(null);
+    const locationLoading = vue.ref(false);
+    let map, marker;
+    vue.onMounted(() => {
+      const loader = new index.Loader({
+        apiKey: props.apiKey,
+        version: "weekly",
+        libraries: ["places"],
+        language: props.locale
+      });
+      loader.load().then(() => {
+        map = new google.maps.Map(mapContainer.value, {
+          center: props.location,
+          zoom: 15,
+          mapTypeControl: false,
+          fullscreenControl: false,
+          disableDefaultUI: true
+        });
+        marker = new google.maps.Marker({
+          position: props.location,
+          map,
+          draggable: true
+        });
+        marker.addListener("dragend", (e) => {
+          const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };
+          emit("update:location", newLocation);
+          getAddressFromLocation(newLocation);
+        });
+      }).catch((e) => {
+        console.error(e);
+      });
+    });
+    vue.watchEffect(() => {
+      if (props.location && marker) {
+        marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));
+      }
+    });
+    vue.watchEffect(() => {
+      if (props.location && map) {
+        const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);
+        map.setCenter(newCenter);
+        map.setZoom(15);
+      }
+    });
+    function getAddressFromLocation(location) {
+      const geocoder = new google.maps.Geocoder();
+      geocoder.geocode({ "location": location }, (results, status) => {
+        if (status === "OK") {
+          if (results[0]) {
+            emit("update:address", results[0].formatted_address);
+            let country = "", state = "", city = "";
+            results[0].address_components.forEach((addr) => {
+              if (addr.types.includes("country")) {
+                country = addr.long_name;
+              }
+              if (addr.types.includes("administrative_area_level_1")) {
+                state = addr.long_name;
+              }
+              if (addr.types.includes("locality")) {
+                city = addr.long_name;
+              }
+            });
+            emit("update:country", country);
+            emit("update:state", state);
+            emit("update:city", city);
+          } else {
+            console.error("No results found");
+          }
+        } else {
+          console.error("Geocoder failed due to: " + status);
+        }
+      });
+    }
+    async function setUserLocation() {
+      locationLoading.value = true;
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition((position) => {
+          const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };
+          emit("update:location", newLocation);
+          getAddressFromLocation(newLocation);
+          locationLoading.value = false;
+        }, () => {
+          console.error("Error getting location");
+          locationLoading.value = false;
+        });
+      } else {
+        console.error("Geolocation is not supported by this browser.");
+        locationLoading.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          ref_key: "mapContainer",
+          ref: mapContainer,
+          class: "w-100 h-100"
+        }, null, 512),
+        vue.createElementVNode("button", {
+          class: "cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra",
+          onClick: setUserLocation
+        }, [
+          vue.createVNode(vue.Transition, {
+            name: "ScaleOut",
+            mode: "out-in"
+          }, {
+            default: vue.withCtx(() => [
+              !locationLoading.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, _hoisted_5)) : (vue.openBlock(), vue.createBlock(Loader.default, {
+                key: 1,
+                class: "pos-t-0 pos-l-0 i-small"
+              }))
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=LocationMarker.vue.cjs.map

package/dist/prometheus-framework/src/components/LocationMarker/LocationMarker.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationMarker.vue.cjs","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n    <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n      <transition name=\"ScaleOut\" mode=\"out-in\"> \n        <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n          <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/>      \n        </svg>\n\n        <Loader v-else  class=\"pos-t-0 pos-l-0 i-small\"/>\n      </transition>\n\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n  location: {\n    type: Object,\n    default: () => ({ lat: 15.8700, lng: 100.9925 })\n  },\n  address: {\n    type: String,\n    default: null\n  },\n  apiKey: String,\n  locale: {\n    type: String,\n    default: 'en'\n  }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(mapContainer.value, {\n      center: props.location,\n      zoom: 15,\n      mapTypeControl: false,\n      fullscreenControl: false,\n      disableDefaultUI: true\n    });\n\n    marker = new google.maps.Marker({\n      position: props.location,\n      map,\n      draggable: true,\n    });\n\n    marker.addListener(\"dragend\", (e) => {\n      const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n      emit('update:location', newLocation);\n\n      getAddressFromLocation(newLocation);\n    });\n  }).catch(e => {\n    console.error(e);\n  });\n});\n\nwatchEffect(() => {\n  if (props.location && marker) {\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n});\n\nwatchEffect(() => {\n  if (props.location && map) {\n    const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n    \n    map.setCenter(newCenter);\n    map.setZoom(15);\n  }\n});\n\nfunction getAddressFromLocation(location) {\n  \n  const geocoder = new google.maps.Geocoder;\n\n  geocoder.geocode({ 'location': location }, (results, status) => {\n    if (status === 'OK') {\n      if (results[0]) {\n        emit('update:address', results[0].formatted_address);\n\n        let country = '', state = '', city = '';\n\n        results[0].address_components.forEach((addr) => {\n          if (addr.types.includes('country')) {\n            country = addr.long_name;\n          }\n          if (addr.types.includes('administrative_area_level_1')) {\n            state = addr.long_name;\n          }\n          if (addr.types.includes('locality')) {\n            city = addr.long_name;\n          }\n        });\n\n        emit('update:country', country);\n        emit('update:state', state);\n        emit('update:city', city);\n      } else {\n        console.error('No results found');\n      }\n    } else {\n      console.error('Geocoder failed due to: ' + status);\n    }\n  });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n  locationLoading.value = true\n  \n  if (navigator.geolocation) {\n    navigator.geolocation.getCurrentPosition((position) => {\n      const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n      emit('update:location', newLocation);\n      getAddressFromLocation(newLocation);\n      locationLoading.value = false\n    }, () => {\n      console.error('Error getting location');\n      locationLoading.value = false\n    });\n  } else {\n    console.error('Geolocation is not supported by this browser.');\n    locationLoading.value = false\n  }\n}\n</script>\n\n\n<style >\n.my-location-button {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["ref","onMounted","GMLoader","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAgBd,UAAM,OAAO;AAEb,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAC7B,UAAM,kBAAkBA,IAAAA,IAAI,KAAK;AAEjC,QAAI,KAAK;AAETC,QAAAA,UAAU,MAAM;AACd,YAAM,SAAS,IAAIC,aAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,aAAa,OAAO;AAAA,UAC5C,QAAQ,MAAM;AAAA,UACd,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,QACxB,CAAK;AAED,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU,MAAM;AAAA,UAChB;AAAA,UACA,WAAW;AAAA,QACjB,CAAK;AAED,eAAO,YAAY,WAAW,CAAC,MAAM;AACnC,gBAAM,cAAc,EAAE,KAAK,EAAE,OAAO,OAAO,KAAK,EAAE,OAAO,IAAK,EAAA;AAE9D,eAAK,mBAAmB,WAAW;AAEnC,iCAAuB,WAAW;AAAA,QACxC,CAAK;AAAA,MACL,CAAG,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,MAAM,YAAY,QAAQ;AAC5B,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,MAClF;AAAA,IACH,CAAC;AAEDA,QAAAA,YAAY,MAAM;AAChB,UAAI,MAAM,YAAY,KAAK;AACzB,cAAM,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG;AAE/E,YAAI,UAAU,SAAS;AACvB,YAAI,QAAQ,EAAE;AAAA,MACf;AAAA,IACH,CAAC;AAED,aAAS,uBAAuB,UAAU;AAExC,YAAM,WAAW,IAAI,OAAO,KAAK;AAEjC,eAAS,QAAQ,EAAE,YAAY,SAAQ,GAAI,CAAC,SAAS,WAAW;AAC9D,YAAI,WAAW,MAAM;AACnB,cAAI,QAAQ,CAAC,GAAG;AACd,iBAAK,kBAAkB,QAAQ,CAAC,EAAE,iBAAiB;AAEnD,gBAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,oBAAQ,CAAC,EAAE,mBAAmB,QAAQ,CAAC,SAAS;AAC9C,kBAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,0BAAU,KAAK;AAAA,cAChB;AACD,kBAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,wBAAQ,KAAK;AAAA,cACd;AACD,kBAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,uBAAO,KAAK;AAAA,cACb;AAAA,YACX,CAAS;AAED,iBAAK,kBAAkB,OAAO;AAC9B,iBAAK,gBAAgB,KAAK;AAC1B,iBAAK,eAAe,IAAI;AAAA,UAChC,OAAa;AACL,oBAAQ,MAAM,kBAAkB;AAAA,UACjC;AAAA,QACP,OAAW;AACL,kBAAQ,MAAM,6BAA6B,MAAM;AAAA,QAClD;AAAA,MACL,CAAG;AAAA,IACH;AAGA,mBAAe,kBAAkB;AAC/B,sBAAgB,QAAQ;AAExB,UAAI,UAAU,aAAa;AACzB,kBAAU,YAAY,mBAAmB,CAAC,aAAa;AACrD,gBAAM,cAAc,EAAE,KAAK,SAAS,OAAO,UAAU,KAAK,SAAS,OAAO;AAC1E,eAAK,mBAAmB,WAAW;AACnC,iCAAuB,WAAW;AAClC,0BAAgB,QAAQ;AAAA,QAC9B,GAAO,MAAM;AACP,kBAAQ,MAAM,wBAAwB;AACtC,0BAAgB,QAAQ;AAAA,QAC9B,CAAK;AAAA,MACL,OAAS;AACL,gBAAQ,MAAM,+CAA+C;AAC7D,wBAAgB,QAAQ;AAAA,MACzB;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/LocationMarker/LocationMarker.vue.js

@@ -1,8 +1,9 @@
-import { ref as _, onMounted as b, watchEffect as y, openBlock as d, createElementBlock as w, createElementVNode as c, createVNode as k, Transition as x, withCtx as M, createBlock as V } from "vue";
-import { Loader as E } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
-import Z from "../Loader/Loader.vue2.js";
+import { ref, onMounted, watchEffect, openBlock, createElementBlock, createElementVNode, createVNode, Transition, withCtx, createBlock } from "vue";
+import { Loader } from "../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
+import Loader$1 from "../Loader/Loader.vue2.js";
 /* empty css                    */
-const B = { class: "pos-relative" }, H = {
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = {
   key: 0,
   class: "i-regular",
   width: "98",
@@ -10,16 +11,20 @@ const B = { class: "pos-relative" }, H = {
   viewBox: "0 0 98 98",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, K = /* @__PURE__ */ c("path", {
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
   d: "M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z",
   fill: "rgb(var(--white))"
-}, null, -1), S = /* @__PURE__ */ c("path", {
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("path", {
   d: "M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z",
   fill: "rgb(var(--white))"
-}, null, -1), G = [
-  K,
-  S
-], U = {
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _sfc_main = {
   __name: "LocationMarker",
   props: {
     location: {
@@ -37,90 +42,128 @@ const B = { class: "pos-relative" }, H = {
     }
   },
   emits: ["update:location", "update:address", "update:country", "update:state", "update:city"],
-  setup(h, { emit: v }) {
-    const e = h, a = v, u = _(null), r = _(!1);
-    let s, i;
-    b(() => {
-      new E({
-        apiKey: e.apiKey,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const mapContainer = ref(null);
+    const locationLoading = ref(false);
+    let map, marker;
+    onMounted(() => {
+      const loader = new Loader({
+        apiKey: props.apiKey,
         version: "weekly",
         libraries: ["places"],
-        language: e.locale
-      }).load().then(() => {
-        s = new google.maps.Map(u.value, {
-          center: e.location,
+        language: props.locale
+      });
+      loader.load().then(() => {
+        map = new google.maps.Map(mapContainer.value, {
+          center: props.location,
           zoom: 15,
-          mapTypeControl: !1,
-          fullscreenControl: !1,
-          disableDefaultUI: !0
-        }), i = new google.maps.Marker({
-          position: e.location,
-          map: s,
-          draggable: !0
-        }), i.addListener("dragend", (o) => {
-          const n = { lat: o.latLng.lat(), lng: o.latLng.lng() };
-          a("update:location", n), p(n);
+          mapTypeControl: false,
+          fullscreenControl: false,
+          disableDefaultUI: true
+        });
+        marker = new google.maps.Marker({
+          position: props.location,
+          map,
+          draggable: true
         });
-      }).catch((o) => {
-        console.error(o);
+        marker.addListener("dragend", (e) => {
+          const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };
+          emit("update:location", newLocation);
+          getAddressFromLocation(newLocation);
+        });
+      }).catch((e) => {
+        console.error(e);
       });
-    }), y(() => {
-      e.location && i && i.setPosition(new google.maps.LatLng(e.location.lat, e.location.lng));
-    }), y(() => {
-      if (e.location && s) {
-        const t = new google.maps.LatLng(e.location.lat, e.location.lng);
-        s.setCenter(t), s.setZoom(15);
+    });
+    watchEffect(() => {
+      if (props.location && marker) {
+        marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));
       }
     });
-    function p(t) {
-      new google.maps.Geocoder().geocode({ location: t }, (n, g) => {
-        if (g === "OK")
-          if (n[0]) {
-            a("update:address", n[0].formatted_address);
-            let f = "", m = "", C = "";
-            n[0].address_components.forEach((l) => {
-              l.types.includes("country") && (f = l.long_name), l.types.includes("administrative_area_level_1") && (m = l.long_name), l.types.includes("locality") && (C = l.long_name);
-            }), a("update:country", f), a("update:state", m), a("update:city", C);
-          } else
+    watchEffect(() => {
+      if (props.location && map) {
+        const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);
+        map.setCenter(newCenter);
+        map.setZoom(15);
+      }
+    });
+    function getAddressFromLocation(location) {
+      const geocoder = new google.maps.Geocoder();
+      geocoder.geocode({ "location": location }, (results, status) => {
+        if (status === "OK") {
+          if (results[0]) {
+            emit("update:address", results[0].formatted_address);
+            let country = "", state = "", city = "";
+            results[0].address_components.forEach((addr) => {
+              if (addr.types.includes("country")) {
+                country = addr.long_name;
+              }
+              if (addr.types.includes("administrative_area_level_1")) {
+                state = addr.long_name;
+              }
+              if (addr.types.includes("locality")) {
+                city = addr.long_name;
+              }
+            });
+            emit("update:country", country);
+            emit("update:state", state);
+            emit("update:city", city);
+          } else {
             console.error("No results found");
-        else
-          console.error("Geocoder failed due to: " + g);
+          }
+        } else {
+          console.error("Geocoder failed due to: " + status);
+        }
       });
     }
-    async function L() {
-      r.value = !0, navigator.geolocation ? navigator.geolocation.getCurrentPosition((t) => {
-        const o = { lat: t.coords.latitude, lng: t.coords.longitude };
-        a("update:location", o), p(o), r.value = !1;
-      }, () => {
-        console.error("Error getting location"), r.value = !1;
-      }) : (console.error("Geolocation is not supported by this browser."), r.value = !1);
+    async function setUserLocation() {
+      locationLoading.value = true;
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition((position) => {
+          const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };
+          emit("update:location", newLocation);
+          getAddressFromLocation(newLocation);
+          locationLoading.value = false;
+        }, () => {
+          console.error("Error getting location");
+          locationLoading.value = false;
+        });
+      } else {
+        console.error("Geolocation is not supported by this browser.");
+        locationLoading.value = false;
+      }
     }
-    return (t, o) => (d(), w("div", B, [
-      c("div", {
-        ref_key: "mapContainer",
-        ref: u,
-        class: "w-100 h-100"
-      }, null, 512),
-      c("button", {
-        class: "cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra",
-        onClick: L
-      }, [
-        k(x, {
-          name: "ScaleOut",
-          mode: "out-in"
-        }, {
-          default: M(() => [
-            r.value ? (d(), V(Z, {
-              key: 1,
-              class: "pos-t-0 pos-l-0 i-small"
-            })) : (d(), w("svg", H, G))
-          ]),
-          _: 1
-        })
-      ])
-    ]));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          ref_key: "mapContainer",
+          ref: mapContainer,
+          class: "w-100 h-100"
+        }, null, 512),
+        createElementVNode("button", {
+          class: "cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra",
+          onClick: setUserLocation
+        }, [
+          createVNode(Transition, {
+            name: "ScaleOut",
+            mode: "out-in"
+          }, {
+            default: withCtx(() => [
+              !locationLoading.value ? (openBlock(), createElementBlock("svg", _hoisted_2, _hoisted_5)) : (openBlock(), createBlock(Loader$1, {
+                key: 1,
+                class: "pos-t-0 pos-l-0 i-small"
+              }))
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
   }
 };
 export {
-  U as default
+  _sfc_main as default
 };
+//# sourceMappingURL=LocationMarker.vue.js.map

package/dist/prometheus-framework/src/components/LocationMarker/LocationMarker.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationMarker.vue.js","sources":["../../../../../src/components/LocationMarker/LocationMarker.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <div ref=\"mapContainer\" class=\"w-100 h-100\"></div>\n\n    <button class=\"cursor-pointer flex-center flex pos-absolute pos-t-regular pos-r-regular i-semi bg-second pd-nano radius-extra\" @click=\"setUserLocation\">\n\n      <transition name=\"ScaleOut\" mode=\"out-in\"> \n        <svg v-if=\"!locationLoading\" class=\"i-regular\" width=\"98\" height=\"98\" viewBox=\"0 0 98 98\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M50.0004 31.4995C39.7996 31.4995 31.5 39.7991 31.5 49.9999C31.5 60.2007 39.7996 68.5003 50.0004 68.5003C60.2012 68.5003 68.5008 60.2007 68.5008 49.9999C68.5008 39.7991 60.2012 31.4995 50.0004 31.4995ZM50.0004 63.7944C42.3941 63.7944 36.2059 57.6062 36.2059 49.9999C36.2059 42.3936 42.3941 36.2054 50.0004 36.2054C57.6067 36.2054 63.7949 42.3936 63.7949 49.9999C63.7949 57.6062 57.6067 63.7944 50.0004 63.7944Z\" fill=\"rgb(var(--white))\"/>\n          <path d=\"M97.6471 47.6471H84.56C83.3977 30.4141 69.5859 16.6024 52.3529 15.44V2.35294C52.3529 1.05255 51.2988 0 50 0C48.6996 0 47.6471 1.05255 47.6471 2.35294V15.44C30.4141 16.6024 16.6024 30.4141 15.44 47.6471H2.35294C1.05255 47.6471 0 48.6996 0 50C0 51.2988 1.05255 52.3529 2.35294 52.3529H15.44C16.6024 69.5859 30.4141 83.3977 47.6471 84.56V97.6471C47.6471 98.9459 48.6996 100 50 100C51.2988 100 52.3529 98.9459 52.3529 97.6471V84.56C69.5859 83.3977 83.3977 69.5859 84.56 52.3529H97.6471C98.9459 52.3529 100 51.2988 100 50C100 48.6996 98.9459 47.6471 97.6471 47.6471ZM50 79.9435C33.4886 79.9435 20.0565 66.5114 20.0565 50C20.0565 33.4886 33.4886 20.0565 50 20.0565C66.5098 20.0565 79.9435 33.4886 79.9435 50C79.9435 66.5098 66.5098 79.9435 50 79.9435Z\" fill=\"rgb(var(--white))\"/>      \n        </svg>\n\n        <Loader v-else  class=\"pos-t-0 pos-l-0 i-small\"/>\n      </transition>\n\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue';\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Loader from '@pf/src/components/Loader/Loader.vue'\n\n// Добавим новый проп для ключа API\nconst props = defineProps({\n  location: {\n    type: Object,\n    default: () => ({ lat: 15.8700, lng: 100.9925 })\n  },\n  address: {\n    type: String,\n    default: null\n  },\n  apiKey: String,\n  locale: {\n    type: String,\n    default: 'en'\n  }\n})\n\nconst emit = defineEmits(['update:location', 'update:address', 'update:country', 'update:state', 'update:city']);\n\nconst mapContainer = ref(null);\nconst locationLoading = ref(false);\n\nlet map, marker;\n\nonMounted(() => {\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: props.locale,    \n  });\n\n  loader.load().then(() => {\n    map = new google.maps.Map(mapContainer.value, {\n      center: props.location,\n      zoom: 15,\n      mapTypeControl: false,\n      fullscreenControl: false,\n      disableDefaultUI: true\n    });\n\n    marker = new google.maps.Marker({\n      position: props.location,\n      map,\n      draggable: true,\n    });\n\n    marker.addListener(\"dragend\", (e) => {\n      const newLocation = { lat: e.latLng.lat(), lng: e.latLng.lng() };\n\n      emit('update:location', newLocation);\n\n      getAddressFromLocation(newLocation);\n    });\n  }).catch(e => {\n    console.error(e);\n  });\n});\n\nwatchEffect(() => {\n  if (props.location && marker) {\n    marker.setPosition(new google.maps.LatLng(props.location.lat, props.location.lng));\n  }\n});\n\nwatchEffect(() => {\n  if (props.location && map) {\n    const newCenter = new google.maps.LatLng(props.location.lat, props.location.lng);\n    \n    map.setCenter(newCenter);\n    map.setZoom(15);\n  }\n});\n\nfunction getAddressFromLocation(location) {\n  \n  const geocoder = new google.maps.Geocoder;\n\n  geocoder.geocode({ 'location': location }, (results, status) => {\n    if (status === 'OK') {\n      if (results[0]) {\n        emit('update:address', results[0].formatted_address);\n\n        let country = '', state = '', city = '';\n\n        results[0].address_components.forEach((addr) => {\n          if (addr.types.includes('country')) {\n            country = addr.long_name;\n          }\n          if (addr.types.includes('administrative_area_level_1')) {\n            state = addr.long_name;\n          }\n          if (addr.types.includes('locality')) {\n            city = addr.long_name;\n          }\n        });\n\n        emit('update:country', country);\n        emit('update:state', state);\n        emit('update:city', city);\n      } else {\n        console.error('No results found');\n      }\n    } else {\n      console.error('Geocoder failed due to: ' + status);\n    }\n  });\n}\n\n// Функция для установки местоположения пользователя\nasync function setUserLocation() {\n  locationLoading.value = true\n  \n  if (navigator.geolocation) {\n    navigator.geolocation.getCurrentPosition((position) => {\n      const newLocation = { lat: position.coords.latitude, lng: position.coords.longitude };\n      emit('update:location', newLocation);\n      getAddressFromLocation(newLocation);\n      locationLoading.value = false\n    }, () => {\n      console.error('Error getting location');\n      locationLoading.value = false\n    });\n  } else {\n    console.error('Geolocation is not supported by this browser.');\n    locationLoading.value = false\n  }\n}\n</script>\n\n\n<style >\n.my-location-button {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  z-index: 99;\n}\n\n.gm-style-cc { display:none; }\n\n\n</style>\n"],"names":["GMLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAgBd,UAAM,OAAO;AAEb,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,kBAAkB,IAAI,KAAK;AAEjC,QAAI,KAAK;AAET,cAAU,MAAM;AACd,YAAM,SAAS,IAAIA,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU,MAAM;AAAA,MACpB,CAAG;AAED,aAAO,OAAO,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,KAAK,IAAI,aAAa,OAAO;AAAA,UAC5C,QAAQ,MAAM;AAAA,UACd,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,QACxB,CAAK;AAED,iBAAS,IAAI,OAAO,KAAK,OAAO;AAAA,UAC9B,UAAU,MAAM;AAAA,UAChB;AAAA,UACA,WAAW;AAAA,QACjB,CAAK;AAED,eAAO,YAAY,WAAW,CAAC,MAAM;AACnC,gBAAM,cAAc,EAAE,KAAK,EAAE,OAAO,OAAO,KAAK,EAAE,OAAO,IAAK,EAAA;AAE9D,eAAK,mBAAmB,WAAW;AAEnC,iCAAuB,WAAW;AAAA,QACxC,CAAK;AAAA,MACL,CAAG,EAAE,MAAM,OAAK;AACZ,gBAAQ,MAAM,CAAC;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,MAAM,YAAY,QAAQ;AAC5B,eAAO,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG,CAAC;AAAA,MAClF;AAAA,IACH,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,MAAM,YAAY,KAAK;AACzB,cAAM,YAAY,IAAI,OAAO,KAAK,OAAO,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG;AAE/E,YAAI,UAAU,SAAS;AACvB,YAAI,QAAQ,EAAE;AAAA,MACf;AAAA,IACH,CAAC;AAED,aAAS,uBAAuB,UAAU;AAExC,YAAM,WAAW,IAAI,OAAO,KAAK;AAEjC,eAAS,QAAQ,EAAE,YAAY,SAAQ,GAAI,CAAC,SAAS,WAAW;AAC9D,YAAI,WAAW,MAAM;AACnB,cAAI,QAAQ,CAAC,GAAG;AACd,iBAAK,kBAAkB,QAAQ,CAAC,EAAE,iBAAiB;AAEnD,gBAAI,UAAU,IAAI,QAAQ,IAAI,OAAO;AAErC,oBAAQ,CAAC,EAAE,mBAAmB,QAAQ,CAAC,SAAS;AAC9C,kBAAI,KAAK,MAAM,SAAS,SAAS,GAAG;AAClC,0BAAU,KAAK;AAAA,cAChB;AACD,kBAAI,KAAK,MAAM,SAAS,6BAA6B,GAAG;AACtD,wBAAQ,KAAK;AAAA,cACd;AACD,kBAAI,KAAK,MAAM,SAAS,UAAU,GAAG;AACnC,uBAAO,KAAK;AAAA,cACb;AAAA,YACX,CAAS;AAED,iBAAK,kBAAkB,OAAO;AAC9B,iBAAK,gBAAgB,KAAK;AAC1B,iBAAK,eAAe,IAAI;AAAA,UAChC,OAAa;AACL,oBAAQ,MAAM,kBAAkB;AAAA,UACjC;AAAA,QACP,OAAW;AACL,kBAAQ,MAAM,6BAA6B,MAAM;AAAA,QAClD;AAAA,MACL,CAAG;AAAA,IACH;AAGA,mBAAe,kBAAkB;AAC/B,sBAAgB,QAAQ;AAExB,UAAI,UAAU,aAAa;AACzB,kBAAU,YAAY,mBAAmB,CAAC,aAAa;AACrD,gBAAM,cAAc,EAAE,KAAK,SAAS,OAAO,UAAU,KAAK,SAAS,OAAO;AAC1E,eAAK,mBAAmB,WAAW;AACnC,iCAAuB,WAAW;AAClC,0BAAgB,QAAQ;AAAA,QAC9B,GAAO,MAAM;AACP,kBAAQ,MAAM,wBAAwB;AACtC,0BAAgB,QAAQ;AAAA,QAC9B,CAAK;AAAA,MACL,OAAS;AACL,gBAAQ,MAAM,+CAA+C;AAC7D,wBAAgB,QAAQ;AAAA,MACzB;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Menu/Menu.vue.cjs

@@ -1 +1,17 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css            */const r={class:"mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium"},o={__name:"Menu",setup(u){return(t,n)=>(e.openBlock(),e.createElementBlock("section",r,[e.renderSlot(t.$slots,"default")]))}};exports.default=o;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css            */
+const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
+const _sfc_main = {
+  __name: "Menu",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Menu.vue.cjs.map

package/dist/prometheus-framework/src/components/Menu/Menu.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/components/Menu/Menu.vue.js

@@ -1,13 +1,17 @@
-import { openBlock as t, createElementBlock as o, renderSlot as n } from "vue";
+import { openBlock, createElementBlock, renderSlot } from "vue";
 /* empty css          */
-const r = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" }, d = {
+const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
+const _sfc_main = {
   __name: "Menu",
-  setup(s) {
-    return (e, i) => (t(), o("section", r, [
-      n(e.$slots, "default")
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
   }
 };
 export {
-  d as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Menu.vue.js.map

package/dist/prometheus-framework/src/components/Menu/Menu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.cjs

@@ -7,10 +7,11 @@ const Status = require("../../../../../components/Status/Status.vue.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue2.cjs");
 require("vue-i18n");
 ;/* empty css                                                      */
+const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
+const NavigationBar = require("../partials/NavigationBar.vue.cjs");
 const LocationSelection = require("../partials/LocationSelection.vue.cjs");
 require("../../../../products/store/categories.cjs");
 const BottomNavigation = ;/* empty css                                 */
-const NavigationBar = require("../partials/NavigationBar.vue.cjs");
 const ShopCart = require("../../../../orders/components/partials/ShopCart.vue.cjs");
 ;/* empty css              */
 const _hoisted_1 = {
@@ -20,10 +21,6 @@ const _hoisted_1 = {
 const _sfc_main = {
   __name: "Client",
   setup(__props) {
-    const Loader = vue.defineAsyncComponent(() => Promise.resolve().then(() => require(
-      /* webpackChunkName: "loader" */
-      "../../../../../components/Loader/Loader.vue2.cjs"
-    )));
     let show = vue.ref(false);
     const page = vue.ref(null);
     const route = vueRouter.useRoute();
@@ -96,7 +93,7 @@ const _sfc_main = {
           appear: ""
         }, {
           default: vue.withCtx(() => [
-            !page.value ? (vue.openBlock(), vue.createBlock(vue.unref(Loader), {
+            !page.value ? (vue.openBlock(), vue.createBlock(Loader.default, {
               key: 0,
               class: "pos-fixed"
             })) : vue.createCommentVNode("", true)

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Client.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n      <component\n\t\t  \tv-if=\"!MOBILE_APP\"\n        :is=\"route.meta.header\"\n        ref=\"header\" \n        class=\"transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0\" \n        :theme=\"headerTheme\"\n        :logotype=\"route.meta.logotype\"\n      >\n        <component\n          v-if=\"route.meta.navigation\"\n          :is=\"route.meta.navigation\"\n          class=\"mn-l-auto desktop-only\"\n        />\n      </component>\n    </transition>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<NavigationBar\n\t\t  \tv-if=\"MOBILE_APP\"\n\t\t  \t:logotype=\"route.meta.logotype\"\n\t\t\t\t:style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n\t\t  />\n\t\t</transition>\n\n\t  <Popup \n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-scroll\"\n\t\t>\n\t\t\t<ShopCart />\n\n\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t<Breadcrumbs \n\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\tclass=\"bg-light pd-small radius-big\"\n\t\t\t\t/>\n\t\t\t</section> -->\n\n\t\t\t<Suspense>\n\t\t\t\t<router-view  \n\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t:class=\"{'mn-b-extra': MOBILE_APP}\"\n\t\t\t\t>\n\t\t\t\t\t<Status \n\t\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\n\n\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleIn\" mode=\"out-in\" appear>\n\t\t      \t<component \n\t\t      \t\tref=\"page\"  \n\t\t      \t\t:is=\"Component\" \n\t\t      \t\t:key=\"route.path\"\n\t\t      \t/>\n\t\t      </transition>\n\n\t\t      <!-- <Footer /> -->\n\t\t\t\t</router-view>\n\t\t\t</Suspense>\n     \n\t\t</section>\n\n    <BottomNavigation \n      v-if=\"MOBILE_APP && route.meta.title_hide\"\n      class=\"pd-small z-index-2\"\n    />\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted, provide, inject, onUnmounted, onServerPrefetch, onBeforeMount, defineAsyncComponent } from 'vue'\n\t// Router\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\t// Partials\n\timport Status from '@pf/src/components/Status/Status.vue'\n\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\tconst Loader = defineAsyncComponent(() => import(/* webpackChunkName: \"loader\" */ '@pf/src/components/Loader/Loader.vue'))\n\n\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'\n\timport Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\timport BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue';\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue';\n\n\timport ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue'\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t  globals.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tdocument.getElementById('app').scrollIntoView();\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme || 'light'\n\t\t}\n\t})\n\tconst handleScroll = () => {\n\t  scrollOffset.value = event.target.scrollTop\n\n\t  if (scrollOffset.value > 50 && !isScrolled) {\n\t    isScrolled = true;\n\n\t    header.value.$el.classList.add('scrolled');\n\n\t    const firstRect = header.value.$el.getBoundingClientRect();\n\t    const invert = -firstRect.top;\n\n\t    header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t    // headerTheme.value - light\n\n\t    setTimeout(() => {\n\t      header.value.$el.style.transform = 'translateY(0)';\n\t    }, 0);\n\t  } else if (scrollOffset.value <= 75 && isScrolled) {\n\t    isScrolled = false;\n\t    header.value.$el.classList.remove('scrolled');\n\n\t    const firstRect = header.value.$el.getBoundingClientRect();\n\t    const invert = firstRect.top;\n\n\t    header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t    setTimeout(() => {\n\t      header.value.$el.style.transform = 'translateY(0)';\n\t    }, 0);\n\t  }\n\t};\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\t// if (typeof window === 'undefined') {\n\t//   show.value = true\n\t// } else {\n\t// \tshow.value = false\n\t// }\n\n\tonMounted(async () => {\n\t\t \n\t\tif ('serviceWorker' in navigator) {\n\t   \twindow.addEventListener('load', () => {\n\t     \tnavigator.serviceWorker.register('/service-worker.js').then(registration => {\n\t       \tconsole.log('SW registered: ', registration);\n\t     \t}).catch(registrationError => {\n\t       \tconsole.log('SW registration failed: ', registrationError);\n\t     \t});\n\t   });\n\t \t}\n\t\t\n\t\tconst savedPosition = localStorage.getItem('position');\n\n\t  if (savedPosition) {\n\t    globals.state.position = JSON.parse(savedPosition);\n\t  } else {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  }\n\n\t\tif (referalCode.value) {\n\t\t  localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page) show.value = true\n\t});\n</script>\n\n<style lang=\"scss\">;\t\n\t.scaleIn-enter-active,\n\t.scaleIn-leave-active {\n\t\ttransform: scale(1);  \n\t\ttransition: all 0.5s ease; \n\t}\n\t.scaleIn-enter-from,\n\t.scaleIn-leave-to {\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease; \n\t}\n\n\t.moveFromTop-enter-active,\n\t.moveFromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTop-enter-from,\n\t.moveFromTop-leave-to {\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>"],"names":["defineAsyncComponent","ref","useRoute","useRouter","globals.state","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoGC,UAAM,SAASA,IAAoB,qBAAC,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,MAAiC;AAAA,IAAsC,CAAA,CAAC;AAaxH,QAAI,OAAOC,IAAG,IAAC,KAAK;AAEpB,UAAM,OAAOA,IAAG,IAAC,IAAI;AAItB,UAAM,QAAQC,UAAAA,SAAU;AACTC,wBAAW;AAE1B,UAAM,cAAcF,IAAG,IAAC,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BG,cAAa,MAAC,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAeH,IAAG,IAAC,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,UAAM,cAAcI,IAAAA,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO;AAAA,MACV,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AACD,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAEb,eAAO,MAAM,IAAI,UAAU,IAAI,UAAU;AAEzC,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,CAAC,UAAU;AAE1B,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAIvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL,WAAU,aAAa,SAAS,MAAM,YAAY;AACjD,qBAAa;AACb,eAAO,MAAM,IAAI,UAAU,OAAO,UAAU;AAE5C,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,UAAU;AAEzB,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAEvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL;AAAA,IACJ;AAUCC,QAAAA,UAAU,YAAY;AAErB,UAAI,mBAAmB,WAAW;AAC/B,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,oBAAoB,EAAE,KAAK,kBAAgB;AAC1E,oBAAQ,IAAI,mBAAmB,YAAY;AAAA,UACpD,CAAQ,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAClE,CAAQ;AAAA,QACR,CAAK;AAAA,MACD;AAEF,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBF,gBAAAA,MAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,gBAAa,MAAC,sBAAsB;AAAA,MACpC;AAEF,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACtD;AAED,UAAI,KAAM,MAAK,QAAQ;AAAA,IACzB,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Client.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n      <component\n\t\t  \tv-if=\"!MOBILE_APP\"\n        :is=\"route.meta.header\"\n        ref=\"header\" \n        class=\"transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0\" \n        :theme=\"headerTheme\"\n        :logotype=\"route.meta.logotype\"\n      >\n        <component\n          v-if=\"route.meta.navigation\"\n          :is=\"route.meta.navigation\"\n          class=\"mn-l-auto desktop-only\"\n        />\n      </component>\n    </transition>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<NavigationBar\n\t\t  \tv-if=\"MOBILE_APP\"\n\t\t  \t:logotype=\"route.meta.logotype\"\n\t\t\t\t:style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n\t\t  />\n\t\t</transition>\n\n\t  <Popup \n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-scroll\"\n\t\t>\n\t\t\t<ShopCart />\n\n\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t<Breadcrumbs \n\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\tclass=\"bg-light pd-small radius-big\"\n\t\t\t\t/>\n\t\t\t</section> -->\n\n\t\t\t<Suspense>\n\t\t\t\t<router-view  \n\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t:class=\"{'mn-b-extra': MOBILE_APP}\"\n\t\t\t\t>\n\t\t\t\t\t<Status \n\t\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\n\n\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleIn\" mode=\"out-in\" appear>\n\t\t      \t<component \n\t\t      \t\tref=\"page\"  \n\t\t      \t\t:is=\"Component\" \n\t\t      \t\t:key=\"route.path\"\n\t\t      \t/>\n\t\t      </transition>\n\n\t\t      <!-- <Footer /> -->\n\t\t\t\t</router-view>\n\t\t\t</Suspense>\n     \n\t\t</section>\n\n    <BottomNavigation \n      v-if=\"MOBILE_APP && route.meta.title_hide\"\n      class=\"pd-small z-index-2\"\n    />\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted, provide, inject, onUnmounted, onServerPrefetch, onBeforeMount, defineAsyncComponent } from 'vue'\n\t// Router\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\t// Partials\n\timport Status from '@pf/src/components/Status/Status.vue'\n\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue'\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'\n\timport Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\timport BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue'\n\n\timport ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue'\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t  globals.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tdocument.getElementById('app').scrollIntoView();\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme || 'light'\n\t\t}\n\t})\n\tconst handleScroll = () => {\n\t  scrollOffset.value = event.target.scrollTop\n\n\t  if (scrollOffset.value > 50 && !isScrolled) {\n\t    isScrolled = true;\n\n\t    header.value.$el.classList.add('scrolled');\n\n\t    const firstRect = header.value.$el.getBoundingClientRect();\n\t    const invert = -firstRect.top;\n\n\t    header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t    // headerTheme.value - light\n\n\t    setTimeout(() => {\n\t      header.value.$el.style.transform = 'translateY(0)';\n\t    }, 0);\n\t  } else if (scrollOffset.value <= 75 && isScrolled) {\n\t    isScrolled = false;\n\t    header.value.$el.classList.remove('scrolled');\n\n\t    const firstRect = header.value.$el.getBoundingClientRect();\n\t    const invert = firstRect.top;\n\n\t    header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t    setTimeout(() => {\n\t      header.value.$el.style.transform = 'translateY(0)';\n\t    }, 0);\n\t  }\n\t};\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\t// if (typeof window === 'undefined') {\n\t//   show.value = true\n\t// } else {\n\t// \tshow.value = false\n\t// }\n\n\tonMounted(async () => {\n\t\t \n\t\tif ('serviceWorker' in navigator) {\n\t   \twindow.addEventListener('load', () => {\n\t     \tnavigator.serviceWorker.register('/service-worker.js').then(registration => {\n\t       \tconsole.log('SW registered: ', registration);\n\t     \t}).catch(registrationError => {\n\t       \tconsole.log('SW registration failed: ', registrationError);\n\t     \t});\n\t   });\n\t \t}\n\t\t\n\t\tconst savedPosition = localStorage.getItem('position');\n\n\t  if (savedPosition) {\n\t    globals.state.position = JSON.parse(savedPosition);\n\t  } else {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  }\n\n\t\tif (referalCode.value) {\n\t\t  localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page) show.value = true\n\t});\n</script>\n\n<style lang=\"scss\">;\t\n\t.scaleIn-enter-active,\n\t.scaleIn-leave-active {\n\t\ttransform: scale(1);  \n\t\ttransition: all 0.5s ease; \n\t}\n\t.scaleIn-enter-from,\n\t.scaleIn-leave-to {\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease; \n\t}\n\n\t.moveFromTop-enter-active,\n\t.moveFromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTop-enter-from,\n\t.moveFromTop-leave-to {\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>"],"names":["ref","useRoute","useRouter","globals.state","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiHE,QAAI,OAAOA,IAAG,IAAC,KAAK;AAEpB,UAAM,OAAOA,IAAG,IAAC,IAAI;AAItB,UAAM,QAAQC,UAAAA,SAAU;AACTC,wBAAW;AAE1B,UAAM,cAAcF,IAAG,IAAC,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BG,cAAa,MAAC,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAeH,IAAG,IAAC,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,UAAM,cAAcI,IAAAA,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO;AAAA,MACV,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AACD,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAEb,eAAO,MAAM,IAAI,UAAU,IAAI,UAAU;AAEzC,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,CAAC,UAAU;AAE1B,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAIvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL,WAAU,aAAa,SAAS,MAAM,YAAY;AACjD,qBAAa;AACb,eAAO,MAAM,IAAI,UAAU,OAAO,UAAU;AAE5C,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,UAAU;AAEzB,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAEvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL;AAAA,IACJ;AAUCC,QAAAA,UAAU,YAAY;AAErB,UAAI,mBAAmB,WAAW;AAC/B,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,oBAAoB,EAAE,KAAK,kBAAgB;AAC1E,oBAAQ,IAAI,mBAAmB,YAAY;AAAA,UACpD,CAAQ,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAClE,CAAQ;AAAA,QACR,CAAK;AAAA,MACD;AAEF,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBF,gBAAAA,MAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,gBAAa,MAAC,sBAAsB;AAAA,MACpC;AAEF,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACtD;AAED,UAAI,KAAM,MAAK,QAAQ;AAAA,IACzB,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js

@@ -1,14 +1,15 @@
-import { defineAsyncComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createBlock, unref, createCommentVNode, resolveDynamicComponent, normalizeStyle, createElementVNode, Suspense, normalizeClass } from "vue";
+import { ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createBlock, createCommentVNode, resolveDynamicComponent, unref, normalizeStyle, createElementVNode, Suspense, normalizeClass } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { state } from "../../store/globals.js";
 import _sfc_main$5 from "../../../../../components/Status/Status.vue.js";
 import _sfc_main$2 from "../../../../../components/Popup/Popup.vue2.js";
 import "vue-i18n";
 /* empty css                                                    */
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
+import _sfc_main$1 from "../partials/NavigationBar.vue.js";
 import _sfc_main$3 from "../partials/LocationSelection.vue.js";
 import "../../../../products/store/categories.js";
 import BottomNavigation from "../partials/BottomNavigation.vue.js";
-import _sfc_main$1 from "../partials/NavigationBar.vue.js";
 import _sfc_main$4 from "../../../../orders/components/partials/ShopCart.vue.js";
 /* empty css            */
 const _hoisted_1 = {
@@ -18,10 +19,6 @@ const _hoisted_1 = {
 const _sfc_main = {
   __name: "Client",
   setup(__props) {
-    const Loader = defineAsyncComponent(() => import(
-      /* webpackChunkName: "loader" */
-      "../../../../../components/Loader/Loader.vue2.js"
-    ));
     let show = ref(false);
     const page = ref(null);
     const route = useRoute();
@@ -94,7 +91,7 @@ const _sfc_main = {
           appear: ""
         }, {
           default: withCtx(() => [
-            !page.value ? (openBlock(), createBlock(unref(Loader), {
+            !page.value ? (openBlock(), createBlock(Loader, {
               key: 0,
               class: "pos-fixed"
             })) : createCommentVNode("", true)

package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n      <component\n\t\t  \tv-if=\"!MOBILE_APP\"\n        :is=\"route.meta.header\"\n        ref=\"header\" \n        class=\"transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0\" \n        :theme=\"headerTheme\"\n        :logotype=\"route.meta.logotype\"\n      >\n        <component\n          v-if=\"route.meta.navigation\"\n          :is=\"route.meta.navigation\"\n          class=\"mn-l-auto desktop-only\"\n        />\n      </component>\n    </transition>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<NavigationBar\n\t\t  \tv-if=\"MOBILE_APP\"\n\t\t  \t:logotype=\"route.meta.logotype\"\n\t\t\t\t:style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n\t\t  />\n\t\t</transition>\n\n\t  <Popup \n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-scroll\"\n\t\t>\n\t\t\t<ShopCart />\n\n\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t<Breadcrumbs \n\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\tclass=\"bg-light pd-small radius-big\"\n\t\t\t\t/>\n\t\t\t</section> -->\n\n\t\t\t<Suspense>\n\t\t\t\t<router-view  \n\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t:class=\"{'mn-b-extra': MOBILE_APP}\"\n\t\t\t\t>\n\t\t\t\t\t<Status \n\t\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\n\n\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleIn\" mode=\"out-in\" appear>\n\t\t      \t<component \n\t\t      \t\tref=\"page\"  \n\t\t      \t\t:is=\"Component\" \n\t\t      \t\t:key=\"route.path\"\n\t\t      \t/>\n\t\t      </transition>\n\n\t\t      <!-- <Footer /> -->\n\t\t\t\t</router-view>\n\t\t\t</Suspense>\n     \n\t\t</section>\n\n    <BottomNavigation \n      v-if=\"MOBILE_APP && route.meta.title_hide\"\n      class=\"pd-small z-index-2\"\n    />\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted, provide, inject, onUnmounted, onServerPrefetch, onBeforeMount, defineAsyncComponent } from 'vue'\n\t// Router\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\t// Partials\n\timport Status from '@pf/src/components/Status/Status.vue'\n\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\tconst Loader = defineAsyncComponent(() => import(/* webpackChunkName: \"loader\" */ '@pf/src/components/Loader/Loader.vue'))\n\n\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'\n\timport Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\timport BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue';\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue';\n\n\timport ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue'\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t  globals.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tdocument.getElementById('app').scrollIntoView();\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme || 'light'\n\t\t}\n\t})\n\tconst handleScroll = () => {\n\t  scrollOffset.value = event.target.scrollTop\n\n\t  if (scrollOffset.value > 50 && !isScrolled) {\n\t    isScrolled = true;\n\n\t    header.value.$el.classList.add('scrolled');\n\n\t    const firstRect = header.value.$el.getBoundingClientRect();\n\t    const invert = -firstRect.top;\n\n\t    header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t    // headerTheme.value - light\n\n\t    setTimeout(() => {\n\t      header.value.$el.style.transform = 'translateY(0)';\n\t    }, 0);\n\t  } else if (scrollOffset.value <= 75 && isScrolled) {\n\t    isScrolled = false;\n\t    header.value.$el.classList.remove('scrolled');\n\n\t    const firstRect = header.value.$el.getBoundingClientRect();\n\t    const invert = firstRect.top;\n\n\t    header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t    setTimeout(() => {\n\t      header.value.$el.style.transform = 'translateY(0)';\n\t    }, 0);\n\t  }\n\t};\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\t// if (typeof window === 'undefined') {\n\t//   show.value = true\n\t// } else {\n\t// \tshow.value = false\n\t// }\n\n\tonMounted(async () => {\n\t\t \n\t\tif ('serviceWorker' in navigator) {\n\t   \twindow.addEventListener('load', () => {\n\t     \tnavigator.serviceWorker.register('/service-worker.js').then(registration => {\n\t       \tconsole.log('SW registered: ', registration);\n\t     \t}).catch(registrationError => {\n\t       \tconsole.log('SW registration failed: ', registrationError);\n\t     \t});\n\t   });\n\t \t}\n\t\t\n\t\tconst savedPosition = localStorage.getItem('position');\n\n\t  if (savedPosition) {\n\t    globals.state.position = JSON.parse(savedPosition);\n\t  } else {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  }\n\n\t\tif (referalCode.value) {\n\t\t  localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page) show.value = true\n\t});\n</script>\n\n<style lang=\"scss\">;\t\n\t.scaleIn-enter-active,\n\t.scaleIn-leave-active {\n\t\ttransform: scale(1);  \n\t\ttransition: all 0.5s ease; \n\t}\n\t.scaleIn-enter-from,\n\t.scaleIn-leave-to {\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease; \n\t}\n\n\t.moveFromTop-enter-active,\n\t.moveFromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTop-enter-from,\n\t.moveFromTop-leave-to {\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoGC,UAAM,SAAS,qBAAqB,MAAM;AAAA;AAAA,MAAwC;AAAA,IAAsC,CAAC;AAaxH,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAItB,UAAM,QAAQ,SAAU;AACT,cAAW;AAE1B,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BA,YAAc,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAe,IAAI,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,cAAc,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO;AAAA,MACV,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AACD,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAEb,eAAO,MAAM,IAAI,UAAU,IAAI,UAAU;AAEzC,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,CAAC,UAAU;AAE1B,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAIvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL,WAAU,aAAa,SAAS,MAAM,YAAY;AACjD,qBAAa;AACb,eAAO,MAAM,IAAI,UAAU,OAAO,UAAU;AAE5C,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,UAAU;AAEzB,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAEvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL;AAAA,IACJ;AAUC,cAAU,YAAY;AAErB,UAAI,mBAAmB,WAAW;AAC/B,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,oBAAoB,EAAE,KAAK,kBAAgB;AAC1E,oBAAQ,IAAI,mBAAmB,YAAY;AAAA,UACpD,CAAQ,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAClE,CAAQ;AAAA,QACR,CAAK;AAAA,MACD;AAEF,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBA,cAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,cAAc,sBAAsB;AAAA,MACpC;AAEF,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACtD;AAED,UAAI,KAAM,MAAK,QAAQ;AAAA,IACzB,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div id=\"app-wrapper\" class=\"pos-relative\">\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n      <component\n\t\t  \tv-if=\"!MOBILE_APP\"\n        :is=\"route.meta.header\"\n        ref=\"header\" \n        class=\"transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0\" \n        :theme=\"headerTheme\"\n        :logotype=\"route.meta.logotype\"\n      >\n        <component\n          v-if=\"route.meta.navigation\"\n          :is=\"route.meta.navigation\"\n          class=\"mn-l-auto desktop-only\"\n        />\n      </component>\n    </transition>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<NavigationBar\n\t\t  \tv-if=\"MOBILE_APP\"\n\t\t  \t:logotype=\"route.meta.logotype\"\n\t\t\t\t:style=\"MOBILE_APP === 'ios' ?'padding-top: 6rem;':''\" \n\t\t  />\n\t\t</transition>\n\n\t  <Popup \n\t  \t@close-popup=\"closeLocationPopup\" \n\t  \t:isPopupOpen=\"globals.state.isOpenLocationPopup\"\n\t  \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t  >\t\n\t  \t<LocationSelection />\n\t  </Popup>\n\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\t@scroll=\"handleScroll\"\n\t\t\tclass=\"transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-scroll\"\n\t\t>\n\t\t\t<ShopCart />\n\n\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t<Breadcrumbs \n\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\tclass=\"bg-light pd-small radius-big\"\n\t\t\t\t/>\n\t\t\t</section> -->\n\n\t\t\t<Suspense>\n\t\t\t\t<router-view  \n\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t:class=\"{'mn-b-extra': MOBILE_APP}\"\n\t\t\t\t>\n\t\t\t\t\t<Status \n\t\t\t\t\t\tv-if=\"globals.state.error.show\" \n\t\t\t\t\t\t:data=\"globals.state.error\"\n\t\t\t\t\t\tclass=\"z-index-7\" \n\t\t\t\t\t/>\n\n\n\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleIn\" mode=\"out-in\" appear>\n\t\t      \t<component \n\t\t      \t\tref=\"page\"  \n\t\t      \t\t:is=\"Component\" \n\t\t      \t\t:key=\"route.path\"\n\t\t      \t/>\n\t\t      </transition>\n\n\t\t      <!-- <Footer /> -->\n\t\t\t\t</router-view>\n\t\t\t</Suspense>\n     \n\t\t</section>\n\n    <BottomNavigation \n      v-if=\"MOBILE_APP && route.meta.title_hide\"\n      class=\"pd-small z-index-2\"\n    />\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted, provide, inject, onUnmounted, onServerPrefetch, onBeforeMount, defineAsyncComponent } from 'vue'\n\t// Router\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\t// Partials\n\timport Status from '@pf/src/components/Status/Status.vue'\n\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@pf/src/components/Loader/Loader.vue'\n\n\n\timport NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue'\n\timport LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'\n\timport Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'\n\timport BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue'\n\n\timport ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue'\n\t/////////////////////////////\n  // LOADING\n  /////////////////////////////\n    // State\n  let show = ref(false)\n  // Preloader\n  const page = ref(null)\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t  globals.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tdocument.getElementById('app').scrollIntoView();\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme || 'light'\n\t\t}\n\t})\n\tconst handleScroll = () => {\n\t  scrollOffset.value = event.target.scrollTop\n\n\t  if (scrollOffset.value > 50 && !isScrolled) {\n\t    isScrolled = true;\n\n\t    header.value.$el.classList.add('scrolled');\n\n\t    const firstRect = header.value.$el.getBoundingClientRect();\n\t    const invert = -firstRect.top;\n\n\t    header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t    // headerTheme.value - light\n\n\t    setTimeout(() => {\n\t      header.value.$el.style.transform = 'translateY(0)';\n\t    }, 0);\n\t  } else if (scrollOffset.value <= 75 && isScrolled) {\n\t    isScrolled = false;\n\t    header.value.$el.classList.remove('scrolled');\n\n\t    const firstRect = header.value.$el.getBoundingClientRect();\n\t    const invert = firstRect.top;\n\n\t    header.value.$el.style.transform = `translateY(${invert}px)`;\n\n\t    setTimeout(() => {\n\t      header.value.$el.style.transform = 'translateY(0)';\n\t    }, 0);\n\t  }\n\t};\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\t// if (typeof window === 'undefined') {\n\t//   show.value = true\n\t// } else {\n\t// \tshow.value = false\n\t// }\n\n\tonMounted(async () => {\n\t\t \n\t\tif ('serviceWorker' in navigator) {\n\t   \twindow.addEventListener('load', () => {\n\t     \tnavigator.serviceWorker.register('/service-worker.js').then(registration => {\n\t       \tconsole.log('SW registered: ', registration);\n\t     \t}).catch(registrationError => {\n\t       \tconsole.log('SW registration failed: ', registrationError);\n\t     \t});\n\t   });\n\t \t}\n\t\t\n\t\tconst savedPosition = localStorage.getItem('position');\n\n\t  if (savedPosition) {\n\t    globals.state.position = JSON.parse(savedPosition);\n\t  } else {\n  \t\tglobals.state.isOpenLocationPopup = true;\n\t  }\n\n\t\tif (referalCode.value) {\n\t\t  localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page) show.value = true\n\t});\n</script>\n\n<style lang=\"scss\">;\t\n\t.scaleIn-enter-active,\n\t.scaleIn-leave-active {\n\t\ttransform: scale(1);  \n\t\ttransition: all 0.5s ease; \n\t}\n\t.scaleIn-enter-from,\n\t.scaleIn-leave-to {\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease; \n\t}\n\n\t.moveFromTop-enter-active,\n\t.moveFromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTop-enter-from,\n\t.moveFromTop-leave-to {\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n</style>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiHE,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAItB,UAAM,QAAQ,SAAU;AACT,cAAW;AAE1B,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5BA,YAAc,sBAAsB;AAAA,IACrC;AACD,aAAS,YAAW;AACnB,eAAS,eAAe,KAAK,EAAE,eAAc;AAAA,IAC7C;AAED,UAAM,eAAe,IAAI,CAAC;AAC1B,QAAI,aAAa;AACjB,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,cAAc,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO;AAAA,MACV,OAAS;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MAClC;AAAA,IACH,CAAE;AACD,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAElC,UAAI,aAAa,QAAQ,MAAM,CAAC,YAAY;AAC1C,qBAAa;AAEb,eAAO,MAAM,IAAI,UAAU,IAAI,UAAU;AAEzC,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,CAAC,UAAU;AAE1B,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAIvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL,WAAU,aAAa,SAAS,MAAM,YAAY;AACjD,qBAAa;AACb,eAAO,MAAM,IAAI,UAAU,OAAO,UAAU;AAE5C,cAAM,YAAY,OAAO,MAAM,IAAI,sBAAqB;AACxD,cAAM,SAAS,UAAU;AAEzB,eAAO,MAAM,IAAI,MAAM,YAAY,cAAc,MAAM;AAEvD,mBAAW,MAAM;AACf,iBAAO,MAAM,IAAI,MAAM,YAAY;AAAA,QACpC,GAAE,CAAC;AAAA,MACL;AAAA,IACJ;AAUC,cAAU,YAAY;AAErB,UAAI,mBAAmB,WAAW;AAC/B,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,oBAAoB,EAAE,KAAK,kBAAgB;AAC1E,oBAAQ,IAAI,mBAAmB,YAAY;AAAA,UACpD,CAAQ,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAClE,CAAQ;AAAA,QACR,CAAK;AAAA,MACD;AAEF,YAAM,gBAAgB,aAAa,QAAQ,UAAU;AAEpD,UAAI,eAAe;AACjBA,cAAc,WAAW,KAAK,MAAM,aAAa;AAAA,MACtD,OAAU;AACNA,cAAc,sBAAsB;AAAA,MACpC;AAEF,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACtD;AAED,UAAI,KAAM,MAAK,QAAQ;AAAA,IACzB,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-4 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white\"\n\t>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<Button\n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t:showSucces=\"false\"\n\t\t\t\t:showLoader=\"false\"\n\t\t\t\tclass=\"header-shopcart pd-zero mn-l-auto\"\n\t\t\t\t> \n\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"#00ff88\" />\n\t\t\t</Button>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\n\t\t\t<IconProfile \n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\tclass=\"header-profile i-semi\"\n\t\t\t\tfill=\"#00ff88\" \n\t\t\t/>\n\n\t\t\t<svg \n\t\t\t\tv-else \n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"i-semi header-arrow\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title_hide\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t  class=\"\n\t\t\t\t    h-2r\n\t\t\t\t    w-auto\n\t\t\t\t    cursor-pointer\n\t\t\t\t  \"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r h4 d-block\" >\n\t\t\t\t\t{{route.meta.title[locale.toLowerCase()]}}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n';\n\t\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t// * {\n\t//   -ms-overflow-style: none;  /* IE and Edge */\n\t//   scrollbar-width: none;  /* Firefox */\n\t// }\n\n\t// *::-webkit-scrollbar {\n\t//   display: none;  /* Chrome, Safari and Opera*/\n\t// }\n\n\t// #header {\n\t// \ttop: 0;\n\t// \t// height: 6rem;\n\t// \t// padding-top: 4rem;\n\t// \tposition: fixed;\n\t// \twidth: 100%;\n\t// }\n\t.header-arrow {\n\t\tposition: absolute;\n\t\tleft: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-profile {\n\t\tposition: absolute;\n\t\tright: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["useRouter","useRoute","useI18n","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EC,UAAM,QAAQ;AAWd,UAAM,SAASA,UAAAA,UAAW;AAC1B,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAGC,QAAO,QAAA;AAEjD,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAI;AAAA,MACX;AAAA,IACJ;AAED,aAAS,eAAe;AACvB,UAAIC,WAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,KAAU,MAAC,KAAK,IAAK,EAAA,CAAC;AAAA,MACzE;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationBar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-4 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white\"\n\t>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<Button\n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t:showSucces=\"false\"\n\t\t\t\t:showLoader=\"false\"\n\t\t\t\tclass=\"header-shopcart pd-zero mn-l-auto\"\n\t\t\t\t> \n\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"#00ff88\" />\n\t\t\t</Button>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\n\t\t\t<IconProfile \n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\tclass=\"header-profile i-semi\"\n\t\t\t\tfill=\"#00ff88\" \n\t\t\t/>\n\n\t\t\t<svg \n\t\t\t\tv-else \n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"i-semi header-arrow\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title_hide\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t  class=\"\n\t\t\t\t    h-2r\n\t\t\t\t    w-auto\n\t\t\t\t    cursor-pointer\n\t\t\t\t  \"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r h4 d-block\" >\n\t\t\t\t\t{{route.meta.title[locale.toLowerCase()]}}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-arrow {\n\t\tposition: absolute;\n\t\tleft: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-profile {\n\t\tposition: absolute;\n\t\tright: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["useRouter","useRoute","useI18n","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EC,UAAM,QAAQ;AAUd,UAAM,SAASA,UAAAA,UAAW;AAC1B,UAAM,QAAQC,UAAAA,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAGC,QAAO,QAAA;AAEjD,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAI;AAAA,MACX;AAAA,IACJ;AAED,aAAS,eAAe;AACvB,UAAIC,WAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,KAAU,MAAC,KAAK,IAAK,EAAA,CAAC;AAAA,MACzE;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-4 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white\"\n\t>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<Button\n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t:showSucces=\"false\"\n\t\t\t\t:showLoader=\"false\"\n\t\t\t\tclass=\"header-shopcart pd-zero mn-l-auto\"\n\t\t\t\t> \n\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"#00ff88\" />\n\t\t\t</Button>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\n\t\t\t<IconProfile \n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\tclass=\"header-profile i-semi\"\n\t\t\t\tfill=\"#00ff88\" \n\t\t\t/>\n\n\t\t\t<svg \n\t\t\t\tv-else \n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"i-semi header-arrow\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title_hide\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t  class=\"\n\t\t\t\t    h-2r\n\t\t\t\t    w-auto\n\t\t\t\t    cursor-pointer\n\t\t\t\t  \"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r h4 d-block\" >\n\t\t\t\t\t{{route.meta.title[locale.toLowerCase()]}}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n';\n\t\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t// * {\n\t//   -ms-overflow-style: none;  /* IE and Edge */\n\t//   scrollbar-width: none;  /* Firefox */\n\t// }\n\n\t// *::-webkit-scrollbar {\n\t//   display: none;  /* Chrome, Safari and Opera*/\n\t// }\n\n\t// #header {\n\t// \ttop: 0;\n\t// \t// height: 6rem;\n\t// \t// padding-top: 4rem;\n\t// \tposition: fixed;\n\t// \twidth: 100%;\n\t// }\n\t.header-arrow {\n\t\tposition: absolute;\n\t\tleft: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-profile {\n\t\tposition: absolute;\n\t\tright: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EC,UAAM,QAAQ;AAWd,UAAM,SAAS,UAAW;AAC1B,UAAM,QAAQ,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAG,QAAO;AAEjD,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAI;AAAA,MACX;AAAA,IACJ;AAED,aAAS,eAAe;AACvB,UAAIA,MAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,MAAW,KAAK,IAAK,EAAA,CAAC;AAAA,MACzE;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationBar.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-4 br-b br-solid br-black-transp flex-center flex t-center pd-medium bg-white\"\n\t>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<Button\n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t:showSucces=\"false\"\n\t\t\t\t:showLoader=\"false\"\n\t\t\t\tclass=\"header-shopcart pd-zero mn-l-auto\"\n\t\t\t\t> \n\t\t\t\t<IconShopcart class=\"i-semi\" fill=\"#00ff88\" />\n\t\t\t</Button>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\n\t\t\t<IconProfile \n\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\tclass=\"header-profile i-semi\"\n\t\t\t\tfill=\"#00ff88\" \n\t\t\t/>\n\n\t\t\t<svg \n\t\t\t\tv-else \n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"i-semi header-arrow\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title_hide\" class=\"header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t  class=\"\n\t\t\t\t    h-2r\n\t\t\t\t    w-auto\n\t\t\t\t    cursor-pointer\n\t\t\t\t  \"\n\t\t\t\t/>\n\n\t\t\t\t<p v-else class=\"t-semi h-2r h4 d-block\" >\n\t\t\t\t\t{{route.meta.title[locale.toLowerCase()]}}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</transition>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@pf/src/components/Button/Button.vue'\n\n\timport * as globals from '@pf/src/modules/globals/views/store/globals'\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart'\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-arrow {\n\t\tposition: absolute;\n\t\tleft: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-profile {\n\t\tposition: absolute;\n\t\tright: 1.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t\theight: 2rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EC,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAW;AAC1B,UAAM,QAAQ,SAAU;AAExB,UAAM,EAAE,GAAG,oBAAoB,OAAQ,IAAG,QAAO;AAEjD,aAAS,uBAAuB;;AAC5B,WAAI,WAAM,UAAN,mBAAa,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAChC,OAAY;AACN,eAAO,KAAI;AAAA,MACX;AAAA,IACJ;AAED,aAAS,eAAe;AACvB,UAAIA,MAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAChC,OAAS;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,MAAW,KAAK,IAAK,EAAA,CAAC;AAAA,MACzE;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/style.css

@@ -1068,27 +1068,6 @@ to {
   left: 0;
   right: 0;
   opacity: 0.9;
-}
-.pac-container {
-  position: absolute;
-  background-color: white;
-  z-index: 1000;
-  border-radius: 2rem;
-  overflow: hidden;
-}
-
-.my-location-button {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 99;
-}
-.gm-style-cc { display:none;
-}
-
-
-.no-hover-color[data-v-71a26b8f]:hover {
-  color: unset;
 }.header-arrow {
   position: absolute;
   left: 1.25rem;
@@ -1132,6 +1111,27 @@ to {
 .slideY-enter-from span,
 .slideY-leave-to span {
   position: absolute;
+}
+.pac-container {
+  position: absolute;
+  background-color: white;
+  z-index: 1000;
+  border-radius: 2rem;
+  overflow: hidden;
+}
+
+.my-location-button {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 99;
+}
+.gm-style-cc { display:none;
+}
+
+
+.no-hover-color[data-v-71a26b8f]:hover {
+  color: unset;
 }.shop-cart {
   display: block;
   position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.2.201",
+  "version": "0.2.203",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/modules/globals/views/components/layouts/Client.vue

@@ -98,13 +98,13 @@
 
 	import Popup from '@pf/src/components/Popup/Popup.vue'
 	import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'
-	const Loader = defineAsyncComponent(() => import(/* webpackChunkName: "loader" */ '@pf/src/components/Loader/Loader.vue'))
+	import Loader from '@pf/src/components/Loader/Loader.vue'
 
 
+	import NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue'
 	import LocationSelection from '@pf/src/modules/globals/views/components/partials/LocationSelection.vue'
 	import Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'
-	import BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue';
-	import NavigationBar from '@pf/src/modules/globals/views/components/partials/NavigationBar.vue';
+	import BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue'
 
 	import ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue'
 	/////////////////////////////

package/src/modules/globals/views/components/partials/NavigationBar.vue

@@ -63,7 +63,7 @@
 <script setup>
 	import { ref, onMounted, onUnmounted } from 'vue' 
 	import { useRoute, useRouter } from 'vue-router'
-	import { useI18n } from 'vue-i18n';
+	import { useI18n } from 'vue-i18n'
 	
   import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'
 	import IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'
@@ -85,7 +85,6 @@
 	  }
   });
 
-
 	const router = useRouter()
 	const route = useRoute()
 
@@ -109,22 +108,6 @@
 </script>
 
 <style lang="scss">
-	// * {
-	//   -ms-overflow-style: none;  /* IE and Edge */
-	//   scrollbar-width: none;  /* Firefox */
-	// }
-
-	// *::-webkit-scrollbar {
-	//   display: none;  /* Chrome, Safari and Opera*/
-	// }
-
-	// #header {
-	// 	top: 0;
-	// 	// height: 6rem;
-	// 	// padding-top: 4rem;
-	// 	position: fixed;
-	// 	width: 100%;
-	// }
 	.header-arrow {
 		position: absolute;
 		left: 1.25rem;