nuxeo-development-framework 5.2.7 → 5.2.9

package/bundles/nuxeo-development-framework.umd.js

@@ -13921,7 +13921,7 @@
       return ListViewerComponent;
   }());
   ListViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ListViewerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ListViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ListViewerComponent, selector: "cts-list-viewer", inputs: { label: "label", data: "data", vertical: "vertical" }, ngImport: i0__namespace, template: "<div class=\"container\">\r\n  <div>{{label | translate}}</div>\r\n  <span class=\"title\" (click)=\"show = !show\" *ngIf=\"data.length > 1\">\r\n    {{\r\n    (show ? \"CREATE.SHOW_LESS\" : \"CREATE.SHOW_MORE\")\r\n    | translate\r\n    }}\r\n  </span>\r\n</div>\r\n<div class=\"two-columns\" [class.show]=\"show\" *ngIf=\"data.length \">\r\n  <ng-container *ngFor=\"let elem of data\">\r\n    <div class=\"wrapper\">\r\n      <span class=\"avatar-wrapper\">\r\n        <cts-avatar [user]=\"elem\"></cts-avatar>\r\n      </span>\r\n      <span class=\"fullName\">\r\n        {{ elem?.properties?.firstName }} {{ elem?.properties?.lastName }}\r\n      </span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n<div class=\"no-data-section\" *ngIf=\"data.length === 0\">\r\n  {{\"CREATE.NO_USERS\" | translate}}\r\n</div>\r\n", styles: [".title{font-size:12px;cursor:pointer;font-weight:bold;margin-top:4px;color:#d3d3d3}.container{display:flex;place-content:space-between;padding:0;font-weight:bold;font-size:14px}.two-columns{height:63px;overflow:hidden;width:100%;display:flex;flex-wrap:wrap;padding:0 5px;border:1px solid #d9dce2}.two-columns .wrapper{display:inline-flex;padding:6px;align-items:center;width:50%}.no-data-section{height:63px;border:1px solid #d9dce2;display:flex;justify-content:center;align-items:center;color:gray;font-size:14px}.avatar-wrapper{width:35px;height:35px;margin:5px}.show{overflow:visible;height:auto}.fullName{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}\n"], components: [{ type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  ListViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ListViewerComponent, selector: "cts-list-viewer", inputs: { label: "label", data: "data", vertical: "vertical" }, ngImport: i0__namespace, template: "<div class=\"container\">\r\n  <div>{{label | translate}}</div>\r\n  <span class=\"title\" (click)=\"show = !show\" *ngIf=\"data.length > 1\">\r\n    {{\r\n    (show ? \"CREATE.SHOW_LESS\" : \"CREATE.SHOW_MORE\")\r\n    | translate\r\n    }}\r\n  </span>\r\n</div>\r\n<div class=\"two-columns\" [class.show]=\"show\" *ngIf=\"data.length \">\r\n  <ng-container *ngFor=\"let elem of data\">\r\n    <div class=\"wrapper\">\r\n      <span class=\"avatar-wrapper\">\r\n        <cts-avatar [user]=\"elem\"></cts-avatar>\r\n      </span>\r\n      <span class=\"fullName\">\r\n        {{ elem?.properties?.firstName }} {{ elem?.properties?.lastName }}\r\n      </span>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n<div class=\"no-data-section\" *ngIf=\"data.length === 0\">\r\n  {{\"CREATE.NO_USERS\" | translate}}\r\n</div>\r\n", styles: [".title{font-size:12px;cursor:pointer;font-weight:bold;margin-top:4px;color:#d3d3d3}.container{display:flex;place-content:space-between;padding:0;font-weight:bold;font-size:14px;height:auto}.two-columns{height:63px;overflow:hidden;width:100%;display:flex;flex-wrap:wrap;padding:0 5px;border:1px solid #d9dce2}.two-columns .wrapper{display:inline-flex;padding:6px;align-items:center;width:50%}.no-data-section{height:63px;border:1px solid #d9dce2;display:flex;justify-content:center;align-items:center;color:gray;font-size:14px}.avatar-wrapper{width:35px;height:35px;margin:5px}.show{overflow:visible;height:auto}.fullName{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}\n"], components: [{ type: AvatarComponent, selector: "cts-avatar", inputs: ["user"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ListViewerComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -14581,7 +14581,7 @@
       return PageSizesListComponent;
   }());
   PageSizesListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageSizesListComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  PageSizesListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PageSizesListComponent, selector: "ndf-page-sizes-list", inputs: { pageSizes: "pageSizes", selectedPageSize: "selectedPageSize" }, outputs: { onChangePageSize: "onChangePageSize" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"tablePageSizesWrapper\" *ngIf=\"pageSizes?.length\">\r\n  <span class=\"tablePageSizeLabel\">\r\n    {{ \"tablePageSizes\" | translate }}\r\n  </span>\r\n  <ng-select\r\n    class=\"tablePageSizesList\"\r\n    [items]=\"pageSizes\"\r\n    bindValue=\"size\"\r\n    bindLabel=\"label\"\r\n    [(ngModel)]=\"selectedPageSize\"\r\n    (change)=\"changePageSize()\"\r\n    appendTo=\"body\"\r\n  >\r\n  </ng-select>\r\n</div>\r\n", styles: [".tablePageSizesWrapper{display:flex;grid-column-gap:12px;column-gap:12px;align-items:center}.tablePageSizesWrapper .tablePageSizesList{width:100px}\n"], components: [{ type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+  PageSizesListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PageSizesListComponent, selector: "ndf-page-sizes-list", inputs: { pageSizes: "pageSizes", selectedPageSize: "selectedPageSize" }, outputs: { onChangePageSize: "onChangePageSize" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"tablePageSizesWrapper\" *ngIf=\"pageSizes?.length\">\r\n\t<span class=\"tablePageSizeLabel\">\r\n\t\t{{ 'tablePageSizes' | translate }}\r\n\t</span>\r\n\t<ng-select\r\n\t\tclass=\"tablePageSizesList\"\r\n\t\t[dropdownPosition]=\"'top'\"\r\n\t\t[items]=\"pageSizes\"\r\n\t\tbindValue=\"size\"\r\n\t\tbindLabel=\"label\"\r\n\t\t[(ngModel)]=\"selectedPageSize\"\r\n\t\t(change)=\"changePageSize()\"\r\n\t>\r\n\t</ng-select>\r\n</div>\r\n", styles: [".tablePageSizesWrapper{display:flex;grid-column-gap:12px;column-gap:12px;align-items:center}.tablePageSizesWrapper .tablePageSizesList{width:100px}\n"], components: [{ type: i5__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PageSizesListComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -14783,6 +14783,8 @@
               sortOrder: event.newValue
           };
           this.onSorting.emit(sort);
+          this.onMultiRowSelected.emit([]);
+          this.disabledActions = false;
       };
       TableComponent.prototype.assignTableColumns = function (event) {
           this.onResize(event.target.innerWidth);
@@ -19681,13 +19683,13 @@
               useExisting: i0.forwardRef(function () { return AggregationFieldComponent; }),
               multi: true
           }
-      ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-container #dynamicContainer></ng-container>\r\n", styles: [""], encapsulation: i0__namespace.ViewEncapsulation.None });
+      ], usesInheritance: true, ngImport: i0__namespace, template: '<ng-container #dynamicContainer></ng-container>', isInline: true, styles: [""], encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AggregationFieldComponent, decorators: [{
               type: i0.Component,
               args: [{
                       selector: 'app-aggregation-field',
-                      templateUrl: './aggregation-field.component.html',
-                      styleUrls: ['./aggregation-field.component.scss'],
+                      template: '<ng-container #dynamicContainer></ng-container>',
+                      styles: [''],
                       encapsulation: i0.ViewEncapsulation.None,
                       providers: [
                           {
@@ -40905,7 +40907,7 @@
       return NotificationsButtonComponent;
   }(BaseNotification));
   NotificationsButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationsButtonComponent, deps: [{ token: i0__namespace.Injector }, { token: TranslationService }, { token: CustomToastrService }, { token: i0__namespace.ChangeDetectorRef }, { token: NOTIFICATIONS_LIST_OPTIONS, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NotificationsButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationsButtonComponent, selector: "app-notifications-button", inputs: { styleClass: "styleClass", badgeOptions: "badgeOptions", shouldMarkAsUnread: "shouldMarkAsUnread", ignoredToastEvents: "ignoredToastEvents" }, 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: i0.TemplateRef, static: true }], usesInheritance: true, ngImport: i0__namespace, 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-button .mat-badge-content{text-overflow:unset;width:18px;height:18px;line-height:18px}.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__namespace$2.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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i7__namespace$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$2.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: NotificationSidebarContentDirective, selector: "[appNotificationSidebarContent]" }], pipes: { "async": i4__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  NotificationsButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: NotificationsButtonComponent, selector: "app-notifications-button", inputs: { styleClass: "styleClass", badgeOptions: "badgeOptions", shouldMarkAsUnread: "shouldMarkAsUnread", ignoredToastEvents: "ignoredToastEvents" }, 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: i0.TemplateRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<button\r\n\t*ngIf=\"panelMode === panelModeEnum.panel\"\r\n\t[matMenuTriggerFor]=\"notifications\"\r\n\t[matBadge]=\"newNotificationCount$ | async\"\r\n\t[matBadgeHidden]=\"!(showBadge$ | async)\"\r\n\t[matBadgeSize]=\"badgeOptions.size\"\r\n\t[matBadgeColor]=\"badgeOptions.color\"\r\n\t[matBadgePosition]=\"badgeOptions.position\"\r\n\t[class]=\"styleClass\"\r\n>\r\n\t<ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\"> </ng-container>\r\n</button>\r\n\r\n<mat-menu #notifications=\"matMenu\" class=\"notification-list-panel\">\r\n\t<ng-template matMenuContent>\r\n\t\t<app-notifications-list\r\n\t\t\t(itemClicked)=\"listItemClick.emit($event); notifications.closed.emit()\"\r\n\t\t\t(openSettings)=\"openSettings.emit($event); notifications.closed.emit()\"\r\n\t\t\t(openNotifications)=\"openNotifications.emit($event); notifications.closed.emit()\"\r\n\t\t\t(markAllRead)=\"refreshUnreadCount()\"\r\n\t\t></app-notifications-list>\r\n\t</ng-template>\r\n\t<div class=\"notification-list-panel__footer flex justify-center\">\r\n\t\t<ng-content select=\"[notifications-footer]\"></ng-content>\r\n\t</div>\r\n</mat-menu>\r\n\r\n<ng-container *ngIf=\"panelMode === panelModeEnum.sidebar\">\r\n\t<button\r\n\t\t[matBadge]=\"newNotificationCount$ | async\"\r\n\t\t[matBadgeHidden]=\"!(showBadge$ | async)\"\r\n\t\t[matBadgeSize]=\"badgeOptions.size\"\r\n\t\t[matBadgeColor]=\"badgeOptions.color\"\r\n\t\t[matBadgePosition]=\"badgeOptions.position\"\r\n\t\t[class]=\"styleClass\"\r\n\t\t(click)=\"toggleSideBar()\"\r\n\t>\r\n\t\t<ng-container [ngTemplateOutlet]=\"customIconTemplate || defaultIconTemplate\"> </ng-container>\r\n\t</button>\r\n\t<app-notifications-sidebar\r\n\t\t[(visible)]=\"isSidebarOpened\"\r\n\t\t(visibleChange)=\"refreshUnreadCount()\"\r\n\t\t[position]=\"sidebarPosition$ | async\"\r\n\t>\r\n\t\t<ng-template appNotificationSidebarContent>\r\n\t\t\t<app-notifications-list\r\n\t\t\t\tclass=\"notifications-sidebar\"\r\n\t\t\t\t(itemClicked)=\"listItemClick.emit($event); toggleSideBar(false); refreshUnreadCount()\"\r\n\t\t\t\t(openSettings)=\"openSettings.emit($event); toggleSideBar(false)\"\r\n\t\t\t\t(openNotifications)=\"openNotifications.emit($event); toggleSideBar(false)\"\r\n\t\t\t\t(markAllRead)=\"refreshUnreadCount()\"\r\n\t\t\t></app-notifications-list>\r\n\t\t</ng-template>\r\n\t</app-notifications-sidebar>\r\n</ng-container>\r\n\r\n<ng-template #defaultIconTemplate>\r\n\t<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-button .mat-badge-content{text-overflow:unset;width:18px;height:18px;line-height:18px}.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__namespace$2.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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i7__namespace$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }, { type: i4__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$2.MatMenuContent, selector: "ng-template[matMenuContent]" }, { type: NotificationSidebarContentDirective, selector: "[appNotificationSidebarContent]" }], pipes: { "async": i4__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NotificationsButtonComponent, decorators: [{
               type: i0.Component,
               args: [{