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

@ozdao/martyrs 0.2.571 → 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 (818) hide show

package/dist/martyrs/src/modules/core/views/components/blocks/PopupAuth.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopupAuth.vue.js","sources":["../../../../../../../../src/modules/core/views/components/blocks/PopupAuth.vue"],"sourcesContent":["<!-- @martyrs/src/modules/auth/views/components/AuthDialog.vue -->\n<template>\n <Popup \n :isPopupOpen=\"authState.visible\" \n @close-popup=\"closeAuth\"\n class=\"bg-white radius-medium pd-medium\"\n >\n <div class=\"t-center\">\n <img loading=\"lazy\" :src=\"'/logo/logo.svg'\" class=\"i-extra radius-small mn-b-medium\">\n <h3 class=\"mn-b-medium\">{{ authState.title \|\| 'Welcome' }}</h3>\n <p class=\"mn-b-semi t-transp\">{{ authState.subtitle \|\| 'Please sign in or create an account to continue.' }}</p>\n \n <div class=\"flex-column flex gap-thin\">\n <Button \n :submit=\"handleSignUp\" \n class=\"bg-main radius-small mn-b-small pd-thin\"\n >\n Sign Up\n </Button>\n \n <span>\n Already have an account? \n <a @click=\"handleSignIn\" class=\"t-~~second~~ cursor-pointer\">Sign in</a>\n </span>\n </div>\n </div>\n </Popup>\n</template>\n\n<script setup>\nimport { useRouter, useRoute } from 'vue-router';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nconst props = defineProps({\n authState: {\n type: Object,\n required: true\n },\n closeAuth: {\n type: Function,\n required: true\n }\n});\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst handleSignIn = async () => {\n const returnUrl = props.authState.returnUrl \|\| route.fullPath;\n await router.push({ \n name: 'Sign In',\n query: { returnUrl }\n });\n props.closeAuth('signin');\n};\n\nconst handleSignUp = async () => {\n const returnUrl = props.authState.returnUrl \|\| route.fullPath;\n await router.push({ \n name: 'Sign Up',\n query: { returnUrl }\n });\n props.closeAuth('signup');\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAWd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;AAEA,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"PopupAuth.vue.js","sources":["../../../../../../../../src/modules/core/views/components/blocks/PopupAuth.vue"],"sourcesContent":["<!-- @martyrs/src/modules/auth/views/components/AuthDialog.vue -->\n<template>\n <Popup \n :isPopupOpen=\"authState.visible\" \n @close-popup=\"closeAuth\"\n class=\"bg-white radius-medium pd-medium\"\n >\n <div class=\"t-center\">\n <img loading=\"lazy\" :src=\"'/logo/logo.svg'\" class=\"i-extra radius-small mn-b-medium\">\n <h3 class=\"mn-b-medium\">{{ authState.title \|\| 'Welcome' }}</h3>\n <p class=\"mn-b-semi t-transp\">{{ authState.subtitle \|\| 'Please sign in or create an account to continue.' }}</p>\n \n <div class=\"flex-column flex gap-thin\">\n <Button \n :submit=\"handleSignUp\" \n class=\"bg-main radius-small mn-b-small pd-thin\"\n >\n Sign Up\n </Button>\n \n <span>\n Already have an account? \n <a @click=\"handleSignIn\" class=\"t-grey cursor-pointer\">Sign in</a>\n </span>\n </div>\n </div>\n </Popup>\n</template>\n\n<script setup>\nimport { useRouter, useRoute } from 'vue-router';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nconst props = defineProps({\n authState: {\n type: Object,\n required: true\n },\n closeAuth: {\n type: Function,\n required: true\n }\n});\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst handleSignIn = async () => {\n const returnUrl = props.authState.returnUrl \|\| route.fullPath;\n await router.push({ \n name: 'Sign In',\n query: { returnUrl }\n });\n props.closeAuth('signin');\n};\n\nconst handleSignUp = async () => {\n const returnUrl = props.authState.returnUrl \|\| route.fullPath;\n await router.push({ \n name: 'Sign Up',\n query: { returnUrl }\n });\n props.closeAuth('signup');\n};\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,QAAQ;AAWd,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;AAEA,UAAM,eAAe,YAAY;AAC/B,YAAM,YAAY,MAAM,UAAU,aAAa,MAAM;AACrD,YAAM,OAAO,KAAK;AAAA,QAChB,MAAM;AAAA,QACN,OAAO,EAAE,UAAS;AAAA,MACtB,CAAG;AACD,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/blocks/PopupDateSelector.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ref, computed, watch, onMounted, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, toDisplayString, unref } from "vue";
 import { useI18n } from "vue-i18n";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
-import Loader from "../../../../../components/Loader/Loader.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import Calendar from "../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../icons/actions/IconShopcartAdd.vue.js";

package/dist/martyrs/src/modules/core/views/components/elements/ButtonDate.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { toRefs, computed, createElementBlock, openBlock, createVNode, createElementVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../../icons/entities/IconDate.vue.js";
-const _hoisted_1 = { class: "desktop-only mn-l-thin t-semi" };
+const _hoisted_1 = { class: "desktop-only mn-l-thin fw-semi" };
 const _sfc_main = {
   __name: "ButtonDate",
   props: {

package/dist/martyrs/src/modules/core/views/components/elements/ButtonDate.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonDate.vue.js","sources":["../../../../../../../../src/modules/core/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n <div \n @click=\"handleClick\"\n class=\"cursor-pointer flex-center flex\"\n >\n <IconDate class=\"w-1r h-auto\"/>\n <span class=\"desktop-only mn-l-thin t-semi\">{{ formattedDate }}</span>\n </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n action: {\n type: Function,\n },\n date: {\n type: Object\n }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n \n const { start, end } = dateObj;\n\n if (start === null && end === null) {\n return `All Time`;\n }\n\n const startDate = new Date(start);\n const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n if (!end) {\n // Если нет end, выводим полную дату для start\n return `${startDay} ${startMonth} ${startYear}`;\n }\n\n const endDate = new Date(end);\n const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n // Если есть start и end, для start не выводим год, а для end выводим\n return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAAS,OAAO,KAAK;AAErC,UAAM,gBAAgB,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAK;AAAA,IAChC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAW,CAAE;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MAC/C;AAEA,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAW,CAAE;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;"}
1	+ {"version":3,"file":"ButtonDate.vue.js","sources":["../../../../../../../../src/modules/core/views/components/elements/ButtonDate.vue"],"sourcesContent":["<template>\n <div \n @click=\"handleClick\"\n class=\"cursor-pointer flex-center flex\"\n >\n <IconDate class=\"w-1r h-auto\"/>\n <span class=\"desktop-only mn-l-thin fw-semi\">{{ formattedDate }}</span>\n </div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport IconDate from '@martyrs/src/modules/icons/entities/IconDate.vue'\n\nconst props = defineProps({\n action: {\n type: Function,\n },\n date: {\n type: Object\n }\n});\n\nconst { action, date } = toRefs(props);\n\nconst formattedDate = computed(() => formatDate(date.value));\n\nconst handleClick = () => {\n if (action.value) action.value();\n};\n\nfunction formatDate(dateObj) {\n const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n \n const { start, end } = dateObj;\n\n if (start === null && end === null) {\n return `All Time`;\n }\n\n const startDate = new Date(start);\n const startDay = startDate.getUTCDate(); // Используем getUTCDate() для дня\n const startMonth = months[startDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n const startYear = startDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n if (!end) {\n // Если нет end, выводим полную дату для start\n return `${startDay} ${startMonth} ${startYear}`;\n }\n\n const endDate = new Date(end);\n const endDay = endDate.getUTCDate(); // Используем getUTCDate() для дня\n const endMonth = months[endDate.getUTCMonth()]; // Используем getUTCMonth() для месяца\n const endYear = endDate.getUTCFullYear(); // Используем getUTCFullYear() для года\n\n // Если есть start и end, для start не выводим год, а для end выводим\n return `${startDay} ${startMonth} - ${endDay} ${endMonth} ${endYear}`;\n}\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AASd,UAAM,EAAE,QAAQ,SAAS,OAAO,KAAK;AAErC,UAAM,gBAAgB,SAAS,MAAM,WAAW,KAAK,KAAK,CAAC;AAE3D,UAAM,cAAc,MAAM;AACxB,UAAI,OAAO,MAAO,QAAO,MAAK;AAAA,IAChC;AAEA,aAAS,WAAW,SAAS;AAC3B,YAAM,SAAS,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAElG,YAAM,EAAE,OAAO,IAAG,IAAK;AAEvB,UAAI,UAAU,QAAQ,QAAQ,MAAM;AAClC,eAAO;AAAA,MACT;AAEA,YAAM,YAAY,IAAI,KAAK,KAAK;AAChC,YAAM,WAAW,UAAU;AAC3B,YAAM,aAAa,OAAO,UAAU,YAAW,CAAE;AACjD,YAAM,YAAY,UAAU;AAE5B,UAAI,CAAC,KAAK;AAER,eAAO,GAAG,QAAQ,IAAI,UAAU,IAAI,SAAS;AAAA,MAC/C;AAEA,YAAM,UAAU,IAAI,KAAK,GAAG;AAC5B,YAAM,SAAS,QAAQ;AACvB,YAAM,WAAW,OAAO,QAAQ,YAAW,CAAE;AAC7C,YAAM,UAAU,QAAQ;AAGxB,aAAO,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,OAAO;AAAA,IACrE;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/core/views/components/elements/PhotoStack.vue.js CHANGED Viewed

@@ -10,7 +10,7 @@ const _hoisted_2 = {
     top: "0px",
     right: "0px"
   },
-  class: "br-solid br-2px br-white z-index-1 radius-big i-medium bg-second flex flex-center t-white p-small t-semi"
+  class: "br-2px br-white z-index-1 radius-big i-medium bg-second flex flex-center t-white p-small fw-semi"
 };
 const _hoisted_3 = ["src"];
 const _sfc_main = {
@@ -41,7 +41,7 @@ const _sfc_main = {
                 right: index * 20 + 20 + "%",
                 zIndex: 1 - index
               }),
-              class: "br-solid br-2px br-white i-medium bg-light radius-big"
+              class: "br-2px br-white i-medium bg-light radius-big"
             }, null, 12, _hoisted_3)) : (openBlock(), createBlock(PlaceholderUserpic, {
               key: 1,
               style: normalizeStyle({
@@ -50,7 +50,7 @@ const _sfc_main = {
                 right: index * 20 + 20 + "%",
                 zIndex: 1 - index
               }),
-              class: "br-solid br-2px br-white i-medium bg-light radius-big"
+              class: "br-2px br-white i-medium bg-light radius-big"
             }, null, 8, ["style"]))
           ], 64);
         }), 256)) : createCommentVNode("", true)

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

@@ -1,5 +1,5 @@
-import { ref, computed, onBeforeMount, resolveComponent, createBlock, openBlock, withCtx, resolveDynamicComponent } from "vue";
-import { Preferences } from "../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.0_@capacitor_core@7.0.1/node_modules/@capacitor/preferences/dist/esm/index.js";
+import { ref, computed, onBeforeMount, onMounted, resolveComponent, createBlock, openBlock, withCtx, resolveDynamicComponent } from "vue";
+import { Preferences } from "../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.2_@capacitor_core@7.4.4/node_modules/@capacitor/preferences/dist/esm/index.js";
 import { Keyboard } from "../../../../../../../node_modules/.pnpm/@capacitor_keyboard@7.0.1_@capacitor_core@7.4.4/node_modules/@capacitor/keyboard/dist/esm/index.js";
 import { u as useHead } from "../../../../../../../node_modules/.pnpm/@unhead_vue@1.11.20_vue@3.5.13_typescript@5.8.3_/node_modules/@unhead/vue/dist/shared/vue.-sixQ7xP.js";
 import { useI18n } from "vue-i18n";
@@ -80,9 +80,29 @@ const _sfc_main = {
     useHead(metadata);
     onBeforeMount(async () => {
       if (process.env.MOBILE_APP === "ios") Keyboard.setAccessoryBarVisible({ isVisible: false });
-      const { value } = await Preferences.get({ key: "darkmode" });
-      const isDarkMode = value ? JSON.parse(value) : false;
-      store.core.actions.setTheme(isDarkMode);
+      if (process.env.MOBILE_APP) {
+        const { value } = await Preferences.get({ key: "theme" });
+        const mode = value || "system";
+        store.core.actions.setTheme(mode);
+      } else {
+        const root = document.documentElement;
+        const dataTheme = root.getAttribute("data-theme");
+        if (dataTheme === "dark") {
+          store.core.state.theme.mode = "dark";
+        } else if (dataTheme === "light") {
+          store.core.state.theme.mode = "light";
+        } else {
+          store.core.state.theme.mode = "system";
+        }
+      }
+    });
+    onMounted(() => {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      mediaQuery.addEventListener("change", (e) => {
+        if (store.core.state.theme.mode === "system") {
+          store.core.actions.setTheme("system");
+        }
+      });
     });
     return (_ctx, _cache) => {
       const _component_router_view = resolveComponent("router-view");

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

	@@ -1 +1 @@
1	- {"version":3,"file":"App.vue.js","sources":["../../../../../../../../src/modules/core/views/components/layouts/App.vue"],"sourcesContent":["<template>\n <router-view \n v-slot=\"{ Component }\"\n >\n <component \n ref=\"page\" \n :env=\"env\"\n :app=\"app\"\n :modules=\"modules\"\n :is=\"Component\"\n />\n </router-view>\n</template>\n\n<script setup>\n import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n import { Preferences } from '@capacitor/preferences';\n import { Keyboard } from '@capacitor/keyboard';\n\n import { useHead } from '@unhead/vue'\n import { useI18n } from 'vue-i18n'\n import { useRoute } from 'vue-router'\n\n import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n const store = useStore()\n\n const 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 // LOADING\n /////////////////////////////\n // State\n let show = ref(false)\n // Preloader\n const page = ref(null)\n /////////////////////////////\n // META\n /////////////////////////////\n const { t, locale, availableLocales } = useI18n({\n messages: props.app.messages\n })\n\n const route = useRoute();\n\n const languages = availableLocales;\n const base_url = process.env.FILE_SERVER_URL;\n\n function removeTrailingSlash(url) {\n return url.endsWith('/') ? url.slice(0, -1) : url;\n }\n // Используйте эту функцию, чтобы удалить слэш в конце URL\n const metadata = computed(() => {return {\n title: t('meta.title'),\n description: t('meta.description'),\n meta: [\n { charset: 'utf-8' },\n { name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no' },\n { hid: 'description', name: 'description', content: t('meta.description') },\n { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },\n { hid: 'og:title', property: 'og:title', content: t('meta.og.title') },\n { hid: 'og:description', property: 'og:description', content: t('meta.og.description') },\n { hid: 'og:image', property: 'og:image', content: base_url + '/favicon/cover.jpg' },\n { hid: 'og:url', property: 'og:url', content: removeTrailingSlash(`${base_url}${route.path}`) },\n { hid: 'twitter:title', name: 'twitter:title', content: t('meta.twitter.title') },\n { hid: 'twitter:description', name: 'twitter:description', content: t('meta.twitter.description') },\n { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },\n { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },\n ],\n link: [\n { hid: 'canonical', rel: 'canonical', href: removeTrailingSlash(`${base_url}${route.path}`) },\n ...generateAlternateLinks.value,\n ],\n htmlAttrs: { lang: t('meta.htmlAttrs.lang') }\n }});\n\n const generateAlternateLinks = computed(() => {\n return languages.map(lang => {\n let newPath = route.path;\n\n if (route.params.locale) {\n newPath = newPath.replace(`/${route.params.locale}`, `/${lang}`);\n } else {\n newPath = `/${lang}${newPath}`;\n }\n const href = removeTrailingSlash(`${base_url}${newPath}`);\n return { \n hid: 'alternate', \n rel: 'alternate', \n hreflang: lang, \n href: href\n };\n });\n });\n\n useHead(metadata)\n\n onBeforeMount(async()=>{\n if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false })\n\n const { value } = await Preferences.get({ key: '~~darkmode~~' });\n\n const ~~isDarkMode~~ = ~~value~~ ? ~~JSON~~.~~parse~~(~~value~~) : ~~false~~;\n\n store.core.actions.setTheme(~~isDarkMode~~);\n })\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAkBH,QAAI,KAAK;AAEpB,UAAM,OAAO,IAAI,IAAI;AAIrB,UAAM,EAAE,GAAG,QAAQ,iBAAgB,IAAK,QAAQ;AAAA,MAC9C,UAAU,MAAM,IAAI;AAAA,IACxB,CAAG;AAED,UAAM,QAAQ,SAAQ;AAEtB,UAAM,YAAY;AAClB,UAAM,WAAW,QAAQ,IAAI;AAE7B,aAAS,oBAAoB,KAAK;AAChC,aAAO,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI;AAAA,IAChD;AAEA,UAAM,WAAW,SAAS,MAAM;AAAC,aAAO;AAAA,QACtC,OAAO,EAAE,YAAY;AAAA,QACrB,aAAa,EAAE,kBAAkB;AAAA,QACjC,MAAM;AAAA,UACF,EAAE,SAAS,QAAO;AAAA,UAClB,EAAE,MAAM,YAAY,SAAS,wDAAuD;AAAA,UACpF,EAAE,KAAK,eAAe,MAAM,eAAe,SAAS,EAAE,kBAAkB,EAAC;AAAA,UACzE,EAAE,KAAK,YAAY,MAAM,YAAY,SAAS,EAAE,eAAe,EAAC;AAAA,UAChE,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,EAAE,eAAe,EAAC;AAAA,UACpE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,SAAS,EAAE,qBAAqB,EAAC;AAAA,UACtF,EAAE,KAAK,YAAY,UAAU,YAAY,SAAS,WAAW,qBAAoB;AAAA,UACjF,EAAE,KAAK,UAAU,UAAU,UAAU,SAAS,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAC;AAAA,UAC7F,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,EAAE,oBAAoB,EAAC;AAAA,UAC/E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,SAAS,EAAE,0BAA0B,EAAC;AAAA,UACjG,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,SAAS,WAAW,qBAAoB;AAAA,UACvF,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,EAAE,mBAAmB,EAAC;AAAA,QACpF;AAAA,QACI,MAAM;AAAA,UACJ,EAAE,KAAK,aAAa,KAAK,aAAa,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,IAAI,EAAE,EAAC;AAAA,UAC3F,GAAG,uBAAuB;AAAA,QAChC;AAAA,QACI,WAAW,EAAE,MAAM,EAAE,qBAAqB,EAAC;AAAA,MAC/C;AAAA,IAAG,CAAC;AAEF,UAAM,yBAAyB,SAAS,MAAM;AAC5C,aAAO,UAAU,IAAI,UAAQ;AAC3B,YAAI,UAAU,MAAM;AAEpB,YAAI,MAAM,OAAO,QAAQ;AACvB,oBAAU,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,IAAI,IAAI,IAAI,EAAE;AAAA,QACjE,OAAO;AACL,oBAAU,IAAI,IAAI,GAAG,OAAO;AAAA,QAC9B;AACA,cAAM,OAAO,oBAAoB,GAAG,QAAQ,GAAG,OAAO,EAAE;AACxD,eAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,UAAU;AAAA,UACV;AAAA,QACR;AAAA,MACI,CAAC;AAAA,IACH,CAAC;AAED,YAAQ,QAAQ;AAEhB,kBAAc,~~YAAS~~;~~AACrB~~,UAAI,QAAQ,IAAI,eAAe,MAAO,UAAS,uBAAuB,EAAE,WAAW,MAAK,CAAE;~~AAE1F~~,~~YAAM~~,EAAE,MAAK,IAAK,MAAM,YAAY,IAAI,EAAE,KAAK,~~YAAY~~;~~AAE3D~~,~~YAAM~~,aAAa,QAAQ,KAAK,MAAM,KAAK,~~IAAI~~;~~AAE/C~~,YAAM,KAAK,~~QAAQ~~,SAAS,UAAU;AAAA,~~IACxC~~,CAAC;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"App.vue.js","sources":["../../../../../../../../src/modules/core/views/components/layouts/App.vue"],"sourcesContent":["<template>\n <router-view \n v-slot=\"{ Component }\"\n >\n <component \n ref=\"page\" \n :env=\"env\"\n :app=\"app\"\n :modules=\"modules\"\n :is=\"Component\"\n />\n </router-view>\n</template>\n\n<script setup>\n import { computed, ref, onMounted, defineAsyncComponent, onBeforeMount } from 'vue'\n import { Preferences } from '@capacitor/preferences';\n import { Keyboard } from '@capacitor/keyboard';\n\n import { useHead } from '@unhead/vue'\n import { useI18n } from 'vue-i18n'\n import { useRoute } from 'vue-router'\n\n import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n\n const store = useStore()\n\n const 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 // LOADING\n /////////////////////////////\n // State\n let show = ref(false)\n // Preloader\n const page = ref(null)\n /////////////////////////////\n // META\n /////////////////////////////\n const { t, locale, availableLocales } = useI18n({\n messages: props.app.messages\n })\n\n const route = useRoute();\n\n const languages = availableLocales;\n const base_url = process.env.FILE_SERVER_URL;\n\n function removeTrailingSlash(url) {\n return url.endsWith('/') ? url.slice(0, -1) : url;\n }\n // Используйте эту функцию, чтобы удалить слэш в конце URL\n const metadata = computed(() => {return {\n title: t('meta.title'),\n description: t('meta.description'),\n meta: [\n { charset: 'utf-8' },\n { name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no' },\n { hid: 'description', name: 'description', content: t('meta.description') },\n { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },\n { hid: 'og:title', property: 'og:title', content: t('meta.og.title') },\n { hid: 'og:description', property: 'og:description', content: t('meta.og.description') },\n { hid: 'og:image', property: 'og:image', content: base_url + '/favicon/cover.jpg' },\n { hid: 'og:url', property: 'og:url', content: removeTrailingSlash(`${base_url}${route.path}`) },\n { hid: 'twitter:title', name: 'twitter:title', content: t('meta.twitter.title') },\n { hid: 'twitter:description', name: 'twitter:description', content: t('meta.twitter.description') },\n { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },\n { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },\n ],\n link: [\n { hid: 'canonical', rel: 'canonical', href: removeTrailingSlash(`${base_url}${route.path}`) },\n ...generateAlternateLinks.value,\n ],\n htmlAttrs: { lang: t('meta.htmlAttrs.lang') }\n }});\n\n const generateAlternateLinks = computed(() => {\n return languages.map(lang => {\n let newPath = route.path;\n\n if (route.params.locale) {\n newPath = newPath.replace(`/${route.params.locale}`, `/${lang}`);\n } else {\n newPath = `/${lang}${newPath}`;\n }\n const href = removeTrailingSlash(`${base_url}${newPath}`);\n return { \n hid: 'alternate', \n rel: 'alternate', \n hreflang: lang, \n href: href\n };\n });\n });\n\n useHead(metadata)\n\n onBeforeMount(async () => {\n if (process.env.MOBILE_APP === 'ios') Keyboard.setAccessoryBarVisible({ isVisible: false })\n\n // Для Mobile (Capacitor) - читаем из Preferences\n if (process.env.MOBILE_APP) {\n const { value } = await Preferences.get({ key: 'theme' });\n const mode = value \|\| 'system';\n store.core.actions.setTheme(mode);\n } else {\n // Для SSR/SPA - инициализируем state из уже проставленного SSR атрибута\n const root = document.documentElement;\n const dataTheme = root.getAttribute('data-theme');\n\n if (dataTheme === 'dark') {\n store.core.state.theme.mode = 'dark';\n } else if (dataTheme === 'light') {\n store.core.state.theme.mode = 'light';\n } else {\n store.core.state.theme.mode = 'system';\n }\n }\n })\n\n onMounted(() => {\n // Слушаем изменения системной темы\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n mediaQuery.addEventListener('change', (e) => {\n // При изменении системной темы, если режим 'system' - обновляем CSS\n if (store.core.state.theme.mode === 'system') {\n store.core.actions.setTheme('system');\n }\n });\n })\n</script>"],"names":[],"mappings":"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"}

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

@@ -7,18 +7,18 @@ import _sfc_main$5 from "../../../../../components/Status/Snack.vue.js";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
 import "vue-i18n";
 /* empty css                                                    */
-import Loader from "../../../../../components/Loader/Loader.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
 /* empty css                                          */
 /* empty css                             */
 import _sfc_main$2 from "../partials/LocationSelection.vue.js";
 import _sfc_main$3 from "../../../../orders/components/partials/ShopCart.vue.js";
-import { Preferences } from "../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.0_@capacitor_core@7.0.1/node_modules/@capacitor/preferences/dist/esm/index.js";
+import { Preferences } from "../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.2_@capacitor_core@7.4.4/node_modules/@capacitor/preferences/dist/esm/index.js";
 /* empty css            */
 const _hoisted_1 = {
   key: 0,
   class: "w-100 h-100"
 };
-const _hoisted_2 = { class: "rows-1-min0_max1 z-index-1 pos-relative w-100 h-100" };
+const _hoisted_2 = { class: "rows-[minmax(0,1fr)] z-index-1 pos-relative w-100 h-100" };
 const _hoisted_3 = { class: "h-min-100 pos-relative w-100" };
 const _sfc_main = {
   __name: "Client",
@@ -200,7 +200,7 @@ const _sfc_main = {
         createElementVNode("section", {
           id: "screen",
           ref: "screen",
-          class: normalizeClass(["flex flex-nowrap h-100 pos-relative o-hidden transition-ease-in-out", {
+          class: normalizeClass(["flex flex-nowrap h-100 pos-relative o-hidden ease-in-out", {
             "": _ctx.MOBILE_APP === "ios"
           }])
         }, [

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":"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"}
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":"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"}

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"
           }])