import * as _angular_core from '@angular/core';
import { AfterViewInit, ElementRef, Injector } from '@angular/core';
import _AvatarGroup, { AvatarGroupAccessibilityAttributes, IAvatarGroupItem } from '@ui5/webcomponents/dist/AvatarGroup.js';
export { AvatarGroupAccessibilityAttributes, IAvatarGroupItem } from '@ui5/webcomponents/dist/AvatarGroup.js';
import { UI5CustomEvent } from '@ui5/webcomponents-base';
import AvatarColorScheme from '@ui5/webcomponents/dist/types/AvatarColorScheme.js';

declare class AvatarGroup implements AfterViewInit {
    /**
     * Defines the mode of the `AvatarGroup`.
     */
    type: _angular_core.InputSignal<"Group" | "Individual" | undefined>;
    /**
     * Defines the additional accessibility attributes that will be applied to the component.
  The following field is supported:
  
  - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
  Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
     */
    accessibilityAttributes: _angular_core.InputSignal<AvatarGroupAccessibilityAttributes | undefined>;
    /**
     * Defines the accessible name of the AvatarGroup.
  When provided, this will override the default aria-label text.
     */
    accessibleName: _angular_core.InputSignal<string | undefined>;
    /**
     * Receives id(s) of the elements that describe the AvatarGroup.
  When provided, this will be used as aria-labelledby instead of aria-label.
     */
    accessibleNameRef: _angular_core.InputSignal<string | undefined>;
    /**
     * Returns an array containing the `ui5-avatar` instances that are currently not displayed due to lack of space.
     * @readonly This property is managed by the web component.
     */
    get hiddenItems(): Array<IAvatarGroupItem>;
    /**
     * Returns an array containing the `AvatarColorScheme` values that correspond to the avatars in the component.
     * @readonly This property is managed by the web component.
     */
    get colorScheme(): Array<AvatarColorScheme>;
    /**
     * Fired when the component is activated either with a
  click/tap or by using the Enter or Space key.
     */
    ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_AvatarGroup, "click">>;
    /**
     * Fired when the count of visible `ui5-avatar` elements in the
  component has changed
     */
    ui5Overflow: _angular_core.OutputEmitterRef<UI5CustomEvent<_AvatarGroup, "overflow">>;
    /**
     * Available slots for content projection in this component.
     *
     * Slots allow you to insert custom content into predefined areas of the web component.
     * Use the `slot` attribute on child elements to target specific slots.
     *
     * - **(default)**: Defines the items of the component. Use the `ui5-avatar` component as an item.
  
  **Note:** The UX guidelines recommends using avatars with "Circle" shape.
  
  Moreover, if you use avatars with "Square" shape, there will be visual inconsistency
  as the built-in overflow action has "Circle" shape.
     * - **overflowButton**: Defines the overflow button of the component.
  
  **Note:** We recommend using the `ui5-button` component.
  
  **Note:** If this slot is not used, the component will display the built-in overflow button.
     *
     * @example
     * ```html
     * <ui5-avatar-group>
     *   <div slot="header">Custom header content</div>
     *   <p>Default slot content</p>
     * </ui5-avatar-group>
     * ```
     *
     * @readonly
     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
     */
    readonly slots: ({
        name: string;
        description: string;
        since?: undefined;
    } | {
        name: string;
        description: string;
        since: string;
    })[];
    elementRef: ElementRef<_AvatarGroup>;
    injector: Injector;
    get element(): _AvatarGroup;
    ngAfterViewInit(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroup, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroup, "ui5-avatar-group, [ui5-avatar-group]", ["ui5AvatarGroup"], { "type": { "alias": "type"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; "accessibleName": { "alias": "accessibleName"; "required": false; "isSignal": true; }; "accessibleNameRef": { "alias": "accessibleNameRef"; "required": false; "isSignal": true; }; }, { "ui5Click": "ui5Click"; "ui5Overflow": "ui5Overflow"; }, never, ["*"], true, never>;
}

export { AvatarGroup };
