@ozdao/martyrs 0.2.551 → 0.2.553

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\t\n\timport * as core from '@martyrs/src/modules/core/views/store/core.store.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\t\n\t// Globasls Component\n\n\timport NotificationBadge from '@martyrs/src/modules/notifications/components/elements/NotificationBadge.vue';\n\t// import Navigation from '@martyrs/src/modules/core/views/components/partials/Navigation.vue'\n\t// Martyrs Component\n\timport Button from '@martyrs/src/components/Button/Button.vue'\n\timport Select from '@martyrs/src/components/Select/Select.vue'\n\timport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\t// Icons module\n\timport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n\timport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\timport IconSearch from '@martyrs/src/modules/icons/navigation/IconSearch.vue';\n\t// Props\n\tconst props = defineProps({\n    theme: {\n    \ttype: String,\n\t    default: \"light\"\n    },\n    logotype: {\n\t    type: Object\n\t  },\n\t  location: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n\t  theme_switcher: {\n\t    type: Boolean,\n\t\t  default: true\n\t  },\n  });\n\t// Accessing state\n\tconst router = useRouter()\n\tconst route = useRoute()\n\t// Localization\n\tconst { t } = useI18n()\n\t// const search = computed(() => store.products.state.search)\n\n\tfunction openLocationPopup() {\n\t  core.state.isOpenLocationPopup = true;\n\t}\n\t/////////////////////////////\n\t// MOUNTED\n\t/////////////////////////////\n\tonMounted(() => {\n    shopcart.actions.setShopcart()\n  });\n</script>\n\n<template>\n\t<header \n\t\tid=\"header\" \n\t\tclass=\"\n\t\t\tpd-thin \n\t\t\tgap-micro\n\t\t\tflex-justify-between\n\t\t\tflex-nowrap\n\t\t\tflex\n\t\t\th-4r\n\t\t\tw-100\n\t\t\tz-index-2 \n\t\t\tpos-relative pos-t-0\n\t\t\tbr-b\n\t\t\tbr-solid\n\t\t\"\n\t\t:class=\"{\n  \t\t't-black br-light': theme === 'light',\n  \t\t't-white br-dark': theme === 'dark'  \n  \t}\"\n\t>\n\t<div class=\"flex-nowrap flex-v-center flex-justify-start flex gap-micro \">\n\t\t<!-- MENU -->\n\t\t<button  \n\t\t\taria-label=\"menu\"\n\t\t\t@click=\"() => core.state.isOpenSidebar = !core.state.isOpenSidebar\" \n\t\t\tclass=\"cursor-pointer mobile-only menu-btn\"\n\t\t\t:class=\"{\n\t\t\t\t'menu-btn_active': core.state.isOpenSidebar\n\t\t\t}\"\n\t\t>\n\t    <span\n\t    \tclass=\"no-events\"\n\t\t    :class=\"{\n\t\t      'bg-black': theme === 'light',\n\t\t      'bg-white': theme === 'dark'\n\t\t    }\"\n\t\t  >\n\t\t    <span class=\"menu-btn__before\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t    <span class=\"menu-btn__after\" :class=\"{ 'bg-black': theme === 'light', 'bg-white': theme === 'dark' }\"></span>\n\t\t  </span>\n\t  </button>\n\n\t\t<!-- LOGO -->\n\t\t<component\n\t\t\tv-if=\"logotype\"\n\t\t  :is=\"logotype\"\n\t\t  @click=\"router.push({ path: '/' })\" \n\t\t  :theme=\"theme\"\n\t\t  class=\"cursor-pointer h-2r\"\n\t\t/>\n\n\t\t<button\n\t\t\tv-if=\"location\"\n\t\t\taria-label=\"button_location\"\n    \tclass=\"\n    \t\tcursor-pointer\n    \t\tbg-transp \n    \t\tpd-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\tt-nowrap\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{core.state.position?.country ? core.state.position.country : 'World'}}\n    </button>\n  </div>\n\n \t<slot></slot>\n\n\t<div class=\"flex-justify-end flex-v-center flex-nowrap flex gap-micro\">\n\t\t<Button \n\t\t\tv-if=\"router.hasRoute('Search') && route.meta.header_search\"\n\t\t\taria-label=\"search\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:class=\"route.meta.header_search_class\"\n\t\t\t:submit=\"() => router.push({name: 'Search'})\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconSearch \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\t\n\t\t<Button\n\t\t\taria-label=\"shopcart\"\n\t\t\t:submit=\"a => shopcart.actions.toggleShopcart()\" \n\t\t\t:counter=\"shopcart.getters.cartTotalAmount\" \n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t\tclass=\"pd-zero mn-r-micro\"\n\t\t\t> \n\t\t\t<IconShopcart \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t\t<!-- <div class=\"w-max p-small pos-absolute pos-t-100 pos-r-0\">Product Added to Shopcart</div> -->\n\t\t</Button>\n\n\n\t\t<NotificationBadge\n\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t/>\n\n\t\t<Button \n\t\t\taria-label=\"profile\"\n\t\t\tclass=\"pd-zero bg-transp\"\n\t\t\t:submit=\"\n\t\t\t\tauth.state.access.status === false \n\t\t\t\t? \n\t\t\t\ta => router.push({name: 'Sign In'}) \n\t\t\t\t: \n\t\t\t\ta => router.push({ name: 'User Profile', params: { _id: auth.state.user._id }})\n\t\t\t\"\n\t\t\t:showSucces=\"false\"\n\t\t\t:showLoader=\"false\"\n\t\t>\n\t\t\t<IconProfile \n\t\t\t\tclass=\"i-medium\"\n\t\t\t\t:fill=\"theme === 'light' ? 'rgb(var(--black))' : 'rgb(var(--white))'\" \n\t\t\t/>\n\t\t</Button>\n\n\t\t<Select \n\t\t\tv-if=\"$i18n.availableLocales.length > 1\"\n\t\t\tv-model:select=\"$i18n.locale\"\n\t\t  :options=\"$i18n.availableLocales\"\n\t\t  :property=\"'value'\"\n      class=\"pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin\"\n      :class=\"{\n    \t\t'bg-light t-black': theme === 'light',\n    \t\t'bg-dark t-white': theme === 'dark'  \n    \t}\"\n    />\n  </div>\n</header>\n  \n</template>\n\n<style lang=\"scss\">\n.location-button { \n\t&:hover {\n\t\tbox-shadow: inset 0 0 0 2px rgb(var(--main));\n\t}\n}\n\n.menu-btn {\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  position: relative;\n}\n.menu-btn span,\n.menu-btn__before,\n.menu-btn__after {\n  position: absolute;\n  top: 50%;\n  margin-top: -1px;\n  left: 50%;\n  margin-left: -10px;\n  width: 20px;\n  height: 2px;\n}\n.menu-btn__before,\n.menu-btn__after {\n  display: block;\n  transition: 0.2s;\n}\n.menu-btn__before {\n  transform: translateY(-5px);\n}\n.menu-btn__after {\n  transform: translateY(5px);\n}\n.menu-btn_active .menu-btn__before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active .menu-btn__after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-btn_active span:before {\n  transform: rotate(-35deg);\n  width: 10px;\n  transform-origin: left bottom;\n}\n.menu-btn_active span:after {\n  transform: rotate(35deg);\n  width: 10px;\n  transform-origin: left top;\n}\n\n.menu-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.menu-nav {\n  background-color: #fff;\n  height: 50px;\n  \n}\n.menu-nav__link {\n  display: inline-block;\n  text-decoration: none;\n  color: #fff;\n  margin-right: 20px;\n}\n.menu-nav__link {\n  transition: 0.5s;\n  transform-origin: right center;\n  transform: translateX(50%);\n  opacity: 0;\n}\n.menu-nav__link_active {\n  transform: translateX(0%);\n  opacity: 1;\n}\n\n</style>"],"names":["core.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,EAAC,IAAK,QAAO;AAGrB,aAAS,oBAAoB;AAC3BA,YAAW,sBAAsB;AAAA,IACnC;AAIA,cAAU,MAAM;AACbC,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\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-l-micro pd-r-micro\n    \t\tradius-extra \n    \t\tuppercase \n    \t\tt-semi\n    \t\tbr-solid \n    \t\tbr-2px \n    \t\ttransition-linear\n    \t\tt-nowrap\n    \t\n    \t\"\n    \t:class=\"{\n    \t\t'fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white': theme === 'light',\n    \t\t'fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black': theme === 'dark'  \n    \t}\"\n    \t@click=\"openLocationPopup()\"\n    >\n    \t<svg class=\"i-small\" :fill=\"'inherit'\" xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"67\" viewBox=\"0 0 50 67\" fill=\"none\">\n\t\t\t  <path d=\"M25 0C11.207 0 0 11.207 0 25C0 38.793 20.832 66.668 25 66.668C29.168 66.668 50 38.793 50 25C50 11.207 38.793 0 25 0ZM25 33.332C20.418 33.332 16.668 29.582 16.668 25C16.668 20.418 20.418 16.668 25 16.668C29.582 16.668 33.332 20.418 33.332 25C33.332 29.582 29.582 33.332 25 33.332Z\" :fill=\"'inherit'\"/>\n\t\t\t</svg>\n    \t {{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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,13 +3,14 @@ import _sfc_main$1 from "../../../../../components/Address/Address.vue.js";
 import _sfc_main$2 from "../../../../../components/LocationMarker/LocationMarker.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import { state } from "../../store/core.store.js";
+import { useStore } from "../../store/core.store.js";
 const _hoisted_1 = { class: "t-center flex-center" };
 const _hoisted_2 = { class: "mn-b-semi" };
 const _hoisted_3 = { class: "mn-b-small t-transp p-regular" };
 const _sfc_main = {
   __name: "LocationSelection",
   setup(__props) {
+    const store = useStore();
     useRoute();
     useRouter();
     const position = ref({
@@ -20,12 +21,12 @@ const _sfc_main = {
       location: null
     });
     function savePosition() {
-      state.position = { ...position.value };
-      state.isOpenLocationPopup = false;
-      localStorage.setItem("position", JSON.stringify(state.position));
+      store.core.state.position = { ...position.value };
+      store.core.state.isOpenLocationPopup = false;
+      localStorage.setItem("position", JSON.stringify(store.core.state.position));
     }
     onMounted(() => {
-      position.value = { ...state.position };
+      position.value = { ...store.core.state.position };
     });
     const text = {
       messages: {

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 * as core from '@martyrs/src/modules/core/views/store/core.store.js'\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n\nconst position = ref({\n\tcountry: null,\n  state: null,\n  city: null,\n  address: null,\n  location: null,\n})\n\nfunction savePosition() {\n\tcore.state.position = { ...position.value };\n\tcore.state.isOpenLocationPopup = false\n\n\tlocalStorage.setItem('position', JSON.stringify(core.state.position));\n}\n\nonMounted(() => {\n\tposition.value = { ...core.state.position }\n})\n\n// Localization\nconst text = {\n  messages: {\n    en: {\n\t    title: \"Choose Your Location\",\n\t    description: \"Enter your address or select it on the map to see the nearest offers to you.\",\n    },\n    ru: {\n\t\t  title: \"Выбор Локации\",\n\t    description: \"Пожалуйста, выберите вашу страну из списка ниже, чтобы увидеть варианты доставки и другую актуальную информацию:\"\n\t  }\n\t}\n}\nconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["core.state"],"mappings":";;;;;;;;;;;;AAmFc,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;AACvBA,YAAW,WAAW,EAAE,GAAG,SAAS,MAAK;AACzCA,YAAW,sBAAsB;AAEjC,mBAAa,QAAQ,YAAY,KAAK,UAAUA,MAAW,QAAQ,CAAC;AAAA,IACrE;AAEA,cAAU,MAAM;AACf,eAAS,QAAQ,EAAE,GAAGA,MAAW,SAAQ;AAAA,IAC1C,CAAC;AAGD,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACH,OAAO;AAAA,UACP,aAAa;AAAA,QAClB;AAAA,QACI,IAAI;AAAA,UACJ,OAAO;AAAA,UACN,aAAa;AAAA,QAClB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 import { ref, createElementBlock, openBlock, normalizeClass, Fragment, renderList, withDirectives, createCommentVNode, createElementVNode, toDisplayString, createBlock, createVNode, withCtx, unref, resolveDynamicComponent, withModifiers, Transition, vShow } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
-import { state } from "../../store/core.store.js";
-import { state as state$1 } from "../../../../auth/views/store/auth.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";
 /* empty css                                            */
 /* empty css                */
@@ -56,6 +56,7 @@ const _sfc_main = {
     "closeSidebar"
   ],
   setup(__props, { emit: __emit }) {
+    const store = useStore();
     const router = useRouter();
     const route = useRoute();
     const props = __props;
@@ -83,7 +84,7 @@ const _sfc_main = {
     };
     const processRoute = (routeFn) => {
       if (typeof routeFn === "function") {
-        return routeFn(state$1, route);
+        return routeFn(state, route);
       }
       return routeFn;
     };
@@ -155,7 +156,7 @@ const _sfc_main = {
                               subItem.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(subItem.iconComponent), {
                                 key: 0,
                                 class: "i-medium",
-                                fill: state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
+                                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)),
                               createElementVNode("span", _hoisted_5, toDisplayString(subItem.title), 1)
                             ], 10, _hoisted_3)
@@ -177,7 +178,7 @@ const _sfc_main = {
                       item.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(item.iconComponent), {
                         key: 0,
                         class: "i-medium flex-child-default",
-                        fill: state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
+                        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),
                       !item.iconComponent ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(item.icon), 1)) : createCommentVNode("", true)
                     ])) : createCommentVNode("", true),
@@ -220,7 +221,7 @@ const _sfc_main = {
                               subItem.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(subItem.iconComponent), {
                                 key: 0,
                                 class: "i-medium",
-                                fill: state.theme.darkmode || __props.theme === "dark" ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.25)"
+                                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)),
                               createElementVNode("span", _hoisted_13, toDisplayString(subItem.title), 1)
                             ], 10, _hoisted_11)
@@ -231,19 +232,19 @@ const _sfc_main = {
                     _: 2
                   }, 1024)
                 ])), [
-                  [vShow, !item.visible || (typeof item.visible === "function" ? item.visible(state$1, unref(route)) : true)]
+                  [vShow, !item.visible || (typeof item.visible === "function" ? item.visible(state, unref(route)) : true)]
                 ]);
               }), 128))
             ], 2)
           ], 2)), [
-            [vShow, !section.visible || (typeof section.visible === "function" ? section.visible(state$1, unref(route)) : true)]
+            [vShow, !section.visible || (typeof section.visible === "function" ? section.visible(state, unref(route)) : true)]
           ]);
         }), 128))
       ], 2);
     };
   }
 };
-const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-df6a639b"]]);
+const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98c67bb6"]]);
 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 * as core from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array,\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// Process route functions with auth data and route\nconst processRoute = (routeFn) => {\n  if (typeof routeFn === 'function') {\n    return routeFn(auth.state, route)\n  }\n  return routeFn\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-visible  h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only gap-thin flex flex-center flex-nowrap o-y-visible' : 'o-y-scroll gap-medium rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state, route) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max  flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? '' : '',\n      ]\"\n    >\n      <div\n        v-if=\"section.category && stateSidebar && !horizontal\"\n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-micro',\n        ]\"\n      >\n        <li\n          v-for=\"item in section.items\"\n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state, route) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n\n        >\n        <Dropdown\n          v-if=\"item.subItems && horizontal\"\n          class=\"w-100\"\n          align=\"left\"\n          trigger=\"hover\"\n        >\n          <template #label>\n            <button\n              class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center pd-thin\"\n              @click=\"item.route ? router.push(processRoute(item.route)) : null\"\n              :class=\"[\n                item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n              ]\"\n            >\n              <span class=\"t-medium\">{{ item.title }}</span>\n              <!-- <IconChevronBottom :fill=\"theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small mn-l-thin\"/> -->\n            </button>\n          </template>\n          <ul class=\"dropdown-submenu bg-blur-small\" :class=\"theme === 'light' ? 'bg-white-transp-50 ' : 'bg-black-transp-50'\">\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              <a\n                @click=\"subItem.route ? router.push(processRoute(subItem.route)) : null\"\n                href=\"#\"\n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                  theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                ]\"\n              >\n                <component\n                  v-if=\"subItem.iconComponent\"\n                  :is=\"subItem.iconComponent\"\n                  class=\"i-medium\"\n                  :fill=\"core.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </Dropdown>\n        <button\n          v-else\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component\n              v-if=\"item.iconComponent\"\n              :is=\"item.iconComponent\"\n              class=\"i-medium flex-child-default\"\n              :fill=\"core.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span\n              v-if=\"!item.iconComponent \"\n              class=\"p-regular\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n\n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n\n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\"\n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n\n              <a\n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\"\n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component\n                  v-if=\"subItem.iconComponent\"\n                  :is=\"subItem.iconComponent\"\n                  class=\"i-medium\"\n                 :fill=\"core.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition>\n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n/* Horizontal dropdown submenu */\n.dropdown-submenu {\n  list-style: none;\n  padding: 0.5rem;\n  margin: 0;\n  min-width: 12rem;\n}\n\n.dropdown-submenu li {\n  width: 100%;\n}\n\n.dropdown-submenu a {\n  display: flex;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n/* Transition for horizontal dropdown */\n:deep(.TransitionTranslateY-enter-active),\n:deep(.TransitionTranslateY-leave-active) {\n  transition: translateY 0.2s ease;\n   transition: opacity 0.2s ease;\n}\n\n:deep(.TransitionTranslateY-enter-from),\n:deep(.TransitionTranslateY-leave-to) {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n:deep(.TransitionTranslateY-enter-to),\n:deep(.TransitionTranslateY-leave-from) {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,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,SAAY,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</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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,9 +4,9 @@ import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconProfile.vue.js";
 import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
-import { state } from "../../store/core.store.js";
+import { useStore } from "../../store/core.store.js";
 import { getters, actions } from "../../../../orders/store/shopcart.js";
-import { state as state$1 } from "../../../../auth/views/store/auth.js";
+import { state } from "../../../../auth/views/store/auth.js";
 /* empty css                   */
 const _hoisted_1 = { class: "pos-sticky w-100 z-index-3 flex-center flex t-center pd-medium" };
 const _hoisted_2 = {
@@ -26,11 +26,12 @@ const _sfc_main = {
     }
   },
   setup(__props) {
+    const store = useStore();
     const props = __props;
     const router = useRouter();
     const route = useRoute();
     const { t, mergeLocaleMessage, locale } = useI18n();
-    const actions$1 = computed(() => state.navigation_bar.actions || route.meta?.actions || []);
+    const actions$1 = computed(() => store.core.state.navigation_bar.actions || route.meta?.actions || []);
     function handleBackNavigation() {
       if (route.query?.afterAuth) {
         router.push({ name: "Home" });
@@ -39,10 +40,10 @@ const _sfc_main = {
       }
     }
     function handleToggle() {
-      if (state$1.access.status === false) {
+      if (state.access.status === false) {
         router.push({ name: "Sign In" });
       } else {
-        router.push({ name: "User Profile", params: { _id: state$1.user._id } });
+        router.push({ name: "User Profile", params: { _id: state.user._id } });
       }
     }
     return (_ctx, _cache) => {
@@ -82,7 +83,7 @@ const _sfc_main = {
               props.logotype && unref(route).meta.title_hide ? (openBlock(), createBlock(resolveDynamicComponent(props.logotype), {
                 key: 0,
                 theme: __props.theme
-              }, null, 8, ["theme"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.formateText(state.navigation_bar.name || unref(route).meta?.title?.[unref(locale).toLowerCase()] || unref(route).name)), 1))
+              }, null, 8, ["theme"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.formateText(unref(store).core.state.navigation_bar.name || unref(route).meta?.title?.[unref(locale).toLowerCase()] || unref(route).name)), 1))
             ]))
           ]),
           _: 1

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(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 * as core from '@martyrs/src/modules/core/views/store/core.store.js'\n\timport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\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(() => 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","core.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFC,UAAM,QAAQ;AAUd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,EAAE,GAAG,oBAAoB,OAAM,IAAK,QAAO;AAEjD,UAAMA,YAAU,SAAS,MAAMC,MAAW,eAAe,WAAW,MAAM,MAAM,WAAW,CAAA,CAAE;AAE7F,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,QAAW,OAAO,WAAW,OAAO;AACvC,eAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,MAC9B,OAAO;AACN,eAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKA,QAAW,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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
-import { createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, toDisplayString } from "vue";
+import { ref, watch, createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, toDisplayString } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useGlobalMixins } from "../../mixins/mixins.js";
-import { actions, state } from "../../store/core.store.js";
+import { useStore } from "../../store/core.store.js";
 /* empty css             */
 import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "aspect-1x1 flex-child-default w-max-big w-100 flex flex-center" };
@@ -29,31 +29,50 @@ const _sfc_main = {
     "closeSidebar"
   ],
   setup(__props, { emit: __emit }) {
+    const store = useStore();
+    const props = __props;
     const emits = __emit;
     const { isPhone, isTablet } = useGlobalMixins();
     const router = useRouter();
     const route = useRoute();
+    const isManuallyOpened = ref(false);
+    watch(() => props.stateSidebar, (newVal) => {
+      if (isPhone() || isTablet()) {
+        isManuallyOpened.value = newVal;
+      }
+    });
     const toggleSidebar = () => {
-      emits("closeSidebar");
+      isManuallyOpened.value = !isManuallyOpened.value;
+      if (!isManuallyOpened.value) {
+        emits("closeSidebar");
+      }
     };
     const handleMouseEnter = () => {
       if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {
-        state.isOpenSidebar = true;
+        store.core.state.isOpenSidebar = true;
       }
     };
     const handleMouseLeave = () => {
       if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {
-        state.isOpenSidebar = false;
+        store.core.state.isOpenSidebar = false;
       }
     };
     router.beforeEach((to, from) => {
       if (isPhone() || isTablet()) {
-        emits("closeSidebar");
+        return;
+      }
+      if (from.meta?.sidebarCloseOnLeave === true && to.meta?.sidebarOpenOnEnter !== true) {
+        store.core.state.isOpenSidebar = false;
+      }
+      if (to.meta?.sidebarOpenOnEnter === true) {
+        store.core.state.isOpenSidebar = true;
       }
     });
     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", [
+          { "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`,
           //
           __props.theme === "light" ? "t-black bg-white br-light" : "t-white bg-black br-dark"
@@ -82,7 +101,7 @@ const _sfc_main = {
           }])
         }, [
           createElementVNode("button", {
-            onClick: _cache[1] || (_cache[1] = () => actions.toggleTheme()),
+            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", [
               __props.stateSidebar ? "pd-thin justify-between" : "w-100 justify-center",
               __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
@@ -91,14 +110,14 @@ const _sfc_main = {
             createElementVNode("span", {
               class: normalizeClass(["w-100 t-nowrap transition-quint-out t-left t-medium mn-r-thin", { "hidden": !__props.stateSidebar, "visible": __props.stateSidebar }])
             }, " Dark Mode ", 2),
-            createElementVNode("span", _hoisted_1, toDisplayString(state.theme.darkmode ? "🌙" : "☀️"), 1)
+            createElementVNode("span", _hoisted_1, toDisplayString(unref(store).core.state.theme.darkmode ? "🌙" : "☀️"), 1)
           ], 2)
         ], 2)
       ], 34);
     };
   }
 };
-const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8a8deddd"]]);
+const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a896578"]]);
 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 * as core from '@martyrs/src/modules/core/views/store/core.store.js'\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\nconst toggleSidebar = () => {\n  emits('closeSidebar')\n}\n\nconst handleMouseEnter = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    core.state.isOpenSidebar = true\n  }\n}\n\nconst handleMouseLeave = () => {\n  if (route.meta?.sidebar_hover && !isPhone() && !isTablet()) {\n    core.state.isOpenSidebar = false\n  }\n}\n\nrouter.beforeEach((to, from) => {\n   if (isPhone() || isTablet()) {\n    emits('closeSidebar')\n  }\n})\n</script>\n\n<template>\n  <aside\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      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=\"() => 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          {{ 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/* 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":["core.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAM,QAAQ;AAId,UAAM,EAAE,SAAS,SAAQ,IAAK,gBAAe;AAC7C,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,gBAAgB,MAAM;AAC1B,YAAM,cAAc;AAAA,IACtB;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1DA,cAAW,gBAAgB;AAAA,MAC7B;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,MAAM,iBAAiB,CAAC,QAAO,KAAM,CAAC,YAAY;AAC1DA,cAAW,gBAAgB;AAAA,MAC7B;AAAA,IACF;AAEA,WAAO,WAAW,CAAC,IAAI,SAAS;AAC7B,UAAI,QAAO,KAAM,YAAY;AAC5B,cAAM,cAAc;AAAA,MACtB;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    return\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;AAAA,MACF;AAIA,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/Walkthrough.vue.js

@@ -4,13 +4,8 @@ import emblaCarouselVue from "../../../../../../../node_modules/.pnpm/embla-caro
 import _sfc_main$1 from "../../../../icons/entities/IconBell.vue.js";
 import _sfc_main$2 from "../../../../icons/entities/IconAddress.vue.js";
 import { AppTrackingTransparency } from "../../../../../../../node_modules/.pnpm/capacitor-plugin-app-tracking-transparency@2.0.5_@capacitor_core@7.0.1/node_modules/capacitor-plugin-app-tracking-transparency/dist/esm/index.js";
+import "../../../../notifications/notifications.client.js";
 import { Preferences } from "../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.0_@capacitor_core@7.0.1/node_modules/@capacitor/preferences/dist/esm/index.js";
-/* empty css                                                                         */
-/* empty css                                                                */
-/* empty css                                                                   */
-/* empty css                                    */
-/* empty css                                         */
-/* empty css                                                                   */
 /* empty css                 */
 const _hoisted_1 = { class: "embla__container w-100 z-index-1" };
 const _hoisted_2 = { class: "pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide" };

package/dist/martyrs/src/modules/core/views/components/sections/Walkthrough.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Walkthrough.vue.js","sources":["../../../../../../../../src/modules/core/views/components/sections/Walkthrough.vue"],"sourcesContent":["<template>\n\t<div class=\"pos-fixed  pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla\" ref=\"emblaNode\">\n    \n\n    <div class=\"embla__container w-100 z-index-1\">\n\t    \n\n\t\t  <!-- SLIDE 1 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t    \t\t<!-- <div class=\"pos-absolute w-100 h-100 z-index-0 pos-t-0 pos-r-0\">\n\t    \t\t\t<div class=\"pos-absolute z-index-1 pos-t-0 pos-r-0 w-100 h-100 bg-black-grad\"></div>\n\t    \t\t\t<img class=\"pos-absolute z-index-0 pos-t-0 pos-r-0 object-fit-cover h-100 w-100\" src=\"/assets/walkthrough/1.png\">\n\t    \t\t</div> -->\n    \t\t<div \n    \t\t\tclass=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\"\n    \t\t\t :style=\"{ opacity: tweenSlides.length ? tweenSlides[0] : undefined, transform: tweenSlides[0] ? `scale(${tweenSlides[0]})` : '' }\"\n    \t\t>\n    \t\t\t<img \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\n\t        <h3 class=\"h3 mn-b-medium\">Welcome to 3SR</h3>\n\t        \n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators.\n\t        </p>\n\n\n\t        <button @click=\"nextSlide\" class=\"bg-main p-semi w-max button\">\n\t          Get Started\n\t        </button>\n\t      </div>\n    \t</div>\n\n    \t<!-- SLIDE 2 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t\t\t\t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconBell/>\n          </div>\n\n\t        <h3 class=\"h3 mn-b-medium\">Stay in the Loop</h3>\n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform.\n\t        </p>\n\n\t        <div class=\"flex flex-column flex-center gap-small\">\n\t          <button @click=\"requestNotificationPermission\" class=\"bg-main p-semi w-max button\">\n\t\t\t\t\t\t \t Enable Notifications\n\t\t\t\t\t\t </button>\n\t          <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n\t            Maybe Later\n\t          </button>\n\t        </div>\n\t      </div>\n\t\t\t</div>\n\n\t\t\t<!-- SLIDE 3 -->\n\t\t  <!-- ------------------------------- -->\n\t\t\t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconAddress/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Find Nearby Equipment</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestLocationPermission\" class=\"bg-main p-semi w-max button\">\n              Enable Location\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Skip for Now\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 4 - App Tracking Transparency -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconShield/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Personalized Experience</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Allow us to provide you with personalized recommendations and improve your app experience based on your preferences.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestTrackingPermission\" class=\"bg-main p-semi w-max button\">\n              Allow Tracking\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Ask App Not to Track\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 5 - Final -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n      \t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n\t      \t<img loading=\"lazy\" \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\t      \t<h3 class=\"h3 mn-b-medium\">Ready to Rent?</h3>\n\t      \t<p class=\"p-regular t-transp mn-b-big\">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>\n\t    \n\t      \t<button @click=\"openFirstRoute('Sign Up')\" class=\"bg-main p-semi w-100 button mn-b-thin\">Create Account</button> \n\t      \t<button @click=\"openFirstRoute('Sign In')\" class=\"bg-light t-black p-semi w-100 button mn-b-semi\">Sign In</button>\n\n\t\t      <p class=\"p-small mn-b-medium t-transp\">Or explore as a guest:</p> \n\t      \t<button @click=\"setFirstUseFalse()\" class=\"bg-light p-semi w-max button\">Continue as Guest</button>\n      \t</div>\n\t    </div>\n\n    </div>\n\n    <div class=\"\n\t    embla__dots\n    \tz-index-5 \n    \th-4r \n    \tpos-absolute \n    \tpos-t-1r \n    \tflex-nowrap \n    \tflex \n    \tflex-center \n    \tgap-thin \n    \tw-100\"\n    >\n\t    <button\n\t      v-for=\"(snap, index) in scrollSnaps\"\n\t      :key=\"index\"\n\t      @click=\"scrollTo(index)\"\n\t      :class=\"[\n\t        'embla__dot bg- i-small radius-extra',\n\t\t\t\t\t{ 'bg-light': index !== selectedIndex },\n\t        { 'bg-main': index === selectedIndex }\n\t      ]\"\n\t    >\n\t\t  </button>\n\n\t\t  <button \n\t\t  \t@click.native=\"setFirstUseFalse()\" \n\t\t  \tclass=\"\n\t\t  \t\tpd-small\n\t\t  \t\tbg-white\n\t\t  \t\tt-black\n\t\t  \t\tw-6r \n\t\t  \t\tpos-b-0r \n\t\t  \t\tflex-nowrap \n\t\t  \t\tflex \n\t\t  \t\tflex-center \n\t\t  \t\tpos-r-1r \n\t\t  \t\tpos-relative \n\t\t  \t\tradius-small \n\t\t  \t\tuppercase \n\t\t  \t\tpos-absolute\n\t\t  \t\"> \n\t\t  \t<span>Skip</span>\n\t\t  </button>\n\t  </div>\n\t</div>\n\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, inject } from 'vue';\n\timport { useRoute, useRouter } from 'vue-router'\n\n\timport emblaCarouselVue from 'embla-carousel-vue'; \n\n\timport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\timport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\timport IconShield from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n\timport { AppTrackingTransparency } from 'capacitor-plugin-app-tracking-transparency';\n\n\tconst props = defineProps(['slides', 'options']);\n\tconst emits = defineEmits(['updateFirstUse'])\n\tconst router = useRouter()\n\t\n\t// Get notification manager directly\n\timport ModuleNotifications from '@martyrs/src/modules/notifications/notifications.client.js'\n\n\t// Set firstUse\n\timport { Preferences } from '@capacitor/preferences';\n\n\tconst permissions = reactive({\n\t  notifications: false,\n\t  location: false,\n\t  tracking: false\n\t})\n\n\tasync function setFirstUseFalse() {\n    await Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n    emits('updateFirstUse', false);\n  }\n\n  async function openFirstRoute(routeName) {\n\t\tawait router.push({name: routeName})\n\n\t\tawait Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n\t\temits('updateFirstUse', false);\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: false })\n\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\tconst TWEEN_FACTOR = 3\n\tconst tweenValues = ref([])\n\tconst tweenSlides = ref([])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\n\tconst nextSlide = () => {\n\t\tif (emblaApi.value) {\n\t\t\temblaApi.value.scrollNext();\n\t\t}\n\t};\n\n\tconst onInit = (embla) => {\n\t  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\t};\n\n\tconst onSelect = (embla) => {\n\t  selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\t};\n\n\tlet scrollRAF = null;\n\tconst onScroll = (embla) => {\n\t\t// Cancel previous frame if exists\n\t\tif (scrollRAF) cancelAnimationFrame(scrollRAF);\n\t\t\n\t\tscrollRAF = requestAnimationFrame(() => {\n\t\t\tconst engine = emblaApi.value.internalEngine()\n\t\t\tconst scrollProgress = emblaApi.value.scrollProgress()\n\t\t\t// Cache snapList to avoid calling it twice\n\t\t\tconst snapList = emblaApi.value.scrollSnapList()\n\n\t\t\tconst stylesOpacity = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tconst tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n\t\t\t\treturn  Math.min(Math.max(tweenValue, 0), 1)\n\t\t\t})\n\n\t\t\tconst styles = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn diffToTarget * (1 / TWEEN_FACTOR) * 100\n\t\t\t})\n\n\t\t\t// Batch updates together\n\t\t\ttweenSlides.value = stylesOpacity\n\t\t\ttweenValues.value = styles\n\t\t});\n\t}\n\n\n\tonMounted(() => {\n\t  emblaApi.value.on('init', onInit)\n\t  emblaApi.value.on('select', onSelect)\n\t  emblaApi.value.on('scroll', onScroll)\n\t});\n\n\tconst requestNotificationPermission = async () => {\n\t  try {\n\t    // Use notification manager from global store if available\n\t    const notificationManager = window.$store?.notificationManager;\n\t    \n\t    if (notificationManager) {\n\t      await notificationManager.pushHandler.requestPermissions();\n\t      await notificationManager.registerWebPush(window.$store);\n\t      permissions.notifications = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide()\n\t    }, 1000)\n\t  } catch (error) {\n\t    console.error('Notification permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestLocationPermission = async () => {\n\t  try {\n\t    if (!('geolocation' in navigator)) {\n\t      nextSlide()\n\t      return\n\t    }\n\n\t    navigator.geolocation.getCurrentPosition(\n\t      () => {\n\t        permissions.location = true\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      () => {\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      { timeout: 8000 }\n\t    )\n\t  } catch (error) {\n\t    console.error('Location permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestTrackingPermission = async () => {\n\t  try {\n\t    const { status } = await AppTrackingTransparency.requestPermission();\n\t    \n\t    if (status === 'authorized') {\n\t      permissions.tracking = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide();\n\t    }, 1000);\n\t  } catch (error) {\n\t    console.error('Tracking permission error:', error);\n\t    nextSlide();\n\t  }\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Walkthrough.vue.js","sources":["../../../../../../../../src/modules/core/views/components/sections/Walkthrough.vue"],"sourcesContent":["<template>\n\t<div class=\"pos-fixed  pos-t-0 pos-l-0 w-100 h-100vh z-index-6 bg-white flex embla\" ref=\"emblaNode\">\n    \n\n    <div class=\"embla__container w-100 z-index-1\">\n\t    \n\n\t\t  <!-- SLIDE 1 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t    \t\t<!-- <div class=\"pos-absolute w-100 h-100 z-index-0 pos-t-0 pos-r-0\">\n\t    \t\t\t<div class=\"pos-absolute z-index-1 pos-t-0 pos-r-0 w-100 h-100 bg-black-grad\"></div>\n\t    \t\t\t<img class=\"pos-absolute z-index-0 pos-t-0 pos-r-0 object-fit-cover h-100 w-100\" src=\"/assets/walkthrough/1.png\">\n\t    \t\t</div> -->\n    \t\t<div \n    \t\t\tclass=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\"\n    \t\t\t :style=\"{ opacity: tweenSlides.length ? tweenSlides[0] : undefined, transform: tweenSlides[0] ? `scale(${tweenSlides[0]})` : '' }\"\n    \t\t>\n    \t\t\t<img \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\n\t        <h3 class=\"h3 mn-b-medium\">Welcome to 3SR</h3>\n\t        \n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Access premium cameras, lenses, lighting, and audio gear through our app designed for filmmakers and content creators.\n\t        </p>\n\n\n\t        <button @click=\"nextSlide\" class=\"bg-main p-semi w-max button\">\n\t          Get Started\n\t        </button>\n\t      </div>\n    \t</div>\n\n    \t<!-- SLIDE 2 -->\n\t\t  <!-- ------------------------------- -->\n    \t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n\t\t\t\t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconBell/>\n          </div>\n\n\t        <h3 class=\"h3 mn-b-medium\">Stay in the Loop</h3>\n\t        <p class=\"p-regular t-transp mn-b-big\">\n\t          Get instant notifications about equipment availability, booking confirmations, and exclusive deals from our rental platform.\n\t        </p>\n\n\t        <div class=\"flex flex-column flex-center gap-small\">\n\t          <button @click=\"requestNotificationPermission\" class=\"bg-main p-semi w-max button\">\n\t\t\t\t\t\t \t Enable Notifications\n\t\t\t\t\t\t </button>\n\t          <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n\t            Maybe Later\n\t          </button>\n\t        </div>\n\t      </div>\n\t\t\t</div>\n\n\t\t\t<!-- SLIDE 3 -->\n\t\t  <!-- ------------------------------- -->\n\t\t\t<div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          \n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconAddress/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Find Nearby Equipment</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Discover rental locations and equipment availability near you. We'll show you the closest pickup points and delivery options.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestLocationPermission\" class=\"bg-main p-semi w-max button\">\n              Enable Location\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Skip for Now\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 4 - App Tracking Transparency -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n        <div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n          <div class=\"mn-b-small w-4r h-4r mn-auto pd-regular bg-main radius-regular t-white flex flex-center\">\n            <IconShield/>\n          </div>\n\n          <h3 class=\"h3 mn-b-medium\">Personalized Experience</h3>\n          <p class=\"p-regular t-transp mn-b-big\">\n            Allow us to provide you with personalized recommendations and improve your app experience based on your preferences.\n          </p>\n\n          <div class=\"flex flex-column flex-center gap-small\">\n            <button @click=\"requestTrackingPermission\" class=\"bg-main p-semi w-max button\">\n              Allow Tracking\n            </button>\n            <button @click=\"nextSlide\" class=\"bg-light p-semi w-max button\">\n              Ask App Not to Track\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- SLIDE 5 - Final -->\n\t\t  <!-- ------------------------------- -->\n      <div class=\"pos-relative flex-justify-center pd-thin t-center flex-column flex embla__slide\">\n      \t<div class=\"flex flex-column flex-center pd-semi o-hidden pos-relative pos-b-0 z-index-1\">\n\t      \t<img loading=\"lazy\" \n\t      \t\t:src=\"'/logo/logo_square.svg'\" \n\t      \t\tclass=\"i-extra radius-medium mn-b-small\"\n\t      \t>\n\t      \t<h3 class=\"h3 mn-b-medium\">Ready to Rent?</h3>\n\t      \t<p class=\"p-regular t-transp mn-b-big\">Join thousands of creators who trust 3SR for their professional video equipment needs. Choose how you'd like to get started.</p>\n\t    \n\t      \t<button @click=\"openFirstRoute('Sign Up')\" class=\"bg-main p-semi w-100 button mn-b-thin\">Create Account</button> \n\t      \t<button @click=\"openFirstRoute('Sign In')\" class=\"bg-light t-black p-semi w-100 button mn-b-semi\">Sign In</button>\n\n\t\t      <p class=\"p-small mn-b-medium t-transp\">Or explore as a guest:</p> \n\t      \t<button @click=\"setFirstUseFalse()\" class=\"bg-light p-semi w-max button\">Continue as Guest</button>\n      \t</div>\n\t    </div>\n\n    </div>\n\n    <div class=\"\n\t    embla__dots\n    \tz-index-5 \n    \th-4r \n    \tpos-absolute \n    \tpos-t-1r \n    \tflex-nowrap \n    \tflex \n    \tflex-center \n    \tgap-thin \n    \tw-100\"\n    >\n\t    <button\n\t      v-for=\"(snap, index) in scrollSnaps\"\n\t      :key=\"index\"\n\t      @click=\"scrollTo(index)\"\n\t      :class=\"[\n\t        'embla__dot bg- i-small radius-extra',\n\t\t\t\t\t{ 'bg-light': index !== selectedIndex },\n\t        { 'bg-main': index === selectedIndex }\n\t      ]\"\n\t    >\n\t\t  </button>\n\n\t\t  <button \n\t\t  \t@click.native=\"setFirstUseFalse()\" \n\t\t  \tclass=\"\n\t\t  \t\tpd-small\n\t\t  \t\tbg-white\n\t\t  \t\tt-black\n\t\t  \t\tw-6r \n\t\t  \t\tpos-b-0r \n\t\t  \t\tflex-nowrap \n\t\t  \t\tflex \n\t\t  \t\tflex-center \n\t\t  \t\tpos-r-1r \n\t\t  \t\tpos-relative \n\t\t  \t\tradius-small \n\t\t  \t\tuppercase \n\t\t  \t\tpos-absolute\n\t\t  \t\"> \n\t\t  \t<span>Skip</span>\n\t\t  </button>\n\t  </div>\n\t</div>\n\n</template>\n\n<script setup>\n\timport { ref, onMounted, reactive, inject } from 'vue';\n\timport { useRoute, useRouter } from 'vue-router'\n\n\timport emblaCarouselVue from 'embla-carousel-vue'; \n\n\timport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\timport IconAddress from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\timport IconShield from '@martyrs/src/modules/icons/entities/IconAddress.vue';\n\n\timport { AppTrackingTransparency } from 'capacitor-plugin-app-tracking-transparency';\n\n\tconst props = defineProps(['slides', 'options']);\n\tconst emits = defineEmits(['updateFirstUse'])\n\tconst router = useRouter()\n\t\n\t// Get notification manager directly\n\timport ModuleNotifications from '@martyrs/src/modules/notifications/notifications.client.js'\n\n\t// Set firstUse\n\timport { Preferences } from '@capacitor/preferences';\n\n\tconst permissions = reactive({\n\t  notifications: false,\n\t  location: false,\n\t  tracking: false\n\t})\n\n\tasync function setFirstUseFalse() {\n    await Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n    emits('updateFirstUse', false);\n  }\n\n  async function openFirstRoute(routeName) {\n\t\tawait router.push({name: routeName})\n\n\t\tawait Preferences.set({\n      key: 'first-use',\n      value: JSON.stringify(false),\n    });\n\n\t\temits('updateFirstUse', false);\n\t}\n\n\tconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: false })\n\n\tconst selectedIndex = ref(0);\n\tconst scrollSnaps = ref([]);\n\tconst TWEEN_FACTOR = 3\n\tconst tweenValues = ref([])\n\tconst tweenSlides = ref([])\n\n\tconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\n\n\tconst nextSlide = () => {\n\t\tif (emblaApi.value) {\n\t\t\temblaApi.value.scrollNext();\n\t\t}\n\t};\n\n\tconst onInit = (embla) => {\n\t  scrollSnaps.value = emblaApi.value.scrollSnapList();\n\t};\n\n\tconst onSelect = (embla) => {\n\t  selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\t};\n\n\tlet scrollRAF = null;\n\tconst onScroll = (embla) => {\n\t\t// Cancel previous frame if exists\n\t\tif (scrollRAF) cancelAnimationFrame(scrollRAF);\n\t\t\n\t\tscrollRAF = requestAnimationFrame(() => {\n\t\t\tconst engine = emblaApi.value.internalEngine()\n\t\t\tconst scrollProgress = emblaApi.value.scrollProgress()\n\t\t\t// Cache snapList to avoid calling it twice\n\t\t\tconst snapList = emblaApi.value.scrollSnapList()\n\n\t\t\tconst stylesOpacity = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tconst tweenValue = 1 - Math.abs(diffToTarget * TWEEN_FACTOR)\n\t\t\t\treturn  Math.min(Math.max(tweenValue, 0), 1)\n\t\t\t})\n\n\t\t\tconst styles = snapList.map((scrollSnap, index) => {\n\t\t\t\tlet diffToTarget = scrollSnap - scrollProgress\n\n\t\t\t\tif (engine.options.loop) {\n\t\t\t\t\tengine.slideLooper.loopPoints.forEach((loopItem) => {\n\t\t\t\t\t\tconst target = loopItem.target()\n\t\t\t\t\t\tif (index === loopItem.index && target !== 0) {\n\t\t\t\t\t\t\tconst sign = Math.sign(target)\n\t\t\t\t\t\t\tif (sign === -1) diffToTarget = scrollSnap - (1 + scrollProgress)\n\t\t\t\t\t\t\tif (sign === 1) diffToTarget = scrollSnap + (1 - scrollProgress)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn diffToTarget * (1 / TWEEN_FACTOR) * 100\n\t\t\t})\n\n\t\t\t// Batch updates together\n\t\t\ttweenSlides.value = stylesOpacity\n\t\t\ttweenValues.value = styles\n\t\t});\n\t}\n\n\n\tonMounted(() => {\n\t  emblaApi.value.on('init', onInit)\n\t  emblaApi.value.on('select', onSelect)\n\t  emblaApi.value.on('scroll', onScroll)\n\t});\n\n\tconst requestNotificationPermission = async () => {\n\t  try {\n\t    // Use notification manager from global store if available\n\t    const notificationManager = window.$store?.notificationManager;\n\t    \n\t    if (notificationManager) {\n\t      await notificationManager.pushHandler.requestPermissions();\n\t      await notificationManager.registerWebPush(window.$store);\n\t      permissions.notifications = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide()\n\t    }, 1000)\n\t  } catch (error) {\n\t    console.error('Notification permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestLocationPermission = async () => {\n\t  try {\n\t    if (!('geolocation' in navigator)) {\n\t      nextSlide()\n\t      return\n\t    }\n\n\t    navigator.geolocation.getCurrentPosition(\n\t      () => {\n\t        permissions.location = true\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      () => {\n\t        setTimeout(() => {\n\t          nextSlide()\n\t        }, 1000)\n\t      },\n\t      { timeout: 8000 }\n\t    )\n\t  } catch (error) {\n\t    console.error('Location permission error:', error)\n\t    nextSlide()\n\t  }\n\t}\n\n\tconst requestTrackingPermission = async () => {\n\t  try {\n\t    const { status } = await AppTrackingTransparency.requestPermission();\n\t    \n\t    if (status === 'authorized') {\n\t      permissions.tracking = true;\n\t    }\n\t    \n\t    setTimeout(() => {\n\t      nextSlide();\n\t    }, 1000);\n\t  } catch (error) {\n\t    console.error('Tracking permission error:', error);\n\t    nextSlide();\n\t  }\n\t};\n\n</script>\n\n<style lang=\"scss\">\n\t.embla {\n    overflow: hidden;\n  }\n  .embla__container {\n    display: flex;\n  }\n  .embla__slide {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n</style>\n"],"names":[],"mappings":"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"}