eco-vue-js 0.10.35 → 0.10.37

package/dist/components/InfiniteList/use/useInfiniteListHeader.js

@@ -1,13 +1,15 @@
-import { ref, onMounted, onBeforeUnmount } from 'vue';
+import { ref, inject, onMounted, onBeforeUnmount } from 'vue';
 import { isClientSide } from '../../../utils/utils.js';
+import { wScrollingElement } from '../models/injection.js';
 
-const useInfiniteListHeader = (headerElementHeight, scrollingElement = document.scrollingElement, initIsIntersecting = true) => {
+const useInfiniteListHeader = (headerElementHeight, initIsIntersecting = true) => {
   const indicator = ref();
   const header = ref();
   const headerHeight = ref(0);
   const headerTop = ref(0);
   const isIntersecting = ref(initIsIntersecting);
   let observer = null;
+  const scrollingElement = inject(wScrollingElement, null);
   const observerCb = (entries) => {
     isIntersecting.value = entries.some((entry) => {
       if (entry.target === indicator.value) {
@@ -19,7 +21,7 @@ const useInfiniteListHeader = (headerElementHeight, scrollingElement = document.
     if (!header.value) return;
     const rect = header.value.getBoundingClientRect();
     headerHeight.value = rect.height;
-    headerTop.value = rect.top + (scrollingElement?.scrollTop ?? 0) - headerElementHeight.value;
+    headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - headerElementHeight.value;
   };
   onMounted(() => {
     if (!isClientSide) return;

package/dist/components/Input/WInput.vue.js

@@ -221,7 +221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: "field",
           fn: withCtx(({ id, setFocused, focused }) => [
             createElementVNode("div", {
-              class: normalizeClass(["relative grid min-h-[--w-input-height,2.75rem] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid transition-colors duration-75", {
+              class: normalizeClass(["relative grid min-h-[--w-input-min-height,var(--w-input-height,2.75rem)] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid transition-colors duration-75", {
                 "focus-within:border-primary dark:focus-within:border-primary-dark focus-within:outline-primary/20 dark:focus-within:outline-primary-dark/20 focus-within:outline focus-within:outline-2": !_ctx.disabled && !_ctx.readonly && !_ctx.unclickable,
                 "cursor-text": !_ctx.disabled,
                 "border-negative dark:border-negative-dark": _ctx.errorMessage,

package/dist/components/Input/WInputDate.vue.js

@@ -58,8 +58,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
     teleport: { type: Boolean },
-    noZIndex: { type: Boolean },
-    zIndex: {},
     parentElement: {},
     maxHeight: { default: 440 },
     maxWidth: { default: 480 },

package/dist/components/Input/WInputOptions.vue.js

@@ -63,8 +63,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
     teleport: { type: Boolean },
-    noZIndex: { type: Boolean },
-    zIndex: {},
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

package/dist/components/Input/WInputSuggest.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA+GA;AA6MA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAW5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwXO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBA3SD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAnEvD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EAqWlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnYzE,wBAmY4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AA6GA;AA2MA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAY5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+XO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAnTD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAlEvD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EA4WlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1YzE,wBA0Y4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInputSuggest.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent, ref, useTemplateRef, computed, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, createVNode, createSlots, renderSlot } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, createSlots, renderSlot } from 'vue';
 import _sfc_main$1 from '../BottomSheet/WBottomSheet.vue.js';
 import _sfc_main$2 from '../DropdownMenu/WDropdownMenu.vue.js';
-import _sfc_main$3 from './WInput.vue.js';
+import _sfc_main$3 from '../InfiniteList/WInfiniteListScrollingElement.vue.js';
+import _sfc_main$4 from './WInput.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { useIsMobile } from '../../utils/mobile.js';
@@ -58,8 +59,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
     teleport: { type: Boolean },
-    noZIndex: { type: Boolean },
-    zIndex: {},
     parentElement: {},
     maxHeight: { default: 320 },
     maxWidth: { default: 600 },
@@ -72,7 +71,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isOpen = ref(false);
     const dropdownMenuRef = useTemplateRef("dropdownMenu");
     const inputRef = useTemplateRef("input");
-    const contentRef = useTemplateRef("content");
     const { isMobile } = useIsMobile();
     const isDisabled = computed(() => props.readonly || props.disabled);
     const open = () => {
@@ -111,11 +109,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         horizontalAlign: _ctx.horizontalAlign,
         updateAlign: true,
         teleport: _ctx.teleport,
-        noZIndex: _ctx.noZIndex,
         parentElement: unref(inputRef)?.fieldRef
       }), {
         toggle: withCtx((toggleScope) => [
-          createVNode(_sfc_main$3, mergeProps({ ref: "input" }, {
+          createVNode(_sfc_main$4, mergeProps({ ref: "input" }, {
             ...props,
             ..._ctx.$attrs,
             title: toggleScope?.unclickable ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
@@ -181,22 +178,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]), 1040, ["class", "onFocus", "onBlur", "onClick", "onClick:suffix"])
         ]),
         content: withCtx((contentScope) => [
-          createElementVNode("div", {
-            ref: "content",
+          createVNode(_sfc_main$3, {
+            parent: unref(isMobile),
             class: normalizeClass(["bg-default dark:bg-default-dark w-full", {
               "pb-[50vh]": unref(isMobile),
               "overflow-y-overlay max-h-[inherit] overflow-x-hidden overscroll-contain rounded-xl shadow-md dark:border dark:border-solid dark:border-gray-800": !unref(isMobile),
               "mt-5": "istop" in contentScope && contentScope.istop === false && (_ctx.errorMessage || _ctx.maxLength)
             }])
-          }, [
-            _ctx.$slots.content ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content(), (slot, index) => {
-              return openBlock(), createBlock(resolveDynamicComponent(slot), {
-                key: index,
-                "scrolling-element": unref(isMobile) ? unref(contentRef)?.parentElement : unref(contentRef),
-                onClose: close
-              }, null, 40, ["scrolling-element"]);
-            }), 128)) : createCommentVNode("", true)
-          ], 2)
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots.content ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content(), (slot, index) => {
+                return openBlock(), createBlock(resolveDynamicComponent(slot), {
+                  key: index,
+                  onClose: close
+                }, null, 32);
+              }), 128)) : createCommentVNode("", true)
+            ]),
+            _: 2
+          }, 1032, ["parent", "class"])
         ]),
         _: 3
       }, 16);

package/dist/components/List/WListCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAwMA;AAkRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WAoYT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA7EzB,GAAG,8CACgC,GAAG,yBACpC,GACX,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA6FtC;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA5HX,GAAG,8CACgC,GAAG,yBACpC,GACX,6DAAmC,GAAG;;;;;;;;;;;;;;;;OAiIrC,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":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAwMA;AAkRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WAoYT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA1ET,GAAG,8CAC7B,GAAE,yBAAyB,GAC1B,6DACoB,GAAG;;;;;;;;;;;;;;;;;;EA0FvB;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAzHK,GAAG,8CAC7B,GAAE,yBAAyB,GAC1B,6DACoB,GAAG;;;;;;;;;;;;;;;;OA8HtB,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/List/WListCard.vue.js

@@ -92,11 +92,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }),
           !_ctx.card ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["left-inner bg-default dark:bg-default-dark @not-lg:hidden sticky z-[1]", {
+            class: normalizeClass(["-left--left-inner bg-default dark:bg-default-dark @not-lg:hidden sticky z-[1]", {
               "width-[--w-list-header-rounded,1rem]": !_ctx.allowSelect
             }])
           }, [
-            _cache[5] || (_cache[5] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute right-full top-0 z-[-1] h-full w-[calc(var(--nav-bar-width)+var(--inner-margin))]" }, null, -1)),
+            _cache[5] || (_cache[5] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--left-inner absolute right-full top-0 z-[-1] h-full" }, null, -1)),
             createElementVNode("div", {
               class: normalizeClass(["h-full rounded-l-[--w-list-rounded,unset]", {
                 "border border-r-0": _ctx.hasBorder,
@@ -176,12 +176,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16, ["class"])),
           !_ctx.card ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["right-inner bg-default dark:bg-default-dark sticky z-[1]", {
+            class: normalizeClass(["-right--right-inner bg-default dark:bg-default-dark sticky z-[1]", {
               "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": _ctx.$slots.more,
               "width-[--w-list-header-rounded,1rem]": !_ctx.$slots.more
             }])
           }, [
-            _cache[6] || (_cache[6] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute left-full top-0 z-[-1] h-full w-[calc(var(--actions-bar-width)+var(--inner-margin))]" }, null, -1)),
+            _cache[6] || (_cache[6] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--right-inner absolute left-full top-0 z-[-1] h-full" }, null, -1)),
             createElementVNode("div", {
               class: normalizeClass(["h-full rounded-r-[--w-list-rounded,unset]", {
                 "rounded-tr-[--w-list-rounded,unset] border border-l-0": _ctx.hasBorder,
@@ -221,7 +221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.$slots.expansion ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           isOpen.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["sm:w-inner sm:left-inner col-span-full sm:sticky", {
+            class: normalizeClass(["sm:-w--width-inner sm:-left--left-inner col-span-full sm:sticky", {
               "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
               "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
               "mt-[calc(var(--w-list-gap,1rem)*-1)] border border-t-0 px-5": !_ctx.card && _ctx.hasBorder,

package/dist/components/List/WListHeader.vue.js

@@ -2,9 +2,9 @@ import { defineComponent, onMounted, onUnmounted, createElementBlock, openBlock,
 import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
 
 const _hoisted_1 = { class: "flex h-[--w-list-header-height,3rem]" };
-const _hoisted_2 = { class: "left-inner bg-default dark:bg-default-dark sticky z-[1]" };
+const _hoisted_2 = { class: "-left--left-inner bg-default dark:bg-default-dark sticky z-[1]" };
 const _hoisted_3 = { class: "bg-primary-light dark:bg-primary-darkest flex flex-1 border-y border-solid border-gray-300 dark:border-gray-700" };
-const _hoisted_4 = { class: "right-inner bg-default dark:bg-default-dark sticky z-[1]" };
+const _hoisted_4 = { class: "-right--right-inner bg-default dark:bg-default-dark sticky z-[1]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WListHeader",
   props: {
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          _cache[1] || (_cache[1] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute right-full top-0 z-[-1] h-full w-[calc(var(--nav-bar-width)+var(--inner-margin))]" }, null, -1)),
+          _cache[1] || (_cache[1] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--left-inner absolute right-full top-0 z-[-1] h-full" }, null, -1)),
           createElementVNode("div", {
             class: normalizeClass(["bg-primary-light dark:bg-primary-darkest h-full rounded-l-[--w-list-header-rounded,1rem] border-y border-l border-solid border-gray-300 dark:border-gray-700", {
               "width-[--w-list-header-rounded,1rem]": !_ctx.allowSelect
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         createElementVNode("div", _hoisted_4, [
-          _cache[2] || (_cache[2] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute left-full top-0 z-[-1] h-full w-[calc(var(--actions-bar-width)+var(--inner-margin))]" }, null, -1)),
+          _cache[2] || (_cache[2] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--right-inner absolute left-full top-0 z-[-1] h-full" }, null, -1)),
           createElementVNode("div", {
             class: normalizeClass(["bg-primary-light dark:bg-primary-darkest h-full rounded-r-[--w-list-header-rounded,0.75rem] border-y border-r border-solid border-gray-300 dark:border-gray-700", {
               "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": !_ctx.hideMore,

package/dist/components/MenuItem/WMenuItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WMenuItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuItem/WMenuItem.vue"],"names":[],"mappings":"AAqBA;AAwCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAYD,iBAAS,cAAc;WA0DT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,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":"WMenuItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuItem/WMenuItem.vue"],"names":[],"mappings":"AAsBA;AAyCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAI5C,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAYD,iBAAS,cAAc;WA2DT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,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/MenuItem/WMenuItem.vue.js

@@ -22,9 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }), {
         default: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass({
-              "w-ripple w-ripple-hover relative flex w-full gap-4 rounded-lg px-2 py-1": !_ctx.disabled
-            })
+            class: normalizeClass(["relative flex w-full gap-4 rounded-lg px-2 py-1", {
+              "w-ripple w-ripple-hover": !_ctx.disabled
+            }])
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 2)

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

@@ -1 +1 @@
-{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;AA8XA,wBAMG"}
+{"version":3,"file":"WModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModal.vue"],"names":[],"mappings":"AAyCA;;AA0YA,wBAMG"}

package/dist/components/Modal/WModal.vue.js

@@ -1,13 +1,17 @@
-import { defineComponent, ref, reactive, watch, onBeforeMount, onBeforeUnmount, createElementBlock, openBlock, createVNode, Transition, withCtx, createCommentVNode, unref, normalizeStyle, TransitionGroup, Fragment, renderList, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, mergeProps } from 'vue';
+import { defineComponent, provide, ref, reactive, watch, onBeforeMount, onBeforeUnmount, createElementBlock, openBlock, createVNode, Transition, withCtx, createCommentVNode, unref, normalizeStyle, TransitionGroup, Fragment, renderList, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, mergeProps } from 'vue';
 import { Modal, initModal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import _sfc_main$1 from './components/ModalCloseButton.vue.js';
+import { wBaseZInfex, wIsModal } from './models/injection.js';
 import { useIsBackdrop } from './use/useIsBackdrop.js';
 
 const _hoisted_1 = { class: "z-[1000]" };
+const MODAL_Z_INDEX = 1e3;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WModal",
   setup(__props) {
+    provide(wBaseZInfex, MODAL_Z_INDEX);
+    provide(wIsModal, true);
     const key = ref(0);
     const modalMetaList = ref([]);
     const isBackdrop = useIsBackdrop();

package/dist/components/Modal/WModalImport.vue.js

@@ -27,9 +27,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const abortList = ref([]);
     const progress = computed(() => {
       if (props.items.length === 0) return 0;
-      return itemIndex.value / props.items.length;
+      return 100 * itemIndex.value / props.items.length;
     });
-    const isDone = computed(() => progress.value === 1);
+    const isDone = computed(() => progress.value === 100);
     const abortUpload = () => {
       if (!isDone.value) {
         const length = abortList.value.length;

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

@@ -51,6 +51,7 @@ declare function __VLS_template(): {
                         readonly "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
                         readonly "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
                         readonly "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+                        readonly "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
                     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                     $attrs: {
                         [x: string]: unknown;
@@ -64,7 +65,7 @@ declare function __VLS_template(): {
                     $root: import('vue').ComponentPublicInstance | null;
                     $parent: import('vue').ComponentPublicInstance | null;
                     $host: Element | null;
-                    $emit: ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-changes", value: boolean) => void) & ((event: "update:has-value", value: boolean | null) => void);
+                    $emit: ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-changes", value: boolean) => void) & ((event: "update:has-value", value: boolean | null) => void) & ((event: "update:has-shown", value: boolean) => void);
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<{
                         name?: string;
@@ -74,12 +75,15 @@ declare function __VLS_template(): {
                         "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;
                     }>, {
                         isValid: import('vue').ComputedRef<boolean>;
                         hasChanges: import('vue').Ref<boolean, boolean>;
                         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?: import('../Form/models/utils').ValidatePath) => string | undefined, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>;
                         validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>>;
                         invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
@@ -92,6 +96,7 @@ declare function __VLS_template(): {
                         "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, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
                         created?: (() => void) | (() => void)[];
@@ -120,12 +125,15 @@ declare function __VLS_template(): {
                     "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
                     "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
                     "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
-                }>, "errorMessage" | "hasChanges" | "isValid" | "hasChangesMap" | "hasValue" | "hasValueMap" | "validate" | "validateMap" | "invalidate" | "invalidateMap" | "initModel" | "initModelMap" | "errorMessageMap"> & import('vue').ShallowUnwrapRef<{
+                    "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
+                }>, "errorMessage" | "hasChanges" | "isValid" | "hasChangesMap" | "hasValue" | "hasValueMap" | "hasShown" | "hasShownMap" | "validate" | "validateMap" | "invalidate" | "invalidateMap" | "initModel" | "initModelMap" | "errorMessageMap"> & import('vue').ShallowUnwrapRef<{
                     isValid: import('vue').ComputedRef<boolean>;
                     hasChanges: import('vue').Ref<boolean, boolean>;
                     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?: import('../Form/models/utils').ValidatePath) => string | undefined, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>;
                     validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>>;
                     invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
@@ -308,6 +316,7 @@ declare function __VLS_template(): {
                                 readonly "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
                                 readonly "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
                                 readonly "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+                                readonly "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
                             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                             $attrs: {
                                 [x: string]: unknown;
@@ -321,7 +330,7 @@ declare function __VLS_template(): {
                             $root: import('vue').ComponentPublicInstance | null;
                             $parent: import('vue').ComponentPublicInstance | null;
                             $host: Element | null;
-                            $emit: ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-changes", value: boolean) => void) & ((event: "update:has-value", value: boolean | null) => void);
+                            $emit: ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-changes", value: boolean) => void) & ((event: "update:has-value", value: boolean | null) => void) & ((event: "update:has-shown", value: boolean) => void);
                             $el: any;
                             $options: import('vue').ComponentOptionsBase<Readonly<{
                                 name?: string;
@@ -331,12 +340,15 @@ declare function __VLS_template(): {
                                 "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;
                             }>, {
                                 isValid: import('vue').ComputedRef<boolean>;
                                 hasChanges: import('vue').Ref<boolean, boolean>;
                                 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?: import('../Form/models/utils').ValidatePath) => string | undefined, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>;
                                 validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>>;
                                 invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
@@ -349,6 +361,7 @@ declare function __VLS_template(): {
                                 "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, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                                 beforeCreate?: (() => void) | (() => void)[];
                                 created?: (() => void) | (() => void)[];
@@ -377,12 +390,15 @@ declare function __VLS_template(): {
                             "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
                             "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
                             "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
-                        }>, "errorMessage" | "hasChanges" | "isValid" | "hasChangesMap" | "hasValue" | "hasValueMap" | "validate" | "validateMap" | "invalidate" | "invalidateMap" | "initModel" | "initModelMap" | "errorMessageMap"> & import('vue').ShallowUnwrapRef<{
+                            "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
+                        }>, "errorMessage" | "hasChanges" | "isValid" | "hasChangesMap" | "hasValue" | "hasValueMap" | "hasShown" | "hasShownMap" | "validate" | "validateMap" | "invalidate" | "invalidateMap" | "initModel" | "initModelMap" | "errorMessageMap"> & import('vue').ShallowUnwrapRef<{
                             isValid: import('vue').ComputedRef<boolean>;
                             hasChanges: import('vue').Ref<boolean, boolean>;
                             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?: import('../Form/models/utils').ValidatePath) => string | undefined, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>;
                             validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>>;
                             invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
@@ -598,6 +614,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                     readonly "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
                     readonly "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
                     readonly "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+                    readonly "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
                 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                 $attrs: {
                     [x: string]: unknown;
@@ -611,7 +628,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 $root: import('vue').ComponentPublicInstance | null;
                 $parent: import('vue').ComponentPublicInstance | null;
                 $host: Element | null;
-                $emit: ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-changes", value: boolean) => void) & ((event: "update:has-value", value: boolean | null) => void);
+                $emit: ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-changes", value: boolean) => void) & ((event: "update:has-value", value: boolean | null) => void) & ((event: "update:has-shown", value: boolean) => void);
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<Readonly<{
                     name?: string;
@@ -621,12 +638,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                     "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;
                 }>, {
                     isValid: import('vue').ComputedRef<boolean>;
                     hasChanges: import('vue').Ref<boolean, boolean>;
                     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?: import('../Form/models/utils').ValidatePath) => string | undefined, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>;
                     validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>>;
                     invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
@@ -639,6 +659,7 @@ 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, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -667,12 +688,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
                 "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
                 "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
-            }>, "errorMessage" | "hasChanges" | "isValid" | "hasChangesMap" | "hasValue" | "hasValueMap" | "validate" | "validateMap" | "invalidate" | "invalidateMap" | "initModel" | "initModelMap" | "errorMessageMap"> & import('vue').ShallowUnwrapRef<{
+                "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
+            }>, "errorMessage" | "hasChanges" | "isValid" | "hasChangesMap" | "hasValue" | "hasValueMap" | "hasShown" | "hasShownMap" | "validate" | "validateMap" | "invalidate" | "invalidateMap" | "initModel" | "initModelMap" | "errorMessageMap"> & import('vue').ShallowUnwrapRef<{
                 isValid: import('vue').ComputedRef<boolean>;
                 hasChanges: import('vue').Ref<boolean, boolean>;
                 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?: import('../Form/models/utils').ValidatePath) => string | undefined, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>;
                 validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>>;
                 invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
@@ -855,6 +879,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                             readonly "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
                             readonly "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
                             readonly "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
+                            readonly "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
                         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                         $attrs: {
                             [x: string]: unknown;
@@ -868,7 +893,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                         $root: import('vue').ComponentPublicInstance | null;
                         $parent: import('vue').ComponentPublicInstance | null;
                         $host: Element | null;
-                        $emit: ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-changes", value: boolean) => void) & ((event: "update:has-value", value: boolean | null) => void);
+                        $emit: ((event: "update:is-valid", value: boolean | undefined) => void) & ((event: "update:has-changes", value: boolean) => void) & ((event: "update:has-value", value: boolean | null) => void) & ((event: "update:has-shown", value: boolean) => void);
                         $el: any;
                         $options: import('vue').ComponentOptionsBase<Readonly<{
                             name?: string;
@@ -878,12 +903,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                             "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;
                         }>, {
                             isValid: import('vue').ComputedRef<boolean>;
                             hasChanges: import('vue').Ref<boolean, boolean>;
                             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?: import('../Form/models/utils').ValidatePath) => string | undefined, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>;
                             validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>>;
                             invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
@@ -896,6 +924,7 @@ 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, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                             beforeCreate?: (() => void) | (() => void)[];
                             created?: (() => void) | (() => void)[];
@@ -924,12 +953,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                         "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
                         "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
                         "onUpdate:has-value"?: ((value: boolean | null) => any) | undefined;
-                    }>, "errorMessage" | "hasChanges" | "isValid" | "hasChangesMap" | "hasValue" | "hasValueMap" | "validate" | "validateMap" | "invalidate" | "invalidateMap" | "initModel" | "initModelMap" | "errorMessageMap"> & import('vue').ShallowUnwrapRef<{
+                        "onUpdate:has-shown"?: ((value: boolean) => any) | undefined;
+                    }>, "errorMessage" | "hasChanges" | "isValid" | "hasChangesMap" | "hasValue" | "hasValueMap" | "hasShown" | "hasShownMap" | "validate" | "validateMap" | "invalidate" | "invalidateMap" | "initModel" | "initModelMap" | "errorMessageMap"> & import('vue').ShallowUnwrapRef<{
                         isValid: import('vue').ComputedRef<boolean>;
                         hasChanges: import('vue').Ref<boolean, boolean>;
                         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?: import('../Form/models/utils').ValidatePath) => string | undefined, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>;
                         validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined>>;
                         invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => 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":"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"}
+{"version":3,"file":"WModalStepper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModalStepper.vue"],"names":[],"mappings":"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"}

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

@@ -9,11 +9,17 @@ declare function __VLS_template(): {
         default?(_: {}): any;
         actions?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        header: HTMLDivElement;
+        footer: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    header: HTMLDivElement;
+    footer: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"WModalWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModalWrapper.vue"],"names":[],"mappings":"AAgCA;AAwCA,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAKF,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;uBAbvB,GAAG;0BACA,GAAG;yBACJ,GAAG;yBACH,GAAG;;;;EAe/B;AAQD,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":"WModalWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/WModalWrapper.vue"],"names":[],"mappings":"AA2CA;AA8DA,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAQF,iBAAS,cAAc;WA+ET,OAAO,IAA6B;;uBAfvB,GAAG;0BACA,GAAG;yBACJ,GAAG;yBACH,GAAG;;;;;;;EAiB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;kBAQnB,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"}