@flusys/ng-layout 1.1.1-beta → 1.2.0-rc.1

package/types/flusys-ng-layout.d.ts

@@ -1,15 +1,31 @@
 import * as _angular_core from '@angular/core';
-import { Signal, InjectionToken } from '@angular/core';
+import { Signal, InjectionToken, Type } from '@angular/core';
+import { PresetName, ApplyThemeOptions } from '@flusys/ng-ui';
+export { ApplyThemeOptions, applyTheme, buildBootstrapPreset } from '@flusys/ng-ui';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
-import { IconTypeEnum, ILogicNode } from '@flusys/ng-shared';
+import { LayoutConfig } from '@flusys/ng-core';
+import { ILogicNode, IconTypeEnum } from '@flusys/ng-shared';
 import * as _flusys_ng_layout from '@flusys/ng-layout';
-import * as _primeuix_themes_types from '@primeuix/themes/types';
+
+declare class AppFooter {
+    private readonly layoutService;
+    readonly appName: string;
+    readonly displayLogo: string;
+    readonly isLogoSvg: boolean;
+    readonly authorName: string;
+    readonly authorUrl: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppFooter, "app-footer", never, {}, {}, never, never, true, never>;
+}
 
 interface ILauncherApp {
     id: string;
-    name: string;
-    iconType: IconTypeEnum;
+    /** Display name (use nameKey for localization instead) */
+    name?: string;
+    /** Translation key for the name - preferred over name for localization */
+    nameKey?: string;
+    iconType?: IconTypeEnum;
     icon: string;
     url: string;
     /** Optional permission logic - if set, app only visible when logic passes */
@@ -37,7 +53,10 @@ interface IUserInfo {
 }
 interface IMenuItem {
     id?: string;
+    /** Display label (use labelKey for localization instead) */
     label?: string;
+    /** Translation key for the label - preferred over label for localization */
+    labelKey?: string;
     icon?: string;
     iconType?: number;
     routerLink?: string[];
@@ -55,204 +74,135 @@ interface ILayoutAuthState {
     loginUserData: Signal<IUserInfo | null>;
 }
 interface ILayoutAuthApi {
-    logOut(): Observable<any>;
+    logOut(): Observable<unknown>;
     navigateLogin(withUrl?: boolean): void;
-    switchCompany(companyId: string, branchId: string): Observable<any>;
+    switchCompany(companyId: string, branchId: string): Observable<unknown>;
     getUserCompanies(): Observable<ICompanyInfo[]>;
     getCompanyBranches(companyId: string): Observable<IBranchInfo[]>;
 }
 declare const LAYOUT_AUTH_STATE: InjectionToken<ILayoutAuthState>;
 declare const LAYOUT_AUTH_API: InjectionToken<ILayoutAuthApi>;
-
-interface LayoutConfig {
-    preset?: string;
-    primary?: string;
-    surface?: string | null;
-    darkTheme?: boolean;
-    menuMode?: 'static' | 'overlay';
+declare const LAYOUT_NOTIFICATION_BELL: InjectionToken<Type<unknown>>;
+declare const LAYOUT_LANGUAGE_SELECTOR: InjectionToken<Type<unknown>>;
+declare const LAYOUT_LANGUAGE_SELECTOR_PANEL: InjectionToken<Type<unknown>>;
+declare const LAYOUT_SEARCHBAR: InjectionToken<Type<unknown>>;
+declare const LAYOUT_IS_RTL: InjectionToken<Signal<boolean>>;
+interface ISearchSuggestion {
+    label: string;
+    icon?: string;
+    routerLink?: string[];
+    data?: unknown;
+}
+interface ISearchAdapter {
+    getSuggestions(query: string): Observable<ISearchSuggestion[]>;
+    onSearch?(query: string): void;
 }
+declare const LAYOUT_SEARCH_ADAPTER: InjectionToken<ISearchAdapter>;
+
 interface LayoutState {
     staticMenuDesktopInactive?: boolean;
     overlayMenuActive?: boolean;
     configSidebarVisible?: boolean;
     staticMenuMobileActive?: boolean;
     menuHoverActive?: boolean;
+    topbarMenuVisible?: boolean;
 }
 interface MenuChangeEvent {
     key: string;
     routeEvent?: boolean;
 }
-/**
- * User profile information for display in layout
- */
 interface UserProfile {
     id: string;
     name: string;
     email: string;
     profilePictureUrl?: string | null;
 }
-/**
- * Company information for display in layout
- */
 interface CompanyProfile {
     id: string;
     name: string;
     slug: string;
     logoUrl?: string | null;
 }
-/**
- * Service managing layout configuration and state.
- * Provides signals for reactive layout updates.
- */
 declare class LayoutService {
     private readonly document;
     private readonly platformId;
     private readonly isBrowser;
     private readonly persistence;
     private readonly appConfig;
-    private readonly defaultConfig;
-    private readonly initialConfig;
-    private readonly defaultState;
-    readonly layoutConfig: _angular_core.WritableSignal<LayoutConfig>;
-    readonly layoutState: _angular_core.WritableSignal<LayoutState>;
-    readonly transitionComplete: _angular_core.WritableSignal<boolean>;
-    readonly userProfile: _angular_core.WritableSignal<UserProfile | null>;
-    readonly companyProfile: _angular_core.WritableSignal<CompanyProfile | null>;
-    readonly appName: _angular_core.WritableSignal<string>;
-    readonly authorName: _angular_core.WritableSignal<string>;
-    readonly authorUrl: _angular_core.WritableSignal<string>;
-    private readonly _rawApps;
-    /**
-     * Filtered launcher apps based on user permissions.
-     * Automatically recomputes when raw apps or permissions change.
-     */
-    readonly apps: _angular_core.Signal<ILauncherApp[]>;
+    private readonly DEFAULT_CONFIG;
+    private readonly DEFAULT_STATE;
+    private readonly memorable;
+    private readonly _layoutConfig;
+    private readonly _layoutState;
+    private readonly _transitionComplete;
+    readonly layoutConfig: _angular_core.Signal<LayoutConfig>;
+    readonly layoutState: _angular_core.Signal<LayoutState>;
+    readonly transitionComplete: _angular_core.Signal<boolean>;
+    private readonly _userProfile;
+    private readonly _companyProfile;
     private readonly _rawMenu;
+    private readonly _rawApps;
     private readonly permissionValidator;
-    /**
-     * Filtered menu items based on user permissions.
-     * Automatically recomputes when raw menu or permission checker changes.
-     * Role checker is optional - if not set, role-based permissions will be denied.
-     */
+    private readonly destroyRef;
+    private readonly _windowWidth;
+    readonly userProfile: _angular_core.Signal<UserProfile | null>;
+    readonly companyProfile: _angular_core.Signal<CompanyProfile | null>;
+    readonly appName: string;
+    readonly appLogo: string;
+    readonly isAppLogoSvg: boolean;
+    readonly authorName: string;
+    readonly authorUrl: string;
     readonly menu: _angular_core.Signal<IMenuItem[]>;
+    readonly apps: _angular_core.Signal<ILauncherApp[]>;
+    readonly hasApps: _angular_core.Signal<boolean>;
     readonly isSidebarActive: _angular_core.Signal<boolean | undefined>;
+    readonly isDesktop: _angular_core.Signal<boolean>;
+    readonly isMobile: _angular_core.Signal<boolean>;
     readonly isDarkTheme: _angular_core.Signal<boolean | undefined>;
-    readonly getPrimary: _angular_core.Signal<string | undefined>;
-    readonly getSurface: _angular_core.Signal<string | null | undefined>;
     readonly isOverlay: _angular_core.Signal<boolean>;
+    readonly isTopbar: _angular_core.Signal<boolean>;
     readonly userName: _angular_core.Signal<string>;
     readonly userEmail: _angular_core.Signal<string>;
     readonly userProfilePictureUrl: _angular_core.Signal<string | null>;
-    readonly companyName: _angular_core.Signal<string>;
     readonly companyLogoUrl: _angular_core.Signal<string | null>;
     readonly isAuthenticated: _angular_core.Signal<boolean>;
-    readonly hasApps: _angular_core.Signal<boolean>;
-    private readonly configUpdate;
+    readonly companyName: _angular_core.Signal<string>;
+    readonly displayLogo: _angular_core.Signal<string>;
+    readonly isDisplayLogoSvg: _angular_core.Signal<boolean>;
     private readonly overlayOpen;
     private readonly menuSource;
     private readonly resetSource;
     readonly menuSource$: rxjs.Observable<MenuChangeEvent>;
     readonly resetSource$: rxjs.Observable<boolean>;
-    readonly configUpdate$: rxjs.Observable<LayoutConfig>;
     readonly overlayOpen$: rxjs.Observable<void>;
     private initialized;
     constructor();
-    private handleDarkModeTransition;
-    private startViewTransition;
     toggleDarkMode(config?: LayoutConfig): void;
+    private handleDarkModeTransition;
     private onTransitionEnd;
     onMenuToggle(): void;
-    isDesktop(): boolean;
-    isMobile(): boolean;
-    onConfigUpdate(): void;
     onMenuStateChange(event: MenuChangeEvent): void;
     reset(): void;
-    /**
-     * Set the current user profile for display in layout.
-     * Called by auth integration to sync user data.
-     */
+    updateLayoutConfig(config: Partial<LayoutConfig>): void;
+    updateLayoutState(state: Partial<LayoutState>): void;
     setUserProfile(profile: UserProfile | null): void;
-    /**
-     * Set the current company profile for display in layout.
-     * Called by auth integration to sync company data.
-     */
     setCompanyProfile(profile: CompanyProfile | null): void;
-    /**
-     * Set the raw menu items (unfiltered).
-     * Menu will be automatically filtered based on permission checker.
-     * Called by app initialization to set menu from IAM or other source.
-     */
     setMenu(items: IMenuItem[]): void;
-    /**
-     * Clear menu and permission/role checkers.
-     * Called on logout.
-     */
     clearMenu(): void;
-    /**
-     * Set launcher apps for display in header.
-     * Apps will be automatically filtered based on user permissions.
-     * If empty after filtering, the app launcher button is hidden.
-     */
     setApps(apps: ILauncherApp[]): void;
-    /**
-     * Clear launcher apps.
-     * Called on logout.
-     */
     clearApps(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<LayoutService>;
 }
 
-/**
- * Service for persisting layout configuration to localStorage.
- * Handles loading, saving, and validation of layout preferences with SSR-safe checks.
- *
- * @example
- * ```typescript
- * const persistence = inject(LayoutPersistenceService);
- *
- * // Load saved config
- * const config = persistence.load();
- *
- * // Save config
- * persistence.save({ darkTheme: true, preset: 'Aura' });
- *
- * // Clear saved config
- * persistence.clear();
- * ```
- */
 declare class LayoutPersistenceService {
     private readonly platformId;
     private readonly isBrowser;
     private readonly validPresets;
     private readonly validMenuModes;
-    /**
-     * Load configuration from localStorage.
-     * Returns null if no saved config or invalid data.
-     * SSR-safe (returns null on server).
-     *
-     * @returns Validated layout configuration or null
-     */
     load(): LayoutConfig | null;
-    /**
-     * Save configuration to localStorage.
-     * SSR-safe (no-op on server).
-     *
-     * @param config Layout configuration to save
-     */
     save(config: LayoutConfig): void;
-    /**
-     * Clear stored configuration.
-     * SSR-safe (no-op on server).
-     */
     clear(): void;
-    /**
-     * Validate and sanitize configuration.
-     * Returns null if version mismatch.
-     *
-     * @param config Configuration to validate
-     * @returns Validated configuration or null
-     */
     private validateConfig;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutPersistenceService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<LayoutPersistenceService>;
@@ -277,118 +227,41 @@ declare type SurfacesType = {
 };
 declare class AppConfigurator {
     private readonly router;
-    private readonly primeng;
+    private readonly translateAdapter;
+    private readonly platformId;
     readonly layoutService: LayoutService;
-    private readonly platformService;
-    presets: string[];
-    showMenuModeButton: _angular_core.WritableSignal<boolean>;
-    menuModeOptions: {
+    readonly presets: PresetName[];
+    readonly showMenuModeButton: _angular_core.WritableSignal<boolean>;
+    readonly menuModeOptions: _angular_core.Signal<{
         label: string;
-        value: string;
-    }[];
-    ngOnInit(): void;
-    surfaces: SurfacesType[];
-    selectedPrimaryColor: _angular_core.Signal<string | undefined>;
-    selectedSurfaceColor: _angular_core.Signal<string | null | undefined>;
-    selectedPreset: _angular_core.Signal<string | undefined>;
-    menuMode: _angular_core.Signal<"static" | "overlay" | undefined>;
-    primaryColors: _angular_core.Signal<SurfacesType[]>;
-    getPresetExt(): {
-        semantic: {
-            primary: {
-                0?: string;
-                50?: string;
-                100?: string;
-                200?: string;
-                300?: string;
-                400?: string;
-                500?: string;
-                600?: string;
-                700?: string;
-                800?: string;
-                900?: string;
-                950?: string;
-            } | undefined;
-            colorScheme: {
-                light: {
-                    primary: {
-                        color: string;
-                        contrastColor: string;
-                        hoverColor: string;
-                        activeColor: string;
-                    };
-                    highlight: {
-                        background: string;
-                        focusBackground: string;
-                        color: string;
-                        focusColor: string;
-                    };
-                };
-                dark: {
-                    primary: {
-                        color: string;
-                        contrastColor: string;
-                        hoverColor: string;
-                        activeColor: string;
-                    };
-                    highlight: {
-                        background: string;
-                        focusBackground: string;
-                        color: string;
-                        focusColor: string;
-                    };
-                };
-            };
-        };
-    };
-    updateColors(event: any, type: string, color: any): void;
-    applyTheme(type: string, color: any): void;
-    onPresetChange(event: any): void;
-    onMenuModeChange(event: 'static' | 'overlay'): void;
+        value: "static" | "overlay" | "topbar";
+    }[]>;
+    constructor();
+    readonly surfaces: SurfacesType[];
+    readonly selectedPrimaryColor: _angular_core.Signal<string | undefined>;
+    readonly selectedSurfaceColor: _angular_core.Signal<string | null | undefined>;
+    isSurfaceSelected(surfaceName: string | undefined): boolean;
+    readonly selectedPreset: _angular_core.Signal<string | undefined>;
+    readonly menuMode: _angular_core.Signal<"static" | "overlay" | "topbar" | undefined>;
+    readonly primaryColors: _angular_core.Signal<SurfacesType[]>;
+    updateColors(event: MouseEvent, type: string, color: SurfacesType): void;
+    private _applyColorChange;
+    onPresetChange(event: string): void;
+    onMenuModeChange(event: 'static' | 'overlay' | 'topbar'): void;
+    private translate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppConfigurator, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppConfigurator, "app-configurator", never, {}, {}, never, never, true, never>;
 }
 
 declare class AppFloatingConfigurator {
-    LayoutService: LayoutService;
-    isDarkTheme: _angular_core.Signal<boolean | undefined>;
+    private readonly layoutService;
+    readonly languageSelectorPanel: _angular_core.Type<unknown> | null;
+    readonly isDarkTheme: _angular_core.Signal<boolean | undefined>;
     toggleDarkMode(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppFloatingConfigurator, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppFloatingConfigurator, "app-floating-configurator", never, {}, {}, never, never, true, never>;
 }
 
-declare class AppFooter {
-    private readonly layoutService;
-    readonly appName: _angular_core.WritableSignal<string>;
-    readonly authorName: _angular_core.WritableSignal<string>;
-    readonly authorUrl: _angular_core.WritableSignal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppFooter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppFooter, "app-footer", never, {}, {}, never, never, true, never>;
-}
-
-type ActivePanel = 'config' | null;
-declare class AppTopbar {
-    private readonly appConfig;
-    private readonly document;
-    private readonly destroyRef;
-    readonly layoutService: LayoutService;
-    private readonly configContainer;
-    readonly activePanel: _angular_core.WritableSignal<ActivePanel>;
-    constructor();
-    readonly companyName: _angular_core.Signal<string>;
-    enableCompanyFeature: _angular_core.Signal<boolean>;
-    toggleDarkMode(): void;
-    togglePanel(panel: ActivePanel): void;
-    private handleOutsideClick;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppTopbar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppTopbar, "app-topbar", never, {}, {}, never, never, true, never>;
-}
-
-declare class AppSidebar {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppSidebar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppSidebar, "app-sidebar", never, {}, {}, never, never, true, never>;
-}
-
 declare class AppLayout {
     private readonly destroyRef;
     private readonly document;
@@ -396,20 +269,18 @@ declare class AppLayout {
     private readonly renderer;
     private readonly router;
     private menuOutsideClickListener;
-    appSidebar: AppSidebar;
-    appTopBar: AppTopbar;
     constructor();
     isOutsideClicked(event: MouseEvent): boolean;
     hideMenu(): void;
     blockBodyScroll(): void;
     unblockBodyScroll(): void;
-    get containerClass(): {
-        'layout-overlay': boolean;
-        'layout-static': boolean;
-        'layout-static-inactive': boolean | undefined;
-        'layout-overlay-active': boolean | undefined;
-        'layout-mobile-active': boolean | undefined;
-    };
+    readonly isOverlay: _angular_core.Signal<boolean>;
+    readonly isStatic: _angular_core.Signal<boolean>;
+    readonly isTopbarMode: _angular_core.Signal<boolean>;
+    readonly isStaticInactive: _angular_core.Signal<boolean | undefined>;
+    readonly isOverlayActive: _angular_core.Signal<boolean | undefined>;
+    readonly isMobileActive: _angular_core.Signal<boolean | undefined>;
+    readonly isTopbarNavHidden: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppLayout, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppLayout, "app-layout", never, {}, {}, never, never, true, never>;
 }
@@ -432,15 +303,37 @@ declare class AppMenu {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppMenu, "app-menu", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * View Transitions API type definitions
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
+ */
+interface ViewTransition {
+    /** Promise fulfilled when the transition animation is complete */
+    finished: Promise<void>;
+    /** Promise fulfilled when the pseudo-element tree is ready */
+    ready: Promise<void>;
+    /** Promise fulfilled when the callback finishes */
+    updateCallbackDone: Promise<void>;
+    /** Skip the transition animation */
+    skipTransition(): void;
+}
+/**
+ * Extended Document interface with View Transitions API support.
+ * Uses the native Document type with startViewTransition which is now
+ * part of the standard TypeScript DOM library.
+ */
+type DocumentWithViewTransition = Document;
+
 declare class AppMenuitem {
     readonly item: _angular_core.InputSignal<IMenuItem>;
     readonly index: _angular_core.InputSignal<number>;
     readonly parentKey: _angular_core.InputSignal<string>;
     private readonly router;
-    private readonly layoutService;
-    private readonly authState;
+    readonly layoutService: LayoutService;
     private readonly destroyRef;
-    readonly active: _angular_core.WritableSignal<boolean>;
+    private readonly parentLink;
+    private readonly _active;
+    readonly active: _angular_core.Signal<boolean>;
     readonly key: _angular_core.Signal<string>;
     readonly routerLink: _angular_core.Signal<string[]>;
     readonly routerLinkActiveOptions: _angular_core.Signal<{
@@ -450,31 +343,72 @@ declare class AppMenuitem {
         readonly fragment: "ignored";
     }>;
     constructor();
+    onMouseEnter(): void;
+    private updateSubmenuPosition;
     private updateActiveStateFromRoute;
     itemClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppMenuitem, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppMenuitem, "[app-menuitem]", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; "parentKey": { "alias": "parentKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class AppSidebar {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppSidebar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppSidebar, "app-sidebar", never, {}, {}, never, never, true, never>;
+}
+
+type ActivePanel = 'config' | null;
+declare class AppTopbar {
+    private readonly appConfig;
+    private readonly document;
+    private readonly destroyRef;
+    readonly layoutService: LayoutService;
+    readonly notificationBellComponent: _angular_core.Type<unknown> | null;
+    readonly languageSelectorComponent: _angular_core.Type<unknown> | null;
+    private readonly searchAdapter;
+    readonly hasSearchAdapter: _angular_core.Signal<boolean>;
+    private readonly configContainer;
+    private readonly navContainer;
+    readonly activePanel: _angular_core.WritableSignal<ActivePanel>;
+    constructor();
+    readonly companyName: _angular_core.Signal<string>;
+    readonly displayLogo: _angular_core.Signal<string>;
+    readonly enableCompanyFeature: boolean;
+    toggleDarkMode(): void;
+    togglePanel(panel: ActivePanel): void;
+    private handleOutsideClick;
+    private recalculateHoveredSubmenu;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppTopbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppTopbar, "app-topbar", never, {}, {}, never, never, true, never>;
+}
+
 /** Company/branch switcher displayed in top bar */
 declare class AppCompanyBranchSelector {
     private readonly destroyRef;
     private readonly authState;
     private readonly authApi;
     private readonly messageService;
+    private readonly translateAdapter;
     private readonly document;
     private readonly elementRef;
-    readonly isActive: _angular_core.WritableSignal<boolean>;
+    private readonly _isActive;
+    readonly isActive: _angular_core.Signal<boolean>;
     constructor();
     readonly currentCompanyName: _angular_core.Signal<string>;
     readonly currentBranchName: _angular_core.Signal<string | null>;
-    readonly companies: _angular_core.WritableSignal<ICompanyInfo[]>;
-    readonly branches: _angular_core.WritableSignal<IBranchInfo[]>;
-    readonly selectedCompanyId: _angular_core.WritableSignal<string | null>;
-    readonly selectedBranchId: _angular_core.WritableSignal<string | null>;
-    readonly isLoadingCompanies: _angular_core.WritableSignal<boolean>;
-    readonly isLoadingBranches: _angular_core.WritableSignal<boolean>;
-    readonly isSwitching: _angular_core.WritableSignal<boolean>;
+    private readonly _companies;
+    readonly companies: _angular_core.Signal<ICompanyInfo[]>;
+    private readonly _branches;
+    readonly branches: _angular_core.Signal<IBranchInfo[]>;
+    private readonly _selectedCompanyId;
+    readonly selectedCompanyId: _angular_core.Signal<string | null>;
+    private readonly _selectedBranchId;
+    readonly selectedBranchId: _angular_core.Signal<string | null>;
+    private readonly _isLoadingCompanies;
+    readonly isLoadingCompanies: _angular_core.Signal<boolean>;
+    private readonly _isLoadingBranches;
+    readonly isLoadingBranches: _angular_core.Signal<boolean>;
+    private readonly _isSwitching;
+    readonly isSwitching: _angular_core.Signal<boolean>;
     readonly canSwitch: _angular_core.Signal<boolean>;
     onPanelToggle(): void;
     private loadCompanies;
@@ -482,18 +416,20 @@ declare class AppCompanyBranchSelector {
     onBranchChange(branchId: string | null): void;
     private loadBranches;
     onSwitch(): void;
+    private translate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppCompanyBranchSelector, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppCompanyBranchSelector, "app-company-branch-selector", never, {}, {}, never, never, true, never>;
 }
 
 declare class AppLauncher {
+    readonly layoutService: LayoutService;
     private readonly destroyRef;
     private readonly document;
     private readonly elementRef;
-    readonly layoutService: LayoutService;
-    readonly isActive: _angular_core.WritableSignal<boolean>;
+    private readonly _isActive;
+    readonly isActive: _angular_core.Signal<boolean>;
     constructor();
-    togglePanel(): void;
+    toggleActive(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppLauncher, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppLauncher, "app-launcher", never, {}, {}, never, never, true, never>;
 }
@@ -504,20 +440,53 @@ declare class AppProfile {
     private readonly authApi;
     private readonly layoutService;
     private readonly messageService;
+    private readonly translateAdapter;
+    private readonly appConfig;
     private readonly document;
     private readonly elementRef;
-    readonly isActive: _angular_core.WritableSignal<boolean>;
+    private readonly _isActive;
+    readonly isActive: _angular_core.Signal<boolean>;
     constructor();
     togglePanel(): void;
-    userName: _angular_core.Signal<string>;
-    userEmail: _angular_core.Signal<string>;
-    profilePicture: _angular_core.Signal<string>;
+    readonly userName: _angular_core.Signal<string>;
+    readonly userEmail: _angular_core.Signal<string>;
+    readonly profilePicture: _angular_core.Signal<string>;
+    readonly signUpEnabled: _angular_core.Signal<boolean>;
     logout(): void;
     copySignUpLink(): void;
+    private translate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppProfile, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppProfile, "app-profile", never, {}, {}, never, never, true, never>;
 }
 
+declare class AppSearchbar {
+    readonly layoutService: LayoutService;
+    private readonly router;
+    private readonly searchAdapter;
+    private readonly destroyRef;
+    private readonly document;
+    readonly searchTerm: _angular_core.WritableSignal<string>;
+    readonly suggestionsOpen: _angular_core.WritableSignal<boolean>;
+    readonly suggestions: _angular_core.WritableSignal<ISearchSuggestion[]>;
+    readonly focusedIndex: _angular_core.WritableSignal<number>;
+    readonly isSearchExpanded: _angular_core.WritableSignal<boolean>;
+    readonly isResponsive: _angular_core.WritableSignal<boolean>;
+    private readonly searchWrapper;
+    private readonly searchInput;
+    private searchTimeout?;
+    constructor();
+    onFocus(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    handleEnter(): void;
+    selectSuggestion(item: ISearchSuggestion): void;
+    private closeSuggestions;
+    toggleSearch(): void;
+    private closeSearch;
+    onSearch(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppSearchbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppSearchbar, "app-searchbar", never, {}, {}, never, never, true, never>;
+}
+
 /** Filter launcher apps based on user permission codes */
 declare function filterAppsByPermissions(apps: ILauncherApp[], permissionCodes: string[]): ILauncherApp[];
 
@@ -539,9 +508,13 @@ declare function filterAppsByPermissions(apps: ILauncherApp[], permissionCodes:
  */
 declare function filterMenuByPermissions(items: IMenuItem[], permissionCode: string[]): IMenuItem[];
 
-declare const GreenTheme: _primeuix_themes_types.Preset;
+declare function buildPreset(presetName: string, primary: string): ApplyThemeOptions;
+
+declare const NavyBlueTheme: ApplyThemeOptions;
+
+declare const GreenTheme: ApplyThemeOptions;
 
-declare const NavyBlueTheme: _primeuix_themes_types.Preset;
+declare const LAYOUT_MESSAGES: Record<string, string>;
 
-export { AppCompanyBranchSelector, AppConfigurator, AppFloatingConfigurator, AppFooter, AppLauncher, AppLayout, AppMenu, AppMenuitem, AppProfile, AppSidebar, AppTopbar, GreenTheme, LAYOUT_AUTH_API, LAYOUT_AUTH_STATE, LayoutPersistenceService, LayoutService, NavyBlueTheme, filterAppsByPermissions, filterMenuByPermissions };
-export type { CompanyProfile, IBranchInfo, ICompanyInfo, ILauncherApp, ILayoutAuthApi, ILayoutAuthState, IMenuItem, IUserInfo, LayoutConfig, LayoutState, MenuChangeEvent, UserProfile };
+export { AppCompanyBranchSelector, AppConfigurator, AppFloatingConfigurator, AppFooter, AppLauncher, AppLayout, AppMenu, AppMenuitem, AppProfile, AppSearchbar, AppSidebar, AppTopbar, GreenTheme, LAYOUT_AUTH_API, LAYOUT_AUTH_STATE, LAYOUT_IS_RTL, LAYOUT_LANGUAGE_SELECTOR, LAYOUT_LANGUAGE_SELECTOR_PANEL, LAYOUT_MESSAGES, LAYOUT_NOTIFICATION_BELL, LAYOUT_SEARCHBAR, LAYOUT_SEARCH_ADAPTER, LayoutPersistenceService, LayoutService, NavyBlueTheme, buildPreset, filterAppsByPermissions, filterMenuByPermissions };
+export type { CompanyProfile, DocumentWithViewTransition, IBranchInfo, ICompanyInfo, ILauncherApp, ILayoutAuthApi, ILayoutAuthState, IMenuItem, ISearchAdapter, ISearchSuggestion, IUserInfo, LayoutState, MenuChangeEvent, UserProfile, ViewTransition };