@alfresco/adf-core 7.0.0-alpha.9-13356337662 → 7.0.0-alpha.9-13367447514
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/assets/adf-core/i18n/de.json +1 -1
- package/bundles/assets/adf-core/i18n/es.json +1 -1
- package/bundles/assets/adf-core/i18n/fr.json +1 -1
- package/bundles/assets/adf-core/i18n/it.json +1 -1
- package/bundles/assets/adf-core/i18n/pl.json +1 -1
- package/bundles/assets/adf-core/i18n/pt.json +1 -1
- package/esm2022/lib/language-menu/language-menu.component.mjs +7 -4
- package/esm2022/lib/language-menu/language-picker.component.mjs +21 -4
- package/esm2022/lib/notifications/components/notification-history.component.mjs +8 -16
- package/fesm2022/adf-core.mjs +33 -20
- package/fesm2022/adf-core.mjs.map +1 -1
- package/lib/language-menu/language-menu.component.d.ts +3 -1
- package/lib/language-menu/language-picker.component.d.ts +8 -2
- package/lib/notifications/components/notification-history.component.d.ts +2 -4
- package/lib/notifications/components/notification-history.component.scss +78 -65
- package/lib/styles/_mat-selectors.scss +0 -1
- package/package.json +3 -3
- package/schematics/migrations/schematics/migrations/collection.json +8 -8
package/fesm2022/adf-core.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, APP_INITIALIZER, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
|
|
2
|
+
import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, APP_INITIALIZER, QueryList, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, DOCUMENT, NgIf, NgClass, NgForOf, AsyncPipe, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, DecimalPipe, DatePipe, NgFor, JsonPipe } from '@angular/common';
|
|
5
5
|
import * as i3 from '@angular/material/table';
|
|
@@ -51,7 +51,7 @@ import * as i4$2 from '@angular/cdk/a11y';
|
|
|
51
51
|
import { FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
|
|
52
52
|
import { UP_ARROW, DOWN_ARROW, TAB, ESCAPE, ENTER } from '@angular/cdk/keycodes';
|
|
53
53
|
import * as i6 from '@angular/material/menu';
|
|
54
|
-
import { MatMenuModule,
|
|
54
|
+
import { MatMenuModule, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
|
|
55
55
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
56
56
|
import * as i1$7 from '@angular/router';
|
|
57
57
|
import { RouterModule, Router, provideRouter } from '@angular/router';
|
|
@@ -84,7 +84,7 @@ import * as i4$4 from '@angular/material/datepicker';
|
|
|
84
84
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
85
85
|
import * as i6$1 from '@angular/material/autocomplete';
|
|
86
86
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
87
|
-
import * as
|
|
87
|
+
import * as i2$6 from '@angular/material/list';
|
|
88
88
|
import { MatListModule } from '@angular/material/list';
|
|
89
89
|
import * as i5$2 from '@angular/material/slide-toggle';
|
|
90
90
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
@@ -11657,7 +11657,7 @@ class LanguageMenuComponent {
|
|
|
11657
11657
|
this.languageService.changeLanguage(language);
|
|
11658
11658
|
}
|
|
11659
11659
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LanguageMenuComponent, deps: [{ token: LanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11660
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: LanguageMenuComponent, isStandalone: true, selector: "adf-language-menu", outputs: { changedLanguage: "changedLanguage" }, ngImport: i0, template: `
|
|
11660
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: LanguageMenuComponent, isStandalone: true, selector: "adf-language-menu", outputs: { changedLanguage: "changedLanguage" }, viewQueries: [{ propertyName: "menuItems", predicate: MatMenuItem, descendants: true }], ngImport: i0, template: `
|
|
11661
11661
|
<button mat-menu-item *ngFor="let language of languages$ | async" [attr.lang]="language.key" (click)="changeLanguage(language)">
|
|
11662
11662
|
{{ language.label }}
|
|
11663
11663
|
</button>
|
|
@@ -11677,6 +11677,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
11677
11677
|
}]
|
|
11678
11678
|
}], ctorParameters: () => [{ type: LanguageService }], propDecorators: { changedLanguage: [{
|
|
11679
11679
|
type: Output
|
|
11680
|
+
}], menuItems: [{
|
|
11681
|
+
type: ViewChildren,
|
|
11682
|
+
args: [MatMenuItem]
|
|
11680
11683
|
}] } });
|
|
11681
11684
|
|
|
11682
11685
|
/*!
|
|
@@ -11699,8 +11702,16 @@ class LanguagePickerComponent {
|
|
|
11699
11702
|
constructor() {
|
|
11700
11703
|
this.changedLanguage = new EventEmitter();
|
|
11701
11704
|
}
|
|
11705
|
+
ngAfterViewInit() {
|
|
11706
|
+
const menuItems = this.languageMenuComponent.menuItems.filter((menuItem) => menuItem !== undefined);
|
|
11707
|
+
const menuItemsQueryList = new QueryList();
|
|
11708
|
+
menuItemsQueryList.reset(menuItems);
|
|
11709
|
+
// eslint-disable-next-line no-underscore-dangle
|
|
11710
|
+
this.menu._allItems = menuItemsQueryList;
|
|
11711
|
+
this.menu.ngAfterContentInit();
|
|
11712
|
+
}
|
|
11702
11713
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LanguagePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11703
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: LanguagePickerComponent, isStandalone: true, selector: "adf-picker-button", outputs: { changedLanguage: "changedLanguage" }, ngImport: i0, template: `
|
|
11714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: LanguagePickerComponent, isStandalone: true, selector: "adf-picker-button", outputs: { changedLanguage: "changedLanguage" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["langMenu"], descendants: true }, { propertyName: "menuItem", first: true, predicate: MatMenuItem, descendants: true }, { propertyName: "languageMenuComponent", first: true, predicate: LanguageMenuComponent, descendants: true }], ngImport: i0, template: `
|
|
11704
11715
|
<button mat-menu-item [matMenuTriggerFor]="langMenu">
|
|
11705
11716
|
<mat-icon>language</mat-icon>
|
|
11706
11717
|
{{ 'ADF.LANGUAGE' | translate }}
|
|
@@ -11728,6 +11739,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
11728
11739
|
}]
|
|
11729
11740
|
}], propDecorators: { changedLanguage: [{
|
|
11730
11741
|
type: Output
|
|
11742
|
+
}], menu: [{
|
|
11743
|
+
type: ViewChild,
|
|
11744
|
+
args: ['langMenu']
|
|
11745
|
+
}], menuItem: [{
|
|
11746
|
+
type: ViewChild,
|
|
11747
|
+
args: [MatMenuItem]
|
|
11748
|
+
}], languageMenuComponent: [{
|
|
11749
|
+
type: ViewChild,
|
|
11750
|
+
args: [LanguageMenuComponent]
|
|
11731
11751
|
}] } });
|
|
11732
11752
|
|
|
11733
11753
|
/*!
|
|
@@ -22375,7 +22395,7 @@ class UnknownWidgetComponent extends WidgetComponent {
|
|
|
22375
22395
|
<span class="adf-unknown-text">Unknown type: {{ field.type }}</span>
|
|
22376
22396
|
</mat-list-item>
|
|
22377
22397
|
</mat-list>
|
|
22378
|
-
`, isInline: true, styles: [".adf-unknown-text{margin-left:10px;color:red}.adf-unknown-widget{margin:42px}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type:
|
|
22398
|
+
`, isInline: true, styles: [".adf-unknown-text{margin-left:10px;color:red}.adf-unknown-widget{margin:42px}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$6.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22379
22399
|
}
|
|
22380
22400
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: UnknownWidgetComponent, decorators: [{
|
|
22381
22401
|
type: Component,
|
|
@@ -25714,7 +25734,7 @@ class CommentListComponent {
|
|
|
25714
25734
|
return this.commentsService.getUserImage(userId);
|
|
25715
25735
|
}
|
|
25716
25736
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CommentListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25717
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: CommentListComponent, isStandalone: true, selector: "adf-comment-list", inputs: { comments: "comments" }, outputs: { clickRow: "clickRow" }, ngImport: i0, template: " <mat-list class=\"adf-comment-list\">\n <mat-list-item *ngFor=\"let comment of comments\"\n (click)=\"selectComment(comment)\"\n class=\"adf-comment-list-item\">\n <div class=\"adf-comment-img-container\">\n <div *ngIf=\"!comment.hasAvatarPicture\" class=\"adf-comment-user-icon\">{{ comment.userInitials }}</div>\n <img *ngIf=\"comment.hasAvatarPicture\" class=\"adf-people-img\"\n [alt]=\"'COMMENTS.PROFILE_IMAGE' | translate\"\n [src]=\"getUserImage(comment.createdBy.id.toString())\" />\n </div>\n <div class=\"adf-comment-contents\">\n <div matLine class=\"adf-comment-user-name\">{{ comment.userDisplayName }}</div>\n <div matLine class=\"adf-comment-message\">{{ comment.message }}</div>\n <div matLine class=\"adf-comment-message-time\">{{ comment.created | adfTimeAgo }}</div>\n </div>\n </mat-list-item>\n</mat-list>\n", styles: [".adf-comment-list{padding-bottom:0}.adf-comment-list .adf-comment-img-container{width:40px;height:100%;display:flex;align-self:flex-start;padding-top:18px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container){white-space:initial;display:table-row-group;padding-top:12px;overflow:hidden;height:100%;background-position:center}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents{width:100%;padding-top:12px;padding-left:5px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents .adf-comment-message{width:100%;padding:2px 10px;white-space:pre-line;font-size:var(--theme-body-1-font-size);letter-spacing:-.2px;line-height:1.43;color:var(--adf-theme-foreground-text-color)}.adf-comment-list .adf-comment-user-icon{padding:10px 5px;width:30px;background-color:var(--theme-primary-color);color:var(--theme-primary-color-default-contrast);border-radius:50%;font-size:var(--theme-subheading-2-font-size);text-align:center;height:20px;background-size:cover}.adf-comment-list .adf-comment-user-name{width:100%;padding:2px 10px;font-weight:600;font-size:var(--theme-body-1-font-size)}.adf-comment-list .adf-comment-message-time{margin-top:5px;width:100%;padding:2px 10px;font-size:unset;color:var(--adf-theme-foreground-text-color)}.adf-comment-list .adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type:
|
|
25737
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: CommentListComponent, isStandalone: true, selector: "adf-comment-list", inputs: { comments: "comments" }, outputs: { clickRow: "clickRow" }, ngImport: i0, template: " <mat-list class=\"adf-comment-list\">\n <mat-list-item *ngFor=\"let comment of comments\"\n (click)=\"selectComment(comment)\"\n class=\"adf-comment-list-item\">\n <div class=\"adf-comment-img-container\">\n <div *ngIf=\"!comment.hasAvatarPicture\" class=\"adf-comment-user-icon\">{{ comment.userInitials }}</div>\n <img *ngIf=\"comment.hasAvatarPicture\" class=\"adf-people-img\"\n [alt]=\"'COMMENTS.PROFILE_IMAGE' | translate\"\n [src]=\"getUserImage(comment.createdBy.id.toString())\" />\n </div>\n <div class=\"adf-comment-contents\">\n <div matLine class=\"adf-comment-user-name\">{{ comment.userDisplayName }}</div>\n <div matLine class=\"adf-comment-message\">{{ comment.message }}</div>\n <div matLine class=\"adf-comment-message-time\">{{ comment.created | adfTimeAgo }}</div>\n </div>\n </mat-list-item>\n</mat-list>\n", styles: [".adf-comment-list{padding-bottom:0}.adf-comment-list .adf-comment-img-container{width:40px;height:100%;display:flex;align-self:flex-start;padding-top:18px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container){white-space:initial;display:table-row-group;padding-top:12px;overflow:hidden;height:100%;background-position:center}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents{width:100%;padding-top:12px;padding-left:5px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents .adf-comment-message{width:100%;padding:2px 10px;white-space:pre-line;font-size:var(--theme-body-1-font-size);letter-spacing:-.2px;line-height:1.43;color:var(--adf-theme-foreground-text-color)}.adf-comment-list .adf-comment-user-icon{padding:10px 5px;width:30px;background-color:var(--theme-primary-color);color:var(--theme-primary-color-default-contrast);border-radius:50%;font-size:var(--theme-subheading-2-font-size);text-align:center;height:20px;background-size:cover}.adf-comment-list .adf-comment-user-name{width:100%;padding:2px 10px;font-weight:600;font-size:var(--theme-body-1-font-size)}.adf-comment-list .adf-comment-message-time{margin-top:5px;width:100%;padding:2px 10px;font-size:unset;color:var(--adf-theme-foreground-text-color)}.adf-comment-list .adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$6.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i1$1.MatLine, selector: "[mat-line], [matLine]" }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25718
25738
|
}
|
|
25719
25739
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CommentListComponent, decorators: [{
|
|
25720
25740
|
type: Component,
|
|
@@ -27010,20 +27030,11 @@ class NotificationHistoryComponent {
|
|
|
27010
27030
|
onMenuOpened() {
|
|
27011
27031
|
this.createPagination();
|
|
27012
27032
|
}
|
|
27013
|
-
onKeyPress(event) {
|
|
27014
|
-
this.closeUserModal(event);
|
|
27015
|
-
}
|
|
27016
|
-
closeUserModal($event) {
|
|
27017
|
-
if ($event.keyCode === 27) {
|
|
27018
|
-
this.trigger.closeMenu();
|
|
27019
|
-
}
|
|
27020
|
-
}
|
|
27021
27033
|
markAsRead() {
|
|
27022
27034
|
this.notifications = [];
|
|
27023
27035
|
this.paginatedNotifications = [];
|
|
27024
27036
|
this.storageService.removeItem(NotificationHistoryComponent.NOTIFICATION_STORAGE);
|
|
27025
27037
|
this.createPagination();
|
|
27026
|
-
this.trigger.closeMenu();
|
|
27027
27038
|
}
|
|
27028
27039
|
createPagination() {
|
|
27029
27040
|
this.pagination = {
|
|
@@ -27034,7 +27045,8 @@ class NotificationHistoryComponent {
|
|
|
27034
27045
|
};
|
|
27035
27046
|
this.paginatedNotifications = this.notifications.slice(0, this.pagination.skipCount);
|
|
27036
27047
|
}
|
|
27037
|
-
loadMore() {
|
|
27048
|
+
loadMore($event) {
|
|
27049
|
+
$event.stopPropagation();
|
|
27038
27050
|
this.pagination.skipCount = this.pagination.maxItems + this.pagination.skipCount;
|
|
27039
27051
|
this.pagination.hasMoreItems = this.notifications.length > this.pagination.skipCount;
|
|
27040
27052
|
this.paginatedNotifications = this.notifications.slice(0, this.pagination.skipCount);
|
|
@@ -27042,14 +27054,15 @@ class NotificationHistoryComponent {
|
|
|
27042
27054
|
hasMoreNotifications() {
|
|
27043
27055
|
return this.pagination?.hasMoreItems;
|
|
27044
27056
|
}
|
|
27045
|
-
onNotificationClick(notification) {
|
|
27057
|
+
onNotificationClick(notification, $event) {
|
|
27058
|
+
$event.stopPropagation();
|
|
27046
27059
|
if (notification.clickCallBack) {
|
|
27047
27060
|
notification.clickCallBack(notification.args);
|
|
27048
27061
|
this.trigger.closeMenu();
|
|
27049
27062
|
}
|
|
27050
27063
|
}
|
|
27051
27064
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: NotificationHistoryComponent, deps: [{ token: NotificationService }, { token: StorageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27052
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: NotificationHistoryComponent, isStandalone: true, selector: "adf-notification-history", inputs: { menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", maxNotifications: "maxNotifications" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }], ngImport: i0, template: "<div (keyup)=\"onKeyPress($event)\" tabindex=\"-1\" role=\"button\" class=\"adf-notification-history-container\">\n <button mat-button\n [matMenuTriggerFor]=\"menu\"\n aria-hidden=\"false\"\n [attr.aria-label]=\"'NOTIFICATIONS.OPEN_HISTORY' | translate\"\n title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n class=\"adf-notification-history-menu_button\"\n id=\"adf-notification-history-open-button\"\n (menuOpened)=\"onMenuOpened()\">\n <mat-icon matBadge=\"⁠\"\n [matBadgeHidden]=\"!notifications.length\"\n class=\"adf-notification-history-menu_button-icon\"\n matBadgeColor=\"accent\"\n matBadgeSize=\"small\">notifications\n </mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n id=\"adf-notification-history-menu\"\n class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n <div class=\"adf-notification-history-list\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation()\">\n <div mat-subheader role=\"menuitem\">\n <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n <button *ngIf=\"notifications.length\"\n id=\"adf-notification-history-mark-as-read\"\n class=\"adf-notification-history-mark-as-read\"\n mat-icon-button\n title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n (click)=\"markAsRead()\">\n <mat-icon>done_all</mat-icon>\n </button>\n </div>\n\n <mat-divider />\n\n <mat-list role=\"menuitem\">\n <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n <mat-list-item *ngFor=\"let notification of paginatedNotifications\"\n class=\"adf-notification-history-menu-item\"\n (click)=\"onNotificationClick(notification)\">\n <div *ngIf=\"notification.initiator; else no_avatar\"\n matListItemAvatar\n [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n <ng-template #no_avatar>\n <mat-icon matListItemLine\n class=\"adf-notification-history-menu-initiator\">{{notification.icon}}</mat-icon>\n </ng-template>\n <div class=\"adf-notification-history-menu-item-content\">\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n *ngFor=\"let message of notification.messages\"\n matListItemLine [title]=\"message\">{{ message }}</p>\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n matListItemLine> {{notification.datetime | adfTimeAgo}} </p>\n </div>\n </mat-list-item>\n </ng-container>\n <ng-template #empty_list_template>\n <mat-list-item id=\"adf-notification-history-component-no-message\"\n class=\"adf-notification-history-menu-no-message\">\n <p class=\"adf-notification-history-menu-no-message-text\" matListItemLine>{{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}</p>\n </mat-list-item>\n </ng-template>\n </mat-list>\n\n <mat-divider />\n\n <div class=\"adf-notification-history-load-more\" role=\"menuitem\" *ngIf=\"hasMoreNotifications()\">\n <button mat-button (click)=\"loadMore()\">\n {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n </button>\n </div>\n </div>\n </mat-menu>\n</div>\n", styles: [".adf-notification-history-container{margin-top:1px}.adf-notification-history-list .adf-notification-history-menu-item-content-wrapper{height:100%;display:flex;align-items:center}.adf-notification-history-list .mdc-list-item__secondary-text:before{height:auto}.adf-notification-history-menu-item-content{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu-item-content p{line-height:16px;margin-bottom:0;color:var(--theme-sidenav-user-menu-color)}.adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px;color:var(--theme-text-color)}.adf-notification-history-list .mat-mdc-subheader{display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu:has(.adf-notification-history-list) .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;padding-left:16px}.adf-notification-history-menu:has(.adf-notification-history-list) .adf-notification-history-menu-item:focus{outline:none;background:var(--adf-theme-background-hover-color)}.adf-notification-history-menu:has(.adf-notification-history-list) .adf-notification-history-menu-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-notification-history-menu:has(.adf-notification-history-list) .adf-notification-history-menu-message:is(p),.adf-notification-history-menu:has(.adf-notification-history-list) .adf-notification-history-menu-no-message:is(p){font-size:var(--theme-body-1-font-size)}.adf-notification-history-menu:has(.adf-notification-history-list) .adf-notification-history-menu-no-message-text{font-size:16px;color:var(--theme-sidenav-user-menu-color);margin-bottom:0;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu:has(.adf-notification-history-list) .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--theme-caption-font-size)}.adf-notification-history-menu:has(.adf-notification-history-list) .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--theme-accent-color);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px;color:var(--adf-theme-mat-grey-color-a200)}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{width:100%}.adf-notification-history-mark-as-read{margin:4px 0}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content .mat-mdc-list{padding:8px 0 0}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content .mat-mdc-list .mat-mdc-list-item-unscoped-content{display:flex}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content .mat-mdc-list .mdc-list-item__content{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i8$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i8$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i8$1.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i8$1.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i8$1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: NotificationHistoryComponent, isStandalone: true, selector: "adf-notification-history", inputs: { menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", maxNotifications: "maxNotifications" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }], ngImport: i0, template: "<button mat-button\n [matMenuTriggerFor]=\"menu\"\n aria-hidden=\"false\"\n [attr.aria-label]=\"'NOTIFICATIONS.OPEN_HISTORY' | translate\"\n title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n class=\"adf-notification-history-menu_button\"\n id=\"adf-notification-history-open-button\"\n (menuOpened)=\"onMenuOpened()\">\n <mat-icon matBadge=\"⁠\"\n [matBadgeHidden]=\"!notifications.length\"\n class=\"adf-notification-history-menu_button-icon\"\n matBadgeColor=\"accent\"\n matBadgeSize=\"small\">notifications\n </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n id=\"adf-notification-history-menu\"\n class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n <div class=\"adf-notification-history-list-header\">\n <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n <button mat-menu-item\n *ngIf=\"notifications.length\"\n id=\"adf-notification-history-mark-as-read\"\n class=\"adf-notification-history-mark-as-read\"\n title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n (click)=\"markAsRead()\">\n <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n </button>\n </div>\n\n <mat-divider/>\n\n <div class=\"adf-notification-history-item-list\">\n <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n <button mat-menu-item\n *ngFor=\"let notification of paginatedNotifications\"\n (click)=\"onNotificationClick(notification, $event)\"\n class=\"adf-notification-history-menu-item\">\n <div class=\"adf-notification-history-menu-item-content\">\n <div *ngIf=\"notification.initiator; else no_avatar\"\n [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n <ng-template #no_avatar>\n <mat-icon class=\"adf-notification-history-menu-initiator\">\n {{ notification.icon }}\n </mat-icon>\n </ng-template>\n <div class=\"adf-notification-history-menu-item-content-message\">\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n *ngFor=\"let message of notification.messages\"\n [title]=\"message\">{{ message }}</p>\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n > {{ notification.datetime | adfTimeAgo }} </p>\n </div>\n </div>\n </button>\n </ng-container>\n <ng-template #empty_list_template>\n <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n class=\"adf-notification-history-menu-no-message-text\">\n {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n </p>\n </ng-template>\n </div>\n\n <mat-divider/>\n\n <div class=\"adf-notification-history-load-more\" *ngIf=\"hasMoreNotifications()\">\n <button mat-menu-item (click)=\"loadMore($event)\">\n {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n </button>\n </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px;color:var(--theme-text-color)}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0;color:var(--theme-sidenav-user-menu-color)}.adf-notification-history-menu .adf-notification-history-menu-item:focus{outline:none;background:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--theme-body-1-font-size)}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{color:var(--theme-sidenav-user-menu-color);margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--theme-caption-font-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--theme-accent-color);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px;color:var(--adf-theme-mat-grey-color-a200)}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27053
27066
|
}
|
|
27054
27067
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: NotificationHistoryComponent, decorators: [{
|
|
27055
27068
|
type: Component,
|
|
@@ -27065,7 +27078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
27065
27078
|
TimeAgoPipe,
|
|
27066
27079
|
InitialUsernamePipe,
|
|
27067
27080
|
MatSnackBarModule
|
|
27068
|
-
], encapsulation: ViewEncapsulation.None, template: "<
|
|
27081
|
+
], encapsulation: ViewEncapsulation.None, template: "<button mat-button\n [matMenuTriggerFor]=\"menu\"\n aria-hidden=\"false\"\n [attr.aria-label]=\"'NOTIFICATIONS.OPEN_HISTORY' | translate\"\n title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n class=\"adf-notification-history-menu_button\"\n id=\"adf-notification-history-open-button\"\n (menuOpened)=\"onMenuOpened()\">\n <mat-icon matBadge=\"⁠\"\n [matBadgeHidden]=\"!notifications.length\"\n class=\"adf-notification-history-menu_button-icon\"\n matBadgeColor=\"accent\"\n matBadgeSize=\"small\">notifications\n </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n id=\"adf-notification-history-menu\"\n class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n <div class=\"adf-notification-history-list-header\">\n <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n <button mat-menu-item\n *ngIf=\"notifications.length\"\n id=\"adf-notification-history-mark-as-read\"\n class=\"adf-notification-history-mark-as-read\"\n title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n (click)=\"markAsRead()\">\n <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n </button>\n </div>\n\n <mat-divider/>\n\n <div class=\"adf-notification-history-item-list\">\n <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n <button mat-menu-item\n *ngFor=\"let notification of paginatedNotifications\"\n (click)=\"onNotificationClick(notification, $event)\"\n class=\"adf-notification-history-menu-item\">\n <div class=\"adf-notification-history-menu-item-content\">\n <div *ngIf=\"notification.initiator; else no_avatar\"\n [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n <ng-template #no_avatar>\n <mat-icon class=\"adf-notification-history-menu-initiator\">\n {{ notification.icon }}\n </mat-icon>\n </ng-template>\n <div class=\"adf-notification-history-menu-item-content-message\">\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n *ngFor=\"let message of notification.messages\"\n [title]=\"message\">{{ message }}</p>\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n > {{ notification.datetime | adfTimeAgo }} </p>\n </div>\n </div>\n </button>\n </ng-container>\n <ng-template #empty_list_template>\n <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n class=\"adf-notification-history-menu-no-message-text\">\n {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n </p>\n </ng-template>\n </div>\n\n <mat-divider/>\n\n <div class=\"adf-notification-history-load-more\" *ngIf=\"hasMoreNotifications()\">\n <button mat-menu-item (click)=\"loadMore($event)\">\n {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n </button>\n </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px;color:var(--theme-text-color)}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0;color:var(--theme-sidenav-user-menu-color)}.adf-notification-history-menu .adf-notification-history-menu-item:focus{outline:none;background:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--theme-body-1-font-size)}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{color:var(--theme-sidenav-user-menu-color);margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--theme-caption-font-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--theme-accent-color);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px;color:var(--adf-theme-mat-grey-color-a200)}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"] }]
|
|
27069
27082
|
}], ctorParameters: () => [{ type: NotificationService }, { type: StorageService }, { type: i0.ChangeDetectorRef }], propDecorators: { trigger: [{
|
|
27070
27083
|
type: ViewChild,
|
|
27071
27084
|
args: [MatMenuTrigger, { static: true }]
|