@acorex/modules 21.0.0-next.88 → 21.0.0-next.89

package/fesm2022/{acorex-modules-notification-management-acorex-modules-notification-management-DZSXFNgo.mjs → acorex-modules-notification-management-acorex-modules-notification-management-DZWUyu54.mjs}

@@ -2167,7 +2167,7 @@ class AXMAdminNotificationPanelComponent {
         ]);
     }
     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: { onNewNotification: "onNewNotification", onClosePopover: "onClosePopover" }, ngImport: i0, template: "<div class=\"notification-panel__header\">\n  <span class=\"notification-panel__title\">\n    {{ '@notification-management:notifications' | translate | async }}\n  </span>\n  <ax-button color=\"default\" look=\"blank\" (onClick)=\"openSettings()\">\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.key) {\n    <ax-tab-item\n      [text]=\"(tab.labelKey | translate | async) ?? ''\"\n      [active]=\"activeTab() === tab.key\"\n      (activeChange)=\"changeActiveTab(tab.key)\"\n    >\n      <ax-suffix>\n        @if (tab.count && tab.key === 'Unread') {\n          <ax-badge [color]=\"activeTab() === tab.key ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"notification-panel__list\">\n          @if (isLoading()) {\n            <div class=\"notification-panel__loading\">\n              @for (_ of [1, 2, 3]; track $index) {\n                <div class=\"notification-panel__skeleton\">\n                  <div class=\"notification-panel__skeleton-avatar\"></div>\n                  <div class=\"notification-panel__skeleton-lines\">\n                    <div class=\"notification-panel__skeleton-line --wide\"></div>\n                    <div class=\"notification-panel__skeleton-line\"></div>\n                  </div>\n                </div>\n              }\n            </div>\n          } @else if (getNotificationItems(tab.key).length === 0) {\n            <axp-state-message\n              icon=\"fa-regular fa-bell-slash\"\n              [title]=\"'@notification-management:state-message.no-notifications.title'\"\n              [description]=\"'@notification-management:state-message.no-notifications.description'\"\n            />\n          } @else {\n            @for (notif of getNotificationItems(tab.key); track notif.id) {\n              <axp-master-notification-item\n                [data]=\"notif\"\n                (onPressNotificationItem)=\"markAsRead($event)\"\n                (onTogglePin)=\"togglePin($event)\"\n                (onClosePopover)=\"onClosePopover.emit()\"\n              />\n            }\n          }\n        </div>\n        <div class=\"notification-panel__footer\">\n          <ax-button\n            [disabled]=\"NewNotification() === 0\"\n            color=\"default\"\n            [text]=\"('@notification-management:actions.mark-all-as-read' | translate | async) ?? ''\"\n            (onClick)=\"markAllAsRead()\"\n          />\n          <ax-button\n            color=\"primary\"\n            [text]=\"('@notification-management:actions.view-all' | translate | async) ?? ''\"\n            (onClick)=\"viewAllNotifications()\"\n          />\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #cons=\"axTabContent\"></ng-template>\n", styles: [".notification-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.notification-panel__title{font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.notification-panel__list{max-height:50vh;overflow-y:auto}@media(min-width:768px){.notification-panel__list{width:32rem}}.notification-panel__footer{display:flex;justify-content:space-between;gap:1rem;border-top-width:1px;padding:1rem;border-color:rgb(var(--ax-sys-color-border-surface))}.notification-panel__loading>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.notification-panel__loading{padding:.5rem}.notification-panel__skeleton{display:flex}@keyframes ax-pulse{50%{transform:scale3d(1.05,1.05,1.05)}}.notification-panel__skeleton{animation:1s ease-in-out both ax-pulse;gap:1rem;padding:1rem}.notification-panel__skeleton-avatar{height:3rem;width:3rem;flex-shrink:0;border-radius:9999px;background:rgb(var(--ax-sys-color-lighter-surface))}.notification-panel__skeleton-lines{flex:1 1 0%}.notification-panel__skeleton-lines>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.notification-panel__skeleton-lines{padding-top:.25rem;padding-bottom:.25rem}.notification-panel__skeleton-line{height:.75rem;border-radius:.375rem;background:rgb(var(--ax-sys-color-lighter-surface))}.notification-panel__skeleton-line.--wide{width:75%}.notification-panel__skeleton-line:not(.--wide){width:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2$1.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$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data", "showAvatar", "showDate", "selectionMode"], outputs: ["onPressNotificationItem", "onClosePopover", "onTogglePin"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], 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=\"notification-panel__header\">\n  <span class=\"notification-panel__title\">\n    {{ '@notification-management:notifications' | translate | async }}\n  </span>\n  <ax-button color=\"default\" look=\"blank\" (onClick)=\"openSettings()\">\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.key) {\n    <ax-tab-item\n      [text]=\"(tab.labelKey | translate | async) ?? ''\"\n      [active]=\"activeTab() === tab.key\"\n      (activeChange)=\"changeActiveTab(tab.key)\"\n    >\n      <ax-suffix>\n        @if (tab.count && tab.key === 'Unread') {\n          <ax-badge [color]=\"activeTab() === tab.key ? 'primary' : 'ghost'\" [text]=\"tab.count.toString()\"></ax-badge>\n        }\n      </ax-suffix>\n      <ax-content>\n        <div class=\"notification-panel__list\">\n          @if (isLoading()) {\n            <div class=\"notification-panel__loading\">\n              @for (_ of [1, 2, 3]; track $index) {\n                <div class=\"notification-panel__skeleton\">\n                  <div class=\"notification-panel__skeleton-avatar\"></div>\n                  <div class=\"notification-panel__skeleton-lines\">\n                    <div class=\"notification-panel__skeleton-line --wide\"></div>\n                    <div class=\"notification-panel__skeleton-line\"></div>\n                  </div>\n                </div>\n              }\n            </div>\n          } @else if (getNotificationItems(tab.key).length === 0) {\n            <axp-state-message\n              icon=\"fa-regular fa-bell-slash\"\n              [title]=\"'@notification-management:state-message.no-notifications.title'\"\n              [description]=\"'@notification-management:state-message.no-notifications.description'\"\n            />\n          } @else {\n            @for (notif of getNotificationItems(tab.key); track notif.id) {\n              <axp-master-notification-item\n                [data]=\"notif\"\n                (onPressNotificationItem)=\"markAsRead($event)\"\n                (onTogglePin)=\"togglePin($event)\"\n                (onClosePopover)=\"onClosePopover.emit()\"\n              />\n            }\n          }\n        </div>\n        <div class=\"notification-panel__footer\">\n          <ax-button\n            [disabled]=\"NewNotification() === 0\"\n            color=\"default\"\n            [text]=\"('@notification-management:actions.mark-all-as-read' | translate | async) ?? ''\"\n            (onClick)=\"markAllAsRead()\"\n          />\n          <ax-button\n            color=\"primary\"\n            [text]=\"('@notification-management:actions.view-all' | translate | async) ?? ''\"\n            (onClick)=\"viewAllNotifications()\"\n          />\n        </div>\n      </ax-content>\n    </ax-tab-item>\n  }\n</ax-tabs>\n\n<ng-template [axTabContent] #cons=\"axTabContent\"></ng-template>\n", styles: [".notification-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.notification-panel__title{font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.notification-panel__list{max-height:50vh;overflow-y:auto}@media(min-width:768px){.notification-panel__list{width:32rem}}.notification-panel__footer{display:flex;justify-content:space-between;gap:1rem;border-top-width:1px;padding:1rem;border-color:rgb(var(--ax-sys-color-border-surface))}.notification-panel__loading>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.notification-panel__loading{padding:.5rem}.notification-panel__skeleton{display:flex}@keyframes ax-pulse{50%{transform:scale3d(1.05,1.05,1.05)}}.notification-panel__skeleton{animation:1s ease-in-out both ax-pulse;gap:1rem;padding:1rem}.notification-panel__skeleton-avatar{height:3rem;width:3rem;flex-shrink:0;border-radius:9999px;background:rgb(var(--ax-sys-color-lighter-surface))}.notification-panel__skeleton-lines{flex:1 1 0%}.notification-panel__skeleton-lines>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.notification-panel__skeleton-lines{padding-top:.25rem;padding-bottom:.25rem}.notification-panel__skeleton-line{height:.75rem;border-radius:.375rem;background:rgb(var(--ax-sys-color-lighter-surface))}.notification-panel__skeleton-line.--wide{width:75%}.notification-panel__skeleton-line:not(.--wide){width:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2$1.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$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data", "showAvatar", "showDate", "selectionMode"], outputs: ["onPressNotificationItem", "onClosePopover", "onTogglePin"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAdminNotificationPanelComponent, decorators: [{
             type: Component,
@@ -2445,7 +2445,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\n        [data]=\"item\"\n        [showAvatar]=\"showAvatar()\"\n        [showDate]=\"showDate()\"\n        (onPressNotificationItem)=\"onAdminItemClick($event)\"\n        (onTogglePin)=\"onTogglePin($event)\"\n      />\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;height:3rem}.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$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$1.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$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data", "showAvatar", "showDate", "selectionMode"], outputs: ["onPressNotificationItem", "onClosePopover", "onTogglePin"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.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\n        [data]=\"item\"\n        [showAvatar]=\"showAvatar()\"\n        [showDate]=\"showDate()\"\n        (onPressNotificationItem)=\"onAdminItemClick($event)\"\n        (onTogglePin)=\"onTogglePin($event)\"\n      />\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;height:3rem}.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$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$1.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$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAdminNotificationItemComponent, selector: "axp-master-notification-item", inputs: ["data", "showAvatar", "showDate", "selectionMode"], outputs: ["onPressNotificationItem", "onClosePopover", "onTogglePin"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPNotificationWidgetViewComponent, decorators: [{
             type: Component,
@@ -2992,7 +2992,7 @@ function routesFactory() {
             children: [
                 {
                     path: '',
-                    loadComponent: () => import('./acorex-modules-notification-management-notification-page.component-swzDjJUP.mjs').then((c) => c.AXMNotificationPageComponent),
+                    loadComponent: () => import('./acorex-modules-notification-management-notification-page.component-BNxTMY-C.mjs').then((c) => c.AXMNotificationPageComponent),
                     data: { reuse: true },
                 },
             ],
@@ -3657,4 +3657,4 @@ async function notificationLogEntityFactory() {
  */
 
 export { AXMNotificationConnectorService as A, NOTIFICATION_LIST_SORT as N, RootConfig as R, AXMAdminNotificationItemComponent as a, AXMMenuProvider as b, AXMNotificationEmailComposerService as c, AXMNotificationManagementModule as d, AXMNotificationRealtimeService as e, AXMNotificationService as f, AXMOsNotificationService as g, AXMSettingProvider as h, AXPMyNotificationDashboardWidget as i, AXPNotificationDefinitionProvider as j, AXPNotificationDefinitionProviderDefault as k, AXPNotificationDefinitionService as l, AXPNotificationWidgetViewComponent as m, AXP_NOTIFICATION_DEFINITION_PROVIDER as n, NOTIFICATION_MANAGEMENT_EMAIL_SEND_COMMAND_KEY as o, NOTIFICATION_MANAGEMENT_EMAIL_SHOW_DIALOG_COMMAND_KEY as p, NotificationManagementEmailShowDialogCommand as q, buildNotificationPageQuery as r, compareNotificationsByPinnedThenDate as s, myNotificationEntityFactory as t, notificationChannelEntityFactory as u, notificationEntityFactory as v, notificationLogEntityFactory as w, notificationTemplateEntityFactory as x, sortNotificationsByPinnedThenDate as y };
-//# sourceMappingURL=acorex-modules-notification-management-acorex-modules-notification-management-DZSXFNgo.mjs.map
+//# sourceMappingURL=acorex-modules-notification-management-acorex-modules-notification-management-DZWUyu54.mjs.map