@ozdao/martyrs 0.2.550 → 0.2.552

package/dist/martyrs/src/modules/core/views/components/partials/Header.vue.cjs

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

package/dist/martyrs/src/modules/core/views/components/partials/Header.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.vue.cjs","sources":["../../../../../../../../src/modules/core/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 core from '@martyrs/src/modules/core/views/store/core.store.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\t\n\t// Globasls Component\n\n\timport NotificationBadge from '@martyrs/src/modules/notifications/components/elements/NotificationBadge.vue';\n\t// import Navigation from '@martyrs/src/modules/core/views/components/partials/Navigation.vue'\n\t// Martyrs Component\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\timport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.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\t  theme_switcher: {\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  core.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-justify-between\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\tpos-relative pos-t-0\n\t\t\tbr-b\n\t\t\tbr-solid\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black br-light': theme === 'light',\n  \t\t't-white br-dark': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro \">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => core.state.isOpenSidebar = !core.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer mobile-only menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': core.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\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer h-2r\"\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\tt-nowrap\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 {{core.state.position?.country ? core.state.position.country : 'World'}}\n    </button>\n  </div>\n\n \t<slot></slot>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro\">\n\t\t<Button \n\t\t\tv-if=\"router.hasRoute('Search') && route.meta.header_search\"\n\t\t\taria-label=\"search\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:class=\"route.meta.header_search_class\"\n\t\t\t:submit=\"() => router.push({name: 'Search'})\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconSearch \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\t\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-medium\"\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\n\n\t\t<NotificationBadge\n\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t/>\n\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-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\t\t<Select \n\t\t\tv-if=\"$i18n.availableLocales.length > 1\"\n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"$i18n.availableLocales\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative flex flex-column gap-small uppercase pd-thin 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</header>\n  \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","core.state","onMounted","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAO;AAGrB,aAAS,oBAAoB;AAC3BC,iBAAAA,MAAW,sBAAsB;AAAA,IACnC;AAIAC,QAAAA,UAAU,MAAM;AACbC,eAAAA,QAAiB,YAAW;AAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/partials/LocationSelection.vue.cjs

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

package/dist/martyrs/src/modules/core/views/components/partials/LocationSelection.vue.cjs.map

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

package/dist/martyrs/src/modules/core/views/components/partials/Navigation.vue.cjs

@@ -1,250 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const IconChevronBottom = require("../../../../icons/navigation/IconChevronBottom.vue.cjs");
-const core_store = require("../../store/core.store.cjs");
-const auth = require("../../../../auth/views/store/auth.cjs");
-const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue2.cjs");
-;/* empty css                                               */
-;/* empty css                  */
-const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "t-medium" };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = {
-  key: 1,
-  class: ""
-};
-const _hoisted_5 = { class: "w-100" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = {
-  key: 0,
-  class: "w-100 flex-child-default w-max-big flex flex-center aspect-1x1"
-};
-const _hoisted_8 = {
-  key: 1,
-  class: "p-regular"
-};
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = {
-  key: 0,
-  class: "mn-l-small mn-t-thin"
-};
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = {
-  key: 1,
-  class: ""
-};
-const _hoisted_13 = { class: "w-100" };
-const _sfc_main = {
-  __name: "Navigation",
-  props: {
-    navigationItems: Array,
-    theme: {
-      type: String,
-      default: "light"
-    },
-    stateSidebar: {
-      type: Boolean,
-      default: false
-    },
-    horizontal: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    "closeSidebar"
-  ],
-  setup(__props, { emit: __emit }) {
-    const router = vueRouter.useRouter();
-    const route = vueRouter.useRoute();
-    const props = __props;
-    const emits = __emit;
-    const expandedSections = vue.ref([]);
-    const toggleSection = (title) => {
-      if (!props.stateSidebar) {
-        if (menuItems.value.flatMap((section) => section.items).find((item) => item.title === title && item.subItems)) {
-          emits("closeSidebar");
-          setTimeout(() => {
-            expandedSections.value.push(title);
-          }, 50);
-        }
-        return;
-      }
-      const index = expandedSections.value.indexOf(title);
-      if (index === -1) {
-        expandedSections.value.push(title);
-      } else {
-        expandedSections.value.splice(index, 1);
-      }
-    };
-    const isSectionExpanded = (title) => {
-      return expandedSections.value.includes(title);
-    };
-    const processRoute = (routeFn) => {
-      if (typeof routeFn === "function") {
-        return routeFn(auth.state, route);
-      }
-      return routeFn;
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("nav", {
-        class: vue.normalizeClass(["transition-quint-out o-x-visible h-100", [
-          __props.stateSidebar ? "pd-small" : "pd-micro",
-          __props.horizontal ? "w-100 desktop-only gap-thin flex flex-center flex-nowrap o-y-visible" : "o-y-scroll gap-medium rows-1"
-        ]])
-      }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.navigationItems, (section) => {
-          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            key: section.category,
-            class: vue.normalizeClass(["transition-quint-out", [
-              __props.horizontal ? "w-max  flex-child-default flex flex-nowrap" : "",
-              __props.stateSidebar && !__props.horizontal ? "" : ""
-            ]])
-          }, [
-            section.category && __props.stateSidebar && !__props.horizontal ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass(["uppercase t-medium t-transp p-small", {
-                "t-black": __props.theme === "light",
-                "t-white": __props.theme === "dark"
-              }])
-            }, vue.toDisplayString(section.category), 3)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("ul", {
-              class: vue.normalizeClass([
-                __props.horizontal ? "w-100 gap-micro flex flex-nowrap" : "flex flex-column gap-micro"
-              ])
-            }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(section.items, (item) => {
-                return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
-                  class: "w-100 pos-relative",
-                  key: item.title
-                }, [
-                  item.subItems && __props.horizontal ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
-                    key: 0,
-                    class: "w-100",
-                    align: "left",
-                    trigger: "hover"
-                  }, {
-                    label: vue.withCtx(() => [
-                      vue.createElementVNode("button", {
-                        class: vue.normalizeClass(["transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center pd-thin", [
-                          item.route && vue.unref(route).path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
-                          __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
-                        ]]),
-                        onClick: ($event) => item.route ? vue.unref(router).push(processRoute(item.route)) : null
-                      }, [
-                        vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(item.title), 1)
-                      ], 10, _hoisted_1)
-                    ]),
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("ul", {
-                        class: vue.normalizeClass(["dropdown-submenu bg-blur-small", __props.theme === "light" ? "bg-white-transp-50 " : "bg-black-transp-50"])
-                      }, [
-                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.subItems, (subItem) => {
-                          return vue.openBlock(), vue.createElementBlock("li", {
-                            key: subItem.title
-                          }, [
-                            vue.createElementVNode("a", {
-                              onClick: ($event) => subItem.route ? vue.unref(router).push(processRoute(subItem.route)) : null,
-                              href: "#",
-                              class: vue.normalizeClass(["transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
-                                subItem.route && vue.unref(route).path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
-                                __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
-                              ]])
-                            }, [
-                              subItem.iconComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(subItem.iconComponent), {
-                                key: 0,
-                                class: "i-medium",
-                                fill: core_store.state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
-                              }, null, 8, ["fill"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(subItem.icon), 1)),
-                              vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(subItem.title), 1)
-                            ], 10, _hoisted_3)
-                          ]);
-                        }), 128))
-                      ], 2)
-                    ]),
-                    _: 2
-                  }, 1024)) : (vue.openBlock(), vue.createElementBlock("button", {
-                    key: 1,
-                    class: vue.normalizeClass(["transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center", [
-                      __props.horizontal ? "pd-thin" : "",
-                      item.route && vue.unref(route).path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
-                      __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
-                    ]]),
-                    onClick: ($event) => item.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, vue.unref(route).path !== processRoute(item.route) ? vue.unref(router).push(processRoute(item.route)) : null) : null
-                  }, [
-                    !__props.horizontal ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                      item.iconComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.iconComponent), {
-                        key: 0,
-                        class: "i-medium flex-child-default",
-                        fill: core_store.state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
-                      }, null, 8, ["fill"])) : vue.createCommentVNode("", true),
-                      !item.iconComponent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(item.icon), 1)) : vue.createCommentVNode("", true)
-                    ])) : vue.createCommentVNode("", true),
-                    vue.createElementVNode("span", {
-                      class: vue.normalizeClass(["transition-quint-out w-100 t-left t-medium", { "hidden": !__props.stateSidebar && !__props.horizontal, "visible": __props.stateSidebar || __props.horizontal }])
-                    }, vue.toDisplayString(item.title), 3),
-                    item.subItems && __props.stateSidebar && !__props.horizontal ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 1,
-                      class: vue.normalizeClass(["mn-l-auto mn-r-small sidebar-dropdown-icon", { "rotate-180": isSectionExpanded(item.title) }]),
-                      onClick: vue.withModifiers(($event) => toggleSection(item.title), ["stop"])
-                    }, [
-                      vue.createVNode(IconChevronBottom.default, {
-                        class: vue.normalizeClass([{ "rotate-180 mn-t-micro-negative": _ctx.isOpen }, "i-small"]),
-                        fill: __props.theme === "dark" ? "rgb(var(--white))" : "rgb(var(--black))"
-                      }, null, 8, ["class", "fill"])
-                    ], 10, _hoisted_9)) : vue.createCommentVNode("", true)
-                  ], 10, _hoisted_6)),
-                  vue.createVNode(vue.Transition, {
-                    "enter-active-class": "dropdown-enter",
-                    "leave-active-class": "dropdown-leave",
-                    "enter-from-class": "dropdown-enter-from",
-                    "enter-to-class": "dropdown-enter-to",
-                    "leave-from-class": "dropdown-leave-from",
-                    "leave-to-class": "dropdown-leave-to"
-                  }, {
-                    default: vue.withCtx(() => [
-                      item.subItems && isSectionExpanded(item.title) && __props.stateSidebar && !__props.horizontal ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_10, [
-                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.subItems, (subItem) => {
-                          return vue.openBlock(), vue.createElementBlock("li", {
-                            key: subItem.title
-                          }, [
-                            vue.createElementVNode("a", {
-                              onClick: ($event) => subItem.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, vue.unref(route).path !== processRoute(subItem.route) ? vue.unref(router).push(processRoute(subItem.route)) : null) : null,
-                              href: "#",
-                              class: vue.normalizeClass(["transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
-                                subItem.route && vue.unref(route).path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
-                                __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
-                              ]])
-                            }, [
-                              subItem.iconComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(subItem.iconComponent), {
-                                key: 0,
-                                class: "i-medium",
-                                fill: core_store.state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
-                              }, null, 8, ["fill"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(subItem.icon), 1)),
-                              vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(subItem.title), 1)
-                            ], 10, _hoisted_11)
-                          ]);
-                        }), 128))
-                      ])) : vue.createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ])), [
-                  [vue.vShow, !item.visible || (typeof item.visible === "function" ? item.visible(auth.state, vue.unref(route)) : true)]
-                ]);
-              }), 128))
-            ], 2)
-          ], 2)), [
-            [vue.vShow, !section.visible || (typeof section.visible === "function" ? section.visible(auth.state, vue.unref(route)) : true)]
-          ]);
-        }), 128))
-      ], 2);
-    };
-  }
-};
-const Navigation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-df6a639b"]]);
-exports.default = Navigation;
-//# sourceMappingURL=Navigation.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/partials/Navigation.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/partials/Navigation.vue"],"sourcesContent":["<script setup>\nimport { ref, watch, computed } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nimport * as core from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array,\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// Process route functions with auth data and route\nconst processRoute = (routeFn) => {\n  if (typeof routeFn === 'function') {\n    return routeFn(auth.state, route)\n  }\n  return routeFn\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-visible  h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only gap-thin flex flex-center flex-nowrap o-y-visible' : 'o-y-scroll gap-medium rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state, route) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max  flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? '' : '',\n      ]\"\n    >\n      <div\n        v-if=\"section.category && stateSidebar && !horizontal\"\n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-micro',\n        ]\"\n      >\n        <li\n          v-for=\"item in section.items\"\n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state, route) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n\n        >\n        <Dropdown\n          v-if=\"item.subItems && horizontal\"\n          class=\"w-100\"\n          align=\"left\"\n          trigger=\"hover\"\n        >\n          <template #label>\n            <button\n              class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center pd-thin\"\n              @click=\"item.route ? router.push(processRoute(item.route)) : null\"\n              :class=\"[\n                item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n              ]\"\n            >\n              <span class=\"t-medium\">{{ item.title }}</span>\n              <!-- <IconChevronBottom :fill=\"theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small mn-l-thin\"/> -->\n            </button>\n          </template>\n          <ul class=\"dropdown-submenu bg-blur-small\" :class=\"theme === 'light' ? 'bg-white-transp-50 ' : 'bg-black-transp-50'\">\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              <a\n                @click=\"subItem.route ? router.push(processRoute(subItem.route)) : null\"\n                href=\"#\"\n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                  theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                ]\"\n              >\n                <component\n                  v-if=\"subItem.iconComponent\"\n                  :is=\"subItem.iconComponent\"\n                  class=\"i-medium\"\n                  :fill=\"core.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </Dropdown>\n        <button\n          v-else\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component\n              v-if=\"item.iconComponent\"\n              :is=\"item.iconComponent\"\n              class=\"i-medium flex-child-default\"\n              :fill=\"core.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span\n              v-if=\"!item.iconComponent \"\n              class=\"p-regular\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n\n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n\n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\"\n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n\n              <a\n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\"\n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component\n                  v-if=\"subItem.iconComponent\"\n                  :is=\"subItem.iconComponent\"\n                  class=\"i-medium\"\n                 :fill=\"core.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition>\n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n/* Horizontal dropdown submenu */\n.dropdown-submenu {\n  list-style: none;\n  padding: 0.5rem;\n  margin: 0;\n  min-width: 12rem;\n}\n\n.dropdown-submenu li {\n  width: 100%;\n}\n\n.dropdown-submenu a {\n  display: flex;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n/* Transition for horizontal dropdown */\n:deep(.TransitionTranslateY-enter-active),\n:deep(.TransitionTranslateY-leave-active) {\n  transition: translateY 0.2s ease;\n   transition: opacity 0.2s ease;\n}\n\n:deep(.TransitionTranslateY-enter-from),\n:deep(.TransitionTranslateY-leave-to) {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n:deep(.TransitionTranslateY-enter-to),\n:deep(.TransitionTranslateY-leave-from) {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["useRouter","useRoute","ref","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAASA,UAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmBC,IAAAA,IAAI,CAAA,CAAE;AAE/B,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAM,cAAc;AACvB,YAAI,UAAU,MAAM,QAAQ,aAAW,QAAQ,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,SAAS,KAAK,QAAQ,GAAG;AACzG,gBAAM,cAAc;AACpB,qBAAW,MAAM;AACf,6BAAiB,MAAM,KAAK,KAAK;AAAA,UACnC,GAAG,EAAE;AAAA,QACP;AACA;AAAA,MACF;AAEA,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACnC,OAAO;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MACxC;AAAA,IACF;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,aAAO,iBAAiB,MAAM,SAAS,KAAK;AAAA,IAC9C;AAGA,UAAM,eAAe,CAAC,YAAY;AAChC,UAAI,OAAO,YAAY,YAAY;AACjC,eAAO,QAAQC,KAAAA,OAAY,KAAK;AAAA,MAClC;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}