@ozdao/martyrs 0.2.511 → 0.2.512

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: var(--small);\n  border-radius: var(--small);\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: var(--small);\n  border-radius: var(--small);\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                */

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

@@ -1,6 +1,6 @@
 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              */

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 = {

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 = {

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 = {

package/dist/martyrs/src/components/LocationMarker/LocationMarker.vue2.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.vue.js";
+import Loader$1 from "../Loader/Loader.vue2.js";
 /* empty css                   */
 const _hoisted_1 = { class: "pos-relative" };
 const _hoisted_2 = {

package/dist/martyrs/src/components/Menu/{Menu.vue.cjs → Menu.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 _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
 const _sfc_main = {
   __name: "Menu",
@@ -14,4 +14,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Menu.vue.cjs.map
+//# sourceMappingURL=Menu.vue2.cjs.map

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

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

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

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

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

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

package/dist/martyrs/src/components/Select/{Select.vue.cjs → Select.vue2.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 _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   key: 0,
@@ -131,4 +131,4 @@ const _sfc_main = {
 };
 const Select = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-849e5dfe"]]);
 exports.default = Select;
-//# sourceMappingURL=Select.vue.cjs.map
+//# sourceMappingURL=Select.vue2.cjs.map

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

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

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

@@ -1,6 +1,6 @@
 import { ref, computed, watch, createElementBlock, openBlock, Fragment, withDirectives, createVNode, normalizeClass, withModifiers, createCommentVNode, createElementVNode, toDisplayString, Transition, withCtx, renderList, vShow, unref, nextTick } from "vue";
 import clickOutside from "../FieldPhone/click-outside.js";
-/* empty css            */
+/* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 0,
@@ -131,4 +131,4 @@ const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-849
 export {
   Select as default
 };
-//# sourceMappingURL=Select.vue.js.map
+//# sourceMappingURL=Select.vue2.js.map

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

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

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const axios = require("axios");
-const Loader = require("../Loader/Loader.vue.cjs");
+const Loader = require("../Loader/Loader.vue2.cjs");
 const IconUpload = require("../../modules/icons/navigation/IconUpload.vue.cjs");
 const globals = require("../../modules/globals/views/store/globals.cjs");
 const _hoisted_1 = {

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

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, withModifiers, createVNode, createElementVNode, Transition, withCtx, createBlock, createCommentVNode, toDisplayString } from "vue";
 import axios from "axios";
-import Loader from "../Loader/Loader.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconUpload.vue.js";
 import { setError } from "../../modules/globals/views/store/globals.js";
 const _hoisted_1 = {

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

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

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

@@ -1,7 +1,7 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, createTextVNode, withCtx } from "vue";
 /* empty css                                    */
 import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { state, actions } from "../../store/auth.js";

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

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

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

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
 /* empty css                                    */
 import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { state, actions as actions$1 } from "../../store/auth.js";
 import { actions } from "../../../../organizations/store/invites.js";

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

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

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

@@ -1,9 +1,9 @@
 import { ref, inject, computed, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, unref, withCtx, toDisplayString, Fragment, renderList, normalizeClass, resolveDynamicComponent } from "vue";
 /* empty css                                         */
-/* empty css                                           */
 /* empty css                                          */
-import _sfc_main$5 from "../../../../../components/Dropdown/Dropdown.vue2.js";
-import _sfc_main$a from "../../../../../components/Menu/Menu.vue.js";
+/* empty css                                           */
+import _sfc_main$5 from "../../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$a from "../../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$b from "../../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$7 from "../../../../organizations/components/elements/ButtonToggleMembership.vue.js";
 import _sfc_main$6 from "../../../../reports/components/sections/FormReport.vue.js";

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
-const Loader = require("../../../../../components/Loader/Loader.vue.cjs");
+const Loader = require("../../../../../components/Loader/Loader.vue2.cjs");
 const ProfileEditSidebar = require("./ProfileEditSidebar.vue.cjs");
 const vueRouter = require("vue-router");
 const auth = require("../../store/auth.cjs");

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

@@ -1,6 +1,6 @@
 import { ref, onMounted, provide, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, createVNode } from "vue";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
-import Loader from "../../../../../components/Loader/Loader.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue2.js";
 import _sfc_main$2 from "./ProfileEditSidebar.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { state } from "../../store/auth.js";

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
 const ProfileEditCredentials = require("../sections/ProfileEditCredentials.vue.cjs");
 const vueRouter = require("vue-router");
 const auth = require("../../store/auth.cjs");

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, unref } from "vue";
 import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../sections/ProfileEditCredentials.vue.js";
 import { useRouter } from "vue-router";
 import { actions as actions$2 } from "../../store/auth.js";

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

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