@fundamental-ngx/core 0.63.2-rc.4 → 0.63.2-rc.6

package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-avatar-group-legacy.mjs","sources":["../../../../libs/core/avatar-group-legacy/tokens.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-item.directive.ts","../../../../libs/core/avatar-group-legacy/avatar-group-legacy.component.ts","../../../../libs/core/avatar-group-legacy/avatar-group-legacy.component.html","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-overflow-body.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-focusable-avatar.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-overflow-button-text.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-overflow-button.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-overflow-item.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-popover-control.directive.ts","../../../../libs/core/avatar-group-legacy/avatar-group-legacy.module.ts","../../../../libs/core/avatar-group-legacy/fundamental-ngx-core-avatar-group-legacy.ts"],"sourcesContent":["import { FocusableOption } from '@angular/cdk/a11y';\nimport { InjectionToken } from '@angular/core';\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\nimport { AvatarGroupLegacyInterface } from './avatar-group-legacy.interface';\n\nexport type FocusableWithElementRef = FocusableOption & HasElementRef;\n\nexport const AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE = new InjectionToken<FocusableWithElementRef>(\n    'AvatarGroupLegacyFocusableAvatarDirective'\n);\n\nexport const AVATAR_GROUP_LEGACY_COMPONENT = new InjectionToken<AvatarGroupLegacyInterface>(\n    'AvatarGroupLegacyComponent'\n);\n","import { FocusableOption } from '@angular/cdk/a11y';\nimport { Directive, ElementRef, HostListener, Inject, Optional } from '@angular/core';\nimport { AvatarGroupLegacyInterface } from '../avatar-group-legacy.interface';\nimport { AVATAR_GROUP_LEGACY_COMPONENT } from '../tokens';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-item]',\n    host: { class: 'fd-avatar-group-legacy__item' },\n    standalone: true\n})\nexport class AvatarGroupLegacyItemDirective implements FocusableOption {\n    /** Item disable state */\n    disabled = false;\n\n    /** @hidden */\n    constructor(\n        private readonly _elementRef: ElementRef<HTMLElement>,\n        @Optional() @Inject(AVATAR_GROUP_LEGACY_COMPONENT) private readonly _component: AvatarGroupLegacyInterface\n    ) {}\n\n    /** @hidden */\n    get _element(): HTMLElement {\n        return this._elementRef.nativeElement;\n    }\n\n    /** Handler for mouse events */\n    @HostListener('click')\n    onClick(): void {\n        if (this._component) {\n            this._component._setActiveItem(this);\n        }\n    }\n\n    /** @hidden */\n    focus(): void {\n        this._element.focus();\n    }\n}\n","import { FocusKeyManager } from '@angular/cdk/a11y';\nimport { DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, TAB, UP_ARROW } from '@angular/cdk/keycodes';\nimport { ViewportRuler } from '@angular/cdk/overlay';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    ElementRef,\n    HostListener,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    QueryList,\n    ViewChild,\n    ViewEncapsulation,\n    computed,\n    effect,\n    forwardRef,\n    inject\n} from '@angular/core';\nimport { Subscription, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { ColorAccent, KeyUtil, Nullable, RtlService, Size } from '@fundamental-ngx/cdk/utils';\nimport { AvatarGroupLegacyInterface } from './avatar-group-legacy.interface';\nimport { AvatarGroupLegacyItemDirective } from './directives/avatar-group-legacy-item.directive';\nimport { AVATAR_GROUP_LEGACY_COMPONENT } from './tokens';\n\nexport type AvatarGroupLegacyType = 'group' | 'individual';\nexport type AvatarGroupLegacyOverflowButtonColor = 'neutral' | 'random' | ColorAccent;\n\nlet avatarGroupCount = 0;\n\n@Component({\n    selector: 'fd-avatar-group-legacy',\n    templateUrl: './avatar-group-legacy.component.html',\n    styleUrl: './avatar-group-legacy.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: AVATAR_GROUP_LEGACY_COMPONENT,\n            useExisting: forwardRef(() => AvatarGroupLegacyComponent)\n        }\n    ]\n})\nexport class AvatarGroupLegacyComponent\n    implements AvatarGroupLegacyInterface, OnChanges, OnInit, AfterViewInit, OnDestroy\n{\n    /** Id of the Avatar Group. */\n    @Input()\n    id = `fd-avatar-group-legacy-${avatarGroupCount++}`;\n\n    /** Apply user custom class. */\n    @Input()\n    class: string;\n\n    /** The size of the Avatar Group. Options include: *xs*, *s*, *m*, *l* and *xl* (default: *s*). */\n    @Input()\n    size: Size = 's';\n\n    /** The type of the Avatar Group. Options include: *group* and *individual* (default: *group*). */\n    @Input()\n    type: AvatarGroupLegacyType = 'group';\n\n    /** Aria-label for Avatar Group. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** @hidden Avatar Group items. */\n    @ContentChildren(AvatarGroupLegacyItemDirective, { descendants: true })\n    mainItems: QueryList<AvatarGroupLegacyItemDirective>;\n\n    /** @hidden */\n    @ViewChild('avatarGroupContainer')\n    avatarGroupContainer: ElementRef<HTMLDivElement>;\n\n    /** Counter for all avatars. */\n    allItemsCount = 0;\n\n    /** Counter for visible in overflow popover avatars. */\n    overflowItemsCount = 0;\n\n    /** @hidden */\n    rootClassNames: Record<string, boolean | undefined | null>;\n\n    /** @hidden */\n    get isGroupType(): boolean {\n        return this.type === 'group';\n    }\n\n    /** @hidden */\n    private get _avatarGroupWidth(): number {\n        return this.avatarGroupContainer?.nativeElement?.offsetWidth;\n    }\n\n    /** @hidden */\n    private get _avatarGroupItemWidth(): number {\n        return this.mainItems.first?._element.offsetWidth ?? 0;\n    }\n\n    /** @hidden */\n    private get _avatarGroupItemWithMarginsWidth(): number {\n        if (!this.mainItems.first) {\n            return this._avatarGroupItemWidth;\n        }\n\n        const elementStyles = getComputedStyle(this.mainItems.first._element);\n        const marginLeft = elementStyles.marginLeft || '0';\n        const marginRight = elementStyles.marginRight || '0';\n\n        return this._avatarGroupItemWidth + parseInt(marginLeft, 10) + parseInt(marginRight, 10);\n    }\n\n    /** @hidden FocusKeyManager instance */\n    private _keyboardEventsManager: FocusKeyManager<AvatarGroupLegacyItemDirective>;\n\n    /** @hidden */\n    private readonly _subscription = new Subscription();\n\n    /** @hidden */\n    private readonly _viewportRuler = inject(ViewportRuler);\n\n    /** @hidden */\n    private readonly _rtlService = inject(RtlService, { optional: true });\n\n    /** @hidden */\n    private readonly _dir = computed<'ltr' | 'rtl'>(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'));\n\n    /** @hidden */\n    constructor() {\n        // React to RTL changes and update keyboard manager orientation\n        effect(() => {\n            const dir = this._dir();\n            this._keyboardEventsManager?.withHorizontalOrientation(dir);\n        });\n    }\n\n    /** @hidden */\n    @HostListener('keyup', ['$event'])\n    keyUpHandler(event: KeyboardEvent): void {\n        if (KeyUtil.isKeyCode(event, TAB)) {\n            const index = this.mainItems.toArray().findIndex((item) => item._element === event.target);\n            if (index !== -1) {\n                this._keyboardEventsManager.setActiveItem(index);\n            }\n        }\n\n        if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {\n            event.preventDefault();\n\n            // passing the event to key manager so we get a change fired\n            this._keyboardEventsManager.onKeydown(event);\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._subscription.add(this._viewportRuler.change().subscribe(() => this._onResize()));\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this._assignCssClasses();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._reset();\n\n        this._subscription.add(\n            of(true)\n                .pipe(delay(5))\n                .subscribe(() => this._collapseItems())\n        );\n\n        this._listenForItemChanges();\n        this._setKeyboardEventsManager();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscription.unsubscribe();\n        this._keyboardEventsManager.destroy();\n    }\n\n    /** @hidden */\n    _setActiveItem(item: AvatarGroupLegacyItemDirective): void {\n        this._keyboardEventsManager.setActiveItem(item);\n    }\n\n    /** @hidden */\n    private _onResize(): void {\n        this._reset();\n        this._collapseItems();\n    }\n\n    /** @hidden */\n    private _reset(): void {\n        this.allItemsCount = this.mainItems.length;\n        this.overflowItemsCount = 0;\n\n        this.mainItems.forEach((it) => {\n            it._element.style.display = 'inline-block';\n            it.disabled = false;\n        });\n    }\n\n    /** @hidden */\n    private _collapseItems(): void {\n        const allItemsCounter = this.mainItems?.length || 0;\n        let contentWidth = 0;\n        let idx = 0;\n        const avatarGroupItemWidth = this._avatarGroupItemWidth;\n        const avatarGroupItemWithMarginsWidth = this._avatarGroupItemWithMarginsWidth;\n\n        while (idx < allItemsCounter) {\n            const newContentWidth =\n                idx === 0 && this.isGroupType\n                    ? contentWidth + avatarGroupItemWidth\n                    : contentWidth + avatarGroupItemWithMarginsWidth;\n\n            if (newContentWidth >= this._avatarGroupWidth) {\n                // -1 because the last element in the loop will be replaced by the overflow button\n                const newIdx = idx - 1;\n                this.overflowItemsCount = allItemsCounter - newIdx;\n                const mainItemsToHide = this.mainItems.toArray().slice(newIdx);\n                mainItemsToHide.forEach((it) => {\n                    it._element.style.display = 'none';\n                    it.disabled = true;\n                });\n\n                break;\n            }\n\n            contentWidth = newContentWidth;\n            idx++;\n        }\n    }\n\n    /** @hidden */\n    private _listenForItemChanges(): void {\n        this._subscription.add(this.mainItems.changes.subscribe(() => this._onResize()));\n    }\n\n    /** @hidden */\n    private _assignCssClasses(): void {\n        this.rootClassNames = {\n            'fd-avatar-group-legacy': true,\n            [`fd-avatar-group-legacy--${this.type}-type`]: !!this.type,\n            [`fd-avatar-group-legacy--${this.size}`]: !!this.size,\n            [this.class]: !!this.class\n        };\n    }\n\n    /** @hidden */\n    private _setKeyboardEventsManager(): void {\n        this._keyboardEventsManager?.destroy();\n        this._keyboardEventsManager = new FocusKeyManager(this.mainItems)\n            .withWrap()\n            .withHorizontalOrientation(this._dir());\n    }\n}\n","<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</div>\n","import { FocusableOption, FocusKeyManager } from '@angular/cdk/a11y';\nimport { DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, TAB, UP_ARROW } from '@angular/cdk/keycodes';\nimport {\n    AfterViewInit,\n    computed,\n    ContentChildren,\n    Directive,\n    effect,\n    HostListener,\n    inject,\n    Input,\n    OnDestroy,\n    QueryList\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { HasElementRef, KeyUtil, RtlService } from '@fundamental-ngx/cdk/utils';\nimport { AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE, FocusableWithElementRef } from '../tokens';\n\n// import { AvatarGroupLegacyFocusableAvatarDirective } from './avatar-group-legacy-focusable-avatar.directive';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-overflow-body]',\n    host: {\n        class: 'fd-avatar-group-legacy__overflow-body',\n        '[class.fd-avatar-group-legacy__overflow-body--no-padding]': 'noPadding',\n        '[class.fd-avatar-group-legacy__overflow-body--no-horizontal-scroll]': 'noHorizontalScroll',\n        '[class.fd-avatar-group-legacy__overflow-body--no-vertical-scroll]': 'noVerticalScroll'\n    }\n})\nexport class AvatarGroupLegacyOverflowBodyDirective implements AfterViewInit, OnDestroy {\n    /** Remove the padding from the overflow body. */\n    @Input()\n    noPadding = false;\n\n    /** Hide horizontal scrollbar from the overflow body. */\n    @Input()\n    noHorizontalScroll = true;\n\n    /** Hide vertical scrollbar from the overflow body. */\n    @Input()\n    noVerticalScroll = true;\n\n    /** @hidden Avatar Group Overflow items. */\n    @ContentChildren(AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE, { descendants: true })\n    overflowItems: QueryList<FocusableWithElementRef>;\n\n    /** @hidden FocusKeyManager instance */\n    private _keyboardEventsManager: FocusKeyManager<HasElementRef>;\n\n    /** @hidden */\n    private readonly _subscription = new Subscription();\n\n    /** @hidden */\n    private readonly _rtlService = inject(RtlService, { optional: true });\n\n    /** @hidden */\n    private readonly _dir = computed<'ltr' | 'rtl'>(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'));\n\n    /** @hidden */\n    constructor() {\n        // React to RTL changes and update keyboard manager orientation\n        effect(() => {\n            const dir = this._dir();\n            this._keyboardEventsManager?.withHorizontalOrientation(dir);\n        });\n    }\n\n    /** @hidden */\n    @HostListener('keyup', ['$event'])\n    keyUpHandler(event: KeyboardEvent): void {\n        if (KeyUtil.isKeyCode(event, TAB)) {\n            const index = this.overflowItems\n                .toArray()\n                .findIndex((item) => item.elementRef.nativeElement === event.target);\n            if (index !== -1) {\n                this._keyboardEventsManager.setActiveItem(index);\n            }\n        }\n\n        if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {\n            // passing the event to key manager so we get a change fired\n            this._keyboardEventsManager.onKeydown(event);\n        }\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._listenForItemChanges();\n\n        this._setKeyboardEventsManager();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscription.unsubscribe();\n        this._keyboardEventsManager?.destroy();\n    }\n\n    /** @hidden */\n    _setActiveItem(item: FocusableOption & HasElementRef): void {\n        this._keyboardEventsManager.setActiveItem(item);\n    }\n\n    /** @hidden */\n    private _listenForItemChanges(): void {\n        this.overflowItems.changes.subscribe(() => this._setKeyboardEventsManager());\n    }\n\n    /** @hidden */\n    private _setKeyboardEventsManager(): void {\n        this._keyboardEventsManager?.destroy();\n        this._keyboardEventsManager = new FocusKeyManager(this.overflowItems)\n            .withWrap()\n            .withHorizontalOrientation(this._dir());\n\n        this._keyboardEventsManager.setFirstItemActive();\n    }\n}\n","import { FocusableOption } from '@angular/cdk/a11y';\nimport { Directive, ElementRef, HostBinding, HostListener, Inject, Input, Optional, forwardRef } from '@angular/core';\n\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\n\nimport { AvatarGroupLegacyInterface } from '../avatar-group-legacy.interface';\nimport { AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE } from '../tokens';\nimport { AvatarGroupLegacyOverflowBodyDirective } from './avatar-group-legacy-overflow-body.directive';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-focusable-avatar]',\n    host: { class: 'fd-avatar-group-legacy__focusable-avatar' },\n    providers: [\n        {\n            provide: AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE,\n            useExisting: forwardRef(() => AvatarGroupLegacyFocusableAvatarDirective)\n        }\n    ],\n    standalone: true\n})\nexport class AvatarGroupLegacyFocusableAvatarDirective implements FocusableOption, HasElementRef {\n    /** Tabindex of the Avatar. */\n    @Input()\n    @HostBinding('attr.tabindex')\n    tabindex = 0;\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef<HTMLElement>,\n        @Optional()\n        @Inject(forwardRef(() => AvatarGroupLegacyOverflowBodyDirective))\n        private readonly _component: AvatarGroupLegacyInterface\n    ) {}\n\n    /** Handler for mouse events */\n    @HostListener('click')\n    onClick(): void {\n        if (this._component) {\n            this._component._setActiveItem(this);\n        }\n    }\n\n    /** @hidden */\n    focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-overflow-button-text]',\n    host: { class: 'fd-button__text fd-avatar-group-legacy__button-text' },\n    standalone: true\n})\nexport class AvatarGroupLegacyOverflowButtonTextDirective {}\n","import { Directive, ElementRef, Input, OnChanges, OnInit } from '@angular/core';\n\nimport { CssClassBuilder, Size, applyCssClass, getRandomColorAccent } from '@fundamental-ngx/cdk/utils';\n\nimport { AvatarGroupLegacyOverflowButtonColor } from '../avatar-group-legacy.component';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-overflow-button]',\n    standalone: true\n})\nexport class AvatarGroupLegacyOverflowButtonDirective implements OnInit, OnChanges, CssClassBuilder {\n    /** User's custom classes. */\n    @Input()\n    class: string;\n\n    /** The size of the overflow button.\n     * Should be the same as the Avatar Group and Avatar size.\n     * Options include: *xs*, *s*, *m*, *l* and *xl* (default: *s*). */\n    @Input()\n    size: Size = 's';\n\n    /** A number from 1 to 10 representing the background color of the Avatar Group's overflow button.\n     * Options include: *neutral*, *random*, *1*, *2*, *3*, *4*, *5*, *6*, *7*, *8*, *9*, *10* (default: *neutral*). */\n    @Input()\n    color: AvatarGroupLegacyOverflowButtonColor = 'neutral';\n\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef) {}\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-button',\n            'fd-avatar-group-legacy__more-button',\n            (this.color && this._getMoreButtonColorCssClass()) || '',\n            this.size ? `fd-avatar-group-legacy__more-button--${this.size}` : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    private _getMoreButtonColorCssClass(): string | null {\n        if (this.color === 'random') {\n            return `fd-avatar-group-legacy__more-button--accent-color-${getRandomColorAccent()}`;\n        }\n\n        if (!Number.isNaN(parseInt(this.color as string, 10))) {\n            return `fd-avatar-group-legacy__more-button--accent-color-${this.color}`;\n        }\n        return null;\n    }\n}\n","import { Directive } from '@angular/core';\n\nimport { AvatarGroupLegacyItemDirective } from './avatar-group-legacy-item.directive';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-overflow-item]',\n    standalone: true\n})\nexport class AvatarGroupLegacyOverflowItemDirective extends AvatarGroupLegacyItemDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n/** Needed to bind specific class to group type popover control. */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-popover-control]',\n    host: { class: 'fd-avatar-group-legacy__popover-control' },\n    standalone: true\n})\nexport class AvatarGroupLegacyPopoverControlDirective {\n    /** Tabindex of the popover control. */\n    @Input()\n    @HostBinding('attr.tabindex')\n    tabindex = 0;\n\n    /** Role of the popover control. */\n    @Input()\n    @HostBinding('attr.role')\n    role = 'button';\n}\n","import { NgModule } from '@angular/core';\n\nimport { AvatarGroupLegacyComponent } from './avatar-group-legacy.component';\nimport { AvatarGroupLegacyFocusableAvatarDirective } from './directives/avatar-group-legacy-focusable-avatar.directive';\nimport { AvatarGroupLegacyItemDirective } from './directives/avatar-group-legacy-item.directive';\nimport { AvatarGroupLegacyOverflowBodyDirective } from './directives/avatar-group-legacy-overflow-body.directive';\nimport { AvatarGroupLegacyOverflowButtonTextDirective } from './directives/avatar-group-legacy-overflow-button-text.directive';\nimport { AvatarGroupLegacyOverflowButtonDirective } from './directives/avatar-group-legacy-overflow-button.directive';\nimport { AvatarGroupLegacyOverflowItemDirective } from './directives/avatar-group-legacy-overflow-item.directive';\nimport { AvatarGroupLegacyPopoverControlDirective } from './directives/avatar-group-legacy-popover-control.directive';\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n    imports: [\n        AvatarGroupLegacyComponent,\n        AvatarGroupLegacyItemDirective,\n        AvatarGroupLegacyFocusableAvatarDirective,\n        AvatarGroupLegacyPopoverControlDirective,\n        AvatarGroupLegacyOverflowBodyDirective,\n        AvatarGroupLegacyOverflowItemDirective,\n        AvatarGroupLegacyOverflowButtonDirective,\n        AvatarGroupLegacyOverflowButtonTextDirective\n    ],\n    exports: [\n        AvatarGroupLegacyComponent,\n        AvatarGroupLegacyItemDirective,\n        AvatarGroupLegacyFocusableAvatarDirective,\n        AvatarGroupLegacyPopoverControlDirective,\n        AvatarGroupLegacyOverflowBodyDirective,\n        AvatarGroupLegacyOverflowItemDirective,\n        AvatarGroupLegacyOverflowButtonDirective,\n        AvatarGroupLegacyOverflowButtonTextDirective\n    ]\n})\nexport class AvatarGroupLegacyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-avatar-group-legacy.mjs","sources":["../../../../libs/core/avatar-group-legacy/tokens.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-item.directive.ts","../../../../libs/core/avatar-group-legacy/avatar-group-legacy.component.ts","../../../../libs/core/avatar-group-legacy/avatar-group-legacy.component.html","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-overflow-body.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-focusable-avatar.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-overflow-button-text.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-overflow-button.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-overflow-item.directive.ts","../../../../libs/core/avatar-group-legacy/directives/avatar-group-legacy-popover-control.directive.ts","../../../../libs/core/avatar-group-legacy/avatar-group-legacy.module.ts","../../../../libs/core/avatar-group-legacy/fundamental-ngx-core-avatar-group-legacy.ts"],"sourcesContent":["import { FocusableOption } from '@angular/cdk/a11y';\nimport { InjectionToken } from '@angular/core';\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\nimport { AvatarGroupLegacyInterface } from './avatar-group-legacy.interface';\n\nexport type FocusableWithElementRef = FocusableOption & HasElementRef;\n\nexport const AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE = new InjectionToken<FocusableWithElementRef>(\n    'AvatarGroupLegacyFocusableAvatarDirective'\n);\n\nexport const AVATAR_GROUP_LEGACY_COMPONENT = new InjectionToken<AvatarGroupLegacyInterface>(\n    'AvatarGroupLegacyComponent'\n);\n","import { FocusableOption } from '@angular/cdk/a11y';\nimport { Directive, ElementRef, HostListener, Inject, Optional } from '@angular/core';\nimport { AvatarGroupLegacyInterface } from '../avatar-group-legacy.interface';\nimport { AVATAR_GROUP_LEGACY_COMPONENT } from '../tokens';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-item]',\n    host: { class: 'fd-avatar-group-legacy__item' },\n    standalone: true\n})\nexport class AvatarGroupLegacyItemDirective implements FocusableOption {\n    /** Item disable state */\n    disabled = false;\n\n    /** @hidden */\n    constructor(\n        private readonly _elementRef: ElementRef<HTMLElement>,\n        @Optional() @Inject(AVATAR_GROUP_LEGACY_COMPONENT) private readonly _component: AvatarGroupLegacyInterface\n    ) {}\n\n    /** @hidden */\n    get _element(): HTMLElement {\n        return this._elementRef.nativeElement;\n    }\n\n    /** Handler for mouse events */\n    @HostListener('click')\n    onClick(): void {\n        if (this._component) {\n            this._component._setActiveItem(this);\n        }\n    }\n\n    /** @hidden */\n    focus(): void {\n        this._element.focus();\n    }\n}\n","import { FocusKeyManager } from '@angular/cdk/a11y';\nimport { DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, TAB, UP_ARROW } from '@angular/cdk/keycodes';\nimport { ViewportRuler } from '@angular/cdk/overlay';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    HostListener,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    QueryList,\n    ViewChild,\n    ViewEncapsulation,\n    computed,\n    effect,\n    forwardRef,\n    inject\n} from '@angular/core';\nimport { Subscription, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\nimport { ColorAccent, KeyUtil, Nullable, RtlService, Size } from '@fundamental-ngx/cdk/utils';\nimport { AvatarGroupLegacyInterface } from './avatar-group-legacy.interface';\nimport { AvatarGroupLegacyItemDirective } from './directives/avatar-group-legacy-item.directive';\nimport { AVATAR_GROUP_LEGACY_COMPONENT } from './tokens';\n\nexport type AvatarGroupLegacyType = 'group' | 'individual';\nexport type AvatarGroupLegacyOverflowButtonColor = 'neutral' | 'random' | ColorAccent;\n\nlet avatarGroupCount = 0;\n\n@Component({\n    selector: 'fd-avatar-group-legacy',\n    templateUrl: './avatar-group-legacy.component.html',\n    styleUrl: './avatar-group-legacy.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: AVATAR_GROUP_LEGACY_COMPONENT,\n            useExisting: forwardRef(() => AvatarGroupLegacyComponent)\n        }\n    ]\n})\nexport class AvatarGroupLegacyComponent\n    implements AvatarGroupLegacyInterface, OnChanges, OnInit, AfterViewInit, OnDestroy\n{\n    /** Id of the Avatar Group. */\n    @Input()\n    id = `fd-avatar-group-legacy-${avatarGroupCount++}`;\n\n    /** Apply user custom class. */\n    @Input()\n    class: string;\n\n    /** The size of the Avatar Group. Options include: *xs*, *s*, *m*, *l* and *xl* (default: *s*). */\n    @Input()\n    size: Size = 's';\n\n    /** The type of the Avatar Group. Options include: *group* and *individual* (default: *group*). */\n    @Input()\n    type: AvatarGroupLegacyType = 'group';\n\n    /** Aria-label for Avatar Group. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** @hidden Avatar Group items. */\n    @ContentChildren(AvatarGroupLegacyItemDirective, { descendants: true })\n    mainItems: QueryList<AvatarGroupLegacyItemDirective>;\n\n    /** @hidden */\n    @ViewChild('avatarGroupContainer')\n    avatarGroupContainer: ElementRef<HTMLDivElement>;\n\n    /** Counter for all avatars. */\n    allItemsCount = 0;\n\n    /** Counter for visible in overflow popover avatars. */\n    overflowItemsCount = 0;\n\n    /** @hidden */\n    rootClassNames: Record<string, boolean | undefined | null>;\n\n    /** @hidden */\n    get isGroupType(): boolean {\n        return this.type === 'group';\n    }\n\n    /** @hidden */\n    private get _avatarGroupWidth(): number {\n        return this.avatarGroupContainer?.nativeElement?.offsetWidth;\n    }\n\n    /** @hidden */\n    private get _avatarGroupItemWidth(): number {\n        return this.mainItems.first?._element.offsetWidth ?? 0;\n    }\n\n    /** @hidden */\n    private get _avatarGroupItemWithMarginsWidth(): number {\n        if (!this.mainItems.first) {\n            return this._avatarGroupItemWidth;\n        }\n\n        const elementStyles = getComputedStyle(this.mainItems.first._element);\n        const marginLeft = elementStyles.marginLeft || '0';\n        const marginRight = elementStyles.marginRight || '0';\n\n        return this._avatarGroupItemWidth + parseInt(marginLeft, 10) + parseInt(marginRight, 10);\n    }\n\n    /** @hidden FocusKeyManager instance */\n    private _keyboardEventsManager: FocusKeyManager<AvatarGroupLegacyItemDirective>;\n\n    /** @hidden */\n    private readonly _subscription = new Subscription();\n\n    /** @hidden */\n    private readonly _viewportRuler = inject(ViewportRuler);\n    private readonly _cdr = inject(ChangeDetectorRef);\n\n    /** @hidden */\n    private readonly _rtlService = inject(RtlService, { optional: true });\n\n    /** @hidden */\n    private readonly _dir = computed<'ltr' | 'rtl'>(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'));\n\n    /** @hidden */\n    constructor() {\n        // React to RTL changes and update keyboard manager orientation\n        effect(() => {\n            const dir = this._dir();\n            this._keyboardEventsManager?.withHorizontalOrientation(dir);\n        });\n    }\n\n    /** @hidden */\n    @HostListener('keyup', ['$event'])\n    keyUpHandler(event: KeyboardEvent): void {\n        if (KeyUtil.isKeyCode(event, TAB)) {\n            const index = this.mainItems.toArray().findIndex((item) => item._element === event.target);\n            if (index !== -1) {\n                this._keyboardEventsManager.setActiveItem(index);\n            }\n        }\n\n        if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {\n            event.preventDefault();\n\n            // passing the event to key manager so we get a change fired\n            this._keyboardEventsManager.onKeydown(event);\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._subscription.add(this._viewportRuler.change().subscribe(() => this._onResize()));\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this._assignCssClasses();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._reset();\n\n        this._subscription.add(\n            of(true)\n                .pipe(delay(5))\n                .subscribe(() => this._collapseItems())\n        );\n\n        this._listenForItemChanges();\n        this._setKeyboardEventsManager();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscription.unsubscribe();\n        this._keyboardEventsManager.destroy();\n    }\n\n    /** @hidden */\n    _setActiveItem(item: AvatarGroupLegacyItemDirective): void {\n        this._keyboardEventsManager.setActiveItem(item);\n    }\n\n    /** @hidden */\n    private _onResize(): void {\n        this._reset();\n        this._collapseItems();\n        this._cdr.markForCheck();\n    }\n\n    /** @hidden */\n    private _reset(): void {\n        this.allItemsCount = this.mainItems.length;\n        this.overflowItemsCount = 0;\n\n        this.mainItems.forEach((it) => {\n            it._element.style.display = 'inline-block';\n            it.disabled = false;\n        });\n    }\n\n    /** @hidden */\n    private _collapseItems(): void {\n        const allItemsCounter = this.mainItems?.length || 0;\n        let contentWidth = 0;\n        let idx = 0;\n        const avatarGroupItemWidth = this._avatarGroupItemWidth;\n        const avatarGroupItemWithMarginsWidth = this._avatarGroupItemWithMarginsWidth;\n\n        while (idx < allItemsCounter) {\n            const newContentWidth =\n                idx === 0 && this.isGroupType\n                    ? contentWidth + avatarGroupItemWidth\n                    : contentWidth + avatarGroupItemWithMarginsWidth;\n\n            if (newContentWidth >= this._avatarGroupWidth) {\n                // -1 because the last element in the loop will be replaced by the overflow button\n                const newIdx = idx - 1;\n                this.overflowItemsCount = allItemsCounter - newIdx;\n                const mainItemsToHide = this.mainItems.toArray().slice(newIdx);\n                mainItemsToHide.forEach((it) => {\n                    it._element.style.display = 'none';\n                    it.disabled = true;\n                });\n\n                break;\n            }\n\n            contentWidth = newContentWidth;\n            idx++;\n        }\n    }\n\n    /** @hidden */\n    private _listenForItemChanges(): void {\n        this._subscription.add(this.mainItems.changes.subscribe(() => this._onResize()));\n    }\n\n    /** @hidden */\n    private _assignCssClasses(): void {\n        this.rootClassNames = {\n            'fd-avatar-group-legacy': true,\n            [`fd-avatar-group-legacy--${this.type}-type`]: !!this.type,\n            [`fd-avatar-group-legacy--${this.size}`]: !!this.size,\n            [this.class]: !!this.class\n        };\n    }\n\n    /** @hidden */\n    private _setKeyboardEventsManager(): void {\n        this._keyboardEventsManager?.destroy();\n        this._keyboardEventsManager = new FocusKeyManager(this.mainItems)\n            .withWrap()\n            .withHorizontalOrientation(this._dir());\n    }\n}\n","<div #avatarGroupContainer [class]=\"rootClassNames\" [id]=\"id\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</div>\n","import { FocusableOption, FocusKeyManager } from '@angular/cdk/a11y';\nimport { DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, TAB, UP_ARROW } from '@angular/cdk/keycodes';\nimport {\n    AfterViewInit,\n    computed,\n    ContentChildren,\n    Directive,\n    effect,\n    HostListener,\n    inject,\n    Input,\n    OnDestroy,\n    QueryList\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { HasElementRef, KeyUtil, RtlService } from '@fundamental-ngx/cdk/utils';\nimport { AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE, FocusableWithElementRef } from '../tokens';\n\n// import { AvatarGroupLegacyFocusableAvatarDirective } from './avatar-group-legacy-focusable-avatar.directive';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-overflow-body]',\n    host: {\n        class: 'fd-avatar-group-legacy__overflow-body',\n        '[class.fd-avatar-group-legacy__overflow-body--no-padding]': 'noPadding',\n        '[class.fd-avatar-group-legacy__overflow-body--no-horizontal-scroll]': 'noHorizontalScroll',\n        '[class.fd-avatar-group-legacy__overflow-body--no-vertical-scroll]': 'noVerticalScroll'\n    }\n})\nexport class AvatarGroupLegacyOverflowBodyDirective implements AfterViewInit, OnDestroy {\n    /** Remove the padding from the overflow body. */\n    @Input()\n    noPadding = false;\n\n    /** Hide horizontal scrollbar from the overflow body. */\n    @Input()\n    noHorizontalScroll = true;\n\n    /** Hide vertical scrollbar from the overflow body. */\n    @Input()\n    noVerticalScroll = true;\n\n    /** @hidden Avatar Group Overflow items. */\n    @ContentChildren(AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE, { descendants: true })\n    overflowItems: QueryList<FocusableWithElementRef>;\n\n    /** @hidden FocusKeyManager instance */\n    private _keyboardEventsManager: FocusKeyManager<HasElementRef>;\n\n    /** @hidden */\n    private readonly _subscription = new Subscription();\n\n    /** @hidden */\n    private readonly _rtlService = inject(RtlService, { optional: true });\n\n    /** @hidden */\n    private readonly _dir = computed<'ltr' | 'rtl'>(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'));\n\n    /** @hidden */\n    constructor() {\n        // React to RTL changes and update keyboard manager orientation\n        effect(() => {\n            const dir = this._dir();\n            this._keyboardEventsManager?.withHorizontalOrientation(dir);\n        });\n    }\n\n    /** @hidden */\n    @HostListener('keyup', ['$event'])\n    keyUpHandler(event: KeyboardEvent): void {\n        if (KeyUtil.isKeyCode(event, TAB)) {\n            const index = this.overflowItems\n                .toArray()\n                .findIndex((item) => item.elementRef.nativeElement === event.target);\n            if (index !== -1) {\n                this._keyboardEventsManager.setActiveItem(index);\n            }\n        }\n\n        if (KeyUtil.isKeyCode(event, [DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW])) {\n            // passing the event to key manager so we get a change fired\n            this._keyboardEventsManager.onKeydown(event);\n        }\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._listenForItemChanges();\n\n        this._setKeyboardEventsManager();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscription.unsubscribe();\n        this._keyboardEventsManager?.destroy();\n    }\n\n    /** @hidden */\n    _setActiveItem(item: FocusableOption & HasElementRef): void {\n        this._keyboardEventsManager.setActiveItem(item);\n    }\n\n    /** @hidden */\n    private _listenForItemChanges(): void {\n        this.overflowItems.changes.subscribe(() => this._setKeyboardEventsManager());\n    }\n\n    /** @hidden */\n    private _setKeyboardEventsManager(): void {\n        this._keyboardEventsManager?.destroy();\n        this._keyboardEventsManager = new FocusKeyManager(this.overflowItems)\n            .withWrap()\n            .withHorizontalOrientation(this._dir());\n\n        this._keyboardEventsManager.setFirstItemActive();\n    }\n}\n","import { FocusableOption } from '@angular/cdk/a11y';\nimport { Directive, ElementRef, HostBinding, HostListener, Inject, Input, Optional, forwardRef } from '@angular/core';\n\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\n\nimport { AvatarGroupLegacyInterface } from '../avatar-group-legacy.interface';\nimport { AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE } from '../tokens';\nimport { AvatarGroupLegacyOverflowBodyDirective } from './avatar-group-legacy-overflow-body.directive';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-focusable-avatar]',\n    host: { class: 'fd-avatar-group-legacy__focusable-avatar' },\n    providers: [\n        {\n            provide: AVATAR_GROUP_LEGACY_FOCUSABLE_AVATAR_DIRECTIVE,\n            useExisting: forwardRef(() => AvatarGroupLegacyFocusableAvatarDirective)\n        }\n    ],\n    standalone: true\n})\nexport class AvatarGroupLegacyFocusableAvatarDirective implements FocusableOption, HasElementRef {\n    /** Tabindex of the Avatar. */\n    @Input()\n    @HostBinding('attr.tabindex')\n    tabindex = 0;\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef<HTMLElement>,\n        @Optional()\n        @Inject(forwardRef(() => AvatarGroupLegacyOverflowBodyDirective))\n        private readonly _component: AvatarGroupLegacyInterface\n    ) {}\n\n    /** Handler for mouse events */\n    @HostListener('click')\n    onClick(): void {\n        if (this._component) {\n            this._component._setActiveItem(this);\n        }\n    }\n\n    /** @hidden */\n    focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-overflow-button-text]',\n    host: { class: 'fd-button__text fd-avatar-group-legacy__button-text' },\n    standalone: true\n})\nexport class AvatarGroupLegacyOverflowButtonTextDirective {}\n","import { Directive, ElementRef, Input, OnChanges, OnInit } from '@angular/core';\n\nimport { CssClassBuilder, Size, applyCssClass, getRandomColorAccent } from '@fundamental-ngx/cdk/utils';\n\nimport { AvatarGroupLegacyOverflowButtonColor } from '../avatar-group-legacy.component';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-overflow-button]',\n    standalone: true\n})\nexport class AvatarGroupLegacyOverflowButtonDirective implements OnInit, OnChanges, CssClassBuilder {\n    /** User's custom classes. */\n    @Input()\n    class: string;\n\n    /** The size of the overflow button.\n     * Should be the same as the Avatar Group and Avatar size.\n     * Options include: *xs*, *s*, *m*, *l* and *xl* (default: *s*). */\n    @Input()\n    size: Size = 's';\n\n    /** A number from 1 to 10 representing the background color of the Avatar Group's overflow button.\n     * Options include: *neutral*, *random*, *1*, *2*, *3*, *4*, *5*, *6*, *7*, *8*, *9*, *10* (default: *neutral*). */\n    @Input()\n    color: AvatarGroupLegacyOverflowButtonColor = 'neutral';\n\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef) {}\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-button',\n            'fd-avatar-group-legacy__more-button',\n            (this.color && this._getMoreButtonColorCssClass()) || '',\n            this.size ? `fd-avatar-group-legacy__more-button--${this.size}` : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    private _getMoreButtonColorCssClass(): string | null {\n        if (this.color === 'random') {\n            return `fd-avatar-group-legacy__more-button--accent-color-${getRandomColorAccent()}`;\n        }\n\n        if (!Number.isNaN(parseInt(this.color as string, 10))) {\n            return `fd-avatar-group-legacy__more-button--accent-color-${this.color}`;\n        }\n        return null;\n    }\n}\n","import { Directive } from '@angular/core';\n\nimport { AvatarGroupLegacyItemDirective } from './avatar-group-legacy-item.directive';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-overflow-item]',\n    standalone: true\n})\nexport class AvatarGroupLegacyOverflowItemDirective extends AvatarGroupLegacyItemDirective {}\n","import { Directive, HostBinding, Input } from '@angular/core';\n\n/** Needed to bind specific class to group type popover control. */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-avatar-group-legacy-popover-control]',\n    host: { class: 'fd-avatar-group-legacy__popover-control' },\n    standalone: true\n})\nexport class AvatarGroupLegacyPopoverControlDirective {\n    /** Tabindex of the popover control. */\n    @Input()\n    @HostBinding('attr.tabindex')\n    tabindex = 0;\n\n    /** Role of the popover control. */\n    @Input()\n    @HostBinding('attr.role')\n    role = 'button';\n}\n","import { NgModule } from '@angular/core';\n\nimport { AvatarGroupLegacyComponent } from './avatar-group-legacy.component';\nimport { AvatarGroupLegacyFocusableAvatarDirective } from './directives/avatar-group-legacy-focusable-avatar.directive';\nimport { AvatarGroupLegacyItemDirective } from './directives/avatar-group-legacy-item.directive';\nimport { AvatarGroupLegacyOverflowBodyDirective } from './directives/avatar-group-legacy-overflow-body.directive';\nimport { AvatarGroupLegacyOverflowButtonTextDirective } from './directives/avatar-group-legacy-overflow-button-text.directive';\nimport { AvatarGroupLegacyOverflowButtonDirective } from './directives/avatar-group-legacy-overflow-button.directive';\nimport { AvatarGroupLegacyOverflowItemDirective } from './directives/avatar-group-legacy-overflow-item.directive';\nimport { AvatarGroupLegacyPopoverControlDirective } from './directives/avatar-group-legacy-popover-control.directive';\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n    imports: [\n        AvatarGroupLegacyComponent,\n        AvatarGroupLegacyItemDirective,\n        AvatarGroupLegacyFocusableAvatarDirective,\n        AvatarGroupLegacyPopoverControlDirective,\n        AvatarGroupLegacyOverflowBodyDirective,\n        AvatarGroupLegacyOverflowItemDirective,\n        AvatarGroupLegacyOverflowButtonDirective,\n        AvatarGroupLegacyOverflowButtonTextDirective\n    ],\n    exports: [\n        AvatarGroupLegacyComponent,\n        AvatarGroupLegacyItemDirective,\n        AvatarGroupLegacyFocusableAvatarDirective,\n        AvatarGroupLegacyPopoverControlDirective,\n        AvatarGroupLegacyOverflowBodyDirective,\n        AvatarGroupLegacyOverflowItemDirective,\n        AvatarGroupLegacyOverflowButtonDirective,\n        AvatarGroupLegacyOverflowButtonTextDirective\n    ]\n})\nexport class AvatarGroupLegacyModule {}\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

@@ -40,10 +40,10 @@ class AvatarGroupItemDirective {
     get details() {
         return this._details;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: AvatarGroupItemDirective, isStandalone: true, selector: "[fdAvatarGroupItem]", inputs: { title: ["fdAvatarGroupItemTitle", "title"], forceVisibility: ["fdAvatarGroupItemForceVisibility", "forceVisibility"], details: ["fdAvatarGroupItem", "details"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: AvatarGroupItemDirective, isStandalone: true, selector: "[fdAvatarGroupItem]", inputs: { title: ["fdAvatarGroupItemTitle", "title"], forceVisibility: ["fdAvatarGroupItemForceVisibility", "forceVisibility"], details: ["fdAvatarGroupItem", "details"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdAvatarGroupItem]',
@@ -206,8 +206,8 @@ class AvatarGroupItemRendererDirective {
         el.setAttribute('aria-posinset', String(this._posInSet));
         el.setAttribute('aria-setsize', String(this._setSize));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupItemRendererDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: AvatarGroupItemRendererDirective, isStandalone: true, selector: "[fdAvatarGroupItemPortal]", inputs: { avatarGroupItem: "avatarGroupItem", forceVisibility: "forceVisibility", posInSet: "posInSet", setSize: "setSize" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupItemRendererDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: AvatarGroupItemRendererDirective, isStandalone: true, selector: "[fdAvatarGroupItemPortal]", inputs: { avatarGroupItem: "avatarGroupItem", forceVisibility: "forceVisibility", posInSet: "posInSet", setSize: "setSize" }, providers: [
             {
                 provide: FDK_FOCUSABLE_ITEM_DIRECTIVE,
                 useExisting: AvatarGroupItemRendererDirective
@@ -215,7 +215,7 @@ class AvatarGroupItemRendererDirective {
             CdkPortalOutlet
         ], exportAs: ["fdAvatarGroupItemPortal"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupItemRendererDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupItemRendererDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdAvatarGroupItemPortal]',
@@ -246,7 +246,8 @@ class AvatarGroupHostComponent {
         /** The reference to the host element */
         this.elementRef = inject(ElementRef);
         /** @hidden */
-        this._hiddenItems = signal([], ...(ngDevMode ? [{ debugName: "_hiddenItems" }] : []));
+        this._hiddenItems = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_hiddenItems" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
@@ -330,8 +331,8 @@ class AvatarGroupHostComponent {
             hiddenItems
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: AvatarGroupHostComponent, isStandalone: true, selector: "fd-avatar-group-host", inputs: { class: "class", type: "type", orientation: "orientation", size: "size", items: "items" }, queries: [{ propertyName: "_portals", predicate: AvatarGroupItemRendererDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["fd-avatar-group-host{position:relative}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: AvatarGroupHostComponent, isStandalone: true, selector: "fd-avatar-group-host", inputs: { class: "class", type: "type", orientation: "orientation", size: "size", items: "items" }, queries: [{ propertyName: "_portals", predicate: AvatarGroupItemRendererDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["fd-avatar-group-host{position:relative}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -339,7 +340,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], AvatarGroupHostComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-avatar-group-host', template: '<ng-content></ng-content>', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["fd-avatar-group-host{position:relative}\n"] }]
         }], propDecorators: { class: [{
@@ -397,8 +398,8 @@ class AvatarGroupOverflowButtonComponent extends FocusableItemDirective {
     ngOnChanges() {
         this.buildComponentCssClass();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupOverflowButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: AvatarGroupOverflowButtonComponent, isStandalone: true, selector: "fd-avatar-group-overflow-button", inputs: { size: "size", circle: "circle", colorAccent: "colorAccent", class: "class" }, host: { attributes: { "role": "button" }, listeners: { "keydown.enter": "elementRef.nativeElement.click()", "keydown.space": "elementRef.nativeElement.click(); $event.preventDefault()" }, properties: { "class.fd-avatar--circle": "this.circle" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupOverflowButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: AvatarGroupOverflowButtonComponent, isStandalone: true, selector: "fd-avatar-group-overflow-button", inputs: { size: "size", circle: "circle", colorAccent: "colorAccent", class: "class" }, host: { attributes: { "role": "button" }, listeners: { "keydown.enter": "elementRef.nativeElement.click()", "keydown.space": "elementRef.nativeElement.click(); $event.preventDefault()" }, properties: { "class.fd-avatar--circle": "this.circle" } }, providers: [
             {
                 provide: FDK_FOCUSABLE_ITEM_DIRECTIVE,
                 useExisting: forwardRef(() => AvatarGroupOverflowButtonComponent)
@@ -411,7 +412,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], AvatarGroupOverflowButtonComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupOverflowButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupOverflowButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-avatar-group-overflow-button',
@@ -456,11 +457,13 @@ class DefaultAvatarGroupOverflowBodyComponent {
          * Heading level for the overflow popover title.
          * @default 5
          */
-        this.overflowHeadingLevel = input(5, ...(ngDevMode ? [{ debugName: "overflowHeadingLevel" }] : []));
+        this.overflowHeadingLevel = input(5, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "overflowHeadingLevel" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._overflowPopoverStage = 'main';
         /** @hidden */
-        this.navigationArrow = computed(() => this._rtlService?.rtl() ? 'navigation-right-arrow' : 'navigation-left-arrow', ...(ngDevMode ? [{ debugName: "navigationArrow" }] : []));
+        this.navigationArrow = computed(() => this._rtlService?.rtl() ? 'navigation-right-arrow' : 'navigation-left-arrow', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "navigationArrow" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._elementRef = inject((ElementRef));
         /** @hidden */
@@ -528,8 +531,8 @@ class DefaultAvatarGroupOverflowBodyComponent {
         el.addEventListener('keydown', escapeHandler, true);
         this._escapeUnlisten = () => el.removeEventListener('keydown', escapeHandler, true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DefaultAvatarGroupOverflowBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: DefaultAvatarGroupOverflowBodyComponent, isStandalone: true, selector: "fd-default-avatar-group-overflow-body", inputs: { avatars: { classPropertyName: "avatars", publicName: "avatars", isSignal: false, isRequired: false, transformFunction: null }, overflowPopoverTitle: { classPropertyName: "overflowPopoverTitle", publicName: "overflowPopoverTitle", isSignal: false, isRequired: false, transformFunction: null }, overflowHeadingLevel: { classPropertyName: "overflowHeadingLevel", publicName: "overflowHeadingLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "style.max-width.rem": "20" }, classAttribute: "fd-popover__wrapper" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DefaultAvatarGroupOverflowBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DefaultAvatarGroupOverflowBodyComponent, isStandalone: true, selector: "fd-default-avatar-group-overflow-body", inputs: { avatars: { classPropertyName: "avatars", publicName: "avatars", isSignal: false, isRequired: false, transformFunction: null }, overflowPopoverTitle: { classPropertyName: "overflowPopoverTitle", publicName: "overflowPopoverTitle", isSignal: false, isRequired: false, transformFunction: null }, overflowHeadingLevel: { classPropertyName: "overflowHeadingLevel", publicName: "overflowHeadingLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { escapePressed: "escapePressed" }, host: { properties: { "style.max-width.rem": "20" }, classAttribute: "fd-popover__wrapper" }, providers: [
             {
                 // Override the parent group config so that items inside the overflow popup are always
                 // rendered as individually focusable. Without this, a group-type parent would set
@@ -540,7 +543,7 @@ class DefaultAvatarGroupOverflowBodyComponent {
             }
         ], viewQueries: [{ propertyName: "_avatarGroupItemPortals", predicate: AvatarGroupItemRendererDirective, descendants: true }], ngImport: i0, template: "<div fd-popover-body-header>\n    <div fd-bar barDesign=\"header\">\n        <div fd-bar-left>\n            @if (_isDetailStage) {\n                <fd-button-bar\n                    (click)=\"openOverflowMain()\"\n                    [glyph]=\"navigationArrow()\"\n                    fdType=\"transparent\"\n                    [attr.aria-label]=\"('coreAvatarGroup.backButton' | fdTranslate)()\"\n                    [title]=\"('coreAvatarGroup.backButton' | fdTranslate)()\"\n                ></fd-button-bar>\n            }\n            <fd-bar-element\n                ><span\n                    class=\"fd-title\"\n                    [class]=\"'fd-title--h' + overflowHeadingLevel()\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"overflowHeadingLevel()\"\n                >\n                    {{ _isDetailStage ? _selectedItem.title : overflowPopoverTitle }}\n                </span></fd-bar-element\n            >\n            @if (_isDetailStage) {\n                <fd-bar-element>&nbsp;</fd-bar-element>\n            }\n        </div>\n    </div>\n</div>\n<div\n    class=\"fd-avatar-group__overflow-body\"\n    [class.fd-avatar-group__overflow-body--no-padding]=\"_isDetailStage\"\n    [class.fd-avatar-group__overflow-body--no-horizontal-scroll]=\"_isDetailStage\"\n    fdkFocusableList\n    role=\"list\"\n    navigationDirection=\"horizontal\"\n>\n    @if (_overflowPopoverStage === 'main') {\n        @for (item of avatars; track item) {\n            <ng-template\n                cdkPortalOutlet\n                fdAvatarGroupItemPortal\n                [avatarGroupItem]=\"item.avatarGroupItem\"\n                [forceVisibility]=\"true\"\n                [posInSet]=\"item.posInSet\"\n                [setSize]=\"item.setSize\"\n            >\n            </ng-template>\n        }\n    } @else {\n        <ng-template [ngTemplateOutlet]=\"_selectedItem.details\"></ng-template>\n    }\n</div>\n", styles: ["fd-default-avatar-group-overflow-body{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: AvatarGroupItemRendererDirective, selector: "[fdAvatarGroupItemPortal]", inputs: ["avatarGroupItem", "forceVisibility", "posInSet", "setSize"], exportAs: ["fdAvatarGroupItemPortal"] }, { kind: "directive", type: FocusableListDirective, selector: "[fdkFocusableList]", inputs: ["focusable", "navigationDirection", "contentDirection", "wrap", "listFocusedEventAnnouncer"], outputs: ["navigationDirectionChange", "contentDirectionChange", "itemFocused"], exportAs: ["fdkFocusableList"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "component", type: BarComponent, selector: "[fd-bar]", inputs: ["barDesign", "inPage", "inHomePage", "clear", "size", "initialSuggestionTitle", "initialSuggestionSubline", "role"] }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]", inputs: ["stackContentsVertically"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DefaultAvatarGroupOverflowBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DefaultAvatarGroupOverflowBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-default-avatar-group-overflow-body', imports: [
                         PortalModule,
@@ -620,10 +623,10 @@ class AvatarGroupInternalOverflowButtonDirective {
         this._viewContainerRef.clear();
         this._embeddedView = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupInternalOverflowButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: AvatarGroupInternalOverflowButtonDirective, isStandalone: true, selector: "[fdAvatarGroupInternalOverflowButton]", inputs: { hiddenItems: ["fdAvatarGroupInternalOverflowButton", "hiddenItems"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupInternalOverflowButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: AvatarGroupInternalOverflowButtonDirective, isStandalone: true, selector: "[fdAvatarGroupInternalOverflowButton]", inputs: { hiddenItems: ["fdAvatarGroupInternalOverflowButton", "hiddenItems"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupInternalOverflowButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupInternalOverflowButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdAvatarGroupInternalOverflowButton]',
@@ -643,10 +646,10 @@ class AvatarGroupOverflowBodyDirective {
         /** @hidden */
         this._templateRef = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupOverflowBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: AvatarGroupOverflowBodyDirective, isStandalone: true, selector: "[fdAvatarGroupOverflowBody]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupOverflowBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: AvatarGroupOverflowBodyDirective, isStandalone: true, selector: "[fdAvatarGroupOverflowBody]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupOverflowBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupOverflowBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdAvatarGroupOverflowBody]',
@@ -663,10 +666,10 @@ class AvatarGroupOverflowButtonDirective {
         /** @hidden */
         this._templateRef = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupOverflowButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: AvatarGroupOverflowButtonDirective, isStandalone: true, selector: "[fdAvatarGroupOverflowButton]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupOverflowButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: AvatarGroupOverflowButtonDirective, isStandalone: true, selector: "[fdAvatarGroupOverflowButton]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupOverflowButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupOverflowButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdAvatarGroupOverflowButton]',
@@ -700,15 +703,20 @@ class AvatarGroupComponent {
          * Heading level for the overflow popover title.
          * @default 5
          */
-        this.overflowHeadingLevel = input(5, ...(ngDevMode ? [{ debugName: "overflowHeadingLevel" }] : []));
+        this.overflowHeadingLevel = input(5, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "overflowHeadingLevel" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this._avatarGroupHost = viewChild(AvatarGroupHostComponent, ...(ngDevMode ? [{ debugName: "_avatarGroupHost" }] : []));
+        this._avatarGroupHost = viewChild(AvatarGroupHostComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_avatarGroupHost" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this.contentDirection = computed(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'), ...(ngDevMode ? [{ debugName: "contentDirection" }] : []));
+        this.contentDirection = computed(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contentDirection" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this._defaultAriaLabelGroup = computed(() => this._translate('coreAvatarGroup.ariaLabelGroup', this._ariaLabelContext)(), ...(ngDevMode ? [{ debugName: "_defaultAriaLabelGroup" }] : []));
+        this._defaultAriaLabelGroup = computed(() => this._translate('coreAvatarGroup.ariaLabelGroup', this._ariaLabelContext)(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_defaultAriaLabelGroup" }] : /* istanbul ignore next */ []));
         /** @hidden */
-        this._defaultAriaLabelIndividual = computed(() => this._translate('coreAvatarGroup.ariaLabelIndividual', this._ariaLabelContext)(), ...(ngDevMode ? [{ debugName: "_defaultAriaLabelIndividual" }] : []));
+        this._defaultAriaLabelIndividual = computed(() => this._translate('coreAvatarGroup.ariaLabelIndividual', this._ariaLabelContext)(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_defaultAriaLabelIndividual" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._translate = resolveTranslationSignalFn();
         /** @hidden */
@@ -717,7 +725,8 @@ class AvatarGroupComponent {
             const hiddenCount = hiddenItems.length;
             const count = (this._avatars?.length ?? 0) - hiddenCount;
             return { count, hiddenCount };
-        }, ...(ngDevMode ? [{ debugName: "_ariaLabelContext" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_ariaLabelContext" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._cdr = inject(ChangeDetectorRef);
         /** @hidden */
@@ -737,15 +746,15 @@ class AvatarGroupComponent {
     _popupBodyAriaLabel(count) {
         return this._translate('coreAvatarGroup.popupBodyAriaLabel', signal({ count }))();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: AvatarGroupComponent, isStandalone: true, selector: "fd-avatar-group", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, overflowPopoverTitle: { classPropertyName: "overflowPopoverTitle", publicName: "overflowPopoverTitle", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: false, isRequired: false, transformFunction: null }, overflowHeadingLevel: { classPropertyName: "overflowHeadingLevel", publicName: "overflowHeadingLevel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: AvatarGroupComponent, isStandalone: true, selector: "fd-avatar-group", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, overflowPopoverTitle: { classPropertyName: "overflowPopoverTitle", publicName: "overflowPopoverTitle", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: false, isRequired: false, transformFunction: null }, overflowHeadingLevel: { classPropertyName: "overflowHeadingLevel", publicName: "overflowHeadingLevel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 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: "_avatarGroupHost", first: true, predicate: AvatarGroupHostComponent, descendants: true, isSignal: true }, { propertyName: "_avatarRenderers", predicate: AvatarGroupItemRendererDirective, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n@if (type === 'individual') {\n    <fd-avatar-group-host\n        #avatarGroupHostComponent\n        [type]=\"type\"\n        [size]=\"size\"\n        [orientation]=\"orientation\"\n        fdkResizeObserver\n        fdkFocusableList\n        [contentDirection]=\"contentDirection()\"\n        [wrap]=\"true\"\n        [navigationDirection]=\"orientation\"\n        [items]=\"_avatars\"\n        [attr.aria-label]=\"ariaLabel || _defaultAriaLabelIndividual()\"\n        (resized)=\"_detectChanges()\"\n        (itemFocused)=\"_onItemFocused($event)\"\n    >\n        @for (item of _avatars; track item) {\n            <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n                <fd-popover-control\n                    class=\"fd-avatar-group__popover-control\"\n                    tabindex=\"-1\"\n                    (click)=\"outletItem.element.focus()\"\n                >\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                @if (item.details) {\n                    <ng-template fdPopoverBody>\n                        <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n                    </ng-template>\n                }\n            </fd-popover>\n        }\n        <ng-template [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\" let-hiddenItems>\n            <fd-popover\n                #overflowPopover\n                [noArrow]=\"false\"\n                [focusAutoCapture]=\"true\"\n                [bodyAriaLabel]=\"_popupBodyAriaLabel(hiddenItems.length)\"\n            >\n                <fd-popover-control class=\"fd-avatar-group__popover-control\" tabindex=\"-1\">\n                    @if (_overflowButton) {\n                        <ng-template\n                            [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n                            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n                        />\n                    } @else {\n                        <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n                            +{{ hiddenItems.length }}\n                        </fd-avatar-group-overflow-button>\n                    }\n                </fd-popover-control>\n                <ng-template fdPopoverBody>\n                    <ng-template\n                        [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: hiddenItems, popoverRef: overflowPopover }\"\n                    ></ng-template>\n                </ng-template>\n            </fd-popover>\n        </ng-template>\n    </fd-avatar-group-host>\n} @else {\n    <fd-popover\n        #groupPopover\n        [noArrow]=\"false\"\n        [focusAutoCapture]=\"true\"\n        [bodyAriaLabel]=\"_popupBodyAriaLabel(_avatars.length)\"\n        fdkResizeObserver\n        (resized)=\"_detectChanges()\"\n    >\n        <fd-popover-control class=\"fd-avatar-group__popover-control\">\n            <fd-avatar-group-host\n                #avatarGroupHostComponent\n                [type]=\"type\"\n                [size]=\"size\"\n                [orientation]=\"orientation\"\n                [attr.aria-label]=\"ariaLabel || _defaultAriaLabelGroup()\"\n                role=\"button\"\n                tabindex=\"0\"\n            >\n                @for (item of _avatars; track item) {\n                    <ng-template\n                        cdkPortalOutlet\n                        fdAvatarGroupItemPortal\n                        [forceVisibility]=\"item.forceVisibility\"\n                        [avatarGroupItem]=\"item\"\n                    >\n                    </ng-template>\n                }\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        <ng-template fdPopoverBody>\n            <ng-template\n                [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers, popoverRef: groupPopover }\"\n            ></ng-template>\n        </ng-template>\n    </fd-popover>\n}\n<ng-template #overflowButtonTemplate let-hiddenItems>\n    @if (_overflowButton) {\n        <ng-template\n            [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    } @else {\n        <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\" [fdkFocusableItem]=\"false\">\n            +{{ hiddenItems.length }}\n        </fd-avatar-group-overflow-button>\n    }\n</ng-template>\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems let-popoverRef=\"popoverRef\">\n    @if (_avatarGroupPopoverBody) {\n        <ng-template\n            [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n            [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n        />\n    } @else {\n        <fd-default-avatar-group-overflow-body\n            [avatars]=\"hiddenItems\"\n            [overflowPopoverTitle]=\"overflowPopoverTitle\"\n            [overflowHeadingLevel]=\"overflowHeadingLevel()\"\n            (escapePressed)=\"popoverRef?.close()\"\n        />\n    }\n</ng-template>\n", styles: [".fd-avatar{--fdAvatarZoomIconPosition:0;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:var(--fdAvatarBorderWidth, .0625rem) solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);-webkit-box-shadow:var(--fdAvatarBoxShadow);box-shadow:var(--fdAvatarBoxShadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding-block:0;padding-inline:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{-webkit-box-sizing:inherit;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);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.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(--fdAvatarBorderHoverColor,var(--sapAvatar_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor,var(--sapAvatar_6_Hover_Background))}.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:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));--fdAvatarColor:var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))}.fd-avatar--interactive.is-active.is-hover,.fd-avatar--interactive.is-active:hover,.fd-avatar--interactive:active.is-hover,.fd-avatar--interactive:active:hover,.fd-avatar[role=button].is-active.is-hover,.fd-avatar[role=button].is-active:hover,.fd-avatar[role=button]:active.is-hover,.fd-avatar[role=button]:active:hover,.fd-avatar[tabindex=\"0\"].is-active.is-hover,.fd-avatar[tabindex=\"0\"].is-active:hover,.fd-avatar[tabindex=\"0\"]:active.is-hover,.fd-avatar[tabindex=\"0\"]:active:hover{--fdAvatarBorderColor:var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));--fdAvatarColor:var(--fdAvatarActiveHoverColor,var(--sapButton_Selected_TextColor))}.fd-avatar--interactive.is-toggled,.fd-avatar[role=button].is-toggled,.fd-avatar[tabindex=\"0\"].is-toggled{--fdAvatarBorderColor:var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));--fdAvatarColor:var(--fdAvatarActiveColor,var(--sapButton_Active_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(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));--fdAvatarColor:var(--fdAvatarActiveHoverColor,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-block:.125rem;padding-inline:.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]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:100%;color:var(--fdAvatarZoomIconColor);font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);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__zoom-icon--indication-1{--fdAvatarZoomIconColor:var(--sapIndicationColor_1_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_1_Background)}.fd-avatar__zoom-icon--indication-2{--fdAvatarZoomIconColor:var(--sapIndicationColor_2_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_2_Background)}.fd-avatar__zoom-icon--indication-3{--fdAvatarZoomIconColor:var(--sapIndicationColor_3_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_3_Background)}.fd-avatar__zoom-icon--indication-4{--fdAvatarZoomIconColor:var(--sapIndicationColor_4_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_4_Background)}.fd-avatar__zoom-icon--indication-5{--fdAvatarZoomIconColor:var(--sapIndicationColor_5_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_5_Background)}.fd-avatar__zoom-icon--indication-6{--fdAvatarZoomIconColor:var(--sapIndicationColor_6_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_6_Background)}.fd-avatar__zoom-icon--indication-7{--fdAvatarZoomIconColor:var(--sapIndicationColor_7_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_7_Background)}.fd-avatar__zoom-icon--indication-8{--fdAvatarZoomIconColor:var(--sapIndicationColor_8_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_8_Background)}.fd-avatar__zoom-icon--indication-9{--fdAvatarZoomIconColor:var(--sapIndicationColor_9_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_9_Background)}.fd-avatar__zoom-icon--indication-10{--fdAvatarZoomIconColor:var(--sapIndicationColor_10_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_10_Background)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.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);content:\"\";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapAvatar_Lite_Background);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarBorderHoverColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_Lite_Background)}.fd-avatar--tile{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapTile_Background);--fdAvatarColor:var(--sapTile_IconColor);--fdAvatarBorderHoverColor:var(--sapTile_IconColor);--fdAvatarHoverBackgroundColor:var(--sapTile_Background)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarBorderHoverColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapContent_IconColor);--fdAvatarBackgroundColor:var(--sapAvatar_Lite_Background);--fdAvatarHoverBackgroundColor:var(--sapAvatar_Lite_Background)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor)}.fd-avatar--overflow{cursor:pointer;--fdAvatarBorderWidth:var(--fdAvatar_Overflow_Border_Width);--fdAvatarBorderColor:var(--sapButton_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Background);--fdAvatarColor:var(--sapButton_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);--fdAvatarBorderActiveColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapButton_Active_Background);--fdAvatarActiveColor:var(--sapButton_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapButton_Active_Background);--fdAvatarActiveHoverColor:var(--sapButton_Active_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_1_BorderColor);--fdAvatarColor:var(--sapAvatar_1_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_1_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_1_Hover_Background)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_2_BorderColor);--fdAvatarColor:var(--sapAvatar_2_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_2_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_2_Hover_Background)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_3_BorderColor);--fdAvatarColor:var(--sapAvatar_3_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_3_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_3_Hover_Background)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_4_BorderColor);--fdAvatarColor:var(--sapAvatar_4_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_4_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_4_Hover_Background)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_5_BorderColor);--fdAvatarColor:var(--sapAvatar_5_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_5_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_5_Hover_Background)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_6_BorderColor);--fdAvatarColor:var(--sapAvatar_6_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_6_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_6_Hover_Background)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_7_BorderColor);--fdAvatarColor:var(--sapAvatar_7_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_7_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_7_Hover_Background)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_8_BorderColor);--fdAvatarColor:var(--sapAvatar_8_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_8_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_8_Hover_Background)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_9_BorderColor);--fdAvatarColor:var(--sapAvatar_9_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_9_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_9_Hover_Background)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_10_BorderColor);--fdAvatarColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_10_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_10_Hover_Background)}.fd-avatar--indication-color-1,.fd-avatar--indication-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_1_BorderColor);--fdAvatarColor:var(--sapIndicationColor_1_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_1_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_1_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_1_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_1_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_1_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_1_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_1_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_1_Active_TextColor)}.fd-avatar--indication-color-2,.fd-avatar--indication-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_2_BorderColor);--fdAvatarColor:var(--sapIndicationColor_2_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_2_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_2_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_2_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_2_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_2_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_2_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_2_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_2_Active_TextColor)}.fd-avatar--indication-color-3,.fd-avatar--indication-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_3_BorderColor);--fdAvatarColor:var(--sapIndicationColor_3_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_3_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_3_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_3_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_3_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_3_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_3_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_3_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_3_Active_TextColor)}.fd-avatar--indication-color-4,.fd-avatar--indication-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_4_BorderColor);--fdAvatarColor:var(--sapIndicationColor_4_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_4_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_4_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_4_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_4_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_4_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_4_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_4_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_4_Active_TextColor)}.fd-avatar--indication-color-5,.fd-avatar--indication-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_5_BorderColor);--fdAvatarColor:var(--sapIndicationColor_5_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_5_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_5_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_5_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_5_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_5_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_5_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_5_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_5_Active_TextColor)}.fd-avatar--indication-color-6,.fd-avatar--indication-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_6_BorderColor);--fdAvatarColor:var(--sapIndicationColor_6_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_6_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_6_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_6_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_6_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_6_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_6_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_6_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_6_Active_TextColor)}.fd-avatar--indication-color-7,.fd-avatar--indication-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_7_BorderColor);--fdAvatarColor:var(--sapIndicationColor_7_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_7_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_7_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_7_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_7_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_7_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_7_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_7_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_7_Active_TextColor)}.fd-avatar--indication-color-8,.fd-avatar--indication-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_8_BorderColor);--fdAvatarColor:var(--sapIndicationColor_8_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_8_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_8_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_8_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_8_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_8_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_8_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_8_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_8_Active_TextColor)}.fd-avatar--indication-color-9,.fd-avatar--indication-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_9_BorderColor);--fdAvatarColor:var(--sapIndicationColor_9_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_9_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_9_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_9_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_9_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_9_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_9_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_9_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_9_Active_TextColor)}.fd-avatar--indication-color-10,.fd-avatar--indication-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_10_BorderColor);--fdAvatarColor:var(--sapIndicationColor_10_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_10_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_10_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_10_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_10_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_10_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_10_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_10_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_10_Active_TextColor)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem}:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1rem}:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.25rem}.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}:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.75rem}.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--sm{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem}:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.75rem}.fd-avatar--sm .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--sm .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2rem}:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.25rem}.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--md{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2rem}:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.25rem}.fd-avatar--md .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--md .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem}:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.75rem}.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--lg{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem}:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.75rem}.fd-avatar--lg .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--lg .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem}:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:3.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:3.75rem}.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,.fd-avatar--indication-color-1.fd-avatar--shell,.fd-avatar--indication-color-10.fd-avatar--shell,.fd-avatar--indication-color-2.fd-avatar--shell,.fd-avatar--indication-color-3.fd-avatar--shell,.fd-avatar--indication-color-4.fd-avatar--shell,.fd-avatar--indication-color-5.fd-avatar--shell,.fd-avatar--indication-color-6.fd-avatar--shell,.fd-avatar--indication-color-7.fd-avatar--shell,.fd-avatar--indication-color-8.fd-avatar--shell,.fd-avatar--indication-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--lg,.fd-avatar--m,.fd-avatar--md,.fd-avatar--s,.fd-avatar--sm,.fd-avatar--xl,.fd-avatar--xs{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--lg:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--md:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--sm:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-avatar-group:after,.fd-avatar-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-block:var(--fdAvatarGroupItemsSpacingY) 0;margin-inline:var(--fdAvatarGroupItemsSpacingX) 0}.fd-avatar-group__overflow-body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding-block:0;padding-inline: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-block:.25rem;margin-inline:.25rem}.fd-avatar-group__popover-control{position:relative}.fd-avatar-group__popover-control.is-focus,.fd-avatar-group__popover-control:focus{z-index:5}.fd-avatar-group__popover-control.is-focus.is-focus,.fd-avatar-group__popover-control.is-focus:focus,.fd-avatar-group__popover-control:focus.is-focus,.fd-avatar-group__popover-control:focus:focus{outline:none}.fd-avatar-group__popover-control.is-focus.is-focus:after,.fd-avatar-group__popover-control.is-focus:focus:after,.fd-avatar-group__popover-control:focus.is-focus:after,.fd-avatar-group__popover-control: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);content:\"\";inset:var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar-group--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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--lg,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--md,.fd-avatar-group--individual-type.fd-avatar-group--s,.fd-avatar-group--individual-type.fd-avatar-group--sm{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type{position:relative}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.5rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.5rem}.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--sm{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--sm.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--md{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--md.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--lg{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--lg.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(--fdAvatarBorderHoverColor,var(--sapAvatar_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor,var(--sapAvatar_6_Hover_Background))}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));--fdAvatarColor:var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))}.fd-avatar-group--group-type.is-active.is-hover .fd-avatar,.fd-avatar-group--group-type.is-active:hover .fd-avatar,.fd-avatar-group--group-type:active.is-hover .fd-avatar,.fd-avatar-group--group-type:active:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));--fdAvatarColor:var(--fdAvatarActiveHoverColor,var(--sapButton_Selected_TextColor))}.fd-avatar-group--group-type.is-toggled .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));--fdAvatarColor:var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))}.fd-avatar-group--group-type.is-toggled.is-hover .fd-avatar,.fd-avatar-group--group-type.is-toggled:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));--fdAvatarColor:var(--fdAvatarActiveHoverColor,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);content:\"\";inset:var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset) var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute}fd-popover{display:inline-block}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-inline-start: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-inline: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/*!\n * Fundamental Library Styles v0.41.8\n * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */\n"], dependencies: [{ kind: "component", type: AvatarGroupHostComponent, selector: "fd-avatar-group-host", inputs: ["class", "type", "orientation", "size", "items"] }, { kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "directive", type: PopoverBodyDirective, selector: "[fdPopoverBody]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusableListDirective, selector: "[fdkFocusableList]", inputs: ["focusable", "navigationDirection", "contentDirection", "wrap", "listFocusedEventAnnouncer"], outputs: ["navigationDirectionChange", "contentDirectionChange", "itemFocused"], exportAs: ["fdkFocusableList"] }, { kind: "directive", type: AvatarGroupItemRendererDirective, selector: "[fdAvatarGroupItemPortal]", inputs: ["avatarGroupItem", "forceVisibility", "posInSet", "setSize"], 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", "overflowHeadingLevel"], outputs: ["escapePressed"] }, { 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: "21.1.0", ngImport: i0, type: AvatarGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-avatar-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -803,10 +812,10 @@ class AvatarGroupOverflowBodyComponent {
         /** Additional popover body class */
         this.additionalPopoverBodyClass = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupOverflowBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: AvatarGroupOverflowBodyComponent, isStandalone: true, selector: "fd-avatar-group-overflow-body", inputs: { noPadding: "noPadding", noHorizontalScroll: "noHorizontalScroll", noVerticalScroll: "noVerticalScroll", additionalPopoverBodyClass: "additionalPopoverBodyClass" }, host: { classAttribute: "fd-popover__wrapper" }, ngImport: i0, template: "<ng-content select=\"[fd-popover-body-header]\"></ng-content>\n<div\n    class=\"fd-avatar-group__overflow-body\"\n    [class.fd-avatar-group__overflow-body--no-padding]=\"noPadding\"\n    [class.fd-avatar-group__overflow-body--no-horizontal-scroll]=\"noHorizontalScroll\"\n    [class.fd-avatar-group__overflow-body--no-vertical-scroll]=\"noVerticalScroll\"\n>\n    <ng-content select=\"[fd-avatar-group-overflow-body-content]\"></ng-content>\n</div>\n", styles: ["fd-avatar-group-overflow-body{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupOverflowBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: AvatarGroupOverflowBodyComponent, isStandalone: true, selector: "fd-avatar-group-overflow-body", inputs: { noPadding: "noPadding", noHorizontalScroll: "noHorizontalScroll", noVerticalScroll: "noVerticalScroll", additionalPopoverBodyClass: "additionalPopoverBodyClass" }, host: { classAttribute: "fd-popover__wrapper" }, ngImport: i0, template: "<ng-content select=\"[fd-popover-body-header]\"></ng-content>\n<div\n    class=\"fd-avatar-group__overflow-body\"\n    [class.fd-avatar-group__overflow-body--no-padding]=\"noPadding\"\n    [class.fd-avatar-group__overflow-body--no-horizontal-scroll]=\"noHorizontalScroll\"\n    [class.fd-avatar-group__overflow-body--no-vertical-scroll]=\"noVerticalScroll\"\n>\n    <ng-content select=\"[fd-avatar-group-overflow-body-content]\"></ng-content>\n</div>\n", styles: ["fd-avatar-group-overflow-body{display:flex;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupOverflowBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupOverflowBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-avatar-group-overflow-body', host: {
                         class: 'fd-popover__wrapper'
@@ -826,8 +835,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
  * Use direct imports of components and directives.
  */
 class AvatarGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupModule, imports: [AvatarGroupComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupModule, imports: [AvatarGroupComponent,
             AvatarGroupItemDirective,
             AvatarGroupOverflowButtonComponent,
             AvatarGroupOverflowButtonDirective,
@@ -839,10 +848,10 @@ class AvatarGroupModule {
             AvatarGroupOverflowButtonDirective,
             AvatarGroupOverflowBodyComponent,
             AvatarGroupOverflowBodyDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupModule, imports: [AvatarGroupComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupModule, imports: [AvatarGroupComponent,
             PortalModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AvatarGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AvatarGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [