eco-vue-js 0.8.42 → 0.9.0

package/dist/components/Form/WFormValidator.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAgjBA,iBAAS,cAAc;;iBAXZ,MAAM,IAAI;;iBAAV,MAAM,IAAI;;;;;WA0GP,OAAO,IAA6B;EAEjD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAjYZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;;;wBA4OC,MAAM;qBA/DN,IAAI;;;;;WAlLjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;;;;kFAuYnB,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":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAsjBA,iBAAS,cAAc;;iBAXZ,MAAM,IAAI;;iBAAV,MAAM,IAAI;;;;;WA0GP,OAAO,IAA6B;EAEjD;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAnYZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;;;wBA8OC,MAAM;qBAjEN,IAAI;;;;;WAlLjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;;;;kFAyYnB,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/Form/WFormValidator.vue.js

@@ -1,9 +1,21 @@
 import { defineComponent, inject, useSlots, computed, useTemplateRef, ref, watch, onBeforeMount, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent } from 'vue';
 import { useIsInsideTab } from '../Tabs/use/useIsInsideTab.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
-import { validateRequired } from '../../utils/validate.js';
+import '../Button/WButtonAction.vue.js';
+import '../Button/WButton.vue.js';
+import { debounce } from '../../utils/utils.js';
+import '../Button/WButtonDropdown.vue.js';
+import '../../utils/supportsPassive.js';
+import '../Dropdown/utils/DropdownStyle.js';
+import 'vue-router';
+import '../../utils/Modal.js';
 import { wFormTitleUpdater, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormValidateUpdater, wFormInvalidateUpdater, wFormInitModelUpdater, wFormUnlistener } from './models/injection.js';
 import { scrollToValidator } from './models/utils.js';
+import { validateRequired } from '../../utils/validate.js';
+import '../Input/WInputSuggest.vue.js';
+import '../Input/WInputDate.vue.js';
+import '../Link/WLink.vue.js';
+import '@tanstack/vue-query';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WFormValidator",
@@ -28,10 +40,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const unlistener = inject(wFormUnlistener, void 0);
     const { isInsideTab } = useIsInsideTab();
     const slots = useSlots();
-    const component = computed(() => slots.default?.()[0]);
+    const componentSlot = computed(() => slots.default?.()[0]);
     const componentRef = useTemplateRef("component");
     const modelValue = computed(() => {
-      const props2 = component.value?.props;
+      const props2 = componentSlot.value?.props;
       if (!props2) return void 0;
       if ("modelValue" in props2) {
         return props2.modelValue;
@@ -42,8 +54,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return void 0;
     });
     const initModelValue = ref();
-    const required = computed(() => component.value?.props?.required !== void 0 ? component.value?.props?.required !== false : void 0);
-    const title = computed(() => props.title ?? component.value?.props?.title);
+    const required = computed(() => componentSlot.value?.props?.required !== void 0 ? componentSlot.value?.props?.required !== false : void 0);
+    const title = computed(() => props.title ?? componentSlot.value?.props?.title);
     const errorMessage = ref(null);
     const hasChanges = ref(false);
     const hasBeenValidated = ref(false);
@@ -149,7 +161,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const element = componentRef.value.$el;
       if (element instanceof HTMLDivElement) scrollToValidator(element);
     };
-    useTabActiveListener(scrollTo);
+    const scrollToDebounced = debounce(scrollTo, 300);
+    useTabActiveListener(scrollToDebounced);
     watch(errorMessage, (value) => {
       if (value === null) return;
       if (props.name) {
@@ -194,9 +207,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       initModel
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(component.value), {
-        ref_key: "component",
-        ref: component,
+      return openBlock(), createBlock(resolveDynamicComponent(componentSlot.value), {
+        ref: "component",
         "error-message": errorMessage.value,
         "has-changes": _ctx.noChanges ? void 0 : hasChanges.value,
         "onUpdate:modelValue": _validateOnUpdate,

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

@@ -4,18 +4,21 @@ declare function __VLS_template(): {
     };
     refs: {
         tabs: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            names?: string[] | Record<number, string>;
-            namesForm?: string[] | Record<number, string>;
-            icons?: SVGComponent[] | Record<number, SVGComponent>;
             customSlots?: import('vue').VNode[];
             lessTransitions?: boolean;
             initTab?: number;
             side?: boolean;
             disableMinHeight?: boolean;
+            noHeader?: boolean;
+            switchToNew?: boolean;
         }> & Readonly<{
             "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
-            "onUpdate:current"?: ((value: number) => any) | undefined;
+            "onUpdate:current"?: ((value: string) => any) | undefined;
+            "onUpdate:current-index"?: ((value: number) => any) | undefined;
+            "onUpdate:current-title"?: ((value: string) => any) | undefined;
+            "onUpdate:tabs-length"?: ((value: number) => any) | undefined;
         }>, {
+            updateCurrent: (value: string) => void;
             updateIndex: (value: number) => void;
             next: () => void;
             previous: () => void;
@@ -26,16 +29,129 @@ declare function __VLS_template(): {
             initModel: (index: number) => ReturnType<ComponentInstance<typeof import('../Form/WForm.vue').default>["initModel"]>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "update:has-changes": (value: boolean) => any;
-            "update:current": (value: number) => any;
+            "update:current": (value: string) => any;
+            "update:current-index": (value: number) => any;
+            "update:current-title": (value: string) => any;
+            "update:tabs-length": (value: number) => any;
         }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             buttonContainer: HTMLDivElement;
-            button: HTMLButtonElement;
+            button: (({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly active: boolean;
+                    readonly index: number;
+                    readonly hasError: boolean;
+                    readonly hasChanges: boolean;
+                    readonly title: string;
+                    readonly icon: SVGComponent | undefined;
+                    readonly side?: boolean | undefined;
+                    readonly onClick?: ((value: MouseEvent) => any) | undefined;
+                    readonly "onUpdate:indicator-style"?: ((value: import('vue').CSSProperties) => any) | undefined;
+                    readonly "onUpdate:scroll-position"?: ((value: {
+                        left: number;
+                    } | {
+                        top: number;
+                    }) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    button: HTMLButtonElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "click", value: MouseEvent) => void) & ((event: "update:indicator-style", value: import('vue').CSSProperties) => void) & ((event: "update:scroll-position", value: {
+                    left: number;
+                } | {
+                    top: number;
+                }) => void);
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    active: boolean;
+                    index: number;
+                    hasError: boolean;
+                    hasChanges: boolean;
+                    title: string;
+                    icon: SVGComponent | undefined;
+                    side?: boolean;
+                }> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    "onUpdate:indicator-style"?: ((value: import('vue').CSSProperties) => any) | undefined;
+                    "onUpdate:scroll-position"?: ((value: {
+                        left: number;
+                    } | {
+                        top: number;
+                    }) => any) | undefined;
+                }>, {
+                    update: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                    click: (value: MouseEvent) => any;
+                    "update:indicator-style": (value: import('vue').CSSProperties) => any;
+                    "update:scroll-position": (value: {
+                        left: number;
+                    } | {
+                        top: number;
+                    }) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<{
+                active: boolean;
+                index: number;
+                hasError: boolean;
+                hasChanges: boolean;
+                title: string;
+                icon: SVGComponent | undefined;
+                side?: boolean;
+            }> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                "onUpdate:indicator-style"?: ((value: import('vue').CSSProperties) => any) | undefined;
+                "onUpdate:scroll-position"?: ((value: {
+                    left: number;
+                } | {
+                    top: number;
+                }) => any) | undefined;
+            }>, "update"> & import('vue').ShallowUnwrapRef<{
+                update: () => void;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    title?(_: {}): any;
+                    suffix?(_: {}): any;
+                    right?(_: {}): any;
+                };
+            }) | null)[];
             tabItem: (({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly isActive: boolean;
+                    readonly active: boolean;
                     readonly "onUpdate:height"?: ((value: number) => any) | undefined;
+                    readonly "onUpdate:active"?: (() => any) | undefined;
                 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
@@ -51,16 +167,18 @@ declare function __VLS_template(): {
                 $root: import('vue').ComponentPublicInstance | null;
                 $parent: import('vue').ComponentPublicInstance | null;
                 $host: Element | null;
-                $emit: (event: "update:height", value: number) => void;
+                $emit: ((event: "update:height", value: number) => void) & ((event: "update:active") => void);
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<Readonly<{
-                    isActive: boolean;
+                    active: boolean;
                 }> & Readonly<{
                     "onUpdate:height"?: ((value: number) => any) | undefined;
+                    "onUpdate:active"?: (() => any) | undefined;
                 }>, {
                     emitHeight: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                     "update:height": (value: number) => any;
+                    "update:active": () => any;
                 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -82,9 +200,10 @@ declare function __VLS_template(): {
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{}> & Omit<Readonly<{
-                isActive: boolean;
+                active: boolean;
             }> & Readonly<{
                 "onUpdate:height"?: ((value: number) => any) | undefined;
+                "onUpdate:active"?: (() => any) | undefined;
             }>, "emitHeight"> & import('vue').ShallowUnwrapRef<{
                 emitHeight: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -179,18 +298,21 @@ declare function __VLS_template(): {
             M: {};
             Defaults: {};
         }, Readonly<{
-            names?: string[] | Record<number, string>;
-            namesForm?: string[] | Record<number, string>;
-            icons?: SVGComponent[] | Record<number, SVGComponent>;
             customSlots?: import('vue').VNode[];
             lessTransitions?: boolean;
             initTab?: number;
             side?: boolean;
             disableMinHeight?: boolean;
+            noHeader?: boolean;
+            switchToNew?: boolean;
         }> & Readonly<{
             "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
-            "onUpdate:current"?: ((value: number) => any) | undefined;
+            "onUpdate:current"?: ((value: string) => any) | undefined;
+            "onUpdate:current-index"?: ((value: number) => any) | undefined;
+            "onUpdate:current-title"?: ((value: string) => any) | undefined;
+            "onUpdate:tabs-length"?: ((value: number) => any) | undefined;
         }>, {
+            updateCurrent: (value: string) => void;
             updateIndex: (value: number) => void;
             next: () => void;
             previous: () => void;
@@ -205,7 +327,6 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
-    names?: string[];
     loading?: boolean;
     disabled?: boolean;
     disabledNext?: boolean;
@@ -220,7 +341,6 @@ declare const __VLS_component: import('vue').DefineComponent<{
     next: (current: number) => any;
     "update:current": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<{
-    names?: string[];
     loading?: boolean;
     disabled?: boolean;
     disabledNext?: boolean;
@@ -233,18 +353,21 @@ declare const __VLS_component: import('vue').DefineComponent<{
     "onUpdate:current"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     tabs: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        names?: string[] | Record<number, string>;
-        namesForm?: string[] | Record<number, string>;
-        icons?: SVGComponent[] | Record<number, SVGComponent>;
         customSlots?: import('vue').VNode[];
         lessTransitions?: boolean;
         initTab?: number;
         side?: boolean;
         disableMinHeight?: boolean;
+        noHeader?: boolean;
+        switchToNew?: boolean;
     }> & Readonly<{
         "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
-        "onUpdate:current"?: ((value: number) => any) | undefined;
+        "onUpdate:current"?: ((value: string) => any) | undefined;
+        "onUpdate:current-index"?: ((value: number) => any) | undefined;
+        "onUpdate:current-title"?: ((value: string) => any) | undefined;
+        "onUpdate:tabs-length"?: ((value: number) => any) | undefined;
     }>, {
+        updateCurrent: (value: string) => void;
         updateIndex: (value: number) => void;
         next: () => void;
         previous: () => void;
@@ -255,16 +378,129 @@ declare const __VLS_component: import('vue').DefineComponent<{
         initModel: (index: number) => ReturnType<ComponentInstance<typeof import('../Form/WForm.vue').default>["initModel"]>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "update:has-changes": (value: boolean) => any;
-        "update:current": (value: number) => any;
+        "update:current": (value: string) => any;
+        "update:current-index": (value: number) => any;
+        "update:current-title": (value: string) => any;
+        "update:tabs-length": (value: number) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         buttonContainer: HTMLDivElement;
-        button: HTMLButtonElement;
+        button: (({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly active: boolean;
+                readonly index: number;
+                readonly hasError: boolean;
+                readonly hasChanges: boolean;
+                readonly title: string;
+                readonly icon: SVGComponent | undefined;
+                readonly side?: boolean | undefined;
+                readonly onClick?: ((value: MouseEvent) => any) | undefined;
+                readonly "onUpdate:indicator-style"?: ((value: import('vue').CSSProperties) => any) | undefined;
+                readonly "onUpdate:scroll-position"?: ((value: {
+                    left: number;
+                } | {
+                    top: number;
+                }) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                button: HTMLButtonElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "click", value: MouseEvent) => void) & ((event: "update:indicator-style", value: import('vue').CSSProperties) => void) & ((event: "update:scroll-position", value: {
+                left: number;
+            } | {
+                top: number;
+            }) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                active: boolean;
+                index: number;
+                hasError: boolean;
+                hasChanges: boolean;
+                title: string;
+                icon: SVGComponent | undefined;
+                side?: boolean;
+            }> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                "onUpdate:indicator-style"?: ((value: import('vue').CSSProperties) => any) | undefined;
+                "onUpdate:scroll-position"?: ((value: {
+                    left: number;
+                } | {
+                    top: number;
+                }) => any) | undefined;
+            }>, {
+                update: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                click: (value: MouseEvent) => any;
+                "update:indicator-style": (value: import('vue').CSSProperties) => any;
+                "update:scroll-position": (value: {
+                    left: number;
+                } | {
+                    top: number;
+                }) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            active: boolean;
+            index: number;
+            hasError: boolean;
+            hasChanges: boolean;
+            title: string;
+            icon: SVGComponent | undefined;
+            side?: boolean;
+        }> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            "onUpdate:indicator-style"?: ((value: import('vue').CSSProperties) => any) | undefined;
+            "onUpdate:scroll-position"?: ((value: {
+                left: number;
+            } | {
+                top: number;
+            }) => any) | undefined;
+        }>, "update"> & import('vue').ShallowUnwrapRef<{
+            update: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                title?(_: {}): any;
+                suffix?(_: {}): any;
+                right?(_: {}): any;
+            };
+        }) | null)[];
         tabItem: (({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly isActive: boolean;
+                readonly active: boolean;
                 readonly "onUpdate:height"?: ((value: number) => any) | undefined;
+                readonly "onUpdate:active"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -280,16 +516,18 @@ declare const __VLS_component: import('vue').DefineComponent<{
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "update:height", value: number) => void;
+            $emit: ((event: "update:height", value: number) => void) & ((event: "update:active") => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
-                isActive: boolean;
+                active: boolean;
             }> & Readonly<{
                 "onUpdate:height"?: ((value: number) => any) | undefined;
+                "onUpdate:active"?: (() => any) | undefined;
             }>, {
                 emitHeight: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "update:height": (value: number) => any;
+                "update:active": () => any;
             }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -311,9 +549,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
-            isActive: boolean;
+            active: boolean;
         }> & Readonly<{
             "onUpdate:height"?: ((value: number) => any) | undefined;
+            "onUpdate:active"?: (() => any) | undefined;
         }>, "emitHeight"> & import('vue').ShallowUnwrapRef<{
             emitHeight: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -408,18 +647,21 @@ declare const __VLS_component: import('vue').DefineComponent<{
         M: {};
         Defaults: {};
     }, Readonly<{
-        names?: string[] | Record<number, string>;
-        namesForm?: string[] | Record<number, string>;
-        icons?: SVGComponent[] | Record<number, SVGComponent>;
         customSlots?: import('vue').VNode[];
         lessTransitions?: boolean;
         initTab?: number;
         side?: boolean;
         disableMinHeight?: boolean;
+        noHeader?: boolean;
+        switchToNew?: boolean;
     }> & Readonly<{
         "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
-        "onUpdate:current"?: ((value: number) => any) | undefined;
+        "onUpdate:current"?: ((value: string) => any) | undefined;
+        "onUpdate:current-index"?: ((value: number) => any) | undefined;
+        "onUpdate:current-title"?: ((value: string) => any) | undefined;
+        "onUpdate:tabs-length"?: ((value: number) => any) | undefined;
     }>, {
+        updateCurrent: (value: string) => void;
         updateIndex: (value: number) => void;
         next: () => void;
         previous: () => void;

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":"AAyNA,iBAAS,cAAc;;uBA6MI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAuE0tS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA7Dh2S,OAAO,IAA6B;EAEjD;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAvTX,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;gBA2BP,IAAI;oBANA,IAAI;;;;;;;;;YAxBf,MAAM,EAAE;cACN,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsVguS,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlB52S,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":"AA8NA,iBAAS,cAAc;;uBAsPI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAyEq+O,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA/D3mP,OAAO,IAA6B;EAEjD;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cAnWT,OAAO;eACN,OAAO;mBACH,OAAO;;gBA6BP,IAAI;oBANA,IAAI;;;;;;;;;cAzBb,OAAO;eACN,OAAO;mBACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmY2+O,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlBvnP,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/Modal/WModalStepper.vue.js

@@ -9,7 +9,6 @@ const _hoisted_1 = { class: "h-1 w-full bg-gray-200 dark:bg-gray-700" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WModalStepper",
   props: {
-    names: {},
     loading: { type: Boolean },
     disabled: { type: Boolean },
     disabledNext: { type: Boolean }
@@ -19,8 +18,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const slots = useSlots();
     const tabsRef = useTemplateRef("tabs");
-    const defaultSlots = computed(() => slots.default?.().filter((item) => typeof item.type !== "symbol") ?? []);
+    const defaultSlots = computed(() => slots.default?.() ?? []);
+    const tabsLength = ref(0);
     const current = ref(0);
+    const currentTitle = ref();
     const previous = () => {
       emit("previous", current.value);
       tabsRef.value?.previous();
@@ -45,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, { maximized: "" }, {
         title: withCtx(() => [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createTextVNode(toDisplayString(_ctx.names?.[current.value]), 1)
+            createTextVNode(toDisplayString(currentTitle.value), 1)
           ])
         ]),
         subtitle: withCtx(() => [
@@ -53,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: "bg-primary-default dark:bg-primary-dark h-full transition-[width]",
               style: normalizeStyle({
-                width: 100 * (current.value + 1) / defaultSlots.value.length + "%"
+                width: 100 * (current.value + 1) / tabsLength.value + "%"
               })
             }, null, 4)
           ])
@@ -64,9 +65,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             disabled: _ctx.loading || _ctx.disabled,
             "semantic-type": unref(SemanticType).SECONDARY,
             class: "w-full",
-            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close:modal"))
+            onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("close:modal"))
           }, {
-            default: withCtx(() => _cache[4] || (_cache[4] = [
+            default: withCtx(() => _cache[6] || (_cache[6] = [
               createTextVNode(" Close ")
             ])),
             _: 1
@@ -77,20 +78,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "w-full",
             onClick: previous
           }, {
-            default: withCtx(() => _cache[5] || (_cache[5] = [
+            default: withCtx(() => _cache[7] || (_cache[7] = [
               createTextVNode(" Back ")
             ])),
             _: 1
           }, 8, ["disabled", "semantic-type"])),
-          current.value === defaultSlots.value.length - 1 ? (openBlock(), createBlock(_sfc_main$2, {
+          current.value === tabsLength.value - 1 ? (openBlock(), createBlock(_sfc_main$2, {
             key: 2,
             "semantic-type": unref(SemanticType).PRIMARY,
             loading: _ctx.loading,
             disabled: _ctx.disabled || _ctx.disabledNext,
             class: "w-full",
-            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("submit"))
+            onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("submit"))
           }, {
-            default: withCtx(() => _cache[6] || (_cache[6] = [
+            default: withCtx(() => _cache[8] || (_cache[8] = [
               createTextVNode(" Submit ")
             ])),
             _: 1
@@ -102,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "w-full",
             onClick: next
           }, {
-            default: withCtx(() => _cache[7] || (_cache[7] = [
+            default: withCtx(() => _cache[9] || (_cache[9] = [
               createTextVNode(" Next ")
             ])),
             _: 1
@@ -112,8 +113,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$3, {
             ref: "tabs",
             "custom-slots": defaultSlots.value,
-            "onUpdate:current": _cache[0] || (_cache[0] = ($event) => current.value = $event),
-            "onUpdate:hasChanges": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:has-changes", $event))
+            "no-header": "",
+            "onUpdate:currentIndex": _cache[0] || (_cache[0] = ($event) => current.value = $event),
+            "onUpdate:currentTitle": _cache[1] || (_cache[1] = ($event) => currentTitle.value = $event),
+            "onUpdate:hasChanges": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:has-changes", $event)),
+            "onUpdate:tabsLength": _cache[3] || (_cache[3] = ($event) => tabsLength.value = $event)
           }, null, 8, ["custom-slots"])
         ]),
         _: 3