@flusys/ng-layout 0.1.0-beta.3 → 1.0.0-rc

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@flusys/ng-layout",
-  "version": "0.1.0-beta.3",
+  "version": "1.0.0-rc",
   "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": "^0.1.0-beta.3",
-    "@flusys/ng-shared": "^0.1.0-beta.3",
+    "@flusys/ng-core": "^1.1.1-beta",
+    "@flusys/ng-shared": "^1.1.1-beta",
     "@primeuix/themes": "^1.0.0",
     "primeicons": "^7.0.0",
     "primeng": "^21.0.0",
@@ -30,4 +30,4 @@
   "dependencies": {
     "tslib": "^2.3.0"
   }
-}
+}

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

@@ -1,10 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { Signal, InjectionToken, ElementRef } from '@angular/core';
-import { Router } from '@angular/router';
-import { PrimeNG } from 'primeng/config';
+import { Signal, InjectionToken } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
-import { IconTypeEnum, ILogicNode, PlatformService } from '@flusys/ng-shared';
+import { IconTypeEnum, ILogicNode } from '@flusys/ng-shared';
 import * as _flusys_ng_layout from '@flusys/ng-layout';
 import * as _primeuix_themes_types from '@primeuix/themes/types';
 
@@ -111,15 +109,26 @@ declare class LayoutService {
     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>;
+    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 _appName;
+    readonly userProfile: _angular_core.Signal<UserProfile | null>;
+    readonly companyProfile: _angular_core.Signal<CompanyProfile | null>;
+    readonly appName: _angular_core.Signal<string>;
+    private readonly _authorName;
+    private readonly _authorUrl;
+    readonly authorName: _angular_core.Signal<string>;
+    readonly authorUrl: _angular_core.Signal<string>;
     private readonly _rawApps;
     /**
      * Filtered launcher apps based on user permissions.
@@ -134,7 +143,6 @@ declare class LayoutService {
      * Role checker is optional - if not set, role-based permissions will be denied.
      */
     readonly menu: _angular_core.Signal<IMenuItem[]>;
-    readonly theme: _angular_core.Signal<"light" | "dark">;
     readonly isSidebarActive: _angular_core.Signal<boolean | undefined>;
     readonly isDarkTheme: _angular_core.Signal<boolean | undefined>;
     readonly getPrimary: _angular_core.Signal<string | undefined>;
@@ -167,6 +175,16 @@ declare class LayoutService {
     onConfigUpdate(): void;
     onMenuStateChange(event: MenuChangeEvent): void;
     reset(): void;
+    /**
+     * Update layout configuration.
+     * Called by configurator component.
+     */
+    updateLayoutConfig(config: Partial<LayoutConfig>): void;
+    /**
+     * Update layout state.
+     * Called internally and by layout components.
+     */
+    updateLayoutState(state: Partial<LayoutState>): void;
     /**
      * Set the current user profile for display in layout.
      * Called by auth integration to sync user data.
@@ -276,24 +294,21 @@ declare type SurfacesType = {
     };
 };
 declare class AppConfigurator {
-    router: Router;
-    config: PrimeNG;
-    layoutService: LayoutService;
-    platformService: PlatformService;
-    primeng: PrimeNG;
-    presets: string[];
-    showMenuModeButton: _angular_core.WritableSignal<boolean>;
-    menuModeOptions: {
+    private readonly router;
+    readonly layoutService: LayoutService;
+    readonly presets: string[];
+    readonly showMenuModeButton: _angular_core.WritableSignal<boolean>;
+    readonly menuModeOptions: {
         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[]>;
+    constructor();
+    readonly surfaces: SurfacesType[];
+    readonly selectedPrimaryColor: _angular_core.Signal<string | undefined>;
+    readonly selectedSurfaceColor: _angular_core.Signal<string | null | undefined>;
+    readonly selectedPreset: _angular_core.Signal<string | undefined>;
+    readonly menuMode: _angular_core.Signal<"static" | "overlay" | undefined>;
+    readonly primaryColors: _angular_core.Signal<SurfacesType[]>;
     getPresetExt(): {
         semantic: {
             primary: {
@@ -342,17 +357,17 @@ declare class AppConfigurator {
             };
         };
     };
-    updateColors(event: any, type: string, color: any): void;
-    applyTheme(type: string, color: any): void;
-    onPresetChange(event: any): void;
+    updateColors(event: MouseEvent, type: string, color: SurfacesType): void;
+    applyTheme(type: string, color: SurfacesType): void;
+    onPresetChange(event: string): void;
     onMenuModeChange(event: 'static' | 'overlay'): void;
     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 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>;
@@ -360,36 +375,13 @@ declare class AppFloatingConfigurator {
 
 declare class AppFooter {
     private readonly layoutService;
-    readonly companyName: _angular_core.Signal<string>;
+    readonly appName: _angular_core.Signal<string>;
+    readonly authorName: _angular_core.Signal<string>;
+    readonly authorUrl: _angular_core.Signal<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 {
-    el: ElementRef;
-    constructor(el: ElementRef);
-    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;
@@ -397,20 +389,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(): {
+    readonly containerClass: _angular_core.Signal<{
         'layout-overlay': boolean;
         'layout-static': boolean;
         'layout-static-inactive': boolean | undefined;
         'layout-overlay-active': boolean | undefined;
         'layout-mobile-active': boolean | undefined;
-    };
+    }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppLayout, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppLayout, "app-layout", never, {}, {}, never, never, true, never>;
 }
@@ -439,9 +429,9 @@ declare class AppMenuitem {
     readonly parentKey: _angular_core.InputSignal<string>;
     private readonly router;
     private readonly layoutService;
-    private readonly authState;
     private readonly destroyRef;
-    readonly active: _angular_core.WritableSignal<boolean>;
+    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<{
@@ -457,6 +447,29 @@ declare class AppMenuitem {
     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;
+    private readonly configContainer;
+    readonly activePanel: _angular_core.WritableSignal<ActivePanel>;
+    constructor();
+    readonly companyName: _angular_core.Signal<string>;
+    readonly 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>;
+}
+
 /** Company/branch switcher displayed in top bar */
 declare class AppCompanyBranchSelector {
     private readonly destroyRef;
@@ -465,17 +478,25 @@ declare class AppCompanyBranchSelector {
     private readonly messageService;
     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;
@@ -492,7 +513,8 @@ declare class AppLauncher {
     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;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppLauncher, never>;
@@ -503,15 +525,17 @@ declare class AppProfile {
     private readonly destroyRef;
     private readonly authState;
     private readonly authApi;
+    private readonly layoutService;
     private readonly messageService;
     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>;
     logout(): void;
     copySignUpLink(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppProfile, never>;