eco-vue-js 0.9.12 → 0.9.14

package/dist/components/Modal/WModalStepper.vue.d.ts

@@ -54,6 +54,7 @@ declare function __VLS_template(): {
                     "update:current-title": (value: string) => any;
                     "update:tabs-length": (value: number) => any;
                 }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    container: HTMLDivElement;
                     buttonContainer: HTMLDivElement;
                     button: (({
                         $: import('vue').ComponentInternalInstance;
@@ -547,6 +548,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
                 "update:current-title": (value: string) => any;
                 "update:tabs-length": (value: number) => any;
             }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                container: HTMLDivElement;
                 buttonContainer: HTMLDivElement;
                 button: (({
                     $: import('vue').ComponentInternalInstance;

package/dist/components/Modal/WModalStepper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"AA0KA,iBAAS,cAAc;;uBA4PI,GAAG;yBACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAkEiuS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;WAxD12S,OAAO,IAA6B;EAEjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA7UT,OAAO;eACN,OAAO;mBACH,OAAO;;gBAqBP,IAAI;oBAJA,IAAI;;;;;;cAnBb,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA0W0uS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OAlBt3S,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"AA0KA,iBAAS,cAAc;;uBA4PI,GAAG;yBACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAkEiuS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;WAxD12S,OAAO,IAA6B;EAEjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA7UT,OAAO;eACN,OAAO;mBACH,OAAO;;gBAqBP,IAAI;oBAJA,IAAI;;;;;;cAnBb,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA0W0uS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OAlBt3S,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Tabs/WTabs.vue.d.ts

@@ -25,6 +25,7 @@ declare const _default: import('vue').DefineComponent<TabsProps, {
     "onUpdate:current-title"?: ((value: string) => any) | undefined;
     "onUpdate:tabs-length"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLDivElement;
     buttonContainer: HTMLDivElement;
     button: (({
         $: import('vue').ComponentInternalInstance;

package/dist/components/Tabs/WTabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAqUA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAC,KAAK,aAAa,EAA6G,MAAM,KAAK,CAAA;AAElJ,OAAO,KAAK,MAAM,6BAA6B,CAAA;;2BAiFjB,MAAM;yBAMR,MAAM;gBAcjB,IAAI;oBAIA,IAAI;sBAUA,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;+BAIzH,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;wBAMzI,MAAM;;UAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;uBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0O1E,GAAG,8CAA8C,GAAG,yBAA0B,GAAE,6DACnI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CADgD,GAAG,8CAA8C,GAAG,yBAA0B,GAAE,6DACnI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCADgD,GAAG,8CAA8C,GAAG,yBAA0B,GAAE,6DACnI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwJpC,wBAeG"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AAoWA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAA;AAEtC,OAAO,EAAC,KAAK,aAAa,EAA6G,MAAM,KAAK,CAAA;AAElJ,OAAO,KAAK,MAAM,6BAA6B,CAAA;;2BAqFjB,MAAM;yBAMR,MAAM;gBAiCjB,IAAI;oBAIA,IAAI;sBAUA,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;+BAIzH,MAAM,6GAAqE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;wBAMzI,MAAM;;UAAuE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;uBAIvI,MAAM,KAAsE,UAAU,CAAC,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAyM9H,GAAE,8CACpB,GAAG,yBAAyB,GAAG,6DAClB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAFE,GAAE,8CACpB,GAAG,yBAAyB,GAAG,6DAClB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAFE,GAAE,8CACpB,GAAG,yBAAyB,GAAG,6DAClB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6M9B,wBAeG"}

package/dist/components/Tabs/WTabs.vue.js

@@ -1,8 +1,9 @@
 import { defineComponent, useSlots, useTemplateRef, computed, ref, inject, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, unref, createSlots, withCtx, resolveDynamicComponent, mergeProps, normalizeStyle, createCommentVNode, createVNode, TransitionGroup } from 'vue';
 import '../Button/WButtonAction.vue.js';
 import '../Button/WButton.vue.js';
-import { debounce, throttle } from '../../utils/utils.js';
+import { getIsMobile } from '../../utils/mobile.js';
 import '../Button/WButtonDropdown.vue.js';
+import { debounce, throttle } from '../../utils/utils.js';
 import '../../utils/supportsPassive.js';
 import '../Dropdown/utils/DropdownStyle.js';
 import 'vue-router';
@@ -32,9 +33,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:current", "update:current-index", "update:has-changes", "update:current-title", "update:tabs-length"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const mobile = getIsMobile();
     const props = __props;
     const emit = __emit;
     const slots = useSlots();
+    const containerRef = useTemplateRef("container");
     const buttonContainerRef = useTemplateRef("buttonContainer");
     const defaultSlotsRaw = computed(() => props.customSlots ?? slots.default?.() ?? []);
     const unwrapSlots = (slots2) => {
@@ -83,11 +86,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tabItemRef.value?.[currentIndex.value]?.emitHeight?.();
       setCurrentDebounced(defaultSlotsKeys.value[value]);
     };
+    let timeout = null;
+    const scrollToTabContent = () => {
+      if (!mobile || !props.side) return;
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      timeout = setTimeout(() => {
+        containerRef.value?.scrollTo({ left: document.documentElement.offsetWidth, behavior: "smooth" });
+        timeout = null;
+      }, 300);
+    };
     const setCurrentDebounced = debounce((value) => {
       if (current.value === value || !defaultSlotsKeys.value.includes(value)) return;
       if (defaultSlots.value[defaultSlotsKeys.value.indexOf(value)].props?.disabled !== void 0) return;
       isDirect.value = defaultSlotsKeys.value.indexOf(current.value) < defaultSlotsKeys.value.indexOf(value);
       current.value = value;
+      scrollToTabContent();
     }, 100);
     const next = () => {
       switchTab(defaultSlotsKeys.value[currentIndex.value + 1]);
@@ -165,17 +181,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        ref: "container",
         class: normalizeClass(["grid gap-4", {
           "grid grid-cols-1": !_ctx.side,
-          "grid grid-cols-[auto,1fr] items-start": _ctx.side
+          "sm-not:grid-cols-[repeat(2,100vw)] grid snap-x snap-mandatory snap-always grid-cols-[auto,1fr] items-start overflow-x-auto overscroll-x-contain": _ctx.side
         }])
       }, [
         !_ctx.noHeader ? (openBlock(), createElementBlock("div", {
           key: 0,
           ref: "buttonContainer",
-          class: normalizeClass(["no-scrollbar relative snap-x snap-mandatory snap-always overflow-x-auto overscroll-x-contain", {
-            "grid grid-cols-[1fr,auto]": _ctx.side,
-            "flex pr-[30%]": !_ctx.side
+          class: normalizeClass(["relative", {
+            "sm-not:snap-start grid grid-cols-[1fr,auto]": _ctx.side,
+            "no-scrollbar sm-not:-pl--inner-margin flex snap-x snap-mandatory snap-always overflow-x-auto overscroll-x-contain pr-[50%]": !_ctx.side,
+            "4xl:pl-[50%]": _ctx.stepper && !_ctx.side
           }])
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlotsAll.value, (slot, index) => {
@@ -200,6 +218,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "show-has-value": _ctx.showHasValue,
                 side: _ctx.side,
                 "no-indicator": _ctx.noIndicator,
+                class: normalizeClass({
+                  "snap-center": !_ctx.side
+                }),
                 "onUpdate:indicatorStyle": _cache[0] || (_cache[0] = ($event) => indicatorStyle.value = $event),
                 "onUpdate:scrollPosition": updateScrollPosition,
                 onClick: ($event) => unref(switchTab)(slot.props?.name)
@@ -225,7 +246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   key: "2"
                 } : void 0
-              ]), 1032, ["active", "index", "title", "icon", "has-changes", "has-error", "has-value", "first", "last", "disabled", "stepper", "show-has-value", "side", "no-indicator", "onClick"])) : (openBlock(), createBlock(resolveDynamicComponent(slot), { key: 1 }))
+              ]), 1032, ["active", "index", "title", "icon", "has-changes", "has-error", "has-value", "first", "last", "disabled", "stepper", "show-has-value", "side", "no-indicator", "class", "onClick"])) : (openBlock(), createBlock(resolveDynamicComponent(slot), { key: 1 }))
             ], 64);
           }), 128)),
           !_ctx.noIndicator ? (openBlock(), createElementBlock("div", {
@@ -241,7 +262,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2)) : createCommentVNode("", true),
         defaultSlots.value.some((slot) => slot.children?.default) ? (openBlock(), createElementBlock("div", {
           key: 1,
-          class: "relative h-full transition-[min-height] duration-300",
+          class: normalizeClass(["relative h-full transition-[min-height] duration-300", {
+            "sm-not:snap-start": _ctx.side
+          }]),
           style: normalizeStyle({ minHeight: minHeight.value ? minHeight.value + "px" : "auto", "--direction-factor": isDirect.value ? "1" : "-1" })
         }, [
           createVNode(TransitionGroup, {
@@ -273,7 +296,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["enter-from-class", "leave-to-class"])
-        ], 4)) : createCommentVNode("", true)
+        ], 6)) : createCommentVNode("", true)
       ], 2);
     };
   }

package/dist/components/Tabs/WTabsColumns.vue.d.ts

@@ -1,7 +1,17 @@
-declare const _default: import('vue').DefineComponent<{
-    names: string[];
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    names: string[];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=WTabsColumns.vue.d.ts.map

package/dist/components/Tabs/WTabsColumns.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabsColumns.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsColumns.vue"],"names":[],"mappings":";WA2CS,MAAM,EAAE;;WAAR,MAAM,EAAE;;AA0EjB,wBAMG"}
+{"version":3,"file":"WTabsColumns.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsColumns.vue"],"names":[],"mappings":"AAuCA,iBAAS,cAAc;;yBA+CM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Tabs/WTabsColumns.vue.js

@@ -1,29 +1,24 @@
-import { defineComponent, unref, openBlock, createBlock, createElementBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent } from 'vue';
+import { defineComponent, unref, openBlock, createBlock, withCtx, renderSlot, createElementBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent } from 'vue';
 import _sfc_main$1 from './WTabs.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WTabsColumns",
-  props: {
-    names: {}
-  },
   setup(__props) {
     const isMobile = getIsMobile();
     return (_ctx, _cache) => {
-      return unref(isMobile) ? (openBlock(), createBlock(_sfc_main$1, {
-        key: 0,
-        names: _ctx.names,
-        "custom-slots": _ctx.$slots.default?.()
-      }, null, 8, ["names", "custom-slots"])) : (openBlock(), createElementBlock("div", {
+      return unref(isMobile) ? (openBlock(), createBlock(_sfc_main$1, { key: 0 }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      })) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "grid grid-cols-[repeat(var(--w-columns-length),calc(50%-((var(--w-columns-length)-1)*var(--modal-wrapper-padding,2rem)/2)))] gap-[var(--modal-wrapper-padding,2rem)]",
         style: normalizeStyle({ "--w-columns-length": _ctx.$slots.default?.().length })
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
-          return openBlock(), createBlock(resolveDynamicComponent(slot), {
-            key: index,
-            title: _ctx.names[index]
-          }, null, 8, ["title"]);
+          return openBlock(), createBlock(resolveDynamicComponent(slot), { key: index });
         }), 128))
       ], 4));
     };

package/dist/components/Tabs/WTabsStepper.vue.d.ts

@@ -28,6 +28,7 @@ declare function __VLS_template(): {
             "update:current-title": (value: string) => any;
             "update:tabs-length": (value: number) => any;
         }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            container: HTMLDivElement;
             buttonContainer: HTMLDivElement;
             button: (({
                 $: import('vue').ComponentInternalInstance;
@@ -431,6 +432,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsStepperProps, {
         "update:current-title": (value: string) => any;
         "update:tabs-length": (value: number) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        container: HTMLDivElement;
         buttonContainer: HTMLDivElement;
         button: (({
             $: import('vue').ComponentInternalInstance;

package/dist/components/Tabs/WTabsStepper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabsStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsStepper.vue"],"names":[],"mappings":"AAkFA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAmF7C,iBAAS,cAAc;;yBA4HO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAoEqpd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA1D9xd,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBA3MJ,IAAI;oBAJA,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkP6pd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlB1yd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WTabsStepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/WTabsStepper.vue"],"names":[],"mappings":"AAkFA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAmF7C,iBAAS,cAAc;;yBA4HO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAoEqpd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA1D9xd,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBA3MJ,IAAI;oBAJA,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkP6pd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlB1yd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Tabs/components/TabTitleButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabTitleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabTitleButton.vue"],"names":[],"mappings":"AAoNA,OAAO,EAAC,KAAK,aAAa,EAA6C,MAAM,KAAK,CAAA;AAqGlF,iBAAS,cAAc;;;;;;YAwNK,GAAG;;;;;YACF,GAAG;;;;;YACJ,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAnVX,OAAO;WACR,MAAM;cACH,OAAO;gBACL,OAAO;cACT,OAAO;WACV,MAAM;UACP,YAAY,GAAG,SAAS;WACvB,OAAO;UACR,OAAO;eACF,OAAO;cACR,OAAO;mBACF,OAAO;kBACR,OAAO;WACd,OAAO;;;;;;;cA+U8B,MAAM;;aAAU,MAAM;;;YA5V1D,OAAO;WACR,MAAM;cACH,OAAO;gBACL,OAAO;cACT,OAAO;WACV,MAAM;UACP,YAAY,GAAG,SAAS;WACvB,OAAO;UACR,OAAO;eACF,OAAO;cACR,OAAO;mBACF,OAAO;kBACR,OAAO;WACd,OAAO;;;;;cA+U8B,MAAM;;aAAU,MAAM;;;;OAIlE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabTitleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabTitleButton.vue"],"names":[],"mappings":"AAyNA,OAAO,EAAC,KAAK,aAAa,EAA6C,MAAM,KAAK,CAAA;AAqGlF,iBAAS,cAAc;;;;;;YA0NK,GAAG;;;;;YACF,GAAG;;;;;YACJ,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YArVX,OAAO;WACR,MAAM;cACH,OAAO;gBACL,OAAO;cACT,OAAO;WACV,MAAM;UACP,YAAY,GAAG,SAAS;WACvB,OAAO;UACR,OAAO;eACF,OAAO;cACR,OAAO;mBACF,OAAO;kBACR,OAAO;WACd,OAAO;;;;;;;cAiV8B,MAAM;;aAAU,MAAM;;;YA9V1D,OAAO;WACR,MAAM;cACH,OAAO;gBACL,OAAO;cACT,OAAO;WACV,MAAM;UACP,YAAY,GAAG,SAAS;WACvB,OAAO;UACR,OAAO;eACF,OAAO;cACR,OAAO;mBACF,OAAO;kBACR,OAAO;WACd,OAAO;;;;;cAiV8B,MAAM;;aAAU,MAAM;;;;OAIlE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Tabs/components/TabTitleButton.vue.js

@@ -8,8 +8,7 @@ const _hoisted_2 = {
   key: 0,
   class: "p-8"
 };
-const _hoisted_3 = { class: "whitespace-nowrap px-4" };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 2,
   class: "absolute bottom-0 h-1 w-full rounded-sm bg-current"
 };
@@ -92,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("button", {
           disabled: _ctx.disabled,
-          class: normalizeClass(["w-ripple-trigger grid select-none snap-center grid-cols-[auto,1fr] font-semibold outline-none transition-colors duration-500", {
+          class: normalizeClass(["w-ripple-trigger grid select-none grid-cols-[auto,1fr] font-semibold outline-none transition-colors duration-500", {
             "text-primary-default dark:text-primary-dark": !_ctx.hasError && _ctx.active,
             "text-negative dark:text-negative-dark": _ctx.hasError,
             "text-positive dark:text-positive-dark": _ctx.showHasValue && !_ctx.active && !_ctx.hasError && _ctx.hasValue,
@@ -136,7 +135,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "py-3 text-start": _ctx.side
               }])
             }, [
-              createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", {
+                class: normalizeClass(["whitespace-nowrap px-4", {
+                  "sm-not:-pl--inner-margin": _ctx.side
+                }])
+              }, [
                 _ctx.icon !== void 0 ? (openBlock(), createBlock(Suspense, { key: 0 }, {
                   fallback: withCtx(() => _cache[1] || (_cache[1] = [
                     createElementVNode("svg", { class: "square-5 -mt-1 inline" }, [
@@ -149,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })) : createCommentVNode("", true),
                 createTextVNode(" " + toDisplayString(_ctx.title), 1)
-              ]),
+              ], 2),
               renderSlot(_ctx.$slots, "suffix", normalizeProps(guardReactiveProps({ hasChanges: _ctx.hasChanges, hasError: _ctx.hasError, hasValue: _ctx.hasValue })))
             ], 2)),
             createVNode(Transition, {
@@ -169,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            _ctx.stepper ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+            _ctx.stepper ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
           ], 2)
         ], 10, _hoisted_1),
         renderSlot(_ctx.$slots, "right", normalizeProps(guardReactiveProps({ hasChanges: _ctx.hasChanges, hasError: _ctx.hasError, hasValue: _ctx.hasValue })))

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.9.12",
+  "version": "0.9.14",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",