@tilde-nlp/ngx-common 6.1.15 → 6.1.17

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.
Files changed (9) hide show
  1. package/esm2022/lib/notification-message/notification-message.component.mjs +2 -2
  2. package/esm2022/lib/toast/toast.component.mjs +2 -2
  3. package/fesm2022/tilde-nlp-ngx-common.mjs +4 -4
  4. package/fesm2022/tilde-nlp-ngx-common.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/styles/variables/colors.variables.scss +1 -0
  7. package/web-components/index.html +1 -1
  8. package/web-components/main.js +1 -1
  9. package/web-components/styles.css +1 -1
package/esm2022/lib/notification-message/notification-message.component.mjs CHANGED
@@ -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: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}"] }); }
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!important;right:.2em!important}.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: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"] }]
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!important;right:.2em!important}.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: [{
package/esm2022/lib/toast/toast.component.mjs CHANGED
@@ -47,11 +47,11 @@ export class ToastComponent {
47
47
  } if (rf & 2) {
48
48
  i0.ɵɵadvance();
49
49
  i0.ɵɵrepeater(ctx.toasts);
50
- } }, dependencies: [CommonModule, MatIconModule, i1.MatIcon, MatButtonModule, i2.MatIconButton, TranslateModule, i3.TranslatePipe], styles: [".toast-container[_ngcontent-%COMP%]{position:absolute;bottom:50px;left:40%}.toast[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:_ngcontent-%COMP%_slide-in .5s forwards,_ngcontent-%COMP%_fade-out .5s 2.5s forwards}.toast[_ngcontent-%COMP%]:not(:first-of-type){margin-top:10px}[_nghost-%COMP%] .mat-icon{color:#feedee}@keyframes _ngcontent-%COMP%_slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes _ngcontent-%COMP%_fade-out{0%{opacity:1}to{opacity:0}}"] }); }
50
+ } }, dependencies: [CommonModule, MatIconModule, i1.MatIcon, MatButtonModule, i2.MatIconButton, TranslateModule, i3.TranslatePipe], styles: [".toast-container[_ngcontent-%COMP%]{display:flex;justify-content:center;width:100%;position:absolute;bottom:50px}.toast[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:_ngcontent-%COMP%_slide-in .5s forwards,_ngcontent-%COMP%_fade-out .5s 2.5s forwards}.toast[_ngcontent-%COMP%]:not(:first-of-type){margin-top:10px}[_nghost-%COMP%] .mat-icon{color:#feedee}@keyframes _ngcontent-%COMP%_slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes _ngcontent-%COMP%_fade-out{0%{opacity:1}to{opacity:0}}"] }); }
51
51
  }
52
52
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastComponent, [{
53
53
  type: Component,
54
- args: [{ selector: 'lib-toast', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, TranslateModule], template: "<div class=\"toast-container\">\r\n @for (toast of toasts; track toast.id) {\r\n <div class=\"toast\">\r\n <span>{{ toast.message | translate }}</span>\r\n <button mat-icon-button (click)=\"closeToast(toast.id)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".toast-container{position:absolute;bottom:50px;left:40%}.toast{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:slide-in .5s forwards,fade-out .5s 2.5s forwards}.toast:not(:first-of-type){margin-top:10px}:host ::ng-deep .mat-icon{color:#feedee}@keyframes slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}\n"] }]
54
+ args: [{ selector: 'lib-toast', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, TranslateModule], template: "<div class=\"toast-container\">\r\n @for (toast of toasts; track toast.id) {\r\n <div class=\"toast\">\r\n <span>{{ toast.message | translate }}</span>\r\n <button mat-icon-button (click)=\"closeToast(toast.id)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".toast-container{display:flex;justify-content:center;width:100%;position:absolute;bottom:50px}.toast{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:slide-in .5s forwards,fade-out .5s 2.5s forwards}.toast:not(:first-of-type){margin-top:10px}:host ::ng-deep .mat-icon{color:#feedee}@keyframes slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}\n"] }]
55
55
  }], null, null); })();
56
56
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastComponent, { className: "ToastComponent", filePath: "lib\\toast\\toast.component.ts", lineNumber: 16 }); })();
57
57
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbW1vbi9zcmMvbGliL3RvYXN0L3RvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi90b2FzdC90b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUUxRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7OztJQ0hsRCxBQURGLDhCQUFtQixXQUNYO0lBQUEsWUFBK0I7O0lBQUEsaUJBQU87SUFDNUMsaUNBQXVEO0lBQS9CLHFNQUFTLDhCQUFvQixLQUFDO0lBQ3BELGdDQUFVO0lBQUEscUJBQUs7SUFFbkIsQUFERSxBQURpQixpQkFBVyxFQUNuQixFQUNMOzs7SUFKRSxlQUErQjtJQUEvQiw0REFBK0I7O0FEWXpDLE1BQU0sT0FBTyxjQUFjO0lBUDNCO1FBUUUsV0FBTSxHQUFZLEVBQUUsQ0FBQztRQUVyQixXQUFNLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO0tBVy9CO0lBWEMsTUFBTSxDQUF3QjtJQUU5QixRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUM7WUFDbEMsSUFBSSxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1NBQ3pDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxVQUFVLENBQUMsRUFBVTtRQUNuQixJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM3QixDQUFDOytHQWJVLGNBQWM7b0VBQWQsY0FBYztZQ2YzQiw4QkFBNkI7WUFDM0IsaUZBT0M7WUFDSCxpQkFBTTs7WUFSSixjQU9DO1lBUEQseUJBT0M7NEJER1MsWUFBWSxFQUFFLGFBQWEsY0FBRSxlQUFlLG9CQUFFLGVBQWU7O2lGQUk1RCxjQUFjO2NBUDFCLFNBQVM7MkJBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGVBQWUsQ0FBQzs7a0ZBSTdELGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRvYXN0IH0gZnJvbSAnLi9tb2RlbHMvdG9hc3QubW9kZWwnO1xyXG5pbXBvcnQgeyBUb2FzdFNlcnZpY2UgfSBmcm9tICcuL3RvYXN0LXNlcnZpY2UnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItdG9hc3QnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlLCBUcmFuc2xhdGVNb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b2FzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvYXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICB0b2FzdHM6IFRvYXN0W10gPSBbXTtcclxuXHJcbiAgI3RvYXN0ID0gaW5qZWN0KFRvYXN0U2VydmljZSk7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy4jdG9hc3Qud2F0Y2hUb2FzdHMoKS5zdWJzY3JpYmUoe1xyXG4gICAgICBuZXh0OiAodG9hc3RzKSA9PiAodGhpcy50b2FzdHMgPSB0b2FzdHMpLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBjbG9zZVRvYXN0KGlkOiBudW1iZXIpIHtcclxuICAgIHRoaXMuI3RvYXN0LmNsb3NlVG9hc3QoaWQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidG9hc3QtY29udGFpbmVyXCI+XHJcbiAgQGZvciAodG9hc3Qgb2YgdG9hc3RzOyB0cmFjayB0b2FzdC5pZCkge1xyXG4gIDxkaXYgY2xhc3M9XCJ0b2FzdFwiPlxyXG4gICAgPHNwYW4+e3sgdG9hc3QubWVzc2FnZSB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbG9zZVRvYXN0KHRvYXN0LmlkKVwiPlxyXG4gICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
package/fesm2022/tilde-nlp-ngx-common.mjs CHANGED
@@ -345,11 +345,11 @@ class NotificationMessageComponent {
345
345
  i0.ɵɵproperty("ngIf", !ctx.message.hideClose && !ctx.message.callbackButtonText);
346
346
  i0.ɵɵadvance();
347
347
  i0.ɵɵproperty("ngIf", ctx.message.buttonText || ctx.message.linkHref || ctx.message.routerLink);
348
- } }, 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
+ } }, 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!important;right:.2em!important}.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}"] }); }
349
349
  }
350
350
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationMessageComponent, [{
351
351
  type: Component,
352
- 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
+ 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!important;right:.2em!important}.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"] }]
353
353
  }], null, { message: [{
354
354
  type: Input
355
355
  }], buttonClicked: [{
@@ -7247,11 +7247,11 @@ class ToastComponent {
7247
7247
  } if (rf & 2) {
7248
7248
  i0.ɵɵadvance();
7249
7249
  i0.ɵɵrepeater(ctx.toasts);
7250
- } }, dependencies: [CommonModule, MatIconModule, i1.MatIcon, MatButtonModule, i5.MatIconButton, TranslateModule, i1$1.TranslatePipe], styles: [".toast-container[_ngcontent-%COMP%]{position:absolute;bottom:50px;left:40%}.toast[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:_ngcontent-%COMP%_slide-in .5s forwards,_ngcontent-%COMP%_fade-out .5s 2.5s forwards}.toast[_ngcontent-%COMP%]:not(:first-of-type){margin-top:10px}[_nghost-%COMP%] .mat-icon{color:#feedee}@keyframes _ngcontent-%COMP%_slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes _ngcontent-%COMP%_fade-out{0%{opacity:1}to{opacity:0}}"] }); }
7250
+ } }, dependencies: [CommonModule, MatIconModule, i1.MatIcon, MatButtonModule, i5.MatIconButton, TranslateModule, i1$1.TranslatePipe], styles: [".toast-container[_ngcontent-%COMP%]{display:flex;justify-content:center;width:100%;position:absolute;bottom:50px}.toast[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:_ngcontent-%COMP%_slide-in .5s forwards,_ngcontent-%COMP%_fade-out .5s 2.5s forwards}.toast[_ngcontent-%COMP%]:not(:first-of-type){margin-top:10px}[_nghost-%COMP%] .mat-icon{color:#feedee}@keyframes _ngcontent-%COMP%_slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes _ngcontent-%COMP%_fade-out{0%{opacity:1}to{opacity:0}}"] }); }
7251
7251
  }
7252
7252
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastComponent, [{
7253
7253
  type: Component,
7254
- args: [{ selector: 'lib-toast', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, TranslateModule], template: "<div class=\"toast-container\">\r\n @for (toast of toasts; track toast.id) {\r\n <div class=\"toast\">\r\n <span>{{ toast.message | translate }}</span>\r\n <button mat-icon-button (click)=\"closeToast(toast.id)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".toast-container{position:absolute;bottom:50px;left:40%}.toast{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:slide-in .5s forwards,fade-out .5s 2.5s forwards}.toast:not(:first-of-type){margin-top:10px}:host ::ng-deep .mat-icon{color:#feedee}@keyframes slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}\n"] }]
7254
+ args: [{ selector: 'lib-toast', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, TranslateModule], template: "<div class=\"toast-container\">\r\n @for (toast of toasts; track toast.id) {\r\n <div class=\"toast\">\r\n <span>{{ toast.message | translate }}</span>\r\n <button mat-icon-button (click)=\"closeToast(toast.id)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".toast-container{display:flex;justify-content:center;width:100%;position:absolute;bottom:50px}.toast{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:slide-in .5s forwards,fade-out .5s 2.5s forwards}.toast:not(:first-of-type){margin-top:10px}:host ::ng-deep .mat-icon{color:#feedee}@keyframes slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}\n"] }]
7255
7255
  }], null, null); })();
7256
7256
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastComponent, { className: "ToastComponent", filePath: "lib\\toast\\toast.component.ts", lineNumber: 16 }); })();
7257
7257