@acorex/modules 19.2.5 → 19.2.6

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

@@ -26,6 +26,7 @@ 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 { AXSafePipe } from '@acorex/core/pipes';
 import { RootConfig as RootConfig$2 } from '@acorex/modules/form-template-management';
 
 const config = {
@@ -190,6 +191,27 @@ async function notificationChannelEntityFactory(injector) {
                         },
                     },
                 },
+            },
+            {
+                name: 'contentType',
+                title: `t("contentType", { scope: "${i18n}" })`,
+                groupId: 'in-app',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                { title: 'Media', name: 'media' },
+                                { title: 'Text', name: 'text' },
+                            ],
+                            direction: 'horizontal',
+                            multiple: false,
+                        },
+                    },
+                },
                 validations: [
                     {
                         rule: 'required',
@@ -197,7 +219,7 @@ async function notificationChannelEntityFactory(injector) {
                 ],
             },
             {
-                name: 'view-shape',
+                name: 'shape',
                 title: `t("shape", { scope: "${i18n}" })`,
                 groupId: 'in-app',
                 schema: {
@@ -234,8 +256,8 @@ async function notificationChannelEntityFactory(injector) {
                             valueField: 'name',
                             textField: 'title',
                             dataSource: [
-                                { title: 'Header Leading', name: 'header-l' },
-                                { title: 'Footer Leading', name: 'footer-l' },
+                                { title: 'Side Menu Footer', name: 'side-menu-footer' },
+                                { title: 'Side Menu Header', name: 'side-menu-header' },
                             ],
                             direction: 'horizontal',
                             multiple: false,
@@ -332,6 +354,7 @@ async function notificationChannelEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 1,
                                     },
                                 },
                             },
@@ -342,6 +365,7 @@ async function notificationChannelEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 2,
                                     },
                                 },
                             },
@@ -362,6 +386,7 @@ async function notificationChannelEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 10,
                                     },
                                 },
                             },
@@ -378,20 +403,33 @@ async function notificationChannelEntityFactory(injector) {
                         },
                         {
                             name: 'type',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'contentType',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'view-shape',
+                            name: 'shape',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 5,
                                     },
                                 },
                             },
@@ -402,6 +440,7 @@ async function notificationChannelEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 6,
                                     },
                                 },
                             },
@@ -423,6 +462,9 @@ async function notificationChannelEntityFactory(injector) {
                         {
                             id: 'notificationChannel',
                         },
+                        {
+                            id: 'in-app',
+                        },
                     ],
                     properties: [
                         {
@@ -431,12 +473,24 @@ async function notificationChannelEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 1,
                                     },
                                 },
                             },
                         },
                         {
                             name: 'body',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'template',
                             layout: {
                                 positions: {
                                     lg: {
@@ -445,6 +499,17 @@ async function notificationChannelEntityFactory(injector) {
                                 },
                             },
                         },
+                        {
+                            name: 'trigger',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 10,
+                                    },
+                                },
+                            },
+                        },
                         {
                             name: 'channel',
                             layout: {
@@ -455,6 +520,60 @@ async function notificationChannelEntityFactory(injector) {
                                 },
                             },
                         },
+                        {
+                            name: 'type',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'contentType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'shape',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'placement',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'pin',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                    },
+                                },
+                            },
+                        },
                     ],
                 },
                 single: {
@@ -463,6 +582,9 @@ async function notificationChannelEntityFactory(injector) {
                         {
                             id: 'notificationChannel',
                         },
+                        {
+                            id: 'in-app',
+                        },
                     ],
                     properties: [
                         {
@@ -495,6 +617,91 @@ async function notificationChannelEntityFactory(injector) {
                                 },
                             },
                         },
+                        {
+                            name: 'template',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'trigger',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 10,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'channel',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'type',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'contentType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'shape',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'placement',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'pin',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                    },
+                                },
+                            },
+                        },
                     ],
                     actions: [],
                 },
@@ -1324,7 +1531,7 @@ class AXMAdminNotificationPanelComponent {
         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", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2$1.AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: 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-subtitle, 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 }); }
+    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 [data]=\"notif\"\n          (onPressNotificationItem)=\"markAsRead($event)\"></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 [disabled]=\"NewNotification() === 0\" [color]=\"'default'\" text=\"Mark all as read\"\n          (onClick)=\"markAllAsRead()\"></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>", 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", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i2$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i2$1.AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: 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-subtitle, 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,
@@ -1337,7 +1544,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         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" }]
+                    ], 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 [data]=\"notif\"\n          (onPressNotificationItem)=\"markAsRead($event)\"></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 [disabled]=\"NewNotification() === 0\" [color]=\"'default'\" text=\"Mark all as read\"\n          (onClick)=\"markAllAsRead()\"></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>" }]
         }] });
 
 class AXMAdminNotificationSlotComponent {
@@ -1348,7 +1555,7 @@ class AXMAdminNotificationSlotComponent {
         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\" color=\"primary\" #notification>\n  <ax-icon>\n    <i class=\"fa-regular fa-bell\"></i>\n  </ax-icon>\n  <ax-suffix class=\"ax-absolute ax-top-0 ax-left-1/2\">\n    @if(totalNewNotification()){\n    <ax-badge color=\"success\" [text]=\"totalNewNotification().toString()\"></ax-badge>\n    }\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"notification\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-surface-lowest 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>", 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", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "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-subtitle, 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 }); }
+    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\" color=\"primary\" #notification>\n  <ax-icon>\n    <i class=\"fa-regular fa-bell\"></i>\n  </ax-icon>\n  <ax-suffix class=\"ax-absolute ax-top-0 ax-left-1/2\">\n    @if(totalNewNotification()){\n    <ax-badge color=\"success\" [text]=\"totalNewNotification().toString()\"></ax-badge>\n    }\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"notification\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel (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", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "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-subtitle, 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,
@@ -1359,7 +1566,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         AXBadgeModule,
                         AXPopoverModule,
                         AXMAdminNotificationPanelComponent,
-                    ], template: "<ax-button class=\"ax-relative\" color=\"primary\" #notification>\n  <ax-icon>\n    <i class=\"fa-regular fa-bell\"></i>\n  </ax-icon>\n  <ax-suffix class=\"ax-absolute ax-top-0 ax-left-1/2\">\n    @if(totalNewNotification()){\n    <ax-badge color=\"success\" [text]=\"totalNewNotification().toString()\"></ax-badge>\n    }\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"notification\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-surface-lowest 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>" }]
+                    ], template: "<ax-button class=\"ax-relative\" color=\"primary\" #notification>\n  <ax-icon>\n    <i class=\"fa-regular fa-bell\"></i>\n  </ax-icon>\n  <ax-suffix class=\"ax-absolute ax-top-0 ax-left-1/2\">\n    @if(totalNewNotification()){\n    <ax-badge color=\"success\" [text]=\"totalNewNotification().toString()\"></ax-badge>\n    }\n  </ax-suffix>\n</ax-button>\n<ax-popover [target]=\"notification\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n  <div class=\"ax-bg-lightest ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full\">\n    <axm-admin-notification-panel (onNewNotfication)=\"setTotalNewNotification($event)\"> </axm-admin-notification-panel>\n  </div>\n</ax-popover>\n" }]
+        }] });
+
+class AXMPromotionSlotComponent {
+    constructor() {
+        this.notificationChannelService = inject(AXMNotificationManagementChannelEntityService);
+        this.listData = signal([]);
+    }
+    async ngOnInit() {
+        const channels = await this.notificationChannelService.query({
+            skip: 0,
+            take: 10000,
+            // filter: {
+            //   field: 'type',
+            //   operator: { type: 'equal' },
+            //   value: 'promotion',
+            // },
+        });
+        console.log(channels.items);
+        this.listData.set(channels.items.filter((x) => x.channel.name == 'inApp' && x.type.name == 'promotion'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMPromotionSlotComponent, isStandalone: true, selector: "acorex-platform-promotion-slot", ngImport: i0, template: "@for (item of listData(); track item.id) { @if(location == item.placement?.name){ @if (item.contentType?.name ==\n'image') {\n<img\n  width=\"300px\"\n  height=\"300px\"\n  [src]=\"item.body\"\n  class=\"ax-w-full ax-h-auto {{ item.shape?.name == 'circle' ? 'ax-rounded-full' : 'ax-rounded-none' }}\"\n/>\n} @if(item.contentType?.name == 'text'){\n<div class=\"ax-m-1 ax-px-6 ax-p-4 ax-border ax-bg-primary ax-rounded-lg\">\n  <h1 [innerHTML]=\"item.body | safe : 'html'\"></h1>\n</div>\n\n} } }\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionSlotComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acorex-platform-promotion-slot', imports: [CommonModule, AXSafePipe], template: "@for (item of listData(); track item.id) { @if(location == item.placement?.name){ @if (item.contentType?.name ==\n'image') {\n<img\n  width=\"300px\"\n  height=\"300px\"\n  [src]=\"item.body\"\n  class=\"ax-w-full ax-h-auto {{ item.shape?.name == 'circle' ? 'ax-rounded-full' : 'ax-rounded-none' }}\"\n/>\n} @if(item.contentType?.name == 'text'){\n<div class=\"ax-m-1 ax-px-6 ax-p-4 ax-border ax-bg-primary ax-rounded-lg\">\n  <h1 [innerHTML]=\"item.body | safe : 'html'\"></h1>\n</div>\n\n} } }\n" }]
         }] });
 
 class AXMEntityLoader {
@@ -1453,6 +1686,25 @@ class AXMNotificationManagementModule {
                         component: AXMAdminNotificationSlotComponent,
                     },
                 ],
+                'side-menu-footer': [
+                    {
+                        name: 'side-menu-footer',
+                        component: AXMPromotionSlotComponent,
+                        options: {
+                            location: 'side-menu-footer',
+                        },
+                    },
+                ],
+                'side-menu-header': [
+                    {
+                        name: 'side-menu-header',
+                        component: AXMPromotionSlotComponent,
+                        priority: 2,
+                        options: {
+                            location: 'side-menu-header',
+                        },
+                    },
+                ],
             })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotificationManagementModule, decorators: [{
@@ -1466,6 +1718,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                     component: AXMAdminNotificationSlotComponent,
                                 },
                             ],
+                            'side-menu-footer': [
+                                {
+                                    name: 'side-menu-footer',
+                                    component: AXMPromotionSlotComponent,
+                                    options: {
+                                        location: 'side-menu-footer',
+                                    },
+                                },
+                            ],
+                            'side-menu-header': [
+                                {
+                                    name: 'side-menu-header',
+                                    component: AXMPromotionSlotComponent,
+                                    priority: 2,
+                                    options: {
+                                        location: 'side-menu-header',
+                                    },
+                                },
+                            ],
                         }),
                     ],
                     exports: [],