@ozdao/martyrs 0.2.456 → 0.2.458

package/src/modules/globals/views/components/partials/Navigation.vue

@@ -5,16 +5,6 @@ import { useRouter } from 'vue-router'
 import * as globals from '@martyrs/src/modules/globals/views/store/globals'
 import * as auth from '@martyrs/src/modules/auth/views/store/auth'
 
-// Import icons
-import IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'
-import IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'
-import IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'
-import IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'
-import IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'
-import IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'
-import IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'
-import IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'
-
 const router = useRouter()
 
 import Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'
@@ -36,19 +26,18 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits([
+const emits = defineEmits([
   'closeSidebar'
 ])
 
 const expandedSections = ref([])
 
 // Use navigationItems from props instead of nagigationItems
-const menuItems = computed(() => props.navigationItems || [])
 
 const toggleSection = (title) => {
   if (!props.stateSidebar) {
     if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {
-      emit('closeSidebar')
+      emits('closeSidebar')
       setTimeout(() => {
         expandedSections.value.push(title)
       }, 50)
@@ -93,17 +82,16 @@ const processRoute = (route) => {
     ]"
   >
     <div 
-      v-for="section in menuItems" 
+      v-for="section in props.navigationItems" 
       v-show="!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state) : true)"
       :key="section.category" 
       :class="[
         horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',
         stateSidebar && !horizontal ? 'mn-t-medium' : '',
       ]"
-      class=""
     >
       <div 
-        class="sidebar-category"
+        class="uppercase t-medium t-transp p-small"
         :class="{ 
           'hidden': !stateSidebar || horizontal, 
           'visible': stateSidebar && !horizontal,
@@ -121,17 +109,16 @@ const processRoute = (route) => {
       >
         <li 
           v-for="item in section.items" 
-          :key="item.title"
           v-show="!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : true)"
           class="flex-center"
           :class="[
-            stateSidebar ? '' : '',
             horizontal ? 'w-100 flex flex-nowrap' : '',
             stateSidebar && !horizontal ? '' : 'aspect-1x1'
           ]"
+          :key="item.title"
         >
           <button
-           @click="item.route ? (isPhone ? (stateSidebar = false) : null, router.push(processRoute(item.route))) : null"
+            @click="item.route ? (isPhone ? (stateSidebar = false) : null, $route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : stateSidebar = false) : null"
             class="flex-child-default flex-center gap-thin flex sidebar-item-btn"
             :class="[
               stateSidebar || horizontal ? 'expanded-item pd-thin' : 'w-100 h-100 justify-center',
@@ -146,7 +133,12 @@ const processRoute = (route) => {
               class="i-medium flex-child-default" 
               :fill="globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'"
             />
-            <span  v-if="!item.iconComponent && !horizontal"  class="i-medium sidebar-item-icon t-lh-1 flex-child-default">{{ item.icon }}</span>
+            <span 
+              v-if="!item.iconComponent && !horizontal" 
+              class="i-medium sidebar-item-icon t-lh-1 flex-child-default"
+            >
+              {{ item.icon }}
+            </span>
             
             <span
               class="w-100 t-left sidebar-item-title"
@@ -163,39 +155,7 @@ const processRoute = (route) => {
             >
               ▾
             </span>
-            
-            <div v-if="item.route && $route.path === processRoute(item.route) && !horizontal" class="sidebar-highlight-indicator" />
-          <Dropdown 
-            v-if="false"
-            :label="hello"
-            :align="'right'"
-             class="cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra "
-          >
-            <ul
-              v-if="item.subItems"
-              class="sidebar-submenu"
-            >
-              <li v-for="subItem in item.subItems" :key="subItem.title">
-                <a 
-                  @click="subItem.route && router.push(subItem.route)" 
-                  href="#" 
-                  class="sidebar-subitem-link"
-                >
-                  <component 
-                    v-if="subItem.iconComponent" 
-                    :is="subItem.iconComponent" 
-                    class="sidebar-subitem-icon i-medium" 
-                    :fill="globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'"
-                  />
-                  <span v-else class="sidebar-subitem-icon">{{ subItem.icon }}</span>
-                  <span class="sidebar-subitem-title">{{ subItem.title }}</span>
-                </a>
-              </li>
-            </ul>
-          </Dropdown>
           </button>
-          <!-- { component: IconEllipsis, class: 'i-regular t-transp' } -->
-
 
           <transition
             enter-active-class="dropdown-enter"
@@ -211,9 +171,13 @@ const processRoute = (route) => {
             >
               <li v-for="subItem in item.subItems" :key="subItem.title">
                 <a 
-                  @click="subItem.route && router.push(subItem.route)" 
+                 @click="subItem.route && (this.$route.path !== subItem.route ? router.push(subItem.route) : (isPhone ? stateSidebar = false : null))"
                   href="#" 
                   class="sidebar-subitem-link flex flex-nowrap gap-thin pd-thin radius-small"
+                  :class="[
+                    subItem.route && $route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',
+                      theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'
+                      ]"
                 >
                   <component 
                     v-if="subItem.iconComponent" 
@@ -280,16 +244,6 @@ const processRoute = (route) => {
 
 
 
-.sidebar-category {
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  padding-left: var(--regular);
-  padding-right: var(--regular);
-  transition: opacity 0.2s;
-  color: var(--grey-medium);
-}
 
 .sidebar-highlight-indicator {
   position: absolute;
@@ -333,13 +287,13 @@ const processRoute = (route) => {
 }
 
 .hidden {
-  opacity: 0;
+/*  opacity: 0;*/
   width: 0;
   display: none;
 }
 
 .visible {
-  opacity: 1;
+/*  opacity: 1;*/
   display: block;
 }
 

package/src/modules/globals/views/components/partials/Sidebar.vue

@@ -46,10 +46,8 @@ router.beforeEach((to, from) => {
 
 <template>
   <aside
-    class="transition-linear w-min-0  o-hidden flex-child-default z-index-2  br-r br-solid  flex flex-column h-100"
+    class="transition-linear w-min-0 o-hidden flex-child-default z-index-2  br-r br-solid  flex flex-column h-100"
     :class="[
-      'sidebar-container',
-      // 
       stateSidebar
       ? `${width} w-min-10 tablet:w-min-100 tablet:w-100 mobile:w-min-100 mobile:w-100`
       : `${widthHidden} mobile:w-0 br-zero`,
@@ -94,14 +92,6 @@ router.beforeEach((to, from) => {
 </template>
 
 <style scoped>
-/* Base sidebar styling */
-.sidebar-container {
-  position: relative;
-  left: 0;
-  top: 0;
-  transition: all 0.3s ease-in-out;
-}
-
 .dark-mode-toggle {
   align-items: center;
   width: 100%;

package/src/modules/landing/components/sections/SectionFeatures.vue

@@ -2,7 +2,7 @@
   <section id="howtobuy">
     <h2 class="w-100 mn-b-small"><span class="d-inline-block w-max-50r" v-html="t('title')"/></h2>
    
-    <div class="cols-3 gap-thin">
+    <div class="cols-3 mobile:cols-1 gap-thin">
       <div 
         v-for="feature in tm('features')" 
         :key="feature.title" 

package/src/modules/landing/components/sections/SectionFeaturesImages.vue

@@ -8,7 +8,7 @@
       </p>
     </div>
 
-    <div class="cols-3 gap-thin">
+    <div class="cols-3 mobile:cols-1 gap-thin">
 
       <div 
         v-for="feature in tm('features')" 

package/src/modules/orders/components/pages/Orders.vue

@@ -52,7 +52,7 @@
       v-slot="{ 
         items 
       }"
-      class="gap-thin cols-3"
+      class="gap-thin cols-3 mobile:cols-1"
     >
       <router-link 
         v-if="route.meta.context !== 'user'"

package/src/modules/reports/components/pages/BackofficeReports.vue

@@ -4,7 +4,7 @@
       <h3 class="mn-r-medium">Reports</h3> <!-- Updated this line -->
     </div>
 
-    <div class="cols-3 gap-thin">
+    <div class="cols-3 mobile:cols-1 gap-thin">
       <div 
         v-for="report in state.all"
         :key="report._id"

package/src/modules/wallet/views/components/pages/Payments.vue

@@ -38,7 +38,7 @@
       v-slot="{ 
         items 
       }"
-      class="gap-thin cols-3"
+      class="gap-thin cols-3 mobile:cols-1"
     >
       <div
         v-for="payment in items" 

package/src/modules/wallet/views/components/pages/Wallet.vue

@@ -89,7 +89,7 @@
 
     <h2 class="mn-b-small" v-if="state.rewards.length > 0">Latest Rewards </h2>
 
-    <section class="cols-3 gap-thin">
+    <section class="cols-3 mobile:cols-1 gap-thin">
       <div 
         class="radius-medium bg-light"
         v-for="income in state.rewards"
@@ -113,7 +113,7 @@
 
     <h2 class="mn-b-small" v-if="state.rewards.length > 0">Activity</h2>
 
-    <section class="cols-3 gap-thin">
+    <section class="cols-3 mobile:cols-1 gap-thin">
       <div 
         class="radius-medium bg-grey"
         v-for="income in state.rewards"

package/src/styles/config.scss

@@ -306,6 +306,15 @@ $order: (
   '10': 10
 );
 
+$cols: (
+	'1': 1fr,
+	'2': 1fr 1fr,
+	'3': 1fr 1fr 1fr,
+	'4': 1fr 1fr 1fr 1fr,
+	'5': 1fr 1fr 1fr 1fr 1fr,
+	'6': 1fr 1fr 1fr 1fr 1fr 1fr,
+);
+
 body {
 	@include generate-utility-classes('pd',	'padding', $modifiers, $combined, $breakpoints);
 	@include generate-utility-classes('mn', 'margin', $modifiers, $combined, $breakpoints);
@@ -336,6 +345,8 @@ body {
 	@include generate-utility-classes('flex', 'align-items', null, $align-items, $breakpoints);
 	@include generate-utility-classes('flex', 'flex-direction', null, $flex-direction, $breakpoints);
 	@include generate-utility-classes('order', 'order', null, $order, $breakpoints);
+
+	@include generate-utility-classes('cols', 'grid-template-columns', null, $cols, $breakpoints);
 	
 	@include generate-bg-classes('bg-main', 	'main');
 	@include generate-bg-classes('bg-second',	'second');

package/src/styles/responsive.scss

@@ -65,7 +65,7 @@ $xxl-desktop-min:                   1921px;
     }
     
      // Cols
-    .cols-1, .cols-2, .cols-3, .cols-4,  .cols-2-2_1, .cols-2-1_2, .cols-2-1_3, .cols-2-golden-ration   { display: grid !important; grid-template-columns: 1fr !important;  }
+    .cols-1, .cols-2, .cols-4,  .cols-2-2_1, .cols-2-1_2, .cols-2-1_3, .cols-2-golden-ration   { display: grid !important; grid-template-columns: 1fr !important;  }
     .cols-4.no-responsive { grid-template-columns: 1fr 1fr 1fr 1fr !important }
     .cols-2 { >.col { width: 100% !important;  } }
 

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

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const vueI18n = require("vue-i18n");
-const emblaCarouselVue_esm = require("../../../../node_modules/.pnpm/embla-carousel-vue@8.6.0_vue@3.5.13_typescript@5.8.3_/node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.cjs");
-const emblaCarouselAutoplay_esm = require("../../../../node_modules/.pnpm/embla-carousel-autoplay@8.6.0_embla-carousel@8.6.0/node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.cjs");
-const Loader = require("../Loader/Loader.vue2.cjs");
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = { class: "pos-relative" };
-const _hoisted_2 = {
-  key: 0,
-  class: "h-20r radius-semi pos-relative w-100 bg-light"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "bg-light radius-semi flex flex-center w-100 h-20r"
-};
-const _hoisted_4 = { class: "text-gray-500" };
-const _hoisted_5 = { class: "embla__container" };
-const _sfc_main = {
-  __name: "Slider",
-  props: {
-    store: Object,
-    options: Object,
-    text: Object,
-    user: Object
-  },
-  setup(__props) {
-    const props = __props;
-    vueRouter.useRouter();
-    const entitiesState = vue.ref([]);
-    const isLoading = vue.ref(true);
-    const selectedIndex = vue.ref(0);
-    const autoplayOptions = {
-      delay: 2e3,
-      jump: false,
-      stopOnInteraction: false,
-      stopOnMouseEnter: false,
-      stopOnFocusIn: true,
-      stopOnLastSnap: false,
-      rootNode: (emblaRoot) => emblaRoot.parentElement
-    };
-    const [emblaNode, emblaApi] = emblaCarouselVue_esm.default(
-      { loop: true },
-      [
-        emblaCarouselAutoplay_esm.default(autoplayOptions)
-      ]
-    );
-    const onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap() || [];
-    const { t } = vueI18n.useI18n({
-      messages: props.text
-    });
-    vue.onMounted(async () => {
-      try {
-        entitiesState.value = await props.store.read(props.options);
-      } catch (error) {
-        console.error("Error loading entities:", error);
-        entitiesState.value = [];
-      } finally {
-        isLoading.value = false;
-      }
-      if (entitiesState.value.length) {
-        onSelect();
-        emblaApi.value.on("reInit", onSelect);
-        emblaApi.value.on("select", onSelect);
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.createVNode(Loader.default)
-        ])) : !entitiesState.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("title")), 1)
-        ])) : (vue.openBlock(), vue.createElementBlock("div", {
-          key: 2,
-          class: "embla",
-          ref_key: "emblaNode",
-          ref: emblaNode
-        }, [
-          vue.createElementVNode("div", _hoisted_5, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(entitiesState.value, (entity, key, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: "embla__slide pd-nano",
-                key
-              }, [
-                vue.createVNode(vue.Transition, {
-                  name: "fade",
-                  mode: "out-in",
-                  appear: ""
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "default", {
-                      item: entity,
-                      user: __props.user
-                    }, void 0, true)
-                  ]),
-                  _: 2
-                }, 1024)
-              ]);
-            }), 128))
-          ])
-        ], 512))
-      ]);
-    };
-  }
-};
-const Slider = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c1c01dd7"]]);
-exports.default = Slider;
-//# sourceMappingURL=Slider.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.vue.cjs","sources":["../../../../../src/components/Slider/Slider.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Loading State -->\n    <div v-if=\"isLoading\" class=\"h-20r radius-semi pos-relative w-100 bg-light\">\n      <Loader />\n    </div>\n\n    <!-- Empty State -->\n    <div v-else-if=\"!entitiesState.length\" class=\"bg-light radius-semi  flex flex-center  w-100 h-20r\">\n      <p class=\"text-gray-500\">{{t('title')}}</p>\n    </div>\n\n    <!-- Carousel -->\n    <div v-else class=\"embla\" ref=\"emblaNode\">\n      <div class=\"embla__container\">\n        <div \n          class=\"embla__slide pd-nano\" \n          v-for=\"(entity, key, index) in entitiesState\" \n          :key=\"key\"\n        >\n          <transition name=\"fade\" mode=\"out-in\" appear>\n            <slot\n              :item=\"entity\"\n              :user=\"user\"\n            ></slot>\n          </transition>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Props for customization\nconst props = defineProps({\n  store: Object,\n  options: Object,\n  text: Object,\n  user: Object\n});\n\nconst router = useRouter()\nconst entitiesState = ref([])\nconst isLoading = ref(true);\nconst selectedIndex = ref(0);\n\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue(\n  { loop: true }, \n  [\n    Autoplay(autoplayOptions)\n  ]\n)\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap() || [];\n\nconst { t } = useI18n({\n  messages: props.text\n})\n\nonMounted(async() => {\n  try {\n    entitiesState.value = await props.store.read(props.options);\n  } catch (error) {\n    console.error('Error loading entities:', error);\n    entitiesState.value = [];\n  } finally {\n    isLoading.value = false;\n  }\n  \n  if (entitiesState.value.length) {\n    onSelect(emblaApi);\n    emblaApi.value.on('reInit', onSelect);\n    emblaApi.value.on('select', onSelect);\n  }\n});\n\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":["useRouter","ref","emblaCarouselVue","Autoplay","useI18n","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,UAAM,QAAQ;AAOCA,cAAS,UAAA;AACxB,UAAM,gBAAgBC,IAAG,IAAC,CAAE,CAAA;AAC5B,UAAM,YAAYA,IAAG,IAAC,IAAI;AAC1B,UAAM,gBAAgBA,IAAG,IAAC,CAAC;AAE3B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAIC,qBAAgB;AAAA,MAC5C,EAAE,MAAM,KAAM;AAAA,MACd;AAAA,QACEC,0BAAAA,QAAS,eAAe;AAAA,MAC5B;AAAA,IACA;AAGA,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM,mBAAkB,KAAM,CAAE;AAE3F,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI;AACF,sBAAc,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AAAA,MAC3D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ,CAAE;AAAA,MAC5B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAEE,UAAI,cAAc,MAAM,QAAQ;AAC9B,iBAAiB;AACjB,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACxC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,110 +0,0 @@
-import { ref, onMounted, createElementBlock, openBlock, createVNode, createElementVNode, toDisplayString, unref, Fragment, renderList, Transition, withCtx, renderSlot } from "vue";
-import { useRouter } from "vue-router";
-import { useI18n } from "vue-i18n";
-import emblaCarouselVue from "../../../../node_modules/.pnpm/embla-carousel-vue@8.6.0_vue@3.5.13_typescript@5.8.3_/node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
-import Autoplay from "../../../../node_modules/.pnpm/embla-carousel-autoplay@8.6.0_embla-carousel@8.6.0/node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";
-import Loader from "../Loader/Loader.vue2.js";
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _hoisted_1 = { class: "pos-relative" };
-const _hoisted_2 = {
-  key: 0,
-  class: "h-20r radius-semi pos-relative w-100 bg-light"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "bg-light radius-semi flex flex-center w-100 h-20r"
-};
-const _hoisted_4 = { class: "text-gray-500" };
-const _hoisted_5 = { class: "embla__container" };
-const _sfc_main = {
-  __name: "Slider",
-  props: {
-    store: Object,
-    options: Object,
-    text: Object,
-    user: Object
-  },
-  setup(__props) {
-    const props = __props;
-    useRouter();
-    const entitiesState = ref([]);
-    const isLoading = ref(true);
-    const selectedIndex = ref(0);
-    const autoplayOptions = {
-      delay: 2e3,
-      jump: false,
-      stopOnInteraction: false,
-      stopOnMouseEnter: false,
-      stopOnFocusIn: true,
-      stopOnLastSnap: false,
-      rootNode: (emblaRoot) => emblaRoot.parentElement
-    };
-    const [emblaNode, emblaApi] = emblaCarouselVue(
-      { loop: true },
-      [
-        Autoplay(autoplayOptions)
-      ]
-    );
-    const onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap() || [];
-    const { t } = useI18n({
-      messages: props.text
-    });
-    onMounted(async () => {
-      try {
-        entitiesState.value = await props.store.read(props.options);
-      } catch (error) {
-        console.error("Error loading entities:", error);
-        entitiesState.value = [];
-      } finally {
-        isLoading.value = false;
-      }
-      if (entitiesState.value.length) {
-        onSelect();
-        emblaApi.value.on("reInit", onSelect);
-        emblaApi.value.on("select", onSelect);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(Loader)
-        ])) : !entitiesState.value.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("title")), 1)
-        ])) : (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: "embla",
-          ref_key: "emblaNode",
-          ref: emblaNode
-        }, [
-          createElementVNode("div", _hoisted_5, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(entitiesState.value, (entity, key, index) => {
-              return openBlock(), createElementBlock("div", {
-                class: "embla__slide pd-nano",
-                key
-              }, [
-                createVNode(Transition, {
-                  name: "fade",
-                  mode: "out-in",
-                  appear: ""
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "default", {
-                      item: entity,
-                      user: __props.user
-                    }, void 0, true)
-                  ]),
-                  _: 2
-                }, 1024)
-              ]);
-            }), 128))
-          ])
-        ], 512))
-      ]);
-    };
-  }
-};
-const Slider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c1c01dd7"]]);
-export {
-  Slider as default
-};
-//# sourceMappingURL=Slider.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.vue.js","sources":["../../../../../src/components/Slider/Slider.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Loading State -->\n    <div v-if=\"isLoading\" class=\"h-20r radius-semi pos-relative w-100 bg-light\">\n      <Loader />\n    </div>\n\n    <!-- Empty State -->\n    <div v-else-if=\"!entitiesState.length\" class=\"bg-light radius-semi  flex flex-center  w-100 h-20r\">\n      <p class=\"text-gray-500\">{{t('title')}}</p>\n    </div>\n\n    <!-- Carousel -->\n    <div v-else class=\"embla\" ref=\"emblaNode\">\n      <div class=\"embla__container\">\n        <div \n          class=\"embla__slide pd-nano\" \n          v-for=\"(entity, key, index) in entitiesState\" \n          :key=\"key\"\n        >\n          <transition name=\"fade\" mode=\"out-in\" appear>\n            <slot\n              :item=\"entity\"\n              :user=\"user\"\n            ></slot>\n          </transition>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue'\nimport Autoplay from 'embla-carousel-autoplay'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n// Props for customization\nconst props = defineProps({\n  store: Object,\n  options: Object,\n  text: Object,\n  user: Object\n});\n\nconst router = useRouter()\nconst entitiesState = ref([])\nconst isLoading = ref(true);\nconst selectedIndex = ref(0);\n\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue(\n  { loop: true }, \n  [\n    Autoplay(autoplayOptions)\n  ]\n)\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap() || [];\n\nconst { t } = useI18n({\n  messages: props.text\n})\n\nonMounted(async() => {\n  try {\n    entitiesState.value = await props.store.read(props.options);\n  } catch (error) {\n    console.error('Error loading entities:', error);\n    entitiesState.value = [];\n  } finally {\n    isLoading.value = false;\n  }\n  \n  if (entitiesState.value.length) {\n    onSelect(emblaApi);\n    emblaApi.value.on('reInit', onSelect);\n    emblaApi.value.on('select', onSelect);\n  }\n});\n\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,UAAM,QAAQ;AAOC,cAAS;AACxB,UAAM,gBAAgB,IAAI,CAAE,CAAA;AAC5B,UAAM,YAAY,IAAI,IAAI;AAC1B,UAAM,gBAAgB,IAAI,CAAC;AAE3B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAI;AAAA,MAC5B,EAAE,MAAM,KAAM;AAAA,MACd;AAAA,QACE,SAAS,eAAe;AAAA,MAC5B;AAAA,IACA;AAGA,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM,mBAAkB,KAAM,CAAE;AAE3F,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI;AACF,sBAAc,QAAQ,MAAM,MAAM,MAAM,KAAK,MAAM,OAAO;AAAA,MAC3D,SAAQ,OAAO;AACd,gBAAQ,MAAM,2BAA2B,KAAK;AAC9C,sBAAc,QAAQ,CAAE;AAAA,MAC5B,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAEE,UAAI,cAAc,MAAM,QAAQ;AAC9B,iBAAiB;AACjB,iBAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,iBAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,MACxC;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"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        tabClass ? tabClass : 'pd-small pd-r-medium pd-l-medium w-max pd-small radius-small'\n      ]\"\n    >\n      {{tab.name || tab.label}}\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\n\nconst emit = defineEmits(['update:selected', 'tab-click']);\n\nconst props = defineProps({\n  tabs: Array,\n  tabClass: 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":";;;;;;;;;;;;;;;AAqBA,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,QAC1B;AAAA,MACA,WAAa,MAAM,aAAa,QAAW;AACvC,cAAM,gBAAgB,MAAM,KAAK,UAAU,SAAO,IAAI,UAAU,MAAM,QAAQ;AAC9E,YAAI,kBAAkB,IAAI;AACxB,sBAAY,QAAQ;AAAA,QAC1B;AAAA,MACA;AAAA,IACA;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,MAC/B,WAAa,MAAM,aAAa,QAAW;AACvC,eAAO,IAAI,UAAU,MAAM;AAAA,MAC/B;AACE,aAAO,UAAU,YAAY;AAAA,IAC/B;AAGA,aAAS,eAAe,OAAO,KAAK;AAClC,kBAAY,QAAQ;AAGpB,WAAK,mBAAmB,IAAI,KAAK;AACjC,WAAK,aAAa,EAAE,OAAO,IAAK,CAAA;AAGhC,UAAI,MAAM,eAAe,QAAW;AAClC,aAAK,qBAAqB,IAAI,KAAK;AAAA,MACvC;AAGE,UAAI,MAAM,SAAU,OAAM,SAAS,GAAG;AAAA,IACxC;;;;;;;;;;;;;;;;;;"}