@ozdao/martyrs 0.2.488 → 0.2.491

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

@@ -0,0 +1,168 @@
+import { ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, Fragment, renderList, normalizeClass } from "vue";
+/* empty css            */
+const _hoisted_1 = {
+  key: 0,
+  class: "carousel__dots"
+};
+const _hoisted_2 = ["onClick"];
+const _sfc_main = {
+  __name: "Slider",
+  props: {
+    showDots: Boolean,
+    slideCount: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const carouselRef = ref(null);
+    const selectedIndex = ref(0);
+    const autoplayInterval = ref(null);
+    const scrollTimeout = ref(null);
+    const scrollTo = (index) => {
+      if (!carouselRef.value) return;
+      const container = carouselRef.value.querySelector(".carousel__container");
+      const slides = container.querySelectorAll(".carousel__slide");
+      if (slides[index]) {
+        container.scrollTo({
+          left: slides[index].offsetLeft,
+          behavior: "smooth"
+        });
+        selectedIndex.value = index;
+      }
+    };
+    const handleScroll = () => {
+      if (scrollTimeout.value) {
+        clearTimeout(scrollTimeout.value);
+      }
+      scrollTimeout.value = setTimeout(() => {
+        updateSelectedIndex();
+      }, 50);
+    };
+    const updateSelectedIndex = () => {
+      if (!carouselRef.value) return;
+      const container = carouselRef.value.querySelector(".carousel__container");
+      const slides = container.querySelectorAll(".carousel__slide");
+      if (!slides.length) return;
+      const scrollPosition = container.scrollLeft;
+      const slideWidth = slides[0].offsetWidth;
+      const index = Math.round(scrollPosition / slideWidth);
+      const boundedIndex = Math.max(0, Math.min(index, slides.length - 1));
+      selectedIndex.value = boundedIndex;
+    };
+    const setupAutoplay = () => {
+      if (autoplayInterval.value) {
+        clearInterval(autoplayInterval.value);
+      }
+      autoplayInterval.value = setInterval(() => {
+        const nextIndex = (selectedIndex.value + 1) % props.slideCount;
+        scrollTo(nextIndex);
+      }, 2e3);
+    };
+    onMounted(() => {
+      if (carouselRef.value) {
+        const container = carouselRef.value.querySelector(".carousel__container");
+        const slides = container.querySelectorAll(".carousel__slide");
+        const observer = new IntersectionObserver((entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+              const slideIndex = Array.from(slides).indexOf(entry.target);
+              if (slideIndex !== -1) {
+                selectedIndex.value = slideIndex;
+              }
+            }
+          });
+        }, {
+          root: container,
+          threshold: 0.7
+          // Consider slide visible when 70% is in view
+        });
+        slides.forEach((slide) => {
+          observer.observe(slide);
+        });
+        container.addEventListener("focusin", () => {
+          if (autoplayInterval.value) {
+            clearInterval(autoplayInterval.value);
+          }
+        });
+        container.addEventListener("focusout", () => {
+          setupAutoplay();
+        });
+        container.addEventListener("mousedown", () => {
+          if (autoplayInterval.value) {
+            clearInterval(autoplayInterval.value);
+          }
+        });
+        container.addEventListener("touchstart", () => {
+          if (autoplayInterval.value) {
+            clearInterval(autoplayInterval.value);
+          }
+        });
+        container.addEventListener("mouseup", () => {
+          setupAutoplay();
+        });
+        container.addEventListener("touchend", () => {
+          setupAutoplay();
+        });
+        setupAutoplay();
+        carouselRef.value._observer = observer;
+      }
+    });
+    onBeforeUnmount(() => {
+      if (carouselRef.value) {
+        if (carouselRef.value._observer) {
+          carouselRef.value._observer.disconnect();
+        }
+        const container = carouselRef.value.querySelector(".carousel__container");
+        if (container) {
+          container.removeEventListener("focusin", () => {
+          });
+          container.removeEventListener("focusout", () => {
+          });
+          container.removeEventListener("mousedown", () => {
+          });
+          container.removeEventListener("touchstart", () => {
+          });
+          container.removeEventListener("mouseup", () => {
+          });
+          container.removeEventListener("touchend", () => {
+          });
+        }
+      }
+      if (autoplayInterval.value) {
+        clearInterval(autoplayInterval.value);
+      }
+      if (scrollTimeout.value) {
+        clearTimeout(scrollTimeout.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "carousel",
+        ref_key: "carouselRef",
+        ref: carouselRef
+      }, [
+        createElementVNode("div", {
+          class: "carousel__container",
+          onScroll: handleScroll
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 32),
+        __props.showDots && __props.slideCount > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.slideCount, (index) => {
+            return openBlock(), createElementBlock("button", {
+              key: index - 1,
+              class: normalizeClass(["carousel__dot", { "carousel__dot--active": selectedIndex.value === index - 1 }]),
+              onClick: ($event) => scrollTo(index - 1)
+            }, null, 10, _hoisted_2);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Slider.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.vue.js","sources":["../../../../../src/components/Slider/Slider.vue"],"sourcesContent":["<template>\n  <!-- Native Carousel -->\n  <div class=\"carousel\" ref=\"carouselRef\">\n    <div class=\"carousel__container\" @scroll=\"handleScroll\">\n      <slot></slot>\n    </div>\n    \n    <!-- Navigation Dots (optional) -->\n    <div class=\"carousel__dots\" v-if=\"showDots && slideCount > 1\">\n      <button \n        v-for=\"index in slideCount\" \n        :key=\"index - 1\"\n        class=\"carousel__dot\"\n        :class=\"{ 'carousel__dot--active': selectedIndex === index - 1 }\"\n        @click=\"scrollTo(index - 1)\"\n      ></button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, onBeforeUnmount, computed } from 'vue'\n\n// Props for customization\nconst props = defineProps({\n  showDots: Boolean,\n  slideCount: {\n    type: Number,\n    default: 0\n  }\n});\n\nconst carouselRef = ref(null)\nconst selectedIndex = ref(0)\nconst autoplayInterval = ref(null)\nconst scrollTimeout = ref(null)\n\n// Scroll to specific slide\nconst scrollTo = (index) => {\n  if (!carouselRef.value) return\n  \n  const container = carouselRef.value.querySelector('.carousel__container')\n  const slides = container.querySelectorAll('.carousel__slide')\n  \n  if (slides[index]) {\n    container.scrollTo({\n      left: slides[index].offsetLeft,\n      behavior: 'smooth'\n    })\n    \n    selectedIndex.value = index\n  }\n}\n\n// Handle scroll event with debounce\nconst handleScroll = () => {\n  // Clear previous timeout\n  if (scrollTimeout.value) {\n    clearTimeout(scrollTimeout.value)\n  }\n  \n  // Set a timeout to update the index when scrolling stops\n  scrollTimeout.value = setTimeout(() => {\n    updateSelectedIndex()\n  }, 50) // Small delay to ensure scroll has completed\n}\n\n// Update selected index when scrolling\nconst updateSelectedIndex = () => {\n  if (!carouselRef.value) return\n  \n  const container = carouselRef.value.querySelector('.carousel__container')\n  const slides = container.querySelectorAll('.carousel__slide')\n  \n  if (!slides.length) return\n  \n  const scrollPosition = container.scrollLeft\n  const slideWidth = slides[0].offsetWidth\n  \n  // Find current slide index based on scroll position\n  const index = Math.round(scrollPosition / slideWidth)\n  \n  // Ensure index is within bounds\n  const boundedIndex = Math.max(0, Math.min(index, slides.length - 1))\n  \n  // Update selected index\n  selectedIndex.value = boundedIndex\n}\n\n// Setup autoplay functionality\nconst setupAutoplay = () => {\n  if (autoplayInterval.value) {\n    clearInterval(autoplayInterval.value)\n  }\n  \n  autoplayInterval.value = setInterval(() => {\n    const nextIndex = (selectedIndex.value + 1) % props.slideCount\n    scrollTo(nextIndex)\n  }, 2000) // 2 seconds interval like in original\n}\n\nonMounted(() => {\n  // Initialize native carousel after component is mounted\n  if (carouselRef.value) {\n    // Listen for scroll end using intersection observer for better performance\n    const container = carouselRef.value.querySelector('.carousel__container')\n    const slides = container.querySelectorAll('.carousel__slide')\n    \n    // Create intersection observer to detect when slides are visible\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          // Find the index of the visible slide\n          const slideIndex = Array.from(slides).indexOf(entry.target)\n          if (slideIndex !== -1) {\n            selectedIndex.value = slideIndex\n          }\n        }\n      })\n    }, {\n      root: container,\n      threshold: 0.7 // Consider slide visible when 70% is in view\n    })\n    \n    // Observe all slides\n    slides.forEach(slide => {\n      observer.observe(slide)\n    })\n    \n    // Add focus/blur events to pause autoplay on focus\n    container.addEventListener('focusin', () => {\n      if (autoplayInterval.value) {\n        clearInterval(autoplayInterval.value)\n      }\n    })\n    \n    container.addEventListener('focusout', () => {\n      setupAutoplay()\n    })\n    \n    // Stop autoplay on touch/mouse interaction\n    container.addEventListener('mousedown', () => {\n      if (autoplayInterval.value) {\n        clearInterval(autoplayInterval.value)\n      }\n    })\n    \n    container.addEventListener('touchstart', () => {\n      if (autoplayInterval.value) {\n        clearInterval(autoplayInterval.value)\n      }\n    })\n    \n    // Resume autoplay after interaction ends\n    container.addEventListener('mouseup', () => {\n      setupAutoplay()\n    })\n    \n    container.addEventListener('touchend', () => {\n      setupAutoplay()\n    })\n    \n    // Initialize autoplay\n    setupAutoplay()\n    \n    // Store observer for cleanup\n    carouselRef.value._observer = observer\n  }\n})\n\nonBeforeUnmount(() => {\n  // Clean up all resources\n  if (carouselRef.value) {\n    // Clean up intersection observer\n    if (carouselRef.value._observer) {\n      carouselRef.value._observer.disconnect()\n    }\n    \n    // Clean up event listeners\n    const container = carouselRef.value.querySelector('.carousel__container')\n    if (container) {\n      container.removeEventListener('focusin', () => {})\n      container.removeEventListener('focusout', () => {})\n      container.removeEventListener('mousedown', () => {})\n      container.removeEventListener('touchstart', () => {})\n      container.removeEventListener('mouseup', () => {})\n      container.removeEventListener('touchend', () => {})\n    }\n  }\n  \n  // Clear all timeouts and intervals\n  if (autoplayInterval.value) {\n    clearInterval(autoplayInterval.value)\n  }\n  \n  if (scrollTimeout.value) {\n    clearTimeout(scrollTimeout.value)\n  }\n})\n</script>\n\n<style >\n.carousel {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n}\n\n.carousel__container {\n  display: flex;\n  scroll-snap-type: x mandatory;\n  overflow-x: scroll;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  scroll-behavior: smooth;\n}\n\n.carousel__container::-webkit-scrollbar {\n  display: none; /* Chrome, Safari, Opera */\n}\n\n.carousel__slide {\n  flex: 0 0 100%;\n  width: 100%;\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n}\n\n/* Navigation dots */\n.carousel__dots {\n  display: flex;\n  justify-content: center;\n  gap: 0.5rem;\n  margin-top: 1rem;\n}\n\n.carousel__dot {\n  width: 0.625rem;\n  height: 0.625rem;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.2);\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n.carousel__dot--active {\n  background-color: rgba(0, 0, 0, 0.6);\n}\n</style>"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css              */
+const _sfc_main = {
+  __name: "Spoiler",
+  props: {
+    status: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const showSpoiler = vue.ref(false);
+    const spoilerContent = vue.ref(null);
+    vue.onMounted(() => {
+      if (props.status) {
+        showSpoiler.value = props.status;
+      }
+    });
+    const toggleSpoiler = () => {
+      showSpoiler.value = !showSpoiler.value;
+    };
+    const onEnter = (el) => {
+      el.style.height = "0";
+      void el.offsetHeight;
+      el.style.height = el.scrollHeight + "px";
+    };
+    const onAfterEnter = (el) => {
+      el.style.height = "auto";
+    };
+    const onLeave = (el) => {
+      el.style.height = el.scrollHeight + "px";
+      void el.offsetHeight;
+      el.style.height = "0";
+    };
+    __expose({
+      showSpoiler
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("div", {
+          onClick: toggleSpoiler,
+          class: "flex-v-center flex-nowrap flex"
+        }, [
+          vue.renderSlot(_ctx.$slots, "header", { isOpen: showSpoiler.value })
+        ]),
+        vue.createVNode(vue.Transition, {
+          name: "collapse",
+          onEnter,
+          onAfterEnter,
+          onLeave
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              class: "spoiler",
+              ref_key: "spoilerContent",
+              ref: spoilerContent
+            }, [
+              vue.renderSlot(_ctx.$slots, "content")
+            ], 512), [
+              [vue.vShow, showSpoiler.value]
+            ])
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Spoiler.vue2.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spoiler.vue2.cjs","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"toggleSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :isOpen=\"showSpoiler\"></slot>\n    </div>\n    <transition\n      name=\"collapse\"\n      @enter=\"onEnter\"\n      @after-enter=\"onAfterEnter\"\n      @leave=\"onLeave\"\n    >\n      <div v-show=\"showSpoiler\" class=\"spoiler\" ref=\"spoilerContent\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nconst props = defineProps({\n  status: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst showSpoiler = ref(false);\nconst spoilerContent = ref(null);\n\nonMounted(() => {\n  if (props.status) {\n    showSpoiler.value = props.status;\n  }\n});\n\nconst toggleSpoiler = () => {\n  showSpoiler.value = !showSpoiler.value;\n};\n\n// Анимация открытия\nconst onEnter = (el) => {\n  el.style.height = '0';\n  void el.offsetHeight; // force reflow\n  el.style.height = el.scrollHeight + 'px';\n};\n\nconst onAfterEnter = (el) => {\n  el.style.height = 'auto';\n};\n\n// Анимация закрытия\nconst onLeave = (el) => {\n  el.style.height = el.scrollHeight + 'px';\n  void el.offsetHeight; // force reflow\n  el.style.height = '0';\n};\n\ndefineExpose({\n  showSpoiler\n});\n</script>\n<style lang=\"scss\">\n.spoiler {\n  overflow: hidden;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;AAoBA,UAAM,QAAQ;AAOd,UAAM,cAAcA,IAAG,IAAC,KAAK;AAC7B,UAAM,iBAAiBA,IAAG,IAAC,IAAI;AAE/BC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,oBAAY,QAAQ,MAAM;AAAA,MAC9B;AAAA,IACA,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,kBAAY,QAAQ,CAAC,YAAY;AAAA,IACnC;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS;AAClB,WAAK,GAAG;AACR,SAAG,MAAM,SAAS,GAAG,eAAe;AAAA,IACtC;AAEA,UAAM,eAAe,CAAC,OAAO;AAC3B,SAAG,MAAM,SAAS;AAAA,IACpB;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS,GAAG,eAAe;AACpC,WAAK,GAAG;AACR,SAAG,MAAM,SAAS;AAAA,IACpB;AAEA,aAAa;AAAA,MACX;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,73 @@
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, renderSlot, Transition, withCtx, withDirectives, vShow } from "vue";
+/* empty css            */
+const _sfc_main = {
+  __name: "Spoiler",
+  props: {
+    status: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const showSpoiler = ref(false);
+    const spoilerContent = ref(null);
+    onMounted(() => {
+      if (props.status) {
+        showSpoiler.value = props.status;
+      }
+    });
+    const toggleSpoiler = () => {
+      showSpoiler.value = !showSpoiler.value;
+    };
+    const onEnter = (el) => {
+      el.style.height = "0";
+      void el.offsetHeight;
+      el.style.height = el.scrollHeight + "px";
+    };
+    const onAfterEnter = (el) => {
+      el.style.height = "auto";
+    };
+    const onLeave = (el) => {
+      el.style.height = el.scrollHeight + "px";
+      void el.offsetHeight;
+      el.style.height = "0";
+    };
+    __expose({
+      showSpoiler
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", {
+          onClick: toggleSpoiler,
+          class: "flex-v-center flex-nowrap flex"
+        }, [
+          renderSlot(_ctx.$slots, "header", { isOpen: showSpoiler.value })
+        ]),
+        createVNode(Transition, {
+          name: "collapse",
+          onEnter,
+          onAfterEnter,
+          onLeave
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              class: "spoiler",
+              ref_key: "spoilerContent",
+              ref: spoilerContent
+            }, [
+              renderSlot(_ctx.$slots, "content")
+            ], 512), [
+              [vShow, showSpoiler.value]
+            ])
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Spoiler.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spoiler.vue2.js","sources":["../../../../../src/components/Spoiler/Spoiler.vue"],"sourcesContent":["<template>\n  <div>\n    <div @click=\"toggleSpoiler\" class=\"flex-v-center flex-nowrap flex\">\n      <slot name=\"header\" :isOpen=\"showSpoiler\"></slot>\n    </div>\n    <transition\n      name=\"collapse\"\n      @enter=\"onEnter\"\n      @after-enter=\"onAfterEnter\"\n      @leave=\"onLeave\"\n    >\n      <div v-show=\"showSpoiler\" class=\"spoiler\" ref=\"spoilerContent\">\n        <slot name=\"content\"></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nconst props = defineProps({\n  status: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst showSpoiler = ref(false);\nconst spoilerContent = ref(null);\n\nonMounted(() => {\n  if (props.status) {\n    showSpoiler.value = props.status;\n  }\n});\n\nconst toggleSpoiler = () => {\n  showSpoiler.value = !showSpoiler.value;\n};\n\n// Анимация открытия\nconst onEnter = (el) => {\n  el.style.height = '0';\n  void el.offsetHeight; // force reflow\n  el.style.height = el.scrollHeight + 'px';\n};\n\nconst onAfterEnter = (el) => {\n  el.style.height = 'auto';\n};\n\n// Анимация закрытия\nconst onLeave = (el) => {\n  el.style.height = el.scrollHeight + 'px';\n  void el.offsetHeight; // force reflow\n  el.style.height = '0';\n};\n\ndefineExpose({\n  showSpoiler\n});\n</script>\n<style lang=\"scss\">\n.spoiler {\n  overflow: hidden;\n  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAoBA,UAAM,QAAQ;AAOd,UAAM,cAAc,IAAI,KAAK;AAC7B,UAAM,iBAAiB,IAAI,IAAI;AAE/B,cAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,oBAAY,QAAQ,MAAM;AAAA,MAC9B;AAAA,IACA,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,kBAAY,QAAQ,CAAC,YAAY;AAAA,IACnC;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS;AAClB,WAAK,GAAG;AACR,SAAG,MAAM,SAAS,GAAG,eAAe;AAAA,IACtC;AAEA,UAAM,eAAe,CAAC,OAAO;AAC3B,SAAG,MAAM,SAAS;AAAA,IACpB;AAGA,UAAM,UAAU,CAAC,OAAO;AACtB,SAAG,MAAM,SAAS,GAAG,eAAe;AACpC,WAAK,GAAG;AACR,SAAG,MAAM,SAAS;AAAA,IACpB;AAEA,aAAa;AAAA,MACX;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Status/Snack.vue.cjs

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const IconInfo = require("../../modules/icons/navigation/IconInfo.vue.cjs");
+const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
+;/* empty css             */
+const _hoisted_1 = {
+  key: 0,
+  class: "snack-wrapper"
+};
+const _hoisted_2 = { class: "w-100" };
+const _sfc_main = {
+  __name: "Snack",
+  props: {
+    type: {
+      type: String,
+      default: "notification",
+      validator: (v) => ["error", "success", "alert", "notification"].includes(v)
+    },
+    message: String,
+    show: Boolean
+  },
+  emits: ["close"],
+  setup(__props) {
+    const { t, te } = vueI18n.useI18n({ useScope: "global" });
+    const props = __props;
+    const snackClass = vue.computed(() => ({
+      "bg-error": props.type === "error",
+      "bg-success": props.type === "success",
+      "bg-warning": props.type === "alert",
+      "bg-primary": props.type === "notification"
+    }));
+    const iconComponent = vue.computed(() => {
+      const icons = {
+        error: IconCross.default,
+        success: IconInfo.default,
+        alert: IconInfo.default,
+        notification: IconInfo.default
+      };
+      return icons[props.type] || IconInfo.default;
+    });
+    return (_ctx, _cache) => {
+      return __props.show ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["flex-nowrap flex-v-center flex radius-small pd-small t-white", snackClass.value])
+        }, [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconComponent.value), {
+            fill: "rgb(var(--white))",
+            class: "t-transp i-medium mn-r-thin z-index-5"
+          })),
+          vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(vue.unref(te)(`globals.snacks.${__props.message}`) ? vue.unref(t)(`globals.snacks.${__props.message}`) : __props.message), 1),
+          vue.createVNode(IconCross.default, {
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+            class: "cursor-pointer hover-scale-1 i-regular z-index-5"
+          })
+        ], 2)
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Snack.vue.cjs.map

package/dist/martyrs/src/components/Status/Snack.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snack.vue.cjs","sources":["../../../../../src/components/Status/Snack.vue"],"sourcesContent":["<template>\n  <div class=\"snack-wrapper\" v-if=\"show\">\n    <div \n      class=\"flex-nowrap flex-v-center flex radius-small pd-small t-white\"\n      :class=\"snackClass\"\n    >\n      <component \n        :is=\"iconComponent\" \n        fill=\"rgb(var(--white))\" \n        class=\"t-transp i-medium mn-r-thin z-index-5\"\n      />\n      <p class=\"w-100\">\n        {{ te(`globals.snacks.${message}`) ? t(`globals.snacks.${message}`) : message }}\n      </p>\n      <IconCross \n        @click=\"$emit('close')\" \n        class=\"cursor-pointer hover-scale-1 i-regular z-index-5\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconSuccess from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconAlert from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\n\nconst { t, te } = useI18n({ useScope: 'global' })\n\nconst props = defineProps({\n  type: {\n    type: String,\n    default: 'notification',\n    validator: (v) => ['error', 'success', 'alert', 'notification'].includes(v)\n  },\n  message: String,\n  show: Boolean\n})\n\ndefineEmits(['close'])\n\nconst snackClass = computed(() => ({\n  'bg-error': props.type === 'error',\n  'bg-success': props.type === 'success', \n  'bg-warning': props.type === 'alert',\n  'bg-primary': props.type === 'notification'\n}))\n\nconst iconComponent = computed(() => {\n  const icons = {\n    error: IconCross,\n    success: IconSuccess,\n    alert: IconAlert,\n    notification: IconInfo\n  }\n  return icons[props.type] || IconInfo\n})\n</script>\n\n<style lang=\"scss\">\n.snack-wrapper {\n  position: fixed;\n  bottom: var(--gap);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n  from {\n    transform: translateX(-50%) translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n  }\n}\n</style>"],"names":["useI18n","computed","IconCross","IconSuccess","IconAlert","IconInfo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,GAAG,GAAI,IAAGA,QAAO,QAAC,EAAE,UAAU,SAAU,CAAA;AAEhD,UAAM,QAAQ;AAYd,UAAM,aAAaC,IAAQ,SAAC,OAAO;AAAA,MACjC,YAAY,MAAM,SAAS;AAAA,MAC3B,cAAc,MAAM,SAAS;AAAA,MAC7B,cAAc,MAAM,SAAS;AAAA,MAC7B,cAAc,MAAM,SAAS;AAAA,IAC/B,EAAE;AAEF,UAAM,gBAAgBA,IAAQ,SAAC,MAAM;AACnC,YAAM,QAAQ;AAAA,QACZ,OAAOC,UAAS;AAAA,QAChB,SAASC,SAAW;AAAA,QACpB,OAAOC,SAAS;AAAA,QAChB,cAAcC,SAAAA;AAAAA,MAClB;AACE,aAAO,MAAM,MAAM,IAAI,KAAKA,SAAAA;AAAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Status/Snack.vue.js

@@ -0,0 +1,63 @@
+import { computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, normalizeClass, createBlock, createVNode, resolveDynamicComponent, toDisplayString, unref } from "vue";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../../modules/icons/navigation/IconInfo.vue.js";
+import _sfc_main$2 from "../../modules/icons/navigation/IconCross.vue.js";
+/* empty css           */
+const _hoisted_1 = {
+  key: 0,
+  class: "snack-wrapper"
+};
+const _hoisted_2 = { class: "w-100" };
+const _sfc_main = {
+  __name: "Snack",
+  props: {
+    type: {
+      type: String,
+      default: "notification",
+      validator: (v) => ["error", "success", "alert", "notification"].includes(v)
+    },
+    message: String,
+    show: Boolean
+  },
+  emits: ["close"],
+  setup(__props) {
+    const { t, te } = useI18n({ useScope: "global" });
+    const props = __props;
+    const snackClass = computed(() => ({
+      "bg-error": props.type === "error",
+      "bg-success": props.type === "success",
+      "bg-warning": props.type === "alert",
+      "bg-primary": props.type === "notification"
+    }));
+    const iconComponent = computed(() => {
+      const icons = {
+        error: _sfc_main$2,
+        success: _sfc_main$1,
+        alert: _sfc_main$1,
+        notification: _sfc_main$1
+      };
+      return icons[props.type] || _sfc_main$1;
+    });
+    return (_ctx, _cache) => {
+      return __props.show ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["flex-nowrap flex-v-center flex radius-small pd-small t-white", snackClass.value])
+        }, [
+          (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), {
+            fill: "rgb(var(--white))",
+            class: "t-transp i-medium mn-r-thin z-index-5"
+          })),
+          createElementVNode("p", _hoisted_2, toDisplayString(unref(te)(`globals.snacks.${__props.message}`) ? unref(t)(`globals.snacks.${__props.message}`) : __props.message), 1),
+          createVNode(_sfc_main$2, {
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+            class: "cursor-pointer hover-scale-1 i-regular z-index-5"
+          })
+        ], 2)
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Snack.vue.js.map

package/dist/martyrs/src/components/Status/Snack.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snack.vue.js","sources":["../../../../../src/components/Status/Snack.vue"],"sourcesContent":["<template>\n  <div class=\"snack-wrapper\" v-if=\"show\">\n    <div \n      class=\"flex-nowrap flex-v-center flex radius-small pd-small t-white\"\n      :class=\"snackClass\"\n    >\n      <component \n        :is=\"iconComponent\" \n        fill=\"rgb(var(--white))\" \n        class=\"t-transp i-medium mn-r-thin z-index-5\"\n      />\n      <p class=\"w-100\">\n        {{ te(`globals.snacks.${message}`) ? t(`globals.snacks.${message}`) : message }}\n      </p>\n      <IconCross \n        @click=\"$emit('close')\" \n        class=\"cursor-pointer hover-scale-1 i-regular z-index-5\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconSuccess from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconAlert from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'\n\nconst { t, te } = useI18n({ useScope: 'global' })\n\nconst props = defineProps({\n  type: {\n    type: String,\n    default: 'notification',\n    validator: (v) => ['error', 'success', 'alert', 'notification'].includes(v)\n  },\n  message: String,\n  show: Boolean\n})\n\ndefineEmits(['close'])\n\nconst snackClass = computed(() => ({\n  'bg-error': props.type === 'error',\n  'bg-success': props.type === 'success', \n  'bg-warning': props.type === 'alert',\n  'bg-primary': props.type === 'notification'\n}))\n\nconst iconComponent = computed(() => {\n  const icons = {\n    error: IconCross,\n    success: IconSuccess,\n    alert: IconAlert,\n    notification: IconInfo\n  }\n  return icons[props.type] || IconInfo\n})\n</script>\n\n<style lang=\"scss\">\n.snack-wrapper {\n  position: fixed;\n  bottom: var(--gap);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n  from {\n    transform: translateX(-50%) translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n  }\n}\n</style>"],"names":["IconCross","IconSuccess","IconAlert","IconInfo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ,EAAE,UAAU,SAAU,CAAA;AAEhD,UAAM,QAAQ;AAYd,UAAM,aAAa,SAAS,OAAO;AAAA,MACjC,YAAY,MAAM,SAAS;AAAA,MAC3B,cAAc,MAAM,SAAS;AAAA,MAC7B,cAAc,MAAM,SAAS;AAAA,MAC7B,cAAc,MAAM,SAAS;AAAA,IAC/B,EAAE;AAEF,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,QAAQ;AAAA,QACZ,OAAOA;AAAAA,QACP,SAASC;AAAAA,QACT,OAAOC;AAAAA,QACP,cAAcC;AAAAA,MAClB;AACE,aAAO,MAAM,MAAM,IAAI,KAAKA;AAAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const IconInfo = require("../../modules/icons/navigation/IconInfo.vue.cjs");
+const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
+;/* empty css              */
+const _hoisted_1 = { class: "pd-small error-wrapper" };
+const _hoisted_2 = { class: "flex-nowrap flex-v-center flex radius-small pd-small t-white bg-fourth" };
+const _hoisted_3 = { class: "w-100" };
+const _sfc_main = {
+  __name: "Status",
+  props: {
+    status: String,
+    message: String,
+    show: Boolean,
+    data: Object
+  },
+  emits: "close",
+  setup(__props, { emit: __emit }) {
+    const { t, te } = vueI18n.useI18n({
+      useScope: "global"
+    });
+    const emits = __emit;
+    function closeError() {
+      emits("close");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(IconInfo.default, {
+            fill: "rgb(var(--white))",
+            class: "t-transp i-medium mn-r-thin z-index-5"
+          }),
+          vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(vue.unref(te)(`globals.errors.${__props.data.message}`) ? vue.unref(t)(`globals.errors.${__props.data.message}`) : __props.data.message), 1),
+          vue.createVNode(IconCross.default, {
+            onClick: _cache[0] || (_cache[0] = ($event) => closeError()),
+            class: "cursor-pointer hover-scale-1 i-regular z-index-5"
+          })
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Status.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.vue.cjs","sources":["../../../../../src/components/Status/Status.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-small error-wrapper\">\n\t\t<div class=\"\n\t\t\tflex-nowrap flex-v-center flex\n\t\t\tradius-small\n\t\t\tpd-small\n\t\t\tt-white \n\t\t\tbg-fourth\n\t\t\">\n\t\t\t<IconInfo fill=\"rgb(var(--white))\" class=\"t-transp i-medium mn-r-thin z-index-5\"/>\n\t\t\t<p class=\"w-100\">\n\t\t\t\t{{te(`globals.errors.${data.message}`) ? t(`globals.errors.${data.message}`) : data.message}}\n\t\t\t</p>\n\t\t\t<IconCross @click=\"closeError()\"  class=\"cursor-pointer hover-scale-1 i-regular z-index-5\"/>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\timport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\n\timport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n\tconst { t, te } = useI18n({\n\t\tuseScope: 'global',\n\t})\n\n\tconst emits = defineEmits('close')\n\tconst props = defineProps({\n\t  status: String,\n\t  message: String,\n\t  show: Boolean,\n\t  data: Object\n\t})\n\n\tfunction closeError () {\n\t\temits('close')\n\t} \n</script>\n\n<style lang=\"scss\">\n\t.error-wrapper {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n</style>\n\n\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BC,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACzB,UAAU;AAAA,IACV,CAAA;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACb;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,46 @@
+import { createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref } from "vue";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../../modules/icons/navigation/IconInfo.vue.js";
+import _sfc_main$2 from "../../modules/icons/navigation/IconCross.vue.js";
+/* empty css            */
+const _hoisted_1 = { class: "pd-small error-wrapper" };
+const _hoisted_2 = { class: "flex-nowrap flex-v-center flex radius-small pd-small t-white bg-fourth" };
+const _hoisted_3 = { class: "w-100" };
+const _sfc_main = {
+  __name: "Status",
+  props: {
+    status: String,
+    message: String,
+    show: Boolean,
+    data: Object
+  },
+  emits: "close",
+  setup(__props, { emit: __emit }) {
+    const { t, te } = useI18n({
+      useScope: "global"
+    });
+    const emits = __emit;
+    function closeError() {
+      emits("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            fill: "rgb(var(--white))",
+            class: "t-transp i-medium mn-r-thin z-index-5"
+          }),
+          createElementVNode("p", _hoisted_3, toDisplayString(unref(te)(`globals.errors.${__props.data.message}`) ? unref(t)(`globals.errors.${__props.data.message}`) : __props.data.message), 1),
+          createVNode(_sfc_main$2, {
+            onClick: _cache[0] || (_cache[0] = ($event) => closeError()),
+            class: "cursor-pointer hover-scale-1 i-regular z-index-5"
+          })
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Status.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.vue.js","sources":["../../../../../src/components/Status/Status.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-small error-wrapper\">\n\t\t<div class=\"\n\t\t\tflex-nowrap flex-v-center flex\n\t\t\tradius-small\n\t\t\tpd-small\n\t\t\tt-white \n\t\t\tbg-fourth\n\t\t\">\n\t\t\t<IconInfo fill=\"rgb(var(--white))\" class=\"t-transp i-medium mn-r-thin z-index-5\"/>\n\t\t\t<p class=\"w-100\">\n\t\t\t\t{{te(`globals.errors.${data.message}`) ? t(`globals.errors.${data.message}`) : data.message}}\n\t\t\t</p>\n\t\t\t<IconCross @click=\"closeError()\"  class=\"cursor-pointer hover-scale-1 i-regular z-index-5\"/>\n\t\t</div>\n\t</div>\n</template>\n\n\n<script setup=\"props\">\n\timport { computed } from 'vue'\n\timport { useI18n } from 'vue-i18n'\n\n\timport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue';\n\timport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n\tconst { t, te } = useI18n({\n\t\tuseScope: 'global',\n\t})\n\n\tconst emits = defineEmits('close')\n\tconst props = defineProps({\n\t  status: String,\n\t  message: String,\n\t  show: Boolean,\n\t  data: Object\n\t})\n\n\tfunction closeError () {\n\t\temits('close')\n\t} \n</script>\n\n<style lang=\"scss\">\n\t.error-wrapper {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA0BC,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACzB,UAAU;AAAA,IACV,CAAA;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACb;;;;;;;;;;;;;;;;;;"}