@flusys/ng-layout 3.0.0 → 4.0.0-lts

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "@flusys/ng-layout",
-  "version": "3.0.0",
+  "version": "4.0.0-lts",
   "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": ">=3.0.0",
-    "@flusys/ng-shared": ">=3.0.0",
+    "@flusys/ng-core": ">=4.0.0-lts",
+    "@flusys/ng-shared": ">=4.0.0-lts",
     "@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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { Signal, InjectionToken } from '@angular/core';
+import { Signal, InjectionToken, Type } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { ILogicNode, IconTypeEnum } from '@flusys/ng-shared';
@@ -17,7 +17,10 @@ declare class AppFooter {
 
 interface ILauncherApp {
     id: string;
-    name: string;
+    /** 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;
@@ -46,7 +49,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[];
@@ -72,6 +78,10 @@ interface ILayoutAuthApi {
 }
 declare const LAYOUT_AUTH_STATE: InjectionToken<ILayoutAuthState>;
 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_IS_RTL: InjectionToken<Signal<boolean>>;
 
 interface LayoutConfig {
     preset?: string;
@@ -110,6 +120,7 @@ declare class LayoutService {
     private readonly isBrowser;
     private readonly persistence;
     private readonly appConfig;
+    private readonly translateAdapter;
     private readonly DEFAULT_CONFIG;
     private readonly DEFAULT_STATE;
     private readonly _layoutConfig;
@@ -246,17 +257,19 @@ declare type SurfacesType = {
 };
 declare class AppConfigurator {
     private readonly router;
+    private readonly translateAdapter;
     readonly layoutService: LayoutService;
     readonly presets: string[];
     readonly showMenuModeButton: _angular_core.WritableSignal<boolean>;
-    readonly menuModeOptions: {
+    readonly menuModeOptions: _angular_core.Signal<{
         label: string;
         value: string;
-    }[];
+    }[]>;
     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" | undefined>;
     readonly primaryColors: _angular_core.Signal<SurfacesType[]>;
@@ -312,12 +325,14 @@ declare class AppConfigurator {
     applyTheme(type: string, color: SurfacesType): void;
     onPresetChange(event: string): void;
     onMenuModeChange(event: 'static' | 'overlay'): 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 {
     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>;
@@ -421,11 +436,13 @@ declare class AppTopbar {
     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 configContainer;
     readonly activePanel: _angular_core.WritableSignal<ActivePanel>;
     constructor();
     readonly companyName: _angular_core.Signal<string>;
-    readonly enableCompanyFeature: _angular_core.Signal<boolean>;
+    readonly enableCompanyFeature: boolean;
     toggleDarkMode(): void;
     togglePanel(panel: ActivePanel): void;
     private handleOutsideClick;
@@ -439,6 +456,7 @@ declare class AppCompanyBranchSelector {
     private readonly authState;
     private readonly authApi;
     private readonly messageService;
+    private readonly translateAdapter;
     private readonly document;
     private readonly elementRef;
     private readonly _isActive;
@@ -467,6 +485,7 @@ 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>;
 }
@@ -490,6 +509,7 @@ declare class AppProfile {
     private readonly authApi;
     private readonly layoutService;
     private readonly messageService;
+    private readonly translateAdapter;
     private readonly document;
     private readonly elementRef;
     private readonly _isActive;
@@ -501,6 +521,7 @@ declare class AppProfile {
     readonly profilePicture: _angular_core.Signal<string>;
     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>;
 }
@@ -530,5 +551,7 @@ declare const NavyBlueTheme: _primeuix_themes_types.Preset;
 
 declare const GreenTheme: _primeuix_themes_types.Preset;
 
-export { AppCompanyBranchSelector, AppConfigurator, AppFloatingConfigurator, AppFooter, AppLauncher, AppLayout, AppMenu, AppMenuitem, AppProfile, AppSidebar, AppTopbar, GreenTheme, LAYOUT_AUTH_API, LAYOUT_AUTH_STATE, LayoutPersistenceService, LayoutService, NavyBlueTheme, filterAppsByPermissions, filterMenuByPermissions };
+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 };