eco-vue-js 0.3.76 → 0.3.78

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

@@ -11,6 +11,7 @@ declare const _default: <Model extends string | number | boolean | null, Entity
     valueGetter: ValueGetter | ((value: Entity) => Model);
     wrap?: boolean | undefined;
     stretch?: boolean | undefined;
+    alwaysEmit?: boolean | undefined;
 } | {
     title?: string | undefined;
     semanticType?: SemanticType | undefined;
@@ -23,6 +24,7 @@ declare const _default: <Model extends string | number | boolean | null, Entity
     valueGetter?: ValueGetter | undefined;
     wrap?: boolean | undefined;
     stretch?: boolean | undefined;
+    alwaysEmit?: boolean | undefined;
 }) & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -45,6 +47,7 @@ declare const _default: <Model extends string | number | boolean | null, Entity
         valueGetter: ValueGetter | ((value: Entity) => Model);
         wrap?: boolean | undefined;
         stretch?: boolean | undefined;
+        alwaysEmit?: boolean | undefined;
     } | {
         title?: string | undefined;
         semanticType?: SemanticType | undefined;
@@ -57,6 +60,7 @@ declare const _default: <Model extends string | number | boolean | null, Entity
         valueGetter?: ValueGetter | undefined;
         wrap?: boolean | undefined;
         stretch?: boolean | undefined;
+        alwaysEmit?: boolean | undefined;
     }) & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -83,6 +87,7 @@ declare const _default: <Model extends string | number | boolean | null, Entity
             valueGetter: ValueGetter | ((value: Entity) => Model);
             wrap?: boolean | undefined;
             stretch?: boolean | undefined;
+            alwaysEmit?: boolean | undefined;
         } | {
             title?: string | undefined;
             semanticType?: SemanticType | undefined;
@@ -95,6 +100,7 @@ declare const _default: <Model extends string | number | boolean | null, Entity
             valueGetter?: ValueGetter | undefined;
             wrap?: boolean | undefined;
             stretch?: boolean | undefined;
+            alwaysEmit?: boolean | undefined;
         }) & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;

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;;;;;;;;;;;;;;;;;;;;;;;;;;WAkM1C,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;;;AAnC9C,wBAoM2E"}
+{"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"}

package/dist/components/Button/WButtonGroup.vue.js

@@ -14,7 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     minimize: { type: Boolean },
     wrap: { type: Boolean },
     semanticType: {},
-    stretch: { type: Boolean }
+    stretch: { type: Boolean },
+    alwaysEmit: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props) {
@@ -55,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 index !== 0 ? "rounded-l-none border-l-0" : getValue(item) !== _ctx.modelValue && "-ml-px",
                 _ctx.stretch ? "flex-1" : void 0
               ]),
-              onClick: ($event) => getValue(item) !== _ctx.modelValue && _ctx.$emit("update:modelValue", getValue(item))
+              onClick: ($event) => (_ctx.alwaysEmit || getValue(item) !== _ctx.modelValue) && _ctx.$emit("update:modelValue", getValue(item))
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "default", {

package/dist/components/Expansion/WExpansion.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, Transition, withCtx, KeepAlive
 
 const _hoisted_1 = {
   key: 0,
-  class: "duration-[var(--expansion-duration,300ms)]"
+  class: "duration-[var(--expansion-duration,200ms)]"
 };
 const _hoisted_2 = { class: "[overflow:inherit]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/Expansion/WExpansionItem.vue.js

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.title?.()?.[0] ?? "button"), {
-          class: "flex py-4 cursor-pointer select-none w-full",
+          class: "grid grid-cols-[1fr,auto] py-4 cursor-pointer select-none w-full text-start items-center",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle"))
         }, {
           default: withCtx(() => [

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

@@ -10,14 +10,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     initModel: () => void;
     errorMessage: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:isValid": (value: boolean | undefined) => void;
-    "update:hasChanges": (value: boolean) => void;
+    "update:is-valid": (value: boolean | undefined) => void;
+    "update:has-changes": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     name?: string | undefined;
     title?: string | undefined;
 }>>> & {
-    "onUpdate:isValid"?: ((value: boolean | undefined) => any) | undefined;
-    "onUpdate:hasChanges"?: ((value: boolean) => any) | undefined;
+    "onUpdate:is-valid"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -13,15 +13,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     name: {},
     title: {}
   },
-  emits: ["update:isValid", "update:hasChanges"],
+  emits: ["update:is-valid", "update:has-changes"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const name = computed(() => props.name);
     const { titleGetter, titleMapUnlistener } = useFormTitleMap(name, toRef(props, "title"));
-    const { errorMessageMapUnlistener, isValid, errorMessage } = useFormErrorMessageMap(name, titleGetter);
+    const { errorMessageMapUnlistener, isValid, errorMessage, errorMessageMap } = useFormErrorMessageMap(name, titleGetter);
     const { hasChangesMapUnlistener, hasChanges } = useFormHasChangesMap(name);
-    const { validateMapUnlistener, validate } = useFormValidateMap(name, titleGetter, (value) => emit("update:isValid", value));
+    const { validateMapUnlistener, validate } = useFormValidateMap(name, titleGetter, (value) => emit("update:is-valid", value));
     const { invalidateMapUnlistener, invalidate } = useFormInvalidateMap(name);
     const { initModelMapUnlistener, initModel } = useFormInitModelMap(name);
     const unlistener = (key) => {
@@ -34,13 +34,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     provide(wFormUnlistener, unlistener);
     const unlistenerInjected = inject(wFormUnlistener, void 0);
-    watch(isValid, (value) => emit("update:isValid", value));
-    watch(hasChanges, (value) => emit("update:hasChanges", value));
+    watch(errorMessageMap, () => emit("update:is-valid", isValid.value));
+    watch(hasChanges, (value) => emit("update:has-changes", value));
     onBeforeUnmount(() => {
       if (props.name) {
         unlistenerInjected?.(props.name);
       }
-      emit("update:isValid", void 0);
+      emit("update:is-valid", void 0);
     });
     __expose({
       isValid,

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

@@ -4,19 +4,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     validate?: ValidateFn | ValidateFn[] | undefined;
     forbiddenRegexp?: RegExp | undefined;
     requiredSymbols?: string | undefined;
+    noChanges?: boolean | undefined;
 }>, {
     validateOnUpdate(): string | undefined;
     invalidate(message: string): void;
     initModel: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:has-changes": (value: boolean) => void;
+    "update:is-valid": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     name?: string | undefined;
     title?: string | undefined;
     validate?: ValidateFn | ValidateFn[] | undefined;
     forbiddenRegexp?: RegExp | undefined;
     requiredSymbols?: string | undefined;
+    noChanges?: boolean | undefined;
 }>>> & {
+    "onUpdate:is-valid"?: ((value: boolean) => any) | undefined;
     "onUpdate:has-changes"?: ((value: boolean) => any) | undefined;
 }, {}, {}>, Readonly<{
     default: () => void;

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":"AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;AAiUA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyUA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -8,9 +8,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     validate: {},
     forbiddenRegexp: {},
-    requiredSymbols: {}
+    requiredSymbols: {},
+    noChanges: { type: Boolean }
   },
-  emits: ["update:has-changes"],
+  emits: ["update:has-changes", "update:is-valid"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -38,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const initModelValue = ref();
     const required = computed(() => component.value?.props?.required !== void 0 ? component.value?.props?.required !== false : void 0);
     const title = computed(() => props.title ?? component.value?.props?.title);
-    const errorMessage = ref();
+    const errorMessage = ref(null);
     const hasChanges = ref(false);
     const hasBeenValidated = ref(false);
     const requiredSymbols = computed(() => props.requiredSymbols?.split("") ?? []);
@@ -144,9 +145,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       hasChanges.value = false;
     };
     watch(errorMessage, (value) => {
+      if (value === null)
+        return;
       if (props.name) {
         errorMessageUpdater?.(props.name, value);
       }
+      emit("update:is-valid", !value);
     });
     watch(hasChanges, (value) => {
       if (props.name) {
@@ -188,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(component.value), {
         "error-message": errorMessage.value,
-        "has-changes": hasChanges.value,
+        "has-changes": _ctx.noChanges ? void 0 : hasChanges.value,
         "onUpdate:modelValue": _validateOnUpdate,
         onSelect: _validateOnSelect,
         onUnselect: _validateOnUnselect

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

@@ -3,5 +3,6 @@ export declare const useFormErrorMessageMap: (name: Ref<string | undefined>, tit
     errorMessageMapUnlistener: (key: string) => void;
     isValid: import("vue").ComputedRef<boolean>;
     errorMessage: import("vue").ComputedRef<string>;
+    errorMessageMap: Ref<Record<string, string>>;
 };
 //# sourceMappingURL=useFormErrorMessageMap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFormErrorMessageMap.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/use/useFormErrorMessageMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAInE,eAAO,MAAM,sBAAsB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC,qBAAqB,MAAM,KAAK,MAAM;qCAQhE,MAAM;;;CAuB/C,CAAA"}
+{"version":3,"file":"useFormErrorMessageMap.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/use/useFormErrorMessageMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAInE,eAAO,MAAM,sBAAsB,SAAU,IAAI,MAAM,GAAG,SAAS,CAAC,qBAAqB,MAAM,KAAK,MAAM;qCAQhE,MAAM;;;;CAwB/C,CAAA"}

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

@@ -24,7 +24,8 @@ const useFormErrorMessageMap = (name, titleGetter) => {
   return {
     errorMessageMapUnlistener,
     isValid,
-    errorMessage
+    errorMessage,
+    errorMessageMap
   };
 };
 

package/dist/components/Nav/WNavItem.vue.d.ts.map

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

package/dist/components/Nav/WNavItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode, resolveDynamicComponent, renderSlot, toDisplayString, createElementBlock, createTextVNode, createCommentVNode } from 'vue';
+import { defineComponent, computed, watch, onUnmounted, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode, resolveDynamicComponent, renderSlot, toDisplayString, createElementBlock, createTextVNode, createCommentVNode } from 'vue';
 import { useRoute, useRouter, RouterLink } from 'vue-router';
 import { isEqualObj, numberCompactFormatter } from '../../utils/utils.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
@@ -42,6 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isBigCount = computed(() => props.counter !== void 0 && props.counter >= 1e3);
     watch(isActive, (value) => emit("update:isActive", { [props.title]: value }), { immediate: true });
+    onUnmounted(() => {
+      emit("update:isActive", { [props.title]: false });
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(RouterLink), {
         to: _ctx.to,

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.3.76",
+  "version": "0.3.78",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",