npm - @fundamental-ngx/core - Versions diffs - 0.37.2-rc.0 → 0.37.3 - Mend

@fundamental-ngx/core 0.37.2-rc.0 → 0.37.3

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 (1412) hide show

package/fesm2015/fundamental-ngx-core-notification.mjs CHANGED Viewed

@@ -21,9 +21,9 @@ import { ContentDensityMode } from '@fundamental-ngx/core/content-density';
 // eslint-disable-next-line @angular-eslint/component-class-suffix
 class NotificationContainer {
 }
-NotificationContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationContainer, selector: "fd-notification-container", host: { properties: { "class.fd-notification-container": "true" } }, ngImport: i0, template: ``, isInline: true, styles: [".fd-notification-container{position:fixed;display:flex;flex-direction:column;z-index:5000;align-items:flex-end;top:4.75rem;right:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationContainer, decorators: [{
+NotificationContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationContainer, selector: "fd-notification-container", host: { properties: { "class.fd-notification-container": "true" } }, ngImport: i0, template: ``, isInline: true, styles: [".fd-notification-container{position:fixed;display:flex;flex-direction:column;z-index:5000;align-items:flex-end;top:4.75rem;right:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationContainer, decorators: [{
             type: Component,
             args: [{ selector: 'fd-notification-container', template: ``, host: {
                         '[class.fd-notification-container]': 'true'
@@ -192,12 +192,12 @@ class NotificationComponent extends AbstractFdNgxClass {
             .forEach((key) => (this[key] = notificationConfig[key]));
     }
 }
-NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i2.ConfigurableFocusTrapFactory }, { token: NotificationConfig, optional: true }, { token: NotificationRef, optional: true }, { token: i1$1.RtlService, optional: true }, { token: i6.PopoverComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationComponent, selector: "fd-notification", inputs: { width: "width", mobile: "mobile" }, host: { attributes: { "role": "alertdialog" }, listeners: { "window:keyup": "_closeNotificationEsc($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "attr.dir": "_dir", "attr.id": "id", "style.width": "this.width", "class.fd-notification--in-dialog": "this._inDialog" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["vc"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: `
+NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i2.ConfigurableFocusTrapFactory }, { token: NotificationConfig, optional: true }, { token: NotificationRef, optional: true }, { token: i1$1.RtlService, optional: true }, { token: i6.PopoverComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationComponent, selector: "fd-notification", inputs: { width: "width", mobile: "mobile" }, host: { attributes: { "role": "alertdialog" }, listeners: { "window:keyup": "_closeNotificationEsc($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "attr.dir": "_dir", "attr.id": "id", "style.width": "this.width", "class.fd-notification--in-dialog": "this._inDialog" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["vc"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: `
         <ng-content></ng-content>
         <ng-container #vc></ng-container>
-    `, isInline: true, styles: ["@import\"~fundamental-styles/dist/notification.css\";.fd-notification-custom-block{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationComponent, decorators: [{
+    `, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-notification{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapList_Background);border:0;border-radius:.25rem;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.25rem;max-width:40rem;padding:1rem .5rem 1rem 1rem;width:100%}.fd-notification:after,.fd-notification:before{box-sizing:inherit;font-size:inherit}.fd-notification[dir=rtl],[dir=rtl] .fd-notification{padding-left:.5rem;padding-right:1rem}.fd-notification__body{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__body:after,.fd-notification__body:before{box-sizing:inherit;font-size:inherit}.fd-notification__body--message{padding-top:1rem}.fd-notification__content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;overflow:auto;padding:0;width:100%}.fd-notification__content:after,.fd-notification__content:before{box-sizing:inherit;font-size:inherit}.fd-notification__content[dir=rtl],[dir=rtl] .fd-notification__content{margin-left:0;margin-right:1rem}.fd-notification__content:first-child{margin-left:0}.fd-notification__content:first-child[dir=rtl],[dir=rtl] .fd-notification__content:first-child{margin-right:0}.fd-notification .fd-notification__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:var(--sapFontHeaderWeight);line-height:var(--sapContent_LineHeight);margin:0 0 .25rem;max-height:2.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__title:after,.fd-notification .fd-notification__title:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__title--unread{font-weight:700}.fd-notification .fd-notification__paragraph{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;max-height:2.75rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__paragraph:after,.fd-notification .fd-notification__paragraph:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0}.fd-notification .fd-notification__footer:after,.fd-notification .fd-notification__footer:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer-content{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification .fd-notification__footer-content:only-child{max-width:100%}.fd-notification .fd-notification__separator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 .5rem;padding:0}.fd-notification .fd-notification__separator:after,.fd-notification .fd-notification__separator:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__separator:before{content:\"\\b7\"}.fd-notification__header{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__header:after,.fd-notification__header:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-flex:1;-ms-flex:1 0 auto;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 0 1rem}.fd-notification__actions:after,.fd-notification__actions:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{padding-left:0;padding-right:1rem}.fd-notification__actions>*{margin-left:.5rem}.fd-notification__actions>:first-child{margin-left:0}.fd-notification__actions>[dir=rtl],[dir=rtl] .fd-notification__actions>*{margin-left:0;margin-right:.5rem}.fd-notification__limit{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;text-align:center}.fd-notification__limit:after,.fd-notification__limit:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;white-space:break-spaces}.fd-notification__limit--title:after,.fd-notification__limit--title:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0;white-space:break-spaces}.fd-notification__limit--description:after,.fd-notification__limit--description:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem 0 0}.fd-notification__indicator:after,.fd-notification__indicator:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification__indicator{padding-left:.5rem;padding-right:0}.fd-notification__indicator--error{color:var(--sapErrorColor)}.fd-notification__indicator--error:before{content:\"\\e0b1\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--success{color:var(--sapSuccessColor)}.fd-notification__indicator--success:before{content:\"\\e203\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--warning{color:var(--sapWarningColor)}.fd-notification__indicator--warning:before{content:\"\\e201\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--information{color:var(--sapInformationColor)}.fd-notification__indicator--information:before{content:\"\\e202\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification--group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-notification--group:after,.fd-notification--group:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--group .fd-notification__body{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);padding:1rem .5rem 1rem 1rem}.fd-notification--group .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__body{padding-left:.5rem;padding-right:1rem}.fd-notification--group .fd-notification__group-header{-webkit-box-sizing:border-box;align-items:baseline;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.75rem .5rem .25rem 1rem}.fd-notification--group .fd-notification__group-header:after,.fd-notification--group .fd-notification__group-header:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__group-header[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__group-header{padding-left:.5rem;padding-right:1rem}.fd-notification--group[dir=rtl],[dir=rtl] .fd-notification--group{padding-left:0;padding-right:0}.fd-notification--mobile{padding:0}.fd-notification--mobile .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--mobile .fd-notification__indicator{padding-right:.25rem}.fd-notification--mobile .fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__indicator{padding-left:.75rem;padding-right:0}.fd-notification--mobile .fd-notification__group-header{padding:.5rem .5rem 0}.fd-notification--mobile .fd-notification__body{padding:1rem .5rem 1rem .75rem}.fd-notification--mobile .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__body{padding-left:.5rem;padding-right:.75rem}.fd-notification--mobile .fd-notification__content{margin-left:.75rem}.fd-notification--mobile .fd-notification__content[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__content{margin-left:0;margin-right:.75rem}.fd-notification--in-dialog{-webkit-box-shadow:none;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;margin-bottom:0}.fd-notification--in-dialog:last-of-type{border-bottom:none}.fd-notification-custom-block{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-notification', template: `
         <ng-content></ng-content>
@@ -208,7 +208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
                         '[attr.dir]': '_dir',
                         role: 'alertdialog',
                         '[attr.id]': 'id'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@import\"~fundamental-styles/dist/notification.css\";.fd-notification-custom-block{display:block}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-notification{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapList_Background);border:0;border-radius:.25rem;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.25rem;max-width:40rem;padding:1rem .5rem 1rem 1rem;width:100%}.fd-notification:after,.fd-notification:before{box-sizing:inherit;font-size:inherit}.fd-notification[dir=rtl],[dir=rtl] .fd-notification{padding-left:.5rem;padding-right:1rem}.fd-notification__body{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__body:after,.fd-notification__body:before{box-sizing:inherit;font-size:inherit}.fd-notification__body--message{padding-top:1rem}.fd-notification__content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;overflow:auto;padding:0;width:100%}.fd-notification__content:after,.fd-notification__content:before{box-sizing:inherit;font-size:inherit}.fd-notification__content[dir=rtl],[dir=rtl] .fd-notification__content{margin-left:0;margin-right:1rem}.fd-notification__content:first-child{margin-left:0}.fd-notification__content:first-child[dir=rtl],[dir=rtl] .fd-notification__content:first-child{margin-right:0}.fd-notification .fd-notification__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:var(--sapFontHeaderWeight);line-height:var(--sapContent_LineHeight);margin:0 0 .25rem;max-height:2.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__title:after,.fd-notification .fd-notification__title:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__title--unread{font-weight:700}.fd-notification .fd-notification__paragraph{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;max-height:2.75rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__paragraph:after,.fd-notification .fd-notification__paragraph:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0}.fd-notification .fd-notification__footer:after,.fd-notification .fd-notification__footer:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer-content{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification .fd-notification__footer-content:only-child{max-width:100%}.fd-notification .fd-notification__separator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 .5rem;padding:0}.fd-notification .fd-notification__separator:after,.fd-notification .fd-notification__separator:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__separator:before{content:\"\\b7\"}.fd-notification__header{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__header:after,.fd-notification__header:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-flex:1;-ms-flex:1 0 auto;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 0 1rem}.fd-notification__actions:after,.fd-notification__actions:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{padding-left:0;padding-right:1rem}.fd-notification__actions>*{margin-left:.5rem}.fd-notification__actions>:first-child{margin-left:0}.fd-notification__actions>[dir=rtl],[dir=rtl] .fd-notification__actions>*{margin-left:0;margin-right:.5rem}.fd-notification__limit{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;text-align:center}.fd-notification__limit:after,.fd-notification__limit:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;white-space:break-spaces}.fd-notification__limit--title:after,.fd-notification__limit--title:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0;white-space:break-spaces}.fd-notification__limit--description:after,.fd-notification__limit--description:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem 0 0}.fd-notification__indicator:after,.fd-notification__indicator:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification__indicator{padding-left:.5rem;padding-right:0}.fd-notification__indicator--error{color:var(--sapErrorColor)}.fd-notification__indicator--error:before{content:\"\\e0b1\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--success{color:var(--sapSuccessColor)}.fd-notification__indicator--success:before{content:\"\\e203\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--warning{color:var(--sapWarningColor)}.fd-notification__indicator--warning:before{content:\"\\e201\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--information{color:var(--sapInformationColor)}.fd-notification__indicator--information:before{content:\"\\e202\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification--group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-notification--group:after,.fd-notification--group:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--group .fd-notification__body{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);padding:1rem .5rem 1rem 1rem}.fd-notification--group .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__body{padding-left:.5rem;padding-right:1rem}.fd-notification--group .fd-notification__group-header{-webkit-box-sizing:border-box;align-items:baseline;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.75rem .5rem .25rem 1rem}.fd-notification--group .fd-notification__group-header:after,.fd-notification--group .fd-notification__group-header:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__group-header[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__group-header{padding-left:.5rem;padding-right:1rem}.fd-notification--group[dir=rtl],[dir=rtl] .fd-notification--group{padding-left:0;padding-right:0}.fd-notification--mobile{padding:0}.fd-notification--mobile .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--mobile .fd-notification__indicator{padding-right:.25rem}.fd-notification--mobile .fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__indicator{padding-left:.75rem;padding-right:0}.fd-notification--mobile .fd-notification__group-header{padding:.5rem .5rem 0}.fd-notification--mobile .fd-notification__body{padding:1rem .5rem 1rem .75rem}.fd-notification--mobile .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__body{padding-left:.5rem;padding-right:.75rem}.fd-notification--mobile .fd-notification__content{margin-left:.75rem}.fd-notification--mobile .fd-notification__content[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__content{margin-left:0;margin-right:.75rem}.fd-notification--in-dialog{-webkit-box-shadow:none;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;margin-bottom:0}.fd-notification--in-dialog:last-of-type{border-bottom:none}.fd-notification-custom-block{display:block}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i2.ConfigurableFocusTrapFactory }, { type: NotificationConfig, decorators: [{
                         type: Optional
@@ -330,9 +330,9 @@ class NotificationService {
         }
     }
 }
-NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationService, deps: [{ token: i1$1.DynamicComponentService }, { token: DOCUMENT }, { token: i1$1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationService, decorators: [{
+NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationService, deps: [{ token: i1$1.DynamicComponentService }, { token: DOCUMENT }, { token: i1$1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: i1$1.DynamicComponentService }, { type: Document, decorators: [{
@@ -352,9 +352,9 @@ class NotificationHeaderComponent {
         this.uniqueId = `fd-notification-header-${++notificationHeaderCounter}`;
     }
 }
-NotificationHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationHeaderComponent, selector: "fd-notification-header", inputs: { uniqueId: "uniqueId" }, host: { properties: { "class.fd-notification__header": "this.fdNotificationHeaderClass", "attr.id": "this.uniqueId" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationHeaderComponent, decorators: [{
+NotificationHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationHeaderComponent, selector: "fd-notification-header", inputs: { uniqueId: "uniqueId" }, host: { properties: { "class.fd-notification__header": "this.fdNotificationHeaderClass", "attr.id": "this.uniqueId" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-header',
@@ -378,9 +378,9 @@ class NotificationFooterComponent {
         this.fdNotificationFooterClass = true;
     }
 }
-NotificationFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationFooterComponent, selector: "fd-notification-footer", host: { properties: { "class.fd-notification__footer": "this.fdNotificationFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationFooterComponent, decorators: [{
+NotificationFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationFooterComponent, selector: "fd-notification-footer", host: { properties: { "class.fd-notification__footer": "this.fdNotificationFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-footer',
@@ -399,9 +399,9 @@ class NotificationActionsComponent {
         this.fdNotificationActionsClass = true;
     }
 }
-NotificationActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationActionsComponent, selector: "fd-notification-actions", host: { properties: { "class.fd-notification__actions": "this.fdNotificationActionsClass" } }, queries: [{ propertyName: "buttons", predicate: ButtonComponent }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationActionsComponent, decorators: [{
+NotificationActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationActionsComponent, selector: "fd-notification-actions", host: { properties: { "class.fd-notification__actions": "this.fdNotificationActionsClass" } }, queries: [{ propertyName: "buttons", predicate: ButtonComponent }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-actions',
@@ -460,9 +460,9 @@ class NotificationGroupBaseDirective {
         this.onDestroy$.next();
     }
 }
-NotificationGroupBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationGroupBaseDirective, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-NotificationGroupBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: NotificationGroupBaseDirective, queries: [{ propertyName: "notificationHeader", predicate: NotificationHeaderComponent, descendants: true }, { propertyName: "notificationActions", predicate: NotificationActionsComponent }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationGroupBaseDirective, decorators: [{
+NotificationGroupBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationGroupBaseDirective, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+NotificationGroupBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: NotificationGroupBaseDirective, queries: [{ propertyName: "notificationHeader", predicate: NotificationHeaderComponent, descendants: true }, { propertyName: "notificationActions", predicate: NotificationActionsComponent }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationGroupBaseDirective, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { notificationHeader: [{
                 type: ContentChildren,
@@ -479,9 +479,9 @@ class NotificationBodyComponent extends NotificationGroupBaseDirective {
         this.fdNotificationBodyClass = true;
     }
 }
-NotificationBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NotificationBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationBodyComponent, selector: "fd-notification-body", host: { properties: { "class.fd-notification__body": "this.fdNotificationBodyClass" } }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationBodyComponent, decorators: [{
+NotificationBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NotificationBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationBodyComponent, selector: "fd-notification-body", host: { properties: { "class.fd-notification__body": "this.fdNotificationBodyClass" } }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-body',
@@ -500,9 +500,9 @@ class NotificationContentComponent {
         this.fdNotificationFooterClass = true;
     }
 }
-NotificationContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationContentComponent, selector: "fd-notification-content", host: { properties: { "class.fd-notification__content": "this.fdNotificationFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationContentComponent, decorators: [{
+NotificationContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationContentComponent, selector: "fd-notification-content", host: { properties: { "class.fd-notification__content": "this.fdNotificationFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-content',
@@ -521,9 +521,9 @@ class NotificationLimitComponent {
         this.fdNotificationLimitClass = true;
     }
 }
-NotificationLimitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationLimitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationLimitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationLimitComponent, selector: "fd-notification-limit", host: { properties: { "class.fd-notification__limit": "this.fdNotificationLimitClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationLimitComponent, decorators: [{
+NotificationLimitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationLimitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationLimitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationLimitComponent, selector: "fd-notification-limit", host: { properties: { "class.fd-notification__limit": "this.fdNotificationLimitClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationLimitComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-limit',
@@ -589,8 +589,8 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
         }
     }
 }
-NotificationGroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationGroupHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.RtlService, optional: true }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-NotificationGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationGroupHeaderComponent, selector: "fd-notification-group-header", inputs: { expandCompact: "expandCompact", expandAriaLabel: "expandAriaLabel", expandAriaLabelledBy: "expandAriaLabelledBy", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.fd-notification__group-header": "this.fdNotificationGroupHeaderClass" } }, usesInheritance: true, ngImport: i0, template: `
+NotificationGroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationGroupHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.RtlService, optional: true }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+NotificationGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationGroupHeaderComponent, selector: "fd-notification-group-header", inputs: { expandCompact: "expandCompact", expandAriaLabel: "expandAriaLabel", expandAriaLabelledBy: "expandAriaLabelledBy", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "class.fd-notification__group-header": "this.fdNotificationGroupHeaderClass" } }, usesInheritance: true, ngImport: i0, template: `
         <button
             fd-button
             fdType="transparent"
@@ -610,7 +610,7 @@ NotificationGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
         <ng-content select="fd-notification-actions"></ng-content>
         <ng-content></ng-content>
     `, isInline: true, dependencies: [{ kind: "component", type: i2$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationGroupHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationGroupHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-group-header',
@@ -691,15 +691,15 @@ class NotificationGroupComponent {
         this.buildComponentCssClass();
     }
 }
-NotificationGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationGroupComponent, deps: [{ token: i0.ElementRef }, { token: i6.PopoverComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-NotificationGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationGroupComponent, selector: "fd-notification-group", inputs: { class: "class", mobile: "mobile", width: "width" }, host: { properties: { "style.width": "this.width" } }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+NotificationGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationGroupComponent, deps: [{ token: i0.ElementRef }, { token: i6.PopoverComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+NotificationGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationGroupComponent, selector: "fd-notification-group", inputs: { class: "class", mobile: "mobile", width: "width" }, host: { properties: { "style.width": "this.width" } }, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], NotificationGroupComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-group',
@@ -742,14 +742,14 @@ class NotificationGroupListComponent {
         this._subscriptions.unsubscribe();
     }
 }
-NotificationGroupListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationGroupListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NotificationGroupListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: NotificationGroupListComponent, selector: "fd-notification-group-list", queries: [{ propertyName: "groupHeader", first: true, predicate: i0.forwardRef(function () { return NotificationGroupHeaderComponent; }), descendants: true }], ngImport: i0, template: `
+NotificationGroupListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationGroupListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+NotificationGroupListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationGroupListComponent, selector: "fd-notification-group-list", queries: [{ propertyName: "groupHeader", first: true, predicate: i0.forwardRef(function () { return NotificationGroupHeaderComponent; }), descendants: true }], ngImport: i0, template: `
         <ng-content select="fd-notification-group-header"></ng-content>
         <ng-container *ngIf="expanded">
             <ng-content></ng-content>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationGroupListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationGroupListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-group-list',
@@ -775,9 +775,9 @@ class NotificationTitleDirective {
         this.unread = false;
     }
 }
-NotificationTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NotificationTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: NotificationTitleDirective, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: { unread: "unread" }, host: { properties: { "class.fd-notification__title": "this.fdNotificationTitleClass", "class.fd-notification__title--unread": "this.unread" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationTitleDirective, decorators: [{
+NotificationTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NotificationTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: NotificationTitleDirective, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: { unread: "unread" }, host: { properties: { "class.fd-notification__title": "this.fdNotificationTitleClass", "class.fd-notification__title--unread": "this.unread" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationTitle], [fd-notification-title]'
@@ -818,15 +818,15 @@ class NotificationIndicatorDirective {
         return this._elementRef;
     }
 }
-NotificationIndicatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationIndicatorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NotificationIndicatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: NotificationIndicatorDirective, selector: "[fdNotificationIndicator], [fd-notification-indicator]", inputs: { type: "type", class: "class" }, usesOnChanges: true, ngImport: i0 });
+NotificationIndicatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationIndicatorDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NotificationIndicatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: NotificationIndicatorDirective, selector: "[fdNotificationIndicator], [fd-notification-indicator]", inputs: { type: "type", class: "class" }, usesOnChanges: true, ngImport: i0 });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], NotificationIndicatorDirective.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationIndicator], [fd-notification-indicator]'
@@ -843,9 +843,9 @@ class NotificationParagraphDirective {
         this.fdNotificationParagraphClass = true;
     }
 }
-NotificationParagraphDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationParagraphDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NotificationParagraphDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: NotificationParagraphDirective, selector: "[fdNotificationParagraph], [fd-notification-paragraph]", host: { properties: { "class.fd-notification__paragraph": "this.fdNotificationParagraphClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationParagraphDirective, decorators: [{
+NotificationParagraphDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationParagraphDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NotificationParagraphDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: NotificationParagraphDirective, selector: "[fdNotificationParagraph], [fd-notification-paragraph]", host: { properties: { "class.fd-notification__paragraph": "this.fdNotificationParagraphClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationParagraphDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationParagraph], [fd-notification-paragraph]'
@@ -861,9 +861,9 @@ class NotificationFooterContentDirective {
         this.fdNotificationTitleClass = true;
     }
 }
-NotificationFooterContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NotificationFooterContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: NotificationFooterContentDirective, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]", host: { properties: { "class.fd-notification__footer-content": "this.fdNotificationTitleClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationFooterContentDirective, decorators: [{
+NotificationFooterContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NotificationFooterContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: NotificationFooterContentDirective, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]", host: { properties: { "class.fd-notification__footer-content": "this.fdNotificationTitleClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationFooterContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationFooterContent], [fd-notification-footer-content]'
@@ -879,9 +879,9 @@ class NotificationSeparatorDirective {
         this.fdNotificationSeparatorClass = true;
     }
 }
-NotificationSeparatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NotificationSeparatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: NotificationSeparatorDirective, selector: "[fdNotificationSeparator], [fd-notification-separator]", host: { properties: { "class.fd-notification__separator": "this.fdNotificationSeparatorClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationSeparatorDirective, decorators: [{
+NotificationSeparatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NotificationSeparatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: NotificationSeparatorDirective, selector: "[fdNotificationSeparator], [fd-notification-separator]", host: { properties: { "class.fd-notification__separator": "this.fdNotificationSeparatorClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationSeparatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationSeparator], [fd-notification-separator]'
@@ -897,9 +897,9 @@ class NotificationLimitTitleDirective {
         this.fdNotificationTitleClass = true;
     }
 }
-NotificationLimitTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationLimitTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NotificationLimitTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: NotificationLimitTitleDirective, selector: "[fdNotificationLimitTitle], [fd-notification-limit-title]", host: { properties: { "class.fd-notification__limit--title": "this.fdNotificationTitleClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationLimitTitleDirective, decorators: [{
+NotificationLimitTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationLimitTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NotificationLimitTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: NotificationLimitTitleDirective, selector: "[fdNotificationLimitTitle], [fd-notification-limit-title]", host: { properties: { "class.fd-notification__limit--title": "this.fdNotificationTitleClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationLimitTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationLimitTitle], [fd-notification-limit-title]'
@@ -915,9 +915,9 @@ class NotificationLimitDescriptionDirective {
         this.fdNotificationDescriptionClass = true;
     }
 }
-NotificationLimitDescriptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationLimitDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NotificationLimitDescriptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: NotificationLimitDescriptionDirective, selector: "[fdNotificationLimitDescription], [fd-notification-limit-description]", host: { properties: { "class.fd-notification__limit--description": "this.fdNotificationDescriptionClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationLimitDescriptionDirective, decorators: [{
+NotificationLimitDescriptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationLimitDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NotificationLimitDescriptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: NotificationLimitDescriptionDirective, selector: "[fdNotificationLimitDescription], [fd-notification-limit-description]", host: { properties: { "class.fd-notification__limit--description": "this.fdNotificationDescriptionClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationLimitDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationLimitDescription], [fd-notification-limit-description]'
@@ -929,8 +929,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
 class NotificationModule {
 }
-NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent,
+NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent,
         NotificationHeaderComponent,
         NotificationFooterComponent,
         NotificationBodyComponent,
@@ -965,8 +965,8 @@ NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
         NotificationSeparatorDirective,
         NotificationLimitTitleDirective,
         NotificationLimitDescriptionDirective] });
-NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationModule, providers: [DynamicComponentService, NotificationService], imports: [CommonModule, ButtonModule, A11yModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NotificationModule, decorators: [{
+NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationModule, providers: [DynamicComponentService, NotificationService], imports: [CommonModule, ButtonModule, A11yModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ButtonModule, A11yModule],