@volo/ngx-lepton-x.core 4.3.4 → 5.0.0-rc.1

package/fesm2022/volo-ngx-lepton-x.core.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { Input, Directive, NgModule, InjectionToken, Inject, Injectable, DOCUMENT, provideAppInitializer, inject, Optional, SkipSelf, makeEnvironmentProviders, ViewEncapsulation, Component, input, ElementRef, EventEmitter, HostListener, Output, Pipe, Injector, signal, computed, PLATFORM_ID, TemplateRef, ContentChild, SecurityContext } from '@angular/core';
-import { CommonModule, Location, NgClass, NgTemplateOutlet, AsyncPipe, NgComponentOutlet, isPlatformBrowser } from '@angular/common';
+import { inject, ViewContainerRef, TemplateRef, Input, Directive, NgModule, InjectionToken, Injectable, DOCUMENT, provideAppInitializer, PLATFORM_ID, ChangeDetectorRef, REQUEST, makeEnvironmentProviders, ViewEncapsulation, Component, input, ElementRef, EventEmitter, HostListener, Output, Pipe, Injector, signal, computed, ContentChild, SecurityContext, makeStateKey, TransferState } from '@angular/core';
+import { CommonModule, isPlatformBrowser, DOCUMENT as DOCUMENT$1, Location, NgClass, NgTemplateOutlet, AsyncPipe, NgComponentOutlet } from '@angular/common';
 import { of, from, Observable, EMPTY, BehaviorSubject, Subject, fromEvent, Subscription, combineLatest, map as map$1 } from 'rxjs';
 import { Router, NavigationEnd, RouterLink, RouterModule } from '@angular/router';
 import { map, distinctUntilChanged, filter, take, switchMap, distinctUntilKeyChanged, startWith, tap } from 'rxjs/operators';
@@ -11,15 +11,15 @@ import { FormsModule } from '@angular/forms';
 import { DomSanitizer } from '@angular/platform-browser';
 
 class LpxVisibleDirective {
+    constructor() {
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.templateRef = inject(TemplateRef);
+        this.condition$ = of(false);
+    }
     set lpxVisible(value) {
         this.condition$ = checkType(value);
         this.subscribeToCondition();
     }
-    constructor(viewContainerRef, templateRef) {
-        this.viewContainerRef = viewContainerRef;
-        this.templateRef = templateRef;
-        this.condition$ = of(false);
-    }
     ngOnInit() {
         this.updateVisibility();
     }
@@ -40,7 +40,7 @@ class LpxVisibleDirective {
         }
         this.viewContainerRef.createEmbeddedView(this.templateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxVisibleDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxVisibleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: LpxVisibleDirective, isStandalone: true, selector: "[lpxVisible]", inputs: { lpxVisible: "lpxVisible" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxVisibleDirective, decorators: [{
@@ -49,7 +49,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                     selector: '[lpxVisible]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }], propDecorators: { lpxVisible: [{
+        }], propDecorators: { lpxVisible: [{
                 type: Input,
                 args: ['lpxVisible']
             }] } });
@@ -135,8 +135,8 @@ class LanguageService {
     get selectedLanguage() {
         return this.store.state.selectedLanguage;
     }
-    constructor(languages) {
-        this.languages = languages;
+    constructor() {
+        this.languages = inject(LPX_LANGUAGE);
         this.store = new DataStore({ languages: [] });
         this.id = 'languages';
         this.convertLanguageToNavbarItem = (languages) => {
@@ -180,7 +180,7 @@ class LanguageService {
             selectedLanguage: lang,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguageService, deps: [{ token: LPX_LANGUAGE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguageService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguageService, decorators: [{
@@ -188,19 +188,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LPX_LANGUAGE]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 const LPX_INITIAL_STYLES = new InjectionToken('LPX_INITIAL_STYLES_TOKEN');
 const LPX_STYLE_FINAL = new InjectionToken('LPX_STYLE_FINAL_TOKEN');
 const LPX_LAYOUT_STYLE_FINAL = new InjectionToken('LPX_LAYOUT_STYLE_FINALIZE_TOKEN');
 
 class StyleService {
-    constructor(initialStyles, document) {
-        this.initialStyles = initialStyles;
-        this.document = document;
+    constructor() {
+        this.initialStyles = inject(LPX_STYLE_FINAL);
+        this.document = inject(DOCUMENT);
         this.lastInjectedStyle = null;
         this.initialized$ = new BehaviorSubject(false);
     }
@@ -248,7 +245,7 @@ class StyleService {
         }
     }
     createLinkElem(style, direction, resolve) {
-        const linkElem = document.createElement('link');
+        const linkElem = this.document.createElement('link');
         linkElem.rel = 'stylesheet';
         linkElem.id = style.bundleName;
         linkElem.href = `${style.bundleName}${direction === 'rtl' ? '.rtl' : ''}.css`;
@@ -257,7 +254,7 @@ class StyleService {
         };
         return linkElem;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: StyleService, deps: [{ token: LPX_STYLE_FINAL }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: StyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: StyleService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: StyleService, decorators: [{
@@ -265,13 +262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LPX_STYLE_FINAL]
-                }] }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }] });
+        }] });
 
 function createStyleFactory(handler) {
     return handler || ((defaultValue) => defaultValue);
@@ -298,13 +289,18 @@ function createDirectionProvider(listenDirection) {
 function listenDirectionChange() {
     const languageService = inject(LanguageService);
     const styleService = inject(StyleService);
+    const doc = inject(DOCUMENT);
+    const platformId = inject(PLATFORM_ID);
+    if (!isPlatformBrowser(platformId)) {
+        return Promise.resolve();
+    }
     return new Promise((resolve) => {
         styleService.initialized$
             .pipe(filter(Boolean), take(1), switchMap(() => languageService.languageChange$), distinctUntilKeyChanged('isRTL'))
             .subscribe(async (lang) => {
             const direction = lang?.isRTL ? 'rtl' : 'ltr';
-            const documentElement = document.documentElement;
-            if (documentElement.dir !== direction) {
+            const documentElement = (doc?.documentElement || {});
+            if (documentElement && documentElement.dir !== direction) {
                 documentElement.dir = direction;
             }
             await styleService.reloadInitialStyles(direction);
@@ -318,18 +314,19 @@ const RESPONSIVE_BREAKPOINTS = new InjectionToken('RESPONSIVE_BREAKPOINTS');
 const WINDOW = new InjectionToken('WINDOW');
 
 class ResponsiveService {
-    constructor(providedBreakpoints, window) {
-        this.providedBreakpoints = providedBreakpoints;
-        this.window = window;
+    constructor() {
+        this.providedBreakpoints = inject(RESPONSIVE_BREAKPOINTS);
+        this.window = inject(WINDOW);
+        this.platformId = inject(PLATFORM_ID);
         this.defaultBreakpoint = {
             name: "all" /* ResponsiveTokens.all */,
             width: 0,
         };
         this.breakpoints = this.buildBreakpoints(this.providedBreakpoints);
-        this.getCurrentSize = () => ({
+        this.getCurrentSize = () => isPlatformBrowser(this.platformId) ? ({
             height: this.window.innerHeight,
             width: this.window.innerWidth,
-        });
+        }) : ({ height: 0, width: 0 });
         this.mapSizeToBreakpoint = ({ width } = this.getCurrentSize()) => {
             return this.breakpoints.find((s) => width >= s.width);
         };
@@ -340,6 +337,8 @@ class ResponsiveService {
         this.setupListener();
     }
     setupListener() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
         this.currentResolution$ = fromEvent(this.window, 'resize')
             .pipe(map(this.getCurrentSize))
             .pipe(startWith(this.getCurrentSize()));
@@ -372,7 +371,7 @@ class ResponsiveService {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ResponsiveService, deps: [{ token: RESPONSIVE_BREAKPOINTS }, { token: WINDOW }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ResponsiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ResponsiveService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ResponsiveService, decorators: [{
@@ -380,20 +379,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [RESPONSIVE_BREAKPOINTS]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [WINDOW]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 class ResponsiveDirective {
-    constructor(templateRef, viewContainer, service, parentCdr) {
-        this.templateRef = templateRef;
-        this.viewContainer = viewContainer;
-        this.service = service;
-        this.parentCdr = parentCdr;
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+        this.viewContainer = inject(ViewContainerRef);
+        this.service = inject(ResponsiveService);
+        this.parentCdr = inject(ChangeDetectorRef, { optional: true, skipSelf: true });
         this.hasRendered = false;
         this.sub = new Subscription();
         this.render = (shouldRender) => {
@@ -416,17 +409,13 @@ class ResponsiveDirective {
     ngOnDestroy() {
         this.sub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ResponsiveDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: ResponsiveService }, { token: i0.ChangeDetectorRef, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ResponsiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: ResponsiveDirective, isStandalone: true, selector: "[lpxResponsive]", inputs: { query: ["lpxResponsive", "query"] }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ResponsiveDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[lpxResponsive]' }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: ResponsiveService }, { type: i0.ChangeDetectorRef, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }], propDecorators: { query: [{
+        }], propDecorators: { query: [{
                 type: Input,
                 args: ['lpxResponsive']
             }] } });
@@ -591,16 +580,16 @@ function isArray(obj) {
 }
 
 class LpxThemeTranslateService {
-    constructor(translateValues, translateService) {
-        this.translateValues = translateValues;
-        this.translateService = translateService;
+    constructor() {
+        this.translateValues = inject(LPX_TRANSLATE_TOKEN, { optional: true });
+        this.translateService = inject(LPX_TRANSLATE_SERVICE_TOKEN);
         this._content = flatArrayDeepToObject(this.translateValues);
     }
     // TODO: PROVIDE API : Implement args
     translate$(key, ...args) {
         return this.translateService.get$(key, this._content[key]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxThemeTranslateService, deps: [{ token: LPX_TRANSLATE_TOKEN, optional: true }, { token: LPX_TRANSLATE_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxThemeTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxThemeTranslateService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxThemeTranslateService, decorators: [{
@@ -608,15 +597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: Array, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [LPX_TRANSLATE_TOKEN]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LPX_TRANSLATE_SERVICE_TOKEN]
-                }] }] });
+        }] });
 
 class DefaultTranslateService {
     get$(key, defaultValue) {
@@ -641,19 +622,19 @@ const LPX_TRANSLATE_PROVIDERS = [
 ];
 
 class DefaultAuthService {
-    constructor(userProfileService) {
-        this.userProfileService = userProfileService;
+    constructor() {
+        this.userProfileService = inject(UserProfileService);
         this.isUserExists$ = this.userProfileService.user$.pipe(map((user) => !!user && Object.keys(user).length > 0));
     }
     navigateToLogin() {
         return;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: DefaultAuthService, deps: [{ token: UserProfileService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: DefaultAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: DefaultAuthService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: DefaultAuthService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: UserProfileService }] });
+        }] });
 
 const LPX_AUTH_SERVICE_TOKEN = new InjectionToken('LPX_AUTH_SERVICE_TOKEN');
 
@@ -663,24 +644,32 @@ const LPX_AUTH_SERVICE_PROVIDER = {
 };
 
 class LpxLocalStorageService {
-    constructor() { }
+    constructor() {
+        this.platformId = inject(PLATFORM_ID);
+    }
+    get isBrowser() {
+        return isPlatformBrowser(this.platformId);
+    }
     get length() {
-        return localStorage.length;
+        return this.isBrowser ? localStorage.length : 0;
     }
     clear() {
-        localStorage.clear();
+        if (this.isBrowser)
+            localStorage.clear();
     }
     getItem(key) {
-        return localStorage.getItem(key);
+        return this.isBrowser ? localStorage.getItem(key) : null;
     }
     key(index) {
-        return localStorage.key(index);
+        return this.isBrowser ? localStorage.key(index) : null;
     }
     removeItem(key) {
-        localStorage.removeItem(key);
+        if (this.isBrowser)
+            localStorage.removeItem(key);
     }
     setItem(key, value) {
-        localStorage.setItem(key, value);
+        if (this.isBrowser)
+            localStorage.setItem(key, value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxLocalStorageService, providedIn: 'root' }); }
@@ -690,7 +679,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [] });
+        }] });
+
+class LpxCookieStorageService {
+    constructor() {
+        this.platformId = inject(PLATFORM_ID);
+        this.document = inject(DOCUMENT$1);
+        this.request = inject(REQUEST);
+    }
+    get length() {
+        return isPlatformBrowser(this.platformId) ? this.keys().length : this.getCookiesFromRequest()?.size ?? 0;
+    }
+    clear() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        this.keys().forEach(k => this.removeItem(k));
+    }
+    getItem(key) {
+        if (!isPlatformBrowser(this.platformId)) {
+            return this.getCookiesFromRequest()?.get(key) ?? null;
+        }
+        const name = key + '=';
+        const parts = (this.document.cookie || '').split('; ');
+        for (const p of parts) {
+            if (p.startsWith(name)) {
+                return decodeURIComponent(p.slice(name.length));
+            }
+        }
+        return null;
+    }
+    key(index) {
+        if (!isPlatformBrowser(this.platformId))
+            return null;
+        return this.keys()[index] ?? null;
+    }
+    removeItem(key) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        this.setCookie(key, '', { 'max-age': -1, path: '/' });
+    }
+    setItem(key, value) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        this.setCookie(key, encodeURIComponent(value), {
+            path: '/',
+            sameSite: 'Lax',
+            secure: true,
+        });
+    }
+    setItemWithExpiry(key, value, seconds) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        this.setCookie(key, encodeURIComponent(value), {
+            path: '/',
+            sameSite: 'Lax',
+            secure: true,
+            'max-age': Math.max(0, Math.floor(seconds)),
+        });
+    }
+    keys() {
+        const raw = (this.document.cookie || '').split('; ').filter(Boolean);
+        return raw
+            .map(c => decodeURIComponent(c.split('=')[0]));
+    }
+    setCookie(name, value, opts) {
+        let s = `${name}=${value}`;
+        if (opts.path)
+            s += `; Path=${opts.path}`;
+        if (opts.domain)
+            s += `; Domain=${opts.domain}`;
+        if (opts.sameSite)
+            s += `; SameSite=${opts.sameSite}`;
+        if (opts.secure)
+            s += `; Secure`;
+        if (opts.expires)
+            s += `; Expires=${opts.expires.toUTCString()}`;
+        if (typeof opts['max-age'] === 'number')
+            s += `; Max-Age=${opts['max-age']}`;
+        this.document.cookie = s;
+    }
+    getCookiesFromRequest() {
+        const cookies = new Map();
+        const cookieHeader = this.request?.headers.get('cookie') ?? '';
+        for (const part of cookieHeader.split(';')) {
+            const i = part.indexOf('=');
+            if (i > -1) {
+                const k = part.slice(0, i).trim();
+                const v = decodeURIComponent(part.slice(i + 1).trim());
+                cookies.set(k, v);
+            }
+        }
+        return cookies;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxCookieStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxCookieStorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LpxCookieStorageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
 class RoutesService {
     constructor() {
@@ -724,7 +811,16 @@ function loadInitialStyles() {
 }
 
 function createWindowProvider(windowObj) {
-    return { provide: WINDOW, useValue: windowObj || window };
+    return { provide: WINDOW, useFactory: () => {
+            if (windowObj) {
+                return windowObj;
+            }
+            else {
+                const platformId = inject(PLATFORM_ID);
+                return isPlatformBrowser(platformId) ? window : undefined;
+            }
+        }
+    };
 }
 
 const LOGO_URL_TOKEN = new InjectionToken('LOGO_URL_TOKEN');
@@ -740,6 +836,9 @@ function makeLpxLogoFeature(kind, providers) {
         ɵproviders: providers,
     };
 }
+/***
+ * @deprecated please use the same `withEnvironmentOptions()` **function** that is imported from `@abp/ng.theme.shared` instead.
+ */
 function withEnvironmentOptions(options = {}) {
     const { name, logoUrl } = options.application || {};
     return makeLpxLogoFeature(LpxLogoFeatureKind.Options, [
@@ -753,6 +852,9 @@ function withEnvironmentOptions(options = {}) {
         },
     ]);
 }
+/***
+ * @deprecated please use the same`provideLogo()` **function** that is imported from `@abp/ng.theme.shared` instead.
+ */
 function provideLogo(...features) {
     const providers = [];
     features.forEach(({ ɵproviders }) => providers.push(...ɵproviders));
@@ -1297,16 +1399,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
         }] });
 
 class LogoPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LogoPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LogoPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: LogoPanelDirective, isStandalone: true, selector: "ng-template[lpx-logo-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LogoPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-logo-panel]' }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class TranslatePipe {
     constructor() {
@@ -1713,9 +1815,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                 }]
         }] });
 
+const DEFAULT_FOOTER_DATA = {
+    brandName: 'Lepton Theme',
+    brandUrl: 'https://leptontheme.com/',
+    authorName: 'Volosoft',
+    authorUrl: 'https://volosoft.com/',
+    links: [
+        { text: 'About', link: '' },
+        { text: 'Privacy', link: '' },
+        { text: 'Contact', link: '' }
+    ]
+};
 class FooterLinksService {
     constructor() {
-        this.store = new DataStore({});
+        this.store = new DataStore(DEFAULT_FOOTER_DATA);
         this.footerInfo$ = this.store.sliceState((state) => state);
     }
     setFooterInfo(links) {
@@ -1735,13 +1848,14 @@ class FooterComponent {
     constructor() {
         this.service = inject(FooterLinksService);
         this.footerValues$ = this.service.footerInfo$;
+        this.currentYear = new Date().getFullYear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: FooterComponent, isStandalone: true, selector: "lpx-footer", ngImport: i0, template: "@if (footerValues$ | async; as footerValues) {\r\n  <div class=\"lpx-footbar\">\r\n    <div class=\"lpx-footbar-copyright\">\r\n      @if (footerValues.descUrl) {\r\n        <a [routerLink]=\"[footerValues.descUrl]\"> {{ footerValues.desc }}</a>\r\n      } @else {\r\n        <a> {{ footerValues.desc }}</a>\r\n      }\r\n    </div>\r\n    <div class=\"lpx-footbar-solo-links\">\r\n      @for (footerLink of footerValues.footerLinks; track $index) {\r\n        @if (footerLink) {\r\n          <a [routerLink]=\"[footerLink.link]\">{{ footerLink.text }}</a>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: FooterComponent, isStandalone: true, selector: "lpx-footer", ngImport: i0, template: "@if (footerValues$ | async; as footerValues) {\r\n  <div class=\"lpx-footbar\">\r\n    <div class=\"lpx-footbar-copyright\">\r\n      @if (footerValues.brandUrl) {\r\n      <span>{{ currentYear }}\u00A9 </span>\r\n      <a [href]=\"[footerValues.brandUrl]\" target=\"_blank\"> {{ footerValues.brandName }} </a>\r\n      <span>by</span>\r\n      }\r\n      @if (footerValues.authorUrl) {\r\n        <a [href]=\"[footerValues.authorUrl]\" target=\"_blank\"> {{ footerValues.authorName }}</a>\r\n      }\r\n      </div>\r\n      <div class=\"lpx-footbar-solo-links\">\r\n        @for (footerLink of footerValues.links; track $index) {\r\n          @if (footerLink) {\r\n            <a [href]=\"[footerLink.link]\" >{{ footerLink.text }}</a>\r\n          }\r\n        }\r\n      </div>\r\n  </div>\r\n}\r\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lpx-footer', imports: [RouterLink, AsyncPipe], template: "@if (footerValues$ | async; as footerValues) {\r\n  <div class=\"lpx-footbar\">\r\n    <div class=\"lpx-footbar-copyright\">\r\n      @if (footerValues.descUrl) {\r\n        <a [routerLink]=\"[footerValues.descUrl]\"> {{ footerValues.desc }}</a>\r\n      } @else {\r\n        <a> {{ footerValues.desc }}</a>\r\n      }\r\n    </div>\r\n    <div class=\"lpx-footbar-solo-links\">\r\n      @for (footerLink of footerValues.footerLinks; track $index) {\r\n        @if (footerLink) {\r\n          <a [routerLink]=\"[footerLink.link]\">{{ footerLink.text }}</a>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n" }]
+            args: [{ selector: 'lpx-footer', imports: [AsyncPipe], template: "@if (footerValues$ | async; as footerValues) {\r\n  <div class=\"lpx-footbar\">\r\n    <div class=\"lpx-footbar-copyright\">\r\n      @if (footerValues.brandUrl) {\r\n      <span>{{ currentYear }}\u00A9 </span>\r\n      <a [href]=\"[footerValues.brandUrl]\" target=\"_blank\"> {{ footerValues.brandName }} </a>\r\n      <span>by</span>\r\n      }\r\n      @if (footerValues.authorUrl) {\r\n        <a [href]=\"[footerValues.authorUrl]\" target=\"_blank\"> {{ footerValues.authorName }}</a>\r\n      }\r\n      </div>\r\n      <div class=\"lpx-footbar-solo-links\">\r\n        @for (footerLink of footerValues.links; track $index) {\r\n          @if (footerLink) {\r\n            <a [href]=\"[footerLink.link]\" >{{ footerLink.text }}</a>\r\n          }\r\n        }\r\n      </div>\r\n  </div>\r\n}\r\n" }]
         }] });
 
 class LpxFooterModule {
@@ -1887,173 +2001,189 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                 }]
         }] });
 
+const LPX_SSR_FLAG = makeStateKey('SSR_FLAG');
+const LPX_APP_STARTED_WITH_SSR = new InjectionToken('LPX_APP_STARTED_WITH_SSR', {
+    providedIn: 'root',
+    factory: () => {
+        const platformId = inject(PLATFORM_ID);
+        const cookieService = inject(LpxCookieStorageService);
+        if (!isPlatformBrowser(platformId))
+            return true;
+        const ts = inject(TransferState);
+        const ssrEnabled = cookieService.getItem('ssr-init');
+        // Remove the cookie after reading its value because it's only needed once
+        cookieService.removeItem('ssr-init');
+        return ts.get(LPX_SSR_FLAG, false) || ssrEnabled === 'true';
+    },
+});
+
 class BreadcrumbPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BreadcrumbPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BreadcrumbPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: BreadcrumbPanelDirective, isStandalone: true, selector: "ng-template[lpx-breadcrumb-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BreadcrumbPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-breadcrumb-panel]' }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class ContentPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ContentPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ContentPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: ContentPanelDirective, isStandalone: true, selector: "ng-template[lpx-content]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ContentPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-content]' }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class CurrentUserImagePanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: CurrentUserImagePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: CurrentUserImagePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: CurrentUserImagePanelDirective, isStandalone: true, selector: "ng-template[lpx-current-user-image-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: CurrentUserImagePanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-current-user-image-panel]' }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class CurrentUserPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: CurrentUserPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: CurrentUserPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: CurrentUserPanelDirective, isStandalone: true, selector: "ng-template[lpx-current-user-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: CurrentUserPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-current-user-panel]' }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class FooterPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: FooterPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: FooterPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: FooterPanelDirective, isStandalone: true, selector: "ng-template[lpx-footer-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: FooterPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-footer-panel]' }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class LanguagePanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguagePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguagePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: LanguagePanelDirective, isStandalone: true, selector: "ng-template[lpx-language-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: LanguagePanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-language-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class MobileNavbarPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: MobileNavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-mobile-navbar-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class MobileNavbarSettingsPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarSettingsPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarSettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: MobileNavbarSettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-settings-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarSettingsPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-mobile-navbar-settings-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class MobileNavbarProfilePanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarProfilePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarProfilePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: MobileNavbarProfilePanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-profile-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: MobileNavbarProfilePanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-mobile-navbar-profile-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class NavbarPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavbarPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: NavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-navbar-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavbarPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-navbar-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class NavitemPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavitemPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavitemPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: NavitemPanelDirective, isStandalone: true, selector: "ng-template[lpx-navitem-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: NavitemPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-navitem-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class ToolbarPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ToolbarPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ToolbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: ToolbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-toolbar-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: ToolbarPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-toolbar-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class TopNavbarPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: TopNavbarPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: TopNavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: TopNavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-top-navbar-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: TopNavbarPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-top-navbar-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 class SettingsPanelDirective {
-    constructor(template) {
-        this.template = template;
+    constructor() {
+        this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: SettingsPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: SettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.7", type: SettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: SettingsPanelDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[lpx-settings-panel]', }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+        }] });
 
 const declarationsAndExports = [
     BreadcrumbPanelDirective,
@@ -2155,5 +2285,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarComponent, BodyService, BrandLogoComponent, BreadcrumbComponent, BreadcrumbPanelDirective, BreadcrumbRouteListenerService, BreadcrumbService, CONTENT_AFTER_ROUTES, CONTENT_BEFORE_ROUTES, ClickOutsideDirective, ContentPanelDirective, CurrentUserImagePanelDirective, CurrentUserPanelDirective, DataStore, DefaultAuthService, DefaultTranslateService, FooterComponent, FooterLinksService, FooterPanelDirective, ICON_MAP, IconComponent, LEPTON_X_ICON_SET, LOGO_APP_NAME_TOKEN, LOGO_URL_TOKEN, LPX_AUTH_SERVICE_PROVIDER, LPX_AUTH_SERVICE_TOKEN, LPX_INITIAL_STYLES, LPX_LANGUAGE, LPX_LAYOUT_STYLE_FINAL, LPX_MENU_ITEMS, LPX_RESPONSIVE_BREAKPOINTS_DEFAULTS, LPX_STYLE_FINAL, LPX_STYLE_PROVIDERS, LPX_TRANSLATE_PROVIDERS, LPX_TRANSLATE_SERVICE_PROVIDER, LPX_TRANSLATE_SERVICE_TOKEN, LPX_TRANSLATE_TOKEN, LanguagePanelDirective, LanguageService, LanguageTranslateDefaults, LanguageTranslateKeys, LayoutService, Layouts, LogoPanelDirective, LpxAvatarModule, LpxBrandLogoModule, LpxBreadcrumbModule, LpxClickOutsideModule, LpxCoreFeatureKind, LpxCoreModule, LpxFooterModule, LpxIconModule, LpxLanguageModule, LpxLocalStorageService, LpxLogoFeatureKind, LpxNavbarModule, LpxResponsiveModule, LpxThemeTranslateService, LpxTranslateModule, LpxVisibleDirective, MobileNavbarPanelDirective, MobileNavbarProfilePanelDirective, MobileNavbarSettingsPanelDirective, NavbarComponent, NavbarPanelDirective, NavbarRoutesComponent, NavbarRoutesDirective, NavbarService, NavitemPanelDirective, OTHERS_GROUP_KEY, PanelsModule, RESPONSIVE_BREAKPOINTS, ResponsiveDirective, ResponsiveService, RoutesService, SKIP_DEFAULTS, SafeHtmlPipe, SettingsPanelDirective, StyleService, SubNavbarComponent, ToObservableModule, ToObservablePipe, ToolbarPanelDirective, ToolbarService, TopNavbarPanelDirective, TranslatePipe, UserProfileService, WINDOW, createDirectionProvider, createGroupMap, createResponsiveProvider, createStyleFactory, createWindowProvider, exportedDeclarations$1 as exportedDeclarations, flatArrayDeepToObject, getItemsFromGroup, getStream$, isArray, isNullOrUndefined, listenDirectionChange, loadInitialStyles, provideLogo, provideLpxBreadcrumb, provideLpxCore, sortItems, styleLoadFactory, withEnvironmentOptions, withIcon, withLanguage, withLpxCoreOptions, withNavbar, withNavbarChild };
+export { AvatarComponent, BodyService, BrandLogoComponent, BreadcrumbComponent, BreadcrumbPanelDirective, BreadcrumbRouteListenerService, BreadcrumbService, CONTENT_AFTER_ROUTES, CONTENT_BEFORE_ROUTES, ClickOutsideDirective, ContentPanelDirective, CurrentUserImagePanelDirective, CurrentUserPanelDirective, DataStore, DefaultAuthService, DefaultTranslateService, FooterComponent, FooterLinksService, FooterPanelDirective, ICON_MAP, IconComponent, LEPTON_X_ICON_SET, LPX_APP_STARTED_WITH_SSR, LPX_AUTH_SERVICE_PROVIDER, LPX_AUTH_SERVICE_TOKEN, LPX_INITIAL_STYLES, LPX_LANGUAGE, LPX_LAYOUT_STYLE_FINAL, LPX_MENU_ITEMS, LPX_RESPONSIVE_BREAKPOINTS_DEFAULTS, LPX_SSR_FLAG, LPX_STYLE_FINAL, LPX_STYLE_PROVIDERS, LPX_TRANSLATE_PROVIDERS, LPX_TRANSLATE_SERVICE_PROVIDER, LPX_TRANSLATE_SERVICE_TOKEN, LPX_TRANSLATE_TOKEN, LanguagePanelDirective, LanguageService, LanguageTranslateDefaults, LanguageTranslateKeys, LayoutService, Layouts, LogoPanelDirective, LpxAvatarModule, LpxBrandLogoModule, LpxBreadcrumbModule, LpxClickOutsideModule, LpxCookieStorageService, LpxCoreFeatureKind, LpxCoreModule, LpxFooterModule, LpxIconModule, LpxLanguageModule, LpxLocalStorageService, LpxLogoFeatureKind, LpxNavbarModule, LpxResponsiveModule, LpxThemeTranslateService, LpxTranslateModule, LpxVisibleDirective, MobileNavbarPanelDirective, MobileNavbarProfilePanelDirective, MobileNavbarSettingsPanelDirective, NavbarComponent, NavbarPanelDirective, NavbarRoutesComponent, NavbarRoutesDirective, NavbarService, NavitemPanelDirective, OTHERS_GROUP_KEY, PanelsModule, RESPONSIVE_BREAKPOINTS, ResponsiveDirective, ResponsiveService, RoutesService, SKIP_DEFAULTS, SafeHtmlPipe, SettingsPanelDirective, StyleService, SubNavbarComponent, ToObservableModule, ToObservablePipe, ToolbarPanelDirective, ToolbarService, TopNavbarPanelDirective, TranslatePipe, UserProfileService, WINDOW, createDirectionProvider, createGroupMap, createResponsiveProvider, createStyleFactory, createWindowProvider, exportedDeclarations$1 as exportedDeclarations, flatArrayDeepToObject, getItemsFromGroup, getStream$, isArray, isNullOrUndefined, listenDirectionChange, loadInitialStyles, provideLogo, provideLpxBreadcrumb, provideLpxCore, sortItems, styleLoadFactory, withEnvironmentOptions, withIcon, withLanguage, withLpxCoreOptions, withNavbar, withNavbarChild };
 //# sourceMappingURL=volo-ngx-lepton-x.core.mjs.map