@excellore/ui 0.0.9 → 0.0.11

package/types/excellore-ui.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
 
 interface User {
     id: string;
@@ -33,6 +34,28 @@ interface SidebarMenuItem {
     children?: SidebarMenuItem[];
     disabled?: boolean;
     exact?: boolean;
+    /** Small trailing value, for example an unread task count. */
+    badge?: string | number;
+}
+interface SidebarWorkspace {
+    id: string;
+    name: string;
+    plan?: string;
+    initials?: string;
+}
+interface SidebarUserAction {
+    id: string;
+    label: string;
+    icon?: string;
+    danger?: boolean;
+}
+interface SidebarCommand<T = unknown> {
+    id: string;
+    label: string;
+    category?: string;
+    icon?: string;
+    disabled?: boolean;
+    payload?: T;
 }
 interface Notification {
     id: string;
@@ -48,23 +71,29 @@ interface Application {
     url: string;
     available?: boolean;
     initials?: string;
+    /** Optional library icon name. Initials remain the fallback. */
+    iconColor?: string;
+    iconBackground?: string;
 }
 type Theme = 'light' | 'dark' | 'system';
 
-declare class ThemeService {
+declare class ThemeService implements OnDestroy {
     private readonly platformId;
     private readonly isBrowser;
     readonly theme: _angular_core.WritableSignal<Theme>;
     readonly resolvedTheme: _angular_core.WritableSignal<"light" | "dark">;
     private mediaQueryListener?;
+    private mediaQuery?;
     constructor();
     setTheme(theme: Theme): void;
     getTheme(): Theme;
+    ngOnDestroy(): void;
     toggleTheme(): void;
     private initializeTheme;
     private saveThemeToStorage;
     private applyTheme;
     private updateDocumentClass;
+    private removeMediaQueryListener;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }
@@ -108,18 +137,86 @@ declare class HeaderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderComponent, "lib-header", never, { "user": { "alias": "user"; "required": true; "isSignal": true; }; "permissions": { "alias": "permissions"; "required": false; "isSignal": true; }; "navigationItems": { "alias": "navigationItems"; "required": false; "isSignal": true; }; "applications": { "alias": "applications"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "notificationCount": { "alias": "notificationCount"; "required": false; "isSignal": true; }; "logoUrl": { "alias": "logoUrl"; "required": false; "isSignal": true; }; "appName": { "alias": "appName"; "required": false; "isSignal": true; }; "currentAppName": { "alias": "currentAppName"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showNotifications": { "alias": "showNotifications"; "required": false; "isSignal": true; }; "showAppSwitcher": { "alias": "showAppSwitcher"; "required": false; "isSignal": true; }; "showThemeSwitcher": { "alias": "showThemeSwitcher"; "required": false; "isSignal": true; }; }, { "search": "search"; "applicationSelected": "applicationSelected"; "notificationClick": "notificationClick"; "markRead": "markRead"; "clearAll": "clearAll"; "menuAction": "menuAction"; }, never, never, true, never>;
 }
 
-declare class SidebarComponent {
+type RailCommand = SidebarCommand & {
+    kind: 'menu' | 'application' | 'action';
+    source: SidebarMenuItem | Application | SidebarCommand;
+};
+declare class SidebarComponent implements OnDestroy {
+    private readonly host;
+    private readonly menu;
+    readonly themeService: ThemeService;
     readonly menuItems: _angular_core.InputSignal<SidebarMenuItem[]>;
     readonly menuError: _angular_core.InputSignal<string | null>;
     readonly showMobileToggle: _angular_core.InputSignal<boolean>;
+    readonly workspace: _angular_core.InputSignal<SidebarWorkspace>;
+    readonly workspaces: _angular_core.InputSignal<SidebarWorkspace[]>;
+    readonly user: _angular_core.InputSignal<User | null>;
+    readonly applications: _angular_core.InputSignal<Application[]>;
+    readonly quickActions: _angular_core.InputSignal<SidebarCommand<unknown>[]>;
+    readonly userActions: _angular_core.InputSignal<SidebarUserAction[]>;
+    readonly collapsible: _angular_core.InputSignal<boolean>;
+    readonly showSearch: _angular_core.InputSignal<boolean>;
+    readonly showAppLauncher: _angular_core.InputSignal<boolean>;
+    readonly showNotifications: _angular_core.InputSignal<boolean>;
+    readonly showThemeToggle: _angular_core.InputSignal<boolean>;
+    readonly hasUnreadNotifications: _angular_core.InputSignal<boolean>;
     readonly menuItemSelected: _angular_core.OutputEmitterRef<SidebarMenuItem>;
+    readonly workspaceSelected: _angular_core.OutputEmitterRef<SidebarWorkspace>;
+    readonly applicationSelected: _angular_core.OutputEmitterRef<Application>;
+    readonly userActionSelected: _angular_core.OutputEmitterRef<SidebarUserAction>;
+    readonly quickActionSelected: _angular_core.OutputEmitterRef<SidebarCommand<unknown>>;
+    readonly notificationActivated: _angular_core.OutputEmitterRef<void>;
+    readonly collapsedChange: _angular_core.OutputEmitterRef<boolean>;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly collapsed: _angular_core.WritableSignal<boolean>;
+    readonly workspaceMenuOpen: _angular_core.WritableSignal<boolean>;
+    readonly profileMenuOpen: _angular_core.WritableSignal<boolean>;
+    readonly appLauncherOpen: _angular_core.WritableSignal<boolean>;
+    readonly commandOpen: _angular_core.WritableSignal<boolean>;
+    readonly appQuery: _angular_core.WritableSignal<string>;
+    readonly commandQuery: _angular_core.WritableSignal<string>;
+    readonly activeCommandIndex: _angular_core.WritableSignal<number>;
+    private returnFocus;
+    readonly filteredApplications: _angular_core.Signal<Application[]>;
+    readonly allCommands: _angular_core.Signal<RailCommand[]>;
+    readonly filteredCommands: _angular_core.Signal<RailCommand[]>;
+    readonly commandGroups: _angular_core.Signal<{
+        category: string;
+        commands: RailCommand[];
+    }[]>;
+    onDocumentKeydown(event: KeyboardEvent): void;
+    onDocumentPointer(event: MouseEvent): void;
+    ngOnDestroy(): void;
     toggleSidebar(): void;
     closeSidebar(): void;
+    toggleCollapsed(): void;
+    toggleWorkspaceMenu(event?: Event): void;
+    toggleProfileMenu(event?: Event): void;
+    openAppLauncher(event?: Event): void;
+    openCommandPalette(event?: Event): void;
+    closeAppLauncher(): void;
+    closeCommandPalette(): void;
+    closeAllOverlays(restoreFocus: boolean): void;
+    closeMenuFlyouts(): void;
     onMenuItemSelected(item: SidebarMenuItem): void;
+    selectWorkspace(item: SidebarWorkspace): void;
+    selectApplication(app: Application): void;
+    selectUserAction(action: SidebarUserAction): void;
+    activateNotifications(event?: Event): void;
+    toggleTheme(): void;
+    updateCommandQuery(value: string): void;
+    runCommand(command: RailCommand): void;
+    commandIndex(command: RailCommand): number;
+    initials(name: string): string;
+    private filterApplications;
+    private flattenMenu;
+    private captureTrigger;
+    private focusSoon;
+    private restoreFocus;
+    private trapDialogFocus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "lib-sidebar", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "menuError": { "alias": "menuError"; "required": false; "isSignal": true; }; "showMobileToggle": { "alias": "showMobileToggle"; "required": false; "isSignal": true; }; }, { "menuItemSelected": "menuItemSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "lib-sidebar", never, { "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "menuError": { "alias": "menuError"; "required": false; "isSignal": true; }; "showMobileToggle": { "alias": "showMobileToggle"; "required": false; "isSignal": true; }; "workspace": { "alias": "workspace"; "required": false; "isSignal": true; }; "workspaces": { "alias": "workspaces"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "applications": { "alias": "applications"; "required": false; "isSignal": true; }; "quickActions": { "alias": "quickActions"; "required": false; "isSignal": true; }; "userActions": { "alias": "userActions"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showAppLauncher": { "alias": "showAppLauncher"; "required": false; "isSignal": true; }; "showNotifications": { "alias": "showNotifications"; "required": false; "isSignal": true; }; "showThemeToggle": { "alias": "showThemeToggle"; "required": false; "isSignal": true; }; "hasUnreadNotifications": { "alias": "hasUnreadNotifications"; "required": false; "isSignal": true; }; }, { "menuItemSelected": "menuItemSelected"; "workspaceSelected": "workspaceSelected"; "applicationSelected": "applicationSelected"; "userActionSelected": "userActionSelected"; "quickActionSelected": "quickActionSelected"; "notificationActivated": "notificationActivated"; "collapsedChange": "collapsedChange"; }, never, never, true, never>;
 }
 
 export { HeaderComponent, SidebarComponent, ThemeService };
-export type { Application, NavigationItem, Notification, Organization, SidebarMenuItem, Theme, User };
+export type { Application, NavigationItem, Notification, Organization, SidebarCommand, SidebarMenuItem, SidebarUserAction, SidebarWorkspace, Theme, User };