@ozdao/martyrs 0.2.565 → 0.2.566

package/dist/martyrs/dist/web-BF3ijvEr.js

@@ -0,0 +1,55 @@
+import { W as Nn } from "./main-B9o1iBAZ.js";
+class f extends Nn {
+  constructor() {
+    super(...arguments), this.group = "CapacitorStorage";
+  }
+  async configure({ group: e }) {
+    typeof e == "string" && (this.group = e);
+  }
+  async get(e) {
+    return { value: this.impl.getItem(this.applyPrefix(e.key)) };
+  }
+  async set(e) {
+    this.impl.setItem(this.applyPrefix(e.key), e.value);
+  }
+  async remove(e) {
+    this.impl.removeItem(this.applyPrefix(e.key));
+  }
+  async keys() {
+    return { keys: this.rawKeys().map((t) => t.substring(this.prefix.length)) };
+  }
+  async clear() {
+    for (const e of this.rawKeys())
+      this.impl.removeItem(e);
+  }
+  async migrate() {
+    var e;
+    const t = [], s = [], n = "_cap_", o = Object.keys(this.impl).filter((i) => i.indexOf(n) === 0);
+    for (const i of o) {
+      const r = i.substring(n.length), a = (e = this.impl.getItem(i)) !== null && e !== void 0 ? e : "", { value: l } = await this.get({ key: r });
+      typeof l == "string" ? s.push(r) : (await this.set({ key: r, value: a }), t.push(r));
+    }
+    return { migrated: t, existing: s };
+  }
+  async removeOld() {
+    const e = "_cap_", t = Object.keys(this.impl).filter((s) => s.indexOf(e) === 0);
+    for (const s of t)
+      this.impl.removeItem(s);
+  }
+  get impl() {
+    return window.localStorage;
+  }
+  get prefix() {
+    return this.group === "NativeStorage" ? "" : `${this.group}.`;
+  }
+  rawKeys() {
+    return Object.keys(this.impl).filter((e) => e.indexOf(this.prefix) === 0);
+  }
+  applyPrefix(e) {
+    return this.prefix + e;
+  }
+}
+export {
+  f as PreferencesWeb
+};
+//# sourceMappingURL=web-BF3ijvEr.js.map

package/dist/martyrs/dist/web-BF3ijvEr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-BF3ijvEr.js","sources":["../../web-BF3ijvEr.js"],"sourcesContent":["import { W as p } from \"./main-B9o1iBAZ.js\";\nclass f extends p {\n  constructor() {\n    super(...arguments), this.group = \"CapacitorStorage\";\n  }\n  async configure({ group: e }) {\n    typeof e == \"string\" && (this.group = e);\n  }\n  async get(e) {\n    return { value: this.impl.getItem(this.applyPrefix(e.key)) };\n  }\n  async set(e) {\n    this.impl.setItem(this.applyPrefix(e.key), e.value);\n  }\n  async remove(e) {\n    this.impl.removeItem(this.applyPrefix(e.key));\n  }\n  async keys() {\n    return { keys: this.rawKeys().map((t) => t.substring(this.prefix.length)) };\n  }\n  async clear() {\n    for (const e of this.rawKeys())\n      this.impl.removeItem(e);\n  }\n  async migrate() {\n    var e;\n    const t = [], s = [], n = \"_cap_\", o = Object.keys(this.impl).filter((i) => i.indexOf(n) === 0);\n    for (const i of o) {\n      const r = i.substring(n.length), a = (e = this.impl.getItem(i)) !== null && e !== void 0 ? e : \"\", { value: l } = await this.get({ key: r });\n      typeof l == \"string\" ? s.push(r) : (await this.set({ key: r, value: a }), t.push(r));\n    }\n    return { migrated: t, existing: s };\n  }\n  async removeOld() {\n    const e = \"_cap_\", t = Object.keys(this.impl).filter((s) => s.indexOf(e) === 0);\n    for (const s of t)\n      this.impl.removeItem(s);\n  }\n  get impl() {\n    return window.localStorage;\n  }\n  get prefix() {\n    return this.group === \"NativeStorage\" ? \"\" : `${this.group}.`;\n  }\n  rawKeys() {\n    return Object.keys(this.impl).filter((e) => e.indexOf(this.prefix) === 0);\n  }\n  applyPrefix(e) {\n    return this.prefix + e;\n  }\n}\nexport {\n  f as PreferencesWeb\n};\n"],"names":["p"],"mappings":";AACA,MAAM,UAAUA,GAAE;AAAA,EAChB,cAAc;AACZ,UAAM,GAAG,SAAS,GAAG,KAAK,QAAQ;AAAA,EACpC;AAAA,EACA,MAAM,UAAU,EAAE,OAAO,KAAK;AAC5B,WAAO,KAAK,aAAa,KAAK,QAAQ;AAAA,EACxC;AAAA,EACA,MAAM,IAAI,GAAG;AACX,WAAO,EAAE,OAAO,KAAK,KAAK,QAAQ,KAAK,YAAY,EAAE,GAAG,CAAC,EAAC;AAAA,EAC5D;AAAA,EACA,MAAM,IAAI,GAAG;AACX,SAAK,KAAK,QAAQ,KAAK,YAAY,EAAE,GAAG,GAAG,EAAE,KAAK;AAAA,EACpD;AAAA,EACA,MAAM,OAAO,GAAG;AACd,SAAK,KAAK,WAAW,KAAK,YAAY,EAAE,GAAG,CAAC;AAAA,EAC9C;AAAA,EACA,MAAM,OAAO;AACX,WAAO,EAAE,MAAM,KAAK,QAAO,EAAG,IAAI,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,MAAM,CAAC,EAAC;AAAA,EAC3E;AAAA,EACA,MAAM,QAAQ;AACZ,eAAW,KAAK,KAAK,QAAO;AAC1B,WAAK,KAAK,WAAW,CAAC;AAAA,EAC1B;AAAA,EACA,MAAM,UAAU;AACd,QAAI;AACJ,UAAM,IAAI,CAAA,GAAI,IAAI,CAAA,GAAI,IAAI,SAAS,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAC9F,eAAW,KAAK,GAAG;AACjB,YAAM,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC,OAAO,QAAQ,MAAM,SAAS,IAAI,IAAI,EAAE,OAAO,MAAM,MAAM,KAAK,IAAI,EAAE,KAAK,EAAC,CAAE;AAC3I,aAAO,KAAK,WAAW,EAAE,KAAK,CAAC,KAAK,MAAM,KAAK,IAAI,EAAE,KAAK,GAAG,OAAO,EAAC,CAAE,GAAG,EAAE,KAAK,CAAC;AAAA,IACpF;AACA,WAAO,EAAE,UAAU,GAAG,UAAU,EAAC;AAAA,EACnC;AAAA,EACA,MAAM,YAAY;AAChB,UAAM,IAAI,SAAS,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAC9E,eAAW,KAAK;AACd,WAAK,KAAK,WAAW,CAAC;AAAA,EAC1B;AAAA,EACA,IAAI,OAAO;AACT,WAAO,OAAO;AAAA,EAChB;AAAA,EACA,IAAI,SAAS;AACX,WAAO,KAAK,UAAU,kBAAkB,KAAK,GAAG,KAAK,KAAK;AAAA,EAC5D;AAAA,EACA,UAAU;AACR,WAAO,OAAO,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,MAAM,CAAC;AAAA,EAC1E;AAAA,EACA,YAAY,GAAG;AACb,WAAO,KAAK,SAAS;AAAA,EACvB;AACF;"}

package/dist/martyrs/src/components/BottomSheet/BottomSheet.vue.js

@@ -0,0 +1,96 @@
+import { ref, watch, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot } from "vue";
+const _sfc_main = {
+  __name: "BottomSheet",
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    options: {
+      type: Object,
+      default: {
+        position: false
+      }
+    }
+  },
+  emits: [
+    "toggle"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const wrapper = ref(null);
+    const startY = ref(0);
+    const currentY = ref(0);
+    const dragging = ref(false);
+    watch(() => props.show, (newVal) => {
+      if (newVal) {
+        document.body.classList.add("no-scroll");
+      } else {
+        document.body.classList.remove("no-scroll");
+      }
+    });
+    function startDrag(event) {
+      dragging.value = true;
+      startY.value = event.touches ? event.touches[0].clientY : event.clientY;
+      currentY.value = startY.value;
+    }
+    function onDrag(event) {
+      if (!dragging.value) return;
+      event.preventDefault();
+      currentY.value = event.touches ? event.touches[0].clientY : event.clientY;
+      const deltaY = currentY.value - startY.value;
+      if (deltaY > 0) {
+        wrapper.value.style.top = `${deltaY}px`;
+      }
+    }
+    function endDrag() {
+      if (!dragging.value) return;
+      dragging.value = false;
+      const deltaY = currentY.value - startY.value;
+      const threshold = window.innerHeight * 0.2;
+      if (deltaY < threshold) {
+        wrapper.value.style.top = "";
+      } else {
+        emits("toggle");
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "slideY",
+        mode: "out-in"
+      }, {
+        default: withCtx(() => [
+          __props.show ? (openBlock(), createElementBlock("section", {
+            key: 0,
+            ref_key: "wrapper",
+            ref: wrapper,
+            class: normalizeClass(["w-100 bs-black rows-1 h-100 pos-absolute pos-t-0 pos-l-0 z-index-9999", {
+              "pd-t-extra": _ctx.MOBILE_APP === "ios"
+            }])
+          }, [
+            createElementVNode("div", {
+              onClick: _cache[0] || (_cache[0] = ($event) => emits("toggle")),
+              onMousedown: startDrag,
+              onTouchstart: startDrag,
+              onMousemove: onDrag,
+              onTouchmove: onDrag,
+              onMouseup: endDrag,
+              onTouchend: endDrag,
+              onMouseleave: endDrag,
+              class: "bs-black pd-small br-b br-solid br-light pos-relative bg-white flex-center flex z-index-2"
+            }, _cache[1] || (_cache[1] = [
+              createElementVNode("div", { class: "radius-extra pd-nano w-3r h-1r bg-light" }, null, -1)
+            ]), 32),
+            renderSlot(_ctx.$slots, "default")
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BottomSheet.vue.js.map

package/dist/martyrs/src/components/BottomSheet/BottomSheet.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.vue.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.vue"],"sourcesContent":["<template>\n  <transition name=\"slideY\"  mode=\"out-in\">\n    <section\n      v-if=\"show\"\n      ref=\"wrapper\"\n      class=\"w-100 bs-black rows-1 h-100 pos-absolute pos-t-0 pos-l-0 z-index-9999\"\n      :class=\"{\n        'pd-t-extra': MOBILE_APP === 'ios',\n      }\"\n      >\n      <!-- Toggle To Close -->\n      <div\n        @click=\"emits('toggle')\"\n        @mousedown=\"startDrag\"\n        @touchstart=\"startDrag\"\n        @mousemove=\"onDrag\"\n        @touchmove=\"onDrag\"\n        @mouseup=\"endDrag\"\n        @touchend=\"endDrag\"\n        @mouseleave=\"endDrag\"\n        class=\"bs-black pd-small br-b br-solid br-light pos-relative bg-white flex-center flex z-index-2\"\n      >\n        <div class=\"radius-extra pd-nano w-3r h-1r bg-light\"></div>\n      </div>\n      \n      <slot></slot>\n    </section>\n  </transition>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\n\nconst props = defineProps({\n  show: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: {\n      position: false\n    }\n  }\n})\n\nconst emits = defineEmits([\n  'toggle'\n])\n\nconst wrapper = ref(null)\n\nconst startY = ref(0);\nconst currentY = ref(0);\nconst dragging = ref(false);\n\nwatch(() => props.show, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\nfunction startDrag(event) {\n  dragging.value = true;\n  startY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  currentY.value = startY.value;\n}\n\nfunction onDrag(event) {\n  if (!dragging.value) return;\n  event.preventDefault(); // Prevent scrolling while dragging\n  currentY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  const deltaY = currentY.value - startY.value;\n\n  if (deltaY > 0) {\n    wrapper.value.style.top = `${deltaY}px`;\n  }\n}\nfunction endDrag() {\n  if (!dragging.value) return;\n\n  dragging.value = false;\n\n  const deltaY = currentY.value - startY.value;\n  const threshold = window.innerHeight * 0.2;\n\n  if (deltaY < threshold) {\n    // If less than 40%, snap back to the original position\n    wrapper.value.style.top = '';\n  } else {\n    // If more than 40%, hide the element\n    emits('toggle')\n    // VisualizerWrapper.value.style.top = '';\n  }\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAiCA,UAAM,QAAQ;AAad,UAAM,QAAQ;AAId,UAAM,UAAU,IAAI,IAAI;AAExB,UAAM,SAAS,IAAI,CAAC;AACpB,UAAM,WAAW,IAAI,CAAC;AACtB,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,MAAM,MAAM,MAAM,CAAC,WAAW;AAClC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MACzC,OAAO;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC5C;AAAA,IACF,CAAC;AAED,aAAS,UAAU,OAAO;AACxB,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAChE,eAAS,QAAQ,OAAO;AAAA,IAC1B;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,SAAS,MAAO;AACrB,YAAM,eAAc;AACpB,eAAS,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAClE,YAAM,SAAS,SAAS,QAAQ,OAAO;AAEvC,UAAI,SAAS,GAAG;AACd,gBAAQ,MAAM,MAAM,MAAM,GAAG,MAAM;AAAA,MACrC;AAAA,IACF;AACA,aAAS,UAAU;AACjB,UAAI,CAAC,SAAS,MAAO;AAErB,eAAS,QAAQ;AAEjB,YAAM,SAAS,SAAS,QAAQ,OAAO;AACvC,YAAM,YAAY,OAAO,cAAc;AAEvC,UAAI,SAAS,WAAW;AAEtB,gBAAQ,MAAM,MAAM,MAAM;AAAA,MAC5B,OAAO;AAEL,cAAM,QAAQ;AAAA,MAEhB;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 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 { Keyboard } from "../../../../../../../node_modules/.pnpm/@capacitor_keyboard@7.0.0_@capacitor_core@7.0.1/node_modules/@capacitor/keyboard/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";
 import { useRoute } from "vue-router";

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

@@ -128,6 +128,7 @@ const _sfc_main = {
           default: withCtx(() => [
             !page.value || unref(store).core.state.loading ? (openBlock(), createBlock(Loader, {
               key: 0,
+              centered: true,
               class: "pos-fixed"
             })) : createCommentVNode("", true)
           ]),

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

@@ -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\" 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\n\t\t\t\t \t<component\n\t\t\t      v-if=\"route.meta.player\"\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    \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\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\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\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</style>"],"names":[],"mappings":"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"}
+{"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\n\t\t\t\t \t<component\n\t\t\t      v-if=\"route.meta.player\"\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    \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\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\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\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</style>"],"names":[],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { useRouter } from "vue-router";
 import emblaCarouselVue from "../../../../../../../node_modules/.pnpm/embla-carousel-vue@8.5.2_vue@3.5.13_typescript@5.8.3_/node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
 import _sfc_main$1 from "../../../../icons/entities/IconBell.vue.js";
 import _sfc_main$2 from "../../../../icons/entities/IconAddress.vue.js";
-import { AppTrackingTransparency } from "../../../../../../../node_modules/.pnpm/capacitor-plugin-app-tracking-transparency@2.0.5_@capacitor_core@7.0.1/node_modules/capacitor-plugin-app-tracking-transparency/dist/esm/index.js";
+import { AppTrackingTransparency } from "../../../../../../../node_modules/.pnpm/capacitor-plugin-app-tracking-transparency@2.0.5_@capacitor_core@7.4.4/node_modules/capacitor-plugin-app-tracking-transparency/dist/esm/index.js";
 import "../../../../notifications/notifications.client.js";
 import { Preferences } from "../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.0_@capacitor_core@7.0.1/node_modules/@capacitor/preferences/dist/esm/index.js";
 /* empty css                 */

package/dist/martyrs/src/modules/events/components/elements/ButtonCheck.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, onUnmounted, createBlock, openBlock, withCtx, createTextVNode, createCommentVNode, Teleport, createElementBlock, createElementVNode, createVNode } from "vue";
-import { BarcodeScanner } from "../../../../../../node_modules/.pnpm/@capacitor-mlkit_barcode-scanning@7.1.0_@capacitor_core@7.0.1/node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.js";
+import { BarcodeScanner } from "../../../../../../node_modules/.pnpm/@capacitor-mlkit_barcode-scanning@7.3.0_@capacitor_core@7.4.4/node_modules/@capacitor-mlkit/barcode-scanning/dist/esm/index.js";
 import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import { actions } from "../../store/tickets.js";
 /* empty css                 */

package/dist/martyrs/src/modules/events/events.client.js

@@ -1,15 +1,16 @@
 import addRoutes from "../core/views/router/addRoutes.js";
 import * as events from "./store/events.js";
 import { getRoutes } from "./router/events.router.js";
-import _sfc_main$7 from "./components/blocks/CardEvent.vue.js";
-import _sfc_main$6 from "./components/blocks/CardEventShort.vue.js";
+import _sfc_main$8 from "./components/blocks/CardEvent.vue.js";
+import _sfc_main$7 from "./components/blocks/CardEventShort.vue.js";
 import _sfc_main$3 from "./components/layouts/layoutEvents.vue.js";
 import _sfc_main$2 from "./components/pages/EditEvent.vue.js";
 import _sfc_main$1 from "./components/pages/Event.vue.js";
 import _sfc_main from "./components/pages/Events.vue.js";
 import FeaturedEvents from "./components/sections/FeaturedEvents.vue.js";
-import _sfc_main$5 from "./components/sections/Feed.vue.js";
-import _sfc_main$4 from "./components/sections/List.vue.js";
+import _sfc_main$4 from "./components/sections/EventsHot.vue.js";
+import _sfc_main$6 from "./components/sections/Feed.vue.js";
+import _sfc_main$5 from "./components/sections/List.vue.js";
 function initializeEvents(app, store, router, options = {}) {
   const routes = getRoutes(options);
   routes.forEach(({ parentName, config }) => {
@@ -28,12 +29,13 @@ const ModuleEvents = {
     },
     components: {
       // Blocks
-      CardEvent: _sfc_main$7,
-      CardEventShort: _sfc_main$6,
+      CardEvent: _sfc_main$8,
+      CardEventShort: _sfc_main$7,
       // Sections
-      Feed: _sfc_main$5,
-      List: _sfc_main$4,
+      Feed: _sfc_main$6,
+      List: _sfc_main$5,
       FeaturedEvents,
+      EventsHot: _sfc_main$4,
       // Layouts
       EventsLayout: _sfc_main$3,
       // Pages
@@ -44,15 +46,16 @@ const ModuleEvents = {
   }
 };
 export {
-  _sfc_main$7 as CardEvent,
-  _sfc_main$6 as CardEventShort,
+  _sfc_main$8 as CardEvent,
+  _sfc_main$7 as CardEventShort,
   _sfc_main$2 as EditEvent,
   _sfc_main$1 as Event,
+  _sfc_main$4 as EventsHot,
   _sfc_main$3 as EventsLayout,
   _sfc_main as EventsPage,
   FeaturedEvents,
-  _sfc_main$5 as Feed,
-  _sfc_main$4 as List,
+  _sfc_main$6 as Feed,
+  _sfc_main$5 as List,
   ModuleEvents as default,
   getRoutes,
   initializeEvents,

package/dist/martyrs/src/modules/events/events.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.client.js","sources":["../../../../../src/modules/events/events.client.js"],"sourcesContent":["import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\n\n// Store\nimport * as storeEvents from './store/events.js';\n\n// Router\nimport { getRoutes } from './router/events.router.js';\n\n// Views\nimport CardEvent from './components/blocks/CardEvent.vue';\nimport CardEventShort from './components/blocks/CardEventShort.vue';\nimport EventsLayout from './components/layouts/layoutEvents.vue';\nimport EditEvent from './components/pages/EditEvent.vue';\nimport Event from './components/pages/Event.vue';\nimport EventsPage from './components/pages/Events.vue';\nimport FeaturedEvents from './components/sections/FeaturedEvents.vue';\nimport Feed from './components/sections/Feed.vue';\nimport List from './components/sections/List.vue';\n\n// Пример функции инициализации для модуля событий\nfunction initializeEvents(app, store, router, options = {}) {\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  store.addStore('events', storeEvents);\n}\n\nconst ModuleEvents = {\n  initialize: initializeEvents,\n  views: {\n    store: {\n      storeEvents,\n    },\n    router: {\n      getRoutes,\n    },\n    components: {\n      // Blocks\n      CardEvent,\n      CardEventShort,\n      // Sections\n      Feed,\n      List,\n      FeaturedEvents,\n      // Layouts\n      EventsLayout,\n      // Pages\n      EditEvent,\n      Event,\n      EventsPage,\n    },\n  },\n};\n\nexport {\n  // Blocks\n  CardEvent,\n  CardEventShort,\n  getRoutes,\n  EditEvent,\n  Event,\n  EventsLayout,\n  EventsPage,\n  FeaturedEvents,\n  Feed,\n  initializeEvents,\n  List,\n  storeEvents,\n};\n\nexport default ModuleEvents;\n"],"names":["storeEvents","CardEvent","CardEventShort","Feed","List","EventsLayout","EditEvent","Event","EventsPage"],"mappings":";;;;;;;;;;;;AAoBA,SAAS,iBAAiB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC1D,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,OAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,QAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAED,QAAM,SAAS,UAAUA,MAAW;AACtC;AAEK,MAAC,eAAe;AAAA,EACnB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,WAAMC;AAAAA,MACN,gBAAMC;AAAAA;AAAAA,MAEN,MAAMC;AAAAA,MACN,MAAMC;AAAAA,MACA;AAAA;AAAA,MAEN,cAAMC;AAAAA;AAAAA,MAEN,WAAMC;AAAAA,MACN,OAAMC;AAAAA,MACN,YAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}
+{"version":3,"file":"events.client.js","sources":["../../../../../src/modules/events/events.client.js"],"sourcesContent":["import addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\n\n// Store\nimport * as storeEvents from './store/events.js';\n\n// Router\nimport { getRoutes } from './router/events.router.js';\n\n// Views\nimport CardEvent from './components/blocks/CardEvent.vue';\nimport CardEventShort from './components/blocks/CardEventShort.vue';\nimport EventsLayout from './components/layouts/layoutEvents.vue';\nimport EditEvent from './components/pages/EditEvent.vue';\nimport Event from './components/pages/Event.vue';\nimport EventsPage from './components/pages/Events.vue';\nimport FeaturedEvents from './components/sections/FeaturedEvents.vue';\nimport EventsHot from './components/sections/EventsHot.vue';\nimport Feed from './components/sections/Feed.vue';\nimport List from './components/sections/List.vue';\n\n// Пример функции инициализации для модуля событий\nfunction initializeEvents(app, store, router, options = {}) {\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  store.addStore('events', storeEvents);\n}\n\nconst ModuleEvents = {\n  initialize: initializeEvents,\n  views: {\n    store: {\n      storeEvents,\n    },\n    router: {\n      getRoutes,\n    },\n    components: {\n      // Blocks\n      CardEvent,\n      CardEventShort,\n      // Sections\n      Feed,\n      List,\n      FeaturedEvents,\n      EventsHot,\n      // Layouts\n      EventsLayout,\n      // Pages\n      EditEvent,\n      Event,\n      EventsPage,\n    },\n  },\n};\n\nexport {\n  // Blocks\n  CardEvent,\n  CardEventShort,\n  getRoutes,\n  EditEvent,\n  Event,\n  EventsLayout,\n  EventsPage,\n  FeaturedEvents,\n  EventsHot,\n  Feed,\n  initializeEvents,\n  List,\n  storeEvents,\n};\n\nexport default ModuleEvents;\n"],"names":["storeEvents","CardEvent","CardEventShort","Feed","List","EventsHot","EventsLayout","EditEvent","Event","EventsPage"],"mappings":";;;;;;;;;;;;;AAqBA,SAAS,iBAAiB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAC1D,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,OAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,QAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAED,QAAM,SAAS,UAAUA,MAAW;AACtC;AAEK,MAAC,eAAe;AAAA,EACnB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,aAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,YAAY;AAAA;AAAA,MAEhB,WAAMC;AAAAA,MACN,gBAAMC;AAAAA;AAAAA,MAEN,MAAMC;AAAAA,MACN,MAAMC;AAAAA,MACA;AAAA,MACN,WAAMC;AAAAA;AAAAA,MAEN,cAAMC;AAAAA;AAAAA,MAEN,WAAMC;AAAAA,MACN,OAAMC;AAAAA,MACN,YAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}

package/dist/martyrs/src/modules/music/components/blocks/ActionButtons.vue.js

@@ -0,0 +1,95 @@
+import { ref, createElementBlock, openBlock, Fragment, renderList, createBlock, normalizeClass, withCtx, createCommentVNode, createTextVNode, resolveDynamicComponent, toDisplayString, createElementVNode, createVNode } from "vue";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$3 from "../../../icons/navigation/IconEllipsis.vue.js";
+const _hoisted_1 = { class: "flex gap-small mn-b-medium" };
+const _hoisted_2 = { class: "dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-v-thin border-dark-transp-10"
+};
+const _sfc_main = {
+  __name: "ActionButtons",
+  props: {
+    buttons: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(__props) {
+    const dropdownOpen = ref(false);
+    const handleDropdownClick = (action) => {
+      if (action) {
+        action();
+      }
+      dropdownOpen.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttons, (button, index) => {
+          return openBlock(), createElementBlock(Fragment, { key: index }, [
+            button.type !== "dropdown" ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              class: normalizeClass(["flex-1 radius-thin flex-center gap-thin", button.class]),
+              onClick: button.action
+            }, {
+              default: withCtx(() => [
+                button.icon ? (openBlock(), createBlock(resolveDynamicComponent(button.icon), {
+                  key: 0,
+                  fill: button.iconFill,
+                  class: "i-medium"
+                }, null, 8, ["fill"])) : createCommentVNode("", true),
+                createTextVNode(" " + toDisplayString(button.text), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"])) : (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              label: { component: _sfc_main$3, class: "bg-light radius-thin pd-thin i-big" },
+              modelValue: dropdownOpen.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dropdownOpen.value = $event),
+              class: "relative"
+            }, {
+              trigger: withCtx(() => [
+                createVNode(_sfc_main$1, {
+                  color: "transp",
+                  size: "medium",
+                  class: "w-3r h-3r radius-full"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$3, { class: "i-medium" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(button.items, (item, idx) => {
+                    return openBlock(), createElementBlock(Fragment, { key: idx }, [
+                      item.separator ? (openBlock(), createElementBlock("hr", _hoisted_3)) : (openBlock(), createBlock(_sfc_main$1, {
+                        key: 1,
+                        onClick: ($event) => handleDropdownClick(item.action),
+                        color: item.color || "transp",
+                        size: "small",
+                        class: normalizeClass(["w-100 justify-start", item.class])
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.text), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick", "color", "class"]))
+                    ], 64);
+                  }), 128))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["label", "modelValue"]))
+          ], 64);
+        }), 128))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ActionButtons.vue.js.map

package/dist/martyrs/src/modules/music/components/blocks/ActionButtons.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtons.vue.js","sources":["../../../../../../../src/modules/music/components/blocks/ActionButtons.vue"],"sourcesContent":["<template>\n  <div class=\"flex gap-small mn-b-medium\">\n    <template v-for=\"(button, index) in buttons\" :key=\"index\">\n      <!-- Regular button -->\n      <Button\n        v-if=\"button.type !== 'dropdown'\"\n        :class=\"['flex-1 radius-thin flex-center gap-thin', button.class]\"\n        @click=\"button.action\"\n      >\n        <component\n          v-if=\"button.icon\"\n          :is=\"button.icon\"\n          :fill=\"button.iconFill\"\n          class=\"i-medium\"\n        />\n        {{ button.text }}\n      </Button>\n\n      <!-- Dropdown button -->\n      <Dropdown\n        v-else\n        :label=\"{component: IconEllipsis, class: 'bg-light radius-thin pd-thin i-big' }\"\n        v-model=\"dropdownOpen\"\n        class=\"relative\"\n      >\n        <template #trigger>\n          <Button color=\"transp\" size=\"medium\" class=\"w-3r h-3r radius-full\">\n            <IconEllipsis class=\"i-medium\" />\n          </Button>\n        </template>\n        <template #default>\n          <div class=\"dropdown-menu bg-white pd-small radius-medium shadow-big mn-t-thin\">\n            <template v-for=\"(item, idx) in button.items\" :key=\"idx\">\n              <hr v-if=\"item.separator\" class=\"mn-v-thin border-dark-transp-10\" />\n              <Button\n                v-else\n                @click=\"handleDropdownClick(item.action)\"\n                :color=\"item.color || 'transp'\"\n                size=\"small\"\n                class=\"w-100 justify-start\"\n                :class=\"item.class\"\n              >\n                {{ item.text }}\n              </Button>\n            </template>\n          </div>\n        </template>\n      </Dropdown>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\n\nconst props = defineProps({\n  buttons: {\n    type: Array,\n    required: true\n  }\n});\n\nconst dropdownOpen = ref(false);\n\nconst handleDropdownClick = (action) => {\n  if (action) {\n    action();\n  }\n  dropdownOpen.value = false;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAiEA,UAAM,eAAe,IAAI,KAAK;AAE9B,UAAM,sBAAsB,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,eAAM;AAAA,MACR;AACA,mBAAa,QAAQ;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.js

@@ -12,7 +12,10 @@ const _hoisted_2 = {
   class: "album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out"
 };
 const _hoisted_3 = { class: "album-info pd-medium bg-light" };
-const _hoisted_4 = { class: "mn-b-thin t-medium t-truncate" };
+const _hoisted_4 = {
+  class: "mn-b-thin t-medium t-truncate",
+  style: { "height": "1.50rem" }
+};
 const _hoisted_5 = { class: "t-transp t-small t-truncate" };
 const _sfc_main = {
   __name: "AlbumCard",
@@ -87,7 +90,7 @@ const _sfc_main = {
     };
   }
 };
-const AlbumCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-faf7f060"]]);
+const AlbumCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7bd0bb4d"]]);
 export {
   AlbumCard as default
 };

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlbumCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/AlbumCard.vue"],"sourcesContent":["<!-- components/cards/AlbumCard.vue -->\n<template>\n  <router-link \n    :to=\"{ name: 'album', params: { url: album.url } }\" \n    class=\"album-card d-block radius-medium o-hidden\"\n  >\n    <div class=\"album-cover pos-relative\">\n      <Media \n        :url=\"album.coverArt || album.coverUrl || '/logo/logo-placeholder.jpg'\" \n        class=\"w-100 aspect-1x1 object-fit-cover\"\n      />\n      <div v-if=\"album.totalTracks && album.totalTracks > 0\" class=\"album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out\">\n        <Button \n          @click.stop.prevent=\"playAlbum(album)\" \n          class=\"play-button i-big bg-main radius-round flex-center flex aspect-1x1\"\n          :showLoader=\"false\"\n          :showSucces=\"false\"\n        >\n          <IconPlay class=\"i-small\" fill=\"rgb(var(--white))\" />\n        </Button>\n      </div>\n    </div>\n    <div class=\"album-info pd-medium bg-light\">\n      <h3 class=\"mn-b-thin t-medium t-truncate\">{{ album.title }}</h3>\n      <p class=\"t-transp t-small t-truncate\">{{ albumInfo }}</p>\n    </div>\n  </router-link>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\n\n// Import player store & albums store\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\n\nconst props = defineProps({\n  album: {\n    type: Object,\n    required: true\n  }\n});\n\n// Computed properties\nconst albumInfo = computed(() => {\n  const releaseYear = props.album.releaseDate ? new Date(props.album.releaseDate).getFullYear() : '';\n  let artistName = 'Unknown Artist';\n  \n  // Handle artists array (model uses 'artists' not 'artist')\n  if (props.album.artists && props.album.artists.length > 0) {\n    // If populated, artists[0] will have name property\n    if (props.album.artists[0]?.name) {\n      artistName = props.album.artists.map(artist => artist.name).join(', ');\n    } else if (typeof props.album.artists[0] === 'string') {\n      // If not populated, it might be just IDs\n      artistName = 'Various Artists';\n    }\n  } else if (props.album.artist?.name) {\n    // Fallback for old data structure\n    artistName = props.album.artist.name;\n  }\n  \n  return releaseYear ? `${artistName} • ${releaseYear}` : artistName;\n});\n\n// Methods\nconst playAlbum = async (album) => {\n  // If album tracks are already loaded in state, use those\n  if (albumsState.currentAlbum && albumsState.currentAlbum._id === album._id && albumsState.currentAlbumTracks.length > 0) {\n    playerActions.setQueue(albumsState.currentAlbumTracks);\n    return;\n  }\n  \n  // Otherwise fetch tracks for this album\n  const tracks = await albumsActions.fetchAlbumTracks(album._id);\n  \n  if (tracks && tracks.length > 0) {\n    playerActions.setQueue(tracks);\n  }\n};\n</script>\n\n<style scoped>\n.album-card {\n  transition: transform 0.3s ease;\n}\n\n.album-card:hover {\n  transform: translateY(-5px);\n}\n\n.album-overlay {\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.album-card:hover .album-overlay {\n  opacity: 1;\n}\n\n.play-button {\n  transform: scale(0.8);\n  transition: transform 0.3s ease;\n}\n\n.album-card:hover .play-button {\n  transform: scale(1);\n}\n</style>"],"names":["albumsState","playerActions","albumsActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAQd,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,cAAc,MAAM,MAAM,cAAc,IAAI,KAAK,MAAM,MAAM,WAAW,EAAE,YAAW,IAAK;AAChG,UAAI,aAAa;AAGjB,UAAI,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,SAAS,GAAG;AAEzD,YAAI,MAAM,MAAM,QAAQ,CAAC,GAAG,MAAM;AAChC,uBAAa,MAAM,MAAM,QAAQ,IAAI,YAAU,OAAO,IAAI,EAAE,KAAK,IAAI;AAAA,QACvE,WAAW,OAAO,MAAM,MAAM,QAAQ,CAAC,MAAM,UAAU;AAErD,uBAAa;AAAA,QACf;AAAA,MACF,WAAW,MAAM,MAAM,QAAQ,MAAM;AAEnC,qBAAa,MAAM,MAAM,OAAO;AAAA,MAClC;AAEA,aAAO,cAAc,GAAG,UAAU,MAAM,WAAW,KAAK;AAAA,IAC1D,CAAC;AAGD,UAAM,YAAY,OAAO,UAAU;AAEjC,UAAIA,MAAY,gBAAgBA,MAAY,aAAa,QAAQ,MAAM,OAAOA,MAAY,mBAAmB,SAAS,GAAG;AACvHC,gBAAc,SAASD,MAAY,kBAAkB;AACrD;AAAA,MACF;AAGA,YAAM,SAAS,MAAME,UAAc,iBAAiB,MAAM,GAAG;AAE7D,UAAI,UAAU,OAAO,SAAS,GAAG;AAC/BD,gBAAc,SAAS,MAAM;AAAA,MAC/B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AlbumCard.vue.js","sources":["../../../../../../../src/modules/music/components/cards/AlbumCard.vue"],"sourcesContent":["<!-- components/cards/AlbumCard.vue -->\n<template>\n  <router-link \n    :to=\"{ name: 'album', params: { url: album.url } }\" \n    class=\"album-card d-block radius-medium o-hidden\"\n  >\n    <div class=\"album-cover pos-relative\">\n      <Media \n        :url=\"album.coverArt || album.coverUrl || '/logo/logo-placeholder.jpg'\" \n        class=\"w-100 aspect-1x1 object-fit-cover\"\n      />\n      <div v-if=\"album.totalTracks && album.totalTracks > 0\" class=\"album-overlay pos-absolute pos-t-0 pos-l-0 w-100 h-100 flex-center flex transition-cubic-in-out\">\n        <Button \n          @click.stop.prevent=\"playAlbum(album)\" \n          class=\"play-button i-big bg-main radius-round flex-center flex aspect-1x1\"\n          :showLoader=\"false\"\n          :showSucces=\"false\"\n        >\n          <IconPlay class=\"i-small\" fill=\"rgb(var(--white))\" />\n        </Button>\n      </div>\n    </div>\n    <div class=\"album-info pd-medium bg-light\">\n      <h3 class=\"mn-b-thin t-medium  t-truncate\" style=\"height: 1.50rem\">{{ album.title }}</h3>\n      <p class=\"t-transp t-small t-truncate\">{{ albumInfo }}</p>\n    </div>\n  </router-link>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\nimport Media from '@martyrs/src/components/Media/Media.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport IconPlay from '@martyrs/src/modules/icons/navigation/IconPlay.vue';\n\n// Import player store & albums store\nimport { actions as playerActions } from '../../store/player.js';\nimport { state as albumsState, actions as albumsActions } from '../../store/albums.js';\n\nconst props = defineProps({\n  album: {\n    type: Object,\n    required: true\n  }\n});\n\n// Computed properties\nconst albumInfo = computed(() => {\n  const releaseYear = props.album.releaseDate ? new Date(props.album.releaseDate).getFullYear() : '';\n  let artistName = 'Unknown Artist';\n  \n  // Handle artists array (model uses 'artists' not 'artist')\n  if (props.album.artists && props.album.artists.length > 0) {\n    // If populated, artists[0] will have name property\n    if (props.album.artists[0]?.name) {\n      artistName = props.album.artists.map(artist => artist.name).join(', ');\n    } else if (typeof props.album.artists[0] === 'string') {\n      // If not populated, it might be just IDs\n      artistName = 'Various Artists';\n    }\n  } else if (props.album.artist?.name) {\n    // Fallback for old data structure\n    artistName = props.album.artist.name;\n  }\n  \n  return releaseYear ? `${artistName} • ${releaseYear}` : artistName;\n});\n\n// Methods\nconst playAlbum = async (album) => {\n  // If album tracks are already loaded in state, use those\n  if (albumsState.currentAlbum && albumsState.currentAlbum._id === album._id && albumsState.currentAlbumTracks.length > 0) {\n    playerActions.setQueue(albumsState.currentAlbumTracks);\n    return;\n  }\n  \n  // Otherwise fetch tracks for this album\n  const tracks = await albumsActions.fetchAlbumTracks(album._id);\n  \n  if (tracks && tracks.length > 0) {\n    playerActions.setQueue(tracks);\n  }\n};\n</script>\n\n<style scoped>\n.album-card {\n  transition: transform 0.3s ease;\n}\n\n.album-card:hover {\n  transform: translateY(-5px);\n}\n\n.album-overlay {\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.album-card:hover .album-overlay {\n  opacity: 1;\n}\n\n.play-button {\n  transform: scale(0.8);\n  transition: transform 0.3s ease;\n}\n\n.album-card:hover .play-button {\n  transform: scale(1);\n}\n</style>"],"names":["albumsState","playerActions","albumsActions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAM,QAAQ;AAQd,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,cAAc,MAAM,MAAM,cAAc,IAAI,KAAK,MAAM,MAAM,WAAW,EAAE,YAAW,IAAK;AAChG,UAAI,aAAa;AAGjB,UAAI,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,SAAS,GAAG;AAEzD,YAAI,MAAM,MAAM,QAAQ,CAAC,GAAG,MAAM;AAChC,uBAAa,MAAM,MAAM,QAAQ,IAAI,YAAU,OAAO,IAAI,EAAE,KAAK,IAAI;AAAA,QACvE,WAAW,OAAO,MAAM,MAAM,QAAQ,CAAC,MAAM,UAAU;AAErD,uBAAa;AAAA,QACf;AAAA,MACF,WAAW,MAAM,MAAM,QAAQ,MAAM;AAEnC,qBAAa,MAAM,MAAM,OAAO;AAAA,MAClC;AAEA,aAAO,cAAc,GAAG,UAAU,MAAM,WAAW,KAAK;AAAA,IAC1D,CAAC;AAGD,UAAM,YAAY,OAAO,UAAU;AAEjC,UAAIA,MAAY,gBAAgBA,MAAY,aAAa,QAAQ,MAAM,OAAOA,MAAY,mBAAmB,SAAS,GAAG;AACvHC,gBAAc,SAASD,MAAY,kBAAkB;AACrD;AAAA,MACF;AAGA,YAAM,SAAS,MAAME,UAAc,iBAAiB,MAAM,GAAG;AAE7D,UAAI,UAAU,OAAO,SAAS,GAAG;AAC/BD,gBAAc,SAAS,MAAM;AAAA,MAC/B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.js

@@ -1,10 +1,10 @@
-import { resolveComponent, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createCommentVNode, createElementBlock, toDisplayString, createTextVNode } from "vue";
 import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 /* empty css                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "artist-card bg-light pd-medium radius-medium flex flex-center gap-big" };
+const _hoisted_1 = { class: "flex flex-nowrap flex-v-center gap-thin" };
 const _hoisted_2 = { class: "artist-avatar" };
 const _hoisted_3 = {
   key: 1,
@@ -45,12 +45,12 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_router_link, {
-          to: __props.artist.url ? { name: "artist", params: { url: __props.artist.url } } : __props.artist.to,
-          class: "flex flex-v-center gap-thin flex-1 hover-opacity"
-        }, {
-          default: withCtx(() => [
+      return openBlock(), createBlock(_component_router_link, {
+        to: __props.artist.url ? { name: "artist", params: { url: __props.artist.url } } : __props.artist.to,
+        class: "artist-card bg-light pd-medium radius-medium flex flex-v-center flex-justify-between gap-thin flex-1 hover-opacity"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, [
               __props.artist.photoUrl ? (openBlock(), createBlock(Media, {
                 key: 0,
@@ -70,25 +70,25 @@ const _sfc_main = {
               createElementVNode("span", _hoisted_6, toDisplayString(__props.artistType), 1)
             ])
           ]),
-          _: 1
-        }, 8, ["to"]),
-        __props.showFollowButton ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 0,
-          onClick: handleFollowClick,
-          color: __props.isFollowing ? "primary" : "transp",
-          size: "small",
-          class: "bg-main"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.isFollowing ? "Following" : "Follow"), 1)
-          ]),
-          _: 1
-        }, 8, ["color"])) : createCommentVNode("", true)
-      ]);
+          __props.showFollowButton ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            onClick: handleFollowClick,
+            color: __props.isFollowing ? "primary" : "transp",
+            size: "small",
+            class: "bg-main"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.isFollowing ? "Following" : "Follow"), 1)
+            ]),
+            _: 1
+          }, 8, ["color"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["to"]);
     };
   }
 };
-const ArtistCardSmall = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fd022f7"]]);
+const ArtistCardSmall = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64fdf510"]]);
 export {
   ArtistCardSmall as default
 };