@ozdao/martyrs 0.2.507 → 0.2.509

package/dist/{main-Dq-UfO4G.js → main-DSiCr7yl.js}

@@ -4881,7 +4881,7 @@ Vt("CapacitorHttp", {
   web: () => new Xd()
 });
 Vt("Preferences", {
-  web: () => import("./web-BXajFCU2.js").then((e) => new e.PreferencesWeb())
+  web: () => import("./web-gtBkwjra.js").then((e) => new e.PreferencesWeb())
 });
 const We = lt({
   loading: !1,
@@ -6492,17 +6492,16 @@ const vi = /* @__PURE__ */ xe(ui, [["render", fi]]), pi = Yn({
     });
     return fe(async () => {
       try {
-        t.value = await n.store.read(n.options);
+        t.value = await n.store.read(n.options), a.value = !1;
       } catch (r) {
-        console.error("Error loading entities:", r), t.value = [];
+        console.error("Error loading entities:", r), t.value = [], a.value = !1;
       } finally {
         a.value = !1;
       }
     }), (r, d) => (s(), c("div", Js, [
       a.value ? (s(), c("div", Qs, [
         W(Fe)
-      ])) : P("", !0),
-      !a.value && !t.value.length < 1 ? (s(), le(Ht, {
+      ])) : t.value.length < 1 ? (s(), le(Ht, {
         key: 1,
         title: e.states.empty.title,
         description: e.states.empty.description,
@@ -6537,7 +6536,7 @@ const vi = /* @__PURE__ */ xe(ui, [["render", fi]]), pi = Yn({
       }, 8, ["showDots"]))
     ]));
   }
-}, t1 = /* @__PURE__ */ xe(e1, [["__scopeId", "data-v-fe817eef"]]), n1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t1 = /* @__PURE__ */ xe(e1, [["__scopeId", "data-v-c1b1de8c"]]), n1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: t1
 }, Symbol.toStringTag, { value: "Module" })), a1 = {
@@ -6684,7 +6683,7 @@ const vi = /* @__PURE__ */ xe(ui, [["render", fi]]), pi = Yn({
       name: ue(l),
       id: ue(r),
       validation: e.validation,
-      class: "pd-l-medium radius-extra flex-nowrap flex w-100 p-medium t-regular uppercase pd-thin"
+      class: "radius-medium flex-nowrap flex w-100 p-medium t-regular uppercase pd-thin"
     }, {
       default: oe(() => [
         K(q.$slots, "default"),
@@ -6694,7 +6693,7 @@ const vi = /* @__PURE__ */ xe(ui, [["render", fi]]), pi = Yn({
           showLoader: e.showLoader,
           callback: e.callback,
           callbackDelay: e.callbackDelay,
-          class: "t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
+          class: "t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
         }, {
           default: oe(() => [
             e.action ? (s(), c("span", o1, _(e.action), 1)) : P("", !0),

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Loader = require("../Loader/Loader.vue.cjs");
+const Loader = require("../Loader/Loader.vue2.cjs");
 const IconCheckmark = require("../../modules/icons/navigation/IconCheckmark.vue.cjs");
 const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
-;/* empty css             */
+;/* empty css              */
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
   key: 0,
@@ -155,4 +155,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Button.vue2.cjs.map
+//# sourceMappingURL=Button.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.vue2.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <Transition name=\"content\" mode=\"out-in\">\n      <!-- Default slot content -->\n      <span v-if=\"!loading && !error && !finished || !showLoader\" class=\"button-content\">\n        <slot></slot>\n      </span>\n      <!-- Loading state -->\n      <Loader v-else-if=\"loading && !error && showLoader\"   class=\"button-content pos-relative pos-t-0 pos-l-0 loading\"/>\n      <!-- Success state -->\n      <span v-else-if=\"finished && showSucces\" class=\"button-content t-semi t-center w-100 loading t-black\">\n        <template v-if=\"text.success\">\n          {{ text.success }}\n        </template>\n        <IconCheckmark v-else class=\"icon\" />\n      </span>\n      <!-- Error state -->\n      <span v-else-if=\"error\" class=\"button-content t-center w-100 error\">\n        <template v-if=\"text.error\">\n          {{ text.error }}\n        </template>\n        <IconCross v-else class=\"icon\" />\n      </span>\n    </Transition>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 3rem;\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n/* Vue Transitions */\n.content-enter-active,\n.content-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.content-enter-from {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n}\n\n.content-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.95);\n}\n\n.content-enter-to,\n.content-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.vue.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <Transition name=\"content\" mode=\"out-in\">\n      <!-- Default slot content -->\n      <span v-if=\"!loading && !error && !finished || !showLoader\" class=\"button-content\">\n        <slot></slot>\n      </span>\n      <!-- Loading state -->\n      <Loader v-else-if=\"loading && !error && showLoader\"   class=\"button-content pos-relative pos-t-0 pos-l-0 loading\"/>\n      <!-- Success state -->\n      <span v-else-if=\"finished && showSucces\" class=\"button-content t-semi t-center w-100 loading t-black\">\n        <template v-if=\"text.success\">\n          {{ text.success }}\n        </template>\n        <IconCheckmark v-else class=\"icon\" />\n      </span>\n      <!-- Error state -->\n      <span v-else-if=\"error\" class=\"button-content t-center w-100 error\">\n        <template v-if=\"text.error\">\n          {{ text.error }}\n        </template>\n        <IconCross v-else class=\"icon\" />\n      </span>\n    </Transition>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 3rem;\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n/* Vue Transitions */\n.content-enter-active,\n.content-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.content-enter-from {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n}\n\n.content-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.95);\n}\n\n.content-enter-to,\n.content-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAASA,IAAAA,IAAI,IAAI;AACvB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,UAAUA,IAAAA,IAAI,KAAK;AACzB,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 import { ref, createElementBlock, openBlock, normalizeClass, withModifiers, createVNode, createCommentVNode, Transition, withCtx, createBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createElementVNode } from "vue";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.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           */
+/* empty css            */
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
   key: 0,
@@ -155,4 +155,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Button.vue2.js.map
+//# sourceMappingURL=Button.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <Transition name=\"content\" mode=\"out-in\">\n      <!-- Default slot content -->\n      <span v-if=\"!loading && !error && !finished || !showLoader\" class=\"button-content\">\n        <slot></slot>\n      </span>\n      <!-- Loading state -->\n      <Loader v-else-if=\"loading && !error && showLoader\"   class=\"button-content pos-relative pos-t-0 pos-l-0 loading\"/>\n      <!-- Success state -->\n      <span v-else-if=\"finished && showSucces\" class=\"button-content t-semi t-center w-100 loading t-black\">\n        <template v-if=\"text.success\">\n          {{ text.success }}\n        </template>\n        <IconCheckmark v-else class=\"icon\" />\n      </span>\n      <!-- Error state -->\n      <span v-else-if=\"error\" class=\"button-content t-center w-100 error\">\n        <template v-if=\"text.error\">\n          {{ text.error }}\n        </template>\n        <IconCross v-else class=\"icon\" />\n      </span>\n    </Transition>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 3rem;\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n/* Vue Transitions */\n.content-enter-active,\n.content-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.content-enter-from {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n}\n\n.content-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.95);\n}\n\n.content-enter-to,\n.content-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css            */
+;/* empty css             */
 const _hoisted_1 = { class: "font-main" };
 const _hoisted_2 = {
   key: 1,
@@ -26,4 +26,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Chips.vue2.cjs.map
+//# sourceMappingURL=Chips.vue.cjs.map

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

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

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

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, renderSlot, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-/* empty css          */
+/* empty css           */
 const _hoisted_1 = { class: "font-main" };
 const _hoisted_2 = {
   key: 1,
@@ -26,4 +26,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Chips.vue2.js.map
+//# sourceMappingURL=Chips.vue.js.map

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

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

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const clickOutside = require("../FieldPhone/click-outside.cjs");
-;/* empty css               */
+;/* empty css                */
 const _hoisted_1 = {
   key: 0,
   class: "w-100 h-100 flex-center flex"
@@ -61,4 +61,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Dropdown.vue2.cjs.map
+//# sourceMappingURL=Dropdown.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.vue2.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\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    <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 radius-big\" \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})\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":";;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAWd,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.cjs","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\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    <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 radius-big\" \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})\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":["clickOutside","ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgBA,aAAAA;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAASC,IAAAA,IAAI,KAAK;AACxB,UAAM,mBAAmBC,IAAAA,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { ref, computed, withDirectives, createElementBlock, openBlock, withModifiers, createVNode, createBlock, resolveDynamicComponent, mergeProps, toDisplayString, Transition, withCtx, createElementVNode, normalizeStyle, renderSlot, vShow, unref } from "vue";
 import clickOutside from "../FieldPhone/click-outside.js";
-/* empty css             */
+/* empty css              */
 const _hoisted_1 = {
   key: 0,
   class: "w-100 h-100 flex-center flex"
@@ -61,4 +61,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Dropdown.vue2.js.map
+//# sourceMappingURL=Dropdown.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\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    <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 radius-big\" \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})\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":";;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
-const Loader = require("../Loader/Loader.vue.cjs");
+const Loader = require("../Loader/Loader.vue2.cjs");
 const Slider = require("../Slider/Slider.vue.cjs");
 const EmptyState = require("../EmptyState/EmptyState.vue.cjs");
 ;/* empty css                */
@@ -40,9 +40,11 @@ const _sfc_main = {
     vue.onMounted(async () => {
       try {
         entities.value = await props.store.read(props.options);
+        isLoading.value = false;
       } catch (error) {
         console.error("Error loading entities:", error);
         entities.value = [];
+        isLoading.value = false;
       } finally {
         isLoading.value = false;
       }
@@ -51,8 +53,7 @@ const _sfc_main = {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           vue.createVNode(Loader.default)
-        ])) : vue.createCommentVNode("", true),
-        !isLoading.value && !entities.value.length < 1 ? (vue.openBlock(), vue.createBlock(EmptyState.default, {
+        ])) : entities.value.length < 1 ? (vue.openBlock(), vue.createBlock(EmptyState.default, {
           key: 1,
           title: __props.states.empty.title,
           description: __props.states.empty.description,
@@ -91,6 +92,6 @@ const _sfc_main = {
     };
   }
 };
-const Carousel = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-fe817eef"]]);
+const Carousel = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c1b1de8c"]]);
 exports.default = Carousel;
 //# sourceMappingURL=Carousel.vue.cjs.map

package/dist/martyrs/src/components/Feed/Carousel.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue.cjs","sources":["../../../../../src/components/Feed/Carousel.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Loading State -->\n    <div v-if=\"isLoading\" class=\"h-20r radius-semi pos-relative w-100 bg-light\">\n      <Loader />\n    </div>\n    <!-- Empty State -->\n    <EmptyState\n      v-if=\"!isLoading && !entities.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n    <!-- Slider with loaded entities -->\n    <Slider v-else :showDots=\"showDots\">\n      <div \n        v-for=\"(entity, key) in entities\" \n        :key=\"key\"\n        class=\"carousel__slide pd-nano\"\n      >\n        <transition name=\"fade\" mode=\"out-in\" appear>\n          <slot\n            :item=\"entity\"\n            :user=\"user\"\n          ></slot>\n        </transition>\n      </div>\n    </Slider>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Slider from '@martyrs/src/components/Slider/Slider.vue'\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nconst props = defineProps({\n  showDots: Boolean,\n  store: Object,\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  options: Object,\n  text: Object,\n  user: Object\n})\n\nconst entities = ref([])\nconst isLoading = ref(true)\n\nconst { t } = useI18n({\n  messages: props.text\n})\n\nonMounted(async() => {\n  try {\n    entities.value = await props.store.read(props.options)\n  } catch (error) {\n    console.error('Error loading entities:', error)\n    entities.value = []\n  } finally {\n    isLoading.value = false\n  }\n})\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["ref","useI18n","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,QAAQ;AAiBd,UAAM,WAAWA,IAAAA,IAAI,CAAA,CAAE;AACvB,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1B,UAAM,EAAE,EAAC,IAAKC,gBAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI;AACF,iBAAS,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AAAA,MACvD,SAAS,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,iBAAS,QAAQ,CAAA;AAAA,MACnB,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Carousel.vue.cjs","sources":["../../../../../src/components/Feed/Carousel.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Loading State -->\n    <div v-if=\"isLoading\" class=\"h-20r radius-semi pos-relative w-100 bg-light\">\n      <Loader />\n    </div>\n    <!-- Empty State -->\n    <EmptyState\n      v-else-if=\"entities.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n    <!-- Slider with loaded entities -->\n    <Slider v-else :showDots=\"showDots\">\n      <div \n        v-for=\"(entity, key) in entities\" \n        :key=\"key\"\n        class=\"carousel__slide pd-nano\"\n      >\n        <transition name=\"fade\" mode=\"out-in\" appear>\n          <slot\n            :item=\"entity\"\n            :user=\"user\"\n          ></slot>\n        </transition>\n      </div>\n    </Slider>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Slider from '@martyrs/src/components/Slider/Slider.vue'\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nconst props = defineProps({\n  showDots: Boolean,\n  store: Object,\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  options: Object,\n  text: Object,\n  user: Object\n})\n\nconst entities = ref([])\nconst isLoading = ref(true)\n\nconst { t } = useI18n({\n  messages: props.text\n})\n\nonMounted(async() => {\n  try {\n    entities.value = await props.store.read(props.options)\n    isLoading.value = false\n  } catch (error) {\n    console.error('Error loading entities:', error)\n    entities.value = []\n    isLoading.value = false\n  } finally {\n    isLoading.value = false\n  }\n})\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["ref","useI18n","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,QAAQ;AAiBd,UAAM,WAAWA,IAAAA,IAAI,CAAA,CAAE;AACvB,UAAM,YAAYA,IAAAA,IAAI,IAAI;AAE1B,UAAM,EAAE,EAAC,IAAKC,gBAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI;AACF,iBAAS,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AACrD,kBAAU,QAAQ;AAAA,MACpB,SAAS,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,iBAAS,QAAQ,CAAA;AACjB,kBAAU,QAAQ;AAAA,MACpB,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import { ref, onMounted, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, normalizeClass, withCtx, Fragment, renderList, Transition, renderSlot } from "vue";
+import { ref, onMounted, createElementBlock, openBlock, createBlock, createVNode, normalizeClass, withCtx, Fragment, renderList, Transition, renderSlot } from "vue";
 import { useI18n } from "vue-i18n";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$2 from "../Slider/Slider.vue.js";
 import _sfc_main$1 from "../EmptyState/EmptyState.vue.js";
 /* empty css              */
@@ -38,9 +38,11 @@ const _sfc_main = {
     onMounted(async () => {
       try {
         entities.value = await props.store.read(props.options);
+        isLoading.value = false;
       } catch (error) {
         console.error("Error loading entities:", error);
         entities.value = [];
+        isLoading.value = false;
       } finally {
         isLoading.value = false;
       }
@@ -49,8 +51,7 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(Loader)
-        ])) : createCommentVNode("", true),
-        !isLoading.value && !entities.value.length < 1 ? (openBlock(), createBlock(_sfc_main$1, {
+        ])) : entities.value.length < 1 ? (openBlock(), createBlock(_sfc_main$1, {
           key: 1,
           title: __props.states.empty.title,
           description: __props.states.empty.description,
@@ -89,7 +90,7 @@ const _sfc_main = {
     };
   }
 };
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe817eef"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c1b1de8c"]]);
 export {
   Carousel as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue.js","sources":["../../../../../src/components/Feed/Carousel.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Loading State -->\n    <div v-if=\"isLoading\" class=\"h-20r radius-semi pos-relative w-100 bg-light\">\n      <Loader />\n    </div>\n    <!-- Empty State -->\n    <EmptyState\n      v-if=\"!isLoading && !entities.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n    <!-- Slider with loaded entities -->\n    <Slider v-else :showDots=\"showDots\">\n      <div \n        v-for=\"(entity, key) in entities\" \n        :key=\"key\"\n        class=\"carousel__slide pd-nano\"\n      >\n        <transition name=\"fade\" mode=\"out-in\" appear>\n          <slot\n            :item=\"entity\"\n            :user=\"user\"\n          ></slot>\n        </transition>\n      </div>\n    </Slider>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Slider from '@martyrs/src/components/Slider/Slider.vue'\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nconst props = defineProps({\n  showDots: Boolean,\n  store: Object,\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  options: Object,\n  text: Object,\n  user: Object\n})\n\nconst entities = ref([])\nconst isLoading = ref(true)\n\nconst { t } = useI18n({\n  messages: props.text\n})\n\nonMounted(async() => {\n  try {\n    entities.value = await props.store.read(props.options)\n  } catch (error) {\n    console.error('Error loading entities:', error)\n    entities.value = []\n  } finally {\n    isLoading.value = false\n  }\n})\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,QAAQ;AAiBd,UAAM,WAAW,IAAI,CAAA,CAAE;AACvB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI;AACF,iBAAS,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AAAA,MACvD,SAAS,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,iBAAS,QAAQ,CAAA;AAAA,MACnB,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Carousel.vue.js","sources":["../../../../../src/components/Feed/Carousel.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Loading State -->\n    <div v-if=\"isLoading\" class=\"h-20r radius-semi pos-relative w-100 bg-light\">\n      <Loader />\n    </div>\n    <!-- Empty State -->\n    <EmptyState\n      v-else-if=\"entities.length < 1\"\n      :title=\"states.empty.title\"\n      :description=\"states.empty.description\"\n      :action=\"states.empty.action\"\n      :callback=\"states.empty.callback\"\n      :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n    />\n    <!-- Slider with loaded entities -->\n    <Slider v-else :showDots=\"showDots\">\n      <div \n        v-for=\"(entity, key) in entities\" \n        :key=\"key\"\n        class=\"carousel__slide pd-nano\"\n      >\n        <transition name=\"fade\" mode=\"out-in\" appear>\n          <slot\n            :item=\"entity\"\n            :user=\"user\"\n          ></slot>\n        </transition>\n      </div>\n    </Slider>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Slider from '@martyrs/src/components/Slider/Slider.vue'\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nconst props = defineProps({\n  showDots: Boolean,\n  store: Object,\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'Nothing found',\n        description: 'Sorry, nothing found',\n      },\n    }),\n  },\n  options: Object,\n  text: Object,\n  user: Object\n})\n\nconst entities = ref([])\nconst isLoading = ref(true)\n\nconst { t } = useI18n({\n  messages: props.text\n})\n\nonMounted(async() => {\n  try {\n    entities.value = await props.store.read(props.options)\n    isLoading.value = false\n  } catch (error) {\n    console.error('Error loading entities:', error)\n    entities.value = []\n    isLoading.value = false\n  } finally {\n    isLoading.value = false\n  }\n})\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,QAAQ;AAiBd,UAAM,WAAW,IAAI,CAAA,CAAE;AACvB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI;AACF,iBAAS,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AACrD,kBAAU,QAAQ;AAAA,MACpB,SAAS,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,iBAAS,QAAQ,CAAA;AACjB,kBAAU,QAAQ;AAAA,MACpB,UAAC;AACC,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Loader = require("../Loader/Loader.vue.cjs");
+const Loader = require("../Loader/Loader.vue2.cjs");
 const Skeleton = require("../Skeleton/Skeleton.vue2.cjs");
 const EmptyState = require("../EmptyState/EmptyState.vue.cjs");
-const Dropdown = require("../Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../Dropdown/Dropdown.vue.cjs");
 const Calendar = require("../Calendar/Calendar.vue2.cjs");
 const BlockSearch = require("../../modules/globals/views/components/blocks/BlockSearch.vue.cjs");
 const BlockSorting = require("../../modules/globals/views/components/blocks/BlockSorting.vue.cjs");

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

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

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Field = require("../Field/Field.vue.cjs");
-const Button = require("../Button/Button.vue2.cjs");
+const Button = require("../Button/Button.vue.cjs");
 const IconArrow = require("../../modules/icons/navigation/IconArrow.vue.cjs");
 const vueI18n = require("vue-i18n");
 const _hoisted_1 = {
@@ -174,7 +174,7 @@ const _sfc_main = {
         name: vue.unref(fieldName),
         id: vue.unref(fieldId),
         validation: __props.validation,
-        class: "pd-l-medium radius-extra flex-nowrap flex w-100 p-medium t-regular uppercase pd-thin"
+        class: "radius-medium flex-nowrap flex w-100 p-medium t-regular uppercase pd-thin"
       }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default"),
@@ -184,7 +184,7 @@ const _sfc_main = {
             showLoader: __props.showLoader,
             callback: __props.callback,
             callbackDelay: __props.callbackDelay,
-            class: "t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
+            class: "t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
           }, {
             default: vue.withCtx(() => [
               __props.action ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(__props.action), 1)) : vue.createCommentVNode("", true),

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"pd-l-medium radius-extra flex-nowrap flex  w-100 p-medium t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useI18n","ref","onMounted","watchEffect"],"mappings":"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"}
+{"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"radius-medium flex-nowrap flex  w-100 p-medium t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useI18n","ref","onMounted","watchEffect"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { ref, onMounted, watchEffect, createBlock, openBlock, unref, isRef, withCtx, renderSlot, createVNode, createElementBlock, createCommentVNode, toDisplayString } from "vue";
 import Field from "../Field/Field.vue.js";
-import _sfc_main$1 from "../Button/Button.vue2.js";
+import _sfc_main$1 from "../Button/Button.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconArrow.vue.js";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = {
@@ -172,7 +172,7 @@ const _sfc_main = {
         name: unref(fieldName),
         id: unref(fieldId),
         validation: __props.validation,
-        class: "pd-l-medium radius-extra flex-nowrap flex w-100 p-medium t-regular uppercase pd-thin"
+        class: "radius-medium flex-nowrap flex w-100 p-medium t-regular uppercase pd-thin"
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
@@ -182,7 +182,7 @@ const _sfc_main = {
             showLoader: __props.showLoader,
             callback: __props.callback,
             callbackDelay: __props.callbackDelay,
-            class: "t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
+            class: "t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
           }, {
             default: withCtx(() => [
               __props.action ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.action), 1)) : createCommentVNode("", true),

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBig.vue.js","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"pd-l-medium radius-extra flex-nowrap flex  w-100 p-medium t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":"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"}
+{"version":3,"file":"FieldBig.vue.js","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"radius-medium flex-nowrap flex  w-100 p-medium t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css              */
+;/* empty css             */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
   props: {
@@ -58,4 +58,4 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const Loader = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
 exports.default = Loader;
-//# sourceMappingURL=Loader.vue.cjs.map
+//# sourceMappingURL=Loader.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.vue2.cjs","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 h-min-1r w-min-1r\" :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;;;0BAN3BA,IAAAA,mBAOM,OAAA;AAAA,IAPD,OADPC,IAAAA,eAAA,CACa,0FAAwF,EAAA,4BAAuC,OAAA,UAAQ,CAAA;AAAA;8BAChJC,IAAAA,mBAGM,OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,IAAAA,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,IAAAA,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,6BAAXF,IAAAA,mBAA+D,OAA/D,YAA+DG,IAAAA,gBAAjB,OAAA,QAAQ,GAAA,CAAA,KAN1DC,IAAAA,mBAAA,IAAA,IAAA;AAAA,IAOe,OAAA,2BAAXJ,IAAAA,mBAAkF,OAAlF,YAAkFG,IAAAA,gBAAf,OAAA,MAAM,GAAA,CAAA,KAP7EC,IAAAA,mBAAA,IAAA,IAAA;AAAA;;;;"}

package/dist/martyrs/src/components/Loader/{Loader.vue.js → Loader.vue2.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.vue.js.map
+//# sourceMappingURL=Loader.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.vue.cjs","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 h-min-1r w-min-1r\" :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;;;0BAN3BA,IAAAA,mBAOM,OAAA;AAAA,IAPD,OADPC,IAAAA,eAAA,CACa,0FAAwF,EAAA,4BAAuC,OAAA,UAAQ,CAAA;AAAA;8BAChJC,IAAAA,mBAGM,OAAA,EAHD,SAAQ,iBAAa;AAAA,MACxBA,IAAAA,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,IAAAA,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,6BAAXF,IAAAA,mBAA+D,OAA/D,YAA+DG,IAAAA,gBAAjB,OAAA,QAAQ,GAAA,CAAA,KAN1DC,IAAAA,mBAAA,IAAA,IAAA;AAAA,IAOe,OAAA,2BAAXJ,IAAAA,mBAAkF,OAAlF,YAAkFG,IAAAA,gBAAf,OAAA,MAAM,GAAA,CAAA,KAP7EC,IAAAA,mBAAA,IAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"Loader.vue2.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 h-min-1r w-min-1r\" :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,0FAAwF,EAAA,4BAAuC,OAAA,UAAQ,CAAA;AAAA;8BAChJC,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.vue2.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index = require("../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.cjs");
-const Loader = require("../Loader/Loader.vue.cjs");
+const Loader = require("../Loader/Loader.vue2.cjs");
 ;/* empty css                     */
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {