@acorex/modules 19.1.8 → 19.1.10

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

@@ -1,8 +1,10 @@
+import { RootConfig as RootConfig$1 } from '@acorex/modules/text-template-management';
 import * as i1$2 from '@acorex/platform/common';
-import { AXMEntityCrudServiceImpl, AXP_MENU_PROVIDER, AXPComponentSlotModule, AXPDataGenerator, AXPEntityQueryType, AXPEntityCommandScope, AXPEntityStorageService, AXPEntityDataProviderImpl } from '@acorex/platform/common';
-import { AXPEntityService, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXMEntityCrudServiceImpl, AXPEntityQueryType, AXPEntityCommandScope, AXPDataGenerator, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXPComponentSlotModule, AXPEntityStorageService, AXPEntityDataProviderImpl } from '@acorex/platform/common';
+import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
 import * as i0 from '@angular/core';
-import { input, output, computed, Component, ChangeDetectionStrategy, inject, signal, effect, Injectable, Injector, NgModule } from '@angular/core';
+import { Injectable, NgModule, inject, input, output, computed, Component, ChangeDetectionStrategy, signal, effect, Injector } from '@angular/core';
+import { AXPEntityService, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import * as i4$1 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
 import * as i1$1 from '@acorex/components/button';
@@ -24,210 +26,43 @@ import * as i3 from '@acorex/components/avatar';
 import { AXAvatarModule } from '@acorex/components/avatar';
 import * as i4 from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
-import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
-
-class AXMNotificationService {
-}
-
-class AXMAdminNotificationItemComponent {
-    constructor() {
-        this.data = input.required();
-        this.onPressNotificationItem = output();
-        this.differentTime = computed(() => Date.now() - this.data().createAt.getTime());
-    }
-    pressNotificationItem(id) {
-        this.onPressNotificationItem.emit(id);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAdminNotificationItemComponent, isStandalone: true, selector: "axp-master-notification-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onPressNotificationItem: "onPressNotificationItem" }, ngImport: i0, template: "<div\n  class=\"notification-item\"\n  [id]=\"data().id\"\n  (click)=\"pressNotificationItem(data().id)\"\n  [class]=\"[data().template.prority, data().readAt ? 'read' : 'unread']\"\n>\n  <ax-avatar look=\"rounded\" color=\"primary\">\n    @if(data().user.image){\n    <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n    }@else {\n    <ax-icon>\n      <i class=\"fa-solid fa-lock\"></i>\n    </ax-icon>\n    }\n  </ax-avatar>\n  <div>\n    <div class=\"notification-item-title\">{{ data().title }}</div>\n    <div class=\"notification-item-body\">{{ data().body }}</div>\n    <!-- @if(false){\n    <div>\n      <div class=\"notification-file\">\n        <ax-avatar color=\"primary\">\n          <ax-icon>\n            <i class=\"fa-solid fa-file-word ax-text-2xl\"></i>\n          </ax-icon>\n        </ax-avatar>\n        <div>\n          <div class=\"notification-file-name\">New project details.docx</div>\n          <div class=\"notification-file-size\">250 KB</div>\n        </div>\n        <ax-button look=\"blank\">\n          <ax-icon>\n            <i class=\"fa-solid fa-download\"></i>\n          </ax-icon>\n        </ax-button>\n      </div>\n    </div>\n    } -->\n    <div class=\"notification-item-time\">{{ differentTime() | format : 'timeleft' | async }}</div>\n  </div>\n  @if(!data().template.isPinned){\n  <div class=\"pin-notification ltr:ax-rotate-45 rtl:ax-left-0 rtl:-ax-rotate-45 ltr:ax-right-0\">\n    <ax-icon>\n      <i class=\"fa-solid fa-thumbtack\"></i>\n    </ax-icon>\n  </div>\n  }\n</div>\n", styles: [".notification-item{position:relative;display:flex;cursor:pointer;gap:.75rem;overflow-x:hidden;padding:1rem}.notification-item.read{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.notification-item.unread{background:rgb(var(--ax-color-on-surface))}.notification-item.Notice:before,.notification-item.Danger:before,.notification-item.Warning:before{content:\"\";position:absolute;height:95%;width:.2rem;inset-inline-start:0;top:50%;transform:translateY(-50%)}.notification-item.Notice:before{background:rgb(var(--ax-color-success-500))}.notification-item.Danger:before{background:rgb(var(--ax-color-danger-500))}.notification-item.Warning:before{background:rgb(var(--ax-color-warning-500))}.notification-item ax-avatar ax-badge{position:absolute;bottom:0;inset-inline-end:.25rem;top:auto;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-surface),var(--tw-border-opacity, 1))}.notification-item>div{display:flex;flex:1 1 0%;flex-direction:column}.notification-item>div .notification-item-title,.notification-item>div .notification-file-name{max-width:20rem;font-size:1rem;font-weight:600;line-height:1.5rem}.notification-item>div .notification-item-time,.notification-item>div .notification-file-size{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-neutral-400),var(--tw-text-opacity, 1))}.notification-item>div .notification-item-body{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-width:20rem;font-size:.875rem;font-weight:400;line-height:1.5rem}.notification-item>ax-badge{position:absolute;top:1rem;inset-inline-end:1rem}.notification-item .notification-file{margin-top:.5rem;margin-bottom:.5rem;display:flex;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity, 1));padding:.5rem}.notification-item .notification-file>div{flex:1 1 0%}.notification-item .pin-notification{position:absolute;top:0;padding:1rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-neutral-400),var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "component", type: i3.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i4.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-master-notification-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        CommonModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXAvatarModule,
-                        AXImageModule,
-                        AXBadgeModule,
-                        AXFormatModule,
-                    ], template: "<div\n  class=\"notification-item\"\n  [id]=\"data().id\"\n  (click)=\"pressNotificationItem(data().id)\"\n  [class]=\"[data().template.prority, data().readAt ? 'read' : 'unread']\"\n>\n  <ax-avatar look=\"rounded\" color=\"primary\">\n    @if(data().user.image){\n    <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n    }@else {\n    <ax-icon>\n      <i class=\"fa-solid fa-lock\"></i>\n    </ax-icon>\n    }\n  </ax-avatar>\n  <div>\n    <div class=\"notification-item-title\">{{ data().title }}</div>\n    <div class=\"notification-item-body\">{{ data().body }}</div>\n    <!-- @if(false){\n    <div>\n      <div class=\"notification-file\">\n        <ax-avatar color=\"primary\">\n          <ax-icon>\n            <i class=\"fa-solid fa-file-word ax-text-2xl\"></i>\n          </ax-icon>\n        </ax-avatar>\n        <div>\n          <div class=\"notification-file-name\">New project details.docx</div>\n          <div class=\"notification-file-size\">250 KB</div>\n        </div>\n        <ax-button look=\"blank\">\n          <ax-icon>\n            <i class=\"fa-solid fa-download\"></i>\n          </ax-icon>\n        </ax-button>\n      </div>\n    </div>\n    } -->\n    <div class=\"notification-item-time\">{{ differentTime() | format : 'timeleft' | async }}</div>\n  </div>\n  @if(!data().template.isPinned){\n  <div class=\"pin-notification ltr:ax-rotate-45 rtl:ax-left-0 rtl:-ax-rotate-45 ltr:ax-right-0\">\n    <ax-icon>\n      <i class=\"fa-solid fa-thumbtack\"></i>\n    </ax-icon>\n  </div>\n  }\n</div>\n", styles: [".notification-item{position:relative;display:flex;cursor:pointer;gap:.75rem;overflow-x:hidden;padding:1rem}.notification-item.read{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.notification-item.unread{background:rgb(var(--ax-color-on-surface))}.notification-item.Notice:before,.notification-item.Danger:before,.notification-item.Warning:before{content:\"\";position:absolute;height:95%;width:.2rem;inset-inline-start:0;top:50%;transform:translateY(-50%)}.notification-item.Notice:before{background:rgb(var(--ax-color-success-500))}.notification-item.Danger:before{background:rgb(var(--ax-color-danger-500))}.notification-item.Warning:before{background:rgb(var(--ax-color-warning-500))}.notification-item ax-avatar ax-badge{position:absolute;bottom:0;inset-inline-end:.25rem;top:auto;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-surface),var(--tw-border-opacity, 1))}.notification-item>div{display:flex;flex:1 1 0%;flex-direction:column}.notification-item>div .notification-item-title,.notification-item>div .notification-file-name{max-width:20rem;font-size:1rem;font-weight:600;line-height:1.5rem}.notification-item>div .notification-item-time,.notification-item>div .notification-file-size{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-neutral-400),var(--tw-text-opacity, 1))}.notification-item>div .notification-item-body{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-width:20rem;font-size:.875rem;font-weight:400;line-height:1.5rem}.notification-item>ax-badge{position:absolute;top:1rem;inset-inline-end:1rem}.notification-item .notification-file{margin-top:.5rem;margin-bottom:.5rem;display:flex;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity, 1));padding:.5rem}.notification-item .notification-file>div{flex:1 1 0%}.notification-item .pin-notification{position:absolute;top:0;padding:1rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-neutral-400),var(--tw-text-opacity, 1))}\n"] }]
-        }] });
-
-class AXMAdminNotificationPanelComponent {
-    constructor() {
-        this.onNewNotfication = output();
-        this.notificationService = inject(AXMNotificationService);
-        this.toastService = inject(AXToastService);
-        this.router = inject(Router);
-        this.sessionService = inject(AXPSessionService);
-        this.notifications = signal(undefined);
-        this.totalNotifications = signal(undefined);
-        this.tabItems = computed(() => this.getTabItems(this.notifications()), {
-            equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),
-        });
-        this.activeTab = signal('All');
-        this.NewNotification = computed(() => this.getNewNotification(this.tabItems()));
-        this.NewNotificationEffect = effect(() => this.onNewNotfication.emit(this.NewNotification()));
-    }
-    changeActiveTab(tab) {
-        this.activeTab.set(tab);
-    }
-    ngOnInit() {
-        this.loadNotification();
-    }
-    async loadNotification() {
-        try {
-            const response = await this.notificationService.getList();
-            this.totalNotifications.set(response.total);
-            const orderedResponse = response.items.sort((a, b) => {
-                if (a.template.isPinned === b.template.isPinned) {
-                    return new Date(a.createAt).getTime() - new Date(b.createAt).getTime();
-                }
-                return a.template.isPinned ? 1 : -1;
-            });
-            this.notifications.set(orderedResponse);
-        }
-        catch (error) {
-            this.toastService.show({
-                content: typeof error === 'string' ? error : 'Failed to load notifications!',
-                color: 'danger',
-                location: 'bottom-center',
-                closeButton: true,
-                timeOut: 3000,
-                timeOutProgress: true,
-            });
-        }
-    }
-    getTabItems(notifications) {
-        if (!notifications) {
-            return [
-                {
-                    text: 'All',
-                    //active: true,
-                    count: 0,
-                },
-            ];
-        }
-        const categoryCountMap = new Map();
-        notifications.forEach((notification) => {
-            const category = notification.template.category;
-            if (!categoryCountMap.has(category)) {
-                categoryCountMap.set(category, 0);
-            }
-            if (!notification.readAt) {
-                categoryCountMap.set(category, categoryCountMap.get(category) + 1);
-            }
-        });
-        const tabItems = Array.from(categoryCountMap.entries()).map(([category, count]) => ({
-            text: category,
-            count: count,
-        }));
-        const totalCount = Array.from(categoryCountMap.values()).reduce((a, b) => a + b, 0);
-        tabItems.unshift({
-            text: 'All',
-            count: totalCount,
-        });
-        return tabItems;
-    }
-    getNewNotification(data) {
-        const total = data.filter((tab) => tab.text !== 'All').reduce((sum, tab) => sum + tab.count, 0);
-        return total;
-    }
-    getNotificationItems(category) {
-        if (category === 'All') {
-            return this.notifications();
-        }
-        else {
-            return this.notifications()?.filter((item) => item.template.category === category);
-        }
-    }
-    //
-    async markAsRead(id) {
-        try {
-            const payload = { id: [id] };
-            await this.notificationService.markAsRead(payload);
-            this.toggleRead(id);
-        }
-        catch (error) { }
-    }
-    toggleRead(id) {
-        this.notifications.update((old) => old?.map((item) => (item.id === id ? { ...item, readAt: item.readAt ? null : new Date() } : item)));
-    }
-    async markAllAsRead() {
-        try {
-            await this.notificationService.markAsRead();
-            this.toggleMarkAllAsRead();
-        }
-        catch (error) {
-            console.error(error);
-        }
-    }
-    toggleMarkAllAsRead() {
-        this.notifications.update((notification) => notification?.map((item) => {
-            if (!item.readAt) {
-                return { ...item, readAt: new Date() };
-            }
-            return item;
-        }));
-    }
-    viewAllNotifications() {
-        this.router.navigate([`${this.sessionService.application?.name}/m/notification-management/e/my-notification/list`]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAdminNotificationPanelComponent, isStandalone: true, selector: "axm-admin-notification-panel", outputs: { onNewNotfication: "onNewNotfication" }, 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){\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] ax-overflow-y-auto\">\n        @for(notif of getNotificationItems(tab.text); track notif.id){\n        <axp-master-notification-item\n          [data]=\"notif\"\n          (onPressNotificationItem)=\"markAsRead($event)\"\n        ></axp-master-notification-item>\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=\"ghost\"\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: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "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: i2.AXDecoratorIconComponent, selector: "ax-icon", 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-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4$1.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"] }, { kind: "ngmodule", type: AXFormatModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-admin-notification-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        CommonModule,
-                        AXButtonModule,
-                        AXTabsModule,
-                        AXDecoratorModule,
-                        AXBadgeModule,
-                        AXPopoverModule,
-                        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){\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] ax-overflow-y-auto\">\n        @for(notif of getNotificationItems(tab.text); track notif.id){\n        <axp-master-notification-item\n          [data]=\"notif\"\n          (onPressNotificationItem)=\"markAsRead($event)\"\n        ></axp-master-notification-item>\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=\"ghost\"\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" }]
-        }] });
-
-class AXMAdminNotificationSlotComponent {
-    constructor() {
-        this.totalNewNotification = signal(0);
-    }
-    setTotalNewNotification(value) {
-        this.totalNewNotification.set(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAdminNotificationSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-button class=\"ax-relative\" look=\"blank\" #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-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel (onNewNotfication)=\"setTotalNewNotification($event)\"> </axm-admin-notification-panel>\n  </div>\n</ax-popover>\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", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", 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-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4$2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXMAdminNotificationPanelComponent, selector: "axm-admin-notification-panel", outputs: ["onNewNotfication"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationSlotComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        CommonModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXBadgeModule,
-                        AXPopoverModule,
-                        AXMAdminNotificationPanelComponent,
-                    ], template: "<ax-button class=\"ax-relative\" look=\"blank\" #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-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel (onNewNotfication)=\"setTotalNewNotification($event)\"> </axm-admin-notification-panel>\n  </div>\n</ax-popover>\n" }]
-        }] });
+import { RootConfig as RootConfig$2 } from '@acorex/modules/form-template-management';
 
-const AXMNotificationManagementModuleConst = {
-    moduleName: 'NotificationManagement',
-    moduleRoute: 'notification-management',
+const config = {
     i18n: 'notification-management',
-    myNotificationEntity: 'my-notification',
-    notificationTemplateEntity: 'Templates',
-    notificationChannelEntity: 'Channels',
-    notificationEntity: 'Notifications',
+};
+const RootConfig = {
+    config,
+    module: {
+        route: 'notification-management',
+        name: 'NotificationManagement',
+        title: `t('module-name', {scope:"${config.i18n}"})`,
+        icon: 'fa-solid fa-bell',
+    },
+    entities: {
+        channel: {
+            name: 'Channels',
+            title: 't("channel", {scope:"${config.i18n}")',
+            icon: 'fa-solid fa-list',
+        },
+        template: {
+            name: 'Templates',
+            title: `t("template",{scope:"${config.i18n}"})`,
+            icon: 'fa-solid fa-file-code',
+        },
+        notification: {
+            name: 'Notifications',
+            title: `t("notification",{scope:"${config.i18n}"})`,
+            icon: 'fa-solid fa-file-code',
+        },
+    },
 };
 
 class AXMNotificationManagementChannelEntityService extends AXMEntityCrudServiceImpl {
 }
 class AXMNotificationManagementChannelEntityServiceImpl extends AXMNotificationManagementChannelEntityService {
     constructor() {
-        super(`${AXMNotificationManagementModuleConst.moduleName}.${AXMNotificationManagementModuleConst.notificationChannelEntity}`);
+        super(`${RootConfig.module.name}.${RootConfig.entities.channel.name}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementChannelEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementChannelEntityServiceImpl }); }
@@ -236,200 +71,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-class AXMNotificationManagementTemplateEntityService extends AXMEntityCrudServiceImpl {
-}
-class AXMNotificationManagementTemplateEntityServiceImpl extends AXMNotificationManagementTemplateEntityService {
-    constructor() {
-        super(`${AXMNotificationManagementModuleConst.moduleName}.${AXMNotificationManagementModuleConst.notificationTemplateEntity}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class AXMNotificationModuleEntityLoader {
-    constructor() {
-        this.injector = inject(Injector);
-    }
-    preload() {
-        const { notificationEntity, notificationTemplateEntity, notificationChannelEntity } = AXMNotificationManagementModuleConst;
-        const module = AXMNotificationManagementModuleConst.moduleName;
-        return [notificationEntity, notificationTemplateEntity, notificationChannelEntity].map((entity) => ({
-            module,
-            entity,
-        }));
-    }
-    async get(moduleName, entityName) {
-        return new Promise(async (resolve) => {
-            switch (entityName) {
-                case AXMNotificationManagementModuleConst.notificationTemplateEntity: {
-                    const entity = (await Promise.resolve().then(function () { return template_entity; })).notificationTemplateEntityFactory;
-                    resolve(entity(this.injector));
-                    break;
-                }
-                case AXMNotificationManagementModuleConst.notificationChannelEntity: {
-                    const entity = (await Promise.resolve().then(function () { return channel_entity; })).notificationChannelEntityFactory;
-                    resolve(entity(this.injector));
-                    break;
-                }
-                case 'my-notification': {
-                    const entity = (await Promise.resolve().then(function () { return myNotification; })).myNotificationEntityFactory;
-                    resolve(entity(this.injector));
-                    break;
-                }
-                case AXMNotificationManagementModuleConst.notificationEntity: {
-                    const entity = (await Promise.resolve().then(function () { return notification_entity; })).notificationEntityFactory;
-                    resolve(entity(this.injector));
-                    break;
-                }
-                default:
-                    resolve(null);
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationModuleEntityLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationModuleEntityLoader }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationModuleEntityLoader, decorators: [{
-            type: Injectable
-        }] });
-
-class AXMNotificationManagmentModuleMenuProvider {
-    constructor() {
-        this.entityService = inject(AXPEntityService);
-    }
-    async provide(context) {
-        const scope = AXMNotificationManagementModuleConst.i18n;
-        const moduleName = AXMNotificationManagementModuleConst.moduleName;
-        context.addItems([
-            {
-                name: moduleName,
-                priority: 9001,
-                text: `t('module-name', {scope: "${scope}"})`,
-                icon: 'fa-solid fa-bells',
-                data: {
-                // requiredPermission: 'demo.admin.settings',
-                },
-                children: [
-                    {
-                        text: `t('templates', {scope: "${scope}"})`,
-                        //TODO something might be missing here notificationTemplate vs notification- template
-                        path: this.entityService.createPath(moduleName, AXMNotificationManagementModuleConst.notificationTemplateEntity),
-                        icon: 'fa-solid fa-file-invoice',
-                        data: {
-                        // requiredPermission: '',
-                        },
-                    },
-                    {
-                        text: `t('reports', {scope: "${scope}"})`,
-                        path: this.entityService.createPath(moduleName, AXMNotificationManagementModuleConst.notificationEntity),
-                        icon: 'fa-solid fa-file-chart-column',
-                        data: {
-                        // requiredPermission: '',
-                        },
-                    },
-                ],
-            },
-        ]);
-        //
-        context.find('edit-profile').insert([
-            {
-                name: 'my-notifications',
-                text: `t('my', {scope: "${scope}"})`,
-                icon: 'fa-solid fa-bell',
-                path: this.entityService.createPath(moduleName, AXMNotificationManagementModuleConst.myNotificationEntity),
-                data: {
-                // requiredPermission: '',
-                },
-            },
-        ], 'after');
-    }
-}
-
-class AXMNotificationManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, imports: [i1$2.AXPComponentSlotModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, providers: [
-            {
-                provide: AXMNotificationManagementTemplateEntityService,
-                useClass: AXMNotificationManagementTemplateEntityServiceImpl,
-            },
-            {
-                provide: AXMNotificationManagementChannelEntityService,
-                useClass: AXMNotificationManagementChannelEntityServiceImpl,
-            },
-            {
-                provide: AXP_ENTITY_DEFINITION_LOADER,
-                useClass: AXMNotificationModuleEntityLoader,
-                multi: true,
-            },
-            {
-                provide: AXP_MENU_PROVIDER,
-                useClass: AXMNotificationManagmentModuleMenuProvider,
-                multi: true,
-            },
-        ], imports: [AXPComponentSlotModule.forChild({
-                'header-end': [
-                    {
-                        name: 'notification',
-                        component: AXMAdminNotificationSlotComponent,
-                    },
-                ],
-            })] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AXPComponentSlotModule.forChild({
-                            'header-end': [
-                                {
-                                    name: 'notification',
-                                    component: AXMAdminNotificationSlotComponent,
-                                },
-                            ],
-                        }),
-                    ],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMNotificationManagementTemplateEntityService,
-                            useClass: AXMNotificationManagementTemplateEntityServiceImpl,
-                        },
-                        {
-                            provide: AXMNotificationManagementChannelEntityService,
-                            useClass: AXMNotificationManagementChannelEntityServiceImpl,
-                        },
-                        {
-                            provide: AXP_ENTITY_DEFINITION_LOADER,
-                            useClass: AXMNotificationModuleEntityLoader,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_MENU_PROVIDER,
-                            useClass: AXMNotificationManagmentModuleMenuProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
-async function notificationChannelEntityFactory(injector) {
-    const dataService = injector.get(AXMNotificationManagementChannelEntityService);
-    const entityDef = {
-        module: AXMNotificationManagementModuleConst.moduleName,
-        name: AXMNotificationManagementModuleConst.notificationChannelEntity,
-        source: '',
-        title: 'Notification Channel',
-        formats: {
-            individual: 'Channel',
-            plural: 'Channels',
-        },
-        relatedEntities: [],
-        groups: [
+async function notificationChannelEntityFactory(injector) {
+    const dataService = injector.get(AXMNotificationManagementChannelEntityService);
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.channel.name,
+        source: '',
+        title: RootConfig.entities.channel.title,
+        formats: {
+            individual: 'Channel',
+            plural: 'Channels',
+        },
+        relatedEntities: [],
+        groups: [
             {
                 id: 'notificationChannel',
                 title: 'Notification Channel',
@@ -461,7 +115,7 @@ async function notificationChannelEntityFactory(injector) {
                     interface: {
                         type: AXPWidgetsCatalog.lookup,
                         options: {
-                            entity: 'templateManagement.template',
+                            entity: `${RootConfig$1.module.name}.${RootConfig$1.entities.template.name}`,
                             expose: { source: 'content', target: 'body' },
                         },
                     },
@@ -531,37 +185,25 @@ async function notificationChannelEntityFactory(injector) {
         commands: {
             create: {
                 execute: async (data) => {
-                    const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.insertOne(entity);
-                    return Promise.resolve(entity);
+                    const res = await dataService.insertOne(data);
+                    return { id: res };
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.deleteOne(id);
-                    return Promise.resolve();
+                    return await dataService.deleteOne(id);
                 },
             },
             update: {
                 execute: async (data) => {
-                    return new Promise((resolve) => {
-                        setTimeout(async () => {
-                            await dataService.updateOne(data.id, data);
-                            resolve(data);
-                        }, 1000);
-                    });
+                    return await dataService.updateOne(data.id, data);
                 },
             },
         },
         queries: {
             byKey: {
                 execute: async (id) => {
-                    return new Promise((resolve) => {
-                        setTimeout(async () => {
-                            const entity = await dataService.getOne(id);
-                            resolve(entity);
-                        }, 500);
-                    });
+                    return await dataService.getOne(id);
                 },
                 type: AXPEntityQueryType.Single,
             },
@@ -756,316 +398,141 @@ var channel_entity = /*#__PURE__*/Object.freeze({
     notificationChannelEntityFactory: notificationChannelEntityFactory
 });
 
-async function myNotificationEntityFactory(injector) {
-    const storageService = injector.get(AXPEntityStorageService);
-    const dataProvider = new AXPEntityDataProviderImpl(storageService, 'notifications');
-    const moduleName = 'notification-management';
-    const scope = `#${moduleName}`;
+class AXMNotificationEntityService extends AXMEntityCrudServiceImpl {
+}
+class AXMNotificationEntityServiceImpl extends AXMNotificationEntityService {
+    getList() {
+        throw new Error('Method not implemented.');
+    }
+    markAsRead(payload) {
+        throw new Error('Method not implemented.');
+    }
+    create(payload) {
+        throw new Error('Method not implemented.');
+    }
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.notification.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationEntityServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationEntityServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+async function notificationEntityFactory(injector) {
+    const dataService = injector.get(AXMNotificationEntityService);
     const entityDef = {
-        module: moduleName,
-        name: 'notification',
-        source: 'notification-management.notification',
-        title: `t('my',{scope: 'notification-management'})`,
+        module: RootConfig.module.name,
+        name: RootConfig.entities.notification.name,
+        source: '',
+        title: RootConfig.entities.notification.title,
         formats: {
-            individual: `t('my',{scope: 'notification-management'})`,
-            plural: `t('my',{scope: 'notification-management'})`,
+            individual: 't("notifications",{scope: "notification-management"})',
+            plural: 't("notifications",{scope: "notification-management"})',
         },
+        relatedEntities: [
+            {
+                entity: 'notification-management.notificationLog',
+                columns: ['title', 'status'],
+            },
+        ],
         groups: [
-            { id: 'data', title: 'Data' },
-            { id: 'content', title: 'Content' },
-            { id: 'action', title: 'Action' },
-            { id: 'user', title: 'User' },
-            { id: 'template', title: 'Template' },
+            {
+                id: 'notification',
+                title: 'Notification',
+            },
         ],
         properties: [
             {
-                name: 'id',
-                title: 'ID',
-                groupId: 'data',
+                name: 'name',
+                title: 'Name',
+                groupId: 'notification',
                 schema: {
                     dataType: 'string',
-                    hidden: true,
-                    nullable: false,
-                    readonly: true,
-                    unique: { enabled: true },
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
                 },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
             },
             {
                 name: 'title',
-                title: 't("title", { scope: "common" })',
-                groupId: 'data',
+                title: 'Title',
+                groupId: 'notification',
                 schema: {
                     dataType: 'string',
                     interface: {
                         type: AXPWidgetsCatalog.text,
                     },
                 },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
             },
             {
                 name: 'body',
                 title: 'Body',
-                groupId: 'data',
+                groupId: 'notification',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.largeText,
+                        type: AXPWidgetsCatalog.richText,
                     },
                 },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
             },
             {
                 name: 'channel',
                 title: 'Channel',
-                groupId: 'data',
+                groupId: 'notification',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: { dataSource: ['InApp', 'Email', 'SMS'], multiple: false },
-                    },
-                },
-            },
-            {
-                name: 'content.type',
-                title: 'Content Data',
-                groupId: 'content',
-                schema: {
-                    dataType: 'object',
-                    interface: {
-                        type: AXPWidgetsCatalog.richText,
+                        type: AXPWidgetsCatalog.text,
                     },
                 },
             },
             {
-                name: 'action.type',
-                title: 'Action Type',
-                groupId: 'action',
+                name: 'user.name',
+                title: 'User Name',
+                groupId: 'notification',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: { dataSource: ['Link', 'Entity', 'Popup'], multiple: false },
+                        type: AXPWidgetsCatalog.text,
                     },
                 },
             },
-            {
-                name: 'User.name',
-                title: 'Username',
-                groupId: 'user',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
+        ],
+        columns: [{ name: 'title' }, { name: 'body' }, { name: 'user.name' }, { name: 'channel' }],
+        queries: {
+            byKey: {
+                execute: async (id) => {
+                    return new Promise((resolve) => {
+                        setTimeout(async () => {
+                            const entity = await dataService.getOne(id);
+                            resolve(entity);
+                        }, 500);
+                    });
                 },
+                type: AXPEntityQueryType.Single,
             },
-            {
-                name: 'template.category',
-                title: 'Category',
-                groupId: 'template',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: { dataSource: ['Inbox', 'Archive'], multiple: false },
-                    },
+            list: {
+                execute: async (e) => {
+                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
                 },
-            },
-            {
-                name: 'template.prority',
-                title: 'Prority',
-                groupId: 'template',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: { dataSource: ['Warning', 'Danger', 'Notice'], multiple: false },
-                    },
-                },
-            },
-            {
-                name: 'template.isPinned',
-                title: 'Is Pinned',
-                groupId: 'template',
-                schema: {
-                    dataType: 'boolean',
-                    interface: {
-                        type: AXPWidgetsCatalog.checkbox,
-                        options: {
-                            label: 'Is Pinned',
-                        },
-                    },
-                },
-            },
-            {
-                name: 'readAt',
-                title: 'Read At',
-                groupId: 'data',
-                schema: {
-                    dataType: 'datetime',
-                    interface: {
-                        type: AXPWidgetsCatalog.dateTime,
-                        options: { format: 'date' },
-                    },
-                },
-            },
-            {
-                name: 'createAt',
-                title: 'Created At',
-                groupId: 'data',
-                schema: {
-                    dataType: 'datetime',
-                    interface: {
-                        type: AXPWidgetsCatalog.dateTime,
-                        options: { format: 'date' },
-                    },
-                },
-            },
-        ],
-        columns: [
-            { name: 'title' },
-            { name: 'body' },
-            { name: 'channel' },
-            { name: 'user.name' },
-            { name: 'template.category' },
-            { name: 'template.prority' },
-            { name: 'createAt' },
-            { name: 'readAt' },
-        ],
-        commands: {
-            create: {
-                execute: async (data) => {
-                    console.log('CREATE', data);
-                    const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    await dataProvider.insertOne(entity);
-                    return entity;
-                },
-            },
-            delete: {
-                execute: async (id) => {
-                    console.log('CREATE', id);
-                    await dataProvider.deleteOne(id);
-                },
-            },
-            update: {
-                execute: async (data) => {
-                    await dataProvider.updateOne(data.id, data);
-                },
-            },
-        },
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    return await dataProvider.getOne(id);
-                },
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    const list = await dataProvider.getAll();
-                    return {
-                        total: list.length,
-                        items: list.slice(e.skip, e.skip + e.take),
-                    };
-                },
-                type: AXPEntityQueryType.List,
-            },
-        },
-        interfaces: {
-            master: {
-                list: {
-                    actions: [
-                        {
-                            title: 'Delete',
-                            command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Selected,
-                        },
-                    ],
-                    views: [{ name: 'all', title: 'All Notifications', fixed: true, columns: [], conditions: [], sorts: [] }],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var myNotification = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    myNotificationEntityFactory: myNotificationEntityFactory
-});
-
-async function notificationLogEntityFactory(injector) {
-    const dataService = injector.get(AXMNotificationManagementChannelEntityService);
-    const entityDef = {
-        module: 'notification-management',
-        name: 'notification',
-        source: 'notification-management.notificationLog',
-        title: 'Notification',
-        formats: {
-            individual: 'NotificationLog',
-            plural: 'NotificationLogs',
-        },
-        relatedEntities: [],
-        groups: [
-            {
-                id: 'notification',
-                title: 'Notification',
-            },
-        ],
-        properties: [
-            {
-                name: 'name',
-                title: 'Name',
-                groupId: 'notification',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-            },
-            {
-                name: 'title',
-                title: 'Title',
-                groupId: 'notification',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-            },
-            {
-                name: 'status',
-                title: 'Status',
-                groupId: 'notification',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.richText,
-                    },
-                },
-            },
-        ],
-        columns: [{ name: 'name' }, { name: 'title' }, { name: 'body' }, { name: 'user.name' }, { name: 'channel' }],
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    return new Promise((resolve) => {
-                        setTimeout(async () => {
-                            const entity = await dataService.getOne(id);
-                            resolve(entity);
-                        }, 500);
-                    });
-                },
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
-                },
-                type: AXPEntityQueryType.List,
+                type: AXPEntityQueryType.List,
             },
         },
         interfaces: {
@@ -1147,111 +614,1067 @@ async function notificationLogEntityFactory(injector) {
                             type: 'view',
                             scope: AXPEntityCommandScope.Individual,
                         },
-                    ],
-                    views: [
+                    ],
+                    views: [
+                        {
+                            name: 'all',
+                            title: 'All Items',
+                            fixed: true,
+                            columns: [],
+                            conditions: [],
+                            sorts: [],
+                        },
+                    ],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+var notification_entity = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    notificationEntityFactory: notificationEntityFactory
+});
+
+class AXMNotificationManagementTemplateEntityService extends AXMEntityCrudServiceImpl {
+}
+class AXMNotificationManagementTemplateEntityServiceImpl extends AXMNotificationManagementTemplateEntityService {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.template.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+async function notificationTemplateEntityFactory(injector) {
+    const dataService = injector.get(AXMNotificationManagementTemplateEntityService);
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.template.name,
+        source: '',
+        title: RootConfig.entities.template.title,
+        formats: {
+            individual: 't("template",{scope: "notification-management"})',
+            plural: 't("template",{scope: "notification-management"})',
+        },
+        relatedEntities: [
+            {
+                entity: `${RootConfig.module.name}.${RootConfig.entities.channel.name}`,
+                columns: ['title', 'body', 'channel'],
+                conditions: [
+                    {
+                        name: 'notificationId',
+                        operator: {
+                            type: 'equal',
+                        },
+                        value: 'id',
+                    },
+                ],
+            },
+        ],
+        groups: [
+            {
+                id: 'notification',
+                title: 'Notification',
+            },
+        ],
+        properties: [
+            {
+                name: 'name',
+                title: 'Name',
+                groupId: 'notification',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'title',
+                title: 'Title',
+                groupId: 'notification',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'description',
+                title: 'Description',
+                groupId: 'notification',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+        ],
+        columns: [{ name: 'name' }, { name: 'title' }],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
+                    dataService.insertOne(entity);
+                    return Promise.resolve(entity);
+                },
+            },
+            delete: {
+                execute: async (id) => {
+                    await await dataService.deleteOne(id);
+                    return Promise.resolve();
+                },
+            },
+            update: {
+                execute: async (data) => {
+                    return new Promise((resolve) => {
+                        setTimeout(async () => {
+                            await dataService.updateOne(data.id, data);
+                            resolve(data);
+                        }, 1000);
+                    });
+                },
+            },
+        },
+        queries: {
+            byKey: {
+                execute: async (id) => {
+                    return new Promise((resolve) => {
+                        setTimeout(async () => {
+                            const entity = await dataService.getOne(id);
+                            resolve(entity);
+                        }, 500);
+                    });
+                },
+                type: AXPEntityQueryType.Single,
+            },
+            list: {
+                execute: async (e) => {
+                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                },
+                type: AXPEntityQueryType.List,
+            },
+        },
+        interfaces: {
+            master: {
+                create: {
+                    sections: [
+                        {
+                            id: 'notification',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'description',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                update: {
+                    sections: [
+                        {
+                            id: 'notification',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'description',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        {
+                            id: 'notification',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'description',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                    actions: [],
+                },
+                list: {
+                    actions: [
+                        {
+                            title: 'Create New',
+                            command: 'create-entity',
+                            priority: 'primary',
+                            type: 'create',
+                            scope: AXPEntityCommandScope.TypeLevel,
+                        },
+                        {
+                            title: 'Delete Items',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Selected,
+                        },
+                        {
+                            title: 'Details',
+                            command: 'open-entity',
+                            priority: 'primary',
+                            type: 'view',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                        {
+                            title: 'Delete',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                    ],
+                    views: [
+                        {
+                            name: 'all',
+                            title: 'All Items',
+                            fixed: true,
+                            columns: [],
+                            conditions: [],
+                            sorts: [],
+                        },
+                    ],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+var template_entity = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    notificationTemplateEntityFactory: notificationTemplateEntityFactory
+});
+
+class AXMNotificationManagementTemplateEntityModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityModule, providers: [
+            {
+                provide: AXMNotificationManagementTemplateEntityService,
+                useClass: AXMNotificationManagementTemplateEntityServiceImpl,
+            },
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementTemplateEntityModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    exports: [],
+                    declarations: [],
+                    providers: [
+                        {
+                            provide: AXMNotificationManagementTemplateEntityService,
+                            useClass: AXMNotificationManagementTemplateEntityServiceImpl,
+                        },
+                    ],
+                }]
+        }] });
+
+class AXMNotificationManagmentModuleMenuProvider {
+    constructor() {
+        this.entityService = inject(AXPEntityService);
+    }
+    async provide(context) {
+        const scope = RootConfig.config.i18n;
+        const moduleName = RootConfig.module.name;
+        context.addItems([
+            {
+                name: moduleName,
+                priority: 9001,
+                text: `t('module-name', {scope: "${scope}"})`,
+                icon: 'fa-solid fa-bells',
+                data: {
+                // requiredPermission: 'demo.admin.settings',
+                },
+                children: [
+                    {
+                        text: `t('templates', {scope: "${scope}"})`,
+                        //TODO something might be missing here notificationTemplate vs notification- template
+                        path: this.entityService.createPath(moduleName, RootConfig.entities.template.name),
+                        icon: 'fa-solid fa-file-invoice',
+                        data: {
+                        // requiredPermission: '',
+                        },
+                    },
+                    // {
+                    //   text: `t('reports', {scope: "${scope}"})`,
+                    //   path: this.entityService.createPath(moduleName, RootConfig.entities.notification.name),
+                    //   icon: 'fa-solid fa-file-chart-column',
+                    //   data: {
+                    //     // requiredPermission: '',
+                    //   },
+                    // },
+                ],
+            },
+        ]);
+        //
+        context.find('edit-profile').insert([
+            {
+                name: 'my-notifications',
+                text: `t('my', {scope: "${scope}"})`,
+                icon: 'fa-solid fa-bell',
+                path: this.entityService.createPath(moduleName, 'my-notification'),
+                data: {
+                // requiredPermission: '',
+                },
+            },
+        ], 'after');
+    }
+}
+
+class AXMAdminNotificationItemComponent {
+    constructor() {
+        this.data = input.required();
+        this.onPressNotificationItem = output();
+        this.differentTime = computed(() => Date.now() - this.data().createAt.getTime());
+    }
+    pressNotificationItem(id) {
+        this.onPressNotificationItem.emit(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAdminNotificationItemComponent, isStandalone: true, selector: "axp-master-notification-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onPressNotificationItem: "onPressNotificationItem" }, ngImport: i0, template: "<div\n  class=\"notification-item\"\n  [id]=\"data().id\"\n  (click)=\"pressNotificationItem(data().id)\"\n  [class]=\"[data().template.prority, data().readAt ? 'read' : 'unread']\"\n>\n  <ax-avatar look=\"rounded\" color=\"primary\">\n    @if(data().user.image){\n    <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n    }@else {\n    <ax-icon>\n      <i class=\"fa-solid fa-lock\"></i>\n    </ax-icon>\n    }\n  </ax-avatar>\n  <div>\n    <div class=\"notification-item-title\">{{ data().title }}</div>\n    <div class=\"notification-item-body\">{{ data().body }}</div>\n    <!-- @if(false){\n    <div>\n      <div class=\"notification-file\">\n        <ax-avatar color=\"primary\">\n          <ax-icon>\n            <i class=\"fa-solid fa-file-word ax-text-2xl\"></i>\n          </ax-icon>\n        </ax-avatar>\n        <div>\n          <div class=\"notification-file-name\">New project details.docx</div>\n          <div class=\"notification-file-size\">250 KB</div>\n        </div>\n        <ax-button look=\"blank\">\n          <ax-icon>\n            <i class=\"fa-solid fa-download\"></i>\n          </ax-icon>\n        </ax-button>\n      </div>\n    </div>\n    } -->\n    <div class=\"notification-item-time\">{{ differentTime() | format : 'timeleft' | async }}</div>\n  </div>\n  @if(!data().template.isPinned){\n  <div class=\"pin-notification ltr:ax-rotate-45 rtl:ax-left-0 rtl:-ax-rotate-45 ltr:ax-right-0\">\n    <ax-icon>\n      <i class=\"fa-solid fa-thumbtack\"></i>\n    </ax-icon>\n  </div>\n  }\n</div>\n", styles: [".notification-item{position:relative;display:flex;cursor:pointer;gap:.75rem;overflow-x:hidden;padding:1rem}.notification-item.read{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.notification-item.unread{background:rgb(var(--ax-color-on-surface))}.notification-item.Notice:before,.notification-item.Danger:before,.notification-item.Warning:before{content:\"\";position:absolute;height:95%;width:.2rem;inset-inline-start:0;top:50%;transform:translateY(-50%)}.notification-item.Notice:before{background:rgb(var(--ax-color-success-500))}.notification-item.Danger:before{background:rgb(var(--ax-color-danger-500))}.notification-item.Warning:before{background:rgb(var(--ax-color-warning-500))}.notification-item ax-avatar ax-badge{position:absolute;bottom:0;inset-inline-end:.25rem;top:auto;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-surface),var(--tw-border-opacity, 1))}.notification-item>div{display:flex;flex:1 1 0%;flex-direction:column}.notification-item>div .notification-item-title,.notification-item>div .notification-file-name{max-width:20rem;font-size:1rem;font-weight:600;line-height:1.5rem}.notification-item>div .notification-item-time,.notification-item>div .notification-file-size{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-neutral-400),var(--tw-text-opacity, 1))}.notification-item>div .notification-item-body{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-width:20rem;font-size:.875rem;font-weight:400;line-height:1.5rem}.notification-item>ax-badge{position:absolute;top:1rem;inset-inline-end:1rem}.notification-item .notification-file{margin-top:.5rem;margin-bottom:.5rem;display:flex;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity, 1));padding:.5rem}.notification-item .notification-file>div{flex:1 1 0%}.notification-item .pin-notification{position:absolute;top:0;padding:1rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-neutral-400),var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "component", type: i3.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"], outputs: ["sizeChange"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i4.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i5.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-master-notification-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXAvatarModule,
+                        AXImageModule,
+                        AXBadgeModule,
+                        AXFormatModule,
+                    ], template: "<div\n  class=\"notification-item\"\n  [id]=\"data().id\"\n  (click)=\"pressNotificationItem(data().id)\"\n  [class]=\"[data().template.prority, data().readAt ? 'read' : 'unread']\"\n>\n  <ax-avatar look=\"rounded\" color=\"primary\">\n    @if(data().user.image){\n    <ax-image src=\"https://i.pravatar.cc/300\"></ax-image>\n    }@else {\n    <ax-icon>\n      <i class=\"fa-solid fa-lock\"></i>\n    </ax-icon>\n    }\n  </ax-avatar>\n  <div>\n    <div class=\"notification-item-title\">{{ data().title }}</div>\n    <div class=\"notification-item-body\">{{ data().body }}</div>\n    <!-- @if(false){\n    <div>\n      <div class=\"notification-file\">\n        <ax-avatar color=\"primary\">\n          <ax-icon>\n            <i class=\"fa-solid fa-file-word ax-text-2xl\"></i>\n          </ax-icon>\n        </ax-avatar>\n        <div>\n          <div class=\"notification-file-name\">New project details.docx</div>\n          <div class=\"notification-file-size\">250 KB</div>\n        </div>\n        <ax-button look=\"blank\">\n          <ax-icon>\n            <i class=\"fa-solid fa-download\"></i>\n          </ax-icon>\n        </ax-button>\n      </div>\n    </div>\n    } -->\n    <div class=\"notification-item-time\">{{ differentTime() | format : 'timeleft' | async }}</div>\n  </div>\n  @if(!data().template.isPinned){\n  <div class=\"pin-notification ltr:ax-rotate-45 rtl:ax-left-0 rtl:-ax-rotate-45 ltr:ax-right-0\">\n    <ax-icon>\n      <i class=\"fa-solid fa-thumbtack\"></i>\n    </ax-icon>\n  </div>\n  }\n</div>\n", styles: [".notification-item{position:relative;display:flex;cursor:pointer;gap:.75rem;overflow-x:hidden;padding:1rem}.notification-item.read{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.notification-item.unread{background:rgb(var(--ax-color-on-surface))}.notification-item.Notice:before,.notification-item.Danger:before,.notification-item.Warning:before{content:\"\";position:absolute;height:95%;width:.2rem;inset-inline-start:0;top:50%;transform:translateY(-50%)}.notification-item.Notice:before{background:rgb(var(--ax-color-success-500))}.notification-item.Danger:before{background:rgb(var(--ax-color-danger-500))}.notification-item.Warning:before{background:rgb(var(--ax-color-warning-500))}.notification-item ax-avatar ax-badge{position:absolute;bottom:0;inset-inline-end:.25rem;top:auto;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-surface),var(--tw-border-opacity, 1))}.notification-item>div{display:flex;flex:1 1 0%;flex-direction:column}.notification-item>div .notification-item-title,.notification-item>div .notification-file-name{max-width:20rem;font-size:1rem;font-weight:600;line-height:1.5rem}.notification-item>div .notification-item-time,.notification-item>div .notification-file-size{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-neutral-400),var(--tw-text-opacity, 1))}.notification-item>div .notification-item-body{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-width:20rem;font-size:.875rem;font-weight:400;line-height:1.5rem}.notification-item>ax-badge{position:absolute;top:1rem;inset-inline-end:1rem}.notification-item .notification-file{margin-top:.5rem;margin-bottom:.5rem;display:flex;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity, 1));padding:.5rem}.notification-item .notification-file>div{flex:1 1 0%}.notification-item .pin-notification{position:absolute;top:0;padding:1rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-neutral-400),var(--tw-text-opacity, 1))}\n"] }]
+        }] });
+
+class AXMAdminNotificationPanelComponent {
+    constructor() {
+        this.onNewNotfication = output();
+        this.notificationService = inject(AXMNotificationEntityService);
+        this.toastService = inject(AXToastService);
+        this.router = inject(Router);
+        this.sessionService = inject(AXPSessionService);
+        this.notifications = signal(undefined);
+        this.totalNotifications = signal(undefined);
+        this.tabItems = computed(() => this.getTabItems(this.notifications()), {
+            equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),
+        });
+        this.activeTab = signal('All');
+        this.NewNotification = computed(() => this.getNewNotification(this.tabItems()));
+        this.NewNotificationEffect = effect(() => this.onNewNotfication.emit(this.NewNotification()));
+    }
+    changeActiveTab(tab) {
+        this.activeTab.set(tab);
+    }
+    ngOnInit() {
+        this.loadNotification();
+    }
+    async loadNotification() {
+        try {
+            const response = await this.notificationService.getList();
+            this.totalNotifications.set(response.total);
+            const orderedResponse = response.items.sort((a, b) => {
+                if (a.template.isPinned === b.template.isPinned) {
+                    return new Date(a.createAt).getTime() - new Date(b.createAt).getTime();
+                }
+                return a.template.isPinned ? 1 : -1;
+            });
+            this.notifications.set(orderedResponse);
+        }
+        catch (error) {
+            this.toastService.show({
+                content: typeof error === 'string' ? error : 'Failed to load notifications!',
+                color: 'danger',
+                location: 'bottom-center',
+                closeButton: true,
+                timeOut: 3000,
+                timeOutProgress: true,
+            });
+        }
+    }
+    getTabItems(notifications) {
+        if (!notifications) {
+            return [
+                {
+                    text: 'All',
+                    //active: true,
+                    count: 0,
+                },
+            ];
+        }
+        const categoryCountMap = new Map();
+        notifications.forEach((notification) => {
+            const category = notification.template.category;
+            if (!categoryCountMap.has(category)) {
+                categoryCountMap.set(category, 0);
+            }
+            if (!notification.readAt) {
+                categoryCountMap.set(category, categoryCountMap.get(category) + 1);
+            }
+        });
+        const tabItems = Array.from(categoryCountMap.entries()).map(([category, count]) => ({
+            text: category,
+            count: count,
+        }));
+        const totalCount = Array.from(categoryCountMap.values()).reduce((a, b) => a + b, 0);
+        tabItems.unshift({
+            text: 'All',
+            count: totalCount,
+        });
+        return tabItems;
+    }
+    getNewNotification(data) {
+        const total = data.filter((tab) => tab.text !== 'All').reduce((sum, tab) => sum + tab.count, 0);
+        return total;
+    }
+    getNotificationItems(category) {
+        if (category === 'All') {
+            return this.notifications();
+        }
+        else {
+            return this.notifications()?.filter((item) => item.template.category === category);
+        }
+    }
+    //
+    async markAsRead(id) {
+        try {
+            const payload = { id: [id] };
+            await this.notificationService.markAsRead(payload);
+            this.toggleRead(id);
+        }
+        catch (error) { }
+    }
+    toggleRead(id) {
+        this.notifications.update((old) => old?.map((item) => (item.id === id ? { ...item, readAt: item.readAt ? null : new Date() } : item)));
+    }
+    async markAllAsRead() {
+        try {
+            await this.notificationService.markAsRead();
+            this.toggleMarkAllAsRead();
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    toggleMarkAllAsRead() {
+        this.notifications.update((notification) => notification?.map((item) => {
+            if (!item.readAt) {
+                return { ...item, readAt: new Date() };
+            }
+            return item;
+        }));
+    }
+    viewAllNotifications() {
+        this.router.navigate([`${this.sessionService.application?.name}/m/notification-management/e/my-notification/list`]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAdminNotificationPanelComponent, isStandalone: true, selector: "axm-admin-notification-panel", outputs: { onNewNotfication: "onNewNotfication" }, 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){\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] ax-overflow-y-auto\">\n        @for(notif of getNotificationItems(tab.text); track notif.id){\n        <axp-master-notification-item\n          [data]=\"notif\"\n          (onPressNotificationItem)=\"markAsRead($event)\"\n        ></axp-master-notification-item>\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=\"ghost\"\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: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "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: i2.AXDecoratorIconComponent, selector: "ax-icon", 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-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4$1.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"] }, { kind: "ngmodule", type: AXFormatModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-admin-notification-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXTabsModule,
+                        AXDecoratorModule,
+                        AXBadgeModule,
+                        AXPopoverModule,
+                        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){\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] ax-overflow-y-auto\">\n        @for(notif of getNotificationItems(tab.text); track notif.id){\n        <axp-master-notification-item\n          [data]=\"notif\"\n          (onPressNotificationItem)=\"markAsRead($event)\"\n        ></axp-master-notification-item>\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=\"ghost\"\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" }]
+        }] });
+
+class AXMAdminNotificationSlotComponent {
+    constructor() {
+        this.totalNewNotification = signal(0);
+    }
+    setTotalNewNotification(value) {
+        this.totalNewNotification.set(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMAdminNotificationSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-button class=\"ax-relative\" look=\"blank\" #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-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel (onNewNotfication)=\"setTotalNewNotification($event)\"> </axm-admin-notification-panel>\n  </div>\n</ax-popover>\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", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", 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-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i4$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i4$2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXMAdminNotificationPanelComponent, selector: "axm-admin-notification-panel", outputs: ["onNewNotfication"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAdminNotificationSlotComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXBadgeModule,
+                        AXPopoverModule,
+                        AXMAdminNotificationPanelComponent,
+                    ], template: "<ax-button class=\"ax-relative\" look=\"blank\" #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-surface ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel (onNewNotfication)=\"setTotalNewNotification($event)\"> </axm-admin-notification-panel>\n  </div>\n</ax-popover>\n" }]
+        }] });
+
+class AXMEntityLoader {
+    constructor() {
+        this.injector = inject(Injector);
+    }
+    preload() {
+        const module = RootConfig.module.name;
+        return Array.from(Object.values(RootConfig.entities)).map((entity) => ({
+            module: module,
+            entity: entity.name,
+        }));
+    }
+    async get(moduleName, entityName) {
+        if (moduleName == RootConfig.module.name) {
+            return new Promise(async (resolve) => {
+                switch (entityName) {
+                    case RootConfig.entities.template.name: {
+                        const entity = (await Promise.resolve().then(function () { return template_entity; })).notificationTemplateEntityFactory;
+                        resolve(entity(this.injector));
+                        break;
+                    }
+                    case RootConfig.entities.channel.name: {
+                        const entity = (await Promise.resolve().then(function () { return channel_entity; })).notificationChannelEntityFactory;
+                        resolve(entity(this.injector));
+                        break;
+                    }
+                    //TODO: Add your custom entity here
+                    case 'my-notification': {
+                        const entity = (await Promise.resolve().then(function () { return myNotification; })).myNotificationEntityFactory;
+                        resolve(entity(this.injector));
+                        break;
+                    }
+                    case RootConfig.entities.notification.name: {
+                        const entity = (await Promise.resolve().then(function () { return notification_entity; })).notificationEntityFactory;
+                        resolve(entity(this.injector));
+                        break;
+                    }
+                    default:
+                        resolve(null);
+                }
+            });
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMEntityLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMEntityLoader }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMEntityLoader, decorators: [{
+            type: Injectable
+        }] });
+
+class AXMNotificationManagementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, imports: [i1$2.AXPComponentSlotModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, providers: [
+            {
+                provide: AXMNotificationManagementTemplateEntityService,
+                useClass: AXMNotificationManagementTemplateEntityServiceImpl,
+            },
+            {
+                provide: AXMNotificationManagementChannelEntityService,
+                useClass: AXMNotificationManagementChannelEntityServiceImpl,
+            },
+            {
+                provide: AXMNotificationEntityService,
+                useClass: AXMNotificationEntityServiceImpl,
+            },
+            {
+                provide: AXP_ENTITY_DEFINITION_LOADER,
+                useClass: AXMEntityLoader,
+                multi: true,
+            },
+            {
+                provide: AXP_MENU_PROVIDER,
+                useClass: AXMNotificationManagmentModuleMenuProvider,
+                multi: true,
+            },
+            // {
+            //   provide: AXP_SETTING_DEFINITION_PROVIDER,
+            //   useClass: AXMSettingProvider,
+            //   multi: true,
+            // },
+            {
+                provide: AXP_SETTING_DEFINITION_PROVIDER,
+                useFactory: async () => {
+                    const provider = (await Promise.resolve().then(function () { return setting_provider; })).AXMSettingProvider;
+                    return new provider();
+                },
+                multi: true,
+            },
+        ], imports: [AXPComponentSlotModule.forChild({
+                'header-end': [
+                    {
+                        name: 'notification',
+                        component: AXMAdminNotificationSlotComponent,
+                    },
+                ],
+            })] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AXPComponentSlotModule.forChild({
+                            'header-end': [
+                                {
+                                    name: 'notification',
+                                    component: AXMAdminNotificationSlotComponent,
+                                },
+                            ],
+                        }),
+                    ],
+                    exports: [],
+                    declarations: [],
+                    providers: [
+                        {
+                            provide: AXMNotificationManagementTemplateEntityService,
+                            useClass: AXMNotificationManagementTemplateEntityServiceImpl,
+                        },
+                        {
+                            provide: AXMNotificationManagementChannelEntityService,
+                            useClass: AXMNotificationManagementChannelEntityServiceImpl,
+                        },
+                        {
+                            provide: AXMNotificationEntityService,
+                            useClass: AXMNotificationEntityServiceImpl,
+                        },
+                        {
+                            provide: AXP_ENTITY_DEFINITION_LOADER,
+                            useClass: AXMEntityLoader,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_MENU_PROVIDER,
+                            useClass: AXMNotificationManagmentModuleMenuProvider,
+                            multi: true,
+                        },
+                        // {
+                        //   provide: AXP_SETTING_DEFINITION_PROVIDER,
+                        //   useClass: AXMSettingProvider,
+                        //   multi: true,
+                        // },
                         {
-                            name: 'all',
-                            title: 'All Items',
-                            fixed: true,
-                            columns: [],
-                            conditions: [],
-                            sorts: [],
+                            provide: AXP_SETTING_DEFINITION_PROVIDER,
+                            useFactory: async () => {
+                                const provider = (await Promise.resolve().then(function () { return setting_provider; })).AXMSettingProvider;
+                                return new provider();
+                            },
+                            multi: true,
                         },
                     ],
+                }]
+        }] });
+
+var AXPSettingKeys;
+(function (AXPSettingKeys) {
+    // SMTP Settings
+    AXPSettingKeys["Server"] = "notification:email:server";
+    AXPSettingKeys["Port"] = "notification:email:port";
+    AXPSettingKeys["Username"] = "notification:email:username";
+    AXPSettingKeys["Password"] = "notification:email:password";
+    AXPSettingKeys["FromAddress"] = "notification:email:fromAddress";
+    AXPSettingKeys["UseSSL"] = "notification:email:useSSL";
+    AXPSettingKeys["UseTLS"] = "notification:email:useTLS";
+    // Telegram Settings
+    AXPSettingKeys["TelegramToken"] = "notification:telegram:token";
+    AXPSettingKeys["TelegramChatId"] = "notification:telegram:chatId";
+    // WhatsApp Settings
+    AXPSettingKeys["WhatsAppApiUrl"] = "notification:whatsapp:apiUrl";
+    AXPSettingKeys["WhatsAppAuthToken"] = "notification:whatsapp:authToken";
+    // Firebase Settings
+    AXPSettingKeys["FirebaseApiKey"] = "notification:firebase:apiKey";
+    AXPSettingKeys["FirebaseProjectId"] = "notification:firebase:projectId";
+    AXPSettingKeys["FirebaseSenderId"] = "notification:firebase:senderId";
+    AXPSettingKeys["FirebaseAppId"] = "notification:firebase:appId";
+})(AXPSettingKeys || (AXPSettingKeys = {}));
+
+class AXMSettingProvider {
+    async provide(context) {
+        context
+            // Add Notification Settings Group
+            .addGroup('notification-settings', 'Notification Settings', 'Settings for all notification services.', RootConfig$2.module.icon)
+            // SMTP Settings Section
+            .addSection('smtp-settings', 'SMTP Settings', 'Configuration for sending emails via SMTP.')
+            .addSetting({
+            key: AXPSettingKeys.Server,
+            title: 'SMTP Server',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The address of the SMTP server.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.Port,
+            title: 'SMTP Port',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: 587,
+            widget: {
+                type: AXPWidgetsCatalog.number,
+                options: {
+                    minValue: 1,
+                    maxValue: 65535,
                 },
             },
-        },
-    };
-    return entityDef;
+            description: 'The port for connecting to the SMTP server.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.Username,
+            title: 'SMTP Username',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The username for SMTP server authentication.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.Password,
+            title: 'SMTP Password',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.password,
+            },
+            description: 'The password for SMTP server authentication.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.UseSSL,
+            title: 'Use SSL',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: false,
+            widget: {
+                type: AXPWidgetsCatalog.toggle,
+            },
+            description: 'Enable SSL for secure communication.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.UseTLS,
+            title: 'Use TLS',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: true,
+            widget: {
+                type: AXPWidgetsCatalog.toggle,
+            },
+            description: 'Enable TLS for secure communication.',
+        })
+            .endSection()
+            // Telegram Settings Section
+            .addSection('telegram-settings', 'Telegram Settings', 'Configuration for sending notifications via Telegram.')
+            .addSetting({
+            key: AXPSettingKeys.TelegramToken,
+            title: 'Telegram Bot Token',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The token for the Telegram bot.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.TelegramChatId,
+            title: 'Telegram Chat ID',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The Chat ID to send Telegram notifications.',
+        })
+            .endSection()
+            // WhatsApp Settings Section
+            .addSection('whatsapp-settings', 'WhatsApp Settings', 'Configuration for sending notifications via WhatsApp.')
+            .addSetting({
+            key: AXPSettingKeys.WhatsAppApiUrl,
+            title: 'WhatsApp API URL',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The API URL for WhatsApp integration.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.WhatsAppAuthToken,
+            title: 'WhatsApp Auth Token',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.password,
+            },
+            description: 'The authentication token for WhatsApp API.',
+        })
+            .endSection()
+            // Firebase Settings Section
+            .addSection('firebase-settings', 'Firebase Settings', 'Configuration for Firebase notifications.')
+            .addSetting({
+            key: AXPSettingKeys.FirebaseApiKey,
+            title: 'Firebase API Key',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The API key for Firebase project.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.FirebaseProjectId,
+            title: 'Firebase Project ID',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The project ID of the Firebase project.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.FirebaseSenderId,
+            title: 'Firebase Sender ID',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The sender ID for Firebase notifications.',
+        })
+            .addSetting({
+            key: AXPSettingKeys.FirebaseAppId,
+            title: 'Firebase App ID',
+            scope: 'T',
+            isInherited: true,
+            defaultValue: '',
+            widget: {
+                type: AXPWidgetsCatalog.text,
+            },
+            description: 'The App ID of the Firebase project.',
+        })
+            .endSection()
+            // End Notification Settings Group
+            .endGroup();
+    }
 }
 
-async function notificationEntityFactory(injector) {
-    const dataService = injector.get(AXMNotificationManagementChannelEntityService);
+var setting_provider = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMSettingProvider: AXMSettingProvider
+});
+
+async function myNotificationEntityFactory(injector) {
+    const storageService = injector.get(AXPEntityStorageService);
+    const dataProvider = new AXPEntityDataProviderImpl(storageService, 'notifications');
+    const moduleName = 'notification-management';
+    const scope = `#${moduleName}`;
     const entityDef = {
-        module: AXMNotificationManagementModuleConst.moduleName,
-        name: AXMNotificationManagementModuleConst.notificationEntity,
-        source: '',
-        title: 't("notifications",{scope: "notification-management"})',
+        module: moduleName,
+        name: 'notification',
+        source: 'notification-management.notification',
+        title: `t('my',{scope: 'notification-management'})`,
         formats: {
-            individual: 't("notifications",{scope: "notification-management"})',
-            plural: 't("notifications",{scope: "notification-management"})',
+            individual: `t('my',{scope: 'notification-management'})`,
+            plural: `t('my',{scope: 'notification-management'})`,
         },
-        relatedEntities: [
-            {
-                entity: 'notification-management.notificationLog',
-                columns: ['title', 'status'],
-            },
-        ],
         groups: [
-            {
-                id: 'notification',
-                title: 'Notification',
-            },
+            { id: 'data', title: 'Data' },
+            { id: 'content', title: 'Content' },
+            { id: 'action', title: 'Action' },
+            { id: 'user', title: 'User' },
+            { id: 'template', title: 'Template' },
         ],
         properties: [
             {
-                name: 'name',
-                title: 'Name',
-                groupId: 'notification',
+                name: 'id',
+                title: 'ID',
+                groupId: 'data',
                 schema: {
                     dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
+                    hidden: true,
+                    nullable: false,
+                    readonly: true,
+                    unique: { enabled: true },
                 },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
             },
             {
                 name: 'title',
-                title: 'Title',
-                groupId: 'notification',
+                title: 't("title", { scope: "common" })',
+                groupId: 'data',
                 schema: {
                     dataType: 'string',
                     interface: {
                         type: AXPWidgetsCatalog.text,
                     },
                 },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
             },
             {
                 name: 'body',
                 title: 'Body',
-                groupId: 'notification',
+                groupId: 'data',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.richText,
+                        type: AXPWidgetsCatalog.largeText,
                     },
                 },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
             },
             {
                 name: 'channel',
                 title: 'Channel',
-                groupId: 'notification',
+                groupId: 'data',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.text,
+                        type: AXPWidgetsCatalog.select,
+                        options: { dataSource: ['InApp', 'Email', 'SMS'], multiple: false },
                     },
                 },
             },
             {
-                name: 'user.name',
-                title: 'User Name',
-                groupId: 'notification',
+                name: 'content.type',
+                title: 'Content Data',
+                groupId: 'content',
+                schema: {
+                    dataType: 'object',
+                    interface: {
+                        type: AXPWidgetsCatalog.richText,
+                    },
+                },
+            },
+            {
+                name: 'action.type',
+                title: 'Action Type',
+                groupId: 'action',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: { dataSource: ['Link', 'Entity', 'Popup'], multiple: false },
+                    },
+                },
+            },
+            {
+                name: 'User.name',
+                title: 'Username',
+                groupId: 'user',
                 schema: {
                     dataType: 'string',
                     interface: {
@@ -1259,117 +1682,131 @@ async function notificationEntityFactory(injector) {
                     },
                 },
             },
-        ],
-        columns: [{ name: 'title' }, { name: 'body' }, { name: 'user.name' }, { name: 'channel' }],
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    return new Promise((resolve) => {
-                        setTimeout(async () => {
-                            const entity = await dataService.getOne(id);
-                            resolve(entity);
-                        }, 500);
-                    });
+            {
+                name: 'template.category',
+                title: 'Category',
+                groupId: 'template',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: { dataSource: ['Inbox', 'Archive'], multiple: false },
+                    },
                 },
-                type: AXPEntityQueryType.Single,
             },
-            list: {
-                execute: async (e) => {
-                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+            {
+                name: 'template.prority',
+                title: 'Prority',
+                groupId: 'template',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: { dataSource: ['Warning', 'Danger', 'Notice'], multiple: false },
+                    },
                 },
-                type: AXPEntityQueryType.List,
             },
-        },
-        interfaces: {
-            master: {
-                single: {
-                    title: '{{title}}',
-                    sections: [
-                        {
-                            id: 'notification',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'user.name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'body',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'channel',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
+            {
+                name: 'template.isPinned',
+                title: 'Is Pinned',
+                groupId: 'template',
+                schema: {
+                    dataType: 'boolean',
+                    interface: {
+                        type: AXPWidgetsCatalog.checkbox,
+                        options: {
+                            label: 'Is Pinned',
                         },
-                    ],
-                    actions: [],
+                    },
+                },
+            },
+            {
+                name: 'readAt',
+                title: 'Read At',
+                groupId: 'data',
+                schema: {
+                    dataType: 'datetime',
+                    interface: {
+                        type: AXPWidgetsCatalog.dateTime,
+                        options: { format: 'date' },
+                    },
+                },
+            },
+            {
+                name: 'createAt',
+                title: 'Created At',
+                groupId: 'data',
+                schema: {
+                    dataType: 'datetime',
+                    interface: {
+                        type: AXPWidgetsCatalog.dateTime,
+                        options: { format: 'date' },
+                    },
+                },
+            },
+        ],
+        columns: [
+            { name: 'title' },
+            { name: 'body' },
+            { name: 'channel' },
+            { name: 'user.name' },
+            { name: 'template.category' },
+            { name: 'template.prority' },
+            { name: 'createAt' },
+            { name: 'readAt' },
+        ],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    console.log('CREATE', data);
+                    const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
+                    await dataProvider.insertOne(entity);
+                    return entity;
+                },
+            },
+            delete: {
+                execute: async (id) => {
+                    console.log('CREATE', id);
+                    await dataProvider.deleteOne(id);
+                },
+            },
+            update: {
+                execute: async (data) => {
+                    await dataProvider.updateOne(data.id, data);
+                },
+            },
+        },
+        queries: {
+            byKey: {
+                execute: async (id) => {
+                    return await dataProvider.getOne(id);
+                },
+                type: AXPEntityQueryType.Single,
+            },
+            list: {
+                execute: async (e) => {
+                    const list = await dataProvider.getAll();
+                    return {
+                        total: list.length,
+                        items: list.slice(e.skip, e.skip + e.take),
+                    };
                 },
+                type: AXPEntityQueryType.List,
+            },
+        },
+        interfaces: {
+            master: {
                 list: {
                     actions: [
                         {
-                            title: 'Details',
-                            command: 'open-entity',
+                            title: 'Delete',
+                            command: 'delete-entity',
                             priority: 'primary',
-                            type: 'view',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                    ],
-                    views: [
-                        {
-                            name: 'all',
-                            title: 'All Items',
-                            fixed: true,
-                            columns: [],
-                            conditions: [],
-                            sorts: [],
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Selected,
                         },
                     ],
+                    views: [{ name: 'all', title: 'All Notifications', fixed: true, columns: [], conditions: [], sorts: [] }],
                 },
             },
         },
@@ -1377,37 +1814,23 @@ async function notificationEntityFactory(injector) {
     return entityDef;
 }
 
-var notification_entity = /*#__PURE__*/Object.freeze({
+var myNotification = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    notificationEntityFactory: notificationEntityFactory
+    myNotificationEntityFactory: myNotificationEntityFactory
 });
 
-async function notificationTemplateEntityFactory(injector) {
-    const dataService = injector.get(AXMNotificationManagementTemplateEntityService);
+async function notificationLogEntityFactory(injector) {
+    const dataService = injector.get(AXMNotificationManagementChannelEntityService);
     const entityDef = {
-        module: AXMNotificationManagementModuleConst.moduleName,
-        name: AXMNotificationManagementModuleConst.notificationTemplateEntity,
-        source: '',
-        title: 't("template",{scope: "notification-management"})',
+        module: 'notification-management',
+        name: 'notification',
+        source: 'notification-management.notificationLog',
+        title: 'Notification',
         formats: {
-            individual: 't("template",{scope: "notification-management"})',
-            plural: 't("template",{scope: "notification-management"})',
+            individual: 'NotificationLog',
+            plural: 'NotificationLogs',
         },
-        relatedEntities: [
-            {
-                entity: AXMNotificationManagementModuleConst.notificationChannelEntity,
-                columns: ['title', 'body', 'channel'],
-                conditions: [
-                    {
-                        name: 'notificationId',
-                        operator: {
-                            type: 'equal',
-                        },
-                        value: 'id',
-                    },
-                ],
-            },
-        ],
+        relatedEntities: [],
         groups: [
             {
                 id: 'notification',
@@ -1425,11 +1848,6 @@ async function notificationTemplateEntityFactory(injector) {
                         type: AXPWidgetsCatalog.text,
                     },
                 },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
             },
             {
                 name: 'title',
@@ -1441,55 +1859,20 @@ async function notificationTemplateEntityFactory(injector) {
                         type: AXPWidgetsCatalog.text,
                     },
                 },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
             },
             {
-                name: 'description',
-                title: 'Description',
+                name: 'status',
+                title: 'Status',
                 groupId: 'notification',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.text,
+                        type: AXPWidgetsCatalog.richText,
                     },
                 },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
             },
         ],
-        columns: [{ name: 'name' }, { name: 'title' }],
-        commands: {
-            create: {
-                execute: async (data) => {
-                    const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.insertOne(entity);
-                    return Promise.resolve(entity);
-                },
-            },
-            delete: {
-                execute: async (id) => {
-                    await await dataService.deleteOne(id);
-                    return Promise.resolve();
-                },
-            },
-            update: {
-                execute: async (data) => {
-                    return new Promise((resolve) => {
-                        setTimeout(async () => {
-                            await dataService.updateOne(data.id, data);
-                            resolve(data);
-                        }, 1000);
-                    });
-                },
-            },
-        },
+        columns: [{ name: 'name' }, { name: 'title' }, { name: 'body' }, { name: 'user.name' }, { name: 'channel' }],
         queries: {
             byKey: {
                 execute: async (id) => {
@@ -1511,35 +1894,11 @@ async function notificationTemplateEntityFactory(injector) {
         },
         interfaces: {
             master: {
-                create: {
+                single: {
+                    title: '{{title}}',
                     sections: [
                         {
                             id: 'notification',
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'description',
                             layout: {
                                 positions: {
                                     lg: {
@@ -1549,13 +1908,6 @@ async function notificationTemplateEntityFactory(injector) {
                             },
                         },
                     ],
-                },
-                update: {
-                    sections: [
-                        {
-                            id: 'notification',
-                        },
-                    ],
                     properties: [
                         {
                             name: 'name',
@@ -1568,7 +1920,7 @@ async function notificationTemplateEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'user.name',
                             layout: {
                                 positions: {
                                     lg: {
@@ -1578,7 +1930,7 @@ async function notificationTemplateEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'description',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
@@ -1587,13 +1939,8 @@ async function notificationTemplateEntityFactory(injector) {
                                 },
                             },
                         },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [
                         {
-                            id: 'notification',
+                            name: 'body',
                             layout: {
                                 positions: {
                                     lg: {
@@ -1602,20 +1949,8 @@ async function notificationTemplateEntityFactory(injector) {
                                 },
                             },
                         },
-                    ],
-                    properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
                         {
-                            name: 'title',
+                            name: 'channel',
                             layout: {
                                 positions: {
                                     lg: {
@@ -1624,35 +1959,11 @@ async function notificationTemplateEntityFactory(injector) {
                                 },
                             },
                         },
-                        {
-                            name: 'description',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 12,
-                                    },
-                                },
-                            },
-                        },
                     ],
                     actions: [],
                 },
                 list: {
                     actions: [
-                        {
-                            title: 'Create New',
-                            command: 'create-entity',
-                            priority: 'primary',
-                            type: 'create',
-                            scope: AXPEntityCommandScope.TypeLevel,
-                        },
-                        {
-                            title: 'Delete Items',
-                            command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Selected,
-                        },
                         {
                             title: 'Details',
                             command: 'open-entity',
@@ -1660,13 +1971,6 @@ async function notificationTemplateEntityFactory(injector) {
                             type: 'view',
                             scope: AXPEntityCommandScope.Individual,
                         },
-                        {
-                            title: 'Delete',
-                            command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
                     ],
                     views: [
                         {
@@ -1685,14 +1989,9 @@ async function notificationTemplateEntityFactory(injector) {
     return entityDef;
 }
 
-var template_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    notificationTemplateEntityFactory: notificationTemplateEntityFactory
-});
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXMNotificationManagementModule, AXMNotificationService, myNotificationEntityFactory, notificationChannelEntityFactory, notificationEntityFactory, notificationLogEntityFactory, notificationTemplateEntityFactory };
+export { AXMNotificationEntityService, AXMNotificationEntityServiceImpl, AXMNotificationManagementChannelEntityService, AXMNotificationManagementChannelEntityServiceImpl, AXMNotificationManagementModule, AXMNotificationManagementTemplateEntityModule, AXMNotificationManagementTemplateEntityService, AXMNotificationManagementTemplateEntityServiceImpl, AXMNotificationManagmentModuleMenuProvider, AXMSettingProvider, RootConfig, myNotificationEntityFactory, notificationChannelEntityFactory, notificationEntityFactory, notificationLogEntityFactory, notificationTemplateEntityFactory };
 //# sourceMappingURL=acorex-modules-notification-management.mjs.map