@ozdao/martyrs 0.2.549 → 0.2.550

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

@@ -0,0 +1,17 @@
+import { createElementBlock, openBlock, renderSlot } from "vue";
+/* empty css         */
+const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
+const _sfc_main = {
+  __name: "Menu",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Menu.vue2.js.map

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

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

package/dist/martyrs/src/components/Spoiler/Spoiler.vue.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.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spoiler.vue.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,IAAAA,IAAI,KAAK;AAC7B,UAAM,iBAAiBA,IAAAA,IAAI,IAAI;AAE/BC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,QAAQ;AAChB,oBAAY,QAAQ,MAAM;AAAA,MAC5B;AAAA,IACF,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.vue.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.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spoiler.vue.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,MAC5B;AAAA,IACF,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

@@ -26,10 +26,10 @@ const _sfc_main = {
     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"
+      "bg-red": props.type === "error",
+      "bg-green": props.type === "success",
+      "bg-fourth": props.type === "alert",
+      "bg-second": props.type === "notification"
     }));
     const iconComponent = vue.computed(() => {
       const icons = {
@@ -43,17 +43,14 @@ const _sfc_main = {
     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])
+          class: vue.normalizeClass(["flex-nowrap flex-v-center flex radius-small pd-small t-white", snackClass.value]),
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
         }, [
           (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-medium z-index-5"
-          })
+          vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(vue.unref(te)(`core.snacks.${__props.message}`) ? vue.unref(t)(`core.snacks.${__props.message}`) : __props.message), 1)
         ], 2)
       ])) : vue.createCommentVNode("", true);
     };

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

@@ -1 +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-medium 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,GAAE,IAAKA,QAAAA,QAAQ,EAAE,UAAU,SAAQ,CAAE;AAEhD,UAAM,QAAQ;AAYd,UAAM,aAAaC,IAAAA,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,gBAAgBA,IAAAA,SAAS,MAAM;AACnC,YAAM,QAAQ;AAAA,QACZ,OAAOC,UAAAA;AAAAA,QACP,SAASC,SAAAA;AAAAA,QACT,OAAOC,SAAAA;AAAAA,QACP,cAAcC,SAAAA;AAAAA,MAClB;AACE,aAAO,MAAM,MAAM,IAAI,KAAKA,SAAAA;AAAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;;;;"}
+{"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        @click=\"$emit('close')\" \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(`core.snacks.${message}`) ? t(`core.snacks.${message}`) : message }}\n      </p>\n      <!-- <IconCross \n        @click=\"$emit('close')\" \n        class=\"cursor-pointer hover-scale-1 i-medium 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-red': props.type === 'error',\n  'bg-green': props.type === 'success', \n  'bg-fourth': props.type === 'alert',\n  'bg-second': 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":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,EAAE,GAAG,GAAE,IAAKA,QAAAA,QAAQ,EAAE,UAAU,SAAQ,CAAE;AAEhD,UAAM,QAAQ;AAYd,UAAM,aAAaC,IAAAA,SAAS,OAAO;AAAA,MACjC,UAAU,MAAM,SAAS;AAAA,MACzB,YAAY,MAAM,SAAS;AAAA,MAC3B,aAAa,MAAM,SAAS;AAAA,MAC5B,aAAa,MAAM,SAAS;AAAA,IAC9B,EAAE;AAEF,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACnC,YAAM,QAAQ;AAAA,QACZ,OAAOC,UAAAA;AAAAA,QACP,SAASC,SAAAA;AAAAA,QACT,OAAOC,SAAAA;AAAAA,QACP,cAAcC,SAAAA;AAAAA,MAClB;AACE,aAAO,MAAM,MAAM,IAAI,KAAKA,SAAAA;AAAAA,IAC9B,CAAC;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, normalizeClass, createBlock, createVNode, resolveDynamicComponent, toDisplayString, unref } from "vue";
+import { computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, normalizeClass, createBlock, 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";
@@ -24,10 +24,10 @@ const _sfc_main = {
     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"
+      "bg-red": props.type === "error",
+      "bg-green": props.type === "success",
+      "bg-fourth": props.type === "alert",
+      "bg-second": props.type === "notification"
     }));
     const iconComponent = computed(() => {
       const icons = {
@@ -41,17 +41,14 @@ const _sfc_main = {
     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])
+          class: normalizeClass(["flex-nowrap flex-v-center flex radius-small pd-small t-white", snackClass.value]),
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
         }, [
           (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-medium z-index-5"
-          })
+          createElementVNode("p", _hoisted_2, toDisplayString(unref(te)(`core.snacks.${__props.message}`) ? unref(t)(`core.snacks.${__props.message}`) : __props.message), 1)
         ], 2)
       ])) : createCommentVNode("", true);
     };

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

@@ -1 +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-medium 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,GAAE,IAAK,QAAQ,EAAE,UAAU,SAAQ,CAAE;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;;;;;;;;;;;;;;;;;;;;"}
+{"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        @click=\"$emit('close')\" \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(`core.snacks.${message}`) ? t(`core.snacks.${message}`) : message }}\n      </p>\n      <!-- <IconCross \n        @click=\"$emit('close')\" \n        class=\"cursor-pointer hover-scale-1 i-medium 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-red': props.type === 'error',\n  'bg-green': props.type === 'success', \n  'bg-fourth': props.type === 'alert',\n  'bg-second': 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":";;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,EAAE,UAAU,SAAQ,CAAE;AAEhD,UAAM,QAAQ;AAYd,UAAM,aAAa,SAAS,OAAO;AAAA,MACjC,UAAU,MAAM,SAAS;AAAA,MACzB,YAAY,MAAM,SAAS;AAAA,MAC3B,aAAa,MAAM,SAAS;AAAA,MAC5B,aAAa,MAAM,SAAS;AAAA,IAC9B,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

@@ -32,7 +32,7 @@ const _sfc_main = {
             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.createElementVNode("p", _hoisted_3, vue.toDisplayString(vue.unref(te)(`core.errors.${__props.data.message}`) ? vue.unref(t)(`core.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-medium z-index-5"

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

@@ -1 +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-medium 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,GAAE,IAAKA,gBAAQ;AAAA,MACzB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;;"}
+{"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(`core.errors.${data.message}`) ? t(`core.errors.${data.message}`) : data.message}}\n\t\t\t</p>\n\t\t\t<IconCross @click=\"closeError()\"  class=\"cursor-pointer hover-scale-1 i-medium 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,GAAE,IAAKA,gBAAQ;AAAA,MACzB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;;"}

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

@@ -30,7 +30,7 @@ const _sfc_main = {
             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),
+          createElementVNode("p", _hoisted_3, toDisplayString(unref(te)(`core.errors.${__props.data.message}`) ? unref(t)(`core.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-medium z-index-5"

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

@@ -1 +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-medium 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,GAAE,IAAK,QAAQ;AAAA,MACzB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;"}
+{"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(`core.errors.${data.message}`) ? t(`core.errors.${data.message}`) : data.message}}\n\t\t\t</p>\n\t\t\t<IconCross @click=\"closeError()\"  class=\"cursor-pointer hover-scale-1 i-medium 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,GAAE,IAAK,QAAQ;AAAA,MACzB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,QAAQ;AAQd,aAAS,aAAc;AACtB,YAAM,OAAO;AAAA,IACd;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const mixins = require("../../modules/core/views/mixins/mixins.cjs");
+;/* empty css           */
+const _hoisted_1 = { class: "flex-nowrap flex-v-center flex pos-relative" };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = {
+  __name: "Tab",
+  props: {
+    tabs: Array,
+    classTab: String,
+    selected: [String, Number],
+    modelValue: [String, Number],
+    callback: Function
+  },
+  emits: ["update:selected", "tab-click"],
+  setup(__props, { emit: __emit }) {
+    const { replaceClasses } = mixins.useGlobalMixins();
+    const emit = __emit;
+    const props = __props;
+    const selectedTab = vue.ref(0);
+    const updateSelectedIndex = () => {
+      if (props.modelValue !== void 0) {
+        const selectedIndex = props.tabs.findIndex((tab) => tab.value === props.modelValue);
+        if (selectedIndex !== -1) {
+          selectedTab.value = selectedIndex;
+        }
+      } else if (props.selected !== void 0) {
+        const selectedIndex = props.tabs.findIndex((tab) => tab.value === props.selected);
+        if (selectedIndex !== -1) {
+          selectedTab.value = selectedIndex;
+        }
+      }
+    };
+    updateSelectedIndex();
+    vue.watch(() => props.selected, updateSelectedIndex);
+    vue.watch(() => props.modelValue, updateSelectedIndex);
+    const isSelected = (index, tab) => {
+      if (props.modelValue !== void 0) {
+        return tab.value === props.modelValue;
+      } else if (props.selected !== void 0) {
+        return tab.value === props.selected;
+      }
+      return index === selectedTab.value;
+    };
+    function handleTabClick(index, tab) {
+      selectedTab.value = index;
+      emit("update:selected", tab.value);
+      emit("tab-click", { index, tab });
+      if (props.modelValue !== void 0) {
+        emit("update:modelValue", tab.value);
+      }
+      if (props.callback) props.callback(tab);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tabs, (tab, index) => {
+          return vue.openBlock(), vue.createElementBlock("button", {
+            key: index,
+            onClick: ($event) => handleTabClick(index, tab),
+            class: vue.normalizeClass(["z-index-1 t-center cursor-pointer", [
+              isSelected(index, tab) ? "bg-main" : "",
+              vue.unref(replaceClasses)("pd-small pd-r-medium pd-l-medium w-max pd-small radius-small", __props.classTab)
+            ]]),
+            style: vue.normalizeStyle(isSelected(index, tab) ? "background: rgb(var(--main)) !important" : "")
+          }, vue.toDisplayString(tab.name || tab.label), 15, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Tab.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.vue.cjs","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        replaceClasses('pd-small pd-r-medium pd-l-medium w-max pd-small radius-small', classTab)\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { replaceClasses } = useGlobalMixins();\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  classTab: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":["useGlobalMixins","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;AAsBA,UAAM,EAAE,eAAc,IAAKA,uBAAe;AAC1C,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAcC,IAAAA,IAAI,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF,WAAW,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAGA,wBAAmB;AAGnBC,QAAAA,MAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/CA,QAAAA,MAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC7B,WAAW,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC7B;AACA,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAG,CAAE;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACrC;AAGA,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,74 @@
+import { ref, watch, createElementBlock, openBlock, Fragment, renderList, normalizeStyle, normalizeClass, unref, toDisplayString } from "vue";
+import { useGlobalMixins } from "../../modules/core/views/mixins/mixins.js";
+/* empty css         */
+const _hoisted_1 = { class: "flex-nowrap flex-v-center flex pos-relative" };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = {
+  __name: "Tab",
+  props: {
+    tabs: Array,
+    classTab: String,
+    selected: [String, Number],
+    modelValue: [String, Number],
+    callback: Function
+  },
+  emits: ["update:selected", "tab-click"],
+  setup(__props, { emit: __emit }) {
+    const { replaceClasses } = useGlobalMixins();
+    const emit = __emit;
+    const props = __props;
+    const selectedTab = ref(0);
+    const updateSelectedIndex = () => {
+      if (props.modelValue !== void 0) {
+        const selectedIndex = props.tabs.findIndex((tab) => tab.value === props.modelValue);
+        if (selectedIndex !== -1) {
+          selectedTab.value = selectedIndex;
+        }
+      } else if (props.selected !== void 0) {
+        const selectedIndex = props.tabs.findIndex((tab) => tab.value === props.selected);
+        if (selectedIndex !== -1) {
+          selectedTab.value = selectedIndex;
+        }
+      }
+    };
+    updateSelectedIndex();
+    watch(() => props.selected, updateSelectedIndex);
+    watch(() => props.modelValue, updateSelectedIndex);
+    const isSelected = (index, tab) => {
+      if (props.modelValue !== void 0) {
+        return tab.value === props.modelValue;
+      } else if (props.selected !== void 0) {
+        return tab.value === props.selected;
+      }
+      return index === selectedTab.value;
+    };
+    function handleTabClick(index, tab) {
+      selectedTab.value = index;
+      emit("update:selected", tab.value);
+      emit("tab-click", { index, tab });
+      if (props.modelValue !== void 0) {
+        emit("update:modelValue", tab.value);
+      }
+      if (props.callback) props.callback(tab);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+          return openBlock(), createElementBlock("button", {
+            key: index,
+            onClick: ($event) => handleTabClick(index, tab),
+            class: normalizeClass(["z-index-1 t-center cursor-pointer", [
+              isSelected(index, tab) ? "bg-main" : "",
+              unref(replaceClasses)("pd-small pd-r-medium pd-l-medium w-max pd-small radius-small", __props.classTab)
+            ]]),
+            style: normalizeStyle(isSelected(index, tab) ? "background: rgb(var(--main)) !important" : "")
+          }, toDisplayString(tab.name || tab.label), 15, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Tab.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.vue.js","sources":["../../../../../src/components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <div class=\"flex-nowrap flex-v-center flex pos-relative\">\n    <button  \n      v-for=\"(tab, index) in tabs\" \n      :key=\"index\" \n      @click=\"handleTabClick(index, tab)\" \n      class=\"z-index-1 t-center cursor-pointer\"\n      :style=\"isSelected(index, tab) ? 'background: rgb(var(--main)) !important' : ''\"\n      :class=\"[\n        isSelected(index, tab) ? 'bg-main' : '',\n        replaceClasses('pd-small pd-r-medium pd-l-medium w-max pd-small radius-small', classTab)\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { replaceClasses } = useGlobalMixins();\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  classTab: String,\n  selected: [String, Number],\n  modelValue: [String, Number],\n  callback: Function\n})\n\nconst selectedTab = ref(0)\n\n// Handle both v-model and selected prop for backward compatibility\nconst updateSelectedIndex = () => {\n  if (props.modelValue !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.modelValue)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  } else if (props.selected !== undefined) {\n    const selectedIndex = props.tabs.findIndex(tab => tab.value === props.selected)\n    if (selectedIndex !== -1) {\n      selectedTab.value = selectedIndex\n    }\n  }\n}\n\n// Initial setup\nupdateSelectedIndex()\n\n// Watch for changes in selected or modelValue props\nwatch(() => props.selected, updateSelectedIndex)\nwatch(() => props.modelValue, updateSelectedIndex)\n\n// Check if tab is selected\nconst isSelected = (index, tab) => {\n  if (props.modelValue !== undefined) {\n    return tab.value === props.modelValue\n  } else if (props.selected !== undefined) {\n    return tab.value === props.selected\n  }\n  return index === selectedTab.value\n}\n\n// Handle tab click\nfunction handleTabClick(index, tab) {\n  selectedTab.value = index\n  \n  // Emit both events for flexibility\n  emit('update:selected', tab.value)\n  emit('tab-click', { index, tab })\n  \n  // For v-model support\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', tab.value)\n  }\n  \n  // Call callback if provided\n  if (props.callback) props.callback(tab)\n}\n</script>\n\n<style lang=\"scss\">\n.tab-selector {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 0;\n  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsBA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAC1C,UAAM,OAAO;AAEb,UAAM,QAAQ;AAQd,UAAM,cAAc,IAAI,CAAC;AAGzB,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,QAAW;AAClC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,UAAU;AAChF,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF,WAAW,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAGA,wBAAmB;AAGnB,UAAM,MAAM,MAAM,UAAU,mBAAmB;AAC/C,UAAM,MAAM,MAAM,YAAY,mBAAmB;AAGjD,UAAM,aAAa,CAAC,OAAO,QAAQ;AACjC,UAAI,MAAM,eAAe,QAAW;AAClC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC7B,WAAW,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC7B;AACA,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAG,CAAE;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACrC;AAGA,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const vueDraggableNext_esmBundler = require("../../../../node_modules/.pnpm/vue-draggable-next@2.3.0_sortablejs@1.15.6_vue@3.5.21_typescript@5.9.2_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
+const vueDraggableNext_esmBundler = require("../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
 const _sfc_main = {
   __name: "Tree",
   props: {

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

@@ -1,5 +1,5 @@
 import { createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, renderSlot, createVNode } from "vue";
-import { VueDraggableNext } from "../../../../node_modules/.pnpm/vue-draggable-next@2.3.0_sortablejs@1.15.6_vue@3.5.21_typescript@5.9.2_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
+import { VueDraggableNext } from "../../../../node_modules/.pnpm/vue-draggable-next@2.2.1_sortablejs@1.15.6_vue@3.5.13_typescript@5.8.3_/node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
 const _sfc_main = {
   __name: "Tree",
   props: {