/**----------------------------------------------------------------------------------------- * Copyright © 2025 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the project root for more information *-------------------------------------------------------------------------------------------*/ import { OnInit, Renderer2, ElementRef, AfterViewInit } from '@angular/core'; import { SVGIcon } from '@progress/kendo-svg-icons'; import { LocalizationService } from '@progress/kendo-angular-l10n'; import { AvatarFillMode, AvatarShape, AvatarSize, AvatarThemeColor, AvatarRounded } from './models/models'; import * as i0 from "@angular/core"; /** * Represents the Kendo UI Avatar component for Angular. Displays images, icons, or initials representing people or other entities. * * @example * ```typescript * @Component({ * selector: 'my-app', * template: ` * * * * ` * }) * class AppComponent { * userImage = 'path/to/image.jpg'; * userInitials = 'JD'; * userIcon = 'user'; * } * ``` * @remarks * Supported children components are: {@link AvatarCustomMessagesComponent}. */ export declare class AvatarComponent implements OnInit, AfterViewInit { private localization; private renderer; private element; hostClass: boolean; /** * @hidden */ get borderClass(): boolean; /** * @hidden */ get flexBasis(): string; /** * Sets the shape for the avatar. * @hidden */ set shape(shape: AvatarShape); /** * Specifies the size of the Avatar * ([see example]({% slug appearance_avatar %}#toc-size)). * * @default 'medium' */ set size(size: AvatarSize); get size(): AvatarSize; /** * Specifies the rounded styling of the Avatar * ([see example](slug:appearance_avatar#toc-roundness)). * * @default 'full' */ set rounded(rounded: AvatarRounded); get rounded(): AvatarRounded; /** * Specifies the theme color of the Avatar. * The theme color applies as background and border color while adjusting the text color accordingly. * * @default 'primary' */ set themeColor(themeColor: AvatarThemeColor); get themeColor(): AvatarThemeColor; /** * Specifies the fill style of the Avatar. * * @default 'solid' */ set fillMode(fillMode: AvatarFillMode); get fillMode(): AvatarFillMode; /** * Specifies the appearance fill style of the avatar. * Deprecated, left for backward compatibility. * * @hidden */ set fill(fillMode: AvatarFillMode); /** * Adds a border to the Avatar. * * @default false */ border: boolean; /** * Defines a CSS class or multiple classes separated by spaces. * You can apply these classes to a `span` element inside the Avatar and also use custom icons. */ iconClass: string; /** * Sets the width of the Avatar. */ width: string; /** * @hidden */ get avatarWidth(): string; /** * Sets the height of the Avatar. */ height: string; /** * @hidden */ get avatarHeight(): string; /** * Defines the CSS styles that render on the content element of the Avatar. * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports. */ cssStyle?: any; /** * Sets the initials for the Avatar. */ initials: string; /** * Sets the icon for the Avatar. * All [Kendo UI Icons](slug:icons#icons-list) are supported. */ icon: string; /** * Sets the image source of the Avatar. */ imageSrc: string; /** * Defines an SVG icon to render. * You can use either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one. */ set svgIcon(icon: SVGIcon); get svgIcon(): SVGIcon; private _themeColor; private _size; private _fillMode; private _rounded; private _svgIcon; constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef); ngOnInit(): void; ngAfterViewInit(): void; /** * @hidden */ get customAvatar(): boolean; private verifyProperties; private handleClasses; private handleFillModeAndThemeColorClasses; /** * @hidden */ textFor(key: string): string; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; }