aril 1.2.36 → 1.2.37

package/theme/layout/app/notifications/notifications-sidebar.component.ts

@@ -1,21 +1,22 @@
 import { CommonModule } from '@angular/common';
-import { Component, OnInit, effect, signal } from '@angular/core';
+import { Component, OnInit, computed, effect, signal, untracked } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
+import { FormsModule } from '@angular/forms';
 import { Router } from '@angular/router';
 
-import { BadgeModule } from 'primeng/badge';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { PaginatorModule } from 'primeng/paginator';
-import { ScrollPanelModule } from 'primeng/scrollpanel';
+import { MenuItem } from 'primeng/api';
+import { Menu, MenuModule } from 'primeng/menu';
 import { SidebarModule } from 'primeng/sidebar';
 import { TooltipModule } from 'primeng/tooltip';
 
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { TranslocoModule, TranslocoService } from '@ngneat/transloco';
 import { KeycloakService } from 'keycloak-angular';
-import { Subject, switchMap } from 'rxjs';
+import { map, mergeMap, Subject, switchMap } from 'rxjs';
 
 import { ButtonComponent } from 'aril/ui/button';
+import { SwitchComponent } from 'aril/ui/switch';
 import { regularIcons, solidIcons } from 'aril/util/lib';
 import { SafePipe } from 'aril/util/pipes';
 
@@ -29,14 +30,13 @@ import { NotificationsService } from '../../service/notifications.service';
 	selector: 'app-notifications-sidebar',
 	imports: [
 		CommonModule,
+		FormsModule,
 		SidebarModule,
-		ScrollPanelModule,
-		ConfirmDialogModule,
-		PaginatorModule,
+		MenuModule,
 		ButtonComponent,
+		SwitchComponent,
 		TranslocoModule,
 		TooltipModule,
-		BadgeModule,
 		FontAwesomeModule,
 		SafePipe
 	],
@@ -44,8 +44,16 @@ import { NotificationsService } from '../../service/notifications.service';
 	styleUrls: ['./notifications-sidebar.component.scss']
 })
 export class NotificationsSidebarComponent implements OnInit {
+	private readonly pageSize = 10;
+
 	notifications = signal<SmsEmailAuditResponseDTO[]>([]);
-	selectedNotification: SmsEmailAuditResponseDTO | null = null;
+	totalRecords = signal(0);
+	onlyUnread = signal(true);
+	pageNumber = signal(1);
+
+	remainingCount = computed(() => Math.max(this.totalRecords() - this.notifications().length, 0));
+
+	menuItems: MenuItem[] = [];
 
 	ActivityTypesEnum = ActivityTypesEnum;
 	DetailNotificationTypeEnum = DetailNotificationTypeEnum;
@@ -57,11 +65,42 @@ export class NotificationsSidebarComponent implements OnInit {
 
 	private subjects = {
 		markAsRead: new Subject<string>(),
+		markAllAsRead: new Subject<void>(),
 		loadNotifications: new Subject<void>()
 	};
 
 	markAsReadService = toSignal(
-		this.subjects.markAsRead.pipe(switchMap((id) => this.notificationsService.markAsReadNotification(id)))
+		this.subjects.markAsRead.pipe(
+			mergeMap((id) => this.notificationsService.markAsReadNotification(id).pipe(map((result) => ({ result, id }))))
+		)
+	);
+
+	markAllAsReadService = toSignal(
+		this.subjects.markAllAsRead.pipe(
+			switchMap(() =>
+				this.notificationsService.markAllAsReadNotification({
+					toList: [this.getUserMail, ...this.getUserPhones],
+					endDate: new Date().dateToLong('time') || 0
+				})
+			)
+		)
+	);
+
+	loadNotificationsService = toSignal(
+		this.subjects.loadNotifications.pipe(
+			switchMap(() =>
+				this.notificationsService.getNotifications({
+					pager: {
+						pageSize: this.pageSize,
+						pageNumber: this.pageNumber()
+					},
+					startDate: this.oneMonthAgo.dateToLong('time') || 0,
+					endDate: new Date().dateToLong('time') || 0,
+					...(this.onlyUnread() ? { read: false } : {}),
+					toList: [this.getUserMail, ...this.getUserPhones]
+				})
+			)
+		)
 	);
 
 	get getUserPhones(): string[] {
@@ -78,22 +117,13 @@ export class NotificationsSidebarComponent implements OnInit {
 		return this.keycloak.getKeycloakInstance().profile?.email as string;
 	}
 
-	loadNotificationsService = toSignal(
-		this.subjects.loadNotifications.pipe(
-			switchMap(() =>
-				this.notificationsService.getNotifications({
-					pager: {
-						pageSize: 10,
-						pageNumber: 1
-					},
-					startDate: this.oneMonthAgo.dateToLong('time') || 0,
-					endDate: new Date().dateToLong('time') || 0,
-					read: false,
-					toList: [this.getUserMail, ...this.getUserPhones],
-				})
-			)
-		)
-	);
+	get unreadCount(): number {
+		return this.layoutService.getUnreadNotificationCount();
+	}
+
+	get loading(): boolean {
+		return !!this.notificationsService.states.getNotifications?.waitingForResponse;
+	}
 
 	constructor(
 		public layoutService: LayoutService,
@@ -106,10 +136,6 @@ export class NotificationsSidebarComponent implements OnInit {
 	}
 
 	ngOnInit(): void {
-		this.loadNotifications();
-	}
-
-	private loadNotifications(): void {
 		this.subjects.loadNotifications.next();
 	}
 
@@ -118,23 +144,57 @@ export class NotificationsSidebarComponent implements OnInit {
 			() => {
 				const service = this.loadNotificationsService();
 				if (service?.response) {
-					this.notifications.set(service.response.result);
-					// Update unread count in layoutService
-					this.layoutService.setUnreadNotificationCount(service?.response.resultInfo.totalItem || 0);
+					const result = service.response.result || [];
+					const isFirstPage = untracked(this.pageNumber) === 1;
+					this.notifications.update((current) =>
+						isFirstPage ? result : [...current, ...result.filter((item) => !current.some((existing) => existing.id === item.id))]
+					);
+					this.totalRecords.set(service.response.resultInfo.totalItem || 0);
+					if (untracked(this.onlyUnread)) {
+						this.layoutService.setUnreadNotificationCount(service.response.resultInfo.totalItem || 0);
+					}
 				}
 			},
 			{ allowSignalWrites: true }
 		);
-		effect(() => {
-			const service = this.markAsReadService();
-			if (service?.response) {
-				this.loadNotifications();
-
-				if (this.selectedNotification?.detailNotificationType === DetailNotificationTypeEnum.TODO_ITEM) {
-					this.router.navigate([`mng/todo-tasks/detail/${this.selectedNotification?.referenceId}`]);
+		effect(
+			() => {
+				const marked = this.markAsReadService();
+				if (marked?.result?.response) {
+					this.applyMarkedAsRead(marked.id);
 				}
-			}
-		});
+			},
+			{ allowSignalWrites: true }
+		);
+		effect(
+			() => {
+				const service = this.markAllAsReadService();
+				if (service?.response) {
+					this.applyAllMarkedAsRead();
+				}
+			},
+			{ allowSignalWrites: true }
+		);
+	}
+
+	private applyMarkedAsRead(id: string): void {
+		if (untracked(this.onlyUnread)) {
+			this.notifications.update((items) => items.filter((item) => item.id !== id));
+			this.totalRecords.update((total) => Math.max(total - 1, 0));
+		} else {
+			this.notifications.update((items) => items.map((item) => (item.id === id ? { ...item, read: true } : item)));
+		}
+		this.layoutService.setUnreadNotificationCount(Math.max(this.layoutService.getUnreadNotificationCount() - 1, 0));
+	}
+
+	private applyAllMarkedAsRead(): void {
+		if (untracked(this.onlyUnread)) {
+			this.notifications.set([]);
+			this.totalRecords.set(0);
+		} else {
+			this.notifications.update((items) => items.map((item) => (item.read ? item : { ...item, read: true })));
+		}
+		this.layoutService.setUnreadNotificationCount(0);
 	}
 
 	get visible(): boolean {
@@ -145,26 +205,92 @@ export class NotificationsSidebarComponent implements OnInit {
 		this.layoutService.state.notificationsSidebarVisible = value;
 	}
 
-	markNotificationAsRead(notification: SmsEmailAuditResponseDTO): void {
-		this.selectedNotification = notification;
-		this.subjects.markAsRead.next(notification.id);
-		this.visible = false;
+	onOnlyUnreadChange(value: boolean): void {
+		this.onlyUnread.set(value);
+		this.pageNumber.set(1);
+		this.notifications.set([]);
+		this.subjects.loadNotifications.next();
+	}
 
-		if (notification?.detailNotificationType === DetailNotificationTypeEnum.TODO_ITEM) {
-			this.router.navigate([`mng/todo-tasks/detail/${notification?.referenceId}`]);
-		} else if (notification?.detailNotificationType === DetailNotificationTypeEnum.BATCH_JOB) {
-			this.router.navigate([`mng/bulk-operations/${notification?.referenceId}`]);
-		}
+	onSidebarShow(): void {
+		this.pageNumber.set(1);
+		this.subjects.loadNotifications.next();
+	}
+
+	showMore(): void {
+		this.pageNumber.set(Math.floor(this.notifications().length / this.pageSize) + 1);
+		this.subjects.loadNotifications.next();
+	}
+
+	toggleMenu(event: Event, menu: Menu): void {
+		this.menuItems = [
+			...(this.unreadCount > 0 ?
+				[
+					{
+						label: this.translocoService.translate('notifications.markAllAsRead'),
+						icon: 'pi pi-check-circle',
+						command: () => this.subjects.markAllAsRead.next()
+					}
+				]
+			:	[]),
+			{
+				label: this.translocoService.translate('notifications.allNotificationsPage'),
+				icon: 'pi pi-external-link',
+				command: () => this.navigateToAllNotifications()
+			}
+		];
+		menu.toggle(event);
 	}
 
-	markNotificationAsReadOnDotIcon(notification: SmsEmailAuditResponseDTO): void {
+	markNotificationAsRead(notification: SmsEmailAuditResponseDTO): void {
 		if (!notification.read) {
 			this.subjects.markAsRead.next(notification.id);
 		}
 	}
 
-	trackByNotificationId(index: number, notification: SmsEmailAuditResponseDTO): string {
-		return notification.id;
+	openNotification(notification: SmsEmailAuditResponseDTO): void {
+		const isTodo = notification.detailNotificationType === DetailNotificationTypeEnum.TODO_ITEM;
+		const isBatch = notification.detailNotificationType === DetailNotificationTypeEnum.BATCH_JOB;
+		if (!isTodo && !isBatch) {
+			return;
+		}
+		this.markNotificationAsRead(notification);
+		this.visible = false;
+		const route = isTodo ? `mng/todo-tasks/detail/${notification.referenceId}` : `mng/bulk-operations/${notification.referenceId}`;
+		this.router.navigate([route]);
+	}
+
+	isNavigable(notification: SmsEmailAuditResponseDTO): boolean {
+		return (
+			notification.detailNotificationType === DetailNotificationTypeEnum.TODO_ITEM ||
+			notification.detailNotificationType === DetailNotificationTypeEnum.BATCH_JOB
+		);
+	}
+
+	getNotificationIcon(notification: SmsEmailAuditResponseDTO): IconProp {
+		if (notification.detailNotificationType === DetailNotificationTypeEnum.TODO_ITEM) {
+			return solidIcons.faListCheck;
+		}
+		if (notification.detailNotificationType === DetailNotificationTypeEnum.BATCH_JOB) {
+			return solidIcons.faGear;
+		}
+		if (notification.type === ActivityTypesEnum.SMS) {
+			return regularIcons.faMessage;
+		}
+		return notification.read ? regularIcons.faEnvelopeOpen : regularIcons.faEnvelope;
+	}
+
+	getNotificationIconClass(notification: SmsEmailAuditResponseDTO): string {
+		if (notification.detailNotificationType === DetailNotificationTypeEnum.TODO_ITEM) {
+			return 'todo';
+		}
+		if (notification.detailNotificationType === DetailNotificationTypeEnum.BATCH_JOB) {
+			return 'batch';
+		}
+		if (notification.type === ActivityTypesEnum.SMS) {
+			return 'sms';
+		}
+		return notification.read ? 'email-read' : 'email-unread';
 	}
 
 	getNotificationTitle(notification: SmsEmailAuditResponseDTO): string {

package/theme/layout/app/site-map/site-map-sidebar.component.d.ts

@@ -206,6 +206,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faPlaneArrival: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCashRegister: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRing: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faAquarius: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShareNodes: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShareAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPersonCircleExclamation: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -488,6 +489,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faStarHalf: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPhotoFilm: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPhotoVideo: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faPictureInPicture: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPumpMedical: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFire: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMagnifyingGlassPlus: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -838,6 +840,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faPlusMinus: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHouseCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCalendarDay: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faLibra: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCircle: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMobileVibrate: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFaceGrinSquint: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -868,11 +871,13 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faListAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHand: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHandPaper: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faCancer: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faVanShuttle: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faShuttleVan: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faStairs: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHorseHead: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faVault: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faClosedCaptioningSlash: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faDrumSteelpan: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faThumbsUp: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faStamp: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1127,6 +1132,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faUserAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faUserLarge: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSnowflake: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faTaurus: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSkullCrossbones: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPesoSign: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faWineGlass: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1244,6 +1250,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faGun: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCheckCircle: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faScorpio: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faIdCardClip: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faIdCardAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faMoon: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1330,6 +1337,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faV: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faList: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faListSquares: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faPisces: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSolarPanel: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLandMineOn: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHeadphones: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1434,6 +1442,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faGridVertical: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCarTunnel: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faChartColumn: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faCapricorn: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTruckArrowRight: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTv: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTelevision: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1490,6 +1499,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faHouseLaptop: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLaptopHouse: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faDownload: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faSagittarius: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCouch: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRoadLock: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faScissors: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1666,6 +1676,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faWaterLadder: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLadderWater: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSwimmingPool: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faGemini: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTowerCell: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faColonSign: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faLaptopFile: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1724,6 +1735,8 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faCameraRetro: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCapsules: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPoo: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faVolume: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faVolumeMedium: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faElevator: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTag: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFileCircleMinus: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1902,6 +1915,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faFemale: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBookOpen: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faFolderTree: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faVirgo: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBoxArchive: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faArchive: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTentArrowDownToLine: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1933,6 +1947,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faCat: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCalendarWeek: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCodeCompare: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faLeo: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faRoadCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPallet: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faCakeCandles: import("@fortawesome/fontawesome-svg-core").IconProp;
@@ -1947,6 +1962,7 @@ export declare class SiteMapSidebarComponent implements OnInit {
         readonly faAnchorCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faPersonCircleXmark: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faSpa: import("@fortawesome/fontawesome-svg-core").IconProp;
+        readonly faAries: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faBarsProgress: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faTasksAlt: import("@fortawesome/fontawesome-svg-core").IconProp;
         readonly faHeartCircleCheck: import("@fortawesome/fontawesome-svg-core").IconProp;

package/theme/layout/service/interfaces/interfaces.d.ts

@@ -88,7 +88,7 @@ export interface SmsEmailAuditRequestDto {
     refMdId?: number;
     referenceId?: string;
     traceId?: string;
-    read: boolean;
+    read?: boolean;
     pager?: Pager;
     username?: string;
     startReadTime?: number;
@@ -116,6 +116,10 @@ export interface SmsEmailAuditResponseDTO {
     traceId: string;
     detailNotificationType: string;
 }
+export interface MarkAllReadNotificationRequestDTO {
+    toList: string[];
+    endDate: number;
+}
 export interface Pager {
     pageSize: number;
     pageNumber: number;

package/theme/layout/service/interfaces/interfaces.ts

@@ -105,7 +105,7 @@ export interface SmsEmailAuditRequestDto {
 	refMdId?: number;
 	referenceId?: string;
 	traceId?: string;
-	read: boolean;
+	read?: boolean;
 	pager?: Pager;
 	username?: string;
 	startReadTime?: number;
@@ -135,6 +135,11 @@ export interface SmsEmailAuditResponseDTO {
 	detailNotificationType: string;
 }
 
+export interface MarkAllReadNotificationRequestDTO {
+	toList: string[];
+	endDate: number;
+}
+
 export interface Pager {
 	pageSize: number;
 	pageNumber: number;

package/theme/layout/service/notifications.service.d.ts

@@ -7,6 +7,7 @@ export declare class NotificationsService extends RestClient {
     constructor();
     getNotifications(post: Interfaces.SmsEmailAuditRequestDto): Observable<ServiceResponse<Interfaces.Response<Interfaces.SmsEmailAuditResponseDTO>>>;
     markAsReadNotification(pluginId: string): Observable<ServiceResponse<boolean>>;
+    markAllAsReadNotification(post: Interfaces.MarkAllReadNotificationRequestDTO): Observable<ServiceResponse<boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NotificationsService>;
 }

package/theme/layout/service/notifications.service.ts

@@ -23,4 +23,9 @@ export class NotificationsService extends RestClient {
 	markAsReadNotification(pluginId: string) {
 		return new Observable<ServiceResponse<boolean>>();
 	}
+
+	@ServiceCall(HTTPMethods.PUTBYPARAMS, ProxyTypes.ClientSide, 'audits/read-all', { success: 'notifications.markedAllAsRead' })
+	markAllAsReadNotification(post: Interfaces.MarkAllReadNotificationRequestDTO) {
+		return new Observable<ServiceResponse<boolean>>();
+	}
 }

package/ui/autoComplete/src/auto-complete.component.d.ts

@@ -10,14 +10,14 @@ export declare class AutoCompleteComponent extends BaseInputComponent implements
     private http;
     private translocoService;
     autoCompleteRef: AutoComplete;
-    items: import("@angular/core").InputSignal<SuggestionsDTO[], SuggestionsDTO[]>;
-    referenceAsset: import("@angular/core").InputSignal<ReferenceAsset | null, ReferenceAsset | null>;
-    placeholder: import("@angular/core").InputSignal<string, string>;
-    forceSelection: import("@angular/core").InputSignal<boolean, boolean>;
-    multiple: import("@angular/core").InputSignal<boolean, boolean>;
-    minLength: import("@angular/core").InputSignal<number, number>;
-    optionValue: import("@angular/core").InputSignal<keyof SuggestionsDTO | null, keyof SuggestionsDTO | null>;
-    optionLabel: import("@angular/core").InputSignal<keyof SuggestionsDTO, keyof SuggestionsDTO>;
+    items: import("@angular/core").InputSignal<SuggestionsDTO[]>;
+    referenceAsset: import("@angular/core").InputSignal<ReferenceAsset | null>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    forceSelection: import("@angular/core").InputSignal<boolean>;
+    multiple: import("@angular/core").InputSignal<boolean>;
+    minLength: import("@angular/core").InputSignal<number>;
+    optionValue: import("@angular/core").InputSignal<keyof SuggestionsDTO | null>;
+    optionLabel: import("@angular/core").InputSignal<keyof SuggestionsDTO>;
     selectionItems: SuggestionsDTO[];
     filteredSelectionItems: SuggestionsDTO[];
     constructor(http: HttpClient, translocoService: TranslocoService);

package/ui/badge/src/badge.component.d.ts

@@ -1,15 +1,15 @@
 import * as i0 from "@angular/core";
 type Severity = 'success' | 'secondary' | 'info' | 'warning' | 'danger' | 'contrast' | undefined;
 export declare class BadgeComponent {
-    icon: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    value: import("@angular/core").InputSignal<string, string>;
-    severity: import("@angular/core").InputSignal<Severity, Severity>;
-    rounded: import("@angular/core").InputSignal<boolean | undefined, boolean | undefined>;
-    background: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    styleClass: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    textColor: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    borderColor: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    textClampCharacters: import("@angular/core").InputSignal<number, number>;
+    icon: import("@angular/core").InputSignal<string | undefined>;
+    value: import("@angular/core").InputSignal<string>;
+    severity: import("@angular/core").InputSignal<Severity>;
+    rounded: import("@angular/core").InputSignal<boolean | undefined>;
+    background: import("@angular/core").InputSignal<string | undefined>;
+    styleClass: import("@angular/core").InputSignal<string | undefined>;
+    textColor: import("@angular/core").InputSignal<string | undefined>;
+    borderColor: import("@angular/core").InputSignal<string | undefined>;
+    textClampCharacters: import("@angular/core").InputSignal<number>;
     badgeStyle(): {
         backgroundColor: string;
         color: string;

package/ui/button/src/button.component.d.ts

@@ -6,18 +6,18 @@ type Size = 'sm' | 'md' | 'lg';
 type Colors = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger';
 type ButtonIconPosition = 'left' | 'right' | 'top' | 'bottom';
 export declare class ButtonComponent {
-    label: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    loading: import("@angular/core").InputSignal<boolean, boolean>;
-    disabled: import("@angular/core").InputSignal<boolean, boolean>;
-    raised: import("@angular/core").InputSignal<boolean, boolean>;
-    rounded: import("@angular/core").InputSignal<boolean, boolean>;
-    text: import("@angular/core").InputSignal<boolean, boolean>;
-    outlined: import("@angular/core").InputSignal<boolean, boolean>;
-    badge: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    size: import("@angular/core").InputSignal<Size, Size>;
-    icon: import("@angular/core").InputSignal<PrimeIcon | undefined, PrimeIcon | undefined>;
-    iconPos: import("@angular/core").InputSignal<ButtonIconPosition, ButtonIconPosition>;
-    color: import("@angular/core").InputSignal<Colors, Colors>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    loading: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    raised: import("@angular/core").InputSignal<boolean>;
+    rounded: import("@angular/core").InputSignal<boolean>;
+    text: import("@angular/core").InputSignal<boolean>;
+    outlined: import("@angular/core").InputSignal<boolean>;
+    badge: import("@angular/core").InputSignal<string | undefined>;
+    size: import("@angular/core").InputSignal<Size>;
+    icon: import("@angular/core").InputSignal<PrimeIcon | undefined>;
+    iconPos: import("@angular/core").InputSignal<ButtonIconPosition>;
+    color: import("@angular/core").InputSignal<Colors>;
     clickEvent: EventEmitter<Event>;
     protected readonly activity: ActivityService;
     _icon: import("@angular/core").Signal<string>;

package/ui/button/src/split-button.component.d.ts

@@ -2,7 +2,7 @@ import { MenuItem } from 'primeng/api';
 import { ButtonComponent } from './button.component';
 import * as i0 from "@angular/core";
 export declare class SplitButtonComponent extends ButtonComponent {
-    menu: import("@angular/core").InputSignal<MenuItem[], MenuItem[]>;
+    menu: import("@angular/core").InputSignal<MenuItem[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "aril-split-button", never, { "menu": { "alias": "menu"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/ui/calendar/src/calendar.component.d.ts

@@ -26,28 +26,28 @@ export declare class CalendarComponent extends BaseInputComponent implements Aft
     private applyRangeConversion;
     private applyDateConversion;
     model: Date | [Date | null, Date | null] | undefined;
-    minDate: import("@angular/core").InputSignal<number | undefined, number | undefined>;
-    maxDate: import("@angular/core").InputSignal<number | undefined, number | undefined>;
-    inputStyle: import("@angular/core").InputSignal<object | undefined, object | undefined>;
-    inputStyleClass: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    autoZIndex: import("@angular/core").InputSignal<boolean, boolean>;
-    inline: import("@angular/core").InputSignal<boolean, boolean>;
-    showIcon: import("@angular/core").InputSignal<boolean, boolean>;
-    showTime: import("@angular/core").InputSignal<boolean, boolean>;
-    showWeek: import("@angular/core").InputSignal<boolean, boolean>;
-    showSeconds: import("@angular/core").InputSignal<boolean, boolean>;
-    disabledDates: import("@angular/core").InputSignal<number[], number[]>;
-    numberOfMonthToShow: import("@angular/core").InputSignal<number, number>;
-    appendTo: import("@angular/core").InputSignal<string | HTMLElement | null, string | HTMLElement | null>;
-    dataType: import("@angular/core").InputSignal<"string" | "date", "string" | "date">;
-    placeholder: import("@angular/core").InputSignal<string | undefined, string | undefined>;
-    view: import("@angular/core").InputSignal<View, View>;
-    selectionMode: import("@angular/core").InputSignal<SelectionMode, SelectionMode>;
-    rangeConfig: import("@angular/core").InputSignal<[RangeConfig, RangeConfig] | undefined, [RangeConfig, RangeConfig] | undefined>;
-    tabindex: import("@angular/core").InputSignal<number | undefined, number | undefined>;
-    showOnFocus: import("@angular/core").InputSignal<boolean, boolean>;
-    timeOnly: import("@angular/core").InputSignal<boolean, boolean>;
-    keepInvalid: import("@angular/core").InputSignal<boolean | undefined, boolean | undefined>;
+    minDate: import("@angular/core").InputSignal<number | undefined>;
+    maxDate: import("@angular/core").InputSignal<number | undefined>;
+    inputStyle: import("@angular/core").InputSignal<object | undefined>;
+    inputStyleClass: import("@angular/core").InputSignal<string | undefined>;
+    autoZIndex: import("@angular/core").InputSignal<boolean>;
+    inline: import("@angular/core").InputSignal<boolean>;
+    showIcon: import("@angular/core").InputSignal<boolean>;
+    showTime: import("@angular/core").InputSignal<boolean>;
+    showWeek: import("@angular/core").InputSignal<boolean>;
+    showSeconds: import("@angular/core").InputSignal<boolean>;
+    disabledDates: import("@angular/core").InputSignal<number[]>;
+    numberOfMonthToShow: import("@angular/core").InputSignal<number>;
+    appendTo: import("@angular/core").InputSignal<string | HTMLElement | null>;
+    dataType: import("@angular/core").InputSignal<"string" | "date">;
+    placeholder: import("@angular/core").InputSignal<string | undefined>;
+    view: import("@angular/core").InputSignal<View>;
+    selectionMode: import("@angular/core").InputSignal<SelectionMode>;
+    rangeConfig: import("@angular/core").InputSignal<[RangeConfig, RangeConfig] | undefined>;
+    tabindex: import("@angular/core").InputSignal<number | undefined>;
+    showOnFocus: import("@angular/core").InputSignal<boolean>;
+    timeOnly: import("@angular/core").InputSignal<boolean>;
+    keepInvalid: import("@angular/core").InputSignal<boolean | undefined>;
     _minJSDate: import("@angular/core").Signal<Date>;
     _maxJSDate: import("@angular/core").Signal<Date>;
     _selectedDisabledDates: import("@angular/core").Signal<Date[]>;