eco-vue-js 0.10.3 → 0.10.4

package/dist/components/Form/models/utils.js

@@ -8,9 +8,11 @@ import '../../Dropdown/utils/DropdownStyle.js';
 import 'vue-router';
 import '../../../utils/Modal.js';
 import '../../Input/WInputSuggest.vue.js';
+import '../../HeaderBar/use/useHeaderPadding.js';
 import '../../Input/WInputDate.vue.js';
 import '../../Link/WLink.vue.js';
 import '@tanstack/vue-query';
+import '../../List/use/useListConfig.js';
 
 const fieldMessageStart = " - ";
 const subformMessageStart = " ";

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../Button/WButtonGroup.vue.js';
 import { useFormAsync } from './use/useFormAsync.js';
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../Input/WInputAsync.vue.js';
 import { validateRequired } from '../../utils/validate.js';
 import { useFormAsync } from './use/useFormAsync.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../Select/WSelect.vue.js';
 import { useFormAsync } from './use/useFormAsync.js';
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../Select/WSelectAsyncSingle.vue.js';
 import { useFormAsync } from './use/useFormAsync.js';
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../Select/WSelectSingle.vue.js';
 import { useFormAsync } from './use/useFormAsync.js';
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../Select/WSelectStringified.vue.js';
 import { useFormAsync } from './use/useFormAsync.js';
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, mergeProps, unref } from 'vue';
+import { defineComponent, createBlock, openBlock, mergeProps, unref } from 'vue';
 import _sfc_main$1 from '../Toggle/WToggle.vue.js';
 import { useFormAsync } from './use/useFormAsync.js';
 

package/dist/components/FormAsync/use/useFormAsync.js

@@ -10,9 +10,11 @@ import 'vue-router';
 import { Modal } from '../../../utils/Modal.js';
 import '../../Input/WInputSuggest.vue.js';
 import { handleApiError } from '../../../utils/api.js';
+import '../../HeaderBar/use/useHeaderPadding.js';
 import '../../Input/WInputDate.vue.js';
 import '../../Link/WLink.vue.js';
 import '@tanstack/vue-query';
+import '../../List/use/useListConfig.js';
 
 const useFormAsync = (props, onSuccess) => {
   const enabled = toRef(props, "queryEnabled");

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts

@@ -17,20 +17,17 @@ declare const __VLS_component: import('vue').DefineComponent<{
     title?: string;
     search?: string;
     searchEnabled?: boolean;
-    headerPadding?: number;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:search": (value: string | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<{
     title?: string;
     search?: string;
     searchEnabled?: boolean;
-    headerPadding?: number;
 }> & Readonly<{
     "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
 }>, {
     title: string;
     search: string;
-    headerPadding: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AA0OA,iBAAS,cAAc;;uBA2OI,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YArVT,MAAM;aACL,MAAM;oBACC,OAAO;oBACP,MAAM;;;;YAHd,MAAM;aACL,MAAM;oBACC,OAAO;oBACP,MAAM;;;;WAHd,MAAM;YACL,MAAM;mBAEC,MAAM;6EA4VxB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AA2OA,iBAAS,cAAc;;uBA2OI,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YApVT,MAAM;aACL,MAAM;oBACC,OAAO;;;;YAFf,MAAM;aACL,MAAM;oBACC,OAAO;;;;WAFf,MAAM;YACL,MAAM;6EA6VjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/HeaderBar/WHeaderBar.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent, useTemplateRef, ref, watch, toRef, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, withDirectives, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, unref, createCommentVNode, vShow, createBlock, markRaw, createSlots, withCtx, Fragment, nextTick } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, toRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, withDirectives, createCommentVNode, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, vShow, createBlock, markRaw, createSlots, withCtx, Fragment, nextTick } from 'vue';
 import _sfc_main$2 from '../Input/WInput.vue.js';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import IconSearch from '../../assets/icons/sax/IconSearch.svg.js';
 import { getIsMobile } from '../../utils/mobile.js';
+import { useHeaderPadding } from './use/useHeaderPadding.js';
 
 const _hoisted_1 = { class: "fixed inset-x-0 top-0 z-10 flex h-[3.75rem] print:hidden" };
 const _hoisted_2 = { class: "text-accent flex-1 truncate text-xl font-semibold sm:text-3xl" };
@@ -16,13 +17,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     title: { default: void 0 },
     search: { default: void 0 },
-    searchEnabled: { type: Boolean },
-    headerPadding: { default: 0 }
+    searchEnabled: { type: Boolean }
   },
   emits: ["update:search"],
   setup(__props) {
     const props = __props;
     const isMobile = getIsMobile();
+    const { headerPadding } = useHeaderPadding();
     const inputRef = useTemplateRef("input");
     const isTransparent = ref(false);
     const isSearchVisible = ref(false);
@@ -52,11 +53,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(), createElementBlock("div", {
-          key: _ctx.headerPadding,
+          key: unref(headerPadding),
           class: normalizeClass(["bg-default dark:bg-default-dark supports-backdrop:backdrop-blur fixed inset-x-0 top-0 h-[calc(3.75rem+var(--header-height-padding))] print:hidden", {
             "supports-backdrop:bg-opacity-40 supports-backdrop:dark:bg-opacity-60": isTransparent.value
           }]),
-          style: normalizeStyle({ "--header-height-padding": _ctx.headerPadding + "px" })
+          style: normalizeStyle({ "--header-height-padding": unref(headerPadding) + "px" })
         }, null, 6)),
         withDirectives(createElementVNode("div", {
           class: normalizeClass(["-pl--inner-margin xl-not:pl-[3.75rem] relative flex max-w-full flex-1 items-center", {

package/dist/components/HeaderBar/use/useHeaderPadding.d.ts

@@ -0,0 +1,5 @@
+export declare const useHeaderPadding: () => {
+    headerPadding: import('vue').Ref<number, number>;
+    updateHeaderPadding: (value: number) => void;
+};
+//# sourceMappingURL=useHeaderPadding.d.ts.map

package/dist/components/HeaderBar/use/useHeaderPadding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderPadding.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/use/useHeaderPadding.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;;iCACS,MAAM;CAQ3C,CAAA"}

package/dist/components/HeaderBar/use/useHeaderPadding.js

@@ -0,0 +1,14 @@
+import { ref } from 'vue';
+
+const headerPadding = ref(0);
+const useHeaderPadding = () => {
+  const updateHeaderPadding = (value) => {
+    headerPadding.value = value;
+  };
+  return {
+    headerPadding,
+    updateHeaderPadding
+  };
+};
+
+export { useHeaderPadding };

package/dist/components/ImageViewer/WImageViewer.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, defineAsyncComponent, openBlock, createElementBlock, Fragment, createTextVNode, toDisplayString, createBlock, createCommentVNode, normalizeStyle, createElementVNode, markRaw } from 'vue';
+import { defineComponent, defineAsyncComponent, createElementBlock, openBlock, createCommentVNode, createBlock, Fragment, createTextVNode, toDisplayString, normalizeStyle, createElementVNode, markRaw } from 'vue';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import { Modal } from '../../utils/Modal.js';
 

package/dist/components/ImageViewer/components/ImageModal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, toDisplayString } from 'vue';
+import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, toDisplayString } from 'vue';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
 
 const _hoisted_1 = { class: "relative flex flex-col items-center" };

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

@@ -3,7 +3,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSelect?: ((values: Model[]) => any) | undefined;
         readonly "onUpdate:count"?: ((value: number) => any) | undefined;
-        readonly "onUpdate:header-padding"?: ((value: number) => any) | undefined;
         readonly "onUpdate:error"?: ((value: ApiError<{}, {
             detail?: string | undefined;
             non_field_errors?: string[] | undefined;
@@ -11,14 +10,12 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         readonly "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
         readonly "onSelect-reverse"?: ((values: Model[]) => any) | undefined;
         readonly "onSelect-range"?: ((value: SelectedRange<Model>) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSelect" | "onUpdate:count" | "onUpdate:header-padding" | "onUpdate:error" | "onUpdate:page" | "onSelect-reverse" | "onSelect-range"> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSelect" | "onUpdate:count" | "onUpdate:error" | "onUpdate:page" | "onSelect-reverse" | "onSelect-range"> & {
         useQueryFn: UseQueryPaginated<Data, QueryParams>;
         queryParams: QueryParams;
         skeletonLength?: number;
         hidePageTitle?: boolean;
-        headerMargin?: number;
         wrap?: boolean;
-        noGap?: boolean;
         transition?: boolean;
         scrollingElement?: Element | null;
         headerTopIgnore?: boolean;
@@ -88,7 +85,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
     };
     emit: {
         (e: "update:page", value: number | undefined): void;
-        (e: "update:header-padding", value: number): void;
         (e: "update:count", value: number): void;
         (e: "select", values: Model[]): void;
         (e: "select-reverse", values: Model[]): void;

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, toRef, provide, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot, normalizeProps, guardReactiveProps, unref, createVNode } from 'vue';
+import { defineComponent, useTemplateRef, toRef, provide, createBlock, openBlock, resolveDynamicComponent, withCtx, createVNode, normalizeStyle, normalizeClass, unref, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$1 from '../EmptyComponent/WEmptyComponent.vue.js';
 import _sfc_main$2 from './WInfiniteListWrapper.vue.js';
 import _sfc_main$4 from './components/InfiniteListPageSelectItem.vue.js';
@@ -13,9 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     queryParams: {},
     skeletonLength: { default: void 0 },
     hidePageTitle: { type: Boolean },
-    headerMargin: { default: 0 },
     wrap: { type: Boolean },
-    noGap: { type: Boolean },
     transition: { type: Boolean },
     scrollingElement: { default: void 0 },
     headerTopIgnore: { type: Boolean },
@@ -40,14 +38,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     reverseSelection: { type: Boolean },
     allowPageSelection: { type: Boolean }
   },
-  emits: ["update:page", "update:header-padding", "update:count", "select", "select-reverse", "select-range", "update:error"],
+  emits: ["update:page", "update:count", "select", "select-reverse", "select-range", "update:error"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const infiniteListPagesRef = useTemplateRef("infiniteListPages");
-    const updateHeaderPadding = (value) => {
-      emit("update:header-padding", value);
-    };
     const goto = (page, itemIndex) => {
       infiniteListPagesRef.value?.goto(page, itemIndex);
     };
@@ -78,9 +73,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selectedCount,
       clearSelected: () => emit("select", [])
     });
-    onBeforeUnmount(() => {
-      updateHeaderPadding(0);
-    });
     __expose({
       resetPage() {
         infiniteListPagesRef.value?.resetPage();
@@ -89,9 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.minHeight ? _sfc_main$1 : _sfc_main$2), {
         "scrolling-element": _ctx.scrollingElement,
-        "header-margin": _ctx.headerMargin,
-        "init-is-intersecting": props.queryParams instanceof Object && "page" in props.queryParams && Number.isInteger(props.queryParams.page) && props.queryParams.page > 1 ? false : void 0,
-        "onUpdate:headerPadding": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:header-padding", $event))
+        "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(() => [
           renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ selectAllValue: unref(selectAllValue), goto })))
@@ -105,7 +95,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "skeleton-length": _ctx.skeletonLength,
             "hide-page-title": _ctx.hidePageTitle,
             wrap: _ctx.wrap,
-            "no-gap": _ctx.noGap,
             transition: _ctx.transition,
             "page-length": _ctx.pageLength,
             "header-top": _ctx.headerTopIgnore ? 0 : "headerTop" in defaultScope ? defaultScope.headerTop : 0,
@@ -118,6 +107,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "max-pages": _ctx.maxPages,
             "refetch-interval": _ctx.refetchInterval,
             "query-options": _ctx.queryOptions,
+            class: normalizeClass(_ctx.$attrs.class),
+            style: normalizeStyle(_ctx.$attrs.style),
             selected: _ctx.selected,
             "value-getter": _ctx.valueGetter,
             "select-only": _ctx.selectOnly,
@@ -160,10 +151,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 1064, ["selected", "selected-between", "onUpdate:selected", "onUpdate:selectedRange", "onUpdate:selectedRangeHover"]))
             ]),
             _: 2
-          }, 1032, ["query-params", "use-query-fn", "scrolling-element", "skeleton-length", "hide-page-title", "wrap", "no-gap", "transition", "page-length", "header-top", "header-height", "min-height", "last-child", "exclude-params", "empty-stub", "page-class", "max-pages", "refetch-interval", "query-options", "selected", "value-getter", "select-only", "unselect-only", "reverse-selection", "allow-page-selection"])
+          }, 1032, ["query-params", "use-query-fn", "scrolling-element", "skeleton-length", "hide-page-title", "wrap", "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", "selected", "value-getter", "select-only", "unselect-only", "reverse-selection", "allow-page-selection"])
         ]),
         _: 3
-      }, 40, ["scrolling-element", "header-margin", "init-is-intersecting"]);
+      }, 8, ["scrolling-element", "init-is-intersecting"]);
     };
   }
 });

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

@@ -14,21 +14,12 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
-    headerMargin?: number;
     scrollingElement?: Element | null;
     initIsIntersecting?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:header-padding": (value: number) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    headerMargin?: number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     scrollingElement?: Element | null;
     initIsIntersecting?: boolean;
-}> & Readonly<{
-    "onUpdate:header-padding"?: ((value: number) => any) | undefined;
-}>, {
-    scrollingElement: Element | null;
-    headerMargin: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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":"AA8GA,iBAAS,cAAc;;wBAwCK,GAAG;;;;YACF,GAAG;;;;;;WAWlB,OAAO,IAA6B;EAEjD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;mBArHF,MAAM;uBACF,OAAO,GAAG,IAAI;yBACZ,OAAO;;;;mBAFb,MAAM;uBACF,OAAO,GAAG,IAAI;yBACZ,OAAO;;;;sBADT,OAAO,GAAG,IAAI;kBADlB,MAAM;6EA+HvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,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":"AAqFA,iBAAS,cAAc;;wBAwCK,GAAG;;;;YACF,GAAG;;;;;;WAWlB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;uBA/FA,OAAO,GAAG,IAAI;yBACZ,OAAO;;uBADT,OAAO,GAAG,IAAI;yBACZ,OAAO;iGAoG5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,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,24 +1,21 @@
-import { defineComponent, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, watch, onBeforeUnmount, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeClass, unref, normalizeProps, guardReactiveProps } from 'vue';
+import { useHeaderPadding } from '../HeaderBar/use/useHeaderPadding.js';
 import { useInfiniteListHeader } from './use/useInfiniteListHeader.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WInfiniteListWrapper",
   props: {
-    headerMargin: { default: 0 },
-    scrollingElement: { default: void 0 },
+    scrollingElement: {},
     initIsIntersecting: { type: Boolean }
   },
-  emits: ["update:header-padding"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const updateHeaderPadding = (value) => {
-      emit("update:header-padding", value);
-    };
-    const { indicator, header, headerTop, headerHeight, isIntersecting } = useInfiniteListHeader(props.scrollingElement, props.initIsIntersecting);
+    const { updateHeaderPadding } = useHeaderPadding();
+    const { indicator, header, headerTop, headerHeight, isIntersecting, updateHeader } = useInfiniteListHeader(props.scrollingElement, props.initIsIntersecting);
     watch(isIntersecting, (value) => {
       if (!value && headerHeight.value) {
-        updateHeaderPadding(headerHeight.value - props.headerMargin);
+        updateHeader();
+        updateHeaderPadding(headerHeight.value);
       } else {
         updateHeaderPadding(0);
       }

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

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode } from 'vue';
+import { defineComponent, onMounted, createElementBlock, openBlock, createVNode, unref, withCtx, createTextVNode } from 'vue';
 import _sfc_main$1 from '../../Button/WButton.vue.js';
 import { SemanticType } from '../../../utils/SemanticType.js';
 

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

@@ -8,7 +8,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         lastPage: boolean;
         hidePageTitle?: boolean;
         wrap?: boolean;
-        noGap?: boolean;
         transition?: boolean;
         resetting?: boolean;
         emptyStub?: string;

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,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, unref, Fragment, createElementVNode, normalizeClass, createBlock, createCommentVNode, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
+import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, unref, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
 import _sfc_main$3 from '../../EmptyComponent/WEmptyComponent.vue.js';
 import { ApiError } from '../../../utils/api.js';
 import _sfc_main$1 from './InfiniteListPageSelection.vue.js';
@@ -8,7 +8,8 @@ const _hoisted_1 = {
   ref: "element",
   class: "relative"
 };
-const _hoisted_2 = { class: "py-1.25 sm-not:px-3 cursor-default select-none" };
+const _hoisted_2 = { class: "mt-[--w-list-gap,1rem] flex" };
+const _hoisted_3 = { class: "py-1.25 sm-not:px-3 cursor-default select-none" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListPage",
   props: {
@@ -19,7 +20,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     lastPage: { type: Boolean },
     hidePageTitle: { type: Boolean },
     wrap: { type: Boolean },
-    noGap: { type: Boolean },
     transition: { type: Boolean },
     resetting: { type: Boolean },
     emptyStub: { default: "Nothing to show" },
@@ -168,11 +168,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         page.value && unref(data)?.results.length !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", {
-            class: normalizeClass(["flex", {
-              "sm:pt-4": (_ctx.selected === void 0 || !_ctx.allowPageSelection) && _ctx.hidePageTitle && !_ctx.noGap
-            }])
-          }, [
+          createElementVNode("div", _hoisted_2, [
             _ctx.selected !== void 0 && _ctx.allowPageSelection ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
               selected: _ctx.selected,
@@ -191,7 +187,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "query-params": _ctx.queryParams,
               class: "pb-4 pt-6"
             }, null, 8, ["query-params"])) : createCommentVNode("", true)
-          ], 2),
+          ]),
           createElementVNode("div", {
             class: normalizeClass(_ctx.pageClass)
           }, [
@@ -259,7 +255,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "pb-2": _ctx.minHeight && !_ctx.lastChild
           }])
         }, [
-          createElementVNode("div", _hoisted_2, toDisplayString(_ctx.emptyStub), 1)
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.emptyStub), 1)
         ], 2))
       ], 512);
     };

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
 import _sfc_main$1 from '../../Checkbox/WCheckbox.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { Notify } from '../../../utils/Notify.js';
 

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

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

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":"AAmUA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;yBAcxB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgnBxD,mBAAmB,CAAC;;;;;;;;;oBA5mBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;eAChB,OAAO;gBACN,OAAO;qBACF,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAmlBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CAjdP,MAAM;MAiduB,GAAG,IAAI;WACpE,GAAG;;kBA5ZD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;kBAbA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;;YAjLN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;YACzC,cAAc,SAAS,QAAQ,GAAG,IAAI;;;;;YAkkBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1nBvE,wBA0nB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAiUA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;yBAcxB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA+mBxD,mBAAmB,CAAC;;;;;;;;;oBA3mBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;eAChB,OAAO;qBACD,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAmlBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CAjdP,MAAM;MAiduB,GAAG,IAAI;WACpE,GAAG;;kBA5ZD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;kBAbA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;;YAjLN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;YACzC,cAAc,SAAS,QAAQ,GAAG,IAAI;;;;;YAkkBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AAznBvE,wBAynB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, computed, watch, toRef, openBlock, createBlock, normalizeStyle, normalizeClass, withCtx, unref, createCommentVNode, createElementBlock, Fragment, renderList, nextTick, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, watch, toRef, createBlock, openBlock, normalizeClass, normalizeStyle, withCtx, createCommentVNode, createElementBlock, unref, Fragment, renderList, nextTick, renderSlot } from 'vue';
 import { isEqualObj } from '../../../utils/utils.js';
 import _sfc_main$2 from './InfiniteListButton.vue.js';
 import _sfc_main$3 from './InfiniteListPage.vue.js';
@@ -14,7 +14,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     skeletonLength: { default: void 0 },
     hidePageTitle: { type: Boolean },
     wrap: { type: Boolean },
-    noGap: { type: Boolean },
     transition: { type: Boolean },
     pageLength: { default: 24 },
     scrollingElement: { default: null },
@@ -171,7 +170,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "last-page": index === pages.value.length - 1,
               "hide-page-title": _ctx.hidePageTitle,
               wrap: _ctx.wrap,
-              "no-gap": _ctx.noGap,
               transition: _ctx.transition,
               resetting: isResettingPage.value,
               "empty-stub": _ctx.emptyStub,
@@ -219,7 +217,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 2
-            }, 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "wrap", "no-gap", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "scrolling-element", "query-options", "selected", "value-getter", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "onRefetch"]);
+            }, 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "wrap", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "scrolling-element", "query-options", "selected", "value-getter", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "onRefetch"]);
           }), 128)),
           count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, renderSlot } from 'vue';
 import { getIsScrollUp, getIsScrollDown } from '../models/utils.js';
 
 const _hoisted_1 = { ref: "container" };

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

@@ -4,5 +4,6 @@ export declare const useInfiniteListHeader: (scrollingElement?: Element | null,
     headerHeight: import('vue').Ref<number, number>;
     headerTop: import('vue').Ref<number, number>;
     isIntersecting: import('vue').Ref<boolean, boolean>;
+    updateHeader: () => void;
 };
 //# sourceMappingURL=useInfiniteListHeader.d.ts.map

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":"AAYA,eAAO,MAAM,qBAAqB,sBAAsB,OAAO,GAAG,IAAI;;;;;;CAgDrE,CAAA"}
+{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,qBAAqB,sBAAsB,OAAO,GAAG,IAAI;;;;;;;CAsDrE,CAAA"}

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

@@ -8,9 +8,11 @@ import '../../Dropdown/utils/DropdownStyle.js';
 import 'vue-router';
 import '../../../utils/Modal.js';
 import '../../Input/WInputSuggest.vue.js';
+import '../../HeaderBar/use/useHeaderPadding.js';
 import '../../Input/WInputDate.vue.js';
 import '../../Link/WLink.vue.js';
 import '@tanstack/vue-query';
+import '../../List/use/useListConfig.js';
 
 const headerElementHeight = 60;
 const observerOptions = {
@@ -37,13 +39,15 @@ const useInfiniteListHeader = (scrollingElement = document.scrollingElement, ini
       }
     });
   };
+  const updateHeader = () => {
+    if (!header.value) return;
+    const rect = header.value.getBoundingClientRect();
+    headerHeight.value = rect.height;
+    headerTop.value = rect.top + (scrollingElement?.scrollTop ?? 0) - headerElementHeight;
+  };
   onMounted(() => {
     if (!isClientSide) return;
-    if (header.value) {
-      const rect = header.value.getBoundingClientRect();
-      headerHeight.value = rect.height;
-      headerTop.value = rect.top + (scrollingElement?.scrollTop ?? 0) - headerElementHeight;
-    }
+    updateHeader();
     if (indicator.value) {
       observer = new IntersectionObserver(observerCb, observerOptions);
       observer.observe(indicator.value);
@@ -57,7 +61,8 @@ const useInfiniteListHeader = (scrollingElement = document.scrollingElement, ini
     header,
     headerHeight,
     headerTop,
-    isIntersecting
+    isIntersecting,
+    updateHeader
   };
 };
 

package/dist/components/InfoCard/WInfoCard.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, createCommentVNode, createElementVNode, renderSlot } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, unref, renderSlot } from 'vue';
 import IconNegativeInfo from '../../assets/icons/sax/IconNegativeInfo.svg.js';
 
 const _hoisted_1 = { class: "text-pretty py-1" };