@fundamental-ngx/core 0.64.2-rc.9 → 0.64.3

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

@@ -1,10 +1,8 @@
 import { FocusKeyManager } from '@angular/cdk/a11y';
 import { TAB, DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
-import { ViewportRuler } from '@angular/cdk/overlay';
 import * as i0 from '@angular/core';
 import { InjectionToken, HostListener, Optional, Inject, Directive, inject, ChangeDetectorRef, computed, effect, forwardRef, ViewChild, ContentChildren, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, HostBinding, NgModule } from '@angular/core';
-import { Subscription, of } from 'rxjs';
-import { delay } from 'rxjs/operators';
+import { Subscription } from 'rxjs';
 import { RtlService, KeyUtil, getRandomColorAccent, applyCssClass } from '@fundamental-ngx/cdk/utils';
 import { __decorate, __metadata } from 'tslib';
 
@@ -93,7 +91,8 @@ class AvatarGroupLegacyComponent {
         /** @hidden */
         this._subscription = new Subscription();
         /** @hidden */
-        this._viewportRuler = inject(ViewportRuler);
+        this._resizeObserver = null;
+        /** @hidden */
         this._cdr = inject(ChangeDetectorRef);
         /** @hidden */
         this._rtlService = inject(RtlService, { optional: true });
@@ -121,25 +120,24 @@ class AvatarGroupLegacyComponent {
         }
     }
     /** @hidden */
-    ngOnInit() {
-        this._subscription.add(this._viewportRuler.change().subscribe(() => this._onResize()));
-    }
-    /** @hidden */
     ngOnChanges() {
         this._assignCssClasses();
     }
     /** @hidden */
     ngAfterViewInit() {
         this._reset();
-        this._subscription.add(of(true)
-            .pipe(delay(5))
-            .subscribe(() => this._collapseItems()));
+        this._resizeObserver = new ResizeObserver(() => {
+            this._onResize();
+        });
+        this._resizeObserver.observe(this.avatarGroupContainer.nativeElement);
         this._listenForItemChanges();
         this._setKeyboardEventsManager();
     }
     /** @hidden */
     ngOnDestroy() {
         this._subscription.unsubscribe();
+        this._resizeObserver?.disconnect();
+        this._resizeObserver = null;
         this._keyboardEventsManager.destroy();
     }
     /** @hidden */

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    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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"}
+{"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 {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    HostListener,\n    Input,\n    OnChanges,\n    OnDestroy,\n    QueryList,\n    ViewChild,\n    ViewEncapsulation,\n    computed,\n    effect,\n    forwardRef,\n    inject\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\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 implements AvatarGroupLegacyInterface, OnChanges, AfterViewInit, OnDestroy {\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 _resizeObserver: ResizeObserver | null = null;\n\n    /** @hidden */\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    ngOnChanges(): void {\n        this._assignCssClasses();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._reset();\n\n        this._resizeObserver = new ResizeObserver(() => {\n            this._onResize();\n        });\n        this._resizeObserver.observe(this.avatarGroupContainer.nativeElement);\n\n        this._listenForItemChanges();\n        this._setKeyboardEventsManager();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscription.unsubscribe();\n        this._resizeObserver?.disconnect();\n        this._resizeObserver = null;\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":";;;;;;;;AAOO,MAAM,8CAA8C,GAAG,IAAI,cAAc,CAC5E,2CAA2C,CAC9C;AAEM,MAAM,6BAA6B,GAAG,IAAI,cAAc,CAC3D,4BAA4B,CAC/B;;MCFY,8BAA8B,CAAA;;IAKvC,WAAA,CACqB,WAAoC,EACe,UAAsC,EAAA;QADzF,IAAA,CAAA,WAAW,GAAX,WAAW;QACwC,IAAA,CAAA,UAAU,GAAV,UAAU;;QALlF,IAAA,CAAA,QAAQ,GAAG,KAAK;IAMb;;AAGH,IAAA,IAAI,QAAQ,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa;IACzC;;IAIA,OAAO,GAAA;AACH,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC;QACxC;IACJ;;IAGA,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;IACzB;AA1BS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,8BAA8B,4CAOf,6BAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAP5C,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,8BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAN1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE;AAC/C,oBAAA,UAAU,EAAE;AACf,iBAAA;;0BAQQ;;0BAAY,MAAM;2BAAC,6BAA6B;;sBASpD,YAAY;uBAAC,OAAO;;;ACIzB,IAAI,gBAAgB,GAAG,CAAC;MAeX,0BAA0B,CAAA;;AAuCnC,IAAA,IAAI,WAAW,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,IAAI,KAAK,OAAO;IAChC;;AAGA,IAAA,IAAY,iBAAiB,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,oBAAoB,EAAE,aAAa,EAAE,WAAW;IAChE;;AAGA,IAAA,IAAY,qBAAqB,GAAA;QAC7B,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,IAAI,CAAC;IAC1D;;AAGA,IAAA,IAAY,gCAAgC,GAAA;AACxC,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YACvB,OAAO,IAAI,CAAC,qBAAqB;QACrC;AAEA,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC;AACrE,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,IAAI,GAAG;AAClD,QAAA,MAAM,WAAW,GAAG,aAAa,CAAC,WAAW,IAAI,GAAG;AAEpD,QAAA,OAAO,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC,UAAU,EAAE,EAAE,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC;IAC5F;;AAqBA,IAAA,WAAA,GAAA;;AAlFA,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,uBAAA,EAA0B,gBAAgB,EAAE,EAAE;;QAQnD,IAAA,CAAA,IAAI,GAAS,GAAG;;QAIhB,IAAA,CAAA,IAAI,GAA0B,OAAO;;QAerC,IAAA,CAAA,aAAa,GAAG,CAAC;;QAGjB,IAAA,CAAA,kBAAkB,GAAG,CAAC;;AAqCL,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAE;;QAG3C,IAAA,CAAA,eAAe,GAA0B,IAAI;;AAGpC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;;QAGhC,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;QAGpD,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAgB,OAAO,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC;iFAAC;;QAK5F,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE;AACvB,YAAA,IAAI,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,CAAC;AAC/D,QAAA,CAAC,CAAC;IACN;;AAIA,IAAA,YAAY,CAAC,KAAoB,EAAA;QAC7B,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;YAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC;AAC1F,YAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AACd,gBAAA,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,KAAK,CAAC;YACpD;QACJ;AAEA,QAAA,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,EAAE;YAC3E,KAAK,CAAC,cAAc,EAAE;;AAGtB,YAAA,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,KAAK,CAAC;QAChD;IACJ;;IAGA,WAAW,GAAA;QACP,IAAI,CAAC,iBAAiB,EAAE;IAC5B;;IAGA,eAAe,GAAA;QACX,IAAI,CAAC,MAAM,EAAE;AAEb,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,MAAK;YAC3C,IAAI,CAAC,SAAS,EAAE;AACpB,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;QAErE,IAAI,CAAC,qBAAqB,EAAE;QAC5B,IAAI,CAAC,yBAAyB,EAAE;IACpC;;IAGA,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;AAChC,QAAA,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE;AAClC,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI;AAC3B,QAAA,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE;IACzC;;AAGA,IAAA,cAAc,CAAC,IAAoC,EAAA;AAC/C,QAAA,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,IAAI,CAAC;IACnD;;IAGQ,SAAS,GAAA;QACb,IAAI,CAAC,MAAM,EAAE;QACb,IAAI,CAAC,cAAc,EAAE;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;IAC5B;;IAGQ,MAAM,GAAA;QACV,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM;AAC1C,QAAA,IAAI,CAAC,kBAAkB,GAAG,CAAC;QAE3B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,KAAI;YAC1B,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc;AAC1C,YAAA,EAAE,CAAC,QAAQ,GAAG,KAAK;AACvB,QAAA,CAAC,CAAC;IACN;;IAGQ,cAAc,GAAA;QAClB,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,IAAI,CAAC;QACnD,IAAI,YAAY,GAAG,CAAC;QACpB,IAAI,GAAG,GAAG,CAAC;AACX,QAAA,MAAM,oBAAoB,GAAG,IAAI,CAAC,qBAAqB;AACvD,QAAA,MAAM,+BAA+B,GAAG,IAAI,CAAC,gCAAgC;AAE7E,QAAA,OAAO,GAAG,GAAG,eAAe,EAAE;YAC1B,MAAM,eAAe,GACjB,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC;kBACZ,YAAY,GAAG;AACjB,kBAAE,YAAY,GAAG,+BAA+B;AAExD,YAAA,IAAI,eAAe,IAAI,IAAI,CAAC,iBAAiB,EAAE;;AAE3C,gBAAA,MAAM,MAAM,GAAG,GAAG,GAAG,CAAC;AACtB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,eAAe,GAAG,MAAM;AAClD,gBAAA,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;AAC9D,gBAAA,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,KAAI;oBAC3B,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAClC,oBAAA,EAAE,CAAC,QAAQ,GAAG,IAAI;AACtB,gBAAA,CAAC,CAAC;gBAEF;YACJ;YAEA,YAAY,GAAG,eAAe;AAC9B,YAAA,GAAG,EAAE;QACT;IACJ;;IAGQ,qBAAqB,GAAA;QACzB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACpF;;IAGQ,iBAAiB,GAAA;QACrB,IAAI,CAAC,cAAc,GAAG;AAClB,YAAA,wBAAwB,EAAE,IAAI;YAC9B,CAAC,CAAA,wBAAA,EAA2B,IAAI,CAAC,IAAI,CAAA,KAAA,CAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;YAC1D,CAAC,CAAA,wBAAA,EAA2B,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;YACrD,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC;SACxB;IACL;;IAGQ,yBAAyB,GAAA;AAC7B,QAAA,IAAI,CAAC,sBAAsB,EAAE,OAAO,EAAE;QACtC,IAAI,CAAC,sBAAsB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,SAAS;AAC3D,aAAA,QAAQ;AACR,aAAA,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C;8GArNS,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,SAAA,EAPxB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,6BAA6B;AACtC,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,0BAA0B;AAC3D;SACJ,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAwBgB,8BAA8B,mMCpEnD,6IAGA,EAAA,MAAA,EAAA,CAAA,04YAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FD2Ca,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,SAAS;+BACI,wBAAwB,EAAA,aAAA,EAGnB,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,6BAA6B;AACtC,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC;AAC3D;AACJ,qBAAA,EAAA,QAAA,EAAA,6IAAA,EAAA,MAAA,EAAA,CAAA,04YAAA,CAAA,EAAA;;sBAIA;;sBAIA;;sBAIA;;sBAIA;;sBAIA;;sBAIA,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,8BAA8B,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;;sBAIrE,SAAS;uBAAC,sBAAsB;;sBAoEhC,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;AEzHrC;MAYa,sCAAsC,CAAA;;AA8B/C,IAAA,WAAA,GAAA;;QA3BA,IAAA,CAAA,SAAS,GAAG,KAAK;;QAIjB,IAAA,CAAA,kBAAkB,GAAG,IAAI;;QAIzB,IAAA,CAAA,gBAAgB,GAAG,IAAI;;AAUN,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAE;;QAGlC,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;QAGpD,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAgB,OAAO,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC;iFAAC;;QAK5F,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE;AACvB,YAAA,IAAI,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,CAAC;AAC/D,QAAA,CAAC,CAAC;IACN;;AAIA,IAAA,YAAY,CAAC,KAAoB,EAAA;QAC7B,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;AAC/B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC;AACd,iBAAA,OAAO;AACP,iBAAA,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,KAAK,KAAK,CAAC,MAAM,CAAC;AACxE,YAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;AACd,gBAAA,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,KAAK,CAAC;YACpD;QACJ;AAEA,QAAA,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,EAAE;;AAE3E,YAAA,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,KAAK,CAAC;QAChD;IACJ;;IAGA,eAAe,GAAA;QACX,IAAI,CAAC,qBAAqB,EAAE;QAE5B,IAAI,CAAC,yBAAyB,EAAE;IACpC;;IAGA,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;AAChC,QAAA,IAAI,CAAC,sBAAsB,EAAE,OAAO,EAAE;IAC1C;;AAGA,IAAA,cAAc,CAAC,IAAqC,EAAA;AAChD,QAAA,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,IAAI,CAAC;IACnD;;IAGQ,qBAAqB,GAAA;AACzB,QAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,yBAAyB,EAAE,CAAC;IAChF;;IAGQ,yBAAyB,GAAA;AAC7B,QAAA,IAAI,CAAC,sBAAsB,EAAE,OAAO,EAAE;QACtC,IAAI,CAAC,sBAAsB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,aAAa;AAC/D,aAAA,QAAQ;AACR,aAAA,yBAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAE3C,QAAA,IAAI,CAAC,sBAAsB,CAAC,kBAAkB,EAAE;IACpD;8GAvFS,sCAAsC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sCAAsC,inBAc9B,8CAA8C,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAdtD,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBAVlD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,wCAAwC;AAClD,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,uCAAuC;AAC9C,wBAAA,2DAA2D,EAAE,WAAW;AACxE,wBAAA,qEAAqE,EAAE,oBAAoB;AAC3F,wBAAA,mEAAmE,EAAE;AACxE;AACJ,iBAAA;;sBAGI;;sBAIA;;sBAIA;;sBAIA,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,8CAA8C,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;;sBAyBrF,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;MCjDxB,yCAAyC,CAAA;;IAOlD,WAAA,CACoB,UAAmC,EAGlC,UAAsC,EAAA;QAHvC,IAAA,CAAA,UAAU,GAAV,UAAU;QAGT,IAAA,CAAA,UAAU,GAAV,UAAU;;QAP/B,IAAA,CAAA,QAAQ,GAAG,CAAC;IAQT;;IAIH,OAAO,GAAA;AACH,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC;QACxC;IACJ;;IAGA,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE;IACzC;AAzBS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yCAAyC,4CAUtC,UAAU,CAAC,MAAM,sCAAsC,CAAC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAV3D,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yCAAyC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,0CAAA,EAAA,EAAA,SAAA,EARvC;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,8CAA8C;AACvD,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,yCAAyC;AAC1E;AACJ,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAGQ,yCAAyC,EAAA,UAAA,EAAA,CAAA;kBAZrD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,2CAA2C;AACrD,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,0CAA0C,EAAE;AAC3D,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,8CAA8C;AACvD,4BAAA,WAAW,EAAE,UAAU,CAAC,+CAA+C;AAC1E;AACJ,qBAAA;AACD,oBAAA,UAAU,EAAE;AACf,iBAAA;;0BAUQ;;0BACA,MAAM;AAAC,oBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,sCAAsC,CAAC;;sBARnE;;sBACA,WAAW;uBAAC,eAAe;;sBAY3B,YAAY;uBAAC,OAAO;;;MC5BZ,4CAA4C,CAAA;8GAA5C,4CAA4C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5C,4CAA4C,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qDAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5C,4CAA4C,EAAA,UAAA,EAAA,CAAA;kBANxD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,+CAA+C;AACzD,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,qDAAqD,EAAE;AACtE,oBAAA,UAAU,EAAE;AACf,iBAAA;;;MCIY,wCAAwC,CAAA;;AAiBjD,IAAA,WAAA,CAA4B,UAAsB,EAAA;QAAtB,IAAA,CAAA,UAAU,GAAV,UAAU;AAZtC;;AAEmE;QAEnE,IAAA,CAAA,IAAI,GAAS,GAAG;AAEhB;AACmH;QAEnH,IAAA,CAAA,KAAK,GAAyC,SAAS;IAGF;;IAIrD,sBAAsB,GAAA;QAClB,OAAO;YACH,WAAW;YACX,qCAAqC;YACrC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,2BAA2B,EAAE,KAAK,EAAE;AACxD,YAAA,IAAI,CAAC,IAAI,GAAG,CAAA,qCAAA,EAAwC,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,EAAE;AACpE,YAAA,IAAI,CAAC;SACR;IACL;;IAGA,QAAQ,GAAA;QACJ,IAAI,CAAC,sBAAsB,EAAE;IACjC;;IAGA,WAAW,GAAA;QACP,IAAI,CAAC,sBAAsB,EAAE;IACjC;;IAGQ,2BAA2B,GAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AACzB,YAAA,OAAO,CAAA,kDAAA,EAAqD,oBAAoB,EAAE,CAAA,CAAE;QACxF;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAe,EAAE,EAAE,CAAC,CAAC,EAAE;AACnD,YAAA,OAAO,CAAA,kDAAA,EAAqD,IAAI,CAAC,KAAK,EAAE;QAC5E;AACA,QAAA,OAAO,IAAI;IACf;8GAnDS,wCAAwC,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxC,wCAAwC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAqBjD,UAAA,CAAA;IADC,aAAa;;;;AASb,CAAA,EAAA,wCAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,IAAA,CAAA;2FA7BQ,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBALpD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,0CAA0C;AACpD,oBAAA,UAAU,EAAE;AACf,iBAAA;;sBAGI;;sBAMA;;sBAKA;;;ACfC,MAAO,sCAAuC,SAAQ,8BAA8B,CAAA;8GAA7E,sCAAsC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtC,sCAAsC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAtC,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBALlD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,wCAAwC;AAClD,oBAAA,UAAU,EAAE;AACf,iBAAA;;;ACND;MAOa,wCAAwC,CAAA;AANrD,IAAA,WAAA,GAAA;;QAUI,IAAA,CAAA,QAAQ,GAAG,CAAC;;QAKZ,IAAA,CAAA,IAAI,GAAG,QAAQ;AAClB,IAAA;8GAVY,wCAAwC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxC,wCAAwC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0CAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,yCAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAxC,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBANpD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,0CAA0C;AACpD,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,yCAAyC,EAAE;AAC1D,oBAAA,UAAU,EAAE;AACf,iBAAA;;sBAGI;;sBACA,WAAW;uBAAC,eAAe;;sBAI3B;;sBACA,WAAW;uBAAC,WAAW;;;ACN5B;;;AAGG;MAuBU,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YApB5B,0BAA0B;YAC1B,8BAA8B;YAC9B,yCAAyC;YACzC,wCAAwC;YACxC,sCAAsC;YACtC,sCAAsC;YACtC,wCAAwC;AACxC,YAAA,4CAA4C,aAG5C,0BAA0B;YAC1B,8BAA8B;YAC9B,yCAAyC;YACzC,wCAAwC;YACxC,sCAAsC;YACtC,sCAAsC;YACtC,wCAAwC;YACxC,4CAA4C,CAAA,EAAA,CAAA,CAAA;+GAGvC,uBAAuB,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAtBnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,0BAA0B;wBAC1B,8BAA8B;wBAC9B,yCAAyC;wBACzC,wCAAwC;wBACxC,sCAAsC;wBACtC,sCAAsC;wBACtC,wCAAwC;wBACxC;AACH,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,0BAA0B;wBAC1B,8BAA8B;wBAC9B,yCAAyC;wBACzC,wCAAwC;wBACxC,sCAAsC;wBACtC,sCAAsC;wBACtC,wCAAwC;wBACxC;AACH;AACJ,iBAAA;;;ACpCD;;AAEG;;;;"}

package/fesm2022/fundamental-ngx-core-calendar.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Attribute, Directive, inject, Injectable, EventEmitter, effect, ElementRef, ViewChild, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, input, computed, DestroyRef, Inject, model, forwardRef, HostListener, HostBinding, Optional, NgModule } from '@angular/core';
+import { Attribute, Directive, inject, Injectable, EventEmitter, ElementRef, ViewChild, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, input, computed, DestroyRef, Inject, model, effect, forwardRef, HostListener, HostBinding, Optional, NgModule } from '@angular/core';
 import { resolveTranslationSignal, FdTranslatePipe, resolveTranslationSignalFn, FD_LANGUAGE_ENGLISH, FD_LANGUAGE_SIGNAL } from '@fundamental-ngx/i18n';
+import { RtlService, onLocaleChange, FocusableListDirective, FocusableItemDirective } from '@fundamental-ngx/cdk/utils';
 import * as i2 from '@fundamental-ngx/core/datetime';
 import { DATE_TIME_FORMATS } from '@fundamental-ngx/core/datetime';
 import { ButtonComponent } from '@fundamental-ngx/core/button';
 import { Subject } from 'rxjs';
-import { RtlService, FocusableListDirective, FocusableItemDirective } from '@fundamental-ngx/cdk/utils';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgClass } from '@angular/common';
 import { shallowEqual } from 'fast-equals';
@@ -316,15 +316,10 @@ class CalendarHeaderComponent {
         this._monthNames = [];
         /** Get information about amount of years displayed at once on year view  */
         this._amountOfYearsPerPeriod = 1;
-        /** @hidden */
-        this._initiated = false;
-        effect(() => {
-            this._dateTimeAdapter.locale();
-            if (this._initiated) {
-                this._calculateMonthNames();
-                this._calculateLabels();
-                this._changeDetRef.markForCheck();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._calculateMonthNames();
+            this._calculateLabels();
+            this._changeDetRef.markForCheck();
         });
     }
     /** @hidden */
@@ -336,7 +331,6 @@ class CalendarHeaderComponent {
     }
     /** @hidden */
     ngOnInit() {
-        this._initiated = true;
         this._calendarService.leftArrowId = this._prevButtonId;
         this._calculateMonthNames();
         this._calculateLabels();
@@ -725,12 +719,9 @@ class CalendarAggregatedYearViewComponent {
         this._initiated = false;
         // default values
         this._currentYear = _dateTimeAdapter.getYear(_dateTimeAdapter.today());
-        effect(() => {
-            this._dateTimeAdapter.locale();
-            if (this._initiated) {
-                this._constructYearsGrid();
-                this._changeDetectorRef.markForCheck();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._constructYearsGrid();
+            this._changeDetectorRef.markForCheck();
         });
     }
     /** @hidden */
@@ -1219,13 +1210,10 @@ class CalendarDayViewComponent {
             }
         });
         // Effect to react to locale changes
-        effect(() => {
-            this._dateTimeAdapter.locale();
-            if (this._isInitiated) {
-                this._refreshShortWeekDays();
-                this._buildDayViewGrid();
-                this.changeDetRef.markForCheck();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._refreshShortWeekDays();
+            this._buildDayViewGrid();
+            this.changeDetRef.markForCheck();
         });
     }
     /** @hidden */
@@ -2343,12 +2331,9 @@ class CalendarMonthViewComponent {
         /** @hidden */
         this._initiated = false;
         this._isOnRangePick = false;
-        effect(() => {
-            this._dateTimeAdapter.locale();
-            if (this._initiated) {
-                this._constructMonthGrid();
-                this._changeDetectorRef.markForCheck();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._constructMonthGrid();
+            this._changeDetectorRef.markForCheck();
         });
     }
     /** @hidden */
@@ -2759,12 +2744,9 @@ class CalendarYearViewComponent {
         // default values
         this._currentYear = _dateTimeAdapter.getYear(_dateTimeAdapter.today());
         this._firstYearInList = this._currentYear;
-        effect(() => {
-            this._dateTimeAdapter.locale();
-            if (this._initiated) {
-                this._constructYearGrid();
-                this._changeDetectorRef.markForCheck();
-            }
+        onLocaleChange(this._dateTimeAdapter, () => {
+            this._constructYearGrid();
+            this._changeDetectorRef.markForCheck();
         });
     }
     /** @hidden */
@@ -3385,8 +3367,7 @@ class CalendarComponent {
         this._adapterStartingDayOfWeek = (this._dateTimeAdapter.getFirstDayOfWeek() + 1);
         this.selectedDate = this._dateTimeAdapter.today();
         this._changeDetectorRef.markForCheck();
-        effect(() => {
-            this._dateTimeAdapter.locale();
+        onLocaleChange(this._dateTimeAdapter, () => {
             this._adapterStartingDayOfWeek = (this._dateTimeAdapter.getFirstDayOfWeek() + 1);
             this._changeDetectorRef.markForCheck();
         });