@unopsitg/ux 21.0.19 → 21.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unopsitg/ux",
-  "version": "21.0.19",
+  "version": "21.0.21",
   "description": "UNOPS Angular 21 layout shell, brand theme (PrimeNG / PrimeUIX), and shared types",
   "keywords": [
     "angular",

package/types/unopsitg-ux.d.ts

@@ -1,6 +1,6 @@
 import * as _primeuix_themes_types from '@primeuix/themes/types';
 import * as _angular_core from '@angular/core';
-import { InjectionToken, TemplateRef, OnInit, OnDestroy, ElementRef, AfterViewChecked, AfterViewInit, QueryList, OnChanges, SimpleChanges } from '@angular/core';
+import { InjectionToken, Signal, TemplateRef, OnInit, OnDestroy, ElementRef, AfterViewChecked, AfterViewInit, QueryList, OnChanges, SimpleChanges } from '@angular/core';
 import { QueryParamsHandling, IsActiveMatchOptions, Router } from '@angular/router';
 import * as _unopsitg_ux from '@unopsitg/ux';
 import * as rxjs from 'rxjs';
@@ -294,6 +294,55 @@ interface TopbarMobileLogoConfig {
     alt: string;
 }
 declare const TOPBAR_MOBILE_LOGO: InjectionToken<TopbarMobileLogoConfig>;
+interface TopbarLanguageItem {
+    code: string;
+    label: string;
+    flag: string;
+}
+interface TopbarLanguageConfig {
+    languages: TopbarLanguageItem[];
+    defaultLanguage?: string;
+    onLanguageChange?: (code: string) => void;
+}
+declare const TOPBAR_LANGUAGE_CONFIG: InjectionToken<TopbarLanguageConfig>;
+interface TopbarProfileMenuItem {
+    id: string;
+    label: string;
+    icon: string;
+    separator?: boolean;
+    command: () => void;
+}
+interface TopbarProfileMenuConfig {
+    items: TopbarProfileMenuItem[];
+}
+declare const TOPBAR_PROFILE_MENU_CONFIG: InjectionToken<TopbarProfileMenuConfig>;
+interface TopbarNotificationItem {
+    id: number;
+    message: string;
+    category: string;
+    time: string;
+    isRead: boolean;
+    entity?: string;
+    entityId?: number;
+    icon?: string;
+}
+interface TopbarNotificationTab {
+    id: string;
+    label: string;
+    badge?: string;
+}
+interface TopbarNotificationConfig {
+    tabs: Signal<TopbarNotificationTab[]>;
+    items: Signal<TopbarNotificationItem[]>;
+    selectedTab: Signal<string>;
+    unreadCount: Signal<number>;
+    onTabChange: (tabId: string) => void;
+    onItemClick: (item: TopbarNotificationItem) => void;
+    onMarkAsRead: (item: TopbarNotificationItem) => void;
+    onMarkAllAsRead: () => void;
+    onPanelOpen?: () => void;
+}
+declare const TOPBAR_NOTIFICATION_CONFIG: InjectionToken<TopbarNotificationConfig>;
 
 interface LayoutConfig {
     preset: string;
@@ -413,6 +462,7 @@ declare class AppSidebar implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppSidebar, "[app-sidebar]", never, {}, {}, never, never, true, never>;
 }
 
+type DropdownId = 'notifications' | 'language' | 'profile' | null;
 interface NotificationsBars {
     id: string;
     label: string;
@@ -426,19 +476,19 @@ declare class AppTopbar implements AfterViewChecked {
     isDarkTheme: _angular_core.Signal<boolean>;
     isSidebarPinned: _angular_core.Signal<boolean>;
     searchActive: _angular_core.WritableSignal<boolean>;
-    profileMenuOpen: _angular_core.WritableSignal<boolean>;
+    activeDropdown: _angular_core.WritableSignal<DropdownId>;
     private shouldFocusSearch;
     menuButton: ElementRef;
     searchInput?: ElementRef<HTMLInputElement>;
+    notificationsItem: ElementRef;
+    languageItem: ElementRef;
     profileItem: ElementRef;
-    profilePanel: ElementRef;
     notificationsBars: _angular_core.WritableSignal<NotificationsBars[]>;
     notifications: _angular_core.WritableSignal<any[]>;
-    languages: _angular_core.WritableSignal<{
-        code: string;
-        label: string;
-        flag: string;
-    }[]>;
+    private readonly langConfig;
+    readonly profileMenuConfig: _unopsitg_ux.TopbarProfileMenuConfig | null;
+    readonly notifConfig: _unopsitg_ux.TopbarNotificationConfig | null;
+    languages: _angular_core.WritableSignal<_unopsitg_ux.TopbarLanguageItem[]>;
     selectedLanguage: _angular_core.WritableSignal<string>;
     selectedNotificationBar: _angular_core.ModelSignal<string>;
     selectedNotificationsBarData: _angular_core.Signal<any>;
@@ -448,7 +498,9 @@ declare class AppTopbar implements AfterViewChecked {
     showRightMenu(): void;
     onConfigButtonClick(): void;
     selectLanguage(code: string): void;
-    toggleProfileMenu(event: Event): void;
+    onNotificationBellClick(): void;
+    toggleDropdown(id: DropdownId, event: Event): void;
+    closeDropdown(): void;
     onDocumentClick(event: MouseEvent): void;
     openSearch(): void;
     closeSearch(): void;
@@ -966,5 +1018,5 @@ interface Partner {
     lastModifiedDate?: Date | null;
 }
 
-export { AiCardBgComponent, AiInsightsCardComponent, AppBreadcrumb, AppConfigurator, AppFooter, AppLayout, AppMenu, AppMenuitem, AppRightMenu, AppSearch, AppSidebar, AppTopbar, AuthLayout, BrandContrast, BrandCrisp, BrandSoft, CompletionStepsComponent, DetailLayoutComponent, DetailTabDirective, DocumentsCardComponent, FooterMainComponent, FooterService, LayoutService, MENU_MODEL, PillTabsComponent, SIDEBAR_LOGO, TOPBAR_MOBILE_LOGO, TaskDrawerComponent, UxSelectComponent, brandPresets, brandPrimitives };
-export type { AiInsight, CompletionCategory, CompletionStep, DetailTab, DocumentItem, LayoutConfig, Member, MenuItem, Partner, PillTabItem, SidebarLogoConfig, TaskDrawerMember, TaskDrawerTask, TopbarMobileLogoConfig };
+export { AiCardBgComponent, AiInsightsCardComponent, AppBreadcrumb, AppConfigurator, AppFooter, AppLayout, AppMenu, AppMenuitem, AppRightMenu, AppSearch, AppSidebar, AppTopbar, AuthLayout, BrandContrast, BrandCrisp, BrandSoft, CompletionStepsComponent, DetailLayoutComponent, DetailTabDirective, DocumentsCardComponent, FooterMainComponent, FooterService, LayoutService, MENU_MODEL, PillTabsComponent, SIDEBAR_LOGO, TOPBAR_LANGUAGE_CONFIG, TOPBAR_MOBILE_LOGO, TOPBAR_NOTIFICATION_CONFIG, TOPBAR_PROFILE_MENU_CONFIG, TaskDrawerComponent, UxSelectComponent, brandPresets, brandPrimitives };
+export type { AiInsight, CompletionCategory, CompletionStep, DetailTab, DocumentItem, LayoutConfig, Member, MenuItem, Partner, PillTabItem, SidebarLogoConfig, TaskDrawerMember, TaskDrawerTask, TopbarLanguageConfig, TopbarLanguageItem, TopbarMobileLogoConfig, TopbarNotificationConfig, TopbarNotificationItem, TopbarNotificationTab, TopbarProfileMenuConfig, TopbarProfileMenuItem };