@taon-dev/i18n 21.0.34 → 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.34";
+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/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.34';
+const CURRENT_PACKAGE_VERSION = '21.0.42';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 const MODEL_ID = 'Xenova/nllb-200-distilled-600M';
@@ -108,7 +108,10 @@ class LocalTranslationService {
         /* */
         /* */
         /* */
+        /* */
+        /* */
         return (void 0);
+        return void 0;
     }
     emitProgress(progress) {
         for (const listener of this.progressListeners) {
@@ -360,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);
@@ -610,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 }); }
@@ -800,7 +811,10 @@ function UtilsI18nExtractGettextTranslateFromHtml__NS__extractGettextTranslateFr
     /* */
     /* */
     /* */
+    /* */
+    /* */
     return (void 0);
+    return void 0;
 }
 function extractGettextCallsFromSource(html) {
     /* */
@@ -1064,6 +1078,7 @@ function getNodeAttributes(node) {
     /* */
     return (void 0);
 }
+//#region @esmRemove
 function getNodeInputs(node) {
     /* */
     /* */
@@ -1072,6 +1087,7 @@ function getNodeInputs(node) {
     /* */
     return (void 0);
 }
+//#endregion
 function isText(node) {
     /* */
     /* */
@@ -1143,6 +1159,7 @@ function stripHtml(html) {
     /* */
     return (void 0);
 }
+//#region @esmRemove
 function extractTranslateParams(inputs) {
     /* */
     /* */
@@ -1154,6 +1171,7 @@ function extractTranslateParams(inputs) {
     /* */
     return (void 0);
 }
+//#endregion
 function extractObjectLiteralFromAst(ast) {
     /* */
     /* */
@@ -1172,6 +1190,7 @@ function extractObjectLiteralFromAst(ast) {
     /* */
     return (void 0);
 }
+//#region @esmRemove
 function extractTranslatePipeStrings(ast) {
     /* */
     /* */
@@ -1201,6 +1220,7 @@ function extractTranslatePipeStrings(ast) {
     /* */
     return (void 0);
 }
+//#endregion
 function extractStaticStringsFromExpression(ast) {
     /* */
     /* */
@@ -1290,7 +1310,10 @@ function UtilsI18nHtml__NS__replaceTranslatePipieDirectiveTContext(html, options
     /* */
     /* */
     /* */
+    /* */
+    /* */
     return (void 0);
+    return void 0;
 }
 function UtilsI18nHtml__NS__isAngularTsWithInlineHtml(content) {
     /* */
@@ -1303,8 +1326,12 @@ function UtilsI18nHtml__NS__isAngularTsWithInlineHtml(content) {
     /* */
     /* */
     /* */
+    /* */
+    /* */
     return (void 0);
+    return void 0;
 }
+//#region @esmRemove
 function replaceInAngularInlineTemplates(content) {
     /* */
     /* */
@@ -1446,6 +1473,7 @@ function getStringLikeInnerRange(content, node) {
     /* */
     return (void 0);
 }
+//#endregion
 function UtilsI18nHtml__NS__replaceTranslatePipieDirectiveTContextInHtml(html) {
     /* */
     /* */
@@ -1509,7 +1537,10 @@ function UtilsI18nHtml__NS__replaceTranslatePipieDirectiveTContextInHtml(html) {
     /* */
     /* */
     /* */
+    /* */
+    /* */
     return (void 0);
+    return void 0;
 }
 function findTranslateDirectiveEditsFromSource(html) {
     /* */