@tolgee/ngx 2.3.2 → 2.8.1

package/fesm2020/tolgee-ngx.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, Pipe, Component, Input, APP_INITIALIZER, NgModule } from '@angular/core';
-import { from } from 'rxjs';
+import { Observable } from 'rxjs';
 import { Tolgee, TolgeeConfig, TOLGEE_WRAPPED_ONLY_DATA_ATTRIBUTE } from '@tolgee/core';
 export { TolgeeConfig } from '@tolgee/core';
 
@@ -13,10 +13,14 @@ class TranslateService {
     get tolgee() {
         return this._tolgee;
     }
+    /**
+     * Starts Tolgee if not started and subscribes for languageChange and translationChange events
+     */
     async start(config) {
         if (!this.runPromise) {
             this._tolgee = new Tolgee(config);
             this.runPromise = this.tolgee.run();
+            // unsubscribe first, if it is subscribed for some reason
             this.unsubscribeCoreListeners();
             this.onTranslationChangeCoreSubscription =
                 this._tolgee.onTranslationChange.subscribe((data) => {
@@ -29,40 +33,119 @@ class TranslateService {
         await this.runPromise;
     }
     ngOnDestroy() {
+        // stop it!
         this.tolgee.stop();
+        // unsubscribe listeners
         this.unsubscribeCoreListeners();
     }
+    /**
+     * Changes the current language
+     * @param lang The new current language (e.g. en, en-US)
+     */
     setLang(lang) {
         this.tolgee.lang = lang;
     }
-    get(input, params = {}, defaultValue) {
-        return from(this.translate(input, params, false, defaultValue));
+    /**
+     * Returns the current language
+     */
+    getCurrentLang() {
+        return this.tolgee.lang;
+    }
+    /**
+     * Returns Observable providing current translated value
+     * Tne observable is subscribed to translation change and language change events of Tolgee
+     *
+     * In development mode, it returns string wrapped with configured
+     * prefix and suffix to be handled in browser by MutationObserver.
+     *
+     * You should use unsubscribe method when you are done!
+     *
+     * in onInit: this.subscription = translateService.get('aa')
+     * in onDestroy: this.subscription.unsubscribe()
+     *
+     * @param key The key to translate (e.g. what-a-key)
+     * @param params The parameters to interpolate (e.g. {name: "John"})
+     * @param defaultValue Value, which will be rendered, when no translated value is provided
+     */
+    get(key, params = {}, defaultValue) {
+        return this.translate(key, params, false, defaultValue);
     }
-    getSafe(input, params = {}, defaultValue) {
-        return from(this.translate(input, params, true, defaultValue));
+    /**
+     * Returns Observable providing current translated value
+     * Tne observable is subscribed to translation change and language change events of Tolgee
+     *
+     * In development mode, it returns the translated string,
+     * so in-context localization is not going to work.
+     *
+     * You should use unsubscribe method when you are done!
+     *
+     * in onInit: this.subscription = translateService.get('aa')
+     * in onDestroy: this.subscription.unsubscribe()
+     *
+     * @param key The key to translate (e.g. what-a-key)
+     * @param params The parameters to interpolate (e.g. {name: "John"})
+     * @param defaultValue Value, which will be rendered, when no translated value is provided
+     */
+    getSafe(key, params = {}, defaultValue) {
+        return this.translate(key, params, true, defaultValue);
     }
-    instant(input, params = {}, defaultValue) {
-        return this.tolgee.instant(input, params, undefined, undefined, defaultValue);
+    /**
+     * Returns the translation value synchronously
+     *
+     * In development mode, it returns string wrapped with configured
+     * prefix and suffix to be handled in browser by MutationObserver.
+     *
+     * @param key The key to translate (e.g. what-a-key)
+     * @param params The parameters to interpolate (e.g. {name: "John"})
+     * @param defaultValue Value, which will be rendered, when no translated value is provided
+     */
+    instant(key, params = {}, defaultValue) {
+        return this.tolgee.instant(key, params, undefined, undefined, defaultValue);
     }
+    /**
+     * Returns the translation value synchronously
+     *
+     * In development mode, it returns the translated string,
+     * so in-context localization is not going to work.
+     *
+     * @param key The key to translate (e.g. what-a-key)
+     * @param params The parameters to interpolate (e.g. {name: "John"})
+     * @param defaultValue Value, which will be rendered, when no translated value is provided
+     */
     instantSafe(input, params = {}, defaultValue) {
         return this.tolgee.instant(input, params, true, undefined, defaultValue);
     }
-    getCurrentLang() {
-        return this.tolgee.lang;
-    }
     unsubscribeCoreListeners() {
         this.onTranslationChangeCoreSubscription?.unsubscribe();
         this.onLangChangeCoreSubscription?.unsubscribe();
     }
-    async translate(input, params = {}, noWrap = false, defaultValue) {
-        //wait for start before translating
-        await this.start(this.config);
-        return await this.tolgee.translate(input, params, noWrap, defaultValue);
+    translate(key, params = {}, noWrap = false, defaultValue) {
+        return new Observable((subscriber) => {
+            const translate = async () => {
+                // start if not started
+                await this.start(this.config);
+                const translated = await this.tolgee.translate(key, params, noWrap, defaultValue);
+                subscriber.next(translated);
+            };
+            translate();
+            const onTranslationChangeSubscription = this.tolgee.onTranslationChange.subscribe((data) => {
+                if (data.key === key) {
+                    translate();
+                }
+            });
+            const onLanguageChangeSubscription = this.tolgee.onLangChange.subscribe(() => {
+                translate();
+            });
+            return () => {
+                onTranslationChangeSubscription.unsubscribe();
+                onLanguageChangeSubscription.unsubscribe();
+            };
+        });
     }
 }
-TranslateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslateService, deps: [{ token: TolgeeConfig }], target: i0.ɵɵFactoryTarget.Injectable });
-TranslateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslateService, decorators: [{
+TranslateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslateService, deps: [{ token: TolgeeConfig }], target: i0.ɵɵFactoryTarget.Injectable });
+TranslateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslateService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: TolgeeConfig }]; } });
 
@@ -72,14 +155,14 @@ class TranslatePipe {
         this.value = '';
     }
     get resultProvider() {
-        return (input, params, defaultValue) => this.translateService.get(input, params, defaultValue);
+        return (key, params, defaultValue) => this.translateService.get(key, params, defaultValue);
     }
     ngOnDestroy() {
-        this.langChangeSubscription.unsubscribe();
+        this.unsubscribe();
     }
-    transform(input, paramsOrDefaultValue, params) {
-        if (!input || input.length === 0) {
-            return input;
+    transform(key, paramsOrDefaultValue, params) {
+        if (!key || key.length === 0) {
+            return key;
         }
         const defaultValue = typeof paramsOrDefaultValue !== 'object'
             ? paramsOrDefaultValue
@@ -87,30 +170,34 @@ class TranslatePipe {
         if (typeof paramsOrDefaultValue === 'object') {
             params = paramsOrDefaultValue;
         }
-        const newHash = this.getHash(input, params, this.translateService.getCurrentLang());
-        if (newHash === this.lastHash) {
+        if (this.key === key &&
+            JSON.stringify(this.params) === JSON.stringify(params) &&
+            this.defaultValue === defaultValue) {
             return this.value;
         }
-        this.langChangeSubscription?.unsubscribe();
-        this.langChangeSubscription = this.translateService.onLangChange.subscribe(() => {
-            this.onLangChange(input, params, defaultValue);
-        });
-        this.onLangChange(input, params, defaultValue);
-        this.lastHash = newHash;
+        this.key = key;
+        this.params = params;
+        this.defaultValue = defaultValue;
+        // unsubscribe first
+        this.unsubscribe();
+        // asynchronously translate and assign subscription
+        this.subscription = this.translate(key, params, defaultValue);
         return this.value;
     }
-    getHash(input, params, language) {
-        return JSON.stringify({ input, params, language });
+    unsubscribe() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
     }
-    onLangChange(input, params, defaultValue) {
-        this.resultProvider(input, params, defaultValue).subscribe((r) => {
+    translate(key, params, defaultValue) {
+        return this.resultProvider(key, params, defaultValue).subscribe((r) => {
             this.value = r;
         });
     }
 }
-TranslatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslatePipe, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-TranslatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslatePipe, name: "translate", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslatePipe, decorators: [{
+TranslatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslatePipe, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+TranslatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslatePipe, name: "translate", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'translate',
@@ -126,9 +213,9 @@ class STranslatePipe extends TranslatePipe {
         return (input, params, defaultValue) => this.translateService.getSafe(input, params, defaultValue);
     }
 }
-STranslatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: STranslatePipe, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-STranslatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: STranslatePipe, name: "stranslate", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: STranslatePipe, decorators: [{
+STranslatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: STranslatePipe, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+STranslatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: STranslatePipe, name: "stranslate", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: STranslatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'stranslate',
@@ -141,39 +228,27 @@ class TComponent {
         this.ref = ref;
         this.translateService = translateService;
     }
-    get resultProvider() {
-        return (key, params, defaultValue) => this.translateService.getSafe(key, params, defaultValue);
-    }
     ngOnInit() {
         const element = this.ref.nativeElement;
         element.setAttribute(TOLGEE_WRAPPED_ONLY_DATA_ATTRIBUTE, this.key);
-        //update value when language changed
-        this.onLangChangeSubscription =
-            this.translateService.onLangChange.subscribe(() => {
-                this.translate(this.key, this.params, this.default);
-            });
-        //update value when translation changed
-        this.onTranslationChangeSubscription =
-            this.translateService.onTranslationChange.subscribe((data) => {
-                if (data.key == this.key) {
-                    this.translate(this.key, this.params, this.default);
-                }
-            });
-        this.translate(this.key, this.params, this.default);
+        // set safe at first
+        element.textContent = this.translateService.instantSafe(this.key, this.params, this.default);
+        // then do the async translation
+        this.subscription = this.translateService
+            .getSafe(this.key, this.params, this.default)
+            .subscribe((translated) => {
+            return (element.textContent = translated);
+        });
     }
     ngOnDestroy() {
-        this.onLangChangeSubscription?.unsubscribe();
-        this.onTranslationChangeSubscription?.unsubscribe();
-    }
-    translate(key, params, defaultValue) {
-        this.resultProvider(key, params, defaultValue).subscribe((r) => {
-            this.ref.nativeElement.textContent = r;
-        });
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
     }
 }
-TComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TComponent, deps: [{ token: i0.ElementRef }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-TComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: TComponent, selector: "[t]", inputs: { params: "params", key: "key", default: "default" }, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TComponent, decorators: [{
+TComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TComponent, deps: [{ token: i0.ElementRef }, { token: TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+TComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TComponent, selector: "[t]", inputs: { params: "params", key: "key", default: "default" }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[t]',
@@ -195,9 +270,9 @@ class TranslationsProvider {
         return await this.translateService.start(options);
     }
 }
-TranslationsProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslationsProvider, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-TranslationsProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslationsProvider });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TranslationsProvider, decorators: [{
+TranslationsProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslationsProvider, deps: [{ token: TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+TranslationsProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslationsProvider });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TranslationsProvider, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: TranslateService }]; } });
 
@@ -223,10 +298,10 @@ class NgxTolgeeModule {
         };
     }
 }
-NgxTolgeeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: NgxTolgeeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxTolgeeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: NgxTolgeeModule, declarations: [TranslatePipe, STranslatePipe, TComponent], exports: [TranslatePipe, STranslatePipe, TComponent] });
-NgxTolgeeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: NgxTolgeeModule, providers: [] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: NgxTolgeeModule, decorators: [{
+NgxTolgeeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NgxTolgeeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxTolgeeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NgxTolgeeModule, declarations: [TranslatePipe, STranslatePipe, TComponent], exports: [TranslatePipe, STranslatePipe, TComponent] });
+NgxTolgeeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NgxTolgeeModule, providers: [] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NgxTolgeeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TranslatePipe, STranslatePipe, TComponent],

package/fesm2020/tolgee-ngx.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tolgee-ngx.mjs","sources":["../../../projects/ngx-tolgee/src/lib/translate.service.ts","../../../projects/ngx-tolgee/src/lib/translate.pipe.ts","../../../projects/ngx-tolgee/src/lib/stranslate.pipe.ts","../../../projects/ngx-tolgee/src/lib/t.component.ts","../../../projects/ngx-tolgee/src/lib/translations-provider.ts","../../../projects/ngx-tolgee/src/lib/ngx-tolgee.module.ts","../../../projects/ngx-tolgee/src/public-api.ts","../../../projects/ngx-tolgee/src/tolgee-ngx.ts"],"sourcesContent":["import { EventEmitter, Injectable, OnDestroy } from '@angular/core';\nimport { from, Observable } from 'rxjs';\nimport { Tolgee, TranslationData } from '@tolgee/core';\nimport { TolgeeConfig } from './tolgeeConfig';\n\n@Injectable()\nexport class TranslateService implements OnDestroy {\n  public readonly onLangChange: EventEmitter<never> = new EventEmitter<never>();\n  public readonly onTranslationChange: EventEmitter<TranslationData> =\n    new EventEmitter<TranslationData>();\n\n  private runPromise: Promise<void>;\n  private onTranslationChangeCoreSubscription: any;\n  private onLangChangeCoreSubscription: any;\n\n  constructor(private config: TolgeeConfig) {}\n\n  private _tolgee: Tolgee;\n\n  public get tolgee(): Tolgee {\n    return this._tolgee;\n  }\n\n  public async start(config: TolgeeConfig): Promise<void> {\n    if (!this.runPromise) {\n      this._tolgee = new Tolgee(config);\n      this.runPromise = this.tolgee.run();\n      this.unsubscribeCoreListeners();\n      this.onTranslationChangeCoreSubscription =\n        this._tolgee.onTranslationChange.subscribe((data) => {\n          this.onTranslationChange.emit(data);\n        });\n      this.onLangChangeCoreSubscription = this._tolgee.onLangChange.subscribe(\n        () => {\n          this.onLangChange.emit();\n        }\n      );\n    }\n    await this.runPromise;\n  }\n\n  ngOnDestroy(): void {\n    this.tolgee.stop();\n    this.unsubscribeCoreListeners();\n  }\n\n  public setLang(lang: string) {\n    this.tolgee.lang = lang;\n  }\n\n  public get(\n    input: string,\n    params = {},\n    defaultValue?: string\n  ): Observable<string> {\n    return from(this.translate(input, params, false, defaultValue));\n  }\n\n  public getSafe(\n    input: string,\n    params = {},\n    defaultValue?: string\n  ): Observable<string> {\n    return from(this.translate(input, params, true, defaultValue));\n  }\n\n  public instant(input: string, params = {}, defaultValue?: string): string {\n    return this.tolgee.instant(\n      input,\n      params,\n      undefined,\n      undefined,\n      defaultValue\n    );\n  }\n\n  public instantSafe(\n    input: string,\n    params = {},\n    defaultValue?: string\n  ): string {\n    return this.tolgee.instant(input, params, true, undefined, defaultValue);\n  }\n\n  public getCurrentLang(): string {\n    return this.tolgee.lang;\n  }\n\n  private unsubscribeCoreListeners() {\n    this.onTranslationChangeCoreSubscription?.unsubscribe();\n    this.onLangChangeCoreSubscription?.unsubscribe();\n  }\n\n  private async translate(\n    input: string,\n    params = {},\n    noWrap = false,\n    defaultValue: string\n  ): Promise<string> {\n    //wait for start before translating\n    await this.start(this.config);\n    return await this.tolgee.translate(input, params, noWrap, defaultValue);\n  }\n}\n","import { OnDestroy, Pipe, PipeTransform } from '@angular/core';\nimport { TranslateService } from './translate.service';\nimport { Observable, Subscription } from 'rxjs';\n\n@Pipe({\n  name: 'translate',\n  pure: false,\n})\nexport class TranslatePipe implements PipeTransform, OnDestroy {\n  value = '';\n  lastHash: string;\n  private langChangeSubscription: Subscription;\n\n  constructor(protected translateService: TranslateService) {}\n\n  protected get resultProvider(): (\n    key,\n    params,\n    defaultValue: string\n  ) => Observable<string> {\n    return (input, params, defaultValue) =>\n      this.translateService.get(input, params, defaultValue);\n  }\n\n  ngOnDestroy(): void {\n    this.langChangeSubscription.unsubscribe();\n  }\n\n  transform(input: any, params?: Record<string, any>): string;\n  transform(\n    input: any,\n    defaultValue?: string,\n    params?: Record<string, any>\n  ): string;\n\n  transform(\n    input: any,\n    paramsOrDefaultValue?: Record<string, any> | string,\n    params?: Record<string, any>\n  ): string {\n    if (!input || input.length === 0) {\n      return input;\n    }\n\n    const defaultValue =\n      typeof paramsOrDefaultValue !== 'object'\n        ? paramsOrDefaultValue\n        : undefined;\n\n    if (typeof paramsOrDefaultValue === 'object') {\n      params = paramsOrDefaultValue;\n    }\n\n    const newHash = this.getHash(\n      input,\n      params,\n      this.translateService.getCurrentLang()\n    );\n\n    if (newHash === this.lastHash) {\n      return this.value;\n    }\n\n    this.langChangeSubscription?.unsubscribe();\n    this.langChangeSubscription = this.translateService.onLangChange.subscribe(\n      () => {\n        this.onLangChange(input, params, defaultValue);\n      }\n    );\n\n    this.onLangChange(input, params, defaultValue);\n\n    this.lastHash = newHash;\n\n    return this.value;\n  }\n\n  private getHash(input: string, params: object, language: string): string {\n    return JSON.stringify({ input, params, language });\n  }\n\n  private onLangChange(input, params, defaultValue) {\n    this.resultProvider(input, params, defaultValue).subscribe((r) => {\n      this.value = r;\n    });\n  }\n}\n","import { Pipe } from '@angular/core';\nimport { TranslateService } from './translate.service';\nimport { TranslatePipe } from './translate.pipe';\nimport { Observable } from 'rxjs';\n\n@Pipe({\n  name: 'stranslate',\n  pure: false,\n})\nexport class STranslatePipe extends TranslatePipe {\n  constructor(translateService: TranslateService) {\n    super(translateService);\n  }\n\n  protected get resultProvider(): (\n    input,\n    params,\n    defaultValue\n  ) => Observable<string> {\n    return (input, params, defaultValue) =>\n      this.translateService.getSafe(input, params, defaultValue);\n  }\n}\n","import { Component, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';\nimport { Observable, Subscription } from 'rxjs';\nimport { TranslateService } from './translate.service';\nimport { TOLGEE_WRAPPED_ONLY_DATA_ATTRIBUTE } from '@tolgee/core';\n\n@Component({\n  selector: '[t]',\n  template: ``,\n})\nexport class TComponent implements OnInit, OnDestroy {\n  value: string;\n  @Input() params?: Record<string, any>;\n  @Input() key: string;\n  @Input() default?: string;\n  onLangChangeSubscription: Subscription;\n  onTranslationChangeSubscription: Subscription;\n\n  constructor(\n    private ref: ElementRef,\n    private translateService: TranslateService\n  ) {}\n\n  protected get resultProvider(): (\n    key,\n    params,\n    defaultValue: string\n  ) => Observable<string> {\n    return (key, params, defaultValue) =>\n      this.translateService.getSafe(key, params, defaultValue);\n  }\n\n  ngOnInit(): void {\n    const element = this.ref.nativeElement as HTMLElement;\n\n    element.setAttribute(TOLGEE_WRAPPED_ONLY_DATA_ATTRIBUTE, this.key);\n\n    //update value when language changed\n    this.onLangChangeSubscription =\n      this.translateService.onLangChange.subscribe(() => {\n        this.translate(this.key, this.params, this.default);\n      });\n\n    //update value when translation changed\n    this.onTranslationChangeSubscription =\n      this.translateService.onTranslationChange.subscribe((data) => {\n        if (data.key == this.key) {\n          this.translate(this.key, this.params, this.default);\n        }\n      });\n    this.translate(this.key, this.params, this.default);\n  }\n\n  ngOnDestroy(): void {\n    this.onLangChangeSubscription?.unsubscribe();\n    this.onTranslationChangeSubscription?.unsubscribe();\n  }\n\n  private translate(key, params, defaultValue: string) {\n    this.resultProvider(key, params, defaultValue).subscribe((r) => {\n      this.ref.nativeElement.textContent = r;\n    });\n  }\n}\n","import {Injectable} from '@angular/core';\nimport {TranslateService} from \"./translate.service\";\nimport {TolgeeConfig} from \"@tolgee/core\";\n\n@Injectable()\nexport class TranslationsProvider {\n\n  constructor(private translateService: TranslateService) {\n  }\n\n  async load(options: TolgeeConfig) {\n    return await this.translateService.start(options);\n  }\n}\n\n\n","import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core';\nimport { TranslatePipe } from './translate.pipe';\nimport { TranslationsProvider } from './translations-provider';\nimport { TranslateService } from './translate.service';\nimport { STranslatePipe } from './stranslate.pipe';\nimport { TolgeeConfig } from './tolgeeConfig';\nimport { TComponent } from './t.component';\n\n@NgModule({\n  declarations: [TranslatePipe, STranslatePipe, TComponent],\n  exports: [TranslatePipe, STranslatePipe, TComponent],\n  providers: [],\n})\nexport class NgxTolgeeModule {\n  // @dynamic\n  static forRoot(options: TolgeeConfig): ModuleWithProviders<NgxTolgeeModule> {\n    options = { filesUrlPrefix: '/assets/i18n/', ...options };\n    return {\n      ngModule: NgxTolgeeModule,\n      providers: [\n        TranslateService,\n        TranslationsProvider,\n        {\n          provide: APP_INITIALIZER,\n          useFactory: (provider: TranslationsProvider) => {\n            return async () => await provider.load(options);\n          },\n          deps: [TranslationsProvider, TranslateService],\n          multi: true,\n        },\n        { provide: TolgeeConfig, useValue: options },\n      ],\n    };\n  }\n}\n","/*\n * Public API Surface of ngx-tolgee\n */\nimport { TranslateService } from './lib/translate.service';\nimport { TranslatePipe } from './lib/translate.pipe';\nimport { STranslatePipe } from './lib/stranslate.pipe';\nimport { TolgeeConfig } from './lib/tolgeeConfig';\nimport { TComponent } from './lib/t.component';\n\nexport * from './lib/ngx-tolgee.module';\nexport { TolgeeConfig };\nexport { TranslateService };\nexport { TranslatePipe };\nexport { STranslatePipe };\nexport { TComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tolgee-ngx.mjs","sources":["../../../projects/ngx-tolgee/src/lib/translate.service.ts","../../../projects/ngx-tolgee/src/lib/translate.pipe.ts","../../../projects/ngx-tolgee/src/lib/stranslate.pipe.ts","../../../projects/ngx-tolgee/src/lib/t.component.ts","../../../projects/ngx-tolgee/src/lib/translations-provider.ts","../../../projects/ngx-tolgee/src/lib/ngx-tolgee.module.ts","../../../projects/ngx-tolgee/src/public-api.ts","../../../projects/ngx-tolgee/src/tolgee-ngx.ts"],"sourcesContent":["import { EventEmitter, Injectable, OnDestroy } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Tolgee, TranslationData } from '@tolgee/core';\nimport { TolgeeConfig } from './tolgeeConfig';\n\n@Injectable()\nexport class TranslateService implements OnDestroy {\n  public readonly onLangChange: EventEmitter<never> = new EventEmitter<never>();\n  public readonly onTranslationChange: EventEmitter<TranslationData> =\n    new EventEmitter<TranslationData>();\n\n  private runPromise: Promise<void>;\n  private onTranslationChangeCoreSubscription: any;\n  private onLangChangeCoreSubscription: any;\n\n  constructor(private config: TolgeeConfig) {}\n\n  private _tolgee: Tolgee;\n\n  public get tolgee(): Tolgee {\n    return this._tolgee;\n  }\n\n  /**\n   * Starts Tolgee if not started and subscribes for languageChange and translationChange events\n   */\n  public async start(config: TolgeeConfig): Promise<void> {\n    if (!this.runPromise) {\n      this._tolgee = new Tolgee(config);\n      this.runPromise = this.tolgee.run();\n      // unsubscribe first, if it is subscribed for some reason\n      this.unsubscribeCoreListeners();\n      this.onTranslationChangeCoreSubscription =\n        this._tolgee.onTranslationChange.subscribe((data) => {\n          this.onTranslationChange.emit(data);\n        });\n      this.onLangChangeCoreSubscription = this._tolgee.onLangChange.subscribe(\n        () => {\n          this.onLangChange.emit();\n        }\n      );\n    }\n    await this.runPromise;\n  }\n\n  ngOnDestroy(): void {\n    // stop it!\n    this.tolgee.stop();\n    // unsubscribe listeners\n    this.unsubscribeCoreListeners();\n  }\n\n  /**\n   * Changes the current language\n   * @param lang The new current language (e.g. en, en-US)\n   */\n  public setLang(lang: string) {\n    this.tolgee.lang = lang;\n  }\n\n  /**\n   * Returns the current language\n   */\n  public getCurrentLang(): string {\n    return this.tolgee.lang;\n  }\n\n  /**\n   * Returns Observable providing current translated value\n   * Tne observable is subscribed to translation change and language change events of Tolgee\n   *\n   * In development mode, it returns string wrapped with configured\n   * prefix and suffix to be handled in browser by MutationObserver.\n   *\n   * You should use unsubscribe method when you are done!\n   *\n   * in onInit: this.subscription = translateService.get('aa')\n   * in onDestroy: this.subscription.unsubscribe()\n   *\n   * @param key The key to translate (e.g. what-a-key)\n   * @param params The parameters to interpolate (e.g. {name: \"John\"})\n   * @param defaultValue Value, which will be rendered, when no translated value is provided\n   */\n  public get(\n    key: string,\n    params = {},\n    defaultValue?: string\n  ): Observable<string> {\n    return this.translate(key, params, false, defaultValue);\n  }\n\n  /**\n   * Returns Observable providing current translated value\n   * Tne observable is subscribed to translation change and language change events of Tolgee\n   *\n   * In development mode, it returns the translated string,\n   * so in-context localization is not going to work.\n   *\n   * You should use unsubscribe method when you are done!\n   *\n   * in onInit: this.subscription = translateService.get('aa')\n   * in onDestroy: this.subscription.unsubscribe()\n   *\n   * @param key The key to translate (e.g. what-a-key)\n   * @param params The parameters to interpolate (e.g. {name: \"John\"})\n   * @param defaultValue Value, which will be rendered, when no translated value is provided\n   */\n  public getSafe(\n    key: string,\n    params = {},\n    defaultValue?: string\n  ): Observable<string> {\n    return this.translate(key, params, true, defaultValue);\n  }\n\n  /**\n   * Returns the translation value synchronously\n   *\n   * In development mode, it returns string wrapped with configured\n   * prefix and suffix to be handled in browser by MutationObserver.\n   *\n   * @param key The key to translate (e.g. what-a-key)\n   * @param params The parameters to interpolate (e.g. {name: \"John\"})\n   * @param defaultValue Value, which will be rendered, when no translated value is provided\n   */\n  public instant(key: string, params = {}, defaultValue?: string): string {\n    return this.tolgee.instant(key, params, undefined, undefined, defaultValue);\n  }\n\n  /**\n   * Returns the translation value synchronously\n   *\n   * In development mode, it returns the translated string,\n   * so in-context localization is not going to work.\n   *\n   * @param key The key to translate (e.g. what-a-key)\n   * @param params The parameters to interpolate (e.g. {name: \"John\"})\n   * @param defaultValue Value, which will be rendered, when no translated value is provided\n   */\n  public instantSafe(\n    input: string,\n    params = {},\n    defaultValue?: string\n  ): string {\n    return this.tolgee.instant(input, params, true, undefined, defaultValue);\n  }\n\n  private unsubscribeCoreListeners() {\n    this.onTranslationChangeCoreSubscription?.unsubscribe();\n    this.onLangChangeCoreSubscription?.unsubscribe();\n  }\n\n  private translate(\n    key: string,\n    params = {},\n    noWrap = false,\n    defaultValue: string\n  ): Observable<string> {\n    return new Observable((subscriber) => {\n      const translate = async () => {\n        // start if not started\n        await this.start(this.config);\n        const translated = await this.tolgee.translate(\n          key,\n          params,\n          noWrap,\n          defaultValue\n        );\n\n        subscriber.next(translated);\n      };\n\n      translate();\n\n      const onTranslationChangeSubscription =\n        this.tolgee.onTranslationChange.subscribe((data) => {\n          if (data.key === key) {\n            translate();\n          }\n        });\n\n      const onLanguageChangeSubscription = this.tolgee.onLangChange.subscribe(\n        () => {\n          translate();\n        }\n      );\n\n      return () => {\n        onTranslationChangeSubscription.unsubscribe();\n        onLanguageChangeSubscription.unsubscribe();\n      };\n    });\n  }\n}\n","import { OnDestroy, Pipe, PipeTransform } from '@angular/core';\nimport { TranslateService } from './translate.service';\nimport { Observable, Subscription } from 'rxjs';\n\n@Pipe({\n  name: 'translate',\n  pure: false,\n})\nexport class TranslatePipe implements PipeTransform, OnDestroy {\n  value = '';\n  key: string;\n  params: Record<string, any>;\n  defaultValue: string;\n  private;\n  private subscription: Subscription;\n\n  constructor(protected translateService: TranslateService) {}\n\n  protected get resultProvider(): (\n    key,\n    params,\n    defaultValue: string\n  ) => Observable<string> {\n    return (key, params, defaultValue) =>\n      this.translateService.get(key, params, defaultValue);\n  }\n\n  ngOnDestroy(): void {\n    this.unsubscribe();\n  }\n\n  transform(key: any, params?: Record<string, any>): string;\n\n  transform(\n    key: any,\n    defaultValue?: string,\n    params?: Record<string, any>\n  ): string;\n\n  transform(\n    key: any,\n    paramsOrDefaultValue?: Record<string, any> | string,\n    params?: Record<string, any>\n  ): string {\n    if (!key || key.length === 0) {\n      return key;\n    }\n\n    const defaultValue =\n      typeof paramsOrDefaultValue !== 'object'\n        ? paramsOrDefaultValue\n        : undefined;\n\n    if (typeof paramsOrDefaultValue === 'object') {\n      params = paramsOrDefaultValue;\n    }\n\n    if (\n      this.key === key &&\n      JSON.stringify(this.params) === JSON.stringify(params) &&\n      this.defaultValue === defaultValue\n    ) {\n      return this.value;\n    }\n\n    this.key = key;\n    this.params = params;\n    this.defaultValue = defaultValue;\n\n    // unsubscribe first\n    this.unsubscribe();\n\n    // asynchronously translate and assign subscription\n    this.subscription = this.translate(key, params, defaultValue);\n\n    return this.value;\n  }\n\n  private unsubscribe() {\n    if (this.subscription) {\n      this.subscription.unsubscribe();\n    }\n  }\n\n  private translate(key, params, defaultValue) {\n    return this.resultProvider(key, params, defaultValue).subscribe((r) => {\n      this.value = r;\n    });\n  }\n}\n","import { Pipe } from '@angular/core';\nimport { TranslateService } from './translate.service';\nimport { TranslatePipe } from './translate.pipe';\nimport { Observable } from 'rxjs';\n\n@Pipe({\n  name: 'stranslate',\n  pure: false,\n})\nexport class STranslatePipe extends TranslatePipe {\n  constructor(translateService: TranslateService) {\n    super(translateService);\n  }\n\n  protected get resultProvider(): (\n    input,\n    params,\n    defaultValue\n  ) => Observable<string> {\n    return (input, params, defaultValue) =>\n      this.translateService.getSafe(input, params, defaultValue);\n  }\n}\n","import { Component, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { TranslateService } from './translate.service';\nimport { TOLGEE_WRAPPED_ONLY_DATA_ATTRIBUTE } from '@tolgee/core';\n\n@Component({\n  selector: '[t]',\n  template: ``,\n})\nexport class TComponent implements OnInit, OnDestroy {\n  @Input() params?: Record<string, any>;\n  @Input() key: string;\n  @Input() default?: string;\n  subscription: Subscription;\n\n  constructor(\n    private ref: ElementRef,\n    private translateService: TranslateService\n  ) {}\n\n  ngOnInit(): void {\n    const element = this.ref.nativeElement as HTMLElement;\n    element.setAttribute(TOLGEE_WRAPPED_ONLY_DATA_ATTRIBUTE, this.key);\n\n    // set safe at first\n    element.textContent = this.translateService.instantSafe(\n      this.key,\n      this.params,\n      this.default\n    );\n\n    // then do the async translation\n    this.subscription = this.translateService\n      .getSafe(this.key, this.params, this.default)\n      .subscribe((translated) => {\n        return (element.textContent = translated);\n      });\n  }\n\n  ngOnDestroy(): void {\n    if (this.subscription) {\n      this.subscription.unsubscribe();\n    }\n  }\n}\n","import {Injectable} from '@angular/core';\nimport {TranslateService} from \"./translate.service\";\nimport {TolgeeConfig} from \"@tolgee/core\";\n\n@Injectable()\nexport class TranslationsProvider {\n\n  constructor(private translateService: TranslateService) {\n  }\n\n  async load(options: TolgeeConfig) {\n    return await this.translateService.start(options);\n  }\n}\n\n\n","import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core';\nimport { TranslatePipe } from './translate.pipe';\nimport { TranslationsProvider } from './translations-provider';\nimport { TranslateService } from './translate.service';\nimport { STranslatePipe } from './stranslate.pipe';\nimport { TolgeeConfig } from './tolgeeConfig';\nimport { TComponent } from './t.component';\n\n@NgModule({\n  declarations: [TranslatePipe, STranslatePipe, TComponent],\n  exports: [TranslatePipe, STranslatePipe, TComponent],\n  providers: [],\n})\nexport class NgxTolgeeModule {\n  // @dynamic\n  static forRoot(options: TolgeeConfig): ModuleWithProviders<NgxTolgeeModule> {\n    options = { filesUrlPrefix: '/assets/i18n/', ...options };\n    return {\n      ngModule: NgxTolgeeModule,\n      providers: [\n        TranslateService,\n        TranslationsProvider,\n        {\n          provide: APP_INITIALIZER,\n          useFactory: (provider: TranslationsProvider) => {\n            return async () => await provider.load(options);\n          },\n          deps: [TranslationsProvider, TranslateService],\n          multi: true,\n        },\n        { provide: TolgeeConfig, useValue: options },\n      ],\n    };\n  }\n}\n","/*\n * Public API Surface of ngx-tolgee\n */\nimport { TranslateService } from './lib/translate.service';\nimport { TranslatePipe } from './lib/translate.pipe';\nimport { STranslatePipe } from './lib/stranslate.pipe';\nimport { TolgeeConfig } from './lib/tolgeeConfig';\nimport { TComponent } from './lib/t.component';\n\nexport * from './lib/ngx-tolgee.module';\nexport { TolgeeConfig };\nexport { TranslateService };\nexport { TranslatePipe };\nexport { STranslatePipe };\nexport { TComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAMa,gBAAgB;IAS3B,YAAoB,MAAoB;QAApB,WAAM,GAAN,MAAM,CAAc;QARxB,iBAAY,GAAwB,IAAI,YAAY,EAAS,CAAC;QAC9D,wBAAmB,GACjC,IAAI,YAAY,EAAmB,CAAC;KAMM;IAI5C,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;;;;IAKM,MAAM,KAAK,CAAC,MAAoB;QACrC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,OAAO,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;;YAEpC,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAChC,IAAI,CAAC,mCAAmC;gBACtC,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,IAAI;oBAC9C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACrC,CAAC,CAAC;YACL,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CACrE;gBACE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;aAC1B,CACF,CAAC;SACH;QACD,MAAM,IAAI,CAAC,UAAU,CAAC;KACvB;IAED,WAAW;;QAET,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;;QAEnB,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;;;;;IAMM,OAAO,CAAC,IAAY;QACzB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;KACzB;;;;IAKM,cAAc;QACnB,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;KACzB;;;;;;;;;;;;;;;;;IAkBM,GAAG,CACR,GAAW,EACX,MAAM,GAAG,EAAE,EACX,YAAqB;QAErB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;KACzD;;;;;;;;;;;;;;;;;IAkBM,OAAO,CACZ,GAAW,EACX,MAAM,GAAG,EAAE,EACX,YAAqB;QAErB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;KACxD;;;;;;;;;;;IAYM,OAAO,CAAC,GAAW,EAAE,MAAM,GAAG,EAAE,EAAE,YAAqB;QAC5D,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;KAC7E;;;;;;;;;;;IAYM,WAAW,CAChB,KAAa,EACb,MAAM,GAAG,EAAE,EACX,YAAqB;QAErB,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;KAC1E;IAEO,wBAAwB;QAC9B,IAAI,CAAC,mCAAmC,EAAE,WAAW,EAAE,CAAC;QACxD,IAAI,CAAC,4BAA4B,EAAE,WAAW,EAAE,CAAC;KAClD;IAEO,SAAS,CACf,GAAW,EACX,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,KAAK,EACd,YAAoB;QAEpB,OAAO,IAAI,UAAU,CAAC,CAAC,UAAU;YAC/B,MAAM,SAAS,GAAG;;gBAEhB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC9B,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,CAC5C,GAAG,EACH,MAAM,EACN,MAAM,EACN,YAAY,CACb,CAAC;gBAEF,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aAC7B,CAAC;YAEF,SAAS,EAAE,CAAC;YAEZ,MAAM,+BAA+B,GACnC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,IAAI;gBAC7C,IAAI,IAAI,CAAC,GAAG,KAAK,GAAG,EAAE;oBACpB,SAAS,EAAE,CAAC;iBACb;aACF,CAAC,CAAC;YAEL,MAAM,4BAA4B,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,CACrE;gBACE,SAAS,EAAE,CAAC;aACb,CACF,CAAC;YAEF,OAAO;gBACL,+BAA+B,CAAC,WAAW,EAAE,CAAC;gBAC9C,4BAA4B,CAAC,WAAW,EAAE,CAAC;aAC5C,CAAC;SACH,CAAC,CAAC;KACJ;;6GA1LU,gBAAgB;iHAAhB,gBAAgB;2FAAhB,gBAAgB;kBAD5B,UAAU;;;MCGE,aAAa;IAQxB,YAAsB,gBAAkC;QAAlC,qBAAgB,GAAhB,gBAAgB,CAAkB;QAPxD,UAAK,GAAG,EAAE,CAAC;KAOiD;IAE5D,IAAc,cAAc;QAK1B,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,KAC/B,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;KACxD;IAED,WAAW;QACT,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAUD,SAAS,CACP,GAAQ,EACR,oBAAmD,EACnD,MAA4B;QAE5B,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5B,OAAO,GAAG,CAAC;SACZ;QAED,MAAM,YAAY,GAChB,OAAO,oBAAoB,KAAK,QAAQ;cACpC,oBAAoB;cACpB,SAAS,CAAC;QAEhB,IAAI,OAAO,oBAAoB,KAAK,QAAQ,EAAE;YAC5C,MAAM,GAAG,oBAAoB,CAAC;SAC/B;QAED,IACE,IAAI,CAAC,GAAG,KAAK,GAAG;YAChB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;YACtD,IAAI,CAAC,YAAY,KAAK,YAAY,EAClC;YACA,OAAO,IAAI,CAAC,KAAK,CAAC;SACnB;QAED,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;;QAGjC,IAAI,CAAC,WAAW,EAAE,CAAC;;QAGnB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;QAE9D,OAAO,IAAI,CAAC,KAAK,CAAC;KACnB;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;KACF;IAEO,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY;QACzC,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YAChE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAChB,CAAC,CAAC;KACJ;;0GAhFU,aAAa;wGAAb,aAAa;2FAAb,aAAa;kBAJzB,IAAI;mBAAC;oBACJ,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE,KAAK;iBACZ;;;MCEY,cAAe,SAAQ,aAAa;IAC/C,YAAY,gBAAkC;QAC5C,KAAK,CAAC,gBAAgB,CAAC,CAAC;KACzB;IAED,IAAc,cAAc;QAK1B,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,KACjC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;KAC9D;;2GAZU,cAAc;yGAAd,cAAc;2FAAd,cAAc;kBAJ1B,IAAI;mBAAC;oBACJ,IAAI,EAAE,YAAY;oBAClB,IAAI,EAAE,KAAK;iBACZ;;;MCCY,UAAU;IAMrB,YACU,GAAe,EACf,gBAAkC;QADlC,QAAG,GAAH,GAAG,CAAY;QACf,qBAAgB,GAAhB,gBAAgB,CAAkB;KACxC;IAEJ,QAAQ;QACN,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAA4B,CAAC;QACtD,OAAO,CAAC,YAAY,CAAC,kCAAkC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;;QAGnE,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CACrD,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,OAAO,CACb,CAAC;;QAGF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB;aACtC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC;aAC5C,SAAS,CAAC,CAAC,UAAU;YACpB,QAAQ,OAAO,CAAC,WAAW,GAAG,UAAU,EAAE;SAC3C,CAAC,CAAC;KACN;IAED,WAAW;QACT,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;KACF;;uGAlCU,UAAU;2FAAV,UAAU,yGAFX,EAAE;2FAED,UAAU;kBAJtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,KAAK;oBACf,QAAQ,EAAE,EAAE;iBACb;6HAEU,MAAM;sBAAd,KAAK;gBACG,GAAG;sBAAX,KAAK;gBACG,OAAO;sBAAf,KAAK;;;MCPK,oBAAoB;IAE/B,YAAoB,gBAAkC;QAAlC,qBAAgB,GAAhB,gBAAgB,CAAkB;KACrD;IAED,MAAM,IAAI,CAAC,OAAqB;QAC9B,OAAO,MAAM,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;KACnD;;iHAPU,oBAAoB;qHAApB,oBAAoB;2FAApB,oBAAoB;kBADhC,UAAU;;;MCSE,eAAe;;IAE1B,OAAO,OAAO,CAAC,OAAqB;QAClC,OAAO,GAAG,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;QAC1D,OAAO;YACL,QAAQ,EAAE,eAAe;YACzB,SAAS,EAAE;gBACT,gBAAgB;gBAChB,oBAAoB;gBACpB;oBACE,OAAO,EAAE,eAAe;oBACxB,UAAU,EAAE,CAAC,QAA8B;wBACzC,OAAO,YAAY,MAAM,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;qBACjD;oBACD,IAAI,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC;oBAC9C,KAAK,EAAE,IAAI;iBACZ;gBACD,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE;aAC7C;SACF,CAAC;KACH;;4GApBU,eAAe;6GAAf,eAAe,iBAJX,aAAa,EAAE,cAAc,EAAE,UAAU,aAC9C,aAAa,EAAE,cAAc,EAAE,UAAU;6GAGxC,eAAe,aAFf,EAAE;2FAEF,eAAe;kBAL3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,UAAU,CAAC;oBACzD,OAAO,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,UAAU,CAAC;oBACpD,SAAS,EAAE,EAAE;iBACd;;;ACZD;;;;ACAA;;;;;;"}

package/lib/t.component.d.ts

@@ -1,21 +1,17 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { Observable, Subscription } from 'rxjs';
+import { Subscription } from 'rxjs';
 import { TranslateService } from './translate.service';
 import * as i0 from "@angular/core";
 export declare class TComponent implements OnInit, OnDestroy {
     private ref;
     private translateService;
-    value: string;
     params?: Record<string, any>;
     key: string;
     default?: string;
-    onLangChangeSubscription: Subscription;
-    onTranslationChangeSubscription: Subscription;
+    subscription: Subscription;
     constructor(ref: ElementRef, translateService: TranslateService);
-    protected get resultProvider(): (key: any, params: any, defaultValue: string) => Observable<string>;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    private translate;
     static ɵfac: i0.ɵɵFactoryDeclaration<TComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TComponent, "[t]", never, { "params": "params"; "key": "key"; "default": "default"; }, {}, never, never>;
 }

package/lib/translate.pipe.d.ts

@@ -5,15 +5,18 @@ import * as i0 from "@angular/core";
 export declare class TranslatePipe implements PipeTransform, OnDestroy {
     protected translateService: TranslateService;
     value: string;
-    lastHash: string;
-    private langChangeSubscription;
+    key: string;
+    params: Record<string, any>;
+    defaultValue: string;
+    private: any;
+    private subscription;
     constructor(translateService: TranslateService);
     protected get resultProvider(): (key: any, params: any, defaultValue: string) => Observable<string>;
     ngOnDestroy(): void;
-    transform(input: any, params?: Record<string, any>): string;
-    transform(input: any, defaultValue?: string, params?: Record<string, any>): string;
-    private getHash;
-    private onLangChange;
+    transform(key: any, params?: Record<string, any>): string;
+    transform(key: any, defaultValue?: string, params?: Record<string, any>): string;
+    private unsubscribe;
+    private translate;
     static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe, "translate">;
 }

package/lib/translate.service.d.ts

@@ -13,14 +13,76 @@ export declare class TranslateService implements OnDestroy {
     constructor(config: TolgeeConfig);
     private _tolgee;
     get tolgee(): Tolgee;
+    /**
+     * Starts Tolgee if not started and subscribes for languageChange and translationChange events
+     */
     start(config: TolgeeConfig): Promise<void>;
     ngOnDestroy(): void;
+    /**
+     * Changes the current language
+     * @param lang The new current language (e.g. en, en-US)
+     */
     setLang(lang: string): void;
-    get(input: string, params?: {}, defaultValue?: string): Observable<string>;
-    getSafe(input: string, params?: {}, defaultValue?: string): Observable<string>;
-    instant(input: string, params?: {}, defaultValue?: string): string;
-    instantSafe(input: string, params?: {}, defaultValue?: string): string;
+    /**
+     * Returns the current language
+     */
     getCurrentLang(): string;
+    /**
+     * Returns Observable providing current translated value
+     * Tne observable is subscribed to translation change and language change events of Tolgee
+     *
+     * In development mode, it returns string wrapped with configured
+     * prefix and suffix to be handled in browser by MutationObserver.
+     *
+     * You should use unsubscribe method when you are done!
+     *
+     * in onInit: this.subscription = translateService.get('aa')
+     * in onDestroy: this.subscription.unsubscribe()
+     *
+     * @param key The key to translate (e.g. what-a-key)
+     * @param params The parameters to interpolate (e.g. {name: "John"})
+     * @param defaultValue Value, which will be rendered, when no translated value is provided
+     */
+    get(key: string, params?: {}, defaultValue?: string): Observable<string>;
+    /**
+     * Returns Observable providing current translated value
+     * Tne observable is subscribed to translation change and language change events of Tolgee
+     *
+     * In development mode, it returns the translated string,
+     * so in-context localization is not going to work.
+     *
+     * You should use unsubscribe method when you are done!
+     *
+     * in onInit: this.subscription = translateService.get('aa')
+     * in onDestroy: this.subscription.unsubscribe()
+     *
+     * @param key The key to translate (e.g. what-a-key)
+     * @param params The parameters to interpolate (e.g. {name: "John"})
+     * @param defaultValue Value, which will be rendered, when no translated value is provided
+     */
+    getSafe(key: string, params?: {}, defaultValue?: string): Observable<string>;
+    /**
+     * Returns the translation value synchronously
+     *
+     * In development mode, it returns string wrapped with configured
+     * prefix and suffix to be handled in browser by MutationObserver.
+     *
+     * @param key The key to translate (e.g. what-a-key)
+     * @param params The parameters to interpolate (e.g. {name: "John"})
+     * @param defaultValue Value, which will be rendered, when no translated value is provided
+     */
+    instant(key: string, params?: {}, defaultValue?: string): string;
+    /**
+     * Returns the translation value synchronously
+     *
+     * In development mode, it returns the translated string,
+     * so in-context localization is not going to work.
+     *
+     * @param key The key to translate (e.g. what-a-key)
+     * @param params The parameters to interpolate (e.g. {name: "John"})
+     * @param defaultValue Value, which will be rendered, when no translated value is provided
+     */
+    instantSafe(input: string, params?: {}, defaultValue?: string): string;
     private unsubscribeCoreListeners;
     private translate;
     static ɵfac: i0.ɵɵFactoryDeclaration<TranslateService, never>;

package/package.json

@@ -5,7 +5,11 @@
     "type": "git",
     "url": "https://github.com/tolgee/tolgee-js"
   },
-  "version": "2.3.2",
+  "dependencies": {
+    "@tolgee/core": "^2.8.1",
+    "tslib": "^2.3.0"
+  },
+  "version": "2.8.1",
   "publishConfig": {
     "directory": "../../dist/ngx-tolgee",
     "access": "public"
@@ -29,8 +33,5 @@
       "default": "./fesm2020/tolgee-ngx.mjs"
     }
   },
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^2.3.0"
-  }
+  "sideEffects": false
 }