@sambath999/localize-token 19.0.3 → 19.0.5

package/fesm2022/sambath999-localize-token.mjs

@@ -1,28 +1,25 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, Component, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import * as jwt_decode from 'jwt-decode';
-import * as i1 from '@angular/common/http';
-import { HttpHeaders } from '@angular/common/http';
-import * as i1$1 from 'primeng/api';
+import { Injectable, Component, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i1 from 'primeng/api';
 import { MessageService } from 'primeng/api';
 import * as i2 from 'primeng/dynamicdialog';
-import { DialogService, DynamicDialogModule } from 'primeng/dynamicdialog';
-import * as i5 from '@angular/common';
+import { DialogService } from 'primeng/dynamicdialog';
+import { BehaviorSubject, takeUntil, catchError, throwError, Subject } from 'rxjs';
+import * as jwt_decode from 'jwt-decode';
+import * as i4 from '@angular/common/http';
+import { HttpHeaders } from '@angular/common/http';
+import * as i5 from '@angular/platform-browser';
+import { BrowserModule } from '@angular/platform-browser';
+import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i6 from 'primeng/toast';
+import * as i7 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
-import * as i7 from 'primeng/inputtext';
+import * as i8 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
-import * as i8 from '@angular/forms';
+import * as i9 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i9 from 'primeng/button';
+import * as i10 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i10 from 'primeng/inputgroup';
-import { InputGroupModule } from 'primeng/inputgroup';
-import * as i11 from 'primeng/inputgroupaddon';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { BrowserModule } from '@angular/platform-browser';
 
 /**
 * Assembly of @package ng2-cookies @see https://www.npmjs.com/package/ng2-cookies
@@ -132,18 +129,6 @@ class LocalizeTokenStorage {
 }
 
 class LocalizeToken {
-    static init(config) {
-        LocalizeToken.config = { ...LocalizeToken.config, ...config };
-    }
-    static config = {
-        mainDomain: extractMainDomain(),
-        authTokenName: 'auth-token',
-        tenantTokenName: '_lze_tnt_01',
-        refreshTokenName: '_lze_rftkp_',
-        needTenant: false,
-        isProduction: false,
-        revokeTokenUrl: ''
-    };
     static storage = new LocalizeTokenStorage();
     static httpHeaders = {
         AUTHORIZATION: 'Authorization',
@@ -169,11 +154,18 @@ async function waitFor(milliseconds, when = true) {
  * @param intervalNumber  - The interval number in milliseconds to check the condition. Default is 50.
  */
 async function waitUntil(when, intervalNumber = 50) {
+    async function isConditionMet() {
+        const cond = when();
+        const result = cond instanceof Promise
+            ? await cond
+            : cond;
+        return result;
+    }
+    if (await isConditionMet())
+        return;
     await new Promise(resolve => {
         const interval = setInterval(async () => {
-            const cond = when();
-            const result = cond instanceof Promise ? await cond : cond;
-            if (result) {
+            if (await isConditionMet()) {
                 clearInterval(interval);
                 resolve(true);
             }
@@ -187,41 +179,52 @@ function extractMainDomain(subdomain) {
 }
 
 class LocalizeTokenService {
+    configSubject = new BehaviorSubject({});
     isRevokingTokenSubject = new BehaviorSubject(false);
-    config;
-    constructor() {
-        if (!LocalizeToken.config.authTokenName || !LocalizeToken.config.refreshTokenName || !LocalizeToken.config.tenantTokenName) {
-            throw new Error('authTokenName, refreshTokenName, and tenantTokenName must be defined in LocalizeToken.config');
-        }
-        this.config = LocalizeToken.config;
+    defaultConfig = {
+        mainDomain: extractMainDomain(),
+        authToken: {
+            name: 'auth-token',
+        },
+        refreshToken: {
+            name: 'refresh-token',
+            requestUrl: '/api/token/revoke'
+        },
+    };
+    get config() {
+        this.throwIfNotInitialized();
+        return this.configSubject.value;
+    }
+    isInitialized = false;
+    init(config) {
+        console.log('LocalizeTokenService is initialized.');
+        this.configSubject.next({ ...this.defaultConfig, ...config });
+        this.isInitialized = true;
+    }
+    ngOnDestroy() {
+        // this.configSubject.complete();
+        // this.isRevokingTokenSubject.complete();
     }
     get authToken() { return this.storageGet(); }
     set authToken(value) {
         value
             ? this.storageSet(value)
-            : LocalizeToken.storage.delete(this.config.authTokenName);
+            : LocalizeToken.storage.delete(this.config.authToken?.name);
     }
-    get refreshToken() { return LocalizeToken.storage.get(this.config.refreshTokenName); }
+    get tenantToken() { return LocalizeToken.storage.get(this.config.tenantToken?.name || ''); }
+    get refreshToken() { return LocalizeToken.storage.get(this.config.refreshToken?.name || ''); }
     get accessToken() { return this.authToken?.token; }
     set accessToken(value) {
-        if (value) {
-            this.authToken = { token: value, revoke: false };
-        }
+        value && (this.authToken = { token: value, revoke: false });
     }
     get isRevokingToken() { return this.isRevokingTokenSubject.value; /* this.authToken?.revoke ?? false */ }
     set isRevokingToken(value) {
         this.isRevokingTokenSubject.next(value);
-        if (this.authToken) {
-            this.authToken = { ...this.authToken, revoke: value };
-        }
-    }
-    // get tenantToken() { return LocalizeToken.storage.get(this.config.tenantTokenName!) }
-    tenantToken(name) {
-        return LocalizeToken.storage.get(name ?? this.config.tenantTokenName);
+        this.authToken && (this.authToken = { ...this.authToken, revoke: value });
     }
     storageGet() {
         try {
-            const encoded = LocalizeToken.storage.get(this.config.authTokenName);
+            const encoded = LocalizeToken.storage.get(this.config.authToken?.name || '');
             const decoded = atob(encoded || '');
             return JSON.parse(decoded);
         }
@@ -231,17 +234,21 @@ class LocalizeTokenService {
     }
     storageSet(value) {
         const base64 = btoa(JSON.stringify(value));
-        LocalizeToken.storage.set(this.config.authTokenName, base64);
+        LocalizeToken.storage.set(this.config.authToken?.name || '', base64);
     }
     tokensValid() {
-        return this.refreshToken?.length && (!this.config.needTenant || this.tenantToken()?.length);
+        return !!this.refreshToken?.length
+            && (!this.config.tenantToken || !!this.tenantToken?.length);
     }
     decodeToken = (token) => jwt_decode.jwtDecode(token);
     get decodeRefreshToken() {
-        const token = LocalizeToken.storage.get(this.config.refreshTokenName);
-        if (!token)
-            return null;
-        return this.decodeToken(token);
+        const token = this.refreshToken;
+        return !token ? null : this.decodeToken(token);
+    }
+    throwIfNotInitialized() {
+        if (!this.isInitialized) {
+            throw new Error('LocalizeTokenService is not initialized. Call init() method before using it.');
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenService, providedIn: 'root' });
@@ -249,161 +256,6 @@ class LocalizeTokenService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-/**
- * Http method options
- */
-var EMethod;
-(function (EMethod) {
-    EMethod[EMethod["POST"] = 1] = "POST";
-    EMethod[EMethod["GET"] = 2] = "GET";
-    EMethod[EMethod["PUT"] = 3] = "PUT";
-    EMethod[EMethod["DELETE"] = 4] = "DELETE";
-    EMethod[EMethod["PATCH"] = 5] = "PATCH";
-})(EMethod || (EMethod = {}));
-class LocalizeApiService {
-    httpClient;
-    localizeTokenService;
-    isRequestingSubject = new BehaviorSubject(false);
-    isResolvedStartupSubject = new BehaviorSubject(false);
-    get isRequesting() { return this.isRequestingSubject.value; }
-    get isResolvedStartup() { return this.isResolvedStartupSubject.value; }
-    apiConfigs = {};
-    isInitialized = false;
-    constructor(httpClient, localizeTokenService) {
-        this.httpClient = httpClient;
-        this.localizeTokenService = localizeTokenService;
-    }
-    /**
-     * Initialize the API service.
-     * @param apiConfigs - The API configurations.
-     */
-    init(apiConfigs) {
-        if (this.isInitialized)
-            return;
-        this.isInitialized = true;
-        this.apiConfigs = apiConfigs;
-    }
-    /**
-     * A higher-order function that returns a curried function for making API requests.
-     *
-     * @param baseUrl - The base URL of the API.
-     * @returns A curried function that can be used to make API requests.
-     */
-    func = (baseUrl) => (path, method = EMethod.GET, value = null, isFormData = false, headers) => this.base(baseUrl, path, method, value, isFormData, headers);
-    async base(baseUrl, path, method = EMethod.GET, value = null, isFormData = false, headers) {
-        await this.ifPromise(this.apiConfigs.onPrepareRequest);
-        const url = `${baseUrl.trim().replace(/\/?$/, '/')}${path.trim().replace(/^\//, '')}`;
-        const httpMethod = EMethod[method].toLowerCase();
-        const request = () => { return { body: value, headers: this.options(isFormData, headers) }; };
-        // Wait for previous request to complete
-        await this.toWaitForPreviousRequest();
-        // Process request
-        try {
-            return await this.processRequest(httpMethod, url, request());
-        }
-        // Handle unauthorized error if any
-        catch (error) {
-            if (error.status !== 401) {
-                throw error;
-            }
-            return await this.onUnauthorizedError(httpMethod, url, request);
-        }
-    }
-    async onUnauthorizedError(httpMethod, url, request) {
-        await this.revokeToken();
-        if (!this.isResolvedStartup) {
-            return await this.processRequest(httpMethod, url, request());
-        }
-    }
-    async toWaitForPreviousRequest() {
-        if (this.localizeTokenService.isRevokingToken) {
-            await waitUntil(() => !this.localizeTokenService.isRevokingToken);
-        }
-        // to wait for each request in 50ms, even if the request is not completed
-        if (this.apiConfigs.waitEachRequest?.milliseconds) {
-            await waitFor(this.apiConfigs.waitEachRequest.milliseconds, this.isRequesting);
-        }
-    }
-    async processRequest(method, url, options) {
-        this.isRequestingSubject.next(true);
-        const result = await new Promise((resolve, reject) => this.httpClient.request(method, url, options).subscribe({ next: resolve, error: reject }));
-        this.isRequestingSubject.next(false);
-        return result;
-    }
-    async revokeToken() {
-        if (this.localizeTokenService.isRevokingToken) {
-            await waitUntil(() => !this.localizeTokenService.isRevokingToken);
-            return;
-        }
-        try {
-            this.localizeTokenService.isRevokingToken = true;
-            const reqUrl = LocalizeToken.config.revokeTokenUrl;
-            const reqHeaders = this.options().append(LocalizeToken.httpHeaders.X_REFRESH_TOKEN, `${this.localizeTokenService.refreshToken}`);
-            const revokeToken = await new Promise((resolve, reject) => this.httpClient.get(reqUrl, { headers: reqHeaders }).subscribe({ next: resolve, error: reject }));
-            if (revokeToken?.status) {
-                this.localizeTokenService.accessToken = revokeToken.message;
-            }
-            else if (!this.localizeTokenService.refreshToken) {
-                await this.ifPromise(this.apiConfigs.onAutoLogout);
-            }
-            else {
-                if (this.apiConfigs.onRevokeUnauthorized) {
-                    await this.ifPromise(this.apiConfigs.onRevokeUnauthorized);
-                    // await this.revokeToken();
-                }
-            }
-        }
-        finally {
-            this.localizeTokenService.isRevokingToken = false;
-        }
-    }
-    /** default http request options */
-    options(isFormData = false, headers = {}) {
-        const defaultHeaders = { [LocalizeToken.httpHeaders.AUTHORIZATION]: `Bearer ${this.localizeTokenService.accessToken}`, };
-        if (LocalizeToken.config.needTenant) {
-            defaultHeaders[LocalizeToken.httpHeaders.X_TENANT] = `${this.localizeTokenService.tenantToken(this.apiConfigs.tenantTokenName)}`;
-        }
-        if (!isFormData) {
-            defaultHeaders[LocalizeToken.httpHeaders.CONTENT_TYPE] = 'application/json';
-        }
-        const filteredHeaders = Object.keys(defaultHeaders).filter(key => !Object.keys(headers).includes(key))
-            .reduce((acc, key) => ({ ...acc, [key]: defaultHeaders[key] }), {});
-        const mergedHeaders = { ...filteredHeaders, ...headers };
-        return new HttpHeaders(mergedHeaders);
-    }
-    async ifPromise(fn) {
-        if (!fn)
-            return;
-        return fn instanceof Promise ? await fn() : fn();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiService, deps: [{ token: i1.HttpClient }, { token: LocalizeTokenService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiService, providedIn: 'root' });
-} //class
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: LocalizeTokenService }] });
-
-class LocalizeTokenModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenModule, providers: [
-            LocalizeTokenService,
-            LocalizeApiService
-        ] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    providers: [
-                        LocalizeTokenService,
-                        LocalizeApiService
-                    ],
-                }]
         }] });
 
 class LocalizeLogindlgComponent {
@@ -413,24 +265,28 @@ class LocalizeLogindlgComponent {
     dlgConfig;
     tokenService;
     httpClient;
+    sanitizer;
     messageKey = "$login-dlg";
     password;
     decodeToken;
     loading = false;
     success = false;
-    config = LocalizeToken.config;
+    get config() { return this.tokenService.config; }
     loginConfig;
     logout;
     loginUrl;
-    constructor(messageService, cdt, dlgRef, dlgConfig, tokenService, httpClient) {
+    properties;
+    constructor(messageService, cdt, dlgRef, dlgConfig, tokenService, httpClient, sanitizer) {
         this.messageService = messageService;
         this.cdt = cdt;
         this.dlgRef = dlgRef;
         this.dlgConfig = dlgConfig;
         this.tokenService = tokenService;
         this.httpClient = httpClient;
+        this.sanitizer = sanitizer;
         this.decodeToken = this.tokenService.decodeRefreshToken;
         this.loginConfig = this.dlgConfig.data.loginConfig;
+        this.properties = this.loginConfig.properties;
     }
     ngOnInit() {
         this.dlgConfig.closable = false;
@@ -446,29 +302,34 @@ class LocalizeLogindlgComponent {
     }
     async clickLogin() {
         if (!this.isValidPassword) {
-            this.showMessage("error", "Password is required and must be at least 6 characters");
-            return;
+            return this.showMessage("error", "Password is required and must be at least 6 characters");
         }
         this.loading = true;
         const loginRes = await this.login();
         if (!loginRes?.status) {
-            this.showMessage("error", loginRes.message ?? "An error occurred");
-            return;
+            return this.showMessage("error", loginRes.message ?? "An error occurred");
         }
         this.tokenService.accessToken = loginRes.tokens.accessToken;
-        const cookieOptions = { expires: this.loginConfig.expire ?? 5 };
-        LocalizeToken.storage.set(this.config.refreshTokenName, loginRes.tokens.refreshToken, cookieOptions);
+        const cookieOptions = { expires: this.loginConfig.expire ?? 365 };
+        LocalizeToken.storage.set(this.config.refreshToken?.name || '', loginRes.tokens.refreshToken, cookieOptions);
         this.success = true;
-        setTimeout(() => this.dlgRef.close(true), 2000);
+        setTimeout(() => {
+            this.dlgConfig.dismissableMask = true;
+            this.dlgConfig.modal = false;
+            this.dlgRef.close(true);
+        }, 2000);
     }
     async login() {
-        if (!this.loginUrl || !this.loginUrl.trim().length) {
+        if (!this.loginUrl?.trim().length) {
             this.showMessage("error", "Login url is required");
             throw new Error("Login url is required");
         }
         try {
-            return await new Promise((resolve, reject) => this.httpClient.post(this.loginUrl, { password: this.password.trim() }, { headers: this.getHeaders() })
-                .subscribe({ next: resolve, error: reject }));
+            if (this.loginConfig.loginFunction) {
+                console.log("Using custom login function");
+                return await this.loginConfig.loginFunction(this.decodeToken?.email ?? '', this.password.trim(), this.getHeaders());
+            }
+            return await new Promise((resolve, reject) => this.httpClient.post(this.loginUrl, { password: this.password.trim() }, { headers: this.getHeaders() }).subscribe({ next: resolve, error: reject }));
         }
         catch (e) {
             this.showMessage("error", e.message);
@@ -477,26 +338,31 @@ class LocalizeLogindlgComponent {
     }
     getHeaders() {
         return {
-            [LocalizeToken.httpHeaders.X_REFRESH_TOKEN]: LocalizeToken.storage.get(this.config.refreshTokenName) ?? "",
-            [LocalizeToken.httpHeaders.X_TENANT]: LocalizeToken.storage.get(this.config.tenantTokenName) ?? "",
+            [LocalizeToken.httpHeaders.X_REFRESH_TOKEN]: this.tokenService.refreshToken ?? "",
+            [LocalizeToken.httpHeaders.X_TENANT]: this.tokenService.tenantToken ?? "",
         };
     }
     get isValidPassword() {
         this.loading = false;
-        return this.password && this.password.trim().length >= 6 && this.password.trim().length <= 50;
+        return this.properties.passwordValidator
+            ? this.properties.passwordValidator(this.password)
+            : this.password && this.password.trim().length >= 6 && this.password.trim().length <= 50;
     }
     clickLogout = () => this.logout?.();
     showMessage(severity, summary) {
         this.messageService.add({ key: this.messageKey, severity, summary });
         this.loading = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeLogindlgComponent, deps: [{ token: i1$1.MessageService }, { token: i0.ChangeDetectorRef }, { token: i2.DynamicDialogRef }, { token: i2.DynamicDialogConfig }, { token: LocalizeTokenService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    get sanitizedTitle() {
+        return this.sanitizer.bypassSecurityTrustHtml(this.properties.title ?? '');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeLogindlgComponent, deps: [{ token: i1.MessageService }, { token: i0.ChangeDetectorRef }, { token: i2.DynamicDialogRef }, { token: i2.DynamicDialogConfig }, { token: LocalizeTokenService }, { token: i4.HttpClient }, { token: i5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: LocalizeLogindlgComponent, isStandalone: false, selector: "app-localize-logindlg", providers: [MessageService], ngImport: i0, template: `<p-toast key="$login-dlg" position="top-center"></p-toast>
   <div id="login-dlg-wrap">
     <div id="login-dlg-header">
-      <div id="login-logo" class="p-mb-2"></div>
-      <h3 *ngIf="!success">Your session is expired! <br> Please login again to continue.</h3>
-      <h3 *ngIf="success" style="color:green !important;">You haved successfully logged in.</h3>
+      <div id="login-logo" class="p-mb-2" style="background: url('{{properties.logoImage}}') no-repeat"></div>
+      <h3 *ngIf="!success" [innerHTML]="sanitizedTitle"></h3>
+      <h3 *ngIf="success" style="color:green !important;">{{properties.loginSuccessMessage}}</h3>
     </div>
     <div id="login-dlg-content">
       <ng-container *ngIf="!success">
@@ -504,35 +370,33 @@ class LocalizeLogindlgComponent {
           <div class="login-dlg-loader"></div>
         </div>
         <div class="login-dlg-elm">
-          <p-inputgroup>
-            <p-inputgroup-addon [style]="{background:'var(--p-inputtext-disabled-background)'}">
-              <span class="p-inputgroup-addon">
-                <i class="material-icons-round" style="color: var(--p-inputtext-disabled-color);">person</i>
-              </span>
-            </p-inputgroup-addon>
-            <input disabled pInputText type="text" placeholder="Username" [value]="decodeToken?.email" />
-          </p-inputgroup>
+          <div class="p-inputgroup">
+            <span class="p-inputgroup-addon">
+              <i class="material-icons-round">person</i>
+            </span>
+            <input disabled pInputText type="text" placeholder="{{properties.username?.placeHolder}}" [value]="decodeToken?.email" />
+          </div>
         </div>
   
         <div class="login-dlg-elm">
-          <p-inputgroup>
-            <p-inputgroup-addon>
-              <span class="p-inputgroup-addon">
-                <i class="material-icons-round">lock</i>
-              </span>
-            </p-inputgroup-addon>
-            <input [disabled]="loading" (keydown.enter)="clickLogin()" pInputText type="password" placeholder="Password" [(ngModel)]="password"
+          <div class="p-inputgroup">
+            <span class="p-inputgroup-addon">
+              <i class="material-icons-round">lock</i>
+            </span>
+            <input [disabled]="loading" (keydown.enter)="clickLogin()" pInputText type="password" 
+              placeholder="{{properties.password?.placeHolder}}" [(ngModel)]="password"
               autofocus />
-          </p-inputgroup>
+          </div>
         </div>
         <div class="login-dlg-elm">
-          <button style="width: 100%;" pButton type="button" label="Login" (click)="clickLogin()"
+          <button style="width: 100%;" pButton type="button" label="{{properties.loginButton?.placeHolder}}" (click)="clickLogin()"
             [disabled]="!password || loading"></button>
         </div>
   
-        <div class="login-dlg-elm" style="display:flex;align-items: center;user-select: none;">
-          <span>No, I want to login with another user.</span>
-          <button class="p-button-text" pButton type="button" label="Logout" (click)="clickLogout()"></button>
+        <div class="login-dlg-elm login-dlg-suggest" style="display:flex;align-items: center;user-select: none;">
+          <span>{{properties.logoutButton?.message}}</span>
+          <button class="p-button-text" pButton type="button" label="{{properties.logoutButton?.placeHolder}}" 
+            (click)="clickLogout()"></button>
         </div>
       </ng-container>
   
@@ -552,16 +416,16 @@ class LocalizeLogindlgComponent {
         </div>
       </ng-container>
     </div>
-  </div>`, isInline: true, styles: ["#login-dlg-wrap{width:100%;max-width:400px;margin:0 auto;padding:30px}.login-dlg-elm{margin-top:1rem}#login-dlg-header{display:flex;flex-direction:column;align-items:center;justify-content:center}#login-dlg-header h3{font-weight:700;font-size:.9rem;color:orange;text-align:center}#login-logo{height:40px;width:40px;background:url(/assets/images/logo-300px.png) no-repeat;background-size:contain}#login-dlg-content .p-inputgroup{height:45px}#login-dlg-content .p-inputgroup .p-inputgroup-addon *{font-size:1rem}#login-dlg-content .p-inputgroup input{height:45px;border-radius:0 15px 15px 0}#login-dlg-content button{height:45px;border-radius:15px}.check-animation-wrap{top:0;left:0;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100% - 200px);min-height:400px}.check-main-container{width:100%;height:100vh;display:flex;flex-flow:column;justify-content:center;align-items:center}.check-container{width:6.25rem;height:7.5rem;display:flex;flex-flow:column;align-items:center;justify-content:space-between}.check-container .check-background{width:100%;height:calc(100% - 1.25rem);background:linear-gradient(to bottom right,#5de593,#41d67c);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset;transform:scale(.84);border-radius:50%;animation:animateContainer .75s ease-out forwards .75s;display:flex;align-items:center;justify-content:center;opacity:0}.check-container .check-background svg{width:65%;transform:translateY(.25rem);stroke-dasharray:80;stroke-dashoffset:80;animation:animateCheck .35s forwards 1.25s ease-out;min-width:auto!important}.check-container .check-shadow{bottom:calc(-15% - 5px);left:0;border-radius:50%;background:radial-gradient(closest-side,rgba(73,218,131,1),transparent);animation:animateShadow .75s ease-out forwards .75s}@keyframes animateContainer{0%{opacity:0;transform:scale(0);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}25%{opacity:1;transform:scale(.9);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}43.75%{transform:scale(1.15);box-shadow:0 0 0 43.334px #ffffff40 inset,0 0 0 65px #ffffff40 inset}62.5%{transform:scale(1);box-shadow:0 0 #ffffff40 inset,0 0 0 21.667px #ffffff40 inset}81.25%{box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}to{opacity:1;box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}}@keyframes animateCheck{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes animateShadow{0%{opacity:0;width:100%;height:15%}25%{opacity:.25}43.75%{width:40%;height:7%;opacity:.35}to{width:85%;height:15%;opacity:.25}}#login-dlg-wrap .loader-wrap{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute;top:0;left:0;z-index:100;background:#ffffff42;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}#login-dlg-wrap .login-dlg-loader{border:15px solid #e7e7e7;border-top:15px solid #52dba1;border-radius:50%;width:100px;height:100px;animation:spinloader 2s linear infinite}#login-dlg-wrap .loader-wrap:before{content:\"\";position:absolute;width:70px;height:70px;transform:translate(-50%,-50%);z-index:1;border:15px solid #e7e7e700;border-top:15px solid #52dba1c9;border-radius:50%;animation:spinloader .75s linear infinite}@keyframes spinloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: i10.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "component", type: i11.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }], encapsulation: i0.ViewEncapsulation.None });
+  </div>`, isInline: true, styles: ["#login-dlg-wrap{width:100%;max-width:400px;margin:0 auto;padding:30px;height:100%}.login-dlg-elm{margin-top:1rem}.login-dlg-elm.login-dlg-suggest{display:flex;align-items:center;-webkit-user-select:none;user-select:none;border-bottom:solid 1px #ddd;border-radius:5px;padding:5px 10px;background:#f9f9f9;box-shadow:1px 5px 10px -12px #000}#login-dlg-header{display:flex;flex-direction:column;align-items:center;justify-content:center}#login-dlg-header h3{font-weight:700;font-size:.9rem;color:orange;text-align:center}#login-logo{height:55px;width:55px;background-size:contain!important}#login-dlg-content .p-inputgroup{height:45px}#login-dlg-content .p-inputgroup .p-inputgroup-addon{height:45px;border-radius:15px 0 0 15px;width:50px}#login-dlg-content *{font-size:.9rem}#login-dlg-content .p-inputgroup .p-inputgroup-addon *{font-size:1rem}#login-dlg-content .p-inputgroup input{height:45px;border-radius:0 15px 15px 0}#login-dlg-content button{height:45px;border-radius:15px}.check-animation-wrap{top:0;left:0;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100% - 200px);min-height:400px}.check-main-container{width:100%;height:100vh;display:flex;flex-flow:column;justify-content:center;align-items:center}.check-container{width:6.25rem;height:7.5rem;display:flex;flex-flow:column;align-items:center;justify-content:space-between}.check-container .check-background{width:100%;height:calc(100% - 1.25rem);background:linear-gradient(to bottom right,#5de593,#41d67c);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset;transform:scale(.84);border-radius:50%;animation:animateContainer .75s ease-out forwards .75s;display:flex;align-items:center;justify-content:center;opacity:0}.check-container .check-background svg{width:65%;transform:translateY(.25rem);stroke-dasharray:80;stroke-dashoffset:80;animation:animateCheck .35s forwards 1.25s ease-out;min-width:auto!important}.check-container .check-shadow{bottom:calc(-15% - 5px);left:0;border-radius:50%;background:radial-gradient(closest-side,rgba(73,218,131,1),transparent);animation:animateShadow .75s ease-out forwards .75s}@keyframes animateContainer{0%{opacity:0;transform:scale(0);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}25%{opacity:1;transform:scale(.9);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}43.75%{transform:scale(1.15);box-shadow:0 0 0 43.334px #ffffff40 inset,0 0 0 65px #ffffff40 inset}62.5%{transform:scale(1);box-shadow:0 0 #ffffff40 inset,0 0 0 21.667px #ffffff40 inset}81.25%{box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}to{opacity:1;box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}}@keyframes animateCheck{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes animateShadow{0%{opacity:0;width:100%;height:15%}25%{opacity:.25}43.75%{width:40%;height:7%;opacity:.35}to{width:85%;height:15%;opacity:.25}}#login-dlg-wrap .loader-wrap{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute;top:0;left:0;z-index:100;background:#ffffff42;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}#login-dlg-wrap .login-dlg-loader{border:15px solid #e7e7e7;border-top:15px solid #52dba1;border-radius:50%;width:100px;height:100px;animation:spinloader 2s linear infinite}#login-dlg-wrap .loader-wrap:before{content:\"\";position:absolute;width:70px;height:70px;transform:translate(-50%,-50%);z-index:1;border:15px solid #e7e7e700;border-top:15px solid #52dba1c9;border-radius:50%;animation:spinloader .75s linear infinite}@keyframes spinloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i10.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeLogindlgComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, template: `<p-toast key="$login-dlg" position="top-center"></p-toast>
   <div id="login-dlg-wrap">
     <div id="login-dlg-header">
-      <div id="login-logo" class="p-mb-2"></div>
-      <h3 *ngIf="!success">Your session is expired! <br> Please login again to continue.</h3>
-      <h3 *ngIf="success" style="color:green !important;">You haved successfully logged in.</h3>
+      <div id="login-logo" class="p-mb-2" style="background: url('{{properties.logoImage}}') no-repeat"></div>
+      <h3 *ngIf="!success" [innerHTML]="sanitizedTitle"></h3>
+      <h3 *ngIf="success" style="color:green !important;">{{properties.loginSuccessMessage}}</h3>
     </div>
     <div id="login-dlg-content">
       <ng-container *ngIf="!success">
@@ -569,35 +433,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
           <div class="login-dlg-loader"></div>
         </div>
         <div class="login-dlg-elm">
-          <p-inputgroup>
-            <p-inputgroup-addon [style]="{background:'var(--p-inputtext-disabled-background)'}">
-              <span class="p-inputgroup-addon">
-                <i class="material-icons-round" style="color: var(--p-inputtext-disabled-color);">person</i>
-              </span>
-            </p-inputgroup-addon>
-            <input disabled pInputText type="text" placeholder="Username" [value]="decodeToken?.email" />
-          </p-inputgroup>
+          <div class="p-inputgroup">
+            <span class="p-inputgroup-addon">
+              <i class="material-icons-round">person</i>
+            </span>
+            <input disabled pInputText type="text" placeholder="{{properties.username?.placeHolder}}" [value]="decodeToken?.email" />
+          </div>
         </div>
   
         <div class="login-dlg-elm">
-          <p-inputgroup>
-            <p-inputgroup-addon>
-              <span class="p-inputgroup-addon">
-                <i class="material-icons-round">lock</i>
-              </span>
-            </p-inputgroup-addon>
-            <input [disabled]="loading" (keydown.enter)="clickLogin()" pInputText type="password" placeholder="Password" [(ngModel)]="password"
+          <div class="p-inputgroup">
+            <span class="p-inputgroup-addon">
+              <i class="material-icons-round">lock</i>
+            </span>
+            <input [disabled]="loading" (keydown.enter)="clickLogin()" pInputText type="password" 
+              placeholder="{{properties.password?.placeHolder}}" [(ngModel)]="password"
               autofocus />
-          </p-inputgroup>
+          </div>
         </div>
         <div class="login-dlg-elm">
-          <button style="width: 100%;" pButton type="button" label="Login" (click)="clickLogin()"
+          <button style="width: 100%;" pButton type="button" label="{{properties.loginButton?.placeHolder}}" (click)="clickLogin()"
             [disabled]="!password || loading"></button>
         </div>
   
-        <div class="login-dlg-elm" style="display:flex;align-items: center;user-select: none;">
-          <span>No, I want to login with another user.</span>
-          <button class="p-button-text" pButton type="button" label="Logout" (click)="clickLogout()"></button>
+        <div class="login-dlg-elm login-dlg-suggest" style="display:flex;align-items: center;user-select: none;">
+          <span>{{properties.logoutButton?.message}}</span>
+          <button class="p-button-text" pButton type="button" label="{{properties.logoutButton?.placeHolder}}" 
+            (click)="clickLogout()"></button>
         </div>
       </ng-container>
   
@@ -617,8 +479,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
         </div>
       </ng-container>
     </div>
-  </div>`, selector: "app-localize-logindlg", providers: [MessageService], encapsulation: ViewEncapsulation.None, styles: ["#login-dlg-wrap{width:100%;max-width:400px;margin:0 auto;padding:30px}.login-dlg-elm{margin-top:1rem}#login-dlg-header{display:flex;flex-direction:column;align-items:center;justify-content:center}#login-dlg-header h3{font-weight:700;font-size:.9rem;color:orange;text-align:center}#login-logo{height:40px;width:40px;background:url(/assets/images/logo-300px.png) no-repeat;background-size:contain}#login-dlg-content .p-inputgroup{height:45px}#login-dlg-content .p-inputgroup .p-inputgroup-addon *{font-size:1rem}#login-dlg-content .p-inputgroup input{height:45px;border-radius:0 15px 15px 0}#login-dlg-content button{height:45px;border-radius:15px}.check-animation-wrap{top:0;left:0;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100% - 200px);min-height:400px}.check-main-container{width:100%;height:100vh;display:flex;flex-flow:column;justify-content:center;align-items:center}.check-container{width:6.25rem;height:7.5rem;display:flex;flex-flow:column;align-items:center;justify-content:space-between}.check-container .check-background{width:100%;height:calc(100% - 1.25rem);background:linear-gradient(to bottom right,#5de593,#41d67c);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset;transform:scale(.84);border-radius:50%;animation:animateContainer .75s ease-out forwards .75s;display:flex;align-items:center;justify-content:center;opacity:0}.check-container .check-background svg{width:65%;transform:translateY(.25rem);stroke-dasharray:80;stroke-dashoffset:80;animation:animateCheck .35s forwards 1.25s ease-out;min-width:auto!important}.check-container .check-shadow{bottom:calc(-15% - 5px);left:0;border-radius:50%;background:radial-gradient(closest-side,rgba(73,218,131,1),transparent);animation:animateShadow .75s ease-out forwards .75s}@keyframes animateContainer{0%{opacity:0;transform:scale(0);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}25%{opacity:1;transform:scale(.9);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}43.75%{transform:scale(1.15);box-shadow:0 0 0 43.334px #ffffff40 inset,0 0 0 65px #ffffff40 inset}62.5%{transform:scale(1);box-shadow:0 0 #ffffff40 inset,0 0 0 21.667px #ffffff40 inset}81.25%{box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}to{opacity:1;box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}}@keyframes animateCheck{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes animateShadow{0%{opacity:0;width:100%;height:15%}25%{opacity:.25}43.75%{width:40%;height:7%;opacity:.35}to{width:85%;height:15%;opacity:.25}}#login-dlg-wrap .loader-wrap{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute;top:0;left:0;z-index:100;background:#ffffff42;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}#login-dlg-wrap .login-dlg-loader{border:15px solid #e7e7e7;border-top:15px solid #52dba1;border-radius:50%;width:100px;height:100px;animation:spinloader 2s linear infinite}#login-dlg-wrap .loader-wrap:before{content:\"\";position:absolute;width:70px;height:70px;transform:translate(-50%,-50%);z-index:1;border:15px solid #e7e7e700;border-top:15px solid #52dba1c9;border-radius:50%;animation:spinloader .75s linear infinite}@keyframes spinloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.MessageService }, { type: i0.ChangeDetectorRef }, { type: i2.DynamicDialogRef }, { type: i2.DynamicDialogConfig }, { type: LocalizeTokenService }, { type: i1.HttpClient }] });
+  </div>`, selector: "app-localize-logindlg", providers: [MessageService], encapsulation: ViewEncapsulation.None, styles: ["#login-dlg-wrap{width:100%;max-width:400px;margin:0 auto;padding:30px;height:100%}.login-dlg-elm{margin-top:1rem}.login-dlg-elm.login-dlg-suggest{display:flex;align-items:center;-webkit-user-select:none;user-select:none;border-bottom:solid 1px #ddd;border-radius:5px;padding:5px 10px;background:#f9f9f9;box-shadow:1px 5px 10px -12px #000}#login-dlg-header{display:flex;flex-direction:column;align-items:center;justify-content:center}#login-dlg-header h3{font-weight:700;font-size:.9rem;color:orange;text-align:center}#login-logo{height:55px;width:55px;background-size:contain!important}#login-dlg-content .p-inputgroup{height:45px}#login-dlg-content .p-inputgroup .p-inputgroup-addon{height:45px;border-radius:15px 0 0 15px;width:50px}#login-dlg-content *{font-size:.9rem}#login-dlg-content .p-inputgroup .p-inputgroup-addon *{font-size:1rem}#login-dlg-content .p-inputgroup input{height:45px;border-radius:0 15px 15px 0}#login-dlg-content button{height:45px;border-radius:15px}.check-animation-wrap{top:0;left:0;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100% - 200px);min-height:400px}.check-main-container{width:100%;height:100vh;display:flex;flex-flow:column;justify-content:center;align-items:center}.check-container{width:6.25rem;height:7.5rem;display:flex;flex-flow:column;align-items:center;justify-content:space-between}.check-container .check-background{width:100%;height:calc(100% - 1.25rem);background:linear-gradient(to bottom right,#5de593,#41d67c);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset;transform:scale(.84);border-radius:50%;animation:animateContainer .75s ease-out forwards .75s;display:flex;align-items:center;justify-content:center;opacity:0}.check-container .check-background svg{width:65%;transform:translateY(.25rem);stroke-dasharray:80;stroke-dashoffset:80;animation:animateCheck .35s forwards 1.25s ease-out;min-width:auto!important}.check-container .check-shadow{bottom:calc(-15% - 5px);left:0;border-radius:50%;background:radial-gradient(closest-side,rgba(73,218,131,1),transparent);animation:animateShadow .75s ease-out forwards .75s}@keyframes animateContainer{0%{opacity:0;transform:scale(0);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}25%{opacity:1;transform:scale(.9);box-shadow:0 0 0 65px #ffffff40 inset,0 0 0 65px #ffffff40 inset}43.75%{transform:scale(1.15);box-shadow:0 0 0 43.334px #ffffff40 inset,0 0 0 65px #ffffff40 inset}62.5%{transform:scale(1);box-shadow:0 0 #ffffff40 inset,0 0 0 21.667px #ffffff40 inset}81.25%{box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}to{opacity:1;box-shadow:0 0 #ffffff40 inset,0 0 #ffffff40 inset}}@keyframes animateCheck{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes animateShadow{0%{opacity:0;width:100%;height:15%}25%{opacity:.25}43.75%{width:40%;height:7%;opacity:.35}to{width:85%;height:15%;opacity:.25}}#login-dlg-wrap .loader-wrap{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute;top:0;left:0;z-index:100;background:#ffffff42;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}#login-dlg-wrap .login-dlg-loader{border:15px solid #e7e7e7;border-top:15px solid #52dba1;border-radius:50%;width:100px;height:100px;animation:spinloader 2s linear infinite}#login-dlg-wrap .loader-wrap:before{content:\"\";position:absolute;width:70px;height:70px;transform:translate(-50%,-50%);z-index:1;border:15px solid #e7e7e700;border-top:15px solid #52dba1c9;border-radius:50%;animation:spinloader .75s linear infinite}@keyframes spinloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MessageService }, { type: i0.ChangeDetectorRef }, { type: i2.DynamicDialogRef }, { type: i2.DynamicDialogConfig }, { type: LocalizeTokenService }, { type: i4.HttpClient }, { type: i5.DomSanitizer }] });
 
 class LocalizeLogindlgService {
     injector;
@@ -626,12 +488,9 @@ class LocalizeLogindlgService {
         this.injector = injector;
     }
     async openLoginDialog(loginConfig, config) {
-        config ??= {
-            header: 'Login',
-            height: '650px',
-            style: { 'max-width': '400px', width: '100%', 'height': '650px' },
-        };
-        config.data = { ...config.data || {}, ...{ loginConfig } };
+        config = this.intercepDialogConfig(config);
+        this.initConfig(loginConfig);
+        config.data = { ...(config.data || {}), ...{ loginConfig } };
         const dialogService = this.injector.get(DialogService);
         const dialog = dialogService.open(LocalizeLogindlgComponent, config);
         await new Promise((resolve) => dialog.onClose.subscribe(res => {
@@ -640,6 +499,37 @@ class LocalizeLogindlgService {
             }
         }));
     }
+    intercepDialogConfig(config) {
+        config ??= {
+            header: 'Login',
+            style: { 'max-width': '400px', width: '100%', 'height': '650px' },
+            modal: true,
+            closable: false,
+            showHeader: false,
+        };
+        config = {
+            ...config, ...{
+                contentStyle: { 'height': '100%', 'border-radius': '20px' }
+            }
+        };
+        config.style = { ...config.style, ...{ 'border-radius': '20px' } };
+        return config;
+    }
+    initConfig(loginConfig) {
+        loginConfig ??= {};
+        loginConfig.properties ??= {
+            title: 'Your session is expired!<br/> Please login again to continue.',
+            loginSuccessMessage: 'You have successfully logged in.',
+            logoImage: '/assets/images/logo-300px.png',
+            username: { placeHolder: 'Username' },
+            password: { placeHolder: 'Password' },
+            loginButton: { placeHolder: 'Login' },
+            logoutButton: {
+                message: 'No, I want to login with another user.',
+                placeHolder: 'Logout'
+            }
+        };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeLogindlgService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeLogindlgService, providedIn: 'root' });
 }
@@ -657,19 +547,13 @@ class LocalizeLogindlgModule {
             InputTextModule,
             BrowserModule,
             FormsModule,
-            ButtonModule,
-            DynamicDialogModule,
-            InputGroupModule,
-            InputGroupAddonModule], exports: [LocalizeLogindlgComponent] });
+            ButtonModule], exports: [LocalizeLogindlgComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeLogindlgModule, providers: [LocalizeLogindlgService], imports: [CommonModule,
             ToastModule,
             InputTextModule,
             BrowserModule,
             FormsModule,
-            ButtonModule,
-            DynamicDialogModule,
-            InputGroupModule,
-            InputGroupAddonModule] });
+            ButtonModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeLogindlgModule, decorators: [{
             type: NgModule,
@@ -683,18 +567,558 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                         BrowserModule,
                         FormsModule,
                         ButtonModule,
-                        DynamicDialogModule,
-                        InputGroupModule,
-                        InputGroupAddonModule
                     ],
                     providers: [LocalizeLogindlgService],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
 
+const LOCALIZE_API_ASSETS = {
+    network: {
+        noConnection: `<?xml version="1.0" encoding="UTF-8"?>
+            <svg id="lze-no-connection" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.29 70.98">
+            <defs>
+                <style> .cls-1 { fill: #fff; } .cls-2, .cls-3 { fill: #e30613; } .cls-3 { stroke: #e30613; stroke-miterlimit: 10; stroke-width: .25px; } </style>
+            </defs>
+            <g id="Layer_3" data-name="Layer 3">
+                <g>
+                <path class="cls-1" d="m73.29,35c-1.2,0-2.33-.53-3.09-1.46-.48-.57-11.23-13.2-31.55-13.2s-31.11,12.66-31.56,13.2c-1.4,1.71-3.92,1.95-5.63.55-1.71-1.4-1.95-3.92-.55-5.63.54-.66,13.47-16.12,37.74-16.12s37.2,15.46,37.74,16.12c1.4,1.71,1.15,4.23-.56,5.62-.71.58-1.61.9-2.53.9Z"/>
+                <path class="cls-1" d="m63.96,45.66c-1.19,0-2.32-.53-3.08-1.44-5.79-6.05-13.86-9.39-22.24-9.21-8.38-.18-16.45,3.16-22.24,9.22-1.46,1.65-3.99,1.81-5.64.35-1.57-1.39-1.8-3.77-.52-5.43,7.32-7.89,17.64-12.29,28.4-12.12,10.76-.17,21.08,4.24,28.4,12.12,1.4,1.71,1.15,4.23-.56,5.62-.71.58-1.6.9-2.53.9Z"/>
+                <path class="cls-1" d="m53.3,56.32c-1.24,0-2.41-.57-3.16-1.55-5.73-6.35-15.52-6.85-21.87-1.13-.4.36-.77.73-1.13,1.13-1.36,1.73-3.88,2.03-5.61.67-1.71-1.34-2.03-3.8-.73-5.54,8.39-9.85,23.18-11.04,33.03-2.65.95.81,1.84,1.69,2.65,2.65,1.34,1.75,1,4.26-.75,5.6-.7.53-1.55.82-2.43.82Z"/>
+                </g>
+                <path class="cls-2" d="m47.21,9.45l-4.06,41.36c-.64,5.42-8.39,5.39-9.01,0,0,0-4.06-41.36-4.06-41.36-.46-4.73,2.99-8.94,7.72-9.4,5.33-.58,9.97,4.09,9.4,9.4h0Z"/>
+                <circle class="cls-3" cx="38.64" cy="64.79" r="6.07"/>
+            </g>
+            </svg>`
+    }
+};
+
+/**
+ * Http method options
+ */
+var EMethod;
+(function (EMethod) {
+    EMethod["POST"] = "post";
+    EMethod["GET"] = "get";
+    EMethod["PUT"] = "put";
+    EMethod["DELETE"] = "delete";
+    EMethod["PATCH"] = "patch";
+})(EMethod || (EMethod = {}));
+// export interface INormalizedError {
+//     error: any;
+//     code: string;
+//     message: string;
+//     details?: any;
+//     status: number;
+// }
+
+class LocalizeApiHelper {
+    defaultRetryOptions = {
+        connectionError: {
+            message: 'Connection error occurred. Please wait',
+            blockScreen: true,
+            blockScreenZIndex: 10000
+        }
+    };
+    async performRetry(options) {
+        let attempts = 0;
+        let lastError;
+        let consoleCount = 0;
+        // Merge default retry options with provided options
+        options = { ...this.defaultRetryOptions, ...options };
+        let styleElement;
+        while (attempts < options.maxRetries()) {
+            try {
+                const result = await options.callback();
+                this.removeBlocker(styleElement);
+                return result;
+            }
+            catch (error) {
+                lastError = error;
+                if (consoleCount >= 7) {
+                    console.clear();
+                    consoleCount = 0;
+                }
+                if (options.retryUnless && !options.retryUnless(error))
+                    throw error; // If the error should not be retried, rethrow it
+                // Handle connection error
+                styleElement = await this.onConnectionError(options, error);
+                if (options.onError)
+                    await this.invokeHook(options.onError.bind(this, error));
+                if (attempts >= options.maxRetries() - 1)
+                    throw error;
+                attempts++;
+                consoleCount++;
+                console.warn(`Attempt ${attempts} failed. Retrying...`, error);
+                await waitFor(options.delay);
+            }
+        }
+        console.warn(`Failed after ${options.maxRetries} attempts`);
+        throw lastError;
+    }
+    async performRequestWithRetry(options, config, performRequest) {
+        const retryUnless = config.retryOptions?.retryFunction
+            || this.isConnectionError;
+        return await this.performRetry({
+            connectionError: config.retryOptions?.onConnectionError,
+            maxRetries: () => config.retryOptions?.maxRetries ?? 1000,
+            delay: config.retryOptions?.delay ?? 500,
+            callback: () => performRequest(options),
+            retryUnless: retryUnless,
+        });
+    }
+    buildUrl(baseUrl, path) {
+        const normalizedUrl = `${baseUrl.trim().replace(/\/?$/, '/')}${path.trim().replace(/^\//, '')}`;
+        return normalizedUrl.endsWith('/')
+            ? normalizedUrl.slice(0, -1)
+            : normalizedUrl;
+    }
+    async invokeHook(callback) {
+        if (!callback)
+            return;
+        const result = callback();
+        if (result instanceof Promise) {
+            await result;
+        }
+    }
+    createRequest(instance, method, url, body, options) {
+        const request$ = instance.client.request(method, url, {
+            ...options,
+            body,
+            observe: 'response',
+        }).pipe(takeUntil(instance.destroy$()), catchError((error) => {
+            // Convert to a non-observable error to handle in the promise
+            return throwError(() => error);
+        }));
+        return request$;
+    }
+    defaultRetryFunction(error) {
+        // Don't retry for other errors (like 400, 401, 403, etc.)
+        if (!this.isConnectionError(error))
+            throw error;
+        return true;
+    }
+    isConnectionError(error) {
+        const isNetworkError = error.status === 0;
+        const isServerError = error.status >= 1000 && error.status < 600;
+        return isNetworkError || isServerError;
+    }
+    async onConnectionError(options, error) {
+        if (!options.connectionError)
+            return;
+        let styleElement;
+        if (this.isConnectionError(error)) {
+            styleElement = this.screenBlocker(options, error, true);
+            await this.invokeHook(options.connectionError.callback?.bind(this, error));
+            return styleElement;
+        }
+        else {
+            this.screenBlocker(options, error, false);
+            styleElement?.remove();
+        }
+    }
+    screenBlocker(optons, error, add = true) {
+        if (!optons.connectionError?.blockScreen)
+            return;
+        const message = optons.connectionError?.message
+            || 'Connection error occurred. Please wait';
+        const errorMessage = error?.error?.message || 'An error occurred';
+        const suggestinMessage = optons.connectionError?.suggestionMessage
+            || 'Please check your internet connection or the server status.';
+        const zIndex = optons.connectionError?.blockScreenZIndex || 10000;
+        const body = document.body;
+        const blcokerHtml = `
+        <div class="lze-blocker">
+            ${LOCALIZE_API_ASSETS.network.noConnection}
+            <div class="lze-blocker__message">
+                ${message}
+                <span class="lze-blocker__dotting">
+                    <span class="lze-blocker__dot"></span>
+                    <span class="lze-blocker__dot"></span>
+                    <span class="lze-blocker__dot"></span>
+                </span>
+            </div>
+            <div class="lze-blocker__error">${errorMessage}</div>
+            <div class="lze-blocker__error_suggestion">${suggestinMessage}</div>
+        </div>
+        `;
+        const style = `
+        div.lze-blocker {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.85) !important;
+            z-index: ${zIndex};
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            color: #fff !important;
+            font-family: Arial, sans-serif;
+            text-align: center;
+            padding: 20px;
+            box-sizing: border-box;
+            overflow: hidden;
+            user-select: none;
+        }
+
+        svg#lze-no-connection {
+            width: 75px;
+            height: 75px;
+            margin-bottom: 20px;
+        }
+        
+        div.lze-blocker__message {
+            color: #fff !important;
+            font-size: 18px !important;
+            margin-bottom: 10px;
+        }
+            
+        .lze-blocker__dotting {
+            display: inline-block;
+            vertical-align: middle;
+        }
+        span.lze-blocker__dot {
+            display: inline-block;
+            width: 7px;
+            height: 7px;
+            background-color: #ffffff !important;
+            border-radius: 50%;
+            margin-left: 3px;
+            opacity: 0.3;
+            animation: dotting 1s infinite;
+        }
+        .lze-blocker__dot:nth-child(1) {
+            animation-delay: 0s;
+            opacity: 1;
+        }
+        .lze-blocker__dot:nth-child(2) {
+            animation-delay: 0.2s;
+        }
+        .lze-blocker__dot:nth-child(3) {
+            animation-delay: 0.4s;
+        }
+
+        @keyframes dotting {
+            0%, 80%, 100% { opacity: 0.3; }
+            40% { opacity: 1; }
+        }
+
+        div.lze-blocker__error {
+            color: #f00;
+            font-size: 14px !important;
+            margin-bottom: 10px;
+            text-shadow: 0 0 1px #ff5f5f !important;
+        }
+
+        div.lze-blocker__error_suggestion {
+            color: #ccc !important;
+            font-size: 14px !important;
+            margin-top: 10px;
+        }
+        
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        `;
+        const styleElement = document.createElement('style');
+        if (add) {
+            if (!document.querySelector('.lze-blocker')) {
+                styleElement.innerHTML = style;
+                document.head.appendChild(styleElement);
+                body.insertAdjacentHTML('beforeend', blcokerHtml);
+            }
+        }
+        else {
+            this.removeBlocker(styleElement);
+        }
+        return styleElement;
+    }
+    removeBlocker(styleElement) {
+        const blocker = document.querySelector('.lze-blocker');
+        blocker?.remove();
+        styleElement?.remove();
+    }
+}
+const ApiHelper = new LocalizeApiHelper();
+
+const SCHEMES = LocalizeToken.httpHeaders;
+class LocalizeApiService {
+    httpClient;
+    localizeTokenService;
+    destroy$ = new Subject();
+    configSubject = new BehaviorSubject({});
+    isRequestingSubject = new BehaviorSubject(false);
+    isResolvingStartupSubject = new BehaviorSubject(false);
+    get isResolvingStartup() { return this.isResolvingStartupSubject.value; }
+    get needTenant() { return this.localizeTokenService.config.tenantToken !== undefined; }
+    get isRequesting() { return this.isRequestingSubject.value; }
+    get isRevokingToken() { return this.localizeTokenService.isRevokingToken; }
+    set isRevokingToken(value) { this.localizeTokenService.isRevokingToken = value; }
+    get accessToken() { return this.localizeTokenService.accessToken; }
+    set accessToken(value) { this.localizeTokenService.accessToken = value; }
+    get refreshToken() { return this.localizeTokenService.refreshToken; }
+    get tenantToken() { return this.localizeTokenService.tenantToken; }
+    defaultConfig = {
+        waitEachRequest: { milliseconds: 0 },
+        enableRequestCancellation: true,
+        retryOptions: {
+            maxRetries: 1000,
+            delay: 1000,
+            retryFunction: ApiHelper.defaultRetryFunction.bind(this),
+        },
+    };
+    get config() {
+        this.validateConfig();
+        return this.configSubject.value;
+    }
+    apiOptions = {
+        method: EMethod.GET,
+        requestBody: null,
+    };
+    constructor(httpClient, localizeTokenService) {
+        this.httpClient = httpClient;
+        this.localizeTokenService = localizeTokenService;
+    }
+    /**
+     * Initialize the API service.
+     * @param apiConfigs - The API configurations.
+     */
+    init(apiConfigs) {
+        console.log('LocalizeApiService is initialized.');
+        this.configSubject.next({ ...this.defaultConfig, ...apiConfigs });
+    }
+    cancelPendingRequests() {
+        this.config.enableRequestCancellation
+            && this.destroy$.next();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * A higher-order function that returns a curried function for making API requests.
+     *
+     * @param baseUrl - The base URL of the API.
+     * @returns A curried function that can be used to make API requests.
+     */
+    func = (baseUrl) => (path, method = EMethod.GET, reqBody = null, reqHeaders) => this.request(baseUrl, path, method, reqBody, reqHeaders);
+    async request(baseUrl, path, method = EMethod.GET, reqBody = null, reqHeaders) {
+        await waitUntil(() => !this.isResolvingStartup, 500);
+        await ApiHelper.invokeHook(this.config.onPrepareRequest);
+        const apiOptions = this.buildApiOptions(baseUrl, path, method, reqBody, reqHeaders);
+        try {
+            await this.toWaitForPreviousRequest();
+            return await ApiHelper.performRequestWithRetry(apiOptions, this.config, this.performRequest.bind(this));
+        }
+        catch (error) {
+            return await this.handleOnRequestError(error, apiOptions);
+        }
+    }
+    async handleOnRequestError(error, options) {
+        if (error.status !== 401)
+            throw error;
+        await waitUntil(() => !this.isResolvingStartup, 50);
+        return await ApiHelper.performRetry({
+            maxRetries: () => 1000,
+            delay: 10,
+            retryUnless: (error) => error.status === 401 || ApiHelper.isConnectionError(error),
+            callback: async () => {
+                // Only handle 401 Unauthorized errors
+                await this.revokeToken();
+                // Retry the request with the new access token
+                return await this.performRequest(options);
+            }
+        });
+    }
+    async performRequest(options) {
+        // Build the request options
+        const buildOptions = { headers: this.buildHeaderOptions(options) };
+        // Create the request observable
+        const request$ = ApiHelper.createRequest({
+            client: this.httpClient,
+            destroy$: () => this.destroy$
+        }, options.method, options.requestUrl, options.requestBody, buildOptions);
+        // Set the isRequesting state to true before making the request
+        this.isRequestingSubject.next(true);
+        const response = await new Promise((resolve, reject) => request$.subscribe({ next: (res) => resolve(res.body), error: reject }));
+        // Reset the isRequesting state after the request completes
+        this.isRequestingSubject.next(false);
+        return response;
+    }
+    async revokeToken() {
+        try {
+            if (await this.interceptRevokeToken())
+                return;
+            this.isRevokingToken = true;
+            const apiOptions = {
+                ...this.buildApiOptions(this.localizeTokenService.config.refreshToken?.requestUrl || ''),
+                refreshToken: true,
+            };
+            // const revokeToken = await this.performRequest(apiOptions);
+            const revokeToken = await ApiHelper.performRequestWithRetry(apiOptions, this.config, this.performRequest.bind(this));
+            await this.handleOnTokenRevoked(revokeToken);
+        }
+        catch (error) {
+            // Handle the error, log it
+            await ApiHelper.invokeHook(this.config.onAutoLogout);
+        }
+        finally {
+            // Reset the revoking token state
+            this.isRevokingToken = false;
+        }
+    }
+    /** default http request options */
+    buildHeaderOptions(options) {
+        const headers = {
+            ...(options.refreshToken && { [SCHEMES.X_REFRESH_TOKEN]: `${this.refreshToken}` }),
+            ...(!options.isFormData && { [SCHEMES.CONTENT_TYPE]: 'application/json' }),
+            [SCHEMES.AUTHORIZATION]: `Bearer ${this.accessToken}`,
+            ...(this.needTenant && { [SCHEMES.X_TENANT]: `${this.tenantToken}` })
+        };
+        return new HttpHeaders({ ...headers, ...options.headers });
+    }
+    buildApiOptions(baseUrl, path = '', method = EMethod.GET, requestBody = null, headers) {
+        const requestUrl = ApiHelper.buildUrl(baseUrl, path);
+        const isFormData = requestBody && requestBody instanceof FormData;
+        return {
+            ...this.apiOptions,
+            ...{ headers, method, requestUrl, requestBody, isFormData }
+        };
+    }
+    async toWaitForPreviousRequest() {
+        if (this.isRevokingToken) {
+            // console.warn('A token refresh is in progress. Request is waiting.');
+            await waitUntil(() => !this.isRevokingToken);
+            // console.info('Token refresh complete. Resuming request.');
+        }
+        // to wait for each request in 50ms, even if the request is not completed
+        const waitMilliseconds = this.config.waitEachRequest?.milliseconds;
+        if (waitMilliseconds && this.isRequesting) {
+            // console.warn(`Request throttling: Another request is in progress. Waiting for ${waitMilliseconds}ms.`);
+            await waitFor(waitMilliseconds, this.isRequesting);
+        }
+    }
+    async handleOnTokenRevoked(response) {
+        if (response?.status) {
+            // If the response is successful, update the access token
+            this.accessToken = response.message;
+        }
+        else {
+            // If the response indicates an error, invoke the onRevokeUnauthorized hook
+            console.warn('Token revocation failed, refresh token is expired.', response.message);
+            await ApiHelper.invokeHook(this.config.onRevokeUnauthorized);
+        }
+    }
+    async interceptRevokeToken() {
+        if (this.isRevokingToken) {
+            console.warn('Token is already being revoked. Waiting for the current operation to complete...');
+            await waitUntil(() => !this.isRevokingToken);
+            return true;
+        }
+        if (!this.refreshToken) {
+            // await ApiHelper.invokeHook(this.apiConfigs.onAutoLogout);
+            throw new Error('Refresh token is missing. Please login again.');
+        }
+        return false;
+    }
+    validateConfig() {
+        if (this.localizeTokenService.config.tenantToken
+            && !this.localizeTokenService.config.tenantToken?.name?.trim().length) {
+            throw Error('Tenant token is required but tenantTokenName is not configured');
+        }
+        if (!this.localizeTokenService.config.refreshToken?.requestUrl?.trim().length) {
+            throw Error('Revoke token URL is not configured - token refresh will not work');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiService, deps: [{ token: i4.HttpClient }, { token: LocalizeTokenService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i4.HttpClient }, { type: LocalizeTokenService }] });
+
+class LocalizeTokenModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenModule, providers: [
+            LocalizeTokenService,
+            LocalizeApiService
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeTokenModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [
+                        LocalizeTokenService,
+                        LocalizeApiService
+                    ]
+                }]
+        }] });
+
+class LocalizeApiTokenService {
+    api;
+    token;
+    loginDialog;
+    constructor(tokenService, apiService, loginDialogService) {
+        this.api = apiService;
+        this.token = tokenService;
+        this.loginDialog = loginDialogService;
+    }
+    initialize(tokenConfig, apiConfig) {
+        // Initialize the LocalizeTokenService with the provided token configuration
+        this.token.init(tokenConfig);
+        // Initialize the LocalizeApiService with the provided API configuration
+        this.api.init(apiConfig);
+        console.log('LocalizeApiTokenService initialized with token and API configurations.');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiTokenService, deps: [{ token: LocalizeTokenService }, { token: LocalizeApiService }, { token: LocalizeLogindlgService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiTokenService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiTokenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: LocalizeTokenService }, { type: LocalizeApiService }, { type: LocalizeLogindlgService }] });
+
+class LocalizeApiTokenModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiTokenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiTokenModule, imports: [CommonModule,
+            LocalizeTokenModule,
+            LocalizeLogindlgModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiTokenModule, providers: [
+            LocalizeApiTokenService
+        ], imports: [CommonModule,
+            LocalizeTokenModule,
+            LocalizeLogindlgModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LocalizeApiTokenModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule,
+                        LocalizeTokenModule,
+                        LocalizeLogindlgModule
+                    ],
+                    providers: [
+                        LocalizeApiTokenService
+                    ]
+                }]
+        }] });
+
+//#region login dialog
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { EMethod, LocalizeApiService, LocalizeLogindlgComponent, LocalizeLogindlgModule, LocalizeLogindlgService, LocalizeToken, LocalizeTokenModule, LocalizeTokenService, LocalizeTokenStorage, extractMainDomain, waitFor, waitUntil };
+export { ApiHelper, EMethod, LOCALIZE_API_ASSETS, LocalizeApiService, LocalizeApiTokenModule, LocalizeApiTokenService, LocalizeLogindlgComponent, LocalizeLogindlgModule, LocalizeLogindlgService, LocalizeToken, LocalizeTokenModule, LocalizeTokenService, LocalizeTokenStorage, extractMainDomain, waitFor, waitUntil };
 //# sourceMappingURL=sambath999-localize-token.mjs.map