@umbraco-ui/uui-avatar-group/lib/uui-avatar-group.element.d.ts

This element is designed to hold uui-avatars. It displays them slightly overlapped, so they are presented nicely. Use it if you need to display many avatars in one place. Set a limit to display certain number of avatars and a number of the ones remaining

import { LitElement } from 'lit';
/**
 * Group a set of avatars, set a limit to minimize the visual space.
 * @element uui-avatar-group
 * @slot - Insert the `<uui-avatar>` elements in the default slot
 * @cssprop --uui-avatar-border-color - Border color of the avatars
 */
export declare class UUIAvatarGroupElement extends LitElement {
    private _avatarNodes?;
    private _avatarArray;
    /**
     * This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.
     * @type {number}
     * @attr
     * @default 0
     */
    limit: number;
    firstUpdated(): void;
    private _onSlotChange;
    private _setAvatarArray;
    updated(changedProperties: Map<string | number | symbol, unknown>): void;
    private _updateAvatarVisibility;
    private _isLimitExceeded;
    render(): import("lit-html").TemplateResult<1>;
    static styles: import("lit").CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        'uui-avatar-group': UUIAvatarGroupElement;
    }
}