@symphony-talent/component-library 3.77.0 → 3.78.0
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/esm2020/lib/atoms/icon/icon.component.mjs +2 -2
- package/esm2020/lib/atoms/notifications/notifications.component.mjs +5 -11
- package/esm2020/lib/atoms/notifications/notifications.model.mjs +1 -1
- package/esm2020/lib/atoms/notifications/notifications.module.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/icon/icon.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/notifications/notifications.component.mjs +5 -11
- package/esm2020/projects/component-library/lib/atoms/notifications/notifications.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/notifications/notifications.module.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +8 -14
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +8 -14
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +8 -14
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +8 -14
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/notifications/notifications.component.d.ts +4 -6
- package/lib/atoms/notifications/notifications.model.d.ts +13 -2
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/notifications/notifications.component.d.ts +4 -6
- package/projects/component-library/lib/atoms/notifications/notifications.model.d.ts +13 -2
|
@@ -10,10 +10,10 @@ export class IconComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{
|
|
13
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{font-size:18px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{
|
|
16
|
+
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{font-size:18px}\n"] }]
|
|
17
17
|
}], ctorParameters: function () { return []; }, propDecorators: { icon: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], isSecondary: [{
|
|
@@ -8,26 +8,20 @@ import * as i5 from "ngx-bootstrap/dropdown";
|
|
|
8
8
|
import * as i6 from "@angular/common";
|
|
9
9
|
export class NotificationsComponent {
|
|
10
10
|
constructor() {
|
|
11
|
-
this.notificationClick = new EventEmitter();
|
|
12
11
|
this.actionClick = new EventEmitter();
|
|
13
12
|
}
|
|
14
|
-
|
|
15
|
-
this.
|
|
16
|
-
}
|
|
17
|
-
onActionClick(notification) {
|
|
18
|
-
this.actionClick.emit(notification);
|
|
13
|
+
onActionClick(notificationItem) {
|
|
14
|
+
this.actionClick.emit(notificationItem);
|
|
19
15
|
}
|
|
20
16
|
}
|
|
21
17
|
NotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationsComponent, selector: "symphony-notifications", inputs: { model: "model" }, outputs: {
|
|
18
|
+
NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationsComponent, selector: "symphony-notifications", inputs: { model: "model" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n\n <span class=\"notification-on\" *ngIf=\"model?.unreadNotificationCount > 0\">\n {{ model.unreadNotificationCount }}</span\n >\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" class=\"sfx-p-20\">\n <symphony-h3 [text]=\"model.title\"></symphony-h3>\n </li>\n <li *ngIf=\"!model.isLoading\">\n <ul class=\"list-unstyled sfx-notification-list\">\n <li\n role=\"menuitem\"\n class=\"sfx-notification-list-items\"\n *ngFor=\"let notification of model.notifications\"\n >\n <div class=\"dropdown-item sfx-position-relative\">\n <div class=\"notification-wrap\">\n <div class=\"notification-text sfx-mb-10\">\n <symphony-icon\n *ngIf=\"notification.icon\"\n [icon]=\"notification.icon\"\n class=\"icon-position\"\n ></symphony-icon>\n <span *ngIf=\"!notification.isHtml\">{{\n notification.text\n }}</span>\n <div\n class=\"hasBold\"\n *ngIf=\"notification.isHtml\"\n [innerHTML]=\"notification.text\"\n ></div>\n </div>\n <div class=\"notification-footer\">\n <span>{{ notification.timestamp }}</span>\n <span\n class=\"sfx-font-bold sfx-cursor-pointer notification-action\"\n (click)=\"onActionClick(notification)\"\n >{{ notification.action }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"horizontal-divider\"></div>\n </li>\n <li class=\"sfx-mt-20\" *ngIf=\"model.isNotificationLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n </ul>\n </li>\n <li class=\"sfx-mt-20 sfx-mb-20\" *ngIf=\"model.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n <li\n class=\"sfx-mt-20 sfx-mb-20 sfx-txt-center\"\n *ngIf=\"model.notifications.length === 0 && !model.isLoading\"\n >\n <symphony-h5 [text]=\"model.emptyState\"></symphony-h5>\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#000000;padding:0;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#fff;position:relative}.btn-group button.dropdown-toggle.btn:hover{background:#565656;color:#fff!important}.btn-group button.dropdown-toggle.btn:hover .notification-on{border-color:#565656}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group button.dropdown-toggle.btn symphony-icon{height:18px}.btn-group button.dropdown-toggle.btn .notification-on{color:#000;width:18px;height:18px;background:#FFF;position:absolute;border:2px solid #000;border-radius:50%;top:0px;right:3px;font-size:9px;display:flex;justify-content:center;align-items:flex-end}.btn-group .dropdown-menu{width:360px;margin-top:10px;border:none;border-radius:10px;padding:0;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit;background:#ffffff}.btn-group .dropdown-menu .sfx-notification-list{max-height:280px;overflow-y:scroll;margin-bottom:20px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item{padding:0 15px 0 25px;line-height:20px;color:#000;border-radius:10px;background-color:#fff}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item:hover{background:#fff;color:#000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap{position:relative;padding:10px 10px 10px 25px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .hasBold span{font-family:neuzeit_groteskbold,sans-serif}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status{content:\"\";width:15px;height:15px;background:#00bb5b;border-radius:50%;position:absolute;top:12px;left:0}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status.red{background:#d60000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-footer{display:flex;justify-content:space-between}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items .horizontal-divider{border-bottom:1px solid #d9d9d9;margin:0 15px}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items:last-child .horizontal-divider{border-bottom:none}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#565656}.btn-group.open button.dropdown-toggle.btn .notification-on{border-color:#565656}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}::-webkit-scrollbar-thumb:hover{cursor:pointer}.icon-position{position:absolute;left:-5px;top:12px}.notification-action:hover{text-decoration:underline}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i5.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i5.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
23
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsComponent, decorators: [{
|
|
24
20
|
type: Component,
|
|
25
|
-
args: [{ selector: 'symphony-notifications', template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n <span class=\"notification-on\"
|
|
21
|
+
args: [{ selector: 'symphony-notifications', template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n\n <span class=\"notification-on\" *ngIf=\"model?.unreadNotificationCount > 0\">\n {{ model.unreadNotificationCount }}</span\n >\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" class=\"sfx-p-20\">\n <symphony-h3 [text]=\"model.title\"></symphony-h3>\n </li>\n <li *ngIf=\"!model.isLoading\">\n <ul class=\"list-unstyled sfx-notification-list\">\n <li\n role=\"menuitem\"\n class=\"sfx-notification-list-items\"\n *ngFor=\"let notification of model.notifications\"\n >\n <div class=\"dropdown-item sfx-position-relative\">\n <div class=\"notification-wrap\">\n <div class=\"notification-text sfx-mb-10\">\n <symphony-icon\n *ngIf=\"notification.icon\"\n [icon]=\"notification.icon\"\n class=\"icon-position\"\n ></symphony-icon>\n <span *ngIf=\"!notification.isHtml\">{{\n notification.text\n }}</span>\n <div\n class=\"hasBold\"\n *ngIf=\"notification.isHtml\"\n [innerHTML]=\"notification.text\"\n ></div>\n </div>\n <div class=\"notification-footer\">\n <span>{{ notification.timestamp }}</span>\n <span\n class=\"sfx-font-bold sfx-cursor-pointer notification-action\"\n (click)=\"onActionClick(notification)\"\n >{{ notification.action }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"horizontal-divider\"></div>\n </li>\n <li class=\"sfx-mt-20\" *ngIf=\"model.isNotificationLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n </ul>\n </li>\n <li class=\"sfx-mt-20 sfx-mb-20\" *ngIf=\"model.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n <li\n class=\"sfx-mt-20 sfx-mb-20 sfx-txt-center\"\n *ngIf=\"model.notifications.length === 0 && !model.isLoading\"\n >\n <symphony-h5 [text]=\"model.emptyState\"></symphony-h5>\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#000000;padding:0;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#fff;position:relative}.btn-group button.dropdown-toggle.btn:hover{background:#565656;color:#fff!important}.btn-group button.dropdown-toggle.btn:hover .notification-on{border-color:#565656}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group button.dropdown-toggle.btn symphony-icon{height:18px}.btn-group button.dropdown-toggle.btn .notification-on{color:#000;width:18px;height:18px;background:#FFF;position:absolute;border:2px solid #000;border-radius:50%;top:0px;right:3px;font-size:9px;display:flex;justify-content:center;align-items:flex-end}.btn-group .dropdown-menu{width:360px;margin-top:10px;border:none;border-radius:10px;padding:0;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit;background:#ffffff}.btn-group .dropdown-menu .sfx-notification-list{max-height:280px;overflow-y:scroll;margin-bottom:20px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item{padding:0 15px 0 25px;line-height:20px;color:#000;border-radius:10px;background-color:#fff}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item:hover{background:#fff;color:#000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap{position:relative;padding:10px 10px 10px 25px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .hasBold span{font-family:neuzeit_groteskbold,sans-serif}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status{content:\"\";width:15px;height:15px;background:#00bb5b;border-radius:50%;position:absolute;top:12px;left:0}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status.red{background:#d60000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-footer{display:flex;justify-content:space-between}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items .horizontal-divider{border-bottom:1px solid #d9d9d9;margin:0 15px}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items:last-child .horizontal-divider{border-bottom:none}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#565656}.btn-group.open button.dropdown-toggle.btn .notification-on{border-color:#565656}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}::-webkit-scrollbar-thumb:hover{cursor:pointer}.icon-position{position:absolute;left:-5px;top:12px}.notification-action:hover{text-decoration:underline}\n"] }]
|
|
26
22
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
27
23
|
type: Input
|
|
28
|
-
}], notificationClick: [{
|
|
29
|
-
type: Output
|
|
30
24
|
}], actionClick: [{
|
|
31
25
|
type: Output
|
|
32
26
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVcvRSxNQUFNLE9BQU8sc0JBQXNCO0lBSWpDO1FBRlUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBeUIsQ0FBQztJQUVuRCxDQUFDO0lBRWhCLGFBQWEsQ0FBQyxnQkFBdUM7UUFDbkQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUMxQyxDQUFDOzttSEFSVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixtSUNYbkMsbW9GQTZFQTsyRkRsRWEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHdCQUF3QjswRUFLekIsS0FBSztzQkFBYixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBOb3RpZmljYXRpb25JdGVtTW9kZWwsXG4gIE5vdGlmaWNhdGlvbk1vZGVsLFxufSBmcm9tICcuL25vdGlmaWNhdGlvbnMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1ub3RpZmljYXRpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb25zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbnNDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogTm90aWZpY2F0aW9uTW9kZWw7XG4gIEBPdXRwdXQoKSBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Tm90aWZpY2F0aW9uSXRlbU1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkFjdGlvbkNsaWNrKG5vdGlmaWNhdGlvbkl0ZW06IE5vdGlmaWNhdGlvbkl0ZW1Nb2RlbCkge1xuICAgIHRoaXMuYWN0aW9uQ2xpY2suZW1pdChub3RpZmljYXRpb25JdGVtKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJ0bi1ncm91cFwiIGRyb3Bkb3duIFtpbnNpZGVDbGlja109XCJ0cnVlXCI+XG4gIDxidXR0b25cbiAgICBpZD1cImJ1dHRvbi1iYXNpY1wiXG4gICAgZHJvcGRvd25Ub2dnbGVcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBjbGFzcz1cImJ0biBkcm9wZG93bi10b2dnbGVcIlxuICAgIGFyaWEtY29udHJvbHM9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgYXJpYS1sYWJlbD1cIm1vcmUtYWN0aW9ucy1tZW51XCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1ub3RpZmljYXRpb24nXCI+PC9zeW1waG9ueS1pY29uPlxuXG4gICAgPHNwYW4gY2xhc3M9XCJub3RpZmljYXRpb24tb25cIiAqbmdJZj1cIm1vZGVsPy51bnJlYWROb3RpZmljYXRpb25Db3VudCA+IDBcIj5cbiAgICAgIHt7IG1vZGVsLnVucmVhZE5vdGlmaWNhdGlvbkNvdW50IH19PC9zcGFuXG4gICAgPlxuICA8L2J1dHRvbj5cbiAgPHVsXG4gICAgaWQ9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgKmRyb3Bkb3duTWVudVxuICAgIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gICAgcm9sZT1cIm1lbnVcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cImJ1dHRvbi1iYXNpY1wiXG4gID5cbiAgICA8bGkgcm9sZT1cIm1lbnVpdGVtXCIgY2xhc3M9XCJzZngtcC0yMFwiPlxuICAgICAgPHN5bXBob255LWgzIFt0ZXh0XT1cIm1vZGVsLnRpdGxlXCI+PC9zeW1waG9ueS1oMz5cbiAgICA8L2xpPlxuICAgIDxsaSAqbmdJZj1cIiFtb2RlbC5pc0xvYWRpbmdcIj5cbiAgICAgIDx1bCBjbGFzcz1cImxpc3QtdW5zdHlsZWQgc2Z4LW5vdGlmaWNhdGlvbi1saXN0XCI+XG4gICAgICAgIDxsaVxuICAgICAgICAgIHJvbGU9XCJtZW51aXRlbVwiXG4gICAgICAgICAgY2xhc3M9XCJzZngtbm90aWZpY2F0aW9uLWxpc3QtaXRlbXNcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBub3RpZmljYXRpb24gb2YgbW9kZWwubm90aWZpY2F0aW9uc1wiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24taXRlbSBzZngtcG9zaXRpb24tcmVsYXRpdmVcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb24td3JhcFwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uLXRleHQgc2Z4LW1iLTEwXCI+XG4gICAgICAgICAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwibm90aWZpY2F0aW9uLmljb25cIlxuICAgICAgICAgICAgICAgICAgW2ljb25dPVwibm90aWZpY2F0aW9uLmljb25cIlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpY29uLXBvc2l0aW9uXCJcbiAgICAgICAgICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIW5vdGlmaWNhdGlvbi5pc0h0bWxcIj57e1xuICAgICAgICAgICAgICAgICAgbm90aWZpY2F0aW9uLnRleHRcbiAgICAgICAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImhhc0JvbGRcIlxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCJub3RpZmljYXRpb24uaXNIdG1sXCJcbiAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwibm90aWZpY2F0aW9uLnRleHRcIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb24tZm9vdGVyXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgbm90aWZpY2F0aW9uLnRpbWVzdGFtcCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZngtZm9udC1ib2xkIHNmeC1jdXJzb3ItcG9pbnRlciBub3RpZmljYXRpb24tYWN0aW9uXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkFjdGlvbkNsaWNrKG5vdGlmaWNhdGlvbilcIlxuICAgICAgICAgICAgICAgICAgPnt7IG5vdGlmaWNhdGlvbi5hY3Rpb24gfX08L3NwYW5cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhvcml6b250YWwtZGl2aWRlclwiPjwvZGl2PlxuICAgICAgICA8L2xpPlxuICAgICAgICA8bGkgY2xhc3M9XCJzZngtbXQtMjBcIiAqbmdJZj1cIm1vZGVsLmlzTm90aWZpY2F0aW9uTG9hZGluZ1wiPlxuICAgICAgICAgIDxzeW1waG9ueS1zZngtbG9hZGVyPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG4gICAgPC9saT5cbiAgICA8bGkgY2xhc3M9XCJzZngtbXQtMjAgc2Z4LW1iLTIwXCIgKm5nSWY9XCJtb2RlbC5pc0xvYWRpbmdcIj5cbiAgICAgIDxzeW1waG9ueS1zZngtbG9hZGVyPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgICA8L2xpPlxuICAgIDxsaVxuICAgICAgY2xhc3M9XCJzZngtbXQtMjAgc2Z4LW1iLTIwIHNmeC10eHQtY2VudGVyXCJcbiAgICAgICpuZ0lmPVwibW9kZWwubm90aWZpY2F0aW9ucy5sZW5ndGggPT09IDAgJiYgIW1vZGVsLmlzTG9hZGluZ1wiXG4gICAgPlxuICAgICAgPHN5bXBob255LWg1IFt0ZXh0XT1cIm1vZGVsLmVtcHR5U3RhdGVcIj48L3N5bXBob255LWg1PlxuICAgIDwvbGk+XG4gIDwvdWw+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvbm90aWZpY2F0aW9ucy9ub3RpZmljYXRpb25zLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uL2ljb24vaWNvbi5lbnVtJztcblxuZXhwb3J0IGludGVyZmFjZSBOb3RpZmljYXRpb25Nb2RlbCB7XG4gIG5vdGlmaWNhdGlvbnM6IE5vdGlmaWNhdGlvbkl0ZW1Nb2RlbFtdO1xuICB0aXRsZT86IHN0cmluZztcbiAgaXNMb2FkaW5nOiBib29sZWFuO1xuICBlbXB0eVN0YXRlOiBzdHJpbmc7XG4gIGlzTm90aWZpY2F0aW9uTG9hZGluZzogYm9vbGVhbjtcbiAgdW5yZWFkTm90aWZpY2F0aW9uQ291bnQ/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTm90aWZpY2F0aW9uSXRlbU1vZGVsIHtcbiAgaWNvbj86IEljb25zO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHRpbWVzdGFtcDogc3RyaW5nO1xuICBhY3Rpb24/OiBzdHJpbmc7XG4gIGlzSHRtbD86IGJvb2xlYW47XG4gIHNvdXJjZT86IHN0cmluZztcbiAgbWV0YWRhdGE/OiBhbnk7XG59XG4iXX0=
|
|
@@ -27,7 +27,7 @@ NotificationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
|
|
|
27
27
|
H3Module,
|
|
28
28
|
PipeModule,
|
|
29
29
|
SfxLoaderModule,
|
|
30
|
-
H5Module
|
|
30
|
+
H5Module,
|
|
31
31
|
]] });
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsModule, decorators: [{
|
|
33
33
|
type: NgModule,
|
|
@@ -41,9 +41,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
41
41
|
H3Module,
|
|
42
42
|
PipeModule,
|
|
43
43
|
SfxLoaderModule,
|
|
44
|
-
H5Module
|
|
44
|
+
H5Module,
|
|
45
45
|
],
|
|
46
46
|
exports: [NotificationsComponent],
|
|
47
47
|
}]
|
|
48
48
|
}] });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBZ0IzQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBYmYsc0JBQXNCLGFBRW5DLFlBQVksdUJBRVosdUJBQXVCO1FBQ3ZCLFVBQVU7UUFDVixRQUFRO1FBQ1IsVUFBVTtRQUNWLGVBQWU7UUFDZixRQUFRLGFBRUEsc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFackI7WUFDUCxZQUFZO1lBQ1osZ0JBQWdCLENBQUMsT0FBTyxFQUFFO1lBQzFCLHVCQUF1QjtZQUN2QixVQUFVO1lBQ1YsUUFBUTtZQUNSLFVBQVU7WUFDVixlQUFlO1lBQ2YsUUFBUTtTQUNUOzJGQUdVLG1CQUFtQjtrQkFkL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCLENBQUMsT0FBTyxFQUFFO3dCQUMxQix1QkFBdUI7d0JBQ3ZCLFVBQVU7d0JBQ1YsUUFBUTt3QkFDUixVQUFVO3dCQUNWLGVBQWU7d0JBQ2YsUUFBUTtxQkFDVDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IEJzRHJvcGRvd25Nb2R1bGUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL2Ryb3Bkb3duJztcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEgzTW9kdWxlIH0gZnJvbSAnLi4vaDMvaDMubW9kdWxlJztcbmltcG9ydCB7IFBpcGVNb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlL3BpcGUubW9kdWxlJztcbmltcG9ydCB7IFNmeExvYWRlck1vZHVsZSB9IGZyb20gJy4uL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5tb2R1bGUnO1xuaW1wb3J0IHsgSDVNb2R1bGUgfSBmcm9tICcuLi9oNS9oNS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOb3RpZmljYXRpb25zQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBCc0Ryb3Bkb3duTW9kdWxlLmZvclJvb3QoKSxcbiAgICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIEgzTW9kdWxlLFxuICAgIFBpcGVNb2R1bGUsXG4gICAgU2Z4TG9hZGVyTW9kdWxlLFxuICAgIEg1TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbTm90aWZpY2F0aW9uc0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbnNNb2R1bGUge31cbiJdfQ==
|
|
@@ -10,10 +10,10 @@ export class IconComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{
|
|
13
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{font-size:18px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{
|
|
16
|
+
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{font-size:18px}\n"] }]
|
|
17
17
|
}], ctorParameters: function () { return []; }, propDecorators: { icon: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], isSecondary: [{
|
package/esm2020/projects/component-library/lib/atoms/notifications/notifications.component.mjs
CHANGED
|
@@ -8,26 +8,20 @@ import * as i5 from "ngx-bootstrap/dropdown";
|
|
|
8
8
|
import * as i6 from "@angular/common";
|
|
9
9
|
export class NotificationsComponent {
|
|
10
10
|
constructor() {
|
|
11
|
-
this.notificationClick = new EventEmitter();
|
|
12
11
|
this.actionClick = new EventEmitter();
|
|
13
12
|
}
|
|
14
|
-
|
|
15
|
-
this.
|
|
16
|
-
}
|
|
17
|
-
onActionClick(notification) {
|
|
18
|
-
this.actionClick.emit(notification);
|
|
13
|
+
onActionClick(notificationItem) {
|
|
14
|
+
this.actionClick.emit(notificationItem);
|
|
19
15
|
}
|
|
20
16
|
}
|
|
21
17
|
NotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationsComponent, selector: "symphony-notifications", inputs: { model: "model" }, outputs: {
|
|
18
|
+
NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationsComponent, selector: "symphony-notifications", inputs: { model: "model" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n\n <span class=\"notification-on\" *ngIf=\"model?.unreadNotificationCount > 0\">\n {{ model.unreadNotificationCount }}</span\n >\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" class=\"sfx-p-20\">\n <symphony-h3 [text]=\"model.title\"></symphony-h3>\n </li>\n <li *ngIf=\"!model.isLoading\">\n <ul class=\"list-unstyled sfx-notification-list\">\n <li\n role=\"menuitem\"\n class=\"sfx-notification-list-items\"\n *ngFor=\"let notification of model.notifications\"\n >\n <div class=\"dropdown-item sfx-position-relative\">\n <div class=\"notification-wrap\">\n <div class=\"notification-text sfx-mb-10\">\n <symphony-icon\n *ngIf=\"notification.icon\"\n [icon]=\"notification.icon\"\n class=\"icon-position\"\n ></symphony-icon>\n <span *ngIf=\"!notification.isHtml\">{{\n notification.text\n }}</span>\n <div\n class=\"hasBold\"\n *ngIf=\"notification.isHtml\"\n [innerHTML]=\"notification.text\"\n ></div>\n </div>\n <div class=\"notification-footer\">\n <span>{{ notification.timestamp }}</span>\n <span\n class=\"sfx-font-bold sfx-cursor-pointer notification-action\"\n (click)=\"onActionClick(notification)\"\n >{{ notification.action }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"horizontal-divider\"></div>\n </li>\n <li class=\"sfx-mt-20\" *ngIf=\"model.isNotificationLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n </ul>\n </li>\n <li class=\"sfx-mt-20 sfx-mb-20\" *ngIf=\"model.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n <li\n class=\"sfx-mt-20 sfx-mb-20 sfx-txt-center\"\n *ngIf=\"model.notifications.length === 0 && !model.isLoading\"\n >\n <symphony-h5 [text]=\"model.emptyState\"></symphony-h5>\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#000000;padding:0;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#fff;position:relative}.btn-group button.dropdown-toggle.btn:hover{background:#565656;color:#fff!important}.btn-group button.dropdown-toggle.btn:hover .notification-on{border-color:#565656}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group button.dropdown-toggle.btn symphony-icon{height:18px}.btn-group button.dropdown-toggle.btn .notification-on{color:#000;width:18px;height:18px;background:#FFF;position:absolute;border:2px solid #000;border-radius:50%;top:0px;right:3px;font-size:9px;display:flex;justify-content:center;align-items:flex-end}.btn-group .dropdown-menu{width:360px;margin-top:10px;border:none;border-radius:10px;padding:0;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit;background:#ffffff}.btn-group .dropdown-menu .sfx-notification-list{max-height:280px;overflow-y:scroll;margin-bottom:20px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item{padding:0 15px 0 25px;line-height:20px;color:#000;border-radius:10px;background-color:#fff}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item:hover{background:#fff;color:#000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap{position:relative;padding:10px 10px 10px 25px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .hasBold span{font-family:neuzeit_groteskbold,sans-serif}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status{content:\"\";width:15px;height:15px;background:#00bb5b;border-radius:50%;position:absolute;top:12px;left:0}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status.red{background:#d60000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-footer{display:flex;justify-content:space-between}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items .horizontal-divider{border-bottom:1px solid #d9d9d9;margin:0 15px}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items:last-child .horizontal-divider{border-bottom:none}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#565656}.btn-group.open button.dropdown-toggle.btn .notification-on{border-color:#565656}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}::-webkit-scrollbar-thumb:hover{cursor:pointer}.icon-position{position:absolute;left:-5px;top:12px}.notification-action:hover{text-decoration:underline}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i5.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i5.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
23
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsComponent, decorators: [{
|
|
24
20
|
type: Component,
|
|
25
|
-
args: [{ selector: 'symphony-notifications', template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n <span class=\"notification-on\"
|
|
21
|
+
args: [{ selector: 'symphony-notifications', template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n\n <span class=\"notification-on\" *ngIf=\"model?.unreadNotificationCount > 0\">\n {{ model.unreadNotificationCount }}</span\n >\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" class=\"sfx-p-20\">\n <symphony-h3 [text]=\"model.title\"></symphony-h3>\n </li>\n <li *ngIf=\"!model.isLoading\">\n <ul class=\"list-unstyled sfx-notification-list\">\n <li\n role=\"menuitem\"\n class=\"sfx-notification-list-items\"\n *ngFor=\"let notification of model.notifications\"\n >\n <div class=\"dropdown-item sfx-position-relative\">\n <div class=\"notification-wrap\">\n <div class=\"notification-text sfx-mb-10\">\n <symphony-icon\n *ngIf=\"notification.icon\"\n [icon]=\"notification.icon\"\n class=\"icon-position\"\n ></symphony-icon>\n <span *ngIf=\"!notification.isHtml\">{{\n notification.text\n }}</span>\n <div\n class=\"hasBold\"\n *ngIf=\"notification.isHtml\"\n [innerHTML]=\"notification.text\"\n ></div>\n </div>\n <div class=\"notification-footer\">\n <span>{{ notification.timestamp }}</span>\n <span\n class=\"sfx-font-bold sfx-cursor-pointer notification-action\"\n (click)=\"onActionClick(notification)\"\n >{{ notification.action }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"horizontal-divider\"></div>\n </li>\n <li class=\"sfx-mt-20\" *ngIf=\"model.isNotificationLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n </ul>\n </li>\n <li class=\"sfx-mt-20 sfx-mb-20\" *ngIf=\"model.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n <li\n class=\"sfx-mt-20 sfx-mb-20 sfx-txt-center\"\n *ngIf=\"model.notifications.length === 0 && !model.isLoading\"\n >\n <symphony-h5 [text]=\"model.emptyState\"></symphony-h5>\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#000000;padding:0;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#fff;position:relative}.btn-group button.dropdown-toggle.btn:hover{background:#565656;color:#fff!important}.btn-group button.dropdown-toggle.btn:hover .notification-on{border-color:#565656}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group button.dropdown-toggle.btn symphony-icon{height:18px}.btn-group button.dropdown-toggle.btn .notification-on{color:#000;width:18px;height:18px;background:#FFF;position:absolute;border:2px solid #000;border-radius:50%;top:0px;right:3px;font-size:9px;display:flex;justify-content:center;align-items:flex-end}.btn-group .dropdown-menu{width:360px;margin-top:10px;border:none;border-radius:10px;padding:0;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit;background:#ffffff}.btn-group .dropdown-menu .sfx-notification-list{max-height:280px;overflow-y:scroll;margin-bottom:20px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item{padding:0 15px 0 25px;line-height:20px;color:#000;border-radius:10px;background-color:#fff}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item:hover{background:#fff;color:#000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap{position:relative;padding:10px 10px 10px 25px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .hasBold span{font-family:neuzeit_groteskbold,sans-serif}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status{content:\"\";width:15px;height:15px;background:#00bb5b;border-radius:50%;position:absolute;top:12px;left:0}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status.red{background:#d60000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-footer{display:flex;justify-content:space-between}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items .horizontal-divider{border-bottom:1px solid #d9d9d9;margin:0 15px}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items:last-child .horizontal-divider{border-bottom:none}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#565656}.btn-group.open button.dropdown-toggle.btn .notification-on{border-color:#565656}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}::-webkit-scrollbar-thumb:hover{cursor:pointer}.icon-position{position:absolute;left:-5px;top:12px}.notification-action:hover{text-decoration:underline}\n"] }]
|
|
26
22
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
27
23
|
type: Input
|
|
28
|
-
}], notificationClick: [{
|
|
29
|
-
type: Output
|
|
30
24
|
}], actionClick: [{
|
|
31
25
|
type: Output
|
|
32
26
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVcvRSxNQUFNLE9BQU8sc0JBQXNCO0lBSWpDO1FBRlUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBeUIsQ0FBQztJQUVuRCxDQUFDO0lBRWhCLGFBQWEsQ0FBQyxnQkFBdUM7UUFDbkQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUMxQyxDQUFDOzttSEFSVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixtSUNYbkMsbW9GQTZFQTsyRkRsRWEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHdCQUF3QjswRUFLekIsS0FBSztzQkFBYixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBOb3RpZmljYXRpb25JdGVtTW9kZWwsXG4gIE5vdGlmaWNhdGlvbk1vZGVsLFxufSBmcm9tICcuL25vdGlmaWNhdGlvbnMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1ub3RpZmljYXRpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb25zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbnNDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogTm90aWZpY2F0aW9uTW9kZWw7XG4gIEBPdXRwdXQoKSBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Tm90aWZpY2F0aW9uSXRlbU1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkFjdGlvbkNsaWNrKG5vdGlmaWNhdGlvbkl0ZW06IE5vdGlmaWNhdGlvbkl0ZW1Nb2RlbCkge1xuICAgIHRoaXMuYWN0aW9uQ2xpY2suZW1pdChub3RpZmljYXRpb25JdGVtKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJ0bi1ncm91cFwiIGRyb3Bkb3duIFtpbnNpZGVDbGlja109XCJ0cnVlXCI+XG4gIDxidXR0b25cbiAgICBpZD1cImJ1dHRvbi1iYXNpY1wiXG4gICAgZHJvcGRvd25Ub2dnbGVcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBjbGFzcz1cImJ0biBkcm9wZG93bi10b2dnbGVcIlxuICAgIGFyaWEtY29udHJvbHM9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgYXJpYS1sYWJlbD1cIm1vcmUtYWN0aW9ucy1tZW51XCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1ub3RpZmljYXRpb24nXCI+PC9zeW1waG9ueS1pY29uPlxuXG4gICAgPHNwYW4gY2xhc3M9XCJub3RpZmljYXRpb24tb25cIiAqbmdJZj1cIm1vZGVsPy51bnJlYWROb3RpZmljYXRpb25Db3VudCA+IDBcIj5cbiAgICAgIHt7IG1vZGVsLnVucmVhZE5vdGlmaWNhdGlvbkNvdW50IH19PC9zcGFuXG4gICAgPlxuICA8L2J1dHRvbj5cbiAgPHVsXG4gICAgaWQ9XCJkcm9wZG93bi1iYXNpY1wiXG4gICAgKmRyb3Bkb3duTWVudVxuICAgIGNsYXNzPVwiZHJvcGRvd24tbWVudVwiXG4gICAgcm9sZT1cIm1lbnVcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cImJ1dHRvbi1iYXNpY1wiXG4gID5cbiAgICA8bGkgcm9sZT1cIm1lbnVpdGVtXCIgY2xhc3M9XCJzZngtcC0yMFwiPlxuICAgICAgPHN5bXBob255LWgzIFt0ZXh0XT1cIm1vZGVsLnRpdGxlXCI+PC9zeW1waG9ueS1oMz5cbiAgICA8L2xpPlxuICAgIDxsaSAqbmdJZj1cIiFtb2RlbC5pc0xvYWRpbmdcIj5cbiAgICAgIDx1bCBjbGFzcz1cImxpc3QtdW5zdHlsZWQgc2Z4LW5vdGlmaWNhdGlvbi1saXN0XCI+XG4gICAgICAgIDxsaVxuICAgICAgICAgIHJvbGU9XCJtZW51aXRlbVwiXG4gICAgICAgICAgY2xhc3M9XCJzZngtbm90aWZpY2F0aW9uLWxpc3QtaXRlbXNcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBub3RpZmljYXRpb24gb2YgbW9kZWwubm90aWZpY2F0aW9uc1wiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24taXRlbSBzZngtcG9zaXRpb24tcmVsYXRpdmVcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb24td3JhcFwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uLXRleHQgc2Z4LW1iLTEwXCI+XG4gICAgICAgICAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICAgICAgICAgICpuZ0lmPVwibm90aWZpY2F0aW9uLmljb25cIlxuICAgICAgICAgICAgICAgICAgW2ljb25dPVwibm90aWZpY2F0aW9uLmljb25cIlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpY29uLXBvc2l0aW9uXCJcbiAgICAgICAgICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIW5vdGlmaWNhdGlvbi5pc0h0bWxcIj57e1xuICAgICAgICAgICAgICAgICAgbm90aWZpY2F0aW9uLnRleHRcbiAgICAgICAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImhhc0JvbGRcIlxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCJub3RpZmljYXRpb24uaXNIdG1sXCJcbiAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwibm90aWZpY2F0aW9uLnRleHRcIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb24tZm9vdGVyXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgbm90aWZpY2F0aW9uLnRpbWVzdGFtcCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZngtZm9udC1ib2xkIHNmeC1jdXJzb3ItcG9pbnRlciBub3RpZmljYXRpb24tYWN0aW9uXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkFjdGlvbkNsaWNrKG5vdGlmaWNhdGlvbilcIlxuICAgICAgICAgICAgICAgICAgPnt7IG5vdGlmaWNhdGlvbi5hY3Rpb24gfX08L3NwYW5cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhvcml6b250YWwtZGl2aWRlclwiPjwvZGl2PlxuICAgICAgICA8L2xpPlxuICAgICAgICA8bGkgY2xhc3M9XCJzZngtbXQtMjBcIiAqbmdJZj1cIm1vZGVsLmlzTm90aWZpY2F0aW9uTG9hZGluZ1wiPlxuICAgICAgICAgIDxzeW1waG9ueS1zZngtbG9hZGVyPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG4gICAgPC9saT5cbiAgICA8bGkgY2xhc3M9XCJzZngtbXQtMjAgc2Z4LW1iLTIwXCIgKm5nSWY9XCJtb2RlbC5pc0xvYWRpbmdcIj5cbiAgICAgIDxzeW1waG9ueS1zZngtbG9hZGVyPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgICA8L2xpPlxuICAgIDxsaVxuICAgICAgY2xhc3M9XCJzZngtbXQtMjAgc2Z4LW1iLTIwIHNmeC10eHQtY2VudGVyXCJcbiAgICAgICpuZ0lmPVwibW9kZWwubm90aWZpY2F0aW9ucy5sZW5ndGggPT09IDAgJiYgIW1vZGVsLmlzTG9hZGluZ1wiXG4gICAgPlxuICAgICAgPHN5bXBob255LWg1IFt0ZXh0XT1cIm1vZGVsLmVtcHR5U3RhdGVcIj48L3N5bXBob255LWg1PlxuICAgIDwvbGk+XG4gIDwvdWw+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvbm90aWZpY2F0aW9ucy9ub3RpZmljYXRpb25zLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uL2ljb24vaWNvbi5lbnVtJztcblxuZXhwb3J0IGludGVyZmFjZSBOb3RpZmljYXRpb25Nb2RlbCB7XG4gIG5vdGlmaWNhdGlvbnM6IE5vdGlmaWNhdGlvbkl0ZW1Nb2RlbFtdO1xuICB0aXRsZT86IHN0cmluZztcbiAgaXNMb2FkaW5nOiBib29sZWFuO1xuICBlbXB0eVN0YXRlOiBzdHJpbmc7XG4gIGlzTm90aWZpY2F0aW9uTG9hZGluZzogYm9vbGVhbjtcbiAgdW5yZWFkTm90aWZpY2F0aW9uQ291bnQ/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTm90aWZpY2F0aW9uSXRlbU1vZGVsIHtcbiAgaWNvbj86IEljb25zO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHRpbWVzdGFtcDogc3RyaW5nO1xuICBhY3Rpb24/OiBzdHJpbmc7XG4gIGlzSHRtbD86IGJvb2xlYW47XG4gIHNvdXJjZT86IHN0cmluZztcbiAgbWV0YWRhdGE/OiBhbnk7XG59XG4iXX0=
|
|
@@ -27,7 +27,7 @@ NotificationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
|
|
|
27
27
|
H3Module,
|
|
28
28
|
PipeModule,
|
|
29
29
|
SfxLoaderModule,
|
|
30
|
-
H5Module
|
|
30
|
+
H5Module,
|
|
31
31
|
]] });
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsModule, decorators: [{
|
|
33
33
|
type: NgModule,
|
|
@@ -41,9 +41,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
41
41
|
H3Module,
|
|
42
42
|
PipeModule,
|
|
43
43
|
SfxLoaderModule,
|
|
44
|
-
H5Module
|
|
44
|
+
H5Module,
|
|
45
45
|
],
|
|
46
46
|
exports: [NotificationsComponent],
|
|
47
47
|
}]
|
|
48
48
|
}] });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBZ0IzQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBYmYsc0JBQXNCLGFBRW5DLFlBQVksdUJBRVosdUJBQXVCO1FBQ3ZCLFVBQVU7UUFDVixRQUFRO1FBQ1IsVUFBVTtRQUNWLGVBQWU7UUFDZixRQUFRLGFBRUEsc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFackI7WUFDUCxZQUFZO1lBQ1osZ0JBQWdCLENBQUMsT0FBTyxFQUFFO1lBQzFCLHVCQUF1QjtZQUN2QixVQUFVO1lBQ1YsUUFBUTtZQUNSLFVBQVU7WUFDVixlQUFlO1lBQ2YsUUFBUTtTQUNUOzJGQUdVLG1CQUFtQjtrQkFkL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCLENBQUMsT0FBTyxFQUFFO3dCQUMxQix1QkFBdUI7d0JBQ3ZCLFVBQVU7d0JBQ1YsUUFBUTt3QkFDUixVQUFVO3dCQUNWLGVBQWU7d0JBQ2YsUUFBUTtxQkFDVDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IEJzRHJvcGRvd25Nb2R1bGUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL2Ryb3Bkb3duJztcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEgzTW9kdWxlIH0gZnJvbSAnLi4vaDMvaDMubW9kdWxlJztcbmltcG9ydCB7IFBpcGVNb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlL3BpcGUubW9kdWxlJztcbmltcG9ydCB7IFNmeExvYWRlck1vZHVsZSB9IGZyb20gJy4uL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5tb2R1bGUnO1xuaW1wb3J0IHsgSDVNb2R1bGUgfSBmcm9tICcuLi9oNS9oNS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOb3RpZmljYXRpb25zQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBCc0Ryb3Bkb3duTW9kdWxlLmZvclJvb3QoKSxcbiAgICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIEgzTW9kdWxlLFxuICAgIFBpcGVNb2R1bGUsXG4gICAgU2Z4TG9hZGVyTW9kdWxlLFxuICAgIEg1TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbTm90aWZpY2F0aW9uc0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbnNNb2R1bGUge31cbiJdfQ==
|
|
@@ -464,10 +464,10 @@ class IconComponent {
|
|
|
464
464
|
}
|
|
465
465
|
}
|
|
466
466
|
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
467
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{
|
|
467
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{font-size:18px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
468
468
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
469
469
|
type: Component,
|
|
470
|
-
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{
|
|
470
|
+
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{font-size:18px}\n"] }]
|
|
471
471
|
}], ctorParameters: function () { return []; }, propDecorators: { icon: [{
|
|
472
472
|
type: Input
|
|
473
473
|
}], isSecondary: [{
|
|
@@ -2174,25 +2174,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2174
2174
|
|
|
2175
2175
|
class NotificationsComponent {
|
|
2176
2176
|
constructor() {
|
|
2177
|
-
this.notificationClick = new EventEmitter();
|
|
2178
2177
|
this.actionClick = new EventEmitter();
|
|
2179
2178
|
}
|
|
2180
|
-
|
|
2181
|
-
this.
|
|
2182
|
-
}
|
|
2183
|
-
onActionClick(notification) {
|
|
2184
|
-
this.actionClick.emit(notification);
|
|
2179
|
+
onActionClick(notificationItem) {
|
|
2180
|
+
this.actionClick.emit(notificationItem);
|
|
2185
2181
|
}
|
|
2186
2182
|
}
|
|
2187
2183
|
NotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2188
|
-
NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationsComponent, selector: "symphony-notifications", inputs: { model: "model" }, outputs: {
|
|
2184
|
+
NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationsComponent, selector: "symphony-notifications", inputs: { model: "model" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n\n <span class=\"notification-on\" *ngIf=\"model?.unreadNotificationCount > 0\">\n {{ model.unreadNotificationCount }}</span\n >\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" class=\"sfx-p-20\">\n <symphony-h3 [text]=\"model.title\"></symphony-h3>\n </li>\n <li *ngIf=\"!model.isLoading\">\n <ul class=\"list-unstyled sfx-notification-list\">\n <li\n role=\"menuitem\"\n class=\"sfx-notification-list-items\"\n *ngFor=\"let notification of model.notifications\"\n >\n <div class=\"dropdown-item sfx-position-relative\">\n <div class=\"notification-wrap\">\n <div class=\"notification-text sfx-mb-10\">\n <symphony-icon\n *ngIf=\"notification.icon\"\n [icon]=\"notification.icon\"\n class=\"icon-position\"\n ></symphony-icon>\n <span *ngIf=\"!notification.isHtml\">{{\n notification.text\n }}</span>\n <div\n class=\"hasBold\"\n *ngIf=\"notification.isHtml\"\n [innerHTML]=\"notification.text\"\n ></div>\n </div>\n <div class=\"notification-footer\">\n <span>{{ notification.timestamp }}</span>\n <span\n class=\"sfx-font-bold sfx-cursor-pointer notification-action\"\n (click)=\"onActionClick(notification)\"\n >{{ notification.action }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"horizontal-divider\"></div>\n </li>\n <li class=\"sfx-mt-20\" *ngIf=\"model.isNotificationLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n </ul>\n </li>\n <li class=\"sfx-mt-20 sfx-mb-20\" *ngIf=\"model.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n <li\n class=\"sfx-mt-20 sfx-mb-20 sfx-txt-center\"\n *ngIf=\"model.notifications.length === 0 && !model.isLoading\"\n >\n <symphony-h5 [text]=\"model.emptyState\"></symphony-h5>\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#000000;padding:0;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#fff;position:relative}.btn-group button.dropdown-toggle.btn:hover{background:#565656;color:#fff!important}.btn-group button.dropdown-toggle.btn:hover .notification-on{border-color:#565656}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group button.dropdown-toggle.btn symphony-icon{height:18px}.btn-group button.dropdown-toggle.btn .notification-on{color:#000;width:18px;height:18px;background:#FFF;position:absolute;border:2px solid #000;border-radius:50%;top:0px;right:3px;font-size:9px;display:flex;justify-content:center;align-items:flex-end}.btn-group .dropdown-menu{width:360px;margin-top:10px;border:none;border-radius:10px;padding:0;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit;background:#ffffff}.btn-group .dropdown-menu .sfx-notification-list{max-height:280px;overflow-y:scroll;margin-bottom:20px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item{padding:0 15px 0 25px;line-height:20px;color:#000;border-radius:10px;background-color:#fff}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item:hover{background:#fff;color:#000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap{position:relative;padding:10px 10px 10px 25px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .hasBold span{font-family:neuzeit_groteskbold,sans-serif}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status{content:\"\";width:15px;height:15px;background:#00bb5b;border-radius:50%;position:absolute;top:12px;left:0}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status.red{background:#d60000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-footer{display:flex;justify-content:space-between}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items .horizontal-divider{border-bottom:1px solid #d9d9d9;margin:0 15px}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items:last-child .horizontal-divider{border-bottom:none}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#565656}.btn-group.open button.dropdown-toggle.btn .notification-on{border-color:#565656}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}::-webkit-scrollbar-thumb:hover{cursor:pointer}.icon-position{position:absolute;left:-5px;top:12px}.notification-action:hover{text-decoration:underline}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2189
2185
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsComponent, decorators: [{
|
|
2190
2186
|
type: Component,
|
|
2191
|
-
args: [{ selector: 'symphony-notifications', template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n <span class=\"notification-on\"
|
|
2187
|
+
args: [{ selector: 'symphony-notifications', template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n\n <span class=\"notification-on\" *ngIf=\"model?.unreadNotificationCount > 0\">\n {{ model.unreadNotificationCount }}</span\n >\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" class=\"sfx-p-20\">\n <symphony-h3 [text]=\"model.title\"></symphony-h3>\n </li>\n <li *ngIf=\"!model.isLoading\">\n <ul class=\"list-unstyled sfx-notification-list\">\n <li\n role=\"menuitem\"\n class=\"sfx-notification-list-items\"\n *ngFor=\"let notification of model.notifications\"\n >\n <div class=\"dropdown-item sfx-position-relative\">\n <div class=\"notification-wrap\">\n <div class=\"notification-text sfx-mb-10\">\n <symphony-icon\n *ngIf=\"notification.icon\"\n [icon]=\"notification.icon\"\n class=\"icon-position\"\n ></symphony-icon>\n <span *ngIf=\"!notification.isHtml\">{{\n notification.text\n }}</span>\n <div\n class=\"hasBold\"\n *ngIf=\"notification.isHtml\"\n [innerHTML]=\"notification.text\"\n ></div>\n </div>\n <div class=\"notification-footer\">\n <span>{{ notification.timestamp }}</span>\n <span\n class=\"sfx-font-bold sfx-cursor-pointer notification-action\"\n (click)=\"onActionClick(notification)\"\n >{{ notification.action }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"horizontal-divider\"></div>\n </li>\n <li class=\"sfx-mt-20\" *ngIf=\"model.isNotificationLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n </ul>\n </li>\n <li class=\"sfx-mt-20 sfx-mb-20\" *ngIf=\"model.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n <li\n class=\"sfx-mt-20 sfx-mb-20 sfx-txt-center\"\n *ngIf=\"model.notifications.length === 0 && !model.isLoading\"\n >\n <symphony-h5 [text]=\"model.emptyState\"></symphony-h5>\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#000000;padding:0;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#fff;position:relative}.btn-group button.dropdown-toggle.btn:hover{background:#565656;color:#fff!important}.btn-group button.dropdown-toggle.btn:hover .notification-on{border-color:#565656}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group button.dropdown-toggle.btn symphony-icon{height:18px}.btn-group button.dropdown-toggle.btn .notification-on{color:#000;width:18px;height:18px;background:#FFF;position:absolute;border:2px solid #000;border-radius:50%;top:0px;right:3px;font-size:9px;display:flex;justify-content:center;align-items:flex-end}.btn-group .dropdown-menu{width:360px;margin-top:10px;border:none;border-radius:10px;padding:0;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit;background:#ffffff}.btn-group .dropdown-menu .sfx-notification-list{max-height:280px;overflow-y:scroll;margin-bottom:20px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item{padding:0 15px 0 25px;line-height:20px;color:#000;border-radius:10px;background-color:#fff}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item:hover{background:#fff;color:#000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap{position:relative;padding:10px 10px 10px 25px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .hasBold span{font-family:neuzeit_groteskbold,sans-serif}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status{content:\"\";width:15px;height:15px;background:#00bb5b;border-radius:50%;position:absolute;top:12px;left:0}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status.red{background:#d60000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-footer{display:flex;justify-content:space-between}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items .horizontal-divider{border-bottom:1px solid #d9d9d9;margin:0 15px}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items:last-child .horizontal-divider{border-bottom:none}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#565656}.btn-group.open button.dropdown-toggle.btn .notification-on{border-color:#565656}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}::-webkit-scrollbar-thumb:hover{cursor:pointer}.icon-position{position:absolute;left:-5px;top:12px}.notification-action:hover{text-decoration:underline}\n"] }]
|
|
2192
2188
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2193
2189
|
type: Input
|
|
2194
|
-
}], notificationClick: [{
|
|
2195
|
-
type: Output
|
|
2196
2190
|
}], actionClick: [{
|
|
2197
2191
|
type: Output
|
|
2198
2192
|
}] } });
|
|
@@ -2214,7 +2208,7 @@ NotificationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
|
|
|
2214
2208
|
H3Module,
|
|
2215
2209
|
PipeModule,
|
|
2216
2210
|
SfxLoaderModule,
|
|
2217
|
-
H5Module
|
|
2211
|
+
H5Module,
|
|
2218
2212
|
]] });
|
|
2219
2213
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsModule, decorators: [{
|
|
2220
2214
|
type: NgModule,
|
|
@@ -2228,7 +2222,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2228
2222
|
H3Module,
|
|
2229
2223
|
PipeModule,
|
|
2230
2224
|
SfxLoaderModule,
|
|
2231
|
-
H5Module
|
|
2225
|
+
H5Module,
|
|
2232
2226
|
],
|
|
2233
2227
|
exports: [NotificationsComponent],
|
|
2234
2228
|
}]
|