@flusys/ng-layout 1.0.0-rc → 1.0.0

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@flusys/ng-layout",
-  "version": "1.0.0-rc",
+  "version": "1.0.0",
   "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": "^1.1.1-beta",
-    "@flusys/ng-shared": "^1.1.1-beta",
-    "@primeuix/themes": "^1.0.0",
-    "primeicons": "^7.0.0",
-    "primeng": "^21.0.0",
-    "tailwindcss": "^4.0.0",
-    "tailwindcss-primeui": "^0.6.0"
+    "@angular/common": ">=21.0.0",
+    "@angular/core": ">=21.0.0",
+    "@angular/router": ">=21.0.0",
+    "@flusys/ng-core": ">=1.0.0",
+    "@flusys/ng-shared": ">=1.0.0",
+    "@primeuix/themes": ">=1.0.0",
+    "primeicons": ">=7.0.0",
+    "primeng": ">=21.0.0",
+    "tailwindcss": ">=4.0.0",
+    "tailwindcss-primeui": ">=0.6.0"
   },
   "sideEffects": false,
   "module": "fesm2022/flusys-ng-layout.mjs",
@@ -30,4 +30,4 @@
   "dependencies": {
     "tslib": "^2.3.0"
   }
-}
+}

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

@@ -2,10 +2,19 @@ import * as _angular_core from '@angular/core';
 import { Signal, InjectionToken } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
-import { IconTypeEnum, ILogicNode } from '@flusys/ng-shared';
+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 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;
@@ -82,37 +91,27 @@ 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.
- */
+/** Layout configuration and state management service */
 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;
+    private readonly DEFAULT_CONFIG;
+    private readonly DEFAULT_STATE;
     private readonly _layoutConfig;
     private readonly _layoutState;
     private readonly _transitionComplete;
@@ -121,28 +120,17 @@ declare class LayoutService {
     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.
-     * Automatically recomputes when raw apps or permissions change.
-     */
-    readonly apps: _angular_core.Signal<ILauncherApp[]>;
     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.
-     */
+    readonly userProfile: _angular_core.Signal<UserProfile | null>;
+    readonly companyProfile: _angular_core.Signal<CompanyProfile | null>;
+    readonly appName: string;
+    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 isDarkTheme: _angular_core.Signal<boolean | undefined>;
     readonly getPrimary: _angular_core.Signal<string | undefined>;
@@ -151,10 +139,9 @@ declare class LayoutService {
     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>;
+    readonly companyName: _angular_core.Signal<string>;
     private readonly configUpdate;
     private readonly overlayOpen;
     private readonly menuSource;
@@ -165,57 +152,21 @@ declare class LayoutService {
     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;
-    /**
-     * 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.
-     */
     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>;
@@ -373,15 +324,6 @@ declare class AppFloatingConfigurator {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppFloatingConfigurator, "app-floating-configurator", never, {}, {}, never, never, true, never>;
 }
 
-declare class AppFooter {
-    private readonly layoutService;
-    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>;
-}
-
 declare class AppLayout {
     private readonly destroyRef;
     private readonly document;
@@ -423,6 +365,27 @@ 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>;
@@ -563,9 +526,9 @@ declare function filterAppsByPermissions(apps: ILauncherApp[], permissionCodes:
  */
 declare function filterMenuByPermissions(items: IMenuItem[], permissionCode: string[]): IMenuItem[];
 
-declare const GreenTheme: _primeuix_themes_types.Preset;
-
 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 };
-export type { CompanyProfile, IBranchInfo, ICompanyInfo, ILauncherApp, ILayoutAuthApi, ILayoutAuthState, IMenuItem, IUserInfo, LayoutConfig, LayoutState, MenuChangeEvent, UserProfile };
+export type { CompanyProfile, DocumentWithViewTransition, IBranchInfo, ICompanyInfo, ILauncherApp, ILayoutAuthApi, ILayoutAuthState, IMenuItem, IUserInfo, LayoutConfig, LayoutState, MenuChangeEvent, UserProfile, ViewTransition };