@ozdao/prometheus-framework 0.2.203 → 0.2.204

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 _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/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.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/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,85 @@
+import { ref, watch, withDirectives, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createBlock, withCtx, unref, createCommentVNode } from "vue";
+import _sfc_main$2 from "../../../../../components/Menu/Menu.vue2.js";
+import _sfc_main$3 from "../../../../../components/Menu/MenuItem.vue.js";
+import clickOutside from "../../../../../components/FieldPhone/click-outside.js";
+import { useRouter, useRoute } from "vue-router";
+import { state as state$1 } from "../../../../auth/views/store/auth.js";
+import { state, actions } from "../../store/globals.js";
+import _sfc_main$1 from "../../../../../components/Checkbox/Checkbox.vue.js";
+/* 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__ */ createElementVNode("span", null, " Backoffice ", -1);
+const _sfc_main = {
+  __name: "Sidebar",
+  props: ["stateSidebar"],
+  emits: ["closeSidebar"],
+  setup(__props, { emit: __emit }) {
+    const router = useRouter();
+    const route = useRoute();
+    ref(false);
+    const props = __props;
+    const emits = __emit;
+    watch(() => route.path, () => {
+      if (props.stateSidebar === true) emits("closeSidebar");
+    });
+    let vClickOutside = clickOutside;
+    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 withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", null, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          createVNode(_sfc_main$1, {
+            label: "Darkmode",
+            radio: state.theme.darkmode,
+            "onUpdate:radio": _cache[0] || (_cache[0] = (event) => 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"]),
+          state$1.access.roles && (state$1.access.roles.includes("ROLE_MODERATOR") || state$1.access.roles.includes("ROLE_ADMIN")) ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            class: "mn-b-regular bg-black t-white"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({
+                  name: "Backoffice Admin",
+                  params: {
+                    _id: unref(route).params._id
+                  }
+                })),
+                class: "cursor-pointer",
+                theme: "white"
+              }, {
+                default: withCtx(() => [
+                  _hoisted_3
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])
+      ])), [
+        [unref(vClickOutside), clickedOutside]
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Sidebar.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.vue.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,SAAU,UAAW;AAC3B,UAAM,QAAU,SAAU;AAEX,QAAI,KAAK;AAExB,UAAM,QAAQ;AACd,UAAM,QAAQ;AAEd,UAAM,MAAM,MAAM,MAAM,MAAM;AAC5B,UAAI,MAAM,iBAAiB,KAAM,OAAM,cAAc;AAAA,IACvD,CAAC;AAED,QAAI,gBAAgB;AAEpB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/globals/views/components/sections/SectionPageTitle.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const _hoisted_1 = { class: "pd-medium flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "mn-r-auto" };
 const _hoisted_3 = ["onClick"];

package/dist/prometheus-framework/src/modules/globals/views/components/sections/SectionPageTitle.vue.js

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, createBlock, normalizeClass, withCtx, createTextVNode, createCommentVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 const _hoisted_1 = { class: "pd-medium flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "mn-r-auto" };
 const _hoisted_3 = ["onClick"];

package/dist/prometheus-framework/src/modules/legal/components/pages/Legal.vue.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                       */
-;/* empty css                                         */
+;/* empty css                                        */
 ;/* empty css                                         */
+;/* empty css                                          */
 const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/prometheus-framework/src/modules/legal/components/pages/Legal.vue.js

@@ -1,7 +1,7 @@
 import { ref, openBlock, createElementBlock, createVNode, withCtx, unref, createStaticVNode, createElementVNode } from "vue";
-/* empty css                                     */
-/* empty css                                       */
+/* empty css                                      */
 /* empty css                                       */
+/* empty css                                        */
 import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 import { useRoute, useRouter } from "vue-router";

package/dist/prometheus-framework/src/modules/orders/components/pages/OrderBackoffice.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                   */
+;/* empty css                                    */
 const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
 const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");

package/dist/prometheus-framework/src/modules/orders/components/pages/OrderBackoffice.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, computed, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createBlock, pushScopeId, popScopeId } from "vue";
 import { useRouter, useRoute } from "vue-router";
-/* empty css                                 */
+/* empty css                                  */
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue2.js";
 import IconTime from "../../../icons/entities/IconTime.vue.js";
 import _sfc_main$2 from "../blocks/CardOrderItem.vue.js";

package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                       */
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+;/* empty css                                        */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");

package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js

@@ -1,8 +1,8 @@
 import { computed, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, Fragment, renderList, createBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
 import { useRoute, useRouter } from "vue-router";
-/* empty css                                     */
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
+/* empty css                                      */
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";