@fundamental-ngx/core 0.37.0-rc.2 → 0.37.0-rc.21

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

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

package/fesm2015/fundamental-ngx-core-avatar.mjs

@@ -207,6 +207,10 @@ class AvatarComponent {
     }
     /** @hidden */
     _verifyImageUrl(srcValue, onLoadCallback, onErrorCallback) {
+        // Don't load the same image all the time check happens
+        if (srcValue === this._bgImage) {
+            return;
+        }
         const img = new Image();
         img.onload = onLoadCallback.bind(this);
         img.onerror = onErrorCallback.bind(this);
@@ -275,7 +279,7 @@ class AvatarComponent {
     }
 }
 AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: AvatarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: AvatarComponent, selector: "fd-avatar", inputs: { class: "class", id: "id", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", label: "label", size: "size", glyph: "glyph", zoomGlyph: "zoomGlyph", circle: "circle", transparent: "transparent", contain: "contain", placeholder: "placeholder", tile: "tile", border: "border", colorAccent: "colorAccent", random: "random", clickable: "clickable", backgroundImage: "backgroundImage", image: "image", alterIcon: "alterIcon", backupImage: "backupImage" }, outputs: { avatarClicked: "avatarClicked", zoomGlyphClicked: "zoomGlyphClicked" }, host: { listeners: { "click": "_onClick($event)", "keydown.enter": "_onClick($event)", "keydown.space": "_onClick($event)" }, properties: { "attr.tabindex": "_tabindex", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.alt": "this.ariaLabel", "attr.aria-labelledby": "this.ariaLabelledby", "style.background-image": "this.bgImage", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "{{ abbreviate }}\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.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{-webkit-box-sizing:border-box;background-color:var(--fdAvatar_BackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border:var(--fdAvatar_Border);border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-shadow:var(--fdAvatar_Text_Shadow);vertical-align:middle}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;background-color:var(--sapButton_Emphasized_Background);border:.0625rem solid var(--sapButton_Emphasized_BorderColor);border-radius:inherit;border-radius:50%;color:inherit;color:var(--sapButton_Emphasized_TextColor);position:absolute}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{align-content:center;background:inherit;border-radius:inherit;color:inherit}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{left:0;right:auto}.fd-avatar--transparent{background-color:var(--fdAvatar_Transparent_BackgroundColor);color:var(--sapContent_IconColor)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--tile{background-color:var(--fdAvatar_Tile_BackgroundColor)}.fd-avatar--border{border:.0625rem solid var(--sapGroup_ContentBorderColor)}.fd-avatar--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar--accent-color-1.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar--accent-color-2.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar--accent-color-3.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar--accent-color-4.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar--accent-color-5.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar--accent-color-6.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar--accent-color-7.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar--accent-color-8.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--accent-color-10.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1rem;font-stretch:condensed;height:2rem;justify-content:center;margin:0;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.125rem;font-stretch:condensed;height:3rem;justify-content:center;margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;width:3rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--m{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.5rem;font-stretch:normal;height:4rem;justify-content:center;margin:0;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;padding:0;width:4rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--l{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:2.25rem;font-stretch:normal;height:5rem;justify-content:center;margin:0;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;padding:0;width:5rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.875rem;height:1.25rem;min-width:1.25rem;width:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.1875rem;right:auto}.fd-avatar--xl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:3rem;font-stretch:normal;height:7rem;justify-content:center;margin:0;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;padding:0;width:7rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{font-size:1rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.25rem;right:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: AvatarComponent, selector: "fd-avatar", inputs: { class: "class", id: "id", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", label: "label", size: "size", glyph: "glyph", zoomGlyph: "zoomGlyph", circle: "circle", transparent: "transparent", contain: "contain", placeholder: "placeholder", tile: "tile", border: "border", colorAccent: "colorAccent", random: "random", clickable: "clickable", backgroundImage: "backgroundImage", image: "image", alterIcon: "alterIcon", backupImage: "backupImage" }, outputs: { avatarClicked: "avatarClicked", zoomGlyphClicked: "zoomGlyphClicked" }, host: { listeners: { "click": "_onClick($event)", "keydown.enter": "_onClick($event)", "keydown.space": "_onClick($event)" }, properties: { "attr.tabindex": "_tabindex", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.alt": "this.ariaLabel", "attr.aria-labelledby": "this.ariaLabelledby", "style.background-image": "this.bgImage", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "{{ abbreviate }}\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.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{-webkit-box-sizing:border-box;background-color:var(--fdAvatar_BackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border:var(--fdAvatar_Border);border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-shadow:var(--fdAvatar_Text_Shadow);vertical-align:middle}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;background-color:var(--sapButton_Emphasized_Background);border:.0625rem solid var(--sapButton_Emphasized_BorderColor);border-radius:inherit;border-radius:50%;color:inherit;color:var(--sapButton_Emphasized_TextColor);position:absolute}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{align-content:center;background:inherit;border-radius:inherit;color:inherit}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{left:0;right:auto}.fd-avatar--transparent{background-color:var(--fdAvatar_Transparent_BackgroundColor);color:var(--sapContent_IconColor)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--tile{background-color:var(--fdAvatar_Tile_BackgroundColor)}.fd-avatar--border{border:.0625rem solid var(--sapGroup_ContentBorderColor)}.fd-avatar--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar--accent-color-1.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar--accent-color-2.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar--accent-color-3.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar--accent-color-4.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar--accent-color-5.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar--accent-color-6.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar--accent-color-7.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar--accent-color-8.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--accent-color-10.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1rem;font-stretch:condensed;height:2rem;justify-content:center;margin:0;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.125rem;font-stretch:condensed;height:3rem;justify-content:center;margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;width:3rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--m{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.5rem;font-stretch:normal;height:4rem;justify-content:center;margin:0;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;padding:0;width:4rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--l{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:2.25rem;font-stretch:normal;height:5rem;justify-content:center;margin:0;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;padding:0;width:5rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.875rem;height:1.25rem;min-width:1.25rem;width:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.1875rem;right:auto}.fd-avatar--xl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:3rem;font-stretch:normal;height:7rem;justify-content:center;margin:0;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;padding:0;width:7rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{font-size:1rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.25rem;right:auto}\n"], 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),
@@ -286,7 +290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
             type: Component,
             args: [{ selector: 'fd-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.tabindex]': '_tabindex'
-                    }, template: "{{ abbreviate }}\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.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{-webkit-box-sizing:border-box;background-color:var(--fdAvatar_BackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border:var(--fdAvatar_Border);border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-shadow:var(--fdAvatar_Text_Shadow);vertical-align:middle}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;background-color:var(--sapButton_Emphasized_Background);border:.0625rem solid var(--sapButton_Emphasized_BorderColor);border-radius:inherit;border-radius:50%;color:inherit;color:var(--sapButton_Emphasized_TextColor);position:absolute}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{align-content:center;background:inherit;border-radius:inherit;color:inherit}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{left:0;right:auto}.fd-avatar--transparent{background-color:var(--fdAvatar_Transparent_BackgroundColor);color:var(--sapContent_IconColor)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--tile{background-color:var(--fdAvatar_Tile_BackgroundColor)}.fd-avatar--border{border:.0625rem solid var(--sapGroup_ContentBorderColor)}.fd-avatar--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar--accent-color-1.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar--accent-color-2.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar--accent-color-3.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar--accent-color-4.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar--accent-color-5.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar--accent-color-6.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar--accent-color-7.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar--accent-color-8.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--accent-color-10.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1rem;font-stretch:condensed;height:2rem;justify-content:center;margin:0;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.125rem;font-stretch:condensed;height:3rem;justify-content:center;margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;width:3rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--m{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.5rem;font-stretch:normal;height:4rem;justify-content:center;margin:0;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;padding:0;width:4rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--l{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:2.25rem;font-stretch:normal;height:5rem;justify-content:center;margin:0;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;padding:0;width:5rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.875rem;height:1.25rem;min-width:1.25rem;width:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.1875rem;right:auto}.fd-avatar--xl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:3rem;font-stretch:normal;height:7rem;justify-content:center;margin:0;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;padding:0;width:7rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{font-size:1rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.25rem;right:auto}\n"] }]
+                    }, template: "{{ abbreviate }}\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.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{-webkit-box-sizing:border-box;background-color:var(--fdAvatar_BackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border:var(--fdAvatar_Border);border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative;text-shadow:var(--fdAvatar_Text_Shadow);vertical-align:middle}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;background-color:var(--sapButton_Emphasized_Background);border:.0625rem solid var(--sapButton_Emphasized_BorderColor);border-radius:inherit;border-radius:50%;color:inherit;color:var(--sapButton_Emphasized_TextColor);position:absolute}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{align-content:center;background:inherit;border-radius:inherit;color:inherit}.fd-avatar--circle{border-radius:50%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{bottom:0;right:0}.fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--circle .fd-avatar__zoom-icon[class*=sap-icon]{left:0;right:auto}.fd-avatar--transparent{background-color:var(--fdAvatar_Transparent_BackgroundColor);color:var(--sapContent_IconColor)}.fd-avatar--background-contain{background-size:contain}.fd-avatar--placeholder{background-color:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--tile{background-color:var(--fdAvatar_Tile_BackgroundColor)}.fd-avatar--border{border:.0625rem solid var(--sapGroup_ContentBorderColor)}.fd-avatar--accent-color-1{background-color:var(--fdAvatar_Accent_Color_1);border:var(--fdAvatar_Accent_Color_1_Border);color:var(--fdAvatar_Accent_Color_1_Text)}.fd-avatar--accent-color-1.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-2{background-color:var(--fdAvatar_Accent_Color_2);border:var(--fdAvatar_Accent_Color_2_Border);color:var(--fdAvatar_Accent_Color_2_Text)}.fd-avatar--accent-color-2.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-3{background-color:var(--fdAvatar_Accent_Color_3);border:var(--fdAvatar_Accent_Color_3_Border);color:var(--fdAvatar_Accent_Color_3_Text)}.fd-avatar--accent-color-3.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-4{background-color:var(--fdAvatar_Accent_Color_4);border:var(--fdAvatar_Accent_Color_4_Border);color:var(--fdAvatar_Accent_Color_4_Text)}.fd-avatar--accent-color-4.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-5{background-color:var(--fdAvatar_Accent_Color_5);border:var(--fdAvatar_Accent_Color_5_Border);color:var(--fdAvatar_Accent_Color_5_Text)}.fd-avatar--accent-color-5.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-6{background-color:var(--fdAvatar_Accent_Color_6);border:var(--fdAvatar_Accent_Color_6_Border);color:var(--fdAvatar_Accent_Color_6_Text)}.fd-avatar--accent-color-6.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-7{background-color:var(--fdAvatar_Accent_Color_7);border:var(--fdAvatar_Accent_Color_7_Border);color:var(--fdAvatar_Accent_Color_7_Text)}.fd-avatar--accent-color-7.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-8{background-color:var(--fdAvatar_Accent_Color_8);border:var(--fdAvatar_Accent_Color_8_Border);color:var(--fdAvatar_Accent_Color_8_Text)}.fd-avatar--accent-color-8.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-9{background-color:var(--fdAvatar_Accent_Color_9);border:var(--fdAvatar_Accent_Color_9_Border);color:var(--fdAvatar_Accent_Color_9_Text)}.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--accent-color-10{background-color:var(--fdAvatar_Accent_Color_10);border:var(--fdAvatar_Accent_Color_10_Border);color:var(--fdAvatar_Accent_Color_10_Text)}.fd-avatar--accent-color-10.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1rem;font-stretch:condensed;height:2rem;justify-content:center;margin:0;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xs:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.125rem;font-stretch:condensed;height:3rem;justify-content:center;margin:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding:0;width:3rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--s:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--m{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:1.5rem;font-stretch:normal;height:4rem;justify-content:center;margin:0;max-height:4rem;max-width:4rem;min-height:4rem;min-width:4rem;padding:0;width:4rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.75rem;height:1.125rem;min-width:1.125rem;width:1.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.125rem;right:-.125rem}.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--m:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.125rem;right:auto}.fd-avatar--l{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:2.25rem;font-stretch:normal;height:5rem;justify-content:center;margin:0;max-height:5rem;max-width:5rem;min-height:5rem;min-width:5rem;padding:0;width:5rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{font-size:.875rem;height:1.25rem;min-width:1.25rem;width:1.25rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.1875rem;right:-.1875rem}.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--l:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.1875rem;right:auto}.fd-avatar--xl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;font-size:3rem;font-stretch:normal;height:7rem;justify-content:center;margin:0;max-height:7rem;max-width:7rem;min-height:7rem;min-width:7rem;padding:0;width:7rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{font-size:1rem;height:1.75rem;min-width:1.75rem;width:1.75rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{bottom:-.25rem;right:-.25rem}.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon][dir=rtl],.fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon [class*=sap-icon],[dir=rtl] .fd-avatar--xl:not(.fd-avatar--circle) .fd-avatar__zoom-icon[class*=sap-icon]{left:-.25rem;right:auto}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                         type: Attribute,

package/fesm2015/fundamental-ngx-core-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-avatar.mjs","sources":["../../../../libs/core/src/lib/avatar/avatar.component.ts","../../../../libs/core/src/lib/avatar/avatar.component.html","../../../../libs/core/src/lib/avatar/avatar.module.ts","../../../../libs/core/src/lib/avatar/fundamental-ngx-core-avatar.ts"],"sourcesContent":["import {\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    ANY_LANGUAGE_LETTERS_REGEX,\n    ColorAccent,\n    Size,\n    applyCssClass,\n    getRandomColorAccent,\n    CssClassBuilder\n} from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\n\nlet avatarUniqueId = 0;\n\nconst ALTER_ICON_OPTIONS = {\n    CONTENT: 'content',\n    ALT: 'alt',\n    BACKUP: 'backup',\n    DEFAULT_ICON: 'default-icon'\n};\n\n@Component({\n    selector: 'fd-avatar',\n    templateUrl: './avatar.component.html',\n    styleUrls: ['./avatar.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.tabindex]': '_tabindex'\n    }\n})\nexport class AvatarComponent implements OnChanges, OnInit, CssClassBuilder, OnChanges {\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** Id of the Avatar. */\n    @Input()\n    @HostBinding('attr.id')\n    id = `fd-avatar-${avatarUniqueId++}`;\n\n    /** Aria-label for Avatar. */\n    @Input()\n    @HostBinding('attr.aria-label')\n    @HostBinding('attr.alt')\n    ariaLabel: Nullable<string> = null;\n\n    /** Aria-Labelledby for element describing Avatar. */\n    @Input()\n    @HostBinding('attr.aria-labelledby')\n    ariaLabelledby: Nullable<string> = null;\n\n    /** Localized text for label */\n    @Input()\n    set label(value: Nullable<string>) {\n        this.ariaLabel = value || null;\n        this.abbreviate = this._getAbbreviate(value);\n    }\n\n    /** The size of the Avatar. Options include: *xs*, *s*, *m*, *l* and *xl*. */\n    @Input() size: Size = 'l';\n\n    /** The glyph name. */\n    @Input() glyph: Nullable<string> = null;\n\n    /** The glyph name for zoom icon. */\n    @Input() zoomGlyph: Nullable<string> = null;\n\n    /** Whether to apply a circle style to the Avatar. */\n    @Input() circle = false;\n\n    /** Whether to apply a transparent style to the Avatar. */\n    @Input() transparent = false;\n\n    /** Whether to apply background size contain style to the Avatar */\n    @Input() contain = false;\n\n    /** Whether to apply a placeholder background style to the Avatar. */\n    @Input() placeholder = false;\n\n    /** Whether to apply a tile background style to the Avatar. */\n    @Input() tile = false;\n\n    /** Whether to apply a border to the Avatar. */\n    @Input() border = false;\n\n    /** A number from 1 to 10 representing the background color of the Avatar. */\n    @Input() colorAccent: Nullable<ColorAccent> = null;\n\n    /** Whether to apply random background color to the Avatar. */\n    @Input() random = false;\n\n    /** Whether component should be focusable & clicable */\n    @Input() clickable = false;\n\n    /**\n     * @deprecated\n     * Deprecated according to Rename `backgroundImage` to `image`\n     * */\n    /** Background image url. */\n    @Input()\n    set backgroundImage(value: string) {\n        this._setImage(value);\n    }\n\n    /** Background image resource: url or base64. */\n    @Input()\n    set image(value: Nullable<string>) {\n        this._setImage(value);\n    }\n    get image(): Nullable<string> {\n        return this._image;\n    }\n\n    /** Backup options to use when image hasn't been loaded successfully.\n     * Options separated with \"|\" symbol.\n     * Possible options: content, alt, backup, default-icon\n     */\n    @Input()\n    set alterIcon(value: Nullable<string>) {\n        this._alterIcon = value;\n    }\n    get alterIcon(): Nullable<string> {\n        return this._alterIcon;\n    }\n\n    /** Backup image to load when image hasn't been loaded successfully.\n     * Only applicable when using alterIcon input property.\n     */\n    @Input()\n    set backupImage(value: Nullable<string>) {\n        this._backupImage = value;\n    }\n    get backupImage(): Nullable<string> {\n        return this._backupImage;\n    }\n\n    /** Event emitted when avatar clicked. Only fires if clickable input property set to true. */\n    @Output() avatarClicked = new EventEmitter<Event>();\n\n    /** Event emitted when zoom icon clicked. Only fires if zoomGlyph input property is set. */\n    @Output() zoomGlyphClicked = new EventEmitter<void>();\n\n    /** @hidden */\n    @HostBinding('style.background-image')\n    get bgImage(): Nullable<string> {\n        return this._bgImage;\n    }\n\n    /** @hidden */\n    @HostBinding('attr.role')\n    get role(): string {\n        return this.zoomGlyph ? 'button' : 'img';\n    }\n\n    /** @hidden */\n    @ViewChild('content')\n    set content(value: ElementRef) {\n        this._content = value;\n    }\n\n    /** @hidden */\n    abbreviate: Nullable<string> = null;\n\n    /** @hidden */\n    private _image: Nullable<string> = null;\n\n    /** @hidden */\n    private _alterIcon: Nullable<string> = null;\n\n    /** @hidden */\n    private _content: Nullable<ElementRef> = null;\n\n    /** @hidden */\n    private _backupImage: Nullable<string> = null;\n\n    /** @hidden */\n    private _bgImage: Nullable<string> = null;\n\n    /** @hidden */\n    get _tabindex(): number | null {\n        if (this.hostTabindex != null) {\n            return this.hostTabindex;\n        }\n        return this.clickable ? 0 : null;\n    }\n\n    /** If a default placeholder should be displayed */\n    get showDefault(): boolean {\n        return !this.abbreviate && !this._image && !this.glyph;\n    }\n\n    /** @hidden */\n    constructor(\n        private _elementRef: ElementRef,\n        private _cdr: ChangeDetectorRef,\n        @Attribute('tabindex') private hostTabindex: number | null\n    ) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        if (this.zoomGlyph) {\n            this.clickable = true;\n        }\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-avatar',\n            this.size ? `fd-avatar--${this.size}` : '',\n            this.colorAccent && !this.random ? `fd-avatar--accent-color-${this.colorAccent}` : '',\n            this.random ? `fd-avatar--accent-color-${getRandomColorAccent()}` : '',\n            this.circle ? 'fd-avatar--circle' : '',\n            this.border ? 'fd-avatar--border' : '',\n            this.transparent ? 'fd-avatar--transparent' : '',\n            this.contain ? 'fd-avatar--background-contain' : '',\n            this.placeholder ? 'fd-avatar--placeholder' : '',\n            this.tile ? 'fd-avatar--tile' : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<any> {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    @HostListener('click', ['$event'])\n    @HostListener('keydown.enter', ['$event'])\n    @HostListener('keydown.space', ['$event'])\n    _onClick(event: Event): void {\n        if (this.clickable) {\n            event.preventDefault();\n            this.avatarClicked.emit(event);\n            if (this.zoomGlyph) {\n                this.zoomGlyphClicked.next();\n            }\n        }\n    }\n\n    /** @hidden */\n    zoomClicked(event: Event): void {\n        event.preventDefault();\n        this.elementRef().nativeElement.focus();\n        this.zoomGlyphClicked.next();\n    }\n\n    /** @hidden Get an abbreviate from the label or return null if not fit requirements */\n    private _getAbbreviate(label: Nullable<string>): string | null {\n        if (!label || this._image) {\n            return null;\n        }\n\n        return this._generateAbbreviation(label);\n    }\n\n    /** @hidden Get the abbreviation string */\n    private _generateAbbreviation(label: string): string | null {\n        const maxLettersCount = 3;\n        const firstLetters = label.split(' ').map((word) => word.charAt(0));\n        const abbreviate = firstLetters.join('');\n\n        if (firstLetters.length > maxLettersCount || !abbreviate.match(ANY_LANGUAGE_LETTERS_REGEX)) {\n            return null;\n        }\n\n        return abbreviate;\n    }\n\n    /** @hidden */\n    private _setImage(value: Nullable<string>): void {\n        this._image = value;\n\n        if (value) {\n            this._verifyImageUrl(value, (): void => {}, this._onErrorCallback);\n        } else {\n            this._bgImage = null;\n        }\n    }\n\n    /** @hidden */\n    private _verifyImageUrl(srcValue: string, onLoadCallback: () => void, onErrorCallback: () => void): void {\n        const img = new Image();\n        img.onload = onLoadCallback.bind(this);\n        img.onerror = onErrorCallback.bind(this);\n        img.src = srcValue;\n        this._assignBgImage(srcValue);\n    }\n\n    /** @hidden */\n    private _assignBgImage(srcValue: Nullable<string>): void {\n        this._bgImage = srcValue ? `url(${srcValue})` : null;\n    }\n\n    /** @hidden */\n    private _onErrorCallback(): void {\n        if (!this._alterIcon) {\n            this._showDefaultIcon();\n            this._cdr.detectChanges();\n            return;\n        }\n\n        const options = this._alterIcon.split('|');\n        for (let i = 0; i < options.length; i++) {\n            const option = options[i];\n\n            if (option === ALTER_ICON_OPTIONS.CONTENT) {\n                const contentValue = this._content?.nativeElement.innerText;\n                if (contentValue) {\n                    this.abbreviate = this._generateAbbreviation(contentValue);\n                    break;\n                }\n\n                continue;\n            }\n\n            if (option === ALTER_ICON_OPTIONS.ALT) {\n                const altValue = this.elementRef().nativeElement.getAttribute('alt');\n                if (altValue) {\n                    this.abbreviate = this._generateAbbreviation(altValue);\n                    break;\n                }\n\n                continue;\n            }\n\n            if (option === ALTER_ICON_OPTIONS.BACKUP) {\n                if (this._backupImage && this._backupImage !== '') {\n                    // Check if backupImage can be loaded successfully\n                    // If not, set default user icon\n                    this._verifyImageUrl(\n                        this._backupImage,\n                        () => {\n                            this._assignBgImage(this._backupImage);\n                            this._cdr.detectChanges();\n                        },\n                        () => {\n                            this._showDefaultIcon();\n                            this._cdr.detectChanges();\n                        }\n                    );\n                    break;\n                }\n\n                continue;\n            }\n\n            if (option === ALTER_ICON_OPTIONS.DEFAULT_ICON) {\n                this._showDefaultIcon();\n                break;\n            }\n\n            this._showDefaultIcon();\n        }\n\n        this._cdr.detectChanges();\n    }\n\n    /** @hidden */\n    private _showDefaultIcon(): void {\n        this.abbreviate = null;\n        this._image = null;\n        this.glyph = null;\n    }\n}\n","{{ abbreviate }}\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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AvatarComponent } from './avatar.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [AvatarComponent],\n    declarations: [AvatarComponent]\n})\nexport class AvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-avatar.mjs","sources":["../../../../libs/core/src/lib/avatar/avatar.component.ts","../../../../libs/core/src/lib/avatar/avatar.component.html","../../../../libs/core/src/lib/avatar/avatar.module.ts","../../../../libs/core/src/lib/avatar/fundamental-ngx-core-avatar.ts"],"sourcesContent":["import {\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    ANY_LANGUAGE_LETTERS_REGEX,\n    ColorAccent,\n    Size,\n    applyCssClass,\n    getRandomColorAccent,\n    CssClassBuilder\n} from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\n\nlet avatarUniqueId = 0;\n\nconst ALTER_ICON_OPTIONS = {\n    CONTENT: 'content',\n    ALT: 'alt',\n    BACKUP: 'backup',\n    DEFAULT_ICON: 'default-icon'\n};\n\n@Component({\n    selector: 'fd-avatar',\n    templateUrl: './avatar.component.html',\n    styleUrls: ['./avatar.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.tabindex]': '_tabindex'\n    }\n})\nexport class AvatarComponent implements OnChanges, OnInit, CssClassBuilder, OnChanges {\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** Id of the Avatar. */\n    @Input()\n    @HostBinding('attr.id')\n    id = `fd-avatar-${avatarUniqueId++}`;\n\n    /** Aria-label for Avatar. */\n    @Input()\n    @HostBinding('attr.aria-label')\n    @HostBinding('attr.alt')\n    ariaLabel: Nullable<string> = null;\n\n    /** Aria-Labelledby for element describing Avatar. */\n    @Input()\n    @HostBinding('attr.aria-labelledby')\n    ariaLabelledby: Nullable<string> = null;\n\n    /** Localized text for label */\n    @Input()\n    set label(value: Nullable<string>) {\n        this.ariaLabel = value || null;\n        this.abbreviate = this._getAbbreviate(value);\n    }\n\n    /** The size of the Avatar. Options include: *xs*, *s*, *m*, *l* and *xl*. */\n    @Input() size: Size = 'l';\n\n    /** The glyph name. */\n    @Input() glyph: Nullable<string> = null;\n\n    /** The glyph name for zoom icon. */\n    @Input() zoomGlyph: Nullable<string> = null;\n\n    /** Whether to apply a circle style to the Avatar. */\n    @Input() circle = false;\n\n    /** Whether to apply a transparent style to the Avatar. */\n    @Input() transparent = false;\n\n    /** Whether to apply background size contain style to the Avatar */\n    @Input() contain = false;\n\n    /** Whether to apply a placeholder background style to the Avatar. */\n    @Input() placeholder = false;\n\n    /** Whether to apply a tile background style to the Avatar. */\n    @Input() tile = false;\n\n    /** Whether to apply a border to the Avatar. */\n    @Input() border = false;\n\n    /** A number from 1 to 10 representing the background color of the Avatar. */\n    @Input() colorAccent: Nullable<ColorAccent> = null;\n\n    /** Whether to apply random background color to the Avatar. */\n    @Input() random = false;\n\n    /** Whether component should be focusable & clicable */\n    @Input() clickable = false;\n\n    /**\n     * @deprecated\n     * Deprecated according to Rename `backgroundImage` to `image`\n     * */\n    /** Background image url. */\n    @Input()\n    set backgroundImage(value: string) {\n        this._setImage(value);\n    }\n\n    /** Background image resource: url or base64. */\n    @Input()\n    set image(value: Nullable<string>) {\n        this._setImage(value);\n    }\n    get image(): Nullable<string> {\n        return this._image;\n    }\n\n    /** Backup options to use when image hasn't been loaded successfully.\n     * Options separated with \"|\" symbol.\n     * Possible options: content, alt, backup, default-icon\n     */\n    @Input()\n    set alterIcon(value: Nullable<string>) {\n        this._alterIcon = value;\n    }\n    get alterIcon(): Nullable<string> {\n        return this._alterIcon;\n    }\n\n    /** Backup image to load when image hasn't been loaded successfully.\n     * Only applicable when using alterIcon input property.\n     */\n    @Input()\n    set backupImage(value: Nullable<string>) {\n        this._backupImage = value;\n    }\n    get backupImage(): Nullable<string> {\n        return this._backupImage;\n    }\n\n    /** Event emitted when avatar clicked. Only fires if clickable input property set to true. */\n    @Output() avatarClicked = new EventEmitter<Event>();\n\n    /** Event emitted when zoom icon clicked. Only fires if zoomGlyph input property is set. */\n    @Output() zoomGlyphClicked = new EventEmitter<void>();\n\n    /** @hidden */\n    @HostBinding('style.background-image')\n    get bgImage(): Nullable<string> {\n        return this._bgImage;\n    }\n\n    /** @hidden */\n    @HostBinding('attr.role')\n    get role(): string {\n        return this.zoomGlyph ? 'button' : 'img';\n    }\n\n    /** @hidden */\n    @ViewChild('content')\n    set content(value: ElementRef) {\n        this._content = value;\n    }\n\n    /** @hidden */\n    abbreviate: Nullable<string> = null;\n\n    /** @hidden */\n    private _image: Nullable<string> = null;\n\n    /** @hidden */\n    private _alterIcon: Nullable<string> = null;\n\n    /** @hidden */\n    private _content: Nullable<ElementRef> = null;\n\n    /** @hidden */\n    private _backupImage: Nullable<string> = null;\n\n    /** @hidden */\n    private _bgImage: Nullable<string> = null;\n\n    /** @hidden */\n    get _tabindex(): number | null {\n        if (this.hostTabindex != null) {\n            return this.hostTabindex;\n        }\n        return this.clickable ? 0 : null;\n    }\n\n    /** If a default placeholder should be displayed */\n    get showDefault(): boolean {\n        return !this.abbreviate && !this._image && !this.glyph;\n    }\n\n    /** @hidden */\n    constructor(\n        private _elementRef: ElementRef,\n        private _cdr: ChangeDetectorRef,\n        @Attribute('tabindex') private hostTabindex: number | null\n    ) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        if (this.zoomGlyph) {\n            this.clickable = true;\n        }\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-avatar',\n            this.size ? `fd-avatar--${this.size}` : '',\n            this.colorAccent && !this.random ? `fd-avatar--accent-color-${this.colorAccent}` : '',\n            this.random ? `fd-avatar--accent-color-${getRandomColorAccent()}` : '',\n            this.circle ? 'fd-avatar--circle' : '',\n            this.border ? 'fd-avatar--border' : '',\n            this.transparent ? 'fd-avatar--transparent' : '',\n            this.contain ? 'fd-avatar--background-contain' : '',\n            this.placeholder ? 'fd-avatar--placeholder' : '',\n            this.tile ? 'fd-avatar--tile' : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<any> {\n        return this._elementRef;\n    }\n\n    /** @hidden */\n    @HostListener('click', ['$event'])\n    @HostListener('keydown.enter', ['$event'])\n    @HostListener('keydown.space', ['$event'])\n    _onClick(event: Event): void {\n        if (this.clickable) {\n            event.preventDefault();\n            this.avatarClicked.emit(event);\n            if (this.zoomGlyph) {\n                this.zoomGlyphClicked.next();\n            }\n        }\n    }\n\n    /** @hidden */\n    zoomClicked(event: Event): void {\n        event.preventDefault();\n        this.elementRef().nativeElement.focus();\n        this.zoomGlyphClicked.next();\n    }\n\n    /** @hidden Get an abbreviate from the label or return null if not fit requirements */\n    private _getAbbreviate(label: Nullable<string>): string | null {\n        if (!label || this._image) {\n            return null;\n        }\n\n        return this._generateAbbreviation(label);\n    }\n\n    /** @hidden Get the abbreviation string */\n    private _generateAbbreviation(label: string): string | null {\n        const maxLettersCount = 3;\n        const firstLetters = label.split(' ').map((word) => word.charAt(0));\n        const abbreviate = firstLetters.join('');\n\n        if (firstLetters.length > maxLettersCount || !abbreviate.match(ANY_LANGUAGE_LETTERS_REGEX)) {\n            return null;\n        }\n\n        return abbreviate;\n    }\n\n    /** @hidden */\n    private _setImage(value: Nullable<string>): void {\n        this._image = value;\n\n        if (value) {\n            this._verifyImageUrl(value, (): void => {}, this._onErrorCallback);\n        } else {\n            this._bgImage = null;\n        }\n    }\n\n    /** @hidden */\n    private _verifyImageUrl(srcValue: string, onLoadCallback: () => void, onErrorCallback: () => void): void {\n        // Don't load the same image all the time check happens\n        if (srcValue === this._bgImage) {\n            return;\n        }\n        const img = new Image();\n        img.onload = onLoadCallback.bind(this);\n        img.onerror = onErrorCallback.bind(this);\n        img.src = srcValue;\n        this._assignBgImage(srcValue);\n    }\n\n    /** @hidden */\n    private _assignBgImage(srcValue: Nullable<string>): void {\n        this._bgImage = srcValue ? `url(${srcValue})` : null;\n    }\n\n    /** @hidden */\n    private _onErrorCallback(): void {\n        if (!this._alterIcon) {\n            this._showDefaultIcon();\n            this._cdr.detectChanges();\n            return;\n        }\n\n        const options = this._alterIcon.split('|');\n        for (let i = 0; i < options.length; i++) {\n            const option = options[i];\n\n            if (option === ALTER_ICON_OPTIONS.CONTENT) {\n                const contentValue = this._content?.nativeElement.innerText;\n                if (contentValue) {\n                    this.abbreviate = this._generateAbbreviation(contentValue);\n                    break;\n                }\n\n                continue;\n            }\n\n            if (option === ALTER_ICON_OPTIONS.ALT) {\n                const altValue = this.elementRef().nativeElement.getAttribute('alt');\n                if (altValue) {\n                    this.abbreviate = this._generateAbbreviation(altValue);\n                    break;\n                }\n\n                continue;\n            }\n\n            if (option === ALTER_ICON_OPTIONS.BACKUP) {\n                if (this._backupImage && this._backupImage !== '') {\n                    // Check if backupImage can be loaded successfully\n                    // If not, set default user icon\n                    this._verifyImageUrl(\n                        this._backupImage,\n                        () => {\n                            this._assignBgImage(this._backupImage);\n                            this._cdr.detectChanges();\n                        },\n                        () => {\n                            this._showDefaultIcon();\n                            this._cdr.detectChanges();\n                        }\n                    );\n                    break;\n                }\n\n                continue;\n            }\n\n            if (option === ALTER_ICON_OPTIONS.DEFAULT_ICON) {\n                this._showDefaultIcon();\n                break;\n            }\n\n            this._showDefaultIcon();\n        }\n\n        this._cdr.detectChanges();\n    }\n\n    /** @hidden */\n    private _showDefaultIcon(): void {\n        this.abbreviate = null;\n        this._image = null;\n        this.glyph = null;\n    }\n}\n","{{ abbreviate }}\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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AvatarComponent } from './avatar.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [AvatarComponent],\n    declarations: [AvatarComponent]\n})\nexport class AvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/fundamental-ngx-core-bar.mjs

@@ -68,7 +68,7 @@ BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
             },
             defaultContentDensity: ContentDensityMode.COMPACT
         })
-    ], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.5rem;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem}.fd-bar:after,.fd-bar:before{box-sizing:inherit;font-size:inherit}.fd-bar--responsive-paddings{margin-bottom:.5rem;margin-top:.5rem}@media (max-width: 599px){.fd-bar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-bar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-bar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-bar--responsive-paddings{padding-left:3rem;padding-right:3rem}}.fd-bar__left,.fd-bar__middle,.fd-bar__right{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{box-sizing:inherit;font-size:inherit}.fd-bar__middle{justify-content:center;padding:0 var(--fdBar_Middle_Area_Padding_X)}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__left[dir=rtl],[dir=rtl] .fd-bar__left{padding-left:var(--fdBar_Left_Area_Padding_Right);padding-right:0}.fd-bar__right{justify-content:flex-end;padding-left:var(--fdBar_Right_Area_Padding_Left);padding-right:0}.fd-bar__right[dir=rtl],[dir=rtl] .fd-bar__right{padding-left:0;padding-right:var(--fdBar_Right_Area_Padding_Left)}.fd-bar__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-height:100%;max-width:100%;padding:0}.fd-bar__element:after,.fd-bar__element:before{box-sizing:inherit;font-size:inherit}.fd-bar__element[dir=rtl],[dir=rtl] .fd-bar__element{margin-left:.5rem;margin-right:0}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}.fd-bar__element:last-child[dir=rtl],[dir=rtl] .fd-bar__element:last-child{margin-left:0;margin-right:0}.fd-bar--header{color:var(--fdBar_Header_Color);font-family:var(--fdBar_Header_Font_Family);height:2.5rem}.fd-bar--header,.fd-bar--subheader{-webkit-box-shadow:var(--sapContent_HeaderShadow);background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;padding-bottom:.25rem}.fd-bar--header-with-subheader{background:var(--sapPageHeader_Background);position:relative;z-index:2}.fd-bar--footer,.fd-bar--header-with-subheader{box-shadow:none;height:2.5rem}.fd-bar--footer{border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer,.fd-bar--footer{background:var(--sapPageFooter_Background)}.fd-bar--floating-footer{-webkit-box-shadow:var(--sapContent_Shadow1);border:none;border-radius:var(--sapElement_BorderCornerRadius);bottom:0;box-shadow:var(--sapContent_Shadow1);height:2.5rem;left:0;opacity:1;position:absolute;right:0;z-index:1000}.fd-bar--cozy,.fd-bar--cozy.fd-bar--floating-footer,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--header{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--growing{height:auto;min-height:2.5rem;padding-bottom:.25rem;padding-top:.25rem}.fd-bar--growing.fd-bar--header{padding-bottom:.375rem}.fd-bar--home-page,.fd-bar--page{padding:0 1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{left:.5rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{left:1rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{left:1rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:1rem}.fd-bar--home-page-m_l,.fd-bar--page-m_l{padding:0 2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer{left:2rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{padding:0 3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{left:3rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.5rem;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem}.fd-bar:after,.fd-bar:before{box-sizing:inherit;font-size:inherit}.fd-bar--responsive-paddings{margin-bottom:.5rem;margin-top:.5rem}@media (max-width: 599px){.fd-bar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-bar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-bar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-bar--responsive-paddings{padding-left:3rem;padding-right:3rem}}.fd-bar__left,.fd-bar__middle,.fd-bar__right{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{box-sizing:inherit;font-size:inherit}.fd-bar__middle{justify-content:center;padding:0 var(--fdBar_Middle_Area_Padding_X)}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__left[dir=rtl],[dir=rtl] .fd-bar__left{padding-left:var(--fdBar_Left_Area_Padding_Right);padding-right:0}.fd-bar__right{justify-content:flex-end;padding-left:var(--fdBar_Right_Area_Padding_Left);padding-right:0}.fd-bar__right[dir=rtl],[dir=rtl] .fd-bar__right{padding-left:0;padding-right:var(--fdBar_Right_Area_Padding_Left)}.fd-bar__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-height:100%;max-width:100%;padding:0}.fd-bar__element:after,.fd-bar__element:before{box-sizing:inherit;font-size:inherit}.fd-bar__element[dir=rtl],[dir=rtl] .fd-bar__element{margin-left:.5rem;margin-right:0}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}.fd-bar__element:last-child[dir=rtl],[dir=rtl] .fd-bar__element:last-child{margin-left:0;margin-right:0}.fd-bar--header{color:var(--fdBar_Header_Color);font-family:var(--fdBar_Header_Font_Family);height:2.5rem}.fd-bar--header,.fd-bar--subheader{-webkit-box-shadow:var(--sapContent_HeaderShadow);background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;padding-bottom:.25rem}.fd-bar--header-with-subheader{background:var(--sapPageHeader_Background);position:relative;z-index:2}.fd-bar--footer,.fd-bar--header-with-subheader{box-shadow:none;height:2.5rem}.fd-bar--footer{border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer,.fd-bar--footer{background:var(--sapPageFooter_Background)}.fd-bar--floating-footer{-webkit-box-shadow:var(--sapContent_Shadow1);border:none;border-radius:var(--sapElement_BorderCornerRadius);bottom:0;box-shadow:var(--sapContent_Shadow1);height:2.5rem;left:0;opacity:1;position:absolute;right:0;z-index:1000}.fd-bar--cozy,.fd-bar--cozy.fd-bar--floating-footer,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--header{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--growing{height:auto;min-height:2.5rem;padding-bottom:.25rem;padding-top:.25rem}.fd-bar--growing.fd-bar--header{padding-bottom:.375rem}.fd-bar--home-page,.fd-bar--page{padding:0 1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{left:.5rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{left:1rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{left:1rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:1rem}.fd-bar--home-page-m_l,.fd-bar--page-m_l{padding:0 2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer{left:2rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{padding:0 3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{left:3rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -84,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                             },
                             defaultContentDensity: ContentDensityMode.COMPACT
                         })
-                    ], template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.5rem;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem}.fd-bar:after,.fd-bar:before{box-sizing:inherit;font-size:inherit}.fd-bar--responsive-paddings{margin-bottom:.5rem;margin-top:.5rem}@media (max-width: 599px){.fd-bar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-bar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-bar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-bar--responsive-paddings{padding-left:3rem;padding-right:3rem}}.fd-bar__left,.fd-bar__middle,.fd-bar__right{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{box-sizing:inherit;font-size:inherit}.fd-bar__middle{justify-content:center;padding:0 var(--fdBar_Middle_Area_Padding_X)}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__left[dir=rtl],[dir=rtl] .fd-bar__left{padding-left:var(--fdBar_Left_Area_Padding_Right);padding-right:0}.fd-bar__right{justify-content:flex-end;padding-left:var(--fdBar_Right_Area_Padding_Left);padding-right:0}.fd-bar__right[dir=rtl],[dir=rtl] .fd-bar__right{padding-left:0;padding-right:var(--fdBar_Right_Area_Padding_Left)}.fd-bar__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-height:100%;max-width:100%;padding:0}.fd-bar__element:after,.fd-bar__element:before{box-sizing:inherit;font-size:inherit}.fd-bar__element[dir=rtl],[dir=rtl] .fd-bar__element{margin-left:.5rem;margin-right:0}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}.fd-bar__element:last-child[dir=rtl],[dir=rtl] .fd-bar__element:last-child{margin-left:0;margin-right:0}.fd-bar--header{color:var(--fdBar_Header_Color);font-family:var(--fdBar_Header_Font_Family);height:2.5rem}.fd-bar--header,.fd-bar--subheader{-webkit-box-shadow:var(--sapContent_HeaderShadow);background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;padding-bottom:.25rem}.fd-bar--header-with-subheader{background:var(--sapPageHeader_Background);position:relative;z-index:2}.fd-bar--footer,.fd-bar--header-with-subheader{box-shadow:none;height:2.5rem}.fd-bar--footer{border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer,.fd-bar--footer{background:var(--sapPageFooter_Background)}.fd-bar--floating-footer{-webkit-box-shadow:var(--sapContent_Shadow1);border:none;border-radius:var(--sapElement_BorderCornerRadius);bottom:0;box-shadow:var(--sapContent_Shadow1);height:2.5rem;left:0;opacity:1;position:absolute;right:0;z-index:1000}.fd-bar--cozy,.fd-bar--cozy.fd-bar--floating-footer,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--header{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--growing{height:auto;min-height:2.5rem;padding-bottom:.25rem;padding-top:.25rem}.fd-bar--growing.fd-bar--header{padding-bottom:.375rem}.fd-bar--home-page,.fd-bar--page{padding:0 1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{left:.5rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{left:1rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{left:1rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:1rem}.fd-bar--home-page-m_l,.fd-bar--page-m_l{padding:0 2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer{left:2rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{padding:0 3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{left:3rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:3rem}\n"] }]
+                    ], template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.5rem;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem}.fd-bar:after,.fd-bar:before{box-sizing:inherit;font-size:inherit}.fd-bar--responsive-paddings{margin-bottom:.5rem;margin-top:.5rem}@media (max-width: 599px){.fd-bar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-bar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-bar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-bar--responsive-paddings{padding-left:3rem;padding-right:3rem}}.fd-bar__left,.fd-bar__middle,.fd-bar__right{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex:1 1 auto;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 1 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{box-sizing:inherit;font-size:inherit}.fd-bar__middle{justify-content:center;padding:0 var(--fdBar_Middle_Area_Padding_X)}.fd-bar__middle:only-child{padding:0}.fd-bar__left{padding-left:0;padding-right:var(--fdBar_Left_Area_Padding_Right)}.fd-bar__left[dir=rtl],[dir=rtl] .fd-bar__left{padding-left:var(--fdBar_Left_Area_Padding_Right);padding-right:0}.fd-bar__right{justify-content:flex-end;padding-left:var(--fdBar_Right_Area_Padding_Left);padding-right:0}.fd-bar__right[dir=rtl],[dir=rtl] .fd-bar__right{padding-left:0;padding-right:var(--fdBar_Right_Area_Padding_Left)}.fd-bar__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-height:100%;max-width:100%;padding:0}.fd-bar__element:after,.fd-bar__element:before{box-sizing:inherit;font-size:inherit}.fd-bar__element[dir=rtl],[dir=rtl] .fd-bar__element{margin-left:.5rem;margin-right:0}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{flex-grow:1}.fd-bar__element:last-child{margin-right:0}.fd-bar__element:last-child[dir=rtl],[dir=rtl] .fd-bar__element:last-child{margin-left:0;margin-right:0}.fd-bar--header{color:var(--fdBar_Header_Color);font-family:var(--fdBar_Header_Font_Family);height:2.5rem}.fd-bar--header,.fd-bar--subheader{-webkit-box-shadow:var(--sapContent_HeaderShadow);background:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);z-index:1}.fd-bar--subheader{height:2.25rem;padding-bottom:.25rem}.fd-bar--header-with-subheader{background:var(--sapPageHeader_Background);position:relative;z-index:2}.fd-bar--footer,.fd-bar--header-with-subheader{box-shadow:none;height:2.5rem}.fd-bar--footer{border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer,.fd-bar--footer{background:var(--sapPageFooter_Background)}.fd-bar--floating-footer{-webkit-box-shadow:var(--sapContent_Shadow1);border:none;border-radius:var(--sapElement_BorderCornerRadius);bottom:0;box-shadow:var(--sapContent_Shadow1);height:2.5rem;left:0;opacity:1;position:absolute;right:0;z-index:1000}.fd-bar--cozy,.fd-bar--cozy.fd-bar--floating-footer,.fd-bar--cozy.fd-bar--footer,.fd-bar--cozy.fd-bar--header{height:2.75rem}.fd-bar--cozy.fd-bar--subheader{height:3rem;padding-bottom:.25rem}.fd-bar--growing{height:auto;min-height:2.5rem;padding-bottom:.25rem;padding-top:.25rem}.fd-bar--growing.fd-bar--header{padding-bottom:.375rem}.fd-bar--home-page,.fd-bar--page{padding:0 1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{left:.5rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:.5rem}.fd-bar--page-s{padding:0 1rem}.fd-bar--page-s.fd-bar--floating-footer{left:1rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:1rem}.fd-bar--home-page-s{padding:0 .5rem}.fd-bar--home-page-s.fd-bar--floating-footer{left:1rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:1rem}.fd-bar--home-page-m_l,.fd-bar--page-m_l{padding:0 2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer{left:2rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{padding:0 3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{left:3rem;margin-bottom:.5rem;margin-top:.5rem;padding:0 .5rem;right:3rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentDensityObserver }]; }, propDecorators: { class: [{
                 type: Input
             }], barDesign: [{