import * as _angular_core from '@angular/core';
import { OnDestroy, AfterViewChecked } from '@angular/core';
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
import { XTemplate, XSize, XResponseSize, XShape, XFit, XNumber, XProperty, XClassMap } from '@ng-nest/ui/core';
/**
* Avatar
* @selector x-avatar
* @decorator component
*/
declare const XAvatarPrefix = "x-avatar";
declare const X_AVATAR_CONFIG_NAME = "avatar";
declare const XAvatarProperty_base: new () => {
config: _ng_nest_ui_core.XAvatarConfig | undefined;
};
/**
* Avatar Property
*/
declare class XAvatarProperty extends XAvatarProperty_base {
/**
* @zh_CN 显示字符
* @en_US Display characters
* @example
*
* ```html
*
* ```
*
*/
readonly label: _angular_core.InputSignal;
/**
* @zh_CN 尺寸
* @en_US Size
* @example
*
* ```html
*
*
*
*
*
*
*
* ```
*
*/
readonly size: _angular_core.InputSignal;
/**
* @zh_CN 显示图标
* @en_US Show icon
* @example
*
* ```html
*
* ```
*
*/
readonly icon: _angular_core.InputSignal;
/**
* @zh_CN 形状
* @en_US Shape
* @example
*
* ```html
*
*
* ```
*
*/
readonly shape: _angular_core.InputSignal;
/**
* @zh_CN 图片地址
* @en_US The map's address
* @example
*
* ```html
*
* ```
*
*/
readonly src: _angular_core.InputSignal;
/**
* @zh_CN 图片适应方式
* @en_US Image adaptation method
* @example
*
* ```html
*
*
*
*
*
* ```
*
*/
readonly fit: _angular_core.InputSignal;
/**
* @zh_CN 字符类型的时候左右边距
* @en_US When the character type is the left and right distance
* @example
*
* ```html
*
*
* ```
*
*/
readonly gap: _angular_core.InputSignalWithTransform;
/**
* @zh_CN 背景颜色
* @en_US Background color
* @example
*
* ```html
*
*
* ```
*
*/
readonly backgroundColor: _angular_core.InputSignal;
/**
* @zh_CN 文字颜色
* @en_US color
* @example
*
* ```html
*
*
* ```
*
*/
readonly color: _angular_core.InputSignal;
static ɵfac: _angular_core.ɵɵFactoryDeclaration;
static ɵcmp: _angular_core.ɵɵComponentDeclaration;
}
/**
* Avatar Option
*/
interface XAvatarOption {
/**
* @zh_CN 显示字符
* @en_US Display characters
*/
label?: XTemplate;
/**
* @zh_CN 尺寸
* @en_US Size
*/
size?: XAvatarSize;
/**
* @zh_CN 显示图标
* @en_US Show icon
*/
icon?: string;
/**
* @zh_CN 形状
* @en_US Shape
*/
shape?: XAvatarShape;
/**
* @zh_CN 图片地址
* @en_US The map's address
*/
src?: string;
/**
* @zh_CN 图片适应方式
* @en_US Image adaptation method
*/
fit?: XAvatarFit;
/**
* @zh_CN 字符类型的时候左右边距
* @en_US When the character type is the left and right distance
*/
gap?: string;
/**
* @zh_CN 背景颜色
* @en_US Background color
*/
backgroundColor?: string;
/**
* @zh_CN 文字颜色
* @en_US color
*/
color?: string;
}
/**
* @zh_CN 头像形状
* @en_US Avatar shape
*/
type XAvatarShape = XShape;
/**
* @zh_CN 当展示类型为图片的时候，设置图片如何适应容器框
* @en_US When the display type is picture, set how the picture fits into the container frame
*/
type XAvatarFit = XFit;
/**
* @zh_CN 尺寸类型
* @en_US Size type
*/
type XAvatarSize = number | XSize | XResponseSize;
/**
* Avatar Group
* @selector x-avatar-group
* @decorator component
*/
declare const XAvatarGroupPrefix = "x-avatar-group";
/**
* Avatar Group Property
*/
declare class XAvatarGroupProperty extends XProperty {
static ɵfac: _angular_core.ɵɵFactoryDeclaration;
static ɵcmp: _angular_core.ɵɵComponentDeclaration;
}
declare class XAvatarComponent extends XAvatarProperty implements OnDestroy, AfterViewChecked {
private document;
private avatar;
private labelRef;
private fontSize;
private resizeObserver;
private labelWidth;
private documentWidth;
isImgError: _angular_core.WritableSignal;
styleMap: _angular_core.Signal<{
height: string;
width: string;
lineHeight: string;
fontSize: string;
} | {
height?: undefined;
width?: undefined;
lineHeight?: undefined;
fontSize?: undefined;
}>;
classMap: _angular_core.Signal;
labelStyleMap: _angular_core.Signal<{
transform?: undefined;
} | {
transform: string;
}>;
constructor();
ngAfterViewChecked(): void;
ngOnDestroy(): void;
imgError(): void;
static ɵfac: _angular_core.ɵɵFactoryDeclaration;
static ɵcmp: _angular_core.ɵɵComponentDeclaration;
}
declare class XAvatarGroupComponent extends XAvatarGroupProperty {
_has: boolean;
static ɵfac: _angular_core.ɵɵFactoryDeclaration;
static ɵcmp: _angular_core.ɵɵComponentDeclaration;
}
declare class XAvatarModule {
static ɵfac: _angular_core.ɵɵFactoryDeclaration;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration;
static ɵinj: _angular_core.ɵɵInjectorDeclaration;
}
export { XAvatarComponent, XAvatarGroupComponent, XAvatarGroupPrefix, XAvatarGroupProperty, XAvatarModule, XAvatarPrefix, XAvatarProperty, X_AVATAR_CONFIG_NAME };
export type { XAvatarFit, XAvatarOption, XAvatarShape, XAvatarSize };