@jsverse/transloco 7.2.1 → 7.3.0

package/fesm2022/jsverse-transloco.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, Injector, Inject, Optional, Component, Input, TemplateRef, ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, Directive, Pipe, NgModule, makeEnvironmentProviders, APP_INITIALIZER } 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 { 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';
 
 class DefaultLoader {
@@ -295,7 +296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
         }] });
 
 const TRANSLOCO_MISSING_HANDLER = new InjectionToken('TRANSLOCO_MISSING_HANDLER');
-class DefaultHandler {
+class DefaultMissingHandler {
     handle(key, config) {
         if (config.missingHandler.logMissingKey && !config.prodMode) {
             const msg = `Missing translation for '${key}'`;
@@ -303,10 +304,10 @@ class DefaultHandler {
         }
         return key;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DefaultHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DefaultHandler });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DefaultMissingHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DefaultMissingHandler });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DefaultHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DefaultMissingHandler, decorators: [{
             type: Injectable
         }] });
 
@@ -456,7 +457,6 @@ class TranslocoService {
     interceptor;
     fallbackStrategy;
     langChanges$;
-    subscription = null;
     translations = new Map();
     cache = new Map();
     firstFallbackLang;
@@ -489,7 +489,7 @@ class TranslocoService {
         /**
          * When we have a failure, we want to define the next language that succeeded as the active
          */
-        this.subscription = this.events$.subscribe((e) => {
+        this.events$.pipe(takeUntilDestroyed()).subscribe((e) => {
             if (e.type === 'translationLoadSuccess' && e.wasFailure) {
                 this.setActiveLang(e.payload.langName);
             }
@@ -604,7 +604,10 @@ class TranslocoService {
             return this._handleMissingKey(key, value, params);
         }
         return this.parser.transpile({
-            value, params, translation, key
+            value,
+            params,
+            translation,
+            key,
         });
     }
     /**
@@ -854,12 +857,6 @@ class TranslocoService {
         this.config.scopeMapping[scope] = alias;
     }
     ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-            // Caretaker note: it's important to clean up references to subscriptions since they save the `next`
-            // callback within its `destination` property, preventing classes from being GC'd.
-            this.subscription = null;
-        }
         // 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
@@ -1135,6 +1132,7 @@ class ScopeResolver {
 }
 
 class TranslocoDirective {
+    destroyRef = inject(DestroyRef);
     service = inject(TranslocoService);
     tpl = inject(TemplateRef, {
         optional: true,
@@ -1148,7 +1146,6 @@ class TranslocoDirective {
     host = inject(ElementRef);
     vcr = inject(ViewContainerRef);
     renderer = inject(Renderer2);
-    subscription = null;
     view;
     memo = new Map();
     key;
@@ -1172,7 +1169,7 @@ class TranslocoDirective {
     }
     ngOnInit() {
         const listenToLangChange = shouldListenToLangChanges(this.service, this.providerLang || this.inlineLang);
-        this.subscription = this.service.langChanges$
+        this.service.langChanges$
             .pipe(switchMap((activeLang) => {
             const lang = this.langResolver.resolve({
                 inline: this.inlineLang,
@@ -1182,7 +1179,7 @@ class TranslocoDirective {
             return Array.isArray(this.providerScope)
                 ? forkJoin(this.providerScope.map((providerScope) => this.resolveScope(lang, providerScope)))
                 : this.resolveScope(lang, this.providerScope);
-        }), listenOrNotOperator(listenToLangChange))
+        }), listenOrNotOperator(listenToLangChange), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
             this.currentLang = this.langResolver.resolveLangBasedOnScope(this.path);
             this.strategy === 'attribute'
@@ -1244,12 +1241,6 @@ class TranslocoDirective {
     }
     ngOnDestroy() {
         this.memo.clear();
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-            // Caretaker note: it's important to clean up references to subscriptions since they save the `next`
-            // callback within its `destination` property, preventing classes from being GC'd.
-            this.subscription = null;
-        }
     }
     detachLoader() {
         this.loaderTplHandler?.detachView();
@@ -1399,7 +1390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
 function provideTransloco(options) {
     const providers = [
         provideTranslocoTranspiler(DefaultTranspiler),
-        provideTranslocoMissingHandler(DefaultHandler),
+        provideTranslocoMissingHandler(DefaultMissingHandler),
         provideTranslocoInterceptor(DefaultInterceptor),
         provideTranslocoFallbackStrategy(DefaultFallbackStrategy),
     ];
@@ -1579,5 +1570,5 @@ function getBrowserCultureLang() {
  * Generated bundle index. Do not edit.
  */
 
-export { DefaultFallbackStrategy, 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, isScopeArray, 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, isScopeArray, isScopeObject, isString, provideTransloco, provideTranslocoConfig, provideTranslocoFallbackStrategy, provideTranslocoInterceptor, provideTranslocoLang, provideTranslocoLoader, provideTranslocoLoadingTpl, provideTranslocoMissingHandler, provideTranslocoScope, provideTranslocoTranspiler, setValue, size, toCamelCase, toNumber, translate, translateObject, translocoConfig, unflatten };
 //# sourceMappingURL=jsverse-transloco.mjs.map