npm - @fundamental-ngx/core - Versions diffs - 0.38.2-rc.8 → 0.38.2 - Mend

@fundamental-ngx/core 0.38.2-rc.8 → 0.38.2

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

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

@@ -257,7 +257,7 @@ class AlertComponent extends AbstractFdNgxClass {
     }
 }
 AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: AlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }, { token: AlertConfig, optional: true }, { token: AlertRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: AlertComponent, selector: "fd-alert", inputs: { dismissible: "dismissible", type: "type", id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", dismissLabel: "dismissLabel", width: "width", minWidth: "minWidth", message: "message" }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "alert" }, listeners: { "mouseenter": "handleAlertMouseEvent($event)", "mouseleave": "handleAlertMouseEvent($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "style.width": "width", "style.min-width": "minWidth", "attr.id": "id", "@fadeAlertNgIf": "" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<button\n    class=\"fd-alert__close\"\n    fd-button\n    glyph=\"decline\"\n    fdCompact\n    fdType=\"transparent\"\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss(undefined, true)\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel\"\n></button>\n<p class=\"fd-alert__text\">\n    <ng-container #container>{{ message }}</ng-container>\n    <ng-content></ng-content>\n</p>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.45\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 *//*!\n.fd-alert+(--information, --success, --warning, --error, --no-icon)\n    .fd-alert__close\n*/.fd-alert{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:1px solid;border-color:var(--sapNeutralBorderColor);border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-alert:after,.fd-alert:before{box-sizing:inherit;font-size:inherit}.fd-alert .sap-icon--message-error,.fd-alert .sap-icon--message-information,.fd-alert .sap-icon--message-success,.fd-alert .sap-icon--message-warning{display:none}.fd-alert__close{position:absolute;right:.125rem;top:.125rem}.fd-alert__close:before{content:\"\\e03e\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert__close[dir=rtl],[dir=rtl] .fd-alert__close{left:.125rem;right:auto}.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-alert--error,.fd-alert--information,.fd-alert--success,.fd-alert--warning{padding-left:2.5rem}.fd-alert--error:after,.fd-alert--error:before,.fd-alert--information:after,.fd-alert--information:before,.fd-alert--success:after,.fd-alert--success:before,.fd-alert--warning:after,.fd-alert--warning:before{left:0;line-height:1rem;position:absolute;top:.4375rem;width:2.5rem}.fd-alert--error[dir=rtl],.fd-alert--information[dir=rtl],.fd-alert--success[dir=rtl],.fd-alert--warning[dir=rtl],[dir=rtl] .fd-alert--error,[dir=rtl] .fd-alert--information,[dir=rtl] .fd-alert--success,[dir=rtl] .fd-alert--warning{padding-left:1rem;padding-right:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--error[dir=rtl]:before,.fd-alert--information[dir=rtl]:after,.fd-alert--information[dir=rtl]:before,.fd-alert--success[dir=rtl]:after,.fd-alert--success[dir=rtl]:before,.fd-alert--warning[dir=rtl]:after,.fd-alert--warning[dir=rtl]:before,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--error:before,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--information:before,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--success:before,[dir=rtl] .fd-alert--warning:after,[dir=rtl] .fd-alert--warning:before{left:auto;right:0}.fd-alert--error.fd-alert--dismissible,.fd-alert--information.fd-alert--dismissible,.fd-alert--success.fd-alert--dismissible,.fd-alert--warning.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--error.fd-alert--dismissible[dir=rtl],.fd-alert--information.fd-alert--dismissible[dir=rtl],.fd-alert--success.fd-alert--dismissible[dir=rtl],.fd-alert--warning.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--error.fd-alert--dismissible,[dir=rtl] .fd-alert--information.fd-alert--dismissible,[dir=rtl] .fd-alert--success.fd-alert--dismissible,[dir=rtl] .fd-alert--warning.fd-alert--dismissible{padding-left:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--information[dir=rtl]:after,.fd-alert--success[dir=rtl]:after,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--warning{background-color:var(--sapWarningBackground);border-color:var(--sapWarningBorderColor)}.fd-alert--warning:after,.fd-alert--warning:before{color:var(--sapWarningBorderColor)}.fd-alert--warning:before{content:\"\\e201\"}.fd-alert--warning:before,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{content:\"\\e201\"}.fd-alert--error{background-color:var(--sapErrorBackground);border-color:var(--sapErrorBorderColor)}.fd-alert--error:after,.fd-alert--error:before{color:var(--sapErrorBorderColor)}.fd-alert--error:before{content:\"\\e0b1\"}.fd-alert--error:before,.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{content:\"\\e0b1\"}.fd-alert--success{background-color:var(--sapSuccessBackground);border-color:var(--sapSuccessBorderColor)}.fd-alert--success:after,.fd-alert--success:before{color:var(--sapSuccessBorderColor)}.fd-alert--success:before{content:\"\\e203\"}.fd-alert--success:before,.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{content:\"\\e203\"}.fd-alert--information{background-color:var(--sapInformationBackground);border-color:var(--sapInformationBorderColor)}.fd-alert--information:after,.fd-alert--information:before{color:var(--sapInformationBorderColor)}.fd-alert--information:before{content:\"\\e202\"}.fd-alert--information:before,.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{content:\"\\e202\"}.fd-alert--no-icon{padding-left:1rem}.fd-alert--no-icon:before{display:none}.fd-alert--no-icon[dir=rtl],[dir=rtl] .fd-alert--no-icon{padding-right:1rem}.fd-alert--no-icon[dir=rtl]:after,[dir=rtl] .fd-alert--no-icon:after{display:none}.fd-alert__text{-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0}.fd-alert__text:after,.fd-alert__text:before{box-sizing:inherit;font-size:inherit}.fd-alert{display:block}.fd-alert__close:before,.fd-alert__close:after{content:none}.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i5.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"] }], animations: [alertFadeNgIf], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: AlertComponent, selector: "fd-alert", inputs: { dismissible: "dismissible", type: "type", id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", dismissLabel: "dismissLabel", width: "width", minWidth: "minWidth", message: "message" }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "alert" }, listeners: { "mouseenter": "handleAlertMouseEvent($event)", "mouseleave": "handleAlertMouseEvent($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "style.width": "width", "style.min-width": "minWidth", "attr.id": "id", "@fadeAlertNgIf": "" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<button\n    class=\"fd-alert__close\"\n    fd-button\n    glyph=\"decline\"\n    fdCompact\n    fdType=\"transparent\"\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss(undefined, true)\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel\"\n></button>\n<p class=\"fd-alert__text\">\n    <ng-container #container>{{ message }}</ng-container>\n    <ng-content></ng-content>\n</p>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\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 *//*!\n.fd-alert+(--information, --success, --warning, --error, --no-icon)\n    .fd-alert__close\n*/.fd-alert{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:1px solid;border-color:var(--sapNeutralBorderColor);border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-alert:after,.fd-alert:before{box-sizing:inherit;font-size:inherit}.fd-alert .sap-icon--message-error,.fd-alert .sap-icon--message-information,.fd-alert .sap-icon--message-success,.fd-alert .sap-icon--message-warning{display:none}.fd-alert__close{position:absolute;right:.125rem;top:.125rem}.fd-alert__close:before{content:\"\\e03e\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert__close[dir=rtl],[dir=rtl] .fd-alert__close{left:.125rem;right:auto}.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-alert--error,.fd-alert--information,.fd-alert--success,.fd-alert--warning{padding-left:2.5rem}.fd-alert--error:after,.fd-alert--error:before,.fd-alert--information:after,.fd-alert--information:before,.fd-alert--success:after,.fd-alert--success:before,.fd-alert--warning:after,.fd-alert--warning:before{left:0;line-height:1rem;position:absolute;top:.4375rem;width:2.5rem}.fd-alert--error[dir=rtl],.fd-alert--information[dir=rtl],.fd-alert--success[dir=rtl],.fd-alert--warning[dir=rtl],[dir=rtl] .fd-alert--error,[dir=rtl] .fd-alert--information,[dir=rtl] .fd-alert--success,[dir=rtl] .fd-alert--warning{padding-left:1rem;padding-right:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--error[dir=rtl]:before,.fd-alert--information[dir=rtl]:after,.fd-alert--information[dir=rtl]:before,.fd-alert--success[dir=rtl]:after,.fd-alert--success[dir=rtl]:before,.fd-alert--warning[dir=rtl]:after,.fd-alert--warning[dir=rtl]:before,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--error:before,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--information:before,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--success:before,[dir=rtl] .fd-alert--warning:after,[dir=rtl] .fd-alert--warning:before{left:auto;right:0}.fd-alert--error.fd-alert--dismissible,.fd-alert--information.fd-alert--dismissible,.fd-alert--success.fd-alert--dismissible,.fd-alert--warning.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--error.fd-alert--dismissible[dir=rtl],.fd-alert--information.fd-alert--dismissible[dir=rtl],.fd-alert--success.fd-alert--dismissible[dir=rtl],.fd-alert--warning.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--error.fd-alert--dismissible,[dir=rtl] .fd-alert--information.fd-alert--dismissible,[dir=rtl] .fd-alert--success.fd-alert--dismissible,[dir=rtl] .fd-alert--warning.fd-alert--dismissible{padding-left:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--information[dir=rtl]:after,.fd-alert--success[dir=rtl]:after,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--warning{background-color:var(--sapWarningBackground);border-color:var(--sapWarningBorderColor)}.fd-alert--warning:after,.fd-alert--warning:before{color:var(--sapWarningBorderColor)}.fd-alert--warning:before{content:\"\\e201\"}.fd-alert--warning:before,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{content:\"\\e201\"}.fd-alert--error{background-color:var(--sapErrorBackground);border-color:var(--sapErrorBorderColor)}.fd-alert--error:after,.fd-alert--error:before{color:var(--sapErrorBorderColor)}.fd-alert--error:before{content:\"\\e0b1\"}.fd-alert--error:before,.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{content:\"\\e0b1\"}.fd-alert--success{background-color:var(--sapSuccessBackground);border-color:var(--sapSuccessBorderColor)}.fd-alert--success:after,.fd-alert--success:before{color:var(--sapSuccessBorderColor)}.fd-alert--success:before{content:\"\\e203\"}.fd-alert--success:before,.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{content:\"\\e203\"}.fd-alert--information{background-color:var(--sapInformationBackground);border-color:var(--sapInformationBorderColor)}.fd-alert--information:after,.fd-alert--information:before{color:var(--sapInformationBorderColor)}.fd-alert--information:before{content:\"\\e202\"}.fd-alert--information:before,.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{content:\"\\e202\"}.fd-alert--no-icon{padding-left:1rem}.fd-alert--no-icon:before{display:none}.fd-alert--no-icon[dir=rtl],[dir=rtl] .fd-alert--no-icon{padding-right:1rem}.fd-alert--no-icon[dir=rtl]:after,[dir=rtl] .fd-alert--no-icon:after{display:none}.fd-alert__text{-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0}.fd-alert__text:after,.fd-alert__text:before{box-sizing:inherit;font-size:inherit}.fd-alert{display:block}.fd-alert__close:before,.fd-alert__close:after{content:none}.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i5.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"] }], animations: [alertFadeNgIf], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-alert', host: {
@@ -268,7 +268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
                         role: 'alert',
                         '[attr.id]': 'id',
                         '[@fadeAlertNgIf]': ''
-                    }, animations: [alertFadeNgIf], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    class=\"fd-alert__close\"\n    fd-button\n    glyph=\"decline\"\n    fdCompact\n    fdType=\"transparent\"\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss(undefined, true)\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel\"\n></button>\n<p class=\"fd-alert__text\">\n    <ng-container #container>{{ message }}</ng-container>\n    <ng-content></ng-content>\n</p>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.45\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 *//*!\n.fd-alert+(--information, --success, --warning, --error, --no-icon)\n    .fd-alert__close\n*/.fd-alert{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:1px solid;border-color:var(--sapNeutralBorderColor);border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-alert:after,.fd-alert:before{box-sizing:inherit;font-size:inherit}.fd-alert .sap-icon--message-error,.fd-alert .sap-icon--message-information,.fd-alert .sap-icon--message-success,.fd-alert .sap-icon--message-warning{display:none}.fd-alert__close{position:absolute;right:.125rem;top:.125rem}.fd-alert__close:before{content:\"\\e03e\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert__close[dir=rtl],[dir=rtl] .fd-alert__close{left:.125rem;right:auto}.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-alert--error,.fd-alert--information,.fd-alert--success,.fd-alert--warning{padding-left:2.5rem}.fd-alert--error:after,.fd-alert--error:before,.fd-alert--information:after,.fd-alert--information:before,.fd-alert--success:after,.fd-alert--success:before,.fd-alert--warning:after,.fd-alert--warning:before{left:0;line-height:1rem;position:absolute;top:.4375rem;width:2.5rem}.fd-alert--error[dir=rtl],.fd-alert--information[dir=rtl],.fd-alert--success[dir=rtl],.fd-alert--warning[dir=rtl],[dir=rtl] .fd-alert--error,[dir=rtl] .fd-alert--information,[dir=rtl] .fd-alert--success,[dir=rtl] .fd-alert--warning{padding-left:1rem;padding-right:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--error[dir=rtl]:before,.fd-alert--information[dir=rtl]:after,.fd-alert--information[dir=rtl]:before,.fd-alert--success[dir=rtl]:after,.fd-alert--success[dir=rtl]:before,.fd-alert--warning[dir=rtl]:after,.fd-alert--warning[dir=rtl]:before,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--error:before,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--information:before,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--success:before,[dir=rtl] .fd-alert--warning:after,[dir=rtl] .fd-alert--warning:before{left:auto;right:0}.fd-alert--error.fd-alert--dismissible,.fd-alert--information.fd-alert--dismissible,.fd-alert--success.fd-alert--dismissible,.fd-alert--warning.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--error.fd-alert--dismissible[dir=rtl],.fd-alert--information.fd-alert--dismissible[dir=rtl],.fd-alert--success.fd-alert--dismissible[dir=rtl],.fd-alert--warning.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--error.fd-alert--dismissible,[dir=rtl] .fd-alert--information.fd-alert--dismissible,[dir=rtl] .fd-alert--success.fd-alert--dismissible,[dir=rtl] .fd-alert--warning.fd-alert--dismissible{padding-left:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--information[dir=rtl]:after,.fd-alert--success[dir=rtl]:after,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--warning{background-color:var(--sapWarningBackground);border-color:var(--sapWarningBorderColor)}.fd-alert--warning:after,.fd-alert--warning:before{color:var(--sapWarningBorderColor)}.fd-alert--warning:before{content:\"\\e201\"}.fd-alert--warning:before,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{content:\"\\e201\"}.fd-alert--error{background-color:var(--sapErrorBackground);border-color:var(--sapErrorBorderColor)}.fd-alert--error:after,.fd-alert--error:before{color:var(--sapErrorBorderColor)}.fd-alert--error:before{content:\"\\e0b1\"}.fd-alert--error:before,.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{content:\"\\e0b1\"}.fd-alert--success{background-color:var(--sapSuccessBackground);border-color:var(--sapSuccessBorderColor)}.fd-alert--success:after,.fd-alert--success:before{color:var(--sapSuccessBorderColor)}.fd-alert--success:before{content:\"\\e203\"}.fd-alert--success:before,.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{content:\"\\e203\"}.fd-alert--information{background-color:var(--sapInformationBackground);border-color:var(--sapInformationBorderColor)}.fd-alert--information:after,.fd-alert--information:before{color:var(--sapInformationBorderColor)}.fd-alert--information:before{content:\"\\e202\"}.fd-alert--information:before,.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{content:\"\\e202\"}.fd-alert--no-icon{padding-left:1rem}.fd-alert--no-icon:before{display:none}.fd-alert--no-icon[dir=rtl],[dir=rtl] .fd-alert--no-icon{padding-right:1rem}.fd-alert--no-icon[dir=rtl]:after,[dir=rtl] .fd-alert--no-icon:after{display:none}.fd-alert__text{-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0}.fd-alert__text:after,.fd-alert__text:before{box-sizing:inherit;font-size:inherit}.fd-alert{display:block}.fd-alert__close:before,.fd-alert__close:after{content:none}.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
+                    }, animations: [alertFadeNgIf], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    class=\"fd-alert__close\"\n    fd-button\n    glyph=\"decline\"\n    fdCompact\n    fdType=\"transparent\"\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss(undefined, true)\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel\"\n></button>\n<p class=\"fd-alert__text\">\n    <ng-container #container>{{ message }}</ng-container>\n    <ng-content></ng-content>\n</p>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\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 *//*!\n.fd-alert+(--information, --success, --warning, --error, --no-icon)\n    .fd-alert__close\n*/.fd-alert{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:1px solid;border-color:var(--sapNeutralBorderColor);border-radius:.25rem;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-alert:after,.fd-alert:before{box-sizing:inherit;font-size:inherit}.fd-alert .sap-icon--message-error,.fd-alert .sap-icon--message-information,.fd-alert .sap-icon--message-success,.fd-alert .sap-icon--message-warning{display:none}.fd-alert__close{position:absolute;right:.125rem;top:.125rem}.fd-alert__close:before{content:\"\\e03e\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert__close[dir=rtl],[dir=rtl] .fd-alert__close{left:.125rem;right:auto}.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-alert--error,.fd-alert--information,.fd-alert--success,.fd-alert--warning{padding-left:2.5rem}.fd-alert--error:after,.fd-alert--error:before,.fd-alert--information:after,.fd-alert--information:before,.fd-alert--success:after,.fd-alert--success:before,.fd-alert--warning:after,.fd-alert--warning:before{left:0;line-height:1rem;position:absolute;top:.4375rem;width:2.5rem}.fd-alert--error[dir=rtl],.fd-alert--information[dir=rtl],.fd-alert--success[dir=rtl],.fd-alert--warning[dir=rtl],[dir=rtl] .fd-alert--error,[dir=rtl] .fd-alert--information,[dir=rtl] .fd-alert--success,[dir=rtl] .fd-alert--warning{padding-left:1rem;padding-right:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--error[dir=rtl]:before,.fd-alert--information[dir=rtl]:after,.fd-alert--information[dir=rtl]:before,.fd-alert--success[dir=rtl]:after,.fd-alert--success[dir=rtl]:before,.fd-alert--warning[dir=rtl]:after,.fd-alert--warning[dir=rtl]:before,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--error:before,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--information:before,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--success:before,[dir=rtl] .fd-alert--warning:after,[dir=rtl] .fd-alert--warning:before{left:auto;right:0}.fd-alert--error.fd-alert--dismissible,.fd-alert--information.fd-alert--dismissible,.fd-alert--success.fd-alert--dismissible,.fd-alert--warning.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--error.fd-alert--dismissible[dir=rtl],.fd-alert--information.fd-alert--dismissible[dir=rtl],.fd-alert--success.fd-alert--dismissible[dir=rtl],.fd-alert--warning.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--error.fd-alert--dismissible,[dir=rtl] .fd-alert--information.fd-alert--dismissible,[dir=rtl] .fd-alert--success.fd-alert--dismissible,[dir=rtl] .fd-alert--warning.fd-alert--dismissible{padding-left:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--information[dir=rtl]:after,.fd-alert--success[dir=rtl]:after,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--warning{background-color:var(--sapWarningBackground);border-color:var(--sapWarningBorderColor)}.fd-alert--warning:after,.fd-alert--warning:before{color:var(--sapWarningBorderColor)}.fd-alert--warning:before{content:\"\\e201\"}.fd-alert--warning:before,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{content:\"\\e201\"}.fd-alert--error{background-color:var(--sapErrorBackground);border-color:var(--sapErrorBorderColor)}.fd-alert--error:after,.fd-alert--error:before{color:var(--sapErrorBorderColor)}.fd-alert--error:before{content:\"\\e0b1\"}.fd-alert--error:before,.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{content:\"\\e0b1\"}.fd-alert--success{background-color:var(--sapSuccessBackground);border-color:var(--sapSuccessBorderColor)}.fd-alert--success:after,.fd-alert--success:before{color:var(--sapSuccessBorderColor)}.fd-alert--success:before{content:\"\\e203\"}.fd-alert--success:before,.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{content:\"\\e203\"}.fd-alert--information{background-color:var(--sapInformationBackground);border-color:var(--sapInformationBorderColor)}.fd-alert--information:after,.fd-alert--information:before{color:var(--sapInformationBorderColor)}.fd-alert--information:before{content:\"\\e202\"}.fd-alert--information:before,.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{content:\"\\e202\"}.fd-alert--no-icon{padding-left:1rem}.fd-alert--no-icon:before{display:none}.fd-alert--no-icon[dir=rtl],[dir=rtl] .fd-alert--no-icon{padding-right:1rem}.fd-alert--no-icon[dir=rtl]:after,[dir=rtl] .fd-alert--no-icon:after{display:none}.fd-alert__text{-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0}.fd-alert__text:after,.fd-alert__text:before{box-sizing:inherit;font-size:inherit}.fd-alert{display:block}.fd-alert__close:before,.fd-alert__close:after{content:none}.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.NgZone }, { type: AlertConfig, decorators: [{
                         type: Optional

package/fesm2015/fundamental-ngx-core-alert.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fundamental-ngx-core-alert.mjs","sources":["../../../../libs/core/src/lib/alert/alert-utils/alert-animations.ts","../../../../libs/core/src/lib/alert/alert-utils/alert-config.ts","../../../../libs/core/src/lib/alert/alert-utils/alert-ref.ts","../../../../libs/core/src/lib/alert/alert.component.ts","../../../../libs/core/src/lib/alert/alert.component.html","../../../../libs/core/src/lib/alert/alert-utils/alert-container.component.ts","../../../../libs/core/src/lib/alert/alert-service/alert.service.ts","../../../../libs/core/src/lib/alert/alert.module.ts","../../../../libs/core/src/lib/alert/fundamental-ngx-core-alert.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, style, transition, trigger } from '@angular/animations';\n\n/*\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n /\nexport const alertFadeNgIf: AnimationTriggerMetadata = trigger('fadeAlertNgIf', [\n transition(':enter', [\n style({\n opacity: 0\n }),\n animate(\n '250ms ease-in-out',\n style({\n opacity: 1\n })\n )\n ]),\n transition(':leave', [\n style({\n opacity: 1,\n marginTop: '',\n paddingTop: '',\n paddingBottom: '',\n height: '',\n overflow: 'hidden'\n }),\n animate(\n '400ms ease-in-out',\n style({\n opacity: 0,\n marginTop: 0,\n paddingTop: 0,\n paddingBottom: 0,\n height: 0,\n overflow: 'hidden'\n })\n )\n ])\n]);\n\nexport const alertContainerNgIf: AnimationTriggerMetadata = trigger('alertContainerNgIf', [\n transition(':leave', [style({ opacity: 1 }), animate('400ms ease-in-out', style({ opacity: 0 }))])\n]);\n","import { DynamicComponentConfig } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n \n Configuration for opening an alert with the AlertService.\n /\nexport class AlertConfig implements DynamicComponentConfig {\n /* Whether the alert is dismissible. /\n dismissible = true;\n\n /* The type of the alert. Can be one of warning, success, information, error or null. /\n type?: string;\n\n /* Id for the alert component. If omitted, a unique one is generated. /\n id?: string;\n\n /* Width of the alert. /\n width = '33vw';\n\n /* Minimum width of the alert. /\n minWidth = '300px';\n\n /* Data being injected into the child component or template. /\n data?: any;\n\n /* Duration of time in milliseconds that the alert will be visible. Set to -1 for indefinite. /\n duration = 10000;\n\n /* Whether the alert should stay open if the mouse is hovering over it. /\n mousePersist = false;\n\n /* Id of the element that labels the alert. /\n ariaLabelledBy?: Nullable<string>;\n\n /* Aria label for the alert component element. /\n ariaLabel?: Nullable<string>;\n\n /* The container that the Alert is appended to. By default, it is appended to the body. /\n container?: HTMLElement \| 'body' = 'body';\n}\n","import { Observable, Subject } from 'rxjs';\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n \n Reference to an alert component generated via the AlertService.\n * It can be injected into the content component in the same way a service would be injected.\n * For a template, add let-alert to your ng-template tag. Now using alert in the template refers to this class.\n /\nexport class AlertRef {\n /* @hidden /\n private readonly _afterDismissed: Subject<any> = new Subject<any>();\n\n /* Observable that is triggered when the alert is dismissed. /\n public afterDismissed: Observable<any> = this._afterDismissed.asObservable();\n\n /* Data passed from the service open method. /\n public data: any;\n\n /\n Dismisses the alert.\n \n @param reason Data passed back to the calling component through the AfterDismissed observable.\n /\n dismiss(reason?: any): void {\n this._afterDismissed.next(reason);\n }\n}\n","import {\n Component,\n Input,\n OnInit,\n ElementRef,\n ChangeDetectorRef,\n ViewChild,\n ComponentFactoryResolver,\n ComponentRef,\n Type,\n AfterViewInit,\n ViewContainerRef,\n TemplateRef,\n Optional,\n EmbeddedViewRef,\n Output,\n EventEmitter,\n ViewEncapsulation,\n HostListener,\n NgZone,\n ChangeDetectionStrategy\n} from '@angular/core';\nimport { alertFadeNgIf } from './alert-utils/alert-animations';\nimport { AbstractFdNgxClass } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { AlertRef } from './alert-utils/alert-ref';\nimport { AlertConfig } from './alert-utils/alert-config';\n\nlet alertUniqueId = 0;\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n \n The component that represents an alert. It can be only be used inline.\n * If the AlertService is used, this component is auto-generated.\n /\n@Component({\n selector: 'fd-alert',\n templateUrl: './alert.component.html',\n styleUrls: ['./alert.component.scss'],\n host: {\n '[attr.aria-labelledby]': 'ariaLabelledBy',\n '[attr.aria-label]': 'ariaLabel',\n '[style.width]': 'width',\n '[style.min-width]': 'minWidth',\n role: 'alert',\n '[attr.id]': 'id',\n '[@fadeAlertNgIf]': ''\n },\n animations: [alertFadeNgIf],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertComponent extends AbstractFdNgxClass implements OnInit, AfterViewInit {\n /* @hidden /\n @ViewChild('container', { read: ViewContainerRef })\n containerRef: ViewContainerRef;\n\n /* Whether the alert is dismissible. /\n @Input()\n dismissible = true;\n\n /* The type of the alert. Can be one of warning, success, information, error or null. /\n @Input()\n type: string;\n\n /* Id for the alert component. If omitted, a unique one is generated. /\n @Input()\n id: string = 'fd-alert-' + alertUniqueId++;\n\n /* Duration of time in milliseconds that the alert will be visible. Set to -1 for indefinite. /\n @Input()\n duration = 10000;\n\n /* Whether the alert should stay open if the mouse is hovering over it. /\n @Input()\n mousePersist = false;\n\n /* Id of the element that labels the alert. /\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /* Aria label for the alert component element. /\n @Input()\n ariaLabel: Nullable<string>;\n\n /* Aria label for the dismiss button. /\n @Input()\n dismissLabel = 'Dismiss';\n\n /* Width of the alert. /\n @Input()\n width: string;\n\n /* Minimum width of the alert. /\n @Input()\n minWidth: string;\n\n /* Alternative way of passing in a message to the alert. /\n @Input()\n message: string;\n\n /* Event fired when the alert is dismissed. /\n @Output()\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n onDismiss: EventEmitter<undefined> = new EventEmitter<undefined>();\n\n /* @hidden /\n mouseInAlert = false;\n\n /* @hidden /\n componentRef: ComponentRef<any> \| EmbeddedViewRef<any>;\n\n /* @hidden /\n childContent: Type<any> \| TemplateRef<any> \| string \| undefined = undefined;\n\n /* @hidden /\n constructor(\n private elRef: ElementRef,\n private cdRef: ChangeDetectorRef,\n private componentFactoryResolver: ComponentFactoryResolver,\n private ngZone: NgZone,\n @Optional() private alertConfig: AlertConfig,\n @Optional() private alertRef: AlertRef\n ) {\n super(elRef);\n this._setAlertConfig(alertConfig);\n this._setProperties();\n }\n\n /* @hidden /\n ngOnInit(): void {\n if (this.alertRef) {\n this.open();\n }\n this._setProperties();\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n if (this.childContent) {\n if (this.childContent instanceof Type) {\n this.loadFromComponent(this.childContent);\n } else if (this.childContent instanceof TemplateRef) {\n this.loadFromTemplate(this.childContent);\n } else {\n this.loadFromString(this.childContent);\n }\n this.cdRef.detectChanges();\n }\n }\n\n /\n Dismisses the alert. If the alert was generated via the AlertService, it is removed from the DOM.\n * Otherwise, it sets the display value to none. Fires the onDismiss event.\n \n @param manualDismiss Set to true to skip the dismiss animation.\n * @param reason Data to pass back to the calling component. Only usable if alert is opened using the Service.\n \n /\n dismiss(reason?: any, manualDismiss: boolean = false): void {\n if (manualDismiss) {\n this.elRef.nativeElement.classList.add('fd-has-display-none');\n this.elRef.nativeElement.classList.remove('fd-has-display-block');\n }\n if (this.alertRef) {\n this.alertRef.dismiss(reason);\n } else {\n this.elRef.nativeElement.classList.add('fd-has-display-none');\n this.elRef.nativeElement.classList.remove('fd-has-display-block');\n }\n this.onDismiss.emit();\n }\n\n /*\n Opens the alert.\n /\n open(): void {\n if (!this.alertRef) {\n if (this.elRef.nativeElement.style.display === 'block') {\n return;\n }\n this.elRef.nativeElement.classList.remove('fd-has-display-none');\n this.elRef.nativeElement.classList.add('fd-has-display-block');\n }\n\n if (this.duration >= 0) {\n this.ngZone.runOutsideAngular(() => {\n setTimeout(() => {\n if (this.mousePersist) {\n const wait = (): void => {\n if (this.mouseInAlert === true) {\n setTimeout(wait, 500);\n } else {\n this.ngZone.run(() => this.dismiss());\n }\n };\n wait();\n } else {\n this.ngZone.run(() => this.dismiss());\n }\n }, this.duration);\n });\n }\n }\n\n /* @hidden /\n @HostListener('mouseenter', ['$event'])\n @HostListener('mouseleave', ['$event'])\n handleAlertMouseEvent(event): void {\n if (event.type === 'mouseenter') {\n this.mouseInAlert = true;\n } else if (event.type === 'mouseleave') {\n this.mouseInAlert = false;\n }\n }\n\n /* @hidden /\n _setProperties(): void {\n this._addClassToElement('fd-alert');\n if (this.type) {\n this._addClassToElement('fd-alert--' + this.type);\n }\n if (this.dismissible) {\n this._addClassToElement('fd-alert--dismissible');\n }\n }\n\n /* @hidden /\n private loadFromTemplate(template: TemplateRef<any>): void {\n const context = {\n $implicit: this.alertRef\n };\n this.componentRef = this.containerRef.createEmbeddedView(template, context);\n }\n\n /* @hidden /\n private loadFromComponent(componentType: Type<any>): void {\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);\n this.containerRef.clear();\n this.componentRef = this.containerRef.createComponent(componentFactory);\n }\n\n /* @hidden /\n private loadFromString(contentString: string): void {\n this.containerRef.clear();\n this.message = contentString;\n }\n\n /* @hidden /\n private _setAlertConfig(alertConfig: AlertConfig): void {\n Object.keys(alertConfig \|\| {})\n .filter((key) => key !== 'data' && key !== 'container')\n .forEach((key) => (this[key] = alertConfig[key]));\n }\n}\n","<button\n class=\"fd-alert__close\"\n fd-button\n glyph=\"decline\"\n fdCompact\n fdType=\"transparent\"\n ngIf=\"dismissible\"\n (click)=\"dismiss(undefined, true)\"\n [attr.aria-controls]=\"id\"\n [attr.aria-label]=\"dismissLabel\"\n></button>\n<p class=\"fd-alert__text\">\n <ng-container #container>{{ message }}</ng-container>\n <ng-content></ng-content>\n</p>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { alertContainerNgIf } from './alert-animations';\n\n/*\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n /\n@Component({\n selector: 'fd-alert-container',\n template: ``,\n styles: [\n `\n .fd-alert-container {\n position: fixed;\n display: flex;\n flex-direction: column;\n z-index: 5000;\n align-items: center;\n top: 0;\n right: 50%;\n left: 50%;\n }\n `\n ],\n host: {\n '[@alertContainerNgIf]': ''\n },\n animations: [alertContainerNgIf],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertContainerComponent {\n /* @hidden /\n @HostBinding('class.fd-alert-container')\n fdAlertContainerClass = true;\n}\n","import { Injectable, ComponentRef, TemplateRef, Type } from '@angular/core';\nimport { AlertComponent } from '../alert.component';\nimport { AlertContainerComponent } from '../alert-utils/alert-container.component';\nimport { AlertConfig } from '../alert-utils/alert-config';\nimport { DynamicComponentService } from '@fundamental-ngx/core/utils';\nimport { AlertRef } from '../alert-utils/alert-ref';\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n \n Service used to dynamically generate an alert as an overlay.\n /\n@Injectable()\nexport class AlertService {\n /* @hidden /\n private alerts: ComponentRef<AlertComponent>[] = [];\n\n /* @hidden /\n private alertContainerRef?: ComponentRef<AlertContainerComponent>;\n\n /* @hidden /\n constructor(private dynamicComponentService: DynamicComponentService) {}\n\n /\n Returns true if there are some alerts currently open. False otherwise.\n /\n public hasOpenAlerts(): boolean {\n return this.alerts && this.alerts.length > 0;\n }\n\n /\n Opens an alert component with a content of type TemplateRef, Component Type or String.\n * @param content Content of the alert component.\n * @param alertConfig Configuration of the alert component.\n /\n public open(\n content: TemplateRef<any> \| Type<any> \| string,\n alertConfig: AlertConfig = new AlertConfig()\n ): AlertRef {\n // Get default values from alert model\n alertConfig = Object.assign(new AlertConfig(), alertConfig);\n\n // Instantiate alert ref service\n const service: AlertRef = new AlertRef();\n service.data = alertConfig.data;\n\n // If empty or undefined alert array, create container\n if (!this.alerts \|\| this.alerts.length === 0 \|\| !this.alertContainerRef) {\n this.alertContainerRef = this.dynamicComponentService.createDynamicComponent<AlertContainerComponent>(\n content,\n AlertContainerComponent,\n alertConfig\n );\n }\n\n // Define Container to put backdrop and component to container\n alertConfig.container = this.alertContainerRef.location.nativeElement;\n\n const component = this.dynamicComponentService.createDynamicComponent<AlertComponent>(\n content,\n AlertComponent,\n alertConfig,\n { services: [service, alertConfig] }\n );\n\n component.location.nativeElement.style.marginTop = '10px';\n\n // Subscription to close alert from ref\n const refSub = service.afterDismissed.subscribe(() => {\n this.destroyAlertComponent(component);\n refSub.unsubscribe();\n });\n\n // Log new component\n this.alerts.push(component);\n return service;\n }\n\n /\n Dismisses all service-opened alerts.\n /\n public dismissAll(): void {\n this.alerts.forEach((ref) => {\n this.destroyAlertComponent(ref);\n });\n }\n\n /* @hidden /\n private destroyAlertComponent(alert: ComponentRef<AlertComponent>): void {\n this.alerts = this.alerts.filter((item) => item && item !== alert);\n this.dynamicComponentService.destroyComponent(alert);\n\n if (this.alertContainerRef && (!this.alerts \|\| this.alerts.length === 0)) {\n this.destroyAlertContainer();\n }\n }\n\n /* @hidden /\n private destroyAlertContainer(): void {\n this.alertContainerRef && this.dynamicComponentService.destroyComponent(this.alertContainerRef);\n this.alertContainerRef = undefined;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AlertComponent } from './alert.component';\nimport { AlertService } from './alert-service/alert.service';\nimport { AlertContainerComponent } from './alert-utils/alert-container.component';\nimport { DynamicComponentService } from '@fundamental-ngx/core/utils';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n /\n@NgModule({\n declarations: [AlertComponent, AlertContainerComponent],\n imports: [CommonModule, ButtonModule],\n exports: [AlertComponent, AlertContainerComponent],\n providers: [AlertService, DynamicComponentService]\n})\nexport class AlertModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":["i1.AlertConfig","i2.AlertRef"],"mappings":"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"}
1	+ {"version":3,"file":"fundamental-ngx-core-alert.mjs","sources":["../../../../libs/core/src/lib/alert/alert-utils/alert-animations.ts","../../../../libs/core/src/lib/alert/alert-utils/alert-config.ts","../../../../libs/core/src/lib/alert/alert-utils/alert-ref.ts","../../../../libs/core/src/lib/alert/alert.component.ts","../../../../libs/core/src/lib/alert/alert.component.html","../../../../libs/core/src/lib/alert/alert-utils/alert-container.component.ts","../../../../libs/core/src/lib/alert/alert-service/alert.service.ts","../../../../libs/core/src/lib/alert/alert.module.ts","../../../../libs/core/src/lib/alert/fundamental-ngx-core-alert.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, style, transition, trigger } from '@angular/animations';\n\n/*\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n /\nexport const alertFadeNgIf: AnimationTriggerMetadata = trigger('fadeAlertNgIf', [\n transition(':enter', [\n style({\n opacity: 0\n }),\n animate(\n '250ms ease-in-out',\n style({\n opacity: 1\n })\n )\n ]),\n transition(':leave', [\n style({\n opacity: 1,\n marginTop: '',\n paddingTop: '',\n paddingBottom: '',\n height: '',\n overflow: 'hidden'\n }),\n animate(\n '400ms ease-in-out',\n style({\n opacity: 0,\n marginTop: 0,\n paddingTop: 0,\n paddingBottom: 0,\n height: 0,\n overflow: 'hidden'\n })\n )\n ])\n]);\n\nexport const alertContainerNgIf: AnimationTriggerMetadata = trigger('alertContainerNgIf', [\n transition(':leave', [style({ opacity: 1 }), animate('400ms ease-in-out', style({ opacity: 0 }))])\n]);\n","import { DynamicComponentConfig } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n \n Configuration for opening an alert with the AlertService.\n /\nexport class AlertConfig implements DynamicComponentConfig {\n /* Whether the alert is dismissible. /\n dismissible = true;\n\n /* The type of the alert. Can be one of warning, success, information, error or null. /\n type?: string;\n\n /* Id for the alert component. If omitted, a unique one is generated. /\n id?: string;\n\n /* Width of the alert. /\n width = '33vw';\n\n /* Minimum width of the alert. /\n minWidth = '300px';\n\n /* Data being injected into the child component or template. /\n data?: any;\n\n /* Duration of time in milliseconds that the alert will be visible. Set to -1 for indefinite. /\n duration = 10000;\n\n /* Whether the alert should stay open if the mouse is hovering over it. /\n mousePersist = false;\n\n /* Id of the element that labels the alert. /\n ariaLabelledBy?: Nullable<string>;\n\n /* Aria label for the alert component element. /\n ariaLabel?: Nullable<string>;\n\n /* The container that the Alert is appended to. By default, it is appended to the body. /\n container?: HTMLElement \| 'body' = 'body';\n}\n","import { Observable, Subject } from 'rxjs';\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n \n Reference to an alert component generated via the AlertService.\n * It can be injected into the content component in the same way a service would be injected.\n * For a template, add let-alert to your ng-template tag. Now using alert in the template refers to this class.\n /\nexport class AlertRef {\n /* @hidden /\n private readonly _afterDismissed: Subject<any> = new Subject<any>();\n\n /* Observable that is triggered when the alert is dismissed. /\n public afterDismissed: Observable<any> = this._afterDismissed.asObservable();\n\n /* Data passed from the service open method. /\n public data: any;\n\n /\n Dismisses the alert.\n \n @param reason Data passed back to the calling component through the AfterDismissed observable.\n /\n dismiss(reason?: any): void {\n this._afterDismissed.next(reason);\n }\n}\n","import {\n Component,\n Input,\n OnInit,\n ElementRef,\n ChangeDetectorRef,\n ViewChild,\n ComponentFactoryResolver,\n ComponentRef,\n Type,\n AfterViewInit,\n ViewContainerRef,\n TemplateRef,\n Optional,\n EmbeddedViewRef,\n Output,\n EventEmitter,\n ViewEncapsulation,\n HostListener,\n NgZone,\n ChangeDetectionStrategy\n} from '@angular/core';\nimport { alertFadeNgIf } from './alert-utils/alert-animations';\nimport { AbstractFdNgxClass } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { AlertRef } from './alert-utils/alert-ref';\nimport { AlertConfig } from './alert-utils/alert-config';\n\nlet alertUniqueId = 0;\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n \n The component that represents an alert. It can be only be used inline.\n * If the AlertService is used, this component is auto-generated.\n /\n@Component({\n selector: 'fd-alert',\n templateUrl: './alert.component.html',\n styleUrls: ['./alert.component.scss'],\n host: {\n '[attr.aria-labelledby]': 'ariaLabelledBy',\n '[attr.aria-label]': 'ariaLabel',\n '[style.width]': 'width',\n '[style.min-width]': 'minWidth',\n role: 'alert',\n '[attr.id]': 'id',\n '[@fadeAlertNgIf]': ''\n },\n animations: [alertFadeNgIf],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertComponent extends AbstractFdNgxClass implements OnInit, AfterViewInit {\n /* @hidden /\n @ViewChild('container', { read: ViewContainerRef })\n containerRef: ViewContainerRef;\n\n /* Whether the alert is dismissible. /\n @Input()\n dismissible = true;\n\n /* The type of the alert. Can be one of warning, success, information, error or null. /\n @Input()\n type: string;\n\n /* Id for the alert component. If omitted, a unique one is generated. /\n @Input()\n id: string = 'fd-alert-' + alertUniqueId++;\n\n /* Duration of time in milliseconds that the alert will be visible. Set to -1 for indefinite. /\n @Input()\n duration = 10000;\n\n /* Whether the alert should stay open if the mouse is hovering over it. /\n @Input()\n mousePersist = false;\n\n /* Id of the element that labels the alert. /\n @Input()\n ariaLabelledBy: Nullable<string>;\n\n /* Aria label for the alert component element. /\n @Input()\n ariaLabel: Nullable<string>;\n\n /* Aria label for the dismiss button. /\n @Input()\n dismissLabel = 'Dismiss';\n\n /* Width of the alert. /\n @Input()\n width: string;\n\n /* Minimum width of the alert. /\n @Input()\n minWidth: string;\n\n /* Alternative way of passing in a message to the alert. /\n @Input()\n message: string;\n\n /* Event fired when the alert is dismissed. /\n @Output()\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n onDismiss: EventEmitter<undefined> = new EventEmitter<undefined>();\n\n /* @hidden /\n mouseInAlert = false;\n\n /* @hidden /\n componentRef: ComponentRef<any> \| EmbeddedViewRef<any>;\n\n /* @hidden /\n childContent: Type<any> \| TemplateRef<any> \| string \| undefined = undefined;\n\n /* @hidden /\n constructor(\n private elRef: ElementRef,\n private cdRef: ChangeDetectorRef,\n private componentFactoryResolver: ComponentFactoryResolver,\n private ngZone: NgZone,\n @Optional() private alertConfig: AlertConfig,\n @Optional() private alertRef: AlertRef\n ) {\n super(elRef);\n this._setAlertConfig(alertConfig);\n this._setProperties();\n }\n\n /* @hidden /\n ngOnInit(): void {\n if (this.alertRef) {\n this.open();\n }\n this._setProperties();\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n if (this.childContent) {\n if (this.childContent instanceof Type) {\n this.loadFromComponent(this.childContent);\n } else if (this.childContent instanceof TemplateRef) {\n this.loadFromTemplate(this.childContent);\n } else {\n this.loadFromString(this.childContent);\n }\n this.cdRef.detectChanges();\n }\n }\n\n /\n Dismisses the alert. If the alert was generated via the AlertService, it is removed from the DOM.\n * Otherwise, it sets the display value to none. Fires the onDismiss event.\n \n @param manualDismiss Set to true to skip the dismiss animation.\n * @param reason Data to pass back to the calling component. Only usable if alert is opened using the Service.\n \n /\n dismiss(reason?: any, manualDismiss: boolean = false): void {\n if (manualDismiss) {\n this.elRef.nativeElement.classList.add('fd-has-display-none');\n this.elRef.nativeElement.classList.remove('fd-has-display-block');\n }\n if (this.alertRef) {\n this.alertRef.dismiss(reason);\n } else {\n this.elRef.nativeElement.classList.add('fd-has-display-none');\n this.elRef.nativeElement.classList.remove('fd-has-display-block');\n }\n this.onDismiss.emit();\n }\n\n /*\n Opens the alert.\n /\n open(): void {\n if (!this.alertRef) {\n if (this.elRef.nativeElement.style.display === 'block') {\n return;\n }\n this.elRef.nativeElement.classList.remove('fd-has-display-none');\n this.elRef.nativeElement.classList.add('fd-has-display-block');\n }\n\n if (this.duration >= 0) {\n this.ngZone.runOutsideAngular(() => {\n setTimeout(() => {\n if (this.mousePersist) {\n const wait = (): void => {\n if (this.mouseInAlert === true) {\n setTimeout(wait, 500);\n } else {\n this.ngZone.run(() => this.dismiss());\n }\n };\n wait();\n } else {\n this.ngZone.run(() => this.dismiss());\n }\n }, this.duration);\n });\n }\n }\n\n /* @hidden /\n @HostListener('mouseenter', ['$event'])\n @HostListener('mouseleave', ['$event'])\n handleAlertMouseEvent(event): void {\n if (event.type === 'mouseenter') {\n this.mouseInAlert = true;\n } else if (event.type === 'mouseleave') {\n this.mouseInAlert = false;\n }\n }\n\n /* @hidden /\n _setProperties(): void {\n this._addClassToElement('fd-alert');\n if (this.type) {\n this._addClassToElement('fd-alert--' + this.type);\n }\n if (this.dismissible) {\n this._addClassToElement('fd-alert--dismissible');\n }\n }\n\n /* @hidden /\n private loadFromTemplate(template: TemplateRef<any>): void {\n const context = {\n $implicit: this.alertRef\n };\n this.componentRef = this.containerRef.createEmbeddedView(template, context);\n }\n\n /* @hidden /\n private loadFromComponent(componentType: Type<any>): void {\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);\n this.containerRef.clear();\n this.componentRef = this.containerRef.createComponent(componentFactory);\n }\n\n /* @hidden /\n private loadFromString(contentString: string): void {\n this.containerRef.clear();\n this.message = contentString;\n }\n\n /* @hidden /\n private _setAlertConfig(alertConfig: AlertConfig): void {\n Object.keys(alertConfig \|\| {})\n .filter((key) => key !== 'data' && key !== 'container')\n .forEach((key) => (this[key] = alertConfig[key]));\n }\n}\n","<button\n class=\"fd-alert__close\"\n fd-button\n glyph=\"decline\"\n fdCompact\n fdType=\"transparent\"\n ngIf=\"dismissible\"\n (click)=\"dismiss(undefined, true)\"\n [attr.aria-controls]=\"id\"\n [attr.aria-label]=\"dismissLabel\"\n></button>\n<p class=\"fd-alert__text\">\n <ng-container #container>{{ message }}</ng-container>\n <ng-content></ng-content>\n</p>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { alertContainerNgIf } from './alert-animations';\n\n/*\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n /\n@Component({\n selector: 'fd-alert-container',\n template: ``,\n styles: [\n `\n .fd-alert-container {\n position: fixed;\n display: flex;\n flex-direction: column;\n z-index: 5000;\n align-items: center;\n top: 0;\n right: 50%;\n left: 50%;\n }\n `\n ],\n host: {\n '[@alertContainerNgIf]': ''\n },\n animations: [alertContainerNgIf],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AlertContainerComponent {\n /* @hidden /\n @HostBinding('class.fd-alert-container')\n fdAlertContainerClass = true;\n}\n","import { Injectable, ComponentRef, TemplateRef, Type } from '@angular/core';\nimport { AlertComponent } from '../alert.component';\nimport { AlertContainerComponent } from '../alert-utils/alert-container.component';\nimport { AlertConfig } from '../alert-utils/alert-config';\nimport { DynamicComponentService } from '@fundamental-ngx/core/utils';\nimport { AlertRef } from '../alert-utils/alert-ref';\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n \n Service used to dynamically generate an alert as an overlay.\n /\n@Injectable()\nexport class AlertService {\n /* @hidden /\n private alerts: ComponentRef<AlertComponent>[] = [];\n\n /* @hidden /\n private alertContainerRef?: ComponentRef<AlertContainerComponent>;\n\n /* @hidden /\n constructor(private dynamicComponentService: DynamicComponentService) {}\n\n /\n Returns true if there are some alerts currently open. False otherwise.\n /\n public hasOpenAlerts(): boolean {\n return this.alerts && this.alerts.length > 0;\n }\n\n /\n Opens an alert component with a content of type TemplateRef, Component Type or String.\n * @param content Content of the alert component.\n * @param alertConfig Configuration of the alert component.\n /\n public open(\n content: TemplateRef<any> \| Type<any> \| string,\n alertConfig: AlertConfig = new AlertConfig()\n ): AlertRef {\n // Get default values from alert model\n alertConfig = Object.assign(new AlertConfig(), alertConfig);\n\n // Instantiate alert ref service\n const service: AlertRef = new AlertRef();\n service.data = alertConfig.data;\n\n // If empty or undefined alert array, create container\n if (!this.alerts \|\| this.alerts.length === 0 \|\| !this.alertContainerRef) {\n this.alertContainerRef = this.dynamicComponentService.createDynamicComponent<AlertContainerComponent>(\n content,\n AlertContainerComponent,\n alertConfig\n );\n }\n\n // Define Container to put backdrop and component to container\n alertConfig.container = this.alertContainerRef.location.nativeElement;\n\n const component = this.dynamicComponentService.createDynamicComponent<AlertComponent>(\n content,\n AlertComponent,\n alertConfig,\n { services: [service, alertConfig] }\n );\n\n component.location.nativeElement.style.marginTop = '10px';\n\n // Subscription to close alert from ref\n const refSub = service.afterDismissed.subscribe(() => {\n this.destroyAlertComponent(component);\n refSub.unsubscribe();\n });\n\n // Log new component\n this.alerts.push(component);\n return service;\n }\n\n /\n Dismisses all service-opened alerts.\n /\n public dismissAll(): void {\n this.alerts.forEach((ref) => {\n this.destroyAlertComponent(ref);\n });\n }\n\n /* @hidden /\n private destroyAlertComponent(alert: ComponentRef<AlertComponent>): void {\n this.alerts = this.alerts.filter((item) => item && item !== alert);\n this.dynamicComponentService.destroyComponent(alert);\n\n if (this.alertContainerRef && (!this.alerts \|\| this.alerts.length === 0)) {\n this.destroyAlertContainer();\n }\n }\n\n /* @hidden /\n private destroyAlertContainer(): void {\n this.alertContainerRef && this.dynamicComponentService.destroyComponent(this.alertContainerRef);\n this.alertContainerRef = undefined;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AlertComponent } from './alert.component';\nimport { AlertService } from './alert-service/alert.service';\nimport { AlertContainerComponent } from './alert-utils/alert-container.component';\nimport { DynamicComponentService } from '@fundamental-ngx/core/utils';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\n\n/\n @deprecated\n * Alert component is depricated since version 0.16.0\n * Message Strip component should be used instead.\n /\n@NgModule({\n declarations: [AlertComponent, AlertContainerComponent],\n imports: [CommonModule, ButtonModule],\n exports: [AlertComponent, AlertContainerComponent],\n providers: [AlertService, DynamicComponentService]\n})\nexport class AlertModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":["i1.AlertConfig","i2.AlertRef"],"mappings":"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"}

package/fesm2015/fundamental-ngx-core-avatar-group.mjs CHANGED Viewed

@@ -220,7 +220,7 @@ AvatarGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             provide: AVATAR_GROUP_COMPONENT,
             useExisting: forwardRef(() => AvatarGroupComponent)
         }
-    ], queries: [{ propertyName: "mainItems", predicate: AvatarGroupItemDirective, descendants: true }], viewQueries: [{ propertyName: "avatarGroupContainer", first: true, predicate: ["avatarGroupContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.45\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-avatar{-webkit-box-sizing:border-box;background-color:var(--fdAvatar_BackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border:var(--fdAvatar_Border);border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-shadow:var(--fdAvatar_Text_Shadow);vertical-align:middle}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;background-color:var(--sapButton_Emphasized_Background);border:.0625rem solid var(--sapButton_Emphasized_BorderColor);border-radius:inherit;border-radius:50%;color:inherit;color:var(--sapButton_Emphasized_TextColor);position:absolute}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{align-content:center;background:inherit;border-radius:inherit;color:inherit}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{left:0;right:auto}.fd-avatar--transparent{background-color:var(--fdAvatar_Transparent_BackgroundColor);color:var(--sapContent_IconColor)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--tile{background-color:var(--fdAvatar_Tile_BackgroundColor)}.fd-avatar--border{border:.0625rem solid var(--sapGroup_ContentBorderColor)}.fd-avatar--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar--accent-color-1.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar--accent-color-2.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar--accent-color-3.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar--accent-color-4.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar--accent-color-5.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar--accent-color-6.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar--accent-color-7.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar--accent-color-8.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--accent-color-10.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1rem;font-stretch:condensed;height:2rem;justify-content:center;margin:0;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.125rem;font-stretch:condensed;height:3rem;justify-content:center;margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;width:3rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--m{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.5rem;font-stretch:normal;height:4rem;justify-content:center;margin:0;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;padding:0;width:4rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--l{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:2.25rem;font-stretch:normal;height:5rem;justify-content:center;margin:0;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;padding:0;width:5rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.875rem;height:1.25rem;min-width:1.25rem;width:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.1875rem;right:auto}.fd-avatar--xl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:3rem;font-stretch:normal;height:7rem;justify-content:center;margin:0;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;padding:0;width:7rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{font-size:1rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.25rem;right:auto}/*!\n.fd-avatar-group+((--individual|--group), (--xs|--s|--m|--l|--xl)\n*/.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group--group-type[tabindex=\"0\"],.fd-avatar-group__popover-control[tabindex=\"0\"]{cursor:pointer}.fd-avatar-group--group-type[tabindex=\"0\"].is-focus,.fd-avatar-group--group-type[tabindex=\"0\"]:focus,.fd-avatar-group__popover-control[tabindex=\"0\"].is-focus,.fd-avatar-group__popover-control[tabindex=\"0\"]:focus{outline:none}.fd-avatar-group--group-type[tabindex=\"0\"].is-focus:after,.fd-avatar-group--group-type[tabindex=\"0\"]:focus:after,.fd-avatar-group__popover-control[tabindex=\"0\"].is-focus:after,.fd-avatar-group__popover-control[tabindex=\"0\"]:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}.fd-avatar-group__focusable-avatar.is-focus,.fd-avatar-group__focusable-avatar:focus,.fd-avatar-group__item[tabindex=\"0\"].is-focus,.fd-avatar-group__item[tabindex=\"0\"]:focus{outline:none;z-index:5}.fd-avatar-group__focusable-avatar.is-focus .fd-avatar:after,.fd-avatar-group__focusable-avatar:focus .fd-avatar:after,.fd-avatar-group__item[tabindex=\"0\"].is-focus .fd-avatar:after,.fd-avatar-group__item[tabindex=\"0\"]:focus .fd-avatar:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group--group-type .fd-avatar-group__more-button{pointer-events:none}.fd-avatar-group__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-avatar-group__item:after,.fd-avatar-group__item:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__more-button{outline:none!important}.fd-avatar-group__more-button.is-focus,.fd-avatar-group__more-button:focus{outline:none}.fd-avatar-group__more-button.is-focus:after,.fd-avatar-group__more-button:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group__more-button .fd-avatar-group__button-text{font-size:inherit}.fd-avatar-group__overflow-body{-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body .fd-avatar-group__item{margin:.25rem}.fd-avatar-group--xs .fd-avatar-group__item,.fd-avatar-group--xs .fd-avatar-group__more-button{height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem}.fd-avatar-group--xs .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1rem}.fd-avatar-group--s .fd-avatar-group__item,.fd-avatar-group--s .fd-avatar-group__more-button{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-avatar-group--s .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.125rem}.fd-avatar-group--m .fd-avatar-group__item,.fd-avatar-group--m .fd-avatar-group__more-button{height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;width:4rem}.fd-avatar-group--m .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.5rem}.fd-avatar-group--l .fd-avatar-group__item,.fd-avatar-group--l .fd-avatar-group__more-button{height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;width:5rem}.fd-avatar-group--l .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:2.25rem}.fd-avatar-group--xl .fd-avatar-group__item,.fd-avatar-group--xl .fd-avatar-group__more-button{height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;width:7rem}.fd-avatar-group--xl .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:3rem}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:0;margin-right:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:.0625rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:0;margin-right:.25rem}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:.25rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:0;margin-right:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:-.75rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:0;margin-right:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:-1.25rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:0;margin-right:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:-1.625rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:0;margin-right:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:-2rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:0;margin-right:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:-2.75rem;margin-right:0}.fd-avatar-group .fd-avatar-group__more-button--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "mainItems", predicate: AvatarGroupItemDirective, descendants: true }], viewQueries: [{ propertyName: "avatarGroupContainer", first: true, predicate: ["avatarGroupContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\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-avatar{-webkit-box-sizing:border-box;background-color:var(--fdAvatar_BackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border:var(--fdAvatar_Border);border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-shadow:var(--fdAvatar_Text_Shadow);vertical-align:middle}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;background-color:var(--sapButton_Emphasized_Background);border:.0625rem solid var(--sapButton_Emphasized_BorderColor);border-radius:inherit;border-radius:50%;color:inherit;color:var(--sapButton_Emphasized_TextColor);position:absolute}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{align-content:center;background:inherit;border-radius:inherit;color:inherit}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{left:0;right:auto}.fd-avatar--transparent{background-color:var(--fdAvatar_Transparent_BackgroundColor);color:var(--sapContent_IconColor)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--tile{background-color:var(--fdAvatar_Tile_BackgroundColor)}.fd-avatar--border{border:.0625rem solid var(--sapGroup_ContentBorderColor)}.fd-avatar--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar--accent-color-1.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar--accent-color-2.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar--accent-color-3.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar--accent-color-4.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar--accent-color-5.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar--accent-color-6.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar--accent-color-7.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar--accent-color-8.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--accent-color-10.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1rem;font-stretch:condensed;height:2rem;justify-content:center;margin:0;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.125rem;font-stretch:condensed;height:3rem;justify-content:center;margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;width:3rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--m{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.5rem;font-stretch:normal;height:4rem;justify-content:center;margin:0;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;padding:0;width:4rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--l{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:2.25rem;font-stretch:normal;height:5rem;justify-content:center;margin:0;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;padding:0;width:5rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.875rem;height:1.25rem;min-width:1.25rem;width:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.1875rem;right:auto}.fd-avatar--xl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:3rem;font-stretch:normal;height:7rem;justify-content:center;margin:0;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;padding:0;width:7rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{font-size:1rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.25rem;right:auto}/*!\n.fd-avatar-group+((--individual|--group), (--xs|--s|--m|--l|--xl)\n*/.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group--group-type[tabindex=\"0\"],.fd-avatar-group__popover-control[tabindex=\"0\"]{cursor:pointer}.fd-avatar-group--group-type[tabindex=\"0\"].is-focus,.fd-avatar-group--group-type[tabindex=\"0\"]:focus,.fd-avatar-group__popover-control[tabindex=\"0\"].is-focus,.fd-avatar-group__popover-control[tabindex=\"0\"]:focus{outline:none}.fd-avatar-group--group-type[tabindex=\"0\"].is-focus:after,.fd-avatar-group--group-type[tabindex=\"0\"]:focus:after,.fd-avatar-group__popover-control[tabindex=\"0\"].is-focus:after,.fd-avatar-group__popover-control[tabindex=\"0\"]:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}.fd-avatar-group__focusable-avatar.is-focus,.fd-avatar-group__focusable-avatar:focus,.fd-avatar-group__item[tabindex=\"0\"].is-focus,.fd-avatar-group__item[tabindex=\"0\"]:focus{outline:none;z-index:5}.fd-avatar-group__focusable-avatar.is-focus .fd-avatar:after,.fd-avatar-group__focusable-avatar:focus .fd-avatar:after,.fd-avatar-group__item[tabindex=\"0\"].is-focus .fd-avatar:after,.fd-avatar-group__item[tabindex=\"0\"]:focus .fd-avatar:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group--group-type .fd-avatar-group__more-button{pointer-events:none}.fd-avatar-group__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-avatar-group__item:after,.fd-avatar-group__item:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__more-button{outline:none!important}.fd-avatar-group__more-button.is-focus,.fd-avatar-group__more-button:focus{outline:none}.fd-avatar-group__more-button.is-focus:after,.fd-avatar-group__more-button:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group__more-button .fd-avatar-group__button-text{font-size:inherit}.fd-avatar-group__overflow-body{-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body .fd-avatar-group__item{margin:.25rem}.fd-avatar-group--xs .fd-avatar-group__item,.fd-avatar-group--xs .fd-avatar-group__more-button{height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem}.fd-avatar-group--xs .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1rem}.fd-avatar-group--s .fd-avatar-group__item,.fd-avatar-group--s .fd-avatar-group__more-button{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-avatar-group--s .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.125rem}.fd-avatar-group--m .fd-avatar-group__item,.fd-avatar-group--m .fd-avatar-group__more-button{height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;width:4rem}.fd-avatar-group--m .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.5rem}.fd-avatar-group--l .fd-avatar-group__item,.fd-avatar-group--l .fd-avatar-group__more-button{height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;width:5rem}.fd-avatar-group--l .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:2.25rem}.fd-avatar-group--xl .fd-avatar-group__item,.fd-avatar-group--xl .fd-avatar-group__more-button{height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;width:7rem}.fd-avatar-group--xl .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:3rem}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:0;margin-right:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:.0625rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:0;margin-right:.25rem}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:.25rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:0;margin-right:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:-.75rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:0;margin-right:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:-1.25rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:0;margin-right:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:-1.625rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:0;margin-right:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:-2rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:0;margin-right:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:-2.75rem;margin-right:0}.fd-avatar-group .fd-avatar-group__more-button--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: AvatarGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-avatar-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -228,7 +228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
                             provide: AVATAR_GROUP_COMPONENT,
                             useExisting: forwardRef(() => AvatarGroupComponent)
                         }
-                    ], template: "<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.45\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-avatar{-webkit-box-sizing:border-box;background-color:var(--fdAvatar_BackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border:var(--fdAvatar_Border);border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-shadow:var(--fdAvatar_Text_Shadow);vertical-align:middle}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;background-color:var(--sapButton_Emphasized_Background);border:.0625rem solid var(--sapButton_Emphasized_BorderColor);border-radius:inherit;border-radius:50%;color:inherit;color:var(--sapButton_Emphasized_TextColor);position:absolute}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{align-content:center;background:inherit;border-radius:inherit;color:inherit}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{left:0;right:auto}.fd-avatar--transparent{background-color:var(--fdAvatar_Transparent_BackgroundColor);color:var(--sapContent_IconColor)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--tile{background-color:var(--fdAvatar_Tile_BackgroundColor)}.fd-avatar--border{border:.0625rem solid var(--sapGroup_ContentBorderColor)}.fd-avatar--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar--accent-color-1.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar--accent-color-2.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar--accent-color-3.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar--accent-color-4.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar--accent-color-5.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar--accent-color-6.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar--accent-color-7.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar--accent-color-8.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--accent-color-10.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1rem;font-stretch:condensed;height:2rem;justify-content:center;margin:0;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.125rem;font-stretch:condensed;height:3rem;justify-content:center;margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;width:3rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--m{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.5rem;font-stretch:normal;height:4rem;justify-content:center;margin:0;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;padding:0;width:4rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--l{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:2.25rem;font-stretch:normal;height:5rem;justify-content:center;margin:0;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;padding:0;width:5rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.875rem;height:1.25rem;min-width:1.25rem;width:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.1875rem;right:auto}.fd-avatar--xl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:3rem;font-stretch:normal;height:7rem;justify-content:center;margin:0;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;padding:0;width:7rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{font-size:1rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.25rem;right:auto}/*!\n.fd-avatar-group+((--individual|--group), (--xs|--s|--m|--l|--xl)\n*/.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group--group-type[tabindex=\"0\"],.fd-avatar-group__popover-control[tabindex=\"0\"]{cursor:pointer}.fd-avatar-group--group-type[tabindex=\"0\"].is-focus,.fd-avatar-group--group-type[tabindex=\"0\"]:focus,.fd-avatar-group__popover-control[tabindex=\"0\"].is-focus,.fd-avatar-group__popover-control[tabindex=\"0\"]:focus{outline:none}.fd-avatar-group--group-type[tabindex=\"0\"].is-focus:after,.fd-avatar-group--group-type[tabindex=\"0\"]:focus:after,.fd-avatar-group__popover-control[tabindex=\"0\"].is-focus:after,.fd-avatar-group__popover-control[tabindex=\"0\"]:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}.fd-avatar-group__focusable-avatar.is-focus,.fd-avatar-group__focusable-avatar:focus,.fd-avatar-group__item[tabindex=\"0\"].is-focus,.fd-avatar-group__item[tabindex=\"0\"]:focus{outline:none;z-index:5}.fd-avatar-group__focusable-avatar.is-focus .fd-avatar:after,.fd-avatar-group__focusable-avatar:focus .fd-avatar:after,.fd-avatar-group__item[tabindex=\"0\"].is-focus .fd-avatar:after,.fd-avatar-group__item[tabindex=\"0\"]:focus .fd-avatar:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group--group-type .fd-avatar-group__more-button{pointer-events:none}.fd-avatar-group__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-avatar-group__item:after,.fd-avatar-group__item:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__more-button{outline:none!important}.fd-avatar-group__more-button.is-focus,.fd-avatar-group__more-button:focus{outline:none}.fd-avatar-group__more-button.is-focus:after,.fd-avatar-group__more-button:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group__more-button .fd-avatar-group__button-text{font-size:inherit}.fd-avatar-group__overflow-body{-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body .fd-avatar-group__item{margin:.25rem}.fd-avatar-group--xs .fd-avatar-group__item,.fd-avatar-group--xs .fd-avatar-group__more-button{height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem}.fd-avatar-group--xs .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1rem}.fd-avatar-group--s .fd-avatar-group__item,.fd-avatar-group--s .fd-avatar-group__more-button{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-avatar-group--s .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.125rem}.fd-avatar-group--m .fd-avatar-group__item,.fd-avatar-group--m .fd-avatar-group__more-button{height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;width:4rem}.fd-avatar-group--m .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.5rem}.fd-avatar-group--l .fd-avatar-group__item,.fd-avatar-group--l .fd-avatar-group__more-button{height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;width:5rem}.fd-avatar-group--l .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:2.25rem}.fd-avatar-group--xl .fd-avatar-group__item,.fd-avatar-group--xl .fd-avatar-group__more-button{height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;width:7rem}.fd-avatar-group--xl .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:3rem}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:0;margin-right:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:.0625rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:0;margin-right:.25rem}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:.25rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:0;margin-right:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:-.75rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:0;margin-right:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:-1.25rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:0;margin-right:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:-1.625rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:0;margin-right:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:-2rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:0;margin-right:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:-2.75rem;margin-right:0}.fd-avatar-group .fd-avatar-group__more-button--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}\n"] }]
+                    ], template: "<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\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-avatar{-webkit-box-sizing:border-box;background-color:var(--fdAvatar_BackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border:var(--fdAvatar_Border);border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-shadow:var(--fdAvatar_Text_Shadow);vertical-align:middle}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;background-color:var(--sapButton_Emphasized_Background);border:.0625rem solid var(--sapButton_Emphasized_BorderColor);border-radius:inherit;border-radius:50%;color:inherit;color:var(--sapButton_Emphasized_TextColor);position:absolute}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{align-content:center;background:inherit;border-radius:inherit;color:inherit}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{left:0;right:auto}.fd-avatar--transparent{background-color:var(--fdAvatar_Transparent_BackgroundColor);color:var(--sapContent_IconColor)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--tile{background-color:var(--fdAvatar_Tile_BackgroundColor)}.fd-avatar--border{border:.0625rem solid var(--sapGroup_ContentBorderColor)}.fd-avatar--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar--accent-color-1.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar--accent-color-2.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar--accent-color-3.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar--accent-color-4.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar--accent-color-5.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar--accent-color-6.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar--accent-color-7.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar--accent-color-8.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--accent-color-10.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1rem;font-stretch:condensed;height:2rem;justify-content:center;margin:0;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.125rem;font-stretch:condensed;height:3rem;justify-content:center;margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;width:3rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--m{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.5rem;font-stretch:normal;height:4rem;justify-content:center;margin:0;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;padding:0;width:4rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--l{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:2.25rem;font-stretch:normal;height:5rem;justify-content:center;margin:0;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;padding:0;width:5rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.875rem;height:1.25rem;min-width:1.25rem;width:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.1875rem;right:auto}.fd-avatar--xl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:3rem;font-stretch:normal;height:7rem;justify-content:center;margin:0;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;padding:0;width:7rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{font-size:1rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.25rem;right:auto}/*!\n.fd-avatar-group+((--individual|--group), (--xs|--s|--m|--l|--xl)\n*/.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group--group-type[tabindex=\"0\"],.fd-avatar-group__popover-control[tabindex=\"0\"]{cursor:pointer}.fd-avatar-group--group-type[tabindex=\"0\"].is-focus,.fd-avatar-group--group-type[tabindex=\"0\"]:focus,.fd-avatar-group__popover-control[tabindex=\"0\"].is-focus,.fd-avatar-group__popover-control[tabindex=\"0\"]:focus{outline:none}.fd-avatar-group--group-type[tabindex=\"0\"].is-focus:after,.fd-avatar-group--group-type[tabindex=\"0\"]:focus:after,.fd-avatar-group__popover-control[tabindex=\"0\"].is-focus:after,.fd-avatar-group__popover-control[tabindex=\"0\"]:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}.fd-avatar-group__focusable-avatar.is-focus,.fd-avatar-group__focusable-avatar:focus,.fd-avatar-group__item[tabindex=\"0\"].is-focus,.fd-avatar-group__item[tabindex=\"0\"]:focus{outline:none;z-index:5}.fd-avatar-group__focusable-avatar.is-focus .fd-avatar:after,.fd-avatar-group__focusable-avatar:focus .fd-avatar:after,.fd-avatar-group__item[tabindex=\"0\"].is-focus .fd-avatar:after,.fd-avatar-group__item[tabindex=\"0\"]:focus .fd-avatar:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group--group-type .fd-avatar-group__more-button{pointer-events:none}.fd-avatar-group__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-avatar-group__item:after,.fd-avatar-group__item:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__more-button{outline:none!important}.fd-avatar-group__more-button.is-focus,.fd-avatar-group__more-button:focus{outline:none}.fd-avatar-group__more-button.is-focus:after,.fd-avatar-group__more-button:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar-group__more-button .fd-avatar-group__button-text{font-size:inherit}.fd-avatar-group__overflow-body{-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body .fd-avatar-group__item{margin:.25rem}.fd-avatar-group--xs .fd-avatar-group__item,.fd-avatar-group--xs .fd-avatar-group__more-button{height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem}.fd-avatar-group--xs .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1rem}.fd-avatar-group--s .fd-avatar-group__item,.fd-avatar-group--s .fd-avatar-group__more-button{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-avatar-group--s .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.125rem}.fd-avatar-group--m .fd-avatar-group__item,.fd-avatar-group--m .fd-avatar-group__more-button{height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;width:4rem}.fd-avatar-group--m .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:1.5rem}.fd-avatar-group--l .fd-avatar-group__item,.fd-avatar-group--l .fd-avatar-group__more-button{height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;width:5rem}.fd-avatar-group--l .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:2.25rem}.fd-avatar-group--xl .fd-avatar-group__item,.fd-avatar-group--xl .fd-avatar-group__more-button{height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;width:7rem}.fd-avatar-group--xl .fd-avatar-group__more-button{border-radius:25rem;border-width:var(--fdAvatarGroup_MoreButton_Border);font-size:3rem}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:0;margin-right:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:.0625rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:0;margin-right:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:.125rem;margin-right:0}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:0;margin-right:.25rem}.fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--individual-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:.25rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:0;margin-right:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xs .fd-avatar-group__item{margin-left:-.75rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:0;margin-right:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--s .fd-avatar-group__item{margin-left:-1.25rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:0;margin-right:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--m .fd-avatar-group__item{margin-left:-1.625rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:0;margin-right:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--l .fd-avatar-group__item{margin-left:-2rem;margin-right:0}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:0;margin-right:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item[dir=rtl],[dir=rtl] .fd-avatar-group--group-type.fd-avatar-group--xl .fd-avatar-group__item{margin-left:-2.75rem;margin-right:0}.fd-avatar-group .fd-avatar-group__more-button--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar-group .fd-avatar-group__more-button--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1.ViewportRuler }, { type: i2.RtlService, decorators: [{
                         type: Optional