@flusys/ng-layout 5.4.1 → 6.0.0-beta.1

package/package.json

@@ -1,19 +1,16 @@
 {
   "name": "@flusys/ng-layout",
-  "version": "5.4.1",
+  "version": "6.0.0-beta.1",
   "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": ">=5.4.1",
-    "@flusys/ng-shared": ">=5.4.1",
-    "@primeuix/themes": ">=1.0.0",
-    "primeicons": ">=7.0.0",
-    "primeng": ">=21.0.0",
+    "@angular/common": ">=22.0.0",
+    "@angular/core": ">=22.0.0",
+    "@angular/router": ">=22.0.0",
+    "@flusys/ng-core": ">=6.0.0-beta.1",
+    "@flusys/ng-shared": ">=6.0.0-beta.1",
+    "@flusys/ng-ui": ">=6.0.0-beta.1",
     "tailwindcss": ">=4.0.0",
-    "tailwindcss-primeui": ">=0.6.0",
     "rxjs": "^7.8.0"
   },
   "sideEffects": false,
@@ -28,6 +25,7 @@
       "default": "./fesm2022/flusys-ng-layout.mjs"
     }
   },
+  "type": "module",
   "dependencies": {
     "tslib": "^2.3.0"
   }

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

@@ -1,11 +1,12 @@
 import * as _angular_core 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 { 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;
@@ -24,7 +25,7 @@ interface ILauncherApp {
     name?: string;
     /** Translation key for the name - preferred over name for localization */
     nameKey?: string;
-    iconType: IconTypeEnum;
+    iconType?: IconTypeEnum;
     icon: string;
     url: string;
     /** Optional permission logic - if set, app only visible when logic passes */
@@ -73,9 +74,9 @@ 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[]>;
 }
@@ -142,6 +143,8 @@ declare class LayoutService {
     private readonly _rawMenu;
     private readonly _rawApps;
     private readonly permissionValidator;
+    private readonly destroyRef;
+    private readonly _windowWidth;
     readonly userProfile: _angular_core.Signal<UserProfile | null>;
     readonly companyProfile: _angular_core.Signal<CompanyProfile | null>;
     readonly appName: string;
@@ -153,6 +156,8 @@ declare class LayoutService {
     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 isOverlay: _angular_core.Signal<boolean>;
     readonly isTopbar: _angular_core.Signal<boolean>;
@@ -176,8 +181,6 @@ declare class LayoutService {
     private handleDarkModeTransition;
     private onTransitionEnd;
     onMenuToggle(): void;
-    isDesktop(): boolean;
-    isMobile(): boolean;
     onMenuStateChange(event: MenuChangeEvent): void;
     reset(): void;
     updateLayoutConfig(config: Partial<LayoutConfig>): void;
@@ -227,7 +230,7 @@ declare class AppConfigurator {
     private readonly translateAdapter;
     private readonly platformId;
     readonly layoutService: LayoutService;
-    readonly presets: string[];
+    readonly presets: PresetName[];
     readonly showMenuModeButton: _angular_core.WritableSignal<boolean>;
     readonly menuModeOptions: _angular_core.Signal<{
         label: string;
@@ -241,43 +244,8 @@ declare class AppConfigurator {
     readonly selectedPreset: _angular_core.Signal<string | undefined>;
     readonly menuMode: _angular_core.Signal<"static" | "overlay" | "topbar" | undefined>;
     readonly primaryColors: _angular_core.Signal<SurfacesType[]>;
-    getPresetExt(): {
-        semantic: {
-            primary: object;
-            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: MouseEvent, type: string, color: SurfacesType): void;
-    private applyTheme;
+    private _applyColorChange;
     onPresetChange(event: string): void;
     onMenuModeChange(event: 'static' | 'overlay' | 'topbar'): void;
     private translate;
@@ -306,15 +274,13 @@ declare class AppLayout {
     hideMenu(): void;
     blockBodyScroll(): void;
     unblockBodyScroll(): void;
-    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;
-    }>;
+    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>;
 }
@@ -456,14 +422,14 @@ declare class AppCompanyBranchSelector {
 }
 
 declare class AppLauncher {
+    readonly layoutService: LayoutService;
     private readonly destroyRef;
     private readonly document;
     private readonly elementRef;
-    readonly layoutService: LayoutService;
     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>;
 }
@@ -542,53 +508,13 @@ declare function filterAppsByPermissions(apps: ILauncherApp[], permissionCodes:
  */
 declare function filterMenuByPermissions(items: IMenuItem[], permissionCode: string[]): IMenuItem[];
 
-declare function buildSemanticExt(palette: object | null, presetName: string): {
-    semantic: {
-        primary: object;
-        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;
-                };
-            };
-        };
-    };
-};
-declare function buildPreset(presetName: string, primary: string): _primeuix_themes_types.Preset;
-declare function buildBootstrapPreset(envConfig?: {
-    preset?: string;
-    primary?: string;
-    isMemorable?: boolean;
-}): _primeuix_themes_types.Preset;
+declare function buildPreset(presetName: string, primary: string): ApplyThemeOptions;
 
-declare const NavyBlueTheme: _primeuix_themes_types.Preset;
+declare const NavyBlueTheme: ApplyThemeOptions;
 
-declare const GreenTheme: _primeuix_themes_types.Preset;
+declare const GreenTheme: ApplyThemeOptions;
 
 declare const LAYOUT_MESSAGES: Record<string, string>;
 
-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, buildBootstrapPreset, buildPreset, buildSemanticExt, filterAppsByPermissions, filterMenuByPermissions };
+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 };