@ozdao/martyrs 0.2.485 → 0.2.487

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\">\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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, mergeProps, createElementVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "media-container" };
+const _hoisted_1 = { class: "media-container pos-relative" };
 const _hoisted_2 = ["src", "data-src", "alt"];
 const _hoisted_3 = ["controls", "loop", "muted", "autoplay", "playsinline", "preload"];
 const _hoisted_4 = ["src", "type"];
@@ -146,7 +146,7 @@ const _sfc_main = {
     };
   }
 };
-const Media = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1f94a0e9"]]);
+const Media = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b5d5974f"]]);
 export {
   Media as default
 };

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\">\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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css           */
+;/* empty css            */
 const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
 const _sfc_main = {
   __name: "Menu",
@@ -14,4 +14,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Menu.vue2.cjs.map
+//# sourceMappingURL=Menu.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, renderSlot } from "vue";
-/* empty css         */
+/* empty css          */
 const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
 const _sfc_main = {
   __name: "Menu",
@@ -14,4 +14,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Menu.vue2.js.map
+//# sourceMappingURL=Menu.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
-;/* empty css            */
+;/* empty css             */
 const _hoisted_1 = {
   key: 0,
   class: "mn-b-medium"
@@ -101,4 +101,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Popup.vue2.cjs.map
+//# sourceMappingURL=Popup.vue.cjs.map

package/dist/martyrs/src/components/Popup/{Popup.vue2.js.map → Popup.vue.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Popup.vue2.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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { computed, watch, createBlock, openBlock, Transition, withCtx, createCommentVNode, Teleport, createElementBlock, normalizeClass, createVNode, createElementVNode, mergeProps, renderSlot, toDisplayString } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
-/* empty css          */
+/* empty css           */
 const _hoisted_1 = {
   key: 0,
   class: "mn-b-medium"
@@ -101,4 +101,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Popup.vue2.js.map
+//# sourceMappingURL=Popup.vue.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -74,7 +74,7 @@ const _sfc_main = {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           onClick: vue.withModifiers(toggleMenu, ["stop"]),
-          class: vue.normalizeClass([_ctx.$attrs.class, "cursor-pointer flex-v-center flex-nowrap flex pos-relative"])
+          class: vue.normalizeClass([_ctx.$attrs.class, "cursor-pointer field-wrapper flex-v-center flex-nowrap flex pos-relative"])
         }, [
           __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("span", null, vue.toDisplayString(optionsSelected.value ? optionsSelected.value.name || optionsSelected.value[props.value] || optionsSelected.value : __props.placeholder), 1),
@@ -117,6 +117,6 @@ const _sfc_main = {
     };
   }
 };
-const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-89d423c5"]]);
+const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-d73e3595"]]);
 exports.default = Select;
 //# sourceMappingURL=Select.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.vue.cjs","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer 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\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        :class=\"$attrs.class\"\n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n\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\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\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})\n\nconst showMenu = ref(false)\n\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\n\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\n\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\n\nconst toggleMenu = () => {\n  showMenu.value = !showMenu.value\n\n  emit(showMenu.value ? 'focus' : 'blur')\n}\n\nfunction clickedOutside () {\n  showMenu.value = false\n}\n\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\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\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n\n  ul li {\n    line-height: 2;\n  }\n</style>\n"],"names":["clickOutside","ref","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,QAAI,gBAAgBA,aAAAA;AAEpB,UAAM,OAAO;AAMb,UAAM,QAAQ;AAUd,UAAM,WAAWC,IAAG,IAAC,KAAK;AAE1B,UAAM,kBAAkBA,IAAG;AAAA,MACzB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AAEA,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AAEDC,QAAK,MAAC,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AAED,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAE3B,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IACxC;AAEA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AAEV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC/D,OAAS;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC/C;AAAA,IACA;AAEA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACb;AAAA,MACA;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Select.vue.cjs","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \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\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        :class=\"$attrs.class\"\n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n\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\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\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})\n\nconst showMenu = ref(false)\n\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\n\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\n\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\n\nconst toggleMenu = () => {\n  showMenu.value = !showMenu.value\n\n  emit(showMenu.value ? 'focus' : 'blur')\n}\n\nfunction clickedOutside () {\n  showMenu.value = false\n}\n\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\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\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n\n  ul li {\n    line-height: 2;\n  }\n</style>\n"],"names":["clickOutside","ref","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,QAAI,gBAAgBA,aAAAA;AAEpB,UAAM,OAAO;AAMb,UAAM,QAAQ;AAUd,UAAM,WAAWC,IAAG,IAAC,KAAK;AAE1B,UAAM,kBAAkBA,IAAG;AAAA,MACzB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AAEA,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AAEDC,QAAK,MAAC,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AAED,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAE3B,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IACxC;AAEA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AAEV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC/D,OAAS;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC/C;AAAA,IACA;AAEA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACb;AAAA,MACA;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -72,7 +72,7 @@ const _sfc_main = {
       return openBlock(), createElementBlock(Fragment, null, [
         withDirectives((openBlock(), createElementBlock("div", {
           onClick: withModifiers(toggleMenu, ["stop"]),
-          class: normalizeClass([_ctx.$attrs.class, "cursor-pointer flex-v-center flex-nowrap flex pos-relative"])
+          class: normalizeClass([_ctx.$attrs.class, "cursor-pointer field-wrapper flex-v-center flex-nowrap flex pos-relative"])
         }, [
           __props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
           createElementVNode("span", null, toDisplayString(optionsSelected.value ? optionsSelected.value.name || optionsSelected.value[props.value] || optionsSelected.value : __props.placeholder), 1),
@@ -115,7 +115,7 @@ const _sfc_main = {
     };
   }
 };
-const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-89d423c5"]]);
+const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d73e3595"]]);
 export {
   Select as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Select.vue.js","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \n    @click.stop=\"toggleMenu\"  \n    v-click-outside=\"clickedOutside\" \n    :class=\"$attrs.class\" \n    class=\"cursor-pointer 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\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        :class=\"$attrs.class\"\n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n\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\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\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})\n\nconst showMenu = ref(false)\n\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\n\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\n\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\n\nconst toggleMenu = () => {\n  showMenu.value = !showMenu.value\n\n  emit(showMenu.value ? 'focus' : 'blur')\n}\n\nfunction clickedOutside () {\n  showMenu.value = false\n}\n\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\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\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n\n  ul li {\n    line-height: 2;\n  }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,QAAI,gBAAgB;AAEpB,UAAM,OAAO;AAMb,UAAM,QAAQ;AAUd,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,kBAAkB;AAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AAEA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AAED,UAAM,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AAED,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAE3B,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IACxC;AAEA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AAEV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC/D,OAAS;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC/C;AAAA,IACA;AAEA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACb;AAAA,MACA;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Select.vue.js","sources":["../../../../../src/components/Select/Select.vue"],"sourcesContent":["<template>\n  <!-- Input Wrapper -->\n  <div \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\n    <!-- Dropdown menu -->\n    <transition mode=\"out-in\" name=\"TransitionTranslateY\">\n      <ul \n        v-show=\"showMenu\" \n        :class=\"$attrs.class\"\n        class=\"bs-black pos-absolute pos-t-100 pos-l-0 z-index-5 w-100 mn-t-thin\"\n        style=\"min-width: max-content;\"\n      >\n        <li @click.stop=\"selectOption(option)\" v-for=\"option in optionsListed\" class=\"text-box-trim\">\n          <span v-if=\"option\" class=\"w-100\">\n\n            {{ option.name || option[props.value] || option }}\n          </span>\n        </li>\n      </ul>\n    </transition>\n  </div>\n\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\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst emit = defineEmits([\n  'update:select', \n  'focus', \n  'blur'\n])\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})\n\nconst showMenu = ref(false)\n\nconst optionsSelected = ref(\n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select\n)\n\nconst optionsListed = computed(() => {\n  return props.select \n  ? props.options.filter(option => option !== props.select) \n  : props.options\n})\n\nwatch(() => props.select, (newSelect) => {\n  optionsSelected.value = \n  props.property \n  ? findObjectByValue(props.select, props.property, props.options) \n  : props.select;\n});\n\nconst toggleMenu = () => {\n  showMenu.value = !showMenu.value\n\n  emit(showMenu.value ? 'focus' : 'blur')\n}\n\nfunction clickedOutside () {\n  showMenu.value = false\n}\n\nconst selectOption = option => {\n  optionsSelected.value = option\n  \n  toggleMenu()\n\n  if (props.property) {  \n    emit('update:select', optionsSelected.value[props.property])\n  } else {\n    emit('update:select', optionsSelected.value)\n  }\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\n<style lang=\"scss\" scoped>\n  li {\n    list-style-type: none;\n  }\n\n  ul li {\n    line-height: 2;\n  }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,QAAI,gBAAgB;AAEpB,UAAM,OAAO;AAMb,UAAM,QAAQ;AAUd,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,kBAAkB;AAAA,MACtB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV;AAEA,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SACX,MAAM,QAAQ,OAAO,YAAU,WAAW,MAAM,MAAM,IACtD,MAAM;AAAA,IACV,CAAC;AAED,UAAM,MAAM,MAAM,QAAQ,CAAC,cAAc;AACvC,sBAAgB,QAChB,MAAM,WACJ,kBAAkB,MAAM,QAAQ,MAAM,UAAU,MAAM,OAAO,IAC7D,MAAM;AAAA,IACV,CAAC;AAED,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,CAAC,SAAS;AAE3B,WAAK,SAAS,QAAQ,UAAU,MAAM;AAAA,IACxC;AAEA,aAAS,iBAAkB;AACzB,eAAS,QAAQ;AAAA,IACnB;AAEA,UAAM,eAAe,YAAU;AAC7B,sBAAgB,QAAQ;AAExB,iBAAU;AAEV,UAAI,MAAM,UAAU;AAClB,aAAK,iBAAiB,gBAAgB,MAAM,MAAM,QAAQ,CAAC;AAAA,MAC/D,OAAS;AACL,aAAK,iBAAiB,gBAAgB,KAAK;AAAA,MAC/C;AAAA,IACA;AAEA,aAAS,kBAAmB,OAAO,UAAU,SAAS;AACpD,iBAAW,UAAU,SAAS;AAC5B,YAAI,OAAO,QAAQ,MAAM,SAAS,WAAW,OAAO;AAClD,iBAAO;AAAA,QACb;AAAA,MACA;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/EnterCode.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 vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const auth = require("../../store/auth.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/EnterCode.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EnterCode.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterCode.vue"],"sourcesContent":["<template>\n\t<section class=\"t-center pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/message1.png\" class=\"i-extra mn-b-small\"> -->\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.enterCode.verifyNumberTitle') }}\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big t-transp\">{{ t('auth.enterCode.instructions') }}</p>\n\n\t\t<div class=\"w-100 mn-b-big flex-nowrap flex\">\n      \t\t<input \n      \t\t\ttype=\"number\" \n      \t\t\tv-model=\"state.digits[0]\" \n      \t\t\tref=\"firstInput\" \n      \t\t\tmaxlength=\"1\" \n      \t\t\t@input=\"onInput(0)\" \n      \t\t\t@paste=\"($event) => onPaste($event, 0)\" \n      \t\t\t@keydown=\"($event) => onKeyDown($event, 0)\" \n      \t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n      \t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[1]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(1)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 1)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 1)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[2]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(2)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 2)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 2)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[3]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(3)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 3)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 3)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small\"\n\t\t\t>\n    \t</div>\n\n\t\t<a v-if=\"resendTimer < 1\" @click=\"sendAgain\" class=\"t-blue\">\n\t\t\t{{ t('auth.enterCode.resendCode') }}\n\t\t</a>\n\n\t\t<span v-else>\n\t\t\t{{resendTimer}} {{ t('auth.enterCode.secondsResend') }}\n\t\t</span>\n\t</section>\n</template>\n\n<script setup>\n\t// Import components\n\timport Field from '@martyrs/src/components/Field/Field.vue'\n\t// Import libs\n\timport { computed,reactive,ref, onMounted, onBeforeMount, watch } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import state\n\timport * as auth \tfrom '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as twofa \tfrom '@martyrs/src/modules/auth/views/store/twofa.js'\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t\n\tconst state = reactive({\n\t  digits: ['', '', '', ''],\n\t  error: null,\n\t});\n\n\twatch(\n\t    () => state.digits[0],\n\t    (newVal) => {\n\t        if (newVal && String(newVal).length > 1) {\n\t            let newValArray = String(newVal).split('');\n\t            console.log(newValArray);\n\n\t            let newDigits = [...state.digits];\n\t            newValArray.forEach((digit, i) => {\n\t                console.log(i);\n\t                console.log(newDigits[i]);\n\t                console.log(digit);\n\t                newDigits[i] = digit;\n\t            });\n\n\t            state.digits = newDigits;\n\n\t            onInput(3);\n\t        }\n\t    }\n\t);\n\n\tconst firstInput = ref(null);\n\n\tconst resendTimer = ref(0);\n\n\tasync function sendAgain () {\n\t\ttry {\n\t\t  \tawait twofa.sendCode(\n\t\t  \t\tauth.state.user, \n\t\t  \t\troute.query.method, \n\t\t  \t\troute.query.type, \n\t\t  \t)\n\n\t\t  \tresendTimer.value = 30;\n\n\t     \t// Start the timer using `setInterval()`\n\t      \tconst timer = setInterval(() => {\n\t\t        if (resendTimer.value > 0) {\n\t\t          // Decrement the timer by 1 second\n\t\t          resendTimer.value -= 1;\n\t\t        } else {\n\t\t          // Stop the timer when it reaches 0 seconds\n\t\t          clearInterval(timer);\n\t\t        }\n\t\t     }, 1000);\n\t  } catch (error) {\n\t\t\tsetError({ response: {data: { errorCode: \"CODE_NOT_SENT\"}}})\n\t\t}\n\t}\n\n\n\tconst onKeyDown = (event, index) => {\n\t    if (event.key === \"Backspace\" && (state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '')) {\n\t        event.preventDefault();\n\n\t        const inputs = document.querySelectorAll('input');\n\t        const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t        if (prevInput) {\n\t            prevInput.focus();\n\t            prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);\n\t        }\n\t    }\n\t};\n\n\t// const onPaste = (event, index) => {\n\t//   event.preventDefault();\n\t//   const pastedData = event.clipboardData.getData('text/plain');\n\t  \n\t//   // Проверим, что вставленный текст состоит только из 4 цифр\n\t//   if (/^\\d{4}$/.test(pastedData)) {\n\t//     for (let i = 0; i < 4; i++) {\n\t//       state.digits[index + i] = pastedData[i];\n\t//     }\n\t//     onInput(index + 3); // Вызываем обработчик onInput для последнего инпута, чтобы обработать логику ввода\n\t//   } else {\n\t//    \tsetError({ response: {data: { errorCode: \"INPUT_ERROR\"}}})\n\t//   }\n\t// };\n\n\tconst onInput = (index) => {\n\t    const inputs = document.querySelectorAll('input');\n\t    const nextInput = inputs[index + 1];\n\t    const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t    // Переход на следующий инпут\n\t    if (state.digits[index] !== '' && state.digits[index] !== null && state.digits[index] !== undefined && index < 4) {\n\t        if (index < 3) nextInput.focus();\n\t        else firstInput.value.focus();\n\t    }\n\n\t    // Переход на предыдущий инпут при удалении\n\t    if ((state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '') && index > 0) {\n\t        prevInput.focus();\n\t    }\n\n\t    // Проверка введенного кода\n\t    if (state.digits.every(digit => digit !== '')) {\n\t        const enteredCode = state.digits.join('');\n\t        const correctCode = twofa.state.code.code.toString();\n\n\t        if (enteredCode === correctCode) {\n\t            twofa.state.code.isValid = true;\n\n\t            router.push({\n\t                path: '/auth/enter-password',\n\t                query: { type: twofa.state.code.type, method: route.query.method, returnUrl: route.query.returnUrl }\n\t            });\n\n\t        } else {\n\t            setError({ response: {data: { errorCode: \"WRONG_CODE\"}}})\n\t            firstInput.value.focus()\n\t            state.digits = ['', '', '', ''];\n\t        }\n\t    }\n\t};\n</script>"],"names":["useRoute","useRouter","useI18n","reactive","watch","ref","twofa.sendCode","auth.state","setError","twofa.state"],"mappings":"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"}
+{"version":3,"file":"EnterCode.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterCode.vue"],"sourcesContent":["<template>\n\t<section class=\"t-center pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/message1.png\" class=\"i-extra mn-b-small\"> -->\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.enterCode.verifyNumberTitle') }}\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big t-transp\">{{ t('auth.enterCode.instructions') }}</p>\n\n\t\t<div class=\"w-100 mn-b-big flex-nowrap flex\">\n      \t\t<input \n      \t\t\ttype=\"number\" \n      \t\t\tv-model=\"state.digits[0]\" \n      \t\t\tref=\"firstInput\" \n      \t\t\tmaxlength=\"1\" \n      \t\t\t@input=\"onInput(0)\" \n      \t\t\t@paste=\"($event) => onPaste($event, 0)\" \n      \t\t\t@keydown=\"($event) => onKeyDown($event, 0)\" \n      \t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n      \t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[1]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(1)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 1)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 1)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[2]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(2)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 2)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 2)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[3]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(3)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 3)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 3)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small\"\n\t\t\t>\n    \t</div>\n\n\t\t<a v-if=\"resendTimer < 1\" @click=\"sendAgain\" class=\"t-blue\">\n\t\t\t{{ t('auth.enterCode.resendCode') }}\n\t\t</a>\n\n\t\t<span v-else>\n\t\t\t{{resendTimer}} {{ t('auth.enterCode.secondsResend') }}\n\t\t</span>\n\t</section>\n</template>\n\n<script setup>\n\t// Import components\n\timport Field from '@martyrs/src/components/Field/Field.vue'\n\t// Import libs\n\timport { computed,reactive,ref, onMounted, onBeforeMount, watch } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import state\n\timport * as auth \tfrom '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as twofa \tfrom '@martyrs/src/modules/auth/views/store/twofa.js'\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t\n\tconst state = reactive({\n\t  digits: ['', '', '', ''],\n\t  error: null,\n\t});\n\n\twatch(\n\t    () => state.digits[0],\n\t    (newVal) => {\n\t        if (newVal && String(newVal).length > 1) {\n\t            let newValArray = String(newVal).split('');\n\t            console.log(newValArray);\n\n\t            let newDigits = [...state.digits];\n\t            newValArray.forEach((digit, i) => {\n\t                console.log(i);\n\t                console.log(newDigits[i]);\n\t                console.log(digit);\n\t                newDigits[i] = digit;\n\t            });\n\n\t            state.digits = newDigits;\n\n\t            onInput(3);\n\t        }\n\t    }\n\t);\n\n\tconst firstInput = ref(null);\n\n\tconst resendTimer = ref(0);\n\n\tasync function sendAgain () {\n\t\ttry {\n\t\t  \tawait twofa.sendCode(\n\t\t  \t\tauth.state.user, \n\t\t  \t\troute.query.method, \n\t\t  \t\troute.query.type, \n\t\t  \t)\n\n\t\t  \tresendTimer.value = 30;\n\n\t     \t// Start the timer using `setInterval()`\n\t      \tconst timer = setInterval(() => {\n\t\t        if (resendTimer.value > 0) {\n\t\t          // Decrement the timer by 1 second\n\t\t          resendTimer.value -= 1;\n\t\t        } else {\n\t\t          // Stop the timer when it reaches 0 seconds\n\t\t          clearInterval(timer);\n\t\t        }\n\t\t     }, 1000);\n\t  } catch (error) {\n\t\t\tsetError({ response: {data: { errorCode: \"CODE_NOT_SENT\"}}})\n\t\t}\n\t}\n\n\n\tconst onKeyDown = (event, index) => {\n\t    if (event.key === \"Backspace\" && (state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '')) {\n\t        event.preventDefault();\n\n\t        const inputs = document.querySelectorAll('input');\n\t        const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t        if (prevInput) {\n\t            prevInput.focus();\n\t            prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);\n\t        }\n\t    }\n\t};\n\n\t// const onPaste = (event, index) => {\n\t//   event.preventDefault();\n\t//   const pastedData = event.clipboardData.getData('text/plain');\n\t  \n\t//   // Проверим, что вставленный текст состоит только из 4 цифр\n\t//   if (/^\\d{4}$/.test(pastedData)) {\n\t//     for (let i = 0; i < 4; i++) {\n\t//       state.digits[index + i] = pastedData[i];\n\t//     }\n\t//     onInput(index + 3); // Вызываем обработчик onInput для последнего инпута, чтобы обработать логику ввода\n\t//   } else {\n\t//    \tsetError({ response: {data: { errorCode: \"INPUT_ERROR\"}}})\n\t//   }\n\t// };\n\n\tconst onInput = (index) => {\n\t    const inputs = document.querySelectorAll('input');\n\t    const nextInput = inputs[index + 1];\n\t    const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t    // Переход на следующий инпут\n\t    if (state.digits[index] !== '' && state.digits[index] !== null && state.digits[index] !== undefined && index < 4) {\n\t        if (index < 3) nextInput.focus();\n\t        else firstInput.value.focus();\n\t    }\n\n\t    // Переход на предыдущий инпут при удалении\n\t    if ((state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '') && index > 0) {\n\t        prevInput.focus();\n\t    }\n\n\t    // Проверка введенного кода\n\t    if (state.digits.every(digit => digit !== '')) {\n\t        const enteredCode = state.digits.join('');\n\t        const correctCode = twofa.state.code.code.toString();\n\n\t        if (enteredCode === correctCode) {\n\t            twofa.state.code.isValid = true;\n\n\t            router.push({\n\t                path: '/auth/enter-password',\n\t                query: { type: twofa.state.code.type, method: route.query.method, returnUrl: route.query.returnUrl }\n\t            });\n\n\t        } else {\n\t            setError({ response: {data: { errorCode: \"WRONG_CODE\"}}})\n\t            firstInput.value.focus()\n\t            state.digits = ['', '', '', ''];\n\t        }\n\t    }\n\t};\n</script>"],"names":["useRoute","useRouter","useI18n","reactive","watch","ref","twofa.sendCode","auth.state","setError","twofa.state"],"mappings":"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"}

package/dist/martyrs/src/modules/auth/views/components/pages/EnterCode.vue.js

@@ -1,4 +1,5 @@
 import { reactive, watch, ref, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, withDirectives, vModelText } from "vue";
+/* empty css                                        */
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { state as state$1 } from "../../store/auth.js";

package/dist/martyrs/src/modules/auth/views/components/pages/EnterCode.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnterCode.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterCode.vue"],"sourcesContent":["<template>\n\t<section class=\"t-center pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/message1.png\" class=\"i-extra mn-b-small\"> -->\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.enterCode.verifyNumberTitle') }}\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big t-transp\">{{ t('auth.enterCode.instructions') }}</p>\n\n\t\t<div class=\"w-100 mn-b-big flex-nowrap flex\">\n      \t\t<input \n      \t\t\ttype=\"number\" \n      \t\t\tv-model=\"state.digits[0]\" \n      \t\t\tref=\"firstInput\" \n      \t\t\tmaxlength=\"1\" \n      \t\t\t@input=\"onInput(0)\" \n      \t\t\t@paste=\"($event) => onPaste($event, 0)\" \n      \t\t\t@keydown=\"($event) => onKeyDown($event, 0)\" \n      \t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n      \t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[1]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(1)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 1)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 1)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[2]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(2)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 2)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 2)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[3]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(3)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 3)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 3)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small\"\n\t\t\t>\n    \t</div>\n\n\t\t<a v-if=\"resendTimer < 1\" @click=\"sendAgain\" class=\"t-blue\">\n\t\t\t{{ t('auth.enterCode.resendCode') }}\n\t\t</a>\n\n\t\t<span v-else>\n\t\t\t{{resendTimer}} {{ t('auth.enterCode.secondsResend') }}\n\t\t</span>\n\t</section>\n</template>\n\n<script setup>\n\t// Import components\n\timport Field from '@martyrs/src/components/Field/Field.vue'\n\t// Import libs\n\timport { computed,reactive,ref, onMounted, onBeforeMount, watch } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import state\n\timport * as auth \tfrom '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as twofa \tfrom '@martyrs/src/modules/auth/views/store/twofa.js'\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t\n\tconst state = reactive({\n\t  digits: ['', '', '', ''],\n\t  error: null,\n\t});\n\n\twatch(\n\t    () => state.digits[0],\n\t    (newVal) => {\n\t        if (newVal && String(newVal).length > 1) {\n\t            let newValArray = String(newVal).split('');\n\t            console.log(newValArray);\n\n\t            let newDigits = [...state.digits];\n\t            newValArray.forEach((digit, i) => {\n\t                console.log(i);\n\t                console.log(newDigits[i]);\n\t                console.log(digit);\n\t                newDigits[i] = digit;\n\t            });\n\n\t            state.digits = newDigits;\n\n\t            onInput(3);\n\t        }\n\t    }\n\t);\n\n\tconst firstInput = ref(null);\n\n\tconst resendTimer = ref(0);\n\n\tasync function sendAgain () {\n\t\ttry {\n\t\t  \tawait twofa.sendCode(\n\t\t  \t\tauth.state.user, \n\t\t  \t\troute.query.method, \n\t\t  \t\troute.query.type, \n\t\t  \t)\n\n\t\t  \tresendTimer.value = 30;\n\n\t     \t// Start the timer using `setInterval()`\n\t      \tconst timer = setInterval(() => {\n\t\t        if (resendTimer.value > 0) {\n\t\t          // Decrement the timer by 1 second\n\t\t          resendTimer.value -= 1;\n\t\t        } else {\n\t\t          // Stop the timer when it reaches 0 seconds\n\t\t          clearInterval(timer);\n\t\t        }\n\t\t     }, 1000);\n\t  } catch (error) {\n\t\t\tsetError({ response: {data: { errorCode: \"CODE_NOT_SENT\"}}})\n\t\t}\n\t}\n\n\n\tconst onKeyDown = (event, index) => {\n\t    if (event.key === \"Backspace\" && (state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '')) {\n\t        event.preventDefault();\n\n\t        const inputs = document.querySelectorAll('input');\n\t        const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t        if (prevInput) {\n\t            prevInput.focus();\n\t            prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);\n\t        }\n\t    }\n\t};\n\n\t// const onPaste = (event, index) => {\n\t//   event.preventDefault();\n\t//   const pastedData = event.clipboardData.getData('text/plain');\n\t  \n\t//   // Проверим, что вставленный текст состоит только из 4 цифр\n\t//   if (/^\\d{4}$/.test(pastedData)) {\n\t//     for (let i = 0; i < 4; i++) {\n\t//       state.digits[index + i] = pastedData[i];\n\t//     }\n\t//     onInput(index + 3); // Вызываем обработчик onInput для последнего инпута, чтобы обработать логику ввода\n\t//   } else {\n\t//    \tsetError({ response: {data: { errorCode: \"INPUT_ERROR\"}}})\n\t//   }\n\t// };\n\n\tconst onInput = (index) => {\n\t    const inputs = document.querySelectorAll('input');\n\t    const nextInput = inputs[index + 1];\n\t    const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t    // Переход на следующий инпут\n\t    if (state.digits[index] !== '' && state.digits[index] !== null && state.digits[index] !== undefined && index < 4) {\n\t        if (index < 3) nextInput.focus();\n\t        else firstInput.value.focus();\n\t    }\n\n\t    // Переход на предыдущий инпут при удалении\n\t    if ((state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '') && index > 0) {\n\t        prevInput.focus();\n\t    }\n\n\t    // Проверка введенного кода\n\t    if (state.digits.every(digit => digit !== '')) {\n\t        const enteredCode = state.digits.join('');\n\t        const correctCode = twofa.state.code.code.toString();\n\n\t        if (enteredCode === correctCode) {\n\t            twofa.state.code.isValid = true;\n\n\t            router.push({\n\t                path: '/auth/enter-password',\n\t                query: { type: twofa.state.code.type, method: route.query.method, returnUrl: route.query.returnUrl }\n\t            });\n\n\t        } else {\n\t            setError({ response: {data: { errorCode: \"WRONG_CODE\"}}})\n\t            firstInput.value.focus()\n\t            state.digits = ['', '', '', ''];\n\t        }\n\t    }\n\t};\n</script>"],"names":["state","twofa.sendCode","auth.state","twofa.state"],"mappings":";;;;;;;;;;;;;;AAwEC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAIxB,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,IACV,CAAA;AAED,UAAMA,UAAQ,SAAS;AAAA,MACrB,QAAQ,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,MACvB,OAAO;AAAA,IACV,CAAE;AAED;AAAA,MACI,MAAMA,QAAM,OAAO,CAAC;AAAA,MACpB,CAAC,WAAW;AACR,YAAI,UAAU,OAAO,MAAM,EAAE,SAAS,GAAG;AACrC,cAAI,cAAc,OAAO,MAAM,EAAE,MAAM,EAAE;AACzC,kBAAQ,IAAI,WAAW;AAEvB,cAAI,YAAY,CAAC,GAAGA,QAAM,MAAM;AAChC,sBAAY,QAAQ,CAAC,OAAO,MAAM;AAC9B,oBAAQ,IAAI,CAAC;AACb,oBAAQ,IAAI,UAAU,CAAC,CAAC;AACxB,oBAAQ,IAAI,KAAK;AACjB,sBAAU,CAAC,IAAI;AAAA,UAChC,CAAc;AAEDA,kBAAM,SAAS;AAEf,kBAAQ,CAAC;AAAA,QACtB;AAAA,MACA;AAAA,IACE;AAED,UAAM,aAAa,IAAI,IAAI;AAE3B,UAAM,cAAc,IAAI,CAAC;AAEzB,mBAAe,YAAa;AAC3B,UAAI;AACD,cAAMC;AAAAA,UACLC,QAAW;AAAA,UACX,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,QAClB;AAEK,oBAAY,QAAQ;AAGjB,cAAM,QAAQ,YAAY,MAAM;AAC9B,cAAI,YAAY,QAAQ,GAAG;AAEzB,wBAAY,SAAS;AAAA,UACjC,OAAiB;AAEL,0BAAc,KAAK;AAAA,UAC/B;AAAA,QACQ,GAAE,GAAI;AAAA,MACV,SAAQ,OAAO;AAChB,iBAAS,EAAE,UAAU,EAAC,MAAM,EAAE,WAAW,gBAAe,EAAC,EAAC,CAAC;AAAA,MAC9D;AAAA,IACA;AAGC,UAAM,YAAY,CAAC,OAAO,UAAU;AAChC,UAAI,MAAM,QAAQ,gBAAgBF,QAAM,OAAO,KAAK,MAAM,QAAQA,QAAM,OAAO,KAAK,MAAM,UAAaA,QAAM,OAAO,KAAK,MAAM,KAAK;AAChI,cAAM,eAAgB;AAEtB,cAAM,SAAS,SAAS,iBAAiB,OAAO;AAChD,cAAM,YAAY,QAAQ,IAAI,OAAO,QAAQ,CAAC,IAAI;AAElD,YAAI,WAAW;AACX,oBAAU,MAAO;AACjB,oBAAU,kBAAkB,UAAU,MAAM,QAAQ,UAAU,MAAM,MAAM;AAAA,QACvF;AAAA,MACA;AAAA,IACE;AAiBD,UAAM,UAAU,CAAC,UAAU;AACvB,YAAM,SAAS,SAAS,iBAAiB,OAAO;AAChD,YAAM,YAAY,OAAO,QAAQ,CAAC;AAClC,YAAM,YAAY,QAAQ,IAAI,OAAO,QAAQ,CAAC,IAAI;AAGlD,UAAIA,QAAM,OAAO,KAAK,MAAM,MAAMA,QAAM,OAAO,KAAK,MAAM,QAAQA,QAAM,OAAO,KAAK,MAAM,UAAa,QAAQ,GAAG;AAC9G,YAAI,QAAQ,EAAG,WAAU,MAAO;AAAA,YAC3B,YAAW,MAAM,MAAO;AAAA,MACtC;AAGK,WAAKA,QAAM,OAAO,KAAK,MAAM,QAAQA,QAAM,OAAO,KAAK,MAAM,UAAaA,QAAM,OAAO,KAAK,MAAM,OAAO,QAAQ,GAAG;AAChH,kBAAU,MAAO;AAAA,MAC1B;AAGK,UAAIA,QAAM,OAAO,MAAM,WAAS,UAAU,EAAE,GAAG;AAC3C,cAAM,cAAcA,QAAM,OAAO,KAAK,EAAE;AACxC,cAAM,cAAcG,MAAY,KAAK,KAAK,SAAU;AAEpD,YAAI,gBAAgB,aAAa;AAC7BA,gBAAY,KAAK,UAAU;AAE3B,iBAAO,KAAK;AAAA,YACR,MAAM;AAAA,YACN,OAAO,EAAE,MAAMA,MAAY,KAAK,MAAM,QAAQ,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,UAAS;AAAA,UACnH,CAAc;AAAA,QAEd,OAAgB;AACH,mBAAS,EAAE,UAAU,EAAC,MAAM,EAAE,WAAW,aAAY,EAAC,EAAC,CAAC;AACxD,qBAAW,MAAM,MAAK;AACtBH,kBAAM,SAAS,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,QAC3C;AAAA,MACA;AAAA,IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EnterCode.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterCode.vue"],"sourcesContent":["<template>\n\t<section class=\"t-center pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/message1.png\" class=\"i-extra mn-b-small\"> -->\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.enterCode.verifyNumberTitle') }}\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big t-transp\">{{ t('auth.enterCode.instructions') }}</p>\n\n\t\t<div class=\"w-100 mn-b-big flex-nowrap flex\">\n      \t\t<input \n      \t\t\ttype=\"number\" \n      \t\t\tv-model=\"state.digits[0]\" \n      \t\t\tref=\"firstInput\" \n      \t\t\tmaxlength=\"1\" \n      \t\t\t@input=\"onInput(0)\" \n      \t\t\t@paste=\"($event) => onPaste($event, 0)\" \n      \t\t\t@keydown=\"($event) => onKeyDown($event, 0)\" \n      \t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n      \t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[1]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(1)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 1)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 1)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[2]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(2)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 2)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 2)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[3]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(3)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 3)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 3)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small\"\n\t\t\t>\n    \t</div>\n\n\t\t<a v-if=\"resendTimer < 1\" @click=\"sendAgain\" class=\"t-blue\">\n\t\t\t{{ t('auth.enterCode.resendCode') }}\n\t\t</a>\n\n\t\t<span v-else>\n\t\t\t{{resendTimer}} {{ t('auth.enterCode.secondsResend') }}\n\t\t</span>\n\t</section>\n</template>\n\n<script setup>\n\t// Import components\n\timport Field from '@martyrs/src/components/Field/Field.vue'\n\t// Import libs\n\timport { computed,reactive,ref, onMounted, onBeforeMount, watch } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import state\n\timport * as auth \tfrom '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as twofa \tfrom '@martyrs/src/modules/auth/views/store/twofa.js'\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t\n\tconst state = reactive({\n\t  digits: ['', '', '', ''],\n\t  error: null,\n\t});\n\n\twatch(\n\t    () => state.digits[0],\n\t    (newVal) => {\n\t        if (newVal && String(newVal).length > 1) {\n\t            let newValArray = String(newVal).split('');\n\t            console.log(newValArray);\n\n\t            let newDigits = [...state.digits];\n\t            newValArray.forEach((digit, i) => {\n\t                console.log(i);\n\t                console.log(newDigits[i]);\n\t                console.log(digit);\n\t                newDigits[i] = digit;\n\t            });\n\n\t            state.digits = newDigits;\n\n\t            onInput(3);\n\t        }\n\t    }\n\t);\n\n\tconst firstInput = ref(null);\n\n\tconst resendTimer = ref(0);\n\n\tasync function sendAgain () {\n\t\ttry {\n\t\t  \tawait twofa.sendCode(\n\t\t  \t\tauth.state.user, \n\t\t  \t\troute.query.method, \n\t\t  \t\troute.query.type, \n\t\t  \t)\n\n\t\t  \tresendTimer.value = 30;\n\n\t     \t// Start the timer using `setInterval()`\n\t      \tconst timer = setInterval(() => {\n\t\t        if (resendTimer.value > 0) {\n\t\t          // Decrement the timer by 1 second\n\t\t          resendTimer.value -= 1;\n\t\t        } else {\n\t\t          // Stop the timer when it reaches 0 seconds\n\t\t          clearInterval(timer);\n\t\t        }\n\t\t     }, 1000);\n\t  } catch (error) {\n\t\t\tsetError({ response: {data: { errorCode: \"CODE_NOT_SENT\"}}})\n\t\t}\n\t}\n\n\n\tconst onKeyDown = (event, index) => {\n\t    if (event.key === \"Backspace\" && (state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '')) {\n\t        event.preventDefault();\n\n\t        const inputs = document.querySelectorAll('input');\n\t        const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t        if (prevInput) {\n\t            prevInput.focus();\n\t            prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);\n\t        }\n\t    }\n\t};\n\n\t// const onPaste = (event, index) => {\n\t//   event.preventDefault();\n\t//   const pastedData = event.clipboardData.getData('text/plain');\n\t  \n\t//   // Проверим, что вставленный текст состоит только из 4 цифр\n\t//   if (/^\\d{4}$/.test(pastedData)) {\n\t//     for (let i = 0; i < 4; i++) {\n\t//       state.digits[index + i] = pastedData[i];\n\t//     }\n\t//     onInput(index + 3); // Вызываем обработчик onInput для последнего инпута, чтобы обработать логику ввода\n\t//   } else {\n\t//    \tsetError({ response: {data: { errorCode: \"INPUT_ERROR\"}}})\n\t//   }\n\t// };\n\n\tconst onInput = (index) => {\n\t    const inputs = document.querySelectorAll('input');\n\t    const nextInput = inputs[index + 1];\n\t    const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t    // Переход на следующий инпут\n\t    if (state.digits[index] !== '' && state.digits[index] !== null && state.digits[index] !== undefined && index < 4) {\n\t        if (index < 3) nextInput.focus();\n\t        else firstInput.value.focus();\n\t    }\n\n\t    // Переход на предыдущий инпут при удалении\n\t    if ((state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '') && index > 0) {\n\t        prevInput.focus();\n\t    }\n\n\t    // Проверка введенного кода\n\t    if (state.digits.every(digit => digit !== '')) {\n\t        const enteredCode = state.digits.join('');\n\t        const correctCode = twofa.state.code.code.toString();\n\n\t        if (enteredCode === correctCode) {\n\t            twofa.state.code.isValid = true;\n\n\t            router.push({\n\t                path: '/auth/enter-password',\n\t                query: { type: twofa.state.code.type, method: route.query.method, returnUrl: route.query.returnUrl }\n\t            });\n\n\t        } else {\n\t            setError({ response: {data: { errorCode: \"WRONG_CODE\"}}})\n\t            firstInput.value.focus()\n\t            state.digits = ['', '', '', ''];\n\t        }\n\t    }\n\t};\n</script>"],"names":["state","twofa.sendCode","auth.state","twofa.state"],"mappings":"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"}

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                      */
-const Field = require("../../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const auth = require("../../store/auth.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.js

@@ -1,7 +1,7 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, createTextVNode, withCtx } from "vue";
 /* empty css                                    */
-import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { state, actions } from "../../store/auth.js";
@@ -73,7 +73,7 @@ const _sfc_main = {
         createElementVNode("h3", _hoisted_2, toDisplayString(unref(t)("auth.enterPassword.almostDone")), 1),
         unref(route).query.method === "reset-password" ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(unref(t)("auth.enterPassword.newPasswordPrompt")), 1)) : (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(t)("auth.enterPassword.registrationPasswordPrompt")), 1)),
         createElementVNode("div", _hoisted_5, [
-          createVNode(Field, {
+          createVNode(_sfc_main$1, {
             field: state.user.password,
             "onUpdate:field": _cache[0] || (_cache[0] = ($event) => state.user.password = $event),
             type: "password",
@@ -81,7 +81,7 @@ const _sfc_main = {
             placeholder: unref(t)("auth.enterPassword.passwordPlaceholder"),
             class: "bg-light pd-small radius-small mn-b-thin"
           }, null, 8, ["field", "validation", "placeholder"]),
-          createVNode(Field, {
+          createVNode(_sfc_main$1, {
             field: state.user.passwordRepeat,
             "onUpdate:field": _cache[1] || (_cache[1] = ($event) => state.user.passwordRepeat = $event),
             type: "password",
@@ -98,7 +98,7 @@ const _sfc_main = {
             rel: "noopener noreferrer"
           }, "End User License Agreement (EULA)", -1)
         ]))) : createCommentVNode("", true),
-        createVNode(_sfc_main$1, {
+        createVNode(_sfc_main$2, {
           submit: onSubmit,
           callback: redirectTo,
           class: "w-100 bg-main mn-b-big"

package/dist/martyrs/src/modules/auth/views/components/pages/Invite.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                      */
-const Field = require("../../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 const vueRouter = require("vue-router");
 const auth = require("../../store/auth.cjs");
 const invites = require("../../../../organizations/store/invites.cjs");

package/dist/martyrs/src/modules/auth/views/components/pages/Invite.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
 /* empty css                                    */
-import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { state, actions as actions$1 } from "../../store/auth.js";
 import { actions } from "../../../../organizations/store/invites.js";
@@ -51,7 +51,7 @@ const _sfc_main = {
         _cache[3] || (_cache[3] = createElementVNode("h3", { class: "mn-b-small" }, "You have been invited to the organization", -1)),
         _cache[4] || (_cache[4] = createElementVNode("p", { class: "mn-b-semi t-transp" }, "Please provide a password to complete the registration.", -1)),
         createElementVNode("div", _hoisted_2, [
-          createVNode(Field, {
+          createVNode(_sfc_main$1, {
             field: state.user.password,
             "onUpdate:field": _cache[0] || (_cache[0] = ($event) => state.user.password = $event),
             type: "password",
@@ -60,7 +60,7 @@ const _sfc_main = {
             placeholder: "******",
             class: "mn-b-thin bg-light pd-medium radius-small"
           }, null, 8, ["field", "validation"]),
-          createVNode(Field, {
+          createVNode(_sfc_main$1, {
             field: state.user.passwordRepeat,
             "onUpdate:field": _cache[1] || (_cache[1] = ($event) => state.user.passwordRepeat = $event),
             type: "password",
@@ -69,7 +69,7 @@ const _sfc_main = {
             class: "bg-light pd-medium radius-small"
           }, null, 8, ["field"])
         ]),
-        createVNode(_sfc_main$1, {
+        createVNode(_sfc_main$2, {
           submit: onSubmit,
           callback: redirectTo,
           class: "w-100 bg-main mn-b-big"

package/dist/martyrs/src/modules/auth/views/components/pages/Profile.vue.cjs

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
+;/* empty css                                          */
 ;/* empty css                                            */
-;/* empty css                                            */
+;/* empty css                                             */
 const Dropdown = require("../../../../../components/Dropdown/Dropdown.vue.cjs");
-const Menu = require("../../../../../components/Menu/Menu.vue2.cjs");
+const Menu = require("../../../../../components/Menu/Menu.vue.cjs");
 const MenuItem = require("../../../../../components/Menu/MenuItem.vue.cjs");
 const ButtonToggleMembership = require("../../../../organizations/components/elements/ButtonToggleMembership.vue.cjs");
 const FormReport = require("../../../../reports/components/sections/FormReport.vue.cjs");