@open-rlb/ng-app 3.1.112 → 3.1.114

package/fesm2022/open-rlb-ng-app.mjs

@@ -1,7 +1,7 @@
 import * as i1$2 from '@angular/common/http';
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Optional, inject, Injector, computed, signal, importProvidersFrom, makeStateKey, makeEnvironmentProviders, input, model, ChangeDetectionStrategy, Component, Pipe, output, viewChild, TemplateRef, ViewContainerRef, effect, Directive, PLATFORM_ID, NgModule, DestroyRef, isDevMode, provideAppInitializer } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Optional, inject, Injector, computed, signal, importProvidersFrom, provideAppInitializer, makeStateKey, makeEnvironmentProviders, input, model, ChangeDetectionStrategy, Component, Pipe, output, viewChild, TemplateRef, ViewContainerRef, effect, Directive, PLATFORM_ID, NgModule, DestroyRef, isDevMode } from '@angular/core';
 import * as i5 from '@angular/router';
 import { ActivatedRoute, Router, NavigationEnd, RouterModule, RoutesRecognized, provideRouter } from '@angular/router';
 import { SwUpdate, provideServiceWorker } from '@angular/service-worker';
@@ -14,7 +14,7 @@ import { UniqueIdService, RLB_TRANSLATION_SERVICE, ModalService, ModalDirective,
 import * as i1$5 from 'angular-auth-oidc-client';
 import { AbstractLoggerService, AuthModule, provideAuth, AuthInterceptor, AbstractSecurityStorage } from 'angular-auth-oidc-client';
 import * as i1 from 'ngx-cookie-service-ssr';
-import { of, from, map, catchError, tap, switchMap, filter, take, share, lastValueFrom, zip, EMPTY, Observable, ReplaySubject, combineLatest, startWith, BehaviorSubject, distinctUntilChanged } from 'rxjs';
+import { of, from, map, catchError, tap, switchMap, filter, take, ReplaySubject, share, lastValueFrom, zip, EMPTY, firstValueFrom, Observable, combineLatest, startWith, BehaviorSubject, distinctUntilChanged } from 'rxjs';
 import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
 import { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';
 import * as i1$4 from '@ngx-translate/core';
@@ -834,6 +834,11 @@ class LanguageService {
         this.contentLanguage = this._contentLanguage.asReadonly();
         this.languageChanged$ = this.translateService.onLangChange;
         this.contentLanguageChanged = this._contentLanguage.asReadonly();
+        // Emits once the initial UI translation file has been loaded (or failed to load).
+        // Consumed by the i18n APP_INITIALIZER to block bootstrap until translations are
+        // available, so synchronous instant() calls during app/component init resolve keys.
+        this._ready$ = new ReplaySubject(1);
+        this.ready$ = this._ready$.asObservable();
         // Sync private signal with translate service changes
         this.translateService.onLangChange
             .pipe(takeUntilDestroyed())
@@ -842,9 +847,16 @@ class LanguageService {
             this.translateService.addLangs(this.i18nOptions.availableLangs);
             const languageUI = this.cookiesService.getCookie('ui-locale') || this.defaultLanguage || this.browserLanguage;
             const languageContent = this.cookiesService.getCookie('content-locale') || this.defaultLanguage;
-            this.translateService.use(languageUI);
+            this.translateService.use(languageUI).subscribe({
+                next: () => this._ready$.next(true),
+                // Don't block bootstrap forever if the translation file fails to load.
+                error: () => this._ready$.next(true),
+            });
             this.setContentLanguage(languageContent);
         }
+        else {
+            this._ready$.next(true);
+        }
     }
     get currentLanguage() {
         return this.language();
@@ -1236,6 +1248,10 @@ function provideRlbI18n(i18n) {
             provide: RLB_TRANSLATION_SERVICE,
             useClass: RlbTranslateAdapterService
         },
+        // Block bootstrap until the initial UI translation file is loaded, so that
+        // synchronous instant() calls during app/component init (e.g. sidebar setup)
+        // resolve real translations instead of leaking raw i18n keys.
+        provideAppInitializer(() => firstValueFrom(inject(LanguageService).ready$)),
     ];
 }