@tilde-nlp/ngx-common 6.0.39 → 6.0.40
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.
|
@@ -175,11 +175,11 @@ export class NotificationMessageComponent {
|
|
|
175
175
|
i0.ɵɵproperty("ngIf", !ctx.message.hideClose && !ctx.message.callbackButtonText);
|
|
176
176
|
i0.ɵɵadvance();
|
|
177
177
|
i0.ɵɵproperty("ngIf", ctx.message.buttonText || ctx.message.linkHref || ctx.message.routerLink);
|
|
178
|
-
} }, dependencies: [i1.NgIf, i2.DefaultLayoutDirective, i2.DefaultLayoutGapDirective, i2.DefaultLayoutAlignDirective, i2.DefaultFlexDirective, i3.DefaultClassDirective, i4.CloseButtonComponent, i5.MatButton, i6.RouterLink, i7.MatIcon, i8.TranslatePipe], styles: ["[_nghost-%COMP%]{display:inline-block;width:100%}.close-button[_ngcontent-%COMP%]{position:absolute;top:.2em;right:.2em}.no-top-margin[_ngcontent-%COMP%]{top:0}.text-container[_ngcontent-%COMP%]{margin-right:45px}.notification-message[_ngcontent-%COMP%]{position:relative}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--base-100)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--base-40)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--info-light)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--info-primary)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--error-light)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--error-dark)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--warning-light)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--warning-dark)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--success-light)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--success-dark)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{border-radius:4px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:has(.message-title + .message-body)[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{font-weight:600}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%]{padding:.6em .4em!important;border-radius:0}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.4em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.2em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:0!important}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:first-child{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{margin:0;font-size:16px;line-height:24px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-body[_ngcontent-%COMP%]{margin:0}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline){padding:
|
|
178
|
+
} }, dependencies: [i1.NgIf, i2.DefaultLayoutDirective, i2.DefaultLayoutGapDirective, i2.DefaultLayoutAlignDirective, i2.DefaultFlexDirective, i3.DefaultClassDirective, i4.CloseButtonComponent, i5.MatButton, i6.RouterLink, i7.MatIcon, i8.TranslatePipe], styles: ["[_nghost-%COMP%]{display:inline-block;width:100%}.close-button[_ngcontent-%COMP%]{position:absolute;top:.2em;right:.2em}.no-top-margin[_ngcontent-%COMP%]{top:0}.text-container[_ngcontent-%COMP%]{margin-right:45px}.notification-message[_ngcontent-%COMP%]{position:relative}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--base-100)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--base-40)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--info-light)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--info-primary)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--error-light)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--error-dark)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--warning-light)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--warning-dark)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--success-light)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--success-dark)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{border-radius:4px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:has(.message-title + .message-body)[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{font-weight:600}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%]{padding:.6em .4em!important;border-radius:0}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.4em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.2em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:0!important}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:first-child{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{margin:0;font-size:16px;line-height:24px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-body[_ngcontent-%COMP%]{margin:0}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline){padding:1em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .items-container[_ngcontent-%COMP%]{margin-left:1em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .message-title[_ngcontent-%COMP%]{font-size:1.25em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .message-body[_ngcontent-%COMP%]{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%]{padding:.75em 1em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.75em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:.2em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{font-size:1em}"] }); }
|
|
179
179
|
}
|
|
180
180
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationMessageComponent, [{
|
|
181
181
|
type: Component,
|
|
182
|
-
args: [{ selector: 'lib-tld-notification-message', template: "<div class=\"notification-message {{className}}\">\r\n <div class=\"notification-message-container tld-default-border\" [ngClass.lt-md]=\"'mobile'\" [class.inline]=\"inline\"\r\n fxLayout=\"row\" fxLayoutAlign=\"start start\" [attr.id]=\"message.id\" aria-live=\"polite\" fxLayout=\"row\">\r\n <span class=\"material-icons-outlined message-icon\">\r\n {{iconNames[message.type]}}\r\n </span>\r\n <div class=\"items-container\" fxFlex>\r\n <div fxLayout=\"row\">\r\n <div class=\"text-container\" fxFlex>\r\n <p *ngIf=\"message.title\" class=\"message-title\"\r\n [innerHtml]=\"message.title | translate: message.localizationParams\"></p>\r\n <p *ngIf=\"message.body\" class=\"message-body\">\r\n <span [innerHtml]=\"message.body | translate: message.localizationParams\"></span>\r\n <span *ngIf=\"message.support\" [innerHtml]=\"message.support | translate: message.localizationParams\"></span>\r\n </p>\r\n </div>\r\n <button \r\n *ngIf=\"message.callbackButtonText\" \r\n color=\"accent\" \r\n mat-stroked-button \r\n class=\"callback-button\" \r\n (click)=\"message?.callbackButtonClick()\"\r\n >\r\n <mat-icon *ngIf=\"message.callbackButtonIcon\">{{message.callbackButtonIcon}}</mat-icon>\r\n {{ message.callbackButtonText | translate }}\r\n </button>\r\n <tld-close-button *ngIf=\"!message.hideClose && !message.callbackButtonText\" class=\"close-button\" [class.no-top-margin]=\"!message.title || !message.body\" (tldClick)=\"closeClick()\">\r\n </tld-close-button>\r\n </div>\r\n <div fxLayout=\"row\" fxLayoutGap=\"16px\" fxLayoutAlign=\"start center\"\r\n *ngIf=\"message.buttonText || message.linkHref || message.routerLink\">\r\n <button class=\"message-action-button\" color=\"accent\" mat-flat-button *ngIf=\"message.buttonText\"\r\n (click)=\"buttonClick()\">{{message.buttonText | translate}} </button>\r\n <a class=\"message-action-link\" *ngIf=\"message.linkHref && message.linkText\" (click)=\"linkClick()\"\r\n [attr.href]=\"message.linkHref\">{{message.linkText |\r\n translate}}</a>\r\n <a class=\"message-action-link\" *ngIf=\"message.routerLink && message.linkText\" (click)=\"linkClick()\"\r\n [routerLink]=\"[message.routerLink]\">{{message.linkText |\r\n translate}}</a>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:inline-block;width:100%}.close-button{position:absolute;top:.2em;right:.2em}.no-top-margin{top:0}.text-container{margin-right:45px}.notification-message{position:relative}.notification-message.basic .notification-message-container{background-color:var(--base-100)}.notification-message.basic .notification-message-container .close-button,.notification-message.basic .notification-message-container .message-icon{color:var(--base-40)}.notification-message.basic .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.info .notification-message-container{background-color:var(--info-light)}.notification-message.info .notification-message-container .text-container{color:var(--info-dark)}.notification-message.info .notification-message-container .message-icon{color:var(--info-primary)}.notification-message.info .notification-message-container .close-button{color:var(--info-dark)}.notification-message.info .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.error .notification-message-container{background-color:var(--error-light)}.notification-message.error .notification-message-container .close-button,.notification-message.error .notification-message-container .text-container,.notification-message.error .notification-message-container .message-icon{color:var(--error-dark)}.notification-message.error .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.warning .notification-message-container{background-color:var(--warning-light)}.notification-message.warning .notification-message-container .close-button,.notification-message.warning .notification-message-container .text-container,.notification-message.warning .notification-message-container .message-icon{color:var(--warning-dark)}.notification-message.warning .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.success .notification-message-container{background-color:var(--success-light)}.notification-message.success .notification-message-container .close-button,.notification-message.success .notification-message-container .text-container,.notification-message.success .notification-message-container .message-icon{color:var(--success-dark)}.notification-message.success .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message .notification-message-container{border-radius:4px}.notification-message .notification-message-container .text-container:has(.message-title+.message-body) .message-title{font-weight:600}.notification-message .notification-message-container.mobile{padding:.6em .4em!important;border-radius:0}.notification-message .notification-message-container.mobile .items-container{margin-left:.4em!important}.notification-message .notification-message-container.mobile .items-container div+div{margin-top:.2em!important}.notification-message .notification-message-container.mobile .items-container .message-title+.message-body{margin-top:0!important}.notification-message .notification-message-container .text-container:first-child{line-height:1.5em}.notification-message .notification-message-container .text-container .message-title{margin:0;font-size:16px;line-height:24px}.notification-message .notification-message-container .text-container .message-body{margin:0}.notification-message .notification-message-container:not(.inline){padding:
|
|
182
|
+
args: [{ selector: 'lib-tld-notification-message', template: "<div class=\"notification-message {{className}}\">\r\n <div class=\"notification-message-container tld-default-border\" [ngClass.lt-md]=\"'mobile'\" [class.inline]=\"inline\"\r\n fxLayout=\"row\" fxLayoutAlign=\"start start\" [attr.id]=\"message.id\" aria-live=\"polite\" fxLayout=\"row\">\r\n <span class=\"material-icons-outlined message-icon\">\r\n {{iconNames[message.type]}}\r\n </span>\r\n <div class=\"items-container\" fxFlex>\r\n <div fxLayout=\"row\">\r\n <div class=\"text-container\" fxFlex>\r\n <p *ngIf=\"message.title\" class=\"message-title\"\r\n [innerHtml]=\"message.title | translate: message.localizationParams\"></p>\r\n <p *ngIf=\"message.body\" class=\"message-body\">\r\n <span [innerHtml]=\"message.body | translate: message.localizationParams\"></span>\r\n <span *ngIf=\"message.support\" [innerHtml]=\"message.support | translate: message.localizationParams\"></span>\r\n </p>\r\n </div>\r\n <button \r\n *ngIf=\"message.callbackButtonText\" \r\n color=\"accent\" \r\n mat-stroked-button \r\n class=\"callback-button\" \r\n (click)=\"message?.callbackButtonClick()\"\r\n >\r\n <mat-icon *ngIf=\"message.callbackButtonIcon\">{{message.callbackButtonIcon}}</mat-icon>\r\n {{ message.callbackButtonText | translate }}\r\n </button>\r\n <tld-close-button *ngIf=\"!message.hideClose && !message.callbackButtonText\" class=\"close-button\" [class.no-top-margin]=\"!message.title || !message.body\" (tldClick)=\"closeClick()\">\r\n </tld-close-button>\r\n </div>\r\n <div fxLayout=\"row\" fxLayoutGap=\"16px\" fxLayoutAlign=\"start center\"\r\n *ngIf=\"message.buttonText || message.linkHref || message.routerLink\">\r\n <button class=\"message-action-button\" color=\"accent\" mat-flat-button *ngIf=\"message.buttonText\"\r\n (click)=\"buttonClick()\">{{message.buttonText | translate}} </button>\r\n <a class=\"message-action-link\" *ngIf=\"message.linkHref && message.linkText\" (click)=\"linkClick()\"\r\n [attr.href]=\"message.linkHref\">{{message.linkText |\r\n translate}}</a>\r\n <a class=\"message-action-link\" *ngIf=\"message.routerLink && message.linkText\" (click)=\"linkClick()\"\r\n [routerLink]=\"[message.routerLink]\">{{message.linkText |\r\n translate}}</a>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:inline-block;width:100%}.close-button{position:absolute;top:.2em;right:.2em}.no-top-margin{top:0}.text-container{margin-right:45px}.notification-message{position:relative}.notification-message.basic .notification-message-container{background-color:var(--base-100)}.notification-message.basic .notification-message-container .close-button,.notification-message.basic .notification-message-container .message-icon{color:var(--base-40)}.notification-message.basic .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.info .notification-message-container{background-color:var(--info-light)}.notification-message.info .notification-message-container .text-container{color:var(--info-dark)}.notification-message.info .notification-message-container .message-icon{color:var(--info-primary)}.notification-message.info .notification-message-container .close-button{color:var(--info-dark)}.notification-message.info .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.error .notification-message-container{background-color:var(--error-light)}.notification-message.error .notification-message-container .close-button,.notification-message.error .notification-message-container .text-container,.notification-message.error .notification-message-container .message-icon{color:var(--error-dark)}.notification-message.error .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.warning .notification-message-container{background-color:var(--warning-light)}.notification-message.warning .notification-message-container .close-button,.notification-message.warning .notification-message-container .text-container,.notification-message.warning .notification-message-container .message-icon{color:var(--warning-dark)}.notification-message.warning .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.success .notification-message-container{background-color:var(--success-light)}.notification-message.success .notification-message-container .close-button,.notification-message.success .notification-message-container .text-container,.notification-message.success .notification-message-container .message-icon{color:var(--success-dark)}.notification-message.success .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message .notification-message-container{border-radius:4px}.notification-message .notification-message-container .text-container:has(.message-title+.message-body) .message-title{font-weight:600}.notification-message .notification-message-container.mobile{padding:.6em .4em!important;border-radius:0}.notification-message .notification-message-container.mobile .items-container{margin-left:.4em!important}.notification-message .notification-message-container.mobile .items-container div+div{margin-top:.2em!important}.notification-message .notification-message-container.mobile .items-container .message-title+.message-body{margin-top:0!important}.notification-message .notification-message-container .text-container:first-child{line-height:1.5em}.notification-message .notification-message-container .text-container .message-title{margin:0;font-size:16px;line-height:24px}.notification-message .notification-message-container .text-container .message-body{margin:0}.notification-message .notification-message-container:not(.inline){padding:1em}.notification-message .notification-message-container:not(.inline) .items-container{margin-left:1em}.notification-message .notification-message-container:not(.inline) .message-title{font-size:1.25em}.notification-message .notification-message-container:not(.inline) .message-body{line-height:1.5em}.notification-message .notification-message-container.inline{padding:.75em 1em}.notification-message .notification-message-container.inline .items-container{margin-left:.75em}.notification-message .notification-message-container.inline .items-container div+div{margin-top:.5em}.notification-message .notification-message-container.inline .items-container .message-title+.message-body{margin-top:.2em}.notification-message .notification-message-container.inline .message-title{font-size:1em}\n"] }]
|
|
183
183
|
}], null, { message: [{
|
|
184
184
|
type: Input
|
|
185
185
|
}], buttonClicked: [{
|
|
@@ -344,11 +344,11 @@ class NotificationMessageComponent {
|
|
|
344
344
|
i0.ɵɵproperty("ngIf", !ctx.message.hideClose && !ctx.message.callbackButtonText);
|
|
345
345
|
i0.ɵɵadvance();
|
|
346
346
|
i0.ɵɵproperty("ngIf", ctx.message.buttonText || ctx.message.linkHref || ctx.message.routerLink);
|
|
347
|
-
} }, dependencies: [i1$2.NgIf, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i2$2.DefaultFlexDirective, i3.DefaultClassDirective, CloseButtonComponent, i5.MatButton, i6.RouterLink, i1.MatIcon, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:inline-block;width:100%}.close-button[_ngcontent-%COMP%]{position:absolute;top:.2em;right:.2em}.no-top-margin[_ngcontent-%COMP%]{top:0}.text-container[_ngcontent-%COMP%]{margin-right:45px}.notification-message[_ngcontent-%COMP%]{position:relative}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--base-100)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--base-40)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--info-light)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--info-primary)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--error-light)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--error-dark)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--warning-light)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--warning-dark)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--success-light)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--success-dark)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{border-radius:4px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:has(.message-title + .message-body)[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{font-weight:600}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%]{padding:.6em .4em!important;border-radius:0}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.4em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.2em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:0!important}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:first-child{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{margin:0;font-size:16px;line-height:24px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-body[_ngcontent-%COMP%]{margin:0}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline){padding:
|
|
347
|
+
} }, dependencies: [i1$2.NgIf, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i2$2.DefaultFlexDirective, i3.DefaultClassDirective, CloseButtonComponent, i5.MatButton, i6.RouterLink, i1.MatIcon, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:inline-block;width:100%}.close-button[_ngcontent-%COMP%]{position:absolute;top:.2em;right:.2em}.no-top-margin[_ngcontent-%COMP%]{top:0}.text-container[_ngcontent-%COMP%]{margin-right:45px}.notification-message[_ngcontent-%COMP%]{position:relative}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--base-100)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--base-40)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--info-light)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--info-primary)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--error-light)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--error-dark)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--warning-light)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--warning-dark)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--success-light)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--success-dark)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{border-radius:4px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:has(.message-title + .message-body)[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{font-weight:600}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%]{padding:.6em .4em!important;border-radius:0}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.4em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.2em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:0!important}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:first-child{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{margin:0;font-size:16px;line-height:24px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-body[_ngcontent-%COMP%]{margin:0}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline){padding:1em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .items-container[_ngcontent-%COMP%]{margin-left:1em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .message-title[_ngcontent-%COMP%]{font-size:1.25em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .message-body[_ngcontent-%COMP%]{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%]{padding:.75em 1em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.75em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:.2em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{font-size:1em}"] }); }
|
|
348
348
|
}
|
|
349
349
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationMessageComponent, [{
|
|
350
350
|
type: Component,
|
|
351
|
-
args: [{ selector: 'lib-tld-notification-message', template: "<div class=\"notification-message {{className}}\">\r\n <div class=\"notification-message-container tld-default-border\" [ngClass.lt-md]=\"'mobile'\" [class.inline]=\"inline\"\r\n fxLayout=\"row\" fxLayoutAlign=\"start start\" [attr.id]=\"message.id\" aria-live=\"polite\" fxLayout=\"row\">\r\n <span class=\"material-icons-outlined message-icon\">\r\n {{iconNames[message.type]}}\r\n </span>\r\n <div class=\"items-container\" fxFlex>\r\n <div fxLayout=\"row\">\r\n <div class=\"text-container\" fxFlex>\r\n <p *ngIf=\"message.title\" class=\"message-title\"\r\n [innerHtml]=\"message.title | translate: message.localizationParams\"></p>\r\n <p *ngIf=\"message.body\" class=\"message-body\">\r\n <span [innerHtml]=\"message.body | translate: message.localizationParams\"></span>\r\n <span *ngIf=\"message.support\" [innerHtml]=\"message.support | translate: message.localizationParams\"></span>\r\n </p>\r\n </div>\r\n <button \r\n *ngIf=\"message.callbackButtonText\" \r\n color=\"accent\" \r\n mat-stroked-button \r\n class=\"callback-button\" \r\n (click)=\"message?.callbackButtonClick()\"\r\n >\r\n <mat-icon *ngIf=\"message.callbackButtonIcon\">{{message.callbackButtonIcon}}</mat-icon>\r\n {{ message.callbackButtonText | translate }}\r\n </button>\r\n <tld-close-button *ngIf=\"!message.hideClose && !message.callbackButtonText\" class=\"close-button\" [class.no-top-margin]=\"!message.title || !message.body\" (tldClick)=\"closeClick()\">\r\n </tld-close-button>\r\n </div>\r\n <div fxLayout=\"row\" fxLayoutGap=\"16px\" fxLayoutAlign=\"start center\"\r\n *ngIf=\"message.buttonText || message.linkHref || message.routerLink\">\r\n <button class=\"message-action-button\" color=\"accent\" mat-flat-button *ngIf=\"message.buttonText\"\r\n (click)=\"buttonClick()\">{{message.buttonText | translate}} </button>\r\n <a class=\"message-action-link\" *ngIf=\"message.linkHref && message.linkText\" (click)=\"linkClick()\"\r\n [attr.href]=\"message.linkHref\">{{message.linkText |\r\n translate}}</a>\r\n <a class=\"message-action-link\" *ngIf=\"message.routerLink && message.linkText\" (click)=\"linkClick()\"\r\n [routerLink]=\"[message.routerLink]\">{{message.linkText |\r\n translate}}</a>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:inline-block;width:100%}.close-button{position:absolute;top:.2em;right:.2em}.no-top-margin{top:0}.text-container{margin-right:45px}.notification-message{position:relative}.notification-message.basic .notification-message-container{background-color:var(--base-100)}.notification-message.basic .notification-message-container .close-button,.notification-message.basic .notification-message-container .message-icon{color:var(--base-40)}.notification-message.basic .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.info .notification-message-container{background-color:var(--info-light)}.notification-message.info .notification-message-container .text-container{color:var(--info-dark)}.notification-message.info .notification-message-container .message-icon{color:var(--info-primary)}.notification-message.info .notification-message-container .close-button{color:var(--info-dark)}.notification-message.info .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.error .notification-message-container{background-color:var(--error-light)}.notification-message.error .notification-message-container .close-button,.notification-message.error .notification-message-container .text-container,.notification-message.error .notification-message-container .message-icon{color:var(--error-dark)}.notification-message.error .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.warning .notification-message-container{background-color:var(--warning-light)}.notification-message.warning .notification-message-container .close-button,.notification-message.warning .notification-message-container .text-container,.notification-message.warning .notification-message-container .message-icon{color:var(--warning-dark)}.notification-message.warning .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.success .notification-message-container{background-color:var(--success-light)}.notification-message.success .notification-message-container .close-button,.notification-message.success .notification-message-container .text-container,.notification-message.success .notification-message-container .message-icon{color:var(--success-dark)}.notification-message.success .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message .notification-message-container{border-radius:4px}.notification-message .notification-message-container .text-container:has(.message-title+.message-body) .message-title{font-weight:600}.notification-message .notification-message-container.mobile{padding:.6em .4em!important;border-radius:0}.notification-message .notification-message-container.mobile .items-container{margin-left:.4em!important}.notification-message .notification-message-container.mobile .items-container div+div{margin-top:.2em!important}.notification-message .notification-message-container.mobile .items-container .message-title+.message-body{margin-top:0!important}.notification-message .notification-message-container .text-container:first-child{line-height:1.5em}.notification-message .notification-message-container .text-container .message-title{margin:0;font-size:16px;line-height:24px}.notification-message .notification-message-container .text-container .message-body{margin:0}.notification-message .notification-message-container:not(.inline){padding:
|
|
351
|
+
args: [{ selector: 'lib-tld-notification-message', template: "<div class=\"notification-message {{className}}\">\r\n <div class=\"notification-message-container tld-default-border\" [ngClass.lt-md]=\"'mobile'\" [class.inline]=\"inline\"\r\n fxLayout=\"row\" fxLayoutAlign=\"start start\" [attr.id]=\"message.id\" aria-live=\"polite\" fxLayout=\"row\">\r\n <span class=\"material-icons-outlined message-icon\">\r\n {{iconNames[message.type]}}\r\n </span>\r\n <div class=\"items-container\" fxFlex>\r\n <div fxLayout=\"row\">\r\n <div class=\"text-container\" fxFlex>\r\n <p *ngIf=\"message.title\" class=\"message-title\"\r\n [innerHtml]=\"message.title | translate: message.localizationParams\"></p>\r\n <p *ngIf=\"message.body\" class=\"message-body\">\r\n <span [innerHtml]=\"message.body | translate: message.localizationParams\"></span>\r\n <span *ngIf=\"message.support\" [innerHtml]=\"message.support | translate: message.localizationParams\"></span>\r\n </p>\r\n </div>\r\n <button \r\n *ngIf=\"message.callbackButtonText\" \r\n color=\"accent\" \r\n mat-stroked-button \r\n class=\"callback-button\" \r\n (click)=\"message?.callbackButtonClick()\"\r\n >\r\n <mat-icon *ngIf=\"message.callbackButtonIcon\">{{message.callbackButtonIcon}}</mat-icon>\r\n {{ message.callbackButtonText | translate }}\r\n </button>\r\n <tld-close-button *ngIf=\"!message.hideClose && !message.callbackButtonText\" class=\"close-button\" [class.no-top-margin]=\"!message.title || !message.body\" (tldClick)=\"closeClick()\">\r\n </tld-close-button>\r\n </div>\r\n <div fxLayout=\"row\" fxLayoutGap=\"16px\" fxLayoutAlign=\"start center\"\r\n *ngIf=\"message.buttonText || message.linkHref || message.routerLink\">\r\n <button class=\"message-action-button\" color=\"accent\" mat-flat-button *ngIf=\"message.buttonText\"\r\n (click)=\"buttonClick()\">{{message.buttonText | translate}} </button>\r\n <a class=\"message-action-link\" *ngIf=\"message.linkHref && message.linkText\" (click)=\"linkClick()\"\r\n [attr.href]=\"message.linkHref\">{{message.linkText |\r\n translate}}</a>\r\n <a class=\"message-action-link\" *ngIf=\"message.routerLink && message.linkText\" (click)=\"linkClick()\"\r\n [routerLink]=\"[message.routerLink]\">{{message.linkText |\r\n translate}}</a>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":host{display:inline-block;width:100%}.close-button{position:absolute;top:.2em;right:.2em}.no-top-margin{top:0}.text-container{margin-right:45px}.notification-message{position:relative}.notification-message.basic .notification-message-container{background-color:var(--base-100)}.notification-message.basic .notification-message-container .close-button,.notification-message.basic .notification-message-container .message-icon{color:var(--base-40)}.notification-message.basic .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.info .notification-message-container{background-color:var(--info-light)}.notification-message.info .notification-message-container .text-container{color:var(--info-dark)}.notification-message.info .notification-message-container .message-icon{color:var(--info-primary)}.notification-message.info .notification-message-container .close-button{color:var(--info-dark)}.notification-message.info .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.error .notification-message-container{background-color:var(--error-light)}.notification-message.error .notification-message-container .close-button,.notification-message.error .notification-message-container .text-container,.notification-message.error .notification-message-container .message-icon{color:var(--error-dark)}.notification-message.error .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.warning .notification-message-container{background-color:var(--warning-light)}.notification-message.warning .notification-message-container .close-button,.notification-message.warning .notification-message-container .text-container,.notification-message.warning .notification-message-container .message-icon{color:var(--warning-dark)}.notification-message.warning .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.success .notification-message-container{background-color:var(--success-light)}.notification-message.success .notification-message-container .close-button,.notification-message.success .notification-message-container .text-container,.notification-message.success .notification-message-container .message-icon{color:var(--success-dark)}.notification-message.success .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message .notification-message-container{border-radius:4px}.notification-message .notification-message-container .text-container:has(.message-title+.message-body) .message-title{font-weight:600}.notification-message .notification-message-container.mobile{padding:.6em .4em!important;border-radius:0}.notification-message .notification-message-container.mobile .items-container{margin-left:.4em!important}.notification-message .notification-message-container.mobile .items-container div+div{margin-top:.2em!important}.notification-message .notification-message-container.mobile .items-container .message-title+.message-body{margin-top:0!important}.notification-message .notification-message-container .text-container:first-child{line-height:1.5em}.notification-message .notification-message-container .text-container .message-title{margin:0;font-size:16px;line-height:24px}.notification-message .notification-message-container .text-container .message-body{margin:0}.notification-message .notification-message-container:not(.inline){padding:1em}.notification-message .notification-message-container:not(.inline) .items-container{margin-left:1em}.notification-message .notification-message-container:not(.inline) .message-title{font-size:1.25em}.notification-message .notification-message-container:not(.inline) .message-body{line-height:1.5em}.notification-message .notification-message-container.inline{padding:.75em 1em}.notification-message .notification-message-container.inline .items-container{margin-left:.75em}.notification-message .notification-message-container.inline .items-container div+div{margin-top:.5em}.notification-message .notification-message-container.inline .items-container .message-title+.message-body{margin-top:.2em}.notification-message .notification-message-container.inline .message-title{font-size:1em}\n"] }]
|
|
352
352
|
}], null, { message: [{
|
|
353
353
|
type: Input
|
|
354
354
|
}], buttonClicked: [{
|