nuxeo-development-framework 4.0.0 → 4.0.2

package/fesm2015/nuxeo-development-framework.js

@@ -7011,6 +7011,23 @@ class DepartmentApiService {
             return treeItem;
         });
     }
+    getFullDepartmentTree(customPageProvider, customParams) {
+        let obj = customParams ? customParams : {};
+        let params = Object.assign({ pageProvider: customPageProvider ? customPageProvider : 'PP_Department', currentPageIndex: 0, offset: 0, pageSize: 40, quickFilters: 'Parent Dept' }, obj);
+        if (this.globalAdminService.isGlobalAdmin) {
+            params['queryParams'] = this.globalAdminService.activeTenant;
+        }
+        else if (!this.globalAdminService.isGlobalAdmin && this.nuxeoService.nuxeoClient.user.properties.tenantId) {
+            params['queryParams'] = this.nuxeoService.nuxeoClient.user.properties.tenantId;
+        }
+        return this.CallApiService.query(Object.assign({}, params), {
+            headers: {
+                'X-NXproperties': '*',
+                'enrichers-document': 'children',
+                depth: 'max',
+            },
+        });
+    }
 }
 DepartmentApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentApiService, deps: [{ token: CallApiService }, { token: TranslationService }, { token: NuxeoService }, { token: AdapterService }, { token: GlobalAdminService }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 DepartmentApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentApiService, providedIn: 'root' });
@@ -7052,6 +7069,12 @@ __decorate([
         cacheBusterNotifier: departmentCacheBuster$,
     })
 ], DepartmentApiService.prototype, "updateDepartment", null);
+__decorate([
+    Cacheable({
+        cacheBusterObserver: departmentCacheBuster$,
+        storageStrategy: LocalStorageStrategy
+    })
+], DepartmentApiService.prototype, "getFullDepartmentTree", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DepartmentApiService, decorators: [{
             type: Injectable,
             args: [{
@@ -7060,7 +7083,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }], ctorParameters: function () { return [{ type: CallApiService }, { type: TranslationService }, { type: NuxeoService }, { type: AdapterService }, { type: GlobalAdminService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['environment']
-                }] }]; }, propDecorators: { getDepartmentTree: [], getDepartmentDetails: [], getDepartmentNestedTree: [], createDepartment: [], createDepartmentInRoot: [], updateDepartment: [] } });
+                }] }]; }, propDecorators: { getDepartmentTree: [], getDepartmentDetails: [], getDepartmentNestedTree: [], createDepartment: [], createDepartmentInRoot: [], updateDepartment: [], getFullDepartmentTree: [] } });
 
 var _DropdownTreeviewSelectI18n_defaultSelection;
 /** @ignore */
@@ -27393,7 +27416,7 @@ class NotificationsService extends SocketService {
     }
     getDefinitions(payload = {}) {
         return this._callApi
-            .query(Object.assign({ pageProvider: NotificationsService.providers.definition, notfnotificationdef_applicationKey: this._appKey, pageSize: 1000 }, payload), {
+            .query(Object.assign({ pageProvider: NotificationsService.providers.definition, notfnotificationdef_applicationKey: this._appKey, pageSize: Number.MAX_SAFE_INTEGER, notfnotificationdef_isActive: true }, payload), {
             headers: {
                 properties: '*',
             },
@@ -27402,7 +27425,7 @@ class NotificationsService extends SocketService {
     }
     getSubscriptions(payload = {}) {
         return this._callApi
-            .query(Object.assign({ pageProvider: NotificationsService.providers.subscription, notfsubscription_companyName: this._tenantId, notfsubscription_applicationKey: this._appKey, pageSize: 1000 }, payload), {
+            .query(Object.assign({ pageProvider: NotificationsService.providers.subscription, notfsubscription_companyName: this._tenantId, notfsubscription_applicationKey: this._appKey, pageSize: Number.MAX_SAFE_INTEGER }, payload), {
             headers: {
                 properties: '*',
             },
@@ -27555,7 +27578,7 @@ class NotificationItemComponent extends DestroySubject {
     }
 }
 NotificationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationItemComponent, selector: "app-notification-item", inputs: { iconOptions: "iconOptions", currentLang: "currentLang", notification: "notification" }, outputs: { markAsUnread: "markAsUnread", markAsRead: "markAsRead", markAsDeleted: "markAsDeleted" }, usesInheritance: true, ngImport: i0, template: "<div\r\n  *ngIf=\"notification?.properties as properties\"\r\n  class=\"notification-item\"\r\n  [class.new-item]=\"properties['notif_cnt:status'] == status.new\"\r\n  [class.unread-item]=\"properties['notif_cnt:status'] == status.unRead\"\r\n>\r\n  <div class=\"notification-item__icon\">\r\n    <div class=\"notification-item__icon__wrapper\" *ngIf=\"iconOptions?.active\">\r\n      <i [class]=\"notification | getIcon : iconOptions\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"notification-item__content\">\r\n    <p class=\"notification-item__message line-clamp-2\">\r\n      {{\r\n        currentLang === 'ar-AR'\r\n          ? properties['notif_cnt:arMessage']\r\n          : properties['notif_cnt:enMessage']\r\n      }}\r\n    </p>\r\n    <button\r\n      class=\"mat-icon-button\"\r\n      [matMenuTriggerFor]=\"appMenu\"\r\n      mat-icon-button\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      <mat-icon class=\"mat-24\">more_horiz</mat-icon>\r\n    </button>\r\n    <span class=\"notification-item__date\">{{\r\n      properties['dc:created'] | timeAgo : currentLang\r\n    }}</span>\r\n  </div>\r\n\r\n  <mat-menu class=\"notification-item__actions\" #appMenu=\"matMenu\">\r\n    <span (click)=\"closeMenu($event, appMenu)\">\r\n      <button\r\n        *ngIf=\"properties['notif_cnt:status'] == status.read\"\r\n        mat-menu-item\r\n        class=\"notification-item__actions__item\"\r\n        (click)=\"markAsUnread.emit(notification)\"\r\n      >\r\n        <span class=\"mx-1\">{{ 'notifications.markAsUnread' | translate }}</span>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          properties['notif_cnt:status'] == status.new ||\r\n          properties['notif_cnt:status'] == status.unRead\r\n        \"\r\n        mat-menu-item\r\n        class=\"notification-item__actions__item\"\r\n        (click)=\"markAsRead.emit(notification)\"\r\n      >\r\n        <span class=\"mx-1\">{{ 'notifications.markAsRead' | translate }}</span>\r\n      </button>\r\n\r\n      <button\r\n        mat-menu-item\r\n        (click)=\"markAsDeleted.emit(notification)\"\r\n        class=\"notification-item__actions__item\"\r\n      >\r\n        <span>{{ 'notifications.delete' | translate }}</span>\r\n      </button>\r\n    </span>\r\n  </mat-menu>\r\n</div>\r\n", styles: [".notification-item{display:var(--n-item-display, grid);grid-template-columns:var(--n-item-columns, auto 1fr);grid-gap:var(--n-item-gap, .5rem);gap:var(--n-item-gap, .5rem);padding:var(--n-items-padding, .5rem 1rem);border:var(--n-item-border, solid #eee);border-width:var(--n-item-border-width, 0 0 1px 0);background:var(--n-item-background, transparent);min-height:var(--n-item-height, 85px)}.notification-item.new-item{--n-item-background: var(--n-status-new-color, #fcfcfc)}.notification-item.unread-item{--n-item-background: var(--n-status-unread-color, #fcfcfc)}.notification-item__icon{display:var(--n-item-icon-display, flex);align-items:var(--n-item-icon-align-items, center)}.notification-item__icon__wrapper{width:var(--n-item-icon-width, 56px);height:var(--n-item-icon-height, 56px);background:var(--n-item-icon-background, rgba(0, 0, 0, .025));color:var(--n-item-icon-color, #636363);font-size:var(--n-item-icon-size, 1.5rem);border-radius:var(--n-item-icon-radius, 50%);display:grid;place-items:center}.notification-item__content{display:var(--n-item-content-display, grid);grid-template-columns:var(--n-item-content-columns, 1fr auto);grid-gap:var(--n-item-gap, .2rem);gap:var(--n-item-gap, .2rem)}.notification-item__message{margin-bottom:0;font-size:var(--n-item-font-size, .9rem);color:var(--n-item-message-color)}.notification-item__date{font-size:var(--n-item-date-size, .8rem);text-align:var(--n-item-date-align, end);grid-column:var(--n-item-date-column, span 2);padding:var(--n-item-date-padding, 0 11px);color:var(--n-item-date-color)}.notification-item__actions{border-radius:var(--n-actions-radius, 4px);background:var(--n-actions-background, #fff);box-shadow:var(--n-actions-shadow, 0px 1px 4px -1px rgba(28, 52, 84, .26))}.notification-item__actions .mat-menu-content:not(:empty){padding:var(--n-actions--menu-padding, .5rem)}.notification-item__actions__item{text-align:var(--action-item-align, start)!important;background:var(--action-item-background, transparent)!important;color:var(--action-item-color, #28282d);padding:var(--action-item-padding, .4rem);height:var(--action-item-height, 38px);line-height:var(--action-item-line, 38px);border-radius:var(--action-item-radius, 4px);font-size:var(--action-item-size, 14px)}.notification-item__actions__item:hover{--action-item-background: var(--action-hover-background, #e6f7ff);--action-item-color: var(--action-hover-color, #005fdb)}\n"], components: [{ type: i1$8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], pipes: { "getIcon": GetIconPipe, "timeAgo": TimeAgoPipe, "translate": i1$1.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+NotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationItemComponent, selector: "app-notification-item", inputs: { iconOptions: "iconOptions", currentLang: "currentLang", notification: "notification" }, outputs: { markAsUnread: "markAsUnread", markAsRead: "markAsRead", markAsDeleted: "markAsDeleted" }, usesInheritance: true, ngImport: i0, template: "<div\r\n  *ngIf=\"notification?.properties as properties\"\r\n  class=\"notification-item\"\r\n  [class.new-item]=\"properties['notif_cnt:status'] == status.new\"\r\n  [class.unread-item]=\"properties['notif_cnt:status'] == status.unRead\"\r\n>\r\n  <div class=\"notification-item__icon\">\r\n    <div class=\"notification-item__icon__wrapper\" *ngIf=\"iconOptions?.active\">\r\n      <i [class]=\"notification | getIcon : iconOptions\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"notification-item__content\">\r\n    <p class=\"notification-item__message line-clamp-2\">\r\n      {{\r\n        currentLang === 'ar-AR'\r\n          ? properties['notif_cnt:arMessage']\r\n          : properties['notif_cnt:enMessage']\r\n      }}\r\n    </p>\r\n    <button\r\n      class=\"mat-icon-button\"\r\n      [matMenuTriggerFor]=\"appMenu\"\r\n      mat-icon-button\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      <mat-icon class=\"mat-24\">more_horiz</mat-icon>\r\n    </button>\r\n    <span class=\"notification-item__date\">{{\r\n      properties['dc:created'] | timeAgo : currentLang\r\n    }}</span>\r\n  </div>\r\n\r\n  <mat-menu class=\"notification-item__actions\" #appMenu=\"matMenu\">\r\n    <span (click)=\"closeMenu($event, appMenu)\">\r\n      <button\r\n        *ngIf=\"properties['notif_cnt:status'] == status.read\"\r\n        mat-menu-item\r\n        class=\"notification-item__actions__item\"\r\n        (click)=\"markAsUnread.emit(notification)\"\r\n      >\r\n        <span class=\"mx-1\">{{ 'notifications.markAsUnread' | translate }}</span>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          properties['notif_cnt:status'] == status.new ||\r\n          properties['notif_cnt:status'] == status.unRead\r\n        \"\r\n        mat-menu-item\r\n        class=\"notification-item__actions__item\"\r\n        (click)=\"markAsRead.emit(notification)\"\r\n      >\r\n        <span class=\"mx-1\">{{ 'notifications.markAsRead' | translate }}</span>\r\n      </button>\r\n\r\n      <button\r\n        mat-menu-item\r\n        (click)=\"markAsDeleted.emit(notification)\"\r\n        class=\"notification-item__actions__item\"\r\n      >\r\n        <span>{{ 'notifications.delete' | translate }}</span>\r\n      </button>\r\n    </span>\r\n  </mat-menu>\r\n</div>\r\n", styles: [".notification-item{display:var(--n-item-display, grid);grid-template-columns:var(--n-item-columns, auto 1fr);grid-gap:var(--n-item-gap, .5rem);gap:var(--n-item-gap, .5rem);padding:var(--n-items-padding, .5rem 1rem);border:var(--n-item-border, solid #eee);border-width:var(--n-item-border-width, 0 0 1px 0);background:var(--n-item-background, transparent);min-height:var(--n-item-height, 85px);position:relative}.notification-item.new-item{--n-item-background: var(--n-status-new-color, #ecf8fe)}.notification-item.unread-item{--n-item-background: var(--n-status-unread-color, #ecf8fe)}.notification-item.unread-item:before{content:\"\";position:absolute;inset-inline-start:var(--n-item-unread-inline, 6px);inset-block-start:var(--n-item-unread-block, 6px);width:var(--n-item-unread-width, 8px);height:var(--n-item-unread-height, 8px);background:var(--n-item-unread-background, #39559d);border-radius:50%}.notification-item__icon{display:var(--n-item-icon-display, flex);align-items:var(--n-item-icon-align-items, center)}.notification-item__icon__wrapper{width:var(--n-item-icon-width, 56px);height:var(--n-item-icon-height, 56px);background:var(--n-item-icon-background, rgba(0, 0, 0, .025));color:var(--n-item-icon-color, #636363);font-size:var(--n-item-icon-size, 1.5rem);border-radius:var(--n-item-icon-radius, 50%);display:grid;place-items:center}.notification-item__content{display:var(--n-item-content-display, grid);grid-template-columns:var(--n-item-content-columns, 1fr auto);grid-gap:var(--n-item-gap, .2rem);gap:var(--n-item-gap, .2rem)}.notification-item__message{margin-bottom:0;font-size:var(--n-item-font-size, .9rem);color:var(--n-item-message-color)}.notification-item__date{font-size:var(--n-item-date-size, .8rem);text-align:var(--n-item-date-align, end);grid-column:var(--n-item-date-column, span 2);padding:var(--n-item-date-padding, 0 11px);color:var(--n-item-date-color)}.notification-item__actions{border-radius:var(--n-actions-radius, 4px);background:var(--n-actions-background, #fff);box-shadow:var(--n-actions-shadow, 0px 1px 4px -1px rgba(28, 52, 84, .26))}.notification-item__actions .mat-menu-content:not(:empty){padding:var(--n-actions--menu-padding, .5rem)}.notification-item__actions__item{text-align:var(--action-item-align, start)!important;background:var(--action-item-background, transparent)!important;color:var(--action-item-color, #28282d);padding:var(--action-item-padding, .4rem);height:var(--action-item-height, 38px);line-height:var(--action-item-line, 38px);border-radius:var(--action-item-radius, 4px);font-size:var(--action-item-size, 14px)}.notification-item__actions__item:hover{--action-item-background: var(--action-hover-background, #e6f7ff);--action-item-color: var(--action-hover-color, #005fdb)}\n"], components: [{ type: i1$8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], pipes: { "getIcon": GetIconPipe, "timeAgo": TimeAgoPipe, "translate": i1$1.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -28296,31 +28319,14 @@ class NotificationsButtonComponent extends BaseNotification {
         this.openSettings = new EventEmitter();
         this.openNotifications = new EventEmitter();
         this.onNotification = new EventEmitter();
-        this.newNotificationCount$ = this._getCountSub
-            .asObservable()
-            .pipe(map((count) => (count >= 100 ? '99+' : count)));
+        this.newNotificationCount$ = this._getCountSub.asObservable();
         this.panelMode = PANEL_MODE.sidebar;
         this.panelModeEnum = PANEL_MODE;
         if (_options === null || _options === void 0 ? void 0 : _options.panelMode) {
             this.panelMode = _options.panelMode;
         }
-        this.notificationsService.listenerObserver
-            .pipe(switchMap((res) => {
-            const isAr = this._translationService.isArabic.getValue();
-            return this._toasterService
-                .showToast({
-                type: 'info',
-                title: 'notifications.newNotification',
-                customContent: isAr ? res.arabicMessage : res.englishMessage,
-            })
-                .onTap.pipe(map(() => res));
-        }), takeUntil(this.destroy$))
-            .subscribe((res) => {
-            this.refreshUnreadCount();
-            if (res === null || res === void 0 ? void 0 : res.clickable) {
-                this.onNotification.emit(res);
-            }
-        });
+        this._socketListener();
+        this.refreshUnreadCount();
     }
     hideBadgeCount() {
         this._showBadgeSub.next(false);
@@ -28346,6 +28352,25 @@ class NotificationsButtonComponent extends BaseNotification {
             this._cdr.detectChanges();
         });
     }
+    _socketListener() {
+        this.notificationsService.listenerObserver
+            .pipe(switchMap((res) => {
+            const isAr = this._translationService.isArabic.getValue();
+            return this._toasterService
+                .showToast({
+                type: 'info',
+                title: 'notifications.newNotification',
+                customContent: isAr ? res.arabicMessage : res.englishMessage,
+            })
+                .onTap.pipe(map(() => res));
+        }), takeUntil(this.destroy$))
+            .subscribe((res) => {
+            this.refreshUnreadCount();
+            if (res === null || res === void 0 ? void 0 : res.clickable) {
+                this.onNotification.emit(res);
+            }
+        });
+    }
 }
 NotificationsButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NotificationsButtonComponent, deps: [{ token: i0.Injector }, { token: TranslationService }, { token: CustomToastrService }, { token: i0.ChangeDetectorRef }, { token: NOTIFICATIONS_LIST_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 NotificationsButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationsButtonComponent, selector: "app-notifications-button", inputs: { styleClass: "styleClass", badgeOptions: "badgeOptions" }, outputs: { listItemClick: "listItemClick", openSettings: "openSettings", openNotifications: "openNotifications", onNotification: "onNotification" }, host: { classAttribute: "inline-flex justify-center items-center notification-button" }, queries: [{ propertyName: "customIconTemplate", first: true, predicate: NOTIFICATION_ICON, descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n  *ngIf=\"panelMode === panelModeEnum.panel\"\r\n  [matMenuTriggerFor]=\"notifications\"\r\n  [matBadge]=\"newNotificationCount$ | async\"\r\n  [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n  [matBadgeSize]=\"badgeOptions.size\"\r\n  [matBadgeColor]=\"badgeOptions.color\"\r\n  [matBadgePosition]=\"badgeOptions.position\"\r\n  [class]=\"styleClass\"\r\n  (menuOpened)=\"markAllAsUnread()\"\r\n>\r\n  <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n  </ng-container>\r\n</button>\r\n\r\n<mat-menu #notifications=\"matMenu\" class=\"notification-list-panel\">\r\n  <ng-template matMenuContent>\r\n    <app-notifications-list\r\n      (itemClicked)=\"listItemClick.emit($event); notifications.closed.emit()\"\r\n      (openSettings)=\"openSettings.emit($event); notifications.closed.emit()\"\r\n      (openNotifications)=\"openNotifications.emit($event); notifications.closed.emit()\"\r\n      (markAllRead)=\"refreshUnreadCount()\"\r\n    ></app-notifications-list>\r\n  </ng-template>\r\n  <div class=\"notification-list-panel__footer flex justify-center\">\r\n    <ng-content select=\"[notifications-footer]\"></ng-content>\r\n  </div>\r\n</mat-menu>\r\n\r\n<ng-container *ngIf=\"panelMode === panelModeEnum.sidebar\">\r\n  <button\r\n    [matBadge]=\"newNotificationCount$ | async\"\r\n    [matBadgeHidden]=\"!(showBadge$ | async)\"\r\n    [matBadgeSize]=\"badgeOptions.size\"\r\n    [matBadgeColor]=\"badgeOptions.color\"\r\n    [matBadgePosition]=\"badgeOptions.position\"\r\n    [class]=\"styleClass\"\r\n    (click)=\"toggleSideBar(); markAllAsUnread()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\">\r\n    </ng-container>\r\n  </button>\r\n  <app-notifications-sidebar\r\n    [(visible)]=\"isSidebarOpened\"\r\n    (visibleChange)=\"refreshUnreadCount()\"\r\n    [position]=\"sidebarPosition$ | async\"\r\n  >\r\n    <ng-template appNotificationSidebarContent>\r\n      <app-notifications-list\r\n        class=\"notifications-sidebar\"\r\n        (itemClicked)=\"\r\n          listItemClick.emit($event); toggleSideBar(false); refreshUnreadCount()\r\n        \"\r\n        (openSettings)=\"openSettings.emit($event); toggleSideBar(false)\"\r\n        (openNotifications)=\"openNotifications.emit($event); toggleSideBar(false)\"\r\n        (markAllRead)=\"refreshUnreadCount()\"\r\n      ></app-notifications-list>\r\n    </ng-template>\r\n  </app-notifications-sidebar>\r\n</ng-container>\r\n\r\n<ng-template #defaultIconTemplate>\r\n  <i class=\"bi bi-bell bell\"></i>\r\n</ng-template>\r\n", styles: [".notification-button{font-size:var(--not-btn-font-size, 1.5rem);width:var(--not-btn-width, 40px)}.notification-list-panel{--width: var(--nos-panel-width, min(80vw, 450px));width:var(--width);border-radius:var(--nos-panel-radius, 5px);overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;background:var(--nos-panel-background, #fff)}.notification-list-panel.mat-menu-panel{max-width:var(--width);max-height:var(--nos-panel-max-height, var(--height))}.notification-list-panel__navigate-btn{background:var(--not-btn-background, transparent);border-radius:var(--not-btn-radius, 5px);padding:var(--not-btn-padding, .5rem 1rem);margin:var(--not-btn-margin, .5rem 0);color:var(--not-btn-color, currentColor);width:var(--not-btn-width, 90%)}.notification-list-panel__navigate-btn:hover{--not-btn-background: var(--not-btn-hover-background, #f0f0f0);--not-btn-color: var(--not-btn-hover-color);-webkit-text-decoration:var(--not-btn-decoration, none);text-decoration:var(--not-btn-decoration, none)}.notification-list-panel__navigate-btn:active{--not-btn-background: var(--not-btn-active-background, #e2e2e2);--not-btn-color: var(--not-btn-active-color)}.notifications-sidebar{--nto-list-header-padding: var(--sidebar-list-header-padding , 1rem);--nto-list-height: var(--sidebar-list-height , calc(100vh - 100px))}\n"], components: [{ type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NotificationsListComponent, selector: "app-notifications-list", outputs: ["openSettings", "openNotifications"] }, { type: NotificationsSidebarComponent, selector: "app-notifications-sidebar", inputs: ["appendToBody", "clearOnCLose", "visible", "position"], outputs: ["visibleChange", "onShow", "onHide"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i7$3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: NotificationSidebarContentDirective, selector: "[appNotificationSidebarContent]" }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
@@ -28485,7 +28510,7 @@ const mapDefinitionToPresenter = (definition) => {
         sourceType: _properties['notf_nt:sourceTypee'],
         isActive: _properties['notif_def:isActive'],
         autoSubscription: _properties['notif_def:autoSubscription'],
-        sendByDefault: _properties['notif_def:sendByDefault'],
+        sentByDefault: _properties['notif_def:sentByDefault'],
         applicationKey: _properties['notif_def:applicationKey'],
         channel: _properties['notif_def:channel'],
         title: definition.title,
@@ -28518,10 +28543,11 @@ class CheckIfSubscribedPipe {
                 sub.applicationKey == definition.applicationKey &&
                 sub.notificationKey == definition.notificationKey);
         });
-        if (_subscription) {
+        if (_subscription &&
+            Object.values(SUBSCRIPTION_STATE).includes(_subscription === null || _subscription === void 0 ? void 0 : _subscription.state)) {
             return _subscription.state === SUBSCRIPTION_STATE.subscribed;
         }
-        return false;
+        return !!(definition === null || definition === void 0 ? void 0 : definition.sentByDefault);
     }
 }
 CheckIfSubscribedPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CheckIfSubscribedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });