@taon-dev/i18n 21.0.35 → 21.0.42

package/browser/types/i18n-browser.d.ts

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import { UtilsI18n, CoreModels } from 'tnp-core/browser';
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, WritableSignal, OnInit, OnDestroy, OnChanges, PipeTransform } from '@angular/core';
+import { ChangeDetectorRef, WritableSignal, AfterViewInit, OnChanges, PipeTransform, OnDestroy } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 
@@ -28,7 +28,7 @@ declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-declare const CURRENT_PACKAGE_VERSION = "21.0.35";
+declare const CURRENT_PACKAGE_VERSION = "21.0.42";
 
 interface TranslationOptions {
     text: string;
@@ -108,7 +108,7 @@ declare class TranslationManager {
     get currentGlobalLanguage(): UtilsI18n.CommonLocaleCode;
     set currentGlobalLanguage(v: UtilsI18n.CommonLocaleCode);
     private currentGlobalLanguageSrc;
-    readonly currentGlobalLanguage$: rxjs.Observable<"pl-PL" | "en-US" | "en-GB" | "de-DE" | "fr-FR" | "es-ES" | "zh-CN">;
+    readonly currentGlobalLanguage$: rxjs.Observable<"en-US" | "pl-PL" | "en-GB" | "de-DE" | "fr-FR" | "es-ES" | "zh-CN">;
     availableLangs: UtilsI18n.LangOption[];
     private availableLangsSrc;
     readonly availableLangs$: rxjs.Observable<UtilsI18n.LangOption[]>;
@@ -116,7 +116,7 @@ declare class TranslationManager {
     get visibleLanguages(): UtilsI18n.CommonLocaleCode[];
     set visibleLanguages(v: UtilsI18n.CommonLocaleCode[]);
     private visibleLanguagesSrc;
-    readonly visibleLanguages$: rxjs.Observable<("pl-PL" | "en-US" | "en-GB" | "de-DE" | "fr-FR" | "es-ES" | "zh-CN")[]>;
+    readonly visibleLanguages$: rxjs.Observable<("en-US" | "pl-PL" | "en-GB" | "de-DE" | "fr-FR" | "es-ES" | "zh-CN")[]>;
     /**
      * TODO
      */
@@ -161,6 +161,10 @@ declare class Translation {
     protected langImportMap: TaonTranslationsMapImport;
     debug: boolean;
     static manager: TranslationManager;
+    /**
+     * Example how to use it:
+     * const t =  Translation.for('src/lib/translation.ts', {"src/lib/translation.ts":{"en-US":async () => (await import('./i18n/translation.ts.en-US.i18n.data')).default,"pl-PL":async () => (await import('./i18n/translation.ts.pl-PL.i18n.data')).default}} as any);
+     */
     static for(fileRelativePath: string, langImportMap: TaonTranslationsMapImport, opt?: {
         debug?: boolean;
     }): Translation;
@@ -195,7 +199,7 @@ declare class Translation {
     private interpolate;
 }
 
-declare class TranslateDirective implements OnInit, OnDestroy, OnChanges {
+declare class TranslateDirective implements AfterViewInit, OnChanges {
     private static readonly selector;
     t: Translation;
     params?: Record<string, unknown>;
@@ -204,9 +208,9 @@ declare class TranslateDirective implements OnInit, OnDestroy, OnChanges {
     private readonly element;
     private readonly destroyRef;
     private originalText;
-    ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnChanges(): void;
-    ngOnDestroy(): void;
+    private validateContent;
     private render;
     static ɵfac: i0.ɵɵFactoryDeclaration<TranslateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TranslateDirective, "[translate]", never, { "t": { "alias": "translate-t"; "required": false; }; "params": { "alias": "translate-params"; "required": false; }; "translateContext": { "alias": "translate-context"; "required": false; }; }, {}, never, never, true, never>;

package/browser-prod/README.md

@@ -1,24 +1,24 @@
-# MyLib
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
-> Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# MyLib
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
+> Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/browser-prod/fesm2022/i18n-browser-prod.mjs

@@ -28,7 +28,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.35';
+const CURRENT_PACKAGE_VERSION = '21.0.42';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 const MODEL_ID = 'Xenova/nllb-200-distilled-600M';
@@ -363,6 +363,10 @@ class TranslationManager {
 class Translation {
     static { this.manager = TranslationManager.Instance; }
     //#region static for
+    /**
+     * Example how to use it:
+     * const t =  Translation.for('src/lib/translation.ts', {"src/lib/translation.ts":{"en-US":async () => (await import('./i18n/translation.ts.en-US.i18n.data')).default,"pl-PL":async () => (await import('./i18n/translation.ts.pl-PL.i18n.data')).default}} as any);
+     */
     static for(fileRelativePath, langImportMap, opt) {
         opt = opt || {};
         return new Translation(fileRelativePath, Translation.manager.currentGlobalLanguage, langImportMap, !!opt.debug);
@@ -613,34 +617,38 @@ class TranslateDirective {
         this.originalText = '';
     }
     static { this.selector = '[translate]'; }
-    ngOnInit() {
-        this.originalText = this.element.nativeElement.textContent?.trim() ?? '';
+    ngAfterViewInit() {
+        const nativeElement = this.element.nativeElement;
+        this.validateContent();
+        this.originalText = nativeElement.textContent?.trim() ?? '';
         this.initialized = true;
         this.render();
         this.t.isLoadingLang$
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
-            // this.t.debug && console.log(`Rerender "${this.originalText}"`)
             this.render();
         });
     }
     ngOnChanges() {
-        if (!this.initialized)
+        if (!this.initialized) {
             return;
-        //  this.t.debug && console.log(`On Chnags for "${this.originalText}"`)
+        }
         this.render();
     }
-    ngOnDestroy() { }
+    validateContent() {
+        const element = this.element.nativeElement;
+        // console.log('validating ', element);
+        if (element.children.length > 0) {
+            console.error(`[@taon-dev/i18n] ${TranslateDirective.selector} should only be used ` +
+                `with plain text. HTML/content elements detected inside:`, element);
+        }
+    }
     render() {
-        // console.log('render', this);
         if (!this.t) {
             throw (`Directive ${TranslateDirective.selector} applied on component ` +
-                `wihtout implemented Translatable interface`);
+                `without implemented Translatable interface`);
         }
         this.element.nativeElement.textContent = this.t.translate(this.originalText, this.params, this.translateContext);
-        //#region @browser
-        // this.t.cdr?.markForCheck();
-        //#endregion
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: TranslateDirective, isStandalone: true, selector: "[translate]", inputs: { t: ["translate-t", "t"], params: ["translate-params", "params"], translateContext: ["translate-context", "translateContext"] }, usesOnChanges: true, ngImport: i0 }); }