@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
47 lines (46 loc) • 2.56 kB
TypeScript
import { ElementRef } from '@angular/core';
import { AvatarComponent } from '../avatar/avatar.component';
import { TooltipOptions } from '../tooltip/tooltip.model';
import * as i0 from "@angular/core";
export declare class AvatarListComponent {
/**
* @ignore
*/
private readonly avatarListClassName;
private readonly avatarItemClassName;
max: import("@angular/core").InputSignal<number>;
/**
* Density of the avatar list
**/
density: import("@angular/core").InputSignal<"default" | "compact" | undefined>;
/**
* Avatars scale
**/
scale: import("@angular/core").InputSignal<import("@engie-group/fluid-types").AvatarScale | undefined>;
/**
* Remaining avatar Tooltip's options
**/
remainingTooltipOptions: import("@angular/core").InputSignal<TooltipOptions | undefined>;
/**
* Label of the "show more" button.
*
* A function can be used to provide a dynamic label based on the number of remaining avatars in the list.
*/
showMoreLabel: import("@angular/core").InputSignal<string | ((elementCount: number) => string) | undefined>;
/**
* Emits event on remaining count avatar mouse click
*/
remainingClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
protected avatars: import("@angular/core").Signal<readonly AvatarComponent[]>;
protected avatarElements: import("@angular/core").Signal<readonly ElementRef<any>[]>;
private readonly applyAvatarItemClassEffect;
get classes(): {
[x: string]: boolean | import("@engie-group/fluid-types").AvatarScale | undefined;
"nj-avatar-list": boolean;
};
protected remainingCount: import("@angular/core").Signal<number>;
protected remainingCountInitials: import("@angular/core").Signal<string>;
protected remainingCountLabel: import("@angular/core").Signal<string | undefined>;
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarListComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<AvatarListComponent, "nj-avatar-list", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "remainingTooltipOptions": { "alias": "remainingTooltipOptions"; "required": false; "isSignal": true; }; "showMoreLabel": { "alias": "showMoreLabel"; "required": false; "isSignal": true; }; }, { "remainingClick": "remainingClick"; }, ["avatars", "avatarElements"], never, true, never>;
}