@taon-dev/i18n 0.0.1 → 21.0.7

package/websql/fesm2022/i18n-websql.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { inject, EnvironmentInjector, signal, computed, runInInjectionContext, untracked, resource, Injectable, InjectionToken, makeEnvironmentProviders, provideAppInitializer, PLATFORM_ID, effect, DOCUMENT } from '@angular/core';
-import { isPlatformBrowser, isPlatformServer } from '@angular/common';
-import { Title } from '@angular/platform-browser';
-import { TitleStrategy, Router } from '@angular/router';
+import { inject, ChangeDetectorRef, signal, ElementRef, DestroyRef, Input, Directive, Pipe, Injectable } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { BehaviorSubject, tap, map } from 'rxjs';
+import { UtilsI18n, GlobalStorage, _ } from 'tnp-core/websql';
 
 // THIS FILE IS GENERATED - DO NOT MODIFY
 /**
@@ -28,16 +28,15 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '0.0.1';
+const CURRENT_PACKAGE_VERSION = '21.0.7';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
-const INTERNAL_TRANSIGNAL_CONFIG = Symbol('INTERNAL_TRANSIGNAL_CONFIG');
-const TREE_SHAKED_TRANSLATIONS = Symbol('TREE_SHAKED_TRANSLATIONS');
-
 //#region tnp-helpers cli template
+// import { CoreModels } from 'tnp-core/src';
 // import { Helpers, BaseCommandLineFeature } from 'tnp-helpers/src';
 // import { BaseProject, BaseStartConfig } from 'tnp-helpers/src'; // @backend
-// class $Version extends BaseCommandLineFeature<{}> {
+// class $Global extends BaseCommandLineFeature<{}> {
+//   static [CoreModels.ClassNameStaticProperty] = '';
 //   public _() {
 //     console.log(`Hello world from cli`);
 //     this._exit();
@@ -77,433 +76,1469 @@ async function startCli(argsv, filename) {
     return (void 0);
 }
 
-/**
- * Param handler which allows for specification of basic params: `{name}`
- *
- * @param translation Translated text
- * @param params      Params provided to translation function
- */
-const simpleParamsHandler = (translation, params) => {
-    if (!params)
-        return translation;
-    for (const [key, value] of Object.entries(params)) {
-        translation = translation.replaceAll(`{${key}}`, simpleParamValueStringify(value));
-    }
-    return translation;
-};
-const noParamsHandler = translation => translation;
-const simpleParamValueStringify = (paramValue) => {
-    if (typeof paramValue === 'string') {
-        return paramValue;
-    }
-    if (paramValue == null) {
-        return '';
-    }
-    return paramValue.toString();
-};
-
-/**
- * Main transignal service, used to process and cache translations
- * Can be injected directly or with use of transignal object created with {@link prepareTransignal} function (recommended)
- */
-class TransignalService {
+//#region import
+//#endregion
+//#region constants
+const globalStorageKeyMainLanguage = 'taon-gettext-main-language';
+const globalTaonLanguageLocalKeyLocalStor = 'taon-language-local';
+//#endregion
+class TranslationManager {
     constructor() {
-        this.injector = inject(EnvironmentInjector);
-        this.config = injectTransignalConfig();
-        this.paramsHandler = this.config.paramHandler ?? simpleParamsHandler;
-        this.loadingFn = this.config.loadingFn ?? (() => '...');
-        // eslint-disable-next-line no-console
-        this.errorHandler = this.config.errorHandler ?? console.error; // TODO maybe add a link to error page in docs
-        this.loadingCount = signal(0, ...(ngDevMode ? [{ debugName: "loadingCount" }] : []));
-        this.scopeMap = new Map();
-        this.languageMap = new Map();
+        this.instances = new Set();
+        //#region current global language
+        this.defaultLangLocale = (() => {
+            //#region @browser
+            return (localStorage.getItem(globalTaonLanguageLocalKeyLocalStor) ||
+                UtilsI18n.detectLocale());
+            //#endregion
+            return UtilsI18n.defaultLangLocale;
+        })();
+        this._currentGlobalLanguage = this
+            .defaultLangLocale;
+        this.currentGlobalLanguageSrc = new BehaviorSubject(this.currentGlobalLanguage);
+        this.currentGlobalLanguage$ = this.currentGlobalLanguageSrc
+            .asObservable()
+            .pipe(tap(currentGlobalLanguage => {
+            GlobalStorage.set(globalStorageKeyMainLanguage, currentGlobalLanguage);
+            // console.log(`Update from subject ${currentGlobalLanguage}`);
+        }));
+        //#endregion
+        //#region available langs
+        this.availableLangs = _.cloneDeep(UtilsI18n.LangOptionArr);
+        this.availableLangsSrc = new BehaviorSubject(this.availableLangs);
+        this.availableLangs$ = this.availableLangsSrc.asObservable().pipe(map(f => {
+            if (this.visibleLanguages.length > 0) {
+                // console.log('Filtering langs')
+                return f.filter(a => this.visibleLanguages.includes(a.code));
+            }
+            return f;
+        }));
+        //#endregion
+        //#region visible langs
+        this._visibleLanguages = [];
+        this.visibleLanguagesSrc = new BehaviorSubject(this.visibleLanguages);
+        this.visibleLanguages$ = this.visibleLanguagesSrc.asObservable();
+        //#endregion
+        //#region loading langs subject
         /**
-         * Use to set or get active language
+         * TODO
          */
-        this.activeLang = signal(this.config.defaultLang, ...(ngDevMode ? [{ debugName: "activeLang" }] : []));
+        this.loadingLangsSubjectSrc = new BehaviorSubject(false);
         /**
-         * Use to determine whether service is currently loading translation files
+         * TODO
          */
-        this.isLoading = computed(() => this.loadingCount() > 0, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.isLoadingLangs$ = this.loadingLangsSubjectSrc.asObservable();
+        //#endregion
+        this.pernamentLanguage = null;
+        // console.log(`[i18] Default lang: ${this.defaultLangLocale}`);
+    }
+    get currentGlobalLanguage() {
+        return this._currentGlobalLanguage;
     }
-    t(scope) {
-        const existing = this.scopeMap.get(scope);
-        if (existing) {
-            return existing;
+    set currentGlobalLanguage(v) {
+        this._currentGlobalLanguage = v;
+        this.currentGlobalLanguageSrc.next(v);
+    }
+    get visibleLanguages() {
+        return this._visibleLanguages;
+    }
+    set visibleLanguages(v) {
+        if (this.pernamentLanguage) {
+            v = v.filter(a => [this.pernamentLanguage].includes(a));
         }
-        const scopeObj = this.initT(scope);
-        this.scopeMap.set(scope, scopeObj);
-        return scopeObj;
-    }
-    initT(scope) {
-        const cache = new Map();
-        const t = ((key, params) => {
-            const lang = this.activeLang();
-            const baseKey = `${lang}/${key}`;
-            const memoKey = params ? `${baseKey}_${JSON.stringify(params)}` : baseKey;
-            const alreadyComputed = cache.get(memoKey);
-            if (alreadyComputed) {
-                return alreadyComputed;
-            }
-            const { isLoading, error, value } = this.fetchLanguage(scope, lang);
-            if (isLoading()) {
-                return this.loadingFn?.(key);
-            }
-            if (error() || !value()) {
-                this.errorHandler('missing_file', error());
-                return '';
-            }
-            const result = this.replaceParams(this.resolveObjectPath(value(), key), params);
-            cache.set(memoKey, result);
-            return result;
-        }); // needed as other props are assigned below
-        t.arr = t;
-        t.obj = t;
-        t.prefix = this.preparePrefixFn(t, 1);
-        t.plural = this.preparePluralFn(t);
-        t.select = this.prepareSelectFn(t);
-        return t;
-    }
-    preparePrefixFn(t, depth) {
-        return (prefix) => {
-            const prefixedT = (key, params) => t(`${prefix}.${key}`, params);
-            prefixedT.arr = prefixedT;
-            prefixedT.obj = prefixedT;
-            prefixedT.plural = this.preparePluralFn(prefixedT);
-            prefixedT.select = this.prepareSelectFn(prefixedT);
-            prefixedT.prefix =
-                this.config.maxPrefixDepth || 3 >= depth
-                    ? this.preparePrefixFn(prefixedT, depth + 1)
-                    : () => {
-                        this.errorHandler('prefix_too_deep');
-                        const t = () => '';
-                        t.arr = () => [];
-                        t.obj = () => ({});
-                        t.plural = () => '';
-                        return t;
-                    };
-            return prefixedT;
-        };
+        this._visibleLanguages = v;
+        this.visibleLanguagesSrc.next(v);
+        this.availableLangsSrc.next(this.availableLangs);
     }
-    preparePluralFn(t) {
-        return (key, count, params) => {
-            const plurals = t(key, { count, ...params });
-            if (typeof plurals === 'string') {
-                if (plurals === this.loadingFn(key)) {
-                    return plurals;
-                }
-                this.errorHandler('invalid_plural', key, plurals);
-                return plurals;
-            }
-            if (plurals[count]) {
-                return plurals[count];
-            }
-            const valueLastDigit = +count.toFixed(0).at(-1);
-            if (plurals.one && valueLastDigit === 1) {
-                return plurals.one;
-            }
-            if (plurals.many && valueLastDigit >= 5) {
-                return plurals.many;
-            }
-            if (plurals.few && valueLastDigit > 1 && valueLastDigit < 5) {
-                return plurals.few;
-            }
-            if (plurals.other) {
-                return plurals.other;
-            }
-            this.errorHandler('missing_plural', key, plurals, count);
-            return '';
+    static get Instance() {
+        if (!this._instance) {
+            this._instance = new TranslationManager();
+        }
+        return this._instance;
+    }
+    setOneLanguagePernament(lang) {
+        console.info(`Setting pernament language to ${lang}`);
+        if (this.pernamentLanguage) {
+            console.log('You are trying to set again pernament language');
+            return;
+        }
+        this.visibleLanguages = [lang];
+        // @ts-ignore
+        this.pernamentLanguage = lang;
+        void this.changeGlobalLang(lang);
+    }
+    //#region change global lang
+    async changeGlobalLang(lang) {
+        this.loadingLangsSubjectSrc.next(true);
+        this.currentGlobalLanguage = lang;
+        localStorage.setItem(globalTaonLanguageLocalKeyLocalStor, lang);
+        try {
+            await Promise.all([...this.instances].map(c => c.useGlobalFileLang(lang)));
+        }
+        catch (error) {
+            console.error(error);
+        }
+        this.loadingLangsSubjectSrc.next(false);
+        // console.info('Done changing language');
+    }
+}
+
+//#region imports
+//#endregion
+//#region translation class
+class Translation {
+    static { this.manager = TranslationManager.Instance; }
+    //#region static for
+    static for(fileRelativePath, langImportMap, opt) {
+        opt = opt || {};
+        return new Translation(fileRelativePath, Translation.manager.currentGlobalLanguage, langImportMap, !!opt.debug);
+    }
+    //#endregion
+    //#region constructor
+    constructor(fileRelativePath, localFileLang, langImportMap, debug = false) {
+        this.fileRelativePath = fileRelativePath;
+        this.localFileLang = localFileLang;
+        this.langImportMap = langImportMap;
+        this.debug = debug;
+        //#endregion
+        this.lookup = {};
+        this.loadingSubjectSrc = new BehaviorSubject(false);
+        this.isLoadingLang$ = this.loadingSubjectSrc.asObservable();
+        this.bindings = new Set();
+        this.useGlobalLangFile = true;
+        //#endregion
+        //#region gettext
+        this.gettext = (text, params, context = '') => {
+            const key = this.key(text, context);
+            const translated = this.lookup[key] ?? text;
+            this.debug &&
+                console.log(`Translate (with load): "${text}" to "${translated}", key="${key}" params:${_.isObject(params) ? JSON.stringify(params) : params} ` +
+                    `localFileLang: ${this.localFileLang}`, this);
+            return this.interpolate(translated, params);
+        };
+        this.signal = {
+            gettext: (text, params, context) => this.createSignal(text, params, context),
         };
+        this.$ = {
+            gettext: (text, params, context) => this.createObservable(text, params, context),
+        };
+        if (!Translation.manager.instances.has(this)) {
+            Translation.manager.instances.add(this);
+        }
     }
-    prepareSelectFn(t) {
-        return (key, value, params) => {
-            const selects = t(key, { value, ...params });
-            if (typeof selects === 'string') {
-                if (selects === this.loadingFn(key)) {
-                    return selects;
-                }
-                this.errorHandler('invalid_select', key, selects);
-                return selects;
-            }
-            if (value !== null) {
-                if (selects[value]) {
-                    return selects[value];
+    //#endregion
+    //#region for
+    for(_classThis) {
+        //#region @browser
+        if (this.useGlobalFileLang) {
+            this.localFileLang = Translation.manager.currentGlobalLanguage;
+            // console.log(`Update on t.for() ${this.localFileLang}`)
+        }
+        try {
+            this.cdr = inject(ChangeDetectorRef);
+        }
+        catch {
+            // non-angular class/backend-safe
+        }
+        //#endregion
+        void this.ensureLoaded();
+        return this;
+    }
+    //#endregion
+    //#region change file lang
+    async changeFileLang(lang) {
+        this.useGlobalLangFile = false;
+        this.localFileLang = lang;
+        await this.ensureLoaded(true);
+        //#region @browser
+        this.cdr?.markForCheck();
+        //#endregion
+    }
+    //#endregion
+    //#region use global file lang
+    async useGlobalFileLang(lang) {
+        this.useGlobalLangFile = true;
+        await this.ensureLoaded(true);
+        //#region @browser
+        this.cdr?.markForCheck();
+        //#endregion
+    }
+    //#endregion
+    //#region signal
+    createSignal(text, params, context = '') {
+        const s = signal(this.gettext(text, params, context), ...(ngDevMode ? [{ debugName: "s" }] : []));
+        this.bindings.add({
+            text,
+            params,
+            context,
+            update: value => s.set(value),
+        });
+        return s;
+    }
+    //#endregion
+    //#region $ obserable
+    createObservable(text, params, context = '') {
+        const subject = new BehaviorSubject(this.gettext(text, params, context));
+        this.bindings.add({
+            text,
+            params,
+            context,
+            update: value => subject.next(value),
+        });
+        return subject.asObservable();
+    }
+    //#endregion
+    //#region private methods / refresh bindings
+    refreshBindings() {
+        for (const binding of this.bindings) {
+            binding.update(this.gettextWithoutEnsureLoaded(binding.text, binding.params, binding.context ?? ''));
+        }
+    }
+    //#endregion
+    //#region private methods / gettextwithout ensure loadded
+    translate(text, params, context = '') {
+        return this.gettextWithoutEnsureLoaded(text, params, context);
+    }
+    gettextWithoutEnsureLoaded(text, params, context = '') {
+        const key = this.key(text, context);
+        const translated = this.lookup[key] ?? text;
+        this.debug &&
+            console.log(`Translate (no load): "${text}" to "${translated}", key="${key}" params:${_.isObject(params) ? JSON.stringify(params) : params} ` +
+                `localFileLang: ${this.localFileLang}`, this);
+        return this.interpolate(translated, params);
+    }
+    //#endregion
+    //#region private methods / load
+    async load() {
+        this.loadingSubjectSrc.next(true);
+        const files = [];
+        const filesForTArr = Object.keys(this.langImportMap);
+        for (const fileRelativePath of filesForTArr) {
+            try {
+                const loader = this.langImportMap[fileRelativePath]?.[this.localFileLang];
+                if (!loader) {
+                    continue;
                 }
+                const modOrFile = await loader();
+                const file = modOrFile.default ?? modOrFile;
+                files.push(file);
             }
-            else if (selects['null']) {
-                return selects['null'];
+            catch (err) {
+                console.log(`[taon-i18n] Error loading language file ${fileRelativePath} `, err);
             }
-            this.errorHandler('missing_select', key, selects, value);
-            return '';
-        };
+        }
+        this.loadedLang = this.localFileLang;
+        this.lookup = this.createLookup(files);
+        this.debug && console.log(`${this.localFileLang}`, files, this.lookup);
+        this.refreshBindings();
+        //#region @browser
+        this.cdr?.markForCheck();
+        //#endregion
+        this.loadingSubjectSrc.next(false);
     }
-    replaceParams(translation, params) {
-        if (!translation)
-            return translation;
-        if (typeof translation === 'string') {
-            return this.paramsHandler(translation, params);
+    //#endregion
+    //#region private methods / ensure loaded
+    async ensureLoaded(force = false) {
+        if (this.useGlobalLangFile) {
+            this.localFileLang = Translation.manager.currentGlobalLanguage;
         }
-        if (Array.isArray(translation)) {
-            return translation.map(val => this.replaceParams(val, params));
+        if (!force && this.loadedLang === this.localFileLang) {
+            return;
         }
-        if (typeof translation === 'object') {
-            return Object.entries(translation).reduce((prev, [objKey, objVal]) => {
-                prev[objKey] = this.replaceParams(objVal, params);
-                return prev;
-            }, {});
+        if (!force && this.loading) {
+            return this.loading;
         }
-        return translation;
-    }
-    fetchLanguage(scope, lang) {
-        const cacheKey = `${scope}/${lang}`;
-        const existing = this.languageMap.get(cacheKey);
-        if (existing)
-            return existing;
-        const { translations, loader } = this.config;
-        const translation = runInInjectionContext(this.injector, () => translations === TREE_SHAKED_TRANSLATIONS
-            ? untracked(() => resource({
-                loader: async () => {
-                    this.loadingCount.update(count => ++count);
-                    const file = await runInInjectionContext(this.injector, () => loader(scope, lang));
-                    this.loadingCount.update(count => --count);
-                    return file;
-                },
-            }))
-            : {
-                value: signal(translations[scope]),
-                isLoading: signal(false),
-                error: signal(undefined),
-            });
-        this.languageMap.set(cacheKey, translation);
-        return translation;
-    }
-    resolveObjectPath(obj, path) {
-        const keys = path.split('.');
-        let current = obj;
-        for (const key of keys) {
-            if (current && typeof current === 'object') {
-                current = current[key];
-            }
-            else {
-                this.errorHandler('missing_key', { obj, path });
-                return undefined;
+        this.loading = this.load();
+        try {
+            await this.loading;
+        }
+        finally {
+            this.loading = undefined;
+        }
+    }
+    //#endregion
+    //#region private methods / create lookup
+    createLookup(files) {
+        const lookup = {};
+        for (const file of files) {
+            for (const tag of file.tags ?? []) {
+                if (!tag.translation)
+                    continue;
+                lookup[this.key(tag.gettextString, tag.context ?? '')] =
+                    tag.translation;
             }
         }
-        return current;
+        return lookup;
+    }
+    //#endregion
+    //#region private methods / key
+    key(text, context = '') {
+        return `${context}\u0004${text}`;
+    }
+    //#endregion
+    //#region private methods / interpolate
+    interpolate(text, params) {
+        if (!params)
+            return text;
+        const result = text.replace(/\[\[\s*([a-zA-Z0-9_$]+)\s*\]\]/g, (_, key) => {
+            const value = params[key];
+            return value === undefined || value === null ? '' : String(value);
+        });
+        return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TransignalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TransignalService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TransignalService, decorators: [{
-            type: Injectable
-        }] });
+//#endregion
+//#region EXMAPLE
+/*
+// import {Translation} from 'taon'
 
-/**
- * Utility function to define a type of translations for type inference
- */
-const treeShakedTranslations = () => TREE_SHAKED_TRANSLATIONS;
-const TRANSIGNAL_CONFIG = new InjectionToken('TRANSIGNAL_CONFIG');
-/**
- * Use to inject transignal config
- */
-const injectTransignalConfig = () => inject(TRANSIGNAL_CONFIG);
-/**
- * Prepares type-safe transignal object
- * @param config Transignal configruation {@link TransignalConfig}
- * @param features Extra tree-shakeable features
- * - {@link withPreloadScopes} - preloads selected scopes
- * - {@link withServerSideLanguage} - sets language based on `document.lang` in SSR environment
- * - {@link withNavigatorLanguage} - sets language based on `navigator.language` in browser environment
- * - {@link withLanguageLocalStorageSync} - syncs language with localStorage
- * - {@link withTranslatedTitle} - enables translation of page title
- */
-const prepareTransignal = (config, ...features) => {
-    const service = () => inject(TransignalService);
-    return {
-        [INTERNAL_TRANSIGNAL_CONFIG]: { config, features },
-        provide: () => makeEnvironmentProviders([
-            { provide: TRANSIGNAL_CONFIG, useValue: config },
-            TransignalService,
-            features.map(feature => feature.providers),
-        ]),
-        service,
-        t: (scope) => service().t(scope),
-    };
-};
+const t = Translation.for('src/lib/translation.ts', {}); // in runtime replaced with proper stuff
 
-/**
- * Provides unit-test version of transignal that loads translation instantly without loading
- *
- * @param transignal   existing transignal instance
- * @param translations real translations in a selected language
- */
-const provideTransignalTesting = (transignal, translations) => prepareTransignal({ ...transignal[INTERNAL_TRANSIGNAL_CONFIG].config, translations }, ...transignal[INTERNAL_TRANSIGNAL_CONFIG].features).provide();
+t.gettext('asdasd');
 
-/**
- * Utility to create a plural translation that can differ between languages and includes variants of translations for different plurals
- * Can be used with {@link TranslateObj.plural}
- * Translations may use automatic param: `{count}`
- * @param translation plural translation object
- */
-const plural = (translation) => translation;
-/**
- * Utility to create a select translation
- * Can be used with {@link TranslateObj.select}
- * Translations may use automatic param: `{value}`
- * @param translation select translation object
- */
-const select = (translation) => translation;
+class AnyAngularOrTaonClass {
+  t = t.for(this); // probably only usefull for cdr in angular
 
-/**
- * Saves user selected language in selected storage e.g. localStorage
- * Works only in browser environment
- *
- * @param key Key under which it should save the language in storage
- * @param storage Storage to be used e.g. localStorage or sessionStorage
- */
-const withLanguageLocalStorageSync = (key = 'LANG', storage = 'localStorage') => {
-    return {
-        providers: [
-            provideAppInitializer(() => {
-                if (isPlatformBrowser(inject(PLATFORM_ID))) {
-                    const transignalService = inject(TransignalService);
-                    const store = window[storage];
-                    const savedLanguage = store.getItem(key);
-                    if (savedLanguage) {
-                        const { availableLangs } = injectTransignalConfig();
-                        if (availableLangs.includes(savedLanguage)) {
-                            transignalService.activeLang.set(savedLanguage);
-                        }
-                    }
-                    effect(() => {
-                        const updatedLang = transignalService.activeLang();
-                        store.setItem(key, updatedLang);
-                    });
-                }
-            }),
-        ],
-    };
-};
+  isLoading$ = t.isLoadingLang$; // maybe needed sometime
 
-/**
- * Sets active language depending on `navigator.language`, which represents user defined browser settings
- * Works only in browser environment
- */
-const withNavigatorLanguage = () => {
-    return {
-        providers: [
-            provideAppInitializer(() => {
-                if (isPlatformBrowser(inject(PLATFORM_ID))) {
-                    const transignalService = inject(TransignalService);
-                    const { availableLangs } = injectTransignalConfig();
-                    const preferredLanguage = navigator.languages.map(language => language.split('-')[0].toLowerCase()).find(language => availableLangs.includes(language));
-                    if (preferredLanguage) {
-                        transignalService.activeLang.set(preferredLanguage);
-                    }
-                }
-            }),
-        ],
-    };
-};
+  refreshableSignalLabel$ = t.signal.gettext(t.gettext('welcome'));
 
-/**
- * Preloads selected scopes in default language
- * Use after language init by {@link withServerSideLanguage} or {@link withNavigatorLanguage}
- * @param scopes Scopes which should be preloaded
- */
-const withPreloadScopes = (scopes) => {
-    return {
-        providers: [
-            provideAppInitializer(() => {
-                const transignalService = inject(TransignalService);
-                effect(() => {
-                    const _activeLang = transignalService.activeLang();
-                    scopes.forEach(scope => transignalService.t(scope)(''));
-                });
-            }),
-        ],
-    };
-};
+  refreshableRxjsLabel$ = t.$.gettext('amazing better place'); // probably even better
 
-/**
- * Sets active language depending on `document.lang` attribute which should be set by the server.ts depending on `Accept-language` header
- * Works only in SSR environment
- */
-const withServerSideLanguage = () => {
-    return {
-        providers: [
-            provideAppInitializer(() => {
-                if (isPlatformServer(inject(PLATFORM_ID))) {
-                    const transignalService = inject(TransignalService);
-                    const { documentElement } = inject(DOCUMENT);
-                    const { availableLangs } = injectTransignalConfig();
-                    if (availableLangs.includes(documentElement.lang)) {
-                        transignalService.activeLang.set(documentElement.lang);
-                    }
-                }
-            }),
-        ],
-    };
-};
+  asdsa = this.t.gettext(
+    // just sugar syntax
+    'This is mamazing',
+    {
+      asdasd: 'asd',
+    },
+    'asdas',
+  );
 
-class TransignalTitleStrategy extends TitleStrategy {
-    constructor(t) {
-        super();
-        this.t = t;
-        this.title = inject(Title);
-        this.injector = inject(EnvironmentInjector);
-    }
-    updateTitle(routerState) {
-        this.effectRef?.destroy();
-        const router = this.injector.get(Router);
-        const title = this.buildTitle(routerState) || 'default';
-        const translation = computed(() => this.t(title, router.getCurrentNavigation()?.extras.state), ...(ngDevMode ? [{ debugName: "translation" }] : []));
-        this.effectRef = runInInjectionContext(this.injector, () => effect(() => this.title.setTitle(translation()), { manualCleanup: true }));
+  ngOnInit(): void {
+    //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
+    //Add 'implements OnInit' to the class.
+    const lable = t.gettext('hello');
+  }
+}
+  */
+//#endregion
+
+class TranslateDirective {
+    constructor() {
+        this.initialized = false;
+        this.element = inject((ElementRef));
+        this.destroyRef = inject(DestroyRef);
+        this.originalText = '';
+    }
+    ngOnInit() {
+        this.originalText = this.element.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)
+            return;
+        //  this.t.debug && console.log(`On Chnags for "${this.originalText}"`)
+        this.render();
+    }
+    ngOnDestroy() { }
+    render() {
+        // console.log('render', this);
+        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 }); }
 }
-/**
- * Enables translation of title param in route definition with use of prepared {@link TitleStrategy}
- * Automatically translates `title` param form route definition, sets website title and updates on language changes
- * Also it is possible to use parameters from `navigation.extras.state`
- *
- * @example
- * ```typescript
- * // src/app/app.routes.ts
- * export const routes = [
- *   { path: 'base', title: 'base', children: [
- *     { path: 'child', title: 'child' },
- *   ],
- *   { path: 'aux', outlet: 'popup', title: 'popupTitle' }
- * ];
- *
- * // src/app/transignal.ts
- * export const transignal = prepareTransignal(<config>, withTranslatedTitle('global'));
- *
- * // src/app/i18n/global/en.ts
- * export default {
- *   title: {
- *     base: 'Base title',
- *     child: 'Child title'
- *     popupTitle: 'Popup title'
- *   }
- * };
- * ```
- *
- * @param scope scope under which there are title translations
- * @param translationKey translation key under which there are translations, `title` by default
- */
-const withTranslatedTitle = (scope, translationKey = 'title') => {
-    return {
-        providers: [
-            makeEnvironmentProviders([
-                {
-                    provide: TitleStrategy,
-                    useFactory: (service = inject(TransignalService)) => new TransignalTitleStrategy(service.t(scope).prefix(translationKey)),
-                },
-            ]),
-        ],
-    };
-};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[translate]',
+                    standalone: true,
+                }]
+        }], propDecorators: { t: [{
+                type: Input,
+                args: ['translate-t']
+            }], params: [{
+                type: Input,
+                args: ['translate-params']
+            }], translateContext: [{
+                type: Input,
+                args: ['translate-context']
+            }] } });
+
+class TranslatePipe {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.tranlsationManager = TranslationManager.Instance;
+        this.sub = this.tranlsationManager.isLoadingLangs$.subscribe(() => {
+            this.cdr.markForCheck();
+        });
+    }
+    transform(text, t, params, context) {
+        return t?.gettext(text, params, context) ?? text;
+    }
+    ngOnDestroy() {
+        this.sub.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "translate", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'translate',
+                    standalone: true,
+                    pure: false,
+                }]
+        }], ctorParameters: () => [] });
+
+class TranslateService {
+    constructor() {
+        this.manager = TranslationManager.Instance;
+        /**
+         * TODO
+         */
+        this.isLoadingLangs$ = this.manager.isLoadingLangs$;
+        this.availableLangs$ = this.manager.availableLangs$;
+        this.currentGlobalLanguage$ = this.manager.currentGlobalLanguage$;
+    }
+    setOneLanguagePernament(lang) {
+        this.manager.setOneLanguagePernament(lang);
+    }
+    //#region change global lang
+    async changeGlobalLang(lang) {
+        await this.manager.changeGlobalLang(lang);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslateService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#endregion
+var UtilsI18nExtractGettextTranslateFromHtml;
+(function (UtilsI18nExtractGettextTranslateFromHtml) {
+    function extractGettextTranslateFromHtml(html, fileName = 'template.html') {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    UtilsI18nExtractGettextTranslateFromHtml.extractGettextTranslateFromHtml = extractGettextTranslateFromHtml;
+    function extractGettextCallsFromSource(html) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractGettextCallsFromHtmlExpression(source) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function readBalancedParenthesesContent(source, openParenIndex) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function readStaticStringArg(arg) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractTranslateParamsFromSource(source) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractObjectLiteralParams(raw) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function splitTopLevel(input, separator) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractTranslatePipeStringsFromSource(source) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractStringLiterals(source) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function getNodeAttributes(node) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function getNodeInputs(node) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function isText(node) {
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function isBoundText(node) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    function collectText(nodes) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractTranslateDirectiveFromSource(html) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function stripHtml(html) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractTranslateParams(inputs) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractObjectLiteralFromAst(ast) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractTranslatePipeStrings(ast) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function extractStaticStringsFromExpression(ast) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function astToSource(ast) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function normalizeHtmlText(text) {
+        /* */
+        /* */
+        return (void 0);
+    }
+    function uniqueMessages(messages) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    //#endregion
+})(UtilsI18nExtractGettextTranslateFromHtml || (UtilsI18nExtractGettextTranslateFromHtml = {}));
+
+//#endregion
+var UtilsI18nHtml;
+(function (UtilsI18nHtml) {
+    function extractGettextTranslateFromHtml(html, fileName = 'template.html') {
+        return UtilsI18nExtractGettextTranslateFromHtml.extractGettextTranslateFromHtml(html, fileName);
+    }
+    UtilsI18nHtml.extractGettextTranslateFromHtml = extractGettextTranslateFromHtml;
+    function replaceTranslatePipieDirectiveTContext(html) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    UtilsI18nHtml.replaceTranslatePipieDirectiveTContext = replaceTranslatePipieDirectiveTContext;
+    function findTranslateDirectiveEditsFromSource(html) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function hasTranslateDirective(node) {
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function hasTranslateTInput(node) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function findOpenTagInsertPosition(html, start, length) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function applyEdits(input, edits) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+})(UtilsI18nHtml || (UtilsI18nHtml = {}));
+
+var UtilsPoFile;
+(function (UtilsPoFile) {
+    //#region generate po files
+    function generatePoFiles(files, locales, destinationAbsFolderPath) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    UtilsPoFile.generatePoFiles = generatePoFiles;
+    //#endregion
+    //#region generate po file content
+    function generatePoFileContent(files, locale) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    UtilsPoFile.generatePoFileContent = generatePoFileContent;
+    //#endregion
+    //#region extract po to json
+    function extractPoToJson(poFileContent) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    UtilsPoFile.extractPoToJson = extractPoToJson;
+    //#endregion
+    //#region generate translation override interface
+    function generateTranslationOverrideInterface(file, interfaceName, locale) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    UtilsPoFile.generateTranslationOverrideInterface = generateTranslationOverrideInterface;
+    function escapeTs(value) {
+        return value.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+    }
+    //#endregion
+    //#region merge gettext file
+    function mergeGettextFile(jsonContent1FromTsHtml, json2ContentFromPoFileModifedByUser) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    UtilsPoFile.mergeGettextFile = mergeGettextFile;
+    //#endregion
+    //#region models & helpers
+    function getGettextTagKey(tag) {
+        return `${tag.context ?? ''}\u0004${tag.gettextString}`;
+    }
+    function parsePoEntries(po) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function parsePoRef(ref) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    function escapePoString(value) {
+        return value
+            .replace(/\\/g, '\\\\')
+            .replace(/"/g, '\\"')
+            .replace(/\n/g, '\\n');
+    }
+    function readPoQuoted(value) {
+        const match = value.match(/^"([\s\S]*)"$/);
+        if (!match)
+            return '';
+        return unescapePoString(match[1]);
+    }
+    function unescapePoString(value) {
+        return value
+            .replace(/\\n/g, '\n')
+            .replace(/\\"/g, '"')
+            .replace(/\\\\/g, '\\');
+    }
+    //#endregion
+})(UtilsPoFile || (UtilsPoFile = {}));
 
 // @ts-nocheck
 // This file is auto-generated during init process. Do not modify.
@@ -517,5 +1552,5 @@ var index = {};
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, INTERNAL_TRANSIGNAL_CONFIG, PROJECT_NPM_NAME, TRANSIGNAL_CONFIG, TREE_SHAKED_TRANSLATIONS, TransignalService, injectTransignalConfig, noParamsHandler, plural, prepareTransignal, provideTransignalTesting, select, simpleParamValueStringify, simpleParamsHandler, startCli, treeShakedTranslations, withLanguageLocalStorageSync, withNavigatorLanguage, withPreloadScopes, withServerSideLanguage, withTranslatedTitle };
+export { APP_ID, BUILD_BASE_HREF, BUILD_FRAMEWORK_CLI_NAME, CURRENT_PACKAGE_TAON_VERSION, CURRENT_PACKAGE_VERSION, PROJECT_NPM_NAME, TranslateDirective, TranslatePipe, TranslateService, Translation, TranslationManager, UtilsI18nExtractGettextTranslateFromHtml, UtilsI18nHtml, UtilsPoFile, startCli };
 //# sourceMappingURL=i18n-websql.mjs.map