npm - @ozdao/martyrs - Versions diffs - 0.2.570 → 0.2.572 - Mend

@ozdao/martyrs 0.2.570 → 0.2.572

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (832) hide show

package/dist/martyrs/src/modules/core/views/components/layouts/Client.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/core/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div \n\t\tid=\"app-wrapper\"\n\t\tclass=\"flex flex-column h-100 w-100 pos-relative o-hidden\"\n\t\t:class=\"{\n\t\t\t[(route.name \n ? route.name.replace(/\\s+/g, '_') \n : route.path.replace(/\\W+/g, '_')\n ).toLowerCase()]: true,\n \t\t'pd-t-big': MOBILE_APP === 'ios', \n\t\t\t'bg-white': headerTheme === 'light',\n\t\t\t'bg-black': headerTheme === 'dark',\n \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page \|\| store.core.state.loading\" :centered=\"true\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t <transition \n\t name=\"moveFromTop\" \n\t mode=\"out-in\"\n\t >\n\t <section \n\t v-if=\"FirstUse && route.meta.walkthrough\"\n\t class=\"w-100 h-100\" \n\t >\n\t <component \n\t :is=\"route.meta.walkthrough\"\n\t name=\"Walkthrough\"\n\t @updateFirstUse=\"updateFirstUse\" \n\t :slides=\"[1,2,3]\" \n\t class=\"tab\"\n\t >\n\t </component>\n\t </section>\n\t </transition>\n\n <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header\"\n ref=\"header\" \n :is=\"route.meta.header\"\n :theme=\"headerTheme\"\n :logotype=\"route.meta.logotype\"\n :location=\"route.meta.location\"\n :class=\"{\n \t'header-scrolled': scrollOffset > 50 \n }\"\n >\n \t<component\n\t\t v-if=\"route.meta?.header_navigation\"\n\t\t :is=\"route.meta.header_navigation\"\n\t\t :horizontal=\"true\"\n\t\t\t\t:navigationItems=\"route.meta.header_navigation_items\"\n\t\t\t\t:stateSidebar=\"store.core.state.isOpenSidebar\"\n\t\t\t\t:theme=\"headerTheme\"\n\t\t />\n \t</component>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<component\n \tv-if=\"MOBILE_APP && !route.meta.hideNavigationBar\"\n :is=\"route.meta.navigationbar\"\n :logotype=\"route.meta.logotype\"\n :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t :stateSidebar=\"store.core.state.isOpenSidebar\"\n />\n\t\t</transition>\n\n\t <Popup\n\t \t@close-popup=\"closeLocationPopup\"\n\t \t:isPopupOpen=\"store.core.state.isOpenLocationPopup\"\n\t \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t >\n\t \t<LocationSelection />\n\t </Popup>\n\n\t <!-- class=\"flex flex-nowrap transition-ease-in-out o-hidden pos-relative\" -->\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\tclass=\"flex flex-nowrap h-100 pos-relative o-hidden transition-ease-in-out\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n }\"\n\t\t>\n\t\t\t<ShopCart \n\t\t\t\t:class=\"{\n\t\t\t\t\t'mobile:pd-t-extra': MOBILE_APP === 'ios', \n\t\t\t\t}\"\n\t\t\t/>\n\t <component\n\t v-if=\"route.meta?.sidebar\"\n\t :is=\"route.meta.sidebar\"\n\t :stateSidebar=\"store.core.state.isOpenSidebar\"\n\t :widthHidden='route.meta?.sidebar_width_hidden'\n\t :width=\"route.meta?.sidebar_width\"\n\t :theme=\"headerTheme\"\n\t @closeSidebar=\"() => store.core.state.isOpenSidebar = false\"\n\t >\n\t \t<!-- Header slot -->\n\t \t<template #header>\n\t \t\t<component\n\t \t\t\tv-if=\"route.meta?.sidebar_header_component\"\n\t \t\t\t:is=\"route.meta.sidebar_header_component\"\n\t \t\t\t:theme=\"headerTheme\"\n\t \t\t/>\n\t \t</template>\n\n\t \t<!-- Navigation (default slot) -->\n\t \t<transition name=\"moveFromTop\" mode=\"out-in\">\n\t\t <component\n\t\t v-if=\"route.meta?.sidebar_navigation\"\n\t\t :is=\"route.meta.sidebar_navigation\"\n\t\t :key=\"route.meta.sidebar_navigation\"\n\t\t :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t\t\t :stateSidebar=\"store.core.state.isOpenSidebar\"\n\t\t\t\t\t\t:theme=\"headerTheme\"\n\t\t />\n\t </transition>\n\n\t <!-- Footer slot -->\n\t \t<template #footer>\n\t \t\t<component\n\t \t\t\tv-if=\"route.meta?.sidebar_footer_component\"\n\t \t\t\t:is=\"route.meta.sidebar_footer_component\"\n\t \t\t\t:theme=\"headerTheme\"\n\t \t\t/>\n\t \t</template>\n\t </component>\n\t\t <!-- rows-1-min0_max1 z-index-1 pos-relative w-100 h-100 -->\n\t\t <div class=\"rows-1-min0_max1 z-index-1 pos-relative w-100 h-100\">\n\t\t \t<div id=\"scrollview\" ref=\"scrollview\" @scroll=\"handleScroll\" class=\"o-y-scroll o-x-hidden h-100\">\n\t \t\t\t<Status\n\t \t\t\t\tv-if=\"store.core.state.error.show\"\n\t\t\t\t\t\t:data=\"store.core.state.error\"\n\t\t\t\t\t\t@close=\"store.core.state.error.show = false\"\n\t\t\t\t\t\tclass=\"z-index-7\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Snack\n\t \t\t\t\tv-if=\"store.core.state.snack.show\"\n\t\t\t\t\t\t:type=\"store.core.state.snack.type\"\n\t\t\t\t\t\t:message=\"store.core.state.snack.message\"\n\t\t\t\t\t\t:show=\"store.core.state.snack.show\"\n\t\t\t\t\t\t@close=\"store.core.state.snack.show = false\"\n\t\t\t\t\t\tclass=\"z-index-7\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div class=\"h-min-100 pos-relative w-100\">\n\t\t\t\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t\t\t\t<Breadcrumbs \n\t\t\t\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\t\t\t\tclass=\"bg-light pd-small radius-small\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</section> -->\n\n\t\t\t\t \t\t<Suspense @resolve=\"onSuspenseResolved\">\n\t\t\t\t\t\t\t<router-view \n\t\t\t\t\t\t\t\tid=\"view\"\n\t\t\t\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\tclass=\"h-min-100 pos-relative w-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t\t\t\t \t<component \n\t\t\t\t\t \t\tref=\"page\" \n\t\t\t\t\t \t\t:is=\"Component\" \n\t\t\t\t\t \t\tclass=\"w-100 h-min-100\"\n\t\t\t\t \t\t \t@page-loading=\"handlePageLoading\"\n\t\t\t @page-loaded=\"handlePageLoaded\"\n\t\t\t :key=\"componentKey\"\n\t\t\t\t\t \t/>\n\t\t\t\t\t \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t\t\t\t \t<!-- :key=\"route.path\" -->\n\t\t\t\t\t </transition>\n\t\t\t\t\t\t </router-view>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t </div>\n\t\t\t \n\t\t\t \t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t <component\n\t\t\t\t\t\t\tv-if=\"!MOBILE_APP && route.meta.footer && !route.meta.hideFooter && page && !store.core.state.loading\"\n\t\t\t\t ref=\"footer\"\n\t\t\t\t :is=\"route.meta.footer\"\n\t\t\t\t :theme=\"route.meta.footer_theme \|\| 'light'\"\n\t\t\t\t :logotype=\"route.meta.logotype\"\n\t\t\t\t :location=\"route.meta.location\"\n\t\t\t\t />\n\t\t\t \t</transition>\n\n\t\t\t\t\t<component\n\t\t\t v-if=\"route.meta.player\"\n\t\t\t id=\"player-wrapper\"\n\t\t\t class=\"z-index-2 \"\n\t\t\t \t:is=\"route.meta.player\"\n\t\t\t />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\n\n\t\t<router-view \n\t\t\tname=\"defaultBottom\"\n\t\t\tv-slot=\"{ Component, route }\" \n\t\t>\n\t\t\t<component \n \t\t:is=\"Component\" \n \t/>\n\t\t</router-view>\n\n <component \n v-if=\"MOBILE_APP && route.meta.title_hide\"\n class=\"z-index-2\"\n \t:is=\"route.meta.bottombar\"\n />\n\n\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\timport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\t// Partials\n\timport Status from '@martyrs/src/components/Status/Status.vue';\n\timport Snack from '@martyrs/src/components/Status/Snack.vue';\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@martyrs/src/modules/core/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@martyrs/src/modules/core/views/components/partials/LocationSelection.vue';\n\n\timport ShopCart from '@martyrs/src/modules/orders/components/partials/ShopCart.vue';\n\t// PROPS\n\tconst props = defineProps({\n env: {\n type: Object,\n required: true\n },\n app: {\n type: Object,\n required: true\n },\n modules: {\n type: Object,\n required: true\n }\n })\n\n\tconst store = useStore()\n\n\t/////////////////////////////\n // LOADING\n /////////////////////////////\n // State\n let show = ref(false)\n // Preloader\n const page = ref(null)\n const scrollview = ref(null)\n\n // isPageLoading убран - используем core.state.loading\n \n // Обработчики событий загрузки\n function handlePageLoading() {\n store.core.state.loading = true;\n }\n\n function handlePageLoaded() {\n store.core.state.loading = false;\n }\n\n // Обработка события разрешения Suspense (когда async setup компонента завершается)\n function onSuspenseResolved() {\n // Если страница не отправляет событие page-loaded, этот обработчик\n // может служить запасным вариантом для отключения лоадера\n // Можно оставить закомментированным, если все страницы будут явно вызывать handlePageLoaded\n store.core.state.loading = false;\n }\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\t// const router = useRouter()\n\n\t// Инициализация sidebar для SSR + первая загрузка\n\tif (route.meta?.sidebarOpenOnEnter === true) {\n\t\tstore.core.state.isOpenSidebar = true\n\t}\n\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t store.core.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tif (scrollview.value) scrollview.value.scrollTop = 0;\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn route.meta.header_theme \|\| 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme \|\| 'light'\n\t\t}\n\t})\n\n\tconst handleScroll = () => {\n\t scrollOffset.value = event.target.scrollTop\n\t};\n/////////////////////////////\n // FIRST USE\n /////////////////////////////\n const FirstUse = ref(false);\n\n import { Preferences } from '@capacitor/preferences';\n\n async function getFirstUse() {\n const ret = await Preferences.get({ key: 'first-use' });\n FirstUse.value = ret.value ? JSON.parse(ret.value) : true;\n }\n\n const updateFirstUse = (value) => {\n FirstUse.value = value;\n }\n\n\tconst { isPhone, isTablet } = useGlobalMixins();\n\n\tonMounted(async () => {\n\t await getFirstUse()\n\n\t\t// Закрываем sidebar на mobile (CSS уже скрыл визуально)\n\t\tif ((isPhone() \|\| isTablet()) && store.core.state.isOpenSidebar) {\n\t\t\tstore.core.state.isOpenSidebar = false\n\t\t}\n\n\t\t// Регистрация единого Service Worker (PWA + push notifications)\n\t\tif ('serviceWorker' in navigator && !window.__MOBILE_APP__) {\n\t \twindow.addEventListener('load', () => {\n\t \tnavigator.serviceWorker.register('/sw.js').then(registration => {\n\t \tconsole.log('Unified SW registered: ', registration);\n\t \t}).catch(registrationError => {\n\t \tconsole.log('SW registration failed: ', registrationError);\n\t \t});\n\t });\n\t \t}\n\n\t\tif (!store.core.state.position && route.meta.location) {\n store.core.state.isOpenLocationPopup = true;\n } else {\n store.core.state.isOpenLocationPopup = false;\n }\n\n\t\tif (referalCode.value) {\n\t\t localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page.value) show.value = true\n\t});\n\n\tconst componentKey = computed(() => {\n\t // Собираем только значимые параметры (ID сущностей)\n\t const significantParams = ['_id', 'product', 'organization', 'categoryPath', 'country', 'state', 'city']\n\t .map(param => route.params[param])\n\t .filter(Boolean)\n\t .join('-');\n\n\t return significantParams \|\| route.name;\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.fade-enter-active, .fade-leave-active {\n\t transition: opacity .5s;\n\t}\n\t.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ / {\n\t opacity: 0;\n\t}\n\n\t\n .fade-move,\n .fade-enter-active,\n .fade-leave-active {\n transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n }\n\n / 2. declare enter from and leave to state /\n .fade-enter-from,\n .fade-leave-to {\n opacity: 0;\n transform: translate(30px, 0);\n }\n\n / 3. ensure leaving items are taken out of layout flow so that moving\n animations can be calculated correctly. */\n .fade-leave-active {\n position: absolute;\n }\n\n.moveFromTop-enter-active,\n.moveFromTop-leave-active {\n transition: all 0.3s ease, max-height 0.2s ease;\n overflow: hidden;\n}\n\n.moveFromTop-enter-from,\n.moveFromTop-leave-to {\n transform: translateY(-1rem);\n opacity: 0;\n // max-height: 0;\n}\n\n.moveFromTop-enter-to,\n.moveFromTop-leave-from {\n // max-height: 100vh; \n}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n\t.scaleTransition-5px-enter-active,\n .scaleTransition-5px-leave-active {\n transform: translateY(0px); \n opacity: 1;\n z-index: 1;\n transition: all 0.2s ease;\n }\n\n .scaleTransition-5px-enter-from,\n .scaleTransition-5px-leave-to {\n opacity: 0;\n z-index: 0;\n position: absolute;\n transform: translateY(-30px); \n transition: all 0.2s ease;\n }\n\n .scaleTransition-enter-from,\n .scaleTransition-leave-to {\n opacity: 0;\n z-index: 0;\n position: absolute;\n width: inherit;\n height: inherit;\n display: block;\n transform: translateY(30px); \n transition: all 0.5s ease;\n }\n\n .scaleTransition-enter-active,\n .scaleTransition-leave-active {\n transform: translateY(0px); \n opacity: 1;\n z-index: 1;\n transition: all 0.5s ease;\n }\n .scaleTransition-enter-from,\n .scaleTransition-leave-to {\n opacity: 0;\n z-index: 0;\n position: absolute;\n width: inherit;\n height: inherit;\n display: block;\n transform: translateY(30px); \n transition: all 0.5s ease;\n }\n\n .scaleIn-enter-active,\n .scaleIn-leave-active {\n // background: red;\n transition: all 0.5s ease;\n > section,div { transform-origin: 0 0; transform: translateZ(0px); transition: all 0.5s ease; }\n }\n .scaleIn-enter-from,\n .scaleIn-leave-to {\n opacity: 0;\n transform: scale(0.95);\n > section,div { transform: translateZ(-30px); transition: all 0.5s ease; }\n }\n\n\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgQC,UAAM,QAAQ,SAAQ;AAMrB,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AACpB,UAAM,aAAa,IAAI,IAAI;AAK5B,aAAS,oBAAoB;AAC3B,YAAM,KAAK,MAAM,UAAU;AAAA,IAC7B;AAEA,aAAS,mBAAmB;AAC1B,YAAM,KAAK,MAAM,UAAU;AAAA,IAC7B;AAGA,aAAS,qBAAqB;AAI5B,YAAM,KAAK,MAAM,UAAU;AAAA,IAC7B;AAID,UAAM,QAAQ,SAAQ;AAItB,QAAI,MAAM,MAAM,uBAAuB,MAAM;AAC5C,YAAM,KAAK,MAAM,gBAAgB;AAAA,IAClC;AAGA,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5B,YAAM,KAAK,MAAM,sBAAsB;AAAA,IACzC;AACA,aAAS,YAAW;AACnB,UAAI,WAAW,MAAO,YAAW,MAAM,YAAY;AAAA,IACpD;AAEA,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,cAAc,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO,MAAM,KAAK,gBAAiB;AAAA,MACpC,OAAO;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MACnC;AAAA,IACD,CAAC;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACpC;AAIC,UAAM,WAAW,IAAI,KAAK;AAI1B,mBAAe,cAAc;AAC3B,YAAM,MAAM,MAAM,YAAY,IAAI,EAAE,KAAK,aAAa;AACtD,eAAS,QAAQ,IAAI,QAAQ,KAAK,MAAM,IAAI,KAAK,IAAI;AAAA,IACvD;AAEA,UAAM,iBAAiB,CAAC,UAAU;AAChC,eAAS,QAAQ;AAAA,IACnB;AAED,UAAM,EAAE,SAAS,SAAQ,IAAK,gBAAe;AAE7C,cAAU,YAAY;AACpB,YAAM,YAAW;AAGlB,WAAK,QAAO,KAAM,SAAQ,MAAO,MAAM,KAAK,MAAM,eAAe;AAChE,cAAM,KAAK,MAAM,gBAAgB;AAAA,MAClC;AAGA,UAAI,mBAAmB,aAAa,CAAC,OAAO,gBAAgB;AACzD,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,QAAQ,EAAE,KAAK,kBAAgB;AAC9D,oBAAQ,IAAI,2BAA2B,YAAY;AAAA,UACrD,CAAC,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAC3D,CAAC;AAAA,QACJ,CAAC;AAAA,MACF;AAED,UAAI,CAAC,MAAM,KAAK,MAAM,YAAY,MAAM,KAAK,UAAU;AACnD,cAAM,KAAK,MAAM,sBAAsB;AAAA,MACzC,OAAO;AACL,cAAM,KAAK,MAAM,sBAAsB;AAAA,MACzC;AAEF,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACvD;AAEA,UAAI,KAAK,MAAO,MAAK,QAAQ;AAAA,IAC9B,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAElC,YAAM,oBAAoB,CAAC,OAAO,WAAW,gBAAgB,gBAAgB,WAAW,SAAS,MAAM,EACpG,IAAI,WAAS,MAAM,OAAO,KAAK,CAAC,EAChC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,aAAO,qBAAqB,MAAM;AAAA,IACpC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Client.vue.js","sources":["../../../../../../../../src/modules/core/views/components/layouts/Client.vue"],"sourcesContent":["<template>\n\t<div \n\t\tid=\"app-wrapper\"\n\t\tclass=\"flex flex-column h-100 w-100 pos-relative o-hidden\"\n\t\t:class=\"{\n\t\t\t[(route.name \n ? route.name.replace(/\\s+/g, '_') \n : route.path.replace(/\\W+/g, '_')\n ).toLowerCase()]: true,\n \t\t'pd-t-big': MOBILE_APP === 'ios', \n\t\t\t'bg-white': headerTheme === 'light',\n\t\t\t'bg-black': headerTheme === 'dark',\n \t}\"\n\t>\n\t\t<transition name=\"moveFromTop\" appear>\n\t\t\t<Loader v-if=\"!page \|\| store.core.state.loading\" :centered=\"true\" class=\"pos-fixed\"/>\n\t\t</transition>\n\n\t <transition \n\t name=\"moveFromTop\" \n\t mode=\"out-in\"\n\t >\n\t <section \n\t v-if=\"FirstUse && route.meta.walkthrough\"\n\t class=\"w-100 h-100\" \n\t >\n\t <component \n\t :is=\"route.meta.walkthrough\"\n\t name=\"Walkthrough\"\n\t @updateFirstUse=\"updateFirstUse\" \n\t :slides=\"[1,2,3]\" \n\t class=\"tab\"\n\t >\n\t </component>\n\t </section>\n\t </transition>\n\n <component\n\t\t\tv-if=\"!MOBILE_APP && route.meta.header\"\n ref=\"header\" \n :is=\"route.meta.header\"\n :theme=\"headerTheme\"\n :logotype=\"route.meta.logotype\"\n :location=\"route.meta.location\"\n :class=\"{\n \t'header-scrolled': scrollOffset > 50 \n }\"\n >\n \t<component\n\t\t v-if=\"route.meta?.header_navigation\"\n\t\t :is=\"route.meta.header_navigation\"\n\t\t :horizontal=\"true\"\n\t\t\t\t:navigationItems=\"route.meta.header_navigation_items\"\n\t\t\t\t:stateSidebar=\"store.core.state.isOpenSidebar\"\n\t\t\t\t:theme=\"headerTheme\"\n\t\t />\n \t</component>\n\n\t\t<transition name=\"moveFromTop\" mode=\"out-in\" appear>\n\t\t\t<component\n \tv-if=\"MOBILE_APP && !route.meta.hideNavigationBar\"\n :is=\"route.meta.navigationbar\"\n :logotype=\"route.meta.logotype\"\n :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t :stateSidebar=\"store.core.state.isOpenSidebar\"\n />\n\t\t</transition>\n\n\t <Popup\n\t \t@close-popup=\"closeLocationPopup\"\n\t \t:isPopupOpen=\"store.core.state.isOpenLocationPopup\"\n\t \tclass=\"bg-white pd-semi w-m-33r radius-big\"\n\t >\n\t \t<LocationSelection />\n\t </Popup>\n\n\t <!-- class=\"flex flex-nowrap ease-in-out o-hidden pos-relative\" -->\n\t\t<section \n\t\t\tid=\"screen\" \n\t\t\tref=\"screen\"\n\t\t\tclass=\"flex flex-nowrap h-100 pos-relative o-hidden ease-in-out\"\n\t\t\t:class=\"{\n\t\t\t\t'': MOBILE_APP === 'ios',\n }\"\n\t\t>\n\t\t\t<ShopCart \n\t\t\t\t:class=\"{\n\t\t\t\t\t'mobile:pd-t-extra': MOBILE_APP === 'ios', \n\t\t\t\t}\"\n\t\t\t/>\n\t <component\n\t v-if=\"route.meta?.sidebar\"\n\t :is=\"route.meta.sidebar\"\n\t :stateSidebar=\"store.core.state.isOpenSidebar\"\n\t :widthHidden='route.meta?.sidebar_width_hidden'\n\t :width=\"route.meta?.sidebar_width\"\n\t :theme=\"headerTheme\"\n\t @closeSidebar=\"() => store.core.state.isOpenSidebar = false\"\n\t >\n\t \t<!-- Header slot -->\n\t \t<template #header>\n\t \t\t<component\n\t \t\t\tv-if=\"route.meta?.sidebar_header_component\"\n\t \t\t\t:is=\"route.meta.sidebar_header_component\"\n\t \t\t\t:theme=\"headerTheme\"\n\t \t\t/>\n\t \t</template>\n\n\t \t<!-- Navigation (default slot) -->\n\t \t<transition name=\"moveFromTop\" mode=\"out-in\">\n\t\t <component\n\t\t v-if=\"route.meta?.sidebar_navigation\"\n\t\t :is=\"route.meta.sidebar_navigation\"\n\t\t :key=\"route.meta.sidebar_navigation\"\n\t\t :navigationItems=\"route.meta.sidebar_navigation_items\"\n\t\t\t :stateSidebar=\"store.core.state.isOpenSidebar\"\n\t\t\t\t\t\t:theme=\"headerTheme\"\n\t\t />\n\t </transition>\n\n\t <!-- Footer slot -->\n\t \t<template #footer>\n\t \t\t<component\n\t \t\t\tv-if=\"route.meta?.sidebar_footer_component\"\n\t \t\t\t:is=\"route.meta.sidebar_footer_component\"\n\t \t\t\t:theme=\"headerTheme\"\n\t \t\t/>\n\t \t</template>\n\t </component>\n\t\t <!-- rows-[minmax(0,1fr)] z-index-1 pos-relative w-100 h-100 -->\n\t\t <div class=\"rows-[minmax(0,1fr)] z-index-1 pos-relative w-100 h-100\">\n\t\t \t<div id=\"scrollview\" ref=\"scrollview\" @scroll=\"handleScroll\" class=\"o-y-scroll o-x-hidden h-100\">\n\t \t\t\t<Status\n\t \t\t\t\tv-if=\"store.core.state.error.show\"\n\t\t\t\t\t\t:data=\"store.core.state.error\"\n\t\t\t\t\t\t@close=\"store.core.state.error.show = false\"\n\t\t\t\t\t\tclass=\"z-index-7\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Snack\n\t \t\t\t\tv-if=\"store.core.state.snack.show\"\n\t\t\t\t\t\t:type=\"store.core.state.snack.type\"\n\t\t\t\t\t\t:message=\"store.core.state.snack.message\"\n\t\t\t\t\t\t:show=\"store.core.state.snack.show\"\n\t\t\t\t\t\t@close=\"store.core.state.snack.show = false\"\n\t\t\t\t\t\tclass=\"z-index-7\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div class=\"h-min-100 pos-relative w-100\">\n\t\t\t\t\t\t<!-- <section v-if=\"!route.meta?.breadcrumbs?.hide\" class=\"pd-thin pd-b-zero\">\n\t\t\t\t\t\t\t<Breadcrumbs \n\t\t\t\t\t\t\t\tv-if=\"!MOBILE_APP\"\n\t\t\t\t\t\t\t\tclass=\"bg-light pd-small radius-small\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</section> -->\n\n\t\t\t\t \t\t<Suspense @resolve=\"onSuspenseResolved\">\n\t\t\t\t\t\t\t<router-view \n\t\t\t\t\t\t\t\tid=\"view\"\n\t\t\t\t\t\t\t\tv-slot=\"{ Component, route }\" \n\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t'scroll-hide': MOBILE_APP,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\tclass=\"h-min-100 pos-relative w-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t\t\t\t \t<component \n\t\t\t\t\t \t\tref=\"page\" \n\t\t\t\t\t \t\t:is=\"Component\" \n\t\t\t\t\t \t\tclass=\"w-100 h-min-100\"\n\t\t\t\t \t\t \t@page-loading=\"handlePageLoading\"\n\t\t\t @page-loaded=\"handlePageLoaded\"\n\t\t\t :key=\"componentKey\"\n\t\t\t\t\t \t/>\n\t\t\t\t\t \t<!-- Key пока выключил непонятно какие проблемы это вызовет -->\n\t\t\t\t\t \t<!-- :key=\"route.path\" -->\n\t\t\t\t\t </transition>\n\t\t\t\t\t\t </router-view>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t </div>\n\t\t\t \n\t\t\t \t<transition @before-enter=\"scrollTop\" name=\"scaleTransition\" mode=\"out-in\" appear>\n\t\t <component\n\t\t\t\t\t\t\tv-if=\"!MOBILE_APP && route.meta.footer && !route.meta.hideFooter && page && !store.core.state.loading\"\n\t\t\t\t ref=\"footer\"\n\t\t\t\t :is=\"route.meta.footer\"\n\t\t\t\t :theme=\"route.meta.footer_theme \|\| 'light'\"\n\t\t\t\t :logotype=\"route.meta.logotype\"\n\t\t\t\t :location=\"route.meta.location\"\n\t\t\t\t />\n\t\t\t \t</transition>\n\n\t\t\t\t\t<component\n\t\t\t v-if=\"route.meta.player\"\n\t\t\t id=\"player-wrapper\"\n\t\t\t class=\"z-index-2 \"\n\t\t\t \t:is=\"route.meta.player\"\n\t\t\t />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\n\n\t\t<router-view \n\t\t\tname=\"defaultBottom\"\n\t\t\tv-slot=\"{ Component, route }\" \n\t\t>\n\t\t\t<component \n \t\t:is=\"Component\" \n \t/>\n\t\t</router-view>\n\n <component \n v-if=\"MOBILE_APP && route.meta.title_hide\"\n class=\"z-index-2\"\n \t:is=\"route.meta.bottombar\"\n />\n\n\n\t</div>\n</template>\n\n\n\n<script setup>\n\timport { computed, ref, onMounted } from 'vue';\n\t// Router\n\timport { useRoute } from 'vue-router';\n\t// Store\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\timport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\t// Partials\n\timport Status from '@martyrs/src/components/Status/Status.vue';\n\timport Snack from '@martyrs/src/components/Status/Snack.vue';\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue';\n\n\timport NavigationBar from '@martyrs/src/modules/core/views/components/partials/NavigationBar.vue';\n\timport LocationSelection from '@martyrs/src/modules/core/views/components/partials/LocationSelection.vue';\n\n\timport ShopCart from '@martyrs/src/modules/orders/components/partials/ShopCart.vue';\n\t// PROPS\n\tconst props = defineProps({\n env: {\n type: Object,\n required: true\n },\n app: {\n type: Object,\n required: true\n },\n modules: {\n type: Object,\n required: true\n }\n })\n\n\tconst store = useStore()\n\n\t/////////////////////////////\n // LOADING\n /////////////////////////////\n // State\n let show = ref(false)\n // Preloader\n const page = ref(null)\n const scrollview = ref(null)\n\n // isPageLoading убран - используем core.state.loading\n \n // Обработчики событий загрузки\n function handlePageLoading() {\n store.core.state.loading = true;\n }\n\n function handlePageLoaded() {\n store.core.state.loading = false;\n }\n\n // Обработка события разрешения Suspense (когда async setup компонента завершается)\n function onSuspenseResolved() {\n // Если страница не отправляет событие page-loaded, этот обработчик\n // может служить запасным вариантом для отключения лоадера\n // Можно оставить закомментированным, если все страницы будут явно вызывать handlePageLoaded\n store.core.state.loading = false;\n }\n\t/////////////////////////////\n\t// CREATED\n\t/////////////////////////////\n\tconst route = useRoute()\n\t// const router = useRouter()\n\n\t// Инициализация sidebar для SSR + первая загрузка\n\tif (route.meta?.sidebarOpenOnEnter === true) {\n\t\tstore.core.state.isOpenSidebar = true\n\t}\n\n\t// Ref Code\n\tconst referalCode = ref(route.query.referalCode);\n\t/////////////////////////////\n\t// Methods\n\t/////////////////////////////\n\tfunction closeLocationPopup() {\n\t store.core.state.isOpenLocationPopup = false;\n\t}\n\tfunction scrollTop(){\n\t\tif (scrollview.value) scrollview.value.scrollTop = 0;\n\t}\n\t// Scrolling header\n\tconst scrollOffset = ref(0)\n\tlet isScrolled = false\n\tconst header = ref(null)\n\n\tconst headerTheme = computed(() => {\n\t\tif (scrollOffset.value > 50) {\n\t\t\treturn route.meta.header_theme \|\| 'light'\n\t\t} else {\n\t\t\treturn route.meta.header_theme \|\| 'light'\n\t\t}\n\t})\n\n\tconst handleScroll = () => {\n\t scrollOffset.value = event.target.scrollTop\n\t};\n/////////////////////////////\n // FIRST USE\n /////////////////////////////\n const FirstUse = ref(false);\n\n import { Preferences } from '@capacitor/preferences';\n\n async function getFirstUse() {\n const ret = await Preferences.get({ key: 'first-use' });\n FirstUse.value = ret.value ? JSON.parse(ret.value) : true;\n }\n\n const updateFirstUse = (value) => {\n FirstUse.value = value;\n }\n\n\tconst { isPhone, isTablet } = useGlobalMixins();\n\n\tonMounted(async () => {\n\t await getFirstUse()\n\n\t\t// Закрываем sidebar на mobile (CSS уже скрыл визуально)\n\t\tif ((isPhone() \|\| isTablet()) && store.core.state.isOpenSidebar) {\n\t\t\tstore.core.state.isOpenSidebar = false\n\t\t}\n\n\t\t// Регистрация единого Service Worker (PWA + push notifications)\n\t\tif ('serviceWorker' in navigator && !window.__MOBILE_APP__) {\n\t \twindow.addEventListener('load', () => {\n\t \tnavigator.serviceWorker.register('/sw.js').then(registration => {\n\t \tconsole.log('Unified SW registered: ', registration);\n\t \t}).catch(registrationError => {\n\t \tconsole.log('SW registration failed: ', registrationError);\n\t \t});\n\t });\n\t \t}\n\n\t\tif (!store.core.state.position && route.meta.location) {\n store.core.state.isOpenLocationPopup = true;\n } else {\n store.core.state.isOpenLocationPopup = false;\n }\n\n\t\tif (referalCode.value) {\n\t\t localStorage.setItem('referalCode', referalCode.value);\n\t\t}\n\n\t\tif (page.value) show.value = true\n\t});\n\n\tconst componentKey = computed(() => {\n\t // Собираем только значимые параметры (ID сущностей)\n\t const significantParams = ['_id', 'product', 'organization', 'categoryPath', 'country', 'state', 'city']\n\t .map(param => route.params[param])\n\t .filter(Boolean)\n\t .join('-');\n\n\t return significantParams \|\| route.name;\n\t});\n</script>\n\n<style lang=\"scss\">\n\t.fade-enter-active, .fade-leave-active {\n\t transition: opacity .5s;\n\t}\n\t.fade-enter, .fade-leave-to /* .fade-leave-active в версии 2.1.8+ / {\n\t opacity: 0;\n\t}\n\n\t\n .fade-move,\n .fade-enter-active,\n .fade-leave-active {\n transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);\n }\n\n / 2. declare enter from and leave to state /\n .fade-enter-from,\n .fade-leave-to {\n opacity: 0;\n transform: translate(30px, 0);\n }\n\n / 3. ensure leaving items are taken out of layout flow so that moving\n animations can be calculated correctly. */\n .fade-leave-active {\n position: absolute;\n }\n\n.moveFromTop-enter-active,\n.moveFromTop-leave-active {\n transition: all 0.3s ease, max-height 0.2s ease;\n overflow: hidden;\n}\n\n.moveFromTop-enter-from,\n.moveFromTop-leave-to {\n transform: translateY(-1rem);\n opacity: 0;\n // max-height: 0;\n}\n\n.moveFromTop-enter-to,\n.moveFromTop-leave-from {\n // max-height: 100vh; \n}\n\n\t.moveFromTopAbsolute-enter-active,\n\t.moveFromTopAbsolute-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.moveFromTopAbsolute-enter-from,\n\t.moveFromTopAbsolute-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\t.ScaleOut-enter-active,\n\t.ScaleOut-leave-active {\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: all 0.3s ease; \n\t\t\n\t}\n\t.ScaleOut-enter-from,\n\t.ScaleOut-leave-to {\n\t\topacity: 0;\n\t\ttransform: scale(0.9);\n\t\ttransition: all 0.3s ease;\n\t}\n\t.slide-fade-enter-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t\t// min-height: 100vh;\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tmin-height: 0;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n\t.scaleTransition-5px-enter-active,\n .scaleTransition-5px-leave-active {\n transform: translateY(0px); \n opacity: 1;\n z-index: 1;\n transition: all 0.2s ease;\n }\n\n .scaleTransition-5px-enter-from,\n .scaleTransition-5px-leave-to {\n opacity: 0;\n z-index: 0;\n position: absolute;\n transform: translateY(-30px); \n transition: all 0.2s ease;\n }\n\n .scaleTransition-enter-from,\n .scaleTransition-leave-to {\n opacity: 0;\n z-index: 0;\n position: absolute;\n width: inherit;\n height: inherit;\n display: block;\n transform: translateY(30px); \n transition: all 0.5s ease;\n }\n\n .scaleTransition-enter-active,\n .scaleTransition-leave-active {\n transform: translateY(0px); \n opacity: 1;\n z-index: 1;\n transition: all 0.5s ease;\n }\n .scaleTransition-enter-from,\n .scaleTransition-leave-to {\n opacity: 0;\n z-index: 0;\n position: absolute;\n width: inherit;\n height: inherit;\n display: block;\n transform: translateY(30px); \n transition: all 0.5s ease;\n }\n\n .scaleIn-enter-active,\n .scaleIn-leave-active {\n // background: red;\n transition: all 0.5s ease;\n > section,div { transform-origin: 0 0; transform: translateZ(0px); transition: all 0.5s ease; }\n }\n .scaleIn-enter-from,\n .scaleIn-leave-to {\n opacity: 0;\n transform: scale(0.95);\n > section,div { transform: translateZ(-30px); transition: all 0.5s ease; }\n }\n\n\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgQC,UAAM,QAAQ,SAAQ;AAMrB,QAAI,OAAO,IAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AACpB,UAAM,aAAa,IAAI,IAAI;AAK5B,aAAS,oBAAoB;AAC3B,YAAM,KAAK,MAAM,UAAU;AAAA,IAC7B;AAEA,aAAS,mBAAmB;AAC1B,YAAM,KAAK,MAAM,UAAU;AAAA,IAC7B;AAGA,aAAS,qBAAqB;AAI5B,YAAM,KAAK,MAAM,UAAU;AAAA,IAC7B;AAID,UAAM,QAAQ,SAAQ;AAItB,QAAI,MAAM,MAAM,uBAAuB,MAAM;AAC5C,YAAM,KAAK,MAAM,gBAAgB;AAAA,IAClC;AAGA,UAAM,cAAc,IAAI,MAAM,MAAM,WAAW;AAI/C,aAAS,qBAAqB;AAC5B,YAAM,KAAK,MAAM,sBAAsB;AAAA,IACzC;AACA,aAAS,YAAW;AACnB,UAAI,WAAW,MAAO,YAAW,MAAM,YAAY;AAAA,IACpD;AAEA,UAAM,eAAe,IAAI,CAAC;AAE1B,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,cAAc,SAAS,MAAM;AAClC,UAAI,aAAa,QAAQ,IAAI;AAC5B,eAAO,MAAM,KAAK,gBAAiB;AAAA,MACpC,OAAO;AACN,eAAO,MAAM,KAAK,gBAAgB;AAAA,MACnC;AAAA,IACD,CAAC;AAED,UAAM,eAAe,MAAM;AACzB,mBAAa,QAAQ,MAAM,OAAO;AAAA,IACpC;AAIC,UAAM,WAAW,IAAI,KAAK;AAI1B,mBAAe,cAAc;AAC3B,YAAM,MAAM,MAAM,YAAY,IAAI,EAAE,KAAK,aAAa;AACtD,eAAS,QAAQ,IAAI,QAAQ,KAAK,MAAM,IAAI,KAAK,IAAI;AAAA,IACvD;AAEA,UAAM,iBAAiB,CAAC,UAAU;AAChC,eAAS,QAAQ;AAAA,IACnB;AAED,UAAM,EAAE,SAAS,SAAQ,IAAK,gBAAe;AAE7C,cAAU,YAAY;AACpB,YAAM,YAAW;AAGlB,WAAK,QAAO,KAAM,SAAQ,MAAO,MAAM,KAAK,MAAM,eAAe;AAChE,cAAM,KAAK,MAAM,gBAAgB;AAAA,MAClC;AAGA,UAAI,mBAAmB,aAAa,CAAC,OAAO,gBAAgB;AACzD,eAAO,iBAAiB,QAAQ,MAAM;AACpC,oBAAU,cAAc,SAAS,QAAQ,EAAE,KAAK,kBAAgB;AAC9D,oBAAQ,IAAI,2BAA2B,YAAY;AAAA,UACrD,CAAC,EAAE,MAAM,uBAAqB;AAC5B,oBAAQ,IAAI,4BAA4B,iBAAiB;AAAA,UAC3D,CAAC;AAAA,QACJ,CAAC;AAAA,MACF;AAED,UAAI,CAAC,MAAM,KAAK,MAAM,YAAY,MAAM,KAAK,UAAU;AACnD,cAAM,KAAK,MAAM,sBAAsB;AAAA,MACzC,OAAO;AACL,cAAM,KAAK,MAAM,sBAAsB;AAAA,MACzC;AAEF,UAAI,YAAY,OAAO;AACrB,qBAAa,QAAQ,eAAe,YAAY,KAAK;AAAA,MACvD;AAEA,UAAI,KAAK,MAAO,MAAK,QAAQ;AAAA,IAC9B,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAElC,YAAM,oBAAoB,CAAC,OAAO,WAAW,gBAAgB,gBAAgB,WAAW,SAAS,MAAM,EACpG,IAAI,WAAS,MAAM,OAAO,KAAK,CAAC,EAChC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,aAAO,qBAAqB,MAAM;AAAA,IACpC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/partials/BottomNavigationBar.vue.js CHANGED Viewed

@@ -8,11 +8,11 @@ import _sfc_main$4 from "../../../../icons/entities/IconCommunity.vue.js";
 import _sfc_main$5 from "../../../../icons/entities/IconProfile.vue.js";
 import { state } from "../../../../auth/views/store/auth.js";
 const _hoisted_1 = { class: "t-black w-100 flex-justify-between flex-v-center flex" };
-const _hoisted_2 = { class: "t-semi p-small w-100" };
-const _hoisted_3 = { class: "t-semi p-small w-100" };
-const _hoisted_4 = { class: "t-semi p-small w-100" };
-const _hoisted_5 = { class: "t-semi p-small w-100" };
-const _hoisted_6 = { class: "t-semi p-small w-100" };
+const _hoisted_2 = { class: "fw-semi p-small w-100" };
+const _hoisted_3 = { class: "fw-semi p-small w-100" };
+const _hoisted_4 = { class: "fw-semi p-small w-100" };
+const _hoisted_5 = { class: "fw-semi p-small w-100" };
+const _hoisted_6 = { class: "fw-semi p-small w-100" };
 const _sfc_main = {
   __name: "BottomNavigationBar",
   setup(__props) {
@@ -38,7 +38,7 @@ const _sfc_main = {
       }, [
         createElementVNode("nav", _hoisted_1, [
           createVNode(_component_router_link, {
-            class: normalizeClass(["no-hover-color t-center t-medium", { "t-second": _ctx.$route.path === "/", "t-transp": _ctx.$route.path !== "/" }]),
+            class: normalizeClass(["no-hover-color t-center fw-medium", { "t-grey": _ctx.$route.path === "/", "t-transp": _ctx.$route.path !== "/" }]),
             to: "/"
           }, {
             default: withCtx(() => [
@@ -51,7 +51,7 @@ const _sfc_main = {
             _: 1
           }, 8, ["class"]),
           createVNode(_component_router_link, {
-            class: normalizeClass(["no-hover-color t-center t-medium", { "t-second": _ctx.$route.path === "/marketplac", "t-transp": _ctx.$route.path !== "/marketplac" }]),
+            class: normalizeClass(["no-hover-color t-center fw-medium", { "t-grey": _ctx.$route.path === "/marketplac", "t-transp": _ctx.$route.path !== "/marketplac" }]),
             to: "/marketplac"
           }, {
             default: withCtx(() => [
@@ -64,7 +64,7 @@ const _sfc_main = {
             _: 1
           }, 8, ["class"]),
           createVNode(_component_router_link, {
-            class: normalizeClass(["no-hover-color t-center t-medium", { "t-second": _ctx.$route.path === "/rents", "t-transp": _ctx.$route.path !== "/rents" }]),
+            class: normalizeClass(["no-hover-color t-center fw-medium", { "t-grey": _ctx.$route.path === "/rents", "t-transp": _ctx.$route.path !== "/rents" }]),
             to: "/rents"
           }, {
             default: withCtx(() => [
@@ -77,7 +77,7 @@ const _sfc_main = {
             _: 1
           }, 8, ["class"]),
           createVNode(_component_router_link, {
-            class: normalizeClass(["no-hover-color t-center t-medium", { "t-second": _ctx.$route.path === "/community", "t-transp": _ctx.$route.path !== "/community" }]),
+            class: normalizeClass(["no-hover-color t-center fw-medium", { "t-grey": _ctx.$route.path === "/community", "t-transp": _ctx.$route.path !== "/community" }]),
             to: "/community"
           }, {
             default: withCtx(() => [
@@ -90,8 +90,8 @@ const _sfc_main = {
             _: 1
           }, 8, ["class"]),
           createVNode(_component_router_link, {
-            class: normalizeClass(["no-hover-color t-center t-medium", {
-              "t-second": _ctx.$route.path.startsWith("/auth/") || _ctx.$route.path.startsWith("/users/"),
+            class: normalizeClass(["no-hover-color t-center fw-medium", {
+              "t-grey": _ctx.$route.path.startsWith("/auth/") || _ctx.$route.path.startsWith("/users/"),
               "t-transp": !_ctx.$route.path.startsWith("/auth/") && !_ctx.$route.path.startsWith("/users/")
             }]),
             to: state.access.status === false ? { name: "Sign In" } : { name: "User Profile", params: { _id: state.user._id } }

package/dist/martyrs/src/modules/core/views/components/partials/BottomNavigationBar.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BottomNavigationBar.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n <!-- Home -->\n <router-link \n class=\"no-hover-color t-center t-medium\" \n :class=\"{ 't-~~second~~': $route.path === '/', 't-transp': $route.path !== '/' }\"\n to=\"/\"\n >\n <IconHome \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\"t-semi p-small w-100\">{{t('navigation.home')}}</p>\n </router-link>\n\n <!-- Gallery -->\n <router-link \n class=\"no-hover-color t-center t-medium\"\n :class=\"{ 't-~~second~~': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n to=\"/marketplac\"\n >\n <IconCatalog \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\" t-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n </router-link>\n\n <!-- Events -->\n <router-link \n class=\"no-hover-color t-center t-medium\"\n :class=\"{ 't-~~second~~': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n to=\"/rents\"\n >\n <IconShopcart \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\" t-semi p-small w-100\">{{t('navigation.rents')}}</p>\n </router-link>\n\n <!-- Community -->\n <router-link \n class=\"no-hover-color t-center t-medium\"\n :class=\"{ 't-~~second~~': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n to=\"/community\"\n >\n <IconCommunity \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\" t-semi p-small w-100\">{{t('navigation.community')}}</p>\n </router-link>\n\n <!-- Account -->\n <router-link \n class=\"no-hover-color t-center t-medium\"\n :class=\"{ \n 't-~~second~~': $route.path.startsWith('/auth/') \|\| $route.path.startsWith('/users/'),\n 't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n }\"\n :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n >\n <IconProfile \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path.startsWith('/auth/') \|\| $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\"t-semi p-small w-100\">{{t('navigation.profile')}}</p>\n </router-link>\n </nav>\n </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n \"en\": {\n \"navigation\": {\n \"home\": \"Home\",\n \"catalog\": \"Catalog\",\n \"rents\": \"My Rents\",\n \"community\": \"Community\",\n \"profile\": \"Profile\"\n }\n }\n}})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuFc,aAAQ;AACtB,UAAM,SAAS,IAAI,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"BottomNavigationBar.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/BottomNavigationBar.vue"],"sourcesContent":["<template>\n <footer ref=\"navRef\" class=\"pos-relative pd-medium bg-white\">\n <nav class=\"t-black w-100 flex-justify-between flex-v-center flex\">\n <!-- Home -->\n <router-link \n class=\"no-hover-color t-center fw-medium\" \n :class=\"{ 't-grey': $route.path === '/', 't-transp': $route.path !== '/' }\"\n to=\"/\"\n >\n <IconHome \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path === '/' ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\"fw-semi p-small w-100\">{{t('navigation.home')}}</p>\n </router-link>\n\n <!-- Gallery -->\n <router-link \n class=\"no-hover-color t-center fw-medium\"\n :class=\"{ 't-grey': $route.path === '/marketplac', 't-transp': $route.path !== '/marketplac' }\"\n to=\"/marketplac\"\n >\n <IconCatalog \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path === '/catalog' ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\" fw-semi p-small w-100\">{{t('navigation.marketplac')}}</p>\n </router-link>\n\n <!-- Events -->\n <router-link \n class=\"no-hover-color t-center fw-medium\"\n :class=\"{ 't-grey': $route.path === '/rents', 't-transp': $route.path !== '/rents' }\"\n to=\"/rents\"\n >\n <IconShopcart \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path === '/rents' ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\" fw-semi p-small w-100\">{{t('navigation.rents')}}</p>\n </router-link>\n\n <!-- Community -->\n <router-link \n class=\"no-hover-color t-center fw-medium\"\n :class=\"{ 't-grey': $route.path === '/community', 't-transp': $route.path !== '/community' }\"\n to=\"/community\"\n >\n <IconCommunity \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path === '/community' ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\" fw-semi p-small w-100\">{{t('navigation.community')}}</p>\n </router-link>\n\n <!-- Account -->\n <router-link \n class=\"no-hover-color t-center fw-medium\"\n :class=\"{ \n 't-grey': $route.path.startsWith('/auth/') \|\| $route.path.startsWith('/users/'),\n 't-transp': !$route.path.startsWith('/auth/') && !$route.path.startsWith('/users/')\n }\"\n :to=\"auth.state.access.status === false ? {name: 'Sign In'} : { name: 'User Profile', params: { _id: auth.state.user._id }}\"\n >\n <IconProfile \n class=\"mn-r-auto mn-l-auto i-big mn-b-thin\"\n :fill=\"$route.path.startsWith('/auth/') \|\| $route.path.startsWith('/users/') ? 'rgb(var(--second))' : 'currentColor'\"\n />\n <p class=\"fw-semi p-small w-100\">{{t('navigation.profile')}}</p>\n </router-link>\n </nav>\n </footer>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n'\n\nimport IconHome from '@martyrs/src/modules/icons/entities/IconHome.vue'\nimport IconCatalog from '@martyrs/src/modules/icons/entities/IconCatalog.vue'\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nconst route = useRoute();\nconst navRef = ref(null);\n\n\n\nconst { t, te } = useI18n({ messages: {\n \"en\": {\n \"navigation\": {\n \"home\": \"Home\",\n \"catalog\": \"Catalog\",\n \"rents\": \"My Rents\",\n \"community\": \"Community\",\n \"profile\": \"Profile\"\n }\n }\n}})\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuFc,aAAQ;AACtB,UAAM,SAAS,IAAI,IAAI;AAIvB,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU;AAAA,MACpC,MAAM;AAAA,QACJ,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/partials/CitySelection.vue.js CHANGED Viewed

@@ -9,7 +9,7 @@ const _hoisted_4 = { class: "mn-b-small t-transp p-regular" };
 const _hoisted_5 = { class: "flex-nowrap flex mn-b-small pd-small radius-small bg-light" };
 const _hoisted_6 = { class: "d-block mn-r-auto" };
 const _hoisted_7 = { class: "mn-b-small" };
-const _hoisted_8 = { class: "cols-4 gap-small mn-b-semi" };
+const _hoisted_8 = { class: "cols-4 mobile:cols-2 gap-small mn-b-semi" };
 const _hoisted_9 = { class: "flex-nowrap flex pd-small radius-small bg-light" };
 const _hoisted_10 = { class: "d-block" };
 const _hoisted_11 = { class: "flex-nowrap flex pd-small radius-small bg-light" };

package/dist/martyrs/src/modules/core/views/components/partials/CitySelection.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CitySelection.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n <div class=\"select-country\">\n <p class=\"h1\">🌍</p>\n <br>\n <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n <!-- Select city -->\n <div class=\"mn-b-semi\">\n <!-- Description -->\n <p class=\"mn-b-small t-transp p-regular\">{{t('description')}}</p> \n <!-- Input -->\n <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n <a @click=\"closePopup()\">{{t('choose')}}</a>\n </div>\n </div>\n <!-- Coming soon cities -->\n <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n \n <div class=\"cols-4 gap-small mn-b-semi\">\n <!-- Input -->\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[0]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[1]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[2]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[3]')}}</span>\n </div>\n </div>\n <!-- Description -->\n <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n <div class=\"pd-small p-medium radius-small bg-light\">\n <a class=\"\">hello@nms.network</a>\n </div>\n </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n isPopupOpen: {\n type: Boolean,\n default: false\n },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n messages: {\n en: {\n title: \"Choose Your City\",\n description: \"Please select your city from the list below to see rental options and other relevant information:\",\n choose: \"Current\",\n cities: [\n \"Phuket\"\n ],\n comingsoon: \"Coming soon:\",\n cscities: [\n \"Bangkok\",\n \"Chiang Mai\",\n \"Pha-ngan\",\n \"Pattaya\",\n ],\n helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n },\n }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n .select-country {\n max-width: 100%;\n }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEc,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CitySelection.vue.js","sources":["../../../../../../../../src/modules/core/views/components/partials/CitySelection.vue"],"sourcesContent":["<template>\n <div class=\"select-country\">\n <p class=\"h1\">🌍</p>\n <br>\n <h3 class=\"mn-b-semi\">{{t('title')}}</h3>\n <!-- Select city -->\n <div class=\"mn-b-semi\">\n <!-- Description -->\n <p class=\"mn-b-small t-transp p-regular\">{{t('description')}}</p> \n <!-- Input -->\n <div class=\"flex-nowrap flex mn-b-small pd-small radius-small bg-light\">\n <span class=\"d-block mn-r-auto\">{{t('cities[0]')}}</span>\n <a @click=\"closePopup()\">{{t('choose')}}</a>\n </div>\n </div>\n <!-- Coming soon cities -->\n <p class=\"mn-b-small\">{{t('comingsoon')}}</p>\n \n <div class=\"cols-4 mobile:cols-2 gap-small mn-b-semi\">\n <!-- Input -->\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[0]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[1]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[2]')}}</span>\n </div>\n <div class=\"flex-nowrap flex pd-small radius-small bg-light\">\n <span class=\"d-block\">{{t('cscities[3]')}}</span>\n </div>\n </div>\n <!-- Description -->\n <p class=\"mn-b-small t-transp\">{{t('helpus')}}</p> \n <div class=\"pd-small p-medium radius-small bg-light\">\n <a class=\"\">hello@nms.network</a>\n </div>\n </div>\n</template>\n<script setup>\n// Import libs\nimport { computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Define props\nconst props = defineProps({\n isPopupOpen: {\n type: Boolean,\n default: false\n },\n});\nconst emits = defineEmits(['close-popup'])\nfunction closePopup() {\n emits(\"close-popup\");\n} \n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n messages: {\n en: {\n title: \"Choose Your City\",\n description: \"Please select your city from the list below to see rental options and other relevant information:\",\n choose: \"Current\",\n cities: [\n \"Phuket\"\n ],\n comingsoon: \"Coming soon:\",\n cscities: [\n \"Bangkok\",\n \"Chiang Mai\",\n \"Pha-ngan\",\n \"Pattaya\",\n ],\n helpus: \"NMS is your ultimate entertainment and lifestyle guide. Want to partner with us or share ideas? Reach out at:\",\n cultivate: \"Let's create unforgettable moments together! 🎵🌴\"\n },\n }\n}\nconst { t } = useI18n(text)\n</script>\n<style lang=\"scss\">\n .select-country {\n max-width: 100%;\n }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,QAAQ;AACd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEc,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN;AAAA,UACR;AAAA,UACM,YAAY;AAAA,UACZ,UAAU;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACR;AAAA,UACM,QAAQ;AAAA,UACR,WAAW;AAAA,QACjB;AAAA,MACA;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -15,9 +15,9 @@ import _sfc_main$4 from "../../../../icons/socials/whatsapp.vue.js";
 import Logotype from "../../../../icons/logos/Logotype.vue.js";
 /* empty css            */
 const _hoisted_1 = { class: "pd-medium" };
-const _hoisted_2 = { class: "grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big" };
+const _hoisted_2 = { class: "d-grid cols-3-footer tablet:cols-2 mobile:cols-1 gap-extra mobile:gap-big" };
 const _hoisted_3 = { class: "col w-max-15r" };
-const _hoisted_4 = { class: "p-medium t-medium mn-b-semi" };
+const _hoisted_4 = { class: "p-medium fw-medium mn-b-semi" };
 const _hoisted_5 = { class: "mn-b-semi flex flex-column gap-small" };
 const _hoisted_6 = ["href"];
 const _hoisted_7 = { class: "t-small" };
@@ -25,34 +25,34 @@ const _hoisted_8 = ["href"];
 const _hoisted_9 = { class: "t-small" };
 const _hoisted_10 = { class: "flex mn-b-micro gap-micro flex-v-center" };
 const _hoisted_11 = { class: "t-small" };
-const _hoisted_12 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_12 = { class: "h5 fw-medium mn-b-regular" };
 const _hoisted_13 = { class: "w-100 flex-nowrap flex gap-thin" };
 const _hoisted_14 = ["href", "target"];
 const _hoisted_15 = {
   key: 0,
-  class: "z-index-2 radius-medium bg-main t-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 radius-medium bg-main fw-medium uppercase pd-thin pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _hoisted_16 = ["href", "target"];
 const _hoisted_17 = {
   key: 0,
-  class: "z-index-2 pd-thin radius-medium bg-main t-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+  class: "z-index-2 pd-thin radius-medium bg-main fw-medium uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
 };
 const _hoisted_18 = { class: "cols-2 gap-big" };
-const _hoisted_19 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_19 = { class: "h5 fw-medium mn-b-regular" };
 const _hoisted_20 = { class: "flex flex-column gap-thin" };
 const _hoisted_21 = { class: "col" };
-const _hoisted_22 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_22 = { class: "h5 fw-medium mn-b-regular" };
 const _hoisted_23 = { class: "t-small mn-b-small t-transp" };
-const _hoisted_24 = { class: "h5 t-medium mn-b-regular" };
+const _hoisted_24 = { class: "h5 fw-medium mn-b-regular" };
 const _hoisted_25 = { class: "flex gap-thin" };
 const _hoisted_26 = ["href"];
-const _hoisted_27 = { class: "t-small t-medium uppercase" };
+const _hoisted_27 = { class: "t-small fw-medium uppercase" };
 const _hoisted_28 = { class: "t-main copyleft" };
 const _hoisted_29 = {
   href: "https://ozdao.dev",
   target: "_blank",
   rel: "noopener",
-  class: "flex-nowrap flex-v-center flex t-medium gap-thin br-1px br-light pd-thin radius-thin"
+  class: "flex-nowrap flex-v-center flex fw-medium gap-thin br-1px br-light pd-thin radius-thin"
 };
 const _sfc_main = {
   __name: "Footer",
@@ -81,7 +81,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("footer", {
-        class: normalizeClass(["w-100 br-t br-solid", {
+        class: normalizeClass(["w-100 br-t-1px", {
           "t-black bg-white br-light": __props.theme === "light",
           "t-white bg-black br-dark": __props.theme === "dark"
         }])
@@ -99,7 +99,7 @@ const _sfc_main = {
               createElementVNode("div", _hoisted_5, [
                 createElementVNode("a", {
                   href: `tel:${unref(t)("footer.phoneNumber").replace(/\s/g, "")}`,
-                  class: normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
+                  class: normalizeClass(["flex mn-b-micro gap-micro flex-v-center ease hover:opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                 }, [
                   createVNode(_sfc_main$1, {
                     class: "i-medium",
@@ -109,7 +109,7 @@ const _sfc_main = {
                 ], 10, _hoisted_6),
                 createElementVNode("a", {
                   href: `mailto:${unref(t)("footer.emailAddress")}`,
-                  class: normalizeClass(["flex mn-b-micro gap-micro flex-v-center transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
+                  class: normalizeClass(["flex mn-b-micro gap-micro flex-v-center ease hover:opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                 }, [
                   createVNode(_sfc_main$2, {
                     class: "i-medium",
@@ -173,7 +173,7 @@ const _sfc_main = {
                             }, [
                               createVNode(_component_router_link, {
                                 to: `/${item.url}`,
-                                class: normalizeClass(["t-small transition-opacity hover-opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
+                                class: normalizeClass(["t-small ease hover:opacity-70", __props.theme === "light" ? "t-black" : "t-white"])
                               }, {
                                 default: withCtx(() => [
                                   createTextVNode(toDisplayString(item.name), 1)
@@ -205,7 +205,7 @@ const _sfc_main = {
                     key: social.name,
                     href: social.url,
                     target: "_blank",
-                    class: "w-3r h-3r flex flex-center radius-small bg-light transition-opacity hover-opacity-70"
+                    class: "w-3r h-3r flex flex-center radius-small bg-light ease hover:opacity-70"
                   }, [
                     (openBlock(), createBlock(resolveDynamicComponent(iconComponents[social.name]), {
                       class: "i-medium",
@@ -218,7 +218,7 @@ const _sfc_main = {
           ])
         ]),
         createElementVNode("div", {
-          class: normalizeClass(["pd-medium br-t br-solid flex flex-justify-between flex-v-center flex-nowrap mobile:flex-column mobile:flex-align-start mobile:gap-small", {
+          class: normalizeClass(["pd-medium br-t-1px flex flex-justify-between flex-v-center flex-nowrap mobile:flex-column mobile:flex-align-start mobile:gap-small", {
             "br-light": __props.theme === "light",
             "br-dark": __props.theme === "dark"
           }])

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

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

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

@@ -5,8 +5,8 @@ import { useStore } from "../../store/core.store.js";
 import { actions, getters } from "../../../../orders/store/shopcart.js";
 import { state } from "../../../../auth/views/store/auth.js";
 import NotificationBadge from "../../../../notifications/components/elements/NotificationBadge.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
-import Select from "../../../../../components/Select/Select.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import Select from "../../../../../components/Select/Select.vue.js";
 import _sfc_main$3 from "../../../../icons/entities/IconShopcart.vue.js";
 import _sfc_main$4 from "../../../../icons/entities/IconProfile.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconSearch.vue.js";
@@ -54,7 +54,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", {
         id: "header",
-        class: normalizeClass(["pd-thin gap-micro flex-justify-between flex-nowrap flex h-4r w-100 z-index-2 pos-relative pos-t-0 br-b br-solid", {
+        class: normalizeClass(["pd-thin gap-micro flex-justify-between flex-nowrap flex h-4r w-100 z-index-2 pos-relative pos-t-0 br-b-1px", {
           "t-black br-light": __props.theme === "light",
           "t-white br-dark": __props.theme === "dark"
         }])
@@ -90,9 +90,9 @@ const _sfc_main = {
           __props.location ? (openBlock(), createElementBlock("button", {
             key: 1,
             "aria-label": "button_location",
-            class: normalizeClass(["cursor-pointer bg-transp pd-micro radius-extra uppercase t-semi br-solid br-2px transition-linear t-nowrap", {
-              "fill-black br-black t-black hover-bg-black hover-t-white hover-fill-white": __props.theme === "light",
-              "fill-white br-white t-white hover-bg-white hover-t-black hover-fill-black": __props.theme === "dark"
+            class: normalizeClass(["cursor-pointer bg-transparent pd-micro radius-extra uppercase fw-semi br-2px ease-linear t-nowrap", {
+              "fill-black br-black t-black hover:bg-black hover:t-white hover:fill-white": __props.theme === "light",
+              "fill-white br-white t-white hover:bg-white hover:t-black hover:fill-black": __props.theme === "dark"
             }]),
             onClick: _cache[2] || (_cache[2] = ($event) => openLocationPopup())
           }, [
@@ -110,7 +110,7 @@ const _sfc_main = {
           unref(router).hasRoute("Search") && unref(route).meta.header_search ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             "aria-label": "search",
-            class: normalizeClass(["pd-zero bg-transp", unref(route).meta.header_search_class]),
+            class: normalizeClass(["pd-zero bg-transparent", unref(route).meta.header_search_class]),
             submit: () => unref(router).push({ name: "Search" }),
             showSucces: false,
             showLoader: false
@@ -145,7 +145,7 @@ const _sfc_main = {
           }, null, 8, ["fill"])) : createCommentVNode("", true),
           createVNode(_sfc_main$1, {
             "aria-label": "profile",
-            class: "pd-zero bg-transp",
+            class: "pd-zero bg-transparent",
             submit: state.access.status === false ? (a) => unref(router).push({ name: "Sign In" }) : (a) => unref(router).push({ name: "User Profile", params: { _id: state.user._id } }),
             showSucces: false,
             showLoader: false
@@ -164,7 +164,7 @@ const _sfc_main = {
             "onUpdate:select": _cache[3] || (_cache[3] = ($event) => _ctx.$i18n.locale = $event),
             options: _ctx.$i18n.availableLocales,
             property: "value",
-            class: normalizeClass(["pos-relative flex flex-column gap-small uppercase pd-thin t-semi radius-thin", {
+            class: normalizeClass(["pos-relative flex flex-column gap-small uppercase pd-thin fw-semi radius-thin", {
               "bg-light t-black": __props.theme === "light",
               "bg-dark t-white": __props.theme === "dark"
             }])

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

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

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

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

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

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