@ozdao/martyrs 0.2.491 → 0.2.492

package/dist/martyrs/src/components/Media/Media.vue.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
+;/* empty css             */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "media-container pos-relative" };
 const _hoisted_2 = ["src", "data-src", "alt"];
@@ -42,8 +43,7 @@ const _sfc_main = {
     let observer = null;
     let isPlaying = false;
     const fileExtension = vue.computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = props.url) == null ? void 0 : _a.split(".")) == null ? void 0 : _b.pop()) == null ? void 0 : _c.toLowerCase();
+      return props.url?.split(".")?.pop()?.toLowerCase();
     });
     const isImage = vue.computed(() => {
       const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp", "svg", "avif"];
@@ -87,10 +87,9 @@ const _sfc_main = {
       };
       observer = new IntersectionObserver((entries) => {
         entries.forEach((entry) => {
-          var _a;
           isIntersecting.value = entry.isIntersecting;
           if (entry.isIntersecting) {
-            if (isVideo.value && ((_a = props.options) == null ? void 0 : _a.autoplay)) {
+            if (isVideo.value && props.options?.autoplay) {
               playVideo();
             }
             observer.disconnect();
@@ -111,13 +110,12 @@ const _sfc_main = {
       }
     });
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         isImage.value ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
           key: 0,
           src: isIntersecting.value ? __props.url : "",
           "data-src": __props.url,
-          alt: ((_a = __props.options) == null ? void 0 : _a.alt) || "Image",
+          alt: __props.options?.alt || "Image",
           class: ["media-item", { "loading": !isLoaded.value }],
           loading: "lazy",
           onLoad: handleLoad
@@ -129,12 +127,12 @@ const _sfc_main = {
           ref_key: "videoElement",
           ref: videoElement,
           class: [{ "loading": !isLoaded.value }, "media-item"],
-          controls: !((_b = __props.options) == null ? void 0 : _b.hideControls),
-          loop: ((_c = __props.options) == null ? void 0 : _c.loop) !== false,
-          muted: ((_d = __props.options) == null ? void 0 : _d.muted) !== false,
-          autoplay: (_e = __props.options) == null ? void 0 : _e.autoplay,
-          playsinline: ((_f = __props.options) == null ? void 0 : _f.playsinline) !== false,
-          preload: ((_g = __props.options) == null ? void 0 : _g.preload) || "metadata",
+          controls: !__props.options?.hideControls,
+          loop: __props.options?.loop !== false,
+          muted: __props.options?.muted !== false,
+          autoplay: __props.options?.autoplay,
+          playsinline: __props.options?.playsinline !== false,
+          preload: __props.options?.preload || "metadata",
           onLoadeddata: handleLoad
         }, __props.options), [
           vue.createElementVNode("source", {

package/dist/martyrs/src/components/Media/Media.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Media.vue.cjs","sources":["../../../../../src/components/Media/Media.vue"],"sourcesContent":["<template>\n  <div class=\"media-container pos-relative\">\n    <!-- Изображение с ленивой загрузкой и placeholder -->\n    <img\n      v-if=\"isImage\"\n      :src=\"isIntersecting ? url : ''\"\n      :data-src=\"url\"\n      :alt=\"options?.alt || 'Image'\"\n      class=\"media-item\"\n      :class=\"{ 'loading': !isLoaded }\"\n      loading=\"lazy\"\n      @load=\"handleLoad\"\n      v-bind=\"options\"\n      ref=\"imageElement\"\n    />\n    \n    <!-- Видео с предварительной загрузкой -->\n    <video\n      v-else-if=\"isVideo\"\n      ref=\"videoElement\"\n      :class=\"{ 'loading': !isLoaded }\"\n      class=\"media-item\"\n      :controls=\"!options?.hideControls\"\n      :loop=\"options?.loop !== false\"\n      :muted=\"options?.muted !== false\"\n      :autoplay=\"options?.autoplay\"\n      :playsinline=\"options?.playsinline !== false\"\n      :preload=\"options?.preload || 'metadata'\"\n      @loadeddata=\"handleLoad\"\n      v-bind=\"options\"\n    >\n      <source :src=\"url\" :type=\"videoType\">\n    </video>\n    \n    <!-- Плейсхолдер во время загрузки -->\n    <div v-if=\"!isLoaded\" class=\"media-placeholder\">\n      Loading...\n    </div>\n    \n    <!-- Сообщение об ошибке -->\n    <div v-if=\"error\" class=\"media-error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onUnmounted } from 'vue'\n\nconst props = defineProps({\n  url: {\n    type: String,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      muted: true,\n      loop: true,\n      playsinline: true,\n      preload: 'metadata' // 'none' | 'metadata' | 'auto'\n    })\n  }\n})\n\n// Refs\nconst videoElement = ref(null)\nconst imageElement = ref(null)\nconst isLoaded = ref(false)\nconst error = ref(null)\nconst isIntersecting = ref(false)\nlet observer = null\nlet isPlaying = false\n\n// Определяем тип медиа\nconst fileExtension = computed(() => {\n  return props.url?.split('.')?.pop()?.toLowerCase()\n})\n\nconst isImage = computed(() => {\n  const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif']\n  return imageExtensions.includes(fileExtension.value)\n})\n\nconst isVideo = computed(() => {\n  const videoExtensions = ['mp4', 'webm', 'ogg']\n  return videoExtensions.includes(fileExtension.value)\n})\n\n// Определяем MIME-тип для видео\nconst videoType = computed(() => {\n  const types = {\n    'mp4': 'video/mp4',\n    'webm': 'video/webm',\n    'ogg': 'video/ogg'\n  }\n  return types[fileExtension.value] || ''\n})\n\n// Обработчик загрузки медиа\nfunction handleLoad() {\n  isLoaded.value = true\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n}\n\n// Управление видео с обработкой ошибок\nasync function playVideo() {\n  if (!videoElement.value) return\n  \n  try {\n    if (videoElement.value.paused && !isPlaying) {\n      await videoElement.value.play()\n      isPlaying = true\n    }\n  } catch (err) {\n    handleError(err)\n  }\n}\n\nfunction checkAndPlayVideo() {\n  if (!videoElement.value) return\n  \n  videoElement.value.onplaying = () => {\n    isPlaying = true\n  }\n  \n  videoElement.value.onpause = () => {\n    isPlaying = false\n  }\n  \n  videoElement.value.onerror = handleError\n}\n\n// Intersection Observer для ленивой загрузки\nfunction setupIntersectionObserver() {\n  const options = {\n    root: null,\n    rootMargin: '50px',\n    threshold: 0.1\n  }\n  \n  observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      isIntersecting.value = entry.isIntersecting\n      \n      if (entry.isIntersecting) {\n        if (isVideo.value && props.options?.autoplay) {\n          playVideo()\n        }\n        // Отключаем observer после первой загрузки\n        observer.disconnect()\n      }\n    })\n  }, options)\n  \n  // Наблюдаем за элементом в зависимости от типа медиа\n  const element = isImage.value ? imageElement.value : videoElement.value\n  if (element) {\n    observer.observe(element)\n  }\n}\n\n// Lifecycle hooks\nonMounted(() => {\n  setupIntersectionObserver()\n})\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect()\n  }\n})\n</script>\n\n<style scoped>\n.media-container {\n}\n\n.media-item {\n  all: inherit;\n  opacity: 1;\n  transition: opacity 0.3s ease;\n}\n\n.media-item.loading {\n  opacity: 0;\n}\n\n.media-placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #f5f5f5;\n}\n\n.media-error {\n  color: #ff4444;\n  padding: 1rem;\n  text-align: center;\n}\n</style>"],"names":["ref","computed","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAiBd,UAAM,eAAeA,IAAG,IAAC,IAAI;AAC7B,UAAM,eAAeA,IAAG,IAAC,IAAI;AAC7B,UAAM,WAAWA,IAAG,IAAC,KAAK;AAC1B,UAAM,QAAQA,IAAG,IAAC,IAAI;AACtB,UAAM,iBAAiBA,IAAG,IAAC,KAAK;AAChC,QAAI,WAAW;AACf,QAAI,YAAY;AAGhB,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;;AACnC,cAAO,uBAAM,QAAN,mBAAW,MAAM,SAAjB,mBAAuB,UAAvB,mBAA8B;AAAA,IACvC,CAAC;AAED,UAAM,UAAUA,IAAQ,SAAC,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAUA,IAAQ,SAAC,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAYA,IAAQ,SAAC,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACX;AACE,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,eAAS,QAAQ;AAAA,IACnB;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AAAA,IACnB;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAI;AAC7B,sBAAY;AAAA,QAClB;AAAA,MACG,SAAQ,KAAK;AACZ,oBAAY,GAAG;AAAA,MACnB;AAAA,IACA;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAEE,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AACxB,gBAAI,QAAQ,WAAS,WAAM,YAAN,mBAAe,WAAU;AAC5C,wBAAS;AAAA,YACnB;AAEQ,qBAAS,WAAU;AAAA,UAC3B;AAAA,QACK,CAAA;AAAA,MACL,GAAK,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MAC5B;AAAA,IACA;AAGAC,QAAAA,UAAU,MAAM;AACd,gCAAyB;AAAA,IAC3B,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACvB;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Media.vue.cjs","sources":["../../../../../src/components/Media/Media.vue"],"sourcesContent":["<template>\n  <div class=\"media-container pos-relative\">\n    <!-- Изображение с ленивой загрузкой и placeholder -->\n    <img\n      v-if=\"isImage\"\n      :src=\"isIntersecting ? url : ''\"\n      :data-src=\"url\"\n      :alt=\"options?.alt || 'Image'\"\n      class=\"media-item\"\n      :class=\"{ 'loading': !isLoaded }\"\n      loading=\"lazy\"\n      @load=\"handleLoad\"\n      v-bind=\"options\"\n      ref=\"imageElement\"\n    />\n    \n    <!-- Видео с предварительной загрузкой -->\n    <video\n      v-else-if=\"isVideo\"\n      ref=\"videoElement\"\n      :class=\"{ 'loading': !isLoaded }\"\n      class=\"media-item\"\n      :controls=\"!options?.hideControls\"\n      :loop=\"options?.loop !== false\"\n      :muted=\"options?.muted !== false\"\n      :autoplay=\"options?.autoplay\"\n      :playsinline=\"options?.playsinline !== false\"\n      :preload=\"options?.preload || 'metadata'\"\n      @loadeddata=\"handleLoad\"\n      v-bind=\"options\"\n    >\n      <source :src=\"url\" :type=\"videoType\">\n    </video>\n    \n    <!-- Плейсхолдер во время загрузки -->\n    <div v-if=\"!isLoaded\" class=\"media-placeholder\">\n      Loading...\n    </div>\n    \n    <!-- Сообщение об ошибке -->\n    <div v-if=\"error\" class=\"media-error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onUnmounted } from 'vue'\n\nconst props = defineProps({\n  url: {\n    type: String,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      muted: true,\n      loop: true,\n      playsinline: true,\n      preload: 'metadata' // 'none' | 'metadata' | 'auto'\n    })\n  }\n})\n\n// Refs\nconst videoElement = ref(null)\nconst imageElement = ref(null)\nconst isLoaded = ref(false)\nconst error = ref(null)\nconst isIntersecting = ref(false)\nlet observer = null\nlet isPlaying = false\n\n// Определяем тип медиа\nconst fileExtension = computed(() => {\n  return props.url?.split('.')?.pop()?.toLowerCase()\n})\n\nconst isImage = computed(() => {\n  const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif']\n  return imageExtensions.includes(fileExtension.value)\n})\n\nconst isVideo = computed(() => {\n  const videoExtensions = ['mp4', 'webm', 'ogg']\n  return videoExtensions.includes(fileExtension.value)\n})\n\n// Определяем MIME-тип для видео\nconst videoType = computed(() => {\n  const types = {\n    'mp4': 'video/mp4',\n    'webm': 'video/webm',\n    'ogg': 'video/ogg'\n  }\n  return types[fileExtension.value] || ''\n})\n\n// Обработчик загрузки медиа\nfunction handleLoad() {\n  isLoaded.value = true\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n}\n\n// Управление видео с обработкой ошибок\nasync function playVideo() {\n  if (!videoElement.value) return\n  \n  try {\n    if (videoElement.value.paused && !isPlaying) {\n      await videoElement.value.play()\n      isPlaying = true\n    }\n  } catch (err) {\n    handleError(err)\n  }\n}\n\nfunction checkAndPlayVideo() {\n  if (!videoElement.value) return\n  \n  videoElement.value.onplaying = () => {\n    isPlaying = true\n  }\n  \n  videoElement.value.onpause = () => {\n    isPlaying = false\n  }\n  \n  videoElement.value.onerror = handleError\n}\n\n// Intersection Observer для ленивой загрузки\nfunction setupIntersectionObserver() {\n  const options = {\n    root: null,\n    rootMargin: '50px',\n    threshold: 0.1\n  }\n  \n  observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      isIntersecting.value = entry.isIntersecting\n      \n      if (entry.isIntersecting) {\n        if (isVideo.value && props.options?.autoplay) {\n          playVideo()\n        }\n        // Отключаем observer после первой загрузки\n        observer.disconnect()\n      }\n    })\n  }, options)\n  \n  // Наблюдаем за элементом в зависимости от типа медиа\n  const element = isImage.value ? imageElement.value : videoElement.value\n  if (element) {\n    observer.observe(element)\n  }\n}\n\n// Lifecycle hooks\nonMounted(() => {\n  setupIntersectionObserver()\n})\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect()\n  }\n})\n</script>\n\n<style scoped>\n.media-container {\n}\n\n.media-item {\n  all: inherit;\n  opacity: 1;\n  transition: opacity 0.3s ease;\n}\n\n.media-item.loading {\n  opacity: 0;\n}\n\n.media-placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #f5f5f5;\n}\n\n.media-error {\n  color: #ff4444;\n  padding: 1rem;\n  text-align: center;\n}\n</style>"],"names":["ref","computed","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAiBd,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAC7B,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAC7B,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAC1B,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,iBAAiBA,IAAAA,IAAI,KAAK;AAChC,QAAI,WAAW;AACf,QAAI,YAAY;AAGhB,UAAM,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,aAAO,MAAM,KAAK,MAAM,GAAG,GAAG,IAAG,GAAI,YAAW;AAAA,IAClD,CAAC;AAED,UAAM,UAAUA,IAAAA,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAUA,IAAAA,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACX;AACE,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,eAAS,QAAQ;AAAA,IACnB;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AAAA,IACnB;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAI;AAC7B,sBAAY;AAAA,QACd;AAAA,MACF,SAAS,KAAK;AACZ,oBAAY,GAAG;AAAA,MACjB;AAAA,IACF;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAEE,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AACxB,gBAAI,QAAQ,SAAS,MAAM,SAAS,UAAU;AAC5C,wBAAS;AAAA,YACX;AAEA,qBAAS,WAAU;AAAA,UACrB;AAAA,QACF,CAAC;AAAA,MACH,GAAG,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF;AAGAC,QAAAA,UAAU,MAAM;AACd,gCAAyB;AAAA,IAC3B,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACrB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,5 @@
 import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, mergeProps, createElementVNode, toDisplayString } from "vue";
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "media-container pos-relative" };
 const _hoisted_2 = ["src", "data-src", "alt"];
@@ -40,8 +41,7 @@ const _sfc_main = {
     let observer = null;
     let isPlaying = false;
     const fileExtension = computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = props.url) == null ? void 0 : _a.split(".")) == null ? void 0 : _b.pop()) == null ? void 0 : _c.toLowerCase();
+      return props.url?.split(".")?.pop()?.toLowerCase();
     });
     const isImage = computed(() => {
       const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp", "svg", "avif"];
@@ -85,10 +85,9 @@ const _sfc_main = {
       };
       observer = new IntersectionObserver((entries) => {
         entries.forEach((entry) => {
-          var _a;
           isIntersecting.value = entry.isIntersecting;
           if (entry.isIntersecting) {
-            if (isVideo.value && ((_a = props.options) == null ? void 0 : _a.autoplay)) {
+            if (isVideo.value && props.options?.autoplay) {
               playVideo();
             }
             observer.disconnect();
@@ -109,13 +108,12 @@ const _sfc_main = {
       }
     });
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         isImage.value ? (openBlock(), createElementBlock("img", mergeProps({
           key: 0,
           src: isIntersecting.value ? __props.url : "",
           "data-src": __props.url,
-          alt: ((_a = __props.options) == null ? void 0 : _a.alt) || "Image",
+          alt: __props.options?.alt || "Image",
           class: ["media-item", { "loading": !isLoaded.value }],
           loading: "lazy",
           onLoad: handleLoad
@@ -127,12 +125,12 @@ const _sfc_main = {
           ref_key: "videoElement",
           ref: videoElement,
           class: [{ "loading": !isLoaded.value }, "media-item"],
-          controls: !((_b = __props.options) == null ? void 0 : _b.hideControls),
-          loop: ((_c = __props.options) == null ? void 0 : _c.loop) !== false,
-          muted: ((_d = __props.options) == null ? void 0 : _d.muted) !== false,
-          autoplay: (_e = __props.options) == null ? void 0 : _e.autoplay,
-          playsinline: ((_f = __props.options) == null ? void 0 : _f.playsinline) !== false,
-          preload: ((_g = __props.options) == null ? void 0 : _g.preload) || "metadata",
+          controls: !__props.options?.hideControls,
+          loop: __props.options?.loop !== false,
+          muted: __props.options?.muted !== false,
+          autoplay: __props.options?.autoplay,
+          playsinline: __props.options?.playsinline !== false,
+          preload: __props.options?.preload || "metadata",
           onLoadeddata: handleLoad
         }, __props.options), [
           createElementVNode("source", {

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

@@ -1 +1 @@
-{"version":3,"file":"Media.vue.js","sources":["../../../../../src/components/Media/Media.vue"],"sourcesContent":["<template>\n  <div class=\"media-container pos-relative\">\n    <!-- Изображение с ленивой загрузкой и placeholder -->\n    <img\n      v-if=\"isImage\"\n      :src=\"isIntersecting ? url : ''\"\n      :data-src=\"url\"\n      :alt=\"options?.alt || 'Image'\"\n      class=\"media-item\"\n      :class=\"{ 'loading': !isLoaded }\"\n      loading=\"lazy\"\n      @load=\"handleLoad\"\n      v-bind=\"options\"\n      ref=\"imageElement\"\n    />\n    \n    <!-- Видео с предварительной загрузкой -->\n    <video\n      v-else-if=\"isVideo\"\n      ref=\"videoElement\"\n      :class=\"{ 'loading': !isLoaded }\"\n      class=\"media-item\"\n      :controls=\"!options?.hideControls\"\n      :loop=\"options?.loop !== false\"\n      :muted=\"options?.muted !== false\"\n      :autoplay=\"options?.autoplay\"\n      :playsinline=\"options?.playsinline !== false\"\n      :preload=\"options?.preload || 'metadata'\"\n      @loadeddata=\"handleLoad\"\n      v-bind=\"options\"\n    >\n      <source :src=\"url\" :type=\"videoType\">\n    </video>\n    \n    <!-- Плейсхолдер во время загрузки -->\n    <div v-if=\"!isLoaded\" class=\"media-placeholder\">\n      Loading...\n    </div>\n    \n    <!-- Сообщение об ошибке -->\n    <div v-if=\"error\" class=\"media-error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onUnmounted } from 'vue'\n\nconst props = defineProps({\n  url: {\n    type: String,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      muted: true,\n      loop: true,\n      playsinline: true,\n      preload: 'metadata' // 'none' | 'metadata' | 'auto'\n    })\n  }\n})\n\n// Refs\nconst videoElement = ref(null)\nconst imageElement = ref(null)\nconst isLoaded = ref(false)\nconst error = ref(null)\nconst isIntersecting = ref(false)\nlet observer = null\nlet isPlaying = false\n\n// Определяем тип медиа\nconst fileExtension = computed(() => {\n  return props.url?.split('.')?.pop()?.toLowerCase()\n})\n\nconst isImage = computed(() => {\n  const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif']\n  return imageExtensions.includes(fileExtension.value)\n})\n\nconst isVideo = computed(() => {\n  const videoExtensions = ['mp4', 'webm', 'ogg']\n  return videoExtensions.includes(fileExtension.value)\n})\n\n// Определяем MIME-тип для видео\nconst videoType = computed(() => {\n  const types = {\n    'mp4': 'video/mp4',\n    'webm': 'video/webm',\n    'ogg': 'video/ogg'\n  }\n  return types[fileExtension.value] || ''\n})\n\n// Обработчик загрузки медиа\nfunction handleLoad() {\n  isLoaded.value = true\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n}\n\n// Управление видео с обработкой ошибок\nasync function playVideo() {\n  if (!videoElement.value) return\n  \n  try {\n    if (videoElement.value.paused && !isPlaying) {\n      await videoElement.value.play()\n      isPlaying = true\n    }\n  } catch (err) {\n    handleError(err)\n  }\n}\n\nfunction checkAndPlayVideo() {\n  if (!videoElement.value) return\n  \n  videoElement.value.onplaying = () => {\n    isPlaying = true\n  }\n  \n  videoElement.value.onpause = () => {\n    isPlaying = false\n  }\n  \n  videoElement.value.onerror = handleError\n}\n\n// Intersection Observer для ленивой загрузки\nfunction setupIntersectionObserver() {\n  const options = {\n    root: null,\n    rootMargin: '50px',\n    threshold: 0.1\n  }\n  \n  observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      isIntersecting.value = entry.isIntersecting\n      \n      if (entry.isIntersecting) {\n        if (isVideo.value && props.options?.autoplay) {\n          playVideo()\n        }\n        // Отключаем observer после первой загрузки\n        observer.disconnect()\n      }\n    })\n  }, options)\n  \n  // Наблюдаем за элементом в зависимости от типа медиа\n  const element = isImage.value ? imageElement.value : videoElement.value\n  if (element) {\n    observer.observe(element)\n  }\n}\n\n// Lifecycle hooks\nonMounted(() => {\n  setupIntersectionObserver()\n})\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect()\n  }\n})\n</script>\n\n<style scoped>\n.media-container {\n}\n\n.media-item {\n  all: inherit;\n  opacity: 1;\n  transition: opacity 0.3s ease;\n}\n\n.media-item.loading {\n  opacity: 0;\n}\n\n.media-placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #f5f5f5;\n}\n\n.media-error {\n  color: #ff4444;\n  padding: 1rem;\n  text-align: center;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAiBd,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,iBAAiB,IAAI,KAAK;AAChC,QAAI,WAAW;AACf,QAAI,YAAY;AAGhB,UAAM,gBAAgB,SAAS,MAAM;;AACnC,cAAO,uBAAM,QAAN,mBAAW,MAAM,SAAjB,mBAAuB,UAAvB,mBAA8B;AAAA,IACvC,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACX;AACE,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,eAAS,QAAQ;AAAA,IACnB;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AAAA,IACnB;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAI;AAC7B,sBAAY;AAAA,QAClB;AAAA,MACG,SAAQ,KAAK;AACZ,oBAAY,GAAG;AAAA,MACnB;AAAA,IACA;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAEE,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AACxB,gBAAI,QAAQ,WAAS,WAAM,YAAN,mBAAe,WAAU;AAC5C,wBAAS;AAAA,YACnB;AAEQ,qBAAS,WAAU;AAAA,UAC3B;AAAA,QACK,CAAA;AAAA,MACL,GAAK,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MAC5B;AAAA,IACA;AAGA,cAAU,MAAM;AACd,gCAAyB;AAAA,IAC3B,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACvB;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Media.vue.js","sources":["../../../../../src/components/Media/Media.vue"],"sourcesContent":["<template>\n  <div class=\"media-container pos-relative\">\n    <!-- Изображение с ленивой загрузкой и placeholder -->\n    <img\n      v-if=\"isImage\"\n      :src=\"isIntersecting ? url : ''\"\n      :data-src=\"url\"\n      :alt=\"options?.alt || 'Image'\"\n      class=\"media-item\"\n      :class=\"{ 'loading': !isLoaded }\"\n      loading=\"lazy\"\n      @load=\"handleLoad\"\n      v-bind=\"options\"\n      ref=\"imageElement\"\n    />\n    \n    <!-- Видео с предварительной загрузкой -->\n    <video\n      v-else-if=\"isVideo\"\n      ref=\"videoElement\"\n      :class=\"{ 'loading': !isLoaded }\"\n      class=\"media-item\"\n      :controls=\"!options?.hideControls\"\n      :loop=\"options?.loop !== false\"\n      :muted=\"options?.muted !== false\"\n      :autoplay=\"options?.autoplay\"\n      :playsinline=\"options?.playsinline !== false\"\n      :preload=\"options?.preload || 'metadata'\"\n      @loadeddata=\"handleLoad\"\n      v-bind=\"options\"\n    >\n      <source :src=\"url\" :type=\"videoType\">\n    </video>\n    \n    <!-- Плейсхолдер во время загрузки -->\n    <div v-if=\"!isLoaded\" class=\"media-placeholder\">\n      Loading...\n    </div>\n    \n    <!-- Сообщение об ошибке -->\n    <div v-if=\"error\" class=\"media-error\">\n      {{ error }}\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onUnmounted } from 'vue'\n\nconst props = defineProps({\n  url: {\n    type: String,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      muted: true,\n      loop: true,\n      playsinline: true,\n      preload: 'metadata' // 'none' | 'metadata' | 'auto'\n    })\n  }\n})\n\n// Refs\nconst videoElement = ref(null)\nconst imageElement = ref(null)\nconst isLoaded = ref(false)\nconst error = ref(null)\nconst isIntersecting = ref(false)\nlet observer = null\nlet isPlaying = false\n\n// Определяем тип медиа\nconst fileExtension = computed(() => {\n  return props.url?.split('.')?.pop()?.toLowerCase()\n})\n\nconst isImage = computed(() => {\n  const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'avif']\n  return imageExtensions.includes(fileExtension.value)\n})\n\nconst isVideo = computed(() => {\n  const videoExtensions = ['mp4', 'webm', 'ogg']\n  return videoExtensions.includes(fileExtension.value)\n})\n\n// Определяем MIME-тип для видео\nconst videoType = computed(() => {\n  const types = {\n    'mp4': 'video/mp4',\n    'webm': 'video/webm',\n    'ogg': 'video/ogg'\n  }\n  return types[fileExtension.value] || ''\n})\n\n// Обработчик загрузки медиа\nfunction handleLoad() {\n  isLoaded.value = true\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n}\n\n// Управление видео с обработкой ошибок\nasync function playVideo() {\n  if (!videoElement.value) return\n  \n  try {\n    if (videoElement.value.paused && !isPlaying) {\n      await videoElement.value.play()\n      isPlaying = true\n    }\n  } catch (err) {\n    handleError(err)\n  }\n}\n\nfunction checkAndPlayVideo() {\n  if (!videoElement.value) return\n  \n  videoElement.value.onplaying = () => {\n    isPlaying = true\n  }\n  \n  videoElement.value.onpause = () => {\n    isPlaying = false\n  }\n  \n  videoElement.value.onerror = handleError\n}\n\n// Intersection Observer для ленивой загрузки\nfunction setupIntersectionObserver() {\n  const options = {\n    root: null,\n    rootMargin: '50px',\n    threshold: 0.1\n  }\n  \n  observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      isIntersecting.value = entry.isIntersecting\n      \n      if (entry.isIntersecting) {\n        if (isVideo.value && props.options?.autoplay) {\n          playVideo()\n        }\n        // Отключаем observer после первой загрузки\n        observer.disconnect()\n      }\n    })\n  }, options)\n  \n  // Наблюдаем за элементом в зависимости от типа медиа\n  const element = isImage.value ? imageElement.value : videoElement.value\n  if (element) {\n    observer.observe(element)\n  }\n}\n\n// Lifecycle hooks\nonMounted(() => {\n  setupIntersectionObserver()\n})\n\nonUnmounted(() => {\n  if (observer) {\n    observer.disconnect()\n  }\n})\n</script>\n\n<style scoped>\n.media-container {\n}\n\n.media-item {\n  all: inherit;\n  opacity: 1;\n  transition: opacity 0.3s ease;\n}\n\n.media-item.loading {\n  opacity: 0;\n}\n\n.media-placeholder {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #f5f5f5;\n}\n\n.media-error {\n  color: #ff4444;\n  padding: 1rem;\n  text-align: center;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAiBd,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,iBAAiB,IAAI,KAAK;AAChC,QAAI,WAAW;AACf,QAAI,YAAY;AAGhB,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,KAAK,MAAM,GAAG,GAAG,IAAG,GAAI,YAAW;AAAA,IAClD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACX;AACE,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,eAAS,QAAQ;AAAA,IACnB;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AAAA,IACnB;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAI;AAC7B,sBAAY;AAAA,QACd;AAAA,MACF,SAAS,KAAK;AACZ,oBAAY,GAAG;AAAA,MACjB;AAAA,IACF;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAEE,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AACxB,gBAAI,QAAQ,SAAS,MAAM,SAAS,UAAU;AAC5C,wBAAS;AAAA,YACX;AAEA,qBAAS,WAAU;AAAA,UACrB;AAAA,QACF,CAAC;AAAA,MACH,GAAG,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF;AAGA,cAAU,MAAM;AACd,gCAAyB;AAAA,IAC3B,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACrB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Menu/MenuItem.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.vue.cjs","sources":["../../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<script>\n  import { h, ref, inject, defineComponent } from 'vue';\n  \n  import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';  \n\n  export default defineComponent({\n    props: {\n    },\n    setup(props, { slots }) {\n      return () => {\n        const defaultSlotContent = slots.default ? slots.default() : [];\n\n        const iconSlot = [];\n        const textSlot = [];\n\n        // Changing the logic to place slots based on whether the type starts with 'Icon' or not\n        defaultSlotContent.forEach((vnode) => {\n          let compType = vnode.toString()\n          if (vnode.props && vnode.props.icon) {  // Check if the type starts with 'Icon'\n            iconSlot.push(vnode);\n          } else {\n            textSlot.push(vnode);\n          }\n        });\n\n        return h(\n          'div',\n          {\n            class: [\n              'w-100',\n              't-left',\n              'flex-nowrap',\n              'flex-v-center',\n              'flex',\n              // here we need add logic\n              { 'br-b br-black-transp-10 br-solid': true  }\n            ]\n          },\n          [\n            // Conditionally include the div for iconSlot\n            ...iconSlot.length ? [\n              h(\n                'div',\n                {\n                  class: ['mn-b-thin', 'mn-t-thin', 'flex-center', 'flex', 'mn-r-small','flex-child','flex-child-shrink-0', 'i-big', 'bg-main', 'radius-thin']\n                },\n                iconSlot\n              )\n            ] : [],\n            h(\n              'div',\n              {\n                class: ['w-100', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']\n              },\n              [\n                h(\n                  'span',\n                  {\n                    class: ['p-semi', 't-medium', 'mn-r-auto']\n                  },\n                  textSlot\n                )\n              ]\n            ),\n            h(IconChevronRight, { class: \"i-medium mn-r-medium\", type: \"chevron\"})\n          ]\n        );\n      };\n    }\n  });\n</script>\n"],"names":["defineComponent","h","IconChevronRight"],"mappings":";;;;AAKO,MAAA,YAAaA,IAAAA,gBAAa;AAAA,EAC7B,OAAO,CACN;AAAA,EACD,MAAM,OAAO,EAAE,SAAS;AACtB,WAAO,MAAM;AACX,YAAM,qBAAqB,MAAM,UAAU,MAAM,QAAQ,IAAI,CAAE;AAE/D,YAAM,WAAW,CAAE;AACnB,YAAM,WAAW,CAAE;AAGnB,yBAAmB,QAAQ,CAAC,UAAU;AACrB,cAAM,SAAQ;AAC7B,YAAI,MAAM,SAAS,MAAM,MAAM,MAAM;AACnC,mBAAS,KAAK,KAAK;AAAA,eACd;AACL,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MACF,CAAC;AAED,aAAOC,IAAC;AAAA,QACN;AAAA,QACA;AAAA,UACE,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA,EAAE,oCAAoC,KAAM;AAAA,UAC9C;AAAA,QACD;AAAA,QACD;AAAA;AAAA,UAEE,GAAG,SAAS,SAAS;AAAA,YACnBA,IAAC;AAAA,cACC;AAAA,cACA;AAAA,gBACE,OAAO,CAAC,aAAa,aAAa,eAAe,QAAQ,cAAa,cAAa,uBAAuB,SAAS,WAAW,aAAa;AAAA,cAC5I;AAAA,cACD;AAAA,YACF;AAAA,cACE,CAAE;AAAA,UACNA,IAAC;AAAA,YACC;AAAA,YACA;AAAA,cACE,OAAO,CAAC,SAAS,aAAa,aAAa,cAAc,SAAS,iBAAiB,MAAM;AAAA,YAC1F;AAAA,YACD;AAAA,cACEA,IAAC;AAAA,gBACC;AAAA,gBACA;AAAA,kBACE,OAAO,CAAC,UAAU,YAAY,WAAW;AAAA,gBAC1C;AAAA,gBACD;AAAA,cACF;AAAA,YACF;AAAA,UACD;AAAA,UACDA,IAAC,EAACC,iBAAgB,SAAE,EAAE,OAAO,wBAAwB,MAAM,UAAS,CAAC;AAAA,QACvE;AAAA,MACD;AAAA,IACF;AAAA,EACH;AACD,CAAA;;"}
+{"version":3,"file":"MenuItem.vue.cjs","sources":["../../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<script>\n  import { h, ref, inject, defineComponent } from 'vue';\n  \n  import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';  \n\n  export default defineComponent({\n    props: {\n    },\n    setup(props, { slots }) {\n      return () => {\n        const defaultSlotContent = slots.default ? slots.default() : [];\n\n        const iconSlot = [];\n        const textSlot = [];\n\n        // Changing the logic to place slots based on whether the type starts with 'Icon' or not\n        defaultSlotContent.forEach((vnode) => {\n          let compType = vnode.toString()\n          if (vnode.props && vnode.props.icon) {  // Check if the type starts with 'Icon'\n            iconSlot.push(vnode);\n          } else {\n            textSlot.push(vnode);\n          }\n        });\n\n        return h(\n          'div',\n          {\n            class: [\n              'w-100',\n              't-left',\n              'flex-nowrap',\n              'flex-v-center',\n              'flex',\n              // here we need add logic\n              { 'br-b br-black-transp-10 br-solid': true  }\n            ]\n          },\n          [\n            // Conditionally include the div for iconSlot\n            ...iconSlot.length ? [\n              h(\n                'div',\n                {\n                  class: ['mn-b-thin', 'mn-t-thin', 'flex-center', 'flex', 'mn-r-small','flex-child','flex-child-shrink-0', 'i-big', 'bg-main', 'radius-thin']\n                },\n                iconSlot\n              )\n            ] : [],\n            h(\n              'div',\n              {\n                class: ['w-100', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']\n              },\n              [\n                h(\n                  'span',\n                  {\n                    class: ['p-semi', 't-medium', 'mn-r-auto']\n                  },\n                  textSlot\n                )\n              ]\n            ),\n            h(IconChevronRight, { class: \"i-medium mn-r-medium\", type: \"chevron\"})\n          ]\n        );\n      };\n    }\n  });\n</script>\n"],"names":["defineComponent","h","IconChevronRight"],"mappings":";;;;AAKO,MAAA,YAAaA,IAAAA,gBAAa;AAAA,EAC7B,OAAO;EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,WAAO,MAAM;AACX,YAAM,qBAAqB,MAAM,UAAU,MAAM,QAAO,IAAK,CAAA;AAE7D,YAAM,WAAW,CAAA;AACjB,YAAM,WAAW,CAAA;AAGjB,yBAAmB,QAAQ,CAAC,UAAU;AACrB,cAAM,SAAQ;AAC7B,YAAI,MAAM,SAAS,MAAM,MAAM,MAAM;AACnC,mBAAS,KAAK,KAAK;AAAA,QACrB,OAAO;AACL,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MACF,CAAC;AAED,aAAOC,IAAAA;AAAAA,QACL;AAAA,QACA;AAAA,UACE,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA,EAAE,oCAAoC,KAAG;AAAA,UAC3C;AAAA;QAEF;AAAA;AAAA,UAEE,GAAG,SAAS,SAAS;AAAA,YACnBA,IAAAA;AAAAA,cACE;AAAA,cACA;AAAA,gBACE,OAAO,CAAC,aAAa,aAAa,eAAe,QAAQ,cAAa,cAAa,uBAAuB,SAAS,WAAW,aAAa;AAAA;cAE7I;AAAA,YACF;AAAA,cACE,CAAA;AAAA,UACJA,IAAAA;AAAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,CAAC,SAAS,aAAa,aAAa,cAAc,SAAS,iBAAiB,MAAM;AAAA;YAE3F;AAAA,cACEA,IAAAA;AAAAA,gBACE;AAAA,gBACA;AAAA,kBACE,OAAO,CAAC,UAAU,YAAY,WAAW;AAAA;gBAE3C;AAAA,cACF;AAAA,YACF;AAAA;UAEFA,IAAAA,EAAEC,iBAAAA,SAAkB,EAAE,OAAO,wBAAwB,MAAM,UAAS,CAAC;AAAA,QACvE;AAAA;IAEJ;AAAA,EACF;AACF,CAAC;;"}

package/dist/martyrs/src/components/Menu/MenuItem.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.vue.js","sources":["../../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<script>\n  import { h, ref, inject, defineComponent } from 'vue';\n  \n  import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';  \n\n  export default defineComponent({\n    props: {\n    },\n    setup(props, { slots }) {\n      return () => {\n        const defaultSlotContent = slots.default ? slots.default() : [];\n\n        const iconSlot = [];\n        const textSlot = [];\n\n        // Changing the logic to place slots based on whether the type starts with 'Icon' or not\n        defaultSlotContent.forEach((vnode) => {\n          let compType = vnode.toString()\n          if (vnode.props && vnode.props.icon) {  // Check if the type starts with 'Icon'\n            iconSlot.push(vnode);\n          } else {\n            textSlot.push(vnode);\n          }\n        });\n\n        return h(\n          'div',\n          {\n            class: [\n              'w-100',\n              't-left',\n              'flex-nowrap',\n              'flex-v-center',\n              'flex',\n              // here we need add logic\n              { 'br-b br-black-transp-10 br-solid': true  }\n            ]\n          },\n          [\n            // Conditionally include the div for iconSlot\n            ...iconSlot.length ? [\n              h(\n                'div',\n                {\n                  class: ['mn-b-thin', 'mn-t-thin', 'flex-center', 'flex', 'mn-r-small','flex-child','flex-child-shrink-0', 'i-big', 'bg-main', 'radius-thin']\n                },\n                iconSlot\n              )\n            ] : [],\n            h(\n              'div',\n              {\n                class: ['w-100', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']\n              },\n              [\n                h(\n                  'span',\n                  {\n                    class: ['p-semi', 't-medium', 'mn-r-auto']\n                  },\n                  textSlot\n                )\n              ]\n            ),\n            h(IconChevronRight, { class: \"i-medium mn-r-medium\", type: \"chevron\"})\n          ]\n        );\n      };\n    }\n  });\n</script>\n"],"names":[],"mappings":";;AAKO,MAAA,YAAa,gBAAa;AAAA,EAC7B,OAAO,CACN;AAAA,EACD,MAAM,OAAO,EAAE,SAAS;AACtB,WAAO,MAAM;AACX,YAAM,qBAAqB,MAAM,UAAU,MAAM,QAAQ,IAAI,CAAE;AAE/D,YAAM,WAAW,CAAE;AACnB,YAAM,WAAW,CAAE;AAGnB,yBAAmB,QAAQ,CAAC,UAAU;AACrB,cAAM,SAAQ;AAC7B,YAAI,MAAM,SAAS,MAAM,MAAM,MAAM;AACnC,mBAAS,KAAK,KAAK;AAAA,eACd;AACL,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MACF,CAAC;AAED,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA,EAAE,oCAAoC,KAAM;AAAA,UAC9C;AAAA,QACD;AAAA,QACD;AAAA;AAAA,UAEE,GAAG,SAAS,SAAS;AAAA,YACnB;AAAA,cACE;AAAA,cACA;AAAA,gBACE,OAAO,CAAC,aAAa,aAAa,eAAe,QAAQ,cAAa,cAAa,uBAAuB,SAAS,WAAW,aAAa;AAAA,cAC5I;AAAA,cACD;AAAA,YACF;AAAA,cACE,CAAE;AAAA,UACN;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,CAAC,SAAS,aAAa,aAAa,cAAc,SAAS,iBAAiB,MAAM;AAAA,YAC1F;AAAA,YACD;AAAA,cACE;AAAA,gBACE;AAAA,gBACA;AAAA,kBACE,OAAO,CAAC,UAAU,YAAY,WAAW;AAAA,gBAC1C;AAAA,gBACD;AAAA,cACF;AAAA,YACF;AAAA,UACD;AAAA,UACD,EAAE,kBAAkB,EAAE,OAAO,wBAAwB,MAAM,UAAS,CAAC;AAAA,QACvE;AAAA,MACD;AAAA,IACF;AAAA,EACH;AACD,CAAA;"}
+{"version":3,"file":"MenuItem.vue.js","sources":["../../../../../src/components/Menu/MenuItem.vue"],"sourcesContent":["<script>\n  import { h, ref, inject, defineComponent } from 'vue';\n  \n  import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';  \n\n  export default defineComponent({\n    props: {\n    },\n    setup(props, { slots }) {\n      return () => {\n        const defaultSlotContent = slots.default ? slots.default() : [];\n\n        const iconSlot = [];\n        const textSlot = [];\n\n        // Changing the logic to place slots based on whether the type starts with 'Icon' or not\n        defaultSlotContent.forEach((vnode) => {\n          let compType = vnode.toString()\n          if (vnode.props && vnode.props.icon) {  // Check if the type starts with 'Icon'\n            iconSlot.push(vnode);\n          } else {\n            textSlot.push(vnode);\n          }\n        });\n\n        return h(\n          'div',\n          {\n            class: [\n              'w-100',\n              't-left',\n              'flex-nowrap',\n              'flex-v-center',\n              'flex',\n              // here we need add logic\n              { 'br-b br-black-transp-10 br-solid': true  }\n            ]\n          },\n          [\n            // Conditionally include the div for iconSlot\n            ...iconSlot.length ? [\n              h(\n                'div',\n                {\n                  class: ['mn-b-thin', 'mn-t-thin', 'flex-center', 'flex', 'mn-r-small','flex-child','flex-child-shrink-0', 'i-big', 'bg-main', 'radius-thin']\n                },\n                iconSlot\n              )\n            ] : [],\n            h(\n              'div',\n              {\n                class: ['w-100', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']\n              },\n              [\n                h(\n                  'span',\n                  {\n                    class: ['p-semi', 't-medium', 'mn-r-auto']\n                  },\n                  textSlot\n                )\n              ]\n            ),\n            h(IconChevronRight, { class: \"i-medium mn-r-medium\", type: \"chevron\"})\n          ]\n        );\n      };\n    }\n  });\n</script>\n"],"names":[],"mappings":";;AAKO,MAAA,YAAa,gBAAa;AAAA,EAC7B,OAAO;EAEP,MAAM,OAAO,EAAE,SAAS;AACtB,WAAO,MAAM;AACX,YAAM,qBAAqB,MAAM,UAAU,MAAM,QAAO,IAAK,CAAA;AAE7D,YAAM,WAAW,CAAA;AACjB,YAAM,WAAW,CAAA;AAGjB,yBAAmB,QAAQ,CAAC,UAAU;AACrB,cAAM,SAAQ;AAC7B,YAAI,MAAM,SAAS,MAAM,MAAM,MAAM;AACnC,mBAAS,KAAK,KAAK;AAAA,QACrB,OAAO;AACL,mBAAS,KAAK,KAAK;AAAA,QACrB;AAAA,MACF,CAAC;AAED,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA,EAAE,oCAAoC,KAAG;AAAA,UAC3C;AAAA;QAEF;AAAA;AAAA,UAEE,GAAG,SAAS,SAAS;AAAA,YACnB;AAAA,cACE;AAAA,cACA;AAAA,gBACE,OAAO,CAAC,aAAa,aAAa,eAAe,QAAQ,cAAa,cAAa,uBAAuB,SAAS,WAAW,aAAa;AAAA;cAE7I;AAAA,YACF;AAAA,cACE,CAAA;AAAA,UACJ;AAAA,YACE;AAAA,YACA;AAAA,cACE,OAAO,CAAC,SAAS,aAAa,aAAa,cAAc,SAAS,iBAAiB,MAAM;AAAA;YAE3F;AAAA,cACE;AAAA,gBACE;AAAA,gBACA;AAAA,kBACE,OAAO,CAAC,UAAU,YAAY,WAAW;AAAA;gBAE3C;AAAA,cACF;AAAA,YACF;AAAA;UAEF,EAAE,kBAAkB,EAAE,OAAO,wBAAwB,MAAM,UAAS,CAAC;AAAA,QACvE;AAAA;IAEJ;AAAA,EACF;AACF,CAAC;"}

package/dist/martyrs/src/components/PhotoViewer/PhotoViewer.vue.cjs

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const IconChevronLeft = require("../../modules/icons/navigation/IconChevronLeft.vue.cjs");
 const IconChevronRight = require("../../modules/icons/navigation/IconChevronRight.vue.cjs");
+;/* empty css                   */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = ["src", "onLoad"];
 const _hoisted_2 = { class: "pos-absolute pos-l-small bs-small pos-t-small radius-small pd-thin bg-white t-black t-medium" };
@@ -26,10 +27,7 @@ const _sfc_main = {
     const image = vue.ref(null);
     const thumbnailsRef = vue.ref(null);
     let startX = 0, startDist = 0, startScale = 1, dragX = 0, wheelTimer, dragTimer;
-    const photos = vue.computed(() => {
-      var _a;
-      return ((_a = props.photos) == null ? void 0 : _a.length) ? props.photos : props.photoUrl ? [props.photoUrl] : [];
-    });
+    const photos = vue.computed(() => props.photos?.length ? props.photos : props.photoUrl ? [props.photoUrl] : []);
     const sliderStyle = vue.computed(() => ({
       transform: `translate3d(${translateX.value}px, 0, 0)`,
       transition: isDragging.value ? "none" : "transform 0.3s",
@@ -62,8 +60,7 @@ const _sfc_main = {
       }
     };
     const getXY = (e) => {
-      var _a;
-      const t = ((_a = e.touches) == null ? void 0 : _a[0]) || e;
+      const t = e.touches?.[0] || e;
       return [t.clientX, t.clientY];
     };
     const constrain = () => {

package/dist/martyrs/src/components/PhotoViewer/PhotoViewer.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoViewer.vue.cjs","sources":["../../../../../src/components/PhotoViewer/PhotoViewer.vue"],"sourcesContent":["<script setup>\n  import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue';\n\n  import IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\n  import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\n\n  const props = defineProps({\n    photoUrl: String,\n    photos: Array,\n    initialIndex: Number,\n    show: Boolean,\n  });\n\n  const currentIndex = ref(0);\n  const translateX = ref(0);\n  const isDragging = ref(false);\n  const scale = ref(1);\n  const pos = ref({ x: 0, y: 0 });\n  const image = ref(null);\n  const thumbnailsRef = ref(null);\n\n  let startX = 0, startDist = 0, startScale = 1, dragX = 0, wheelTimer, dragTimer;\n\n  const photos = computed(() => props.photos?.length ? props.photos : props.photoUrl ? [props.photoUrl] : []);\n\n  const sliderStyle = computed(() => ({\n    transform: `translate3d(${translateX.value}px, 0, 0)`,\n    transition: isDragging.value ? 'none' : 'transform 0.3s',\n    backfaceVisibility: 'hidden'\n  }));\n\n  const imgStyle = computed(() => ({\n    transform: `scale3d(${scale.value}, ${scale.value}, 1) translate3d(${pos.value.x}px, ${pos.value.y}px, 0)`,\n    backfaceVisibility: 'hidden'\n  }));\n\n  const reset = () => {\n    scale.value = 1;\n    pos.value = { x: 0, y: 0 };\n  };\n\n  const goTo = (index) => {\n    currentIndex.value = index;\n    translateX.value = -index * window.innerWidth;\n    reset();\n  };\n\n  const jumpTo = (index) => {\n    isDragging.value = true;\n    goTo(index);\n    requestAnimationFrame(() => isDragging.value = false);\n  };\n\n  const scrollToThumb = (el) => {\n    if (el && thumbnailsRef.value) {\n      const container = thumbnailsRef.value;\n      const thumb = el;\n      const left = thumb.offsetLeft - container.offsetWidth / 2 + thumb.offsetWidth / 2;\n      container.scrollTo({ left, behavior: 'smooth' });\n    }\n  };\n\n  const getXY = (e) => {\n    const t = e.touches?.[0] || e;\n    return [t.clientX, t.clientY];\n  };\n\n  const constrain = () => {\n    if (scale.value <= 1 || !image.value) return reset();\n    \n    const { naturalWidth: nw, naturalHeight: nh } = image.value;\n    const [cw, ch] = [window.innerWidth, window.innerHeight];\n    const r = Math.min(cw / nw, ch / nh, 1);\n    \n    const maxX = Math.max(0, (nw * r * scale.value - cw) / 2 / scale.value);\n    const maxY = Math.max(0, (nh * r * scale.value - ch) / 2 / scale.value);\n    \n    pos.value.x = Math.max(-maxX, Math.min(maxX, pos.value.x));\n    pos.value.y = Math.max(-maxY, Math.min(maxY, pos.value.y));\n  };\n\n  const zoom = (newScale, fx, fy) => {\n    if (!image.value) return;\n    \n    newScale = Math.max(1, Math.min(3, newScale));\n    const rect = image.value.getBoundingClientRect();\n    const [mx, my] = [fx - rect.left - rect.width / 2, fy - rect.top - rect.height / 2];\n    const change = newScale / scale.value;\n    \n    pos.value.x -= (mx / scale.value) * (change - 1);\n    pos.value.y -= (my / scale.value) * (change - 1);\n    scale.value = newScale;\n    constrain();\n  };\n\n  const startDrag = (e) => {\n    if (e.type === 'mousedown') e.preventDefault();\n    isDragging.value = true;\n    let [x, y] = getXY(e);\n    \n    const handleMove = scale.value > 1\n      ? (e) => {\n          if (!isDragging.value) return;\n          if (e.type === 'touchmove') e.preventDefault();\n          const [cx, cy] = getXY(e);\n          pos.value.x += (cx - x) / scale.value;\n          pos.value.y += (cy - y) / scale.value;\n          constrain();\n          [x, y] = [cx, cy];\n        }\n      : (e) => {\n          if (!isDragging.value) return;\n          if (e.type === 'touchmove') e.preventDefault();\n          dragX = getXY(e)[0] - startX;\n          translateX.value = dragX - currentIndex.value * window.innerWidth;\n        };\n    \n    const handleEnd = () => {\n      isDragging.value = false;\n      if (scale.value <= 1 && Math.abs(dragX) > window.innerWidth / 4) {\n        goTo(Math.max(0, Math.min(photos.value.length - 1, currentIndex.value + (dragX > 0 ? -1 : 1))));\n      } else if (scale.value <= 1) {\n        goTo(currentIndex.value);\n      }\n      dragX = 0;\n      document.removeEventListener('mousemove', handleMove, { passive: true });\n      document.removeEventListener('mouseup', handleEnd, { passive: true });\n      document.removeEventListener('touchmove', handleMove, { passive: false });\n      document.removeEventListener('touchend', handleEnd, { passive: true });\n    };\n    \n    if (scale.value <= 1) startX = x;\n    document.addEventListener('mousemove', handleMove, { passive: true });\n    document.addEventListener('mouseup', handleEnd, { passive: true });\n    document.addEventListener('touchmove', handleMove, { passive: false });\n    document.addEventListener('touchend', handleEnd, { passive: true });\n  };\n\n  const handleTouchStart = (e) => {\n    if (e.touches.length === 2) {\n      clearTimeout(dragTimer);\n      const [t1, t2] = e.touches;\n      startDist = Math.hypot(t1.clientX - t2.clientX, t1.clientY - t2.clientY);\n      startScale = scale.value;\n    } else {\n      dragTimer = setTimeout(() => startDrag(e), 50);\n    }\n  };\n\n  const handleTouchMove = (e) => {\n    if (e.touches.length === 2 && !isDragging.value) {\n      clearTimeout(dragTimer);\n      e.preventDefault();\n      const [t1, t2] = e.touches;\n      const dist = Math.hypot(t1.clientX - t2.clientX, t1.clientY - t2.clientY);\n      zoom(startScale * (dist / startDist), (t1.clientX + t2.clientX) / 2, (t1.clientY + t2.clientY) / 2);\n    }\n  };\n\n  const handleTouchEnd = () => {\n    clearTimeout(dragTimer);\n    startDist = 0;\n  };\n\n  const handleWheel = (e) => {\n    clearTimeout(wheelTimer);\n    wheelTimer = setTimeout(() => zoom(scale.value + (e.deltaY > 0 ? -0.1 : 0.1), e.clientX, e.clientY), 10);\n  };\n\n  const handleKey = (e) => {\n    const dir = { ArrowLeft: -1, ArrowRight: 1 }[e.key];\n    if (dir) goTo(Math.max(0, Math.min(photos.value.length - 1, currentIndex.value + dir)));\n  };\n\n  watch(() => props.initialIndex, (i) => i != null && jumpTo(i));\n\n  onMounted(() => {\n    window.addEventListener('keydown', handleKey, { passive: true });\n    jumpTo(props.initialIndex || 0);\n  });\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('keydown', handleKey);\n    clearTimeout(wheelTimer);\n    clearTimeout(dragTimer);\n  });\n</script>\n\n<template>\n  <div class=\"photo-viewer\" @wheel.prevent=\"handleWheel\">\n    <div \n      class=\"slider-track\" \n      :style=\"sliderStyle\"\n      @mousedown=\"startDrag\" \n      @touchstart=\"handleTouchStart\"\n      @touchmove=\"handleTouchMove\"\n      @touchend=\"handleTouchEnd\"\n    >\n      <div \n        v-for=\"(photo, index) in photos\" \n        :key=\"index\"\n        class=\"slide\"\n      >\n        <img \n          :src=\"photo\" \n          :style=\"index === currentIndex ? imgStyle : null\"\n          :ref=\"el => index === currentIndex && (image = el)\"\n          @load=\"() => index === currentIndex && reset()\" \n        />\n      </div>\n    </div>\n    \n    <template \n      v-if=\"photos.length > 1\"\n    >\n\n      <span class=\"pos-absolute pos-l-small bs-small pos-t-small radius-small pd-thin bg-white t-black t-medium\">\n        {{ currentIndex + 1 }} / {{ photos.length }}\n      </span>\n      \n      <button \n        v-if=\"currentIndex > 0\" \n        @click=\"goTo(currentIndex - 1)\" \n        class=\"cursor-pointer hover-scale-1 bs-small pos-absolute pos-t-50 pos-l-small bg-white radius-small pd-thin\"\n      >\n        <IconChevronLeft fill=\"rgb(var(--black)\" class=\"i-medium\"/>\n      </button>\n\n      <button \n        v-if=\"currentIndex < photos.length - 1\" \n        @click=\"goTo(currentIndex + 1)\" \n        class=\"cursor-pointer hover-scale-1 bs-small pos-absolute pos-t-50 pos-r-small bg-white radius-small pd-thin\"\n      >\n        <IconChevronRight fill=\"rgb(var(--black)\" class=\"i-medium\"/>\n      </button>\n      \n      <div class=\"pos-absolute pos-b-small radius-small pd-thin bg-light  thumbnails-container\">\n        <div class=\"thumbnails\" ref=\"thumbnailsRef\">\n          <img \n            v-for=\"(photo, i) in photos\" \n            :key=\"i\"\n            :src=\"photo\"\n            @click=\"jumpTo(i)\"\n            :class=\"['thumbnail', { active: i === currentIndex }]\"\n            :ref=\"el => i === currentIndex && scrollToThumb(el)\" \n          />\n        </div>\n      </div>\n    </template>\n\n  </div>\n</template>\n\n<style scoped>\n.photo-viewer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background: #fff;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n}\n\n.slider-track {\n  display: flex;\n  height: 100%;\n  cursor: grab;\n  backface-visibility: hidden;\n}\n\n.slider-track:active {\n  cursor: grabbing;\n}\n\n.slide {\n  flex: 0 0 100%;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  transform-origin: center;\n  pointer-events: none;\n  backface-visibility: hidden;\n}\n\n.thumbnails-container {\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 100%;\n  z-index: 1;\n}\n\n.thumbnails {\n  display: flex;\n  gap: 0.25rem;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n.thumbnails::-webkit-scrollbar {\n  display: none;\n}\n\n.thumbnail {\n  width: 4rem;\n  height: 4rem;\n  object-fit: cover;\n  cursor: pointer;\n  transition: opacity 0.2s;\n  border-radius: 0.25rem;\n  flex-shrink: 0;\n}\n\n.thumbnail.active {\n  opacity: 1;\n  border: 1px solid rgb(var(--second));\n}\n\n\n@media (max-width: 768px) {\n  .nav-arrow { display: none; }\n  .thumbnail { width: 3rem; height: 3rem; }\n}\n</style>"],"names":["ref","computed","e","watch","onMounted","onBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"PhotoViewer.vue.cjs","sources":["../../../../../src/components/PhotoViewer/PhotoViewer.vue"],"sourcesContent":["<script setup>\n  import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue';\n\n  import IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\n  import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\n\n  const props = defineProps({\n    photoUrl: String,\n    photos: Array,\n    initialIndex: Number,\n    show: Boolean,\n  });\n\n  const currentIndex = ref(0);\n  const translateX = ref(0);\n  const isDragging = ref(false);\n  const scale = ref(1);\n  const pos = ref({ x: 0, y: 0 });\n  const image = ref(null);\n  const thumbnailsRef = ref(null);\n\n  let startX = 0, startDist = 0, startScale = 1, dragX = 0, wheelTimer, dragTimer;\n\n  const photos = computed(() => props.photos?.length ? props.photos : props.photoUrl ? [props.photoUrl] : []);\n\n  const sliderStyle = computed(() => ({\n    transform: `translate3d(${translateX.value}px, 0, 0)`,\n    transition: isDragging.value ? 'none' : 'transform 0.3s',\n    backfaceVisibility: 'hidden'\n  }));\n\n  const imgStyle = computed(() => ({\n    transform: `scale3d(${scale.value}, ${scale.value}, 1) translate3d(${pos.value.x}px, ${pos.value.y}px, 0)`,\n    backfaceVisibility: 'hidden'\n  }));\n\n  const reset = () => {\n    scale.value = 1;\n    pos.value = { x: 0, y: 0 };\n  };\n\n  const goTo = (index) => {\n    currentIndex.value = index;\n    translateX.value = -index * window.innerWidth;\n    reset();\n  };\n\n  const jumpTo = (index) => {\n    isDragging.value = true;\n    goTo(index);\n    requestAnimationFrame(() => isDragging.value = false);\n  };\n\n  const scrollToThumb = (el) => {\n    if (el && thumbnailsRef.value) {\n      const container = thumbnailsRef.value;\n      const thumb = el;\n      const left = thumb.offsetLeft - container.offsetWidth / 2 + thumb.offsetWidth / 2;\n      container.scrollTo({ left, behavior: 'smooth' });\n    }\n  };\n\n  const getXY = (e) => {\n    const t = e.touches?.[0] || e;\n    return [t.clientX, t.clientY];\n  };\n\n  const constrain = () => {\n    if (scale.value <= 1 || !image.value) return reset();\n    \n    const { naturalWidth: nw, naturalHeight: nh } = image.value;\n    const [cw, ch] = [window.innerWidth, window.innerHeight];\n    const r = Math.min(cw / nw, ch / nh, 1);\n    \n    const maxX = Math.max(0, (nw * r * scale.value - cw) / 2 / scale.value);\n    const maxY = Math.max(0, (nh * r * scale.value - ch) / 2 / scale.value);\n    \n    pos.value.x = Math.max(-maxX, Math.min(maxX, pos.value.x));\n    pos.value.y = Math.max(-maxY, Math.min(maxY, pos.value.y));\n  };\n\n  const zoom = (newScale, fx, fy) => {\n    if (!image.value) return;\n    \n    newScale = Math.max(1, Math.min(3, newScale));\n    const rect = image.value.getBoundingClientRect();\n    const [mx, my] = [fx - rect.left - rect.width / 2, fy - rect.top - rect.height / 2];\n    const change = newScale / scale.value;\n    \n    pos.value.x -= (mx / scale.value) * (change - 1);\n    pos.value.y -= (my / scale.value) * (change - 1);\n    scale.value = newScale;\n    constrain();\n  };\n\n  const startDrag = (e) => {\n    if (e.type === 'mousedown') e.preventDefault();\n    isDragging.value = true;\n    let [x, y] = getXY(e);\n    \n    const handleMove = scale.value > 1\n      ? (e) => {\n          if (!isDragging.value) return;\n          if (e.type === 'touchmove') e.preventDefault();\n          const [cx, cy] = getXY(e);\n          pos.value.x += (cx - x) / scale.value;\n          pos.value.y += (cy - y) / scale.value;\n          constrain();\n          [x, y] = [cx, cy];\n        }\n      : (e) => {\n          if (!isDragging.value) return;\n          if (e.type === 'touchmove') e.preventDefault();\n          dragX = getXY(e)[0] - startX;\n          translateX.value = dragX - currentIndex.value * window.innerWidth;\n        };\n    \n    const handleEnd = () => {\n      isDragging.value = false;\n      if (scale.value <= 1 && Math.abs(dragX) > window.innerWidth / 4) {\n        goTo(Math.max(0, Math.min(photos.value.length - 1, currentIndex.value + (dragX > 0 ? -1 : 1))));\n      } else if (scale.value <= 1) {\n        goTo(currentIndex.value);\n      }\n      dragX = 0;\n      document.removeEventListener('mousemove', handleMove, { passive: true });\n      document.removeEventListener('mouseup', handleEnd, { passive: true });\n      document.removeEventListener('touchmove', handleMove, { passive: false });\n      document.removeEventListener('touchend', handleEnd, { passive: true });\n    };\n    \n    if (scale.value <= 1) startX = x;\n    document.addEventListener('mousemove', handleMove, { passive: true });\n    document.addEventListener('mouseup', handleEnd, { passive: true });\n    document.addEventListener('touchmove', handleMove, { passive: false });\n    document.addEventListener('touchend', handleEnd, { passive: true });\n  };\n\n  const handleTouchStart = (e) => {\n    if (e.touches.length === 2) {\n      clearTimeout(dragTimer);\n      const [t1, t2] = e.touches;\n      startDist = Math.hypot(t1.clientX - t2.clientX, t1.clientY - t2.clientY);\n      startScale = scale.value;\n    } else {\n      dragTimer = setTimeout(() => startDrag(e), 50);\n    }\n  };\n\n  const handleTouchMove = (e) => {\n    if (e.touches.length === 2 && !isDragging.value) {\n      clearTimeout(dragTimer);\n      e.preventDefault();\n      const [t1, t2] = e.touches;\n      const dist = Math.hypot(t1.clientX - t2.clientX, t1.clientY - t2.clientY);\n      zoom(startScale * (dist / startDist), (t1.clientX + t2.clientX) / 2, (t1.clientY + t2.clientY) / 2);\n    }\n  };\n\n  const handleTouchEnd = () => {\n    clearTimeout(dragTimer);\n    startDist = 0;\n  };\n\n  const handleWheel = (e) => {\n    clearTimeout(wheelTimer);\n    wheelTimer = setTimeout(() => zoom(scale.value + (e.deltaY > 0 ? -0.1 : 0.1), e.clientX, e.clientY), 10);\n  };\n\n  const handleKey = (e) => {\n    const dir = { ArrowLeft: -1, ArrowRight: 1 }[e.key];\n    if (dir) goTo(Math.max(0, Math.min(photos.value.length - 1, currentIndex.value + dir)));\n  };\n\n  watch(() => props.initialIndex, (i) => i != null && jumpTo(i));\n\n  onMounted(() => {\n    window.addEventListener('keydown', handleKey, { passive: true });\n    jumpTo(props.initialIndex || 0);\n  });\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('keydown', handleKey);\n    clearTimeout(wheelTimer);\n    clearTimeout(dragTimer);\n  });\n</script>\n\n<template>\n  <div class=\"photo-viewer\" @wheel.prevent=\"handleWheel\">\n    <div \n      class=\"slider-track\" \n      :style=\"sliderStyle\"\n      @mousedown=\"startDrag\" \n      @touchstart=\"handleTouchStart\"\n      @touchmove=\"handleTouchMove\"\n      @touchend=\"handleTouchEnd\"\n    >\n      <div \n        v-for=\"(photo, index) in photos\" \n        :key=\"index\"\n        class=\"slide\"\n      >\n        <img \n          :src=\"photo\" \n          :style=\"index === currentIndex ? imgStyle : null\"\n          :ref=\"el => index === currentIndex && (image = el)\"\n          @load=\"() => index === currentIndex && reset()\" \n        />\n      </div>\n    </div>\n    \n    <template \n      v-if=\"photos.length > 1\"\n    >\n\n      <span class=\"pos-absolute pos-l-small bs-small pos-t-small radius-small pd-thin bg-white t-black t-medium\">\n        {{ currentIndex + 1 }} / {{ photos.length }}\n      </span>\n      \n      <button \n        v-if=\"currentIndex > 0\" \n        @click=\"goTo(currentIndex - 1)\" \n        class=\"cursor-pointer hover-scale-1 bs-small pos-absolute pos-t-50 pos-l-small bg-white radius-small pd-thin\"\n      >\n        <IconChevronLeft fill=\"rgb(var(--black)\" class=\"i-medium\"/>\n      </button>\n\n      <button \n        v-if=\"currentIndex < photos.length - 1\" \n        @click=\"goTo(currentIndex + 1)\" \n        class=\"cursor-pointer hover-scale-1 bs-small pos-absolute pos-t-50 pos-r-small bg-white radius-small pd-thin\"\n      >\n        <IconChevronRight fill=\"rgb(var(--black)\" class=\"i-medium\"/>\n      </button>\n      \n      <div class=\"pos-absolute pos-b-small radius-small pd-thin bg-light  thumbnails-container\">\n        <div class=\"thumbnails\" ref=\"thumbnailsRef\">\n          <img \n            v-for=\"(photo, i) in photos\" \n            :key=\"i\"\n            :src=\"photo\"\n            @click=\"jumpTo(i)\"\n            :class=\"['thumbnail', { active: i === currentIndex }]\"\n            :ref=\"el => i === currentIndex && scrollToThumb(el)\" \n          />\n        </div>\n      </div>\n    </template>\n\n  </div>\n</template>\n\n<style scoped>\n.photo-viewer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background: #fff;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n}\n\n.slider-track {\n  display: flex;\n  height: 100%;\n  cursor: grab;\n  backface-visibility: hidden;\n}\n\n.slider-track:active {\n  cursor: grabbing;\n}\n\n.slide {\n  flex: 0 0 100%;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  transform-origin: center;\n  pointer-events: none;\n  backface-visibility: hidden;\n}\n\n.thumbnails-container {\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 100%;\n  z-index: 1;\n}\n\n.thumbnails {\n  display: flex;\n  gap: 0.25rem;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n.thumbnails::-webkit-scrollbar {\n  display: none;\n}\n\n.thumbnail {\n  width: 4rem;\n  height: 4rem;\n  object-fit: cover;\n  cursor: pointer;\n  transition: opacity 0.2s;\n  border-radius: 0.25rem;\n  flex-shrink: 0;\n}\n\n.thumbnail.active {\n  opacity: 1;\n  border: 1px solid rgb(var(--second));\n}\n\n\n@media (max-width: 768px) {\n  .nav-arrow { display: none; }\n  .thumbnail { width: 3rem; height: 3rem; }\n}\n</style>"],"names":["ref","computed","e","watch","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;AAME,UAAM,QAAQ;AAOd,UAAM,eAAeA,IAAAA,IAAI,CAAC;AAC1B,UAAM,aAAaA,IAAAA,IAAI,CAAC;AACxB,UAAM,aAAaA,IAAAA,IAAI,KAAK;AAC5B,UAAM,QAAQA,IAAAA,IAAI,CAAC;AACnB,UAAM,MAAMA,IAAAA,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG;AAC9B,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,gBAAgBA,IAAAA,IAAI,IAAI;AAE9B,QAAI,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,GAAG,YAAY;AAEtE,UAAM,SAASC,IAAAA,SAAS,MAAM,MAAM,QAAQ,SAAS,MAAM,SAAS,MAAM,WAAW,CAAC,MAAM,QAAQ,IAAI,CAAA,CAAE;AAE1G,UAAM,cAAcA,IAAAA,SAAS,OAAO;AAAA,MAClC,WAAW,eAAe,WAAW,KAAK;AAAA,MAC1C,YAAY,WAAW,QAAQ,SAAS;AAAA,MACxC,oBAAoB;AAAA,IACxB,EAAI;AAEF,UAAM,WAAWA,IAAAA,SAAS,OAAO;AAAA,MAC/B,WAAW,WAAW,MAAM,KAAK,KAAK,MAAM,KAAK,oBAAoB,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC;AAAA,MAClG,oBAAoB;AAAA,IACxB,EAAI;AAEF,UAAM,QAAQ,MAAM;AAClB,YAAM,QAAQ;AACd,UAAI,QAAQ,EAAE,GAAG,GAAG,GAAG,EAAC;AAAA,IAC1B;AAEA,UAAM,OAAO,CAAC,UAAU;AACtB,mBAAa,QAAQ;AACrB,iBAAW,QAAQ,CAAC,QAAQ,OAAO;AACnC,YAAK;AAAA,IACP;AAEA,UAAM,SAAS,CAAC,UAAU;AACxB,iBAAW,QAAQ;AACnB,WAAK,KAAK;AACV,4BAAsB,MAAM,WAAW,QAAQ,KAAK;AAAA,IACtD;AAEA,UAAM,gBAAgB,CAAC,OAAO;AAC5B,UAAI,MAAM,cAAc,OAAO;AAC7B,cAAM,YAAY,cAAc;AAChC,cAAM,QAAQ;AACd,cAAM,OAAO,MAAM,aAAa,UAAU,cAAc,IAAI,MAAM,cAAc;AAChF,kBAAU,SAAS,EAAE,MAAM,UAAU,SAAQ,CAAE;AAAA,MACjD;AAAA,IACF;AAEA,UAAM,QAAQ,CAAC,MAAM;AACnB,YAAM,IAAI,EAAE,UAAU,CAAC,KAAK;AAC5B,aAAO,CAAC,EAAE,SAAS,EAAE,OAAO;AAAA,IAC9B;AAEA,UAAM,YAAY,MAAM;AACtB,UAAI,MAAM,SAAS,KAAK,CAAC,MAAM,MAAO,QAAO,MAAK;AAElD,YAAM,EAAE,cAAc,IAAI,eAAe,GAAE,IAAK,MAAM;AACtD,YAAM,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,OAAO,WAAW;AACvD,YAAM,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC;AAEtC,YAAM,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI,MAAM,QAAQ,MAAM,IAAI,MAAM,KAAK;AACtE,YAAM,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI,MAAM,QAAQ,MAAM,IAAI,MAAM,KAAK;AAEtE,UAAI,MAAM,IAAI,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC;AACzD,UAAI,MAAM,IAAI,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC;AAAA,IAC3D;AAEA,UAAM,OAAO,CAAC,UAAU,IAAI,OAAO;AACjC,UAAI,CAAC,MAAM,MAAO;AAElB,iBAAW,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,QAAQ,CAAC;AAC5C,YAAM,OAAO,MAAM,MAAM,sBAAqB;AAC9C,YAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO,KAAK,QAAQ,GAAG,KAAK,KAAK,MAAM,KAAK,SAAS,CAAC;AAClF,YAAM,SAAS,WAAW,MAAM;AAEhC,UAAI,MAAM,KAAM,KAAK,MAAM,SAAU,SAAS;AAC9C,UAAI,MAAM,KAAM,KAAK,MAAM,SAAU,SAAS;AAC9C,YAAM,QAAQ;AACd,gBAAS;AAAA,IACX;AAEA,UAAM,YAAY,CAAC,MAAM;AACvB,UAAI,EAAE,SAAS,YAAa,GAAE,eAAc;AAC5C,iBAAW,QAAQ;AACnB,UAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC;AAEpB,YAAM,aAAa,MAAM,QAAQ,IAC7B,CAACC,OAAM;AACL,YAAI,CAAC,WAAW,MAAO;AACvB,YAAIA,GAAE,SAAS,YAAa,CAAAA,GAAE,eAAc;AAC5C,cAAM,CAAC,IAAI,EAAE,IAAI,MAAMA,EAAC;AACxB,YAAI,MAAM,MAAM,KAAK,KAAK,MAAM;AAChC,YAAI,MAAM,MAAM,KAAK,KAAK,MAAM;AAChC,kBAAS;AACT,SAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE;AAAA,MAClB,IACA,CAACA,OAAM;AACL,YAAI,CAAC,WAAW,MAAO;AACvB,YAAIA,GAAE,SAAS,YAAa,CAAAA,GAAE,eAAc;AAC5C,gBAAQ,MAAMA,EAAC,EAAE,CAAC,IAAI;AACtB,mBAAW,QAAQ,QAAQ,aAAa,QAAQ,OAAO;AAAA,MACzD;AAEJ,YAAM,YAAY,MAAM;AACtB,mBAAW,QAAQ;AACnB,YAAI,MAAM,SAAS,KAAK,KAAK,IAAI,KAAK,IAAI,OAAO,aAAa,GAAG;AAC/D,eAAK,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,MAAM,SAAS,GAAG,aAAa,SAAS,QAAQ,IAAI,KAAK,EAAE,CAAC,CAAC;AAAA,QAChG,WAAW,MAAM,SAAS,GAAG;AAC3B,eAAK,aAAa,KAAK;AAAA,QACzB;AACA,gBAAQ;AACR,iBAAS,oBAAoB,aAAa,YAAY,EAAE,SAAS,MAAM;AACvE,iBAAS,oBAAoB,WAAW,WAAW,EAAE,SAAS,MAAM;AACpE,iBAAS,oBAAoB,aAAa,YAAY,EAAE,SAAS,OAAO;AACxE,iBAAS,oBAAoB,YAAY,WAAW,EAAE,SAAS,MAAM;AAAA,MACvE;AAEA,UAAI,MAAM,SAAS,EAAG,UAAS;AAC/B,eAAS,iBAAiB,aAAa,YAAY,EAAE,SAAS,MAAM;AACpE,eAAS,iBAAiB,WAAW,WAAW,EAAE,SAAS,MAAM;AACjE,eAAS,iBAAiB,aAAa,YAAY,EAAE,SAAS,OAAO;AACrE,eAAS,iBAAiB,YAAY,WAAW,EAAE,SAAS,MAAM;AAAA,IACpE;AAEA,UAAM,mBAAmB,CAAC,MAAM;AAC9B,UAAI,EAAE,QAAQ,WAAW,GAAG;AAC1B,qBAAa,SAAS;AACtB,cAAM,CAAC,IAAI,EAAE,IAAI,EAAE;AACnB,oBAAY,KAAK,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO;AACvE,qBAAa,MAAM;AAAA,MACrB,OAAO;AACL,oBAAY,WAAW,MAAM,UAAU,CAAC,GAAG,EAAE;AAAA,MAC/C;AAAA,IACF;AAEA,UAAM,kBAAkB,CAAC,MAAM;AAC7B,UAAI,EAAE,QAAQ,WAAW,KAAK,CAAC,WAAW,OAAO;AAC/C,qBAAa,SAAS;AACtB,UAAE,eAAc;AAChB,cAAM,CAAC,IAAI,EAAE,IAAI,EAAE;AACnB,cAAM,OAAO,KAAK,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO;AACxE,aAAK,cAAc,OAAO,aAAa,GAAG,UAAU,GAAG,WAAW,IAAI,GAAG,UAAU,GAAG,WAAW,CAAC;AAAA,MACpG;AAAA,IACF;AAEA,UAAM,iBAAiB,MAAM;AAC3B,mBAAa,SAAS;AACtB,kBAAY;AAAA,IACd;AAEA,UAAM,cAAc,CAAC,MAAM;AACzB,mBAAa,UAAU;AACvB,mBAAa,WAAW,MAAM,KAAK,MAAM,SAAS,EAAE,SAAS,IAAI,OAAO,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,EAAE;AAAA,IACzG;AAEA,UAAM,YAAY,CAAC,MAAM;AACvB,YAAM,MAAM,EAAE,WAAW,IAAI,YAAY,EAAC,EAAG,EAAE,GAAG;AAClD,UAAI,IAAK,MAAK,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,MAAM,SAAS,GAAG,aAAa,QAAQ,GAAG,CAAC,CAAC;AAAA,IACxF;AAEAC,cAAM,MAAM,MAAM,cAAc,CAAC,MAAM,KAAK,QAAQ,OAAO,CAAC,CAAC;AAE7DC,QAAAA,UAAU,MAAM;AACd,aAAO,iBAAiB,WAAW,WAAW,EAAE,SAAS,MAAM;AAC/D,aAAO,MAAM,gBAAgB,CAAC;AAAA,IAChC,CAAC;AAEDC,QAAAA,gBAAgB,MAAM;AACpB,aAAO,oBAAoB,WAAW,SAAS;AAC/C,mBAAa,UAAU;AACvB,mBAAa,SAAS;AAAA,IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,7 @@
 import { ref, computed, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, withModifiers, createElementVNode, createCommentVNode, normalizeStyle, Fragment, renderList, toDisplayString, createVNode, normalizeClass } from "vue";
 import IconChevronLeft from "../../modules/icons/navigation/IconChevronLeft.vue.js";
 import IconChevronRight from "../../modules/icons/navigation/IconChevronRight.vue.js";
+/* empty css                 */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["src", "onLoad"];
 const _hoisted_2 = { class: "pos-absolute pos-l-small bs-small pos-t-small radius-small pd-thin bg-white t-black t-medium" };
@@ -24,10 +25,7 @@ const _sfc_main = {
     const image = ref(null);
     const thumbnailsRef = ref(null);
     let startX = 0, startDist = 0, startScale = 1, dragX = 0, wheelTimer, dragTimer;
-    const photos = computed(() => {
-      var _a;
-      return ((_a = props.photos) == null ? void 0 : _a.length) ? props.photos : props.photoUrl ? [props.photoUrl] : [];
-    });
+    const photos = computed(() => props.photos?.length ? props.photos : props.photoUrl ? [props.photoUrl] : []);
     const sliderStyle = computed(() => ({
       transform: `translate3d(${translateX.value}px, 0, 0)`,
       transition: isDragging.value ? "none" : "transform 0.3s",
@@ -60,8 +58,7 @@ const _sfc_main = {
       }
     };
     const getXY = (e) => {
-      var _a;
-      const t = ((_a = e.touches) == null ? void 0 : _a[0]) || e;
+      const t = e.touches?.[0] || e;
       return [t.clientX, t.clientY];
     };
     const constrain = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"PhotoViewer.vue.js","sources":["../../../../../src/components/PhotoViewer/PhotoViewer.vue"],"sourcesContent":["<script setup>\n  import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue';\n\n  import IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\n  import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\n\n  const props = defineProps({\n    photoUrl: String,\n    photos: Array,\n    initialIndex: Number,\n    show: Boolean,\n  });\n\n  const currentIndex = ref(0);\n  const translateX = ref(0);\n  const isDragging = ref(false);\n  const scale = ref(1);\n  const pos = ref({ x: 0, y: 0 });\n  const image = ref(null);\n  const thumbnailsRef = ref(null);\n\n  let startX = 0, startDist = 0, startScale = 1, dragX = 0, wheelTimer, dragTimer;\n\n  const photos = computed(() => props.photos?.length ? props.photos : props.photoUrl ? [props.photoUrl] : []);\n\n  const sliderStyle = computed(() => ({\n    transform: `translate3d(${translateX.value}px, 0, 0)`,\n    transition: isDragging.value ? 'none' : 'transform 0.3s',\n    backfaceVisibility: 'hidden'\n  }));\n\n  const imgStyle = computed(() => ({\n    transform: `scale3d(${scale.value}, ${scale.value}, 1) translate3d(${pos.value.x}px, ${pos.value.y}px, 0)`,\n    backfaceVisibility: 'hidden'\n  }));\n\n  const reset = () => {\n    scale.value = 1;\n    pos.value = { x: 0, y: 0 };\n  };\n\n  const goTo = (index) => {\n    currentIndex.value = index;\n    translateX.value = -index * window.innerWidth;\n    reset();\n  };\n\n  const jumpTo = (index) => {\n    isDragging.value = true;\n    goTo(index);\n    requestAnimationFrame(() => isDragging.value = false);\n  };\n\n  const scrollToThumb = (el) => {\n    if (el && thumbnailsRef.value) {\n      const container = thumbnailsRef.value;\n      const thumb = el;\n      const left = thumb.offsetLeft - container.offsetWidth / 2 + thumb.offsetWidth / 2;\n      container.scrollTo({ left, behavior: 'smooth' });\n    }\n  };\n\n  const getXY = (e) => {\n    const t = e.touches?.[0] || e;\n    return [t.clientX, t.clientY];\n  };\n\n  const constrain = () => {\n    if (scale.value <= 1 || !image.value) return reset();\n    \n    const { naturalWidth: nw, naturalHeight: nh } = image.value;\n    const [cw, ch] = [window.innerWidth, window.innerHeight];\n    const r = Math.min(cw / nw, ch / nh, 1);\n    \n    const maxX = Math.max(0, (nw * r * scale.value - cw) / 2 / scale.value);\n    const maxY = Math.max(0, (nh * r * scale.value - ch) / 2 / scale.value);\n    \n    pos.value.x = Math.max(-maxX, Math.min(maxX, pos.value.x));\n    pos.value.y = Math.max(-maxY, Math.min(maxY, pos.value.y));\n  };\n\n  const zoom = (newScale, fx, fy) => {\n    if (!image.value) return;\n    \n    newScale = Math.max(1, Math.min(3, newScale));\n    const rect = image.value.getBoundingClientRect();\n    const [mx, my] = [fx - rect.left - rect.width / 2, fy - rect.top - rect.height / 2];\n    const change = newScale / scale.value;\n    \n    pos.value.x -= (mx / scale.value) * (change - 1);\n    pos.value.y -= (my / scale.value) * (change - 1);\n    scale.value = newScale;\n    constrain();\n  };\n\n  const startDrag = (e) => {\n    if (e.type === 'mousedown') e.preventDefault();\n    isDragging.value = true;\n    let [x, y] = getXY(e);\n    \n    const handleMove = scale.value > 1\n      ? (e) => {\n          if (!isDragging.value) return;\n          if (e.type === 'touchmove') e.preventDefault();\n          const [cx, cy] = getXY(e);\n          pos.value.x += (cx - x) / scale.value;\n          pos.value.y += (cy - y) / scale.value;\n          constrain();\n          [x, y] = [cx, cy];\n        }\n      : (e) => {\n          if (!isDragging.value) return;\n          if (e.type === 'touchmove') e.preventDefault();\n          dragX = getXY(e)[0] - startX;\n          translateX.value = dragX - currentIndex.value * window.innerWidth;\n        };\n    \n    const handleEnd = () => {\n      isDragging.value = false;\n      if (scale.value <= 1 && Math.abs(dragX) > window.innerWidth / 4) {\n        goTo(Math.max(0, Math.min(photos.value.length - 1, currentIndex.value + (dragX > 0 ? -1 : 1))));\n      } else if (scale.value <= 1) {\n        goTo(currentIndex.value);\n      }\n      dragX = 0;\n      document.removeEventListener('mousemove', handleMove, { passive: true });\n      document.removeEventListener('mouseup', handleEnd, { passive: true });\n      document.removeEventListener('touchmove', handleMove, { passive: false });\n      document.removeEventListener('touchend', handleEnd, { passive: true });\n    };\n    \n    if (scale.value <= 1) startX = x;\n    document.addEventListener('mousemove', handleMove, { passive: true });\n    document.addEventListener('mouseup', handleEnd, { passive: true });\n    document.addEventListener('touchmove', handleMove, { passive: false });\n    document.addEventListener('touchend', handleEnd, { passive: true });\n  };\n\n  const handleTouchStart = (e) => {\n    if (e.touches.length === 2) {\n      clearTimeout(dragTimer);\n      const [t1, t2] = e.touches;\n      startDist = Math.hypot(t1.clientX - t2.clientX, t1.clientY - t2.clientY);\n      startScale = scale.value;\n    } else {\n      dragTimer = setTimeout(() => startDrag(e), 50);\n    }\n  };\n\n  const handleTouchMove = (e) => {\n    if (e.touches.length === 2 && !isDragging.value) {\n      clearTimeout(dragTimer);\n      e.preventDefault();\n      const [t1, t2] = e.touches;\n      const dist = Math.hypot(t1.clientX - t2.clientX, t1.clientY - t2.clientY);\n      zoom(startScale * (dist / startDist), (t1.clientX + t2.clientX) / 2, (t1.clientY + t2.clientY) / 2);\n    }\n  };\n\n  const handleTouchEnd = () => {\n    clearTimeout(dragTimer);\n    startDist = 0;\n  };\n\n  const handleWheel = (e) => {\n    clearTimeout(wheelTimer);\n    wheelTimer = setTimeout(() => zoom(scale.value + (e.deltaY > 0 ? -0.1 : 0.1), e.clientX, e.clientY), 10);\n  };\n\n  const handleKey = (e) => {\n    const dir = { ArrowLeft: -1, ArrowRight: 1 }[e.key];\n    if (dir) goTo(Math.max(0, Math.min(photos.value.length - 1, currentIndex.value + dir)));\n  };\n\n  watch(() => props.initialIndex, (i) => i != null && jumpTo(i));\n\n  onMounted(() => {\n    window.addEventListener('keydown', handleKey, { passive: true });\n    jumpTo(props.initialIndex || 0);\n  });\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('keydown', handleKey);\n    clearTimeout(wheelTimer);\n    clearTimeout(dragTimer);\n  });\n</script>\n\n<template>\n  <div class=\"photo-viewer\" @wheel.prevent=\"handleWheel\">\n    <div \n      class=\"slider-track\" \n      :style=\"sliderStyle\"\n      @mousedown=\"startDrag\" \n      @touchstart=\"handleTouchStart\"\n      @touchmove=\"handleTouchMove\"\n      @touchend=\"handleTouchEnd\"\n    >\n      <div \n        v-for=\"(photo, index) in photos\" \n        :key=\"index\"\n        class=\"slide\"\n      >\n        <img \n          :src=\"photo\" \n          :style=\"index === currentIndex ? imgStyle : null\"\n          :ref=\"el => index === currentIndex && (image = el)\"\n          @load=\"() => index === currentIndex && reset()\" \n        />\n      </div>\n    </div>\n    \n    <template \n      v-if=\"photos.length > 1\"\n    >\n\n      <span class=\"pos-absolute pos-l-small bs-small pos-t-small radius-small pd-thin bg-white t-black t-medium\">\n        {{ currentIndex + 1 }} / {{ photos.length }}\n      </span>\n      \n      <button \n        v-if=\"currentIndex > 0\" \n        @click=\"goTo(currentIndex - 1)\" \n        class=\"cursor-pointer hover-scale-1 bs-small pos-absolute pos-t-50 pos-l-small bg-white radius-small pd-thin\"\n      >\n        <IconChevronLeft fill=\"rgb(var(--black)\" class=\"i-medium\"/>\n      </button>\n\n      <button \n        v-if=\"currentIndex < photos.length - 1\" \n        @click=\"goTo(currentIndex + 1)\" \n        class=\"cursor-pointer hover-scale-1 bs-small pos-absolute pos-t-50 pos-r-small bg-white radius-small pd-thin\"\n      >\n        <IconChevronRight fill=\"rgb(var(--black)\" class=\"i-medium\"/>\n      </button>\n      \n      <div class=\"pos-absolute pos-b-small radius-small pd-thin bg-light  thumbnails-container\">\n        <div class=\"thumbnails\" ref=\"thumbnailsRef\">\n          <img \n            v-for=\"(photo, i) in photos\" \n            :key=\"i\"\n            :src=\"photo\"\n            @click=\"jumpTo(i)\"\n            :class=\"['thumbnail', { active: i === currentIndex }]\"\n            :ref=\"el => i === currentIndex && scrollToThumb(el)\" \n          />\n        </div>\n      </div>\n    </template>\n\n  </div>\n</template>\n\n<style scoped>\n.photo-viewer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background: #fff;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n}\n\n.slider-track {\n  display: flex;\n  height: 100%;\n  cursor: grab;\n  backface-visibility: hidden;\n}\n\n.slider-track:active {\n  cursor: grabbing;\n}\n\n.slide {\n  flex: 0 0 100%;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  transform-origin: center;\n  pointer-events: none;\n  backface-visibility: hidden;\n}\n\n.thumbnails-container {\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 100%;\n  z-index: 1;\n}\n\n.thumbnails {\n  display: flex;\n  gap: 0.25rem;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n.thumbnails::-webkit-scrollbar {\n  display: none;\n}\n\n.thumbnail {\n  width: 4rem;\n  height: 4rem;\n  object-fit: cover;\n  cursor: pointer;\n  transition: opacity 0.2s;\n  border-radius: 0.25rem;\n  flex-shrink: 0;\n}\n\n.thumbnail.active {\n  opacity: 1;\n  border: 1px solid rgb(var(--second));\n}\n\n\n@media (max-width: 768px) {\n  .nav-arrow { display: none; }\n  .thumbnail { width: 3rem; height: 3rem; }\n}\n</style>"],"names":["e"],"mappings":"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"}
+{"version":3,"file":"PhotoViewer.vue.js","sources":["../../../../../src/components/PhotoViewer/PhotoViewer.vue"],"sourcesContent":["<script setup>\n  import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue';\n\n  import IconChevronLeft from '@martyrs/src/modules/icons/navigation/IconChevronLeft.vue';\n  import IconChevronRight from '@martyrs/src/modules/icons/navigation/IconChevronRight.vue';\n\n  const props = defineProps({\n    photoUrl: String,\n    photos: Array,\n    initialIndex: Number,\n    show: Boolean,\n  });\n\n  const currentIndex = ref(0);\n  const translateX = ref(0);\n  const isDragging = ref(false);\n  const scale = ref(1);\n  const pos = ref({ x: 0, y: 0 });\n  const image = ref(null);\n  const thumbnailsRef = ref(null);\n\n  let startX = 0, startDist = 0, startScale = 1, dragX = 0, wheelTimer, dragTimer;\n\n  const photos = computed(() => props.photos?.length ? props.photos : props.photoUrl ? [props.photoUrl] : []);\n\n  const sliderStyle = computed(() => ({\n    transform: `translate3d(${translateX.value}px, 0, 0)`,\n    transition: isDragging.value ? 'none' : 'transform 0.3s',\n    backfaceVisibility: 'hidden'\n  }));\n\n  const imgStyle = computed(() => ({\n    transform: `scale3d(${scale.value}, ${scale.value}, 1) translate3d(${pos.value.x}px, ${pos.value.y}px, 0)`,\n    backfaceVisibility: 'hidden'\n  }));\n\n  const reset = () => {\n    scale.value = 1;\n    pos.value = { x: 0, y: 0 };\n  };\n\n  const goTo = (index) => {\n    currentIndex.value = index;\n    translateX.value = -index * window.innerWidth;\n    reset();\n  };\n\n  const jumpTo = (index) => {\n    isDragging.value = true;\n    goTo(index);\n    requestAnimationFrame(() => isDragging.value = false);\n  };\n\n  const scrollToThumb = (el) => {\n    if (el && thumbnailsRef.value) {\n      const container = thumbnailsRef.value;\n      const thumb = el;\n      const left = thumb.offsetLeft - container.offsetWidth / 2 + thumb.offsetWidth / 2;\n      container.scrollTo({ left, behavior: 'smooth' });\n    }\n  };\n\n  const getXY = (e) => {\n    const t = e.touches?.[0] || e;\n    return [t.clientX, t.clientY];\n  };\n\n  const constrain = () => {\n    if (scale.value <= 1 || !image.value) return reset();\n    \n    const { naturalWidth: nw, naturalHeight: nh } = image.value;\n    const [cw, ch] = [window.innerWidth, window.innerHeight];\n    const r = Math.min(cw / nw, ch / nh, 1);\n    \n    const maxX = Math.max(0, (nw * r * scale.value - cw) / 2 / scale.value);\n    const maxY = Math.max(0, (nh * r * scale.value - ch) / 2 / scale.value);\n    \n    pos.value.x = Math.max(-maxX, Math.min(maxX, pos.value.x));\n    pos.value.y = Math.max(-maxY, Math.min(maxY, pos.value.y));\n  };\n\n  const zoom = (newScale, fx, fy) => {\n    if (!image.value) return;\n    \n    newScale = Math.max(1, Math.min(3, newScale));\n    const rect = image.value.getBoundingClientRect();\n    const [mx, my] = [fx - rect.left - rect.width / 2, fy - rect.top - rect.height / 2];\n    const change = newScale / scale.value;\n    \n    pos.value.x -= (mx / scale.value) * (change - 1);\n    pos.value.y -= (my / scale.value) * (change - 1);\n    scale.value = newScale;\n    constrain();\n  };\n\n  const startDrag = (e) => {\n    if (e.type === 'mousedown') e.preventDefault();\n    isDragging.value = true;\n    let [x, y] = getXY(e);\n    \n    const handleMove = scale.value > 1\n      ? (e) => {\n          if (!isDragging.value) return;\n          if (e.type === 'touchmove') e.preventDefault();\n          const [cx, cy] = getXY(e);\n          pos.value.x += (cx - x) / scale.value;\n          pos.value.y += (cy - y) / scale.value;\n          constrain();\n          [x, y] = [cx, cy];\n        }\n      : (e) => {\n          if (!isDragging.value) return;\n          if (e.type === 'touchmove') e.preventDefault();\n          dragX = getXY(e)[0] - startX;\n          translateX.value = dragX - currentIndex.value * window.innerWidth;\n        };\n    \n    const handleEnd = () => {\n      isDragging.value = false;\n      if (scale.value <= 1 && Math.abs(dragX) > window.innerWidth / 4) {\n        goTo(Math.max(0, Math.min(photos.value.length - 1, currentIndex.value + (dragX > 0 ? -1 : 1))));\n      } else if (scale.value <= 1) {\n        goTo(currentIndex.value);\n      }\n      dragX = 0;\n      document.removeEventListener('mousemove', handleMove, { passive: true });\n      document.removeEventListener('mouseup', handleEnd, { passive: true });\n      document.removeEventListener('touchmove', handleMove, { passive: false });\n      document.removeEventListener('touchend', handleEnd, { passive: true });\n    };\n    \n    if (scale.value <= 1) startX = x;\n    document.addEventListener('mousemove', handleMove, { passive: true });\n    document.addEventListener('mouseup', handleEnd, { passive: true });\n    document.addEventListener('touchmove', handleMove, { passive: false });\n    document.addEventListener('touchend', handleEnd, { passive: true });\n  };\n\n  const handleTouchStart = (e) => {\n    if (e.touches.length === 2) {\n      clearTimeout(dragTimer);\n      const [t1, t2] = e.touches;\n      startDist = Math.hypot(t1.clientX - t2.clientX, t1.clientY - t2.clientY);\n      startScale = scale.value;\n    } else {\n      dragTimer = setTimeout(() => startDrag(e), 50);\n    }\n  };\n\n  const handleTouchMove = (e) => {\n    if (e.touches.length === 2 && !isDragging.value) {\n      clearTimeout(dragTimer);\n      e.preventDefault();\n      const [t1, t2] = e.touches;\n      const dist = Math.hypot(t1.clientX - t2.clientX, t1.clientY - t2.clientY);\n      zoom(startScale * (dist / startDist), (t1.clientX + t2.clientX) / 2, (t1.clientY + t2.clientY) / 2);\n    }\n  };\n\n  const handleTouchEnd = () => {\n    clearTimeout(dragTimer);\n    startDist = 0;\n  };\n\n  const handleWheel = (e) => {\n    clearTimeout(wheelTimer);\n    wheelTimer = setTimeout(() => zoom(scale.value + (e.deltaY > 0 ? -0.1 : 0.1), e.clientX, e.clientY), 10);\n  };\n\n  const handleKey = (e) => {\n    const dir = { ArrowLeft: -1, ArrowRight: 1 }[e.key];\n    if (dir) goTo(Math.max(0, Math.min(photos.value.length - 1, currentIndex.value + dir)));\n  };\n\n  watch(() => props.initialIndex, (i) => i != null && jumpTo(i));\n\n  onMounted(() => {\n    window.addEventListener('keydown', handleKey, { passive: true });\n    jumpTo(props.initialIndex || 0);\n  });\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('keydown', handleKey);\n    clearTimeout(wheelTimer);\n    clearTimeout(dragTimer);\n  });\n</script>\n\n<template>\n  <div class=\"photo-viewer\" @wheel.prevent=\"handleWheel\">\n    <div \n      class=\"slider-track\" \n      :style=\"sliderStyle\"\n      @mousedown=\"startDrag\" \n      @touchstart=\"handleTouchStart\"\n      @touchmove=\"handleTouchMove\"\n      @touchend=\"handleTouchEnd\"\n    >\n      <div \n        v-for=\"(photo, index) in photos\" \n        :key=\"index\"\n        class=\"slide\"\n      >\n        <img \n          :src=\"photo\" \n          :style=\"index === currentIndex ? imgStyle : null\"\n          :ref=\"el => index === currentIndex && (image = el)\"\n          @load=\"() => index === currentIndex && reset()\" \n        />\n      </div>\n    </div>\n    \n    <template \n      v-if=\"photos.length > 1\"\n    >\n\n      <span class=\"pos-absolute pos-l-small bs-small pos-t-small radius-small pd-thin bg-white t-black t-medium\">\n        {{ currentIndex + 1 }} / {{ photos.length }}\n      </span>\n      \n      <button \n        v-if=\"currentIndex > 0\" \n        @click=\"goTo(currentIndex - 1)\" \n        class=\"cursor-pointer hover-scale-1 bs-small pos-absolute pos-t-50 pos-l-small bg-white radius-small pd-thin\"\n      >\n        <IconChevronLeft fill=\"rgb(var(--black)\" class=\"i-medium\"/>\n      </button>\n\n      <button \n        v-if=\"currentIndex < photos.length - 1\" \n        @click=\"goTo(currentIndex + 1)\" \n        class=\"cursor-pointer hover-scale-1 bs-small pos-absolute pos-t-50 pos-r-small bg-white radius-small pd-thin\"\n      >\n        <IconChevronRight fill=\"rgb(var(--black)\" class=\"i-medium\"/>\n      </button>\n      \n      <div class=\"pos-absolute pos-b-small radius-small pd-thin bg-light  thumbnails-container\">\n        <div class=\"thumbnails\" ref=\"thumbnailsRef\">\n          <img \n            v-for=\"(photo, i) in photos\" \n            :key=\"i\"\n            :src=\"photo\"\n            @click=\"jumpTo(i)\"\n            :class=\"['thumbnail', { active: i === currentIndex }]\"\n            :ref=\"el => i === currentIndex && scrollToThumb(el)\" \n          />\n        </div>\n      </div>\n    </template>\n\n  </div>\n</template>\n\n<style scoped>\n.photo-viewer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background: #fff;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n}\n\n.slider-track {\n  display: flex;\n  height: 100%;\n  cursor: grab;\n  backface-visibility: hidden;\n}\n\n.slider-track:active {\n  cursor: grabbing;\n}\n\n.slide {\n  flex: 0 0 100%;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  transform-origin: center;\n  pointer-events: none;\n  backface-visibility: hidden;\n}\n\n.thumbnails-container {\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 100%;\n  z-index: 1;\n}\n\n.thumbnails {\n  display: flex;\n  gap: 0.25rem;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n.thumbnails::-webkit-scrollbar {\n  display: none;\n}\n\n.thumbnail {\n  width: 4rem;\n  height: 4rem;\n  object-fit: cover;\n  cursor: pointer;\n  transition: opacity 0.2s;\n  border-radius: 0.25rem;\n  flex-shrink: 0;\n}\n\n.thumbnail.active {\n  opacity: 1;\n  border: 1px solid rgb(var(--second));\n}\n\n\n@media (max-width: 768px) {\n  .nav-arrow { display: none; }\n  .thumbnail { width: 3rem; height: 3rem; }\n}\n</style>"],"names":["e"],"mappings":";;;;;;;;;;;;;;;;;;AAME,UAAM,QAAQ;AAOd,UAAM,eAAe,IAAI,CAAC;AAC1B,UAAM,aAAa,IAAI,CAAC;AACxB,UAAM,aAAa,IAAI,KAAK;AAC5B,UAAM,QAAQ,IAAI,CAAC;AACnB,UAAM,MAAM,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG;AAC9B,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,gBAAgB,IAAI,IAAI;AAE9B,QAAI,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,GAAG,YAAY;AAEtE,UAAM,SAAS,SAAS,MAAM,MAAM,QAAQ,SAAS,MAAM,SAAS,MAAM,WAAW,CAAC,MAAM,QAAQ,IAAI,CAAA,CAAE;AAE1G,UAAM,cAAc,SAAS,OAAO;AAAA,MAClC,WAAW,eAAe,WAAW,KAAK;AAAA,MAC1C,YAAY,WAAW,QAAQ,SAAS;AAAA,MACxC,oBAAoB;AAAA,IACxB,EAAI;AAEF,UAAM,WAAW,SAAS,OAAO;AAAA,MAC/B,WAAW,WAAW,MAAM,KAAK,KAAK,MAAM,KAAK,oBAAoB,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC;AAAA,MAClG,oBAAoB;AAAA,IACxB,EAAI;AAEF,UAAM,QAAQ,MAAM;AAClB,YAAM,QAAQ;AACd,UAAI,QAAQ,EAAE,GAAG,GAAG,GAAG,EAAC;AAAA,IAC1B;AAEA,UAAM,OAAO,CAAC,UAAU;AACtB,mBAAa,QAAQ;AACrB,iBAAW,QAAQ,CAAC,QAAQ,OAAO;AACnC,YAAK;AAAA,IACP;AAEA,UAAM,SAAS,CAAC,UAAU;AACxB,iBAAW,QAAQ;AACnB,WAAK,KAAK;AACV,4BAAsB,MAAM,WAAW,QAAQ,KAAK;AAAA,IACtD;AAEA,UAAM,gBAAgB,CAAC,OAAO;AAC5B,UAAI,MAAM,cAAc,OAAO;AAC7B,cAAM,YAAY,cAAc;AAChC,cAAM,QAAQ;AACd,cAAM,OAAO,MAAM,aAAa,UAAU,cAAc,IAAI,MAAM,cAAc;AAChF,kBAAU,SAAS,EAAE,MAAM,UAAU,SAAQ,CAAE;AAAA,MACjD;AAAA,IACF;AAEA,UAAM,QAAQ,CAAC,MAAM;AACnB,YAAM,IAAI,EAAE,UAAU,CAAC,KAAK;AAC5B,aAAO,CAAC,EAAE,SAAS,EAAE,OAAO;AAAA,IAC9B;AAEA,UAAM,YAAY,MAAM;AACtB,UAAI,MAAM,SAAS,KAAK,CAAC,MAAM,MAAO,QAAO,MAAK;AAElD,YAAM,EAAE,cAAc,IAAI,eAAe,GAAE,IAAK,MAAM;AACtD,YAAM,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,OAAO,WAAW;AACvD,YAAM,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC;AAEtC,YAAM,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI,MAAM,QAAQ,MAAM,IAAI,MAAM,KAAK;AACtE,YAAM,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI,MAAM,QAAQ,MAAM,IAAI,MAAM,KAAK;AAEtE,UAAI,MAAM,IAAI,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC;AACzD,UAAI,MAAM,IAAI,KAAK,IAAI,CAAC,MAAM,KAAK,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC;AAAA,IAC3D;AAEA,UAAM,OAAO,CAAC,UAAU,IAAI,OAAO;AACjC,UAAI,CAAC,MAAM,MAAO;AAElB,iBAAW,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,QAAQ,CAAC;AAC5C,YAAM,OAAO,MAAM,MAAM,sBAAqB;AAC9C,YAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO,KAAK,QAAQ,GAAG,KAAK,KAAK,MAAM,KAAK,SAAS,CAAC;AAClF,YAAM,SAAS,WAAW,MAAM;AAEhC,UAAI,MAAM,KAAM,KAAK,MAAM,SAAU,SAAS;AAC9C,UAAI,MAAM,KAAM,KAAK,MAAM,SAAU,SAAS;AAC9C,YAAM,QAAQ;AACd,gBAAS;AAAA,IACX;AAEA,UAAM,YAAY,CAAC,MAAM;AACvB,UAAI,EAAE,SAAS,YAAa,GAAE,eAAc;AAC5C,iBAAW,QAAQ;AACnB,UAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC;AAEpB,YAAM,aAAa,MAAM,QAAQ,IAC7B,CAACA,OAAM;AACL,YAAI,CAAC,WAAW,MAAO;AACvB,YAAIA,GAAE,SAAS,YAAa,CAAAA,GAAE,eAAc;AAC5C,cAAM,CAAC,IAAI,EAAE,IAAI,MAAMA,EAAC;AACxB,YAAI,MAAM,MAAM,KAAK,KAAK,MAAM;AAChC,YAAI,MAAM,MAAM,KAAK,KAAK,MAAM;AAChC,kBAAS;AACT,SAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE;AAAA,MAClB,IACA,CAACA,OAAM;AACL,YAAI,CAAC,WAAW,MAAO;AACvB,YAAIA,GAAE,SAAS,YAAa,CAAAA,GAAE,eAAc;AAC5C,gBAAQ,MAAMA,EAAC,EAAE,CAAC,IAAI;AACtB,mBAAW,QAAQ,QAAQ,aAAa,QAAQ,OAAO;AAAA,MACzD;AAEJ,YAAM,YAAY,MAAM;AACtB,mBAAW,QAAQ;AACnB,YAAI,MAAM,SAAS,KAAK,KAAK,IAAI,KAAK,IAAI,OAAO,aAAa,GAAG;AAC/D,eAAK,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,MAAM,SAAS,GAAG,aAAa,SAAS,QAAQ,IAAI,KAAK,EAAE,CAAC,CAAC;AAAA,QAChG,WAAW,MAAM,SAAS,GAAG;AAC3B,eAAK,aAAa,KAAK;AAAA,QACzB;AACA,gBAAQ;AACR,iBAAS,oBAAoB,aAAa,YAAY,EAAE,SAAS,MAAM;AACvE,iBAAS,oBAAoB,WAAW,WAAW,EAAE,SAAS,MAAM;AACpE,iBAAS,oBAAoB,aAAa,YAAY,EAAE,SAAS,OAAO;AACxE,iBAAS,oBAAoB,YAAY,WAAW,EAAE,SAAS,MAAM;AAAA,MACvE;AAEA,UAAI,MAAM,SAAS,EAAG,UAAS;AAC/B,eAAS,iBAAiB,aAAa,YAAY,EAAE,SAAS,MAAM;AACpE,eAAS,iBAAiB,WAAW,WAAW,EAAE,SAAS,MAAM;AACjE,eAAS,iBAAiB,aAAa,YAAY,EAAE,SAAS,OAAO;AACrE,eAAS,iBAAiB,YAAY,WAAW,EAAE,SAAS,MAAM;AAAA,IACpE;AAEA,UAAM,mBAAmB,CAAC,MAAM;AAC9B,UAAI,EAAE,QAAQ,WAAW,GAAG;AAC1B,qBAAa,SAAS;AACtB,cAAM,CAAC,IAAI,EAAE,IAAI,EAAE;AACnB,oBAAY,KAAK,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO;AACvE,qBAAa,MAAM;AAAA,MACrB,OAAO;AACL,oBAAY,WAAW,MAAM,UAAU,CAAC,GAAG,EAAE;AAAA,MAC/C;AAAA,IACF;AAEA,UAAM,kBAAkB,CAAC,MAAM;AAC7B,UAAI,EAAE,QAAQ,WAAW,KAAK,CAAC,WAAW,OAAO;AAC/C,qBAAa,SAAS;AACtB,UAAE,eAAc;AAChB,cAAM,CAAC,IAAI,EAAE,IAAI,EAAE;AACnB,cAAM,OAAO,KAAK,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO;AACxE,aAAK,cAAc,OAAO,aAAa,GAAG,UAAU,GAAG,WAAW,IAAI,GAAG,UAAU,GAAG,WAAW,CAAC;AAAA,MACpG;AAAA,IACF;AAEA,UAAM,iBAAiB,MAAM;AAC3B,mBAAa,SAAS;AACtB,kBAAY;AAAA,IACd;AAEA,UAAM,cAAc,CAAC,MAAM;AACzB,mBAAa,UAAU;AACvB,mBAAa,WAAW,MAAM,KAAK,MAAM,SAAS,EAAE,SAAS,IAAI,OAAO,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,EAAE;AAAA,IACzG;AAEA,UAAM,YAAY,CAAC,MAAM;AACvB,YAAM,MAAM,EAAE,WAAW,IAAI,YAAY,EAAC,EAAG,EAAE,GAAG;AAClD,UAAI,IAAK,MAAK,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,MAAM,SAAS,GAAG,aAAa,QAAQ,GAAG,CAAC,CAAC;AAAA,IACxF;AAEA,UAAM,MAAM,MAAM,cAAc,CAAC,MAAM,KAAK,QAAQ,OAAO,CAAC,CAAC;AAE7D,cAAU,MAAM;AACd,aAAO,iBAAiB,WAAW,WAAW,EAAE,SAAS,MAAM;AAC/D,aAAO,MAAM,gBAAgB,CAAC;AAAA,IAChC,CAAC;AAED,oBAAgB,MAAM;AACpB,aAAO,oBAAoB,WAAW,SAAS;AAC/C,mBAAa,UAAU;AACvB,mBAAa,SAAS;AAAA,IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Popup/Popup.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.vue.cjs","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n  <transition name=\"moveFromTop\">\n    <teleport to=\"body\" v-if=\"isPopupOpen\">\n      <div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"z-index-6 popup-wrapper\"\n        :class=\"{\n          'pd-t-extra': MOBILE_APP === 'ios',\n          [alignClass]: true\n        }\"\n      >\n        <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n          <section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n            <h4 v-if=\"title\" class=\"mn-b-medium\">{{title}}</h4>\n            <IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5\"/>\n            <slot></slot>\n          </section>  \n        </transition>\n\n        <div \n          @click=\"closePopup()\" \n          :class=\"{'active':isPopupOpen === true}\" \n          class=\"color-overlay z-index-3\">\n        </div>\n      </div>\n    </teleport>\n  </transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n  style: String,\n  title: String,\n  align: {\n    type: String,\n    default: 'center center',\n    validator: (value) => {\n      const validAlignments = [\n        'top left', 'top center', 'top right',\n        'center left', 'center center', 'center right',\n        'bottom left', 'bottom center', 'bottom right'\n      ];\n      return validAlignments.includes(value);\n    }\n  }\n});\n\nconst emits = defineEmits(['close-popup'])\n\n// Compute the alignment class from the align prop\nconst alignClass = computed(() => {\n  return `align-${props.align.replace(/\\s+/g, '-')}`;\n});\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {},\n    ru: {}\n  }\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n  .no-scroll {\n    overflow: hidden;\n\n    #view {\n      overflow: hidden;\n    }\n  }\n\n  .popup-wrapper {\n    display: flex;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: 40;\n\n    /* Default alignment - center center */\n    &.align-center-center {\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Top alignments */\n    &.align-top-left {\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n    \n    &.align-top-center {\n      align-items: flex-start;\n      justify-content: center;\n    }\n    \n    &.align-top-right {\n      align-items: flex-start;\n      justify-content: flex-end;\n    }\n\n    /* Center alignments */\n    &.align-center-left {\n      align-items: center;\n      justify-content: flex-start;\n    }\n    \n    &.align-center-right {\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    /* Bottom alignments */\n    &.align-bottom-left {\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n    \n    &.align-bottom-center {\n      align-items: flex-end;\n      justify-content: center;\n    }\n    \n    &.align-bottom-right {\n      align-items: flex-end;\n      justify-content: flex-end;\n    }\n\n    .popup {\n      position: absolute;\n      height: auto;\n      padding: 2rem;\n      min-width: 24rem;\n      border-radius: 2rem;\n      overflow: hidden;\n      color: white;\n      background: black;\n      z-index: 40;\n    }\n  }\n\n  .color-overlay {\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.0);\n    pointer-events: none;\n    transform: scale(1.5);\n    transition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n    \n    &.active {\n      background: rgba(#000,0.25);\n      pointer-events: all;\n    }\n  }\n</style>"],"names":["computed","watch","useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,QAAQ;AAqBd,UAAM,QAAQ;AAGd,UAAM,aAAaA,IAAQ,SAAC,MAAM;AAChC,aAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,IAClD,CAAC;AAED,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEAC,QAAK,MAAC,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGaC,cAAQ,SAAA;AACPC,cAAS,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Popup.vue.cjs","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n  <transition name=\"moveFromTop\">\n    <teleport to=\"body\" v-if=\"isPopupOpen\">\n      <div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"z-index-6 popup-wrapper\"\n        :class=\"{\n          'pd-t-extra': MOBILE_APP === 'ios',\n          [alignClass]: true\n        }\"\n      >\n        <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n          <section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n            <h4 v-if=\"title\" class=\"mn-b-medium\">{{title}}</h4>\n            <IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5\"/>\n            <slot></slot>\n          </section>  \n        </transition>\n\n        <div \n          @click=\"closePopup()\" \n          :class=\"{'active':isPopupOpen === true}\" \n          class=\"color-overlay z-index-3\">\n        </div>\n      </div>\n    </teleport>\n  </transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n  style: String,\n  title: String,\n  align: {\n    type: String,\n    default: 'center center',\n    validator: (value) => {\n      const validAlignments = [\n        'top left', 'top center', 'top right',\n        'center left', 'center center', 'center right',\n        'bottom left', 'bottom center', 'bottom right'\n      ];\n      return validAlignments.includes(value);\n    }\n  }\n});\n\nconst emits = defineEmits(['close-popup'])\n\n// Compute the alignment class from the align prop\nconst alignClass = computed(() => {\n  return `align-${props.align.replace(/\\s+/g, '-')}`;\n});\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {},\n    ru: {}\n  }\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n  .no-scroll {\n    overflow: hidden;\n\n    #view {\n      overflow: hidden;\n    }\n  }\n\n  .popup-wrapper {\n    display: flex;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: 40;\n\n    /* Default alignment - center center */\n    &.align-center-center {\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Top alignments */\n    &.align-top-left {\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n    \n    &.align-top-center {\n      align-items: flex-start;\n      justify-content: center;\n    }\n    \n    &.align-top-right {\n      align-items: flex-start;\n      justify-content: flex-end;\n    }\n\n    /* Center alignments */\n    &.align-center-left {\n      align-items: center;\n      justify-content: flex-start;\n    }\n    \n    &.align-center-right {\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    /* Bottom alignments */\n    &.align-bottom-left {\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n    \n    &.align-bottom-center {\n      align-items: flex-end;\n      justify-content: center;\n    }\n    \n    &.align-bottom-right {\n      align-items: flex-end;\n      justify-content: flex-end;\n    }\n\n    .popup {\n      position: absolute;\n      height: auto;\n      padding: 2rem;\n      min-width: 24rem;\n      border-radius: 2rem;\n      overflow: hidden;\n      color: white;\n      background: black;\n      z-index: 40;\n    }\n  }\n\n  .color-overlay {\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.0);\n    pointer-events: none;\n    transform: scale(1.5);\n    transition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n    \n    &.active {\n      background: rgba(#000,0.25);\n      pointer-events: all;\n    }\n  }\n</style>"],"names":["computed","watch","useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,QAAQ;AAqBd,UAAM,QAAQ;AAGd,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,IAClD,CAAC;AAED,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEAC,QAAAA,MAAM,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MACzC,OAAO;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC5C;AAAA,IACF,CAAC;AAGaC,cAAAA,SAAQ;AACPC,cAAAA,UAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Popup.vue.js","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n  <transition name=\"moveFromTop\">\n    <teleport to=\"body\" v-if=\"isPopupOpen\">\n      <div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"z-index-6 popup-wrapper\"\n        :class=\"{\n          'pd-t-extra': MOBILE_APP === 'ios',\n          [alignClass]: true\n        }\"\n      >\n        <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n          <section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n            <h4 v-if=\"title\" class=\"mn-b-medium\">{{title}}</h4>\n            <IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5\"/>\n            <slot></slot>\n          </section>  \n        </transition>\n\n        <div \n          @click=\"closePopup()\" \n          :class=\"{'active':isPopupOpen === true}\" \n          class=\"color-overlay z-index-3\">\n        </div>\n      </div>\n    </teleport>\n  </transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n  style: String,\n  title: String,\n  align: {\n    type: String,\n    default: 'center center',\n    validator: (value) => {\n      const validAlignments = [\n        'top left', 'top center', 'top right',\n        'center left', 'center center', 'center right',\n        'bottom left', 'bottom center', 'bottom right'\n      ];\n      return validAlignments.includes(value);\n    }\n  }\n});\n\nconst emits = defineEmits(['close-popup'])\n\n// Compute the alignment class from the align prop\nconst alignClass = computed(() => {\n  return `align-${props.align.replace(/\\s+/g, '-')}`;\n});\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {},\n    ru: {}\n  }\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n  .no-scroll {\n    overflow: hidden;\n\n    #view {\n      overflow: hidden;\n    }\n  }\n\n  .popup-wrapper {\n    display: flex;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: 40;\n\n    /* Default alignment - center center */\n    &.align-center-center {\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Top alignments */\n    &.align-top-left {\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n    \n    &.align-top-center {\n      align-items: flex-start;\n      justify-content: center;\n    }\n    \n    &.align-top-right {\n      align-items: flex-start;\n      justify-content: flex-end;\n    }\n\n    /* Center alignments */\n    &.align-center-left {\n      align-items: center;\n      justify-content: flex-start;\n    }\n    \n    &.align-center-right {\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    /* Bottom alignments */\n    &.align-bottom-left {\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n    \n    &.align-bottom-center {\n      align-items: flex-end;\n      justify-content: center;\n    }\n    \n    &.align-bottom-right {\n      align-items: flex-end;\n      justify-content: flex-end;\n    }\n\n    .popup {\n      position: absolute;\n      height: auto;\n      padding: 2rem;\n      min-width: 24rem;\n      border-radius: 2rem;\n      overflow: hidden;\n      color: white;\n      background: black;\n      z-index: 40;\n    }\n  }\n\n  .color-overlay {\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.0);\n    pointer-events: none;\n    transform: scale(1.5);\n    transition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n    \n    &.active {\n      background: rgba(#000,0.25);\n      pointer-events: all;\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,QAAQ;AAqBd,UAAM,QAAQ;AAGd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,IAClD,CAAC;AAED,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEA,UAAM,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGa,aAAQ;AACP,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Popup.vue.js","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n  <transition name=\"moveFromTop\">\n    <teleport to=\"body\" v-if=\"isPopupOpen\">\n      <div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"z-index-6 popup-wrapper\"\n        :class=\"{\n          'pd-t-extra': MOBILE_APP === 'ios',\n          [alignClass]: true\n        }\"\n      >\n        <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n          <section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n            <h4 v-if=\"title\" class=\"mn-b-medium\">{{title}}</h4>\n            <IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-medium mn-r-medium hover-scale-1 i-medium z-index-5\"/>\n            <slot></slot>\n          </section>  \n        </transition>\n\n        <div \n          @click=\"closePopup()\" \n          :class=\"{'active':isPopupOpen === true}\" \n          class=\"color-overlay z-index-3\">\n        </div>\n      </div>\n    </teleport>\n  </transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\n// import { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n    type: Boolean,\n    default: false\n  },\n  style: String,\n  title: String,\n  align: {\n    type: String,\n    default: 'center center',\n    validator: (value) => {\n      const validAlignments = [\n        'top left', 'top center', 'top right',\n        'center left', 'center center', 'center right',\n        'bottom left', 'bottom center', 'bottom right'\n      ];\n      return validAlignments.includes(value);\n    }\n  }\n});\n\nconst emits = defineEmits(['close-popup'])\n\n// Compute the alignment class from the align prop\nconst alignClass = computed(() => {\n  return `align-${props.align.replace(/\\s+/g, '-')}`;\n});\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  messages: {\n    en: {},\n    ru: {}\n  }\n}\n// const { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n  .no-scroll {\n    overflow: hidden;\n\n    #view {\n      overflow: hidden;\n    }\n  }\n\n  .popup-wrapper {\n    display: flex;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: 40;\n\n    /* Default alignment - center center */\n    &.align-center-center {\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Top alignments */\n    &.align-top-left {\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n    \n    &.align-top-center {\n      align-items: flex-start;\n      justify-content: center;\n    }\n    \n    &.align-top-right {\n      align-items: flex-start;\n      justify-content: flex-end;\n    }\n\n    /* Center alignments */\n    &.align-center-left {\n      align-items: center;\n      justify-content: flex-start;\n    }\n    \n    &.align-center-right {\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    /* Bottom alignments */\n    &.align-bottom-left {\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n    \n    &.align-bottom-center {\n      align-items: flex-end;\n      justify-content: center;\n    }\n    \n    &.align-bottom-right {\n      align-items: flex-end;\n      justify-content: flex-end;\n    }\n\n    .popup {\n      position: absolute;\n      height: auto;\n      padding: 2rem;\n      min-width: 24rem;\n      border-radius: 2rem;\n      overflow: hidden;\n      color: white;\n      background: black;\n      z-index: 40;\n    }\n  }\n\n  .color-overlay {\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.0);\n    pointer-events: none;\n    transform: scale(1.5);\n    transition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n    \n    &.active {\n      background: rgba(#000,0.25);\n      pointer-events: all;\n    }\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAM,QAAQ;AAqBd,UAAM,QAAQ;AAGd,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,SAAS,MAAM,MAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,IAClD,CAAC;AAED,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEA,UAAM,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MACzC,OAAO;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC5C;AAAA,IACF,CAAC;AAGa,aAAQ;AACP,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Select/{Select.vue.cjs → Select.vue2.cjs}

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const clickOutside = require("../FieldPhone/click-outside.cjs");
+;/* empty css             */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   key: 0,
@@ -52,11 +53,10 @@ const _sfc_main = {
       optionsSelected.value = props.property ? findObjectByValue(props.select, props.property, props.options) : props.select;
     });
     const toggleMenu = async () => {
-      var _a;
       showMenu.value = !showMenu.value;
       if (showMenu.value) {
         await vue.nextTick();
-        (_a = fieldWrapper.value) == null ? void 0 : _a.focus();
+        fieldWrapper.value?.focus();
         emit("focus");
       } else {
         emit("blur");
@@ -131,4 +131,4 @@ const _sfc_main = {
 };
 const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-849e5dfe"]]);
 exports.default = Select;
-//# sourceMappingURL=Select.vue.cjs.map
+//# sourceMappingURL=Select.vue2.cjs.map

package/dist/martyrs/src/components/Select/Select.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue2.cjs","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    ref=\"fieldWrapper\"\n    tabindex=\"0\"\n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer field-wrapper flex-v-center flex-nowrap flex pos-relative\"\n  >\n    <!-- Label -->\n    <span v-if=\"label\" class=\"t-transp mn-r-small\">{{label}}</span>\n    \n    <!-- Input -->\n    <span>\n      {{ optionsSelected ? (optionsSelected.name || optionsSelected[props.value] || optionsSelected) : placeholder  }}\n    </span>\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 pd-small radius-small bg-white mn-t-thin w-100\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"radius-thin hover-bg-light pd-thin text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n  <!-- Validation -->\n  <transition mode=\"out-in\" name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<script setup>\nimport { ref, computed, watch, nextTick } from 'vue'\nimport clickOutside from '../FieldPhone/click-outside.js';\nlet vClickOutside = clickOutside\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\nconst props = defineProps({\n  label: String,\n  placeholder: { type: String, default: 'Please select an item' },\n  select: [String, Object],\n  property: String,\n  value: String,\n  options: { type: Array, default: () => [] },\n  validation: Boolean,\n})\nconst showMenu = ref(false)\nconst fieldWrapper = ref(null)\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\nconst toggleMenu = async () => {\n  showMenu.value = !showMenu.value\n  \n  if (showMenu.value) {\n    await nextTick()\n    fieldWrapper.value?.focus()\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n}\nfunction clickedOutside () {\n  showMenu.value = false\n}\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\n}\nfunction findObjectByValue (value, property, objects) {\n  for (const object of objects) {\n    if (object[property] === value || object === value) {\n      return object;\n    }\n  }\n  return null;\n}\n</script>\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n  ul li {\n    line-height: 2;\n  }\n  .field-wrapper:focus {\n    outline: none;\n  }\n</style>"],"names":["clickOutside","ref","computed","watch","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,QAAI,gBAAgBA,aAAAA;AACpB,UAAM,OAAO;AAKb,UAAM,QAAQ;AASd,UAAM,WAAWC,IAAAA,IAAI,KAAK;AAC1B,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAC7B,UAAM,kBAAkBA,IAAAA;AAAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AACA,UAAM,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AACDC,QAAAA,MAAM,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AACD,UAAM,aAAa,YAAY;AAC7B,eAAS,QAAQ,CAAC,SAAS;AAE3B,UAAI,SAAS,OAAO;AAClB,cAAMC,IAAAA,SAAQ;AACd,qBAAa,OAAO,MAAK;AACzB,aAAK,OAAO;AAAA,MACd,OAAO;AACL,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AACA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AACA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AACV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC7D,OAAO;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC7C;AAAA,IACF;AACA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Select/{Select.vue.js → Select.vue2.js}

@@ -1,5 +1,6 @@
 import { ref, computed, watch, createElementBlock, openBlock, Fragment, withDirectives, createVNode, normalizeClass, withModifiers, createCommentVNode, createElementVNode, toDisplayString, Transition, withCtx, renderList, vShow, unref, nextTick } from "vue";
 import clickOutside from "../FieldPhone/click-outside.js";
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,
@@ -50,11 +51,10 @@ const _sfc_main = {
       optionsSelected.value = props.property ? findObjectByValue(props.select, props.property, props.options) : props.select;
     });
     const toggleMenu = async () => {
-      var _a;
       showMenu.value = !showMenu.value;
       if (showMenu.value) {
         await nextTick();
-        (_a = fieldWrapper.value) == null ? void 0 : _a.focus();
+        fieldWrapper.value?.focus();
         emit("focus");
       } else {
         emit("blur");
@@ -131,4 +131,4 @@ const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-849
 export {
   Select as default
 };
-//# sourceMappingURL=Select.vue.js.map
+//# sourceMappingURL=Select.vue2.js.map