eco-vue-js 0.9.22 → 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/List/WListCard.vue.d.ts

@@ -3,7 +3,7 @@ declare function __VLS_template(): {
         default?(_: {
             toggle: () => void;
             isOpen: boolean;
-            validate: (silent?: boolean, path?: import('../Form/use/useFormValidateMap').ValidatePath) => string | undefined;
+            validate: (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined;
         }): any;
         more?(_: {}): any;
         expansion?(_: {}): any;