@ozdao/martyrs 0.2.506 → 0.2.507

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const Loader = require("../Loader/Loader.vue.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.vue.cjs.map
+//# sourceMappingURL=Button.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue2.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.vue.js → Button.vue2.js}

@@ -2,7 +2,7 @@ import { ref, createElementBlock, openBlock, normalizeClass, withModifiers, crea
 import Loader from "../Loader/Loader.vue.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconCheckmark.vue.js";
 import _sfc_main$2 from "../../modules/icons/navigation/IconCross.vue.js";
-/* empty css            */
+/* 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.vue.js.map
+//# sourceMappingURL=Button.vue2.js.map

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -68,11 +68,11 @@ const _sfc_main = {
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["cursor-pointer mn-l-thin flex-center", {
             "transition-elastic pd-thin h-2r w-4r radius-extra": __props.mode === "switch",
-            "w-2r h-2r radius-small br-solid br-1px": __props.mode === "checkbox",
+            "w-2r h-2r radius-small": __props.mode === "checkbox",
             "bg-dark": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "dark" && __props.mode === "switch",
-            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light" && __props.mode === "switch",
             "br-dark": __props.theme === "dark" && __props.mode === "checkbox",
-            "br-light": __props.theme === "light" && __props.mode === "checkbox",
+            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light" && __props.mode === "switch",
+            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light" && __props.mode === "checkbox",
             "bg-main": (Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.mode === "switch",
             "bg-main br-main": (Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.mode === "checkbox"
           }])

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.vue.cjs","sources":["../../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup>\n  import { ref, watch, computed } from 'vue'\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n  const props = defineProps({\n    label: String,\n    name: String,\n    value: String,\n    radio: {\n      type: [Array, Boolean, Object],\n      default: () => []\n    },\n    theme: {\n      type: String,\n      default: \"light\"\n    },\n    mode: {\n      type: String,\n      default: \"switch\",\n      validator: (v) => [\"switch\", \"checkbox\"].includes(v)\n    }\n  })\n  const emit = defineEmits(['update:radio'])\n  const updateInputText = (event) => {\n    if (Array.isArray(props.radio)) {\n      let newRadio = [...props.radio];  // создаем копию массива для иммутабельности\n      if (event.target.checked) {\n        newRadio.push(props.value);\n      } else {\n        const index = newRadio.indexOf(props.value);\n        if (index !== -1) {\n          newRadio.splice(index, 1);\n        }\n      }\n      emit('update:radio', newRadio);\n    } else if (typeof props.radio === 'boolean') {\n      emit('update:radio', event.target.checked);\n    }\n  }\n</script>\n<template>\n  <label class=\"flex-v-center flex-nowrap flex\">\n    <div v-if=\"label\" class=\"mn-r-auto t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <input \n      @change=\"updateInputText\"\n      class=\"round radiobutton\" \n      type=\"checkbox\" \n      :name=\"name\" \n      :value=\"value\"\n      :checked=\"Array.isArray(radio) ? radio.includes(value) : radio\"\n    > \n    <div \n      class=\"cursor-pointer mn-l-thin flex-center\"\n      :class=\"{\n        'transition-elastic pd-thin h-2r w-4r radius-extra': mode === 'switch',\n        'w-2r h-2r radius-small br-solid br-1px': mode === 'checkbox',\n        'bg-dark': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark' && mode === 'switch',\n        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'switch',\n        'br-dark': theme === 'dark' && mode === 'checkbox',\n        'br-light': theme === 'light' && mode === 'checkbox',\n        'bg-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'switch',\n        'bg-main br-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'checkbox',\n      }\"\n    >\n      <!-- Switch toggle circle -->\n      <div \n        v-if=\"mode === 'switch'\"\n        class=\"transition-linear w-1r h-1r radius-extra bg-white\"\n        :class=\"{\n          'mn-r-auto': !(Array.isArray(radio) ? radio.includes(value) : radio),\n          'mn-l-auto': Array.isArray(radio) ? radio.includes(value) : radio,\n        }\"\n      />\n      <!-- Checkbox checkmark -->\n      <span \n        v-else-if=\"mode === 'checkbox' && (Array.isArray(radio) ? radio.includes(value) : radio)\"\n        class=\"t-white w-100 h-100 flex flex-center\"\n      >\n        <IconCheckmark class=\"i-medium\" fill=\"rgb(var(--white))\" />\n      </span>\n    </div>\n  </label>\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKE,UAAM,QAAQ;AAkBd,UAAM,OAAO;AACb,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,MAAM,QAAQ,MAAM,KAAK,GAAG;AAC9B,YAAI,WAAW,CAAC,GAAG,MAAM,KAAK;AAC9B,YAAI,MAAM,OAAO,SAAS;AACxB,mBAAS,KAAK,MAAM,KAAK;AAAA,QAC3B,OAAO;AACL,gBAAM,QAAQ,SAAS,QAAQ,MAAM,KAAK;AAC1C,cAAI,UAAU,IAAI;AAChB,qBAAS,OAAO,OAAO,CAAC;AAAA,UAC1B;AAAA,QACF;AACA,aAAK,gBAAgB,QAAQ;AAAA,MAC/B,WAAW,OAAO,MAAM,UAAU,WAAW;AAC3C,aAAK,gBAAgB,MAAM,OAAO,OAAO;AAAA,MAC3C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.vue.cjs","sources":["../../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup>\n  import { ref, watch, computed } from 'vue'\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n  const props = defineProps({\n    label: String,\n    name: String,\n    value: String,\n    radio: {\n      type: [Array, Boolean, Object],\n      default: () => []\n    },\n    theme: {\n      type: String,\n      default: \"light\"\n    },\n    mode: {\n      type: String,\n      default: \"switch\",\n      validator: (v) => [\"switch\", \"checkbox\"].includes(v)\n    }\n  })\n  const emit = defineEmits(['update:radio'])\n  const updateInputText = (event) => {\n    if (Array.isArray(props.radio)) {\n      let newRadio = [...props.radio];  // создаем копию массива для иммутабельности\n      if (event.target.checked) {\n        newRadio.push(props.value);\n      } else {\n        const index = newRadio.indexOf(props.value);\n        if (index !== -1) {\n          newRadio.splice(index, 1);\n        }\n      }\n      emit('update:radio', newRadio);\n    } else if (typeof props.radio === 'boolean') {\n      emit('update:radio', event.target.checked);\n    }\n  }\n</script>\n<template>\n  <label class=\"flex-v-center flex-nowrap flex\">\n    <div v-if=\"label\" class=\"mn-r-auto t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <input \n      @change=\"updateInputText\"\n      class=\"round radiobutton\" \n      type=\"checkbox\" \n      :name=\"name\" \n      :value=\"value\"\n      :checked=\"Array.isArray(radio) ? radio.includes(value) : radio\"\n    > \n    <div \n      class=\"cursor-pointer mn-l-thin flex-center\"\n      :class=\"{\n        'transition-elastic pd-thin h-2r w-4r radius-extra': mode === 'switch',\n        'w-2r h-2r radius-small': mode === 'checkbox',\n        'bg-dark': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark' && mode === 'switch',\n        'br-dark': theme === 'dark' && mode === 'checkbox',\n        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'switch',\n        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'checkbox','bg-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'switch',\n        'bg-main br-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'checkbox',\n      }\"\n    >\n      <!-- Switch toggle circle -->\n      <div \n        v-if=\"mode === 'switch'\"\n        class=\"transition-linear w-1r h-1r radius-extra bg-white\"\n        :class=\"{\n          'mn-r-auto': !(Array.isArray(radio) ? radio.includes(value) : radio),\n          'mn-l-auto': Array.isArray(radio) ? radio.includes(value) : radio,\n        }\"\n      />\n      <!-- Checkbox checkmark -->\n      <span \n        v-else-if=\"mode === 'checkbox' && (Array.isArray(radio) ? radio.includes(value) : radio)\"\n        class=\"t-white w-100 h-100 flex flex-center\"\n      >\n        <IconCheckmark class=\"i-medium\" fill=\"rgb(var(--white))\" />\n      </span>\n    </div>\n  </label>\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKE,UAAM,QAAQ;AAkBd,UAAM,OAAO;AACb,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,MAAM,QAAQ,MAAM,KAAK,GAAG;AAC9B,YAAI,WAAW,CAAC,GAAG,MAAM,KAAK;AAC9B,YAAI,MAAM,OAAO,SAAS;AACxB,mBAAS,KAAK,MAAM,KAAK;AAAA,QAC3B,OAAO;AACL,gBAAM,QAAQ,SAAS,QAAQ,MAAM,KAAK;AAC1C,cAAI,UAAU,IAAI;AAChB,qBAAS,OAAO,OAAO,CAAC;AAAA,UAC1B;AAAA,QACF;AACA,aAAK,gBAAgB,QAAQ;AAAA,MAC/B,WAAW,OAAO,MAAM,UAAU,WAAW;AAC3C,aAAK,gBAAgB,MAAM,OAAO,OAAO;AAAA,MAC3C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -66,11 +66,11 @@ const _sfc_main = {
         createElementVNode("div", {
           class: normalizeClass(["cursor-pointer mn-l-thin flex-center", {
             "transition-elastic pd-thin h-2r w-4r radius-extra": __props.mode === "switch",
-            "w-2r h-2r radius-small br-solid br-1px": __props.mode === "checkbox",
+            "w-2r h-2r radius-small": __props.mode === "checkbox",
             "bg-dark": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "dark" && __props.mode === "switch",
-            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light" && __props.mode === "switch",
             "br-dark": __props.theme === "dark" && __props.mode === "checkbox",
-            "br-light": __props.theme === "light" && __props.mode === "checkbox",
+            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light" && __props.mode === "switch",
+            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light" && __props.mode === "checkbox",
             "bg-main": (Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.mode === "switch",
             "bg-main br-main": (Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.mode === "checkbox"
           }])

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.vue.js","sources":["../../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup>\n  import { ref, watch, computed } from 'vue'\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n  const props = defineProps({\n    label: String,\n    name: String,\n    value: String,\n    radio: {\n      type: [Array, Boolean, Object],\n      default: () => []\n    },\n    theme: {\n      type: String,\n      default: \"light\"\n    },\n    mode: {\n      type: String,\n      default: \"switch\",\n      validator: (v) => [\"switch\", \"checkbox\"].includes(v)\n    }\n  })\n  const emit = defineEmits(['update:radio'])\n  const updateInputText = (event) => {\n    if (Array.isArray(props.radio)) {\n      let newRadio = [...props.radio];  // создаем копию массива для иммутабельности\n      if (event.target.checked) {\n        newRadio.push(props.value);\n      } else {\n        const index = newRadio.indexOf(props.value);\n        if (index !== -1) {\n          newRadio.splice(index, 1);\n        }\n      }\n      emit('update:radio', newRadio);\n    } else if (typeof props.radio === 'boolean') {\n      emit('update:radio', event.target.checked);\n    }\n  }\n</script>\n<template>\n  <label class=\"flex-v-center flex-nowrap flex\">\n    <div v-if=\"label\" class=\"mn-r-auto t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <input \n      @change=\"updateInputText\"\n      class=\"round radiobutton\" \n      type=\"checkbox\" \n      :name=\"name\" \n      :value=\"value\"\n      :checked=\"Array.isArray(radio) ? radio.includes(value) : radio\"\n    > \n    <div \n      class=\"cursor-pointer mn-l-thin flex-center\"\n      :class=\"{\n        'transition-elastic pd-thin h-2r w-4r radius-extra': mode === 'switch',\n        'w-2r h-2r radius-small br-solid br-1px': mode === 'checkbox',\n        'bg-dark': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark' && mode === 'switch',\n        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'switch',\n        'br-dark': theme === 'dark' && mode === 'checkbox',\n        'br-light': theme === 'light' && mode === 'checkbox',\n        'bg-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'switch',\n        'bg-main br-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'checkbox',\n      }\"\n    >\n      <!-- Switch toggle circle -->\n      <div \n        v-if=\"mode === 'switch'\"\n        class=\"transition-linear w-1r h-1r radius-extra bg-white\"\n        :class=\"{\n          'mn-r-auto': !(Array.isArray(radio) ? radio.includes(value) : radio),\n          'mn-l-auto': Array.isArray(radio) ? radio.includes(value) : radio,\n        }\"\n      />\n      <!-- Checkbox checkmark -->\n      <span \n        v-else-if=\"mode === 'checkbox' && (Array.isArray(radio) ? radio.includes(value) : radio)\"\n        class=\"t-white w-100 h-100 flex flex-center\"\n      >\n        <IconCheckmark class=\"i-medium\" fill=\"rgb(var(--white))\" />\n      </span>\n    </div>\n  </label>\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKE,UAAM,QAAQ;AAkBd,UAAM,OAAO;AACb,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,MAAM,QAAQ,MAAM,KAAK,GAAG;AAC9B,YAAI,WAAW,CAAC,GAAG,MAAM,KAAK;AAC9B,YAAI,MAAM,OAAO,SAAS;AACxB,mBAAS,KAAK,MAAM,KAAK;AAAA,QAC3B,OAAO;AACL,gBAAM,QAAQ,SAAS,QAAQ,MAAM,KAAK;AAC1C,cAAI,UAAU,IAAI;AAChB,qBAAS,OAAO,OAAO,CAAC;AAAA,UAC1B;AAAA,QACF;AACA,aAAK,gBAAgB,QAAQ;AAAA,MAC/B,WAAW,OAAO,MAAM,UAAU,WAAW;AAC3C,aAAK,gBAAgB,MAAM,OAAO,OAAO;AAAA,MAC3C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.vue.js","sources":["../../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup>\n  import { ref, watch, computed } from 'vue'\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\n  const props = defineProps({\n    label: String,\n    name: String,\n    value: String,\n    radio: {\n      type: [Array, Boolean, Object],\n      default: () => []\n    },\n    theme: {\n      type: String,\n      default: \"light\"\n    },\n    mode: {\n      type: String,\n      default: \"switch\",\n      validator: (v) => [\"switch\", \"checkbox\"].includes(v)\n    }\n  })\n  const emit = defineEmits(['update:radio'])\n  const updateInputText = (event) => {\n    if (Array.isArray(props.radio)) {\n      let newRadio = [...props.radio];  // создаем копию массива для иммутабельности\n      if (event.target.checked) {\n        newRadio.push(props.value);\n      } else {\n        const index = newRadio.indexOf(props.value);\n        if (index !== -1) {\n          newRadio.splice(index, 1);\n        }\n      }\n      emit('update:radio', newRadio);\n    } else if (typeof props.radio === 'boolean') {\n      emit('update:radio', event.target.checked);\n    }\n  }\n</script>\n<template>\n  <label class=\"flex-v-center flex-nowrap flex\">\n    <div v-if=\"label\" class=\"mn-r-auto t-transp mn-r-small\">\n      <span>{{label}}</span>\n    </div>\n    <input \n      @change=\"updateInputText\"\n      class=\"round radiobutton\" \n      type=\"checkbox\" \n      :name=\"name\" \n      :value=\"value\"\n      :checked=\"Array.isArray(radio) ? radio.includes(value) : radio\"\n    > \n    <div \n      class=\"cursor-pointer mn-l-thin flex-center\"\n      :class=\"{\n        'transition-elastic pd-thin h-2r w-4r radius-extra': mode === 'switch',\n        'w-2r h-2r radius-small': mode === 'checkbox',\n        'bg-dark': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark' && mode === 'switch',\n        'br-dark': theme === 'dark' && mode === 'checkbox',\n        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'switch',\n        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'checkbox','bg-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'switch',\n        'bg-main br-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'checkbox',\n      }\"\n    >\n      <!-- Switch toggle circle -->\n      <div \n        v-if=\"mode === 'switch'\"\n        class=\"transition-linear w-1r h-1r radius-extra bg-white\"\n        :class=\"{\n          'mn-r-auto': !(Array.isArray(radio) ? radio.includes(value) : radio),\n          'mn-l-auto': Array.isArray(radio) ? radio.includes(value) : radio,\n        }\"\n      />\n      <!-- Checkbox checkmark -->\n      <span \n        v-else-if=\"mode === 'checkbox' && (Array.isArray(radio) ? radio.includes(value) : radio)\"\n        class=\"t-white w-100 h-100 flex flex-center\"\n      >\n        <IconCheckmark class=\"i-medium\" fill=\"rgb(var(--white))\" />\n      </span>\n    </div>\n  </label>\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKE,UAAM,QAAQ;AAkBd,UAAM,OAAO;AACb,UAAM,kBAAkB,CAAC,UAAU;AACjC,UAAI,MAAM,QAAQ,MAAM,KAAK,GAAG;AAC9B,YAAI,WAAW,CAAC,GAAG,MAAM,KAAK;AAC9B,YAAI,MAAM,OAAO,SAAS;AACxB,mBAAS,KAAK,MAAM,KAAK;AAAA,QAC3B,OAAO;AACL,gBAAM,QAAQ,SAAS,QAAQ,MAAM,KAAK;AAC1C,cAAI,UAAU,IAAI;AAChB,qBAAS,OAAO,OAAO,CAAC;AAAA,UAC1B;AAAA,QACF;AACA,aAAK,gBAAgB,QAAQ;AAAA,MAC/B,WAAW,OAAO,MAAM,UAAU,WAAW;AAC3C,aAAK,gBAAgB,MAAM,OAAO,OAAO;AAAA,MAC3C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,95 +1,2 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueDraggableNext_esmBundler = require("../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
-const UploadImageMultiple = require("../UploadImageMultiple/UploadImageMultiple.vue.cjs");
-const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
-require("./EditImages.vue2.cjs");
-const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
-const _hoisted_2 = { class: "pos-relative" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = {
-  key: 1,
-  class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
-};
-const _sfc_main = {
-  __name: "EditImages",
-  props: {
-    images: Array,
-    text: Object,
-    options: Object,
-    uploadPath: {
-      type: Object,
-      default: "unsorted"
-    }
-  },
-  emits: ["update:images"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const localImages = vue.ref([...props.images]);
-    vue.watchEffect(() => {
-      localImages.value = [...props.images];
-    });
-    const emitChanges = () => {
-      emit("update:images", localImages.value);
-    };
-    const onImagesUpdate = (newImages) => {
-      localImages.value = [...localImages.value, ...newImages];
-      emitChanges();
-    };
-    const deleteImage = (index) => {
-      localImages.value.splice(index, 1);
-      emitChanges();
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        localImages.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), {
-          key: 0,
-          class: "gap-small flex dragArea list-group w-full",
-          modelValue: localImages.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
-          onChange: emitChanges
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localImages.value, (image, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-                vue.createElementVNode("img", {
-                  loading: "lazy",
-                  class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
-                  src: (_ctx.FILE_SERVER_URL || "") + image
-                }, null, 8, _hoisted_3),
-                vue.createVNode(IconCross.default, {
-                  onClick: ($event) => deleteImage(index),
-                  class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
-                }, null, 8, ["onClick"])
-              ]);
-            }), 256))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : vue.createCommentVNode("", true),
-        localImages.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          vue.createVNode(UploadImageMultiple.default, {
-            "onUpdate:images": onImagesUpdate,
-            text: "Add",
-            options: {
-              showText: false
-            },
-            uploadPath: "photos",
-            class: "radius-big"
-          })
-        ])) : vue.createCommentVNode("", true),
-        localImages.value.length < 1 ? (vue.openBlock(), vue.createBlock(UploadImageMultiple.default, {
-          key: 2,
-          "onUpdate:images": onImagesUpdate,
-          uploadPath: props.uploadPath,
-          text: props.text,
-          options: props.options,
-          class: "w-100 pd-medium"
-        }, null, 8, ["uploadPath", "text", "options"])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
 //# sourceMappingURL=EditImages.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditImages.vue.cjs","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n    <VueDraggableNext v-if=\"localImages.length > 0\"  class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n        <IconCross  \n          @click=\"deleteImage(index)\" \n          class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red  pos-t-10-negative pos-r-10-negative pd-micro\"\n        />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n    <div\n      v-if=\"localImages.length > 0\" \n      class=\"i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small\"\n      >\n       <UploadImageMultiple   \n        @update:images=\"onImagesUpdate\"\n        text=\"Add\"\n        :options=\"{\n          showText: false\n        }\"\n        :uploadPath=\"'photos'\"\n        class=\"radius-big\"\n      />\n    </div>\n\n\n\t\t<UploadImageMultiple \t\n      v-if=\"localImages.length < 1\" \n      @update:images=\"onImagesUpdate\"\n      :uploadPath=\"props.uploadPath\"\n      :text=\"props.text\"\n      :options=\"props.options\"\n      class=\"w-100 pd-medium\"\n    />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  images: Array,\n  text: Object,\n  options: Object,\n  uploadPath: {\n    type: Object,\n    default: 'unsorted'\n  }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n  localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n  emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n  localImages.value = [...localImages.value, ...newImages]\n  emitChanges()\n}\n\nconst deleteImage = (index) => {\n  localImages.value.splice(index, 1)\n  emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAcA,IAAAA,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzCC,QAAAA,YAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAW;AAAA,IACb;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAW;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditImages.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,95 +1,2 @@
-import { ref, watchEffect, createElementBlock, openBlock, createBlock, createCommentVNode, unref, withCtx, Fragment, renderList, createElementVNode, createVNode } from "vue";
-import { VueDraggableNext } from "../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
-import _sfc_main$2 from "../UploadImageMultiple/UploadImageMultiple.vue.js";
-import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
-import "./EditImages.vue2.js";
-const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
-const _hoisted_2 = { class: "pos-relative" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = {
-  key: 1,
-  class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
-};
-const _sfc_main = {
-  __name: "EditImages",
-  props: {
-    images: Array,
-    text: Object,
-    options: Object,
-    uploadPath: {
-      type: Object,
-      default: "unsorted"
-    }
-  },
-  emits: ["update:images"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const localImages = ref([...props.images]);
-    watchEffect(() => {
-      localImages.value = [...props.images];
-    });
-    const emitChanges = () => {
-      emit("update:images", localImages.value);
-    };
-    const onImagesUpdate = (newImages) => {
-      localImages.value = [...localImages.value, ...newImages];
-      emitChanges();
-    };
-    const deleteImage = (index) => {
-      localImages.value.splice(index, 1);
-      emitChanges();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        localImages.value.length > 0 ? (openBlock(), createBlock(unref(VueDraggableNext), {
-          key: 0,
-          class: "gap-small flex dragArea list-group w-full",
-          modelValue: localImages.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
-          onChange: emitChanges
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(localImages.value, (image, index) => {
-              return openBlock(), createElementBlock("div", _hoisted_2, [
-                createElementVNode("img", {
-                  loading: "lazy",
-                  class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
-                  src: (_ctx.FILE_SERVER_URL || "") + image
-                }, null, 8, _hoisted_3),
-                createVNode(_sfc_main$1, {
-                  onClick: ($event) => deleteImage(index),
-                  class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
-                }, null, 8, ["onClick"])
-              ]);
-            }), 256))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : createCommentVNode("", true),
-        localImages.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(_sfc_main$2, {
-            "onUpdate:images": onImagesUpdate,
-            text: "Add",
-            options: {
-              showText: false
-            },
-            uploadPath: "photos",
-            class: "radius-big"
-          })
-        ])) : createCommentVNode("", true),
-        localImages.value.length < 1 ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 2,
-          "onUpdate:images": onImagesUpdate,
-          uploadPath: props.uploadPath,
-          text: props.text,
-          options: props.options,
-          class: "w-100 pd-medium"
-        }, null, 8, ["uploadPath", "text", "options"])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
+
 //# sourceMappingURL=EditImages.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditImages.vue.js","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n    <VueDraggableNext v-if=\"localImages.length > 0\"  class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n        <IconCross  \n          @click=\"deleteImage(index)\" \n          class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red  pos-t-10-negative pos-r-10-negative pd-micro\"\n        />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n    <div\n      v-if=\"localImages.length > 0\" \n      class=\"i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small\"\n      >\n       <UploadImageMultiple   \n        @update:images=\"onImagesUpdate\"\n        text=\"Add\"\n        :options=\"{\n          showText: false\n        }\"\n        :uploadPath=\"'photos'\"\n        class=\"radius-big\"\n      />\n    </div>\n\n\n\t\t<UploadImageMultiple \t\n      v-if=\"localImages.length < 1\" \n      @update:images=\"onImagesUpdate\"\n      :uploadPath=\"props.uploadPath\"\n      :text=\"props.text\"\n      :options=\"props.options\"\n      class=\"w-100 pd-medium\"\n    />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  images: Array,\n  text: Object,\n  options: Object,\n  uploadPath: {\n    type: Object,\n    default: 'unsorted'\n  }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n  localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n  emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n  localImages.value = [...localImages.value, ...newImages]\n  emitChanges()\n}\n\nconst deleteImage = (index) => {\n  localImages.value.splice(index, 1)\n  emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAc,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzC,gBAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAW;AAAA,IACb;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAW;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditImages.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/martyrs/src/components/EditImages/EditImages.vue2.cjs

@@ -1,2 +1,95 @@
 "use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueDraggableNext_esmBundler = require("../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
+const UploadImageMultiple = require("../UploadImageMultiple/UploadImageMultiple.vue.cjs");
+const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
+require("./EditImages.vue.cjs");
+const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
+const _hoisted_2 = { class: "pos-relative" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 1,
+  class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
+};
+const _sfc_main = {
+  __name: "EditImages",
+  props: {
+    images: Array,
+    text: Object,
+    options: Object,
+    uploadPath: {
+      type: Object,
+      default: "unsorted"
+    }
+  },
+  emits: ["update:images"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const localImages = vue.ref([...props.images]);
+    vue.watchEffect(() => {
+      localImages.value = [...props.images];
+    });
+    const emitChanges = () => {
+      emit("update:images", localImages.value);
+    };
+    const onImagesUpdate = (newImages) => {
+      localImages.value = [...localImages.value, ...newImages];
+      emitChanges();
+    };
+    const deleteImage = (index) => {
+      localImages.value.splice(index, 1);
+      emitChanges();
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        localImages.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), {
+          key: 0,
+          class: "gap-small flex dragArea list-group w-full",
+          modelValue: localImages.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
+          onChange: emitChanges
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localImages.value, (image, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                vue.createElementVNode("img", {
+                  loading: "lazy",
+                  class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
+                  src: (_ctx.FILE_SERVER_URL || "") + image
+                }, null, 8, _hoisted_3),
+                vue.createVNode(IconCross.default, {
+                  onClick: ($event) => deleteImage(index),
+                  class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
+                }, null, 8, ["onClick"])
+              ]);
+            }), 256))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : vue.createCommentVNode("", true),
+        localImages.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.createVNode(UploadImageMultiple.default, {
+            "onUpdate:images": onImagesUpdate,
+            text: "Add",
+            options: {
+              showText: false
+            },
+            uploadPath: "photos",
+            class: "radius-big"
+          })
+        ])) : vue.createCommentVNode("", true),
+        localImages.value.length < 1 ? (vue.openBlock(), vue.createBlock(UploadImageMultiple.default, {
+          key: 2,
+          "onUpdate:images": onImagesUpdate,
+          uploadPath: props.uploadPath,
+          text: props.text,
+          options: props.options,
+          class: "w-100 pd-medium"
+        }, null, 8, ["uploadPath", "text", "options"])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
 //# sourceMappingURL=EditImages.vue2.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditImages.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"EditImages.vue2.cjs","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n    <VueDraggableNext v-if=\"localImages.length > 0\"  class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n        <IconCross  \n          @click=\"deleteImage(index)\" \n          class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red  pos-t-10-negative pos-r-10-negative pd-micro\"\n        />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n    <div\n      v-if=\"localImages.length > 0\" \n      class=\"i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small\"\n      >\n       <UploadImageMultiple   \n        @update:images=\"onImagesUpdate\"\n        text=\"Add\"\n        :options=\"{\n          showText: false\n        }\"\n        :uploadPath=\"'photos'\"\n        class=\"radius-big\"\n      />\n    </div>\n\n\n\t\t<UploadImageMultiple \t\n      v-if=\"localImages.length < 1\" \n      @update:images=\"onImagesUpdate\"\n      :uploadPath=\"props.uploadPath\"\n      :text=\"props.text\"\n      :options=\"props.options\"\n      class=\"w-100 pd-medium\"\n    />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  images: Array,\n  text: Object,\n  options: Object,\n  uploadPath: {\n    type: Object,\n    default: 'unsorted'\n  }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n  localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n  emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n  localImages.value = [...localImages.value, ...newImages]\n  emitChanges()\n}\n\nconst deleteImage = (index) => {\n  localImages.value.splice(index, 1)\n  emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAcA,IAAAA,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzCC,QAAAA,YAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAW;AAAA,IACb;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAW;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +1,95 @@
-
+import { ref, watchEffect, createElementBlock, openBlock, createBlock, createCommentVNode, unref, withCtx, Fragment, renderList, createElementVNode, createVNode } from "vue";
+import { VueDraggableNext } from "../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
+import _sfc_main$2 from "../UploadImageMultiple/UploadImageMultiple.vue.js";
+import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
+import "./EditImages.vue.js";
+const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
+const _hoisted_2 = { class: "pos-relative" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 1,
+  class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
+};
+const _sfc_main = {
+  __name: "EditImages",
+  props: {
+    images: Array,
+    text: Object,
+    options: Object,
+    uploadPath: {
+      type: Object,
+      default: "unsorted"
+    }
+  },
+  emits: ["update:images"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const localImages = ref([...props.images]);
+    watchEffect(() => {
+      localImages.value = [...props.images];
+    });
+    const emitChanges = () => {
+      emit("update:images", localImages.value);
+    };
+    const onImagesUpdate = (newImages) => {
+      localImages.value = [...localImages.value, ...newImages];
+      emitChanges();
+    };
+    const deleteImage = (index) => {
+      localImages.value.splice(index, 1);
+      emitChanges();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        localImages.value.length > 0 ? (openBlock(), createBlock(unref(VueDraggableNext), {
+          key: 0,
+          class: "gap-small flex dragArea list-group w-full",
+          modelValue: localImages.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
+          onChange: emitChanges
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(localImages.value, (image, index) => {
+              return openBlock(), createElementBlock("div", _hoisted_2, [
+                createElementVNode("img", {
+                  loading: "lazy",
+                  class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
+                  src: (_ctx.FILE_SERVER_URL || "") + image
+                }, null, 8, _hoisted_3),
+                createVNode(_sfc_main$1, {
+                  onClick: ($event) => deleteImage(index),
+                  class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
+                }, null, 8, ["onClick"])
+              ]);
+            }), 256))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", true),
+        localImages.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(_sfc_main$2, {
+            "onUpdate:images": onImagesUpdate,
+            text: "Add",
+            options: {
+              showText: false
+            },
+            uploadPath: "photos",
+            class: "radius-big"
+          })
+        ])) : createCommentVNode("", true),
+        localImages.value.length < 1 ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 2,
+          "onUpdate:images": onImagesUpdate,
+          uploadPath: props.uploadPath,
+          text: props.text,
+          options: props.options,
+          class: "w-100 pd-medium"
+        }, null, 8, ["uploadPath", "text", "options"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
 //# sourceMappingURL=EditImages.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditImages.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"EditImages.vue2.js","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n    <VueDraggableNext v-if=\"localImages.length > 0\"  class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n        <IconCross  \n          @click=\"deleteImage(index)\" \n          class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red  pos-t-10-negative pos-r-10-negative pd-micro\"\n        />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n    <div\n      v-if=\"localImages.length > 0\" \n      class=\"i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small\"\n      >\n       <UploadImageMultiple   \n        @update:images=\"onImagesUpdate\"\n        text=\"Add\"\n        :options=\"{\n          showText: false\n        }\"\n        :uploadPath=\"'photos'\"\n        class=\"radius-big\"\n      />\n    </div>\n\n\n\t\t<UploadImageMultiple \t\n      v-if=\"localImages.length < 1\" \n      @update:images=\"onImagesUpdate\"\n      :uploadPath=\"props.uploadPath\"\n      :text=\"props.text\"\n      :options=\"props.options\"\n      class=\"w-100 pd-medium\"\n    />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@martyrs/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  images: Array,\n  text: Object,\n  options: Object,\n  uploadPath: {\n    type: Object,\n    default: 'unsorted'\n  }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n  localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n  emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n  localImages.value = [...localImages.value, ...newImages]\n  emitChanges()\n}\n\nconst deleteImage = (index) => {\n  localImages.value.splice(index, 1)\n  emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAc,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzC,gBAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAW;AAAA,IACb;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAW;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}