eco-vue-js 0.10.35 → 0.10.36

package/dist/components/InfiniteList/components/InfiniteListPages.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent, useTemplateRef, ref, computed, watch, toRef, createBlock, openBlock, normalizeClass, normalizeStyle, withCtx, createCommentVNode, createElementBlock, unref, Fragment, renderList, nextTick, createSlots, renderSlot, mergeProps } from 'vue';
+import { defineComponent, useTemplateRef, inject, ref, computed, watch, toRef, createBlock, openBlock, normalizeClass, normalizeStyle, withCtx, createCommentVNode, createElementBlock, unref, Fragment, renderList, nextTick, createSlots, renderSlot, mergeProps } from 'vue';
 import { isEqualObj } from '../../../utils/utils.js';
 import _sfc_main$2 from './InfiniteListButton.vue.js';
 import _sfc_main$3 from './InfiniteListPage.vue.js';
 import _sfc_main$1 from './InfiniteListScroll.vue.js';
+import { wScrollingElement } from '../models/injection.js';
 import { useRefetchNextPages } from '../use/useRefetchNextPages.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -14,7 +15,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hidePageTitle: { type: Boolean },
     transition: { type: Boolean },
     pageLength: { default: 24 },
-    scrollingElement: { default: null },
     headerTop: { default: 0 },
     headerHeight: { default: 0 },
     minHeight: { type: Boolean },
@@ -32,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const infiniteScrollRef = useTemplateRef("infiniteScroll");
+    const scrollingElement = inject(wScrollingElement, null);
     const pages = ref([props.queryParams.page ?? 1]);
     const pagesCount = ref(1);
     const count = ref(0);
@@ -73,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       pages.value.pop();
     };
     const updateScroll = (height) => {
-      const element = props.scrollingElement ?? document.scrollingElement;
+      const element = scrollingElement?.value ?? document.scrollingElement;
       if (!element || element.scrollTop === 0) return;
       element.scrollTop = element.scrollTop + height;
     };
@@ -97,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isResettingPage.value = true;
       emit("update:page", page === 1 ? void 0 : page);
       pages.value = [];
-      const element = props.scrollingElement ?? document.scrollingElement;
+      const element = scrollingElement?.value ?? document.scrollingElement;
       const value = (infiniteScrollRef.value?.$el.offsetTop ?? 0) - props.headerHeight - 60;
       if (element && element.scrollTop > value) element.scrollTop = value;
       await nextTick();
@@ -120,7 +121,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         ref: "infiniteScroll",
-        "scrolling-element": _ctx.scrollingElement,
         style: normalizeStyle({ "--infinite-list-header-height": _ctx.headerHeight + "px" }),
         class: normalizeClass({
           "min-h-[calc(100vh-var(--header-height)-var(--infinite-list-header-height))] pb-16": !_ctx.minHeight,
@@ -154,7 +154,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "last-child": _ctx.lastChild,
               "page-class": _ctx.pageClass,
               "refetch-interval": _ctx.refetchInterval,
-              "scrolling-element": _ctx.scrollingElement,
               "query-options": _ctx.queryOptions,
               "value-getter": _ctx.valueGetter,
               "onUpdate:count": _cache[2] || (_cache[2] = ($event) => {
@@ -196,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "scrolling-element", "query-options", "value-getter", "onRefetch"]);
+            ]), 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "query-options", "value-getter", "onRefetch"]);
           }), 128)),
           count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,
@@ -205,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 8, ["scrolling-element", "style", "class"]);
+      }, 8, ["style", "class"]);
     };
   }
 });

package/dist/components/InfiniteList/components/InfiniteListScroll.vue.d.ts

@@ -1,6 +1,3 @@
-type __VLS_Props = {
-    scrollingElement: Element | null;
-};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -12,16 +9,16 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+declare const __VLS_component: import('vue').DefineComponent<{}, {
     checkIsScrollUp: () => void;
     checkIsScrollDown: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "scroll:up": () => any;
     "scroll:down": () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onScroll:up"?: (() => any) | undefined;
     "onScroll:down"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     container: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/InfiniteList/components/InfiniteListScroll.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListScroll.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListScroll.vue"],"names":[],"mappings":"AAKA;AAyEA,KAAK,WAAW,GAAG;IACjB,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAA;CACjC,CAAC;AA8DF,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,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":"InfiniteListScroll.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListScroll.vue"],"names":[],"mappings":"AAKA;AAoIA,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/InfiniteList/components/InfiniteListScroll.vue.js

@@ -1,35 +1,33 @@
-import { defineComponent, useTemplateRef, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, inject, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, renderSlot } from 'vue';
+import { wScrollingElement } from '../models/injection.js';
 import { getIsScrollUp, getIsScrollDown } from '../models/utils.js';
 
 const _hoisted_1 = { ref: "container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListScroll",
-  props: {
-    scrollingElement: {}
-  },
   emits: ["scroll:up", "scroll:down"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
     const emit = __emit;
     const containerRef = useTemplateRef("container");
-    const element = computed(() => props.scrollingElement ?? document);
+    const scrollingElement = inject(wScrollingElement, null);
+    const element = computed(() => scrollingElement?.value ?? document);
     const listener = (event) => {
       if (event.target !== element.value || !containerRef.value) return;
-      if (getIsScrollUp(props.scrollingElement ?? document.scrollingElement, containerRef.value.offsetTop)) {
+      if (getIsScrollUp(scrollingElement?.value ?? document.scrollingElement, containerRef.value.offsetTop)) {
         emit("scroll:up");
         return;
       }
-      if (getIsScrollDown(props.scrollingElement ?? document.scrollingElement)) {
+      if (getIsScrollDown(scrollingElement?.value ?? document.scrollingElement)) {
         emit("scroll:down");
       }
     };
     const checkIsScrollUp = () => {
-      if (getIsScrollDown(props.scrollingElement ?? document.scrollingElement)) {
+      if (getIsScrollDown(scrollingElement?.value ?? document.scrollingElement)) {
         emit("scroll:down");
       }
     };
     const checkIsScrollDown = () => {
-      if (getIsScrollDown(props.scrollingElement ?? document.scrollingElement)) {
+      if (getIsScrollDown(scrollingElement?.value ?? document.scrollingElement)) {
         emit("scroll:down");
       }
     };

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

@@ -0,0 +1,3 @@
+import { InjectionKey, Ref } from 'vue';
+export declare const wScrollingElement: InjectionKey<Ref<Element | null>>;
+//# sourceMappingURL=injection.d.ts.map

package/dist/components/InfiniteList/models/injection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/models/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAE1C,eAAO,MAAM,iBAAiB,EAAkC,YAAY,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAA"}

package/dist/components/InfiniteList/models/injection.js

@@ -0,0 +1,3 @@
+const wScrollingElement = Symbol("wScrollingElement");
+
+export { wScrollingElement };

package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-export declare const useInfiniteListHeader: (headerElementHeight: Ref<number>, scrollingElement?: Element | null, initIsIntersecting?: boolean) => {
+export declare const useInfiniteListHeader: (headerElementHeight: Ref<number>, initIsIntersecting?: boolean) => {
     indicator: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     header: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     headerHeight: Ref<number, number>;

package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAkC,MAAM,KAAK,CAAA;AAI7D,eAAO,MAAM,qBAAqB,GAAI,qBAAqB,GAAG,CAAC,MAAM,CAAC,EAAE,mBAAkB,OAAO,GAAG,IAAgC,EAAE,4BAAyB;;;;;;;CAoD9J,CAAA"}
+{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAA0C,MAAM,KAAK,CAAA;AAMrE,eAAO,MAAM,qBAAqB,GAAI,qBAAqB,GAAG,CAAC,MAAM,CAAC,EAAE,4BAAyB;;;;;;;CAsDhG,CAAA"}

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/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/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"}

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

@@ -1,6 +1,10 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, createBlock, openBlock, normalizeStyle, normalizeClass, unref, withCtx, createElementVNode, renderSlot } from 'vue';
+import _sfc_main$1 from '../InfiniteList/WInfiniteListScrollingElement.vue.js';
 
-const _hoisted_1 = { class: "bg-default dark:bg-default-dark sticky top-0 z-[1]" };
+const _hoisted_1 = {
+  ref: "header",
+  class: "bg-default dark:bg-default-dark sticky left-0 top-0 z-[1] w-[--w-modal-wrapper-width,35rem]"
+};
 const _hoisted_2 = { class: "text-accent -p--w-modal-wrapper-padding flex items-center justify-center text-balance text-center text-xl font-semibold" };
 const _hoisted_3 = { class: "sm:-px--w-modal-wrapper-padding" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -9,29 +13,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maximized: { type: Boolean }
   },
   setup(__props) {
+    const headerRef = useTemplateRef("header");
+    const footerRef = useTemplateRef("footer");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-default dark:bg-default-dark max-h-[calc(100%-var(--inner-margin,2rem)*2)] w-[var(--w-modal-wrapper-width,35rem)] max-w-[calc(100%-var(--inner-margin,2rem)*2)] overflow-y-auto overflow-x-hidden overscroll-contain rounded-[--w-modal-wrapper-rounded,1.5rem] shadow-md", {
+      return openBlock(), createBlock(_sfc_main$1, {
+        class: normalizeClass(["bg-default dark:bg-default-dark w-modal-wrapper grid max-h-[calc(100%-var(--inner-margin,2rem)*2)] w-[--w-modal-wrapper-width,35rem] max-w-[calc(100%-var(--inner-margin,2rem)*2)] grid-cols-[1fr] overflow-auto overscroll-contain rounded-[--w-modal-wrapper-rounded,1.5rem] shadow-md", {
           "sm-not:max-w-full sm-not:h-full sm-not:rounded-none sm-not:max-h-full": _ctx.maximized
-        }])
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "title")
+        }]),
+        style: normalizeStyle({
+          "--w-modal-header-height": (unref(headerRef)?.offsetHeight ?? 0) + "px",
+          "--w-modal-footer-height": (unref(footerRef)?.offsetHeight ?? 0) + "px"
+        })
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "title")
+            ]),
+            renderSlot(_ctx.$slots, "subtitle")
+          ], 512),
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "default")
           ]),
-          renderSlot(_ctx.$slots, "subtitle")
+          createElementVNode("div", {
+            ref: "footer",
+            class: normalizeClass(["bg-default dark:bg-default-dark -gap--inner-margin -p--w-modal-wrapper-padding sticky bottom-0 left-0 z-[1] flex w-[--w-modal-wrapper-width,35rem] justify-center", {
+              "sm-not:flex-col": !_ctx.maximized
+            }])
+          }, [
+            renderSlot(_ctx.$slots, "actions")
+          ], 2)
         ]),
-        createElementVNode("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        createElementVNode("div", {
-          class: normalizeClass(["bg-default dark:bg-default-dark -gap--inner-margin -p--w-modal-wrapper-padding sticky bottom-0 z-[1] flex w-full justify-center", {
-            "sm-not:flex-col": !_ctx.maximized
-          }])
-        }, [
-          renderSlot(_ctx.$slots, "actions")
-        ], 2)
-      ], 2);
+        _: 3
+      }, 8, ["class", "style"]);
     };
   }
 });

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

@@ -0,0 +1,4 @@
+import { InjectionKey } from 'vue';
+export declare const wBaseZInfex: InjectionKey<number>;
+export declare const wIsModal: InjectionKey<boolean>;
+//# sourceMappingURL=injection.d.ts.map

package/dist/components/Modal/models/injection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/models/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,KAAK,CAAA;AAErC,eAAO,MAAM,WAAW,EAA4B,YAAY,CAAC,MAAM,CAAC,CAAA;AAExE,eAAO,MAAM,QAAQ,EAAyB,YAAY,CAAC,OAAO,CAAC,CAAA"}

package/dist/components/Modal/models/injection.js

@@ -0,0 +1,4 @@
+const wBaseZInfex = Symbol("wBaseZInfex");
+const wIsModal = Symbol("wIsModal");
+
+export { wBaseZInfex, wIsModal };

package/dist/components/Progress/WProgressStriped.vue.js

@@ -8,10 +8,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["relative h-2 w-full cursor-progress select-none overflow-clip rounded-lg", {
+        class: normalizeClass(["relative h-2 w-full select-none overflow-clip rounded-lg", {
           "button-gradient-primary": _ctx.modelValue > 0,
           "bg-gray-200 dark:bg-gray-800": _ctx.modelValue <= 0,
-          "w-progress-striped before:animate-move-horizontal": _ctx.modelValue > 0 && _ctx.modelValue < 100,
+          "w-progress-striped before:animate-move-horizontal cursor-progress": _ctx.modelValue > 0 && _ctx.modelValue < 100,
           "before:absolute before:inset-0": _ctx.modelValue >= 100 || _ctx.modelValue <= 0,
           "before:animate-ticker before:via-default/50 before:bg-gradient-to-r before:from-transparent before:to-transparent": _ctx.modelValue <= 0,
           "before:bg-default/50 before:animate-pulse": _ctx.modelValue >= 100

package/dist/components/Select/WSelect.vue.js

@@ -76,8 +76,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/Select/WSelectAsync.vue.js

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