raise-common-lib 0.0.259 → 0.0.261
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
|
@@ -4111,7 +4111,8 @@
|
|
|
4111
4111
|
}
|
|
4112
4112
|
;
|
|
4113
4113
|
var NewActionNotificationComponent = /** @class */ (function () {
|
|
4114
|
-
function NewActionNotificationComponent(data) {
|
|
4114
|
+
function NewActionNotificationComponent(elementRef, data) {
|
|
4115
|
+
this.elementRef = elementRef;
|
|
4115
4116
|
this.data = data;
|
|
4116
4117
|
this.collapsed = false;
|
|
4117
4118
|
}
|
|
@@ -4123,6 +4124,11 @@
|
|
|
4123
4124
|
*/
|
|
4124
4125
|
function () {
|
|
4125
4126
|
var _this = this;
|
|
4127
|
+
/** @type {?} */
|
|
4128
|
+
var pane = ((/** @type {?} */ (this.elementRef.nativeElement))).closest(".cdk-overlay-pane");
|
|
4129
|
+
if (pane) {
|
|
4130
|
+
pane.classList.add("new-action-notification-overlay");
|
|
4131
|
+
}
|
|
4126
4132
|
if (this.config.type === "Loading") {
|
|
4127
4133
|
this.config.loadingCallback((/**
|
|
4128
4134
|
* @param {?} progress
|
|
@@ -4174,11 +4180,12 @@
|
|
|
4174
4180
|
{ type: core.Component, args: [{
|
|
4175
4181
|
selector: "kt-new-action-notification",
|
|
4176
4182
|
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",
|
|
4177
|
-
styles: ["::ng-deep .new-action-notification{margin:0;padding:
|
|
4183
|
+
styles: ["::ng-deep .new-action-notification-overlay{pointer-events:none!important}::ng-deep .new-action-notification{pointer-events:none;margin:0;padding:82px 0 0 12px;background-color:transparent!important;background-image:none!important;box-shadow:none;display:flex;justify-content:flex-end}::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:12px;width:48px;min-width:48px;position:relative;right:-4px}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer;margin-right:0}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
4178
4184
|
}] }
|
|
4179
4185
|
];
|
|
4180
4186
|
/** @nocollapse */
|
|
4181
4187
|
NewActionNotificationComponent.ctorParameters = function () { return [
|
|
4188
|
+
{ type: core.ElementRef },
|
|
4182
4189
|
{ type: undefined, decorators: [{ type: core.Inject, args: [snackBar.MAT_SNACK_BAR_DATA,] }] }
|
|
4183
4190
|
]; };
|
|
4184
4191
|
return NewActionNotificationComponent;
|
|
@@ -4186,6 +4193,11 @@
|
|
|
4186
4193
|
if (false) {
|
|
4187
4194
|
/** @type {?} */
|
|
4188
4195
|
NewActionNotificationComponent.prototype.collapsed;
|
|
4196
|
+
/**
|
|
4197
|
+
* @type {?}
|
|
4198
|
+
* @private
|
|
4199
|
+
*/
|
|
4200
|
+
NewActionNotificationComponent.prototype.elementRef;
|
|
4189
4201
|
/** @type {?} */
|
|
4190
4202
|
NewActionNotificationComponent.prototype.data;
|
|
4191
4203
|
}
|