mn-angular-lib 0.0.48 → 0.0.49

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}`;
@@ -1372,6 +1378,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 +1411,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}`;
@@ -1607,6 +1619,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 +1635,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}`;
@@ -1766,6 +1784,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 +1802,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}`;
@@ -1936,6 +1960,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 +1979,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}`;