npm - @fundamental-ngx/core - Versions diffs - 0.40.0-rc.13 → 0.40.0-rc.15 - Mend

@fundamental-ngx/core 0.40.0-rc.13 → 0.40.0-rc.15

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

package/esm2020/action-bar/action-bar.component.mjs CHANGED Viewed

@@ -17,11 +17,11 @@ import * as i0 from "@angular/core";
 export class ActionBarComponent {
 }
 ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ActionBarComponent, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.28.2\n * Copyright (c) 2023 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-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ActionBarComponent, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fd-action-bar]', template: ` <ng-content></ng-content>`, host: {
                         class: 'fd-action-bar'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.28.2\n * Copyright (c) 2023 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-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRXRGOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFZSCxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO21HQUFsQixrQkFBa0Isa0dBUmpCLDRCQUE0QjsyRkFRN0Isa0JBQWtCO2tCQVg5QixTQUFTOytCQUVJLGlCQUFpQixZQUNqQiw0QkFBNEIsUUFDaEM7d0JBQ0YsS0FBSyxFQUFFLGVBQWU7cUJBQ3pCLGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKiBBY3Rpb24gQmFyIGNvbXBvbmVudCBpcyBkZXByaWNhdGVkIHNpbmNlIHZlcnNpb24gMC40MC4wXG4gKlxuICogQ2hpbGRyZW4gdXNhZ2U6XG4gKiBgYGBodG1sXG4gKiA8ZGl2IGZkLWFjdGlvbi1iYXItYWN0aW9ucz5cbiAqIDxkaXYgZmQtYWN0aW9uLWJhci1iYWNrPlxuICogPGRpdiBmZC1hY3Rpb24tYmFyLWRlc2NyaXB0aW9uPlxuICogPGRpdiBmZC1hY3Rpb24tYmFyLWhlYWRlcj5cbiAqIDxkaXYgZmQtYWN0aW9uLWJhci1tb2JpbGU+XG4gKiA8ZGl2IGZkLWFjdGlvbi1iYXItdGl0bGU+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ1tmZC1hY3Rpb24tYmFyXScsXG4gICAgdGVtcGxhdGU6IGAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PmAsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ZkLWFjdGlvbi1iYXInXG4gICAgfSxcbiAgICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25CYXJDb21wb25lbnQge31cbiJdfQ==

package/esm2020/action-sheet/action-sheet.component.mjs CHANGED Viewed

@@ -129,10 +129,10 @@ export class ActionSheetComponent {
     }
 }
 ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\n * Copyright (c) 2023 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-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-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:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display: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;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-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:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display: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;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: ActionSheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\n * Copyright (c) 2023 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-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-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:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display: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;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"] }]
+            args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-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:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display: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;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.KeyboardSupportService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.DynamicComponentService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { mobile: [{

package/esm2020/alert/alert.component.mjs CHANGED Viewed

@@ -169,7 +169,7 @@ export class AlertComponent extends AbstractFdNgxClass {
     }
 }
 AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }, { token: i1.AlertConfig, optional: true }, { token: i2.AlertRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", 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.28.2\n * Copyright (c) 2023 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.1.1", 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.28.3\n * Copyright (c) 2023 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.1.1", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-alert', host: {
@@ -180,7 +180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", 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.28.2\n * Copyright (c) 2023 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.28.3\n * Copyright (c) 2023 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: i1.AlertConfig, decorators: [{
                     type: Optional
                 }] }, { type: i2.AlertRef, decorators: [{

package/esm2020/avatar/avatar.component.mjs CHANGED Viewed

@@ -289,7 +289,7 @@ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             provide: FD_AVATAR_COMPONENT,
             useExisting: AvatarComponent
         }
-    ], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"abbreviate\">{{ abbreviate }}</ng-container>\n\n<i\n    *ngIf=\"zoomGlyph\"\n    role=\"presentation\"\n    class=\"fd-avatar__zoom-icon\"\n    [class]=\"zoomGlyph ? 'sap-icon--' + zoomGlyph : ''\"\n    (mousedown)=\"zoomClicked($event)\"\n>\n</i>\n\n<i\n    *ngIf=\"glyph || showDefault\"\n    class=\"fd-avatar__icon\"\n    role=\"presentation\"\n    [class]=\"glyph ? 'sap-icon--' + glyph : 'sap-icon--person-placeholder'\"\n>\n</i>\n\n<div #content style=\"display: none\">\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\n * Copyright (c) 2023 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{--fdAvatarZoomIconPosition:0;-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]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;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);display:flex;font-size:inherit;justify-content:center;line-height:1;position:absolute}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.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--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-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-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-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-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-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-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-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-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-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;font-size:1rem;font-stretch:condensed;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;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--s{--fdAvatarZoomIconOffset:-.125rem;font-size:1.125rem;font-stretch:condensed;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;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--m{--fdAvatarZoomIconOffset:-.125rem;font-size:1.5rem;font-stretch:normal;height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;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--l{--fdAvatarZoomIconOffset:-.1875rem;font-size:2.25rem;font-stretch:normal;height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;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--xl{--fdAvatarZoomIconOffset:-.25rem;font-size:3rem;font-stretch:normal;height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;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--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"abbreviate\">{{ abbreviate }}</ng-container>\n\n<i\n    *ngIf=\"zoomGlyph\"\n    role=\"presentation\"\n    class=\"fd-avatar__zoom-icon\"\n    [class]=\"zoomGlyph ? 'sap-icon--' + zoomGlyph : ''\"\n    (mousedown)=\"zoomClicked($event)\"\n>\n</i>\n\n<i\n    *ngIf=\"glyph || showDefault\"\n    class=\"fd-avatar__icon\"\n    role=\"presentation\"\n    [class]=\"glyph ? 'sap-icon--' + glyph : 'sap-icon--person-placeholder'\"\n>\n</i>\n\n<div #content style=\"display: none\">\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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{--fdAvatarZoomIconPosition:0;-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]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;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);display:flex;font-size:inherit;justify-content:center;line-height:1;position:absolute}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.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--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-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-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-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-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-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-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-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-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-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;font-size:1rem;font-stretch:condensed;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;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--s{--fdAvatarZoomIconOffset:-.125rem;font-size:1.125rem;font-stretch:condensed;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;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--m{--fdAvatarZoomIconOffset:-.125rem;font-size:1.5rem;font-stretch:normal;height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;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--l{--fdAvatarZoomIconOffset:-.1875rem;font-size:2.25rem;font-stretch:normal;height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;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--xl{--fdAvatarZoomIconOffset:-.25rem;font-size:3rem;font-stretch:normal;height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;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--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -305,7 +305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         }
                     ], host: {
                         '[attr.tabindex]': '_tabindex'
-                    }, template: "<ng-container *ngIf=\"abbreviate\">{{ abbreviate }}</ng-container>\n\n<i\n    *ngIf=\"zoomGlyph\"\n    role=\"presentation\"\n    class=\"fd-avatar__zoom-icon\"\n    [class]=\"zoomGlyph ? 'sap-icon--' + zoomGlyph : ''\"\n    (mousedown)=\"zoomClicked($event)\"\n>\n</i>\n\n<i\n    *ngIf=\"glyph || showDefault\"\n    class=\"fd-avatar__icon\"\n    role=\"presentation\"\n    [class]=\"glyph ? 'sap-icon--' + glyph : 'sap-icon--person-placeholder'\"\n>\n</i>\n\n<div #content style=\"display: none\">\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\n * Copyright (c) 2023 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{--fdAvatarZoomIconPosition:0;-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]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;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);display:flex;font-size:inherit;justify-content:center;line-height:1;position:absolute}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.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--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-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-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-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-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-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-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-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-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-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;font-size:1rem;font-stretch:condensed;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;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--s{--fdAvatarZoomIconOffset:-.125rem;font-size:1.125rem;font-stretch:condensed;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;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--m{--fdAvatarZoomIconOffset:-.125rem;font-size:1.5rem;font-stretch:normal;height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;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--l{--fdAvatarZoomIconOffset:-.1875rem;font-size:2.25rem;font-stretch:normal;height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;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--xl{--fdAvatarZoomIconOffset:-.25rem;font-size:3rem;font-stretch:normal;height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;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--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}\n"] }]
+                    }, template: "<ng-container *ngIf=\"abbreviate\">{{ abbreviate }}</ng-container>\n\n<i\n    *ngIf=\"zoomGlyph\"\n    role=\"presentation\"\n    class=\"fd-avatar__zoom-icon\"\n    [class]=\"zoomGlyph ? 'sap-icon--' + zoomGlyph : ''\"\n    (mousedown)=\"zoomClicked($event)\"\n>\n</i>\n\n<i\n    *ngIf=\"glyph || showDefault\"\n    class=\"fd-avatar__icon\"\n    role=\"presentation\"\n    [class]=\"glyph ? 'sap-icon--' + glyph : 'sap-icon--person-placeholder'\"\n>\n</i>\n\n<div #content style=\"display: none\">\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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{--fdAvatarZoomIconPosition:0;-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]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;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);display:flex;font-size:inherit;justify-content:center;line-height:1;position:absolute}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.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--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-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-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-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-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-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-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-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-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-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;font-size:1rem;font-stretch:condensed;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;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--s{--fdAvatarZoomIconOffset:-.125rem;font-size:1.125rem;font-stretch:condensed;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;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--m{--fdAvatarZoomIconOffset:-.125rem;font-size:1.5rem;font-stretch:normal;height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;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--l{--fdAvatarZoomIconOffset:-.1875rem;font-size:2.25rem;font-stretch:normal;height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;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--xl{--fdAvatarZoomIconOffset:-.25rem;font-size:3rem;font-stretch:normal;height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;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--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Attribute,
                     args: ['tabindex']

package/esm2020/avatar-group/avatar-group.component.mjs CHANGED Viewed

@@ -172,7 +172,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.28.2\n * Copyright (c) 2023 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{--fdAvatarZoomIconPosition:0;-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]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;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);display:flex;font-size:inherit;justify-content:center;line-height:1;position:absolute}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.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--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-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-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-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-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-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-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-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-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-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;font-size:1rem;font-stretch:condensed;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;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--s{--fdAvatarZoomIconOffset:-.125rem;font-size:1.125rem;font-stretch:condensed;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;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--m{--fdAvatarZoomIconOffset:-.125rem;font-size:1.5rem;font-stretch:normal;height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;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--l{--fdAvatarZoomIconOffset:-.1875rem;font-size:2.25rem;font-stretch:normal;height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;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--xl{--fdAvatarZoomIconOffset:-.25rem;font-size:3rem;font-stretch:normal;height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;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--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}/*!\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__popover-control{display:flex;height:auto}.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.28.3\n * Copyright (c) 2023 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{--fdAvatarZoomIconPosition:0;-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]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;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);display:flex;font-size:inherit;justify-content:center;line-height:1;position:absolute}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.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--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-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-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-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-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-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-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-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-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-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;font-size:1rem;font-stretch:condensed;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;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--s{--fdAvatarZoomIconOffset:-.125rem;font-size:1.125rem;font-stretch:condensed;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;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--m{--fdAvatarZoomIconOffset:-.125rem;font-size:1.5rem;font-stretch:normal;height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;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--l{--fdAvatarZoomIconOffset:-.1875rem;font-size:2.25rem;font-stretch:normal;height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;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--xl{--fdAvatarZoomIconOffset:-.25rem;font-size:3rem;font-stretch:normal;height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;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--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}/*!\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__popover-control{display:flex;height:auto}.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.1.1", ngImport: i0, type: AvatarGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-avatar-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -180,7 +180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", 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.28.2\n * Copyright (c) 2023 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{--fdAvatarZoomIconPosition:0;-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]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;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);display:flex;font-size:inherit;justify-content:center;line-height:1;position:absolute}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.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--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-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-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-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-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-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-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-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-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-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;font-size:1rem;font-stretch:condensed;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;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--s{--fdAvatarZoomIconOffset:-.125rem;font-size:1.125rem;font-stretch:condensed;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;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--m{--fdAvatarZoomIconOffset:-.125rem;font-size:1.5rem;font-stretch:normal;height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;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--l{--fdAvatarZoomIconOffset:-.1875rem;font-size:2.25rem;font-stretch:normal;height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;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--xl{--fdAvatarZoomIconOffset:-.25rem;font-size:3rem;font-stretch:normal;height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;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--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}/*!\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__popover-control{display:flex;height:auto}.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.28.3\n * Copyright (c) 2023 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{--fdAvatarZoomIconPosition:0;-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]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;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);display:flex;font-size:inherit;justify-content:center;line-height:1;position:absolute}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.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--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-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-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-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-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-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-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-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-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-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;font-size:1rem;font-stretch:condensed;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;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--s{--fdAvatarZoomIconOffset:-.125rem;font-size:1.125rem;font-stretch:condensed;height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;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--m{--fdAvatarZoomIconOffset:-.125rem;font-size:1.5rem;font-stretch:normal;height:4rem;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;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--l{--fdAvatarZoomIconOffset:-.1875rem;font-size:2.25rem;font-stretch:normal;height:5rem;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;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--xl{--fdAvatarZoomIconOffset:-.25rem;font-size:3rem;font-stretch:normal;height:7rem;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;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--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}/*!\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__popover-control{display:flex;height:auto}.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
                 }] }]; }, propDecorators: { id: [{