@unopsitg/ux 21.0.20 → 21.0.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unopsitg/ux",
-  "version": "21.0.20",
+  "version": "21.0.22",
   "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;
@@ -436,11 +485,10 @@ declare class AppTopbar implements AfterViewChecked {
     profileItem: 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>;
@@ -450,6 +498,7 @@ declare class AppTopbar implements AfterViewChecked {
     showRightMenu(): void;
     onConfigButtonClick(): void;
     selectLanguage(code: string): void;
+    onNotificationBellClick(): void;
     toggleDropdown(id: DropdownId, event: Event): void;
     closeDropdown(): void;
     onDocumentClick(event: MouseEvent): void;
@@ -969,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 };