eco-vue-js 0.3.85 → 0.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AAuCA;AAGA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAoM1C,GAAG;;uBA1BkB,GAAG;;;YACD,GAAG;;cAnI3B,mBAAmB,mBAAiB,IAAI;yCA2J9B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAAzC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA1BkB,GAAG;;;YACD,GAAG;;cAnI3B,mBAAmB,mBAAiB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA2J9B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;2BA1BkB,GAAG;;;gBACD,GAAG;;kBAnI3B,mBAAmB,mBAAiB,IAAI;;;AArC9C,wBAsM2E"}
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AAuCA;AAGA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;;;;;;;gBAwBnC,KAAK;UAEX,MAAM,EAAE;wCACsB,MAAM,KAAK,KAAK;;;;;;;;;;;gBAjBxC,KAAK;UAEX,KAAK,EAAE;kBACC,WAAW,GAAG,SAAS;;;;;WAuLhC,GAAG;;uBA1BkB,GAAG;;;YACD,GAAG;;cAnI3B,mBAAmB,SAAS,KAAK,KAAG,IAAI;yCA2J9B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;oBA3K3C,KAAK;cAEX,MAAM,EAAE;4CACsB,MAAM,KAAK,KAAK;;;;;;;;;;;oBAjBxC,KAAK;cAEX,KAAK,EAAE;sBACC,WAAW,GAAG,SAAS;;;;;oBAsLvB,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA1BkB,GAAG;;;YACD,GAAG;;cAnI3B,mBAAmB,SAAS,KAAK,KAAG,IAAI;;;;;;;;;;;;wBAhBhC,KAAK;kBAEX,MAAM,EAAE;gDACsB,MAAM,KAAK,KAAK;;;;;;;;;;;wBAjBxC,KAAK;kBAEX,KAAK,EAAE;0BACC,WAAW,GAAG,SAAS;;;;;wBAsLvB,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;2BA1BkB,GAAG;;;gBACD,GAAG;;kBAnI3B,mBAAmB,SAAS,KAAK,KAAG,IAAI;;;AArC9C,wBAsM2E"}

package/dist/components/Form/WFormValidator.vue.js

@@ -123,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         newValue.splice(index, 1);
       validateOnUpdate(newValue);
     };
-    const validate = (silent) => {
+    const doValidate = (silent) => {
       const message = _validate(modelValue.value);
       if (!silent) {
         errorMessage.value = message;
@@ -165,12 +165,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }, { immediate: true });
     watch(required, () => {
       if (hasBeenValidated.value)
-        validate();
+        doValidate();
     });
     onBeforeMount(() => {
       if (props.name) {
         initModel();
-        validateUpdater?.(props.name, validate);
+        validateUpdater?.(props.name, doValidate);
         invalidateUpdater?.(props.name, invalidate);
         initModelUpdater?.(props.name, initModel);
       }

package/dist/components/Form/models/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/models/utils.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,SAAS,sDAAuD,MAAM,MAMlF,CAAA;AAKD,eAAO,MAAM,cAAc,UAAW,MAAM,WAAW,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAQpF,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/models/utils.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,SAAS,8CAA+C,CAAC,OAAO,MAAM,KAAG,CAMrF,CAAA;AAKD,eAAO,MAAM,cAAc,UAAW,MAAM,WAAW,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAQpF,CAAA"}

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

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
 }, {
-    title: string;
     search: string;
+    title: string;
     headerPadding: number;
 }, {}>, {
     title?(_: {}): any;

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

@@ -1,10 +1,11 @@
-declare const _default: <Data extends DefaultData>(__VLS_props: {
+declare const _default: <Model extends string | number, Data extends DefaultData>(__VLS_props: {
     transition?: boolean | undefined;
+    valueGetter?: ((data: Data) => Model) | undefined;
     wrap?: boolean | undefined;
     scrollingElement?: Element | null | undefined;
     queryParams: QueryParams;
-    "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-    selected?: number[] | undefined;
+    "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+    selected?: Model[] | undefined;
     selectOnly?: boolean | undefined;
     unselectOnly?: boolean | undefined;
     "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -60,18 +61,19 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'update:page', value: number | undefined): void;
         (e: 'update:header-padding', value: number): void;
         (e: 'update:count', value: number): void;
-        (e: 'update:selected', values: number[]): void;
+        (e: 'update:selected', values: Model[]): void;
     };
 } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
     resetPage(): void;
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         transition?: boolean | undefined;
+        valueGetter?: ((data: Data) => Model) | undefined;
         wrap?: boolean | undefined;
         scrollingElement?: Element | null | undefined;
         queryParams: QueryParams;
-        "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-        selected?: number[] | undefined;
+        "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+        selected?: Model[] | undefined;
         selectOnly?: boolean | undefined;
         unselectOnly?: boolean | undefined;
         "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -130,7 +132,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'update:page', value: number | undefined): void;
         (e: 'update:header-padding', value: number): void;
         (e: 'update:count', value: number): void;
-        (e: 'update:selected', values: number[]): void;
+        (e: 'update:selected', values: Model[]): void;
     };
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -138,11 +140,12 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     __ctx?: {
         props: {
             transition?: boolean | undefined;
+            valueGetter?: ((data: Data) => Model) | undefined;
             wrap?: boolean | undefined;
             scrollingElement?: Element | null | undefined;
             queryParams: QueryParams;
-            "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-            selected?: number[] | undefined;
+            "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+            selected?: Model[] | undefined;
             selectOnly?: boolean | undefined;
             unselectOnly?: boolean | undefined;
             "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -201,7 +204,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             (e: 'update:page', value: number | undefined): void;
             (e: 'update:header-padding', value: number): void;
             (e: 'update:count', value: number): void;
-            (e: 'update:selected', values: number[]): void;
+            (e: 'update:selected', values: Model[]): void;
         };
     } | undefined;
 };

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":"AA4DA;;;;;iBAwQiB,WAAW;;;;;;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;WA8BvC,GAAG;;;;oDAhMkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;oDATL,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;OA0OuB,IAAI;;;;;qBA5B1D,WAAW;;;;;;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;SA6ByB,IAAI;WACpE,GAAG;;;;oDAhMkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;oDATL,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;;;;;;;yBA8M/B,WAAW;;;;;;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;aA6ByB,IAAI;eACpE,GAAG;;;;wDAhMkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;;wDATL,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;gBAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;gBAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;AAnDhD,wBAmS2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInfiniteList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteList.vue"],"names":[],"mappings":"AA6DA;;;0BAiSyB,IAAI,KAAK,KAAK;;;iBAtBtB,WAAW;;;;;;gBAFZ,kBAAkB,IAAI,CAAC;2BACZ,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;WA+BvC,GAAG;;;kBAnMA,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;kBAVvC,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;OA4OwB,IAAI;;;8BAPlD,IAAI,KAAK,KAAK;;;qBAtBtB,WAAW;;;;;;oBAFZ,kBAAkB,IAAI,CAAC;+BACZ,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;SA8ByB,IAAI;WACpE,GAAG;;;kBAnMA,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;kBAVvC,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;0BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;YAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;;;;kCAqOtB,IAAI,KAAK,KAAK;;;yBAtBtB,WAAW;;;;;;wBAFZ,kBAAkB,IAAI,CAAC;mCACZ,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;aA8ByB,IAAI;eACpE,GAAG;;;sBAnMA,IAAI;mCACS,IAAI,GAAG,SAAS,KAAK,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;sBAVvC,IAAI;mCACS,IAAI,GAAG,SAAS,KAAK,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;8BACO,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;gBAvD3C,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,uBAAuB,SAAS,MAAM,GAAG,IAAI;gBAC7C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;AArD/C,wBAuS2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -28,7 +28,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowPageSelection: { type: Boolean },
     pageClass: { default: void 0 },
     maxPages: { default: void 0 },
-    refetchInterval: { type: [Number, Boolean], default: void 0 }
+    refetchInterval: { type: [Number, Boolean], default: void 0 },
+    valueGetter: { type: Function, default: (item) => item.id }
   },
   emits: ["update:page", "update:header-padding", "update:count", "update:selected"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -100,6 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "page-class": _ctx.pageClass,
           "max-pages": _ctx.maxPages,
           "refetch-interval": _ctx.refetchInterval,
+          "value-getter": _ctx.valueGetter,
           "onUpdate:count": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:count", $event)),
           "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:selected", $event)),
           "onUpdate:page": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:page", $event))
@@ -118,7 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 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"])
+        }, 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"])
       ], 64);
     };
   }

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

@@ -1,10 +1,11 @@
-declare const _default: <Data extends DefaultData>(__VLS_props: {
+declare const _default: <Model extends string | number, Data extends DefaultData>(__VLS_props: {
     transition?: boolean | undefined;
+    valueGetter: (data: Data) => Model;
     wrap?: boolean | undefined;
     scrollingElement?: Element | null | undefined;
     queryParams: QueryParams;
-    "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-    selected?: number[] | undefined;
+    "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+    selected?: Model[] | undefined;
     selectOnly?: boolean | undefined;
     unselectOnly?: boolean | undefined;
     "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -56,18 +57,19 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     emit: {
         (e: 'update:page', value: number | undefined): void;
         (e: 'update:count', value: number): void;
-        (e: 'update:selected', values: number[]): void;
+        (e: 'update:selected', values: Model[]): void;
     };
 } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
     resetPage: () => void;
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         transition?: boolean | undefined;
+        valueGetter: (data: Data) => Model;
         wrap?: boolean | undefined;
         scrollingElement?: Element | null | undefined;
         queryParams: QueryParams;
-        "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-        selected?: number[] | undefined;
+        "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+        selected?: Model[] | undefined;
         selectOnly?: boolean | undefined;
         unselectOnly?: boolean | undefined;
         "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -122,7 +124,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     emit: {
         (e: 'update:page', value: number | undefined): void;
         (e: 'update:count', value: number): void;
-        (e: 'update:selected', values: number[]): void;
+        (e: 'update:selected', values: Model[]): void;
     };
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -130,11 +132,12 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     __ctx?: {
         props: {
             transition?: boolean | undefined;
+            valueGetter: (data: Data) => Model;
             wrap?: boolean | undefined;
             scrollingElement?: Element | null | undefined;
             queryParams: QueryParams;
-            "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-            selected?: number[] | undefined;
+            "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+            selected?: Model[] | undefined;
             selectOnly?: boolean | undefined;
             unselectOnly?: boolean | undefined;
             "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -189,7 +192,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         emit: {
             (e: 'update:page', value: number | undefined): void;
             (e: 'update:count', value: number): void;
-            (e: 'update:selected', values: number[]): void;
+            (e: 'update:selected', values: Model[]): void;
         };
     } | 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":"AA2EA;;;;;iBA0biB,WAAW;;;;;;;2BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;WA8BvC,GAAG;;;;oDAtRkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;;oDARgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;OAwZuB,IAAI;;;;;qBA5B1D,WAAW;;;;;;;+BADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;SA6ByB,IAAI;WACpE,GAAG;;;;oDAtRkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;;oDARgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;;;;;;;yBA4X/B,WAAW;;;;;;;mCADD,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;aA6ByB,IAAI;eACpE,GAAG;;;;wDAtRkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;;wDARgC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;gBA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;;;;AAnDhD,wBAid2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteList/WInfiniteListPages.vue"],"names":[],"mappings":"AA4EA;;;wBAidwB,IAAI,KAAK,KAAK;;;iBAtBrB,WAAW;;;;;;gBAFZ,kBAAkB,IAAI,CAAC;2BACZ,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;WA+BvC,GAAG;;;kBAxRA,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;kBATF,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;OAyZwB,IAAI;;;4BAPnD,IAAI,KAAK,KAAK;;;qBAtBrB,WAAW;;;;;;oBAFZ,kBAAkB,IAAI,CAAC;+BACZ,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;SA8ByB,IAAI;WACpE,GAAG;;;kBAxRA,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;kBATF,IAAI;+BACS,IAAI,GAAG,SAAS,KAAK,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;uBACF,OAAO;cACd,IAAI;;;YA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;;;;gCAkZvB,IAAI,KAAK,KAAK;;;yBAtBrB,WAAW;;;;;;wBAFZ,kBAAkB,IAAI,CAAC;mCACZ,OAAO,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;aA8ByB,IAAI;eACpE,GAAG;;;sBAxRA,IAAI;mCACS,IAAI,GAAG,SAAS,KAAK,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;sBATF,IAAI;mCACS,IAAI,GAAG,SAAS,KAAK,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;2BACF,OAAO;kBACd,IAAI;;;gBA7IN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;AApD/C,wBAmd2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -32,7 +32,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowPageSelection: { type: Boolean },
     pageClass: { default: void 0 },
     maxPages: { default: 5 },
-    refetchInterval: { type: [Number, Boolean], default: void 0 }
+    refetchInterval: { type: [Number, Boolean], default: void 0 },
+    valueGetter: {}
   },
   emits: ["update:page", "update:count", "update:selected"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -180,6 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "page-class": _ctx.pageClass,
               "refetch-interval": _ctx.refetchInterval,
               "scrolling-element": _ctx.scrollingElement,
+              "value-getter": _ctx.valueGetter,
               class: normalizeClass({
                 "last:min-h-[calc(100vh-var(--header-height)-var(--infinite-list-header-height))] last:pb-16": !_ctx.minHeight
               }),
@@ -217,7 +219,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", "class", "onRefetch"]);
+            }, 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", "class", "onRefetch"]);
           }), 128)),
           count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,

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

@@ -1,10 +1,11 @@
-declare const _default: <Data extends DefaultData>(__VLS_props: {
+declare const _default: <Model extends string | number, Data extends DefaultData>(__VLS_props: {
     transition?: boolean | undefined;
+    valueGetter: (data: Data) => Model;
     wrap?: boolean | undefined;
     scrollingElement?: Element | null | undefined;
     queryParams: QueryParams;
-    "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-    selected?: number[] | undefined;
+    "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+    selected?: Model[] | undefined;
     selectOnly?: boolean | undefined;
     unselectOnly?: boolean | undefined;
     "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -64,7 +65,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'error:invalidPage', value: number): void;
         (e: 'refetch'): void;
         (e: 'update-from-header:scroll'): void;
-        (e: 'update:selected', values: number[]): void;
+        (e: 'update:selected', values: Model[]): void;
         (e: 'fetched'): void;
     };
 } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
@@ -74,11 +75,12 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         transition?: boolean | undefined;
+        valueGetter: (data: Data) => Model;
         wrap?: boolean | undefined;
         scrollingElement?: Element | null | undefined;
         queryParams: QueryParams;
-        "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-        selected?: number[] | undefined;
+        "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+        selected?: Model[] | undefined;
         selectOnly?: boolean | undefined;
         unselectOnly?: boolean | undefined;
         "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -143,7 +145,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         (e: 'error:invalidPage', value: number): void;
         (e: 'refetch'): void;
         (e: 'update-from-header:scroll'): void;
-        (e: 'update:selected', values: number[]): void;
+        (e: 'update:selected', values: Model[]): void;
         (e: 'fetched'): void;
     };
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -152,11 +154,12 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     __ctx?: {
         props: {
             transition?: boolean | undefined;
+            valueGetter: (data: Data) => Model;
             wrap?: boolean | undefined;
             scrollingElement?: Element | null | undefined;
             queryParams: QueryParams;
-            "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-            selected?: number[] | undefined;
+            "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+            selected?: Model[] | undefined;
             selectOnly?: boolean | undefined;
             unselectOnly?: boolean | undefined;
             "onUpdate:count"?: ((value: number) => any) | undefined;
@@ -221,7 +224,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
             (e: 'error:invalidPage', value: number): void;
             (e: 'refetch'): void;
             (e: 'update-from-header:scroll'): void;
-            (e: 'update:selected', values: number[]): void;
+            (e: 'update:selected', values: Model[]): void;
             (e: 'fetched'): void;
         };
     } | 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":"AAsHA;;;;;iBAwdiB,WAAW;;;;;;;;;;;;;;;2BAED,OAAO,KAAK,OAAO;oBAC1B,MAAM;eACX,OAAO;cACR,OAAO;;;;;;;;;;;WAuBd,GAAG;;;;oDApSkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;;oDAPgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;YAtKN,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAClD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;YAChB,2BAA2B,GAAG,IAAI;YAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;YAC1C,SAAS,GAAG,IAAI;;;;;;OAybiD,IAAI;;;;;qBA3B1D,WAAW;;;;;;;;;;;;;;;+BAED,OAAO,KAAK,OAAO;wBAC1B,MAAM;mBACX,OAAO;kBACR,OAAO;;;;;;;;;;;;;;;SAsBkD,IAAI;WACpE,GAAG;;;;oDApSkC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;;oDAPgC,IAAI;sBAClC,OAAO;qBACR,MAAM,IAAI;;;mBAGZ,OAAO;kBACR,OAAO;cACT,IAAI;;;YAtKN,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAClD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;YAChB,2BAA2B,GAAG,IAAI;YAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;YAC1C,SAAS,GAAG,IAAI;;;;;;;;;;yBA8ZL,WAAW;;;;;;;;;;;;;;;mCAED,OAAO,KAAK,OAAO;4BAC1B,MAAM;uBACX,OAAO;sBACR,OAAO;;;;;;;;;;;;;;;aAsBkD,IAAI;eACpE,GAAG;;;;wDApSkC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;kBACT,IAAI;;;;wDAPgC,IAAI;0BAClC,OAAO;yBACR,MAAM,IAAI;;;uBAGZ,OAAO;sBACR,OAAO;kBACT,IAAI;;;gBAtKN,cAAc,SAAS,MAAM,GAAG,IAAI;gBACpC,mBAAmB,SAAS,MAAM,GAAG,IAAI;gBACzC,iBAAiB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;gBAC9C,qBAAqB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;gBAClD,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,mBAAmB,SAAS,MAAM,GAAG,IAAI;gBACzC,SAAS,GAAG,IAAI;gBAChB,2BAA2B,GAAG,IAAI;gBAClC,iBAAiB,UAAU,MAAM,EAAE,GAAG,IAAI;gBAC1C,SAAS,GAAG,IAAI;;;;AAnDtB,wBAkf2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"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

@@ -27,7 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     minHeight: { type: Boolean },
     pageClass: { default: void 0 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
-    scrollingElement: { default: void 0 }
+    scrollingElement: { default: void 0 },
+    valueGetter: {}
   },
   emits: ["update:count", "update:pagesCount", "update:nextPage", "update:previousPage", "update:scroll", "error:invalidPage", "refetch", "update-from-header:scroll", "update:selected", "fetched"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -179,9 +180,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "select-only": _ctx.selectOnly,
               "unselect-only": _ctx.unselectOnly,
               reverse: _ctx.reverseSelection,
+              "value-getter": _ctx.valueGetter,
               class: "sm:w-list-row-item sm-not:px-[calc(var(--inner-margin)-2px)] pb-4 pt-6",
               "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:selected", $event))
-            }, null, 8, ["selected", "items", "disabled", "tooltip-text-persisted", "select-only", "unselect-only", "reverse"])) : createCommentVNode("", true),
+            }, null, 8, ["selected", "items", "disabled", "tooltip-text-persisted", "select-only", "unselect-only", "reverse", "value-getter"])) : createCommentVNode("", true),
             !_ctx.hidePageTitle ? (openBlock(), createBlock(_sfc_main$2, {
               key: 1,
               "query-params": _ctx.queryParams,
@@ -205,7 +207,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data).results, (item, index) => {
                     return openBlock(), createElementBlock("div", {
-                      key: item.id,
+                      key: _ctx.valueGetter(item),
                       class: "w-full group"
                     }, [
                       createElementVNode("div", _hoisted_1, [
@@ -226,7 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 3
               }, 8, ["css"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(data).results, (item, index) => {
                 return renderSlot(_ctx.$slots, "default", {
-                  key: item.id,
+                  key: _ctx.valueGetter(item),
                   item,
                   setter: (newItem) => setItem(index, newItem),
                   refetch: emitRefetch,

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

@@ -1,8 +1,9 @@
-declare const _default: <Data extends DefaultData>(__VLS_props: {
+declare const _default: <Model extends string | number, Data extends DefaultData>(__VLS_props: {
     reverse?: boolean | undefined;
     disabled?: boolean | undefined;
-    "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-    selected: number[];
+    valueGetter: (data: Data) => Model;
+    "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+    selected: Model[];
     items: Data[];
     tooltipTextPersisted?: boolean | undefined;
     selectOnly?: boolean | undefined;
@@ -10,13 +11,14 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: {};
-    emit: (e: 'update:selected', values: number[]) => void;
+    emit: (e: 'update:selected', values: Model[]) => void;
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         reverse?: boolean | undefined;
         disabled?: boolean | undefined;
-        "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-        selected: number[];
+        valueGetter: (data: Data) => Model;
+        "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+        selected: Model[];
         items: Data[];
         tooltipTextPersisted?: boolean | undefined;
         selectOnly?: boolean | undefined;
@@ -25,7 +27,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
-    emit: (e: 'update:selected', values: number[]) => void;
+    emit: (e: 'update:selected', values: Model[]) => void;
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
@@ -33,8 +35,9 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         props: {
             reverse?: boolean | undefined;
             disabled?: boolean | undefined;
-            "onUpdate:selected"?: ((values: number[]) => any) | undefined;
-            selected: number[];
+            valueGetter: (data: Data) => Model;
+            "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
+            selected: Model[];
             items: Data[];
             tooltipTextPersisted?: boolean | undefined;
             selectOnly?: boolean | undefined;
@@ -43,7 +46,7 @@ declare const _default: <Data extends DefaultData>(__VLS_props: {
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;
         slots: {};
-        emit: (e: 'update:selected', values: number[]) => void;
+        emit: (e: 'update:selected', values: Model[]) => void;
     } | undefined;
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPageSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPageSelection.vue"],"names":[],"mappings":"AAqBA;;;;;cAmIY,MAAM,EAAE;;;;;;WAcb,GAAG;;cA1HJ,iBAAiB,UAAU,MAAM,EAAE,KAAG,IAAI;yCAyHhC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;kBAb7C,MAAM,EAAE;;;;;;oBAaJ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA1HJ,iBAAiB,UAAU,MAAM,EAAE,KAAG,IAAI;;;;;;;;;sBA4GpC,MAAM,EAAE;;;;;;wBAaJ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;kBA1HJ,iBAAiB,UAAU,MAAM,EAAE,KAAG,IAAI;;;AAjBhD,wBAgJ2E"}
+{"version":3,"file":"InfiniteListPageSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPageSelection.vue"],"names":[],"mappings":"AAqBA;;;;wBA2IsB,IAAI,KAAK,KAAK;;cAPxB,KAAK,EAAE;WACV,IAAI,EAAE;;;;;WAcR,GAAG;;cA3HJ,iBAAiB,UAAU,KAAK,EAAE,KAAG,IAAI;yCA0H/B,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;4BAPnC,IAAI,KAAK,KAAK;;kBAPxB,KAAK,EAAE;eACV,IAAI,EAAE;;;;;oBAaC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA3HJ,iBAAiB,UAAU,KAAK,EAAE,KAAG,IAAI;;;;;;;;gCAmHzB,IAAI,KAAK,KAAK;;sBAPxB,KAAK,EAAE;mBACV,IAAI,EAAE;;;;;wBAaC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;kBA3HJ,iBAAiB,UAAU,KAAK,EAAE,KAAG,IAAI;;;AAlB/C,wBAkJ2E"}

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

@@ -10,14 +10,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tooltipTextPersisted: { type: Boolean },
     selectOnly: { type: Boolean },
     unselectOnly: { type: Boolean },
-    reverse: { type: Boolean }
+    reverse: { type: Boolean },
+    valueGetter: { type: Function }
   },
   emits: ["update:selected"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const ids = computed(() => props.items.map((item) => item.id));
-    const selectedItems = computed(() => ids.value.filter((id) => props.selected.includes(id)));
+    const models = computed(() => props.items.map((item) => props.valueGetter(item)));
+    const selectedItems = computed(() => models.value.filter((item) => props.selected.includes(item)));
     const hasSelected = computed(() => selectedItems.value.length !== 0);
     const chekboxValue = computed(() => {
       if (props.selectOnly)
@@ -34,9 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tooltipText = computed(() => `${chekboxValueReversed.value === true ? "Unselect" : "Select"} page (${props.items.length} item${props.items.length === 1 ? "" : "s"})`);
     const selectOrUnselect = (isSelect) => {
       if (props.reverse ? !isSelect : isSelect) {
-        emit("update:selected", [...props.selected, ...ids.value].filter((id, index, arr) => arr.indexOf(id) === index));
+        emit("update:selected", [...props.selected, ...models.value].filter((item, index, arr) => arr.indexOf(item) === index));
       } else {
-        emit("update:selected", props.selected.filter((id) => !ids.value.includes(id)));
+        emit("update:selected", props.selected.filter((item) => !models.value.includes(item)));
       }
     };
     return (_ctx, _cache) => {

package/dist/components/Input/WInputOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAiFA;AAEA,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;QAMmB,MAAM;;QAA+B,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAsYhI,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;OAkWmB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAJ,IAAI;WACpE,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAkWmB,IAAI;eACpE,GAAG;;2BA/DkB,GAAG;;;;;gBACF,GAAG;;kBArS1B,oBAAoB,qDAAsB,IAAI;;;AAnCpD,wBA2Y2E"}
+{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAiFA;AAEA,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;QAMmB,MAAM;;QAA+B,MAAM;;WA4W9H,IAAI,GAAG,SAAS;;;;;;0BAFD,MAAM;;;;;;;;;;;;;aADnB,MAAM,EAAE;;;gBASoB,MAAM;;;;;;;WAoBtC,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;OAkWmB,IAAI;;eAzBlE,IAAI,GAAG,SAAS;;;;;;8BAFD,MAAM;;;;;;;;;;;;;iBADnB,MAAM,EAAE;;;oBASoB,MAAM;;;;;;;;;;SAmB0B,IAAI;WACpE,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;;;mBAyU3C,IAAI,GAAG,SAAS;;;;;;kCAFD,MAAM;;;;;;;;;;;;;qBADnB,MAAM,EAAE;;;wBASoB,MAAM;;;;;;;;;;aAmB0B,IAAI;eACpE,GAAG;;2BA/DkB,GAAG;;;;;gBACF,GAAG;;kBArS1B,oBAAoB,qDAAsB,IAAI;;;AAnCpD,wBA2Y2E"}

package/dist/components/Select/WSelect.vue.d.ts

@@ -1,11 +1,11 @@
 import { type Component } from 'vue';
 declare const _default: <Item extends string | number = string>(__VLS_props: {
     required?: boolean | undefined;
+    search: string;
     title?: string | undefined;
     onSelect?: ((item: string | number) => any) | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    search: string;
     modelValue: Item[];
     icon?: SVGComponent | undefined;
     readonly?: boolean | undefined;
@@ -55,11 +55,11 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         required?: boolean | undefined;
+        search: string;
         title?: string | undefined;
         onSelect?: ((item: string | number) => any) | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        search: string;
         modelValue: Item[];
         icon?: SVGComponent | undefined;
         readonly?: boolean | undefined;
@@ -113,11 +113,11 @@ declare const _default: <Item extends string | number = string>(__VLS_props: {
     __ctx?: {
         props: {
             required?: boolean | undefined;
+            search: string;
             title?: string | undefined;
             onSelect?: ((item: string | number) => any) | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
-            search: string;
             modelValue: Item[];
             icon?: SVGComponent | undefined;
             readonly?: boolean | undefined;

package/dist/components/Select/WSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AA0KA;AAEA,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;;;;;YAwnB/D,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA+BT,GAAG;;;;;;YArEoB,GAAG;uBACL,GAAG;;;YAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACxC,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;OAwmB4B,IAAI;;;;;;;gBA9BjE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA8BuD,IAAI;WACpE,GAAG;;;;;;YArEoB,GAAG;uBACL,GAAG;;;YAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACxC,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;;;;;oBA0kBjC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aA8BuD,IAAI;eACpE,GAAG;;;;;;gBArEoB,GAAG;2BACL,GAAG;;;gBAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;gBACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;gBACxC,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AAtC3C,wBAopB2E"}
+{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AA0KA;AAEA,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;;YAwnB/D,MAAM;;;;;gBADF,IAAI,EAAE;;;;;;;;;;;;;;;aAET,IAAI,EAAE;;;gBAOsB,IAAI;;;;;;;;;;WAuBpC,GAAG;;;;;;YArEoB,GAAG;uBACL,GAAG;;;YAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACxC,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;OAwmB4B,IAAI;;;gBA9BjE,MAAM;;;;;oBADF,IAAI,EAAE;;;;;;;;;;;;;;;iBAET,IAAI,EAAE;;;oBAOsB,IAAI;;;;;;;;;;;;;SAsB4B,IAAI;WACpE,GAAG;;;;;;YArEoB,GAAG;uBACL,GAAG;;;YAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;YACxC,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;;oBA0kBjC,MAAM;;;;;wBADF,IAAI,EAAE;;;;;;;;;;;;;;;qBAET,IAAI,EAAE;;;wBAOsB,IAAI;;;;;;;;;;;;;aAsB4B,IAAI;eACpE,GAAG;;;;;;gBArEoB,GAAG;2BACL,GAAG;;;gBAxiBzB,QAAQ,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;gBACtC,UAAU,QAAQ,MAAM,GAAG,MAAM,GAAG,IAAI;gBACxC,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AAtC3C,wBAopB2E"}