mn-angular-lib 0.0.45 → 0.0.46

package/fesm2022/mn-angular-lib.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, inject, Input, ChangeDetectionStrategy, Component, HostBinding, Self, 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, Self, DestroyRef, 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, Subject, debounceTime, map, catchError, of } from 'rxjs';
+import { BehaviorSubject, firstValueFrom, skip, Subject, debounceTime, map, catchError, of } from 'rxjs';
 import * as i1 from '@angular/common';
 import { CommonModule, NgClass, NgOptimizedImage, NgForOf, NgIf, NgTemplateOutlet } from '@angular/common';
 import { tv } from 'tailwind-variants';
@@ -1119,16 +1119,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
  *   providers: [ provideMnComponentConfig(MY_CFG, 'my-component') ]
  * Then in the component:
  *   readonly cfg = inject(MY_CFG)
+ *
+ * The returned config object is **reactive**: when the active locale changes,
+ * all translatable values are re-resolved in place so that templates using
+ * `cfg.someLabel` automatically reflect the new language on the next change-detection cycle.
  */
 function provideMnComponentConfig(token, componentName, initial) {
     return {
         provide: token,
-        deps: [MnConfigService, [new Optional(), MN_SECTION_PATH], [new Optional(), MN_INSTANCE_ID]],
-        useFactory: (svc, sectionPath, instanceId) => {
-            const resolved = svc.resolve(componentName, sectionPath ?? [], instanceId ?? undefined);
-            // Apply optional initial (local defaults) over resolved? We prefer resolved to override initial local defaults,
-            // so merge initial first, then resolved on top.
-            return Object.assign({}, initial ?? {}, resolved);
+        deps: [
+            MnConfigService,
+            MnLanguageService,
+            DestroyRef,
+            [new Optional(), MN_SECTION_PATH],
+            [new Optional(), MN_INSTANCE_ID],
+        ],
+        useFactory: (svc, lang, destroyRef, sectionPath, instanceId) => {
+            const resolveConfig = () => {
+                const resolved = svc.resolve(componentName, sectionPath ?? [], instanceId ?? undefined);
+                return Object.assign({}, initial ?? {}, resolved);
+            };
+            // Create the initial config object that will be shared by reference.
+            const cfg = resolveConfig();
+            // Re-resolve translatable values whenever the locale changes.
+            // skip(1) because the current locale was already used for the initial resolve.
+            const sub = lang.locale$.pipe(skip(1)).subscribe(() => {
+                const updated = resolveConfig();
+                // Mutate the existing object in place so all template bindings pick up the new values.
+                for (const key of Object.keys(updated)) {
+                    cfg[key] = updated[key];
+                }
+            });
+            destroyRef.onDestroy(() => sub.unsubscribe());
+            return cfg;
         },
     };
 }