@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
52 lines (51 loc) • 2.63 kB
TypeScript
import { TemplateRef } from '@angular/core';
import { AvatarProperties } from '@engie-group/fluid-types';
import { TooltipOptions } from '../tooltip/tooltip.model';
import { InputSignalProps } from '../../utils/type.utils';
import * as i0 from "@angular/core";
export declare class AvatarComponent implements InputSignalProps<AvatarProperties> {
private avatarClassName;
/**
* Link href, if set avatar is a link <a>
*/
href: import("@angular/core").InputSignal<string | undefined>;
/**
* Initials of avatar, max 3 characters if a string with a bigger length than 3 characters only 3 first characters are taken
*/
initials: import("@angular/core").InputSignal<string | undefined>;
/**
* Text alternative for the avatar
*/
label: import("@angular/core").InputSignal<string>;
/**
* Avatar scale
*/
scale: import("@angular/core").InputSignal<import("@engie-group/fluid-types").AvatarScale | undefined>;
/**
* Whether avatar has a picture or not
*/
hasPicture: import("@angular/core").InputSignal<boolean | undefined>;
/**
* Whether avatar is clickable or not
*/
isClickable: import("@angular/core").InputSignal<boolean | undefined>;
/**
* Used for `AvatarListComponent` as the last tile of the list
**/
isRemainingCount: import("@angular/core").InputSignal<boolean | undefined>;
/**
* Tooltip's options
**/
tooltipOptions: import("@angular/core").InputSignal<TooltipOptions | undefined>;
/**
* @ignore
*/
avatarTemplate?: TemplateRef<any>;
protected get classes(): {
[x: string]: boolean;
};
protected formatedInitials: import("@angular/core").Signal<string | undefined>;
protected hasInitials: import("@angular/core").Signal<boolean>;
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "nj-avatar", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "hasPicture": { "alias": "hasPicture"; "required": false; "isSignal": true; }; "isClickable": { "alias": "isClickable"; "required": false; "isSignal": true; }; "isRemainingCount": { "alias": "isRemainingCount"; "required": false; "isSignal": true; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}