@acorex/modules 21.0.0-next.37 → 21.0.0-next.40

package/fesm2022/{acorex-modules-notification-management-notification-page.component-DDhCqJtg.mjs → acorex-modules-notification-management-notification-page.component-D0we6H1f.mjs}

@@ -4,7 +4,7 @@ import * as i6 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i4 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
-import * as i2 from '@acorex/components/decorators';
+import * as i1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i8 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
@@ -17,12 +17,12 @@ import * as i5 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
 import * as i11 from '@acorex/components/sliding-item';
 import { AXSlidingItemModule } from '@acorex/components/sliding-item';
-import * as i2$2 from '@acorex/core/format';
+import * as i2$1 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
 import { AXPDeviceService } from '@acorex/platform/core';
 import { AXPUserAvatarComponent, AXPThemeLayoutBlockComponent, AXPStateMessageComponent } from '@acorex/platform/layout/components';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
-import * as i2$1 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, signal, viewChild, computed, ChangeDetectionStrategy, Component } from '@angular/core';
@@ -590,7 +590,7 @@ class AXMNotificationPageComponent extends AXPPageLayoutBaseComponent {
       (onItemClick)="handleContextMenuItemClick($event)"
     >
     </ax-context-menu>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i5.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i6.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i6.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i8.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i9.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i10.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSlidingItemModule }, { kind: "component", type: i11.AXSlidingItemComponent, selector: "ax-sliding-item" }, { kind: "component", type: i11.AXSlidingItemSuffixComponent, selector: "ax-sliding-item-suffix", inputs: ["color", "text"], outputs: ["onClick"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$2.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i5.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i6.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i6.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i8.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i9.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i10.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXSlidingItemModule }, { kind: "component", type: i11.AXSlidingItemComponent, selector: "ax-sliding-item" }, { kind: "component", type: i11.AXSlidingItemSuffixComponent, selector: "ax-sliding-item-suffix", inputs: ["color", "text"], outputs: ["onClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNotificationPageComponent, decorators: [{
             type: Component,
@@ -855,4 +855,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], propDecorators: { contextMenu: [{ type: i0.ViewChild, args: ['contextMenu', { isSignal: true }] }] } });
 
 export { AXMNotificationPageComponent };
-//# sourceMappingURL=acorex-modules-notification-management-notification-page.component-DDhCqJtg.mjs.map
+//# sourceMappingURL=acorex-modules-notification-management-notification-page.component-D0we6H1f.mjs.map

package/fesm2022/{acorex-modules-notification-management-notification-page.component-DDhCqJtg.mjs.map → acorex-modules-notification-management-notification-page.component-D0we6H1f.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"acorex-modules-notification-management-notification-page.component-DDhCqJtg.mjs","sources":["../../../../libs/modules/notification-management/src/lib/features/components/notification-page/notification-page.component.ts"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXSlidingItemModule } from '@acorex/components/sliding-item';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXPActionMenuItem, AXPDeviceService, AXPExecuteCommand } from '@acorex/platform/core';\nimport {\n  AXPStateMessageComponent,\n  AXPThemeLayoutBlockComponent,\n  AXPUserAvatarComponent,\n} from '@acorex/platform/layout/components';\nimport { AXPPageLayoutBase, AXPPageLayoutBaseComponent, AXPPageLayoutComponent } from '@acorex/platform/layout/views';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, signal, viewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport {\n  AXContextMenuComponent,\n  AXContextMenuItemsClickEvent,\n  AXContextMenuOpeningEvent,\n} from '@acorex/components/menu';\nimport { AXPLayoutThemeService } from '@acorex/platform/themes/shared';\nimport { AXMNotificationItem } from '../../shared';\nimport { AXPNotificationDefinitionService } from '../../shared/notification-definition.service';\nimport { AXMNotificationConnectorService } from '../../shared/notification-management.service';\n\n//#region ----   Component Definition   ----\n\n@Component({\n  selector: 'axm-notification-page',\n  template: `\n    <axp-page-layout>\n      <axp-page-toolbar>\n        <axp-layout-prefix>\n          @if (selectedCount() > 0 || isEditing()) {\n            <div class=\"ax-flex ax-gap-3 ax-items-center ax-h-10\">\n              <span class=\"ax-text-xl ax-font-bold\">{{ selectedCount() }} items selected</span>\n              <span (click)=\"deselectAll()\" class=\"ax-text-sm ax-text-secondary ax-underline ax-cursor-pointer\"\n                >Unselect</span\n              >\n            </div>\n          } @else {\n            <ax-button [text]=\"activeTab() === 'all' ? 'All Notifications' : 'Unread Notifications'\">\n              <ax-dropdown-panel>\n                <ax-button-item-list class=\"ax-min-w-52\">\n                  <ax-button-item\n                    [text]=\"'All notifications'\"\n                    [selected]=\"activeTab() === 'all'\"\n                    (onClick)=\"setTab('all')\"\n                  ></ax-button-item>\n                  <ax-button-item\n                    [text]=\"'Unread Notifications'\"\n                    [selected]=\"activeTab() === 'unread'\"\n                    (onClick)=\"setTab('unread')\"\n                  >\n                    <ax-suffix>\n                      <ax-badge [text]=\"unreadCount().toString()\" [color]=\"'primary'\"></ax-badge>\n                    </ax-suffix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n\n            <ax-search-box\n              look=\"solid\"\n              [placeholder]=\"'Search notifications'\"\n              [value]=\"searchQuery()\"\n              (onValueChanged)=\"onSearch($event.value)\"\n              class=\"ax-w-72 ax-hidden md:ax-flex\"\n            >\n              <ax-clear-button></ax-clear-button>\n            </ax-search-box>\n          }\n        </axp-layout-prefix>\n        <!-- <axp-layout-suffix>\n          @if (selectedCount() > 0) {\n            <div class=\"ax-flex ax-gap-2\">\n              @if (activeTab() === 'unread') {\n                <ax-button [text]=\"'Mark as read'\" (onClick)=\"markSelectedAsRead()\"></ax-button>\n              }\n              <ax-button look=\"outline\" color=\"danger\" [text]=\"'Delete'\" (onClick)=\"deleteSelected()\"></ax-button>\n            </div>\n          }\n        </axp-layout-suffix> -->\n      </axp-page-toolbar>\n      <axp-page-content>\n        <div class=\"ax-flex ax-flex-col ax-gap-4\">\n          <!-- List -->\n          @if (loading()) {\n            <div class=\"ax-p-4 ax-space-y-4\">\n              @for (_ of [1, 2, 3, 4, 5, 6]; track $index) {\n                <div class=\"ax-flex ax-items-center ax-space-x-3\">\n                  <ax-skeleton [animated]=\"true\" class=\"ax-w-12 ax-h-12 ax-rounded-full\"></ax-skeleton>\n                  <div class=\"ax-flex-1 ax-space-y-2\">\n                    <ax-skeleton [animated]=\"true\" class=\"ax-w-3/4 ax-h-4 ax-rounded-md\"></ax-skeleton>\n                    <ax-skeleton [animated]=\"true\" class=\"ax-w-1/2 ax-h-3 ax-rounded-md\"></ax-skeleton>\n                  </div>\n                </div>\n              }\n            </div>\n          } @else if (filteredNotifications().length === 0) {\n            <axp-state-message\n              mode=\"empty\"\n              [icon]=\"getNotificationIcon()\"\n              [title]=\"getNotificationTitle()\"\n              [description]=\"getNotificationDescription()\"\n            >\n              @if (searchQuery()) {\n                <ax-button\n                  slot=\"actions\"\n                  look=\"outline\"\n                  [text]=\"'Clear search'\"\n                  (onClick)=\"onClearSearch()\"\n                ></ax-button>\n              }\n            </axp-state-message>\n          } @else {\n            <div>\n              @for (item of filteredNotifications(); track item.id) {\n                @if (deviceService.isMobileDevice()) {\n                  <ng-container\n                    #contextMenuContainer\n                    [ngTemplateOutlet]=\"mobile\"\n                    [ngTemplateOutletContext]=\"{ $implicit: item }\"\n                  ></ng-container>\n                } @else {\n                  <ng-container\n                    [ngTemplateOutlet]=\"desktop\"\n                    [ngTemplateOutletContext]=\"{ $implicit: item }\"\n                  ></ng-container>\n                }\n              }\n            </div>\n          }\n        </div>\n      </axp-page-content>\n    </axp-page-layout>\n\n    <ng-template #mobile let-item>\n      <ax-sliding-item class=\"ax-h-24\">\n        <!-- <ax-sliding-item-prefix (onClick)=\"clickHandler($event)\" color=\"danger\" text=\"delete\">\n          <ax-icon class=\"fa-solid fa-trash\"></ax-icon>\n        </ax-sliding-item-prefix> -->\n\n        <ax-content class=\"!ax-p-0\">\n          <div\n            class=\"ax-select-none ax-flex ax-size-full ax-mb-2 ax-gap-3 ax-py-2 ax-px-4 ax-items-center ax-rounded-md ax-cursor-pointer ax-line-clamp-2\"\n            [class.ax-bg-lighter]=\"isSelected(item.id)\"\n            [id]=\"item.id\"\n            (click)=\"openItem(item.id)\"\n            (contextmenu)=\"openContextMenu($event, item)\"\n          >\n            @if (isEditing()) {\n              <ax-check-box\n                class=\"ax-mt-1\"\n                [ngModel]=\"isSelected(item.id)\"\n                (ngModelChange)=\"toggleSelectionWithModel(item.id, $event)\"\n              >\n                <ax-label></ax-label>\n              </ax-check-box>\n            }\n            <!-- Avatar + Unread Dot -->\n            <div class=\"ax-relative ax-w-12 ax-flex ax-items-center ax-justify-center\">\n              <axp-user-avatar [size]=\"48\" [userId]=\"item.sender.id\"></axp-user-avatar>\n              @if (!item.readAt) {\n                <span class=\"ax-absolute ax-right-0 ax-top-0 ax-block ax-h-3 ax-w-3 ax-rounded-full\"></span>\n              }\n            </div>\n\n            <!-- Content -->\n            <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1 ax-justify-center\">\n              <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-2\">\n                <div class=\"ax-flex ax-items-center ax-gap-2\">\n                  <div class=\"ax-font-medium\" [class.ax-font-semibold]=\"!item.readAt\">\n                    {{ item.sender.fullName || item.title }}\n                  </div>\n                  <span>•</span>\n                  <div class=\"ax-text-xs ax-opacity-75\">\n                    {{ item.createAt | format: 'timeleft' | async }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"ax-text-sm ax-line-clamp-2\">{{ item.body }}</div>\n            </div>\n            <!-- Actions (future: per-item kebab) -->\n          </div>\n        </ax-content>\n\n        <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'mark-as-read')\" color=\"primary\">\n          <ax-icon class=\"fa-light fa-envelopes-bulk fa-xl\"></ax-icon>\n        </ax-sliding-item-suffix>\n\n        <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'delete')\" color=\"danger\">\n          <ax-icon class=\"fa-light fa-trash-can fa-xl\"></ax-icon>\n        </ax-sliding-item-suffix>\n      </ax-sliding-item>\n    </ng-template>\n\n    <ng-template #desktop let-item>\n      <div\n        class=\"ax-flex ax-gap-3 ax-p-4 ax-items-center ax-rounded-md ax-cursor-pointer hover:ax-bg-surface ax-mb-2 last:ax-mb-0\"\n        [class.ax-bg-lighter]=\"isSelected(item.id)\"\n        [id]=\"item.id\"\n        (click)=\"openItem(item.id)\"\n        (contextmenu)=\"openContextMenu($event, item)\"\n      >\n        <!-- @if (isSelected(item.id)) {\n                    <div class=\"ax-w-1 ax-self-stretch ax-rounded ax-bg-primary\"></div>\n                  } -->\n        <!-- Select via checkbox -->\n        @if (isEditing()) {\n          <ax-check-box\n            class=\"ax-mt-1\"\n            [ngModel]=\"isSelected(item.id)\"\n            (ngModelChange)=\"toggleSelectionWithModel(item.id, $event)\"\n          >\n            <ax-label></ax-label>\n          </ax-check-box>\n        }\n        <!-- Avatar + Unread Dot -->\n        <div class=\"ax-relative ax-w-12 ax-flex ax-items-center ax-justify-center\">\n          <axp-user-avatar [size]=\"48\" [userId]=\"item.sender.id\"></axp-user-avatar>\n          @if (!item.readAt) {\n            <span class=\"ax-absolute ax-right-0 ax-top-0 ax-block ax-h-3 ax-w-3 ax-rounded-full\"></span>\n          }\n        </div>\n\n        <!-- Content -->\n        <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1 ax-justify-center\">\n          <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-2\">\n            <div class=\"ax-flex ax-items-center ax-gap-2\">\n              <div class=\"ax-font-medium\" [class.ax-font-semibold]=\"!item.readAt\">\n                {{ item.sender.fullName || item.title }}\n              </div>\n              <span>•</span>\n              <div class=\"ax-text-xs ax-opacity-75\">\n                {{ item.createAt | format: 'timeleft' | async }}\n              </div>\n            </div>\n          </div>\n          <div class=\"ax-text-sm ax-line-clamp-2\">{{ item.body }}</div>\n        </div>\n        <!-- Actions (future: per-item kebab) -->\n      </div>\n    </ng-template>\n    <ax-context-menu\n      #contextMenu\n      [openOn]=\"'click'\"\n      [closeOn]=\"'click'\"\n      [orientation]=\"'horizontal'\"\n      (onOpening)=\"handleContextMenuOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    >\n    </ax-context-menu>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: AXPPageLayoutBase,\n      useExisting: AXMNotificationPageComponent,\n    },\n  ],\n  host: {\n    '(document:keydown.escape)': 'deselectAll()',\n  },\n  imports: [\n    AXDecoratorModule,\n    CommonModule,\n    FormsModule,\n    AXFormatModule,\n    AXCheckBoxModule,\n    AXSkeletonModule,\n    AXButtonModule,\n    AXBadgeModule,\n    AXDropdownModule,\n    AXDropdownButtonModule,\n    AXSearchBoxModule,\n    AXPUserAvatarComponent,\n    AXPPageLayoutComponent,\n    AXPThemeLayoutBlockComponent,\n    AXPStateMessageComponent,\n    AXContextMenuComponent,\n    AXLabelModule,\n    AXSlidingItemModule,\n  ],\n})\nexport class AXMNotificationPageComponent extends AXPPageLayoutBaseComponent {\n  //#region ----   Services & Dependencies   ----\n\n  protected readonly layoutThemeService = inject(AXPLayoutThemeService);\n  protected readonly deviceService = inject(AXPDeviceService);\n  private readonly connector = inject(AXMNotificationConnectorService);\n  private readonly definitionService = inject(AXPNotificationDefinitionService);\n\n  //#endregion\n\n  //#region ----   State & Computed Properties   ----\n\n  readonly loading = this.connector.loading;\n  readonly errorMessage = this.connector.errorMessage;\n  readonly notifications = this.connector.notificationList;\n  readonly unreadCount = this.connector.unreadCount;\n  readonly totalCount = this.connector.total;\n\n  // Local UI state\n  readonly searchQuery = signal('');\n  protected isEditing = signal(false);\n  protected contextMenu = viewChild<AXContextMenuComponent>('contextMenu');\n  // #isEditingEff = effect(() => {\n  // if (this.isEditing() && this.selectedIds().size === 0) {\n  //   this.isEditing.set(false);\n  // }\n  // });\n\n  readonly filteredNotifications = computed(() => {\n    const query = (this.searchQuery() || '').toLowerCase().trim();\n    const items = this.notifications();\n    if (!query) {\n      return this.activeTab() === 'unread' ? items.filter((n) => !n.readAt) : items;\n    }\n    const base = this.activeTab() === 'unread' ? items.filter((n) => !n.readAt) : items;\n    return base.filter((n) => {\n      const title = (n.title || '').toLowerCase();\n      const body = (n.body || '').toLowerCase();\n      const sender = (n.sender?.fullName || '').toLowerCase();\n      return title.includes(query) || body.includes(query) || sender.includes(query);\n    });\n  });\n\n  // Tab state: 'all' | 'unread'\n  private readonly tab = signal<'all' | 'unread'>('all');\n  readonly activeTab = computed(() => this.tab());\n  selectedTab(): 'all' | 'unread' {\n    return this.tab();\n  }\n  setTab(v: 'all' | 'unread'): void {\n    this.tab.set(v);\n  }\n\n  onTabChange(index: number): void {\n    this.tab.set(index === 1 ? 'unread' : 'all');\n  }\n\n  //#endregion\n\n  //#region ----   Page Interface Methods   ----\n\n  override async getPageTitle(): Promise<string> {\n    return 'Notifications';\n  }\n\n  override getPageDescription(): string {\n    const unread = this.unreadCount();\n    const total = this.totalCount();\n    if (!total) {\n      return 'No notifications';\n    }\n    return unread > 0 ? `${unread} unread out of ${total}` : `${total} notifications`;\n  }\n\n  override async getPrimaryMenuItems(): Promise<AXPActionMenuItem[]> {\n    const items: AXPActionMenuItem[] = [];\n    if (this.selectedCount() > 0) {\n      items.push({\n        title: 'Delete',\n        icon: 'fa-light fa-trash',\n        command: { name: 'delete-selected' },\n        color: 'danger',\n      });\n      items.push({\n        title: 'Mark as read',\n        icon: 'fa-light fa-envelopes-bulk',\n        command: { name: 'mark-selected-as-read' },\n        color: 'primary',\n      });\n    }\n    return items;\n  }\n\n  override async getSecondaryMenuItems(): Promise<AXPActionMenuItem[]> {\n    const items: AXPActionMenuItem[] = [];\n    if (this.selectedCount() === 0) {\n      items.push(\n        {\n          title: 'Refresh',\n          icon: 'fa-light fa-rotate',\n          command: { name: 'refresh' },\n        },\n        {\n          title: 'Mark all as read',\n          icon: 'fa-light fa-envelopes-bulk',\n          command: { name: 'mark-all-as-read' },\n          disabled: this.unreadCount() === 0,\n        },\n        {\n          title: 'Select items',\n          icon: 'fa-light fa-pen',\n          command: { name: 'edit-mode' },\n          color: 'primary',\n        },\n      );\n    }\n\n    return items;\n  }\n\n  override async execute(command: AXPExecuteCommand): Promise<void> {\n    switch (command.name) {\n      case 'refresh':\n        await this.onRefresh();\n        if (this.isEditing()) {\n          this.isEditing.set(false);\n        }\n        break;\n      case 'delete-selected':\n        await this.deleteSelected();\n        if (this.isEditing()) {\n          this.isEditing.set(false);\n        }\n        break;\n      case 'mark-selected-as-read':\n        await this.markSelectedAsRead();\n        if (this.isEditing()) {\n          this.isEditing.set(false);\n        }\n        break;\n      case 'mark-all-as-read':\n        await this.onMarkAllAsRead();\n        if (this.isEditing()) {\n          this.isEditing.set(false);\n        }\n        break;\n      case 'edit-mode':\n        if (this.isEditing()) {\n          this.deselectAll();\n          this.isEditing.set(false);\n        } else {\n          this.isEditing.set(true);\n        }\n        break;\n    }\n  }\n\n  //#endregion\n\n  //#region ----   UI Handlers   ----\n\n  onSearch(value: string): void {\n    this.searchQuery.set(value);\n  }\n\n  onClearSearch(): void {\n    this.searchQuery.set('');\n  }\n\n  async onRefresh(): Promise<void> {\n    await this.connector.getList();\n  }\n\n  async onMarkAllAsRead(): Promise<void> {\n    await this.connector.markAllAsRead();\n  }\n\n  // Selection state for bulk actions\n  private readonly selectedIds = signal<Set<string>>(new Set<string>());\n\n  selectedCount = computed(() => this.selectedIds().size);\n  isSelected(id: string): boolean {\n    return this.selectedIds().has(id);\n  }\n\n  toggleSelectionWithModel(id: string, checked: boolean): void {\n    const next = new Set(this.selectedIds());\n    if (checked) {\n      next.add(id);\n    } else {\n      next.delete(id);\n    }\n    this.selectedIds.set(next);\n  }\n\n  isAllSelected(): boolean {\n    const items = this.filteredNotifications();\n    return items.length > 0 && items.every((i) => this.selectedIds().has(i.id));\n  }\n\n  toggleSelectAll(event: Event): void {\n    const checked = (event.target as HTMLInputElement).checked;\n    if (checked) {\n      this.selectedIds.set(new Set(this.filteredNotifications().map((i) => i.id)));\n    } else {\n      this.selectedIds.set(new Set());\n    }\n  }\n\n  async markSelectedAsRead(item?: AXMNotificationItem): Promise<void> {\n    const ids = item ? [item.id] : Array.from(this.selectedIds());\n    if (ids.length === 0) return;\n    await this.connector.markAsRead({ id: ids });\n    this.selectedIds.set(new Set());\n  }\n\n  async deleteSelected(item?: AXMNotificationItem): Promise<void> {\n    const ids = item ? [item.id] : Array.from(this.selectedIds());\n    if (ids.length === 0) return;\n    for (const id of ids) {\n      await this.connector.deleteOne(id);\n    }\n    this.selectedIds.set(new Set());\n  }\n\n  deselectAll(): void {\n    if (this.selectedCount() > 0) {\n      this.selectedIds.set(new Set());\n    }\n    if (this.isEditing()) {\n      this.isEditing.set(false);\n    }\n  }\n\n  // Row interactions\n  onRowClick(id: string): void {\n    this.toggleSelectionById(id);\n  }\n\n  async openItem(id: string): Promise<void> {\n    if (this.isEditing()) {\n      this.toggleSelectionById(id);\n      return;\n    }\n    //avoid double click on selected items\n    if (this.selectedCount() > 0) {\n      return;\n    }\n    const item = this.notifications().find((n) => n.id === id);\n    if (!item) {\n      return;\n    }\n    // Mark as read (idempotent per service logic)\n    await this.connector.markAsRead({ id: [id] });\n\n    // Execute provider click action if available\n    const provider = this.definitionService.resolve(item.type);\n    await provider?.execute?.({ name: 'click' } as AXPExecuteCommand, item);\n  }\n\n  private toggleSelectionById(id: string): void {\n    const next = new Set(this.selectedIds());\n    if (next.has(id)) {\n      next.delete(id);\n    } else {\n      next.add(id);\n    }\n    this.selectedIds.set(next);\n  }\n\n  //#endregion\n\n  slidingItemsHandler(item: AXMNotificationItem, action: 'mark-as-read' | 'delete'): void {\n    switch (action) {\n      case 'mark-as-read':\n        this.markSelectedAsRead(item);\n        break;\n      case 'delete':\n        this.deleteSelected(item);\n        break;\n    }\n  }\n\n  handleContextMenuItemClick(e: AXContextMenuItemsClickEvent) {\n    const item = this.contextItem();\n    if (!item) {\n      return;\n    }\n    switch (e.item.name) {\n      case 'mark-as-read':\n        this.markSelectedAsRead(item);\n        break;\n      case 'delete':\n        this.deleteSelected(item);\n        break;\n    }\n  }\n  handleContextMenuOpening(e: AXContextMenuOpeningEvent) {\n    e.items = [\n      {\n        name: 'mark-as-read',\n        text: 'Mark as read',\n        icon: 'fa-light fa-envelopes-bulk',\n        color: 'primary',\n      },\n    ];\n    e.items.push({\n      name: 'delete',\n      text: 'Delete',\n      icon: 'fa-light fa-trash-can',\n      color: 'danger',\n    });\n  }\n  protected contextItem = signal<AXMNotificationItem | null>(null);\n  openContextMenu(e: MouseEvent, item: AXMNotificationItem) {\n    if (this.isEditing() || this.selectedCount() > 0) {\n      return;\n    }\n    e.preventDefault();\n    this.contextMenu()?.showAt({\n      x: e.clientX,\n      y: e.clientY,\n    });\n    this.contextItem.set(item);\n  }\n\n  //#region ----   Helper Methods for State Message   ----\n\n  getNotificationIcon(): string {\n    if (this.searchQuery()) {\n      return 'fa-solid fa-magnifying-glass';\n    } else if (this.activeTab() === 'unread') {\n      return 'fa-solid fa-check-circle';\n    } else {\n      return 'fa-solid fa-bell';\n    }\n  }\n\n  getNotificationTitle(): string {\n    if (this.searchQuery()) {\n      return '@notification-management:state-message.no-results.title';\n    } else if (this.activeTab() === 'unread') {\n      return '@notification-management:state-message.all-caught-up.title';\n    } else {\n      return '@notification-management:state-message.no-notifications.title';\n    }\n  }\n\n  getNotificationDescription(): string {\n    if (this.searchQuery()) {\n      return `We couldn't find anything matching \"${this.searchQuery()}\".`;\n    } else if (this.activeTab() === 'unread') {\n      return '@notification-management:state-message.all-caught-up.description';\n    } else {\n      return '@notification-management:state-message.no-notifications.description';\n    }\n  }\n\n  //#endregion\n}\n"],"names":["i1","i2","i7","i12"],"mappings":"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"}
+{"version":3,"file":"acorex-modules-notification-management-notification-page.component-D0we6H1f.mjs","sources":["../../../../libs/modules/notification-management/src/lib/features/components/notification-page/notification-page.component.ts"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXLabelModule } from '@acorex/components/label';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXSkeletonModule } from '@acorex/components/skeleton';\nimport { AXSlidingItemModule } from '@acorex/components/sliding-item';\nimport { AXFormatModule } from '@acorex/core/format';\nimport { AXPActionMenuItem, AXPDeviceService, AXPExecuteCommand } from '@acorex/platform/core';\nimport {\n  AXPStateMessageComponent,\n  AXPThemeLayoutBlockComponent,\n  AXPUserAvatarComponent,\n} from '@acorex/platform/layout/components';\nimport { AXPPageLayoutBase, AXPPageLayoutBaseComponent, AXPPageLayoutComponent } from '@acorex/platform/layout/views';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, signal, viewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport {\n  AXContextMenuComponent,\n  AXContextMenuItemsClickEvent,\n  AXContextMenuOpeningEvent,\n} from '@acorex/components/menu';\nimport { AXPLayoutThemeService } from '@acorex/platform/themes/shared';\nimport { AXMNotificationItem } from '../../shared';\nimport { AXPNotificationDefinitionService } from '../../shared/notification-definition.service';\nimport { AXMNotificationConnectorService } from '../../shared/notification-management.service';\n\n//#region ----   Component Definition   ----\n\n@Component({\n  selector: 'axm-notification-page',\n  template: `\n    <axp-page-layout>\n      <axp-page-toolbar>\n        <axp-layout-prefix>\n          @if (selectedCount() > 0 || isEditing()) {\n            <div class=\"ax-flex ax-gap-3 ax-items-center ax-h-10\">\n              <span class=\"ax-text-xl ax-font-bold\">{{ selectedCount() }} items selected</span>\n              <span (click)=\"deselectAll()\" class=\"ax-text-sm ax-text-secondary ax-underline ax-cursor-pointer\"\n                >Unselect</span\n              >\n            </div>\n          } @else {\n            <ax-button [text]=\"activeTab() === 'all' ? 'All Notifications' : 'Unread Notifications'\">\n              <ax-dropdown-panel>\n                <ax-button-item-list class=\"ax-min-w-52\">\n                  <ax-button-item\n                    [text]=\"'All notifications'\"\n                    [selected]=\"activeTab() === 'all'\"\n                    (onClick)=\"setTab('all')\"\n                  ></ax-button-item>\n                  <ax-button-item\n                    [text]=\"'Unread Notifications'\"\n                    [selected]=\"activeTab() === 'unread'\"\n                    (onClick)=\"setTab('unread')\"\n                  >\n                    <ax-suffix>\n                      <ax-badge [text]=\"unreadCount().toString()\" [color]=\"'primary'\"></ax-badge>\n                    </ax-suffix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n\n            <ax-search-box\n              look=\"solid\"\n              [placeholder]=\"'Search notifications'\"\n              [value]=\"searchQuery()\"\n              (onValueChanged)=\"onSearch($event.value)\"\n              class=\"ax-w-72 ax-hidden md:ax-flex\"\n            >\n              <ax-clear-button></ax-clear-button>\n            </ax-search-box>\n          }\n        </axp-layout-prefix>\n        <!-- <axp-layout-suffix>\n          @if (selectedCount() > 0) {\n            <div class=\"ax-flex ax-gap-2\">\n              @if (activeTab() === 'unread') {\n                <ax-button [text]=\"'Mark as read'\" (onClick)=\"markSelectedAsRead()\"></ax-button>\n              }\n              <ax-button look=\"outline\" color=\"danger\" [text]=\"'Delete'\" (onClick)=\"deleteSelected()\"></ax-button>\n            </div>\n          }\n        </axp-layout-suffix> -->\n      </axp-page-toolbar>\n      <axp-page-content>\n        <div class=\"ax-flex ax-flex-col ax-gap-4\">\n          <!-- List -->\n          @if (loading()) {\n            <div class=\"ax-p-4 ax-space-y-4\">\n              @for (_ of [1, 2, 3, 4, 5, 6]; track $index) {\n                <div class=\"ax-flex ax-items-center ax-space-x-3\">\n                  <ax-skeleton [animated]=\"true\" class=\"ax-w-12 ax-h-12 ax-rounded-full\"></ax-skeleton>\n                  <div class=\"ax-flex-1 ax-space-y-2\">\n                    <ax-skeleton [animated]=\"true\" class=\"ax-w-3/4 ax-h-4 ax-rounded-md\"></ax-skeleton>\n                    <ax-skeleton [animated]=\"true\" class=\"ax-w-1/2 ax-h-3 ax-rounded-md\"></ax-skeleton>\n                  </div>\n                </div>\n              }\n            </div>\n          } @else if (filteredNotifications().length === 0) {\n            <axp-state-message\n              mode=\"empty\"\n              [icon]=\"getNotificationIcon()\"\n              [title]=\"getNotificationTitle()\"\n              [description]=\"getNotificationDescription()\"\n            >\n              @if (searchQuery()) {\n                <ax-button\n                  slot=\"actions\"\n                  look=\"outline\"\n                  [text]=\"'Clear search'\"\n                  (onClick)=\"onClearSearch()\"\n                ></ax-button>\n              }\n            </axp-state-message>\n          } @else {\n            <div>\n              @for (item of filteredNotifications(); track item.id) {\n                @if (deviceService.isMobileDevice()) {\n                  <ng-container\n                    #contextMenuContainer\n                    [ngTemplateOutlet]=\"mobile\"\n                    [ngTemplateOutletContext]=\"{ $implicit: item }\"\n                  ></ng-container>\n                } @else {\n                  <ng-container\n                    [ngTemplateOutlet]=\"desktop\"\n                    [ngTemplateOutletContext]=\"{ $implicit: item }\"\n                  ></ng-container>\n                }\n              }\n            </div>\n          }\n        </div>\n      </axp-page-content>\n    </axp-page-layout>\n\n    <ng-template #mobile let-item>\n      <ax-sliding-item class=\"ax-h-24\">\n        <!-- <ax-sliding-item-prefix (onClick)=\"clickHandler($event)\" color=\"danger\" text=\"delete\">\n          <ax-icon class=\"fa-solid fa-trash\"></ax-icon>\n        </ax-sliding-item-prefix> -->\n\n        <ax-content class=\"!ax-p-0\">\n          <div\n            class=\"ax-select-none ax-flex ax-size-full ax-mb-2 ax-gap-3 ax-py-2 ax-px-4 ax-items-center ax-rounded-md ax-cursor-pointer ax-line-clamp-2\"\n            [class.ax-bg-lighter]=\"isSelected(item.id)\"\n            [id]=\"item.id\"\n            (click)=\"openItem(item.id)\"\n            (contextmenu)=\"openContextMenu($event, item)\"\n          >\n            @if (isEditing()) {\n              <ax-check-box\n                class=\"ax-mt-1\"\n                [ngModel]=\"isSelected(item.id)\"\n                (ngModelChange)=\"toggleSelectionWithModel(item.id, $event)\"\n              >\n                <ax-label></ax-label>\n              </ax-check-box>\n            }\n            <!-- Avatar + Unread Dot -->\n            <div class=\"ax-relative ax-w-12 ax-flex ax-items-center ax-justify-center\">\n              <axp-user-avatar [size]=\"48\" [userId]=\"item.sender.id\"></axp-user-avatar>\n              @if (!item.readAt) {\n                <span class=\"ax-absolute ax-right-0 ax-top-0 ax-block ax-h-3 ax-w-3 ax-rounded-full\"></span>\n              }\n            </div>\n\n            <!-- Content -->\n            <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1 ax-justify-center\">\n              <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-2\">\n                <div class=\"ax-flex ax-items-center ax-gap-2\">\n                  <div class=\"ax-font-medium\" [class.ax-font-semibold]=\"!item.readAt\">\n                    {{ item.sender.fullName || item.title }}\n                  </div>\n                  <span>•</span>\n                  <div class=\"ax-text-xs ax-opacity-75\">\n                    {{ item.createAt | format: 'timeleft' | async }}\n                  </div>\n                </div>\n              </div>\n              <div class=\"ax-text-sm ax-line-clamp-2\">{{ item.body }}</div>\n            </div>\n            <!-- Actions (future: per-item kebab) -->\n          </div>\n        </ax-content>\n\n        <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'mark-as-read')\" color=\"primary\">\n          <ax-icon class=\"fa-light fa-envelopes-bulk fa-xl\"></ax-icon>\n        </ax-sliding-item-suffix>\n\n        <ax-sliding-item-suffix (onClick)=\"slidingItemsHandler(item, 'delete')\" color=\"danger\">\n          <ax-icon class=\"fa-light fa-trash-can fa-xl\"></ax-icon>\n        </ax-sliding-item-suffix>\n      </ax-sliding-item>\n    </ng-template>\n\n    <ng-template #desktop let-item>\n      <div\n        class=\"ax-flex ax-gap-3 ax-p-4 ax-items-center ax-rounded-md ax-cursor-pointer hover:ax-bg-surface ax-mb-2 last:ax-mb-0\"\n        [class.ax-bg-lighter]=\"isSelected(item.id)\"\n        [id]=\"item.id\"\n        (click)=\"openItem(item.id)\"\n        (contextmenu)=\"openContextMenu($event, item)\"\n      >\n        <!-- @if (isSelected(item.id)) {\n                    <div class=\"ax-w-1 ax-self-stretch ax-rounded ax-bg-primary\"></div>\n                  } -->\n        <!-- Select via checkbox -->\n        @if (isEditing()) {\n          <ax-check-box\n            class=\"ax-mt-1\"\n            [ngModel]=\"isSelected(item.id)\"\n            (ngModelChange)=\"toggleSelectionWithModel(item.id, $event)\"\n          >\n            <ax-label></ax-label>\n          </ax-check-box>\n        }\n        <!-- Avatar + Unread Dot -->\n        <div class=\"ax-relative ax-w-12 ax-flex ax-items-center ax-justify-center\">\n          <axp-user-avatar [size]=\"48\" [userId]=\"item.sender.id\"></axp-user-avatar>\n          @if (!item.readAt) {\n            <span class=\"ax-absolute ax-right-0 ax-top-0 ax-block ax-h-3 ax-w-3 ax-rounded-full\"></span>\n          }\n        </div>\n\n        <!-- Content -->\n        <div class=\"ax-flex ax-flex-col ax-gap-1 ax-flex-1 ax-justify-center\">\n          <div class=\"ax-flex ax-items-center ax-justify-between ax-gap-2\">\n            <div class=\"ax-flex ax-items-center ax-gap-2\">\n              <div class=\"ax-font-medium\" [class.ax-font-semibold]=\"!item.readAt\">\n                {{ item.sender.fullName || item.title }}\n              </div>\n              <span>•</span>\n              <div class=\"ax-text-xs ax-opacity-75\">\n                {{ item.createAt | format: 'timeleft' | async }}\n              </div>\n            </div>\n          </div>\n          <div class=\"ax-text-sm ax-line-clamp-2\">{{ item.body }}</div>\n        </div>\n        <!-- Actions (future: per-item kebab) -->\n      </div>\n    </ng-template>\n    <ax-context-menu\n      #contextMenu\n      [openOn]=\"'click'\"\n      [closeOn]=\"'click'\"\n      [orientation]=\"'horizontal'\"\n      (onOpening)=\"handleContextMenuOpening($event)\"\n      (onItemClick)=\"handleContextMenuItemClick($event)\"\n    >\n    </ax-context-menu>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: AXPPageLayoutBase,\n      useExisting: AXMNotificationPageComponent,\n    },\n  ],\n  host: {\n    '(document:keydown.escape)': 'deselectAll()',\n  },\n  imports: [\n    AXDecoratorModule,\n    CommonModule,\n    FormsModule,\n    AXFormatModule,\n    AXCheckBoxModule,\n    AXSkeletonModule,\n    AXButtonModule,\n    AXBadgeModule,\n    AXDropdownModule,\n    AXDropdownButtonModule,\n    AXSearchBoxModule,\n    AXPUserAvatarComponent,\n    AXPPageLayoutComponent,\n    AXPThemeLayoutBlockComponent,\n    AXPStateMessageComponent,\n    AXContextMenuComponent,\n    AXLabelModule,\n    AXSlidingItemModule,\n  ],\n})\nexport class AXMNotificationPageComponent extends AXPPageLayoutBaseComponent {\n  //#region ----   Services & Dependencies   ----\n\n  protected readonly layoutThemeService = inject(AXPLayoutThemeService);\n  protected readonly deviceService = inject(AXPDeviceService);\n  private readonly connector = inject(AXMNotificationConnectorService);\n  private readonly definitionService = inject(AXPNotificationDefinitionService);\n\n  //#endregion\n\n  //#region ----   State & Computed Properties   ----\n\n  readonly loading = this.connector.loading;\n  readonly errorMessage = this.connector.errorMessage;\n  readonly notifications = this.connector.notificationList;\n  readonly unreadCount = this.connector.unreadCount;\n  readonly totalCount = this.connector.total;\n\n  // Local UI state\n  readonly searchQuery = signal('');\n  protected isEditing = signal(false);\n  protected contextMenu = viewChild<AXContextMenuComponent>('contextMenu');\n  // #isEditingEff = effect(() => {\n  // if (this.isEditing() && this.selectedIds().size === 0) {\n  //   this.isEditing.set(false);\n  // }\n  // });\n\n  readonly filteredNotifications = computed(() => {\n    const query = (this.searchQuery() || '').toLowerCase().trim();\n    const items = this.notifications();\n    if (!query) {\n      return this.activeTab() === 'unread' ? items.filter((n) => !n.readAt) : items;\n    }\n    const base = this.activeTab() === 'unread' ? items.filter((n) => !n.readAt) : items;\n    return base.filter((n) => {\n      const title = (n.title || '').toLowerCase();\n      const body = (n.body || '').toLowerCase();\n      const sender = (n.sender?.fullName || '').toLowerCase();\n      return title.includes(query) || body.includes(query) || sender.includes(query);\n    });\n  });\n\n  // Tab state: 'all' | 'unread'\n  private readonly tab = signal<'all' | 'unread'>('all');\n  readonly activeTab = computed(() => this.tab());\n  selectedTab(): 'all' | 'unread' {\n    return this.tab();\n  }\n  setTab(v: 'all' | 'unread'): void {\n    this.tab.set(v);\n  }\n\n  onTabChange(index: number): void {\n    this.tab.set(index === 1 ? 'unread' : 'all');\n  }\n\n  //#endregion\n\n  //#region ----   Page Interface Methods   ----\n\n  override async getPageTitle(): Promise<string> {\n    return 'Notifications';\n  }\n\n  override getPageDescription(): string {\n    const unread = this.unreadCount();\n    const total = this.totalCount();\n    if (!total) {\n      return 'No notifications';\n    }\n    return unread > 0 ? `${unread} unread out of ${total}` : `${total} notifications`;\n  }\n\n  override async getPrimaryMenuItems(): Promise<AXPActionMenuItem[]> {\n    const items: AXPActionMenuItem[] = [];\n    if (this.selectedCount() > 0) {\n      items.push({\n        title: 'Delete',\n        icon: 'fa-light fa-trash',\n        command: { name: 'delete-selected' },\n        color: 'danger',\n      });\n      items.push({\n        title: 'Mark as read',\n        icon: 'fa-light fa-envelopes-bulk',\n        command: { name: 'mark-selected-as-read' },\n        color: 'primary',\n      });\n    }\n    return items;\n  }\n\n  override async getSecondaryMenuItems(): Promise<AXPActionMenuItem[]> {\n    const items: AXPActionMenuItem[] = [];\n    if (this.selectedCount() === 0) {\n      items.push(\n        {\n          title: 'Refresh',\n          icon: 'fa-light fa-rotate',\n          command: { name: 'refresh' },\n        },\n        {\n          title: 'Mark all as read',\n          icon: 'fa-light fa-envelopes-bulk',\n          command: { name: 'mark-all-as-read' },\n          disabled: this.unreadCount() === 0,\n        },\n        {\n          title: 'Select items',\n          icon: 'fa-light fa-pen',\n          command: { name: 'edit-mode' },\n          color: 'primary',\n        },\n      );\n    }\n\n    return items;\n  }\n\n  override async execute(command: AXPExecuteCommand): Promise<void> {\n    switch (command.name) {\n      case 'refresh':\n        await this.onRefresh();\n        if (this.isEditing()) {\n          this.isEditing.set(false);\n        }\n        break;\n      case 'delete-selected':\n        await this.deleteSelected();\n        if (this.isEditing()) {\n          this.isEditing.set(false);\n        }\n        break;\n      case 'mark-selected-as-read':\n        await this.markSelectedAsRead();\n        if (this.isEditing()) {\n          this.isEditing.set(false);\n        }\n        break;\n      case 'mark-all-as-read':\n        await this.onMarkAllAsRead();\n        if (this.isEditing()) {\n          this.isEditing.set(false);\n        }\n        break;\n      case 'edit-mode':\n        if (this.isEditing()) {\n          this.deselectAll();\n          this.isEditing.set(false);\n        } else {\n          this.isEditing.set(true);\n        }\n        break;\n    }\n  }\n\n  //#endregion\n\n  //#region ----   UI Handlers   ----\n\n  onSearch(value: string): void {\n    this.searchQuery.set(value);\n  }\n\n  onClearSearch(): void {\n    this.searchQuery.set('');\n  }\n\n  async onRefresh(): Promise<void> {\n    await this.connector.getList();\n  }\n\n  async onMarkAllAsRead(): Promise<void> {\n    await this.connector.markAllAsRead();\n  }\n\n  // Selection state for bulk actions\n  private readonly selectedIds = signal<Set<string>>(new Set<string>());\n\n  selectedCount = computed(() => this.selectedIds().size);\n  isSelected(id: string): boolean {\n    return this.selectedIds().has(id);\n  }\n\n  toggleSelectionWithModel(id: string, checked: boolean): void {\n    const next = new Set(this.selectedIds());\n    if (checked) {\n      next.add(id);\n    } else {\n      next.delete(id);\n    }\n    this.selectedIds.set(next);\n  }\n\n  isAllSelected(): boolean {\n    const items = this.filteredNotifications();\n    return items.length > 0 && items.every((i) => this.selectedIds().has(i.id));\n  }\n\n  toggleSelectAll(event: Event): void {\n    const checked = (event.target as HTMLInputElement).checked;\n    if (checked) {\n      this.selectedIds.set(new Set(this.filteredNotifications().map((i) => i.id)));\n    } else {\n      this.selectedIds.set(new Set());\n    }\n  }\n\n  async markSelectedAsRead(item?: AXMNotificationItem): Promise<void> {\n    const ids = item ? [item.id] : Array.from(this.selectedIds());\n    if (ids.length === 0) return;\n    await this.connector.markAsRead({ id: ids });\n    this.selectedIds.set(new Set());\n  }\n\n  async deleteSelected(item?: AXMNotificationItem): Promise<void> {\n    const ids = item ? [item.id] : Array.from(this.selectedIds());\n    if (ids.length === 0) return;\n    for (const id of ids) {\n      await this.connector.deleteOne(id);\n    }\n    this.selectedIds.set(new Set());\n  }\n\n  deselectAll(): void {\n    if (this.selectedCount() > 0) {\n      this.selectedIds.set(new Set());\n    }\n    if (this.isEditing()) {\n      this.isEditing.set(false);\n    }\n  }\n\n  // Row interactions\n  onRowClick(id: string): void {\n    this.toggleSelectionById(id);\n  }\n\n  async openItem(id: string): Promise<void> {\n    if (this.isEditing()) {\n      this.toggleSelectionById(id);\n      return;\n    }\n    //avoid double click on selected items\n    if (this.selectedCount() > 0) {\n      return;\n    }\n    const item = this.notifications().find((n) => n.id === id);\n    if (!item) {\n      return;\n    }\n    // Mark as read (idempotent per service logic)\n    await this.connector.markAsRead({ id: [id] });\n\n    // Execute provider click action if available\n    const provider = this.definitionService.resolve(item.type);\n    await provider?.execute?.({ name: 'click' } as AXPExecuteCommand, item);\n  }\n\n  private toggleSelectionById(id: string): void {\n    const next = new Set(this.selectedIds());\n    if (next.has(id)) {\n      next.delete(id);\n    } else {\n      next.add(id);\n    }\n    this.selectedIds.set(next);\n  }\n\n  //#endregion\n\n  slidingItemsHandler(item: AXMNotificationItem, action: 'mark-as-read' | 'delete'): void {\n    switch (action) {\n      case 'mark-as-read':\n        this.markSelectedAsRead(item);\n        break;\n      case 'delete':\n        this.deleteSelected(item);\n        break;\n    }\n  }\n\n  handleContextMenuItemClick(e: AXContextMenuItemsClickEvent) {\n    const item = this.contextItem();\n    if (!item) {\n      return;\n    }\n    switch (e.item.name) {\n      case 'mark-as-read':\n        this.markSelectedAsRead(item);\n        break;\n      case 'delete':\n        this.deleteSelected(item);\n        break;\n    }\n  }\n  handleContextMenuOpening(e: AXContextMenuOpeningEvent) {\n    e.items = [\n      {\n        name: 'mark-as-read',\n        text: 'Mark as read',\n        icon: 'fa-light fa-envelopes-bulk',\n        color: 'primary',\n      },\n    ];\n    e.items.push({\n      name: 'delete',\n      text: 'Delete',\n      icon: 'fa-light fa-trash-can',\n      color: 'danger',\n    });\n  }\n  protected contextItem = signal<AXMNotificationItem | null>(null);\n  openContextMenu(e: MouseEvent, item: AXMNotificationItem) {\n    if (this.isEditing() || this.selectedCount() > 0) {\n      return;\n    }\n    e.preventDefault();\n    this.contextMenu()?.showAt({\n      x: e.clientX,\n      y: e.clientY,\n    });\n    this.contextItem.set(item);\n  }\n\n  //#region ----   Helper Methods for State Message   ----\n\n  getNotificationIcon(): string {\n    if (this.searchQuery()) {\n      return 'fa-solid fa-magnifying-glass';\n    } else if (this.activeTab() === 'unread') {\n      return 'fa-solid fa-check-circle';\n    } else {\n      return 'fa-solid fa-bell';\n    }\n  }\n\n  getNotificationTitle(): string {\n    if (this.searchQuery()) {\n      return '@notification-management:state-message.no-results.title';\n    } else if (this.activeTab() === 'unread') {\n      return '@notification-management:state-message.all-caught-up.title';\n    } else {\n      return '@notification-management:state-message.no-notifications.title';\n    }\n  }\n\n  getNotificationDescription(): string {\n    if (this.searchQuery()) {\n      return `We couldn't find anything matching \"${this.searchQuery()}\".`;\n    } else if (this.activeTab() === 'unread') {\n      return '@notification-management:state-message.all-caught-up.description';\n    } else {\n      return '@notification-management:state-message.no-notifications.description';\n    }\n  }\n\n  //#endregion\n}\n"],"names":["i7","i12"],"mappings":"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"}

package/fesm2022/acorex-modules-notification-management.mjs

@@ -2,11 +2,11 @@ import { createAllQueryView, AXPEntityQueryType, AXP_MENU_PROVIDER, AXPEntityCom
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, cloneProperty, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import { AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, AXP_ENTITY_DEFINITION_LOADER, AXPEntityStorageService, AXPEntityDataProviderImpl } from '@acorex/platform/layout/entity';
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, inject, signal, DestroyRef, computed, effect, Injector, InjectionToken, viewChild, ViewContainerRef, input, output, afterNextRender, inputBinding, outputBinding, ChangeDetectionStrategy, Component, ChangeDetectorRef } from '@angular/core';
+import { Injectable, NgModule, inject, signal, DestroyRef, computed, effect, Injector, InjectionToken, viewChild, ViewContainerRef, input, output, afterNextRender, inputBinding, outputBinding, ChangeDetectionStrategy, Component, ViewEncapsulation, ChangeDetectorRef } from '@angular/core';
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
 import { firstValueFrom, Subject, debounceTime } from 'rxjs';
 import { AXPUserAvatarComponent, AXPStateMessageComponent, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
-import * as i1 from '@acorex/platform/core';
+import * as i1$1 from '@acorex/platform/core';
 import { AXPComponentSlotModule, AXP_MODULE_MANIFEST_PROVIDER, AXPDataGenerator } from '@acorex/platform/core';
 import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import { Router, ROUTES } from '@angular/router';
@@ -15,7 +15,7 @@ import * as i3 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
 import * as i6 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i2$3 from '@acorex/components/decorators';
+import * as i1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i4 from '@acorex/components/popover';
 import { AXPopoverModule, AXPopoverComponent } from '@acorex/components/popover';
@@ -37,12 +37,15 @@ import { AXPWidgetsList } from '@acorex/modules/common';
 const config = {
     i18n: 'notification-management',
     route: 'notifications',
+    module: 'NotificationManagement',
 };
+/** Dashboard widget type ids for notification-management-hosted widgets (`{module}:Widget:Dashboard:{Segment}`). */
+const dashboardWidgetId = (segment) => `${config.module}:Widget:Dashboard:${segment}`;
 const RootConfig = {
     config,
     module: {
         route: 'notification-management',
-        name: 'NotificationManagement',
+        name: config.module,
         title: `@${config.i18n}:module.title`,
         icon: 'fa-light fa-bell',
     },
@@ -63,6 +66,9 @@ const RootConfig = {
             icon: 'fa-light fa-file-code',
         },
     },
+    widgets: {
+        myNotificationDashboard: dashboardWidgetId('MyNotificationDashboard'),
+    },
 };
 
 class AXMNotificationEntityService extends AXMEntityCrudServiceImpl {
@@ -1446,6 +1452,10 @@ class AXMNotificationConnectorService {
             if (event.type === 'created' && event.notification) {
                 void this.showOsNotificationForItem(event.notification);
             }
+            // Read paths already sync `notifications` in markAsRead / markAllAsRead; refetch would duplicate work.
+            if (event.type === 'read') {
+                return;
+            }
             if (!this.isLoading()) {
                 void this.getList();
             }
@@ -1516,17 +1526,14 @@ class AXMNotificationConnectorService {
     }
     async markAllAsRead() {
         try {
-            this.isLoading.set(true);
             this.error.set(null);
             await this.notificationService.markAllAsRead();
-            this.notifications.update((notifications) => notifications.map((notification) => ({ ...notification, readAt: new Date() })));
+            const readAt = new Date();
+            this.notifications.update((notifications) => notifications.map((notification) => notification.readAt ? notification : { ...notification, readAt }));
         }
         catch (err) {
             this.error.set(err instanceof Error ? err.message : 'Failed to mark all notifications as read');
         }
-        finally {
-            this.isLoading.set(false);
-        }
     }
     /**
      * Create a new notification
@@ -1894,7 +1901,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class AXMAdminNotificationPanelComponent {
     constructor() {
         //#region ----   Outputs   ----
-        this.onNewNotfication = output();
+        this.onNewNotification = output();
         /** Emits when the popover should be closed (bubbled from item components) */
         this.onClosePopover = output();
         //#endregion
@@ -1921,7 +1928,7 @@ class AXMAdminNotificationPanelComponent {
         //#region ----   Computed Properties   ----
         this.tabItems = computed(() => this.getTabItems(this.notifications(), this.providedTabs()), { ...(ngDevMode ? { debugName: "tabItems" } : /* istanbul ignore next */ {}), equal: (a, b) => JSON.stringify(a) === JSON.stringify(b) });
         this.NewNotification = computed(() => this.getNewNotification(this.tabItems()), ...(ngDevMode ? [{ debugName: "NewNotification" }] : /* istanbul ignore next */ []));
-        this.NewNotificationEffect = effect(() => this.onNewNotfication.emit(this.NewNotification()), ...(ngDevMode ? [{ debugName: "NewNotificationEffect" }] : /* istanbul ignore next */ []));
+        this.NewNotificationEffect = effect(() => this.onNewNotification.emit(this.NewNotification()), ...(ngDevMode ? [{ debugName: "NewNotificationEffect" }] : /* istanbul ignore next */ []));
     }
     changeActiveTab(tab) {
         this.activeTab.set(tab);
@@ -2035,7 +2042,7 @@ class AXMAdminNotificationPanelComponent {
         this.router.navigate([`${this.sessionService.application?.name}/notifications`]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAdminNotificationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAdminNotificationPanelComponent, isStandalone: true, selector: "axm-admin-notification-panel", inputs: { providedTabs: { classPropertyName: "providedTabs", publicName: "providedTabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onNewNotfication: "onNewNotfication", onClosePopover: "onClosePopover" }, ngImport: i0, template: "<div class=\"ax-p-4 ax-flex ax-justify-between ax-items-center\">\n  <span class=\"ax-text-xl\">Notifications</span>\n  <ax-button color=\"default\" look=\"blank\">\n    <ax-icon>\n      <i class=\"fa-regular fa-gear fa-lg\"></i>\n    </ax-icon>\n  </ax-button>\n</div>\n<ax-tabs [content]=\"cons\" look=\"with-line\" location=\"bottom\">\n  @for (tab of tabItems(); track tab.text) {\n    <ax-tab-item [text]=\"tab.text\" [active]=\"activeTab() === tab.text\" (activeChange)=\"changeActiveTab(tab.text)\">\n      <ax-suffix>\n        @if (tab.count && tab.text === 'Unread') {\n          <ax-badge [color]=\"activeTab() === tab.text ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"ax-max-h-[50vh] md:ax-w-[32rem] ax-overflow-y-auto\">\n          @if (getNotificationItems(tab.text).length === 0) {\n            <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-gap-2 ax-p-6\">\n              <i class=\"fa-regular fa-bell-slash ax-text-2xl\"></i>\n              <div class=\"ax-text-sm\">No notifications</div>\n            </div>\n          } @else {\n            @for (notif of getNotificationItems(tab.text); track notif.id) {\n              <axp-master-notification-item\n                [data]=\"notif\"\n                (onPressNotificationItem)=\"markAsRead($event)\"\n                (onClosePopover)=\"onClosePopover.emit()\"\n              ></axp-master-notification-item>\n            }\n          }\n        </div>\n        <div class=\"ax-flex ax-gap-4 ax-justify-between ax-p-4 ax-border-t ax-border-default\">\n          <ax-button\n            [disabled]=\"NewNotification() === 0\"\n            [color]=\"'default'\"\n            text=\"Mark all as read\"\n            (onClick)=\"markAllAsRead()\"\n          ></ax-button>\n          <ax-button color=\"primary\" text=\"View all notifications\" (onClick)=\"viewAllNotifications()\"></ax-button>\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #cons=\"axTabContent\"></ng-template>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2$2.AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data"], outputs: ["onPressNotificationItem", "onClosePopover"] }, { kind: "ngmodule", type: AXFormatModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAdminNotificationPanelComponent, isStandalone: true, selector: "axm-admin-notification-panel", inputs: { providedTabs: { classPropertyName: "providedTabs", publicName: "providedTabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onNewNotification: "onNewNotification", onClosePopover: "onClosePopover" }, ngImport: i0, template: "<div class=\"ax-p-4 ax-flex ax-justify-between ax-items-center\">\n  <span class=\"ax-text-xl\">Notifications</span>\n  <ax-button color=\"default\" look=\"blank\">\n    <ax-icon>\n      <i class=\"fa-regular fa-gear fa-lg\"></i>\n    </ax-icon>\n  </ax-button>\n</div>\n<ax-tabs [content]=\"cons\" look=\"with-line\" location=\"bottom\">\n  @for (tab of tabItems(); track tab.text) {\n    <ax-tab-item [text]=\"tab.text\" [active]=\"activeTab() === tab.text\" (activeChange)=\"changeActiveTab(tab.text)\">\n      <ax-suffix>\n        @if (tab.count && tab.text === 'Unread') {\n          <ax-badge [color]=\"activeTab() === tab.text ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"ax-max-h-[50vh] md:ax-w-[32rem] ax-overflow-y-auto\">\n          @if (getNotificationItems(tab.text).length === 0) {\n            <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-gap-2 ax-p-6\">\n              <i class=\"fa-regular fa-bell-slash ax-text-2xl\"></i>\n              <div class=\"ax-text-sm\">No notifications</div>\n            </div>\n          } @else {\n            @for (notif of getNotificationItems(tab.text); track notif.id) {\n              <axp-master-notification-item\n                [data]=\"notif\"\n                (onPressNotificationItem)=\"markAsRead($event)\"\n                (onClosePopover)=\"onClosePopover.emit()\"\n              ></axp-master-notification-item>\n            }\n          }\n        </div>\n        <div class=\"ax-flex ax-gap-4 ax-justify-between ax-p-4 ax-border-t ax-border-default\">\n          <ax-button\n            [disabled]=\"NewNotification() === 0\"\n            [color]=\"'default'\"\n            text=\"Mark all as read\"\n            (onClick)=\"markAllAsRead()\"\n          ></ax-button>\n          <ax-button color=\"primary\" text=\"View all notifications\" (onClick)=\"viewAllNotifications()\"></ax-button>\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #cons=\"axTabContent\"></ng-template>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2$2.AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data"], outputs: ["onPressNotificationItem", "onClosePopover"] }, { kind: "ngmodule", type: AXFormatModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAdminNotificationPanelComponent, decorators: [{
             type: Component,
@@ -2048,12 +2055,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXMAdminNotificationItemComponent,
                         AXFormatModule,
                     ], template: "<div class=\"ax-p-4 ax-flex ax-justify-between ax-items-center\">\n  <span class=\"ax-text-xl\">Notifications</span>\n  <ax-button color=\"default\" look=\"blank\">\n    <ax-icon>\n      <i class=\"fa-regular fa-gear fa-lg\"></i>\n    </ax-icon>\n  </ax-button>\n</div>\n<ax-tabs [content]=\"cons\" look=\"with-line\" location=\"bottom\">\n  @for (tab of tabItems(); track tab.text) {\n    <ax-tab-item [text]=\"tab.text\" [active]=\"activeTab() === tab.text\" (activeChange)=\"changeActiveTab(tab.text)\">\n      <ax-suffix>\n        @if (tab.count && tab.text === 'Unread') {\n          <ax-badge [color]=\"activeTab() === tab.text ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"ax-max-h-[50vh] md:ax-w-[32rem] ax-overflow-y-auto\">\n          @if (getNotificationItems(tab.text).length === 0) {\n            <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-gap-2 ax-p-6\">\n              <i class=\"fa-regular fa-bell-slash ax-text-2xl\"></i>\n              <div class=\"ax-text-sm\">No notifications</div>\n            </div>\n          } @else {\n            @for (notif of getNotificationItems(tab.text); track notif.id) {\n              <axp-master-notification-item\n                [data]=\"notif\"\n                (onPressNotificationItem)=\"markAsRead($event)\"\n                (onClosePopover)=\"onClosePopover.emit()\"\n              ></axp-master-notification-item>\n            }\n          }\n        </div>\n        <div class=\"ax-flex ax-gap-4 ax-justify-between ax-p-4 ax-border-t ax-border-default\">\n          <ax-button\n            [disabled]=\"NewNotification() === 0\"\n            [color]=\"'default'\"\n            text=\"Mark all as read\"\n            (onClick)=\"markAllAsRead()\"\n          ></ax-button>\n          <ax-button color=\"primary\" text=\"View all notifications\" (onClick)=\"viewAllNotifications()\"></ax-button>\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #cons=\"axTabContent\"></ng-template>\n" }]
-        }], propDecorators: { onNewNotfication: [{ type: i0.Output, args: ["onNewNotfication"] }], onClosePopover: [{ type: i0.Output, args: ["onClosePopover"] }], providedTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "providedTabs", required: false }] }] } });
+        }], propDecorators: { onNewNotification: [{ type: i0.Output, args: ["onNewNotification"] }], onClosePopover: [{ type: i0.Output, args: ["onClosePopover"] }], providedTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "providedTabs", required: false }] }] } });
 
 class AXMAdminNotificationSlotComponent {
     constructor() {
         //#region ----   Signals   ----
         this.totalNewNotification = signal(0, ...(ngDevMode ? [{ debugName: "totalNewNotification" }] : /* istanbul ignore next */ []));
+        this.badgeDisplay = computed(() => {
+            const total = this.totalNewNotification();
+            if (total <= 0) {
+                return '';
+            }
+            return total > 50 ? '50+' : total.toString();
+        }, ...(ngDevMode ? [{ debugName: "badgeDisplay" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   View Queries   ----
         this.popover = viewChild(AXPopoverComponent, ...(ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []));
@@ -2067,11 +2081,11 @@ class AXMAdminNotificationSlotComponent {
         this.popover()?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAdminNotificationSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAdminNotificationSlotComponent, isStandalone: true, selector: "axm-admin-notification-slot", viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-button class=\"ax-relative\" color=\"primary\" #notification>\n  <ax-icon>\n    <i class=\"fa-regular fa-bell\"></i>\n  </ax-icon>\n  <ax-suffix class=\"ax-absolute ax-top-0 ax-left-1/2\">\n    @if (totalNewNotification()) {\n      <ax-badge color=\"success\" [text]=\"totalNewNotification().toString()\"></ax-badge>\n    }\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"notification\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel\n      (onNewNotfication)=\"setTotalNewNotification($event)\"\n      (onClosePopover)=\"closePopover()\"\n    >\n    </axm-admin-notification-panel>\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXMAdminNotificationPanelComponent, selector: "axm-admin-notification-panel", inputs: ["providedTabs"], outputs: ["onNewNotfication", "onClosePopover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAdminNotificationSlotComponent, isStandalone: true, selector: "axm-admin-notification-slot", viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-button class=\"ax-relative\" color=\"primary\" #notification>\n  <ax-icon>\n    <i class=\"fa-regular fa-bell\"></i>\n  </ax-icon>\n\n</ax-button>\n<div class=\"__badge\" [class.--xs]=\"badgeDisplay().length > 2\">\n  @if (badgeDisplay()) {\n  <ax-badge color=\"danger\" [text]=\"badgeDisplay()\"></ax-badge>\n  }\n</div>\n<ax-popover [target]=\"notification\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel (onNewNotification)=\"setTotalNewNotification($event)\"\n      (onClosePopover)=\"closePopover()\">\n    </axm-admin-notification-panel>\n  </div>\n</ax-popover>", styles: ["axm-admin-notification-slot{position:relative}axm-admin-notification-slot .__badge{position:absolute;top:-.25rem;inset-inline-end:-.25rem;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i6.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXMAdminNotificationPanelComponent, selector: "axm-admin-notification-panel", inputs: ["providedTabs"], outputs: ["onNewNotification", "onClosePopover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAdminNotificationSlotComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-admin-notification-slot', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonModule, AXDecoratorModule, AXBadgeModule, AXPopoverModule, AXMAdminNotificationPanelComponent], template: "<ax-button class=\"ax-relative\" color=\"primary\" #notification>\n  <ax-icon>\n    <i class=\"fa-regular fa-bell\"></i>\n  </ax-icon>\n  <ax-suffix class=\"ax-absolute ax-top-0 ax-left-1/2\">\n    @if (totalNewNotification()) {\n      <ax-badge color=\"success\" [text]=\"totalNewNotification().toString()\"></ax-badge>\n    }\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"notification\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel\n      (onNewNotfication)=\"setTotalNewNotification($event)\"\n      (onClosePopover)=\"closePopover()\"\n    >\n    </axm-admin-notification-panel>\n  </div>\n</ax-popover>\n" }]
+            args: [{ selector: 'axm-admin-notification-slot', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonModule, AXDecoratorModule, AXBadgeModule, AXPopoverModule, AXMAdminNotificationPanelComponent], encapsulation: ViewEncapsulation.None, template: "<ax-button class=\"ax-relative\" color=\"primary\" #notification>\n  <ax-icon>\n    <i class=\"fa-regular fa-bell\"></i>\n  </ax-icon>\n\n</ax-button>\n<div class=\"__badge\" [class.--xs]=\"badgeDisplay().length > 2\">\n  @if (badgeDisplay()) {\n  <ax-badge color=\"danger\" [text]=\"badgeDisplay()\"></ax-badge>\n  }\n</div>\n<ax-popover [target]=\"notification\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel (onNewNotification)=\"setTotalNewNotification($event)\"\n      (onClosePopover)=\"closePopover()\">\n    </axm-admin-notification-panel>\n  </div>\n</ax-popover>", styles: ["axm-admin-notification-slot{position:relative}axm-admin-notification-slot .__badge{position:absolute;top:-.25rem;inset-inline-end:-.25rem;pointer-events:none}\n"] }]
         }], propDecorators: { popover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPopoverComponent), { isSignal: true }] }] } });
 
 /**
@@ -2292,7 +2306,7 @@ class AXPNotificationWidgetViewComponent extends AXPValueWidgetComponent {
                     popover: () => ({ close: () => { } }),
                 },
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-2 ax-size-full ax-flex ax-flex-col ax-gap-2\">\n  <ax-tabs\n    class=\"ax-bg-light-start ax-border-b ax-border-default ax-shrink-0\"\n    [fitParent]=\"true\"\n    location=\"bottom\"\n    (onActiveTabChanged)=\"handleTabChange($event)\"\n  >\n    <ax-tab-item [text]=\"('@notification-management:unread' | translate | async) ?? 'Unread'\" class=\"ax-font-medium\">\n      <ax-suffix>\n        @if (getNewMessageCount() > 0) {\n          <ax-badge color=\"primary\" [text]=\"getNewMessageCount().toString()\" size=\"sm\" class=\"ax-ml-1\"></ax-badge>\n        }\n      </ax-suffix>\n    </ax-tab-item>\n    <ax-tab-item\n      [text]=\"('@notification-management:all' | translate | async) ?? 'All'\"\n      class=\"ax-font-medium\"\n    ></ax-tab-item>\n  </ax-tabs>\n  <div class=\"ax-space-y-1 ax-overflow-auto\">\n    @for (item of notificationItems(); track item.id) {\n      <axp-master-notification-item [data]=\"item\" (onPressNotificationItem)=\"onAdminItemClick($event)\" />\n    } @empty {\n      <axp-state-message\n        icon=\"fa-light fa-bell-slash\"\n        [title]=\"'@notification-management:no-notifications.title'\"\n        [description]=\"'@notification-management:no-notifications.description'\"\n      >\n      </axp-state-message>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.notification-item{position:relative;margin-top:2px;margin-bottom:2px;display:flex;cursor:pointer;gap:1rem;border-radius:1rem;padding:.5rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));animation-duration:.2s}.notification-item .notification-avatar{position:relative}.notification-item .notification-avatar .unread-badge{position:absolute;bottom:.25rem;inset-inline-end:.25rem;width:10px;height:10px;background:rgb(var(--ax-sys-color-primary-500));border:2px solid rgb(var(--ax-sys-color-surface));border-radius:50%}.notification-item .notification-content{min-width:0px;flex:1 1 0%}.notification-item .notification-content .notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.notification-item .notification-content .notification-header .notification-title{font-size:1rem;line-height:1.5rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.notification-item .notification-content .notification-header .notification-time{white-space:nowrap;font-size:.75rem;line-height:1rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.notification-item .notification-content .notification-body{margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data"], outputs: ["onPressNotificationItem", "onClosePopover"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-p-2 ax-size-full ax-flex ax-flex-col ax-gap-2\">\n  <ax-tabs\n    class=\"ax-bg-light-start ax-border-b ax-border-default ax-shrink-0\"\n    [fitParent]=\"true\"\n    location=\"bottom\"\n    (onActiveTabChanged)=\"handleTabChange($event)\"\n  >\n    <ax-tab-item [text]=\"('@notification-management:unread' | translate | async) ?? 'Unread'\" class=\"ax-font-medium\">\n      <ax-suffix>\n        @if (getNewMessageCount() > 0) {\n          <ax-badge color=\"primary\" [text]=\"getNewMessageCount().toString()\" size=\"sm\" class=\"ax-ml-1\"></ax-badge>\n        }\n      </ax-suffix>\n    </ax-tab-item>\n    <ax-tab-item\n      [text]=\"('@notification-management:all' | translate | async) ?? 'All'\"\n      class=\"ax-font-medium\"\n    ></ax-tab-item>\n  </ax-tabs>\n  <div class=\"ax-space-y-1 ax-overflow-auto\">\n    @for (item of notificationItems(); track item.id) {\n      <axp-master-notification-item [data]=\"item\" (onPressNotificationItem)=\"onAdminItemClick($event)\" />\n    } @empty {\n      <axp-state-message\n        icon=\"fa-light fa-bell-slash\"\n        [title]=\"'@notification-management:no-notifications.title'\"\n        [description]=\"'@notification-management:no-notifications.description'\"\n      >\n      </axp-state-message>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.notification-item{position:relative;margin-top:2px;margin-bottom:2px;display:flex;cursor:pointer;gap:1rem;border-radius:1rem;padding:.5rem;text-align:start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));animation-duration:.2s}.notification-item .notification-avatar{position:relative}.notification-item .notification-avatar .unread-badge{position:absolute;bottom:.25rem;inset-inline-end:.25rem;width:10px;height:10px;background:rgb(var(--ax-sys-color-primary-500));border:2px solid rgb(var(--ax-sys-color-surface));border-radius:50%}.notification-item .notification-content{min-width:0px;flex:1 1 0%}.notification-item .notification-content .notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.notification-item .notification-content .notification-header .notification-title{font-size:1rem;line-height:1.5rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.notification-item .notification-content .notification-header .notification-time{white-space:nowrap;font-size:.75rem;line-height:1rem;color:rgb(var(--ax-sys-color-on-surface-variant))}.notification-item .notification-content .notification-body{margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-on-surface-variant))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data"], outputs: ["onPressNotificationItem", "onClosePopover"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPNotificationWidgetViewComponent, decorators: [{
             type: Component,
@@ -2326,12 +2340,12 @@ var notificationWidget_component = /*#__PURE__*/Object.freeze({
  * Configuration for the Notification Widget
  */
 const AXPMyNotificationDashboardWidget = {
-    name: 'my-notification-dashboard',
-    title: 'My Notification Widget',
+    name: RootConfig.widgets.myNotificationDashboard,
+    title: '@dashboard:widgets.my-notification.widget-title',
     categories: [AXP_WIDGETS_UTILITY_CATEGORY],
     groups: [AXPWidgetGroupEnum.DashboardWidget],
     type: 'dashboard',
-    description: 'Displays notifications in a widget format',
+    description: '@dashboard:widgets.my-notification.widget-description',
     icon: 'fa-regular fa-bell',
     properties: [
         cloneProperty(AXP_DATA_PATH_PROPERTY, { visible: false }),
@@ -2348,7 +2362,7 @@ const AXPMyNotificationDashboardWidget = {
                     path: 'options.title',
                     type: AXPWidgetsCatalog.text,
                     options: {
-                        placeholder: 'Enter chart title',
+                        placeholder: '@dashboard:widgets.my-notification.title-placeholder',
                     },
                 },
             },
@@ -2500,7 +2514,7 @@ function routesFactory() {
             children: [
                 {
                     path: '',
-                    loadComponent: () => import('./acorex-modules-notification-management-notification-page.component-DDhCqJtg.mjs').then((c) => c.AXMNotificationPageComponent),
+                    loadComponent: () => import('./acorex-modules-notification-management-notification-page.component-D0we6H1f.mjs').then((c) => c.AXMNotificationPageComponent),
                     data: { reuse: true },
                 },
             ],
@@ -2510,7 +2524,7 @@ function routesFactory() {
 }
 class AXMNotificationManagementModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNotificationManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMNotificationManagementModule, imports: [i1.AXPComponentSlotModule, AXPWidgetCoreModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMNotificationManagementModule, imports: [i1$1.AXPComponentSlotModule, AXPWidgetCoreModule,
             // Entity Modules
             AXMNotificationEntityModule,
             AXMNotificationTemplateEntityModule,