@ozdao/martyrs 0.2.423

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.vue.cjs","sources":["../../../../../src/components/BottomSheet/BottomSheet.vue"],"sourcesContent":["<template>\n  <transition name=\"slideY\"  mode=\"out-in\">\n    <section \n      v-if=\"show\"\n      ref=\"wrapper\" \n      class=\"w-100 bs-black rows-1 h-100vh\"\n      :class=\"{\n        'pd-t-extra': MOBILE_APP === 'ios',  \n      }\"\n      >\n      <!-- Toggle To Close -->\n      <div\n        @click=\"emits('toggle')\"\n        @mousedown=\"startDrag\"\n        @touchstart=\"startDrag\"\n        @mousemove=\"onDrag\"\n        @touchmove=\"onDrag\"\n        @mouseup=\"endDrag\"\n        @touchend=\"endDrag\"\n        @mouseleave=\"endDrag\"\n        class=\"bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2\"\n      >\n        <div class=\"radius-extra flex flex-center  pd-small t-black p-medium\">\n          <div class=\"radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10\"></div>\n        </div>\n      </div>\n      \n      <slot></slot>\n    </section>\n  </transition>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst props = defineProps({\n  show: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: {\n      position: false\n    }\n  }\n})\n\nconst emits = defineEmits([\n  'toggle'\n])\n\nconst wrapper = ref(null)\n\nconst startY = ref(0);\nconst currentY = ref(0);\nconst dragging = ref(false);\n\nfunction startDrag(event) {\n  dragging.value = true;\n  startY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  currentY.value = startY.value;\n}\n\nfunction onDrag(event) {\n  if (!dragging.value) return;\n  event.preventDefault(); // Prevent scrolling while dragging\n  currentY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  const deltaY = currentY.value - startY.value;\n\n  if (deltaY > 0) {\n    wrapper.value.style.top = `${deltaY}px`;\n  }\n}\nfunction endDrag() {\n  if (!dragging.value) return;\n\n  dragging.value = false;\n\n  const deltaY = currentY.value - startY.value;\n  const threshold = window.innerHeight * 0.2;\n\n  if (deltaY < threshold) {\n    // If less than 40%, snap back to the original position\n    wrapper.value.style.top = '';\n  } else {\n    // If more than 40%, hide the element\n    emits('toggle')\n    // VisualizerWrapper.value.style.top = '';\n  }\n}\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgDA,UAAM,QAAQ;AAId,UAAM,UAAUA,IAAG,IAAC,IAAI;AAExB,UAAM,SAASA,IAAG,IAAC,CAAC;AACpB,UAAM,WAAWA,IAAG,IAAC,CAAC;AACtB,UAAM,WAAWA,IAAG,IAAC,KAAK;AAE1B,aAAS,UAAU,OAAO;AACxB,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAChE,eAAS,QAAQ,OAAO;AAAA,IAC1B;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,SAAS,MAAO;AACrB,YAAM,eAAc;AACpB,eAAS,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAClE,YAAM,SAAS,SAAS,QAAQ,OAAO;AAEvC,UAAI,SAAS,GAAG;AACd,gBAAQ,MAAM,MAAM,MAAM,GAAG,MAAM;AAAA,MACvC;AAAA,IACA;AACA,aAAS,UAAU;AACjB,UAAI,CAAC,SAAS,MAAO;AAErB,eAAS,QAAQ;AAEjB,YAAM,SAAS,SAAS,QAAQ,OAAO;AACvC,YAAM,YAAY,OAAO,cAAc;AAEvC,UAAI,SAAS,WAAW;AAEtB,gBAAQ,MAAM,MAAM,MAAM;AAAA,MAC9B,OAAS;AAEL,cAAM,QAAQ;AAAA,MAElB;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,90 @@
+import { ref, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot } from "vue";
+const _sfc_main = {
+  __name: "BottomSheet",
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    options: {
+      type: Object,
+      default: {
+        position: false
+      }
+    }
+  },
+  emits: [
+    "toggle"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const wrapper = ref(null);
+    const startY = ref(0);
+    const currentY = ref(0);
+    const dragging = ref(false);
+    function startDrag(event) {
+      dragging.value = true;
+      startY.value = event.touches ? event.touches[0].clientY : event.clientY;
+      currentY.value = startY.value;
+    }
+    function onDrag(event) {
+      if (!dragging.value) return;
+      event.preventDefault();
+      currentY.value = event.touches ? event.touches[0].clientY : event.clientY;
+      const deltaY = currentY.value - startY.value;
+      if (deltaY > 0) {
+        wrapper.value.style.top = `${deltaY}px`;
+      }
+    }
+    function endDrag() {
+      if (!dragging.value) return;
+      dragging.value = false;
+      const deltaY = currentY.value - startY.value;
+      const threshold = window.innerHeight * 0.2;
+      if (deltaY < threshold) {
+        wrapper.value.style.top = "";
+      } else {
+        emits("toggle");
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "slideY",
+        mode: "out-in"
+      }, {
+        default: withCtx(() => [
+          __props.show ? (openBlock(), createElementBlock("section", {
+            key: 0,
+            ref_key: "wrapper",
+            ref: wrapper,
+            class: normalizeClass(["w-100 bs-black rows-1 h-100vh", {
+              "pd-t-extra": _ctx.MOBILE_APP === "ios"
+            }])
+          }, [
+            createElementVNode("div", {
+              onClick: _cache[0] || (_cache[0] = ($event) => emits("toggle")),
+              onMousedown: startDrag,
+              onTouchstart: startDrag,
+              onMousemove: onDrag,
+              onTouchmove: onDrag,
+              onMouseup: endDrag,
+              onTouchend: endDrag,
+              onMouseleave: endDrag,
+              class: "bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2"
+            }, _cache[1] || (_cache[1] = [
+              createElementVNode("div", { class: "radius-extra flex flex-center pd-small t-black p-medium" }, [
+                createElementVNode("div", { class: "radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10" })
+              ], -1)
+            ]), 32),
+            renderSlot(_ctx.$slots, "default")
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BottomSheet.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.vue.js","sources":["../../../../../src/components/BottomSheet/BottomSheet.vue"],"sourcesContent":["<template>\n  <transition name=\"slideY\"  mode=\"out-in\">\n    <section \n      v-if=\"show\"\n      ref=\"wrapper\" \n      class=\"w-100 bs-black rows-1 h-100vh\"\n      :class=\"{\n        'pd-t-extra': MOBILE_APP === 'ios',  \n      }\"\n      >\n      <!-- Toggle To Close -->\n      <div\n        @click=\"emits('toggle')\"\n        @mousedown=\"startDrag\"\n        @touchstart=\"startDrag\"\n        @mousemove=\"onDrag\"\n        @touchmove=\"onDrag\"\n        @mouseup=\"endDrag\"\n        @touchend=\"endDrag\"\n        @mouseleave=\"endDrag\"\n        class=\"bs-black d-block p-medium pos-relative bg-white flex-center flex uppercase z-index-2\"\n      >\n        <div class=\"radius-extra flex flex-center  pd-small t-black p-medium\">\n          <div class=\"radius-extra pd-nano w-3r h-1r t-black p-medium bg-black-transp-10\"></div>\n        </div>\n      </div>\n      \n      <slot></slot>\n    </section>\n  </transition>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst props = defineProps({\n  show: {\n    type: Boolean,\n    default: false\n  },\n  options: {\n    type: Object,\n    default: {\n      position: false\n    }\n  }\n})\n\nconst emits = defineEmits([\n  'toggle'\n])\n\nconst wrapper = ref(null)\n\nconst startY = ref(0);\nconst currentY = ref(0);\nconst dragging = ref(false);\n\nfunction startDrag(event) {\n  dragging.value = true;\n  startY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  currentY.value = startY.value;\n}\n\nfunction onDrag(event) {\n  if (!dragging.value) return;\n  event.preventDefault(); // Prevent scrolling while dragging\n  currentY.value = event.touches ? event.touches[0].clientY : event.clientY;\n  const deltaY = currentY.value - startY.value;\n\n  if (deltaY > 0) {\n    wrapper.value.style.top = `${deltaY}px`;\n  }\n}\nfunction endDrag() {\n  if (!dragging.value) return;\n\n  dragging.value = false;\n\n  const deltaY = currentY.value - startY.value;\n  const threshold = window.innerHeight * 0.2;\n\n  if (deltaY < threshold) {\n    // If less than 40%, snap back to the original position\n    wrapper.value.style.top = '';\n  } else {\n    // If more than 40%, hide the element\n    emits('toggle')\n    // VisualizerWrapper.value.style.top = '';\n  }\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAgDA,UAAM,QAAQ;AAId,UAAM,UAAU,IAAI,IAAI;AAExB,UAAM,SAAS,IAAI,CAAC;AACpB,UAAM,WAAW,IAAI,CAAC;AACtB,UAAM,WAAW,IAAI,KAAK;AAE1B,aAAS,UAAU,OAAO;AACxB,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAChE,eAAS,QAAQ,OAAO;AAAA,IAC1B;AAEA,aAAS,OAAO,OAAO;AACrB,UAAI,CAAC,SAAS,MAAO;AACrB,YAAM,eAAc;AACpB,eAAS,QAAQ,MAAM,UAAU,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM;AAClE,YAAM,SAAS,SAAS,QAAQ,OAAO;AAEvC,UAAI,SAAS,GAAG;AACd,gBAAQ,MAAM,MAAM,MAAM,GAAG,MAAM;AAAA,MACvC;AAAA,IACA;AACA,aAAS,UAAU;AACjB,UAAI,CAAC,SAAS,MAAO;AAErB,eAAS,QAAQ;AAEjB,YAAM,SAAS,SAAS,QAAQ,OAAO;AACvC,YAAM,YAAY,OAAO,cAAc;AAEvC,UAAI,SAAS,WAAW;AAEtB,gBAAQ,MAAM,MAAM,MAAM;AAAA,MAC9B,OAAS;AAEL,cAAM,QAAQ;AAAA,MAElB;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Loader = require("../Loader/Loader.vue2.cjs");
+;/* empty css              */
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  key: 2,
+  class: "t-semi loading t-black"
+};
+const _hoisted_3 = {
+  key: 3,
+  class: "error"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "button-counter"
+};
+const _sfc_main = {
+  __name: "Button",
+  props: {
+    submit: {
+      type: Function,
+      default: async () => {
+        console.log("Button click.");
+      }
+    },
+    text: {
+      type: Object,
+      default: (textComponent) => {
+        return textComponent = {
+          ...textComponent.text,
+          success: "✔",
+          error: "✖"
+        };
+      }
+    },
+    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.classList.replace("bg-second", "bg-main");
+          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, 500);
+        } else {
+          resetButton();
+        }
+        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);
+      } catch (err) {
+        emits("error", err);
+        button.value.classList.replace("bg-main", "bg-fourth-nano");
+        error.value = props.error;
+        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: "button"
+      }, [
+        vue.createVNode(vue.Transition, { name: "FromTop" }, {
+          default: vue.withCtx(() => [
+            !loading.value && !error.value && !finished.value || !__props.showLoader ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : loading.value && !error.value && __props.showLoader ? (vue.openBlock(), vue.createBlock(Loader.default, {
+              key: 1,
+              class: "pos-relative pos-t-0 pos-l-0 loading"
+            })) : finished.value && __props.showSucces ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(__props.text.success), 1)) : error.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
+          ]),
+          _: 3
+        }),
+        __props.counter ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(__props.counter), 1)) : vue.createCommentVNode("", true)
+      ], 8, _hoisted_1);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Button.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n        if (button.value) {\n          button.value.classList.replace('bg-second', 'bg-main');\n          button.value.style.pointerEvents = 'auto';\n          loading.value = false;\n          finished.value = false;\n          error.value = null;\n        }\n\t    };\n\n\t    try {\n        await props.submit();\n\n        button.value.classList.replace('bg-main', 'bg-second');\n\n        loading.value = false;\n\n        // Используем функцию сброса состояния кнопки здесь.\n        if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n          setTimeout(resetButton, 500);\n        } else {\n          resetButton();\n        }\n\n        // Если есть callback, мы также установим таймер для его вызова.\n        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n    \t\temits('error',err)\n        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n        error.value = props.error;\n        \n        // После задержки снова сбрасываем состояние кнопки.\n        setTimeout(() => {\n          resetButton();\n          // Так как класс кнопки был изменен, вернем его в исходное состояние.\n          button.value.classList.replace('bg-fourth-nano', 'bg-main');\n        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<p v-if=\"counter\" class=\"button-counter\">{{counter}}</p> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75  !important;\n\t \tpointer-events: none  !important;\n\t \tcursor: default  !important;\n\t \tcolor: rgba(var(--black), 0.5)  !important;\n\t\tbackground: rgba(var(--grey), 1) !important; \n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 0.75rem 1.5rem;\n\t\tborder-radius: 3rem;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,UAAM,QAAQ;AAEd,UAAM,SAASA,IAAG,IAAC,IAAI;AACvB,UAAM,QAAQA,IAAG,IAAC,IAAI;AACtB,UAAM,UAAUA,IAAG,IAAC,KAAK;AACzB,UAAM,WAAWA,IAAG,IAAC,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AACrD,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACxB;AAAA,MACM;AAED,UAAI;AACD,cAAM,MAAM,OAAQ;AAEpB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL,sBAAa;AAAA,QACvB;AAGQ,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf,sBAAa;AAEb,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,130 @@
+import { ref, createElementBlock, openBlock, withModifiers, createVNode, createCommentVNode, Transition, withCtx, renderSlot, createBlock, toDisplayString } from "vue";
+import Loader from "../Loader/Loader.vue2.js";
+/* empty css            */
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  key: 2,
+  class: "t-semi loading t-black"
+};
+const _hoisted_3 = {
+  key: 3,
+  class: "error"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "button-counter"
+};
+const _sfc_main = {
+  __name: "Button",
+  props: {
+    submit: {
+      type: Function,
+      default: async () => {
+        console.log("Button click.");
+      }
+    },
+    text: {
+      type: Object,
+      default: (textComponent) => {
+        return textComponent = {
+          ...textComponent.text,
+          success: "✔",
+          error: "✖"
+        };
+      }
+    },
+    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.classList.replace("bg-second", "bg-main");
+          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, 500);
+        } else {
+          resetButton();
+        }
+        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);
+      } catch (err) {
+        emits("error", err);
+        button.value.classList.replace("bg-main", "bg-fourth-nano");
+        error.value = props.error;
+        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: "button"
+      }, [
+        createVNode(Transition, { name: "FromTop" }, {
+          default: withCtx(() => [
+            !loading.value && !error.value && !finished.value || !__props.showLoader ? renderSlot(_ctx.$slots, "default", { key: 0 }) : loading.value && !error.value && __props.showLoader ? (openBlock(), createBlock(Loader, {
+              key: 1,
+              class: "pos-relative pos-t-0 pos-l-0 loading"
+            })) : finished.value && __props.showSucces ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.text.success), 1)) : error.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }),
+        __props.counter ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.counter), 1)) : createCommentVNode("", true)
+      ], 8, _hoisted_1);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Button.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n        if (button.value) {\n          button.value.classList.replace('bg-second', 'bg-main');\n          button.value.style.pointerEvents = 'auto';\n          loading.value = false;\n          finished.value = false;\n          error.value = null;\n        }\n\t    };\n\n\t    try {\n        await props.submit();\n\n        button.value.classList.replace('bg-main', 'bg-second');\n\n        loading.value = false;\n\n        // Используем функцию сброса состояния кнопки здесь.\n        if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n          setTimeout(resetButton, 500);\n        } else {\n          resetButton();\n        }\n\n        // Если есть callback, мы также установим таймер для его вызова.\n        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n    \t\temits('error',err)\n        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n        error.value = props.error;\n        \n        // После задержки снова сбрасываем состояние кнопки.\n        setTimeout(() => {\n          resetButton();\n          // Так как класс кнопки был изменен, вернем его в исходное состояние.\n          button.value.classList.replace('bg-fourth-nano', 'bg-main');\n        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<p v-if=\"counter\" class=\"button-counter\">{{counter}}</p> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75  !important;\n\t \tpointer-events: none  !important;\n\t \tcursor: default  !important;\n\t \tcolor: rgba(var(--black), 0.5)  !important;\n\t\tbackground: rgba(var(--grey), 1) !important; \n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 0.75rem 1.5rem;\n\t\tborder-radius: 3rem;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,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;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AACrD,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACxB;AAAA,MACM;AAED,UAAI;AACD,cAAM,MAAM,OAAQ;AAEpB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL,sBAAa;AAAA,QACvB;AAGQ,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf,sBAAa;AAEb,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-r-auto t-transp mn-r-small"
+};
+const _hoisted_3 = ["name", "value", "checked"];
+const _sfc_main = {
+  __name: "Checkbox",
+  props: {
+    label: String,
+    name: String,
+    value: String,
+    radio: {
+      type: [Array, Boolean, Object],
+      default: () => []
+    },
+    theme: {
+      type: String,
+      default: "light"
+    }
+  },
+  emits: ["update:radio"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const updateInputText = (event) => {
+      if (Array.isArray(props.radio)) {
+        let newRadio = [...props.radio];
+        if (event.target.checked) {
+          newRadio.push(props.value);
+        } else {
+          const index = newRadio.indexOf(props.value);
+          if (index !== -1) {
+            newRadio.splice(index, 1);
+          }
+        }
+        emit("update:radio", newRadio);
+      } else if (typeof props.radio === "boolean") {
+        emit("update:radio", event.target.checked);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("span", null, vue.toDisplayString(__props.label), 1)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("input", {
+          onChange: updateInputText,
+          class: "round radiobutton",
+          type: "checkbox",
+          name: __props.name,
+          value: __props.value,
+          checked: Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
+        }, null, 40, _hoisted_3),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra", {
+            "bg-dark": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "dark",
+            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light",
+            "bg-main": Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
+          }])
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
+              "mn-r-auto": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio),
+              "mn-l-auto": Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
+            }])
+          }, null, 2)
+        ], 2)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Checkbox.vue.cjs.map

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

@@ -0,0 +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  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  })\n\n  const emit = defineEmits(['update:radio'])\n\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\n<template>\n\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\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\n    <div \n      class=\"transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra\"\n      :class=\"{\n        'bg-dark':!(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark',\n        'bg-light':!(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light',\n        'bg-main':Array.isArray(radio) ? radio.includes(value) : radio,\n      }\"\n\n    >\n      <div \n        class=\"transition-linear w-1r h-1r radius-extra h-100 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      </div>\n    </div>\n  </label>\n\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGE,UAAM,QAAQ;AAcd,UAAM,OAAO;AAEb,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,QACjC,OAAa;AACL,gBAAM,QAAQ,SAAS,QAAQ,MAAM,KAAK;AAC1C,cAAI,UAAU,IAAI;AAChB,qBAAS,OAAO,OAAO,CAAC;AAAA,UAClC;AAAA,QACA;AACM,aAAK,gBAAgB,QAAQ;AAAA,MAC9B,WAAU,OAAO,MAAM,UAAU,WAAW;AAC3C,aAAK,gBAAgB,MAAM,OAAO,OAAO;AAAA,MAC/C;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,77 @@
+import { createElementBlock, openBlock, createCommentVNode, createElementVNode, toDisplayString, normalizeClass } from "vue";
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-r-auto t-transp mn-r-small"
+};
+const _hoisted_3 = ["name", "value", "checked"];
+const _sfc_main = {
+  __name: "Checkbox",
+  props: {
+    label: String,
+    name: String,
+    value: String,
+    radio: {
+      type: [Array, Boolean, Object],
+      default: () => []
+    },
+    theme: {
+      type: String,
+      default: "light"
+    }
+  },
+  emits: ["update:radio"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const updateInputText = (event) => {
+      if (Array.isArray(props.radio)) {
+        let newRadio = [...props.radio];
+        if (event.target.checked) {
+          newRadio.push(props.value);
+        } else {
+          const index = newRadio.indexOf(props.value);
+          if (index !== -1) {
+            newRadio.splice(index, 1);
+          }
+        }
+        emit("update:radio", newRadio);
+      } else if (typeof props.radio === "boolean") {
+        emit("update:radio", event.target.checked);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", _hoisted_1, [
+        __props.label ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("span", null, toDisplayString(__props.label), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("input", {
+          onChange: updateInputText,
+          class: "round radiobutton",
+          type: "checkbox",
+          name: __props.name,
+          value: __props.value,
+          checked: Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
+        }, null, 40, _hoisted_3),
+        createElementVNode("div", {
+          class: normalizeClass(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra", {
+            "bg-dark": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "dark",
+            "bg-light": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio) && __props.theme === "light",
+            "bg-main": Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
+          }])
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
+              "mn-r-auto": !(Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio),
+              "mn-l-auto": Array.isArray(__props.radio) ? __props.radio.includes(__props.value) : __props.radio
+            }])
+          }, null, 2)
+        ], 2)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Checkbox.vue.js.map

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

@@ -0,0 +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  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  })\n\n  const emit = defineEmits(['update:radio'])\n\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\n<template>\n\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\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\n    <div \n      class=\"transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra\"\n      :class=\"{\n        'bg-dark':!(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark',\n        'bg-light':!(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light',\n        'bg-main':Array.isArray(radio) ? radio.includes(value) : radio,\n      }\"\n\n    >\n      <div \n        class=\"transition-linear w-1r h-1r radius-extra h-100 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      </div>\n    </div>\n  </label>\n\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGE,UAAM,QAAQ;AAcd,UAAM,OAAO;AAEb,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,QACjC,OAAa;AACL,gBAAM,QAAQ,SAAS,QAAQ,MAAM,KAAK;AAC1C,cAAI,UAAU,IAAI;AAChB,qBAAS,OAAO,OAAO,CAAC;AAAA,UAClC;AAAA,QACA;AACM,aAAK,gBAAgB,QAAQ;AAAA,MAC9B,WAAU,OAAO,MAAM,UAAU,WAAW;AAC3C,aAAK,gBAAgB,MAAM,OAAO,OAAO;AAAA,MAC/C;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,33 @@
+"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 = { class: "t-truncate" };
+const _hoisted_3 = {
+  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) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        ((_a = __props.chips) == null ? void 0 : _a.length) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.chips, (chip, index) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass([_ctx.$attrs.class || "p-medium font-main", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
+          }, [
+            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(chip.text ? chip.text : chip), 1)
+          ], 2);
+        }), 256)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Chips.vue2.cjs.map

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

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

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

@@ -0,0 +1,33 @@
+import { createElementBlock, openBlock, renderSlot, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString } from "vue";
+/* empty css          */
+const _hoisted_1 = { class: "font-main" };
+const _hoisted_2 = { class: "t-truncate" };
+const _hoisted_3 = {
+  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) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default"),
+        ((_a = __props.chips) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.chips, (chip, index) => {
+          return openBlock(), createElementBlock("span", {
+            class: normalizeClass([_ctx.$attrs.class || "p-medium font-main", "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-main"])
+          }, [
+            createElementVNode("span", _hoisted_2, toDisplayString(chip.text ? chip.text : chip), 1)
+          ], 2);
+        }), 256)) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default")
+        ]))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Chips.vue2.js.map

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

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