raise-common-lib 0.0.259 → 0.0.260
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/raise-common-lib.umd.js +14 -2
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/dialog/new-action-notification/new-action-notification.component.js +17 -4
- package/esm5/lib/dialog/new-action-notification/new-action-notification.component.js +16 -4
- package/fesm2015/raise-common-lib.js +15 -2
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +14 -2
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/dialog/new-action-notification/new-action-notification.component.d.ts +3 -2
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Generated from: lib/dialog/new-action-notification/new-action-notification.component.ts
|
|
4
4
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
5
|
*/
|
|
6
|
-
import { Component, Inject } from "@angular/core";
|
|
6
|
+
import { Component, ElementRef, Inject } from "@angular/core";
|
|
7
7
|
import { MAT_SNACK_BAR_DATA } from "@angular/material/snack-bar";
|
|
8
8
|
/**
|
|
9
9
|
* @record
|
|
@@ -26,9 +26,11 @@ if (false) {
|
|
|
26
26
|
;
|
|
27
27
|
export class NewActionNotificationComponent {
|
|
28
28
|
/**
|
|
29
|
+
* @param {?} elementRef
|
|
29
30
|
* @param {?} data
|
|
30
31
|
*/
|
|
31
|
-
constructor(data) {
|
|
32
|
+
constructor(elementRef, data) {
|
|
33
|
+
this.elementRef = elementRef;
|
|
32
34
|
this.data = data;
|
|
33
35
|
this.collapsed = false;
|
|
34
36
|
}
|
|
@@ -36,6 +38,11 @@ export class NewActionNotificationComponent {
|
|
|
36
38
|
* @return {?}
|
|
37
39
|
*/
|
|
38
40
|
ngAfterViewInit() {
|
|
41
|
+
/** @type {?} */
|
|
42
|
+
const pane = ((/** @type {?} */ (this.elementRef.nativeElement))).closest(".cdk-overlay-pane");
|
|
43
|
+
if (pane) {
|
|
44
|
+
pane.classList.add("new-action-notification-overlay");
|
|
45
|
+
}
|
|
39
46
|
if (this.config.type === "Loading") {
|
|
40
47
|
this.config.loadingCallback((/**
|
|
41
48
|
* @param {?} progress
|
|
@@ -78,17 +85,23 @@ NewActionNotificationComponent.decorators = [
|
|
|
78
85
|
{ type: Component, args: [{
|
|
79
86
|
selector: "kt-new-action-notification",
|
|
80
87
|
template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n",
|
|
81
|
-
styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
88
|
+
styles: ["::ng-deep .new-action-notification-overlay{pointer-events:none!important}::ng-deep .new-action-notification{pointer-events:none;margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent;pointer-events:none}.new-action-notification-container{pointer-events:auto;min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
82
89
|
}] }
|
|
83
90
|
];
|
|
84
91
|
/** @nocollapse */
|
|
85
92
|
NewActionNotificationComponent.ctorParameters = () => [
|
|
93
|
+
{ type: ElementRef },
|
|
86
94
|
{ type: undefined, decorators: [{ type: Inject, args: [MAT_SNACK_BAR_DATA,] }] }
|
|
87
95
|
];
|
|
88
96
|
if (false) {
|
|
89
97
|
/** @type {?} */
|
|
90
98
|
NewActionNotificationComponent.prototype.collapsed;
|
|
99
|
+
/**
|
|
100
|
+
* @type {?}
|
|
101
|
+
* @private
|
|
102
|
+
*/
|
|
103
|
+
NewActionNotificationComponent.prototype.elementRef;
|
|
91
104
|
/** @type {?} */
|
|
92
105
|
NewActionNotificationComponent.prototype.data;
|
|
93
106
|
}
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWFjdGlvbi1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9kaWFsb2cvbmV3LWFjdGlvbi1ub3RpZmljYXRpb24vbmV3LWFjdGlvbi1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsa0JBQWtCLEVBQWUsTUFBTSw2QkFBNkIsQ0FBQzs7OztBQU85RSx3Q0FPQzs7O0lBTkEscUNBQWdCOztJQUNoQixzQ0FBc0I7O0lBQ3RCLDZDQUF5RTs7SUFDekUsb0NBQXlDOztJQUN6QyxrQ0FBa0Q7O0lBQ2xELG1DQUFlOztBQUNmLENBQUM7QUFPRixNQUFNLE9BQU8sOEJBQThCOzs7OztJQUcxQyxZQUNTLFVBQXNCLEVBRXZCLElBQXdCO1FBRnZCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFFdkIsU0FBSSxHQUFKLElBQUksQ0FBb0I7UUFMaEMsY0FBUyxHQUFHLEtBQUssQ0FBQztJQU1mLENBQUM7Ozs7SUFFSixlQUFlOztjQUNSLElBQUksR0FBRyxDQUFDLG1CQUFBLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFlLENBQUMsQ0FBQyxPQUFPLENBQ2xFLG1CQUFtQixDQUNuQjtRQUNELElBQUksSUFBSSxFQUFFO1lBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsaUNBQWlDLENBQUMsQ0FBQztTQUN0RDtRQUVELElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFO1lBQ25DLElBQUksQ0FBQyxNQUFNLENBQUMsZUFBZTs7OztZQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7Z0JBQ3hDLElBQUksUUFBUSxDQUFDLElBQUksRUFBRTtvQkFDbEIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztpQkFDdEM7WUFDRixDQUFDLEVBQUMsQ0FBQztTQUNIO0lBQ0YsQ0FBQzs7OztJQUVELGlCQUFpQjtRQUNoQixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztTQUN0QjthQUFNO1lBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDL0I7SUFDRixDQUFDOzs7O0lBRUQsa0JBQWtCO1FBQ2pCLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDckQsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDdkI7SUFDRixDQUFDOzs7O0lBRUQsSUFBSSxNQUFNO1FBQ1QsdUJBQ0MsTUFBTSxFQUFFLFNBQVMsRUFDakIsSUFBSSxFQUFFLE1BQU0sSUFDVCxJQUFJLENBQUMsSUFBSSxFQUNYO0lBQ0gsQ0FBQzs7O1lBbkRELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsNEJBQTRCO2dCQUN0QywyK0JBQXVEOzthQUV2RDs7OztZQXJCa0MsVUFBVTs0Q0EyQjFDLE1BQU0sU0FBQyxrQkFBa0I7Ozs7SUFKM0IsbURBQWtCOzs7OztJQUdqQixvREFBOEI7O0lBQzlCLDhDQUMrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTUFUX1NOQUNLX0JBUl9EQVRBLCBNYXRTbmFja0JhciB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9zbmFjay1iYXJcIjtcclxuXHJcbmV4cG9ydCB0eXBlIExvYWRpbmdQcm9ncmVzcyA9IHtcclxuXHRkb25lOiBib29sZWFuO1xyXG5cdHBlcmNlbnQ/OiBudW1iZXI7XHJcbn07XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbkNvbmZpZyAge1xyXG5cdG1lc3NhZ2U6IHN0cmluZztcclxuXHRzbmFja0JhcjogTWF0U25hY2tCYXI7XHJcblx0bG9hZGluZ0NhbGxiYWNrOiAoY2FsbGJhY2s6IChwcm9ncmVzczogTG9hZGluZ1Byb2dyZXNzKSA9PiB2b2lkKSA9PiB2b2lkO1xyXG5cdHN0YXR1cz86IFwiU3VjY2Vzc1wiIHwgXCJXYXJuaW5nXCIgfCBcIkVycm9yXCI7XHJcblx0dHlwZT86IFwiVGV4dFwiIHwgXCJEZXRhaWxcIiB8IFwiTG9hZGluZ1wiIHwgXCJQcm9ncmVzc1wiO1xyXG5cdHRpdGxlPzogc3RyaW5nO1xyXG59O1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6IFwia3QtbmV3LWFjdGlvbi1ub3RpZmljYXRpb25cIixcclxuXHR0ZW1wbGF0ZVVybDogXCIuL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sXCIsXHJcblx0c3R5bGVVcmxzOiBbXCIuL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmV3QWN0aW9uTm90aWZpY2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcblx0Y29sbGFwc2VkID0gZmFsc2U7XHJcblxyXG5cdGNvbnN0cnVjdG9yKFxyXG5cdFx0cHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG5cdFx0QEluamVjdChNQVRfU05BQ0tfQkFSX0RBVEEpXHJcblx0XHRwdWJsaWMgZGF0YTogTm90aWZpY2F0aW9uQ29uZmlnXHJcblx0KSB7fVxyXG5cclxuXHRuZ0FmdGVyVmlld0luaXQoKSB7XHJcblx0XHRjb25zdCBwYW5lID0gKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5jbG9zZXN0KFxyXG5cdFx0XHRcIi5jZGstb3ZlcmxheS1wYW5lXCJcclxuXHRcdCk7XHJcblx0XHRpZiAocGFuZSkge1xyXG5cdFx0XHRwYW5lLmNsYXNzTGlzdC5hZGQoXCJuZXctYWN0aW9uLW5vdGlmaWNhdGlvbi1vdmVybGF5XCIpO1xyXG5cdFx0fVxyXG5cclxuXHRcdGlmICh0aGlzLmNvbmZpZy50eXBlID09PSBcIkxvYWRpbmdcIikge1xyXG5cdFx0XHR0aGlzLmNvbmZpZy5sb2FkaW5nQ2FsbGJhY2soKHByb2dyZXNzKSA9PiB7XHJcblx0XHRcdFx0aWYgKHByb2dyZXNzLmRvbmUpIHtcclxuXHRcdFx0XHRcdHJldHVybiB0aGlzLmNvbmZpZy5zbmFja0Jhci5kaXNtaXNzKCk7XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9KTtcclxuXHRcdH1cclxuXHR9XHJcblxyXG5cdGNsb3NlTm90aWZpY2F0aW9uKCkge1xyXG5cdFx0aWYgKHRoaXMuY29uZmlnLnR5cGUgPT09IFwiTG9hZGluZ1wiKSB7XHJcblx0XHRcdHRoaXMuY29sbGFwc2VkID0gdHJ1ZTtcclxuXHRcdH0gZWxzZSB7XHJcblx0XHRcdHRoaXMuY29uZmlnLnNuYWNrQmFyLmRpc21pc3MoKTtcclxuXHRcdH1cclxuXHR9XHJcblxyXG5cdGV4cGFuZE5vdGlmaWNhdGlvbigpIHtcclxuXHRcdGlmICh0aGlzLmNvbmZpZy50eXBlID09PSBcIkxvYWRpbmdcIiAmJiB0aGlzLmNvbGxhcHNlZCkge1xyXG5cdFx0XHR0aGlzLmNvbGxhcHNlZCA9IGZhbHNlO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0Z2V0IGNvbmZpZygpIHtcclxuXHRcdHJldHVybiB7XHJcblx0XHRcdHN0YXR1czogXCJTdWNjZXNzXCIsXHJcblx0XHRcdHR5cGU6IFwiVGV4dFwiLFxyXG5cdFx0XHQuLi50aGlzLmRhdGEsXHJcblx0XHR9O1xyXG5cdH1cclxufVxyXG4iXX0=
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
5
|
*/
|
|
6
6
|
import * as tslib_1 from "tslib";
|
|
7
|
-
import { Component, Inject } from "@angular/core";
|
|
7
|
+
import { Component, ElementRef, Inject } from "@angular/core";
|
|
8
8
|
import { MAT_SNACK_BAR_DATA } from "@angular/material/snack-bar";
|
|
9
9
|
/**
|
|
10
10
|
* @record
|
|
@@ -26,7 +26,8 @@ if (false) {
|
|
|
26
26
|
}
|
|
27
27
|
;
|
|
28
28
|
var NewActionNotificationComponent = /** @class */ (function () {
|
|
29
|
-
function NewActionNotificationComponent(data) {
|
|
29
|
+
function NewActionNotificationComponent(elementRef, data) {
|
|
30
|
+
this.elementRef = elementRef;
|
|
30
31
|
this.data = data;
|
|
31
32
|
this.collapsed = false;
|
|
32
33
|
}
|
|
@@ -38,6 +39,11 @@ var NewActionNotificationComponent = /** @class */ (function () {
|
|
|
38
39
|
*/
|
|
39
40
|
function () {
|
|
40
41
|
var _this = this;
|
|
42
|
+
/** @type {?} */
|
|
43
|
+
var pane = ((/** @type {?} */ (this.elementRef.nativeElement))).closest(".cdk-overlay-pane");
|
|
44
|
+
if (pane) {
|
|
45
|
+
pane.classList.add("new-action-notification-overlay");
|
|
46
|
+
}
|
|
41
47
|
if (this.config.type === "Loading") {
|
|
42
48
|
this.config.loadingCallback((/**
|
|
43
49
|
* @param {?} progress
|
|
@@ -89,11 +95,12 @@ var NewActionNotificationComponent = /** @class */ (function () {
|
|
|
89
95
|
{ type: Component, args: [{
|
|
90
96
|
selector: "kt-new-action-notification",
|
|
91
97
|
template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n",
|
|
92
|
-
styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
98
|
+
styles: ["::ng-deep .new-action-notification-overlay{pointer-events:none!important}::ng-deep .new-action-notification{pointer-events:none;margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent;pointer-events:none}.new-action-notification-container{pointer-events:auto;min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
93
99
|
}] }
|
|
94
100
|
];
|
|
95
101
|
/** @nocollapse */
|
|
96
102
|
NewActionNotificationComponent.ctorParameters = function () { return [
|
|
103
|
+
{ type: ElementRef },
|
|
97
104
|
{ type: undefined, decorators: [{ type: Inject, args: [MAT_SNACK_BAR_DATA,] }] }
|
|
98
105
|
]; };
|
|
99
106
|
return NewActionNotificationComponent;
|
|
@@ -102,7 +109,12 @@ export { NewActionNotificationComponent };
|
|
|
102
109
|
if (false) {
|
|
103
110
|
/** @type {?} */
|
|
104
111
|
NewActionNotificationComponent.prototype.collapsed;
|
|
112
|
+
/**
|
|
113
|
+
* @type {?}
|
|
114
|
+
* @private
|
|
115
|
+
*/
|
|
116
|
+
NewActionNotificationComponent.prototype.elementRef;
|
|
105
117
|
/** @type {?} */
|
|
106
118
|
NewActionNotificationComponent.prototype.data;
|
|
107
119
|
}
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWFjdGlvbi1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9kaWFsb2cvbmV3LWFjdGlvbi1ub3RpZmljYXRpb24vbmV3LWFjdGlvbi1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0UsT0FBTyxFQUFFLGtCQUFrQixFQUFlLE1BQU0sNkJBQTZCLENBQUM7Ozs7QUFPOUUsd0NBT0M7OztJQU5BLHFDQUFnQjs7SUFDaEIsc0NBQXNCOztJQUN0Qiw2Q0FBeUU7O0lBQ3pFLG9DQUF5Qzs7SUFDekMsa0NBQWtEOztJQUNsRCxtQ0FBZTs7QUFDZixDQUFDO0FBRUY7SUFRQyx3Q0FDUyxVQUFzQixFQUV2QixJQUF3QjtRQUZ2QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBRXZCLFNBQUksR0FBSixJQUFJLENBQW9CO1FBTGhDLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFNZixDQUFDOzs7O0lBRUosd0RBQWU7OztJQUFmO1FBQUEsaUJBZUM7O1lBZE0sSUFBSSxHQUFHLENBQUMsbUJBQUEsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQWUsQ0FBQyxDQUFDLE9BQU8sQ0FDbEUsbUJBQW1CLENBQ25CO1FBQ0QsSUFBSSxJQUFJLEVBQUU7WUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFDO1NBQ3REO1FBRUQsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlOzs7O1lBQUMsVUFBQyxRQUFRO2dCQUNwQyxJQUFJLFFBQVEsQ0FBQyxJQUFJLEVBQUU7b0JBQ2xCLE9BQU8sS0FBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUM7aUJBQ3RDO1lBQ0YsQ0FBQyxFQUFDLENBQUM7U0FDSDtJQUNGLENBQUM7Ozs7SUFFRCwwREFBaUI7OztJQUFqQjtRQUNDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFO1lBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1NBQ3RCO2FBQU07WUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUMvQjtJQUNGLENBQUM7Ozs7SUFFRCwyREFBa0I7OztJQUFsQjtRQUNDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDckQsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDdkI7SUFDRixDQUFDO0lBRUQsc0JBQUksa0RBQU07Ozs7UUFBVjtZQUNDLDBCQUNDLE1BQU0sRUFBRSxTQUFTLEVBQ2pCLElBQUksRUFBRSxNQUFNLElBQ1QsSUFBSSxDQUFDLElBQUksRUFDWDtRQUNILENBQUM7OztPQUFBOztnQkFuREQsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLDIrQkFBdUQ7O2lCQUV2RDs7OztnQkFyQmtDLFVBQVU7Z0RBMkIxQyxNQUFNLFNBQUMsa0JBQWtCOztJQTBDNUIscUNBQUM7Q0FBQSxBQXBERCxJQW9EQztTQS9DWSw4QkFBOEI7OztJQUMxQyxtREFBa0I7Ozs7O0lBR2pCLG9EQUE4Qjs7SUFDOUIsOENBQytCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBNQVRfU05BQ0tfQkFSX0RBVEEsIE1hdFNuYWNrQmFyIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhclwiO1xyXG5cclxuZXhwb3J0IHR5cGUgTG9hZGluZ1Byb2dyZXNzID0ge1xyXG5cdGRvbmU6IGJvb2xlYW47XHJcblx0cGVyY2VudD86IG51bWJlcjtcclxufTtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTm90aWZpY2F0aW9uQ29uZmlnICB7XHJcblx0bWVzc2FnZTogc3RyaW5nO1xyXG5cdHNuYWNrQmFyOiBNYXRTbmFja0JhcjtcclxuXHRsb2FkaW5nQ2FsbGJhY2s6IChjYWxsYmFjazogKHByb2dyZXNzOiBMb2FkaW5nUHJvZ3Jlc3MpID0+IHZvaWQpID0+IHZvaWQ7XHJcblx0c3RhdHVzPzogXCJTdWNjZXNzXCIgfCBcIldhcm5pbmdcIiB8IFwiRXJyb3JcIjtcclxuXHR0eXBlPzogXCJUZXh0XCIgfCBcIkRldGFpbFwiIHwgXCJMb2FkaW5nXCIgfCBcIlByb2dyZXNzXCI7XHJcblx0dGl0bGU/OiBzdHJpbmc7XHJcbn07XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogXCJrdC1uZXctYWN0aW9uLW5vdGlmaWNhdGlvblwiLFxyXG5cdHRlbXBsYXRlVXJsOiBcIi4vbmV3LWFjdGlvbi1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWxcIixcclxuXHRzdHlsZVVybHM6IFtcIi4vbmV3LWFjdGlvbi1ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZXdBY3Rpb25Ob3RpZmljYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuXHRjb2xsYXBzZWQgPSBmYWxzZTtcclxuXHJcblx0Y29uc3RydWN0b3IoXHJcblx0XHRwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcblx0XHRASW5qZWN0KE1BVF9TTkFDS19CQVJfREFUQSlcclxuXHRcdHB1YmxpYyBkYXRhOiBOb3RpZmljYXRpb25Db25maWdcclxuXHQpIHt9XHJcblxyXG5cdG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuXHRcdGNvbnN0IHBhbmUgPSAodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLmNsb3Nlc3QoXHJcblx0XHRcdFwiLmNkay1vdmVybGF5LXBhbmVcIlxyXG5cdFx0KTtcclxuXHRcdGlmIChwYW5lKSB7XHJcblx0XHRcdHBhbmUuY2xhc3NMaXN0LmFkZChcIm5ldy1hY3Rpb24tbm90aWZpY2F0aW9uLW92ZXJsYXlcIik7XHJcblx0XHR9XHJcblxyXG5cdFx0aWYgKHRoaXMuY29uZmlnLnR5cGUgPT09IFwiTG9hZGluZ1wiKSB7XHJcblx0XHRcdHRoaXMuY29uZmlnLmxvYWRpbmdDYWxsYmFjaygocHJvZ3Jlc3MpID0+IHtcclxuXHRcdFx0XHRpZiAocHJvZ3Jlc3MuZG9uZSkge1xyXG5cdFx0XHRcdFx0cmV0dXJuIHRoaXMuY29uZmlnLnNuYWNrQmFyLmRpc21pc3MoKTtcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0pO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0Y2xvc2VOb3RpZmljYXRpb24oKSB7XHJcblx0XHRpZiAodGhpcy5jb25maWcudHlwZSA9PT0gXCJMb2FkaW5nXCIpIHtcclxuXHRcdFx0dGhpcy5jb2xsYXBzZWQgPSB0cnVlO1xyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0dGhpcy5jb25maWcuc25hY2tCYXIuZGlzbWlzcygpO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0ZXhwYW5kTm90aWZpY2F0aW9uKCkge1xyXG5cdFx0aWYgKHRoaXMuY29uZmlnLnR5cGUgPT09IFwiTG9hZGluZ1wiICYmIHRoaXMuY29sbGFwc2VkKSB7XHJcblx0XHRcdHRoaXMuY29sbGFwc2VkID0gZmFsc2U7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRnZXQgY29uZmlnKCkge1xyXG5cdFx0cmV0dXJuIHtcclxuXHRcdFx0c3RhdHVzOiBcIlN1Y2Nlc3NcIixcclxuXHRcdFx0dHlwZTogXCJUZXh0XCIsXHJcblx0XHRcdC4uLnRoaXMuZGF0YSxcclxuXHRcdH07XHJcblx0fVxyXG59XHJcbiJdfQ==
|
|
@@ -3213,9 +3213,11 @@ if (false) {
|
|
|
3213
3213
|
;
|
|
3214
3214
|
class NewActionNotificationComponent {
|
|
3215
3215
|
/**
|
|
3216
|
+
* @param {?} elementRef
|
|
3216
3217
|
* @param {?} data
|
|
3217
3218
|
*/
|
|
3218
|
-
constructor(data) {
|
|
3219
|
+
constructor(elementRef, data) {
|
|
3220
|
+
this.elementRef = elementRef;
|
|
3219
3221
|
this.data = data;
|
|
3220
3222
|
this.collapsed = false;
|
|
3221
3223
|
}
|
|
@@ -3223,6 +3225,11 @@ class NewActionNotificationComponent {
|
|
|
3223
3225
|
* @return {?}
|
|
3224
3226
|
*/
|
|
3225
3227
|
ngAfterViewInit() {
|
|
3228
|
+
/** @type {?} */
|
|
3229
|
+
const pane = ((/** @type {?} */ (this.elementRef.nativeElement))).closest(".cdk-overlay-pane");
|
|
3230
|
+
if (pane) {
|
|
3231
|
+
pane.classList.add("new-action-notification-overlay");
|
|
3232
|
+
}
|
|
3226
3233
|
if (this.config.type === "Loading") {
|
|
3227
3234
|
this.config.loadingCallback((/**
|
|
3228
3235
|
* @param {?} progress
|
|
@@ -3265,16 +3272,22 @@ NewActionNotificationComponent.decorators = [
|
|
|
3265
3272
|
{ type: Component, args: [{
|
|
3266
3273
|
selector: "kt-new-action-notification",
|
|
3267
3274
|
template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n",
|
|
3268
|
-
styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
3275
|
+
styles: ["::ng-deep .new-action-notification-overlay{pointer-events:none!important}::ng-deep .new-action-notification{pointer-events:none;margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent;pointer-events:none}.new-action-notification-container{pointer-events:auto;min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
3269
3276
|
}] }
|
|
3270
3277
|
];
|
|
3271
3278
|
/** @nocollapse */
|
|
3272
3279
|
NewActionNotificationComponent.ctorParameters = () => [
|
|
3280
|
+
{ type: ElementRef },
|
|
3273
3281
|
{ type: undefined, decorators: [{ type: Inject, args: [MAT_SNACK_BAR_DATA,] }] }
|
|
3274
3282
|
];
|
|
3275
3283
|
if (false) {
|
|
3276
3284
|
/** @type {?} */
|
|
3277
3285
|
NewActionNotificationComponent.prototype.collapsed;
|
|
3286
|
+
/**
|
|
3287
|
+
* @type {?}
|
|
3288
|
+
* @private
|
|
3289
|
+
*/
|
|
3290
|
+
NewActionNotificationComponent.prototype.elementRef;
|
|
3278
3291
|
/** @type {?} */
|
|
3279
3292
|
NewActionNotificationComponent.prototype.data;
|
|
3280
3293
|
}
|