eco-vue-js 0.10.35 → 0.10.37

package/dist/components/ActionsBar/WActionsBar.vue.d.ts

@@ -2,6 +2,7 @@ import { Component, VNode } from 'vue';
 type __VLS_Props = {
     filter?: Component;
     bottom?: Component;
+    textFilter?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/ActionsBar/WActionsBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AAsEA;AA2HA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAA6C,MAAM,KAAK,CAAA;AAS1F,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAC;AAwCF,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;cAvH1C,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;cAFhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;;;EA0HvB;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AAsEA;AA4HA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAA6C,MAAM,KAAK,CAAA;AAS1F,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AAwCF,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;cAvH1C,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;cAFhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;;;EA0HvB;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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/ActionsBar/WActionsBar.vue.js

@@ -31,7 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WActionsBar",
   props: {
     filter: {},
-    bottom: {}
+    bottom: {},
+    textFilter: {}
   },
   setup(__props) {
     const props = __props;
@@ -83,13 +84,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _ctx.$slots.top && (hasFilter.value || _ctx.bottom || _ctx.$slots.bottom) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
               hasFilter.value ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 1,
-                title: "Filters",
+                title: _ctx.textFilter ?? "Filters",
                 icon: markRaw(unref(IconFilter)),
                 active: isOpen.value,
                 count: filterCount.value,
                 "semantic-type": unref(SemanticType).PRIMARY,
                 onClick: toggle
-              }, null, 8, ["icon", "active", "count", "semantic-type"])) : createCommentVNode("", true),
+              }, null, 8, ["title", "icon", "active", "count", "semantic-type"])) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "bottom", {}, () => [
                 _ctx.bottom ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.bottom), { key: 0 })) : createCommentVNode("", true)
               ])

package/dist/components/Button/WButtonAction.vue.d.ts

@@ -10,6 +10,7 @@ interface Props extends Partial<LinkProps> {
     disabled?: boolean;
     skeleton?: boolean;
     tooltipText?: string;
+    titleText?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/Button/WButtonAction.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAwDA;AAAA,OAwGO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAU5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAmCD,iBAAS,cAAc;WAiIT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAjMX,MAAM;eAvHE,YAAY;UAmHrB,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;iBAGb,MAAM;6EAsMpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAsEA;AAAA,OAuHO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAU5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAmCD,iBAAS,cAAc;WAqJT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAtNX,MAAM;eAtIE,YAAY;UAkIrB,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;iBAGb,MAAM;6EA2NpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonAction.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, normalizeClass, withDirectives, renderSlot, vShow } from 'vue';
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, normalizeClass, withDirectives, renderSlot, vShow, Fragment, createTextVNode, toDisplayString } from 'vue';
 import { RouterLink } from 'vue-router';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
 import _sfc_main$2 from '../Shine/WShine.vue.js';
@@ -19,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     skeleton: { type: Boolean },
     tooltipText: { default: void 0 },
+    titleText: { type: Boolean },
     to: { default: void 0 }
   },
   emits: ["click"],
@@ -27,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isBackdrop = useIsBackdrop();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled || _ctx.skeleton ? "a" : unref(RouterLink) : _ctx.tag), mergeProps(_ctx.to !== void 0 && !_ctx.disabled && !_ctx.skeleton ? { to: _ctx.to } : void 0, {
-        class: ["w-ripple-trigger group block h-[3.25rem] w-full px-1 py-0.5", {
+        class: ["w-ripple-trigger group grid w-full grid-cols-1 py-1", {
           "cursor-not-allowed opacity-50": _ctx.disabled,
           "cursor-progress": _ctx.skeleton
         }],
@@ -37,10 +38,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
             key: 0,
-            class: "w-skeleton-w-full w-skeleton-h-auto w-skeleton-rounded-full aspect-square"
+            class: "w-skeleton-w-auto w-skeleton-h-auto w-skeleton-rounded-full mx-1 aspect-square"
           })) : (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["relative grid aspect-square w-full select-none items-center justify-center gap-1 rounded-full bg-[200%_auto] [background-position:right]", {
+            class: normalizeClass(["relative mx-1 grid aspect-square select-none items-center justify-center gap-1 rounded-full bg-[200%_auto] [background-position:right]", {
               "w-ripple w-ripple-hover cursor-pointer": !_ctx.disabled && !_ctx.skeleton,
               "text-primary dark:text-primary-dark": _ctx.active && _ctx.semanticType === unref(SemanticType).SECONDARY,
               [unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: true
@@ -64,9 +65,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             !_ctx.disabled && !unref(isBackdrop) ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true)
           ], 2)),
-          _ctx.tooltipText || _ctx.title ? (openBlock(), createBlock(_sfc_main$3, {
+          _ctx.titleText ? (openBlock(), createElementBlock("div", {
             key: 2,
-            text: _ctx.tooltipText ?? _ctx.title,
+            class: normalizeClass(["text-3xs mt-1 text-center", {
+              "self-center": !_ctx.skeleton
+            }])
+          }, [
+            _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ], 64))
+          ], 2)) : createCommentVNode("", true),
+          _ctx.tooltipText || !_ctx.titleText && _ctx.title ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 3,
+            text: _ctx.tooltipText ?? (_ctx.titleText ? void 0 : _ctx.title),
             left: ""
           }, null, 8, ["text"])) : createCommentVNode("", true)
         ]),

package/dist/components/Button/WButtonDropdown.vue.js

@@ -15,8 +15,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     tooltipText: {},
     teleport: { type: Boolean },
-    noZIndex: { type: Boolean },
-    zIndex: {},
     parentElement: {},
     horizontalAlign: { default: HorizontalAlign.LEFT_INNER },
     maxHeight: { default: 200 },

package/dist/components/Button/WButtonMore.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA2DA;AA4GA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAWpD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AAuCF,iBAAS,cAAc;WAoHT,OAAO,IAA6B;;yBAXpB,GAAG;;;;EAgBhC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;gGASnB,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":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA0DA;AA2GA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAWpD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AAuCF,iBAAS,cAAc;WAkHT,OAAO,IAA6B;;yBAXpB,GAAG;;;;EAgBhC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;gGASnB,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/Button/WButtonMore.vue.js

@@ -48,7 +48,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "max-width": 320,
           "horizontal-align": _ctx.anchor ? unref(HorizontalAlign).RIGHT_INNER : unref(HorizontalAlign).LEFT_INNER,
           "update-align": false,
-          "z-index": 1,
           "parent-element": _ctx.anchor,
           teleport: ""
         }, {

package/dist/components/Button/WButtonSelection.vue.js

@@ -7,7 +7,7 @@ import _sfc_main$3 from './WButtonSelectionAction.vue.js';
 import _sfc_main$4 from './WButtonSelectionState.vue.js';
 import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 
-const _hoisted_1 = { class: "sm:left-inner sm:w-inner grid w-full grid-cols-[1fr,auto] pb-3 sm:sticky" };
+const _hoisted_1 = { class: "sm:-left--left-inner sm:-w--width-inner grid w-full grid-cols-[1fr,auto] pb-3 sm:sticky" };
 const _hoisted_2 = { class: "flex" };
 const _hoisted_3 = { class: "text-primary dark:text-primary-dark font-semibold" };
 const _hoisted_4 = { class: "sm-not:text-xs" };

package/dist/components/Dropdown/WDropdown.vue.d.ts

@@ -1,16 +1,11 @@
-import { DropdownProps } from './types';
+import { DropdownDefaultSlotScope, DropdownProps } from './types';
+import { VNode } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            left: string;
-            right: string;
-            top: string;
-            bottom: string;
-            isTop: boolean;
-            isLeft: boolean;
-            isRight: boolean;
-        }): any;
+    slots: Readonly<{
+        default: (props: DropdownDefaultSlotScope) => VNode[];
+    }> & {
+        default: (props: DropdownDefaultSlotScope) => VNode[];
     };
     refs: {
         dropdown: HTMLDivElement;

package/dist/components/Dropdown/WDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAqBA;AA8IA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AA8H1C,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;;;;;;;;;YAXrB,GAAG;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,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":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAqBA;AAkJA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAgItH,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;iBArDvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EA0DtD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,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/Dropdown/WDropdown.vue.js

@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       if (!isClientSide || !dropdownRef.value) return;
       domListenerContainer = new DOMListenerContainer(
-        [document, window, ...getAllScrollParents(dropdownRef.value)],
+        [document, window, ...getAllScrollParents(props.parentElement)],
         ["scroll", "touchmove", "resize"],
         () => {
           if (requestAnimationFrameId) window.cancelAnimationFrame(requestAnimationFrameId);

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

@@ -7,4 +7,13 @@ export interface DropdownProps {
     updateAlign?: boolean;
     emitUpdate?: boolean;
 }
+export type DropdownDefaultSlotScope = {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+    isTop: boolean;
+    isLeft: boolean;
+    isRight: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts

@@ -1,19 +1,17 @@
 import { DropdownMenuProps } from './types';
+import { DropdownDefaultSlotScope } from '../Dropdown/types';
+import { VNode } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        content?(_: {
-            left: string;
-            right: string;
-            top: string;
-            bottom: string;
-            isTop: boolean;
-            isLeft: boolean;
-            isRight: boolean;
-        }): any;
+    slots: Readonly<{
+        toggle?: () => VNode[];
+        content?: (props: DropdownDefaultSlotScope) => VNode[];
+    }> & {
+        toggle?: () => VNode[];
+        content?: (props: DropdownDefaultSlotScope) => VNode[];
     };
     refs: {
-        container: any;
+        container: unknown;
         dropdown: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -73,16 +71,10 @@ declare function __VLS_template(): {
         }>, "update"> & import('vue').ShallowUnwrapRef<{
             update: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {
-                    left: string;
-                    right: string;
-                    top: string;
-                    bottom: string;
-                    isTop: boolean;
-                    isLeft: boolean;
-                    isRight: boolean;
-                }): any;
+            $slots: Readonly<{
+                default: (props: DropdownDefaultSlotScope) => VNode[];
+            }> & {
+                default: (props: DropdownDefaultSlotScope) => VNode[];
             };
         }) | null;
     };
@@ -96,7 +88,7 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
 }, string, import('vue').PublicProps, Readonly<DropdownMenuProps> & Readonly<{
     "onUpdate:rect"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    container: any;
+    container: unknown;
     dropdown: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -156,16 +148,10 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
     }>, "update"> & import('vue').ShallowUnwrapRef<{
         update: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {
-                left: string;
-                right: string;
-                top: string;
-                bottom: string;
-                isTop: boolean;
-                isLeft: boolean;
-                isRight: boolean;
-            }): any;
+        $slots: Readonly<{
+            default: (props: DropdownDefaultSlotScope) => VNode[];
+        }> & {
+            default: (props: DropdownDefaultSlotScope) => VNode[];
         };
     }) | null;
 }, any>;

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAoCA;AAAA,OA+DO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAgC9C,iBAAS,cAAc;WAuGT,OAAO,IAA6B;;;;;;;;;;YAbpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsDujkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EApC7skB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBmkkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OAf5skB,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":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAgCA;AAqEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAC,KAAK,KAAK,EAAmC,MAAM,KAAK,CAAA;AAuChE,iBAAS,cAAc;WA2FT,OAAO,IAA6B;;iBA5GvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqJswjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EArCn7jB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwByyjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAfl7jB,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/DropdownMenu/WDropdownMenu.vue.js

@@ -1,13 +1,12 @@
-import { defineComponent, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, mergeProps, Teleport, createCommentVNode, normalizeStyle, normalizeClass, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, inject, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, mergeProps, Teleport, createCommentVNode, normalizeStyle, unref, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
+import { wBaseZInfex } from '../Modal/models/injection.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdownMenu",
   props: {
     isOpen: { type: Boolean },
     teleport: { type: Boolean },
-    noZIndex: { type: Boolean },
-    zIndex: {},
     parentElement: {},
     maxHeight: {},
     maxWidth: {},
@@ -17,6 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:rect"],
   setup(__props, { expose: __expose }) {
+    const baseZInfex = inject(wBaseZInfex, 0);
     const containerRef = useTemplateRef("container");
     const dropdownRef = useTemplateRef("dropdown");
     const element = computed(() => containerRef.value instanceof HTMLElement ? containerRef.value : containerRef.value?.$el);
@@ -41,18 +41,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "max-height": _ctx.maxHeight,
             "max-width": _ctx.maxWidth,
             "emit-update": _ctx.emitUpdate,
-            class: normalizeClass({
-              "z-[2]": !_ctx.teleport && !_ctx.noZIndex,
-              "z-30": _ctx.teleport && !_ctx.noZIndex
-            }),
-            style: normalizeStyle({ zIndex: _ctx.zIndex }),
+            style: normalizeStyle({ zIndex: _ctx.teleport ? unref(baseZInfex) + 2 : 2 }),
             "onUpdate:rect": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:rect"))
           }, {
             default: withCtx((defaultScope) => [
               renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps(defaultScope)))
             ]),
             _: 3
-          }, 8, ["parent-element", "horizontal-align", "update-align", "max-height", "max-width", "emit-update", "class", "style"])) : createCommentVNode("", true)
+          }, 8, ["parent-element", "horizontal-align", "update-align", "max-height", "max-width", "emit-update", "style"])) : createCommentVNode("", true)
         ], 8, ["disabled"]))
       ], 64);
     };

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

@@ -2,8 +2,6 @@ import { DropdownProps } from '../Dropdown/types';
 export interface DropdownMenuProps extends Omit<DropdownProps, 'parentElement'> {
     isOpen: boolean;
     teleport?: boolean;
-    noZIndex?: boolean;
-    zIndex?: number;
     parentElement?: DropdownProps['parentElement'];
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C"}

package/dist/components/Form/WForm.vue.d.ts

@@ -19,6 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     hasChangesMap: import('vue').Ref<Record<string, boolean>, Record<string, boolean>>;
     hasValue: import('vue').Ref<boolean | null, boolean | null>;
     hasValueMap: import('vue').Ref<Record<string, boolean | null>, Record<string, boolean | null>>;
+    hasShown: import('vue').Ref<boolean, boolean>;
+    hasShownMap: import('vue').Ref<Record<string, boolean>, Record<string, boolean>>;
     validate: import('vue').Ref<(silent?: boolean, path?: ValidatePath) => string | undefined, (silent?: boolean, path?: ValidatePath) => string | undefined>;
     validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: ValidatePath) => string | undefined>>;
     invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
@@ -31,10 +33,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     "update:is-valid": (value: boolean | undefined) => any;
     "update:has-changes": (value: boolean) => any;
     "update:has-value": (value: boolean | null) => any;
+    "update:has-shown": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
     "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
     "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+    "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"WForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WForm.vue"],"names":[],"mappings":"AAKA;AAkKA,OAAO,EAAC,KAAK,YAAY,EAAiB,MAAM,gBAAgB,CAAA;AAGhE,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AA2JF,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;kFASnB,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":"WForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WForm.vue"],"names":[],"mappings":"AAKA;AA8KA,OAAO,EAAC,KAAK,YAAY,EAAiB,MAAM,gBAAgB,CAAA;AAGhE,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AAyKF,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;kFASnB,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/Form/WForm.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, toRef, computed, provide, inject, watch, onBeforeUnmount, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../EmptyComponent/WEmptyComponent.vue.js';
-import { wFormTitleUpdater, wFormUnlistener, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormInitModelUpdater, wFormInvalidateUpdater, wFormValidateUpdater } from './models/injection.js';
+import { wFormTitleUpdater, wFormUnlistener, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormHasShownUpdater, wFormInitModelUpdater, wFormInvalidateUpdater, wFormValidateUpdater } from './models/injection.js';
 import { compileMessage } from './models/utils.js';
 import { useFormValueMap } from './use/useFormValueMap.js';
 
@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     noTag: { type: Boolean }
   },
-  emits: ["update:is-valid", "update:has-changes", "update:has-value"],
+  emits: ["update:is-valid", "update:has-changes", "update:has-value", "update:has-shown"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -40,6 +40,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return items.length !== 0 && items.every((value) => value);
       })
     );
+    const hasShownMap = useFormValueMap(
+      wFormHasShownUpdater,
+      name,
+      (map) => computed(() => Object.values(map.value).some((value) => value))
+    );
     const validateMap = useFormValueMap(
       wFormValidateUpdater,
       name,
@@ -81,6 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       errorMessageMap.unlistener(key);
       hasChangesMap.unlistener(key);
       hasValueMap.unlistener(key);
+      hasShownMap.unlistener(key);
       validateMap.unlistener(key);
       invalidateMap.unlistener(key);
       initModelMap.unlistener(key);
@@ -90,6 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(errorMessageMap.map, () => emit("update:is-valid", isValid.value));
     watch(hasChangesMap.value, (value) => emit("update:has-changes", value));
     watch(hasValueMap.value, (value) => emit("update:has-value", value));
+    watch(hasShownMap.value, (value) => emit("update:has-shown", value));
     onBeforeUnmount(() => {
       if (props.name) {
         unlistenerInjected?.(props.name);
@@ -102,6 +109,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       hasChangesMap: hasChangesMap.map,
       hasValue: hasValueMap.value,
       hasValueMap: hasValueMap.map,
+      hasShown: hasShownMap.value,
+      hasShownMap: hasShownMap.map,
       validate: validateMap.value,
       validateMap: validateMap.map,
       invalidate: invalidateMap.value,

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

@@ -29,11 +29,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     "update:is-valid": (value: boolean) => any;
     "update:has-changes": (value: boolean) => any;
     "update:has-value": (value: boolean | null) => any;
+    "update:has-shown": (value: boolean) => any;
     invalidate: (value: Record<string, string | string[] | undefined>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:is-valid"?: ((value: boolean) => any) | undefined;
     "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
     "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+    "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
     onInvalidate?: ((value: Record<string, string | string[] | undefined>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     component: unknown;

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":"AAYA;AAsTA,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAUtH,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiSF,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;iBAxDvC,MAAM,KAAK,EAAE;;iBAAb,MAAM,KAAK,EAAE;;;;;;EA6DvB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wBA9FC,MAAM;qBA5EN,IAAI;;;;;;;;;;;;;OAoLxB,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":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAaA;AA2TA,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAUtH,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuSF,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;iBA9DvC,MAAM,KAAK,EAAE;;iBAAb,MAAM,KAAK,EAAE;;;;;;EAmEvB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wBAvGC,MAAM;qBA7EN,IAAI;;;;;;;;;;;;;;;OA8LxB,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/Form/WFormValidator.vue.js

@@ -3,7 +3,7 @@ import { useIsInsideTab } from '../Tabs/use/useIsInsideTab.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 import { debounce } from '../../utils/utils.js';
 import { validateRequired } from '../../utils/validate.js';
-import { wFormTitleUpdater, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormValidateUpdater, wFormInvalidateUpdater, wFormInitModelUpdater, wFormUnlistener } from './models/injection.js';
+import { wFormTitleUpdater, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormHasShownUpdater, wFormValidateUpdater, wFormInvalidateUpdater, wFormInitModelUpdater, wFormUnlistener } from './models/injection.js';
 import { scrollToValidator } from './models/utils.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noChanges: { type: Boolean },
     hasValue: { type: Boolean }
   },
-  emits: ["update:has-changes", "update:has-value", "update:is-valid", "invalidate"],
+  emits: ["update:has-changes", "update:has-value", "update:has-shown", "update:is-valid", "invalidate"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -25,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const errorMessageUpdater = inject(wFormErrorMessageUpdater, void 0);
     const hasChangesUpdater = inject(wFormHasChangesUpdater, void 0);
     const hasValueUpdater = inject(wFormHasValueUpdater, void 0);
+    const hasShownUpdater = inject(wFormHasShownUpdater, void 0);
     const validateUpdater = inject(wFormValidateUpdater, void 0);
     const invalidateUpdater = inject(wFormInvalidateUpdater, void 0);
     const initModelUpdater = inject(wFormInitModelUpdater, void 0);
@@ -45,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return void 0;
     });
     const initModelValue = ref();
+    const isErrorShown = ref(false);
     const required = computed(() => componentSlot.value?.props?.required !== void 0 ? componentSlot.value?.props?.required !== false : void 0);
     const mandatory = computed(() => componentSlot.value?.props?.mandatory !== void 0 ? componentSlot.value?.props?.mandatory !== false : void 0);
     const skeleton = computed(() => componentSlot.value?.props?.skeleton !== void 0 ? componentSlot.value?.props?.skeleton !== false : void 0);
@@ -64,7 +66,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     });
-    const hasBeenValidated = ref(false);
     const hasValueExact = computed(() => {
       if (props.hasValue) return true;
       if (!required.value && !mandatory.value) return null;
@@ -118,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const validateOnUpdate = (value) => {
       const message = _validate(value);
       errorMessage.value = message;
-      hasBeenValidated.value = true;
+      if (!message) isErrorShown.value = false;
       return message;
     };
     const _validateOnUpdate = (value) => {
@@ -138,9 +139,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const doValidate = (silent, path) => {
       if (props.name && path && !path[props.name]) return;
       const message = _validate(modelValue.value);
+      errorMessage.value = message;
       if (!silent) {
-        errorMessage.value = message;
-        hasBeenValidated.value = true;
+        isErrorShown.value = true;
         if (!isInsideTab) scrollTo();
       }
       return message;
@@ -153,41 +154,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       else if (message instanceof Array) errorMessage.value = message.join(", ");
     };
     const initModel = () => {
+      isErrorShown.value = false;
       initModelValue.value = modelValue.value;
+      validateOnUpdate(modelValue.value);
     };
     const scrollTo = () => {
       if (!errorMessage.value) return;
-      const element = componentRef.value.$el;
+      const element = componentRef.value?.$el;
       if (element instanceof HTMLDivElement) scrollToValidator(element);
     };
     const scrollToDebounced = debounce(scrollTo, 300);
     useTabActiveListener(scrollToDebounced);
     watch(errorMessage, (value) => {
       if (value === null) return;
-      if (props.name) {
-        errorMessageUpdater?.(props.name, value);
-      }
+      if (props.name) errorMessageUpdater?.(props.name, value);
       emit("update:is-valid", !value);
     });
     watch(hasChanges, (value) => {
-      if (props.name) {
-        hasChangesUpdater?.(props.name, value);
-      }
+      if (props.name) hasChangesUpdater?.(props.name, value);
       emit("update:has-changes", value);
     });
     watch(_hasValue, (value) => {
-      if (props.name) {
-        hasValueUpdater?.(props.name, value);
-      }
+      if (props.name) hasValueUpdater?.(props.name, value);
       emit("update:has-value", value);
     }, { immediate: true });
+    watch(isErrorShown, (value) => {
+      if (props.name) hasShownUpdater?.(props.name, value);
+      emit("update:has-shown", value);
+    });
     watch(title, (value) => {
-      if (props.name) {
-        titleUpdater?.(props.name, value);
-      }
+      if (props.name) titleUpdater?.(props.name, value);
     }, { immediate: true });
     watch(required, () => {
-      if (hasBeenValidated.value) doValidate();
+      doValidate();
     });
     watch(skeleton, (value) => {
       if (!value) initModel();
@@ -201,12 +200,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     onBeforeUnmount(() => {
-      if (props.name) {
-        unlistener?.(props.name);
-      }
+      if (props.name) unlistener?.(props.name);
     });
     __expose({
       validateOnUpdate() {
+        isErrorShown.value = true;
         return validateOnUpdate(modelValue.value);
       },
       invalidate(message) {
@@ -217,12 +215,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(componentSlot.value), {
         ref: "component",
-        "error-message": errorMessage.value,
+        "error-message": isErrorShown.value ? errorMessage.value : void 0,
         "has-changes": _ctx.noChanges ? void 0 : hasChanges.value,
         "onUpdate:modelValue": _validateOnUpdate,
         onSelect: _validateOnSelect,
         onUnselect: _validateOnUnselect,
-        onInitModel: initModel
+        onInitModel: initModel,
+        onBlur: _cache[0] || (_cache[0] = ($event) => isErrorShown.value = true)
       }, null, 40, ["error-message", "has-changes"]);
     };
   }

package/dist/components/Form/models/injection.d.ts

@@ -4,6 +4,7 @@ export declare const wFormTitleUpdater: InjectionKey<(key: string, value: string
 export declare const wFormErrorMessageUpdater: InjectionKey<(key: string, value: string | undefined) => void>;
 export declare const wFormHasChangesUpdater: InjectionKey<(key: string, value: boolean) => void>;
 export declare const wFormHasValueUpdater: InjectionKey<(key: string, value: boolean | null) => void>;
+export declare const wFormHasShownUpdater: InjectionKey<(key: string, value: boolean) => void>;
 export declare const wFormValidateUpdater: InjectionKey<(key: string, value: (silent?: boolean, path?: ValidatePath) => string | undefined) => void>;
 export declare const wFormInvalidateUpdater: InjectionKey<(key: string, value: (messages: Record<string, string | string[] | undefined>) => void) => void>;
 export declare const wFormInitModelUpdater: InjectionKey<(key: string, value: () => void) => void>;