@fundamental-ngx/core 0.56.4 → 0.57.0-rc.0

package/action-bar/index.d.ts

@@ -1,8 +1,131 @@
-export * from './action-bar-actions/action-bar-actions.directive';
-export * from './action-bar-back/action-bar-back.directive';
-export * from './action-bar-description/action-bar-description.directive';
-export * from './action-bar-header/action-bar-header.directive';
-export * from './action-bar-mobile/action-bar-mobile.directive';
-export * from './action-bar-title/action-bar-title.component';
-export * from './action-bar.component';
-export * from './action-bar.module';
+import * as i0 from '@angular/core';
+
+/**
+ * This component holds the right-aligned action buttons for the action bar.
+ *
+ * ```html
+ * <div fd-action-bar>
+ *     <div fd-action-bar-actions>
+ *         <button fd-button [fdType]="'primary'">Cancel</button>
+ *         <button fd-button [fdType]="'main'">Save</button>
+ *     </div>
+ * </div>
+ * ```
+ */
+declare class ActionBarActionsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionBarActionsDirective, "[fd-action-bar-actions]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * The left-aligned back button for the action bar.
+ *
+ * ```html
+ * <div fd-action-bar>
+ *     <div fd-action-bar-back>
+ *         <button aria-label="back" fd-button [fdType]="'transparent'" [compact]="true" [glyph]="'nav-back'"></button>
+ *     </div>
+ * </div>
+ * ```
+ */
+declare class ActionBarBackDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarBackDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionBarBackDirective, "[fd-action-bar-back]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * The action bar description.
+ *
+ * ```html
+ * <div fd-action-bar>
+ *     <div fd-action-bar-header>
+ *         <div fd-action-bar-description>Page Description</div>
+ *     </div>
+ * <div>
+ * ```
+ */
+declare class ActionBarDescriptionDirective {
+    /** Whether the action bar also has a back button. */
+    withBackBtn: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarDescriptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionBarDescriptionDirective, "[fd-action-bar-description]", never, { "withBackBtn": { "alias": "withBackBtn"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * The action bar header, which contains the action bar's title and description components.
+ *
+ * ```html
+ * <div fd-action-bar>
+ *     <div fd-action-bar-header>
+ *     </div>
+ * </div>
+ * ```
+ */
+declare class ActionBarHeaderDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionBarHeaderDirective, "[fd-action-bar-header]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * The action bar mobile component. This component should wrap all other action bar components, including the `[fd-action-bar]`.
+ *
+ * ```html
+ * <div fd-action-bar-mobile>
+ *     <div fd-action-bar>
+ *     </div>
+ * </div>
+ * ```
+ */
+declare class ActionBarMobileDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarMobileDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionBarMobileDirective, "[fd-action-bar-mobile]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * The action bar title component.
+ *
+ * ```html
+ * <fd-action-bar>
+ *     <div fd-action-bar-header>
+ *         <div fd-action-bar-title>Page Title</div>
+ *     </div>
+ * <fd-action-bar>
+ * ```
+ */
+declare class ActionBarTitleComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionBarTitleComponent, "[fd-action-bar-title]", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * @deprecated
+ * Action Bar component is deprecated since version 0.40.0
+ *
+ * Children usage:
+ * ```html
+ * <div fd-action-bar-actions>
+ * <div fd-action-bar-back>
+ * <div fd-action-bar-description>
+ * <div fd-action-bar-header>
+ * <div fd-action-bar-mobile>
+ * <div fd-action-bar-title>
+ * ```
+ */
+declare class ActionBarComponent {
+    /** @hidden */
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionBarComponent, "[fd-action-bar]", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * @deprecated
+ * Use direct imports of components and directives.
+ */
+declare class ActionBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionBarModule, never, [typeof ActionBarComponent, typeof ActionBarTitleComponent, typeof ActionBarDescriptionDirective, typeof ActionBarHeaderDirective, typeof ActionBarActionsDirective, typeof ActionBarBackDirective, typeof ActionBarMobileDirective], [typeof ActionBarComponent, typeof ActionBarTitleComponent, typeof ActionBarDescriptionDirective, typeof ActionBarHeaderDirective, typeof ActionBarActionsDirective, typeof ActionBarBackDirective, typeof ActionBarMobileDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ActionBarModule>;
+}
+
+export { ActionBarActionsDirective, ActionBarBackDirective, ActionBarComponent, ActionBarDescriptionDirective, ActionBarHeaderDirective, ActionBarMobileDirective, ActionBarModule, ActionBarTitleComponent };

package/action-sheet/index.d.ts

@@ -1,6 +1,249 @@
-export * from './action-sheet-body/action-sheet-body.component';
-export * from './action-sheet-control/action-sheet-control.component';
-export * from './action-sheet-item/action-sheet-item.component';
-export * from './action-sheet-mobile/action-sheet-mobile.component';
-export * from './action-sheet.component';
-export * from './action-sheet.module';
+import * as i0 from '@angular/core';
+import { ElementRef, EventEmitter, AfterViewInit, TemplateRef, ChangeDetectorRef, AfterContentInit, OnDestroy, QueryList, ComponentRef, ViewContainerRef } from '@angular/core';
+import { KeyboardSupportItemInterface, Nullable, KeyboardSupportService, FocusEscapeDirection, DynamicComponentService } from '@fundamental-ngx/cdk/utils';
+import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
+import { IconFont } from '@fundamental-ngx/core/icon';
+import { Subject } from 'rxjs';
+import { PopoverComponent } from '@fundamental-ngx/core/popover';
+import { Placement } from '@fundamental-ngx/core/shared';
+
+interface ActionSheetClickEvent {
+    shouldClose: boolean;
+}
+/**
+ * A component used to enforce a certain layout for the action sheet.
+ * ```html
+ * <fd-action-sheet>
+ *     <fd-action-sheet-control>Control Element</fd-action-sheet-control>
+ *     <fd-action-sheet-body>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *     </fd-action-sheet-body>
+ * </fd-action-sheet>
+ * ```
+ */
+declare class ActionSheetItemComponent implements KeyboardSupportItemInterface {
+    private readonly _elementRef;
+    /** Sets text of button. */
+    label: string;
+    /** Sets icon of action item. */
+    glyph: string;
+    /** Glyph font family */
+    glyphFont: IconFont;
+    /** Indicate state of the button.*/
+    negative: boolean;
+    /** Indicate if it's closing button */
+    isCloseButton: boolean;
+    /** Whether or not the action sheet item is disabled. */
+    disabled: boolean;
+    /** @hidden */
+    buttonComponent: ElementRef;
+    /** @hidden */
+    keyDown: EventEmitter<KeyboardEvent>;
+    /** @hidden */
+    readonly clicked: Subject<ActionSheetClickEvent>;
+    /** @hidden */
+    readonly focused: Subject<ActionSheetItemComponent>;
+    /** @hidden */
+    readonly _tabIndex$: i0.WritableSignal<number | null>;
+    /** @hidden */
+    constructor(_elementRef: ElementRef);
+    /** @hidden */
+    keydownHandler(event: KeyboardEvent): void;
+    /** @hidden */
+    focusHandler(): void;
+    /** Handler for mouse events */
+    onClick(): void;
+    /** @hidden Support for KeyboardSupportItemInterface */
+    click(): void;
+    /** @hidden */
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetItemComponent, "[fd-action-sheet-item]", never, { "label": { "alias": "label"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "negative": { "alias": "negative"; "required": false; }; "isCloseButton": { "alias": "isCloseButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "keyDown": "keyDown"; }, never, ["*"], true, never>;
+}
+
+/**
+ * A component used to enforce a certain layout for the action sheet.
+ * ```html
+ * <fd-action-sheet>
+ *     <fd-action-sheet-control>Control Element</fd-action-sheet-control>
+ *     <fd-action-sheet-body>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *     </fd-action-sheet-body>
+ * </fd-action-sheet>
+ * ```
+ */
+declare class ActionSheetBodyComponent implements AfterViewInit {
+    private readonly _keyboardSupportService;
+    readonly _contentDensityObserver: ContentDensityObserver;
+    /** Id of the Action Sheet Body. */
+    actionSheetBodyId: string;
+    /** Display in mobile view. */
+    mobile: boolean;
+    /** Aria-label for Action Sheet Body. */
+    ariaLabel: Nullable<string>;
+    /** Aria-Labelledby for element describing Action Sheet Body. */
+    ariaLabelledby: Nullable<string>;
+    /** @hidden */
+    actionSheetElementRef: ElementRef<HTMLUListElement>;
+    /** @hidden */
+    private readonly _items;
+    /** @hidden */
+    private _refresh$;
+    /** @hidden */
+    private readonly _destroyRef;
+    /** @hidden */
+    constructor(_keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>, _contentDensityObserver: ContentDensityObserver);
+    /** Handler for mouse events */
+    onClick(event: MouseEvent): void;
+    /** @hidden */
+    keyDownHandler(event: KeyboardEvent): void;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
+    private _setupInteractionListeners;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetBodyComponent, "fd-action-sheet-body", never, { "actionSheetBodyId": { "alias": "actionSheetBodyId"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; }, {}, ["_items"], ["[fd-action-sheet-item]"], true, never>;
+}
+
+/**
+ * A component used to enforce a certain layout for the action sheet.
+ * ```html
+ * <fd-action-sheet>
+ *     <fd-action-sheet-control>Control Element</fd-action-sheet-control>
+ *     <fd-action-sheet-body>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *          <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>
+ *     </fd-action-sheet-body>
+ * </fd-action-sheet>
+ * ```
+ */
+declare class ActionSheetControlComponent {
+    /** Emitted event when control button is clicked */
+    clicked: EventEmitter<void>;
+    /** saves element that is focused before dialog opened */
+    private _focusedElementBeforeDialogOpened;
+    /** Handler for mouse events */
+    onClick(): void;
+    /** @hidden */
+    _focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetControlComponent, "fd-action-sheet-control", never, {}, { "clicked": "clicked"; }, never, ["*"], true, never>;
+}
+
+type OpenChangeHandle = (isOpen: boolean) => void;
+declare class ActionSheetMobileComponent {
+    private readonly _changeDetectionRef;
+    /** Whenever links should be visible */
+    open: boolean;
+    /** @hidden */
+    childContent: {
+        actionSheetBodyTemplate: TemplateRef<any>;
+        isOpenChangeHandle: OpenChangeHandle;
+    } | null;
+    /** @hidden */
+    get _isOpenChangeHandle(): OpenChangeHandle | undefined;
+    /** @hidden */
+    constructor(_changeDetectionRef: ChangeDetectorRef);
+    /** @hidden */
+    toggleOpenState(isOpen: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetMobileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetMobileComponent, "fd-action-sheet-mobile", never, {}, {}, never, never, true, never>;
+}
+
+declare class ActionSheetComponent implements AfterContentInit, AfterViewInit, OnDestroy {
+    private readonly _keyboardSupportService;
+    private readonly _changeDetectionRef;
+    private readonly _viewContainerRef;
+    private _dynamicComponentService;
+    /** Whether should be displayed in mobile mode */
+    mobile: boolean;
+    /** The position of the popover body. Set to 'bottom' by default. */
+    placement: Placement;
+    /** Whether the popover body has an arrow. Set to false by default. */
+    noArrow: boolean;
+    /** Whenever links should be visible */
+    isOpen: boolean;
+    /** Whether internal keyboard support should be enabled. It's enabled by default */
+    keyboardSupport: boolean;
+    /**
+     * To allow user to determine what event he wants to trigger the messages to show
+     * Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp).
+     */
+    triggers: string[];
+    /** Value for the control title in mobile mode */
+    controlTitle: Nullable<string>;
+    /**
+     * Value for the control title heading level
+     * A number between 1 and 6
+     * Default is set to 2
+     */
+    controlTitleHeading: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Event thrown, when focus escapes the list */
+    focusEscapeList: EventEmitter<FocusEscapeDirection>;
+    /** Event thrown, when the action sheet is opened or closed */
+    readonly isOpenChange: EventEmitter<boolean>;
+    /** @hidden */
+    actionSheetBody: ActionSheetBodyComponent;
+    /** @hidden */
+    actionSheetControl: ActionSheetControlComponent;
+    /** @hidden */
+    actionSheetItems: QueryList<ActionSheetItemComponent>;
+    /** @hidden */
+    actionSheetBodyTemplate: TemplateRef<any>;
+    /** @hidden */
+    popoverComponent: PopoverComponent;
+    /** @hidden */
+    actionSheetMobileDynamic: ComponentRef<ActionSheetMobileComponent>;
+    /** @hidden */
+    private readonly _destroyRef;
+    /** @hidden */
+    private readonly _onRefresh$;
+    /** @hidden */
+    private _subscriptions;
+    /** @hidden */
+    constructor(_keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>, _changeDetectionRef: ChangeDetectorRef, _viewContainerRef: ViewContainerRef, _dynamicComponentService: DynamicComponentService);
+    /** @hidden */
+    ngAfterContentInit(): void;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
+    ngOnDestroy(): void;
+    /** Method that opens action sheet */
+    open(): void;
+    /** Method that closes action sheet */
+    close(): void;
+    /** @hidden */
+    isOpenChangeHandle(isOpen: boolean): void;
+    /** @hidden */
+    private _initializeChildrenState;
+    /** @hidden */
+    private _actionControlHandle;
+    /** @hidden */
+    private _listenOnItemsChange;
+    /** @hidden */
+    private _listenOnItemsClick;
+    /** @hidden Set fake focus on element with passed index */
+    private _setItemActive;
+    /** @hidden */
+    private _setUpMobileMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "fd-action-sheet", never, { "mobile": { "alias": "mobile"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "noArrow": { "alias": "noArrow"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "keyboardSupport": { "alias": "keyboardSupport"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "controlTitle": { "alias": "controlTitle"; "required": false; }; "controlTitleHeading": { "alias": "controlTitleHeading"; "required": false; }; }, { "focusEscapeList": "focusEscapeList"; "isOpenChange": "isOpenChange"; }, ["actionSheetBody", "actionSheetControl", "actionSheetItems"], ["fd-action-sheet-body", "fd-action-sheet-control"], true, never>;
+}
+
+/**
+ * @deprecated
+ * Use direct imports of components.
+ */
+declare class ActionSheetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, never, [typeof ActionSheetComponent, typeof ActionSheetControlComponent, typeof ActionSheetItemComponent, typeof ActionSheetBodyComponent], [typeof ActionSheetComponent, typeof ActionSheetControlComponent, typeof ActionSheetItemComponent, typeof ActionSheetBodyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ActionSheetModule>;
+}
+
+export { ActionSheetBodyComponent, ActionSheetComponent, ActionSheetControlComponent, ActionSheetItemComponent, ActionSheetMobileComponent, ActionSheetModule };
+export type { ActionSheetClickEvent };

package/avatar/index.d.ts

@@ -1,5 +1,155 @@
-export * from './avatar-icon.pipe';
-export * from './avatar-value-states.type';
-export * from './avatar.component';
-export * from './avatar.module';
-export * from './tokens';
+import * as i0 from '@angular/core';
+import { PipeTransform, OnChanges, OnInit, ElementRef, EventEmitter, ChangeDetectorRef, Renderer2, InjectionToken } from '@angular/core';
+import { Nullable, CssClassBuilder, Size, ColorAccent } from '@fundamental-ngx/cdk/utils';
+import { IconComponent } from '@fundamental-ngx/core/icon';
+
+type AvatarValueStates = 'positive' | 'caution' | 'negative' | 'information';
+
+declare class AvatarIconPipe implements PipeTransform {
+    /**
+     * Selects appropriate Avatar icon based on Avatar Value state and fallback icon.
+     */
+    transform(valueState: Nullable<AvatarValueStates>, fallbackIcon: Nullable<string>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarIconPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AvatarIconPipe, "fdAvatarIcon", true>;
+}
+
+type IndicationColor = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+declare class AvatarComponent implements OnChanges, OnInit, CssClassBuilder, OnChanges {
+    readonly elementRef: ElementRef;
+    private readonly _cdr;
+    private readonly _renderer;
+    private hostTabindex;
+    /** User's custom classes */
+    class: string;
+    /** Id of the Avatar. */
+    id: string;
+    /** Aria-label for Avatar. */
+    ariaLabel: Nullable<string>;
+    /** Aria-Labelledby for element describing Avatar. */
+    ariaLabelledby: Nullable<string>;
+    /** Localized text for label */
+    set label(value: Nullable<string>);
+    /** The size of the Avatar. Options include: *xs*, *s*, *m*, *l* and *xl*. */
+    size: Size;
+    /** Font family of the icon. */
+    font: IconComponent['font'];
+    /** The glyph name. */
+    glyph: Nullable<string>;
+    /** The glyph name for zoom icon. */
+    zoomGlyph: Nullable<string>;
+    /** Whether to apply a circle style to the Avatar. */
+    circle: boolean;
+    /** Whether to apply a transparent style to the Avatar. */
+    transparent: boolean;
+    /** Whether to apply background size contain style to the Avatar */
+    contain: boolean;
+    /** Whether to apply a placeholder background style to the Avatar. */
+    placeholder: boolean;
+    /** Whether to apply a tile background style to the Avatar. */
+    tile: boolean;
+    /** Whether to apply a border to the Avatar. */
+    border: boolean;
+    /** A number from 1 to 10 representing the background color of the Avatar.
+     * This property will override the colorIndication property.
+     */
+    colorAccent: Nullable<ColorAccent>;
+    /** A number from 1 to 10 representing the background color of the Avatar using the Indication Colors. */
+    colorIndication: Nullable<IndicationColor>;
+    /** Whether to apply random background color to the Avatar. */
+    random: boolean;
+    /** Whether component should be focusable & clicable */
+    clickable: boolean;
+    /** Value state of the Avatar. */
+    valueState: Nullable<AvatarValueStates>;
+    /** Background image resource: url or base64. */
+    set image(value: Nullable<string>);
+    get image(): Nullable<string>;
+    /** Backup options to use when image hasn't been loaded successfully.
+     * Options separated with "|" symbol.
+     * Possible options: content, alt, backup, default-icon
+     */
+    set alterIcon(value: Nullable<string>);
+    get alterIcon(): Nullable<string>;
+    /** Backup image to load when image hasn't been loaded successfully.
+     * Only applicable when using alterIcon input property.
+     */
+    set backupImage(value: Nullable<string>);
+    get backupImage(): Nullable<string>;
+    /** Event emitted when avatar clicked. Only fires if clickable input property set to true. */
+    avatarClicked: EventEmitter<Event>;
+    /** Event emitted when zoom icon clicked. Only fires if zoomGlyph input property is set. */
+    zoomGlyphClicked: EventEmitter<void>;
+    /**
+     * @hidden
+     */
+    set bgImage(image: Nullable<string>);
+    get bgImage(): Nullable<string>;
+    /** @hidden */
+    get role(): string;
+    /** @hidden */
+    set content(value: ElementRef);
+    /** @hidden */
+    abbreviate: Nullable<string>;
+    /** @hidden */
+    private _image;
+    /** @hidden */
+    private _alterIcon;
+    /** @hidden */
+    private _content;
+    /** @hidden */
+    private _backupImage;
+    /** @hidden */
+    private _bgImage;
+    /** @hidden */
+    get _tabindex(): number | null;
+    /** If a default placeholder should be displayed */
+    get showDefault(): boolean;
+    /** @hidden */
+    constructor(elementRef: ElementRef, _cdr: ChangeDetectorRef, _renderer: Renderer2, hostTabindex: number | null);
+    /** @hidden
+     * CssClassBuilder interface implementation
+     * function must return single string
+     * function is responsible for order which css classes are applied
+     */
+    buildComponentCssClass(): string[];
+    /** @hidden */
+    _onClick(event: Event): void;
+    /** @hidden */
+    ngOnInit(): void;
+    /** @hidden */
+    ngOnChanges(): void;
+    /** @hidden */
+    zoomClicked(event: Event): void;
+    /** @hidden Get an abbreviate from the label or return null if not fit requirements */
+    private _getAbbreviate;
+    /** @hidden Get the abbreviation string */
+    private _generateAbbreviation;
+    /** @hidden */
+    private _setImage;
+    /** @hidden */
+    private _verifyImageUrl;
+    /** @hidden */
+    private _assignBgImage;
+    /** @hidden */
+    private _onErrorCallback;
+    /** @hidden */
+    private _showDefaultIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, [null, null, null, { attribute: "tabindex"; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "fd-avatar", never, { "class": { "alias": "class"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "font": { "alias": "font"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "zoomGlyph": { "alias": "zoomGlyph"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "contain": { "alias": "contain"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; "border": { "alias": "border"; "required": false; }; "colorAccent": { "alias": "colorAccent"; "required": false; }; "colorIndication": { "alias": "colorIndication"; "required": false; }; "random": { "alias": "random"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "image": { "alias": "image"; "required": false; }; "alterIcon": { "alias": "alterIcon"; "required": false; }; "backupImage": { "alias": "backupImage"; "required": false; }; }, { "avatarClicked": "avatarClicked"; "zoomGlyphClicked": "zoomGlyphClicked"; }, never, ["*"], true, never>;
+}
+
+/**
+ * @deprecated
+ * Use `AvatarComponent` import instead.
+ */
+declare class AvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarModule, never, [typeof AvatarComponent], [typeof AvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AvatarModule>;
+}
+
+declare const FD_AVATAR_COMPONENT: InjectionToken<unknown>;
+
+export { AvatarComponent, AvatarIconPipe, AvatarModule, FD_AVATAR_COMPONENT };
+export type { AvatarValueStates, IndicationColor };