eco-vue-js 0.10.35 → 0.10.36

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA2DA;AA4GA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAWpD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AAuCF,iBAAS,cAAc;WAoHT,OAAO,IAA6B;;yBAXpB,GAAG;;;;EAgBhC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;gGASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA0DA;AA2GA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAWpD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AAuCF,iBAAS,cAAc;WAkHT,OAAO,IAA6B;;yBAXpB,GAAG;;;;EAgBhC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;gGASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAqBA;AA8IA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AA8H1C,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;;;;;;;;;YAXrB,GAAG;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAqBA;AAkJA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAgItH,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;iBArDvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EA0DtD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Dropdown/WDropdown.vue.js

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAoCA;AAAA,OA+DO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAgC9C,iBAAS,cAAc;WAuGT,OAAO,IAA6B;;;;;;;;;;YAbpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsDujkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EApC7skB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBmkkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OAf5skB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAgCA;AAqEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAC,KAAK,KAAK,EAAmC,MAAM,KAAK,CAAA;AAuChE,iBAAS,cAAc;WA2FT,OAAO,IAA6B;;iBA5GvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqJswjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EArCn7jB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwByyjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAfl7jB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/DropdownMenu/WDropdownMenu.vue.js

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

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

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

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

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

package/dist/components/FormAsync/WFormAsyncSelect.vue.js

@@ -61,8 +61,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/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js

@@ -66,8 +66,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/FormAsync/WFormAsyncSelectSingle.vue.js

@@ -62,8 +62,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/FormAsync/WFormAsyncSelectStringified.vue.js

@@ -62,8 +62,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/InfiniteList/WInfiniteList.vue.d.ts

@@ -13,7 +13,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         skeletonLength?: number;
         hidePageTitle?: boolean;
         transition?: boolean;
-        scrollingElement?: Element | null;
         headerTopIgnore?: boolean;
         minHeight?: boolean;
         lastChild?: boolean;

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

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

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

@@ -12,7 +12,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     skeletonLength: { default: void 0 },
     hidePageTitle: { type: Boolean },
     transition: { type: Boolean },
-    scrollingElement: { default: void 0 },
     headerTopIgnore: { type: Boolean },
     minHeight: { type: Boolean },
     lastChild: { type: Boolean },
@@ -40,7 +39,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.minHeight ? _sfc_main$1 : _sfc_main$2), {
-        "scrolling-element": _ctx.scrollingElement,
         "init-is-intersecting": props.queryParams instanceof Object && "page" in props.queryParams && Number.isInteger(props.queryParams.page) && props.queryParams.page > 1 ? false : void 0
       }, {
         header: withCtx((headerScope) => [
@@ -51,7 +49,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: "infiniteListPages",
             "query-params": _ctx.queryParams,
             "use-query-fn": _ctx.useQueryFn,
-            "scrolling-element": _ctx.scrollingElement,
             "skeleton-length": _ctx.skeletonLength,
             "hide-page-title": _ctx.hidePageTitle,
             transition: _ctx.transition,
@@ -99,10 +96,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["query-params", "use-query-fn", "scrolling-element", "skeleton-length", "hide-page-title", "transition", "page-length", "header-top", "header-height", "min-height", "last-child", "exclude-params", "empty-stub", "page-class", "max-pages", "refetch-interval", "query-options", "class", "style", "value-getter"])
+          ]), 1032, ["query-params", "use-query-fn", "skeleton-length", "hide-page-title", "transition", "page-length", "header-top", "header-height", "min-height", "last-child", "exclude-params", "empty-stub", "page-class", "max-pages", "refetch-interval", "query-options", "class", "style", "value-getter"])
         ]),
         _: 3
-      }, 8, ["scrolling-element", "init-is-intersecting"]);
+      }, 8, ["init-is-intersecting"]);
     };
   }
 });

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    parent?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        element: 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, {
+    element: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WInfiniteListScrollingElement.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WInfiniteListScrollingElement.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListScrollingElement.vue"],"names":[],"mappings":"AAKA;AA0BA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAWF,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,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/InfiniteList/WInfiniteListScrollingElement.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent, useTemplateRef, computed, provide, createElementBlock, openBlock, renderSlot } from 'vue';
+import { wScrollingElement } from './models/injection.js';
+
+const _hoisted_1 = { ref: "element" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WInfiniteListScrollingElement",
+  props: {
+    parent: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const elementRef = useTemplateRef("element");
+    const elementValue = computed(() => props.parent ? elementRef.value?.parentElement ?? null : elementRef.value);
+    provide(wScrollingElement, elementValue);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/InfiniteList/WInfiniteListScrollingElement.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WInfiniteListScrollingElement.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -1,5 +1,4 @@
 type __VLS_Props = {
-    scrollingElement?: Element | null;
     initIsIntersecting?: boolean;
 };
 declare function __VLS_template(): {

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

@@ -1 +1 @@
-{"version":3,"file":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"AAsBA;AA+DA,KAAK,WAAW,GAAG;IACjB,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAC;AAyBF,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;;;YAbtB,GAAG;;;;YACF,GAAG;;;;;;;EAiB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;OAOnB,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":"WInfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/WInfiniteListWrapper.vue"],"names":[],"mappings":"AAwBA;AAoEA,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAC;AA2BF,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;;;YAbtB,GAAG;;;;YACF,GAAG;;;;;;;EAiB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;OAOnB,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/InfiniteList/WInfiniteListWrapper.vue.js

@@ -1,17 +1,18 @@
-import { defineComponent, watch, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeClass, unref, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, inject, watch, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeClass, unref, normalizeProps, guardReactiveProps } from 'vue';
 import { useHeader } from '../HeaderBar/use/useHeader.js';
+import { wIsModal } from '../Modal/models/injection.js';
 import { useInfiniteListHeader } from './use/useInfiniteListHeader.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WInfiniteListWrapper",
   props: {
-    scrollingElement: {},
     initIsIntersecting: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
+    const isModal = inject(wIsModal, false);
     const { updateHeaderPadding, headerHeight: headerElementHeight } = useHeader();
-    const { indicator, header, headerTop, headerHeight, isIntersecting, updateHeader } = useInfiniteListHeader(headerElementHeight, props.scrollingElement, props.initIsIntersecting);
+    const { indicator, header, headerTop, headerHeight, isIntersecting, updateHeader } = useInfiniteListHeader(headerElementHeight, props.initIsIntersecting);
     const updateHeaderHeight = () => {
       if (!isIntersecting.value && headerHeight.value) {
         updateHeader();
@@ -34,9 +35,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           ref_key: "header",
           ref: header,
-          class: normalizeClass(["-top--header-height sticky print:hidden", {
+          class: normalizeClass(["sticky print:hidden", {
             "z-20": !unref(isIntersecting),
-            "z-[2]": unref(isIntersecting)
+            "z-[2]": unref(isIntersecting),
+            "-top--modal-header-height bg-default dark:bg-default-dark": unref(isModal),
+            "-top--header-height": !unref(isModal)
           }])
         }, [
           renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ updateHeaderHeight })))

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

@@ -2,7 +2,7 @@ import { defineComponent, onMounted, createElementBlock, openBlock, createVNode,
 import _sfc_main$1 from '../../Button/WButton.vue.js';
 import { SemanticType } from '../../../utils/SemanticType.js';
 
-const _hoisted_1 = { class: "flex w-full items-center justify-center p-12" };
+const _hoisted_1 = { class: "sm:-left--left-inner sm:-max-w--width-inner flex w-full items-center justify-center p-12 sm:sticky" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListButton",
   emits: ["click", "check"],

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

@@ -14,7 +14,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         lastChild?: boolean;
         pageClass?: string;
         refetchInterval?: number | false;
-        scrollingElement?: Element | null;
         queryOptions?: Partial<QueryOptions<PaginatedResponse<Data>>>;
         valueGetter: (data: Data) => Model;
     } & Partial<{}>> & import('vue').PublicProps;

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

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

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

@@ -1,14 +1,15 @@
-import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, renderSlot, unref, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, toDisplayString } from 'vue';
+import { defineComponent, useTemplateRef, ref, inject, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, renderSlot, unref, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, toDisplayString } from 'vue';
 import _sfc_main$2 from '../../EmptyComponent/WEmptyComponent.vue.js';
 import { ApiError } from '../../../utils/api.js';
 import _sfc_main$1 from './InfiniteListPageTitle.vue.js';
+import { wScrollingElement } from '../models/injection.js';
 
 const _hoisted_1 = {
   ref: "element",
   class: "relative"
 };
 const _hoisted_2 = { class: "mt-[--w-list-gap,0] flex" };
-const _hoisted_3 = { class: "text-accent sm:left-inner sm:max-w-inner flex justify-center px-8 py-16 text-center font-normal sm:sticky" };
+const _hoisted_3 = { class: "text-accent sm:-left--left-inner sm:-max-w--width-inner flex justify-center px-8 py-16 text-center font-normal sm:sticky" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListPage",
   props: {
@@ -25,7 +26,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lastChild: { type: Boolean },
     pageClass: { default: void 0 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
-    scrollingElement: { default: void 0 },
     queryOptions: { default: void 0 },
     valueGetter: {}
   },
@@ -37,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const resultElement = ref([]);
     const isIntersecting = ref(false);
     const hasData = ref(false);
+    const scrollingElement = inject(wScrollingElement, null);
     const { data, error, setData, refetch, isFetching } = props.useQueryFn(
       toRef(props, "queryParams"),
       {
@@ -122,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         intersectionObserver = new IntersectionObserver(
           observerCb,
           {
-            root: props.scrollingElement ?? null,
+            root: scrollingElement?.value,
             rootMargin: "0px",
             threshold: 0
           }

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

@@ -14,7 +14,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         hidePageTitle?: boolean;
         transition?: boolean;
         pageLength?: number;
-        scrollingElement?: Element | null;
         headerTop?: number;
         headerHeight?: number;
         minHeight?: boolean;

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

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