@ozdao/martyrs 0.2.551 → 0.2.553

package/dist/martyrs/src/components/Button/Button.vue2.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, normalizeClass, withModifiers, createVNode, createCommentVNode, Transition, withCtx, createBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createElementVNode } from "vue";
-import Loader from "../Loader/Loader.vue2.js";
+import Loader from "../Loader/Loader.vue.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconCheckmark.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconCross.vue.js";
 /* empty css           */

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

@@ -28,7 +28,9 @@ const _sfc_main = {
     const isOpen = ref(false);
     const isComponentLabel = computed(() => typeof props.label === "object");
     function clickedOutside() {
-      isOpen.value = false;
+      if (props.trigger === "click") {
+        isOpen.value = false;
+      }
     }
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", {
@@ -61,7 +63,7 @@ const _sfc_main = {
           _: 3
         })
       ], 32)), [
-        [unref(vClickOutside), __props.trigger === "click" ? clickedOutside : void 0]
+        [unref(vClickOutside), clickedOutside]
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.vue.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div\n    class=\"dropdown pos-relative\"\n    v-click-outside=\"trigger === 'click' ? clickedOutside : undefined\"\n    @click.stop=\"trigger === 'click' ? (isOpen = !isOpen) : null\"\n    @mouseenter=\"trigger === 'hover' ? (isOpen = true) : null\"\n    @mouseleave=\"trigger === 'hover' ? (isOpen = false) : null\"\n  >\n    <slot name=\"label\">\n      <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n        <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n      </div>\n      <div v-else>\n        {{ label }}\n      </div>\n    </slot>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div\n        v-show=\"isOpen\"\n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\"\n        class=\"dropdown-content \"\n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  },\n  trigger: {\n    type: String,\n    default: 'click'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAed,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Dropdown.vue.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div\n    class=\"dropdown pos-relative\"\n    v-click-outside=\"clickedOutside\"\n    @click.stop=\"trigger === 'click' ? (isOpen = !isOpen) : null\"\n    @mouseenter=\"trigger === 'hover' ? (isOpen = true) : null\"\n    @mouseleave=\"trigger === 'hover' ? (isOpen = false) : null\"\n  >\n    <slot name=\"label\">\n      <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n        <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n      </div>\n      <div v-else>\n        {{ label }}\n      </div>\n    </slot>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div\n        v-show=\"isOpen\"\n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\"\n        class=\"dropdown-content \"\n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  },\n  trigger: {\n    type: String,\n    default: 'click'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  if (props.trigger === 'click') {\n    isOpen.value = false\n  }\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAed,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,UAAI,MAAM,YAAY,SAAS;AAC7B,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Feed/Carousel.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createBlock, createVNode, normalizeClass, unref, withCtx, Fragment, renderList, Transition, renderSlot } from "vue";
 import { useI18n } from "vue-i18n";
 import { useGlobalMixins } from "../../modules/core/views/mixins/mixins.js";
-import Loader from "../Loader/Loader.vue2.js";
+import Loader from "../Loader/Loader.vue.js";
 import _sfc_main$2 from "../Slider/Slider.vue.js";
 import _sfc_main$1 from "../EmptyState/EmptyState.vue.js";
 /* empty css              */

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

@@ -1,6 +1,6 @@
 import { mergeModels, useModel, ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, normalizeClass, withCtx, createVNode, renderList, resolveDynamicComponent, unref, TransitionGroup, renderSlot } from "vue";
 import { useGlobalMixins } from "../../modules/core/views/mixins/mixins.js";
-import Loader from "../Loader/Loader.vue2.js";
+import Loader from "../Loader/Loader.vue.js";
 import Skeleton from "../Skeleton/Skeleton.vue2.js";
 import _sfc_main$6 from "../EmptyState/EmptyState.vue.js";
 import _sfc_main$2 from "../Dropdown/Dropdown.vue.js";

package/dist/martyrs/src/components/FieldPhone/click-outside.js

@@ -10,7 +10,9 @@ const clickOutside = {
     }
     el.clickOutsideEvent = function(event) {
       if (!(el === event.target || el.contains(event.target))) {
-        binding.value(event);
+        if (typeof binding.value === "function") {
+          binding.value(event);
+        }
       }
     };
     document.addEventListener("click", el.clickOutsideEvent, true);

package/dist/martyrs/src/components/FieldPhone/click-outside.js.map

@@ -1 +1 @@
-{"version":3,"file":"click-outside.js","sources":["../../../../../src/components/FieldPhone/click-outside.js"],"sourcesContent":["export default {\n  beforeMount(el, binding, vNode) {\n    if (typeof binding.value !== 'function') {\n      let warn = `[Vue-click-outside:] provided expression ${binding.expression} is not a function, but has to be`;\n      const compName = vNode.component?.name;\n      if (compName) {\n        warn += ` Found in component ${compName}`;\n      }\n      console.warn(warn);\n    }\n\n    el.clickOutsideEvent = function (event) {\n      // Проверка, что клик был сделан за пределами элемента и не на самом элементе\n      if (!(el === event.target || el.contains(event.target))) {\n        // Вызов переданной функции, если условие выполняется\n        binding.value(event);\n      }\n    };\n\n    // Использование document вместо document.body может помочь в некоторых случаях,\n    // особенно если событие stopPropagation используется в дочерних элементах\n    document.addEventListener('click', el.clickOutsideEvent, true); // true для использования в фазе перехвата\n  },\n  unmounted(el) {\n    // Убедитесь, что используете тот же флаг при удалении обработчика\n    document.removeEventListener('click', el.clickOutsideEvent, true);\n  },\n};\n"],"names":[],"mappings":"AAAA,MAAA,eAAe;AAAA,EACb,YAAY,IAAI,SAAS,OAAO;AAC9B,QAAI,OAAO,QAAQ,UAAU,YAAY;AACvC,UAAI,OAAO,4CAA4C,QAAQ,UAAU;AACzE,YAAM,WAAW,MAAM,WAAW;AAClC,UAAI,UAAU;AACZ,gBAAQ,uBAAuB,QAAQ;AAAA,MACzC;AACA,cAAQ,KAAK,IAAI;AAAA,IACnB;AAEA,OAAG,oBAAoB,SAAU,OAAO;AAEtC,UAAI,EAAE,OAAO,MAAM,UAAU,GAAG,SAAS,MAAM,MAAM,IAAI;AAEvD,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IACF;AAIA,aAAS,iBAAiB,SAAS,GAAG,mBAAmB,IAAI;AAAA,EAC/D;AAAA,EACA,UAAU,IAAI;AAEZ,aAAS,oBAAoB,SAAS,GAAG,mBAAmB,IAAI;AAAA,EAClE;AACF;"}
+{"version":3,"file":"click-outside.js","sources":["../../../../../src/components/FieldPhone/click-outside.js"],"sourcesContent":["export default {\n  beforeMount(el, binding, vNode) {\n    if (typeof binding.value !== 'function') {\n      let warn = `[Vue-click-outside:] provided expression ${binding.expression} is not a function, but has to be`;\n      const compName = vNode.component?.name;\n      if (compName) {\n        warn += ` Found in component ${compName}`;\n      }\n      console.warn(warn);\n    }\n\n    el.clickOutsideEvent = function (event) {\n      // Проверка, что клик был сделан за пределами элемента и не на самом элементе\n      if (!(el === event.target || el.contains(event.target))) {\n        // Вызов переданной функции, если условие выполняется\n        if (typeof binding.value === 'function') {\n          binding.value(event);\n        }\n      }\n    };\n\n    // Использование document вместо document.body может помочь в некоторых случаях,\n    // особенно если событие stopPropagation используется в дочерних элементах\n    document.addEventListener('click', el.clickOutsideEvent, true); // true для использования в фазе перехвата\n  },\n  unmounted(el) {\n    // Убедитесь, что используете тот же флаг при удалении обработчика\n    document.removeEventListener('click', el.clickOutsideEvent, true);\n  },\n};\n"],"names":[],"mappings":"AAAA,MAAA,eAAe;AAAA,EACb,YAAY,IAAI,SAAS,OAAO;AAC9B,QAAI,OAAO,QAAQ,UAAU,YAAY;AACvC,UAAI,OAAO,4CAA4C,QAAQ,UAAU;AACzE,YAAM,WAAW,MAAM,WAAW;AAClC,UAAI,UAAU;AACZ,gBAAQ,uBAAuB,QAAQ;AAAA,MACzC;AACA,cAAQ,KAAK,IAAI;AAAA,IACnB;AAEA,OAAG,oBAAoB,SAAU,OAAO;AAEtC,UAAI,EAAE,OAAO,MAAM,UAAU,GAAG,SAAS,MAAM,MAAM,IAAI;AAEvD,YAAI,OAAO,QAAQ,UAAU,YAAY;AACvC,kBAAQ,MAAM,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAIA,aAAS,iBAAiB,SAAS,GAAG,mBAAmB,IAAI;AAAA,EAC/D;AAAA,EACA,UAAU,IAAI;AAEZ,aAAS,oBAAoB,SAAS,GAAG,mBAAmB,IAAI;AAAA,EAClE;AACF;"}

package/dist/martyrs/src/components/FieldTags/BlockTags.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, createElementBlock, openBlock, createVNode, withDirectives, createElementVNode, withKeys, vModelText, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-import FieldTags from "./FieldTags.vue2.js";
+import FieldTags from "./FieldTags.vue.js";
 /* empty css               */
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { key: 1 };

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

@@ -1,5 +1,5 @@
 import { ref, computed, watch, createElementBlock, openBlock, createElementVNode, createCommentVNode, withDirectives, Fragment, renderList, createTextVNode, toDisplayString, vModelText, normalizeClass } from "vue";
-/* empty css              */
+/* empty css               */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "field-tags-new" };
 const _hoisted_2 = { class: "tags-container" };
@@ -232,4 +232,4 @@ const FieldTags = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
 export {
   FieldTags as default
 };
-//# sourceMappingURL=FieldTags.vue2.js.map
+//# sourceMappingURL=FieldTags.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTags.vue.js","sources":["../../../../../src/components/FieldTags/FieldTags.vue"],"sourcesContent":["<template>\n  <div class=\"field-tags-new\">\n    <!-- Tags container -->\n    <div class=\"tags-container\">\n      <span \n        v-for=\"(tag, index) in tags\" \n        :key=\"index\"\n        class=\"tag\"\n      >\n        {{ getTagText(tag) }}\n        <button \n          @click=\"removeTag(index)\" \n          class=\"tag-remove\"\n          type=\"button\"\n        >\n          ×\n        </button>\n      </span>\n      \n      <input\n        ref=\"inputRef\"\n        v-model=\"newTag\"\n        @keydown=\"handleKeyDown\"\n        @paste=\"handlePaste\"\n        @focus=\"focused = true\"\n        @blur=\"handleBlur\"\n        :placeholder=\"placeholder || 'Add tags'\"\n        :maxlength=\"maxlength\"\n        :disabled=\"disabled\"\n        class=\"tag-input\"\n      />\n    </div>\n    \n    <!-- Autocomplete dropdown -->\n    <div \n      v-if=\"showAutocomplete && filteredAutocomplete.length > 0\"\n      class=\"autocomplete\"\n    >\n      <div \n        v-for=\"(item, index) in filteredAutocomplete\"\n        :key=\"getTagText(item)\"\n        @click=\"addTag(item)\"\n        @mouseenter=\"selectedIndex = index\"\n        :class=\"['autocomplete-item', { selected: selectedIndex === index }]\"\n      >\n        {{ getTagText(item) }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nconst props = defineProps({\n  modelValue: Array,\n  textField: {\n    type: String,\n    default: 'text'\n  },\n  autocompleteItems: Array,\n  separators: {\n    type: Array,\n    default: () => [',', ';']\n  },\n  addOnKey: {\n    type: Array,\n    default: () => [13] // Enter key\n  },\n  maxTags: {\n    type: Number,\n    default: 20\n  },\n  maxlength: {\n    type: Number,\n    default: 50\n  },\n  placeholder: String,\n  disabled: Boolean,\n  addOnBlur: {\n    type: Boolean,\n    default: true\n  },\n  autocompleteMinLength: {\n    type: Number,\n    default: 1\n  }\n})\n\nconst emit = defineEmits(['update:modelValue', 'tags-changed'])\n\n// State\nconst newTag = ref('')\nconst focused = ref(false)\nconst selectedIndex = ref(-1)\nconst inputRef = ref(null)\n\n// Computed\nconst tags = computed({\n  get: () => props.modelValue || [],\n  set: (value) => {\n    emit('update:modelValue', value)\n    emit('tags-changed', value)\n  }\n})\n\nconst showAutocomplete = computed(() => {\n  return focused.value && \n         props.autocompleteItems?.length > 0 &&\n         newTag.value.length >= props.autocompleteMinLength\n})\n\nconst filteredAutocomplete = computed(() => {\n  if (!props.autocompleteItems) return []\n  \n  const searchText = newTag.value.toLowerCase()\n  \n  return props.autocompleteItems.filter(item => {\n    const itemText = getTagText(item).toLowerCase()\n    \n    // Filter by search text\n    if (!itemText.includes(searchText)) return false\n    \n    // Filter out duplicates\n    return !isDuplicate(itemText)\n  })\n})\n\n// Methods\nfunction getTagText(tag) {\n  if (tag === null || tag === undefined) return ''\n  if (typeof tag === 'string') return tag\n  return tag[props.textField] || ''\n}\n\nfunction createTag(text) {\n  // Preserve format based on existing data\n  if (tags.value.length > 0) {\n    if (typeof tags.value[0] === 'string') {\n      return text\n    }\n  }\n  \n  // Default to object with custom field\n  return { [props.textField]: text }\n}\n\nfunction isDuplicate(text) {\n  const searchText = text.toLowerCase().trim()\n  return tags.value.some(tag => \n    getTagText(tag).toLowerCase().trim() === searchText\n  )\n}\n\nfunction addTag(input) {\n  let text = ''\n  \n  if (typeof input === 'string') {\n    text = input.trim()\n  } else if (typeof input === 'object') {\n    // If it's an autocomplete item, preserve the whole object\n    if (props.autocompleteItems?.includes(input)) {\n      if (!isDuplicate(getTagText(input))) {\n        tags.value = [...tags.value, input]\n      }\n      newTag.value = ''\n      selectedIndex.value = -1\n      return\n    }\n    text = getTagText(input).trim()\n  }\n  \n  if (!text || tags.value.length >= props.maxTags) return\n  \n  if (isDuplicate(text)) return\n  \n  const tag = createTag(text)\n  tags.value = [...tags.value, tag]\n  newTag.value = ''\n  selectedIndex.value = -1\n}\n\nfunction removeTag(index) {\n  if (props.disabled) return\n  \n  const newTags = [...tags.value]\n  newTags.splice(index, 1)\n  tags.value = newTags\n}\n\nfunction handleKeyDown(event) {\n  // Handle arrow keys for autocomplete navigation\n  if (showAutocomplete.value) {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      selectedIndex.value = Math.min(\n        selectedIndex.value + 1, \n        filteredAutocomplete.value.length - 1\n      )\n      return\n    }\n    \n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      selectedIndex.value = Math.max(selectedIndex.value - 1, -1)\n      return\n    }\n    \n    // Add selected autocomplete item on Enter\n    if (event.key === 'Enter' && selectedIndex.value >= 0) {\n      event.preventDefault()\n      addTag(filteredAutocomplete.value[selectedIndex.value])\n      return\n    }\n  }\n  \n  // Check for add triggers\n  const shouldAdd = props.addOnKey.some(key => {\n    if (typeof key === 'number') {\n      return event.keyCode === key\n    }\n    return event.key === key\n  })\n  \n  if (shouldAdd) {\n    event.preventDefault()\n    addTag(newTag.value)\n    return\n  }\n  \n  // Handle backspace to delete last tag\n  if (event.key === 'Backspace' && newTag.value === '' && tags.value.length > 0) {\n    removeTag(tags.value.length - 1)\n  }\n}\n\nfunction handlePaste(event) {\n  event.preventDefault()\n  \n  const text = event.clipboardData.getData('text')\n  if (!text) return\n  \n  // Create regex from separators\n  const separatorRegex = new RegExp(\n    props.separators.map(s => s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')).join('|')\n  )\n  \n  // Split by separators and add each tag\n  const parts = text.split(separatorRegex)\n  \n  parts.forEach(part => {\n    if (tags.value.length >= props.maxTags) return\n    addTag(part)\n  })\n}\n\nfunction handleBlur() {\n  // Small delay to allow click on autocomplete items\n  setTimeout(() => {\n    focused.value = false\n    selectedIndex.value = -1\n    \n    if (props.addOnBlur && newTag.value) {\n      addTag(newTag.value)\n    }\n  }, 200)\n}\n\n// Reset selected index when autocomplete items change\nwatch(filteredAutocomplete, () => {\n  selectedIndex.value = -1\n})\n</script>\n\n<style scoped>\n.field-tags-new {\n  position: relative;\n}\n\n.tags-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.tag {\n  display: inline-flex;\n  align-items: center;\n  background: rgb(var(--main, 255, 215, 0));\n  color: rgb(var(--black, 0, 0, 0));\n  padding: 0.25rem 0.5rem;\n  border-radius: 2rem;\n  font-size: 0.875rem;\n}\n\n.tag-remove {\n  margin-left: 0.25rem;\n  background: none;\n  border: none;\n  color: inherit;\n  font-size: 1.25rem;\n  cursor: pointer;\n  padding: 0;\n  line-height: 1;\n  opacity: 0.7;\n}\n\n.tag-remove:hover {\n  opacity: 1;\n}\n\n.tag-input {\n  flex: 1;\n  border: none;\n  background: none;\n  outline: none;\n  min-width: 150px;\n  padding: 0.25rem;\n  font-size: inherit;\n  font-family: inherit;\n}\n\n.tag-input:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.autocomplete {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  margin-top: 0.25rem;\n  background: white;\n  border: 1px solid rgb(var(--gray, 224, 224, 224));\n  border-radius: 0.5rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 100;\n}\n\n.autocomplete-item {\n  padding: 0.5rem 0.75rem;\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.autocomplete-item:hover,\n.autocomplete-item.selected {\n  background: rgb(var(--gray-light, 248, 248, 248));\n}\n\n.autocomplete-item:first-child {\n  border-radius: 0.5rem 0.5rem 0 0;\n}\n\n.autocomplete-item:last-child {\n  border-radius: 0 0 0.5rem 0.5rem;\n}\n</style>"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString } from "vue";
-/* empty css           */
+/* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   props: {
@@ -58,4 +58,4 @@ const Loader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]])
 export {
   Loader as default
 };
-//# sourceMappingURL=Loader.vue2.js.map
+//# sourceMappingURL=Loader.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.vue.js","sources":["../../../../../src/components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div class=\"circular-loader pos-relative z-index-1 w-100 h-100 w-max-2r h-max-2r\" :class=\"{ 'circular-loader-centered': centered }\">\n    <svg viewBox=\"25 25 50 50\">\n      <circle class=\"circular-loader-fill\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n      <circle class=\"circular-loader-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-width=\"4\" stroke-miterlimit=\"10\" />\n    </svg>\n    <div v-if=\"progress\" class=\"progress-text\">{{ progress }}</div>\n    <div v-if=\"status\" class=\"uppercase t-semi w-m-10r status-text\">{{ status }}</div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    progress: {\n      type: Number,\n      default: null,\n    },\n    status: {\n      type: String,\n      default: null,\n    },\n    centered: {\n      type: Boolean,\n      default: true, // По умолчанию лоадер центрирован (для обратной совместимости)\n    },\n  },\n};\n</script>\n\n<style>\n.circular-loader-centered {\n  top: calc(50% - 1rem);\n  left: calc(50% - 1rem);\n}\n\n.circular-loader svg {\n  animation: rotate 2s linear infinite;\n}\n\n.circular-loader-circle {\n  stroke-dasharray: 1, 200;\n  stroke-dashoffset: 0;\n  stroke-linecap: round;\n  stroke: rgb(var(--main));\n  animation: dash 1.5s ease-in-out infinite;\n}\n\n.circular-loader-fill {\n  stroke-linecap: round;\n  stroke: rgba(var(--black),0.2);\n}\n\n.progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 0.8rem;\n  color: rgb(var(--main));;\n}\n\n.status-text {\n  position: absolute;\n  top: 120%;\n  left: calc(50% - 5rem);\n  font-size: 0.8rem;\n  width: 10rem !important;\n  text-align: center;\n}\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: -124;\n  }\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAYA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;;AAGf;;EA3BA,KAAA;AAAA,EAMyB,OAAM;;;EAN/B,KAAA;AAAA,EAOuB,OAAM;;;sBAN3BA,mBAOM,OAAA;AAAA,IAPD,OADPC,eAAA,CACa,wEAAsE,EAAA,4BAAuC,OAAA,UAAQ,CAAA;AAAA;8BAC9HC,mBAGM,OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,mBAAkH,UAAA;AAAA,QAA1G,OAAM;AAAA,QAAuB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;MAC3GA,mBAAoH,UAAA;AAAA,QAA5G,OAAM;AAAA,QAAyB,IAAG;AAAA,QAAK,IAAG;AAAA,QAAK,GAAE;AAAA,QAAK,MAAK;AAAA,QAAO,gBAAa;AAAA,QAAI,qBAAkB;AAAA;;IAEpG,OAAA,yBAAXF,mBAA+D,OAA/D,YAA+DG,gBAAjB,OAAA,QAAQ,GAAA,CAAA,KAN1DC,mBAAA,IAAA,IAAA;AAAA,IAOe,OAAA,uBAAXJ,mBAAkF,OAAlF,YAAkFG,gBAAf,OAAA,MAAM,GAAA,CAAA,KAP7EC,mBAAA,IAAA,IAAA;AAAA;;;"}

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

@@ -1,6 +1,6 @@
 import { ref, onMounted, watchEffect, createElementBlock, openBlock, createElementVNode, createVNode, Transition, withCtx, createBlock } from "vue";
 import { Loader } from "../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
-import Loader$1 from "../Loader/Loader.vue2.js";
+import Loader$1 from "../Loader/Loader.vue.js";
 /* empty css                    */
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {

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

@@ -1,4 +1,6 @@
-import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, mergeProps, createElementVNode, toDisplayString } from "vue";
+import { ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, mergeProps, createElementVNode, createVNode } from "vue";
+import Loader from "../Loader/Loader.vue.js";
+import _sfc_main$1 from "../../modules/icons/entities/IconGallery.vue.js";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "media-container pos-relative" };
@@ -38,6 +40,7 @@ const _sfc_main = {
     const isLoaded = ref(false);
     const error = ref(null);
     const isIntersecting = ref(false);
+    const hasStartedLoading = ref(false);
     let observer = null;
     let isPlaying = false;
     let loadTimeout = null;
@@ -61,6 +64,7 @@ const _sfc_main = {
       return types[fileExtension.value] || "";
     });
     function handleLoad() {
+      error.value = null;
       isLoaded.value = true;
       clearTimeout(loadTimeout);
     }
@@ -95,6 +99,12 @@ const _sfc_main = {
         entries.forEach((entry) => {
           isIntersecting.value = entry.isIntersecting;
           if (entry.isIntersecting) {
+            observer.disconnect();
+            if (hasStartedLoading.value) return;
+            hasStartedLoading.value = true;
+            if (loadTimeout) {
+              clearTimeout(loadTimeout);
+            }
             loadTimeout = setTimeout(() => {
               if (!isLoaded.value && !error.value) {
                 error.value = "Истекло время ожидания загрузки";
@@ -103,7 +113,6 @@ const _sfc_main = {
             if (isVideo.value && props.options?.autoplay) {
               playVideo();
             }
-            observer.disconnect();
           }
         });
       }, options);
@@ -127,7 +136,7 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         isImage.value ? (openBlock(), createElementBlock("img", mergeProps({
           key: 0,
-          src: isIntersecting.value ? __props.url : "",
+          src: hasStartedLoading.value ? __props.url : "",
           "data-src": __props.url,
           alt: __props.options?.alt || "Image",
           class: ["media-item", { "loading": !isLoaded.value }],
@@ -155,13 +164,17 @@ const _sfc_main = {
             type: videoType.value
           }, null, 8, _hoisted_4)
         ], 16, _hoisted_3)) : createCommentVNode("", true),
-        !isLoaded.value && !error.value ? (openBlock(), createElementBlock("div", _hoisted_5, " Loading... ")) : createCommentVNode("", true),
-        error.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+        !isLoaded.value && !error.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(Loader, { centered: false })
+        ])) : createCommentVNode("", true),
+        error.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createVNode(_sfc_main$1, { fill: "rgba(var(--dark), 0.1)" })
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 };
-const Media = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a4e8161a"]]);
+const Media = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-86f454ea"]]);
 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 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      @error=\"handleImageError\"\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 && !error\" 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\nlet loadTimeout = null\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  clearTimeout(loadTimeout)\n}\n\n// Обработка ошибок изображения\nfunction handleImageError() {\n  error.value = 'Не удалось загрузить изображение'\n  isLoaded.value = false\n  clearTimeout(loadTimeout)\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n  clearTimeout(loadTimeout)\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        // Устанавливаем таймаут для обнаружения зависшей загрузки\n        loadTimeout = setTimeout(() => {\n          if (!isLoaded.value && !error.value) {\n            error.value = 'Истекло время ожидания загрузки'\n          }\n        }, 10000) // 10 секунд таймаут\n        \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  if (loadTimeout) {\n    clearTimeout(loadTimeout)\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,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;AAChB,QAAI,cAAc;AAGlB,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,KAAK,MAAM,GAAG,GAAG,IAAG,GAAI,YAAW;AAAA,IAClD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACX;AACE,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,eAAS,QAAQ;AACjB,mBAAa,WAAW;AAAA,IAC1B;AAGA,aAAS,mBAAmB;AAC1B,YAAM,QAAQ;AACd,eAAS,QAAQ;AACjB,mBAAa,WAAW;AAAA,IAC1B;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AACjB,mBAAa,WAAW;AAAA,IAC1B;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAI;AAC7B,sBAAY;AAAA,QACd;AAAA,MACF,SAAS,KAAK;AACZ,oBAAY,GAAG;AAAA,MACjB;AAAA,IACF;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAEE,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AAExB,0BAAc,WAAW,MAAM;AAC7B,kBAAI,CAAC,SAAS,SAAS,CAAC,MAAM,OAAO;AACnC,sBAAM,QAAQ;AAAA,cAChB;AAAA,YACF,GAAG,GAAK;AAER,gBAAI,QAAQ,SAAS,MAAM,SAAS,UAAU;AAC5C,wBAAS;AAAA,YACX;AAEA,qBAAS,WAAU;AAAA,UACrB;AAAA,QACF,CAAC;AAAA,MACH,GAAG,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF;AAGA,cAAU,MAAM;AACd,gCAAyB;AAAA,IAC3B,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACrB;AACA,UAAI,aAAa;AACf,qBAAa,WAAW;AAAA,MAC1B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Media.vue.js","sources":["../../../../../src/components/Media/Media.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, computed, onUnmounted } from 'vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.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)\nconst hasStartedLoading = ref(false)\nlet observer = null\nlet isPlaying = false\nlet loadTimeout = null\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  error.value = null\n  isLoaded.value = true\n  clearTimeout(loadTimeout)\n}\n\n// Обработка ошибок изображения\nfunction handleImageError() {\n  error.value = 'Не удалось загрузить изображение'\n  isLoaded.value = false\n  clearTimeout(loadTimeout)\n}\n\n// Обработка ошибок\nfunction handleError(err) {\n  error.value = `Ошибка загрузки медиа: ${err.message}`\n  isLoaded.value = false\n  clearTimeout(loadTimeout)\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        // Отключаем observer сразу чтобы избежать повторных срабатываний\n        observer.disconnect()\n\n        // Защита от повторных срабатываний\n        if (hasStartedLoading.value) return\n\n        hasStartedLoading.value = true\n\n        // Очищаем старый таймаут если он был\n        if (loadTimeout) {\n          clearTimeout(loadTimeout)\n        }\n\n        // Устанавливаем таймаут для обнаружения зависшей загрузки\n        loadTimeout = setTimeout(() => {\n          if (!isLoaded.value && !error.value) {\n            error.value = 'Истекло время ожидания загрузки'\n          }\n        }, 10000) // 10 секунд таймаут\n\n        if (isVideo.value && props.options?.autoplay) {\n          playVideo()\n        }\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  if (loadTimeout) {\n    clearTimeout(loadTimeout)\n  }\n})\n</script>\n\n<template>\n  <div class=\"media-container pos-relative\">\n    <!-- Изображение с ленивой загрузкой и placeholder -->\n    <img\n      v-if=\"isImage\"\n      :src=\"hasStartedLoading ? 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      @error=\"handleImageError\"\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 && !error\" class=\"media-placeholder\">\n      <Loader :centered=\"false\" />\n    </div>\n    \n    <!-- Сообщение об ошибке -->\n    <div v-if=\"error\" class=\"media-error\">\n      <IconGallery :fill=\"'rgba(var(--dark), 0.1)'\" />\n    </div>\n  </div>\n</template>\n\n\n<style scoped>\n.media-container {\n}\n\n.media-item {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\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}\n\n.media-error {\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: rgba(var(--light), 1);\n}\n\n.media-error svg {\n  width: 50%;\n  height: 50%;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,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,UAAM,oBAAoB,IAAI,KAAK;AACnC,QAAI,WAAW;AACf,QAAI,YAAY;AAChB,QAAI,cAAc;AAGlB,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,KAAK,MAAM,GAAG,GAAG,IAAG,GAAI,YAAW;AAAA,IAClD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,OAAO,OAAO,QAAQ,OAAO,MAAM;AAC3E,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,kBAAkB,CAAC,OAAO,QAAQ,KAAK;AAC7C,aAAO,gBAAgB,SAAS,cAAc,KAAK;AAAA,IACrD,CAAC;AAGD,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACX;AACE,aAAO,MAAM,cAAc,KAAK,KAAK;AAAA,IACvC,CAAC;AAGD,aAAS,aAAa;AACpB,YAAM,QAAQ;AACd,eAAS,QAAQ;AACjB,mBAAa,WAAW;AAAA,IAC1B;AAGA,aAAS,mBAAmB;AAC1B,YAAM,QAAQ;AACd,eAAS,QAAQ;AACjB,mBAAa,WAAW;AAAA,IAC1B;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,QAAQ,0BAA0B,IAAI,OAAO;AACnD,eAAS,QAAQ;AACjB,mBAAa,WAAW;AAAA,IAC1B;AAGA,mBAAe,YAAY;AACzB,UAAI,CAAC,aAAa,MAAO;AAEzB,UAAI;AACF,YAAI,aAAa,MAAM,UAAU,CAAC,WAAW;AAC3C,gBAAM,aAAa,MAAM,KAAI;AAC7B,sBAAY;AAAA,QACd;AAAA,MACF,SAAS,KAAK;AACZ,oBAAY,GAAG;AAAA,MACjB;AAAA,IACF;AAiBA,aAAS,4BAA4B;AACnC,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAEE,iBAAW,IAAI,qBAAqB,CAAC,YAAY;AAC/C,gBAAQ,QAAQ,WAAS;AACvB,yBAAe,QAAQ,MAAM;AAE7B,cAAI,MAAM,gBAAgB;AAExB,qBAAS,WAAU;AAGnB,gBAAI,kBAAkB,MAAO;AAE7B,8BAAkB,QAAQ;AAG1B,gBAAI,aAAa;AACf,2BAAa,WAAW;AAAA,YAC1B;AAGA,0BAAc,WAAW,MAAM;AAC7B,kBAAI,CAAC,SAAS,SAAS,CAAC,MAAM,OAAO;AACnC,sBAAM,QAAQ;AAAA,cAChB;AAAA,YACF,GAAG,GAAK;AAER,gBAAI,QAAQ,SAAS,MAAM,SAAS,UAAU;AAC5C,wBAAS;AAAA,YACX;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH,GAAG,OAAO;AAGV,YAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,aAAa;AAClE,UAAI,SAAS;AACX,iBAAS,QAAQ,OAAO;AAAA,MAC1B;AAAA,IACF;AAGA,cAAU,MAAM;AACd,gCAAyB;AAAA,IAC3B,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,UAAU;AACZ,iBAAS,WAAU;AAAA,MACrB;AACA,UAAI,aAAa;AACf,qBAAa,WAAW;AAAA,MAC1B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { ref, computed, watch, onMounted, createElementBlock, openBlock, withKeys, normalizeClass, withModifiers, renderSlot, createElementVNode, createVNode, createCommentVNode, withDirectives, Fragment, renderList, toDisplayString, vShow, Transition, withCtx, normalizeStyle, createTextVNode, nextTick } from "vue";
-/* empty css                */
+/* empty css                 */
 const _hoisted_1 = ["tabindex", "onKeydown", "onKeypress", "aria-owns"];
 const _hoisted_2 = { class: "multiselect__tags-wrap" };
 const _hoisted_3 = { class: "multiselect__tag" };
@@ -622,4 +622,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=SelectMulti.vue2.js.map
+//# sourceMappingURL=SelectMulti.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMulti.vue.js","sources":["../../../../../src/components/SelectMulti/SelectMulti.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"multiselect\"\n    :tabindex=\"searchable ? -1 : tabindex\"\n    :class=\"{\n      'multiselect--active': isOpen,\n      'multiselect--disabled': disabled,\n      'multiselect--above': isAbove,\n      'multiselect--has-options-group': hasOptionGroup\n    }\"\n    @focus=\"activate\"\n    @blur=\"searchable ? false : deactivate\"\n    @keydown.self.down.prevent=\"pointerForward\"\n    @keydown.self.up.prevent=\"pointerBackward\"\n    @keypress.enter.tab.stop.self=\"addPointerElement\"\n    @keyup.esc=\"deactivate\"\n    class=\"multiselect flex flex-v-center\"\n    role=\"combobox\"\n    :aria-owns=\"`listbox-${id}`\">\n    \n    <slot name=\"caret\" :toggle>\n      <div @mousedown.prevent.stop=\"toggle\" class=\"multiselect__select\"></div>\n    </slot>\n    \n    <slot name=\"clear\" :search />\n    \n    <div ref=\"tags\" class=\"multiselect__tags\">\n      <slot\n        name=\"selection\"\n        :search\n        :remove=\"removeElement\"\n        :values=\"visibleValues\"\n        :is-open=\"isOpen\">\n        <div class=\"multiselect__tags-wrap\" v-show=\"visibleValues.length > 0\">\n          <template v-for=\"(option, index) of visibleValues\" :key=\"index\">\n            <slot name=\"tag\" :option :search :remove=\"removeElement\">\n              <span class=\"multiselect__tag\">\n                <span v-text=\"getOptionLabel(option)\" />\n                <i \n                  tabindex=\"1\" \n                  @keypress.enter.prevent=\"removeElement(option)\"\n                  @mousedown.prevent=\"removeElement(option)\" \n                  class=\"multiselect__tag-icon\" />\n              </span>\n            </slot>\n          </template>\n        </div>\n        <template v-if=\"internalValue?.length > limit\">\n          <slot name=\"limit\">\n            <strong class=\"multiselect__strong\" v-text=\"limitText(internalValue.length - limit)\" />\n          </slot>\n        </template>\n      </slot>\n      <transition name=\"multiselect__loading\">\n        <slot name=\"loading\">\n          <div v-show=\"loading\" class=\"multiselect__spinner\" />\n        </slot>\n      </transition>\n      <input\n        ref=\"searchInput\"\n        v-if=\"searchable\"\n        :name\n        :id\n        type=\"text\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        :placeholder\n        :style=\"inputStyle\"\n        :value=\"search\"\n        :disabled\n        :tabindex\n        @input=\"updateSearch($event.target.value)\"\n        @focus.prevent=\"activate\"\n        @blur.prevent=\"deactivate\"\n        @keyup.esc=\"deactivate\"\n        @keydown.down.prevent=\"pointerForward\"\n        @keydown.up.prevent=\"pointerBackward\"\n        @keypress.enter.prevent.stop.self=\"addPointerElement\"\n        @keydown.delete.stop=\"removeLastElement\"\n        class=\"multiselect__input\"\n        :aria-controls=\"`listbox-${id}`\" />\n      <span\n        v-if=\"isSingleLabelVisible\"\n        class=\"multiselect__single\"\n        @mousedown.prevent=\"toggle\">\n        <slot name=\"singleLabel\" :option=\"singleValue\">\n          {{ currentOptionLabel }}\n        </slot>\n      </span>\n      <span\n        v-if=\"isPlaceholderVisible\"\n        class=\"multiselect__placeholder\"\n        @mousedown.prevent=\"toggle\">\n        <slot name=\"placeholder\">\n          {{ placeholder }}\n        </slot>\n      </span>\n    </div>\n    \n    <transition name=\"multiselect\">\n      <div\n        class=\"multiselect__content-wrapper\"\n        v-show=\"isOpen\"\n        @focus=\"activate\"\n        tabindex=\"-1\"\n        @mousedown.prevent\n        :style=\"{ maxHeight: `${optimizedHeight}px` }\"\n        ref=\"list\">\n        <ul class=\"multiselect__content\" :style=\"contentStyle\" role=\"listbox\" :id=\"`listbox-${id}`\">\n          <slot name=\"beforeList\" />\n          <li v-if=\"multiple && max === internalValue.length\">\n            <span class=\"multiselect__option\">\n              <slot name=\"maxElements\">\n                Maximum of {{ max }} options selected. First remove a selected option to select another.\n              </slot>\n            </span>\n          </li>\n          <template v-if=\"!max || internalValue.length < max\">\n            <li \n              class=\"multiselect__element\"\n              v-for=\"(option, index) of filteredOptions\"\n              :key=\"index\"\n              :id=\"`${id}-${index}`\"\n              :role=\"!(option?.$isLabel || option?.$isDisabled) ? 'option' : null\">\n              <span\n                v-if=\"!(option?.$isLabel || option?.$isDisabled)\"\n                :class=\"optionHighlight(index, option)\"\n                @click.stop=\"select(option)\"\n                @mouseenter.self=\"pointerSet(index)\"\n                :data-select=\"option?.isTag ? tagPlaceholder : selectLabelText\"\n                :data-selected=\"selectedLabelText\"\n                :data-deselect=\"deselectLabelText\"\n                class=\"multiselect__option\">\n                <slot name=\"option\" :option :search :index>\n                  <span>{{ getOptionLabel(option) }}</span>\n                </slot>\n              </span>\n              <span\n                v-if=\"option?.$isLabel || option?.$isDisabled\"\n                :data-select=\"groupSelect && selectGroupLabelText\"\n                :data-deselect=\"groupSelect && deselectGroupLabelText\"\n                :class=\"groupHighlight(index, option)\"\n                @mouseenter.self=\"groupSelect && pointerSet(index)\"\n                @mousedown.prevent=\"selectGroup(option)\"\n                class=\"multiselect__option\">\n                <slot name=\"option\" :option :search :index>\n                  <span>{{ getOptionLabel(option) }}</span>\n                </slot>\n              </span>\n            </li>\n          </template>\n          <li v-show=\"showNoResults && filteredOptions.length === 0 && search && !loading\">\n            <span class=\"multiselect__option\">\n              <slot name=\"noResult\" :search>\n                No elements found. Consider changing the search query.\n              </slot>\n            </span>\n          </li>\n          <li v-show=\"showNoOptions && (options.length === 0 || (hasOptionGroup && filteredOptions.length === 0)) && !search && !loading\">\n            <span class=\"multiselect__option\">\n              <slot name=\"noOptions\">List is empty.</slot>\n            </span>\n          </li>\n          <slot name=\"afterList\" />\n        </ul>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, nextTick } from 'vue'\n\n// Props\nconst props = defineProps({\n  modelValue: { type: null, default: () => [] },\n  options: { type: Array, required: true },\n  multiple: { type: Boolean, default: false },\n  trackBy: String,\n  label: String,\n  searchable: { type: Boolean, default: true },\n  clearOnSelect: { type: Boolean, default: true },\n  hideSelected: { type: Boolean, default: false },\n  placeholder: { type: String, default: 'Select option' },\n  allowEmpty: { type: Boolean, default: true },\n  resetAfter: { type: Boolean, default: false },\n  closeOnSelect: { type: Boolean, default: true },\n  customLabel: {\n    type: Function,\n    default: (option, label) => {\n      if (!option && option !== 0) return ''\n      return label ? option[label] : option\n    }\n  },\n  taggable: { type: Boolean, default: false },\n  tagPlaceholder: { type: String, default: 'Press enter to create a tag' },\n  tagPosition: { type: String, default: 'top' },\n  max: { type: [Number, Boolean], default: false },\n  id: { default: null },\n  optionsLimit: { type: Number, default: 1000 },\n  groupValues: String,\n  groupLabel: String,\n  groupSelect: { type: Boolean, default: false },\n  blockKeys: { type: Array, default: () => [] },\n  preserveSearch: { type: Boolean, default: false },\n  preselectFirst: { type: Boolean, default: false },\n  preventAutofocus: { type: Boolean, default: false },\n  internalSearch: { type: Boolean, default: true },\n  name: { type: String, default: '' },\n  selectLabel: { type: String, default: 'Press enter to select' },\n  selectGroupLabel: { type: String, default: 'Press enter to select group' },\n  selectedLabel: { type: String, default: 'Selected' },\n  deselectLabel: { type: String, default: 'Press enter to remove' },\n  deselectGroupLabel: { type: String, default: 'Press enter to deselect group' },\n  showLabels: { type: Boolean, default: true },\n  limit: { type: Number, default: 99999 },\n  maxHeight: { type: Number, default: 300 },\n  limitText: { type: Function, default: count => `and ${count} more` },\n  loading: { type: Boolean, default: false },\n  disabled: { type: Boolean, default: false },\n  openDirection: { type: String, default: '' },\n  showNoOptions: { type: Boolean, default: true },\n  showNoResults: { type: Boolean, default: true },\n  tabindex: { type: Number, default: 0 },\n  showPointer: { type: Boolean, default: true },\n  optionHeight: { type: Number, default: 40 }\n})\n\n// Emits\nconst emit = defineEmits(['open', 'search-change', 'close', 'select', 'update:modelValue', 'remove', 'tag'])\n\n// Refs\nconst multiselect = ref(null)\nconst searchInput = ref(null)\nconst list = ref(null)\nconst tags = ref(null)\n\n// State\nconst search = ref('')\nconst isOpen = ref(false)\nconst preferredOpenDirection = ref('below')\nconst optimizedHeight = ref(props.maxHeight)\nconst pointer = ref(0)\nconst pointerDirty = ref(false)\n\n// Helper functions\nconst isEmpty = opt => {\n  if (opt === 0) return false\n  if (Array.isArray(opt) && opt.length === 0) return true\n  return !opt\n}\n\nconst includes = (str, query) => {\n  if (str === undefined) str = 'undefined'\n  if (str === null) str = 'null'\n  if (str === false) str = 'false'\n  return str.toString().toLowerCase().indexOf(query.trim()) !== -1\n}\n\nconst filterOptions = (options, search, label, customLabel) => {\n  return search \n    ? options.filter(option => includes(customLabel(option, label), search))\n        .sort((a, b) => customLabel(a, label).length - customLabel(b, label).length)\n    : options\n}\n\nconst flattenOptions = (values, label) => options =>\n  options.reduce((prev, curr) => {\n    if (curr[values]?.length) {\n      prev.push({ $groupLabel: curr[label], $isLabel: true })\n      return prev.concat(curr[values])\n    }\n    return prev\n  }, [])\n\nconst stripGroups = options => options.filter(option => !option.$isLabel)\n\nconst filterGroups = (search, label, values, groupLabel, customLabel) => groups =>\n  groups.map(group => {\n    if (!group[values]) {\n      console.warn(`Options passed to vue-multiselect do not contain groups, despite the config.`)\n      return []\n    }\n    const groupOptions = filterOptions(group[values], search, label, customLabel)\n    return groupOptions.length ? { [groupLabel]: group[groupLabel], [values]: groupOptions } : []\n  })\n\nconst flow = (...fns) => x => fns.reduce((v, f) => f(v), x)\n\n// Computed\nconst internalValue = computed(() => {\n  const val = props.modelValue\n  return val || val === 0 ? (Array.isArray(val) ? val : [val]) : []\n})\n\nconst filteredOptions = computed(() => {\n  const searchVal = search.value || ''\n  const normalizedSearch = searchVal.toLowerCase().trim()\n  let options = props.options.concat()\n\n  if (props.internalSearch) {\n    options = props.groupValues \n      ? filterAndFlat(options, normalizedSearch, props.label)\n      : filterOptions(options, normalizedSearch, props.label, props.customLabel)\n  } else {\n    options = props.groupValues \n      ? flattenOptions(props.groupValues, props.groupLabel)(options) \n      : options\n  }\n\n  options = props.hideSelected ? options.filter(o => !isSelected(o)) : options\n\n  if (props.taggable && normalizedSearch.length && !isExistingOption(normalizedSearch)) {\n    if (props.tagPosition === 'bottom') {\n      options.push({ isTag: true, label: searchVal })\n    } else {\n      options.unshift({ isTag: true, label: searchVal })\n    }\n  }\n\n  return options.slice(0, props.optionsLimit)\n})\n\nconst valueKeys = computed(() => \n  props.trackBy ? internalValue.value.map(el => el[props.trackBy]) : internalValue.value\n)\n\nconst optionKeys = computed(() => {\n  const options = props.groupValues ? flatAndStrip(props.options) : props.options\n  return options.map(el => props.customLabel(el, props.label).toString().toLowerCase())\n})\n\nconst currentOptionLabel = computed(() =>\n  props.multiple \n    ? (props.searchable ? '' : props.placeholder)\n    : internalValue.value.length \n      ? getOptionLabel(internalValue.value[0])\n      : props.searchable ? '' : props.placeholder\n)\n\nconst hasOptionGroup = computed(() => props.groupValues && props.groupLabel && props.groupSelect)\n\nconst isSingleLabelVisible = computed(() =>\n  (singleValue.value || singleValue.value === 0) &&\n  (!isOpen.value || !props.searchable) &&\n  !visibleValues.value.length\n)\n\nconst isPlaceholderVisible = computed(() =>\n  !internalValue.value.length && (!props.searchable || !isOpen.value)\n)\n\nconst visibleValues = computed(() =>\n  props.multiple ? internalValue.value.slice(0, props.limit) : []\n)\n\nconst singleValue = computed(() => internalValue.value[0])\n\nconst deselectLabelText = computed(() => props.showLabels ? props.deselectLabel : '')\nconst deselectGroupLabelText = computed(() => props.showLabels ? props.deselectGroupLabel : '')\nconst selectLabelText = computed(() => props.showLabels ? props.selectLabel : '')\nconst selectGroupLabelText = computed(() => props.showLabels ? props.selectGroupLabel : '')\nconst selectedLabelText = computed(() => props.showLabels ? props.selectedLabel : '')\n\nconst inputStyle = computed(() => {\n  if (props.searchable || (props.multiple && props.modelValue?.length)) {\n    return isOpen.value\n      ? { width: '100%' }\n      : { width: '0', position: 'absolute', padding: '0' }\n  }\n  return ''\n})\n\nconst contentStyle = computed(() => \n  props.options.length ? { display: 'inline-block' } : { display: 'block' }\n)\n\nconst isAbove = computed(() => {\n  if (['above', 'top'].includes(props.openDirection)) return true\n  if (['below', 'bottom'].includes(props.openDirection)) return false\n  return preferredOpenDirection.value === 'above'\n})\n\nconst pointerPosition = computed(() => pointer.value * props.optionHeight)\nconst visibleElements = computed(() => optimizedHeight.value / props.optionHeight)\n\n// Methods\nconst filterAndFlat = (options, search, label) =>\n  flow(\n    filterGroups(search, label, props.groupValues, props.groupLabel, props.customLabel),\n    flattenOptions(props.groupValues, props.groupLabel)\n  )(options)\n\nconst flatAndStrip = options =>\n  flow(\n    flattenOptions(props.groupValues, props.groupLabel),\n    stripGroups\n  )(options)\n\nconst updateSearch = query => {\n  search.value = query\n}\n\nconst isExistingOption = query => \n  props.options ? optionKeys.value.indexOf(query) > -1 : false\n\nconst isSelected = option => {\n  const opt = props.trackBy ? option[props.trackBy] : option\n  return valueKeys.value.indexOf(opt) > -1\n}\n\nconst isOptionDisabled = option => !!option?.$isDisabled\n\nconst getOptionLabel = option => {\n  if (isEmpty(option)) return ''\n  if (option.isTag) return option.label\n  if (option.$isLabel) return option.$groupLabel\n  const label = props.customLabel(option, props.label)\n  return isEmpty(label) ? '' : label\n}\n\nconst select = (option, key) => {\n  if (option.$isLabel && props.groupSelect) {\n    selectGroup(option)\n    return\n  }\n  if (props.blockKeys.indexOf(key) !== -1 || props.disabled || option.$isDisabled || option.$isLabel) return\n  if (props.max && props.multiple && internalValue.value.length === props.max) return\n  if (key === 'Tab' && !pointerDirty.value) return\n  \n  if (option.isTag) {\n    emit('tag', option.label, props.id)\n    search.value = ''\n    if (props.closeOnSelect && !props.multiple) deactivate()\n  } else {\n    if (isSelected(option)) {\n      if (key !== 'Tab') removeElement(option)\n      return\n    }\n\n    emit('update:modelValue', props.multiple ? internalValue.value.concat([option]) : option)\n    emit('select', option, props.id)\n\n    if (props.clearOnSelect) search.value = ''\n  }\n  \n  if (props.closeOnSelect) deactivate()\n}\n\nconst selectGroup = selectedGroup => {\n  const group = props.options.find(option => \n    option[props.groupLabel] === selectedGroup.$groupLabel\n  )\n  if (!group) return\n\n  if (wholeGroupSelected(group)) {\n    emit('remove', group[props.groupValues], props.id)\n    const newValue = internalValue.value.filter(option => \n      group[props.groupValues].indexOf(option) === -1\n    )\n    emit('update:modelValue', newValue)\n  } else {\n    let optionsToAdd = group[props.groupValues].filter(option => \n      !(isOptionDisabled(option) || isSelected(option))\n    )\n    if (props.max) optionsToAdd.splice(props.max - internalValue.value.length)\n    \n    emit('select', optionsToAdd, props.id)\n    emit('update:modelValue', internalValue.value.concat(optionsToAdd))\n  }\n\n  if (props.closeOnSelect) deactivate()\n}\n\nconst wholeGroupSelected = group =>\n  group[props.groupValues].every(option => isSelected(option) || isOptionDisabled(option))\n\nconst wholeGroupDisabled = group =>\n  group[props.groupValues].every(isOptionDisabled)\n\nconst removeElement = (option, shouldClose = true) => {\n  if (props.disabled || option?.$isDisabled) return\n  if (!props.allowEmpty && internalValue.value.length <= 1) {\n    deactivate()\n    return\n  }\n\n  const index = typeof option === 'object' \n    ? valueKeys.value.indexOf(option[props.trackBy])\n    : valueKeys.value.indexOf(option)\n\n  const newValue = props.multiple\n    ? internalValue.value.slice(0, index).concat(internalValue.value.slice(index + 1))\n    : null\n\n  emit('update:modelValue', newValue)\n  emit('remove', option, props.id)\n\n  if (props.closeOnSelect && shouldClose) deactivate()\n}\n\nconst removeLastElement = () => {\n  if (props.blockKeys.indexOf('Delete') !== -1) return\n  if (search.value.length === 0 && Array.isArray(internalValue.value) && internalValue.value.length) {\n    removeElement(internalValue.value[internalValue.value.length - 1], false)\n  }\n}\n\nconst activate = () => {\n  if (isOpen.value || props.disabled) return\n\n  adjustPosition()\n  if (props.groupValues && pointer.value === 0 && filteredOptions.value.length) {\n    pointer.value = 1\n  }\n\n  isOpen.value = true\n  if (props.searchable) {\n    if (!props.preserveSearch) search.value = ''\n    if (!props.preventAutofocus) nextTick(() => searchInput.value?.focus())\n  } else if (!props.preventAutofocus) {\n    multiselect.value?.focus()\n  }\n  emit('open', props.id)\n}\n\nconst deactivate = () => {\n  if (!isOpen.value) return\n\n  isOpen.value = false\n  if (props.searchable) {\n    searchInput.value?.blur()\n  } else {\n    multiselect.value?.blur()\n  }\n  if (!props.preserveSearch) search.value = ''\n  emit('close', getValue(), props.id)\n}\n\nconst toggle = () => {\n  isOpen.value ? deactivate() : activate()\n}\n\nconst adjustPosition = () => {\n  if (typeof window === 'undefined') return\n\n  const spaceAbove = multiselect.value.getBoundingClientRect().top\n  const spaceBelow = window.innerHeight - multiselect.value.getBoundingClientRect().bottom\n  const hasEnoughSpaceBelow = spaceBelow > props.maxHeight\n\n  if (hasEnoughSpaceBelow || spaceBelow > spaceAbove || ['below', 'bottom'].includes(props.openDirection)) {\n    preferredOpenDirection.value = 'below'\n    optimizedHeight.value = Math.min(spaceBelow - 40, props.maxHeight)\n  } else {\n    preferredOpenDirection.value = 'above'\n    optimizedHeight.value = Math.min(spaceAbove - 40, props.maxHeight)\n  }\n}\n\nconst getValue = () => \n  props.multiple ? internalValue.value : internalValue.value.length === 0 ? null : internalValue.value[0]\n\n// Pointer methods\nconst optionHighlight = (index, option) => ({\n  'multiselect__option--highlight': index === pointer.value && props.showPointer,\n  'multiselect__option--selected': isSelected(option)\n})\n\nconst groupHighlight = (index, selectedGroup) => {\n  if (!props.groupSelect) {\n    return ['multiselect__option--disabled', { 'multiselect__option--group': selectedGroup.$isLabel }]\n  }\n  const group = props.options.find(option => \n    option[props.groupLabel] === selectedGroup.$groupLabel\n  )\n  return group && !wholeGroupDisabled(group)\n    ? ['multiselect__option--group', \n       { 'multiselect__option--highlight': index === pointer.value && props.showPointer },\n       { 'multiselect__option--group-selected': wholeGroupSelected(group) }]\n    : 'multiselect__option--disabled'\n}\n\nconst addPointerElement = ({ key } = 'Enter') => {\n  if (filteredOptions.value.length > 0) {\n    select(filteredOptions.value[pointer.value], key)\n  }\n  pointerReset()\n}\n\nconst pointerForward = () => {\n  if (pointer.value < filteredOptions.value.length - 1) {\n    pointer.value++\n    if (list.value.scrollTop <= pointerPosition.value - (visibleElements.value - 1) * props.optionHeight) {\n      list.value.scrollTop = pointerPosition.value - (visibleElements.value - 1) * props.optionHeight\n    }\n    if (filteredOptions.value[pointer.value]?.$isLabel && !props.groupSelect) pointerForward()\n  }\n  pointerDirty.value = true\n}\n\nconst pointerBackward = () => {\n  if (pointer.value > 0) {\n    pointer.value--\n    if (list.value.scrollTop >= pointerPosition.value) {\n      list.value.scrollTop = pointerPosition.value\n    }\n    if (filteredOptions.value[pointer.value]?.$isLabel && !props.groupSelect) pointerBackward()\n  } else {\n    if (filteredOptions.value[pointer.value]?.$isLabel && !props.groupSelect) pointerForward()\n  }\n  pointerDirty.value = true\n}\n\nconst pointerReset = () => {\n  if (!props.closeOnSelect) return\n  pointer.value = 0\n  if (list.value) list.value.scrollTop = 0\n}\n\nconst pointerAdjust = () => {\n  if (pointer.value >= filteredOptions.value.length - 1) {\n    pointer.value = filteredOptions.value.length ? filteredOptions.value.length - 1 : 0\n  }\n  if (filteredOptions.value.length > 0 && filteredOptions.value[pointer.value]?.$isLabel && !props.groupSelect) {\n    pointerForward()\n  }\n}\n\nconst pointerSet = index => {\n  pointer.value = index\n  pointerDirty.value = true\n}\n\n// Watchers\nwatch(() => internalValue.value, () => {\n  if (props.resetAfter && internalValue.value.length) {\n    search.value = ''\n    emit('update:modelValue', props.multiple ? [] : null)\n  }\n}, { deep: true })\n\nwatch(search, () => emit('search-change', search.value))\n\nwatch(filteredOptions, () => pointerAdjust())\n\nwatch(isOpen, () => pointerDirty.value = false)\n\nwatch(pointer, () => {\n  searchInput.value?.setAttribute('aria-activedescendant', `${props.id}-${pointer.value}`)\n})\n\n// Lifecycle\nonMounted(() => {\n  if (!props.multiple && props.max) {\n    console.warn('[Vue-Multiselect warn]: Max prop should not be used when prop Multiple equals false.')\n  }\n  if (props.preselectFirst && !internalValue.value.length && props.options.length) {\n    select(filteredOptions.value[0])\n  }\n})\n</script>\n\n<style>\nfieldset[disabled] .multiselect {\n  pointer-events: none;\n}\n\n.multiselect__spinner {\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  width: 40px;\n  height: 38px;\n  background: #fff;\n  display: block;\n}\n\n.multiselect__spinner::before,\n.multiselect__spinner::after {\n  position: absolute;\n  content: \"\";\n  top: 50%;\n  left: 50%;\n  margin: -8px 0 0 -8px;\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n  border-color: #41b883 transparent transparent;\n  border-style: solid;\n  border-width: 2px;\n  box-shadow: 0 0 0 1px transparent;\n}\n\n.multiselect__spinner::before {\n  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);\n  animation-iteration-count: infinite;\n}\n\n.multiselect__spinner::after {\n  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);\n  animation-iteration-count: infinite;\n}\n\n.multiselect__loading-enter-active,\n.multiselect__loading-leave-active {\n  transition: opacity 0.4s ease-in-out;\n  opacity: 1;\n}\n\n.multiselect__loading-enter,\n.multiselect__loading-leave-active {\n  opacity: 0;\n}\n\n.multiselect,\n.multiselect__input,\n.multiselect__single {\n  font-family: inherit;\n  touch-action: manipulation;\n}\n\n.multiselect {\n  display: block;\n  position: relative;\n  width: 100%;\n  min-height: 40px;\n}\n\n.multiselect * {\n  box-sizing: border-box;\n}\n\n.multiselect:focus {\n  outline: none;\n}\n\n.multiselect--disabled {\n  background: #ededed;\n  pointer-events: none;\n  opacity: 0.6;\n}\n\n.multiselect--active {\n  z-index: 50;\n}\n\n.multiselect--active:not(.multiselect--above) .multiselect__current,\n.multiselect--active:not(.multiselect--above) .multiselect__input,\n.multiselect--active:not(.multiselect--above) .multiselect__tags {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.multiselect--active .multiselect__select {\n  transform: rotateZ(180deg);\n}\n\n.multiselect--above.multiselect--active .multiselect__current,\n.multiselect--above.multiselect--active .multiselect__input,\n.multiselect--above.multiselect--active .multiselect__tags {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.multiselect__input,\n.multiselect__single,\n.multiselect__placeholder {\n  position: relative;\n  display: inline-block;\n  min-height: 20px;\n  line-height: 20px;\n  border: none;\n  width: calc(100%);\n  height: inherit;\n  box-sizing: border-box;\n  vertical-align: top;\n  display: flex;\n  align-items: center;\n}\n\n.multiselect__input::placeholder {\n  color: #35495e;\n}\n\n.multiselect__tag ~ .multiselect__input,\n.multiselect__tag ~ .multiselect__single {\n  width: auto;\n}\n\n.multiselect__input:hover,\n.multiselect__single:hover {\n  border-color: #cfcfcf;\n}\n\n.multiselect__input:focus,\n.multiselect__single:focus {\n  border-color: #a8a8a8;\n  outline: none;\n}\n\n.multiselect__tags-wrap {\n  display: inline;\n}\n\n.multiselect__tags {\n  display: block;\n  height: inherit;\n}\n\n.multiselect__tag {\n  position: relative;\n  display: inline-block;\n  padding: 4px 26px 4px 10px;\n  border-radius: 5px;\n  margin-right: 10px;\n  color: #fff;\n  line-height: 1;\n  background: #41b883;\n  margin-bottom: 5px;\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 100%;\n  text-overflow: ellipsis;\n}\n\n.multiselect__tag-icon {\n  cursor: pointer;\n  margin-left: 7px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  font-weight: 700;\n  font-style: initial;\n  width: 22px;\n  text-align: center;\n  line-height: 22px;\n  transition: all 0.2s ease;\n  border-radius: 5px;\n}\n\n.multiselect__tag-icon::after {\n  content: \"×\";\n  color: #266d4d;\n  font-size: 14px;\n}\n\n.multiselect__tag-icon:focus::after,\n.multiselect__tag-icon:hover::after {\n  color: white;\n}\n\n.multiselect__current {\n  line-height: 16px;\n  min-height: 40px;\n  box-sizing: border-box;\n  display: block;\n  overflow: hidden;\n  padding: 8px 12px 0;\n  padding-right: 30px;\n  white-space: nowrap;\n  margin: 0;\n  text-decoration: none;\n  border-radius: 5px;\n  border: 1px solid #e8e8e8;\n  cursor: pointer;\n}\n\n.multiselect__select {\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: center;\n  position: absolute;\n  box-sizing: border-box;\n  width: 40px;\n  height: 38px;\n  right: 1px;\n  top: calc(50% - 19px);\n  padding: 4px 8px;\n  margin: 0;\n  text-decoration: none;\n  text-align: center;\n  cursor: pointer;\n  transition: transform 0.2s ease;\n}\n\n.multiselect__select::before {\n  position: relative;\n  color: #999;\n  margin-top: 4px;\n  border-style: solid;\n  border-width: 5px 5px 0 5px;\n  border-color: #999 transparent transparent transparent;\n  content: \"\";\n}\n\n.multiselect--active .multiselect__placeholder {\n  display: none;\n}\n\n.multiselect__content-wrapper {\n  position: absolute;\n  display: block;\n  background: #fff;\n  width: 100%;\n  max-height: 240px;\n  height: min-content;\n  overflow: auto;\n  left: 0;\n  border-top: none;\n  border-bottom-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n  z-index: 50;\n  -webkit-overflow-scrolling: touch;\n}\n\n.multiselect__content {\n  list-style: none;\n  display: inline-block;\n  padding: 0;\n  margin: 0;\n  min-width: 100%;\n  vertical-align: top;\n}\n\n.multiselect--above .multiselect__content-wrapper {\n  bottom: 100%;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  border-bottom: none;\n  border-top: 1px solid #e8e8e8;\n}\n\n.multiselect__content::-webkit-scrollbar {\n  display: none;\n}\n\n.multiselect__element {\n  display: block;\n}\n\n.multiselect__option {\n  display: block;\n  padding: 12px;\n  min-height: 40px;\n  line-height: 16px;\n  text-decoration: none;\n  text-transform: none;\n  vertical-align: middle;\n  position: relative;\n  cursor: pointer;\n  white-space: nowrap;\n}\n\n.multiselect__option::after {\n  top: 0;\n  right: 0;\n  position: absolute;\n  line-height: 40px;\n  padding-right: 12px;\n  padding-left: 20px;\n  font-size: 13px;\n}\n\n.multiselect__option--highlight {\n  background: rgba(var(--main), 0.1);\n  outline: none;\n}\n\n.multiselect__option--highlight::after {\n  content: attr(data-select);\n}\n\n.multiselect__option--selected {\n  background: #f3f3f3;\n  color: #35495e;\n  font-weight: bold;\n}\n\n.multiselect__option--selected::after {\n  content: attr(data-selected);\n  color: silver;\n  background: inherit;\n}\n\n.multiselect__option--selected.multiselect__option--highlight {\n  background: rgba(var(--red), 0.1);\n}\n\n.multiselect__option--selected.multiselect__option--highlight::after {\n  content: attr(data-deselect);\n}\n\n.multiselect--disabled .multiselect__current,\n.multiselect--disabled .multiselect__select {\n  background: #ededed;\n  color: #a6a6a6;\n}\n\n.multiselect__option--disabled {\n  background: #ededed !important;\n  color: #a6a6a6 !important;\n  cursor: text;\n  pointer-events: none;\n}\n\n.multiselect__option--group {\n  background: #ededed;\n  color: #35495e;\n}\n\n.multiselect__option--group.multiselect__option--highlight {\n  background: #35495e;\n  color: #fff;\n}\n\n.multiselect__option--group.multiselect__option--highlight::after {\n  background: #35495e;\n}\n\n.multiselect__option--disabled.multiselect__option--highlight {\n  background: #dedede;\n}\n\n.multiselect__option--group-selected.multiselect__option--highlight {\n  background: #ff6a6a;\n  color: #fff;\n}\n\n.multiselect__option--group-selected.multiselect__option--highlight::after {\n  background: #ff6a6a;\n  content: attr(data-deselect);\n  color: #fff;\n}\n\n.multiselect-enter-active,\n.multiselect-leave-active {\n  transition: all 0.15s ease;\n}\n\n.multiselect-enter,\n.multiselect-leave-active {\n  opacity: 0;\n}\n\n.multiselect__strong {\n  margin-bottom: 8px;\n  line-height: 20px;\n  display: inline-block;\n  vertical-align: top;\n}\n\n*[dir=\"rtl\"] .multiselect {\n  text-align: right;\n}\n\n*[dir=\"rtl\"] .multiselect__select {\n  right: auto;\n  left: 1px;\n}\n\n*[dir=\"rtl\"] .multiselect__tags {\n  padding: 8px 8px 0 40px;\n}\n\n*[dir=\"rtl\"] .multiselect__content {\n  text-align: right;\n}\n\n*[dir=\"rtl\"] .multiselect__option::after {\n  right: auto;\n  left: 0;\n}\n\n*[dir=\"rtl\"] .multiselect__clear {\n  right: auto;\n  left: 12px;\n}\n\n*[dir=\"rtl\"] .multiselect__spinner {\n  right: auto;\n  left: 1px;\n}\n\n@keyframes spinning {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(2turn);\n  }\n}\n</style>"],"names":["search"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { ref, computed, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, withModifiers, createVNode, toDisplayString } from "vue";
 import axios from "axios";
-import Loader from "../Loader/Loader.vue2.js";
+import Loader from "../Loader/Loader.vue.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconDelete.vue.js";
-/* empty css                */
+/* empty css                 */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = {
@@ -216,4 +216,4 @@ const UploadImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-
 export {
   UploadImage as default
 };
-//# sourceMappingURL=UploadImage.vue2.js.map
+//# sourceMappingURL=UploadImage.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadImage.vue.js","sources":["../../../../../src/components/UploadImage/UploadImage.vue"],"sourcesContent":["<template>\n  <div class=\"upload-image-wrapper flex-v-center flex-nowrap flex gap-small\" :class=\"{'with-text': text}\">\n    <div \n      @click=\"onComponentClick\"\n      @drop=\"onDrop\"\n      @dragover.prevent\n      class=\"pos-relative radius-small br-solid br-1px br-black-transp-10 h-100 aspect-1x1 flex-v-center flex-h-center flex cursor-pointer\"\n    >\n      <img loading=\"lazy\" \n        v-if=\"imageUrl || photo || previewUrl\" \n        :src=\"previewUrl || (FILE_SERVER_URL || '') + (imageUrl || photo)\"\n        alt=\"Uploaded image\" \n        class=\"pos-absolute  radius-small o-hidden z-index-1 w-100 h-100 object-fit-cover\"\n      />\n      \n      <div v-else class=\"flex-v-center pos-relative z-index-2 flex-h-center flex w-100 h-100 radius-small  bg-second\" >\n        <IconUpload class=\"i-medium upload-icon\" fill=\"rgb(var(--white))\" />\n      </div>\n      \n      <!-- Hover controls -->\n      <div class=\"z-index-2 pos-relative  hover-controls pos-absolute w-100 h-100 flex-v-center flex-h-center flex\">\n        <div v-if=\"!imageUrl && !photo && !previewUrl\" class=\"hover-upload-icon\">\n          <IconUpload class=\"i-medium\" fill=\"rgb(var(--white))\" />\n        </div>\n        <div v-else class=\"hover-buttons flex gap-small\">\n          <button @click.stop=\"onComponentClick\" class=\"hover-button radius-small pd-thin bg-main t-white br-none cursor-pointer\">\n            <IconUpload class=\"i-medium\" fill=\"rgb(var(--white))\" />\n          </button>\n          <button @click.stop=\"deleteImage\" class=\"hover-button radius-small pd-thin bg-danger t-white br-none cursor-pointer\">\n            <IconDelete class=\"i-medium\" fill=\"rgb(var(--white))\" />\n          </button>\n        </div>\n      </div>\n      \n      <!-- Loading overlay -->\n      <div v-if=\"loading\" class=\"z-index-2 loading-overlay pos-absolute w-100 h-100 flex-v-center flex-h-center flex\">\n        <Loader :centered=\"false\" />\n      </div>\n      \n      <input type=\"file\" name=\"file\" ref=\"fileInput\" @change=\"onFileChange\" style=\"display: none\"/>\n    </div>\n    \n    <!-- Text block -->\n    <div v-if=\"text\" class=\"upload-text-block  flex flex-column\">\n      <span class=\"mn-b-small t-medium\">{{ textConfig.title }}</span>\n      <span class=\"mn-b-medium t-transp\">{{ textConfig.subtitle }}</span>\n      <div v-if=\"!imageUrl && !photo && !previewUrl\">\n        <button @click=\"onComponentClick\" class=\"button button-small w-max bg-main t-black cursor-pointer\">\n          {{ textConfig.buttonText }}\n        </button>\n      </div>\n      <div v-else class=\"flex gap-thin\">\n        <button @click=\"onComponentClick\" class=\"button button-small w-max bg-second t-white cursor-pointer\">\n          Upload \n        </button>\n        <button @click=\"deleteImage\" class=\"button button-small w-max bg-red t-white cursor-pointer\">\n          Delete\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, computed } from 'vue';\nimport axios from 'axios';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\nconst previewUrl = ref(null);\nconst loading = ref(false);\n\nconst props = defineProps({\n  uploadPath: {\n    type: String,\n    required: true\n  },\n  photo: {\n    type: String,\n    default: null\n  },\n  text: {\n    type: [Object, Boolean],\n    default: null\n  }\n});\n\nconst emit = defineEmits(['update:photo', 'error']);\n\n// Text configuration with defaults\nconst textConfig = computed(() => {\n  const defaults = {\n    title: 'Upload Image',\n    subtitle: 'Drag & drop your image here or click button. Supported: JPG, PNG, GIF. Max size: 2MB',\n    buttonText: 'Choose Image'\n  };\n  \n  if (props.text === true) {\n    return defaults;\n  } else if (typeof props.text === 'object' && props.text !== null) {\n    return {\n      title: props.text.title || defaults.title,\n      subtitle: props.text.subtitle || defaults.subtitle,\n      buttonText: props.text.buttonText || defaults.buttonText\n    };\n  }\n  \n  return defaults;\n});\n\nwatch(props, ({photo}) => {\n  if(photo) imageUrl.value = photo;\n});\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n  if (!file) {\n    console.error(\"No file selected\");\n    return;\n  }\n  \n  // Create preview from file\n  const reader = new FileReader();\n  reader.onload = (e) => {\n    previewUrl.value = e.target.result;\n  };\n  reader.readAsDataURL(file);\n  \n  let formData = new FormData();\n  formData.append(\"file\", file);\n\n  console.log(\"Sending file:\", file.name); // Логируем имя файла перед отправкой\n  \n  loading.value = true;\n\n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData);\n    console.log(\"Upload response:\", response); // Логируем ответ сервера\n    imageUrl.value = response.data[0].filepath;\n    previewUrl.value = null; // Clear preview after successful upload\n    emit('update:photo', imageUrl.value);\n  } catch (error) {\n    emit('error', error);\n    console.error(\"Upload error:\", error); // Логируем ошибку\n    previewUrl.value = null; // Clear preview on error\n  } finally {\n    loading.value = false;\n  }\n}\n\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n\nfunction deleteImage() {\n  imageUrl.value = null;\n  previewUrl.value = null;\n  emit('update:photo', null);\n  // Reset file input\n  if (fileInput.value) {\n    fileInput.value.value = '';\n  }\n}\n</script>\n\n<style scoped>\n.image-upload-area {\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n.image-upload-area:hover {\n  opacity: 0.95;\n}\n\n/* Hover controls */\n.hover-controls {\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.image-upload-area:hover .hover-controls {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.hover-upload-icon {\n  animation: pulse 1.5s infinite;\n}\n\n.hover-button {\n  transition: transform 0.2s ease, background-color 0.2s ease;\n}\n\n.hover-button:hover {\n  transform: scale(1.1);\n}\n\n.hover-button:active {\n  transform: scale(0.95);\n}\n\n/* Loading overlay */\n.loading-overlay {\n  top: 0;\n  left: 0;\n  background: rgba(255, 255, 255, 0.9);\n  z-index: 10;\n}\n\n/* Animations */\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n/* Upload icon in empty state */\n.upload-icon {\n  transition: transform 0.3s ease;\n}\n\n.image-upload-area:hover .upload-icon {\n  transform: scale(1.1);\n}\n</style>\n"],"names":["e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,aAAa,IAAI,IAAI;AAC3B,UAAM,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAQ;AAed,UAAM,OAAO;AAGb,UAAM,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW;AAAA,QACf,OAAO;AAAA,QACP,UAAU;AAAA,QACV,YAAY;AAAA,MAChB;AAEE,UAAI,MAAM,SAAS,MAAM;AACvB,eAAO;AAAA,MACT,WAAW,OAAO,MAAM,SAAS,YAAY,MAAM,SAAS,MAAM;AAChE,eAAO;AAAA,UACL,OAAO,MAAM,KAAK,SAAS,SAAS;AAAA,UACpC,UAAU,MAAM,KAAK,YAAY,SAAS;AAAA,UAC1C,YAAY,MAAM,KAAK,cAAc,SAAS;AAAA,QACpD;AAAA,MACE;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,OAAO,CAAC,EAAC,MAAK,MAAM;AACxB,UAAG,MAAO,UAAS,QAAQ;AAAA,IAC7B,CAAC;AAED,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AAEA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAC3B,UAAI,CAAC,MAAM;AACT,gBAAQ,MAAM,kBAAkB;AAChC;AAAA,MACF;AAGA,YAAM,SAAS,IAAI,WAAU;AAC7B,aAAO,SAAS,CAACA,OAAM;AACrB,mBAAW,QAAQA,GAAE,OAAO;AAAA,MAC9B;AACA,aAAO,cAAc,IAAI;AAEzB,UAAI,WAAW,IAAI,SAAQ;AAC3B,eAAS,OAAO,QAAQ,IAAI;AAE5B,cAAQ,IAAI,iBAAiB,KAAK,IAAI;AAEtC,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAE;AAEnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,QAAQ;AACpH,gBAAQ,IAAI,oBAAoB,QAAQ;AACxC,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,mBAAW,QAAQ;AACnB,aAAK,gBAAgB,SAAS,KAAK;AAAA,MACrC,SAAS,OAAO;AACd,aAAK,SAAS,KAAK;AACnB,gBAAQ,MAAM,iBAAiB,KAAK;AACpC,mBAAW,QAAQ;AAAA,MACrB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAGA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;AAEA,aAAS,cAAc;AACrB,eAAS,QAAQ;AACjB,iBAAW,QAAQ;AACnB,WAAK,gBAAgB,IAAI;AAEzB,UAAI,UAAU,OAAO;AACnB,kBAAU,MAAM,QAAQ;AAAA,MAC1B;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 import { ref, createElementBlock, openBlock, withModifiers, createVNode, createElementVNode, Transition, withCtx, createBlock, createCommentVNode, toDisplayString } from "vue";
 import axios from "axios";
-import Loader from "../Loader/Loader.vue2.js";
+import Loader from "../Loader/Loader.vue.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
-import { setError } from "../../modules/core/views/store/core.store.js";
+import { useStore } from "../../modules/core/views/store/core.store.js";
 const _hoisted_1 = {
   key: 0,
   class: "t-center"
@@ -53,6 +53,7 @@ const _sfc_main = {
   },
   emits: ["update:images"],
   setup(__props, { emit: __emit }) {
+    const core = useStore();
     const images = ref([]);
     const loading = ref(false);
     const fileInput = ref(null);
@@ -80,7 +81,7 @@ const _sfc_main = {
         });
         emit("update:images", images.value);
       } catch (error) {
-        setError(error);
+        core.setError(error);
       } finally {
         loading.value = false;
       }

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

@@ -1 +1 @@
-{"version":3,"file":"UploadImageMultiple.vue.js","sources":["../../../../../src/components/UploadImageMultiple/UploadImageMultiple.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative\"\n  >\n    <transition name=\"moveFromTop\" mode=\"out-in\">\n      <div v-if=\"!loading\" class=\"t-center\">\n        <IconUpload\n          style=\"max-height: 4rem;\"\n          class=\"w-100 mn-b-thin h-100\"\n          fill=\"rgb(var(--main))\"\n        />\n        <span v-if=\"options.showText || options.showTitle\" class=\"mn-t-medium  mn-b-medium d-block h3 t-black\">{{ text.title }}</span>\n        <span v-if=\"options.showText\" class=\"mn-b-small t-transp d-block \">{{ text.subtitle }}</span>\n        <span  v-if=\"options.showText\"class=\"mn-b-small uppercase p-small t-medium d-block\">or</span>\n        <button  v-if=\"options.showText\" class=\"cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin  t-main\">Browse Files</button>\n        <span  v-if=\"options.showText\" class=\"uppercase p-small t-medium d-block \">Maximum size: 2MB</span>\n      </div>\n      <Loader v-else class=\"pos-absolute\"/>\n    </transition>\n    <input type=\"file\" ref=\"fileInput\" @change=\"onFileChange\" multiple style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue'\nimport * as core from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst images = ref([]);\nconst loading = ref(false);\nconst fileInput = ref(null);\n\nconst props = defineProps({\n  uploadPath: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      mimeType: ['jpg', 'png', 'gif'],\n      maxSize: 10 * 1024 * 1024,\n      showText: true,\n      showTitle: true\n    })\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      title: 'Drag & Drop Your Images Here',\n      subtitle: 'Files supported: JPG, PNG, GIF'\n    })\n  }\n});\n\nconst emit = defineEmits(['update:images']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  loading.value = true;\n  let files = e.target.files;\n  let formData = new FormData();\n  \n  for (const file of files) {\n    formData.append(\"file\", file);\n  }\n  \n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    \n    response.data.forEach(file => {\n      images.value.push(file.filepath);\n    });\n    \n    emit('update:images', images.value);\n  } catch (error) {\n    core.setError(error);\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>"],"names":["core.setError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAM,SAAS,IAAI,EAAE;AACrB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AAEA,mBAAe,aAAa,GAAG;AAC7B,cAAQ,QAAQ;AAChB,UAAI,QAAQ,EAAE,OAAO;AACrB,UAAI,WAAW,IAAI,SAAQ;AAE3B,iBAAW,QAAQ,OAAO;AACxB,iBAAS,OAAO,QAAQ,IAAI;AAAA,MAC9B;AAEA,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAE;AACnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACpH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AAED,iBAAS,KAAK,QAAQ,UAAQ;AAC5B,iBAAO,MAAM,KAAK,KAAK,QAAQ;AAAA,QACjC,CAAC;AAED,aAAK,iBAAiB,OAAO,KAAK;AAAA,MACpC,SAAS,OAAO;AACdA,iBAAc,KAAK;AAAA,MACrB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UploadImageMultiple.vue.js","sources":["../../../../../src/components/UploadImageMultiple/UploadImageMultiple.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    class=\"cursor-pointer t-black w-100 flex-v-center flex-h-center flex pos-relative\"\n  >\n    <transition name=\"moveFromTop\" mode=\"out-in\">\n      <div v-if=\"!loading\" class=\"t-center\">\n        <IconUpload\n          style=\"max-height: 4rem;\"\n          class=\"w-100 mn-b-thin h-100\"\n          fill=\"rgb(var(--main))\"\n        />\n        <span v-if=\"options.showText || options.showTitle\" class=\"mn-t-medium  mn-b-medium d-block h3 t-black\">{{ text.title }}</span>\n        <span v-if=\"options.showText\" class=\"mn-b-small t-transp d-block \">{{ text.subtitle }}</span>\n        <span  v-if=\"options.showText\"class=\"mn-b-small uppercase p-small t-medium d-block\">or</span>\n        <button  v-if=\"options.showText\" class=\"cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin  t-main\">Browse Files</button>\n        <span  v-if=\"options.showText\" class=\"uppercase p-small t-medium d-block \">Maximum size: 2MB</span>\n      </div>\n      <Loader v-else class=\"pos-absolute\"/>\n    </transition>\n    <input type=\"file\" ref=\"fileInput\" @change=\"onFileChange\" multiple style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue';\nimport axios from 'axios';\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport IconUpload from '@martyrs/src/modules/icons/navigation/IconUpload.vue'\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nconst core = useStore();\n\nconst images = ref([]);\nconst loading = ref(false);\nconst fileInput = ref(null);\n\nconst props = defineProps({\n  uploadPath: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      mimeType: ['jpg', 'png', 'gif'],\n      maxSize: 10 * 1024 * 1024,\n      showText: true,\n      showTitle: true\n    })\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      title: 'Drag & Drop Your Images Here',\n      subtitle: 'Files supported: JPG, PNG, GIF'\n    })\n  }\n});\n\nconst emit = defineEmits(['update:images']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nasync function onFileChange(e) {\n  loading.value = true;\n  let files = e.target.files;\n  let formData = new FormData();\n  \n  for (const file of files) {\n    formData.append(\"file\", file);\n  }\n  \n  try {\n    const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true }); \n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath)}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    \n    response.data.forEach(file => {\n      images.value.push(file.filepath);\n    });\n    \n    emit('update:images', images.value);\n  } catch (error) {\n    core.setError(error);\n  } finally {\n    loading.value = false;\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n  onFileChange({\n    target: {\n      files: e.dataTransfer.files\n    }\n  });\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,OAAO,SAAQ;AAErB,UAAM,SAAS,IAAI,EAAE;AACrB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAuBd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAK;AAAA,IACvB;AAEA,mBAAe,aAAa,GAAG;AAC7B,cAAQ,QAAQ;AAChB,UAAI,QAAQ,EAAE,OAAO;AACrB,UAAI,WAAW,IAAI,SAAQ;AAE3B,iBAAW,QAAQ,OAAO;AACxB,iBAAS,OAAO,QAAQ,IAAI;AAAA,MAC9B;AAEA,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAE;AACnF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,UAAU,CAAC,IAAI,UAAU;AAAA,UACpH,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AAED,iBAAS,KAAK,QAAQ,UAAQ;AAC5B,iBAAO,MAAM,KAAK,KAAK,QAAQ;AAAA,QACjC,CAAC;AAED,aAAK,iBAAiB,OAAO,KAAK;AAAA,MACpC,SAAS,OAAO;AACd,aAAK,SAAS,KAAK;AAAA,MACrB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAc;AAChB,mBAAa;AAAA,QACX,QAAQ;AAAA,UACN,OAAO,EAAE,aAAa;AAAA,QAC5B;AAAA,MACA,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,7 +4,7 @@ import * as users from "./views/store/users.js";
 import addRoutes from "../core/views/router/addRoutes.js";
 import { getRoutes } from "./auth.router.js";
 import * as auth_validation from "./views/middlewares/auth.validation.js";
-import { i18nManager } from "../core/views/classes/core.i18n.js";
+import { i18nManager } from "../core/views/classes/i18n.manager.js";
 import locales from "./locales/index.js";
 import { default as default2 } from "./views/components/layouts/Auth.vue.js";
 import { default as default3 } from "./views/components/pages/EnterCode.vue.js";
@@ -17,6 +17,14 @@ import { default as default9 } from "./views/components/pages/SignIn.vue.js";
 import { default as default10 } from "./views/components/pages/SignUp.vue.js";
 import { default as default11 } from "./views/components/sections/FeaturedUsers.vue.js";
 import { default as default12 } from "./views/components/sections/SliderFeatures.vue.js";
+performance.mark("loading-36-start");
+console.log("[LOADING 36] Auth module import started...");
+performance.mark("loading-36-stores-end");
+const storesTime = performance.measure("loading-36-stores", "loading-36-start", "loading-36-stores-end");
+console.log(`[LOADING 36] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);
+performance.mark("loading-36-imports-end");
+const importsTime = performance.measure("loading-36-imports", "loading-36-stores-end", "loading-36-imports-end");
+console.log(`[LOADING 36] Router/middleware/locales imports completed in ${importsTime.duration.toFixed(2)}ms`);
 function initializeAuth(app, store, router, options = {}) {
   i18nManager.register("auth", locales);
   const routes = getRoutes(options);
@@ -44,6 +52,10 @@ const ModuleAuth = {
     }
   }
 };
+performance.mark("loading-36-end");
+performance.measure("loading-36-total", "loading-36-start", "loading-36-end");
+const totalTime = performance.getEntriesByName("loading-36-total")[0];
+console.log(`[LOADING 36] Auth module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);
 export {
   default2 as Auth,
   default3 as EnterCode,

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

@@ -1 +1 @@
-{"version":3,"file":"auth.client.js","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// Functional imports (needed for initialize function)\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeTwofa from './views/store/twofa.js';\nimport * as storeUsers from './views/store/users.js';\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './auth.router.js';\n\n// Middlewares\nimport * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nimport { i18nManager }  from '@martyrs/src/modules/core/views/classes/core.i18n.js';\n\nimport locales from './locales/index.js';\n\n// Component re-exports (enables tree shaking)\nexport { default as Auth } from './views/components/layouts/Auth.vue';\nexport { default as EnterCode } from './views/components/pages/EnterCode.vue';\nexport { default as EnterPassword } from './views/components/pages/EnterPassword.vue';\nexport { default as Invite } from './views/components/pages/Invite.vue';\nexport { default as Profile } from './views/components/pages/Profile.vue';\nexport { default as ProfileEdit } from './views/components/pages/ProfileEdit.vue';\nexport { default as ResetPassword } from './views/components/pages/ResetPassword.vue';\nexport { default as SignIn } from './views/components/pages/SignIn.vue';\nexport { default as SignUp } from './views/components/pages/SignUp.vue';\nexport { default as FeaturedUsers } from './views/components/sections/FeaturedUsers.vue';\nexport { default as SliderFeatures } from './views/components/sections/SliderFeatures.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  i18nManager.register('auth', locales);\n\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  store.addStore('auth', storeAuth);\n  store.addStore('twofa', storeTwofa);\n  store.addStore('users', storeUsers);\n\n  app.provide('store', store);\n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeTwofa,\n      storeUsers,\n    },\n    router: {\n      getRoutes,\n    },\n    middlewares: {\n      validationAuth,\n    },\n  },\n};\n\n// Functional exports\nexport {\n  storeAuth,\n  storeTwofa,\n  storeUsers,\n  getRoutes,\n  validationAuth,\n  initializeAuth as initialize,\n};\n\nexport default ModuleAuth;\n"],"names":["storeAuth","storeTwofa","storeUsers","validationAuth"],"mappings":";;;;;;;;;;;;;;;;;;;AA8BA,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,cAAY,SAAS,QAAQ,OAAO;AAEpC,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,OAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,QAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAED,QAAM,SAAS,QAAQA,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AAClC,QAAM,SAAS,SAASC,KAAU;AAElC,MAAI,QAAQ,SAAS,KAAK;AAC5B;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMF;AAAAA,MACN,YAAMC;AAAAA,MACN,YAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,aAAa;AAAA,MACjB,gBAAMC;AAAAA,IACN;AAAA,EACA;AACA;"}
+{"version":3,"file":"auth.client.js","sources":["../../../../../src/modules/auth/auth.client.js"],"sourcesContent":["// [LOADING 36] Auth module import started\nperformance.mark('loading-36-start');\nconsole.log('[LOADING 36] Auth module import started...');\n\n// Functional imports (needed for initialize function)\nimport * as storeAuth from './views/store/auth.js';\nimport * as storeTwofa from './views/store/twofa.js';\nimport * as storeUsers from './views/store/users.js';\n\nperformance.mark('loading-36-stores-end');\nconst storesTime = performance.measure('loading-36-stores', 'loading-36-start', 'loading-36-stores-end');\nconsole.log(`[LOADING 36] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './auth.router.js';\n\n// Middlewares\nimport * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nimport { i18nManager }  from '@martyrs/src/modules/core/views/classes/i18n.manager.js';\n\nimport locales from './locales/index.js';\n\nperformance.mark('loading-36-imports-end');\nconst importsTime = performance.measure('loading-36-imports', 'loading-36-stores-end', 'loading-36-imports-end');\nconsole.log(`[LOADING 36] Router/middleware/locales imports completed in ${importsTime.duration.toFixed(2)}ms`);\n\n// Component re-exports (enables tree shaking)\nexport { default as Auth } from './views/components/layouts/Auth.vue';\nexport { default as EnterCode } from './views/components/pages/EnterCode.vue';\nexport { default as EnterPassword } from './views/components/pages/EnterPassword.vue';\nexport { default as Invite } from './views/components/pages/Invite.vue';\nexport { default as Profile } from './views/components/pages/Profile.vue';\nexport { default as ProfileEdit } from './views/components/pages/ProfileEdit.vue';\nexport { default as ResetPassword } from './views/components/pages/ResetPassword.vue';\nexport { default as SignIn } from './views/components/pages/SignIn.vue';\nexport { default as SignUp } from './views/components/pages/SignUp.vue';\nexport { default as FeaturedUsers } from './views/components/sections/FeaturedUsers.vue';\nexport { default as SliderFeatures } from './views/components/sections/SliderFeatures.vue';\n\n// Пример функции инициализации для модуля аутентификации\nfunction initializeAuth(app, store, router, options = {}) {\n  i18nManager.register('auth', locales);\n\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  store.addStore('auth', storeAuth);\n  store.addStore('twofa', storeTwofa);\n  store.addStore('users', storeUsers);\n\n  app.provide('store', store);\n}\n\nconst ModuleAuth = {\n  initialize: initializeAuth,\n  views: {\n    store: {\n      storeAuth,\n      storeTwofa,\n      storeUsers,\n    },\n    router: {\n      getRoutes,\n    },\n    middlewares: {\n      validationAuth,\n    },\n  },\n};\n\n// Functional exports\nexport {\n  storeAuth,\n  storeTwofa,\n  storeUsers,\n  getRoutes,\n  validationAuth,\n  initializeAuth as initialize,\n};\n\n// [LOADING 36] Auth module import completed\nperformance.mark('loading-36-end');\nperformance.measure('loading-36-total', 'loading-36-start', 'loading-36-end');\nconst totalTime = performance.getEntriesByName('loading-36-total')[0];\nconsole.log(`[LOADING 36] Auth module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleAuth;\n"],"names":["storeAuth","storeTwofa","storeUsers","validationAuth"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,YAAY,KAAK,kBAAkB;AACnC,QAAQ,IAAI,4CAA4C;AAOxD,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,oBAAoB,uBAAuB;AACvG,QAAQ,IAAI,2CAA2C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAazF,YAAY,KAAK,wBAAwB;AACzC,MAAM,cAAc,YAAY,QAAQ,sBAAsB,yBAAyB,wBAAwB;AAC/G,QAAQ,IAAI,+DAA+D,YAAY,SAAS,QAAQ,CAAC,CAAC,IAAI;AAgB9G,SAAS,eAAe,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AACxD,cAAY,SAAS,QAAQ,OAAO;AAEpC,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,OAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,QAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAED,QAAM,SAAS,QAAQA,IAAS;AAChC,QAAM,SAAS,SAASC,KAAU;AAClC,QAAM,SAAS,SAASC,KAAU;AAElC,MAAI,QAAQ,SAAS,KAAK;AAC5B;AAEK,MAAC,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACX,WAAMF;AAAAA,MACN,YAAMC;AAAAA,MACN,YAAMC;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,IACI,aAAa;AAAA,MACjB,gBAAMC;AAAAA,IACN;AAAA,EACA;AACA;AAaA,YAAY,KAAK,gBAAgB;AACjC,YAAY,QAAQ,oBAAoB,oBAAoB,gBAAgB;AAC5E,MAAM,YAAY,YAAY,iBAAiB,kBAAkB,EAAE,CAAC;AACpE,QAAQ,IAAI,8CAA8C,WAAW,UAAU,QAAQ,CAAC,CAAC,IAAI;"}