eco-vue-js 0.5.4 → 0.5.6

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

@@ -1,6 +1,9 @@
-import { defineComponent, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, renderSlot, createCommentVNode, createVNode, withCtx } from 'vue';
+import { defineComponent, ref, toRef, provide, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createVNode, withCtx } from 'vue';
 import { useInfiniteListHeader } from './use/useInfiniteListHeader.js';
 import _sfc_main$1 from './WInfiniteListPages.vue.js';
+import _sfc_main$2 from './components/InfiniteListPageSelectItem.vue.js';
+import { useSelected } from './use/useSelected.js';
+import { wInfiniteListSelection } from './models/injection.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WInfiniteList",
@@ -12,27 +15,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hidePageTitle: { type: Boolean },
     headerMargin: { default: 0 },
     skipScrollTarget: { type: Boolean },
-    selected: { default: void 0 },
     wrap: { type: Boolean },
     noGap: { type: Boolean },
     transition: { type: Boolean },
-    pageLength: { default: void 0 },
     scrollingElement: { default: void 0 },
     headerTopIgnore: { type: Boolean },
     minHeight: { type: Boolean },
     excludeParams: { default: void 0 },
     emptyStub: { default: void 0 },
-    selectOnly: { type: Boolean },
-    unselectOnly: { type: Boolean },
-    reverseSelection: { type: Boolean },
-    allowPageSelection: { type: Boolean },
     pageClass: { default: void 0 },
     maxPages: { default: void 0 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
+    queryOptions: { default: void 0 },
+    pageLength: { default: 24 },
+    count: { default: 0 },
+    allowSelect: { type: Boolean },
+    allowSelectRange: { type: Boolean },
     valueGetter: { type: Function, default: (item) => item.id },
-    queryOptions: { default: void 0 }
+    selected: { default: () => [] },
+    selectedRange: { default: void 0 },
+    reverse: { type: Boolean },
+    selectOnly: { type: Boolean },
+    unselectOnly: { type: Boolean },
+    reverseSelection: { type: Boolean },
+    allowPageSelection: { type: Boolean }
   },
-  emits: ["update:page", "update:header-padding", "update:count", "update:selected"],
+  emits: ["update:page", "update:header-padding", "update:count", "select", "select-reverse", "select-range"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -44,6 +52,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       infiniteListPages.value?.goto(page, itemIndex);
     };
     const { indicator, header, headerTop, headerHeight, isIntersecting } = useInfiniteListHeader(props.scrollingElement);
+    const {
+      setSelectedRange,
+      getIsSelected,
+      getIsSelectedBetween,
+      allowSelectHover,
+      setRangeHover,
+      setSelectedCursor,
+      toggleSelected,
+      selectedCount,
+      selectAllValue
+    } = useSelected(
+      toRef(props, "count"),
+      toRef(props, "pageLength"),
+      toRef(props, "selected"),
+      toRef(props, "reverse"),
+      toRef(props, "selectedRange"),
+      (value) => emit("select", value),
+      (value) => emit("select-reverse", value),
+      (value) => emit("select-range", value)
+    );
+    provide(wInfiniteListSelection, {
+      allowSelect: toRef(props, "allowSelect"),
+      allowSelectRange: toRef(props, "allowSelectRange"),
+      allowSelectHover,
+      selectedCount,
+      clearSelected: () => emit("select", [])
+    });
     watch(isIntersecting, (value) => {
       if (!value && headerHeight.value) {
         updateHeaderPadding(headerHeight.value - props.headerMargin);
@@ -79,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "z-20": !unref(isIntersecting)
             }])
           }, [
-            renderSlot(_ctx.$slots, "header", { goto })
+            renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({ selectAllValue: unref(selectAllValue), goto })))
           ], 2)
         ], 64)) : createCommentVNode("", true),
         createVNode(_sfc_main$1, {
@@ -92,7 +127,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "skip-scroll-target": _ctx.skipScrollTarget,
           "skeleton-length": _ctx.skeletonLength,
           "hide-page-title": _ctx.hidePageTitle,
-          selected: _ctx.selected,
           wrap: _ctx.wrap,
           "no-gap": _ctx.noGap,
           transition: _ctx.transition,
@@ -102,36 +136,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "min-height": _ctx.minHeight,
           "exclude-params": _ctx.excludeParams,
           "empty-stub": _ctx.emptyStub,
-          "select-only": _ctx.selectOnly,
-          "unselect-only": _ctx.unselectOnly,
-          "reverse-selection": _ctx.reverseSelection,
-          "allow-page-selection": _ctx.allowPageSelection,
           "page-class": _ctx.pageClass,
           "max-pages": _ctx.maxPages,
           "refetch-interval": _ctx.refetchInterval,
-          "value-getter": _ctx.valueGetter,
           "query-options": _ctx.queryOptions,
-          "onUpdate:count": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:count", $event)),
-          "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", $event)),
+          selected: _ctx.selected,
+          "value-getter": _ctx.valueGetter,
+          "select-only": _ctx.selectOnly,
+          "unselect-only": _ctx.unselectOnly,
+          "reverse-selection": _ctx.reverseSelection,
+          "allow-page-selection": _ctx.allowPageSelection,
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", $event)),
+          "onUpdate:count": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:count", $event)),
           "onUpdate:page": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:page", $event))
         }, {
           default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, resetting, page, index }) => [
-            renderSlot(_ctx.$slots, "default", {
-              item,
-              setter,
-              skeleton,
-              refetch,
-              previous,
-              next,
-              first,
-              last,
-              resetting,
-              page,
-              index
-            })
+            createVNode(_sfc_main$2, {
+              selected: skeleton ? false : unref(getIsSelected)(_ctx.valueGetter(item)),
+              "selected-between": skeleton ? false : unref(getIsSelectedBetween)(_ctx.valueGetter(item), page, index),
+              "onUpdate:selected": ($event) => {
+                unref(toggleSelected)(_ctx.valueGetter(item), _ctx.reverse && !_ctx.selectedRange ? !$event : $event);
+                unref(setSelectedCursor)($event ? { page, index, id: _ctx.valueGetter(item) } : null);
+              },
+              "onUpdate:selectedRange": ($event) => unref(setSelectedRange)({ page, index, id: _ctx.valueGetter(item) }),
+              "onUpdate:selectedRangeHover": ($event) => unref(setRangeHover)({ page, index, id: _ctx.valueGetter(item) })
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default", {
+                  item,
+                  setter,
+                  skeleton,
+                  refetch,
+                  previous,
+                  next,
+                  first,
+                  last,
+                  resetting,
+                  page,
+                  index
+                })
+              ]),
+              _: 2
+            }, 1032, ["selected", "selected-between", "onUpdate:selected", "onUpdate:selectedRange", "onUpdate:selectedRangeHover"])
           ]),
           _: 3
-        }, 8, ["query-params", "use-query-fn", "is-invalid-page", "scrolling-element", "skip-scroll-target", "skeleton-length", "hide-page-title", "selected", "wrap", "no-gap", "transition", "page-length", "header-top", "header-height", "min-height", "exclude-params", "empty-stub", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "page-class", "max-pages", "refetch-interval", "value-getter", "query-options"])
+        }, 8, ["query-params", "use-query-fn", "is-invalid-page", "scrolling-element", "skip-scroll-target", "skeleton-length", "hide-page-title", "wrap", "no-gap", "transition", "page-length", "header-top", "header-height", "min-height", "exclude-params", "empty-stub", "page-class", "max-pages", "refetch-interval", "query-options", "selected", "value-getter", "select-only", "unselect-only", "reverse-selection", "allow-page-selection"])
       ], 64);
     };
   }

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

@@ -15,12 +15,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
     hidePageTitle?: boolean | undefined;
     noGap?: boolean | undefined;
     emptyStub?: string | undefined;
-    reverseSelection?: boolean | undefined;
-    allowPageSelection?: boolean | undefined;
     minHeight?: boolean | undefined;
     pageClass?: string | undefined;
     refetchInterval?: number | false | undefined;
     queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+    reverseSelection?: boolean | undefined;
+    allowPageSelection?: boolean | undefined;
     maxPages?: number | undefined;
     "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
     skipScrollTarget?: boolean | undefined;
@@ -85,12 +85,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
         hidePageTitle?: boolean | undefined;
         noGap?: boolean | undefined;
         emptyStub?: string | undefined;
-        reverseSelection?: boolean | undefined;
-        allowPageSelection?: boolean | undefined;
         minHeight?: boolean | undefined;
         pageClass?: string | undefined;
         refetchInterval?: number | false | undefined;
         queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+        reverseSelection?: boolean | undefined;
+        allowPageSelection?: boolean | undefined;
         maxPages?: number | undefined;
         "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
         skipScrollTarget?: boolean | undefined;
@@ -159,12 +159,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             hidePageTitle?: boolean | undefined;
             noGap?: boolean | undefined;
             emptyStub?: string | undefined;
-            reverseSelection?: boolean | undefined;
-            allowPageSelection?: boolean | undefined;
             minHeight?: boolean | undefined;
             pageClass?: string | undefined;
             refetchInterval?: number | false | undefined;
             queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+            reverseSelection?: boolean | undefined;
+            allowPageSelection?: boolean | undefined;
             maxPages?: number | undefined;
             "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
             skipScrollTarget?: boolean | undefined;

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

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

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

@@ -15,7 +15,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     skeletonLength: { default: void 0 },
     hidePageTitle: { type: Boolean },
     skipScrollTarget: { type: Boolean },
-    selected: { default: void 0 },
     wrap: { type: Boolean },
     noGap: { type: Boolean },
     transition: { type: Boolean },
@@ -26,15 +25,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     minHeight: { type: Boolean },
     excludeParams: { default: void 0 },
     emptyStub: { default: void 0 },
-    selectOnly: { type: Boolean },
-    unselectOnly: { type: Boolean },
-    reverseSelection: { type: Boolean },
-    allowPageSelection: { type: Boolean },
     pageClass: { default: void 0 },
     maxPages: { default: 5 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
+    queryOptions: { default: void 0 },
+    selected: { default: void 0 },
     valueGetter: {},
-    queryOptions: { default: void 0 }
+    selectOnly: { type: Boolean },
+    unselectOnly: { type: Boolean },
+    reverseSelection: { type: Boolean },
+    allowPageSelection: { type: Boolean }
   },
   emits: ["update:page", "update:count", "update:selected"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -184,37 +184,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "first-page": index === 0,
               "last-page": index === pages.value.length - 1,
               "hide-page-title": _ctx.hidePageTitle,
-              selected: _ctx.selected,
               wrap: _ctx.wrap,
               "no-gap": _ctx.noGap,
               transition: _ctx.transition,
               resetting: isResettingPage.value,
               "empty-stub": _ctx.emptyStub,
-              "select-only": _ctx.selectOnly,
-              "unselect-only": _ctx.unselectOnly,
-              "reverse-selection": _ctx.reverseSelection,
-              "allow-page-selection": _ctx.allowPageSelection,
               "min-height": _ctx.minHeight,
               "page-class": _ctx.pageClass,
               "refetch-interval": _ctx.refetchInterval,
               "scrolling-element": _ctx.scrollingElement,
-              "value-getter": _ctx.valueGetter,
               "query-options": _ctx.queryOptions,
+              selected: _ctx.selected,
+              "value-getter": _ctx.valueGetter,
+              "select-only": _ctx.selectOnly,
+              "unselect-only": _ctx.unselectOnly,
+              "reverse-selection": _ctx.reverseSelection,
+              "allow-page-selection": _ctx.allowPageSelection,
+              "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", $event)),
               "onUpdate:count": updateCount,
               "onUpdate:pagesCount": updatePagesCount,
-              "onUpdate:nextPage": _cache[1] || (_cache[1] = ($event) => {
+              "onUpdate:nextPage": _cache[2] || (_cache[2] = ($event) => {
                 updateNextPage($event);
                 infiniteScroll.value?.checkIsScrollDown();
               }),
-              "onUpdate:previousPage": _cache[2] || (_cache[2] = ($event) => {
+              "onUpdate:previousPage": _cache[3] || (_cache[3] = ($event) => {
                 updatePreviousPage($event);
                 infiniteScroll.value?.checkIsScrollUp();
               }),
               "onUpdate:scroll": updateScroll,
-              "onUpdateFromHeader:scroll": _cache[3] || (_cache[3] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
+              "onUpdateFromHeader:scroll": _cache[4] || (_cache[4] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
               "onRemove:page": removePage,
               onRefetch: ($event) => unref(refetchNextPages)(index),
-              "onUpdate:selected": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:selected", $event)),
               onFetched: _cache[5] || (_cache[5] = ($event) => isResettingPage.value = false)
             }, {
               default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, page: itemPage, index: itemIndex }) => [
@@ -233,7 +233,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 2
-            }, 1032, ["query-params", "use-query-fn", "is-invalid-page", "skeleton-length", "first-page", "last-page", "hide-page-title", "selected", "wrap", "no-gap", "transition", "resetting", "empty-stub", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "min-height", "page-class", "refetch-interval", "scrolling-element", "value-getter", "query-options", "onRefetch"]);
+            }, 1032, ["query-params", "use-query-fn", "is-invalid-page", "skeleton-length", "first-page", "last-page", "hide-page-title", "wrap", "no-gap", "transition", "resetting", "empty-stub", "min-height", "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/EmptyComponent.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=EmptyComponent.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyComponent.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/EmptyComponent.vue"],"names":[],"mappings":";;;AAiDA,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import { renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = {};
+
+function _sfc_render(_ctx, _cache) {
+  return renderSlot(_ctx.$slots, "default")
+}
+const EmptyComponent = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { EmptyComponent as default };

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

@@ -26,12 +26,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
     noGap?: boolean | undefined;
     resetting?: boolean | undefined;
     emptyStub?: string | undefined;
-    reverseSelection?: boolean | undefined;
-    allowPageSelection?: boolean | undefined;
     minHeight?: boolean | undefined;
     pageClass?: string | undefined;
     refetchInterval?: number | false | undefined;
     queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+    reverseSelection?: boolean | undefined;
+    allowPageSelection?: boolean | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -107,12 +107,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
         noGap?: boolean | undefined;
         resetting?: boolean | undefined;
         emptyStub?: string | undefined;
-        reverseSelection?: boolean | undefined;
-        allowPageSelection?: boolean | undefined;
         minHeight?: boolean | undefined;
         pageClass?: string | undefined;
         refetchInterval?: number | false | undefined;
         queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+        reverseSelection?: boolean | undefined;
+        allowPageSelection?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         getFirst: () => Data | undefined;
@@ -192,12 +192,12 @@ declare const _default: <Model extends string | number, Data extends DefaultData
             noGap?: boolean | undefined;
             resetting?: boolean | undefined;
             emptyStub?: string | undefined;
-            reverseSelection?: boolean | undefined;
-            allowPageSelection?: boolean | undefined;
             minHeight?: boolean | undefined;
             pageClass?: string | undefined;
             refetchInterval?: number | false | undefined;
             queryOptions?: Partial<Parameters<UseQueryPaginated<Data, ApiError, QueryParams>>[1]>;
+            reverseSelection?: boolean | undefined;
+            allowPageSelection?: boolean | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{
             getFirst: () => Data | undefined;

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,9 +1,9 @@
-import { defineComponent, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, Fragment, createElementVNode, createBlock, createCommentVNode, TransitionGroup, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
+import { defineComponent, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, Fragment, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, guardReactiveProps, renderSlot, toDisplayString } from 'vue';
 import _sfc_main$2 from './InfiniteListPageTitle.vue.js';
 import _sfc_main$1 from './InfiniteListPageSelection.vue.js';
+import EmptyComponent from './EmptyComponent.vue.js';
 
-const _hoisted_1 = { class: "[overflow:inherit]" };
-const _hoisted_2 = { class: "select-none cursor-default w-select-field sm-not:px-3" };
+const _hoisted_1 = { class: "select-none cursor-default w-select-field sm-not:px-3" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListPage",
   props: {
@@ -14,22 +14,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     firstPage: { type: Boolean },
     lastPage: { type: Boolean },
     hidePageTitle: { type: Boolean },
-    selected: { default: void 0 },
     wrap: { type: Boolean },
     noGap: { type: Boolean },
     transition: { type: Boolean },
     resetting: { type: Boolean },
     emptyStub: { default: "Nothing to show" },
-    selectOnly: { type: Boolean },
-    unselectOnly: { type: Boolean },
-    reverseSelection: { type: Boolean },
-    allowPageSelection: { type: Boolean },
     minHeight: { type: Boolean },
     pageClass: { default: void 0 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
     scrollingElement: { default: void 0 },
+    queryOptions: { default: void 0 },
+    selected: { default: void 0 },
     valueGetter: {},
-    queryOptions: { default: void 0 }
+    selectOnly: { type: Boolean },
+    unselectOnly: { type: Boolean },
+    reverseSelection: { type: Boolean },
+    allowPageSelection: { type: Boolean }
   },
   emits: ["update:count", "update:pages-count", "update:next-page", "update:previous-page", "update:scroll", "remove:page", "refetch", "update-from-header:scroll", "update:selected", "fetched"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -204,60 +204,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(_ctx.pageClass)
           }, [
-            unref(data)?.results ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              _ctx.transition ? (openBlock(), createBlock(TransitionGroup, {
-                key: 0,
-                "enter-active-class": "transition-[grid-template-rows] overflow-hidden grid",
-                "enter-from-class": "grid-rows-[0fr]",
-                "enter-to-class": "grid-rows-[1fr]",
-                "leave-active-class": "transition-[grid-template-rows] overflow-hidden grid",
-                "leave-from-class": "grid-rows-[1fr]",
-                "leave-to-class": "grid-rows-[0fr]",
-                css: !_ctx.resetting
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data).results, (item, index) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: _ctx.valueGetter(item),
-                      ref_for: true,
-                      ref_key: "resultElement",
-                      ref: resultElement,
-                      class: "w-full group"
-                    }, [
-                      createElementVNode("div", _hoisted_1, [
-                        renderSlot(_ctx.$slots, "default", {
-                          item,
-                          setter: (newItem) => setItem(index, newItem),
-                          refetch: emitRefetch,
-                          skeleton: false,
-                          next: unref(data)?.results[index + 1],
-                          previous: unref(data)?.results[index - 1],
-                          first: _ctx.firstPage && index === 0,
-                          last: _ctx.lastPage && index === unref(data).results.length - 1,
-                          page: page.value,
-                          index
-                        })
-                      ])
-                    ]);
-                  }), 128))
-                ]),
-                _: 3
-              }, 8, ["css"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(data).results, (item, index) => {
-                return renderSlot(_ctx.$slots, "default", {
-                  key: _ctx.valueGetter(item),
-                  item,
-                  setter: (newItem) => setItem(index, newItem),
-                  refetch: emitRefetch,
-                  skeleton: false,
-                  next: unref(data)?.results[index + 1],
-                  previous: unref(data)?.results[index - 1],
-                  first: _ctx.firstPage && index === 0,
-                  last: _ctx.lastPage && index === unref(data).results.length - 1,
-                  page: page.value,
-                  index
-                });
-              }), 128))
-            ], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.skeletonLength, (index) => {
+            unref(data)?.results ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? TransitionGroup : EmptyComponent), normalizeProps(mergeProps({ key: 0 }, _ctx.transition ? {
+              ["enter-active-class"]: "transition-[grid-template-rows] overflow-hidden grid",
+              ["enter-from-class"]: "grid-rows-[0fr]",
+              ["enter-to-class"]: "grid-rows-[1fr]",
+              ["leave-active-class"]: "transition-[grid-template-rows] overflow-hidden grid",
+              ["leave-from-class"]: "grid-rows-[1fr]",
+              ["leave-to-class"]: "grid-rows-[0fr]",
+              css: !_ctx.resetting
+            } : void 0)), {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data).results, (item, index) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? "div" : EmptyComponent), normalizeProps(mergeProps({
+                    key: _ctx.valueGetter(item)
+                  }, _ctx.transition ? { class: "w-full" } : void 0)), {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? "div" : EmptyComponent), normalizeProps(guardReactiveProps(_ctx.transition ? { class: "[overflow:inherit]" } : void 0)), {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "default", {
+                            item,
+                            setter: (newItem) => setItem(index, newItem),
+                            refetch: emitRefetch,
+                            skeleton: false,
+                            next: unref(data)?.results[index + 1],
+                            previous: unref(data)?.results[index - 1],
+                            first: _ctx.firstPage && index === 0,
+                            last: _ctx.lastPage && index === unref(data).results.length - 1,
+                            page: page.value,
+                            index
+                          })
+                        ]),
+                        _: 2
+                      }, 1040))
+                    ]),
+                    _: 2
+                  }, 1040);
+                }), 128))
+              ]),
+              _: 3
+            }, 16)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.skeletonLength, (index) => {
               return renderSlot(_ctx.$slots, "default", {
                 key: index,
                 item: { id: index },
@@ -280,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "pt-4 pb-2 px-[1.0625rem]": _ctx.minHeight
           }])
         }, [
-          createElementVNode("div", _hoisted_2, toDisplayString(_ctx.emptyStub), 1)
+          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.emptyStub), 1)
         ], 2))
       ], 2);
     };

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

@@ -0,0 +1,33 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    selected?: boolean | undefined;
+    selectedBetween?: boolean | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: boolean) => void;
+    "update:selected-range": () => void;
+    "update:selected-range-hover": () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    selected?: boolean | undefined;
+    selectedBetween?: boolean | undefined;
+}>>> & {
+    "onUpdate:selected"?: ((value: boolean) => any) | undefined;
+    "onUpdate:selected-range"?: (() => any) | undefined;
+    "onUpdate:selected-range-hover"?: (() => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=InfiniteListPageSelectItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteListPageSelectItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPageSelectItem.vue"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;AAmFA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -0,0 +1,27 @@
+import { defineComponent, provide, toRef, renderSlot } from 'vue';
+import { wInfiniteListSelectionItem } from '../models/injection.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InfiniteListPageSelectItem",
+  props: {
+    selected: { type: Boolean },
+    selectedBetween: { type: Boolean }
+  },
+  emits: ["update:selected", "update:selected-range", "update:selected-range-hover"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    provide(wInfiniteListSelectionItem, {
+      selected: toRef(props, "selected"),
+      selectedBetween: toRef(props, "selectedBetween"),
+      updateSelected: (value) => emit("update:selected", value),
+      updateSelectedRange: () => emit("update:selected-range"),
+      updateSelectedRangeHover: () => emit("update:selected-range-hover")
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+
+export { _sfc_main as default };