eco-vue-js 0.9.21 → 0.9.23

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAoNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA6C9C,iBAAS,cAAc;;uBA6PI,GAAG;0BACC,GAAG;;;gCAzQP,OAAO,KAAG,IAAI;;YA0Qb,GAAG;;;gCA1QJ,OAAO,KAAG,IAAI;;YA2QX,GAAG;uBACL,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAsNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA6C9C,iBAAS,cAAc;;uBA6PI,GAAG;0BACC,GAAG;;;gCAzQP,OAAO,KAAG,IAAI;;YA0Qb,GAAG;;;gCA1QJ,OAAO,KAAG,IAAI;;YA2QX,GAAG;uBACL,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/FieldWrapper/WFieldWrapper.vue.js

@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const id = useId();
     const focused = ref(false);
     const encodedQueryParam = computed(() => {
-      if (!props.filterField) return void 0;
+      if (props.filterField === void 0) return void 0;
       return encodeQueryParam(props.filterValue === void 0 ? props.modelValue : props.filterValue);
     });
     const setFocused = (value) => {
@@ -119,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "subtitle"),
           createElementVNode("div", {
             class: normalizeClass(["grid grid-cols-[1fr,auto]", {
-              "pr-9": !_ctx.title && !_ctx.$slots.title && _ctx.filterField && encodedQueryParam.value
+              "pr-9": !_ctx.title && !_ctx.$slots.title && _ctx.filterField
             }])
           }, [
             !_ctx.skeleton ? (openBlock(), createElementBlock("div", {
@@ -180,12 +180,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [
               renderSlot(_ctx.$slots, "right")
             ], 512)) : createCommentVNode("", true),
-            !_ctx.title && !_ctx.$slots.title && _ctx.filterField && encodedQueryParam.value ? (openBlock(), createBlock(_sfc_main$1, {
+            !_ctx.title && !_ctx.$slots.title && _ctx.filterField ? (openBlock(), createBlock(_sfc_main$1, {
               key: 3,
               "filter-field": _ctx.filterField,
               "encoded-query-param": encodedQueryParam.value,
+              skeleton: _ctx.skeleton,
               class: "absolute right-0 self-center"
-            }, null, 8, ["filter-field", "encoded-query-param"])) : createCommentVNode("", true)
+            }, null, 8, ["filter-field", "encoded-query-param", "skeleton"])) : createCommentVNode("", true)
           ], 2)
         ], 10, _hoisted_1),
         _ctx.description ? (openBlock(), createElementBlock("div", {

package/dist/components/FieldWrapper/components/FilterButton.vue.d.ts

@@ -1,9 +1,11 @@
 declare const _default: import('vue').DefineComponent<{
     filterField: string;
-    encodedQueryParam: EncodeQueryParam<unknown>;
+    encodedQueryParam: EncodeQueryParam<unknown> | undefined;
+    skeleton?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     filterField: string;
-    encodedQueryParam: EncodeQueryParam<unknown>;
+    encodedQueryParam: EncodeQueryParam<unknown> | undefined;
+    skeleton?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=FilterButton.vue.d.ts.map

package/dist/components/FieldWrapper/components/FilterButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/components/FilterButton.vue"],"names":[],"mappings":";iBA2Be,MAAM;uBACA,gBAAgB,CAAC,OAAO,CAAC;;iBAD/B,MAAM;uBACA,gBAAgB,CAAC,OAAO,CAAC;;AAyE9C,wBAMG"}
+{"version":3,"file":"FilterButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/components/FilterButton.vue"],"names":[],"mappings":";iBAkCe,MAAM;uBACA,gBAAgB,CAAC,OAAO,CAAC,GAAG,SAAS;eAC7C,OAAO;;iBAFL,MAAM;uBACA,gBAAgB,CAAC,OAAO,CAAC,GAAG,SAAS;eAC7C,OAAO;;AAgFpB,wBAMG"}

package/dist/components/FieldWrapper/components/FilterButton.vue.js

@@ -1,15 +1,21 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref } from 'vue';
 import IconFilter from '../../../assets/icons/sax/IconFilter.svg.js';
 
+const _hoisted_1 = {
+  key: 0,
+  class: "square-5"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FilterButton",
   props: {
     filterField: {},
-    encodedQueryParam: {}
+    encodedQueryParam: {},
+    skeleton: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
+      return _ctx.skeleton || !_ctx.encodedQueryParam ? (openBlock(), createElementBlock("div", _hoisted_1)) : (openBlock(), createElementBlock("button", {
+        key: 1,
         class: normalizeClass(["w-ripple w-ripple-hover rounded p-0.5", {
           "text-description": _ctx.$route.query[_ctx.filterField] !== _ctx.encodedQueryParam,
           "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam
@@ -17,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.replace({ query: { ..._ctx.$route.query, [_ctx.filterField]: _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam ? void 0 : _ctx.encodedQueryParam } }))
       }, [
         createVNode(unref(IconFilter), { class: "square-4" })
-      ], 2);
+      ], 2));
     };
   }
 });

package/dist/components/Form/WForm.vue.d.ts

@@ -1,3 +1,4 @@
+import { ValidatePath } from './models/utils';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -12,14 +13,18 @@ declare const __VLS_component: import('vue').DefineComponent<{
     noTag?: boolean;
 }, {
     isValid: import('vue').ComputedRef<boolean>;
-    hasChanges: import('vue').ComputedRef<boolean>;
-    hasValue: import('vue').ComputedRef<boolean | null>;
-    validate: (silent?: boolean, path?: import('./use/useFormValidateMap').ValidatePath) => string | undefined;
-    invalidate: (payload: {
-        [x: string]: string | string[] | undefined;
-    }) => void;
-    initModel: () => void;
-    errorMessage: import('vue').ComputedRef<string>;
+    hasChanges: import('vue').Ref<boolean, boolean>;
+    hasChangesMap: import('vue').Ref<Record<string, boolean>, Record<string, boolean>>;
+    hasValue: import('vue').Ref<boolean | null, boolean | null>;
+    hasValueMap: import('vue').Ref<Record<string, boolean | null>, Record<string, boolean | null>>;
+    validate: import('vue').Ref<(silent?: boolean, path?: ValidatePath) => string | undefined, (silent?: boolean, path?: ValidatePath) => string | undefined>;
+    validateMap: import('vue').Ref<Record<string, (silent?: boolean, path?: ValidatePath) => string | undefined>, Record<string, (silent?: boolean, path?: ValidatePath) => string | undefined>>;
+    invalidate: import('vue').Ref<(messages: Record<string, string | string[] | undefined>) => void, (messages: Record<string, string | string[] | undefined>) => void>;
+    invalidateMap: import('vue').Ref<Record<string, (messages: Record<string, string | string[] | undefined>) => void>, Record<string, (messages: Record<string, string | string[] | undefined>) => void>>;
+    initModel: import('vue').Ref<() => void, () => void>;
+    initModelMap: import('vue').Ref<Record<string, () => void>, Record<string, () => void>>;
+    errorMessage: import('vue').Ref<string | undefined, string | undefined>;
+    errorMessageMap: import('vue').Ref<Record<string, string | undefined>, Record<string, string | undefined>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:has-changes": (value: boolean) => any;
     "update:is-valid": (value: boolean | undefined) => any;

package/dist/components/Form/WForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WForm.vue"],"names":[],"mappings":"AAgLA,iBAAS,cAAc;;yBA+BM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAvIZ,MAAM;YACL,MAAM;YACN,OAAO;;;;;;;;;;;;;;;;WAFR,MAAM;YACL,MAAM;YACN,OAAO;;;;;kFAiJf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WForm.vue"],"names":[],"mappings":"AAkKA,OAAO,EAAC,KAAK,YAAY,EAAiB,MAAM,gBAAgB,CAAA;AA0KhE,iBAAS,cAAc;;yBA+BM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA7NZ,MAAM;YACL,MAAM;YACN,OAAO;;;;;;;;;;;;;;;;;;;;WAFR,MAAM;YACL,MAAM;YACN,OAAO;;;;;kFAuOf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,13 +1,8 @@
-import { defineComponent, toRef, provide, inject, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
+import { defineComponent, toRef, computed, provide, inject, watch, onBeforeUnmount, openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../EmptyComponent/WEmptyComponent.vue.js';
-import { wFormUnlistener } from './models/injection.js';
-import { useFormErrorMessageMap } from './use/useFormErrorMessageMap.js';
-import { useFormHasChangesMap } from './use/useFormHasChangesMap.js';
-import { useFormHasValueMap } from './use/useFormHasValueMap.js';
-import { useFormInitModelMap } from './use/useFormInitModelMap.js';
-import { useFormInvalidateMap } from './use/useFormInvalidateMap.js';
-import { useFormTitleMap } from './use/useFormTitleMap.js';
-import { useFormValidateMap } from './use/useFormValidateMap.js';
+import { wFormTitleUpdater, wFormUnlistener, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormValidateUpdater, wFormInvalidateUpdater, wFormInitModelUpdater } from './models/injection.js';
+import { compileMessage } from './models/utils.js';
+import { useFormValueMap } from './use/useFormValueMap.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WForm",
@@ -21,27 +16,80 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const name = toRef(props, "name");
-    const { titleGetter, titleMapUnlistener } = useFormTitleMap(name, toRef(props, "title"));
-    const { errorMessageMapUnlistener, isValid, errorMessage, errorMessageMap } = useFormErrorMessageMap(name, titleGetter);
-    const { hasChangesMapUnlistener, hasChanges } = useFormHasChangesMap(name);
-    const { hasValueMapUnlistener, hasValue } = useFormHasValueMap(name);
-    const { validateMapUnlistener, validate } = useFormValidateMap(name, titleGetter, (value) => emit("update:is-valid", value));
-    const { invalidateMapUnlistener, invalidate } = useFormInvalidateMap(name);
-    const { initModelMapUnlistener, initModel } = useFormInitModelMap(name);
+    const titleMap = useFormValueMap(wFormTitleUpdater, name, toRef(props, "title"));
+    const titleGetter = (key) => {
+      return titleMap.map.value[key] ?? "";
+    };
+    const errorMessageMap = useFormValueMap(
+      wFormErrorMessageUpdater,
+      name,
+      (map) => computed(() => Object.keys(map.value).map((key) => compileMessage(titleGetter(key), map.value[key])).filter((item) => item).join("\n") || void 0)
+    );
+    const isValid = computed(() => !Object.values(errorMessageMap.map.value).some((item) => item));
+    const hasChangesMap = useFormValueMap(
+      wFormHasChangesUpdater,
+      name,
+      (map) => computed(() => Object.values(map.value).some((value) => value))
+    );
+    const hasValueMap = useFormValueMap(
+      wFormHasValueUpdater,
+      name,
+      (map) => computed(() => {
+        const items = Object.values(map.value);
+        if (items.length === 0) return null;
+        return items.length !== 0 && items.every((value) => value);
+      })
+    );
+    const validateMap = useFormValueMap(
+      wFormValidateUpdater,
+      name,
+      (map) => (silent, path) => {
+        const messages = Object.keys(map.value).map((key) => {
+          return compileMessage(
+            titleGetter(key),
+            map.value[key](
+              silent,
+              path?.[key] instanceof Object ? path[key] : path?.[key] === true ? void 0 : path
+            )
+          );
+        }).filter((item) => item);
+        if (!silent) emit("update:is-valid", messages.length === 0);
+        return messages.length === 0 ? void 0 : messages.join("\n");
+      }
+    );
+    const invalidateMap = useFormValueMap(
+      wFormInvalidateUpdater,
+      name,
+      (map) => (payload) => {
+        const value = name.value ? payload[name.value] ?? payload : payload;
+        Object.keys(map.value).forEach((key) => {
+          map.value[key]?.(value);
+        });
+      }
+    );
+    const initModelMap = useFormValueMap(
+      wFormInitModelUpdater,
+      name,
+      (map) => () => {
+        Object.keys(map.value).forEach((key) => {
+          map.value[key]?.();
+        });
+      }
+    );
     const unlistener = (key) => {
-      titleMapUnlistener(key);
-      errorMessageMapUnlistener(key);
-      hasChangesMapUnlistener(key);
-      hasValueMapUnlistener(key);
-      validateMapUnlistener(key);
-      invalidateMapUnlistener(key);
-      initModelMapUnlistener(key);
+      titleMap.unlistener(key);
+      errorMessageMap.unlistener(key);
+      hasChangesMap.unlistener(key);
+      hasValueMap.unlistener(key);
+      validateMap.unlistener(key);
+      invalidateMap.unlistener(key);
+      initModelMap.unlistener(key);
     };
     provide(wFormUnlistener, unlistener);
     const unlistenerInjected = inject(wFormUnlistener, void 0);
-    watch(errorMessageMap, () => emit("update:is-valid", isValid.value));
-    watch(hasChanges, (value) => emit("update:has-changes", value));
-    watch(hasValue, (value) => emit("update:has-value", value));
+    watch(errorMessageMap.map, () => emit("update:is-valid", isValid.value));
+    watch(hasChangesMap.value, (value) => emit("update:has-changes", value));
+    watch(hasValueMap.value, (value) => emit("update:has-value", value));
     onBeforeUnmount(() => {
       if (props.name) {
         unlistenerInjected?.(props.name);
@@ -50,12 +98,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     __expose({
       isValid,
-      hasChanges,
-      hasValue,
-      validate,
-      invalidate,
-      initModel,
-      errorMessage
+      hasChanges: hasChangesMap.value,
+      hasChangesMap: hasChangesMap.map,
+      hasValue: hasValueMap.value,
+      hasValueMap: hasValueMap.map,
+      validate: validateMap.value,
+      validateMap: validateMap.map,
+      invalidate: invalidateMap.value,
+      invalidateMap: invalidateMap.map,
+      initModel: initModelMap.value,
+      initModelMap: initModelMap.map,
+      errorMessage: errorMessageMap.value,
+      errorMessageMap: errorMessageMap.map
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.noTag ? _sfc_main$1 : "div"), null, {

package/dist/components/Form/WFormValidator.vue.d.ts

@@ -1,8 +1,9 @@
+import { VNode } from 'vue';
 declare function __VLS_template(): {
     slots: Readonly<{
-        default: () => void;
+        default: () => VNode[];
     }> & {
-        default: () => void;
+        default: () => VNode[];
     };
     refs: {
         component: unknown;

package/dist/components/Form/WFormValidator.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AA4mBA,iBAAS,cAAc;;iBAbZ,MAAM,IAAI;;iBAAV,MAAM,IAAI;;;;;WA4GP,OAAO,IAA6B;EAEjD;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAjaZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;wBAuQE,MAAM;qBAxEN,IAAI;;;;;;;WArMjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;;;;kFAwalB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAsTA,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AA4TtH,iBAAS,cAAc;;iBAbZ,MAAM,KAAK,EAAE;;iBAAb,MAAM,KAAK,EAAE;;;;;WA4GV,OAAO,IAA6B;EAEjD;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAtaZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;wBA4QE,MAAM;qBA5EN,IAAI;;;;;;;WAtMjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;eACR,OAAO;;;;;;kFA6alB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -58,6 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const initModelValue = ref();
     const required = computed(() => componentSlot.value?.props?.required !== void 0 ? componentSlot.value?.props?.required !== false : void 0);
     const mandatory = computed(() => componentSlot.value?.props?.mandatory !== void 0 ? componentSlot.value?.props?.mandatory !== false : void 0);
+    const skeleton = computed(() => componentSlot.value?.props?.skeleton !== void 0 ? componentSlot.value?.props?.skeleton !== false : void 0);
     const title = computed(() => props.title ?? componentSlot.value?.props?.title);
     const errorMessage = ref(null);
     const hasChanges = computed(() => {
@@ -199,6 +200,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(required, () => {
       if (hasBeenValidated.value) doValidate();
     });
+    watch(skeleton, (value) => {
+      if (!value) initModel();
+    });
     onBeforeMount(() => {
       if (props.name) {
         initModel();

package/dist/components/Form/models/injection.d.ts

@@ -1,9 +1,10 @@
+import { ValidatePath } from './utils';
 import { InjectionKey } from 'vue';
 export declare const wFormTitleUpdater: InjectionKey<(key: string, value: string | undefined) => void>;
 export declare const wFormErrorMessageUpdater: InjectionKey<(key: string, value: string | undefined) => void>;
 export declare const wFormHasChangesUpdater: InjectionKey<(key: string, value: boolean) => void>;
 export declare const wFormHasValueUpdater: InjectionKey<(key: string, value: boolean | null) => void>;
-export declare const wFormValidateUpdater: InjectionKey<(key: string, value: () => string | undefined) => void>;
+export declare const wFormValidateUpdater: InjectionKey<(key: string, value: (silent?: boolean, path?: ValidatePath) => string | undefined) => void>;
 export declare const wFormInvalidateUpdater: InjectionKey<(key: string, value: (messages: Record<string, string | string[] | undefined>) => void) => void>;
 export declare const wFormInitModelUpdater: InjectionKey<(key: string, value: () => void) => void>;
 export declare const wFormUnlistener: InjectionKey<(key: string) => void>;

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

@@ -1 +1 @@
-{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/models/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,KAAK,CAAA;AAErC,eAAO,MAAM,iBAAiB,EAAkC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE9H,eAAO,MAAM,wBAAwB,EAAyC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE5I,eAAO,MAAM,sBAAsB,EAAuC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;AAE7H,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;AAEhI,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE1I,eAAO,MAAM,sBAAsB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC,CAAA;AAErL,eAAO,MAAM,qBAAqB,EAAsC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC,CAAA;AAE9H,eAAO,MAAM,eAAe,EAAgC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,CAAA"}
+{"version":3,"file":"injection.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/models/injection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,KAAK,CAAA;AAErC,eAAO,MAAM,iBAAiB,EAAkC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE9H,eAAO,MAAM,wBAAwB,EAAyC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE5I,eAAO,MAAM,sBAAsB,EAAuC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;AAE7H,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;AAEhI,eAAO,MAAM,oBAAoB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,YAAY,KAAK,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,CAAA;AAE/K,eAAO,MAAM,sBAAsB,EAAqC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,IAAI,KAAK,IAAI,CAAC,CAAA;AAErL,eAAO,MAAM,qBAAqB,EAAsC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC,CAAA;AAE9H,eAAO,MAAM,eAAe,EAAgC,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,CAAA"}

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

@@ -1,4 +1,7 @@
 export declare const removeKey: <T extends Record<string, unknown>>(entity: T, key: string) => T;
 export declare const compileMessage: (title: string | undefined, message: string | undefined) => string | undefined;
 export declare const scrollToValidator: (element: HTMLElement) => void;
+export type ValidatePath = {
+    [Key in string]: boolean | ValidatePath;
+};
 //# sourceMappingURL=utils.d.ts.map

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":"AAEA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,MAAM,KAAG,CAMrF,CAAA;AAKD,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,SAAS,WAAW,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAShG,CAAA;AAED,eAAO,MAAM,iBAAiB,YAAsB,WAAW,KAAG,IAM3D,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/models/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,MAAM,KAAG,CAMrF,CAAA;AAKD,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,SAAS,WAAW,MAAM,GAAG,SAAS,KAAG,MAAM,GAAG,SAShG,CAAA;AAED,eAAO,MAAM,iBAAiB,YAAsB,WAAW,KAAG,IAM3D,CAAA;AAEP,MAAM,MAAM,YAAY,GAAG;KACxB,GAAG,IAAI,MAAM,GAAG,OAAO,GAAG,YAAY;CACxC,CAAA"}

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

@@ -12,11 +12,6 @@ import '../../Input/WInputDate.vue.js';
 import '../../Link/WLink.vue.js';
 import '@tanstack/vue-query';
 
-const removeKey = (entity, key) => {
-  const result = { ...entity };
-  delete result[key];
-  return result;
-};
 const fieldMessageStart = " - ";
 const subformMessageStart = " ";
 const compileMessage = (title, message) => {
@@ -37,4 +32,4 @@ const scrollToValidator = throttle((element) => {
   });
 }, 300);
 
-export { compileMessage, removeKey, scrollToValidator };
+export { compileMessage, scrollToValidator };

package/dist/components/Form/use/useFormValueMap.d.ts

@@ -0,0 +1,7 @@
+import { InjectionKey, Ref } from 'vue';
+export declare const useFormValueMap: <Value, ValueGetter extends Ref<Value> | ((map: Ref<Record<string, Value>>) => Value) | ((map: Ref<Record<string, Value>>) => Ref<Value>)>(injectionKey: InjectionKey<(key: string, value: Value) => void>, name: Ref<string | undefined>, valueGetter: ValueGetter) => {
+    unlistener(key: string): void;
+    map: Ref<Record<string, Value>>;
+    value: ValueGetter extends () => unknown ? ReturnType<ValueGetter> : Ref<Value>;
+};
+//# sourceMappingURL=useFormValueMap.d.ts.map

package/dist/components/Form/use/useFormValueMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormValueMap.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/use/useFormValueMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,GAAG,EAAoD,MAAM,KAAK,CAAA;AAElG,eAAO,MAAM,eAAe,GAAI,KAAK,EAAE,WAAW,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,gBACxJ,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,QACzD,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,eAChB,WAAW,KACvB;IACD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,WAAW,SAAS,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;CAwChF,CAAA"}

package/dist/components/Form/use/useFormValueMap.js

@@ -0,0 +1,36 @@
+import { ref, provide, inject, isRef, watch, onBeforeMount } from 'vue';
+
+const useFormValueMap = (injectionKey, name, valueGetter) => {
+  const map = ref({});
+  const updater = (key, value2) => {
+    if (value2 === null || value2 === void 0) unlistener(key);
+    else map.value[key] = value2;
+    if (!name.value) updaterInjected?.(key, value2);
+  };
+  const unlistener = (key) => {
+    if (key in map.value) delete map.value[key];
+  };
+  provide(injectionKey, updater);
+  const updaterInjected = inject(injectionKey, void 0);
+  const value = isRef(valueGetter) ? valueGetter : valueGetter(map);
+  if (isRef(value)) {
+    watch(value, (value2) => {
+      if (name.value) {
+        updaterInjected?.(name.value, value2);
+      }
+    }, { immediate: true });
+  } else {
+    onBeforeMount(() => {
+      if (name.value) {
+        updaterInjected?.(name.value, value);
+      }
+    });
+  }
+  return {
+    unlistener,
+    map,
+    value
+  };
+};
+
+export { useFormValueMap };

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":"yBAgXiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4cxD,mBAAmB,CAAC;qBAxcb,WAAW;oBACZ,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;wBAChC,MAAM;mBACX,OAAO;kBACR,OAAO;wBACD,OAAO;eAChB,OAAO;gBACN,OAAO;qBACF,OAAO;oBACR,OAAO;oBACP,MAAM;oBACN,OAAO;oBACP,OAAO;oBACP,MAAM;0BACA,MAAM,GAAG,KAAK;2BACb,OAAO,GAAG,IAAI;uBAClB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAibuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;2BAjWvB,MAAM;MAiWuC,GAAG,IAAI;WACpE,GAAG;;kBAhPD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;kBAXA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;;YA7LN,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,kBAAkB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC/C,sBAAsB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YACnD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,aAAa,SAAS,MAAM,GAAG,IAAI;YACnC,SAAS,GAAG,IAAI;YAChB,2BAA2B,GAAG,IAAI;YAClC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;;;;;YA8ZsB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtdvE,wBAsd4E;AAC5E,KAAK,mBAAmB,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":"yBA4WiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAscxD,mBAAmB,CAAC;qBAlcb,WAAW;oBACZ,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;wBAChC,MAAM;mBACX,OAAO;kBACR,OAAO;wBACD,OAAO;eAChB,OAAO;gBACN,OAAO;qBACF,OAAO;oBACR,OAAO;oBACP,MAAM;oBACN,OAAO;oBACP,OAAO;oBACP,MAAM;0BACA,MAAM,GAAG,KAAK;2BACb,OAAO,GAAG,IAAI;uBAClB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KA2auD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;2BA3VvB,MAAM;MA2VuC,GAAG,IAAI;WACpE,GAAG;;kBA1OD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;kBAXA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;SACd,KAAK,IAAI;;;YA7LN,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,kBAAkB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YAC/C,sBAAsB,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI;YACnD,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,aAAa,SAAS,MAAM,GAAG,IAAI;YACnC,SAAS,GAAG,IAAI;YAChB,2BAA2B,GAAG,IAAI;YAClC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;YACzC,SAAS,GAAG,IAAI;;;;;YAwZsB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhdvE,wBAgd4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, Fragment, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
+import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, unref, Fragment, createElementVNode, normalizeClass, createBlock, createCommentVNode, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
 import _sfc_main$3 from '../../EmptyComponent/WEmptyComponent.vue.js';
 import '../../Button/WButtonAction.vue.js';
 import '../../Button/WButton.vue.js';
@@ -15,7 +15,11 @@ import '../../Input/WInputDate.vue.js';
 import '../../Link/WLink.vue.js';
 import '@tanstack/vue-query';
 
-const _hoisted_1 = { class: "py-1.25 sm-not:px-3 cursor-default select-none" };
+const _hoisted_1 = {
+  ref: "element",
+  class: "relative"
+};
+const _hoisted_2 = { class: "py-1.25 sm-not:px-3 cursor-default select-none" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListPage",
   props: {
@@ -170,13 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       scrollTo
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref: "element",
-        class: normalizeClass(["relative", {
-          "last:min-h-[calc(100vh-var(--header-height)-var(--infinite-list-header-height))] last:pb-16": !_ctx.minHeight,
-          "last:min-h-full": _ctx.minHeight && !unref(data)
-        }])
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         page.value && unref(data)?.results.length !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("div", {
             class: normalizeClass(["flex", {
@@ -269,9 +267,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "pb-2": _ctx.minHeight && !_ctx.lastChild
           }])
         }, [
-          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.emptyStub), 1)
+          createElementVNode("div", _hoisted_2, toDisplayString(_ctx.emptyStub), 1)
         ], 2))
-      ], 2);
+      ], 512);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"yBAgUiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAglBxD,mBAAmB,CAAC;;;;;oBA5kBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;eAChB,OAAO;gBACN,OAAO;qBACF,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAmjBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CArbP,MAAM;MAqbuB,GAAG,IAAI;WACpE,GAAG;;kBApYD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;kBAbA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;;YAzKN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;YAmiBH,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1lBvE,wBA0lB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"yBA2UiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgmBxD,mBAAmB,CAAC;;;;;oBA5lBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;eAChB,OAAO;gBACN,OAAO;qBACF,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAmkBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CAlcP,MAAM;MAkcuB,GAAG,IAAI;WACpE,GAAG;;kBA7YD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;kBAbA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;;YAhLN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;;;;;YAmjBH,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1mBvE,wBA0mB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, computed, watch, toRef, openBlock, createBlock, normalizeStyle, withCtx, unref, createCommentVNode, createElementBlock, Fragment, renderList, nextTick, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, watch, toRef, openBlock, createBlock, normalizeStyle, normalizeClass, withCtx, unref, createCommentVNode, createElementBlock, Fragment, renderList, nextTick, renderSlot } from 'vue';
 import { isEqualObj } from '../../../utils/utils.js';
 import _sfc_main$2 from './InfiniteListButton.vue.js';
 import _sfc_main$3 from './InfiniteListPage.vue.js';
@@ -102,6 +102,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (index === -1) return;
       const newPages = pages.value.slice(0, pages.value.length - index);
       pages.value = newPages.length === 0 ? [1] : newPages;
+      if (pagesCount.value >= page) pagesCount.value = page - 1;
+      if (nextPage.value === page) nextPage.value = null;
       emit("update:page", pages.value[pages.value.length - 1]);
     };
     const goto = async (page = 1, itemIndex) => {
@@ -116,6 +118,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isResettingPage.value = true;
       emit("update:page", page === 1 ? void 0 : page);
       pages.value = [];
+      const element = props.scrollingElement ?? document.scrollingElement;
+      const value = (infiniteScrollRef.value?.$el.offsetTop ?? 0) - props.headerHeight - 60;
+      if (element && element.scrollTop > value) element.scrollTop = value;
       await nextTick();
       pages.value = [page];
       nextPage.value = null;
@@ -123,7 +128,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     watch(toRef(props, "queryParams"), (newValue, oldValue) => {
       if (isEqualObj(newValue, oldValue, ["page", ...props.excludeParams ?? []])) return;
-      if (pages.value.length === 1 && pages.value[0] === 1) return;
       resetPage();
     });
     watch(pagesCount, (value) => {
@@ -141,6 +145,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: "infiniteScroll",
         "scrolling-element": _ctx.scrollingElement,
         style: normalizeStyle({ "--infinite-list-header-height": _ctx.headerHeight + "px" }),
+        class: normalizeClass({
+          "min-h-[calc(100vh-var(--header-height)-var(--infinite-list-header-height))] pb-16": !_ctx.minHeight,
+          "min-h-full": _ctx.minHeight
+        }),
         "onScroll:down": addNextPage,
         "onScroll:up": addPreviousPage
       }, {
@@ -219,7 +227,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 8, ["scrolling-element", "style"]);
+      }, 8, ["scrolling-element", "style", "class"]);
     };
   }
 });

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

@@ -2,7 +2,9 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        container: HTMLDivElement;
+    };
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -19,7 +21,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
 }> & Readonly<{
     "onScroll:up"?: (() => any) | undefined;
     "onScroll:down"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListScroll.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListScroll.vue"],"names":[],"mappings":"AA4IA,iBAAS,cAAc;;yBA0BM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;sBApHD,OAAO,GAAG,IAAI;;;;;;;;sBAAd,OAAO,GAAG,IAAI;;;;kFA+HhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InfiniteListScroll.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListScroll.vue"],"names":[],"mappings":"AAgJA,iBAAS,cAAc;;yBA4BM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;sBAzHD,OAAO,GAAG,IAAI;;;;;;;;sBAAd,OAAO,GAAG,IAAI;;;;;;OAqIhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,6 +1,7 @@
-import { defineComponent, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, renderSlot } from 'vue';
 import { getIsScrollUp, getIsScrollDown } from '../models/utils.js';
 
+const _hoisted_1 = { ref: "container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListScroll",
   props: {
@@ -10,10 +11,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const containerRef = useTemplateRef("container");
     const element = computed(() => props.scrollingElement ?? document);
     const listener = (event) => {
-      if (event.target !== element.value) return;
-      if (getIsScrollUp(props.scrollingElement ?? document.scrollingElement)) {
+      if (event.target !== element.value || !containerRef.value) return;
+      if (getIsScrollUp(props.scrollingElement ?? document.scrollingElement, containerRef.value.offsetTop)) {
         emit("scroll:up");
         return;
       }
@@ -46,9 +48,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       checkIsScrollDown
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "default")
-      ]);
+      ], 512);
     };
   }
 });

package/dist/components/InfiniteList/models/utils.d.ts

@@ -1,3 +1,3 @@
-export declare const getIsScrollUp: (element: Element | null) => boolean;
+export declare const getIsScrollUp: (element: Element | null, offsetTop: number) => boolean;
 export declare const getIsScrollDown: (element: Element | null) => boolean;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/models/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,YAAa,OAAO,GAAG,IAAI,KAAG,OAIvD,CAAA;AAED,eAAO,MAAM,eAAe,YAAa,OAAO,GAAG,IAAI,KAAG,OAIzD,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/models/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,YAAa,OAAO,GAAG,IAAI,aAAa,MAAM,KAAG,OAI1E,CAAA;AAED,eAAO,MAAM,eAAe,YAAa,OAAO,GAAG,IAAI,KAAG,OAIzD,CAAA"}