@jsverse/transloco 7.5.0 → 7.6.0

package/fesm2022/jsverse-transloco.mjs

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, Injector, Inject, Optional, Component, Input, TemplateRef, DestroyRef, ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, Directive, Pipe, NgModule, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
+import { InjectionToken, inject, Injectable, Injector, Inject, DestroyRef, Optional, Component, Input, TemplateRef, ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, Directive, Pipe, NgModule, makeEnvironmentProviders, APP_INITIALIZER, assertInInjectionContext, runInInjectionContext, isSignal, computed } from '@angular/core';
 import { of, take, from, map, Subject, BehaviorSubject, forkJoin, retry, tap, catchError, shareReplay, switchMap, combineLatest, EMPTY } from 'rxjs';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { unflatten as unflatten$1, flatten as flatten$1 } from 'flat';
+import { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';
 
 class DefaultLoader {
     translations;
@@ -13,7 +12,7 @@ class DefaultLoader {
         return of(this.translations.get(lang) || {});
     }
 }
-const TRANSLOCO_LOADER = new InjectionToken('TRANSLOCO_LOADER');
+const TRANSLOCO_LOADER = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'TRANSLOCO_LOADER' : '');
 
 function getValue(obj, path) {
     if (!obj) {
@@ -108,14 +107,43 @@ function isScopeObject(item) {
 function hasInlineLoader(item) {
     return item && isObject(item.loader);
 }
-function unflatten(obj) {
-    return unflatten$1(obj);
-}
 function flatten(obj) {
-    return flatten$1(obj, { safe: true });
+    const result = {};
+    function recurse(curr, prop) {
+        if (curr === null) {
+            result[prop] = null;
+        }
+        else if (isObject(curr)) {
+            for (const [key, value] of Object.entries(curr)) {
+                recurse(value, prop ? `${prop}.${key}` : key);
+            }
+        }
+        else {
+            result[prop] = curr;
+        }
+    }
+    recurse(obj, '');
+    return result;
+}
+function unflatten(obj) {
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+        const keys = key.split('.');
+        let current = result;
+        keys.forEach((key, i) => {
+            if (i === keys.length - 1) {
+                current[key] = value;
+            }
+            else {
+                current[key] ??= {};
+                current = current[key];
+            }
+        });
+    }
+    return result;
 }
 
-const TRANSLOCO_CONFIG = new InjectionToken('TRANSLOCO_CONFIG', {
+const TRANSLOCO_CONFIG = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'TRANSLOCO_CONFIG' : '', {
     providedIn: 'root',
     factory: () => defaultConfig,
 });
@@ -158,7 +186,7 @@ function translocoConfig(config = {}) {
     };
 }
 
-const TRANSLOCO_TRANSPILER = new InjectionToken('TRANSLOCO_TRANSPILER');
+const TRANSLOCO_TRANSPILER = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'TRANSLOCO_TRANSPILER' : '');
 class DefaultTranspiler {
     config = inject(TRANSLOCO_CONFIG, { optional: true }) ?? defaultConfig;
     get interpolationMatcher() {
@@ -191,7 +219,7 @@ class DefaultTranspiler {
         else if (params) {
             if (isObject(value)) {
                 value = this.handleObject({
-                    value: value,
+                    value,
                     params,
                     translation,
                     key,
@@ -250,10 +278,10 @@ class DefaultTranspiler {
             ...rest,
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultTranspiler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultTranspiler });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultTranspiler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultTranspiler });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultTranspiler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultTranspiler, decorators: [{
             type: Injectable
         }] });
 function resolveMatcher(config) {
@@ -295,14 +323,16 @@ class FunctionalTranspiler extends DefaultTranspiler {
         }
         return super.transpile({ value: transpiled, ...rest });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FunctionalTranspiler, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FunctionalTranspiler });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FunctionalTranspiler, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FunctionalTranspiler });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FunctionalTranspiler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FunctionalTranspiler, decorators: [{
             type: Injectable
         }] });
 
-const TRANSLOCO_MISSING_HANDLER = new InjectionToken('TRANSLOCO_MISSING_HANDLER');
+const TRANSLOCO_MISSING_HANDLER = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode
+    ? 'TRANSLOCO_MISSING_HANDLER'
+    : '');
 class DefaultMissingHandler {
     handle(key, config) {
         if (config.missingHandler.logMissingKey && !config.prodMode) {
@@ -311,14 +341,14 @@ class DefaultMissingHandler {
         }
         return key;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultMissingHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultMissingHandler });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultMissingHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultMissingHandler });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultMissingHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultMissingHandler, decorators: [{
             type: Injectable
         }] });
 
-const TRANSLOCO_INTERCEPTOR = new InjectionToken('TRANSLOCO_INTERCEPTOR');
+const TRANSLOCO_INTERCEPTOR = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'TRANSLOCO_INTERCEPTOR' : '');
 class DefaultInterceptor {
     preSaveTranslation(translation) {
         return translation;
@@ -326,14 +356,16 @@ class DefaultInterceptor {
     preSaveTranslationKey(_, value) {
         return value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultInterceptor });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultInterceptor });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultInterceptor, decorators: [{
             type: Injectable
         }] });
 
-const TRANSLOCO_FALLBACK_STRATEGY = new InjectionToken('TRANSLOCO_FALLBACK_STRATEGY');
+const TRANSLOCO_FALLBACK_STRATEGY = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode
+    ? 'TRANSLOCO_FALLBACK_STRATEGY'
+    : '');
 class DefaultFallbackStrategy {
     userConfig;
     constructor(userConfig) {
@@ -346,10 +378,10 @@ class DefaultFallbackStrategy {
         }
         return Array.isArray(fallbackLang) ? fallbackLang : [fallbackLang];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultFallbackStrategy, deps: [{ token: TRANSLOCO_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultFallbackStrategy });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultFallbackStrategy, deps: [{ token: TRANSLOCO_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultFallbackStrategy });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DefaultFallbackStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DefaultFallbackStrategy, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -475,6 +507,7 @@ class TranslocoService {
     events = new Subject();
     events$ = this.events.asObservable();
     config;
+    destroyRef = inject(DestroyRef);
     constructor(loader, parser, missingHandler, interceptor, userConfig, fallbackStrategy) {
         this.loader = loader;
         this.parser = parser;
@@ -496,11 +529,21 @@ class TranslocoService {
         /**
          * When we have a failure, we want to define the next language that succeeded as the active
          */
-        this.events$.pipe(takeUntilDestroyed()).subscribe((e) => {
+        this.events$.subscribe((e) => {
             if (e.type === 'translationLoadSuccess' && e.wasFailure) {
                 this.setActiveLang(e.payload.langName);
             }
         });
+        this.destroyRef.onDestroy(() => {
+            // Complete subjects to release observers if users forget to unsubscribe manually.
+            // This is important in server-side rendering.
+            this.lang.complete();
+            this.events.complete();
+            // As a root provider, this service is destroyed with when the application is destroyed.
+            // Cached values retain `this`, causing circular references that block garbage collection,
+            // leading to memory leaks during server-side rendering.
+            this.cache.clear();
+        });
     }
     getDefaultLang() {
         return this.defaultLang;
@@ -582,7 +625,7 @@ class TranslocoService {
                 console.error(`Error while trying to load "${path}"`, error);
             }
             return this.handleFailure(path, options);
-        }), shareReplay(1));
+        }), shareReplay(1), takeUntilDestroyed(this.destroyRef));
         this.cache.set(path, load$);
         return load$;
     }
@@ -864,13 +907,6 @@ class TranslocoService {
         }
         this.config.scopeMapping[scope] = alias;
     }
-    ngOnDestroy() {
-        // Caretaker note: since this is the root provider, it'll be destroyed when the `NgModuleRef.destroy()` is run.
-        // Cached values capture `this`, thus leading to a circular reference and preventing the `TranslocoService` from
-        // being GC'd. This would lead to a memory leak when server-side rendering is used since the service is created
-        // and destroyed per each HTTP request, but any service is not getting GC'd.
-        this.cache.clear();
-    }
     isLoadedTranslation(lang) {
         return size(this.getTranslation(lang));
     }
@@ -985,10 +1021,10 @@ class TranslocoService {
     getEntries(key) {
         return key instanceof Map ? key.entries() : Object.entries(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoService, deps: [{ token: TRANSLOCO_LOADER, optional: true }, { token: TRANSLOCO_TRANSPILER }, { token: TRANSLOCO_MISSING_HANDLER }, { token: TRANSLOCO_INTERCEPTOR }, { token: TRANSLOCO_CONFIG }, { token: TRANSLOCO_FALLBACK_STRATEGY }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoService, deps: [{ token: TRANSLOCO_LOADER, optional: true }, { token: TRANSLOCO_TRANSPILER }, { token: TRANSLOCO_MISSING_HANDLER }, { token: TRANSLOCO_INTERCEPTOR }, { token: TRANSLOCO_CONFIG }, { token: TRANSLOCO_FALLBACK_STRATEGY }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -1015,12 +1051,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
 
 class TranslocoLoaderComponent {
     html;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: TranslocoLoaderComponent, isStandalone: true, selector: "ng-component", inputs: { html: "html" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: TranslocoLoaderComponent, isStandalone: true, selector: "ng-component", inputs: { html: "html" }, ngImport: i0, template: `
     <div class="transloco-loader-template" [innerHTML]="html"></div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoLoaderComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -1057,11 +1093,13 @@ class TemplateHandler {
     }
 }
 
-const TRANSLOCO_LANG = new InjectionToken('TRANSLOCO_LANG');
+const TRANSLOCO_LANG = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'TRANSLOCO_LANG' : '');
 
-const TRANSLOCO_LOADING_TEMPLATE = new InjectionToken('TRANSLOCO_LOADING_TEMPLATE');
+const TRANSLOCO_LOADING_TEMPLATE = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode
+    ? 'TRANSLOCO_LOADING_TEMPLATE'
+    : '');
 
-const TRANSLOCO_SCOPE = new InjectionToken('TRANSLOCO_SCOPE');
+const TRANSLOCO_SCOPE = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'TRANSLOCO_SCOPE' : '');
 
 class LangResolver {
     initialized = false;
@@ -1264,10 +1302,10 @@ class TranslocoDirective {
         const inlineLoader = resolveInlineLoader(providerScope, resolvedScope);
         return this.service._loadDependencies(this.path, inlineLoader);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: TranslocoDirective, isStandalone: true, selector: "[transloco]", inputs: { key: ["transloco", "key"], params: ["translocoParams", "params"], inlineScope: ["translocoScope", "inlineScope"], inlineRead: ["translocoRead", "inlineRead"], prefix: ["translocoPrefix", "prefix"], inlineLang: ["translocoLang", "inlineLang"], inlineTpl: ["translocoLoadingTpl", "inlineTpl"] }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: TranslocoDirective, isStandalone: true, selector: "[transloco]", inputs: { key: ["transloco", "key"], params: ["translocoParams", "params"], inlineScope: ["translocoScope", "inlineScope"], inlineRead: ["translocoRead", "inlineRead"], prefix: ["translocoPrefix", "prefix"], inlineLang: ["translocoLang", "inlineLang"], inlineTpl: ["translocoLoadingTpl", "inlineTpl"] }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[transloco]',
@@ -1361,10 +1399,10 @@ class TranslocoPipe {
         const inlineLoader = resolveInlineLoader(providerScope, resolvedScope);
         return this.service._loadDependencies(this.path, inlineLoader);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoPipe, deps: [{ token: TranslocoService }, { token: TRANSLOCO_SCOPE, optional: true }, { token: TRANSLOCO_LANG, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: TranslocoPipe, isStandalone: true, name: "transloco", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoPipe, deps: [{ token: TranslocoService }, { token: TRANSLOCO_SCOPE, optional: true }, { token: TRANSLOCO_LANG, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: TranslocoPipe, isStandalone: true, name: "transloco", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'transloco',
@@ -1385,11 +1423,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
 
 const decl = [TranslocoDirective, TranslocoPipe];
 class TranslocoModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: TranslocoModule, imports: [TranslocoDirective, TranslocoPipe], exports: [TranslocoDirective, TranslocoPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: TranslocoModule, imports: [TranslocoDirective, TranslocoPipe], exports: [TranslocoDirective, TranslocoPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: decl,
@@ -1489,10 +1527,10 @@ class TestingLoader {
     getTranslation(lang) {
         return of(this.langs[lang]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TestingLoader, deps: [{ token: TRANSLOCO_TEST_LANGS }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TestingLoader });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TestingLoader, deps: [{ token: TRANSLOCO_TEST_LANGS }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TestingLoader });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TestingLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TestingLoader, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -1538,11 +1576,11 @@ class TranslocoTestingModule {
             ],
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: TranslocoTestingModule, exports: [TranslocoModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoTestingModule, imports: [TranslocoModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: TranslocoTestingModule, exports: [TranslocoModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoTestingModule, imports: [TranslocoModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TranslocoTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TranslocoTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [TranslocoModule],
@@ -1576,9 +1614,103 @@ function getBrowserCultureLang() {
     return navigator.languages?.[0] ?? navigator.language;
 }
 
+/**
+ * Gets the translated value of a key as Signal
+ *
+ * @example
+ * text = translateSignal('hello');
+ * textList = translateSignal(['green', 'blue']);
+ * textVar = translateSignal('hello', { variable: 'world' });
+ * textSpanish = translateSignal('hello', { variable: 'world' }, 'es');
+ * textTodosScope = translateSignal('hello', { variable: 'world' }, { scope: 'todos' });
+ *
+ * @example
+ * dynamicKey = signal('hello');
+ * dynamicParam = signal({ variable: 'world' });
+ * text = translateSignal(this.dynamicKey, this.dynamicParam);
+ *
+ */
+function translateSignal(key, params, lang, injector) {
+    if (!injector) {
+        assertInInjectionContext(translateSignal);
+    }
+    injector ??= inject(Injector);
+    const result = runInInjectionContext(injector, () => {
+        const service = inject(TranslocoService);
+        const scope = resolveScope(lang);
+        return toObservable(computerKeysAndParams(key, params)).pipe(switchMap((dynamic) => service.selectTranslate(dynamic.key, dynamic.params, scope)));
+    });
+    return toSignal(result, { initialValue: Array.isArray(key) ? [''] : '' });
+}
+/**
+ * Gets the translated object of a key as Signal
+ *
+ * @example
+ * object = translateObjectSignal('nested.object');
+ * title = object().title;
+ *
+ * @example
+ * dynamicKey = signal('nested.object');
+ * dynamicParam = signal({ variable: 'world' });
+ * object = translateObjectSignal(this.dynamicKey, this.dynamicParam);
+ */
+function translateObjectSignal(key, params, lang, injector) {
+    if (!injector) {
+        assertInInjectionContext(translateObjectSignal);
+    }
+    injector ??= inject(Injector);
+    const result = runInInjectionContext(injector, () => {
+        const service = inject(TranslocoService);
+        const scope = resolveScope(lang);
+        return toObservable(computerKeysAndParams(key, params)).pipe(switchMap((dynamic) => service.selectTranslateObject(dynamic.key, dynamic.params, scope)));
+    });
+    return toSignal(result, { initialValue: Array.isArray(key) ? [] : {} });
+}
+function computerParams(params) {
+    if (isSignal(params)) {
+        return computed(() => params());
+    }
+    return computed(() => {
+        return Object.entries(params).reduce((acc, [key, value]) => {
+            acc[key] = isSignal(value) ? value() : value;
+            return acc;
+        }, {});
+    });
+}
+function computerKeys(keys) {
+    if (Array.isArray(keys)) {
+        return computed(() => keys.map((key) => (isSignal(key) ? key() : key)));
+    }
+    return computed(() => keys());
+}
+function isSignalKey(key) {
+    return Array.isArray(key) ? key.some(isSignal) : isSignal(key);
+}
+function isSignalParams(params) {
+    return params
+        ? isSignal(params) || Object.values(params).some(isSignal)
+        : false;
+}
+function computerKeysAndParams(key, params) {
+    const computedKeys = isSignalKey(key)
+        ? computerKeys(key)
+        : computed(() => key);
+    const computedParams = isSignalParams(params)
+        ? computerParams(params)
+        : computed(() => params);
+    return computed(() => ({ key: computedKeys(), params: computedParams() }));
+}
+function resolveScope(scope) {
+    if (typeof scope === 'undefined' || scope === '') {
+        const translocoScope = inject(TRANSLOCO_SCOPE, { optional: true });
+        return translocoScope ?? undefined;
+    }
+    return scope;
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DefaultFallbackStrategy, DefaultInterceptor, DefaultMissingHandler, DefaultTranspiler, FunctionalTranspiler, TRANSLOCO_CONFIG, TRANSLOCO_FALLBACK_STRATEGY, TRANSLOCO_INTERCEPTOR, TRANSLOCO_LANG, TRANSLOCO_LOADER, TRANSLOCO_LOADING_TEMPLATE, TRANSLOCO_MISSING_HANDLER, TRANSLOCO_SCOPE, TRANSLOCO_TRANSPILER, TestingLoader, TranslocoDirective, TranslocoModule, TranslocoPipe, TranslocoService, TranslocoTestingModule, coerceArray, defaultConfig, flatten, getBrowserCultureLang, getBrowserLang, getFunctionArgs, getLangFromScope, getPipeValue, getScopeFromLang, getValue, hasInlineLoader, isBrowser, isDefined, isEmpty, isFunction, isNil, isNumber, isObject, isScopeObject, isString, provideTransloco, provideTranslocoConfig, provideTranslocoFallbackStrategy, provideTranslocoInterceptor, provideTranslocoLang, provideTranslocoLoader, provideTranslocoLoadingTpl, provideTranslocoMissingHandler, provideTranslocoScope, provideTranslocoTranspiler, setValue, size, toCamelCase, toNumber, translate, translateObject, translocoConfig, unflatten };
+export { DefaultFallbackStrategy, DefaultInterceptor, DefaultMissingHandler, DefaultTranspiler, FunctionalTranspiler, TRANSLOCO_CONFIG, TRANSLOCO_FALLBACK_STRATEGY, TRANSLOCO_INTERCEPTOR, TRANSLOCO_LANG, TRANSLOCO_LOADER, TRANSLOCO_LOADING_TEMPLATE, TRANSLOCO_MISSING_HANDLER, TRANSLOCO_SCOPE, TRANSLOCO_TRANSPILER, TestingLoader, TranslocoDirective, TranslocoModule, TranslocoPipe, TranslocoService, TranslocoTestingModule, coerceArray, defaultConfig, flatten, getBrowserCultureLang, getBrowserLang, getFunctionArgs, getLangFromScope, getPipeValue, getScopeFromLang, getValue, hasInlineLoader, isBrowser, isDefined, isEmpty, isFunction, isNil, isNumber, isObject, isScopeObject, isString, provideTransloco, provideTranslocoConfig, provideTranslocoFallbackStrategy, provideTranslocoInterceptor, provideTranslocoLang, provideTranslocoLoader, provideTranslocoLoadingTpl, provideTranslocoMissingHandler, provideTranslocoScope, provideTranslocoTranspiler, setValue, size, toCamelCase, toNumber, translate, translateObject, translateObjectSignal, translateSignal, translocoConfig, unflatten };
 //# sourceMappingURL=jsverse-transloco.mjs.map