@ozdao/martyrs 0.2.571 → 0.2.572

package/dist/martyrs/src/modules/core/views/components/partials/Footer.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue'\n\n\n// Props\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  logotype: {\n    type: Object\n  }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\nconst { t, te, tm } = useI18n({\n  useScope: 'global'\n})\n\n// Component mapping for social icons\nconst iconComponents = {\n  IconInstagram,\n  IconFacebook,\n  IconLinkedin,\n  IconYoutube,\n  IconWhatsapp\n}\n</script>\n\n<template>\n  <footer \n    class=\"\n      w-100\n      br-t br-solid\n    \"\n    :class=\"{\n      't-black bg-white br-light': theme === 'light',\n      't-white bg-black br-dark': theme === 'dark'  \n    }\"\n  >\n    <div class=\"pd-medium\">\n      <!-- Top Section -->\n      <component\n        v-if=\"logotype\"\n        :is=\"logotype\"\n        @click=\"router.push({ path: '/' })\" \n        :theme=\"theme\"\n        class=\"cursor-pointer h-3r mn-b-medium\"\n      />\n\n      <div class=\"grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big\">\n        \n        <!-- Contact Block -->\n        <div class=\"col w-max-15r\">\n          <p class=\"p-medium t-medium mn-b-semi\">{{ t('footer.description') }}</p>\n          \n          <div class=\"mn-b-semi flex flex-column gap-small\">\n            <a \n              :href=\"`tel:${t('footer.phoneNumber').replace(/\\s/g, '')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconPhone class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.phoneNumber') }}</span>\n            </a>\n            \n            <a \n              :href=\"`mailto:${t('footer.emailAddress')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconEmail class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.emailAddress') }}</span>\n            </a>\n            \n            <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n              <IconTime class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.hours_text') }}</span>\n            </div>\n          </div>\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.app') }}</h4>\n          <div class=\"w-100 flex-nowrap flex gap-thin\">\n            <a \n              v-if=\"te('footer.linkAppStore') || te('footer.label')\"\n              :href=\"te('footer.linkAppStore') ? t('footer.linkAppStore') : null\" \n              :target=\"te('footer.linkAppStore') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('footer.label')\"\n                class=\"z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('footer.label') }}\n              </span>\n              <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n            </a>\n\n            <a \n              v-if=\"te('footer.linkGooglePlay') || te('footer.label')\"\n              :href=\"te('footer.linkGooglePlay') ? t('footer.linkGooglePlay') : null\" \n              :target=\"te('footer.linkGooglePlay') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('footer.label')\"\n                class=\"z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('footer.label') }}\n              </span>\n              <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n            </a>\n          </div>\n        </div>\n\n        <!-- Navigation Columns -->\n        <div class=\"cols-2 gap-big\">\n          <div v-for=\"(column, colIndex) in tm('footer.navigationColumns')\" :key=\"colIndex\" class=\"flex flex-column gap-regular\">\n            <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\" class=\"\">\n              <h4 class=\"h5 t-medium mn-b-regular\">{{ section.title }}</h4>\n              <nav>\n                <ul class=\"flex flex-column gap-thin\">\n                  <li v-for=\"item in section.items\" :key=\"item.url\">\n                    <router-link \n                      :to=\"`/${item.url}`\" \n                      class=\"t-small transition-opacity hover-opacity-70\" \n                      :class=\"theme === 'light' ? 't-black' : 't-white'\"\n                    >\n                      {{ item.name }}\n                    </router-link>\n                  </li>\n                </ul>\n              </nav>\n            </div>\n          </div>\n        </div>\n\n        <!-- Subscribe Block -->\n        <div class=\"col\">\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.subscribe') }}</h4>\n          <p class=\"t-small mn-b-small t-transp\">{{ t('footer.subscribe_text') }}</p>\n          \n          <FieldSubscribeNewsletter\n            :action=\"''\"\n            fieldName=\"footer-newsletter\"\n            fieldId=\"footer-newsletter-email\"\n            class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n          />\n\n          <h4 class=\"h5 t-medium mn-b-regular\">{{ t('footer.follow') }}</h4>\n          <!-- Social Links -->\n          <div class=\"flex gap-thin\">\n            <a \n              v-for=\"social in tm('footer.socialLinks')\"\n              :key=\"social.name\"\n              :href=\"social.url\" \n              target=\"_blank\"\n              class=\"\n                w-3r h-3r \n                flex flex-center \n                radius-small\n                bg-light \n                transition-opacity\n                hover-opacity-70\n              \"\n            >\n              <component\n                :is=\"iconComponents[social.name]\"\n                class=\"i-medium\"\n                :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n              />\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Bottom Section -->\n    <div class=\"\n      pd-medium \n      br-t \n      br-solid\n      flex \n      flex-justify-between \n      flex-v-center\n      flex-nowrap\n      mobile:flex-column \n      mobile:flex-align-start\n      mobile:gap-small\n    \"\n    :class=\"{\n      'br-light': theme === 'light',\n      'br-dark': theme === 'dark'\n    }\"\n    >\n      <!-- Copyright -->\n      <p class=\"t-small t-medium uppercase\">\n        {{ t('footer.year') }} \n        <span class=\"t-main copyleft\">{{ t('footer.heart') }}</span> \n        {{ t('footer.copyright') }} \n      </p>\n\n      <a href=\"https://ozdao.dev\" target=\"_blank\" rel=\"noopener\" class=\"flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin\">\n        <Logotype class=\"h-1r w-auto\"/>\n        <span>{{ t('footer.ozdao') }}</span>\n      </a>\n    </div>\n  </footer>\n</template>\n\n<style lang=\"scss\">\n.cols-3-footer {\n  grid-template-columns: 5fr 7fr 4fr;\n}\n</style>"],"names":["IconInstagram","IconFacebook","IconLinkedin","IconYoutube","IconWhatsapp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAAS,UAAS;AACV,aAAQ;AAEtB,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU;AAAA,IACZ,CAAC;AAGD,UAAM,iBAAiB;AAAA,MACvB,eAAEA;AAAAA,MACF,cAAEC;AAAAA,MACF,cAAEC;AAAAA,MACF,aAAEC;AAAAA,MACF,cAAEC;AAAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Footer.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/Footer.vue"],"sourcesContent":["<script setup=\"props\">\nimport { computed, ref } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\n// Martyrs Components\nimport FieldSubscribeNewsletter from '@martyrs/src/modules/orders/components/elements/FieldSubscribeNewsletter.vue'\n\nimport LabelGooglePlay from '@martyrs/src/modules/icons/labels/LabelGooglePlay.vue';\nimport LabelAppStore from '@martyrs/src/modules/icons/labels/LabelAppStore.vue';\n\nimport IconPhone from '@martyrs/src/modules/icons/entities/IconPhone.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\nimport IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue';\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconInstagram from '@martyrs/src/modules/icons/socials/instagram.vue';\nimport IconFacebook from '@martyrs/src/modules/icons/socials/facebook.vue';\nimport IconLinkedin from '@martyrs/src/modules/icons/socials/linkedin.vue'\nimport IconYoutube from '@martyrs/src/modules/icons/socials/youtube.vue'\nimport IconWhatsapp from '@martyrs/src/modules/icons/socials/whatsapp.vue'\n\nimport Logotype from '@martyrs/src/modules/icons/logos/Logotype.vue'\n\n\n// Props\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  logotype: {\n    type: Object\n  }\n})\n\n// State\nconst router = useRouter()\nconst route = useRoute()\n\nconst { t, te, tm } = useI18n({\n  useScope: 'global'\n})\n\n// Component mapping for social icons\nconst iconComponents = {\n  IconInstagram,\n  IconFacebook,\n  IconLinkedin,\n  IconYoutube,\n  IconWhatsapp\n}\n</script>\n\n<template>\n  <footer \n    class=\"\n      w-100\n      br-t-1px\n    \"\n    :class=\"{\n      't-black bg-white br-light': theme === 'light',\n      't-white bg-black br-dark': theme === 'dark'  \n    }\"\n  >\n    <div class=\"pd-medium\">\n      <!-- Top Section -->\n      <component\n        v-if=\"logotype\"\n        :is=\"logotype\"\n        @click=\"router.push({ path: '/' })\" \n        :theme=\"theme\"\n        class=\"cursor-pointer h-3r mn-b-medium\"\n      />\n\n      <div class=\"d-grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big\">\n        \n        <!-- Contact Block -->\n        <div class=\"col w-max-15r\">\n          <p class=\"p-medium fw-medium mn-b-semi\">{{ t('footer.description') }}</p>\n          \n          <div class=\"mn-b-semi flex flex-column gap-small\">\n            <a \n              :href=\"`tel:${t('footer.phoneNumber').replace(/\\s/g, '')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center ease hover:opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconPhone class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.phoneNumber') }}</span>\n            </a>\n            \n            <a \n              :href=\"`mailto:${t('footer.emailAddress')}`\" \n              class=\"flex mn-b-micro gap-micro flex-v-center ease hover:opacity-70\"\n              :class=\"theme === 'light' ? 't-black' : 't-white'\"\n            >\n              <IconEmail class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.emailAddress') }}</span>\n            </a>\n            \n            <div class=\"flex mn-b-micro gap-micro flex-v-center\">\n              <IconTime class=\"i-medium\" :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" />\n              <span class=\"t-small\">{{ t('footer.hours_text') }}</span>\n            </div>\n          </div>\n\n          <h4 class=\"h5 fw-medium mn-b-regular\">{{ t('footer.app') }}</h4>\n          <div class=\"w-100 flex-nowrap flex gap-thin\">\n            <a \n              v-if=\"te('footer.linkAppStore') || te('footer.label')\"\n              :href=\"te('footer.linkAppStore') ? t('footer.linkAppStore') : null\" \n              :target=\"te('footer.linkAppStore') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('footer.label')\"\n                class=\"z-index-2 radius-medium bg-main fw-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('footer.label') }}\n              </span>\n              <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n            </a>\n\n            <a \n              v-if=\"te('footer.linkGooglePlay') || te('footer.label')\"\n              :href=\"te('footer.linkGooglePlay') ? t('footer.linkGooglePlay') : null\" \n              :target=\"te('footer.linkGooglePlay') ? '_blank' : null\" \n              class=\"pos-relative w-100 h-100\"\n            > \n              <span \n                v-if=\"te('footer.label')\"\n                class=\"z-index-2 pd-thin radius-medium bg-main fw-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n              >\n                {{ t('footer.label') }}\n              </span>\n              <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n            </a>\n          </div>\n        </div>\n\n        <!-- Navigation Columns -->\n        <div class=\"cols-2 gap-big\">\n          <div v-for=\"(column, colIndex) in tm('footer.navigationColumns')\" :key=\"colIndex\" class=\"flex flex-column gap-regular\">\n            <div v-for=\"(section, sectionIndex) in column.sections\" :key=\"sectionIndex\" class=\"\">\n              <h4 class=\"h5 fw-medium mn-b-regular\">{{ section.title }}</h4>\n              <nav>\n                <ul class=\"flex flex-column gap-thin\">\n                  <li v-for=\"item in section.items\" :key=\"item.url\">\n                    <router-link \n                      :to=\"`/${item.url}`\" \n                      class=\"t-small ease hover:opacity-70\" \n                      :class=\"theme === 'light' ? 't-black' : 't-white'\"\n                    >\n                      {{ item.name }}\n                    </router-link>\n                  </li>\n                </ul>\n              </nav>\n            </div>\n          </div>\n        </div>\n\n        <!-- Subscribe Block -->\n        <div class=\"col\">\n          <h4 class=\"h5 fw-medium mn-b-regular\">{{ t('footer.subscribe') }}</h4>\n          <p class=\"t-small mn-b-small t-transp\">{{ t('footer.subscribe_text') }}</p>\n          \n          <FieldSubscribeNewsletter\n            :action=\"''\"\n            fieldName=\"footer-newsletter\"\n            fieldId=\"footer-newsletter-email\"\n            class=\"d-inline-flex mn-b-medium bg-light t-black w-100\"\n          />\n\n          <h4 class=\"h5 fw-medium mn-b-regular\">{{ t('footer.follow') }}</h4>\n          <!-- Social Links -->\n          <div class=\"flex gap-thin\">\n            <a \n              v-for=\"social in tm('footer.socialLinks')\"\n              :key=\"social.name\"\n              :href=\"social.url\" \n              target=\"_blank\"\n              class=\"\n                w-3r h-3r \n                flex flex-center \n                radius-small\n                bg-light \n                ease\n                hover:opacity-70\n              \"\n            >\n              <component\n                :is=\"iconComponents[social.name]\"\n                class=\"i-medium\"\n                :fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\"\n              />\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Bottom Section -->\n    <div class=\"\n      pd-medium \n      br-t-1px \n     \n      flex \n      flex-justify-between \n      flex-v-center\n      flex-nowrap\n      mobile:flex-column \n      mobile:flex-align-start\n      mobile:gap-small\n    \"\n    :class=\"{\n      'br-light': theme === 'light',\n      'br-dark': theme === 'dark'\n    }\"\n    >\n      <!-- Copyright -->\n      <p class=\"t-small fw-medium uppercase\">\n        {{ t('footer.year') }} \n        <span class=\"t-main copyleft\">{{ t('footer.heart') }}</span> \n        {{ t('footer.copyright') }} \n      </p>\n\n      <a href=\"https://ozdao.dev\" target=\"_blank\" rel=\"noopener\" class=\"flex-nowrap flex-v-center flex fw-medium gap-thin br-1px br-light pd-thin radius-thin\">\n        <Logotype class=\"h-1r w-auto\"/>\n        <span>{{ t('footer.ozdao') }}</span>\n      </a>\n    </div>\n  </footer>\n</template>\n\n<style lang=\"scss\">\n.cols-3-footer {\n  grid-template-columns: 5fr 7fr 4fr;\n}\n</style>"],"names":["IconInstagram","IconFacebook","IconLinkedin","IconYoutube","IconWhatsapp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,SAAS,UAAS;AACV,aAAQ;AAEtB,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU;AAAA,IACZ,CAAC;AAGD,UAAM,iBAAiB;AAAA,MACvB,eAAEA;AAAAA,MACF,cAAEC;AAAAA,MACF,cAAEC;AAAAA,MACF,aAAEC;AAAAA,MACF,cAAEC;AAAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -54,7 +54,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", {
         id: "header",
-        class: 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", {
+        class: 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-1px", {
           "t-black br-light": __props.theme === "light",
           "t-white br-dark": __props.theme === "dark"
         }])
@@ -90,9 +90,9 @@ const _sfc_main = {
           __props.location ? (openBlock(), createElementBlock("button", {
             key: 1,
             "aria-label": "button_location",
-            class: normalizeClass(["cursor-pointer bg-transp pd-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"
+            class: normalizeClass(["cursor-pointer bg-transparent pd-micro radius-extra uppercase fw-semi br-2px ease-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())
           }, [
@@ -110,7 +110,7 @@ const _sfc_main = {
           unref(router).hasRoute("Search") && unref(route).meta.header_search ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             "aria-label": "search",
-            class: normalizeClass(["pd-zero bg-transp", unref(route).meta.header_search_class]),
+            class: normalizeClass(["pd-zero bg-transparent", unref(route).meta.header_search_class]),
             submit: () => unref(router).push({ name: "Search" }),
             showSucces: false,
             showLoader: false
@@ -145,7 +145,7 @@ const _sfc_main = {
           }, null, 8, ["fill"])) : createCommentVNode("", true),
           createVNode(_sfc_main$1, {
             "aria-label": "profile",
-            class: "pd-zero bg-transp",
+            class: "pd-zero bg-transparent",
             submit: state.access.status === false ? (a) => unref(router).push({ name: "Sign In" }) : (a) => unref(router).push({ name: "User Profile", params: { _id: state.user._id } }),
             showSucces: false,
             showLoader: false
@@ -164,7 +164,7 @@ const _sfc_main = {
             "onUpdate:select": _cache[3] || (_cache[3] = ($event) => _ctx.$i18n.locale = $event),
             options: _ctx.$i18n.availableLocales,
             property: "value",
-            class: normalizeClass(["pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin", {
+            class: normalizeClass(["pos-relative flex flex-column gap-small uppercase pd-thin fw-semi radius-thin", {
               "bg-light t-black": __props.theme === "light",
               "bg-dark t-white": __props.theme === "dark"
             }])

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

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.js","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\n\timport { useStore } 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\n\tconst store = useStore()\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  store.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=\"() => store.core.state.isOpenSidebar = !store.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': store.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-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 {{store.core.state.position?.country ? store.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":["shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUC,UAAM,QAAQ,SAAQ;AAiCtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,EAAC,IAAK,QAAO;AAGrB,aAAS,oBAAoB;AAC3B,YAAM,KAAK,MAAM,sBAAsB;AAAA,IACzC;AAIA,cAAU,MAAM;AACbA,cAAiB,YAAW;AAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Header.vue.js","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\n\timport { useStore } 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\n\tconst store = useStore()\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  store.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-1px\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=\"() => store.core.state.isOpenSidebar = !store.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': store.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-transparent \n    \t\tpd-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tfw-semi\n    \t\t\n    \t\tbr-2px \n    \t\tease-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 {{store.core.state.position?.country ? store.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-transparent\"\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-transparent\"\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 fw-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":["shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUC,UAAM,QAAQ,SAAQ;AAiCtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,EAAC,IAAK,QAAO;AAGrB,aAAS,oBAAoB;AAC3B,YAAM,KAAK,MAAM,sBAAsB;AAAA,IACzC;AAIA,cAAU,MAAM;AACbA,cAAiB,YAAW;AAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -53,7 +53,7 @@ const _sfc_main = {
           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",
+          class: "bg-white radius-tl-medium radius-tr-medium t-black br-grey-transp-25 br-2px pd-medium",
           "onUpdate:country": _cache[0] || (_cache[0] = (newCountry) => {
             position.value.country = newCountry;
           }),

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

@@ -1 +1 @@
-{"version":3,"file":"LocationSelection.vue.js","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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore()\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\tstore.core.state.position = { ...position.value };\n\tstore.core.state.isOpenLocationPopup = false\n\n\tlocalStorage.setItem('position', JSON.stringify(store.core.state.position));\n}\n\nonMounted(() => {\n\tposition.value = { ...store.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":[],"mappings":";;;;;;;;;;;;AAkFA,UAAM,QAAQ,SAAQ;AAGR,aAAQ;AACP,cAAS;AAExB,UAAM,WAAW,IAAI;AAAA,MACpB,SAAS;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,aAAS,eAAe;AACvB,YAAM,KAAK,MAAM,WAAW,EAAE,GAAG,SAAS,MAAK;AAC/C,YAAM,KAAK,MAAM,sBAAsB;AAEvC,mBAAa,QAAQ,YAAY,KAAK,UAAU,MAAM,KAAK,MAAM,QAAQ,CAAC;AAAA,IAC3E;AAEA,cAAU,MAAM;AACf,eAAS,QAAQ,EAAE,GAAG,MAAM,KAAK,MAAM,SAAQ;AAAA,IAChD,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,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LocationSelection.vue.js","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-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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore()\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\tstore.core.state.position = { ...position.value };\n\tstore.core.state.isOpenLocationPopup = false\n\n\tlocalStorage.setItem('position', JSON.stringify(store.core.state.position));\n}\n\nonMounted(() => {\n\tposition.value = { ...store.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":[],"mappings":";;;;;;;;;;;;AAkFA,UAAM,QAAQ,SAAQ;AAGR,aAAQ;AACP,cAAS;AAExB,UAAM,WAAW,IAAI;AAAA,MACpB,SAAS;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,aAAS,eAAe;AACvB,YAAM,KAAK,MAAM,WAAW,EAAE,GAAG,SAAS,MAAK;AAC/C,YAAM,KAAK,MAAM,sBAAsB;AAEvC,mBAAa,QAAQ,YAAY,KAAK,UAAU,MAAM,KAAK,MAAM,QAAQ,CAAC;AAAA,IAC3E;AAEA,cAAU,MAAM;AACf,eAAS,QAAQ,EAAE,GAAG,MAAM,KAAK,MAAM,SAAQ;AAAA,IAChD,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,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,12 +3,12 @@ import { useRouter, useRoute } from "vue-router";
 import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
 import { useStore } from "../../store/core.store.js";
 import { state } from "../../../../auth/views/store/auth.js";
-import _sfc_main$1 from "../../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$1 from "../../../../../components/Dropdown/Dropdown.vue2.js";
 /* empty css                                            */
 /* empty css                */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "t-medium" };
+const _hoisted_2 = { class: "fw-medium" };
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = {
   key: 1,
@@ -56,7 +56,7 @@ const _sfc_main = {
     "closeSidebar"
   ],
   setup(__props, { emit: __emit }) {
-    const store = useStore();
+    useStore();
     const router = useRouter();
     const route = useRoute();
     const props = __props;
@@ -90,7 +90,7 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("nav", {
-        class: normalizeClass(["transition-quint-out o-x-visible h-100", [
+        class: normalizeClass(["ease-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"
         ]])
@@ -98,14 +98,14 @@ const _sfc_main = {
         (openBlock(true), createElementBlock(Fragment, null, renderList(props.navigationItems, (section) => {
           return withDirectives((openBlock(), createElementBlock("div", {
             key: section.category,
-            class: normalizeClass(["transition-quint-out", [
+            class: normalizeClass(["ease-quint-out", [
               __props.horizontal ? "w-max  flex-child-default flex flex-nowrap" : "",
               __props.stateSidebar && !__props.horizontal ? "" : ""
             ]])
           }, [
             section.category && __props.stateSidebar && !__props.horizontal ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(["uppercase t-medium t-transp p-small", {
+              class: normalizeClass(["uppercase fw-medium t-transp p-small", {
                 "t-black": __props.theme === "light",
                 "t-white": __props.theme === "dark"
               }])
@@ -128,9 +128,9 @@ const _sfc_main = {
                   }, {
                     label: withCtx(() => [
                       createElementVNode("button", {
-                        class: normalizeClass(["transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center pd-thin", [
+                        class: normalizeClass(["ease-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center pd-thin", [
                           item.route && unref(route).path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
-                          __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+                          __props.theme === "light" ? "hover:bg-light" : "hover:bg-dark"
                         ]]),
                         onClick: ($event) => item.route ? unref(router).push(processRoute(item.route)) : null
                       }, [
@@ -148,16 +148,16 @@ const _sfc_main = {
                             createElementVNode("a", {
                               onClick: ($event) => subItem.route ? unref(router).push(processRoute(subItem.route)) : null,
                               href: "#",
-                              class: normalizeClass(["transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
+                              class: normalizeClass(["ease-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
                                 subItem.route && unref(route).path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
-                                __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+                                __props.theme === "light" ? "hover:bg-light" : "hover:bg-dark"
                               ]])
                             }, [
                               subItem.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(subItem.iconComponent), {
                                 key: 0,
                                 class: "i-medium",
-                                fill: unref(store).core.state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
-                              }, null, 8, ["fill"])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(subItem.icon), 1)),
+                                fill: "rgba(var(--black), 0.25)"
+                              })) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(subItem.icon), 1)),
                               createElementVNode("span", _hoisted_5, toDisplayString(subItem.title), 1)
                             ], 10, _hoisted_3)
                           ]);
@@ -167,10 +167,10 @@ const _sfc_main = {
                     _: 2
                   }, 1024)) : (openBlock(), createElementBlock("button", {
                     key: 1,
-                    class: normalizeClass(["transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center", [
+                    class: normalizeClass(["ease-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center", [
                       __props.horizontal ? "pd-thin" : "",
                       item.route && unref(route).path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
-                      __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+                      __props.theme === "light" ? "hover:bg-light" : "hover:bg-dark"
                     ]]),
                     onClick: ($event) => item.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, unref(route).path !== processRoute(item.route) ? unref(router).push(processRoute(item.route)) : null) : null
                   }, [
@@ -178,20 +178,20 @@ const _sfc_main = {
                       item.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(item.iconComponent), {
                         key: 0,
                         class: "i-medium flex-child-default",
-                        fill: unref(store).core.state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
-                      }, null, 8, ["fill"])) : createCommentVNode("", true),
+                        fill: "rgba(var(--black), 0.25)"
+                      })) : createCommentVNode("", true),
                       !item.iconComponent ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(item.icon), 1)) : createCommentVNode("", true)
                     ])) : createCommentVNode("", true),
                     createElementVNode("span", {
-                      class: normalizeClass(["transition-quint-out w-100 t-left t-medium", { "hidden": !__props.stateSidebar && !__props.horizontal, "visible": __props.stateSidebar || __props.horizontal }])
+                      class: normalizeClass(["ease-quint-out w-100 t-left fw-medium", { "hidden": !__props.stateSidebar && !__props.horizontal, "visible": __props.stateSidebar || __props.horizontal }])
                     }, toDisplayString(item.title), 3),
                     item.subItems && __props.stateSidebar && !__props.horizontal ? (openBlock(), createElementBlock("span", {
                       key: 1,
-                      class: normalizeClass(["mn-l-auto mn-r-small sidebar-dropdown-icon", { "rotate-180": isSectionExpanded(item.title) }]),
+                      class: normalizeClass(["mn-l-auto mn-r-small sidebar-dropdown-icon", { "rotate-180deg": isSectionExpanded(item.title) }]),
                       onClick: withModifiers(($event) => toggleSection(item.title), ["stop"])
                     }, [
                       createVNode(IconChevronBottom, {
-                        class: normalizeClass([{ "rotate-180 mn-t-micro-negative": _ctx.isOpen }, "i-small"]),
+                        class: normalizeClass([{ "rotate-180deg 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)) : createCommentVNode("", true)
@@ -213,16 +213,16 @@ const _sfc_main = {
                             createElementVNode("a", {
                               onClick: ($event) => subItem.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, unref(route).path !== processRoute(subItem.route) ? unref(router).push(processRoute(subItem.route)) : null) : null,
                               href: "#",
-                              class: normalizeClass(["transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
+                              class: normalizeClass(["ease-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
                                 subItem.route && unref(route).path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
-                                __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+                                __props.theme === "light" ? "hover:bg-light" : "hover:bg-dark"
                               ]])
                             }, [
                               subItem.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(subItem.iconComponent), {
                                 key: 0,
                                 class: "i-medium",
-                                fill: unref(store).core.state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
-                              }, null, 8, ["fill"])) : (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(subItem.icon), 1)),
+                                fill: "rgba(var(--black), 0.25)"
+                              })) : (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(subItem.icon), 1)),
                               createElementVNode("span", _hoisted_13, toDisplayString(subItem.title), 1)
                             ], 10, _hoisted_11)
                           ]);
@@ -244,7 +244,7 @@ const _sfc_main = {
     };
   }
 };
-const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98c67bb6"]]);
+const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4bed57a8"]]);
 export {
   Navigation as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.vue.js","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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst store = useStore()\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=\"store.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=\"store.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=\"store.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":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,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,QAAQA,OAAY,KAAK;AAAA,MAClC;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Navigation.vue.js","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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst store = useStore()\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\n</script>\n\n<template>\n  <nav\n    class=\"ease-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=\"ease-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 fw-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=\"ease-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=\"fw-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=\"ease-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=\"rgba(var(--black), 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=\"ease-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=\"rgba(var(--black), 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=\"ease-quint-out w-100 t-left fw-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-180deg': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\"\n          >\n             <IconChevronBottom :class=\"{ 'rotate-180deg 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=\"ease-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=\"rgba(var(--black), 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-180deg {\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":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASc,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,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,QAAQA,OAAY,KAAK;AAAA,MAClC;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/partials/NavigationBar.vue.js

@@ -11,9 +11,9 @@ import { state } from "../../../../auth/views/store/auth.js";
 const _hoisted_1 = { class: "pos-sticky w-100 z-index-3 flex-center flex t-center pd-medium" };
 const _hoisted_2 = {
   key: 1,
-  class: "t-semi lh-semi h5 d-block"
+  class: "fw-semi lh-semi h5 d-block"
 };
-const _hoisted_3 = { class: "flex-nowrap flex gap-regular pos-absolute pos-r-medium" };
+const _hoisted_3 = { class: "flex-nowrap flex gap-regular pos-absolute pos-r-small" };
 const _sfc_main = {
   __name: "NavigationBar",
   props: {
@@ -56,7 +56,7 @@ const _sfc_main = {
             !unref(route).meta.title_hide ? (openBlock(), createElementBlock("svg", {
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => handleBackNavigation()),
-              class: "pos-absolute cursor-pointer i-medium pos-l-medium",
+              class: "pos-absolute cursor-pointer i-medium pos-l-small",
               width: "12",
               height: "22",
               viewBox: "0 0 12 22",

package/dist/martyrs/src/modules/core/views/components/partials/NavigationBar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-3 flex-center flex t-center pd-medium\"\n\t>\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<svg \n\t\t\t\tv-if=\"!route.meta.title_hide\"\n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer i-medium pos-l-medium\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title\" class=\"h-2r flex flex-center header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t/>\n\n\t\t\t\t<span v-else class=\"t-semi lh-semi h5 d-block\" >\n\t\t\t\t\t{{ formateText(store.core.state.navigation_bar.name || route.meta?.title?.[locale.toLowerCase()] || route.name) }}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</transition>\n\n\t\t<div class=\"flex-nowrap flex gap-regular pos-absolute pos-r-medium\">\n\t\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"route.meta.title_hide || route.meta.showShopCart\"\n\t\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t\t:showSucces=\"false\"\n\t\t\t\t\t:showLoader=\"false\"\n\t\t\t\t\tclass=\"cursor-pointer pd-zero \"\n\t\t\t\t\t> \n\t\t\t\t\t<IconShopcart class=\"i-medium\" fill=\"rgb(var(--main))\" />\n\t\t\t\t</Button>\n\t\t\t</transition>\n\n\t    <transition-group v-if=\"actions.length > 0\" name=\"slideIn\" class=\"i-medium\" tag=\"div\">\n\t      <template v-for=\"(item, index) in actions\" :key=\"index\">\n\t        <component\n\t\t\t\t\t\tv-if=\"typeof item.condition === 'function' ? item.condition(router, route) : item.condition\"\n\t          :is=\"item.component\"\n\t          v-bind=\"item.props\"\n\t          @click=\"item.action(router, route)\"\n\t          class=\"i-medium cursor-pointer \"\n\t        />\n\t      </template>\n\t    </transition-group>\n\n\t\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t\t<IconProfile \n\t\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\t\tclass=\"cursor-pointer i-medium\"\n\t\t\t\t\tfill=\"rgb(var(--main))\" \n\t\t\t\t/>\n\t\t\t</transition>\n\t\t</div>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted, computed } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@martyrs/src/components/Button/Button.vue'\n\n\timport { useStore } 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\n\tconst store = useStore()\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tconst actions = computed(() => store.core.state.navigation_bar.actions || route.meta?.actions || [])\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFC,UAAM,QAAQ,SAAQ;AAGtB,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,GAAG,oBAAoB,OAAM,IAAK,QAAO;AAEjD,UAAMA,YAAU,SAAS,MAAM,MAAM,KAAK,MAAM,eAAe,WAAW,MAAM,MAAM,WAAW,CAAA,CAAE;AAEnG,aAAS,uBAAuB;AAC5B,UAAI,MAAM,OAAO,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAC3B,OAAO;AACN,eAAO,KAAI;AAAA,MACZ;AAAA,IACJ;AAEA,aAAS,eAAe;AACvB,UAAIC,MAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAC9B,OAAO;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,MAAW,KAAK,MAAK,CAAC;AAAA,MAC1E;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NavigationBar.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/NavigationBar.vue"],"sourcesContent":["<template>\n\t<header \n\t\tclass=\"pos-sticky w-100 z-index-3 flex-center flex t-center pd-medium\"\n\t>\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<svg \n\t\t\t\tv-if=\"!route.meta.title_hide\"\n\t\t\t\t@click=\"handleBackNavigation()\" \n\t\t\t\tclass=\"pos-absolute cursor-pointer i-medium pos-l-small\"\n\t\t\t\twidth=\"12\"\n\t\t\t\theight=\"22\"\n\t\t\t\tviewBox=\"0 0 12 22\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path fill=\"rgb(var(--main))\" d=\"M9.70312 20.7969C10.125 21.2188 10.8281 21.2188 11.2969 20.7969C11.7188 20.375 11.7188 19.6719 11.2969 19.2031L3.42188 11L11.2969 2.79688C11.7188 2.32813 11.7188 1.625 11.2969 1.20313C10.8281 0.734377 10.125 0.781252 9.70312 1.20313L1.07812 10.2031C0.84375 10.4375 0.75 10.7188 0.75 11C0.75 11.2813 0.84375 11.5625 1.07812 11.7969L9.70312 20.7969Z\" />\n\t\t\t</svg>\n\t\t</transition>\n\n\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t<div :key=\"route.meta.title\" class=\"h-2r flex flex-center header-title\">\n\t\t\t\t<component\n\t\t\t\t\tv-if=\"props.logotype && route.meta.title_hide\"\n\t\t\t\t  :is=\"props.logotype\"\n\t\t\t\t  :theme=\"theme\"\n\t\t\t\t/>\n\n\t\t\t\t<span v-else class=\"fw-semi lh-semi h5 d-block\" >\n\t\t\t\t\t{{ formateText(store.core.state.navigation_bar.name || route.meta?.title?.[locale.toLowerCase()] || route.name) }}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</transition>\n\n\t\t<div class=\"flex-nowrap flex gap-regular pos-absolute pos-r-small\">\n\t\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"route.meta.title_hide || route.meta.showShopCart\"\n\t\t\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t\t\t:showSucces=\"false\"\n\t\t\t\t\t:showLoader=\"false\"\n\t\t\t\t\tclass=\"cursor-pointer pd-zero \"\n\t\t\t\t\t> \n\t\t\t\t\t<IconShopcart class=\"i-medium\" fill=\"rgb(var(--main))\" />\n\t\t\t\t</Button>\n\t\t\t</transition>\n\n\t    <transition-group v-if=\"actions.length > 0\" name=\"slideIn\" class=\"i-medium\" tag=\"div\">\n\t      <template v-for=\"(item, index) in actions\" :key=\"index\">\n\t        <component\n\t\t\t\t\t\tv-if=\"typeof item.condition === 'function' ? item.condition(router, route) : item.condition\"\n\t          :is=\"item.component\"\n\t          v-bind=\"item.props\"\n\t          @click=\"item.action(router, route)\"\n\t          class=\"i-medium cursor-pointer \"\n\t        />\n\t      </template>\n\t    </transition-group>\n\n\t\t\t<transition name=\"slideIn\"  mode=\"out-in\">\n\t\t\t\t<IconProfile \n\t\t\t\t\tv-if=\"route.meta.title_hide\"\n\t\t\t\t\t@click=\"handleToggle()\" \n\t\t\t\t\tclass=\"cursor-pointer i-medium\"\n\t\t\t\t\tfill=\"rgb(var(--main))\" \n\t\t\t\t/>\n\t\t\t</transition>\n\t\t</div>\n\t</header>\n</template>\n\n<script setup>\n\timport { ref, onMounted, onUnmounted, computed } from 'vue' \n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t\n  import IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\n\timport Button \t\t\t\tfrom '@martyrs/src/components/Button/Button.vue'\n\n\timport { useStore } 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\n\tconst store = useStore()\n\n\t\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  }\n  });\n\n\tconst router = useRouter()\n\tconst route = useRoute()\n\n\tconst { t, mergeLocaleMessage, locale } = useI18n();\n\n\tconst actions = computed(() => store.core.state.navigation_bar.actions || route.meta?.actions || [])\n\n\tfunction handleBackNavigation() {\n\t    if (route.query?.afterAuth)  { \n\t    \trouter.push({name: 'Home'}) \n\t    } else {\n\t    \trouter.back();\n\t    }\n\t}\n\n\tfunction handleToggle() {\n\t\tif (auth.state.access.status === false) {\n\t\t\trouter.push({name: 'Sign In'}) \n\t\t} else {\n\t\t\trouter.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.header-shopcart {\n\t\tposition: absolute;\n\t\tright: 4.25rem;\n\t}\n\n\t.header-title {\n\t\tpointer-events: none;\n\t}\n\n\t.slideIn-enter-active,\n\t.slideIn-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideIn-enter-from,\n\t.slideIn-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateX(10px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n\n\t.slideY-enter-active,\n\t.slideY-leave-active {\n\t\ttransition: all  0.33s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slideY-enter-from,\n\t.slideY-leave-to {\n\t\topacity: 0;\n\t\ttransform: translateY(50px);\n\n\t\tspan {\tposition: absolute; } \n\t}\n</style>"],"names":["actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFC,UAAM,QAAQ,SAAQ;AAGtB,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,GAAG,oBAAoB,OAAM,IAAK,QAAO;AAEjD,UAAMA,YAAU,SAAS,MAAM,MAAM,KAAK,MAAM,eAAe,WAAW,MAAM,MAAM,WAAW,CAAA,CAAE;AAEnG,aAAS,uBAAuB;AAC5B,UAAI,MAAM,OAAO,WAAY;AAC5B,eAAO,KAAK,EAAC,MAAM,OAAM,CAAC;AAAA,MAC3B,OAAO;AACN,eAAO,KAAI;AAAA,MACZ;AAAA,IACJ;AAEA,aAAS,eAAe;AACvB,UAAIC,MAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAC9B,OAAO;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,MAAW,KAAK,MAAK,CAAC;AAAA,MAC1E;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/partials/Sidebar.vue.js

@@ -72,7 +72,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("aside", {
         "data-sidebar": "",
-        class: normalizeClass(["transition-quint-out w-min-0 o-hidden flex-child-default z-index-2 br-r br-solid flex flex-column h-100", [
+        class: normalizeClass(["ease-quint-out w-min-0 o-hidden flex-child-default z-index-2 br-r-1px flex flex-column h-100", [
           { "mobile-opened": isManuallyOpened.value },
           __props.stateSidebar ? `${__props.width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100` : `${__props.widthHidden} mobile:w-0`,
           //
@@ -90,11 +90,11 @@ const _sfc_main = {
           class: "pos-relative"
         }, _cache[2] || (_cache[2] = [
           createElementVNode("div", { class: "bg-light radius-medium pd-medium" }, [
-            createElementVNode("p", { class: "t-medium t-black-transp-60" }, " Close Menu ")
+            createElementVNode("p", { class: "fw-medium t-black-transp-60" }, " Close Menu ")
           ], -1)
         ]))) : createCommentVNode("", true),
         createElementVNode("div", {
-          class: normalizeClass(["br-solid w-100 br-t", {
+          class: normalizeClass(["w-100 br-t-1px", {
             "pd-micro": !__props.stateSidebar,
             "pd-small": __props.stateSidebar,
             "br-light": __props.theme === "light",
@@ -103,13 +103,13 @@ const _sfc_main = {
         }, [
           createElementVNode("button", {
             onClick: _cache[1] || (_cache[1] = () => unref(store).core.actions.toggleTheme()),
-            class: normalizeClass(["transition-quint-out flex w-100 flex-center radius-small cursor-pointer flex-nowrap", [
+            class: normalizeClass(["ease-quint-out flex w-100 flex-center radius-small cursor-pointer flex-nowrap", [
               __props.stateSidebar ? "pd-thin justify-between" : "w-100 justify-center",
-              __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
+              __props.theme === "light" ? "hover:bg-light" : "hover:bg-dark"
             ]])
           }, [
             createElementVNode("span", {
-              class: normalizeClass(["w-100 t-nowrap transition-quint-out t-left t-medium mn-r-thin", { "hidden": !__props.stateSidebar, "visible": __props.stateSidebar }])
+              class: normalizeClass(["w-100 t-nowrap ease-quint-out t-left fw-medium mn-r-thin", { "hidden": !__props.stateSidebar, "visible": __props.stateSidebar }])
             }, " Dark Mode ", 2),
             createElementVNode("span", _hoisted_1, toDisplayString(unref(store).core.state.theme.darkmode ? "🌙" : "☀️"), 1)
           ], 2)
@@ -118,7 +118,7 @@ const _sfc_main = {
     };
   }
 };
-const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a9ee4417"]]);
+const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3592737"]]);
 export {
   Sidebar as default
 };

package/dist/martyrs/src/modules/core/views/components/partials/Sidebar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/Sidebar.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore()\n\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: String,\n    default: 'w-15r'\n  },\n  widthHidden:{\n    type: String,\n    default: 'w-3r '\n  },\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst { isPhone, isTablet } = useGlobalMixins()\nconst router = useRouter()\nconst route = useRoute()\n\n// Отдельный флаг для клика меню на mobile\nconst isManuallyOpened = ref(false)\n\n// Синхронизируем с stateSidebar ТОЛЬКО на mobile\nwatch(() => props.stateSidebar, (newVal) => {\n  if (isPhone() || isTablet()) {\n    isManuallyOpened.value = newVal\n  }\n})\n\nconst toggleSidebar = () => {\n  isManuallyOpened.value = !isManuallyOpened.value\n  if (!isManuallyOpened.value) {\n    emits('closeSidebar')\n  }\n}\n\nconst handleMouseEnter = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    store.core.state.isOpenSidebar = true\n  }\n}\n\nconst handleMouseLeave = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    store.core.state.isOpenSidebar = false\n  }\n}\n\nrouter.beforeEach((to, from) => {\n  // На mobile не трогаем state через навигацию\n  if (isPhone() || isTablet()) {\n    emits('closeSidebar')\n    return\n  }\n\n\n  // Desktop логика\n  // Если уходим с профиля И НЕ идем на профиль - закрыть\n  if (from.meta?.sidebarCloseOnLeave === true && to.meta?.sidebarOpenOnEnter !== true) {\n    store.core.state.isOpenSidebar = false\n  }\n\n  // Если приходим на профиль - открыть\n  if (to.meta?.sidebarOpenOnEnter === true) {\n    store.core.state.isOpenSidebar = true\n  }\n})\n</script>\n\n<template>\n  <aside\n    data-sidebar\n    class=\"transition-quint-out w-min-0 o-hidden flex-child-default z-index-2  br-r br-solid  flex flex-column h-100\"\n    :class=\"[\n      { 'mobile-opened': isManuallyOpened },\n      stateSidebar\n      ? `${width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100`\n      : `${widthHidden} mobile:w-0`,\n      //\n      theme === 'light'\n      ? 't-black bg-white br-light'\n      : 't-white bg-black br-dark'\n    ]\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- Slot for header component (e.g., ProfileCard) -->\n    <slot name=\"header\"></slot>\n\n    <!-- Slot for navigation content -->\n    <slot></slot>\n\n    <!-- Slot for footer component (e.g., HelpCard) -->\n    <slot name=\"footer\"></slot>\n    <div v-if=\"MOBILE_APP\" @click=\"() => toggleSidebar()\"  class=\"pos-relative\">\n      <div class=\"bg-light radius-medium pd-medium\">\n        <p  class=\"t-medium t-black-transp-60\">\n          Close Menu\n        </p>\n      </div>\n    </div>\n    <div \n      class=\"br-solid w-100 br-t\"\n      :class=\"{ \n        'pd-micro': !stateSidebar, \n        'pd-small': stateSidebar,\n        'br-light': theme === 'light',\n        'br-dark':  theme === 'dark'\n      }\"\n    >\n      <button\n        @click=\"() => store.core.actions.toggleTheme()\"\n        class=\"transition-quint-out flex w-100 flex-center radius-small cursor-pointer flex-nowrap\"\n        :class=\"[\n          stateSidebar ? 'pd-thin justify-between' : 'w-100 justify-center',\n          theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n        ]\"\n      >\n        <span\n          class=\"w-100 t-nowrap transition-quint-out  t-left t-medium mn-r-thin\"\n          :class=\"{ 'hidden': !stateSidebar, 'visible': stateSidebar }\"\n        >\n          Dark Mode\n        </span>\n        <span class=\"aspect-1x1 flex-child-default w-max-big w-100 flex flex-center \">\n          {{ store.core.state.theme.darkmode ? '🌙' : '☀️' }}\n        </span>\n      </button>\n    </div>\n  </aside>\n</template>\n\n<style scoped>\n.hidden {\n  opacity: 0;\n  width: 0;\n  display: none;\n}\n.visible {\n  opacity: 1;\n  display: block;\n}\n\n/* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */\n@media (max-width: 1024px) {\n  aside[data-sidebar] {\n    position: fixed !important;\n    left: 0 !important;\n    transform: translateX(-100%) !important;\n    visibility: hidden !important;\n    z-index: 1000 !important;\n  }\n\n  /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */\n  aside[data-sidebar].mobile-opened {\n    transform: translateX(0) !important;\n    visibility: visible !important;\n  }\n}\n\n/* Scrollbar styles */\n::-webkit-scrollbar {\n  width: 6px;\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n::-webkit-scrollbar-thumb {\n  background-color: var(--grey-micro);\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--grey-small);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAmBd,UAAM,QAAQ;AAId,UAAM,EAAE,SAAS,SAAQ,IAAK,gBAAe;AAC7C,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAGtB,UAAM,mBAAmB,IAAI,KAAK;AAGlC,UAAM,MAAM,MAAM,cAAc,CAAC,WAAW;AAC1C,UAAI,QAAO,KAAM,YAAY;AAC3B,yBAAiB,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,uBAAiB,QAAQ,CAAC,iBAAiB;AAC3C,UAAI,CAAC,iBAAiB,OAAO;AAC3B,cAAM,cAAc;AAAA,MACtB;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1D,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1D,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF;AAEA,WAAO,WAAW,CAAC,IAAI,SAAS;AAE9B,UAAI,QAAO,KAAM,YAAY;AAC3B,cAAM,cAAc;AACpB;AAAA,MACF;AAKA,UAAI,KAAK,MAAM,wBAAwB,QAAQ,GAAG,MAAM,uBAAuB,MAAM;AACnF,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAGA,UAAI,GAAG,MAAM,uBAAuB,MAAM;AACxC,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/Sidebar.vue"],"sourcesContent":["<script setup>\nimport { ref, watch } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore()\n\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: String,\n    default: 'w-15r'\n  },\n  widthHidden:{\n    type: String,\n    default: 'w-3r '\n  },\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst { isPhone, isTablet } = useGlobalMixins()\nconst router = useRouter()\nconst route = useRoute()\n\n// Отдельный флаг для клика меню на mobile\nconst isManuallyOpened = ref(false)\n\n// Синхронизируем с stateSidebar ТОЛЬКО на mobile\nwatch(() => props.stateSidebar, (newVal) => {\n  if (isPhone() || isTablet()) {\n    isManuallyOpened.value = newVal\n  }\n})\n\nconst toggleSidebar = () => {\n  isManuallyOpened.value = !isManuallyOpened.value\n  if (!isManuallyOpened.value) {\n    emits('closeSidebar')\n  }\n}\n\nconst handleMouseEnter = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    store.core.state.isOpenSidebar = true\n  }\n}\n\nconst handleMouseLeave = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    store.core.state.isOpenSidebar = false\n  }\n}\n\nrouter.beforeEach((to, from) => {\n  // На mobile не трогаем state через навигацию\n  if (isPhone() || isTablet()) {\n    emits('closeSidebar')\n    return\n  }\n\n\n  // Desktop логика\n  // Если уходим с профиля И НЕ идем на профиль - закрыть\n  if (from.meta?.sidebarCloseOnLeave === true && to.meta?.sidebarOpenOnEnter !== true) {\n    store.core.state.isOpenSidebar = false\n  }\n\n  // Если приходим на профиль - открыть\n  if (to.meta?.sidebarOpenOnEnter === true) {\n    store.core.state.isOpenSidebar = true\n  }\n})\n</script>\n\n<template>\n  <aside\n    data-sidebar\n    class=\"ease-quint-out w-min-0 o-hidden flex-child-default z-index-2  br-r-1px  flex flex-column h-100\"\n    :class=\"[\n      { 'mobile-opened': isManuallyOpened },\n      stateSidebar\n      ? `${width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100`\n      : `${widthHidden} mobile:w-0`,\n      //\n      theme === 'light'\n      ? 't-black bg-white br-light'\n      : 't-white bg-black br-dark'\n    ]\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- Slot for header component (e.g., ProfileCard) -->\n    <slot name=\"header\"></slot>\n\n    <!-- Slot for navigation content -->\n    <slot></slot>\n\n    <!-- Slot for footer component (e.g., HelpCard) -->\n    <slot name=\"footer\"></slot>\n    <div v-if=\"MOBILE_APP\" @click=\"() => toggleSidebar()\"  class=\"pos-relative\">\n      <div class=\"bg-light radius-medium pd-medium\">\n        <p  class=\"fw-medium t-black-transp-60\">\n          Close Menu\n        </p>\n      </div>\n    </div>\n    <div \n      class=\"w-100 br-t-1px\"\n      :class=\"{ \n        'pd-micro': !stateSidebar, \n        'pd-small': stateSidebar,\n        'br-light': theme === 'light',\n        'br-dark':  theme === 'dark'\n      }\"\n    >\n      <button\n        @click=\"() => store.core.actions.toggleTheme()\"\n        class=\"ease-quint-out flex w-100 flex-center radius-small cursor-pointer flex-nowrap\"\n        :class=\"[\n          stateSidebar ? 'pd-thin justify-between' : 'w-100 justify-center',\n          theme === 'light' ? 'hover:bg-light' : 'hover:bg-dark'\n        ]\"\n      >\n        <span\n          class=\"w-100 t-nowrap ease-quint-out  t-left fw-medium mn-r-thin\"\n          :class=\"{ 'hidden': !stateSidebar, 'visible': stateSidebar }\"\n        >\n          Dark Mode\n        </span>\n        <span class=\"aspect-1x1 flex-child-default w-max-big w-100 flex flex-center \">\n          {{ store.core.state.theme.darkmode ? '🌙' : '☀️' }}\n        </span>\n      </button>\n    </div>\n  </aside>\n</template>\n\n<style scoped>\n.hidden {\n  opacity: 0;\n  width: 0;\n  display: none;\n}\n.visible {\n  opacity: 1;\n  display: block;\n}\n\n/* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */\n@media (max-width: 1024px) {\n  aside[data-sidebar] {\n    position: fixed !important;\n    left: 0 !important;\n    transform: translateX(-100%) !important;\n    visibility: hidden !important;\n    z-index: 1000 !important;\n  }\n\n  /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */\n  aside[data-sidebar].mobile-opened {\n    transform: translateX(0) !important;\n    visibility: visible !important;\n  }\n}\n\n/* Scrollbar styles */\n::-webkit-scrollbar {\n  width: 6px;\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n::-webkit-scrollbar-thumb {\n  background-color: var(--grey-micro);\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb:hover {\n  background-color: var(--grey-small);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAmBd,UAAM,QAAQ;AAId,UAAM,EAAE,SAAS,SAAQ,IAAK,gBAAe;AAC7C,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAGtB,UAAM,mBAAmB,IAAI,KAAK;AAGlC,UAAM,MAAM,MAAM,cAAc,CAAC,WAAW;AAC1C,UAAI,QAAO,KAAM,YAAY;AAC3B,yBAAiB,QAAQ;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,uBAAiB,QAAQ,CAAC,iBAAiB;AAC3C,UAAI,CAAC,iBAAiB,OAAO;AAC3B,cAAM,cAAc;AAAA,MACtB;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1D,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1D,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF;AAEA,WAAO,WAAW,CAAC,IAAI,SAAS;AAE9B,UAAI,QAAO,KAAM,YAAY;AAC3B,cAAM,cAAc;AACpB;AAAA,MACF;AAKA,UAAI,KAAK,MAAM,wBAAwB,QAAQ,GAAG,MAAM,uBAAuB,MAAM;AACnF,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAGA,UAAI,GAAG,MAAM,uBAAuB,MAAM;AACxC,cAAM,KAAK,MAAM,gBAAgB;AAAA,MACnC;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/sections/{Filters.vue.js → Filters.vue2.js}

@@ -10,7 +10,7 @@ import _sfc_main$2 from "../../../../icons/entities/IconCalendar.vue.js";
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 import _sfc_main$6 from "./filters/FilterOptions.vue.js";
 import _sfc_main$1 from "../../../../icons/navigation/IconFilter.vue.js";
-/* empty css             */
+/* empty css            */
 const _hoisted_1 = { class: "flex o-x-scroll scroll-hide t-nowrap gap-thin" };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = ["onClick"];
@@ -270,4 +270,4 @@ const Filters = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c
 export {
   Filters as default
 };
-//# sourceMappingURL=Filters.vue.js.map
+//# sourceMappingURL=Filters.vue2.js.map