@ozdao/prometheus-framework 0.2.202 → 0.2.204

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\t  location: {\n\t    type: Boolean,\n\t\t  default: true\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\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\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=\"logotype.component\"\n\t\t  :is=\"logotype.component\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  :class=\"logotype.class\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\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  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<slot></slot>\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 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  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\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-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  </div>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,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,17 +1,18 @@
-import { onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, unref, createCommentVNode, createTextVNode, toDisplayString, renderSlot, createVNode, withCtx } from "vue";
+import { onMounted, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, 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 _sfc_main$2 from "../../../../../components/Button/Button.vue2.js";
-import Select from "../../../../../components/Select/Select.vue.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.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 _hoisted_1 = {
+const _hoisted_1 = { class: "flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r" };
+const _hoisted_2 = {
   class: "i-small",
   fill: "inherit",
   xmlns: "http://www.w3.org/2000/svg",
@@ -19,13 +20,15 @@ const _hoisted_1 = {
   height: "67",
   viewBox: "0 0 50 67"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_3 = /* @__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);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_4 = [
+  _hoisted_3
 ];
+const _hoisted_5 = { class: "flex-nowrap flex" };
+const _hoisted_6 = { class: "flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r" };
 const _sfc_main = {
   __name: "Header",
   props: {
@@ -35,10 +38,13 @@ const _sfc_main = {
     },
     logotype: {
       type: Object
+    },
+    location: {
+      type: Boolean,
+      default: true
     }
   },
   setup(__props) {
-    const props = __props;
     const router = useRouter();
     useRoute();
     useI18n();
@@ -50,105 +56,106 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("header", {
-        id: "header",
-        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"
-        }])
-      }, [
-        createElementVNode("button", {
-          "aria-label": "menu",
-          onClick: _cache[0] || (_cache[0] = () => state.isOpenSidebar = !state.isOpenSidebar),
-          class: normalizeClass(["mobile-only menu-btn", {
-            "menu-btn_active": state.isOpenSidebar
-          }])
-        }, [
-          createElementVNode("span", {
-            class: normalizeClass(["no-events", {
-              "bg-black": __props.theme === "light",
-              "bg-white": __props.theme === "dark"
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("button", {
+            "aria-label": "menu",
+            onClick: _cache[0] || (_cache[0] = () => state.isOpenSidebar = !state.isOpenSidebar),
+            class: normalizeClass(["mobile-only menu-btn", {
+              "menu-btn_active": state.isOpenSidebar
             }])
           }, [
             createElementVNode("span", {
-              class: normalizeClass(["menu-btn__before", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
-            }, null, 2),
-            createElementVNode("span", {
-              class: normalizeClass(["menu-btn__after", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
-            }, null, 2)
-          ], 2)
-        ], 2),
-        props.logotype ? (openBlock(), createBlock(resolveDynamicComponent(props.logotype), {
-          key: 0,
-          onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({ path: "/" })),
-          theme: __props.theme,
-          class: "h-2r w-auto cursor-pointer"
-        }, null, 8, ["theme"])) : createCommentVNode("", true),
-        createElementVNode("button", {
-          "aria-label": "button_location",
-          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: _cache[2] || (_cache[2] = ($event) => openLocationPopup())
-        }, [
-          (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3)),
-          createTextVNode(" " + toDisplayString(((_a = state.position) == null ? void 0 : _a.country) ? state.position.country : "World"), 1)
-        ], 2),
-        renderSlot(_ctx.$slots, "default"),
-        createVNode(_sfc_main$1, {
-          name: "darkmode",
-          label: "Darkmode",
-          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: __props.theme
-        }, null, 8, ["radio", "theme", "class"]),
-        createVNode(_sfc_main$2, {
-          "aria-label": "shopcart",
-          submit: (a) => actions.toggleShopcart(),
-          counter: getters.cartTotalAmount,
-          showSucces: false,
-          showLoader: false,
-          class: "pd-zero mn-l-auto mn-r-micro"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$3, {
-              class: "i-semi",
-              fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
-            }, null, 8, ["fill"])
-          ]),
-          _: 1
-        }, 8, ["submit", "counter"]),
-        createVNode(_sfc_main$2, {
-          "aria-label": "profile",
-          class: "pd-zero bg-transp",
-          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: withCtx(() => [
-            createVNode(_sfc_main$4, {
-              class: "i-semi",
-              fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
-            }, null, 8, ["fill"])
-          ]),
-          _: 1
-        }, 8, ["submit"]),
-        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: 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);
+              class: normalizeClass(["no-events", {
+                "bg-black": __props.theme === "light",
+                "bg-white": __props.theme === "dark"
+              }])
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass(["menu-btn__before", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
+              }, null, 2),
+              createElementVNode("span", {
+                class: normalizeClass(["menu-btn__after", { "bg-black": __props.theme === "light", "bg-white": __props.theme === "dark" }])
+              }, null, 2)
+            ], 2)
+          ], 2),
+          __props.logotype.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.logotype.component), {
+            key: 0,
+            onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({ path: "/" })),
+            theme: __props.theme,
+            class: normalizeClass(__props.logotype.class)
+          }, null, 8, ["theme", "class"])) : createCommentVNode("", true),
+          __props.location ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            "aria-label": "button_location",
+            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: _cache[2] || (_cache[2] = ($event) => openLocationPopup())
+          }, [
+            (openBlock(), createElementBlock("svg", _hoisted_2, _hoisted_4)),
+            createTextVNode(" " + toDisplayString(((_a = state.position) == null ? void 0 : _a.country) ? state.position.country : "World"), 1)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(_sfc_main$1, {
+            name: "darkmode",
+            label: "Darkmode",
+            radio: state.theme.darkmode,
+            "onUpdate:radio": _cache[3] || (_cache[3] = (event) => actions$1.toggleTheme()),
+            class: normalizeClass(["mn-l-thin 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"])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createVNode(_sfc_main$2, {
+            "aria-label": "shopcart",
+            submit: (a) => actions.toggleShopcart(),
+            counter: getters.cartTotalAmount,
+            showSucces: false,
+            showLoader: false,
+            class: "pd-zero mn-r-micro"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                class: "i-semi",
+                fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+              }, null, 8, ["fill"])
+            ]),
+            _: 1
+          }, 8, ["submit", "counter"]),
+          createVNode(_sfc_main$2, {
+            "aria-label": "profile",
+            class: "pd-zero bg-transp",
+            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: withCtx(() => [
+              createVNode(_sfc_main$4, {
+                class: "i-semi",
+                fill: __props.theme === "light" ? "rgb(var(--black))" : "rgb(var(--white))"
+              }, null, 8, ["fill"])
+            ]),
+            _: 1
+          }, 8, ["submit"]),
+          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: 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"])
+        ])
+      ], 64);
     };
   }
 };

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\t  location: {\n\t    type: Boolean,\n\t\t  default: true\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\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro w-min-20 w-max-20r\">\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=\"logotype.component\"\n\t\t  :is=\"logotype.component\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  :class=\"logotype.class\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\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  </div>\n\n  <div class=\"flex-nowrap flex\">\t\n\t\t<!-- NAGIVATION -->\n\t\t<slot></slot>\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 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  </div>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro w-min-20 w-max-20r\">\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-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  </div>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,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,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Address = require("../../../../../components/Address/Address.vue.cjs");
-const LocationMarker = require("../../../../../components/LocationMarker/LocationMarker.vue.cjs");
+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");

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

@@ -1,6 +1,6 @@
 import { ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createBlock } from "vue";
-import _sfc_main$1 from "../../../../../components/Address/Address.vue.js";
-import _sfc_main$2 from "../../../../../components/LocationMarker/LocationMarker.vue.js";
+import _sfc_main$1 from "../../../../../components/Address/Address.vue2.js";
+import _sfc_main$2 from "../../../../../components/LocationMarker/LocationMarker.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { state } from "../../store/globals.js";

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

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const IconShopcart = require("../../../../icons/entities/IconShopcart.vue.cjs");
 const IconProfile = require("../../../../icons/entities/IconProfile.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 require("../../store/globals.cjs");
 const shopcart = require("../../../../orders/store/shopcart.cjs");
 const auth = require("../../../../auth/views/store/auth.cjs");

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

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconProfile.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import "../../store/globals.js";
 import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state } from "../../../../auth/views/store/auth.js";

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/prometheus-framework/src/modules/globals/views/components/partials/Sidebar.vue.cjs

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Menu = require("../../../../../components/Menu/Menu.vue2.cjs");
+const MenuItem = require("../../../../../components/Menu/MenuItem.vue.cjs");
+const clickOutside = require("../../../../../components/FieldPhone/click-outside.cjs");
+const vueRouter = require("vue-router");
+const auth = require("../../../../auth/views/store/auth.cjs");
+const globals = require("../../store/globals.cjs");
+const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
+;/* empty css               */
+const _hoisted_1 = {
+  id: "sidebar",
+  class: "o-hidden"
+};
+const _hoisted_2 = { class: "pd-medium pos-sticky pos-t-0 h-100vh flex-column flex flex-justify-content" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", null, " Backoffice ", -1);
+const _sfc_main = {
+  __name: "Sidebar",
+  props: ["stateSidebar"],
+  emits: ["closeSidebar"],
+  setup(__props, { emit: __emit }) {
+    const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    vue.ref(false);
+    const props = __props;
+    const emits = __emit;
+    vue.watch(() => route.path, () => {
+      if (props.stateSidebar === true) emits("closeSidebar");
+    });
+    let vClickOutside = clickOutside.default;
+    function clickedOutside(event) {
+      const isMenuButton = event.target.classList.contains("menu-btn");
+      console.log(event.target.classList.contains("menu-btn"));
+      if (isMenuButton) {
+        return null;
+      } else if (props.stateSidebar === true) {
+        emits("closeSidebar");
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", null, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          vue.createVNode(Checkbox.default, {
+            label: "Darkmode",
+            radio: globals.state.theme.darkmode,
+            "onUpdate:radio": _cache[0] || (_cache[0] = (event) => globals.actions.toggleTheme()),
+            name: "prices",
+            class: "t-semi pd-small p-big mn-b-small br-2px br-solid radius-extra br-black-transp-5"
+          }, null, 8, ["radio"]),
+          auth.state.access.roles && (auth.state.access.roles.includes("ROLE_MODERATOR") || auth.state.access.roles.includes("ROLE_ADMIN")) ? (vue.openBlock(), vue.createBlock(Menu.default, {
+            key: 0,
+            class: "mn-b-regular bg-black t-white"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(MenuItem.default, {
+                onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(router).push({
+                  name: "Backoffice Admin",
+                  params: {
+                    _id: vue.unref(route).params._id
+                  }
+                })),
+                class: "cursor-pointer",
+                theme: "white"
+              }, {
+                default: vue.withCtx(() => [
+                  _hoisted_3
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ])
+      ])), [
+        [vue.unref(vClickOutside), clickedOutside]
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Sidebar.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n\n  <div \n    id=\"sidebar\" class=\"o-hidden\" v-click-outside=\"clickedOutside\"\n  >\n    <div \n      class=\"pd-medium pos-sticky pos-t-0 h-100vh flex-column flex flex-justify-content\"\n    >\n      <div>\n        <slot></slot>\n      </div>\n\n      <Checkbox \n        :label=\"'Darkmode'\"\n        :radio=\"globals.state.theme.darkmode\"\n        @update:radio=\"event => globals.actions.toggleTheme()\"\n        name=\"prices\"\n        class=\" t-semi pd-small p-big mn-b-small br-2px br-solid radius-extra br-black-transp-5\"\n      />\n\n      <Menu \n        v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n        class=\"mn-b-regular bg-black t-white\"\n      >\n        <MenuItem \n          @click=\"router.push({\n            name: 'Backoffice Admin', \n            params: {\n              _id: route.params._id\n            }\n          })\" \n          class=\"cursor-pointer\"\n          theme=\"white\"\n        >\n          <span>\n            Backoffice\n          </span>\n        </MenuItem> \n      </Menu>\n\n   \n    </div>\n  </div>\n\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\n\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\nimport { useRoute, useRouter} from 'vue-router'\n\nimport * as auth      from '@pf/src/modules/auth/views/store/auth'\nimport * as globals      from '@pf/src/modules/globals/views/store/globals'\n\nimport Checkbox    from '@pf/src/components/Checkbox/Checkbox.vue'\n\nconst router  = useRouter()\nconst route   = useRoute()\n\nconst isOpen = ref(false);\n\nconst props = defineProps(['stateSidebar'])\nconst emits = defineEmits(['closeSidebar'])\n\nwatch(() => route.path, () => {\n  if (props.stateSidebar === true) emits('closeSidebar');\n});\n\nlet vClickOutside = clickOutside\n\nfunction clickedOutside(event) {\n  // Проверяем, не является ли элемент, по которому кликнули, кнопкой меню\n  const isMenuButton = event.target.classList.contains('menu-btn');\n\n  console.log(event.target.classList.contains('menu-btn'))\n  \n  if (isMenuButton) { \n    return null;\n  } else if  (props.stateSidebar === true) {\n    emits('closeSidebar');\n  }\n}\n\n</script>\n\n<style lang=\"scss\" >\n  #sidebar {\n    ul {\n      li {\n        margin-bottom: 1rem;\n      }\n    }\n  }\n</style>"],"names":["useRouter","useRoute","ref","watch","clickOutside"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,SAAUA,UAAAA,UAAW;AAC3B,UAAM,QAAUC,UAAAA,SAAU;AAEXC,QAAG,IAAC,KAAK;AAExB,UAAM,QAAQ;AACd,UAAM,QAAQ;AAEdC,QAAAA,MAAM,MAAM,MAAM,MAAM,MAAM;AAC5B,UAAI,MAAM,iBAAiB,KAAM,OAAM,cAAc;AAAA,IACvD,CAAC;AAED,QAAI,gBAAgBC,aAAY;AAEhC,aAAS,eAAe,OAAO;AAE7B,YAAM,eAAe,MAAM,OAAO,UAAU,SAAS,UAAU;AAE/D,cAAQ,IAAI,MAAM,OAAO,UAAU,SAAS,UAAU,CAAC;AAEvD,UAAI,cAAc;AAChB,eAAO;AAAA,MACX,WAAc,MAAM,iBAAiB,MAAM;AACvC,cAAM,cAAc;AAAA,MACrB;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}