eco-vue-js 0.10.40 → 0.10.42

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

@@ -1,5 +1,4 @@
 import { TabsProps } from './types';
-import { CSSProperties } from 'vue';
 import { default as WForm } from '../Form/WForm.vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -125,7 +124,7 @@ declare function __VLS_template(): {
                 readonly hasError: boolean;
                 readonly hasChanges: boolean;
                 readonly hasValue: boolean;
-                readonly title: string;
+                readonly title?: string | undefined;
                 readonly icon: SVGComponent | undefined;
                 readonly first: boolean;
                 readonly last: boolean;
@@ -134,7 +133,6 @@ declare function __VLS_template(): {
                 readonly showHasValue?: boolean | undefined;
                 readonly side?: boolean | undefined;
                 readonly onClick?: ((value: MouseEvent) => any) | undefined;
-                readonly "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
                 readonly "onUpdate:scroll-position"?: ((value: {
                     left: number;
                 } | {
@@ -155,7 +153,7 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "click", value: MouseEvent) => void) & ((event: "update:indicator-style", value: CSSProperties) => void) & ((event: "update:scroll-position", value: {
+            $emit: ((event: "click", value: MouseEvent) => void) & ((event: "update:scroll-position", value: {
                 left: number;
             } | {
                 top: number;
@@ -167,7 +165,7 @@ declare function __VLS_template(): {
                 hasError: boolean;
                 hasChanges: boolean;
                 hasValue: boolean;
-                title: string;
+                title?: string;
                 icon: SVGComponent | undefined;
                 first: boolean;
                 last: boolean;
@@ -177,7 +175,6 @@ declare function __VLS_template(): {
                 side?: boolean;
             }> & Readonly<{
                 onClick?: ((value: MouseEvent) => any) | undefined;
-                "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
                 "onUpdate:scroll-position"?: ((value: {
                     left: number;
                 } | {
@@ -187,7 +184,6 @@ declare function __VLS_template(): {
                 update: () => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (value: MouseEvent) => any;
-                "update:indicator-style": (value: CSSProperties) => any;
                 "update:scroll-position": (value: {
                     left: number;
                 } | {
@@ -219,7 +215,7 @@ declare function __VLS_template(): {
             hasError: boolean;
             hasChanges: boolean;
             hasValue: boolean;
-            title: string;
+            title?: string;
             icon: SVGComponent | undefined;
             first: boolean;
             last: boolean;
@@ -229,7 +225,6 @@ declare function __VLS_template(): {
             side?: boolean;
         }> & Readonly<{
             onClick?: ((value: MouseEvent) => any) | undefined;
-            "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
             "onUpdate:scroll-position"?: ((value: {
                 left: number;
             } | {
@@ -239,16 +234,7 @@ declare function __VLS_template(): {
             update: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                title?(_: {
-                    hasChanges: boolean;
-                    hasError: boolean;
-                    hasValue: boolean;
-                }): any;
-                suffix?(_: {
-                    hasChanges: boolean;
-                    hasError: boolean;
-                    hasValue: boolean;
-                }): any;
+                title?(_: {}): any;
                 right?(_: {
                     hasChanges: boolean;
                     hasError: boolean;
@@ -261,7 +247,7 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly name: string;
-                readonly title: string;
+                readonly title: string | undefined;
                 readonly active: boolean;
                 readonly removable: boolean;
                 readonly "onTab:switch"?: ((value: string) => any) | undefined;
@@ -391,7 +377,7 @@ declare function __VLS_template(): {
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 name: string;
-                title: string;
+                title: string | undefined;
                 active: boolean;
                 removable: boolean;
             }> & Readonly<{
@@ -427,7 +413,7 @@ declare function __VLS_template(): {
             $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<{
             name: string;
-            title: string;
+            title: string | undefined;
             active: boolean;
             removable: boolean;
         }> & Readonly<{
@@ -462,7 +448,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
     "update:last": (value: boolean) => any;
     "update:current": (value: string) => any;
     "update:current-index": (value: number) => any;
-    "update:current-title": (value: string) => any;
+    "update:current-title": (value: string | undefined) => any;
     "update:tabs-length": (value: number) => any;
     "update:progress": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<TabsProps> & Readonly<{
@@ -471,7 +457,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
     "onUpdate:last"?: ((value: boolean) => any) | undefined;
     "onUpdate:current"?: ((value: string) => any) | undefined;
     "onUpdate:current-index"?: ((value: number) => any) | undefined;
-    "onUpdate:current-title"?: ((value: string) => any) | undefined;
+    "onUpdate:current-title"?: ((value: string | undefined) => any) | undefined;
     "onUpdate:tabs-length"?: ((value: number) => any) | undefined;
     "onUpdate:progress"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -591,7 +577,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
             readonly hasError: boolean;
             readonly hasChanges: boolean;
             readonly hasValue: boolean;
-            readonly title: string;
+            readonly title?: string | undefined;
             readonly icon: SVGComponent | undefined;
             readonly first: boolean;
             readonly last: boolean;
@@ -600,7 +586,6 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
             readonly showHasValue?: boolean | undefined;
             readonly side?: boolean | undefined;
             readonly onClick?: ((value: MouseEvent) => any) | undefined;
-            readonly "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
             readonly "onUpdate:scroll-position"?: ((value: {
                 left: number;
             } | {
@@ -621,7 +606,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "click", value: MouseEvent) => void) & ((event: "update:indicator-style", value: CSSProperties) => void) & ((event: "update:scroll-position", value: {
+        $emit: ((event: "click", value: MouseEvent) => void) & ((event: "update:scroll-position", value: {
             left: number;
         } | {
             top: number;
@@ -633,7 +618,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
             hasError: boolean;
             hasChanges: boolean;
             hasValue: boolean;
-            title: string;
+            title?: string;
             icon: SVGComponent | undefined;
             first: boolean;
             last: boolean;
@@ -643,7 +628,6 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
             side?: boolean;
         }> & Readonly<{
             onClick?: ((value: MouseEvent) => any) | undefined;
-            "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
             "onUpdate:scroll-position"?: ((value: {
                 left: number;
             } | {
@@ -653,7 +637,6 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
             update: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (value: MouseEvent) => any;
-            "update:indicator-style": (value: CSSProperties) => any;
             "update:scroll-position": (value: {
                 left: number;
             } | {
@@ -685,7 +668,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
         hasError: boolean;
         hasChanges: boolean;
         hasValue: boolean;
-        title: string;
+        title?: string;
         icon: SVGComponent | undefined;
         first: boolean;
         last: boolean;
@@ -695,7 +678,6 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
         side?: boolean;
     }> & Readonly<{
         onClick?: ((value: MouseEvent) => any) | undefined;
-        "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
         "onUpdate:scroll-position"?: ((value: {
             left: number;
         } | {
@@ -705,16 +687,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
         update: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            title?(_: {
-                hasChanges: boolean;
-                hasError: boolean;
-                hasValue: boolean;
-            }): any;
-            suffix?(_: {
-                hasChanges: boolean;
-                hasError: boolean;
-                hasValue: boolean;
-            }): any;
+            title?(_: {}): any;
             right?(_: {
                 hasChanges: boolean;
                 hasError: boolean;
@@ -727,7 +700,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
         $data: {};
         $props: {
             readonly name: string;
-            readonly title: string;
+            readonly title: string | undefined;
             readonly active: boolean;
             readonly removable: boolean;
             readonly "onTab:switch"?: ((value: string) => any) | undefined;
@@ -857,7 +830,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             name: string;
-            title: string;
+            title: string | undefined;
             active: boolean;
             removable: boolean;
         }> & Readonly<{
@@ -893,7 +866,7 @@ declare const __VLS_component: import('vue').DefineComponent<TabsProps, {
         $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<{
         name: string;
-        title: string;
+        title: string | undefined;
         active: boolean;
         removable: boolean;
     }> & Readonly<{

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":"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"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"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"}

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

@@ -21,7 +21,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     switchToNew: { type: Boolean },
     stepper: { type: Boolean },
     showHasValue: { type: Boolean },
-    noSwitchOnInvalid: { type: Boolean }
+    noSwitchOnInvalid: { type: Boolean },
+    wrap: { type: Boolean }
   },
   emits: ["update:current", "update:current-index", "update:has-changes", "update:current-title", "update:tabs-length", "update:progress", "update:first", "update:last"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -46,7 +47,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const currentIndex = computed(() => defaultSlotsKeys.value.indexOf(current.value));
     const isDirect = ref(true);
     const buttonRef = useTemplateRef("button");
-    const indicatorStyle = ref(void 0);
     const minHeight = ref(0);
     const tabItemRef = useTemplateRef("tabItem");
     const currentIsValid = computed(() => !formRef.value?.hasShownMap[current.value] || typeof formRef.value?.errorMessageMap[current.value] !== "string");
@@ -201,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         name: _ctx.name,
         class: normalizeClass(["grid gap-4", {
           "grid grid-cols-1": !_ctx.side,
-          "sm-not:grid-cols-[repeat(2,100vw)] sm-not:snap-x sm-not:snap-mandatory sm-not:snap-always sm-not:overflow-x-auto sm-not:overscroll-x-contain grid grid-cols-[auto,1fr] items-start": _ctx.side
+          "sm-not:grid-cols-[repeat(2,100vw)] sm-not:snap-x sm-not:snap-mandatory sm-not:snap-always sm-not:overflow-x-auto sm-not:overscroll-x-contain grid grid-cols-[minmax(var(--w-tabs-side-width,auto),auto),1fr] items-start": _ctx.side
         }])
       }, {
         default: withCtx(() => [
@@ -210,7 +210,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: "buttonContainer",
             class: normalizeClass(["relative", {
               "sm-not:snap-start grid grid-cols-[1fr,auto]": _ctx.side,
-              "no-scrollbar sm-not:-pl--inner-margin sm-not:-mx---inner-margin flex snap-x snap-mandatory snap-always overflow-x-auto overscroll-x-contain pr-[50%]": !_ctx.side
+              "no-scrollbar sm-not:-pl--inner-margin sm-not:-mx---inner-margin flex snap-x snap-mandatory snap-always overflow-x-auto overscroll-x-contain": !_ctx.side,
+              "flex-wrap": !_ctx.side && _ctx.wrap,
+              "pr-[50%]": !_ctx.side && !_ctx.wrap
             }])
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(defaultSlotsAll.value, (slot, index) => {
@@ -237,7 +239,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   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)
                 }, createSlots({ _: 2 }, [
@@ -264,17 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   } : void 0
                 ]), 1032, ["active", "index", "title", "icon", "has-changes", "has-error", "has-value", "first", "last", "disabled", "stepper", "show-has-value", "side", "class", "onClick"])) : (openBlock(), createBlock(resolveDynamicComponent(slot), { key: 1 }))
               ], 64);
-            }), 128)),
-            !_ctx.stepper ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(["absolute rounded-sm duration-500", {
-                "bg-primary dark:bg-primary-dark": currentIsValid.value !== false,
-                "bg-negative dark:bg-negative-dark": currentIsValid.value === false,
-                "transition-[left,width,background-color]": !_ctx.side && indicatorStyle.value !== void 0,
-                "transition-[top,height,background-color]": _ctx.side && indicatorStyle.value !== void 0
-              }]),
-              style: normalizeStyle(indicatorStyle.value)
-            }, null, 6)) : createCommentVNode("", true)
+            }), 128))
           ], 2)) : createCommentVNode("", true),
           defaultSlots.value.some((slot) => slot.children?.default) ? (openBlock(), createElementBlock("div", {
             key: 1,
@@ -299,8 +290,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     title: slot.props.title,
                     active: slot.props.name === current.value,
                     removable: slot.props.removable ?? false,
-                    "onTab:switch": _cache[1] || (_cache[1] = ($event) => !_ctx.noSwitchOnInvalid && unref(switchOnInvalid)($event)),
-                    "onUpdate:height": _cache[2] || (_cache[2] = ($event) => !_ctx.disableMinHeight && updateHeight($event)),
+                    "onTab:switch": _cache[0] || (_cache[0] = ($event) => !_ctx.noSwitchOnInvalid && unref(switchOnInvalid)($event)),
+                    "onUpdate:height": _cache[1] || (_cache[1] = ($event) => !_ctx.disableMinHeight && updateHeight($event)),
                     "onUpdate:active": ($event) => _ctx.$emit("update:current-title", slot.props?.title)
                   }, {
                     default: withCtx(() => [

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

@@ -1,7 +1,7 @@
 import { nextTick } from 'vue';
 type __VLS_Props = {
     name: string;
-    title: string;
+    title: string | undefined;
     active: boolean;
     removable: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TabItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/components/TabItem.vue"],"names":[],"mappings":"AAYA;AA2DA,OAAO,EAAC,QAAQ,EAA+B,MAAM,KAAK,CAAA;AAM1D,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;CACnB,CAAC;AAyCF,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmDyzoB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAnC98oB;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;sBA/FE,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuH8zoB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAf78oB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/components/TabItem.vue"],"names":[],"mappings":"AAYA;AA2DA,OAAO,EAAC,QAAQ,EAA+B,MAAM,KAAK,CAAA;AAM1D,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;CACnB,CAAC;AAyCF,iBAAS,cAAc;WAoDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmDiyoB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAnCt7oB;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;sBA/FE,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuHsyoB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAfr7oB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,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

@@ -1,11 +1,10 @@
-import { CSSProperties } from 'vue';
 type __VLS_Props = {
     active: boolean;
     index: number;
     hasError: boolean;
     hasChanges: boolean;
     hasValue: boolean;
-    title: string;
+    title?: string;
     icon: SVGComponent | undefined;
     first: boolean;
     last: boolean;
@@ -17,16 +16,7 @@ type __VLS_Props = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        title?(_: {
-            hasChanges: boolean;
-            hasError: boolean;
-            hasValue: boolean;
-        }): any;
-        suffix?(_: {
-            hasChanges: boolean;
-            hasError: boolean;
-            hasValue: boolean;
-        }): any;
+        title?(_: {}): any;
         right?(_: {
             hasChanges: boolean;
             hasError: boolean;
@@ -43,7 +33,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     update: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (value: MouseEvent) => any;
-    "update:indicator-style": (value: CSSProperties) => any;
     "update:scroll-position": (value: {
         left: number;
     } | {
@@ -51,7 +40,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((value: MouseEvent) => any) | undefined;
-    "onUpdate:indicator-style"?: ((value: CSSProperties) => any) | undefined;
     "onUpdate:scroll-position"?: ((value: {
         left: number;
     } | {

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":"AAgIA;AAwNA,OAAO,EAAC,KAAK,aAAa,EAA6C,MAAM,KAAK,CAAA;AAMlF,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;IAC9B,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAwEF,iBAAS,cAAc;WA2LT,OAAO,IAA6B;;;;;;YAbtB,GAAG;;;;;YACF,GAAG;;;;;YACJ,GAAG;;;;;;EAgB9B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;cA/QyB,MAAM;;aAAU,MAAM;;;;;;cAAtB,MAAM;;aAAU,MAAM;;;;kBAyRlE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,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":"AAgCA;AAmGA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;IAC9B,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAiDF,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;uBAZvB,GAAG;;;;;YACH,GAAG;;;;;;EAgB7B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cAtIyB,MAAM;;aAAU,MAAM;;;;;cAAtB,MAAM;;aAAU,MAAM;;;;kBAgJlE,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,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

@@ -1,17 +1,6 @@
-import { defineComponent, useTemplateRef, watch, nextTick, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createBlock, unref, createVNode, normalizeProps, mergeProps, createTextVNode, Suspense, withCtx, resolveDynamicComponent, toDisplayString, guardReactiveProps, Transition } from 'vue';
-import IconCheckCircle from '../../../assets/icons/sax/IconCheckCircle.svg.js';
-import IconClose from '../../../assets/icons/sax/IconClose.svg.js';
-import IconNegativeInfo from '../../../assets/icons/sax/IconNegativeInfo.svg.js';
+import { defineComponent, useTemplateRef, watch, nextTick, onMounted, createElementBlock, openBlock, normalizeClass, createVNode, renderSlot, withCtx, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
+import _sfc_main$1 from '../../Button/WButtonTab.vue.js';
 
-const _hoisted_1 = ["disabled"];
-const _hoisted_2 = {
-  key: 0,
-  class: "p-8"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "absolute bottom-0 h-1 w-full rounded-sm bg-current"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabTitleButton",
   props: {
@@ -29,30 +18,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showHasValue: { type: Boolean },
     side: { type: Boolean }
   },
-  emits: ["click", "update:indicator-style", "update:scroll-position"],
+  emits: ["click", "update:scroll-position"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const containerRef = useTemplateRef("container");
-    const updateIndicator = () => {
-      if (!props.active || props.stepper) return;
-      if (!containerRef.value || !containerRef.value.offsetWidth) return;
-      if (props.side) {
-        emit("update:indicator-style", {
-          height: containerRef.value.offsetHeight + "px",
-          top: containerRef.value.offsetTop + "px",
-          left: "0",
-          width: "0.25rem"
-        });
-      } else {
-        emit("update:indicator-style", {
-          width: containerRef.value.offsetWidth + "px",
-          left: containerRef.value.offsetLeft + "px",
-          bottom: "0",
-          height: "0.25rem"
-        });
-      }
-    };
     const updateScrollPosition = () => {
       if (!props.active) return;
       if (!containerRef.value || !containerRef.value.offsetWidth) return;
@@ -63,7 +33,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const update = () => {
-      updateIndicator();
       updateScrollPosition();
     };
     watch(() => props.active, () => {
@@ -88,92 +57,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "grid-cols-[1fr,auto]": !_ctx.side
         }])
       }, [
-        createElementVNode("button", {
+        createVNode(_sfc_main$1, {
+          active: _ctx.active,
           disabled: _ctx.disabled,
-          class: normalizeClass(["w-ripple-trigger grid select-none grid-cols-[auto,1fr] font-semibold outline-none transition-colors duration-500", {
-            "text-primary 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,
-            "text-description": !_ctx.active && !_ctx.hasError && (_ctx.showHasValue ? !_ctx.hasValue : true),
-            "cursor-not-allowed opacity-50": _ctx.disabled,
-            "cursor-pointer": !_ctx.disabled
-          }]),
-          onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.$emit("click", $event))
-        }, [
-          _ctx.stepper ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("div", {
-              class: normalizeClass(["text-default dark:text-default-dark rounded-full bg-[inherit] bg-opacity-100 p-1 outline transition-[outline-width] duration-500", {
-                "bg-negative dark:bg-negative-dark outline-negative/10 dark:outline-negative-dark/10": _ctx.hasError,
-                "bg-positive dark:bg-positive-dark outline-positive/10 dark:outline-positive-dark/10": !_ctx.hasError && _ctx.hasValue,
-                "bg-gray-400 outline-gray-400/10 dark:bg-gray-600 dark:outline-gray-600/10": !_ctx.hasError && !_ctx.hasValue,
-                "outline-[1.5rem]": _ctx.active
-              }])
-            }, [
-              _ctx.hasError ? (openBlock(), createBlock(unref(IconNegativeInfo), {
-                key: 0,
-                class: "size-8"
-              })) : _ctx.hasValue ? (openBlock(), createBlock(unref(IconCheckCircle), {
-                key: 1,
-                class: "size-8"
-              })) : (openBlock(), createBlock(unref(IconClose), {
-                key: 2,
-                class: "size-8"
-              }))
-            ], 2)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass(["relative col-start-2 self-start", {
-              "mt-3": _ctx.stepper,
-              "w-ripple w-ripple-hover": !_ctx.disabled
-            }])
-          }, [
-            _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", normalizeProps(mergeProps({ key: 0 }, { hasChanges: _ctx.hasChanges, hasError: _ctx.hasError, hasValue: _ctx.hasValue }))) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(["flex items-center", {
-                "h-10 justify-center text-center": !_ctx.side,
-                "py-3 text-start": _ctx.side
-              }])
-            }, [
-              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" }, [
-                      createElementVNode("g")
-                    ], -1)
-                  ])),
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-5 -mt-1 inline" }))
-                  ]),
-                  _: 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, {
-              "enter-active-class": "transition-opacity",
-              "leave-active-class": "transition-opacity",
-              "enter-from-class": "opacity-0",
-              "leave-to-class": "opacity-0"
-            }, {
-              default: withCtx(() => [
-                _ctx.hasChanges ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(["square-2 absolute right-0 top-0 rounded-full transition-colors duration-500", {
-                    "bg-info dark:bg-info-dark": !_ctx.hasError,
-                    "bg-negative dark:bg-negative-dark": _ctx.hasError
-                  }])
-                }, null, 2)) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }),
-            _ctx.stepper ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
-          ], 2)
-        ], 10, _hoisted_1),
+          "has-changes": _ctx.hasChanges,
+          "has-error": _ctx.hasError,
+          "has-value": _ctx.showHasValue && _ctx.hasValue,
+          indicator: _ctx.stepper,
+          side: _ctx.side,
+          title: _ctx.title,
+          icon: _ctx.icon,
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+        }, {
+          default: withCtx(() => [
+            _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["active", "disabled", "has-changes", "has-error", "has-value", "indicator", "side", "title", "icon"]),
         renderSlot(_ctx.$slots, "right", normalizeProps(guardReactiveProps({ hasChanges: _ctx.hasChanges, hasError: _ctx.hasError, hasValue: _ctx.hasValue })))
       ], 2);
     };

package/dist/components/Tabs/types.d.ts

@@ -12,6 +12,7 @@ export interface TabsProps {
     stepper?: boolean;
     showHasValue?: boolean;
     noSwitchOnInvalid?: boolean;
+    wrap?: boolean;
 }
 export type TabsItemScopedProps = {
     hasError: boolean;
@@ -19,7 +20,7 @@ export type TabsItemScopedProps = {
     hasValue: boolean;
 };
 export type TabsItemProps = {
-    title: string;
+    title?: string;
     name: string;
     icon?: SVGComponent;
     disabled?: boolean;

package/dist/components/Tabs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAE9B,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,EAAE,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,KAAK,CAAA;AAE9B,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,EAAE,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}

package/dist/imports/componentsPlugin.d.ts

@@ -1,5 +1,6 @@
 import { App } from 'vue';
 import { default as WActionsBar } from '../components/ActionsBar/WActionsBar.vue';
+import { default as WActionsBarFilter } from '../components/ActionsBar/WActionsBarFilter.vue';
 import { default as WBottomSheet } from '../components/BottomSheet/WBottomSheet.vue';
 import { default as WButton } from '../components/Button/WButton.vue';
 import { default as WButtonAction } from '../components/Button/WButtonAction.vue';
@@ -12,6 +13,7 @@ import { default as WButtonMoreItem } from '../components/Button/WButtonMoreItem
 import { default as WButtonSelection } from '../components/Button/WButtonSelection.vue';
 import { default as WButtonSelectionAction } from '../components/Button/WButtonSelectionAction.vue';
 import { default as WButtonSelectionState } from '../components/Button/WButtonSelectionState.vue';
+import { default as WButtonTab } from '../components/Button/WButtonTab.vue';
 import { default as WButtonUnselect } from '../components/Button/WButtonUnselect.vue';
 import { default as WCheckbox } from '../components/Checkbox/WCheckbox.vue';
 import { default as WCheckboxGroup } from '../components/Checkbox/WCheckboxGroup.vue';
@@ -39,6 +41,7 @@ import { default as WFormAsyncSelectSingle } from '../components/FormAsync/WForm
 import { default as WFormAsyncSelectStringified } from '../components/FormAsync/WFormAsyncSelectStringified.vue';
 import { default as WFormAsyncToggle } from '../components/FormAsync/WFormAsyncToggle.vue';
 import { default as WHeaderBar } from '../components/HeaderBar/WHeaderBar.vue';
+import { default as WHeaderBarSearch } from '../components/HeaderBar/WHeaderBarSearch.vue';
 import { default as WImageViewer } from '../components/ImageViewer/WImageViewer.vue';
 import { default as WInfiniteList } from '../components/InfiniteList/WInfiniteList.vue';
 import { default as WInfiniteListScrollingElement } from '../components/InfiniteList/WInfiniteListScrollingElement.vue';
@@ -96,5 +99,5 @@ declare const _default: {
     install: (app: App | any) => void;
 };
 export default _default;
-export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonInput, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WButtonSelectionState, WButtonUnselect, WCheckbox, WCheckboxGroup, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormValidator, WFormAsyncButtonGroup, WFormAsyncCheckboxGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListScrollingElement, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalExport, WModalImport, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WPage, WPageBreadcrumbs, WPageNumerator, WPageTitle, WProgress, WProgressStriped, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WShine, WShineEffect, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WToggleTheme, WTooltip, WTooltipContainer, };
+export { WActionsBar, WActionsBarFilter, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonInput, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WButtonSelectionState, WButtonTab, WButtonUnselect, WCheckbox, WCheckboxGroup, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WEmptyComponent, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormValidator, WFormAsyncButtonGroup, WFormAsyncCheckboxGroup, WFormAsyncInput, WFormAsyncSelect, WFormAsyncSelectInfiniteSingle, WFormAsyncSelectSingle, WFormAsyncSelectStringified, WFormAsyncToggle, WHeaderBar, WHeaderBarSearch, WImageViewer, WInfiniteList, WInfiniteListScrollingElement, WInfiniteListWrapper, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalExport, WModalImport, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WNumberFormatter, WPage, WPageBreadcrumbs, WPageNumerator, WPageTitle, WProgress, WProgressStriped, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSelectStringified, WShine, WShineEffect, WSkeleton, WSpinner, WTabs, WTabsColumns, WTabsItem, WToggle, WToggleTheme, WTooltip, WTooltipContainer, };
 //# sourceMappingURL=componentsPlugin.d.ts.map