@shival99/z-ui 1.8.13 → 1.9.1

package/fesm2022/shival99-z-ui-providers.mjs

@@ -4,8 +4,7 @@ import { provideEnvironmentNgxMask } from 'ngx-mask';
 import { provideScrollbarOptions } from 'ngx-scrollbar';
 import { HttpClient } from '@angular/common/http';
 import { TranslateService, provideTranslateService, TranslateLoader } from '@ngx-translate/core';
-import { Z_UI_TRANSLATIONS } from '@shival99/z-ui/i18n';
-import { of, forkJoin, map, firstValueFrom } from 'rxjs';
+import { of, from, forkJoin, map, firstValueFrom } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 
 /** Injection token for ZCacheService configuration */
@@ -146,20 +145,40 @@ function provideZTheme(config = {}) {
 }
 
 /* eslint-disable @stylistic/indent */
+const DEFAULT_LANG = 'en';
+const zuiTranslationsPromiseCache = new Map();
+async function zLoadDefaultZUITranslations(lang) {
+    const module = await import('@shival99/z-ui/i18n');
+    return module.getZUITranslations(lang) ?? module.getZUITranslations(DEFAULT_LANG);
+}
 class ZTranslateHttpLoader {
     _http;
     _prefix;
     _suffix;
     _includeZUI;
     _zuiOverridePath;
-    _customZUI;
-    constructor(_http, _prefix, _suffix, _includeZUI, _zuiOverridePath, _customZUI) {
+    _zuiLoader;
+    constructor(_http, _prefix, _suffix, _includeZUI, _zuiOverridePath, _zuiLoader = zLoadDefaultZUITranslations) {
         this._http = _http;
         this._prefix = _prefix;
         this._suffix = _suffix;
         this._includeZUI = _includeZUI;
         this._zuiOverridePath = _zuiOverridePath;
-        this._customZUI = _customZUI;
+        this._zuiLoader = _zuiLoader;
+    }
+    _loadZUITranslations(lang) {
+        const cached = zuiTranslationsPromiseCache.get(lang);
+        if (cached) {
+            return cached;
+        }
+        const loadPromise = this._zuiLoader(lang).catch(async () => {
+            if (lang === DEFAULT_LANG) {
+                return {};
+            }
+            return this._zuiLoader(DEFAULT_LANG).catch(() => ({}));
+        });
+        zuiTranslationsPromiseCache.set(lang, loadPromise);
+        return loadPromise;
     }
     getTranslation(lang) {
         const userTranslations$ = this._http
@@ -168,23 +187,21 @@ class ZTranslateHttpLoader {
         if (!this._includeZUI) {
             return userTranslations$;
         }
-        const zuiDefaults = Z_UI_TRANSLATIONS[lang] ?? Z_UI_TRANSLATIONS['en'] ?? {};
+        const zuiDefaults$ = from(this._loadZUITranslations(lang)).pipe(catchError(() => of({})));
         const zuiFileOverrides$ = this._zuiOverridePath
             ? this._http
                 .get(`${this._zuiOverridePath}${lang}${this._suffix}`)
                 .pipe(catchError(() => of({})))
             : of({});
-        const inlineOverrides = this._customZUI?.[lang] ?? {};
-        return forkJoin([of(zuiDefaults), zuiFileOverrides$, userTranslations$]).pipe(map(([defaults, fileOverrides, user]) => ({
+        return forkJoin([zuiDefaults$, zuiFileOverrides$, userTranslations$]).pipe(map(([defaults, fileOverrides, user]) => ({
             ...defaults,
             ...fileOverrides,
-            ...inlineOverrides,
             ...user,
         })));
     }
 }
-function zCreateTranslateLoader(http, path = './assets/i18n/', extension = '.json', includeZUI = true, zuiOverridePath, customZUI) {
-    return new ZTranslateHttpLoader(http, path, extension, includeZUI, zuiOverridePath, customZUI);
+function zCreateTranslateLoader(http, path = './assets/i18n/', extension = '.json', includeZUI = true, zuiOverridePath, zuiLoader = zLoadDefaultZUITranslations) {
+    return new ZTranslateHttpLoader(http, path, extension, includeZUI, zuiOverridePath, zuiLoader);
 }
 function initializeTranslate(defaultLang) {
     const translate = inject(TranslateService);
@@ -193,13 +210,13 @@ function initializeTranslate(defaultLang) {
     return firstValueFrom(translate.use(savedLang));
 }
 function provideZTranslate(config = {}) {
-    const { defaultLang = 'vi', translationPath = './assets/i18n/', fileExtension = '.json', includeZUITranslations = true, zuiOverridePath, customZUITranslations, } = config;
+    const { defaultLang = 'vi', translationPath = './assets/i18n/', fileExtension = '.json', includeZUITranslations = true, zuiOverridePath, zuiTranslationsLoader = zLoadDefaultZUITranslations, } = config;
     return makeEnvironmentProviders([
         provideTranslateService({
             fallbackLang: defaultLang,
             loader: {
                 provide: TranslateLoader,
-                useFactory: (http) => zCreateTranslateLoader(http, translationPath, fileExtension, includeZUITranslations, zuiOverridePath, customZUITranslations),
+                useFactory: (http) => zCreateTranslateLoader(http, translationPath, fileExtension, includeZUITranslations, zuiOverridePath, zuiTranslationsLoader),
                 deps: [HttpClient],
             },
         }),

package/fesm2022/shival99-z-ui-providers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-providers.mjs","sources":["../../../../libs/core-ui/providers/z-cache.provider.ts","../../../../libs/core-ui/providers/z-indexdb.provider.ts","../../../../libs/core-ui/providers/z-ngx-mask.provider.ts","../../../../libs/core-ui/providers/z-scrollbar.provider.ts","../../../../libs/core-ui/providers/z-theme.provider.ts","../../../../libs/core-ui/providers/z-translate.provider.ts","../../../../libs/core-ui/providers/types/z-ngx-mask.types.ts","../../../../libs/core-ui/providers/shival99-z-ui-providers.ts"],"sourcesContent":["import {\n  type EnvironmentProviders,\n  inject,\n  InjectionToken,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n} from '@angular/core';\nimport { type ZCacheConfig, ZCacheService } from '@shival99/z-ui/services';\n\n/** Injection token for ZCacheService configuration */\nexport const Z_CACHE_CONFIG = new InjectionToken<ZCacheConfig>('Z_CACHE_CONFIG');\n\n/**\n * Provide Z-Cache service with configuration\n * @param config - Cache configuration with prefix and encrypt options\n *\n * @example\n * ```typescript\n * // In app.config.ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideZCache({\n *       prefix: 'myapp_',\n *       encrypt: false, // Disable encryption for debugging\n *     }),\n *   ],\n * };\n * ```\n */\nexport function provideZCache(config: ZCacheConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: Z_CACHE_CONFIG,\n      useValue: config,\n    },\n    provideEnvironmentInitializer(() => {\n      const cacheConfig = inject(Z_CACHE_CONFIG);\n      ZCacheService.configure(cacheConfig);\n    }),\n  ]);\n}\n","import { type EnvironmentProviders, InjectionToken, makeEnvironmentProviders } from '@angular/core';\nimport { type ZIndexDbConfig, ZIndexDbService } from '@shival99/z-ui/services';\n\n/** Injection token for ZIndexDbService */\nexport const Z_INDEXDB_SERVICE = new InjectionToken<ZIndexDbService>('ZIndexDbService');\n\n/**\n * Provide Z-IndexDB service with configuration\n * @param config - IndexDB configuration with multi-store support\n *\n * @example\n * ```typescript\n * // In app.config.ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideZIndexDb({\n *       dbName: 'MyApp',\n *       version: 1,\n *       stores: [\n *         { name: 'cache', encrypt: true },\n *         { name: 'userData', encrypt: true, protectedKeys: ['profile'] },\n *         { name: 'settings', encrypt: false },\n *       ],\n *       defaultStore: 'cache',\n *       protectedKeys: ['token'],\n *     }),\n *   ],\n * };\n * ```\n */\nexport function provideZIndexDb(config: ZIndexDbConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: Z_INDEXDB_SERVICE,\n      useFactory: () => new ZIndexDbService(config),\n    },\n    {\n      provide: ZIndexDbService,\n      useExisting: Z_INDEXDB_SERVICE,\n    },\n  ]);\n}\n","import { type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { ZCacheService } from '@shival99/z-ui/services';\nimport { provideEnvironmentNgxMask } from 'ngx-mask';\nimport type { ZNgxMaskConfig } from './types/z-ngx-mask.types';\n\nconst LANG_CACHE_KEY = 'Z_LANGUAGE';\n\n/**\n * Get locale-specific mask configuration\n */\nfunction getMaskConfig(lang: string, config: ZNgxMaskConfig = {}) {\n  const isVietnamese = lang === 'vi';\n\n  return {\n    validation: config.validation ?? true,\n    thousandSeparator: isVietnamese ? ',' : '.',\n    decimalMarker: (isVietnamese ? '.' : ',') as '.' | ',',\n    allowNegativeNumbers: config.allowNegativeNumbers ?? true,\n  };\n}\n\n/**\n * Provide Z-NgxMask with locale-aware configuration\n * @param config - Mask configuration\n *\n * @example\n * ```typescript\n * // In app.config.ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideZNgxMask({ lang: 'vi' }),\n *   ],\n * };\n * ```\n */\nexport function provideZNgxMask(config: ZNgxMaskConfig = {}): EnvironmentProviders {\n  const savedLang = typeof window !== 'undefined' ? ZCacheService.get<string>(LANG_CACHE_KEY) : null;\n  const lang = config.lang ?? savedLang ?? 'vi';\n  const maskConfig = getMaskConfig(lang, config);\n\n  return makeEnvironmentProviders([provideEnvironmentNgxMask(maskConfig)]);\n}\n","import { type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { provideScrollbarOptions } from 'ngx-scrollbar';\n\n/**\n * Provides global scrollbar options for ngx-scrollbar\n * Use this in app.config.ts: providers: [provideZScrollbar()]\n */\nexport function provideZScrollbar(): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    provideScrollbarOptions({\n      visibility: 'hover',\n      appearance: 'compact',\n      withButtons: false,\n      sensorThrottleTime: 200,\n    }),\n  ]);\n}\n","import { makeEnvironmentProviders, type EnvironmentProviders } from '@angular/core';\nimport { type ZThemeConfig, Z_THEME_CONFIG } from '@shival99/z-ui/services';\n\n/**\n * Provide theme configuration for the application\n * @param config - Theme configuration with defaultTheme and defaultDarkMode\n * @example\n * ```typescript\n * // In app.config.ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideZTheme({ defaultTheme: 'hospital', defaultDarkMode: false })\n *   ]\n * };\n * ```\n */\nexport function provideZTheme(config: ZThemeConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([{ provide: Z_THEME_CONFIG, useValue: config }]);\n}\n","/* eslint-disable @stylistic/indent */\nimport { HttpClient } from '@angular/common/http';\nimport { inject, makeEnvironmentProviders, provideAppInitializer, type EnvironmentProviders } from '@angular/core';\nimport {\n  provideTranslateService,\n  TranslateLoader,\n  TranslateService,\n  type TranslationObject,\n} from '@ngx-translate/core';\nimport { Z_UI_TRANSLATIONS, type ZUITranslations } from '@shival99/z-ui/i18n';\nimport { Z_LANG_CACHE_KEY, ZCacheService } from '@shival99/z-ui/services';\nimport { firstValueFrom, forkJoin, map, type Observable, of } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\nimport type { ZTranslateProviderConfig } from './types/z-translate.types';\n\nclass ZTranslateHttpLoader implements TranslateLoader {\n  public constructor(\n    private readonly _http: HttpClient,\n    private readonly _prefix: string,\n    private readonly _suffix: string,\n    private readonly _includeZUI: boolean,\n    private readonly _zuiOverridePath?: string,\n    private readonly _customZUI?: Partial<Record<string, ZUITranslations>>\n  ) {}\n\n  public getTranslation(lang: string): Observable<TranslationObject> {\n    const userTranslations$ = this._http\n      .get<TranslationObject>(`${this._prefix}${lang}${this._suffix}`)\n      .pipe(catchError(() => of({} as TranslationObject)));\n\n    if (!this._includeZUI) {\n      return userTranslations$;\n    }\n\n    const zuiDefaults = Z_UI_TRANSLATIONS[lang] ?? Z_UI_TRANSLATIONS['en'] ?? {};\n    const zuiFileOverrides$ = this._zuiOverridePath\n      ? this._http\n          .get<ZUITranslations>(`${this._zuiOverridePath}${lang}${this._suffix}`)\n          .pipe(catchError(() => of({} as ZUITranslations)))\n      : of({} as ZUITranslations);\n\n    const inlineOverrides = this._customZUI?.[lang] ?? {};\n\n    return forkJoin([of(zuiDefaults), zuiFileOverrides$, userTranslations$]).pipe(\n      map(\n        ([defaults, fileOverrides, user]) =>\n          ({\n            ...defaults,\n            ...fileOverrides,\n            ...inlineOverrides,\n            ...(user as Record<string, unknown>),\n          }) as TranslationObject\n      )\n    );\n  }\n}\n\nexport function zCreateTranslateLoader(\n  http: HttpClient,\n  path = './assets/i18n/',\n  extension = '.json',\n  includeZUI = true,\n  zuiOverridePath?: string,\n  customZUI?: Partial<Record<string, ZUITranslations>>\n): TranslateLoader {\n  return new ZTranslateHttpLoader(http, path, extension, includeZUI, zuiOverridePath, customZUI);\n}\n\nfunction initializeTranslate(defaultLang: string): Promise<unknown> {\n  const translate = inject(TranslateService);\n  const savedLang = ZCacheService.get<string>(Z_LANG_CACHE_KEY) ?? defaultLang;\n  translate.setFallbackLang(defaultLang);\n  return firstValueFrom(translate.use(savedLang));\n}\n\nexport function provideZTranslate(config: ZTranslateProviderConfig = {}): EnvironmentProviders {\n  const {\n    defaultLang = 'vi',\n    translationPath = './assets/i18n/',\n    fileExtension = '.json',\n    includeZUITranslations = true,\n    zuiOverridePath,\n    customZUITranslations,\n  } = config;\n\n  return makeEnvironmentProviders([\n    provideTranslateService({\n      fallbackLang: defaultLang,\n      loader: {\n        provide: TranslateLoader,\n        useFactory: (http: HttpClient) =>\n          zCreateTranslateLoader(\n            http,\n            translationPath,\n            fileExtension,\n            includeZUITranslations,\n            zuiOverridePath,\n            customZUITranslations\n          ),\n        deps: [HttpClient],\n      },\n    }),\n    provideAppInitializer(() => initializeTranslate(defaultLang)),\n  ]);\n}\n\nexport { Z_UI_TRANSLATIONS, mergeTranslations, getZUITranslations } from '@shival99/z-ui/i18n';\nexport type { ZUITranslations, ZUILanguage, ZUITranslationSet } from '@shival99/z-ui/i18n';\n","/**\n * Z-NgxMask Provider Types\n */\n\nexport interface ZNgxMaskConfig {\n  /** Language code (vi, en, etc.) */\n  lang?: string;\n  /** Allow negative numbers */\n  allowNegativeNumbers?: boolean;\n  /** Enable validation */\n  validation?: boolean;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"shival99-z-ui-providers.mjs","sources":["../../../../libs/core-ui/providers/z-cache.provider.ts","../../../../libs/core-ui/providers/z-indexdb.provider.ts","../../../../libs/core-ui/providers/z-ngx-mask.provider.ts","../../../../libs/core-ui/providers/z-scrollbar.provider.ts","../../../../libs/core-ui/providers/z-theme.provider.ts","../../../../libs/core-ui/providers/z-translate.provider.ts","../../../../libs/core-ui/providers/types/z-ngx-mask.types.ts","../../../../libs/core-ui/providers/shival99-z-ui-providers.ts"],"sourcesContent":["import {\n  type EnvironmentProviders,\n  inject,\n  InjectionToken,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n} from '@angular/core';\nimport { type ZCacheConfig, ZCacheService } from '@shival99/z-ui/services';\n\n/** Injection token for ZCacheService configuration */\nexport const Z_CACHE_CONFIG = new InjectionToken<ZCacheConfig>('Z_CACHE_CONFIG');\n\n/**\n * Provide Z-Cache service with configuration\n * @param config - Cache configuration with prefix and encrypt options\n *\n * @example\n * ```typescript\n * // In app.config.ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideZCache({\n *       prefix: 'myapp_',\n *       encrypt: false, // Disable encryption for debugging\n *     }),\n *   ],\n * };\n * ```\n */\nexport function provideZCache(config: ZCacheConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: Z_CACHE_CONFIG,\n      useValue: config,\n    },\n    provideEnvironmentInitializer(() => {\n      const cacheConfig = inject(Z_CACHE_CONFIG);\n      ZCacheService.configure(cacheConfig);\n    }),\n  ]);\n}\n","import { type EnvironmentProviders, InjectionToken, makeEnvironmentProviders } from '@angular/core';\nimport { type ZIndexDbConfig, ZIndexDbService } from '@shival99/z-ui/services';\n\n/** Injection token for ZIndexDbService */\nexport const Z_INDEXDB_SERVICE = new InjectionToken<ZIndexDbService>('ZIndexDbService');\n\n/**\n * Provide Z-IndexDB service with configuration\n * @param config - IndexDB configuration with multi-store support\n *\n * @example\n * ```typescript\n * // In app.config.ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideZIndexDb({\n *       dbName: 'MyApp',\n *       version: 1,\n *       stores: [\n *         { name: 'cache', encrypt: true },\n *         { name: 'userData', encrypt: true, protectedKeys: ['profile'] },\n *         { name: 'settings', encrypt: false },\n *       ],\n *       defaultStore: 'cache',\n *       protectedKeys: ['token'],\n *     }),\n *   ],\n * };\n * ```\n */\nexport function provideZIndexDb(config: ZIndexDbConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: Z_INDEXDB_SERVICE,\n      useFactory: () => new ZIndexDbService(config),\n    },\n    {\n      provide: ZIndexDbService,\n      useExisting: Z_INDEXDB_SERVICE,\n    },\n  ]);\n}\n","import { type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { ZCacheService } from '@shival99/z-ui/services';\nimport { provideEnvironmentNgxMask } from 'ngx-mask';\nimport type { ZNgxMaskConfig } from './types/z-ngx-mask.types';\n\nconst LANG_CACHE_KEY = 'Z_LANGUAGE';\n\n/**\n * Get locale-specific mask configuration\n */\nfunction getMaskConfig(lang: string, config: ZNgxMaskConfig = {}) {\n  const isVietnamese = lang === 'vi';\n\n  return {\n    validation: config.validation ?? true,\n    thousandSeparator: isVietnamese ? ',' : '.',\n    decimalMarker: (isVietnamese ? '.' : ',') as '.' | ',',\n    allowNegativeNumbers: config.allowNegativeNumbers ?? true,\n  };\n}\n\n/**\n * Provide Z-NgxMask with locale-aware configuration\n * @param config - Mask configuration\n *\n * @example\n * ```typescript\n * // In app.config.ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideZNgxMask({ lang: 'vi' }),\n *   ],\n * };\n * ```\n */\nexport function provideZNgxMask(config: ZNgxMaskConfig = {}): EnvironmentProviders {\n  const savedLang = typeof window !== 'undefined' ? ZCacheService.get<string>(LANG_CACHE_KEY) : null;\n  const lang = config.lang ?? savedLang ?? 'vi';\n  const maskConfig = getMaskConfig(lang, config);\n\n  return makeEnvironmentProviders([provideEnvironmentNgxMask(maskConfig)]);\n}\n","import { type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { provideScrollbarOptions } from 'ngx-scrollbar';\n\n/**\n * Provides global scrollbar options for ngx-scrollbar\n * Use this in app.config.ts: providers: [provideZScrollbar()]\n */\nexport function provideZScrollbar(): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    provideScrollbarOptions({\n      visibility: 'hover',\n      appearance: 'compact',\n      withButtons: false,\n      sensorThrottleTime: 200,\n    }),\n  ]);\n}\n","import { makeEnvironmentProviders, type EnvironmentProviders } from '@angular/core';\nimport { type ZThemeConfig, Z_THEME_CONFIG } from '@shival99/z-ui/services';\n\n/**\n * Provide theme configuration for the application\n * @param config - Theme configuration with defaultTheme and defaultDarkMode\n * @example\n * ```typescript\n * // In app.config.ts\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideZTheme({ defaultTheme: 'hospital', defaultDarkMode: false })\n *   ]\n * };\n * ```\n */\nexport function provideZTheme(config: ZThemeConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([{ provide: Z_THEME_CONFIG, useValue: config }]);\n}\n","/* eslint-disable @stylistic/indent */\nimport { HttpClient } from '@angular/common/http';\nimport { inject, makeEnvironmentProviders, provideAppInitializer, type EnvironmentProviders } from '@angular/core';\nimport {\n  provideTranslateService,\n  TranslateLoader,\n  TranslateService,\n  type TranslationObject,\n} from '@ngx-translate/core';\nimport type { ZUITranslations } from '@shival99/z-ui/i18n';\nimport { Z_LANG_CACHE_KEY, ZCacheService } from '@shival99/z-ui/services';\nimport { firstValueFrom, forkJoin, from, map, type Observable, of } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\nimport type { ZTranslateProviderConfig, ZUITranslationsLoader } from './types/z-translate.types';\n\nconst DEFAULT_LANG = 'en';\nconst zuiTranslationsPromiseCache = new Map<string, Promise<ZUITranslations>>();\n\nasync function zLoadDefaultZUITranslations(lang: string): Promise<ZUITranslations> {\n  const module = await import('@shival99/z-ui/i18n');\n  return module.getZUITranslations(lang) ?? module.getZUITranslations(DEFAULT_LANG);\n}\n\nclass ZTranslateHttpLoader implements TranslateLoader {\n  public constructor(\n    private readonly _http: HttpClient,\n    private readonly _prefix: string,\n    private readonly _suffix: string,\n    private readonly _includeZUI: boolean,\n    private readonly _zuiOverridePath?: string,\n    private readonly _zuiLoader: ZUITranslationsLoader = zLoadDefaultZUITranslations\n  ) {}\n\n  private _loadZUITranslations(lang: string): Promise<ZUITranslations> {\n    const cached = zuiTranslationsPromiseCache.get(lang);\n    if (cached) {\n      return cached;\n    }\n\n    const loadPromise = this._zuiLoader(lang).catch(async () => {\n      if (lang === DEFAULT_LANG) {\n        return {};\n      }\n      return this._zuiLoader(DEFAULT_LANG).catch(() => ({}));\n    });\n\n    zuiTranslationsPromiseCache.set(lang, loadPromise);\n    return loadPromise;\n  }\n\n  public getTranslation(lang: string): Observable<TranslationObject> {\n    const userTranslations$ = this._http\n      .get<TranslationObject>(`${this._prefix}${lang}${this._suffix}`)\n      .pipe(catchError(() => of({} as TranslationObject)));\n\n    if (!this._includeZUI) {\n      return userTranslations$;\n    }\n\n    const zuiDefaults$ = from(this._loadZUITranslations(lang)).pipe(catchError(() => of({} as ZUITranslations)));\n    const zuiFileOverrides$ = this._zuiOverridePath\n      ? this._http\n          .get<ZUITranslations>(`${this._zuiOverridePath}${lang}${this._suffix}`)\n          .pipe(catchError(() => of({} as ZUITranslations)))\n      : of({} as ZUITranslations);\n\n    return forkJoin([zuiDefaults$, zuiFileOverrides$, userTranslations$]).pipe(\n      map(\n        ([defaults, fileOverrides, user]) =>\n          ({\n            ...defaults,\n            ...fileOverrides,\n            ...(user as Record<string, unknown>),\n          }) as TranslationObject\n      )\n    );\n  }\n}\n\nexport function zCreateTranslateLoader(\n  http: HttpClient,\n  path = './assets/i18n/',\n  extension = '.json',\n  includeZUI = true,\n  zuiOverridePath?: string,\n  zuiLoader: ZUITranslationsLoader = zLoadDefaultZUITranslations\n): TranslateLoader {\n  return new ZTranslateHttpLoader(http, path, extension, includeZUI, zuiOverridePath, zuiLoader);\n}\n\nfunction initializeTranslate(defaultLang: string): Promise<unknown> {\n  const translate = inject(TranslateService);\n  const savedLang = ZCacheService.get<string>(Z_LANG_CACHE_KEY) ?? defaultLang;\n  translate.setFallbackLang(defaultLang);\n  return firstValueFrom(translate.use(savedLang));\n}\n\nexport function provideZTranslate(config: ZTranslateProviderConfig = {}): EnvironmentProviders {\n  const {\n    defaultLang = 'vi',\n    translationPath = './assets/i18n/',\n    fileExtension = '.json',\n    includeZUITranslations = true,\n    zuiOverridePath,\n    zuiTranslationsLoader = zLoadDefaultZUITranslations,\n  } = config;\n\n  return makeEnvironmentProviders([\n    provideTranslateService({\n      fallbackLang: defaultLang,\n      loader: {\n        provide: TranslateLoader,\n        useFactory: (http: HttpClient) =>\n          zCreateTranslateLoader(\n            http,\n            translationPath,\n            fileExtension,\n            includeZUITranslations,\n            zuiOverridePath,\n            zuiTranslationsLoader\n          ),\n        deps: [HttpClient],\n      },\n    }),\n    provideAppInitializer(() => initializeTranslate(defaultLang)),\n  ]);\n}\n\nexport type { ZUITranslations, ZUILanguage, ZUITranslationSet } from '@shival99/z-ui/i18n';\n","/**\n * Z-NgxMask Provider Types\n */\n\nexport interface ZNgxMaskConfig {\n  /** Language code (vi, en, etc.) */\n  lang?: string;\n  /** Allow negative numbers */\n  allowNegativeNumbers?: boolean;\n  /** Enable validation */\n  validation?: boolean;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AASA;MACa,cAAc,GAAG,IAAI,cAAc,CAAe,gBAAgB;AAE/E;;;;;;;;;;;;;;;;AAgBG;AACG,SAAU,aAAa,CAAC,MAAA,GAAuB,EAAE,EAAA;AACrD,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA;AACE,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,QAAQ,EAAE,MAAM;AACjB,SAAA;QACD,6BAA6B,CAAC,MAAK;AACjC,YAAA,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;AAC1C,YAAA,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC;AACtC,QAAA,CAAC,CAAC;AACH,KAAA,CAAC;AACJ;;ACrCA;MACa,iBAAiB,GAAG,IAAI,cAAc,CAAkB,iBAAiB;AAEtF;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACG,SAAU,eAAe,CAAC,MAAA,GAAyB,EAAE,EAAA;AACzD,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA;AACE,YAAA,OAAO,EAAE,iBAAiB;YAC1B,UAAU,EAAE,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC;AAC9C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,WAAW,EAAE,iBAAiB;AAC/B,SAAA;AACF,KAAA,CAAC;AACJ;;ACpCA,MAAM,cAAc,GAAG,YAAY;AAEnC;;AAEG;AACH,SAAS,aAAa,CAAC,IAAY,EAAE,SAAyB,EAAE,EAAA;AAC9D,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,IAAI;IAElC,OAAO;AACL,QAAA,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,IAAI;QACrC,iBAAiB,EAAE,YAAY,GAAG,GAAG,GAAG,GAAG;QAC3C,aAAa,GAAG,YAAY,GAAG,GAAG,GAAG,GAAG,CAAc;AACtD,QAAA,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,IAAI,IAAI;KAC1D;AACH;AAEA;;;;;;;;;;;;;AAaG;AACG,SAAU,eAAe,CAAC,MAAA,GAAyB,EAAE,EAAA;AACzD,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,aAAa,CAAC,GAAG,CAAS,cAAc,CAAC,GAAG,IAAI;IAClG,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,IAAI,IAAI;IAC7C,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC;IAE9C,OAAO,wBAAwB,CAAC,CAAC,yBAAyB,CAAC,UAAU,CAAC,CAAC,CAAC;AAC1E;;ACtCA;;;AAGG;SACa,iBAAiB,GAAA;AAC/B,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA,uBAAuB,CAAC;AACtB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,WAAW,EAAE,KAAK;AAClB,YAAA,kBAAkB,EAAE,GAAG;SACxB,CAAC;AACH,KAAA,CAAC;AACJ;;ACbA;;;;;;;;;;;;AAYG;AACG,SAAU,aAAa,CAAC,MAAA,GAAuB,EAAE,EAAA;AACrD,IAAA,OAAO,wBAAwB,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AAClF;;AClBA;AAeA,MAAM,YAAY,GAAG,IAAI;AACzB,MAAM,2BAA2B,GAAG,IAAI,GAAG,EAAoC;AAE/E,eAAe,2BAA2B,CAAC,IAAY,EAAA;AACrD,IAAA,MAAM,MAAM,GAAG,MAAM,OAAO,qBAAqB,CAAC;AAClD,IAAA,OAAO,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,kBAAkB,CAAC,YAAY,CAAC;AACnF;AAEA,MAAM,oBAAoB,CAAA;AAEL,IAAA,KAAA;AACA,IAAA,OAAA;AACA,IAAA,OAAA;AACA,IAAA,WAAA;AACA,IAAA,gBAAA;AACA,IAAA,UAAA;IANnB,WAAA,CACmB,KAAiB,EACjB,OAAe,EACf,OAAe,EACf,WAAoB,EACpB,gBAAyB,EACzB,UAAA,GAAoC,2BAA2B,EAAA;QAL/D,IAAA,CAAA,KAAK,GAAL,KAAK;QACL,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,WAAW,GAAX,WAAW;QACX,IAAA,CAAA,gBAAgB,GAAhB,gBAAgB;QAChB,IAAA,CAAA,UAAU,GAAV,UAAU;IAC1B;AAEK,IAAA,oBAAoB,CAAC,IAAY,EAAA;QACvC,MAAM,MAAM,GAAG,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC;QACpD,IAAI,MAAM,EAAE;AACV,YAAA,OAAO,MAAM;QACf;AAEA,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,YAAW;AACzD,YAAA,IAAI,IAAI,KAAK,YAAY,EAAE;AACzB,gBAAA,OAAO,EAAE;YACX;AACA,YAAA,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACxD,QAAA,CAAC,CAAC;AAEF,QAAA,2BAA2B,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC;AAClD,QAAA,OAAO,WAAW;IACpB;AAEO,IAAA,cAAc,CAAC,IAAY,EAAA;AAChC,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAC5B,aAAA,GAAG,CAAoB,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,EAAG,IAAI,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,CAAE;AAC9D,aAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAuB,CAAC,CAAC,CAAC;AAEtD,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,OAAO,iBAAiB;QAC1B;QAEA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAqB,CAAC,CAAC,CAAC;AAC5G,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC;cAC3B,IAAI,CAAC;AACF,iBAAA,GAAG,CAAkB,CAAA,EAAG,IAAI,CAAC,gBAAgB,CAAA,EAAG,IAAI,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,CAAE;iBACrE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAqB,CAAC,CAAC;AACrD,cAAE,EAAE,CAAC,EAAqB,CAAC;QAE7B,OAAO,QAAQ,CAAC,CAAC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CACxE,GAAG,CACD,CAAC,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,MAC7B;AACC,YAAA,GAAG,QAAQ;AACX,YAAA,GAAG,aAAa;AAChB,YAAA,GAAI,IAAgC;SACrC,CAAsB,CAC1B,CACF;IACH;AACD;AAEK,SAAU,sBAAsB,CACpC,IAAgB,EAChB,IAAI,GAAG,gBAAgB,EACvB,SAAS,GAAG,OAAO,EACnB,UAAU,GAAG,IAAI,EACjB,eAAwB,EACxB,YAAmC,2BAA2B,EAAA;AAE9D,IAAA,OAAO,IAAI,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC;AAChG;AAEA,SAAS,mBAAmB,CAAC,WAAmB,EAAA;AAC9C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;IAC1C,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAS,gBAAgB,CAAC,IAAI,WAAW;AAC5E,IAAA,SAAS,CAAC,eAAe,CAAC,WAAW,CAAC;IACtC,OAAO,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACjD;AAEM,SAAU,iBAAiB,CAAC,MAAA,GAAmC,EAAE,EAAA;IACrE,MAAM,EACJ,WAAW,GAAG,IAAI,EAClB,eAAe,GAAG,gBAAgB,EAClC,aAAa,GAAG,OAAO,EACvB,sBAAsB,GAAG,IAAI,EAC7B,eAAe,EACf,qBAAqB,GAAG,2BAA2B,GACpD,GAAG,MAAM;AAEV,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA,uBAAuB,CAAC;AACtB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,MAAM,EAAE;AACN,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,UAAU,EAAE,CAAC,IAAgB,KAC3B,sBAAsB,CACpB,IAAI,EACJ,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,qBAAqB,CACtB;gBACH,IAAI,EAAE,CAAC,UAAU,CAAC;AACnB,aAAA;SACF,CAAC;QACF,qBAAqB,CAAC,MAAM,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC9D,KAAA,CAAC;AACJ;;AC9HA;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/shival99-z-ui-services.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, signal, computed, PLATFORM_ID, effect } from '@angular/core';
+import { Injectable, InjectionToken, inject, DestroyRef, signal, computed, PLATFORM_ID, effect } from '@angular/core';
 import { zFormatNumExcel, zConvertColorToArgb } from '@shival99/z-ui/utils';
 import * as ExcelJS from 'exceljs';
 import { saveAs } from 'file-saver';
@@ -7,6 +7,7 @@ import * as XLSX from 'xlsx';
 import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
 import { Router } from '@angular/router';
 import { firstValueFrom, from, switchMap, of, catchError, throwError, tap, map, defer, Subject, BehaviorSubject } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { TranslateService } from '@ngx-translate/core';
 import { DOCUMENT, isPlatformBrowser } from '@angular/common';
 
@@ -45,6 +46,23 @@ class ZCacheService {
         const prefixedKey = `${ZCacheService._prefix}${normalizedKey}`;
         return encrypt ? ZCacheService._encode(prefixedKey) : prefixedKey;
     }
+    static _decodeStorageKey(storageKey) {
+        const decoded = ZCacheService._decode(storageKey);
+        if (typeof decoded !== 'string') {
+            return null;
+        }
+        return decoded;
+    }
+    static _isManagedStorageKey(storageKey) {
+        if (storageKey.startsWith(ZCacheService._prefix)) {
+            return true;
+        }
+        const decoded = ZCacheService._decodeStorageKey(storageKey);
+        if (!decoded) {
+            return false;
+        }
+        return decoded.startsWith(ZCacheService._prefix);
+    }
     static _safeOperation(operation, fallback) {
         try {
             return operation();
@@ -96,10 +114,12 @@ class ZCacheService {
     static clear() {
         return ZCacheService._safeOperation(() => {
             const keysToRemove = [];
-            const prefixEncoded = ZCacheService._encode(ZCacheService._prefix);
             for (let i = 0; i < localStorage.length; i++) {
                 const key = localStorage.key(i);
-                if (key?.startsWith(ZCacheService._prefix) || key?.startsWith(prefixEncoded)) {
+                if (!key) {
+                    continue;
+                }
+                if (ZCacheService._isManagedStorageKey(key)) {
                     keysToRemove.push(key);
                 }
             }
@@ -113,26 +133,6 @@ class ZCacheService {
             return localStorage.getItem(_key) !== null;
         }, false);
     }
-    static keys() {
-        return ZCacheService._safeOperation(() => {
-            const result = [];
-            const prefixEncoded = ZCacheService._encode(ZCacheService._prefix);
-            for (let i = 0; i < localStorage.length; i++) {
-                const key = localStorage.key(i);
-                if (key?.startsWith(ZCacheService._prefix)) {
-                    result.push(key.slice(ZCacheService._prefix.length));
-                    continue;
-                }
-                if (key?.startsWith(prefixEncoded)) {
-                    const decoded = ZCacheService._decode(key);
-                    if (decoded) {
-                        result.push(decoded.slice(ZCacheService._prefix.length));
-                    }
-                }
-            }
-            return result;
-        }, []);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZCacheService, providedIn: 'root' });
 }
@@ -1411,6 +1411,7 @@ const Z_LANG_CACHE_KEY = 'Z_LANGUAGE';
 
 class ZTranslateService {
     _translate = inject(TranslateService);
+    _destroyRef = inject(DestroyRef);
     currentLang = signal('vi', ...(ngDevMode ? [{ debugName: "currentLang" }] : []));
     availableLangs = signal(['vi', 'en'], ...(ngDevMode ? [{ debugName: "availableLangs" }] : []));
     constructor() {
@@ -1418,17 +1419,39 @@ class ZTranslateService {
     }
     _initialize() {
         const currentLang = this._translate.getCurrentLang() || ZCacheService.get(Z_LANG_CACHE_KEY) || 'vi';
-        this.currentLang.set(currentLang);
-        document.documentElement.lang = currentLang;
+        this._setCurrentLang(currentLang);
+        this._syncAvailableLangs();
+        this._bindTranslateEvents();
     }
-    use(lang) {
-        this._translate.use(lang);
-        ZCacheService.set(Z_LANG_CACHE_KEY, lang);
+    _bindTranslateEvents() {
+        this._translate.onLangChange.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(event => {
+            if (!event.lang) {
+                return;
+            }
+            this._setCurrentLang(event.lang);
+        });
+    }
+    _setCurrentLang(lang) {
         this.currentLang.set(lang);
+        ZCacheService.set(Z_LANG_CACHE_KEY, lang);
         document.documentElement.lang = lang;
     }
+    _syncAvailableLangs() {
+        const langs = this._translate.getLangs();
+        if (langs.length) {
+            this.availableLangs.set([...langs]);
+        }
+    }
+    use(lang) {
+        if (!lang || lang === this.currentLang()) {
+            return;
+        }
+        void firstValueFrom(this._translate.use(lang)).catch(() => {
+            // Keep current language when target language load fails.
+        });
+    }
     getLang() {
-        return this._translate.getCurrentLang() ?? 'vi';
+        return this.currentLang();
     }
     getLocale() {
         return Z_LANG_TO_LOCALE[this.currentLang()] ?? 'vi-VN';
@@ -1486,6 +1509,7 @@ class ZTranslateService {
     }
     setTranslation(lang, translations, shouldMerge = true) {
         this._translate.setTranslation(lang, translations, shouldMerge);
+        this._syncAvailableLangs();
     }
     getNgxTranslate() {
         return this._translate;