@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1 +1,158 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("vue-router"),b=require("vue-i18n"),a=require("../../store/globals.cjs"),n=require("../../../../orders/store/shopcart.cjs"),m=require("../../../../auth/views/store/auth.cjs");;/* empty css                 */const h=require("../../../../../components/Button/Button.vue2.cjs"),g=require("../../../../../components/Select/Select.vue2.cjs"),f=require("../../../../../components/Checkbox/Checkbox.vue.cjs"),k=require("../../../../icons/entities/IconShopcart.vue.cjs"),p=require("../../../../icons/entities/IconProfile.vue.cjs");;/* empty css              */const w={class:"i-small",fill:"inherit",xmlns:"http://www.w3.org/2000/svg",width:"50",height:"67",viewBox:"0 0 50 67"},v=e.createElementVNode("path",{d:"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z",fill:"inherit"},null,-1),C=[v],S={__name:"Header",props:{theme:{type:String,default:"light"},logotype:{type:Object}},setup(t){const s=t,o=u.useRouter();u.useRoute(),b.useI18n();function d(){a.state.isOpenLocationPopup=!0}return e.onMounted(()=>{n.actions.setShopcart()}),(i,l)=>{var c;return e.openBlock(),e.createElementBlock("header",{id:"header",class:e.normalizeClass(["pd-thin gap-micro flex-center flex-nowrap flex h-4r w-100 z-index-2",{"t-black bg-white":t.theme==="light","t-white bg-black":t.theme==="dark"}])},[e.createElementVNode("button",{"aria-label":"menu",onClick:l[0]||(l[0]=()=>a.state.isOpenSidebar=!a.state.isOpenSidebar),class:e.normalizeClass(["mobile-only menu-btn",{"menu-btn_active":a.state.isOpenSidebar}])},[e.createElementVNode("span",{class:e.normalizeClass(["no-events",{"bg-black":t.theme==="light","bg-white":t.theme==="dark"}])},[e.createElementVNode("span",{class:e.normalizeClass(["menu-btn__before",{"bg-black":t.theme==="light","bg-white":t.theme==="dark"}])},null,2),e.createElementVNode("span",{class:e.normalizeClass(["menu-btn__after",{"bg-black":t.theme==="light","bg-white":t.theme==="dark"}])},null,2)],2)],2),s.logotype?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.logotype),{key:0,onClick:l[1]||(l[1]=r=>e.unref(o).push({path:"/"})),theme:t.theme,class:"h-2r w-auto cursor-pointer"},null,8,["theme"])):e.createCommentVNode("",!0),e.createElementVNode("button",{"aria-label":"button_location",class:e.normalizeClass(["cursor-pointer bg-transp pd-l-micro pd-r-micro radius-extra uppercase t-semi br-solid br-2px transition-linear",{"fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white":t.theme==="light","fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black":t.theme==="dark"}]),onClick:l[2]||(l[2]=r=>d())},[(e.openBlock(),e.createElementBlock("svg",w,C)),e.createTextVNode(" "+e.toDisplayString((c=a.state.position)!=null&&c.country?a.state.position.country:"World"),1)],2),e.renderSlot(i.$slots,"default"),e.createVNode(f.default,{name:"darkmode",label:"Darkmode",radio:a.state.theme.darkmode,"onUpdate:radio":l[3]||(l[3]=r=>a.actions.toggleTheme()),class:e.normalizeClass(["mn-l-thin mn-r-auto desktop-only t-semi pd-micro br-2px br-solid radius-extra",{"br-light t-black":t.theme==="light","br-dark t-white":t.theme==="dark"}]),theme:t.theme},null,8,["radio","theme","class"]),e.createVNode(h.default,{"aria-label":"shopcart",submit:r=>n.actions.toggleShopcart(),counter:n.getters.cartTotalAmount,showSucces:!1,showLoader:!1,class:"pd-zero mn-l-auto mn-r-micro"},{default:e.withCtx(()=>[e.createVNode(k.default,{class:"i-semi",fill:t.theme==="light"?"rgb(var(--black))":"rgb(var(--white))"},null,8,["fill"])]),_:1},8,["submit","counter"]),e.createVNode(h.default,{"aria-label":"profile",class:"pd-zero bg-transp",submit:m.state.access.status===!1?r=>e.unref(o).push({name:"Sign In"}):r=>e.unref(o).push({name:"User Profile",params:{_id:m.state.user._id}}),showSucces:!1,showLoader:!1},{default:e.withCtx(()=>[e.createVNode(p.default,{class:"i-semi",fill:t.theme==="light"?"rgb(var(--black))":"rgb(var(--white))"},null,8,["fill"])]),_:1},8,["submit"]),e.createVNode(g.default,{select:i.$i18n.locale,"onUpdate:select":l[4]||(l[4]=r=>i.$i18n.locale=r),options:[{name:"🌎 En",value:"en"},{name:"🇷🇺 Ru",value:"ru"}],property:"value",class:e.normalizeClass(["pos-relative uppercase pd-micro t-semi radius-thin",{"bg-light t-black":t.theme==="light","bg-dark t-white":t.theme==="dark"}])},null,8,["select","class"])],2)}}};exports.default=S;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const globals = require("../../store/globals.cjs");
+const shopcart = require("../../../../orders/store/shopcart.cjs");
+const auth = require("../../../../auth/views/store/auth.cjs");
+;/* empty css                 */
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Select = require("../../../../../components/Select/Select.vue2.cjs");
+const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
+const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
+const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
+;/* empty css              */
+const _hoisted_1 = {
+  class: "i-small",
+  fill: "inherit",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "50",
+  height: "67",
+  viewBox: "0 0 50 67"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z",
+  fill: "inherit"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = {
+  __name: "Header",
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    logotype: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const router = vueRouter.useRouter();
+    vueRouter.useRoute();
+    vueI18n.useI18n();
+    function openLocationPopup() {
+      globals.state.isOpenLocationPopup = true;
+    }
+    vue.onMounted(() => {
+      shopcart.actions.setShopcart();
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("header", {
+        id: "header",
+        class: vue.normalizeClass(["pd-thin gap-micro flex-center flex-nowrap flex h-4r w-100 z-index-2", {
+          "t-black bg-white": __props.theme === "light",
+          "t-white bg-black": __props.theme === "dark"
+        }])
+      }, [
+        vue.createElementVNode("button", {
+          "aria-label": "menu",
+          onClick: _cache[0] || (_cache[0] = () => globals.state.isOpenSidebar = !globals.state.isOpenSidebar),
+          class: vue.normalizeClass(["mobile-only menu-btn", {
+            "menu-btn_active": globals.state.isOpenSidebar
+          }])
+        }, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(["no-events", {
+              "bg-black": __props.theme === "light",
+              "bg-white": __props.theme === "dark"
+            }])
+          }, [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(["menu-btn__before", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
+            }, null, 2),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(["menu-btn__after", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
+            }, null, 2)
+          ], 2)
+        ], 2),
+        props.logotype ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.logotype), {
+          key: 0,
+          onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(router).push({ path: "/" })),
+          theme: __props.theme,
+          class: "h-2r w-auto cursor-pointer"
+        }, null, 8, ["theme"])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("button", {
+          "aria-label": "button_location",
+          class: vue.normalizeClass(["cursor-pointer bg-transp pd-l-micro pd-r-micro radius-extra uppercase t-semi br-solid br-2px transition-linear", {
+            "fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white": __props.theme === "light",
+            "fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black": __props.theme === "dark"
+          }]),
+          onClick: _cache[2] || (_cache[2] = ($event) => openLocationPopup())
+        }, [
+          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_3)),
+          vue.createTextVNode(" " + vue.toDisplayString(((_a = globals.state.position) == null ? void 0 : _a.country) ? globals.state.position.country : "World"), 1)
+        ], 2),
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createVNode(Checkbox.default, {
+          name: "darkmode",
+          label: "Darkmode",
+          radio: globals.state.theme.darkmode,
+          "onUpdate:radio": _cache[3] || (_cache[3] = (event) => globals.actions.toggleTheme()),
+          class: vue.normalizeClass(["mn-l-thin mn-r-auto desktop-only t-semi pd-micro br-2px br-solid radius-extra", {
+            "br-light t-black": __props.theme === "light",
+            "br-dark t-white": __props.theme === "dark"
+          }]),
+          theme: __props.theme
+        }, null, 8, ["radio", "theme", "class"]),
+        vue.createVNode(Button.default, {
+          "aria-label": "shopcart",
+          submit: (a) => shopcart.actions.toggleShopcart(),
+          counter: shopcart.getters.cartTotalAmount,
+          showSucces: false,
+          showLoader: false,
+          class: "pd-zero mn-l-auto mn-r-micro"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(IconShopcart.default, {
+              class: "i-semi",
+              fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+            }, null, 8, ["fill"])
+          ]),
+          _: 1
+        }, 8, ["submit", "counter"]),
+        vue.createVNode(Button.default, {
+          "aria-label": "profile",
+          class: "pd-zero bg-transp",
+          submit: auth.state.access.status === false ? (a) => vue.unref(router).push({ name: "Sign In" }) : (a) => vue.unref(router).push({ name: "User Profile", params: { _id: auth.state.user._id } }),
+          showSucces: false,
+          showLoader: false
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(IconProfile.default, {
+              class: "i-semi",
+              fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+            }, null, 8, ["fill"])
+          ]),
+          _: 1
+        }, 8, ["submit"]),
+        vue.createVNode(Select.default, {
+          select: _ctx.$i18n.locale,
+          "onUpdate:select": _cache[4] || (_cache[4] = ($event) => _ctx.$i18n.locale = $event),
+          options: [{ name: "🌎 En", value: "en" }, { name: "🇷🇺 Ru", value: "ru" }],
+          property: "value",
+          class: vue.normalizeClass(["pos-relative uppercase pd-micro t-semi radius-thin", {
+            "bg-light t-black": __props.theme === "light",
+            "bg-dark t-white": __props.theme === "dark"
+          }])
+        }, null, 8, ["select", "class"])
+      ], 2);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Header.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\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\t\n\t// Globasls Component\n\timport Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\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\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-center\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\"\n\t\t:class=\"{\n  \t\t't-black bg-white': theme === 'light',\n  \t\t't-white bg-black': theme === 'dark'  \n  \t}\"\n\t>\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"mobile-only menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"props.logotype\"\n\t\t  :is=\"props.logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"\n\t\t    h-2r\n\t\t    w-auto\n\t\t    cursor-pointer\n\t\t  \"\n\t\t/>\n\n\t\t<button\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n\n\t\t<!-- NAGIVATION -->\n\t\t<slot></slot>\n\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin mn-r-auto desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-l-auto mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n\t</header>\n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["useRouter","useRoute","useI18n","globals.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBC,UAAM,QAAQ;AAUd,UAAM,SAASA,UAAAA,UAAW;AACZC,uBAAU;AAEVC,oBAAS;AAGvB,aAAS,oBAAoB;AAC3BC,cAAa,MAAC,sBAAsB;AAAA,IACrC;AAIDC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAa;AAAA,IAClC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,29 +1,32 @@
-import { onMounted as w, openBlock as m, createElementBlock as b, normalizeClass as l, createElementVNode as o, createBlock as v, resolveDynamicComponent as C, unref as h, createCommentVNode as y, createTextVNode as S, toDisplayString as x, renderSlot as $, createVNode as r, withCtx as d } from "vue";
-import { useRouter as O, useRoute as z } from "vue-router";
-import { useI18n as B } from "vue-i18n";
-import { state as i, actions as L } from "../../store/globals.js";
-import { actions as g, getters as N } from "../../../../orders/store/shopcart.js";
-import { state as f } from "../../../../auth/views/store/auth.js";
+import { onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, unref, createCommentVNode, createTextVNode, toDisplayString, renderSlot, createVNode, withCtx } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { state, actions as actions$1 } from "../../store/globals.js";
+import { actions, getters } from "../../../../orders/store/shopcart.js";
+import { state as state$1 } from "../../../../auth/views/store/auth.js";
 /* empty css               */
-import p from "../../../../../components/Button/Button.vue2.js";
-import V from "../../../../../components/Select/Select.vue2.js";
-import D from "../../../../../components/Checkbox/Checkbox.vue.js";
-import E from "../../../../icons/entities/IconShopcart.vue.js";
-import M from "../../../../icons/entities/IconProfile.vue.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
+import Select from "../../../../../components/Select/Select.vue2.js";
+import _sfc_main$1 from "../../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$3 from "../../../../icons/entities/IconShopcart.vue.js";
+import _sfc_main$4 from "../../../../icons/entities/IconProfile.vue.js";
 /* empty css            */
-const P = {
+const _hoisted_1 = {
   class: "i-small",
   fill: "inherit",
   xmlns: "http://www.w3.org/2000/svg",
   width: "50",
   height: "67",
   viewBox: "0 0 50 67"
-}, R = /* @__PURE__ */ o("path", {
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
   d: "M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z",
   fill: "inherit"
-}, null, -1), T = [
-  R
-], X = {
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = {
   __name: "Header",
   props: {
     theme: {
@@ -34,112 +37,115 @@ const P = {
       type: Object
     }
   },
-  setup(e) {
-    const c = e, n = O();
-    z(), B();
-    function k() {
-      i.isOpenLocationPopup = !0;
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    useRoute();
+    useI18n();
+    function openLocationPopup() {
+      state.isOpenLocationPopup = true;
     }
-    return w(() => {
-      g.setShopcart();
-    }), (s, t) => {
-      var u;
-      return m(), b("header", {
+    onMounted(() => {
+      actions.setShopcart();
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("header", {
         id: "header",
-        class: l(["pd-thin gap-micro flex-center flex-nowrap flex h-4r w-100 z-index-2", {
-          "t-black bg-white": e.theme === "light",
-          "t-white bg-black": e.theme === "dark"
+        class: normalizeClass(["pd-thin gap-micro flex-center flex-nowrap flex h-4r w-100 z-index-2", {
+          "t-black bg-white": __props.theme === "light",
+          "t-white bg-black": __props.theme === "dark"
         }])
       }, [
-        o("button", {
+        createElementVNode("button", {
           "aria-label": "menu",
-          onClick: t[0] || (t[0] = () => i.isOpenSidebar = !i.isOpenSidebar),
-          class: l(["mobile-only menu-btn", {
-            "menu-btn_active": i.isOpenSidebar
+          onClick: _cache[0] || (_cache[0] = () => state.isOpenSidebar = !state.isOpenSidebar),
+          class: normalizeClass(["mobile-only menu-btn", {
+            "menu-btn_active": state.isOpenSidebar
           }])
         }, [
-          o("span", {
-            class: l(["no-events", {
-              "bg-black": e.theme === "light",
-              "bg-white": e.theme === "dark"
+          createElementVNode("span", {
+            class: normalizeClass(["no-events", {
+              "bg-black": __props.theme === "light",
+              "bg-white": __props.theme === "dark"
             }])
           }, [
-            o("span", {
-              class: l(["menu-btn__before", { "bg-black": e.theme === "light", "bg-white": e.theme === "dark" }])
+            createElementVNode("span", {
+              class: normalizeClass(["menu-btn__before", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
             }, null, 2),
-            o("span", {
-              class: l(["menu-btn__after", { "bg-black": e.theme === "light", "bg-white": e.theme === "dark" }])
+            createElementVNode("span", {
+              class: normalizeClass(["menu-btn__after", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
             }, null, 2)
           ], 2)
         ], 2),
-        c.logotype ? (m(), v(C(c.logotype), {
+        props.logotype ? (openBlock(), createBlock(resolveDynamicComponent(props.logotype), {
           key: 0,
-          onClick: t[1] || (t[1] = (a) => h(n).push({ path: "/" })),
-          theme: e.theme,
+          onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({ path: "/" })),
+          theme: __props.theme,
           class: "h-2r w-auto cursor-pointer"
-        }, null, 8, ["theme"])) : y("", !0),
-        o("button", {
+        }, null, 8, ["theme"])) : createCommentVNode("", true),
+        createElementVNode("button", {
           "aria-label": "button_location",
-          class: l(["cursor-pointer bg-transp pd-l-micro pd-r-micro radius-extra uppercase t-semi br-solid br-2px transition-linear", {
-            "fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white": e.theme === "light",
-            "fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black": e.theme === "dark"
+          class: normalizeClass(["cursor-pointer bg-transp pd-l-micro pd-r-micro radius-extra uppercase t-semi br-solid br-2px transition-linear", {
+            "fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white": __props.theme === "light",
+            "fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black": __props.theme === "dark"
           }]),
-          onClick: t[2] || (t[2] = (a) => k())
+          onClick: _cache[2] || (_cache[2] = ($event) => openLocationPopup())
         }, [
-          (m(), b("svg", P, T)),
-          S(" " + x((u = i.position) != null && u.country ? i.position.country : "World"), 1)
+          (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3)),
+          createTextVNode(" " + toDisplayString(((_a = state.position) == null ? void 0 : _a.country) ? state.position.country : "World"), 1)
         ], 2),
-        $(s.$slots, "default"),
-        r(D, {
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(_sfc_main$1, {
           name: "darkmode",
           label: "Darkmode",
-          radio: i.theme.darkmode,
-          "onUpdate:radio": t[3] || (t[3] = (a) => L.toggleTheme()),
-          class: l(["mn-l-thin mn-r-auto desktop-only t-semi pd-micro br-2px br-solid radius-extra", {
-            "br-light t-black": e.theme === "light",
-            "br-dark t-white": e.theme === "dark"
+          radio: state.theme.darkmode,
+          "onUpdate:radio": _cache[3] || (_cache[3] = (event) => actions$1.toggleTheme()),
+          class: normalizeClass(["mn-l-thin mn-r-auto desktop-only t-semi pd-micro br-2px br-solid radius-extra", {
+            "br-light t-black": __props.theme === "light",
+            "br-dark t-white": __props.theme === "dark"
           }]),
-          theme: e.theme
+          theme: __props.theme
         }, null, 8, ["radio", "theme", "class"]),
-        r(p, {
+        createVNode(_sfc_main$2, {
           "aria-label": "shopcart",
-          submit: (a) => g.toggleShopcart(),
-          counter: N.cartTotalAmount,
-          showSucces: !1,
-          showLoader: !1,
+          submit: (a) => actions.toggleShopcart(),
+          counter: getters.cartTotalAmount,
+          showSucces: false,
+          showLoader: false,
           class: "pd-zero mn-l-auto mn-r-micro"
         }, {
-          default: d(() => [
-            r(E, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$3, {
               class: "i-semi",
-              fill: e.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+              fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
             }, null, 8, ["fill"])
           ]),
           _: 1
         }, 8, ["submit", "counter"]),
-        r(p, {
+        createVNode(_sfc_main$2, {
           "aria-label": "profile",
           class: "pd-zero bg-transp",
-          submit: f.access.status === !1 ? (a) => h(n).push({ name: "Sign In" }) : (a) => h(n).push({ name: "User Profile", params: { _id: f.user._id } }),
-          showSucces: !1,
-          showLoader: !1
+          submit: state$1.access.status === false ? (a) => unref(router).push({ name: "Sign In" }) : (a) => unref(router).push({ name: "User Profile", params: { _id: state$1.user._id } }),
+          showSucces: false,
+          showLoader: false
         }, {
-          default: d(() => [
-            r(M, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$4, {
               class: "i-semi",
-              fill: e.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+              fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
             }, null, 8, ["fill"])
           ]),
           _: 1
         }, 8, ["submit"]),
-        r(V, {
-          select: s.$i18n.locale,
-          "onUpdate:select": t[4] || (t[4] = (a) => s.$i18n.locale = a),
+        createVNode(Select, {
+          select: _ctx.$i18n.locale,
+          "onUpdate:select": _cache[4] || (_cache[4] = ($event) => _ctx.$i18n.locale = $event),
           options: [{ name: "🌎 En", value: "en" }, { name: "🇷🇺 Ru", value: "ru" }],
           property: "value",
-          class: l(["pos-relative uppercase pd-micro t-semi radius-thin", {
-            "bg-light t-black": e.theme === "light",
-            "bg-dark t-white": e.theme === "dark"
+          class: normalizeClass(["pos-relative uppercase pd-micro t-semi radius-thin", {
+            "bg-light t-black": __props.theme === "light",
+            "bg-dark t-white": __props.theme === "dark"
           }])
         }, null, 8, ["select", "class"])
       ], 2);
@@ -147,5 +153,6 @@ const P = {
   }
 };
 export {
-  X as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Header.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Header.vue"],"sourcesContent":["<script setup=\"props\">\n\timport { computed, onMounted, toRefs, ref, inject } from 'vue'\n\n\timport { useRouter,useRoute } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\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\t\n\t// Globasls Component\n\timport Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'\n\t// Prometheus Component\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Select from '@pf/src/components/Select/Select.vue'\n\timport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'\n\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\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  globals.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-center\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\"\n\t\t:class=\"{\n  \t\t't-black bg-white': theme === 'light',\n  \t\t't-white bg-black': theme === 'dark'  \n  \t}\"\n\t>\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => globals.state.isOpenSidebar = !globals.state.isOpenSidebar\" \n\t\t\tclass=\"mobile-only menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': globals.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"props.logotype\"\n\t\t  :is=\"props.logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"\n\t\t    h-2r\n\t\t    w-auto\n\t\t    cursor-pointer\n\t\t  \"\n\t\t/>\n\n\t\t<button\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{globals.state.position?.country ? globals.state.position.country : 'World'}}\n    </button>\n\n\t\t<!-- NAGIVATION -->\n\t\t<slot></slot>\n\n\t\t<Checkbox \n      name=\"darkmode\"\n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-l-thin mn-r-auto desktop-only t-semi pd-micro br-2px br-solid radius-extra\"\n      :theme=\"theme\"\n      :class=\"{\n    \t\t'br-light t-black': theme === 'light',\n    \t\t'br-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-l-auto mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\t\t\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-semi\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\n\t\t<Select \n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"[{name: '🌎&nbsp;En', value: 'en'}, {name: '🇷🇺&nbsp;Ru', value: 'ru'}]\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative uppercase pd-micro t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n\t</header>\n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["globals.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBC,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAW;AACZ,aAAU;AAEV,YAAS;AAGvB,aAAS,oBAAoB;AAC3BA,YAAc,sBAAsB;AAAA,IACrC;AAID,cAAU,MAAM;AACbC,cAAiB,YAAa;AAAA,IAClC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,107 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),d=require("../../../../../components/Address/Address.vue2.cjs"),p=require("../../../../../components/LocationMarker/LocationMarker.vue2.cjs"),i=require("vue-router"),c=require("vue-i18n"),l=require("../../store/globals.cjs"),m={class:"t-center flex-center"},v=s.createElementVNode("p",{class:"h1 mn-b-medium"},"🌍",-1),y={class:"mn-b-semi"},b={class:"mn-b-small t-transp p-medium"},f={__name:"LocationSelection",setup(g){i.useRoute(),i.useRouter();const o=s.ref({country:null,state:null,city:null,address:null,location:null});function r(){l.state.position={...o.value},l.state.isOpenLocationPopup=!1,localStorage.setItem("position",JSON.stringify(l.state.position))}s.onMounted(()=>{o.value={...l.state.position}});const u={messages:{en:{title:"Choose Your Location",description:"Enter your address or select it on the map to see the nearest offers to you."},ru:{title:"Выбор Локации",description:"Пожалуйста, выберите вашу страну из списка ниже, чтобы увидеть варианты доставки и другую актуальную информацию:"}}},{t:a}=c.useI18n(u);return(n,e)=>(s.openBlock(),s.createElementBlock("div",m,[v,s.createElementVNode("h3",y,s.toDisplayString(s.unref(a)("title")),1),s.createElementVNode("p",b,s.toDisplayString(s.unref(a)("description")),1),(s.openBlock(),s.createBlock(d.default,{key:n.$i18n.locale,apiKey:n.GOOGLE_MAPS_API_KEY,locale:n.$i18n.locale,address:o.value.address,location:o.value.location,placeholder:"Enter your address",class:"bg-white radius-tl-medium radius-tr-medium t-black br-grey-transp-25 br-solid br-2px pd-medium","onUpdate:country":e[0]||(e[0]=t=>{o.value.country=t}),"onUpdate:state":e[1]||(e[1]=t=>{o.value.state=t}),"onUpdate:city":e[2]||(e[2]=t=>{o.value.city=t}),"onUpdate:location":e[3]||(e[3]=t=>{o.value.location=t}),"onUpdate:address":e[4]||(e[4]=t=>{o.value.address=t})},null,8,["apiKey","locale","address","location"])),(s.openBlock(),s.createBlock(p.default,{key:n.$i18n.locale,apiKey:n.GOOGLE_MAPS_API_KEY,locale:n.$i18n.locale,address:o.value.address,location:o.value.location,class:"bg-light radius-bl-medium radius-br-medium h-15r o-hidden","onUpdate:country":e[5]||(e[5]=t=>{o.value.country=t}),"onUpdate:state":e[6]||(e[6]=t=>{o.value.state=t}),"onUpdate:city":e[7]||(e[7]=t=>{o.value.city=t}),"onUpdate:location":e[8]||(e[8]=t=>{o.value.location=t}),"onUpdate:address":e[9]||(e[9]=t=>{o.value.address=t})},null,8,["apiKey","locale","address","location"])),s.createElementVNode("button",{onClick:e[10]||(e[10]=t=>r()),class:"w-100 mn-t-medium bg-main radius-extra button"},"Save Position")]))}};exports.default=f;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Address = require("../../../../../components/Address/Address.vue2.cjs");
+const LocationMarker = require("../../../../../components/LocationMarker/LocationMarker.vue2.cjs");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const globals = require("../../store/globals.cjs");
+const _hoisted_1 = { class: "t-center flex-center" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("p", { class: "h1 mn-b-medium" }, "🌍", -1);
+const _hoisted_3 = { class: "mn-b-semi" };
+const _hoisted_4 = { class: "mn-b-small t-transp p-medium" };
+const _sfc_main = {
+  __name: "LocationSelection",
+  setup(__props) {
+    vueRouter.useRoute();
+    vueRouter.useRouter();
+    const position = vue.ref({
+      country: null,
+      state: null,
+      city: null,
+      address: null,
+      location: null
+    });
+    function savePosition() {
+      globals.state.position = { ...position.value };
+      globals.state.isOpenLocationPopup = false;
+      localStorage.setItem("position", JSON.stringify(globals.state.position));
+    }
+    vue.onMounted(() => {
+      position.value = { ...globals.state.position };
+    });
+    const text = {
+      messages: {
+        en: {
+          title: "Choose Your Location",
+          description: "Enter your address or select it on the map to see the nearest offers to you."
+        },
+        ru: {
+          title: "Выбор Локации",
+          description: "Пожалуйста, выберите вашу страну из списка ниже, чтобы увидеть варианты доставки и другую актуальную информацию:"
+        }
+      }
+    };
+    const { t } = vueI18n.useI18n(text);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _hoisted_2,
+        vue.createElementVNode("h3", _hoisted_3, vue.toDisplayString(vue.unref(t)("title")), 1),
+        vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("description")), 1),
+        (vue.openBlock(), vue.createBlock(Address.default, {
+          key: _ctx.$i18n.locale,
+          apiKey: _ctx.GOOGLE_MAPS_API_KEY,
+          locale: _ctx.$i18n.locale,
+          address: position.value.address,
+          location: position.value.location,
+          placeholder: "Enter your address",
+          class: "bg-white radius-tl-medium radius-tr-medium t-black br-grey-transp-25 br-solid br-2px pd-medium",
+          "onUpdate:country": _cache[0] || (_cache[0] = (newCountry) => {
+            position.value.country = newCountry;
+          }),
+          "onUpdate:state": _cache[1] || (_cache[1] = (newState) => {
+            position.value.state = newState;
+          }),
+          "onUpdate:city": _cache[2] || (_cache[2] = (newCity) => {
+            position.value.city = newCity;
+          }),
+          "onUpdate:location": _cache[3] || (_cache[3] = (newLocation) => {
+            position.value.location = newLocation;
+          }),
+          "onUpdate:address": _cache[4] || (_cache[4] = (newAddress) => {
+            position.value.address = newAddress;
+          })
+        }, null, 8, ["apiKey", "locale", "address", "location"])),
+        (vue.openBlock(), vue.createBlock(LocationMarker.default, {
+          key: _ctx.$i18n.locale,
+          apiKey: _ctx.GOOGLE_MAPS_API_KEY,
+          locale: _ctx.$i18n.locale,
+          address: position.value.address,
+          location: position.value.location,
+          class: "bg-light radius-bl-medium radius-br-medium h-15r o-hidden",
+          "onUpdate:country": _cache[5] || (_cache[5] = (newCountry) => {
+            position.value.country = newCountry;
+          }),
+          "onUpdate:state": _cache[6] || (_cache[6] = (newState) => {
+            position.value.state = newState;
+          }),
+          "onUpdate:city": _cache[7] || (_cache[7] = (newCity) => {
+            position.value.city = newCity;
+          }),
+          "onUpdate:location": _cache[8] || (_cache[8] = (newLocation) => {
+            position.value.location = newLocation;
+          }),
+          "onUpdate:address": _cache[9] || (_cache[9] = (newAddress) => {
+            position.value.address = newAddress;
+          })
+        }, null, 8, ["apiKey", "locale", "address", "location"])),
+        vue.createElementVNode("button", {
+          onClick: _cache[10] || (_cache[10] = ($event) => savePosition()),
+          class: "w-100 mn-t-medium bg-main radius-extra button"
+        }, "Save Position")
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=LocationSelection.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocationSelection.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/LocationSelection.vue"],"sourcesContent":["<template>\n\t<div class=\"t-center flex-center\">\n\t\t<p class=\"h1 mn-b-medium\">🌍</p>\n\t\t\n\t\t<h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n\t\t<p class=\"mn-b-small t-transp p-medium\">{{t('description')}}</p> \n\t\t\n\t\t<Address\n\t\t\t:key=\"$i18n.locale\"\n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n\n      :locale=\"$i18n.locale\"\n      \n      :address=\"position.address\" \n      :location=\"position.location\"  \n      \n      placeholder=\"Enter your address\"  \n\n      class=\"\n        bg-white radius-tl-medium radius-tr-medium  t-black br-grey-transp-25 br-solid br-2px pd-medium\n      \"\n\n      @update:country=\"newCountry => {\n        position.country = newCountry;\n      }\"\n\t\t  @update:state=\"newState => {\n        position.state = newState;\n      }\"\n\t\t  @update:city=\"newCity => {\n        position.city = newCity;\n      }\"\n      @update:location=\"newLocation => {\n        position.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        position.address = newAddress;\n      }\"\n    />\n\n    <LocationMarker \n    \t:key=\"$i18n.locale\"\n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :locale=\"$i18n.locale\"\n\n\n      :address=\"position.address\" \n      :location=\"position.location\" \n\n      class=\"bg-light radius-bl-medium radius-br-medium h-15r o-hidden\"\n\n      @update:country=\"newCountry => {\n        position.country = newCountry;\n      }\"\n\t\t  @update:state=\"newState => {\n        position.state = newState;\n      }\"\n\t\t  @update:city=\"newCity => {\n        position.city = newCity;\n      }\"\n      @update:location=\"newLocation => {\n        position.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        position.address = newAddress;\n      }\"\n    />\n\t\t\n\t\t<button @click=\"savePosition()\" class=\"w-100 mn-t-medium bg-main radius-extra button\">Save Position</button>\n\t</div>\n</template>\n\n<script setup>\nimport { computed, onMounted, ref } from 'vue'\n// Import components\nimport Address from \"@pf/src/components/Address/Address.vue\";\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport * as globals from '@pf/src/modules/globals/views/store/globals'\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n\nconst position = ref({\n\tcountry: null,\n  state: null,\n  city: null,\n  address: null,\n  location: null,\n})\n\nfunction savePosition() {\n\tglobals.state.position = { ...position.value };\n\tglobals.state.isOpenLocationPopup = false\n\n\tlocalStorage.setItem('position', JSON.stringify(globals.state.position));\n}\n\nonMounted(() => {\n\tposition.value = { ...globals.state.position }\n})\n\n// Localization\nconst text = {\n  messages: {\n    en: {\n\t    title: \"Choose Your Location\",\n\t    description: \"Enter your address or select it on the map to see the nearest offers to you.\",\n    },\n    ru: {\n\t\t  title: \"Выбор Локации\",\n\t    description: \"Пожалуйста, выберите вашу страну из списка ниже, чтобы увидеть варианты доставки и другую актуальную информацию:\"\n\t  }\n\t}\n}\nconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","ref","globals.state","onMounted","useI18n"],"mappings":";;;;;;;;;;;;;;;AAmFcA,cAAAA,SAAU;AACTC,cAAAA,UAAW;AAE1B,UAAM,WAAWC,IAAAA,IAAI;AAAA,MACpB,SAAS;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,aAAS,eAAe;AACvBC,cAAAA,MAAc,WAAW,EAAE,GAAG,SAAS,MAAK;AAC5CA,cAAa,MAAC,sBAAsB;AAEpC,mBAAa,QAAQ,YAAY,KAAK,UAAUA,QAAa,MAAC,QAAQ,CAAC;AAAA,IACxE;AAEAC,QAAAA,UAAU,MAAM;AACf,eAAS,QAAQ,EAAE,GAAGD,QAAAA,MAAc,SAAU;AAAA,IAC/C,CAAC;AAGD,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACH,OAAO;AAAA,UACP,aAAa;AAAA,QACb;AAAA,QACD,IAAI;AAAA,UACJ,OAAO;AAAA,UACN,aAAa;AAAA,QACd;AAAA,MACF;AAAA,IACF;AACA,UAAM,EAAE,EAAC,IAAKE,QAAO,QAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}