mn-angular-lib 0.0.48 → 0.0.50

package/fesm2022/mn-angular-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, inject, Input, ChangeDetectionStrategy, Component, HostBinding, Self, DestroyRef, APP_INITIALIZER, ElementRef, HostListener, forwardRef, Directive, EventEmitter, TemplateRef, Output, ViewChildren, ViewContainerRef, ViewChild, ApplicationRef, EnvironmentInjector, createComponent, SkipSelf, Attribute, Pipe } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, inject, Input, ChangeDetectionStrategy, Component, HostBinding, DestroyRef, Self, APP_INITIALIZER, ElementRef, HostListener, forwardRef, Directive, EventEmitter, TemplateRef, Output, ViewChildren, ViewContainerRef, ViewChild, ApplicationRef, EnvironmentInjector, createComponent, SkipSelf, Attribute, Pipe } from '@angular/core';
 export { TemplateRef, Type } from '@angular/core';
 import { BehaviorSubject, firstValueFrom, skip, Subject, debounceTime, map, catchError, of } from 'rxjs';
 import * as i1 from '@angular/common';
@@ -870,6 +870,8 @@ class MnInputField {
     configService = inject(MnConfigService);
     sectionPath = inject(MN_SECTION_PATH, { optional: true }) ?? [];
     explicitInstanceId = inject(MN_INSTANCE_ID, { optional: true });
+    lang = inject(MnLanguageService);
+    destroyRef = inject(DestroyRef);
     /** Current raw string value of the input element */
     value = null;
     /** Whether the input is disabled */
@@ -904,6 +906,10 @@ class MnInputField {
     }
     ngOnInit() {
         this.resolveConfig();
+        const sub = this.lang.locale$.pipe(skip(1)).subscribe(() => {
+            this.resolveConfig();
+        });
+        this.destroyRef.onDestroy(() => sub.unsubscribe());
     }
     resolveConfig() {
         const instanceId = this.explicitInstanceId || `mn-input-${this.props.id}`;
@@ -1060,12 +1066,13 @@ class MnInputField {
      */
     resolveErrorMessageForKey(errorKey, errors) {
         const errorArgs = errors[errorKey];
-        // Priority: custom > built-in > fallback > default
+        // Priority: custom (props) > config > built-in > fallback > default
         const customMsg = this.props.errorMessages?.[errorKey];
+        const configMsg = this.uiConfig.errorMessages?.[errorKey];
         const useBuiltIn = this.props.useBuiltInErrorMessages !== false;
         const builtInMsg = useBuiltIn ? this.builtInErrorMessages[errorKey] : undefined;
         const fallbackMsg = this.props.defaultErrorMessage;
-        const msgDef = customMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
+        const msgDef = customMsg ?? configMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
         // If the message is a function, call it with error arguments
         if (typeof msgDef === 'function') {
             return msgDef(errorArgs, errors);
@@ -1372,6 +1379,8 @@ class MnTextarea {
     configService = inject(MnConfigService);
     sectionPath = inject(MN_SECTION_PATH, { optional: true }) ?? [];
     explicitInstanceId = inject(MN_INSTANCE_ID, { optional: true });
+    lang = inject(MnLanguageService);
+    destroyRef = inject(DestroyRef);
     /** Current raw string value of the textarea element */
     value = null;
     /** Whether the textarea is disabled */
@@ -1403,6 +1412,10 @@ class MnTextarea {
     }
     ngOnInit() {
         this.resolveConfig();
+        const sub = this.lang.locale$.pipe(skip(1)).subscribe(() => {
+            this.resolveConfig();
+        });
+        this.destroyRef.onDestroy(() => sub.unsubscribe());
     }
     resolveConfig() {
         const instanceId = this.explicitInstanceId || `mn-textarea-${this.props.id}`;
@@ -1507,10 +1520,11 @@ class MnTextarea {
     resolveErrorMessageForKey(errorKey, errors) {
         const errorArgs = errors[errorKey];
         const customMsg = this.props.errorMessages?.[errorKey];
+        const configMsg = this.uiConfig.errorMessages?.[errorKey];
         const useBuiltIn = this.props.useBuiltInErrorMessages !== false;
         const builtInMsg = useBuiltIn ? this.builtInErrorMessages[errorKey] : undefined;
         const fallbackMsg = this.props.defaultErrorMessage;
-        const msgDef = customMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
+        const msgDef = customMsg ?? configMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
         if (typeof msgDef === 'function') {
             return msgDef(errorArgs, errors);
         }
@@ -1607,6 +1621,8 @@ class MnCheckbox {
     configService = inject(MnConfigService);
     sectionPath = inject(MN_SECTION_PATH, { optional: true }) ?? [];
     explicitInstanceId = inject(MN_INSTANCE_ID, { optional: true });
+    lang = inject(MnLanguageService);
+    destroyRef = inject(DestroyRef);
     value = false;
     isDisabled = false;
     onChange = () => { };
@@ -1621,6 +1637,10 @@ class MnCheckbox {
     }
     ngOnInit() {
         this.resolveConfig();
+        const sub = this.lang.locale$.pipe(skip(1)).subscribe(() => {
+            this.resolveConfig();
+        });
+        this.destroyRef.onDestroy(() => sub.unsubscribe());
     }
     resolveConfig() {
         const instanceId = this.explicitInstanceId || `mn-checkbox-${this.props.id}`;
@@ -1676,10 +1696,11 @@ class MnCheckbox {
     resolveErrorMessageForKey(errorKey, errors) {
         const errorArgs = errors[errorKey];
         const customMsg = this.props.errorMessages?.[errorKey];
+        const configMsg = this.uiConfig.errorMessages?.[errorKey];
         const useBuiltIn = this.props.useBuiltInErrorMessages !== false;
         const builtInMsg = useBuiltIn ? this.builtInErrorMessages[errorKey] : undefined;
         const fallbackMsg = this.props.defaultErrorMessage;
-        const msgDef = customMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
+        const msgDef = customMsg ?? configMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
         if (typeof msgDef === 'function') {
             return msgDef(errorArgs, errors);
         }
@@ -1766,6 +1787,8 @@ class MnDatetime {
     configService = inject(MnConfigService);
     sectionPath = inject(MN_SECTION_PATH, { optional: true }) ?? [];
     explicitInstanceId = inject(MN_INSTANCE_ID, { optional: true });
+    lang = inject(MnLanguageService);
+    destroyRef = inject(DestroyRef);
     value = null;
     isDisabled = false;
     onChange = () => { };
@@ -1782,6 +1805,10 @@ class MnDatetime {
     }
     ngOnInit() {
         this.resolveConfig();
+        const sub = this.lang.locale$.pipe(skip(1)).subscribe(() => {
+            this.resolveConfig();
+        });
+        this.destroyRef.onDestroy(() => sub.unsubscribe());
     }
     resolveConfig() {
         const instanceId = this.explicitInstanceId || `mn-datetime-${this.props.id}`;
@@ -1840,10 +1867,11 @@ class MnDatetime {
     resolveErrorMessageForKey(errorKey, errors) {
         const errorArgs = errors[errorKey];
         const customMsg = this.props.errorMessages?.[errorKey];
+        const configMsg = this.uiConfig.errorMessages?.[errorKey];
         const useBuiltIn = this.props.useBuiltInErrorMessages !== false;
         const builtInMsg = useBuiltIn ? this.builtInErrorMessages[errorKey] : undefined;
         const fallbackMsg = this.props.defaultErrorMessage;
-        const msgDef = customMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
+        const msgDef = customMsg ?? configMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
         if (typeof msgDef === 'function') {
             return msgDef(errorArgs, errors);
         }
@@ -1936,6 +1964,8 @@ class MnMultiSelect {
     sectionPath = inject(MN_SECTION_PATH, { optional: true }) ?? [];
     explicitInstanceId = inject(MN_INSTANCE_ID, { optional: true });
     elRef = inject(ElementRef);
+    lang = inject(MnLanguageService);
+    destroyRef = inject(DestroyRef);
     /** Currently selected values */
     selectedValues = [];
     isOpen = false;
@@ -1953,6 +1983,10 @@ class MnMultiSelect {
     }
     ngOnInit() {
         this.resolveConfig();
+        const sub = this.lang.locale$.pipe(skip(1)).subscribe(() => {
+            this.resolveConfig();
+        });
+        this.destroyRef.onDestroy(() => sub.unsubscribe());
     }
     resolveConfig() {
         const instanceId = this.explicitInstanceId || `mn-multi-select-${this.props.id}`;
@@ -2063,10 +2097,11 @@ class MnMultiSelect {
     resolveErrorMessageForKey(errorKey, errors) {
         const errorArgs = errors[errorKey];
         const customMsg = this.props.errorMessages?.[errorKey];
+        const configMsg = this.uiConfig.errorMessages?.[errorKey];
         const useBuiltIn = this.props.useBuiltInErrorMessages !== false;
         const builtInMsg = useBuiltIn ? this.builtInErrorMessages[errorKey] : undefined;
         const fallbackMsg = this.props.defaultErrorMessage;
-        const msgDef = customMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
+        const msgDef = customMsg ?? configMsg ?? builtInMsg ?? fallbackMsg ?? 'Invalid input';
         if (typeof msgDef === 'function') {
             return msgDef(errorArgs, errors);
         }