@tolgee/ngx 1.2.3 → 1.5.0

package/fesm2015/tolgee-ngx.js

@@ -1,13 +1,14 @@
 import { __awaiter } from 'tslib';
-import { EventEmitter, Injectable, Pipe, APP_INITIALIZER, NgModule } from '@angular/core';
+import { EventEmitter, Injectable, Pipe, Component, ElementRef, Input, APP_INITIALIZER, NgModule } from '@angular/core';
 import { from } from 'rxjs';
-import { Tolgee, TolgeeConfig } from '@tolgee/core';
+import { Tolgee, TolgeeConfig, TOLGEE_WRAPPED_ONLY_DATA_ATTRIBUTE } from '@tolgee/core';
 export { TolgeeConfig } from '@tolgee/core';
 
 class TranslateService {
     constructor(config) {
         this.config = config;
         this.onLangChange = new EventEmitter();
+        this.onTranslationChange = new EventEmitter();
     }
     get tolgee() {
         return this._tolgee;
@@ -17,37 +18,50 @@ class TranslateService {
             if (!this.runPromise) {
                 this._tolgee = new Tolgee(config);
                 this.runPromise = this.tolgee.run();
+                this.unsubscribeCoreListeners();
+                this.onTranslationChangeCoreSubscription =
+                    this._tolgee.onTranslationChange.subscribe((data) => {
+                        this.onTranslationChange.emit(data);
+                    });
+                this.onLangChangeCoreSubscription = this._tolgee.onLangChange.subscribe(() => {
+                    this.onLangChange.emit();
+                });
             }
             yield this.runPromise;
         });
     }
+    ngOnDestroy() {
+        this.tolgee.stop();
+        this.unsubscribeCoreListeners();
+    }
     setLang(lang) {
-        this.currentLanguage = lang;
-        this.onLangChange.emit();
         this.tolgee.lang = lang;
     }
-    get(input, params = {}) {
-        return from(this.translate(input, params));
-    }
-    getSafe(input, params = {}) {
-        return from(this.translate(input, params, true));
+    get(input, params = {}, defaultValue) {
+        return from(this.translate(input, params, false, defaultValue));
     }
-    instant(input, params = {}) {
-        return this.tolgee.instant(input, params);
+    getSafe(input, params = {}, defaultValue) {
+        return from(this.translate(input, params, true, defaultValue));
     }
-    instantSafe(input, params = {}) {
-        return this.tolgee.instant(input, params, true);
+    instant(input, params = {}, defaultValue) {
+        return this.tolgee.instant(input, params, undefined, undefined, defaultValue);
     }
-    getDefaultLang() {
-        return this.tolgee.defaultLanguage;
+    instantSafe(input, params = {}, defaultValue) {
+        return this.tolgee.instant(input, params, true, undefined, defaultValue);
     }
     getCurrentLang() {
         return this.tolgee.lang;
     }
-    translate(input, params = {}, noWrap = false) {
+    unsubscribeCoreListeners() {
+        var _a, _b;
+        (_a = this.onTranslationChangeCoreSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this.onLangChangeCoreSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+    }
+    translate(input, params = {}, noWrap = false, defaultValue) {
         return __awaiter(this, void 0, void 0, function* () {
+            //wait for start before translating
             yield this.start(this.config);
-            return yield this.tolgee.translate(input, params, noWrap);
+            return yield this.tolgee.translate(input, params, noWrap, defaultValue);
         });
     }
 }
@@ -63,37 +77,48 @@ class TranslatePipe {
         this.translateService = translateService;
         this.value = '';
     }
-    getHash(input, params, language) {
-        return JSON.stringify({ input, params, language });
-    }
     get resultProvider() {
-        return (input, params) => this.translateService.get(input, params);
+        return (input, params, defaultValue) => this.translateService.get(input, params, defaultValue);
     }
-    onLangChange(input, params) {
-        this.resultProvider(input, params).subscribe(r => {
-            this.value = r;
-        });
+    ngOnDestroy() {
+        this.langChangeSubscription.unsubscribe();
     }
-    transform(input, params = {}) {
+    transform(input, paramsOrDefaultValue, params) {
+        var _a;
         if (!input || input.length === 0) {
             return input;
         }
+        const defaultValue = typeof paramsOrDefaultValue !== 'object'
+            ? paramsOrDefaultValue
+            : undefined;
+        if (typeof paramsOrDefaultValue === 'object') {
+            params = paramsOrDefaultValue;
+        }
         const newHash = this.getHash(input, params, this.translateService.getCurrentLang());
         if (newHash === this.lastHash) {
             return this.value;
         }
-        this.translateService.onLangChange.subscribe(() => {
-            this.onLangChange(input, params);
+        (_a = this.langChangeSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.langChangeSubscription = this.translateService.onLangChange.subscribe(() => {
+            this.onLangChange(input, params, defaultValue);
         });
-        this.onLangChange(input, params);
+        this.onLangChange(input, params, defaultValue);
         this.lastHash = newHash;
         return this.value;
     }
+    getHash(input, params, language) {
+        return JSON.stringify({ input, params, language });
+    }
+    onLangChange(input, params, defaultValue) {
+        this.resultProvider(input, params, defaultValue).subscribe((r) => {
+            this.value = r;
+        });
+    }
 }
 TranslatePipe.decorators = [
     { type: Pipe, args: [{
                 name: 'translate',
-                pure: false
+                pure: false,
             },] }
 ];
 TranslatePipe.ctorParameters = () => [
@@ -105,19 +130,71 @@ class STranslatePipe extends TranslatePipe {
         super(translateService);
     }
     get resultProvider() {
-        return (input, params) => this.translateService.getSafe(input, params);
+        return (input, params, defaultValue) => this.translateService.getSafe(input, params, defaultValue);
     }
 }
 STranslatePipe.decorators = [
     { type: Pipe, args: [{
                 name: 'stranslate',
-                pure: false
+                pure: false,
             },] }
 ];
 STranslatePipe.ctorParameters = () => [
     { type: TranslateService }
 ];
 
+class TComponent {
+    constructor(ref, translateService) {
+        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);
+    }
+    ngOnDestroy() {
+        var _a, _b;
+        (_a = this.onLangChangeSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this.onTranslationChangeSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+    }
+    translate(key, params, defaultValue) {
+        this.resultProvider(key, params, defaultValue).subscribe((r) => {
+            this.ref.nativeElement.innerHTML = r;
+        });
+    }
+}
+TComponent.decorators = [
+    { type: Component, args: [{
+                selector: '[t]',
+                template: ``
+            },] }
+];
+TComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: TranslateService }
+];
+TComponent.propDecorators = {
+    params: [{ type: Input }],
+    key: [{ type: Input }],
+    default: [{ type: Input }]
+};
+
 class TranslationsProvider {
     constructor(translateService) {
         this.translateService = translateService;
@@ -138,35 +215,30 @@ TranslationsProvider.ctorParameters = () => [
 class NgxTolgeeModule {
     // @dynamic
     static forRoot(options) {
-        options = Object.assign({ filesUrlPrefix: "/assets/i18n/" }, options);
+        options = Object.assign({ filesUrlPrefix: '/assets/i18n/' }, options);
         return {
             ngModule: NgxTolgeeModule,
             providers: [
-                TranslateService, TranslationsProvider,
+                TranslateService,
+                TranslationsProvider,
                 {
                     provide: APP_INITIALIZER,
                     useFactory: (provider) => {
                         return () => __awaiter(this, void 0, void 0, function* () { return yield provider.load(options); });
                     },
                     deps: [TranslationsProvider, TranslateService],
-                    multi: true
+                    multi: true,
                 },
-                { provide: TolgeeConfig, useValue: options }
+                { provide: TolgeeConfig, useValue: options },
             ],
         };
     }
 }
 NgxTolgeeModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [
-                    TranslatePipe,
-                    STranslatePipe
-                ],
-                exports: [
-                    TranslatePipe,
-                    STranslatePipe
-                ],
-                providers: []
+                declarations: [TranslatePipe, STranslatePipe, TComponent],
+                exports: [TranslatePipe, STranslatePipe, TComponent],
+                providers: [],
             },] }
 ];
 
@@ -178,5 +250,5 @@ NgxTolgeeModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { NgxTolgeeModule, STranslatePipe, TranslatePipe, TranslateService };
+export { NgxTolgeeModule, STranslatePipe, TComponent, TranslatePipe, TranslateService };
 //# sourceMappingURL=tolgee-ngx.js.map

package/fesm2015/tolgee-ngx.js.map

@@ -1 +1 @@
-{"version":3,"file":"tolgee-ngx.js","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/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} from '@angular/core';\nimport {from, Observable} from 'rxjs';\nimport {Tolgee} from \"@tolgee/core\";\nimport {TolgeeConfig} from \"./tolgeeConfig\";\n\n@Injectable()\nexport class TranslateService {\n\n  constructor(private config: TolgeeConfig) {\n  }\n\n  public readonly onLangChange: EventEmitter<never> = new EventEmitter<never>();\n\n  private _tolgee: Tolgee;\n  private runPromise: Promise<void>;\n  private currentLanguage: string;\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    }\n    await this.runPromise;\n  }\n\n  public setLang(lang: string) {\n    this.currentLanguage = lang;\n    this.onLangChange.emit();\n    this.tolgee.lang = lang;\n  }\n\n  public get(input: string, params = {}): Observable<string> {\n    return from(this.translate(input, params));\n  }\n\n  public getSafe(input: string, params = {}): Observable<string> {\n    return from(this.translate(input, params, true));\n  }\n\n  public instant(input: string, params = {}): string {\n    return this.tolgee.instant(input, params);\n  }\n\n  public instantSafe(input: string, params = {}): string {\n    return this.tolgee.instant(input, params, true);\n  }\n\n  public getDefaultLang(): string {\n    return this.tolgee.defaultLanguage;\n  }\n\n  public getCurrentLang(): string {\n    return this.tolgee.lang;\n  }\n\n  private async translate(input: string, params = {}, noWrap = false): Promise<string> {\n    await this.start(this.config);\n    return await this.tolgee.translate(input, params, noWrap);\n  }\n}\n","import {Pipe, PipeTransform} from '@angular/core';\nimport {TranslateService} from \"./translate.service\";\nimport {Observable} from \"rxjs\";\n\n@Pipe({\n  name: 'translate',\n  pure: false\n})\nexport class TranslatePipe implements PipeTransform {\n  value = '';\n  lastHash: string;\n\n  constructor(protected translateService: TranslateService) {\n  }\n\n  private getHash(input: string, params: object, language: string): string {\n    return JSON.stringify({input, params, language});\n  }\n\n  protected get resultProvider(): (input, params) => Observable<string> {\n    return (input, params) => this.translateService.get(input, params);\n  }\n\n  private onLangChange(input, params) {\n    this.resultProvider(input, params).subscribe(r => {\n      this.value = r;\n    });\n  }\n\n  transform(input: any, params = {}): any {\n    if (!input || input.length === 0) {\n      return input;\n    }\n\n    const newHash = this.getHash(input, params, this.translateService.getCurrentLang());\n\n    if (newHash === this.lastHash) {\n      return this.value;\n    }\n\n    this.translateService.onLangChange.subscribe(() => {\n      this.onLangChange(input, params);\n    });\n\n    this.onLangChange(input, params);\n\n    this.lastHash = newHash;\n\n    return this.value;\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\n  constructor(translateService: TranslateService) {\n    super(translateService);\n  }\n\n  protected get resultProvider(): (input, params) => Observable<string> {\n    return (input, params) => this.translateService.getSafe(input, params);\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\";\n\n@NgModule({\n  declarations: [\n    TranslatePipe,\n    STranslatePipe\n  ],\n  exports: [\n    TranslatePipe,\n    STranslatePipe\n  ],\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, 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';\n\nexport * from './lib/ngx-tolgee.module';\nexport { TolgeeConfig };\nexport { TranslateService };\nexport { TranslatePipe };\nexport { STranslatePipe };\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.js","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 {\n  Component,\n  ContentChild,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n} 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.innerHTML = 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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"}

package/lib/ngx-tolgee.module.d.ts

@@ -1,5 +1,5 @@
 import { ModuleWithProviders } from '@angular/core';
-import { TolgeeConfig } from "./tolgeeConfig";
+import { TolgeeConfig } from './tolgeeConfig';
 export declare class NgxTolgeeModule {
     static forRoot(options: TolgeeConfig): ModuleWithProviders<NgxTolgeeModule>;
 }

package/lib/stranslate.pipe.d.ts

@@ -1,7 +1,7 @@
-import { TranslateService } from "./translate.service";
-import { TranslatePipe } from "./translate.pipe";
-import { Observable } from "rxjs";
+import { TranslateService } from './translate.service';
+import { TranslatePipe } from './translate.pipe';
+import { Observable } from 'rxjs';
 export declare class STranslatePipe extends TranslatePipe {
     constructor(translateService: TranslateService);
-    protected get resultProvider(): (input: any, params: any) => Observable<string>;
+    protected get resultProvider(): (input: any, params: any, defaultValue: any) => Observable<string>;
 }

package/lib/t.component.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable, Subscription } from 'rxjs';
+import { TranslateService } from './translate.service';
+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;
+    constructor(ref: ElementRef, translateService: TranslateService);
+    protected get resultProvider(): (key: any, params: any, defaultValue: string) => Observable<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private translate;
+}

package/lib/translate.pipe.d.ts

@@ -1,13 +1,16 @@
-import { PipeTransform } from '@angular/core';
-import { TranslateService } from "./translate.service";
-import { Observable } from "rxjs";
-export declare class TranslatePipe implements PipeTransform {
+import { OnDestroy, PipeTransform } from '@angular/core';
+import { TranslateService } from './translate.service';
+import { Observable } from 'rxjs';
+export declare class TranslatePipe implements PipeTransform, OnDestroy {
     protected translateService: TranslateService;
     value: string;
     lastHash: string;
+    private langChangeSubscription;
     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;
-    protected get resultProvider(): (input: any, params: any) => Observable<string>;
     private onLangChange;
-    transform(input: any, params?: {}): any;
 }

package/lib/translate.service.d.ts

@@ -1,22 +1,25 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Tolgee } from "@tolgee/core";
-import { TolgeeConfig } from "./tolgeeConfig";
-export declare class TranslateService {
+import { Tolgee, TranslationData } from '@tolgee/core';
+import { TolgeeConfig } from './tolgeeConfig';
+export declare class TranslateService implements OnDestroy {
     private config;
-    constructor(config: TolgeeConfig);
     readonly onLangChange: EventEmitter<never>;
-    private _tolgee;
+    readonly onTranslationChange: EventEmitter<TranslationData>;
     private runPromise;
-    private currentLanguage;
+    private onTranslationChangeCoreSubscription;
+    private onLangChangeCoreSubscription;
+    constructor(config: TolgeeConfig);
+    private _tolgee;
     get tolgee(): Tolgee;
     start(config: TolgeeConfig): Promise<void>;
+    ngOnDestroy(): void;
     setLang(lang: string): void;
-    get(input: string, params?: {}): Observable<string>;
-    getSafe(input: string, params?: {}): Observable<string>;
-    instant(input: string, params?: {}): string;
-    instantSafe(input: string, params?: {}): string;
-    getDefaultLang(): string;
+    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;
     getCurrentLang(): string;
+    private unsubscribeCoreListeners;
     private translate;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tolgee/ngx",
   "description": "Angular implementation of tolgee translation framework",
-  "version": "1.2.3",
+  "version": "1.5.0",
   "publishConfig": {
     "directory": "../../dist/ngx-tolgee",
     "access": "public"

package/public-api.d.ts

@@ -2,8 +2,10 @@ import { TranslateService } from './lib/translate.service';
 import { TranslatePipe } from './lib/translate.pipe';
 import { STranslatePipe } from './lib/stranslate.pipe';
 import { TolgeeConfig } from './lib/tolgeeConfig';
+import { TComponent } from './lib/t.component';
 export * from './lib/ngx-tolgee.module';
 export { TolgeeConfig };
 export { TranslateService };
 export { TranslatePipe };
 export { STranslatePipe };
+export { TComponent };

package/tolgee-ngx.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TranslateService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TolgeeConfig","module":"@tolgee/core"}]}],"start":[{"__symbolic":"method"}],"setLang":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"getSafe":[{"__symbolic":"method"}],"instant":[{"__symbolic":"method"}],"instantSafe":[{"__symbolic":"method"}],"getDefaultLang":[{"__symbolic":"method"}],"getCurrentLang":[{"__symbolic":"method"}],"translate":[{"__symbolic":"method"}]}},"TranslatePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"translate","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TranslateService"}]}],"getHash":[{"__symbolic":"method"}],"onLangChange":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"}]}},"STranslatePipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TranslatePipe"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"stranslate","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TranslateService"}]}]}},"NgxTolgeeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TranslatePipe"},{"__symbolic":"reference","name":"STranslatePipe"}],"exports":[{"__symbolic":"reference","name":"TranslatePipe"},{"__symbolic":"reference","name":"STranslatePipe"}],"providers":[]}]}],"members":{}}},"origins":{"TolgeeConfig":"@tolgee/core","TranslateService":"./lib/translate.service","TranslatePipe":"./lib/translate.pipe","STranslatePipe":"./lib/stranslate.pipe","NgxTolgeeModule":"./lib/ngx-tolgee.module"},"importAs":"@tolgee/ngx"}
+{"__symbolic":"module","version":4,"metadata":{"TranslateService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TolgeeConfig","module":"@tolgee/core"}]}],"start":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setLang":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"getSafe":[{"__symbolic":"method"}],"instant":[{"__symbolic":"method"}],"instantSafe":[{"__symbolic":"method"}],"getCurrentLang":[{"__symbolic":"method"}],"unsubscribeCoreListeners":[{"__symbolic":"method"}],"translate":[{"__symbolic":"method"}]}},"TranslatePipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"translate","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TranslateService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"getHash":[{"__symbolic":"method"}],"onLangChange":[{"__symbolic":"method"}]}},"STranslatePipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TranslatePipe"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"stranslate","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TranslateService"}]}]}},"TComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"[t]","template":""}]}],"members":{"params":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"default":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":25,"character":17},{"__symbolic":"reference","name":"TranslateService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"translate":[{"__symbolic":"method"}]}},"NgxTolgeeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TranslatePipe"},{"__symbolic":"reference","name":"STranslatePipe"},{"__symbolic":"reference","name":"TComponent"}],"exports":[{"__symbolic":"reference","name":"TranslatePipe"},{"__symbolic":"reference","name":"STranslatePipe"},{"__symbolic":"reference","name":"TComponent"}],"providers":[]}]}],"members":{}}},"origins":{"TolgeeConfig":"@tolgee/core","TranslateService":"./lib/translate.service","TranslatePipe":"./lib/translate.pipe","STranslatePipe":"./lib/stranslate.pipe","TComponent":"./lib/t.component","NgxTolgeeModule":"./lib/ngx-tolgee.module"},"importAs":"@tolgee/ngx"}