eco-vue-js 0.10.87 → 0.10.88

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

@@ -1,3 +1,4 @@
+import { InfiniteListHeaderScope } from './types';
 import { ApiError } from '../../utils/api';
 declare const _default: <Model extends number | string, Data extends DefaultData, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -45,9 +46,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
             position: number;
             value: Model;
         }) => void;
-        header?: (props: {
-            updateHeaderHeight: () => void;
-        } & ((import('vue').ShallowUnwrapRef<{
+        header?: (props: InfiniteListHeaderScope & ((import('vue').ShallowUnwrapRef<{
             resetPage: (page?: number) => Promise<void>;
             goto: (page?: number, itemIndex?: number) => Promise<void>;
             isFetching: import('vue').ComputedRef<boolean>;
@@ -111,9 +110,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
             position: number;
             value: Model;
         }) => void;
-        header?: (props: {
-            updateHeaderHeight: () => void;
-        } & ((import('vue').ShallowUnwrapRef<{
+        header?: (props: InfiniteListHeaderScope & ((import('vue').ShallowUnwrapRef<{
             resetPage: (page?: number) => Promise<void>;
             goto: (page?: number, itemIndex?: number) => Promise<void>;
             isFetching: import('vue').ComputedRef<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/WInfiniteListWrapper.vue.d.ts

@@ -1,30 +1,26 @@
+import { InfiniteListHeaderScope } from './types';
+import { VNode } from 'vue';
 type __VLS_Props = {
     initIsIntersecting?: boolean;
     noHeaderUpdate?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        header?(_: {}): any;
-        header?(_: {
-            updateHeaderHeight: () => void;
-        }): any;
-        default?(_: {}): any;
-        default?(_: {
-            headerTop: number;
-            headerHeight: number;
-        }): any;
+    slots: Readonly<{
+        header: (props: InfiniteListHeaderScope) => VNode[];
+        default: (props: InfiniteListHeaderScope) => VNode[];
+    }> & {
+        header: (props: InfiniteListHeaderScope) => VNode[];
+        default: (props: InfiniteListHeaderScope) => VNode[];
     };
     refs: {
         indicator: HTMLDivElement;
-        header: HTMLDivElement;
     };
     rootEl: any;
 };
 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, {
     indicator: HTMLDivElement;
-    header: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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":"AAkCA;AAoGA,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AAwCF,iBAAS,cAAc;WAyET,OAAO,IAA6B;;wBAftB,GAAG;;;YAEH,GAAG;yBADF,GAAG;;;;YAEH,GAAG;;;;;;;EAiB/B;AAaD,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":"AA6CA;AA4GA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAEpD,OAAO,EAAC,KAAK,KAAK,EAA0D,MAAM,KAAK,CAAA;AAYvF,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AA6CF,iBAAS,cAAc;WAwFT,OAAO,IAA6B;;gBA9FxC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE;iBAC1C,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE;;gBAD5C,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE;iBAC1C,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE;;;;;;EAkGrD;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,7 +1,8 @@
-import { defineComponent, inject, ref, useTemplateRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, unref, renderSlot, normalizeStyle, withCtx, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, inject, ref, useTemplateRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, normalizeStyle, normalizeClass, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { wIsModal } from '../Modal/models/injection.js';
 import { isClientSide, BASE_ZINDEX_DROPDOWN, BASE_ZINDEX_LIST_HEADER } from '../../utils/utils.js';
-import _sfc_main$1 from './components/InfiniteListWrapper.vue.js';
+import _sfc_main$1 from './components/InfiniteListHeaderHeight.vue.js';
+import _sfc_main$2 from './components/InfiniteListHeaderPadding.vue.js';
 import { useHeader } from '../HeaderBar/use/useHeader.js';
 
 const _hoisted_1 = {
@@ -46,27 +47,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1, null, 512),
-        unref(isModal) || _ctx.noHeaderUpdate ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", {
-            ref: "header",
-            class: "-top--modal-header-height bg-default dark:bg-default-dark sticky print:hidden",
-            style: normalizeStyle({ zIndex: isIntersecting.value ? unref(BASE_ZINDEX_DROPDOWN) : unref(BASE_ZINDEX_LIST_HEADER) })
-          }, [
-            renderSlot(_ctx.$slots, "header")
-          ], 4),
-          renderSlot(_ctx.$slots, "default")
-        ], 64)) : (openBlock(), createBlock(_sfc_main$1, {
-          key: 1,
-          "is-intersecting": isIntersecting.value
-        }, {
-          header: withCtx((scope) => [
-            renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(scope)))
-          ]),
+        createVNode(_sfc_main$1, {
+          "is-intersecting": isIntersecting.value,
+          class: normalizeClass(["sticky print:hidden", {
+            "-top--header-height": !unref(isModal) && !_ctx.noHeaderUpdate,
+            "-top--modal-header-height bg-default dark:bg-default-dark": unref(isModal) || _ctx.noHeaderUpdate
+          }]),
+          style: normalizeStyle({ zIndex: isIntersecting.value ? unref(BASE_ZINDEX_DROPDOWN) : unref(BASE_ZINDEX_LIST_HEADER) })
+        }, createSlots({
           default: withCtx((scope) => [
             renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
           ]),
-          _: 3
-        }, 8, ["is-intersecting"]))
+          _: 2
+        }, [
+          unref(isModal) || _ctx.noHeaderUpdate ? {
+            name: "header",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "0"
+          } : {
+            name: "header",
+            fn: withCtx((scope) => [
+              createVNode(_sfc_main$2, {
+                "is-intersecting": isIntersecting.value,
+                "header-height": unref(headerHeight)
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(scope)))
+                ]),
+                _: 2
+              }, 1032, ["is-intersecting", "header-height"])
+            ]),
+            key: "1"
+          }
+        ]), 1032, ["is-intersecting", "class", "style"])
       ], 64);
     };
   }

package/dist/components/InfiniteList/components/{InfiniteListWrapper.vue.d.ts → InfiniteListHeaderHeight.vue.d.ts}

@@ -1,16 +1,16 @@
+import { InfiniteListHeaderScope } from '../types';
+import { VNode } from 'vue';
 type __VLS_Props = {
     isIntersecting: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        header?(_: {
-            updateHeaderHeight: () => void;
-        }): any;
-        default?(_: {
-            headerTop: number;
-            headerHeight: number;
-        }): any;
+    slots: Readonly<{
+        header: (props: InfiniteListHeaderScope) => VNode[];
+        default: (props: InfiniteListHeaderScope) => VNode[];
+    }> & {
+        header: (props: InfiniteListHeaderScope) => VNode[];
+        default: (props: InfiniteListHeaderScope) => VNode[];
     };
     refs: {
         header: HTMLDivElement;
@@ -28,4 +28,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=InfiniteListWrapper.vue.d.ts.map
+//# sourceMappingURL=InfiniteListHeaderHeight.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteListHeaderHeight.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderHeight.vue"],"names":[],"mappings":"AAaA;AA8DA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,UAAU,CAAA;AAErD,OAAO,EAAC,KAAK,KAAK,EAAgD,MAAM,KAAK,CAAA;AAQ7E,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAC;AAoCF,iBAAS,cAAc;WA4BT,OAAO,IAA6B;;gBAlCxC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE;iBAC1C,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE;;gBAD5C,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE;iBAC1C,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,EAAE;;;;;;EAsCrD;AAWD,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/components/InfiniteListHeaderHeight.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent, useTemplateRef, ref, inject, watch, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps } from 'vue';
+import { useHeader } from '../../HeaderBar/use/useHeader.js';
+import { wModalHeaderHeight } from '../../Modal/models/injection.js';
+import { isClientSide } from '../../../utils/utils.js';
+import { wScrollingElement } from '../models/injection.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InfiniteListHeaderHeight",
+  props: {
+    isIntersecting: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const headerRef = useTemplateRef("header");
+    const headerHeight = ref(0);
+    const headerTop = ref(0);
+    const { headerHeight: headerHeightLayout } = useHeader();
+    const modalHeaderHeight = inject(wModalHeaderHeight, void 0);
+    const scrollingElement = inject(wScrollingElement, null);
+    const updateHeader = () => {
+      if (!headerRef.value) return;
+      const rect = headerRef.value.getBoundingClientRect();
+      headerHeight.value = rect.height;
+      headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - (modalHeaderHeight ?? headerHeightLayout.value);
+    };
+    watch(() => props.isIntersecting, updateHeader);
+    onMounted(() => {
+      if (!isClientSide) return;
+      updateHeader();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", mergeProps({ ref: "header" }, _ctx.$attrs), [
+          renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ headerTop: headerTop.value, headerHeight: headerHeight.value, updateHeader })))
+        ], 16),
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ headerTop: headerTop.value, headerHeight: headerHeight.value, updateHeader })))
+      ], 64);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteListHeaderPadding.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListHeaderPadding.vue"],"names":[],"mappings":"AAGA;AAqCA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC;AAsBF,iBAAS,cAAc;WAoBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,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/components/InfiniteListHeaderPadding.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent, watch, onUnmounted, renderSlot } from 'vue';
+import { useHeader } from '../../HeaderBar/use/useHeader.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InfiniteListHeaderPadding",
+  props: {
+    isIntersecting: { type: Boolean },
+    headerHeight: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { updateHeaderPadding } = useHeader();
+    const updateHeaderHeight = () => {
+      if (!props.isIntersecting && props.headerHeight) {
+        updateHeaderPadding(props.headerHeight);
+      } else {
+        updateHeaderPadding(0);
+      }
+    };
+    watch(() => props.isIntersecting, updateHeaderHeight);
+    watch(() => props.headerHeight, updateHeaderHeight);
+    onUnmounted(() => {
+      updateHeaderPadding(0);
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -0,0 +1,6 @@
+export type InfiniteListHeaderScope = {
+    headerTop: number;
+    headerHeight: number;
+    updateHeader: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA"}

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

@@ -164,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:count": _cache[4] || (_cache[4] = ($event) => listCount.value = $event),
           "onUpdate:error": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("update:error", $event))
         }, createSlots({
-          header: withCtx(({ updateHeaderHeight, isRefetchingAll, refetchAll }) => [
+          header: withCtx(({ updateHeader, isRefetchingAll, refetchAll }) => [
             renderSlot(_ctx.$slots, "header", { count: listCount.value }),
             createVNode(_sfc_main$4, {
               title: _ctx.selectionTitle,
@@ -267,7 +267,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               count: _ctx.count ?? listCount.value,
               selection: unref(selectAllValue),
               "onToggle:selection": _cache[3] || (_cache[3] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)()),
-              "onUpdate:header": updateHeaderHeight
+              "onUpdate:header": updateHeader
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$9, {

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.87",
+  "version": "0.10.88",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.2",
     "@tanstack/eslint-plugin-query": "5.81.2",
@@ -290,6 +290,9 @@
     "./dist/components/InfiniteList/WInfiniteListWrapper.vue": {
       "import": "./dist/components/InfiniteList/WInfiniteListWrapper.vue.js"
     },
+    "./dist/components/InfiniteList/types": {
+      "import": "./dist/components/InfiniteList/types.d.ts"
+    },
     "./dist/components/InfoCard/WInfoCard.vue": {
       "import": "./dist/components/InfoCard/WInfoCard.vue.js"
     },

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfiniteListWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListWrapper.vue"],"names":[],"mappings":"AAcA;AAkDA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAC;AAqBF,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;;;YAZtB,GAAG;;;;YACF,GAAG;;;;;;EAgB/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"}

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

@@ -1,38 +0,0 @@
-import { defineComponent, toRef, watch, onMounted, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeStyle, unref, normalizeProps, guardReactiveProps } from 'vue';
-import { isClientSide, BASE_ZINDEX_DROPDOWN, BASE_ZINDEX_LIST_HEADER } from '../../../utils/utils.js';
-import { useInfiniteListHeader } from '../use/useInfiniteListHeader.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InfiniteListWrapper",
-  props: {
-    isIntersecting: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const isIntersectingRef = toRef(props, "isIntersecting");
-    const { header, headerTop, headerHeight, updateHeader, updateHeaderHeight, updateHeaderPadding } = useInfiniteListHeader(isIntersectingRef);
-    watch(isIntersectingRef, updateHeaderHeight);
-    onMounted(() => {
-      if (!isClientSide) return;
-      updateHeader();
-    });
-    onUnmounted(() => {
-      updateHeaderPadding(0);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
-          ref_key: "header",
-          ref: header,
-          class: "-top--header-height sticky print:hidden",
-          style: normalizeStyle({ zIndex: _ctx.isIntersecting ? unref(BASE_ZINDEX_DROPDOWN) : unref(BASE_ZINDEX_LIST_HEADER) })
-        }, [
-          renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ updateHeaderHeight: unref(updateHeaderHeight) })))
-        ], 4),
-        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ headerTop: unref(headerTop), headerHeight: unref(headerHeight) })))
-      ], 64);
-    };
-  }
-});
-
-export { _sfc_main as default };

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

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

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

@@ -1,10 +0,0 @@
-import { Ref } from 'vue';
-export declare const useInfiniteListHeader: (isIntersecting: Ref<boolean>) => {
-    header: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-    headerHeight: Ref<number, number>;
-    headerTop: Ref<number, number>;
-    updateHeader: () => void;
-    updateHeaderPadding: (value: number) => void;
-    updateHeaderHeight: () => void;
-};
-//# sourceMappingURL=useInfiniteListHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useInfiniteListHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/use/useInfiniteListHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAc,MAAM,KAAK,CAAA;AAOzC,eAAO,MAAM,qBAAqB,GAAI,gBAAgB,GAAG,CAAC,OAAO,CAAC;;;;;;;CAqCjE,CAAA"}

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

@@ -1,37 +0,0 @@
-import { ref, inject } from 'vue';
-import { useHeader } from '../../HeaderBar/use/useHeader.js';
-import { wModalHeaderHeight } from '../../Modal/models/injection.js';
-import { wScrollingElement } from '../models/injection.js';
-
-const useInfiniteListHeader = (isIntersecting) => {
-  const header = ref();
-  const headerHeight = ref(0);
-  const headerTop = ref(0);
-  const { updateHeaderPadding, headerHeight: headerElementHeight } = useHeader();
-  const modalHeaderHeight = inject(wModalHeaderHeight, void 0);
-  const scrollingElement = inject(wScrollingElement, null);
-  const updateHeader = () => {
-    if (!header.value) return;
-    const rect = header.value.getBoundingClientRect();
-    headerHeight.value = rect.height;
-    headerTop.value = rect.top + (scrollingElement?.value?.scrollTop ?? document.scrollingElement?.scrollTop ?? 0) - (modalHeaderHeight ?? headerElementHeight.value);
-  };
-  const updateHeaderHeight = () => {
-    if (!isIntersecting.value && headerHeight.value) {
-      updateHeader();
-      updateHeaderPadding(headerHeight.value);
-    } else {
-      updateHeaderPadding(0);
-    }
-  };
-  return {
-    header,
-    headerHeight,
-    headerTop,
-    updateHeader,
-    updateHeaderPadding,
-    updateHeaderHeight
-  };
-};
-
-export { useInfiniteListHeader };