npm - @fundamental-ngx/core - Versions diffs - 0.46.2-rc.12 → 0.46.2-rc.13 - Mend

@fundamental-ngx/core 0.46.2-rc.12 → 0.46.2-rc.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (244) hide show

package/fesm2022/fundamental-ngx-core-action-sheet.mjs CHANGED Viewed

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

package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fundamental-ngx-core-action-sheet.mjs","sources":["../../../../libs/core/src/lib/action-sheet/action-sheet-body/action-sheet-body.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-body/action-sheet-body.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-control/action-sheet-control.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-item/action-sheet-item.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-item/action-sheet-item.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet.module.ts","../../../../libs/core/src/lib/action-sheet/fundamental-ngx-core-action-sheet.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostListener,\n Input,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\n\nimport { KeyboardSupportService, Nullable } from '@fundamental-ngx/cdk/utils';\n\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\nimport { ActionSheetItemComponent } from '../action-sheet-item/action-sheet-item.component';\n\nlet actionSheetBodyUniqueIdCounter = 0;\n\n/*\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n selector: 'fd-action-sheet-body',\n templateUrl: './action-sheet-body.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [contentDensityObserverProviders()],\n standalone: true\n})\nexport class ActionSheetBodyComponent {\n /* Id of the Action Sheet Body. /\n @Input()\n actionSheetBodyId = `fd-action-sheet-body-${actionSheetBodyUniqueIdCounter++}`;\n\n /* Display in mobile view. /\n @Input()\n mobile = false;\n\n /* Aria-label for Action Sheet Body. /\n @Input()\n ariaLabel: Nullable<string>;\n\n /* Aria-Labelledby for element describing Action Sheet Body. /\n @Input()\n ariaLabelledby: Nullable<string>;\n\n /* @hidden /\n @ViewChild('actionSheetElement')\n actionSheetElementRef: ElementRef<HTMLUListElement>;\n\n /* @hidden /\n constructor(\n private readonly _keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>,\n readonly _contentDensityObserver: ContentDensityObserver\n ) {}\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n event.stopPropagation();\n }\n\n /* @hidden /\n @HostListener('keydown', ['$event'])\n keyDownHandler(event: KeyboardEvent): void {\n if (this._keyboardSupportService.keyManager) {\n this._keyboardSupportService.onKeyDown(event);\n }\n }\n}\n","<ul\n #actionSheetElement\n [attr.id]=\"actionSheetBodyId\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n class=\"fd-action-sheet\"\n [class.fd-action-sheet--mobile]=\"mobile\"\n role=\"menu\"\n>\n <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n","import { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostListener,\n Output,\n ViewEncapsulation\n} from '@angular/core';\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n selector: 'fd-action-sheet-control',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class ActionSheetControlComponent {\n /* Emitted event when control button is clicked /\n @Output()\n clicked: EventEmitter<void> = new EventEmitter<void>();\n\n /* saves element that is focused before dialog opened /\n private _focusedElementBeforeDialogOpened: HTMLElement \| null = null;\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(): void {\n this._focusedElementBeforeDialogOpened = _getFocusedElementPierceShadowDom();\n this.clicked.emit();\n }\n\n /* @hidden /\n _focus(): void {\n this._focusedElementBeforeDialogOpened?.focus();\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { KeyboardSupportItemInterface } from '@fundamental-ngx/cdk/utils';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\n\nexport interface ActionSheetClickEvent {\n shouldClose: boolean;\n}\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-action-sheet-item]',\n templateUrl: './action-sheet-item.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-action-sheet__item',\n role: 'none'\n },\n standalone: true,\n imports: [ButtonComponent]\n})\nexport class ActionSheetItemComponent implements KeyboardSupportItemInterface {\n /* Sets text of button. /\n @Input()\n label: string;\n\n /* Sets icon of action item. /\n @Input()\n glyph: string;\n\n /* Indicate state of the button./\n @Input()\n negative = false;\n\n /* Indicate if it's closing button /\n @Input()\n isCloseButton = false;\n\n /* Whether or not the action sheet item is disabled. /\n @Input()\n disabled = false;\n\n /* @hidden /\n @ViewChild(ButtonComponent, { read: ElementRef })\n buttonComponent: ElementRef;\n\n /* @hidden /\n @Output()\n keyDown = new EventEmitter<KeyboardEvent>();\n\n /* @hidden /\n clicked = new EventEmitter<ActionSheetClickEvent>();\n\n /* @hidden /\n constructor(private readonly _elementRef: ElementRef) {}\n\n /* @hidden /\n @HostListener('keydown', ['$event'])\n keydownHandler(event: KeyboardEvent): void {\n this.keyDown.emit(event);\n }\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(): void {\n this.clicked.emit({\n shouldClose: this.isCloseButton\n });\n }\n\n /* @hidden Support for KeyboardSupportItemInterface /\n click(): void {\n this._elementRef.nativeElement.click();\n }\n\n /* @hidden /\n focus(): void {\n this.buttonComponent.nativeElement.focus();\n }\n}\n","<button\n fd-button\n [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n role=\"menuitem\"\n class=\"fd-button--full-width\"\n [label]=\"label\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button>\n","import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\n\ntype OpenChangeHandle = (isOpen: boolean) => void;\n\n@Component({\n selector: 'fd-action-sheet-mobile',\n templateUrl: './action-sheet-mobile.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgIf, NgTemplateOutlet]\n})\nexport class ActionSheetMobileComponent {\n /* Whenever links should be visible /\n open = false;\n\n /* @hidden /\n childContent: {\n actionSheetBodyTemplate: TemplateRef<any>;\n isOpenChangeHandle: OpenChangeHandle;\n } \| null = null;\n\n /* @hidden /\n get _isOpenChangeHandle(): OpenChangeHandle \| undefined {\n return this.childContent?.isOpenChangeHandle;\n }\n\n /* @hidden /\n constructor(private readonly _changeDetectionRef: ChangeDetectorRef) {}\n\n /* @hidden /\n toggleOpenState(isOpen: boolean): void {\n this.open = isOpen;\n this._changeDetectionRef.detectChanges();\n }\n}\n","<div\n ngIf=\"open\"\n class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n>\n <ng-container ngTemplateOutlet=\"childContent?.actionSheetBodyTemplate \|\| null\"></ng-container>\n</div>\n","import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ComponentRef,\n ContentChild,\n ContentChildren,\n EventEmitter,\n Input,\n OnDestroy,\n Optional,\n Output,\n QueryList,\n TemplateRef,\n ViewChild,\n ViewContainerRef,\n ViewEncapsulation\n} from '@angular/core';\nimport { Subject, Subscription, merge } from 'rxjs';\nimport { startWith, takeUntil } from 'rxjs/operators';\n\nimport { DynamicComponentService, FocusEscapeDirection, KeyboardSupportService } from '@fundamental-ngx/cdk/utils';\nimport { PopoverComponent } from '@fundamental-ngx/core/popover';\nimport { Placement } from '@fundamental-ngx/core/shared';\n\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { PopoverBodyComponent, PopoverControlComponent } from '@fundamental-ngx/core/popover';\nimport { ActionSheetBodyComponent } from './action-sheet-body/action-sheet-body.component';\nimport { ActionSheetControlComponent } from './action-sheet-control/action-sheet-control.component';\nimport { ActionSheetClickEvent, ActionSheetItemComponent } from './action-sheet-item/action-sheet-item.component';\nimport { ActionSheetMobileComponent } from './action-sheet-mobile/action-sheet-mobile.component';\n\n@Component({\n selector: 'fd-action-sheet',\n templateUrl: './action-sheet.component.html',\n styleUrls: ['./action-sheet.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [KeyboardSupportService, DynamicComponentService],\n standalone: true,\n imports: [NgIf, PopoverComponent, PopoverControlComponent, NgTemplateOutlet, PopoverBodyComponent]\n})\nexport class ActionSheetComponent implements AfterContentInit, AfterViewInit, OnDestroy {\n /* Whether should be displayed in mobile mode /\n @Input()\n mobile = false;\n\n /* The position of the popover body. Set to 'bottom' by default. /\n @Input()\n placement: Placement = 'bottom';\n\n /* Whether the popover body has an arrow. Set to false by default. /\n @Input()\n noArrow = false;\n\n /* Whenever links should be visible /\n @Input()\n isOpen = false;\n\n /* Whether internal keyboard support should be enabled. It's enabled by default /\n @Input()\n keyboardSupport = true;\n\n /\n To allow user to determine what event he wants to trigger the messages to show\n * Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp).\n /\n @Input()\n triggers: string[] = ['click'];\n\n /* Event thrown, when focus escapes the list /\n @Output()\n focusEscapeList = new EventEmitter<FocusEscapeDirection>();\n\n /* Event thrown, when the action sheet is opened or closed /\n @Output()\n readonly isOpenChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /* @hidden /\n @ContentChild(ActionSheetBodyComponent)\n actionSheetBody: ActionSheetBodyComponent;\n\n /* @hidden /\n @ContentChild(ActionSheetControlComponent)\n actionSheetControl: ActionSheetControlComponent;\n\n /* @hidden /\n @ContentChildren(ActionSheetItemComponent, { descendants: true })\n actionSheetItems: QueryList<ActionSheetItemComponent>;\n\n /* @hidden /\n @ViewChild('actionSheetBodyTemplate')\n actionSheetBodyTemplate: TemplateRef<any>;\n\n /* @hidden /\n @ViewChild(PopoverComponent)\n popoverComponent: PopoverComponent;\n\n /* @hidden /\n actionSheetMobileDynamic: ComponentRef<ActionSheetMobileComponent>;\n\n /* @hidden /\n private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n /* @hidden /\n private readonly _onRefresh$: Subject<void> = new Subject<void>();\n\n /* @hidden /\n private _subscriptions = new Subscription();\n\n /* @hidden /\n constructor(\n private readonly _keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>,\n private readonly _changeDetectionRef: ChangeDetectorRef,\n private readonly _viewContainerRef: ViewContainerRef,\n @Optional() private _dynamicComponentService: DynamicComponentService\n ) {}\n\n /* @hidden /\n ngAfterContentInit(): void {\n this._initializeChildrenState();\n this._keyboardSupportService.setKeyboardService(this.actionSheetItems, true);\n this._listenOnItemsChange();\n this._actionControlHandle();\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n if (this.mobile) {\n this._setUpMobileMode();\n }\n }\n\n /* @hidden /\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n this._onDestroy$.next();\n this._onDestroy$.complete();\n }\n\n /* Method that opens action sheet /\n open(): void {\n this.isOpenChangeHandle(true);\n }\n\n /* Method that closes action sheet /\n close(): void {\n this.isOpenChangeHandle(false);\n }\n\n /* @hidden /\n isOpenChangeHandle(isOpen: boolean): void {\n if (this.isOpen === isOpen) {\n return;\n }\n\n this.isOpen = isOpen;\n\n if (this.mobile && this.actionSheetMobileDynamic) {\n this.actionSheetMobileDynamic.instance.toggleOpenState(this.isOpen);\n }\n\n this.isOpenChange.emit(isOpen);\n\n isOpen ? this._setItemActive(0) : this.actionSheetControl._focus();\n\n this._changeDetectionRef.detectChanges();\n }\n\n /* @hidden /\n private _initializeChildrenState(): void {\n if (this.actionSheetBody) {\n this.actionSheetBody.mobile = this.mobile;\n }\n }\n\n /* @hidden /\n private _actionControlHandle(): void {\n this.actionSheetControl.clicked\n .pipe(takeUntil(this._onDestroy$))\n .subscribe(() => (this.isOpen ? this.close() : this.open()));\n }\n\n /* @hidden /\n private _listenOnItemsChange(): void {\n this.actionSheetItems.changes.pipe(startWith(1), takeUntil(this._onDestroy$)).subscribe(() => {\n this._listenOnItemsClick();\n });\n }\n\n /* @hidden /\n private _listenOnItemsClick(): void {\n /* Finish all of the streams, from before /\n this._onRefresh$.next();\n /* Merge refresh/destroy observables /\n const refresh$ = merge(this._onRefresh$, this._onDestroy$);\n\n this.actionSheetItems.forEach((item, index) =>\n item.clicked.pipe(takeUntil(refresh$)).subscribe((event: ActionSheetClickEvent) => {\n this._setItemActive(index);\n if (event.shouldClose) {\n this.close();\n }\n })\n );\n }\n\n /* @hidden Set fake focus on element with passed index /\n private _setItemActive(index: number): void {\n this._keyboardSupportService.keyManager?.setActiveItem(index);\n }\n\n /* @hidden /\n private async _setUpMobileMode(): Promise<void> {\n this.actionSheetMobileDynamic = this._dynamicComponentService.createDynamicComponent(\n {\n actionSheetBodyTemplate: this.actionSheetBodyTemplate,\n isOpenChangeHandle: this.isOpenChangeHandle.bind(this)\n },\n ActionSheetMobileComponent,\n {\n containerRef: this._viewContainerRef\n }\n );\n }\n}\n","<fd-popover\n ngIf=\"!mobile\"\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n [tabbableScrollbar]=\"false\"\n>\n <fd-popover-control>\n <ng-container ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container ngIf=\"mobile\">\n <ng-container ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\n\nimport { ActionSheetBodyComponent } from './action-sheet-body/action-sheet-body.component';\nimport { ActionSheetControlComponent } from './action-sheet-control/action-sheet-control.component';\nimport { ActionSheetItemComponent } from './action-sheet-item/action-sheet-item.component';\nimport { ActionSheetComponent } from './action-sheet.component';\n\nconst components = [\n ActionSheetComponent,\n ActionSheetControlComponent,\n ActionSheetItemComponent,\n ActionSheetBodyComponent\n];\n\n/*\n @deprecated\n * Use direct imports of components.\n /\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class ActionSheetModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"fundamental-ngx-core-action-sheet.mjs","sources":["../../../../libs/core/src/lib/action-sheet/action-sheet-body/action-sheet-body.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-body/action-sheet-body.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-control/action-sheet-control.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-item/action-sheet-item.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-item/action-sheet-item.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet.module.ts","../../../../libs/core/src/lib/action-sheet/fundamental-ngx-core-action-sheet.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostListener,\n Input,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\n\nimport { KeyboardSupportService, Nullable } from '@fundamental-ngx/cdk/utils';\n\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\nimport { ActionSheetItemComponent } from '../action-sheet-item/action-sheet-item.component';\n\nlet actionSheetBodyUniqueIdCounter = 0;\n\n/*\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n selector: 'fd-action-sheet-body',\n templateUrl: './action-sheet-body.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [contentDensityObserverProviders()],\n standalone: true\n})\nexport class ActionSheetBodyComponent {\n /* Id of the Action Sheet Body. /\n @Input()\n actionSheetBodyId = `fd-action-sheet-body-${actionSheetBodyUniqueIdCounter++}`;\n\n /* Display in mobile view. /\n @Input()\n mobile = false;\n\n /* Aria-label for Action Sheet Body. /\n @Input()\n ariaLabel: Nullable<string>;\n\n /* Aria-Labelledby for element describing Action Sheet Body. /\n @Input()\n ariaLabelledby: Nullable<string>;\n\n /* @hidden /\n @ViewChild('actionSheetElement')\n actionSheetElementRef: ElementRef<HTMLUListElement>;\n\n /* @hidden /\n constructor(\n private readonly _keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>,\n readonly _contentDensityObserver: ContentDensityObserver\n ) {}\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n event.stopPropagation();\n }\n\n /* @hidden /\n @HostListener('keydown', ['$event'])\n keyDownHandler(event: KeyboardEvent): void {\n if (this._keyboardSupportService.keyManager) {\n this._keyboardSupportService.onKeyDown(event);\n }\n }\n}\n","<ul\n #actionSheetElement\n [attr.id]=\"actionSheetBodyId\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n class=\"fd-action-sheet\"\n [class.fd-action-sheet--mobile]=\"mobile\"\n role=\"menu\"\n>\n <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n","import { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostListener,\n Output,\n ViewEncapsulation\n} from '@angular/core';\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n selector: 'fd-action-sheet-control',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class ActionSheetControlComponent {\n /* Emitted event when control button is clicked /\n @Output()\n clicked: EventEmitter<void> = new EventEmitter<void>();\n\n /* saves element that is focused before dialog opened /\n private _focusedElementBeforeDialogOpened: HTMLElement \| null = null;\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(): void {\n this._focusedElementBeforeDialogOpened = _getFocusedElementPierceShadowDom();\n this.clicked.emit();\n }\n\n /* @hidden /\n _focus(): void {\n this._focusedElementBeforeDialogOpened?.focus();\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { KeyboardSupportItemInterface } from '@fundamental-ngx/cdk/utils';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\n\nexport interface ActionSheetClickEvent {\n shouldClose: boolean;\n}\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-action-sheet-item]',\n templateUrl: './action-sheet-item.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-action-sheet__item',\n role: 'none'\n },\n standalone: true,\n imports: [ButtonComponent]\n})\nexport class ActionSheetItemComponent implements KeyboardSupportItemInterface {\n /* Sets text of button. /\n @Input()\n label: string;\n\n /* Sets icon of action item. /\n @Input()\n glyph: string;\n\n /* Indicate state of the button./\n @Input()\n negative = false;\n\n /* Indicate if it's closing button /\n @Input()\n isCloseButton = false;\n\n /* Whether or not the action sheet item is disabled. /\n @Input()\n disabled = false;\n\n /* @hidden /\n @ViewChild(ButtonComponent, { read: ElementRef })\n buttonComponent: ElementRef;\n\n /* @hidden /\n @Output()\n keyDown = new EventEmitter<KeyboardEvent>();\n\n /* @hidden /\n clicked = new EventEmitter<ActionSheetClickEvent>();\n\n /* @hidden /\n constructor(private readonly _elementRef: ElementRef) {}\n\n /* @hidden /\n @HostListener('keydown', ['$event'])\n keydownHandler(event: KeyboardEvent): void {\n this.keyDown.emit(event);\n }\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(): void {\n this.clicked.emit({\n shouldClose: this.isCloseButton\n });\n }\n\n /* @hidden Support for KeyboardSupportItemInterface /\n click(): void {\n this._elementRef.nativeElement.click();\n }\n\n /* @hidden /\n focus(): void {\n this.buttonComponent.nativeElement.focus();\n }\n}\n","<button\n fd-button\n [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n role=\"menuitem\"\n class=\"fd-button--full-width\"\n [label]=\"label\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button>\n","import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\n\ntype OpenChangeHandle = (isOpen: boolean) => void;\n\n@Component({\n selector: 'fd-action-sheet-mobile',\n templateUrl: './action-sheet-mobile.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgIf, NgTemplateOutlet]\n})\nexport class ActionSheetMobileComponent {\n /* Whenever links should be visible /\n open = false;\n\n /* @hidden /\n childContent: {\n actionSheetBodyTemplate: TemplateRef<any>;\n isOpenChangeHandle: OpenChangeHandle;\n } \| null = null;\n\n /* @hidden /\n get _isOpenChangeHandle(): OpenChangeHandle \| undefined {\n return this.childContent?.isOpenChangeHandle;\n }\n\n /* @hidden /\n constructor(private readonly _changeDetectionRef: ChangeDetectorRef) {}\n\n /* @hidden /\n toggleOpenState(isOpen: boolean): void {\n this.open = isOpen;\n this._changeDetectionRef.detectChanges();\n }\n}\n","<div\n ngIf=\"open\"\n class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n>\n <ng-container ngTemplateOutlet=\"childContent?.actionSheetBodyTemplate \|\| null\"></ng-container>\n</div>\n","import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ComponentRef,\n ContentChild,\n ContentChildren,\n EventEmitter,\n Input,\n OnDestroy,\n Optional,\n Output,\n QueryList,\n TemplateRef,\n ViewChild,\n ViewContainerRef,\n ViewEncapsulation\n} from '@angular/core';\nimport { Subject, Subscription, merge } from 'rxjs';\nimport { startWith, takeUntil } from 'rxjs/operators';\n\nimport { DynamicComponentService, FocusEscapeDirection, KeyboardSupportService } from '@fundamental-ngx/cdk/utils';\nimport { PopoverComponent } from '@fundamental-ngx/core/popover';\nimport { Placement } from '@fundamental-ngx/core/shared';\n\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { PopoverBodyComponent, PopoverControlComponent } from '@fundamental-ngx/core/popover';\nimport { ActionSheetBodyComponent } from './action-sheet-body/action-sheet-body.component';\nimport { ActionSheetControlComponent } from './action-sheet-control/action-sheet-control.component';\nimport { ActionSheetClickEvent, ActionSheetItemComponent } from './action-sheet-item/action-sheet-item.component';\nimport { ActionSheetMobileComponent } from './action-sheet-mobile/action-sheet-mobile.component';\n\n@Component({\n selector: 'fd-action-sheet',\n templateUrl: './action-sheet.component.html',\n styleUrls: ['./action-sheet.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [KeyboardSupportService, DynamicComponentService],\n standalone: true,\n imports: [NgIf, PopoverComponent, PopoverControlComponent, NgTemplateOutlet, PopoverBodyComponent]\n})\nexport class ActionSheetComponent implements AfterContentInit, AfterViewInit, OnDestroy {\n /* Whether should be displayed in mobile mode /\n @Input()\n mobile = false;\n\n /* The position of the popover body. Set to 'bottom' by default. /\n @Input()\n placement: Placement = 'bottom';\n\n /* Whether the popover body has an arrow. Set to false by default. /\n @Input()\n noArrow = false;\n\n /* Whenever links should be visible /\n @Input()\n isOpen = false;\n\n /* Whether internal keyboard support should be enabled. It's enabled by default /\n @Input()\n keyboardSupport = true;\n\n /\n To allow user to determine what event he wants to trigger the messages to show\n * Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp).\n /\n @Input()\n triggers: string[] = ['click'];\n\n /* Event thrown, when focus escapes the list /\n @Output()\n focusEscapeList = new EventEmitter<FocusEscapeDirection>();\n\n /* Event thrown, when the action sheet is opened or closed /\n @Output()\n readonly isOpenChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /* @hidden /\n @ContentChild(ActionSheetBodyComponent)\n actionSheetBody: ActionSheetBodyComponent;\n\n /* @hidden /\n @ContentChild(ActionSheetControlComponent)\n actionSheetControl: ActionSheetControlComponent;\n\n /* @hidden /\n @ContentChildren(ActionSheetItemComponent, { descendants: true })\n actionSheetItems: QueryList<ActionSheetItemComponent>;\n\n /* @hidden /\n @ViewChild('actionSheetBodyTemplate')\n actionSheetBodyTemplate: TemplateRef<any>;\n\n /* @hidden /\n @ViewChild(PopoverComponent)\n popoverComponent: PopoverComponent;\n\n /* @hidden /\n actionSheetMobileDynamic: ComponentRef<ActionSheetMobileComponent>;\n\n /* @hidden /\n private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n /* @hidden /\n private readonly _onRefresh$: Subject<void> = new Subject<void>();\n\n /* @hidden /\n private _subscriptions = new Subscription();\n\n /* @hidden /\n constructor(\n private readonly _keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>,\n private readonly _changeDetectionRef: ChangeDetectorRef,\n private readonly _viewContainerRef: ViewContainerRef,\n @Optional() private _dynamicComponentService: DynamicComponentService\n ) {}\n\n /* @hidden /\n ngAfterContentInit(): void {\n this._initializeChildrenState();\n this._keyboardSupportService.setKeyboardService(this.actionSheetItems, true);\n this._listenOnItemsChange();\n this._actionControlHandle();\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n if (this.mobile) {\n this._setUpMobileMode();\n }\n }\n\n /* @hidden /\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n this._onDestroy$.next();\n this._onDestroy$.complete();\n }\n\n /* Method that opens action sheet /\n open(): void {\n this.isOpenChangeHandle(true);\n }\n\n /* Method that closes action sheet /\n close(): void {\n this.isOpenChangeHandle(false);\n }\n\n /* @hidden /\n isOpenChangeHandle(isOpen: boolean): void {\n if (this.isOpen === isOpen) {\n return;\n }\n\n this.isOpen = isOpen;\n\n if (this.mobile && this.actionSheetMobileDynamic) {\n this.actionSheetMobileDynamic.instance.toggleOpenState(this.isOpen);\n }\n\n this.isOpenChange.emit(isOpen);\n\n isOpen ? this._setItemActive(0) : this.actionSheetControl._focus();\n\n this._changeDetectionRef.detectChanges();\n }\n\n /* @hidden /\n private _initializeChildrenState(): void {\n if (this.actionSheetBody) {\n this.actionSheetBody.mobile = this.mobile;\n }\n }\n\n /* @hidden /\n private _actionControlHandle(): void {\n this.actionSheetControl.clicked\n .pipe(takeUntil(this._onDestroy$))\n .subscribe(() => (this.isOpen ? this.close() : this.open()));\n }\n\n /* @hidden /\n private _listenOnItemsChange(): void {\n this.actionSheetItems.changes.pipe(startWith(1), takeUntil(this._onDestroy$)).subscribe(() => {\n this._listenOnItemsClick();\n });\n }\n\n /* @hidden /\n private _listenOnItemsClick(): void {\n /* Finish all of the streams, from before /\n this._onRefresh$.next();\n /* Merge refresh/destroy observables /\n const refresh$ = merge(this._onRefresh$, this._onDestroy$);\n\n this.actionSheetItems.forEach((item, index) =>\n item.clicked.pipe(takeUntil(refresh$)).subscribe((event: ActionSheetClickEvent) => {\n this._setItemActive(index);\n if (event.shouldClose) {\n this.close();\n }\n })\n );\n }\n\n /* @hidden Set fake focus on element with passed index /\n private _setItemActive(index: number): void {\n this._keyboardSupportService.keyManager?.setActiveItem(index);\n }\n\n /* @hidden /\n private async _setUpMobileMode(): Promise<void> {\n this.actionSheetMobileDynamic = this._dynamicComponentService.createDynamicComponent(\n {\n actionSheetBodyTemplate: this.actionSheetBodyTemplate,\n isOpenChangeHandle: this.isOpenChangeHandle.bind(this)\n },\n ActionSheetMobileComponent,\n {\n containerRef: this._viewContainerRef\n }\n );\n }\n}\n","<fd-popover\n ngIf=\"!mobile\"\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n [tabbableScrollbar]=\"false\"\n>\n <fd-popover-control>\n <ng-container ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container ngIf=\"mobile\">\n <ng-container ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\n\nimport { ActionSheetBodyComponent } from './action-sheet-body/action-sheet-body.component';\nimport { ActionSheetControlComponent } from './action-sheet-control/action-sheet-control.component';\nimport { ActionSheetItemComponent } from './action-sheet-item/action-sheet-item.component';\nimport { ActionSheetComponent } from './action-sheet.component';\n\nconst components = [\n ActionSheetComponent,\n ActionSheetControlComponent,\n ActionSheetItemComponent,\n ActionSheetBodyComponent\n];\n\n/*\n @deprecated\n * Use direct imports of components.\n /\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class ActionSheetModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -615,7 +615,7 @@ class AvatarGroupComponent {
                 provide: AVATAR_GROUP_HOST_CONFIG,
                 useExisting: AvatarGroupComponent
             }
-        ], queries: [{ propertyName: "_overflowButton", first: true, predicate: AvatarGroupOverflowButtonDirective, descendants: true }, { propertyName: "_avatarGroupPopoverBody", first: true, predicate: AvatarGroupOverflowBodyDirective, descendants: true }, { propertyName: "_avatars", predicate: AvatarGroupItemDirective }], viewQueries: [{ propertyName: "_avatarRenderers", predicate: AvatarGroupItemRendererDirective, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n<ng-container *ngIf=\"type === 'individual'; else groupType\">\n    <fd-avatar-group-host\n        #avatarGroupHostComponent\n        [type]=\"type\"\n        [size]=\"size\"\n        [orientation]=\"orientation\"\n        fdkResizeObserver\n        fdkFocusableList\n        [contentDirection]=\"_contentDirection$ | async\"\n        [wrap]=\"true\"\n        [navigationDirection]=\"orientation\"\n        [items]=\"_avatars\"\n        (resized)=\"_detectChanges()\"\n    >\n        <fd-popover *ngFor=\"let item of _avatars; trackBy: _trackByFn\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n            <fd-popover-control tabindex=\"-1\" (click)=\"outletItem.element.focus()\">\n                <ng-template\n                    #outletItem=\"fdAvatarGroupItemPortal\"\n                    cdkPortalOutlet\n                    fdAvatarGroupItemPortal\n                    [forceVisibility]=\"item.forceVisibility\"\n                    [avatarGroupItem]=\"item\"\n                >\n                </ng-template>\n            </fd-popover-control>\n            <fd-popover-body *ngIf=\"item.details\">\n                <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-popover\n            [noArrow]=\"false\"\n            [focusAutoCapture]=\"true\"\n            *fdAvatarGroupInternalOverflowButton=\"avatarGroupHostComponent._hiddenItems(); let hiddenItems\"\n        >\n            <fd-popover-control tabindex=\"-1\">\n                <ng-template\n                    [ngTemplateOutlet]=\"overflowButtonTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                ></ng-template>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ng-template\n                    [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    </fd-avatar-group-host>\n</ng-container>\n<ng-template #groupType>\n    <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\" fdkResizeObserver (resized)=\"_detectChanges()\">\n        <fd-popover-control>\n            <fd-avatar-group-host\n                #avatarGroupHostComponent\n                [type]=\"type\"\n                [size]=\"size\"\n                [orientation]=\"orientation\"\n                [fdkFocusableItem]=\"true\"\n            >\n                <ng-container *ngFor=\"let item of _avatars; trackBy: _trackByFn\">\n                    <ng-template\n                        cdkPortalOutlet\n                        fdAvatarGroupItemPortal\n                        [forceVisibility]=\"item.forceVisibility\"\n                        [avatarGroupItem]=\"item\"\n                    >\n                    </ng-template>\n                </ng-container>\n                <ng-template\n                    [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\"\n                    let-hiddenItems\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"overflowButtonTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                    ></ng-template>\n                </ng-template>\n            </fd-avatar-group-host>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-template\n                [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers }\"\n            ></ng-template>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n<ng-template #overflowButtonTemplate let-hiddenItems>\n    <ng-container *ngIf=\"_overflowButton; else defaultOverflowButton\">\n        <ng-template\n            [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    </ng-container>\n    <ng-template #defaultOverflowButton>\n        <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n            +{{ hiddenItems.length }}\n        </fd-avatar-group-overflow-button>\n    </ng-template>\n</ng-template>\n\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems>\n    <ng-container *ngIf=\"_avatarGroupPopoverBody; else defaultAvatarGroupOverflowBodyTemplate\">\n        <ng-template\n            [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    </ng-container>\n    <ng-template #defaultAvatarGroupOverflowBodyTemplate>\n        <fd-default-avatar-group-overflow-body [avatars]=\"hiddenItems\" [overflowPopoverTitle]=\"overflowPopoverTitle\" />\n    </ng-template>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.3-rc.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.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--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive.is-toggled,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button].is-toggled,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"].is-toggled,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.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--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-bottom:0;margin-left:var(--fdAvatarGroupItemsSpacingX);margin-right:0;margin-top:var(--fdAvatarGroupItemsSpacingY)}.fd-avatar-group .fd-avatar:not(:first-child)[dir=rtl],[dir=rtl] .fd-avatar-group .fd-avatar:not(:first-child){margin-left:0;margin-right:var(--fdAvatarGroupItemsSpacingX)}.fd-avatar-group__overflow-body{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body>.fd-avatar{margin:.25rem}.fd-avatar-group--vertical{flex-direction:column}.fd-avatar-group--individual-type{gap:var(--fdAvatarGroupItemsGap)}.fd-avatar-group--individual-type.fd-avatar-group--xs{--fdAvatarGroupItemsGap:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--l,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--s{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl{--fdAvatarGroupItemsSpacingX:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2.75rem}.fd-avatar-group--group-type.is-hover .fd-avatar,.fd-avatar-group--group-type:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar-group--group-type.is-disabled,.fd-avatar-group--group-type:disabled,.fd-avatar-group--group-type[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{z-index:5}.fd-avatar-group--group-type.is-focus.is-focus,.fd-avatar-group--group-type.is-focus:focus,.fd-avatar-group--group-type:focus.is-focus,.fd-avatar-group--group-type:focus:focus{outline:none}.fd-avatar-group--group-type.is-focus.is-focus:after,.fd-avatar-group--group-type.is-focus:focus:after,.fd-avatar-group--group-type:focus.is-focus:after,.fd-avatar-group--group-type:focus: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{display:block}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type{gap:initial}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control{display:block;height:100%}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar{margin-left:var(--fdAvatarGroupItemsGap)}[dir=rtl] fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar,fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar[dir=rtl]{margin-left:0;margin-right:var(--fdAvatarGroupItemsGap)}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover:first-child>.fd-popover__control>fd-popover-control>.fd-avatar{margin-right:0;margin-left:0}fd-avatar-group>.fd-popover-custom{width:100%}fd-avatar-group>.fd-popover-custom .fd-popover__control{display:inline-block}fd-avatar-group>.fd-popover-custom .fd-avatar-group{display:inline-block}\n"], dependencies: [{ kind: "component", type: AvatarGroupHostComponent, selector: "fd-avatar-group-host", inputs: ["class", "type", "orientation", "size", "items"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i1$1.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i1$1.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i1$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusableItemDirective, selector: "[fdkFocusableItem]", inputs: ["fdkFocusableItem", "cellFocusedEventAnnouncer"], outputs: ["cellFocused"] }, { kind: "directive", type: FocusableListDirective, selector: "[fdkFocusableList]", inputs: ["focusable", "navigationDirection", "contentDirection", "wrap", "listFocusedEventAnnouncer"], outputs: ["itemFocused"], exportAs: ["fdkFocusableList"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: DialogModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: AvatarGroupItemRendererDirective, selector: "[fdAvatarGroupItemPortal]", inputs: ["avatarGroupItem", "forceVisibility"], exportAs: ["fdAvatarGroupItemPortal"] }, { kind: "component", type: AvatarGroupOverflowButtonComponent, selector: "fd-avatar-group-overflow-button", inputs: ["size", "circle", "colorAccent", "class"] }, { kind: "component", type: DefaultAvatarGroupOverflowBodyComponent, selector: "fd-default-avatar-group-overflow-body", inputs: ["avatars", "overflowPopoverTitle"] }, { kind: "directive", type: AvatarGroupInternalOverflowButtonDirective, selector: "[fdAvatarGroupInternalOverflowButton]", inputs: ["fdAvatarGroupInternalOverflowButton"] }, { kind: "directive", type: ResizeObserverDirective, selector: "[fdkResizeObserver]", outputs: ["resized"], exportAs: ["fdkResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_overflowButton", first: true, predicate: AvatarGroupOverflowButtonDirective, descendants: true }, { propertyName: "_avatarGroupPopoverBody", first: true, predicate: AvatarGroupOverflowBodyDirective, descendants: true }, { propertyName: "_avatars", predicate: AvatarGroupItemDirective }], viewQueries: [{ propertyName: "_avatarRenderers", predicate: AvatarGroupItemRendererDirective, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n<ng-container *ngIf=\"type === 'individual'; else groupType\">\n    <fd-avatar-group-host\n        #avatarGroupHostComponent\n        [type]=\"type\"\n        [size]=\"size\"\n        [orientation]=\"orientation\"\n        fdkResizeObserver\n        fdkFocusableList\n        [contentDirection]=\"_contentDirection$ | async\"\n        [wrap]=\"true\"\n        [navigationDirection]=\"orientation\"\n        [items]=\"_avatars\"\n        (resized)=\"_detectChanges()\"\n    >\n        <fd-popover *ngFor=\"let item of _avatars; trackBy: _trackByFn\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n            <fd-popover-control tabindex=\"-1\" (click)=\"outletItem.element.focus()\">\n                <ng-template\n                    #outletItem=\"fdAvatarGroupItemPortal\"\n                    cdkPortalOutlet\n                    fdAvatarGroupItemPortal\n                    [forceVisibility]=\"item.forceVisibility\"\n                    [avatarGroupItem]=\"item\"\n                >\n                </ng-template>\n            </fd-popover-control>\n            <fd-popover-body *ngIf=\"item.details\">\n                <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-popover\n            [noArrow]=\"false\"\n            [focusAutoCapture]=\"true\"\n            *fdAvatarGroupInternalOverflowButton=\"avatarGroupHostComponent._hiddenItems(); let hiddenItems\"\n        >\n            <fd-popover-control tabindex=\"-1\">\n                <ng-template\n                    [ngTemplateOutlet]=\"overflowButtonTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                ></ng-template>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ng-template\n                    [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    </fd-avatar-group-host>\n</ng-container>\n<ng-template #groupType>\n    <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\" fdkResizeObserver (resized)=\"_detectChanges()\">\n        <fd-popover-control>\n            <fd-avatar-group-host\n                #avatarGroupHostComponent\n                [type]=\"type\"\n                [size]=\"size\"\n                [orientation]=\"orientation\"\n                [fdkFocusableItem]=\"true\"\n            >\n                <ng-container *ngFor=\"let item of _avatars; trackBy: _trackByFn\">\n                    <ng-template\n                        cdkPortalOutlet\n                        fdAvatarGroupItemPortal\n                        [forceVisibility]=\"item.forceVisibility\"\n                        [avatarGroupItem]=\"item\"\n                    >\n                    </ng-template>\n                </ng-container>\n                <ng-template\n                    [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\"\n                    let-hiddenItems\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"overflowButtonTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                    ></ng-template>\n                </ng-template>\n            </fd-avatar-group-host>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-template\n                [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers }\"\n            ></ng-template>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n<ng-template #overflowButtonTemplate let-hiddenItems>\n    <ng-container *ngIf=\"_overflowButton; else defaultOverflowButton\">\n        <ng-template\n            [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    </ng-container>\n    <ng-template #defaultOverflowButton>\n        <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n            +{{ hiddenItems.length }}\n        </fd-avatar-group-overflow-button>\n    </ng-template>\n</ng-template>\n\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems>\n    <ng-container *ngIf=\"_avatarGroupPopoverBody; else defaultAvatarGroupOverflowBodyTemplate\">\n        <ng-template\n            [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    </ng-container>\n    <ng-template #defaultAvatarGroupOverflowBodyTemplate>\n        <fd-default-avatar-group-overflow-body [avatars]=\"hiddenItems\" [overflowPopoverTitle]=\"overflowPopoverTitle\" />\n    </ng-template>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.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--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive.is-toggled,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button].is-toggled,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"].is-toggled,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.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--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-bottom:0;margin-left:var(--fdAvatarGroupItemsSpacingX);margin-right:0;margin-top:var(--fdAvatarGroupItemsSpacingY)}.fd-avatar-group .fd-avatar:not(:first-child)[dir=rtl],[dir=rtl] .fd-avatar-group .fd-avatar:not(:first-child){margin-left:0;margin-right:var(--fdAvatarGroupItemsSpacingX)}.fd-avatar-group__overflow-body{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body>.fd-avatar{margin:.25rem}.fd-avatar-group--vertical{flex-direction:column}.fd-avatar-group--individual-type{gap:var(--fdAvatarGroupItemsGap)}.fd-avatar-group--individual-type.fd-avatar-group--xs{--fdAvatarGroupItemsGap:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--l,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--s{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl{--fdAvatarGroupItemsSpacingX:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2.75rem}.fd-avatar-group--group-type.is-hover .fd-avatar,.fd-avatar-group--group-type:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar-group--group-type.is-disabled,.fd-avatar-group--group-type:disabled,.fd-avatar-group--group-type[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{z-index:5}.fd-avatar-group--group-type.is-focus.is-focus,.fd-avatar-group--group-type.is-focus:focus,.fd-avatar-group--group-type:focus.is-focus,.fd-avatar-group--group-type:focus:focus{outline:none}.fd-avatar-group--group-type.is-focus.is-focus:after,.fd-avatar-group--group-type.is-focus:focus:after,.fd-avatar-group--group-type:focus.is-focus:after,.fd-avatar-group--group-type:focus: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{display:block}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type{gap:initial}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control{display:block;height:100%}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar{margin-left:var(--fdAvatarGroupItemsGap)}[dir=rtl] fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar,fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar[dir=rtl]{margin-left:0;margin-right:var(--fdAvatarGroupItemsGap)}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover:first-child>.fd-popover__control>fd-popover-control>.fd-avatar{margin-right:0;margin-left:0}fd-avatar-group>.fd-popover-custom{width:100%}fd-avatar-group>.fd-popover-custom .fd-popover__control{display:inline-block}fd-avatar-group>.fd-popover-custom .fd-avatar-group{display:inline-block}\n"], dependencies: [{ kind: "component", type: AvatarGroupHostComponent, selector: "fd-avatar-group-host", inputs: ["class", "type", "orientation", "size", "items"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i1$1.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i1$1.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i1$1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusableItemDirective, selector: "[fdkFocusableItem]", inputs: ["fdkFocusableItem", "cellFocusedEventAnnouncer"], outputs: ["cellFocused"] }, { kind: "directive", type: FocusableListDirective, selector: "[fdkFocusableList]", inputs: ["focusable", "navigationDirection", "contentDirection", "wrap", "listFocusedEventAnnouncer"], outputs: ["itemFocused"], exportAs: ["fdkFocusableList"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: DialogModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: AvatarGroupItemRendererDirective, selector: "[fdAvatarGroupItemPortal]", inputs: ["avatarGroupItem", "forceVisibility"], exportAs: ["fdAvatarGroupItemPortal"] }, { kind: "component", type: AvatarGroupOverflowButtonComponent, selector: "fd-avatar-group-overflow-button", inputs: ["size", "circle", "colorAccent", "class"] }, { kind: "component", type: DefaultAvatarGroupOverflowBodyComponent, selector: "fd-default-avatar-group-overflow-body", inputs: ["avatars", "overflowPopoverTitle"] }, { kind: "directive", type: AvatarGroupInternalOverflowButtonDirective, selector: "[fdAvatarGroupInternalOverflowButton]", inputs: ["fdAvatarGroupInternalOverflowButton"] }, { kind: "directive", type: ResizeObserverDirective, selector: "[fdkResizeObserver]", outputs: ["resized"], exportAs: ["fdkResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AvatarGroupComponent, decorators: [{
             type: Component,
@@ -640,7 +640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         DefaultAvatarGroupOverflowBodyComponent,
                         AvatarGroupInternalOverflowButtonDirective,
                         ResizeObserverDirective
-                    ], template: "<ng-content></ng-content>\n<ng-container *ngIf=\"type === 'individual'; else groupType\">\n    <fd-avatar-group-host\n        #avatarGroupHostComponent\n        [type]=\"type\"\n        [size]=\"size\"\n        [orientation]=\"orientation\"\n        fdkResizeObserver\n        fdkFocusableList\n        [contentDirection]=\"_contentDirection$ | async\"\n        [wrap]=\"true\"\n        [navigationDirection]=\"orientation\"\n        [items]=\"_avatars\"\n        (resized)=\"_detectChanges()\"\n    >\n        <fd-popover *ngFor=\"let item of _avatars; trackBy: _trackByFn\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n            <fd-popover-control tabindex=\"-1\" (click)=\"outletItem.element.focus()\">\n                <ng-template\n                    #outletItem=\"fdAvatarGroupItemPortal\"\n                    cdkPortalOutlet\n                    fdAvatarGroupItemPortal\n                    [forceVisibility]=\"item.forceVisibility\"\n                    [avatarGroupItem]=\"item\"\n                >\n                </ng-template>\n            </fd-popover-control>\n            <fd-popover-body *ngIf=\"item.details\">\n                <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-popover\n            [noArrow]=\"false\"\n            [focusAutoCapture]=\"true\"\n            *fdAvatarGroupInternalOverflowButton=\"avatarGroupHostComponent._hiddenItems(); let hiddenItems\"\n        >\n            <fd-popover-control tabindex=\"-1\">\n                <ng-template\n                    [ngTemplateOutlet]=\"overflowButtonTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                ></ng-template>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ng-template\n                    [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    </fd-avatar-group-host>\n</ng-container>\n<ng-template #groupType>\n    <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\" fdkResizeObserver (resized)=\"_detectChanges()\">\n        <fd-popover-control>\n            <fd-avatar-group-host\n                #avatarGroupHostComponent\n                [type]=\"type\"\n                [size]=\"size\"\n                [orientation]=\"orientation\"\n                [fdkFocusableItem]=\"true\"\n            >\n                <ng-container *ngFor=\"let item of _avatars; trackBy: _trackByFn\">\n                    <ng-template\n                        cdkPortalOutlet\n                        fdAvatarGroupItemPortal\n                        [forceVisibility]=\"item.forceVisibility\"\n                        [avatarGroupItem]=\"item\"\n                    >\n                    </ng-template>\n                </ng-container>\n                <ng-template\n                    [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\"\n                    let-hiddenItems\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"overflowButtonTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                    ></ng-template>\n                </ng-template>\n            </fd-avatar-group-host>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-template\n                [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers }\"\n            ></ng-template>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n<ng-template #overflowButtonTemplate let-hiddenItems>\n    <ng-container *ngIf=\"_overflowButton; else defaultOverflowButton\">\n        <ng-template\n            [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    </ng-container>\n    <ng-template #defaultOverflowButton>\n        <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n            +{{ hiddenItems.length }}\n        </fd-avatar-group-overflow-button>\n    </ng-template>\n</ng-template>\n\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems>\n    <ng-container *ngIf=\"_avatarGroupPopoverBody; else defaultAvatarGroupOverflowBodyTemplate\">\n        <ng-template\n            [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    </ng-container>\n    <ng-template #defaultAvatarGroupOverflowBodyTemplate>\n        <fd-default-avatar-group-overflow-body [avatars]=\"hiddenItems\" [overflowPopoverTitle]=\"overflowPopoverTitle\" />\n    </ng-template>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.3-rc.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.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--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive.is-toggled,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button].is-toggled,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"].is-toggled,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.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--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-bottom:0;margin-left:var(--fdAvatarGroupItemsSpacingX);margin-right:0;margin-top:var(--fdAvatarGroupItemsSpacingY)}.fd-avatar-group .fd-avatar:not(:first-child)[dir=rtl],[dir=rtl] .fd-avatar-group .fd-avatar:not(:first-child){margin-left:0;margin-right:var(--fdAvatarGroupItemsSpacingX)}.fd-avatar-group__overflow-body{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body>.fd-avatar{margin:.25rem}.fd-avatar-group--vertical{flex-direction:column}.fd-avatar-group--individual-type{gap:var(--fdAvatarGroupItemsGap)}.fd-avatar-group--individual-type.fd-avatar-group--xs{--fdAvatarGroupItemsGap:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--l,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--s{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl{--fdAvatarGroupItemsSpacingX:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2.75rem}.fd-avatar-group--group-type.is-hover .fd-avatar,.fd-avatar-group--group-type:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar-group--group-type.is-disabled,.fd-avatar-group--group-type:disabled,.fd-avatar-group--group-type[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{z-index:5}.fd-avatar-group--group-type.is-focus.is-focus,.fd-avatar-group--group-type.is-focus:focus,.fd-avatar-group--group-type:focus.is-focus,.fd-avatar-group--group-type:focus:focus{outline:none}.fd-avatar-group--group-type.is-focus.is-focus:after,.fd-avatar-group--group-type.is-focus:focus:after,.fd-avatar-group--group-type:focus.is-focus:after,.fd-avatar-group--group-type:focus: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{display:block}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type{gap:initial}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control{display:block;height:100%}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar{margin-left:var(--fdAvatarGroupItemsGap)}[dir=rtl] fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar,fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar[dir=rtl]{margin-left:0;margin-right:var(--fdAvatarGroupItemsGap)}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover:first-child>.fd-popover__control>fd-popover-control>.fd-avatar{margin-right:0;margin-left:0}fd-avatar-group>.fd-popover-custom{width:100%}fd-avatar-group>.fd-popover-custom .fd-popover__control{display:inline-block}fd-avatar-group>.fd-popover-custom .fd-avatar-group{display:inline-block}\n"] }]
+                    ], template: "<ng-content></ng-content>\n<ng-container *ngIf=\"type === 'individual'; else groupType\">\n    <fd-avatar-group-host\n        #avatarGroupHostComponent\n        [type]=\"type\"\n        [size]=\"size\"\n        [orientation]=\"orientation\"\n        fdkResizeObserver\n        fdkFocusableList\n        [contentDirection]=\"_contentDirection$ | async\"\n        [wrap]=\"true\"\n        [navigationDirection]=\"orientation\"\n        [items]=\"_avatars\"\n        (resized)=\"_detectChanges()\"\n    >\n        <fd-popover *ngFor=\"let item of _avatars; trackBy: _trackByFn\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n            <fd-popover-control tabindex=\"-1\" (click)=\"outletItem.element.focus()\">\n                <ng-template\n                    #outletItem=\"fdAvatarGroupItemPortal\"\n                    cdkPortalOutlet\n                    fdAvatarGroupItemPortal\n                    [forceVisibility]=\"item.forceVisibility\"\n                    [avatarGroupItem]=\"item\"\n                >\n                </ng-template>\n            </fd-popover-control>\n            <fd-popover-body *ngIf=\"item.details\">\n                <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n        <fd-popover\n            [noArrow]=\"false\"\n            [focusAutoCapture]=\"true\"\n            *fdAvatarGroupInternalOverflowButton=\"avatarGroupHostComponent._hiddenItems(); let hiddenItems\"\n        >\n            <fd-popover-control tabindex=\"-1\">\n                <ng-template\n                    [ngTemplateOutlet]=\"overflowButtonTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                ></ng-template>\n            </fd-popover-control>\n            <fd-popover-body>\n                <ng-template\n                    [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                ></ng-template>\n            </fd-popover-body>\n        </fd-popover>\n    </fd-avatar-group-host>\n</ng-container>\n<ng-template #groupType>\n    <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\" fdkResizeObserver (resized)=\"_detectChanges()\">\n        <fd-popover-control>\n            <fd-avatar-group-host\n                #avatarGroupHostComponent\n                [type]=\"type\"\n                [size]=\"size\"\n                [orientation]=\"orientation\"\n                [fdkFocusableItem]=\"true\"\n            >\n                <ng-container *ngFor=\"let item of _avatars; trackBy: _trackByFn\">\n                    <ng-template\n                        cdkPortalOutlet\n                        fdAvatarGroupItemPortal\n                        [forceVisibility]=\"item.forceVisibility\"\n                        [avatarGroupItem]=\"item\"\n                    >\n                    </ng-template>\n                </ng-container>\n                <ng-template\n                    [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\"\n                    let-hiddenItems\n                >\n                    <ng-template\n                        [ngTemplateOutlet]=\"overflowButtonTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n                    ></ng-template>\n                </ng-template>\n            </fd-avatar-group-host>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-template\n                [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers }\"\n            ></ng-template>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n<ng-template #overflowButtonTemplate let-hiddenItems>\n    <ng-container *ngIf=\"_overflowButton; else defaultOverflowButton\">\n        <ng-template\n            [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    </ng-container>\n    <ng-template #defaultOverflowButton>\n        <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n            +{{ hiddenItems.length }}\n        </fd-avatar-group-overflow-button>\n    </ng-template>\n</ng-template>\n\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems>\n    <ng-container *ngIf=\"_avatarGroupPopoverBody; else defaultAvatarGroupOverflowBodyTemplate\">\n        <ng-template\n            [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    </ng-container>\n    <ng-template #defaultAvatarGroupOverflowBodyTemplate>\n        <fd-default-avatar-group-overflow-body [avatars]=\"hiddenItems\" [overflowPopoverTitle]=\"overflowPopoverTitle\" />\n    </ng-template>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.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--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive.is-toggled,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button].is-toggled,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"].is-toggled,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.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--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-bottom:0;margin-left:var(--fdAvatarGroupItemsSpacingX);margin-right:0;margin-top:var(--fdAvatarGroupItemsSpacingY)}.fd-avatar-group .fd-avatar:not(:first-child)[dir=rtl],[dir=rtl] .fd-avatar-group .fd-avatar:not(:first-child){margin-left:0;margin-right:var(--fdAvatarGroupItemsSpacingX)}.fd-avatar-group__overflow-body{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body>.fd-avatar{margin:.25rem}.fd-avatar-group--vertical{flex-direction:column}.fd-avatar-group--individual-type{gap:var(--fdAvatarGroupItemsGap)}.fd-avatar-group--individual-type.fd-avatar-group--xs{--fdAvatarGroupItemsGap:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--l,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--s{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl{--fdAvatarGroupItemsSpacingX:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2.75rem}.fd-avatar-group--group-type.is-hover .fd-avatar,.fd-avatar-group--group-type:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar-group--group-type.is-disabled,.fd-avatar-group--group-type:disabled,.fd-avatar-group--group-type[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{z-index:5}.fd-avatar-group--group-type.is-focus.is-focus,.fd-avatar-group--group-type.is-focus:focus,.fd-avatar-group--group-type:focus.is-focus,.fd-avatar-group--group-type:focus:focus{outline:none}.fd-avatar-group--group-type.is-focus.is-focus:after,.fd-avatar-group--group-type.is-focus:focus:after,.fd-avatar-group--group-type:focus.is-focus:after,.fd-avatar-group--group-type:focus: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{display:block}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type{gap:initial}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control{display:block;height:100%}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar{margin-left:var(--fdAvatarGroupItemsGap)}[dir=rtl] fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar,fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar[dir=rtl]{margin-left:0;margin-right:var(--fdAvatarGroupItemsGap)}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover:first-child>.fd-popover__control>fd-popover-control>.fd-avatar{margin-right:0;margin-left:0}fd-avatar-group>.fd-popover-custom{width:100%}fd-avatar-group>.fd-popover-custom .fd-popover__control{display:inline-block}fd-avatar-group>.fd-popover-custom .fd-avatar-group{display:inline-block}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], orientation: [{