@flusys/ng-layout 4.0.0-rc → 4.0.2

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "@flusys/ng-layout",
-  "version": "4.0.0-rc",
+  "version": "4.0.2",
   "description": "Layout components for FLUSYS Angular applications",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": ">=21.0.0",
     "@angular/core": ">=21.0.0",
     "@angular/router": ">=21.0.0",
-    "@flusys/ng-core": ">=4.0.0-rc",
-    "@flusys/ng-shared": ">=4.0.0-rc",
+    "@flusys/ng-core": ">=4.0.2",
+    "@flusys/ng-shared": ">=4.0.2",
     "@primeuix/themes": ">=1.0.0",
     "primeicons": ">=7.0.0",
     "primeng": ">=21.0.0",
     "tailwindcss": ">=4.0.0",
-    "tailwindcss-primeui": ">=0.6.0"
+    "tailwindcss-primeui": ">=0.6.0",
+    "rxjs": "^7.8.0"
   },
   "sideEffects": false,
   "module": "fesm2022/flusys-ng-layout.mjs",

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

@@ -9,6 +9,7 @@ import * as _primeuix_themes_types from '@primeuix/themes/types';
 declare class AppFooter {
     private readonly layoutService;
     readonly appName: string;
+    readonly displayLogo: string;
     readonly authorName: string;
     readonly authorUrl: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppFooter, never>;
@@ -81,14 +82,25 @@ declare const LAYOUT_AUTH_API: InjectionToken<ILayoutAuthApi>;
 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[]>;
+}
+declare const LAYOUT_SEARCH_ADAPTER: InjectionToken<ISearchAdapter>;
 
 interface LayoutConfig {
     preset?: string;
     primary?: string;
     surface?: string | null;
     darkTheme?: boolean;
-    menuMode?: 'static' | 'overlay';
+    menuMode?: 'static' | 'overlay' | 'topbar';
 }
 interface LayoutState {
     staticMenuDesktopInactive?: boolean;
@@ -96,6 +108,7 @@ interface LayoutState {
     configSidebarVisible?: boolean;
     staticMenuMobileActive?: boolean;
     menuHoverActive?: boolean;
+    topbarMenuVisible?: boolean;
 }
 interface MenuChangeEvent {
     key: string;
@@ -137,6 +150,7 @@ declare class LayoutService {
     readonly userProfile: _angular_core.Signal<UserProfile | null>;
     readonly companyProfile: _angular_core.Signal<CompanyProfile | null>;
     readonly appName: string;
+    readonly appLogo: string;
     readonly authorName: string;
     readonly authorUrl: string;
     readonly menu: _angular_core.Signal<IMenuItem[]>;
@@ -147,12 +161,14 @@ declare class LayoutService {
     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 companyLogoUrl: _angular_core.Signal<string | null>;
     readonly isAuthenticated: _angular_core.Signal<boolean>;
     readonly companyName: _angular_core.Signal<string>;
+    readonly displayLogo: _angular_core.Signal<string>;
     private readonly configUpdate;
     private readonly overlayOpen;
     private readonly menuSource;
@@ -263,7 +279,7 @@ declare class AppConfigurator {
     readonly showMenuModeButton: _angular_core.WritableSignal<boolean>;
     readonly menuModeOptions: _angular_core.Signal<{
         label: string;
-        value: string;
+        value: "static" | "overlay" | "topbar";
     }[]>;
     constructor();
     readonly surfaces: SurfacesType[];
@@ -271,7 +287,7 @@ declare class AppConfigurator {
     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" | undefined>;
+    readonly menuMode: _angular_core.Signal<"static" | "overlay" | "topbar" | undefined>;
     readonly primaryColors: _angular_core.Signal<SurfacesType[]>;
     getPresetExt(): {
         semantic: {
@@ -324,7 +340,7 @@ declare class AppConfigurator {
     updateColors(event: MouseEvent, type: string, color: SurfacesType): void;
     applyTheme(type: string, color: SurfacesType): void;
     onPresetChange(event: string): void;
-    onMenuModeChange(event: 'static' | 'overlay'): 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>;
@@ -354,9 +370,11 @@ declare class AppLayout {
     readonly containerClass: _angular_core.Signal<{
         'layout-overlay': boolean;
         'layout-static': boolean;
+        'layout-topbar-mode': boolean;
         'layout-static-inactive': boolean | undefined;
         'layout-overlay-active': boolean | undefined;
         'layout-mobile-active': boolean | undefined;
+        'layout-topbar-nav-hidden': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppLayout, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppLayout, "app-layout", never, {}, {}, never, never, true, never>;
@@ -406,8 +424,9 @@ declare class AppMenuitem {
     readonly index: _angular_core.InputSignal<number>;
     readonly parentKey: _angular_core.InputSignal<string>;
     private readonly router;
-    private readonly layoutService;
+    readonly layoutService: LayoutService;
     private readonly destroyRef;
+    private readonly parentLink;
     private readonly _active;
     readonly active: _angular_core.Signal<boolean>;
     readonly key: _angular_core.Signal<string>;
@@ -419,6 +438,8 @@ declare class AppMenuitem {
         readonly fragment: "ignored";
     }>;
     constructor();
+    onMouseEnter(): void;
+    private updateSubmenuPosition;
     private updateActiveStateFromRoute;
     itemClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppMenuitem, never>;
@@ -438,14 +459,19 @@ declare class AppTopbar {
     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>;
 }
@@ -510,6 +536,7 @@ declare class AppProfile {
     private readonly layoutService;
     private readonly messageService;
     private readonly translateAdapter;
+    private readonly appConfig;
     private readonly document;
     private readonly elementRef;
     private readonly _isActive;
@@ -519,6 +546,7 @@ declare class AppProfile {
     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;
@@ -526,6 +554,34 @@ declare class AppProfile {
     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[];
 
@@ -553,5 +609,5 @@ declare const GreenTheme: _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, LAYOUT_IS_RTL, LAYOUT_LANGUAGE_SELECTOR, LAYOUT_LANGUAGE_SELECTOR_PANEL, LAYOUT_MESSAGES, LAYOUT_NOTIFICATION_BELL, LayoutPersistenceService, LayoutService, NavyBlueTheme, filterAppsByPermissions, filterMenuByPermissions };
-export type { CompanyProfile, DocumentWithViewTransition, IBranchInfo, ICompanyInfo, ILauncherApp, ILayoutAuthApi, ILayoutAuthState, IMenuItem, IUserInfo, LayoutConfig, LayoutState, MenuChangeEvent, UserProfile, ViewTransition };
+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, filterAppsByPermissions, filterMenuByPermissions };
+export type { CompanyProfile, DocumentWithViewTransition, IBranchInfo, ICompanyInfo, ILauncherApp, ILayoutAuthApi, ILayoutAuthState, IMenuItem, ISearchAdapter, ISearchSuggestion, IUserInfo, LayoutConfig, LayoutState, MenuChangeEvent, UserProfile, ViewTransition };