@ozdao/martyrs 0.2.549 → 0.2.551

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

@@ -1,158 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-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              */
-const _hoisted_1 = ["disabled"];
-const _hoisted_2 = {
-  key: 0,
-  class: "button-content"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "button-content t-semi t-center w-100 loading t-black"
-};
-const _hoisted_4 = {
-  key: 3,
-  class: "button-content t-center w-100 error"
-};
-const _hoisted_5 = {
-  key: 0,
-  class: "button-counter flex flex-center"
-};
-const _sfc_main = {
-  __name: "Button",
-  props: {
-    submit: {
-      type: Function,
-      default: async () => {
-        console.log("Button click.");
-      }
-    },
-    text: {
-      type: Object,
-      default: () => ({
-        success: null,
-        error: null
-      })
-    },
-    counter: {
-      type: Object
-    },
-    callback: {
-      type: Function,
-      default: async () => {
-        console.log("Button callback.");
-      }
-    },
-    callbackDelay: {
-      type: Number,
-      default: 750
-    },
-    showSucces: {
-      type: Boolean,
-      default: true
-    },
-    showLoader: {
-      type: Boolean,
-      default: true
-    },
-    validation: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["error"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const button = vue.ref(null);
-    const error = vue.ref(null);
-    const loading = vue.ref(false);
-    const finished = vue.ref(false);
-    async function Submit() {
-      console.log("click");
-      button.value.style["pointer-events"] = "none";
-      error.value = null;
-      loading.value = true;
-      const resetButton = () => {
-        if (button.value) {
-          button.value.style.pointerEvents = "auto";
-          loading.value = false;
-          finished.value = false;
-          error.value = null;
-        }
-      };
-      try {
-        await props.submit();
-        button.value.classList.replace("bg-main", "bg-second");
-        loading.value = false;
-        if (props.showSucces) {
-          finished.value = true;
-          setTimeout(() => {
-            resetButton();
-            button.value.classList.replace("bg-second", "bg-main");
-          }, 500);
-        } else {
-          resetButton();
-          button.value.classList.replace("bg-second", "bg-main");
-        }
-        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);
-      } catch (err) {
-        emits("error", err);
-        button.value.classList.replace("bg-main", "bg-fourth-nano");
-        loading.value = false;
-        error.value = true;
-        setTimeout(() => {
-          resetButton();
-          button.value.classList.replace("bg-fourth-nano", "bg-main");
-        }, 1330);
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("button", {
-        onClick: vue.withModifiers(Submit, ["stop"]),
-        disabled: __props.validation,
-        ref_key: "button",
-        ref: button,
-        class: vue.normalizeClass(["button", { "button--disabled": loading.value || __props.validation }])
-      }, [
-        vue.createVNode(vue.Transition, {
-          name: "content",
-          mode: "out-in"
-        }, {
-          default: vue.withCtx(() => [
-            !loading.value && !error.value && !finished.value || !__props.showLoader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ])) : loading.value && !error.value && __props.showLoader ? (vue.openBlock(), vue.createBlock(Loader.default, {
-              key: 1,
-              class: "icon button-content pos-relative pos-t-0 pos-l-0 loading"
-            })) : finished.value && __props.showSucces ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
-              __props.text.success ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createTextVNode(vue.toDisplayString(__props.text.success), 1)
-              ], 64)) : (vue.openBlock(), vue.createBlock(IconCheckmark.default, {
-                key: 1,
-                class: "icon"
-              }))
-            ])) : error.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
-              __props.text.error ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createTextVNode(vue.toDisplayString(__props.text.error), 1)
-              ], 64)) : (vue.openBlock(), vue.createBlock(IconCross.default, {
-                key: 1,
-                class: "icon"
-              }))
-            ])) : vue.createCommentVNode("", true)
-          ]),
-          _: 3
-        }),
-        __props.counter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-          vue.createElementVNode("span", null, vue.toDisplayString(__props.counter), 1)
-        ])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Button.vue.cjs.map

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

@@ -1 +0,0 @@
-{"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=\"icon 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  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

@@ -1,158 +0,0 @@
-import { ref, createElementBlock, openBlock, normalizeClass, withModifiers, createVNode, createCommentVNode, Transition, withCtx, createBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createElementVNode } from "vue";
-import Loader from "../Loader/Loader.vue2.js";
-import _sfc_main$1 from "../../modules/icons/navigation/IconCheckmark.vue.js";
-import _sfc_main$2 from "../../modules/icons/navigation/IconCross.vue.js";
-/* empty css            */
-const _hoisted_1 = ["disabled"];
-const _hoisted_2 = {
-  key: 0,
-  class: "button-content"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "button-content t-semi t-center w-100 loading t-black"
-};
-const _hoisted_4 = {
-  key: 3,
-  class: "button-content t-center w-100 error"
-};
-const _hoisted_5 = {
-  key: 0,
-  class: "button-counter flex flex-center"
-};
-const _sfc_main = {
-  __name: "Button",
-  props: {
-    submit: {
-      type: Function,
-      default: async () => {
-        console.log("Button click.");
-      }
-    },
-    text: {
-      type: Object,
-      default: () => ({
-        success: null,
-        error: null
-      })
-    },
-    counter: {
-      type: Object
-    },
-    callback: {
-      type: Function,
-      default: async () => {
-        console.log("Button callback.");
-      }
-    },
-    callbackDelay: {
-      type: Number,
-      default: 750
-    },
-    showSucces: {
-      type: Boolean,
-      default: true
-    },
-    showLoader: {
-      type: Boolean,
-      default: true
-    },
-    validation: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["error"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const button = ref(null);
-    const error = ref(null);
-    const loading = ref(false);
-    const finished = ref(false);
-    async function Submit() {
-      console.log("click");
-      button.value.style["pointer-events"] = "none";
-      error.value = null;
-      loading.value = true;
-      const resetButton = () => {
-        if (button.value) {
-          button.value.style.pointerEvents = "auto";
-          loading.value = false;
-          finished.value = false;
-          error.value = null;
-        }
-      };
-      try {
-        await props.submit();
-        button.value.classList.replace("bg-main", "bg-second");
-        loading.value = false;
-        if (props.showSucces) {
-          finished.value = true;
-          setTimeout(() => {
-            resetButton();
-            button.value.classList.replace("bg-second", "bg-main");
-          }, 500);
-        } else {
-          resetButton();
-          button.value.classList.replace("bg-second", "bg-main");
-        }
-        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);
-      } catch (err) {
-        emits("error", err);
-        button.value.classList.replace("bg-main", "bg-fourth-nano");
-        loading.value = false;
-        error.value = true;
-        setTimeout(() => {
-          resetButton();
-          button.value.classList.replace("bg-fourth-nano", "bg-main");
-        }, 1330);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        onClick: withModifiers(Submit, ["stop"]),
-        disabled: __props.validation,
-        ref_key: "button",
-        ref: button,
-        class: normalizeClass(["button", { "button--disabled": loading.value || __props.validation }])
-      }, [
-        createVNode(Transition, {
-          name: "content",
-          mode: "out-in"
-        }, {
-          default: withCtx(() => [
-            !loading.value && !error.value && !finished.value || !__props.showLoader ? (openBlock(), createElementBlock("span", _hoisted_2, [
-              renderSlot(_ctx.$slots, "default")
-            ])) : loading.value && !error.value && __props.showLoader ? (openBlock(), createBlock(Loader, {
-              key: 1,
-              class: "icon button-content pos-relative pos-t-0 pos-l-0 loading"
-            })) : finished.value && __props.showSucces ? (openBlock(), createElementBlock("span", _hoisted_3, [
-              __props.text.success ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createTextVNode(toDisplayString(__props.text.success), 1)
-              ], 64)) : (openBlock(), createBlock(_sfc_main$1, {
-                key: 1,
-                class: "icon"
-              }))
-            ])) : error.value ? (openBlock(), createElementBlock("span", _hoisted_4, [
-              __props.text.error ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createTextVNode(toDisplayString(__props.text.error), 1)
-              ], 64)) : (openBlock(), createBlock(_sfc_main$2, {
-                key: 1,
-                class: "icon"
-              }))
-            ])) : createCommentVNode("", true)
-          ]),
-          _: 3
-        }),
-        __props.counter ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createElementVNode("span", null, toDisplayString(__props.counter), 1)
-        ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=Button.vue.js.map

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

@@ -1 +0,0 @@
-{"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=\"icon 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  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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* empty css            */
-const _hoisted_1 = { class: "font-main" };
-const _hoisted_2 = {
-  key: 1,
-  class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
-};
-const _sfc_main = {
-  __name: "Chips",
-  props: ["chips"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.renderSlot(_ctx.$slots, "default"),
-        __props.chips?.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.chips, (chip, index) => {
-          return vue.openBlock(), vue.createElementBlock("p", {
-            class: vue.normalizeClass([_ctx.$attrs.class || "p-regular font-main", "mn-r-nano d-inline-block w-max pd-thin radius-thin t-medium bg-main"])
-          }, vue.toDisplayString(chip.text ? chip.text : chip), 3);
-        }), 256)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]))
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Chips.vue2.cjs.map

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

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

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

@@ -1,29 +0,0 @@
-import { createElementBlock, openBlock, renderSlot, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-/* empty css          */
-const _hoisted_1 = { class: "font-main" };
-const _hoisted_2 = {
-  key: 1,
-  class: "pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-semi bg-white"
-};
-const _sfc_main = {
-  __name: "Chips",
-  props: ["chips"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default"),
-        __props.chips?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.chips, (chip, index) => {
-          return openBlock(), createElementBlock("p", {
-            class: normalizeClass([_ctx.$attrs.class || "p-regular font-main", "mn-r-nano d-inline-block w-max pd-thin radius-thin t-medium bg-main"])
-          }, toDisplayString(chip.text ? chip.text : chip), 3);
-        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default")
-        ]))
-      ]);
-    };
-  }
-};
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=Chips.vue2.js.map

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

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

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

@@ -1,161 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const IconShow = require("../../modules/icons/actions/IconShow.vue.cjs");
-;/* empty css            */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = {
-  key: 2,
-  class: "t-transp mn-r-small"
-};
-const _hoisted_2 = { class: "t-nowrap" };
-const _hoisted_3 = { class: "w-100 pos-relative" };
-const _hoisted_4 = ["type", "value", "placeholder", "tabindex", "disabled", "autofocus", "name", "id"];
-const _hoisted_5 = ["value", "placeholder", "tabindex", "disabled", "name", "id"];
-const _hoisted_6 = {
-  key: 4,
-  class: "t-transp mn-l-small"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
-};
-const _sfc_main = {
-  __name: "Field",
-  props: {
-    label: null,
-    symbol: null,
-    type: "text",
-    placeholder: "Enter something here",
-    field: null,
-    value: null,
-    validation: false,
-    disabled: null,
-    tabindex: -1,
-    autofocus: false,
-    icon: null,
-    // Добавлен пропс для иконки
-    name: null,
-    // Имя поля для автозаполнения
-    id: null
-    // ID поля
-  },
-  emits: ["update:field", "focus", "blur"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    if (props.value) {
-      emit("update:field", props.value);
-    }
-    const textarea = vue.ref(null);
-    const input = vue.ref(null);
-    const showPassword = vue.ref(false);
-    function resize() {
-      if (!textarea.value) {
-        return;
-      }
-      const el = textarea.value;
-      el.style.height = "";
-      const scrollHeight = el.scrollHeight;
-      if (scrollHeight > 33) {
-        el.style.height = scrollHeight + "px";
-      } else {
-        el.style.height = "";
-      }
-    }
-    function focus() {
-      if (props.autofocus) {
-        if (props.type === "textarea" && textarea.value) {
-          textarea.value.focus();
-        } else if (input.value) {
-          input.value.focus();
-        }
-      }
-    }
-    vue.watch(() => props.field, () => {
-      if (props.type === "textarea") {
-        vue.nextTick(resize);
-      }
-    });
-    vue.watch(() => props.autofocus, (newVal) => {
-      if (newVal) {
-        vue.nextTick(focus);
-      }
-    });
-    vue.onMounted(() => {
-      vue.nextTick(focus);
-      vue.nextTick(resize);
-    });
-    const text = vue.ref(props.field);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([[
-            _ctx.$attrs.class,
-            { "bg-fourth-nano": __props.validation }
-          ], "field-wrapper flex-center flex-nowrap flex"])
-        }, [
-          _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, void 0, true) : __props.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.icon), {
-            key: 1,
-            class: "i-medium t-transp mn-r-thin"
-          })) : vue.createCommentVNode("", true),
-          __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.label), 1)
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3, [
-            __props.type !== "textarea" ? (vue.openBlock(), vue.createElementBlock("input", {
-              key: 0,
-              ref_key: "input",
-              ref: input,
-              onInput: _cache[0] || (_cache[0] = (event) => text.value = emit("update:field", event.target.value)),
-              onFocus: _cache[1] || (_cache[1] = (event) => emit("focus", event)),
-              onBlur: _cache[2] || (_cache[2] = (event) => emit("blur", event)),
-              type: __props.type === "password" && !showPassword.value ? "password" : __props.type === "password" ? "text" : __props.type,
-              class: "w-100",
-              value: __props.field,
-              placeholder: __props.placeholder,
-              tabindex: __props.tabindex,
-              disabled: __props.disabled,
-              autofocus: __props.autofocus,
-              name: __props.name,
-              id: __props.id
-            }, null, 40, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("textarea", {
-              key: 1,
-              ref_key: "textarea",
-              ref: textarea,
-              onInput: _cache[3] || (_cache[3] = (event) => text.value = emit("update:field", event.target.value)),
-              onFocus: _cache[4] || (_cache[4] = (event) => emit("focus", event)),
-              onBlur: _cache[5] || (_cache[5] = (event) => emit("blur", event)),
-              class: "w-100",
-              value: __props.field,
-              placeholder: __props.placeholder,
-              tabindex: __props.tabindex,
-              disabled: __props.disabled,
-              name: __props.name,
-              id: __props.id
-            }, null, 40, _hoisted_5))
-          ]),
-          __props.type === "password" ? (vue.openBlock(), vue.createBlock(IconShow.default, {
-            key: 3,
-            show: !showPassword.value,
-            onClick: _cache[6] || (_cache[6] = ($event) => showPassword.value = !showPassword.value),
-            class: "i-medium cursor-pointer"
-          }, null, 8, ["show"])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          __props.symbol ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-            vue.createElementVNode("span", null, vue.toDisplayString(__props.symbol), 1)
-          ])) : vue.createCommentVNode("", true)
-        ], 2),
-        vue.createVNode(vue.Transition, { name: "fade" }, {
-          default: vue.withCtx(() => [
-            __props.validation ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, " * " + vue.toDisplayString(__props.validation.message), 1)) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-};
-const Field = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-36998019"]]);
-exports.default = Field;
-//# sourceMappingURL=Field.vue2.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Field.vue2.cjs","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst props = defineProps({\n  label: null,\n  symbol: null,\n  type: 'text',\n  placeholder: 'Enter something here',\n  field: null,\n  value: null,\n  validation: false,\n  disabled: null,\n  tabindex: -1,\n  autofocus: false,\n  icon: null, // Добавлен пропс для иконки\n  name: null, // Имя поля для автозаполнения\n  id: null // ID поля\n});\nif (props.value) {\n  emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n  if (!textarea.value) {\n    return;\n  }\n  const el = textarea.value;\n  el.style.height = '';\n  const scrollHeight = el.scrollHeight;\n  if (scrollHeight > 33) {\n    el.style.height = scrollHeight + 'px';\n  } else {\n    el.style.height = '';\n  }\n}\nfunction focus() {\n  if (props.autofocus) {\n    if (props.type === 'textarea' && textarea.value) {\n      textarea.value.focus();\n    } else if (input.value) {\n      input.value.focus();\n    }\n  }\n}\nwatch(() => props.field, () => {\n  if (props.type === 'textarea') {\n    nextTick(resize);\n  }\n});\nwatch(() => props.autofocus, (newVal) => {\n  if (newVal) {\n    nextTick(focus);\n  }\n});\nonMounted(() => {\n  nextTick(focus);\n  nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      { 'bg-fourth-nano': validation }\n    ]\"\n    class=\"field-wrapper flex-center flex-nowrap flex\"\n  >\n    <!-- Слот для иконки -->\n    <slot name=\"icon\" v-if=\"$slots.icon\" />\n    <!-- Или компонент иконки через пропс -->\n    <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n    \n    <div\n      v-if=\"label\"\n      class=\"t-transp mn-r-small\"\n    >\n      <span class=\"t-nowrap\">\n        {{label}}\n      </span>\n    </div>\n    <div class=\"w-100 pos-relative\">\n      <input\n        v-if=\"type !== 'textarea'\"\n        ref=\"input\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        :type=\"type === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :autofocus=\"autofocus\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n      <textarea\n        v-else\n        ref=\"textarea\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :name=\"name\"\n        :id=\"id\"\n      />\n    </div>\n    <IconShow\n      v-if=\"type === 'password'\"\n      :show=\"!showPassword\"\n      @click=\"showPassword = !showPassword\"\n      class=\"i-medium cursor-pointer\"\n    />\n    <slot></slot>\n    <div\n      v-if=\"symbol\"\n      class=\"t-transp mn-l-small\"\n    >\n      <span>\n        {{symbol}}\n      </span>\n    </div>\n  </div>\n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n<style scoped>\ninput,\ntextarea,\nspan {\n  color: inherit;\n  line-height: 1;\n}\ntextarea {\n  resize: none;\n  overflow: hidden; \n  height: 1rem;\n}\n\ninput {\n  height: 1rem;\n}\n\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n  opacity: 1;\n  color: inherit;\n}\n</style>"],"names":["ref","watch","nextTick","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAed,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACzB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,eAAeA,IAAAA,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,MACF;AACA,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACnC,OAAO;AACL,WAAG,MAAM,SAAS;AAAA,MACpB;AAAA,IACF;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAK;AAAA,QACtB,WAAW,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAK;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACAC,QAAAA,MAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7BC,YAAAA,SAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AACDD,QAAAA,MAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACVC,YAAAA,SAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AACDC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,KAAK;AACdA,UAAAA,SAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,OAAOF,IAAAA,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}