@ng-nest/ui 19.0.10 → 20.0.0

package/api/index.d.ts

@@ -1,5 +1,22 @@
+import * as i0 from '@angular/core';
+
+declare class XApiComponent {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XApiComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XApiComponent, "x-api", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XApiModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XApiModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XApiModule, never, [typeof XApiComponent], [typeof XApiComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XApiModule>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * Api
+ * @selector x-api
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/api" />
-export * from './public-api';
+declare const XApiPrefix = "x-api";
+
+export { XApiComponent, XApiModule, XApiPrefix };

package/auto-complete/index.d.ts

@@ -1,5 +1,456 @@
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit, OnChanges, ComponentRef, SimpleChanges } from '@angular/core';
+import { Subject, BehaviorSubject } from 'rxjs';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XData, XParentIdentityProperty, XPositionTopBottom } from '@ng-nest/ui/core';
+import { XFormOption } from '@ng-nest/ui/base-form';
+import { XInputComponent } from '@ng-nest/ui/input';
+import { XListComponent } from '@ng-nest/ui/list';
+
 /**
- * Generated bundle index. Do not edit.
+ * AutoComplete
+ * @selector x-auto-complete
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/auto-complete" />
-export * from './public-api';
+declare const XAutoCompletePrefix = "x-auto-complete";
+declare const XAutoCompleteProperty_base: new () => {
+    config: _ng_nest_ui_core.XAutoCompleteConfig | undefined;
+    cdr: _angular_core.ChangeDetectorRef;
+    invalid: _angular_core.Signal<boolean>;
+    invalidPattern: _angular_core.Signal<boolean>;
+    requiredIsEmpty: _angular_core.Signal<boolean>;
+    invalidMessage: _angular_core.Signal<string>;
+    invalidIndex: _angular_core.Signal<number>;
+    value: _angular_core.WritableSignal<any>;
+    validatorSignal: _angular_core.WritableSignal<boolean>;
+    disabledSignal: _angular_core.WritableSignal<boolean>;
+    requiredSignal: _angular_core.WritableSignal<boolean>;
+    patternSignal: _angular_core.WritableSignal<any>;
+    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    requiredComputed: _angular_core.Signal<boolean>;
+    disabledComputed: _angular_core.Signal<boolean>;
+    validatorComputed: _angular_core.Signal<boolean>;
+    patternComputed: _angular_core.Signal<any>;
+    messageComputed: _angular_core.Signal<string | string[]>;
+    invalidInputValidator: _angular_core.WritableSignal<boolean>;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    formControlValidator(): void;
+    readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
+    readonly labelAlign: _angular_core.InputSignal<XAlign>;
+    readonly justify: _angular_core.InputSignal<XJustify>;
+    readonly align: _angular_core.InputSignal<XAlign>;
+    readonly direction: _angular_core.InputSignal<XDirection>;
+    readonly size: _angular_core.InputSignal<XSize>;
+    readonly placeholder: _angular_core.InputSignal<string | string[]>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    readonly valueTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    readonly valueTplContext: _angular_core.InputSignal<unknown>;
+    readonly before: _angular_core.InputSignal<XTemplate | undefined>;
+    readonly after: _angular_core.InputSignal<XTemplate | undefined>;
+    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
+    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly active: _angular_core.ModelSignal<boolean>;
+    readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
+};
+/**
+ * AutoComplete Property
+ */
+declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
+    /**
+     * @zh_CN 节点数据
+     * @en_US Node data
+     */
+    readonly data: _angular_core.InputSignal<XData<XAutoCompleteNode>>;
+    /**
+     * @zh_CN 输入延迟执行时间，ms
+     * @en_US Enter a delay execution time, ms
+     */
+    readonly debounceTime: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 展示方位
+     * @en_US Display position
+     */
+    readonly placement: _angular_core.InputSignal<XPositionTopBottom>;
+    /**
+     * @zh_CN 节点模板
+     * @en_US Node template
+     */
+    readonly nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    readonly bordered: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 匹配区分大小写
+     * @en_US Case-sensitive
+     */
+    readonly caseSensitive: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 只能是选择的值
+     * @en_US Can only be the value of choice
+     */
+    readonly onlySelect: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    /**
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    readonly label: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    readonly labelAlign: _angular_core.InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    readonly justify: _angular_core.InputSignal<XJustify>;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
+     */
+    readonly align: _angular_core.InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
+     */
+    readonly direction: _angular_core.InputSignal<XDirection>;
+    /**
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
+     */
+    readonly placeholder: _angular_core.InputSignal<string | string[]>;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    readonly valueTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    readonly valueTplContext: _angular_core.InputSignal<unknown>;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    readonly before: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    readonly after: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    readonly pattern: _angular_core.InputSignal<any>;
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    readonly message: _angular_core.InputSignal<string | string[]>;
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    readonly active: _angular_core.ModelSignal<boolean>;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
+    /**
+     * @zh_CN 选择节点事件
+     * @en_US Node click event
+     */
+    readonly nodeEmit: _angular_core.OutputEmitterRef<XAutoCompleteNode>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompleteProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlySelect": { "alias": "onlySelect"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "nodeEmit": "nodeEmit"; }, never, never, true, never>;
+}
+/**
+ * AutoComplete Option
+ */
+interface XAutoCompleteOption extends XFormOption {
+    /**
+     * @zh_CN 节点数据
+     * @en_US Node data
+     */
+    data?: XData<XAutoCompleteNode>;
+    /**
+     * @zh_CN 输入延迟执行时间，ms
+     * @en_US Enter a delay execution time, ms
+     */
+    debounceTime?: number;
+    /**
+     * @zh_CN 展示方位
+     * @en_US Display position
+     */
+    placement?: XPositionTopBottom;
+    /**
+     * @zh_CN 节点模板
+     * @en_US Node template
+     */
+    nodeTpl?: TemplateRef<any>;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: boolean;
+    /**
+     * @zh_CN 匹配区分大小写
+     * @en_US Case-sensitive
+     */
+    caseSensitive?: boolean;
+    /**
+     * @zh_CN 只能是选择的值
+     * @en_US Can only be the value of choice
+     */
+    onlySelect?: boolean;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size?: XSize;
+    /**
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    pointer?: boolean;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    label?: string;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    labelWidth?: string;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    labelAlign?: XAlign;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    justify?: XJustify;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
+     */
+    align?: XAlign;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
+     */
+    direction?: XDirection;
+    /**
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
+     */
+    placeholder?: string;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    required?: boolean;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly?: boolean;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    valueTpl?: TemplateRef<any>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    valueTplContext?: any;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    before?: XTemplate;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    after?: XTemplate;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    pattern?: RegExp | RegExp[];
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    message?: string | string[];
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    active?: boolean;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    inputValidator?: (value: any) => boolean;
+    /**
+     * @zh_CN 选择节点事件
+     * @en_US Node click event
+     */
+    nodeEmit?: (node: XAutoCompleteNode) => void;
+}
+/**
+ * @zh_CN AutoComplete 数据对象
+ * @en_US AutoComplete data object
+ */
+interface XAutoCompleteNode extends XParentIdentityProperty<XAutoCompleteNode> {
+}
+/**
+ * AutoComplete Portal
+ * @selector x-auto-complete-portal
+ * @decorator component
+ */
+declare const XAutoCompletePortalPrefix = "x-auto-complete-portal";
+
+declare class XAutoCompletePortalComponent implements OnInit {
+    get getPlacement(): XPositionTopBottom | undefined;
+    done(): void;
+    start(): void;
+    list: _angular_core.Signal<XListComponent>;
+    data: _angular_core.InputSignal<XAutoCompleteNode[] | undefined>;
+    value: _angular_core.InputSignal<any>;
+    placement: _angular_core.InputSignal<XPositionTopBottom | undefined>;
+    nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    inputCom: _angular_core.InputSignal<XInputComponent | undefined>;
+    keywordText: _angular_core.ModelSignal<string>;
+    caseSensitive: _angular_core.InputSignal<boolean>;
+    animating: _angular_core.OutputEmitterRef<boolean>;
+    nodeClick: _angular_core.OutputEmitterRef<XAutoCompleteNode>;
+    closeSubject: Subject<void>;
+    keydownSubject: Subject<KeyboardEvent>;
+    active: _angular_core.WritableSignal<number>;
+    destroy: _angular_core.WritableSignal<boolean>;
+    private unSubject;
+    private destroyRef;
+    ngOnInit(): void;
+    stopPropagation(event: Event): void;
+    onNodeClick(node: XAutoCompleteNode): void;
+    onActive(num: number): void;
+    onTabOut(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompletePortalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompletePortalComponent, "x-auto-complete-portal", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; }, { "keywordText": "keywordTextChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
+}
+
+declare class XAutoCompleteComponent extends XAutoCompleteProperty implements OnInit, OnChanges {
+    inputCom: _angular_core.Signal<XInputComponent>;
+    nodes: _angular_core.WritableSignal<XAutoCompleteNode[]>;
+    searchNodes: _angular_core.WritableSignal<XAutoCompleteNode[]>;
+    icon: _angular_core.WritableSignal<string>;
+    iconSpin: _angular_core.WritableSignal<boolean>;
+    animating: _angular_core.WritableSignal<boolean>;
+    valueTplContextSignal: _angular_core.WritableSignal<{
+        $node: any;
+        $isValue: boolean;
+    }>;
+    valueTplContextComputed: _angular_core.Signal<unknown>;
+    inputChange: BehaviorSubject<any>;
+    closeSubject: Subject<void>;
+    keydownSubject: Subject<KeyboardEvent>;
+    private unSubject;
+    private portalService;
+    private viewContainerRef;
+    private overlay;
+    private elementRef;
+    private realPlacement;
+    portalComponent: _angular_core.WritableSignal<ComponentRef<XAutoCompletePortalComponent> | null>;
+    portalOverlayRef: _angular_core.WritableSignal<OverlayRef | null>;
+    inputChanged: _angular_core.Signal<any>;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    setData(): void;
+    setSubject(): void;
+    setParantScroll(): void;
+    portalAttached(): boolean | undefined;
+    closePortal(): void;
+    showPortal(): void;
+    createPortal(): void;
+    setPosition(config: OverlayConfig): void;
+    onNodeClick(node: XAutoCompleteNode): void;
+    setPlacement(): _angular_cdk_overlay.PositionStrategy;
+    setPortal(): void;
+    setSearchNodes(value: string | number): void;
+    modelChange(value: string | number): void;
+    onKeydown($event: KeyboardEvent): void;
+    onInput(_event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompleteComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteComponent, "x-auto-complete", never, {}, {}, never, never, true, never>;
+}
+
+declare class XAutoCompleteModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompleteModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XAutoCompleteModule, never, [typeof XAutoCompleteComponent], [typeof XAutoCompleteComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XAutoCompleteModule>;
+}
+
+export { XAutoCompleteComponent, XAutoCompleteModule, XAutoCompletePortalComponent, XAutoCompletePortalPrefix, XAutoCompletePrefix, XAutoCompleteProperty };
+export type { XAutoCompleteNode, XAutoCompleteOption };

package/avatar/index.d.ts

@@ -1,5 +1,200 @@
+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';
+
 /**
- * Generated bundle index. Do not edit.
+ * Avatar
+ * @selector x-avatar
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/avatar" />
-export * from './public-api';
+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
+     * <x-avatar label="ng-nest"></x-avatar>
+     * ```
+     *
+     */
+    readonly label: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     * @example
+     *
+     * ```html
+     * <x-avatar size="big" icon="fto-user"></x-avatar>
+     * <x-avatar size="large" icon="fto-user"></x-avatar>
+     * <x-avatar size="medium"  icon="fto-user"></x-avatar>
+     * <x-avatar size="small" icon="fto-user"></x-avatar>
+     * <x-avatar size="mini" icon="fto-user"></x-avatar>
+     * <x-avatar [size]="100" icon="fto-user"></x-avatar>
+     * <x-avatar [size]="{ xs: 20, sm: 60, md: 90, lg: 120, xl: 160 }" icon="fto-user"></x-avatar>
+     * ```
+     *
+     */
+    readonly size: _angular_core.InputSignal<XAvatarSize>;
+    /**
+     * @zh_CN 显示图标
+     * @en_US Show icon
+     * @example
+     *
+     * ```html
+     * <x-avatar icon="fto-user"></x-avatar>
+     * ```
+     *
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * @zh_CN 形状
+     * @en_US Shape
+     * @example
+     *
+     * ```html
+     * <x-avatar icon="fto-user" shape="circle"></x-avatar>
+     * <x-avatar icon="fto-user" shape="square"></x-avatar>
+     * ```
+     *
+     */
+    readonly shape: _angular_core.InputSignal<XShape>;
+    /**
+     * @zh_CN 图片地址
+     * @en_US The map's address
+     * @example
+     *
+     * ```html
+     * <x-avatar src="https://ngnest.com/img/logo/logo-144x144.png"></x-avatar>
+     * ```
+     *
+     */
+    readonly src: _angular_core.InputSignal<string | undefined>;
+    /**
+     * @zh_CN 图片适应方式
+     * @en_US Image adaptation method
+     * @example
+     *
+     * ```html
+     * <x-avatar fit="fill" src="https://ngnest.com/img/logo/logo-144x144.png"></x-avatar>
+     * <x-avatar fit="contain" src="https://ngnest.com/img/logo/logo-144x144.png"></x-avatar>
+     * <x-avatar fit="cover" src="https://ngnest.com/img/logo/logo-144x144.png"></x-avatar>
+     * <x-avatar fit="none" src="https://ngnest.com/img/logo/logo-144x144.png"></x-avatar>
+     * <x-avatar fit="scale-down" src="https://ngnest.com/img/logo/logo-144x144.png"></x-avatar>
+     * ```
+     *
+     */
+    readonly fit: _angular_core.InputSignal<XFit>;
+    /**
+     * @zh_CN 字符类型的时候左右边距
+     * @en_US When the character type is the left and right distance
+     * @example
+     *
+     * ```html
+     * <x-avatar label="ng-nest" gap="5"></x-avatar>
+     * <x-avatar label="ng-nest" gap="5px"></x-avatar>
+     * ```
+     *
+     */
+    readonly gap: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 背景颜色
+     * @en_US Background color
+     * @example
+     *
+     * ```html
+     * <x-avatar label="ng-nest" backgroundColor="#999999"></x-avatar>
+     * <x-avatar label="ng-nest" backgroundColor="#888888"></x-avatar>
+     * ```
+     *
+     */
+    readonly backgroundColor: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAvatarProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAvatarProperty, "x-avatar-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * @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<XAvatarGroupProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAvatarGroupProperty, "x-avatar-group-property", never, {}, {}, never, never, true, never>;
+}
+
+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<boolean>;
+    styleMap: _angular_core.Signal<{
+        height: string;
+        width: string;
+        lineHeight: string;
+        fontSize: string;
+    } | {
+        height?: undefined;
+        width?: undefined;
+        lineHeight?: undefined;
+        fontSize?: undefined;
+    }>;
+    classMap: _angular_core.Signal<XClassMap>;
+    labelStyleMap: _angular_core.Signal<{
+        transform?: undefined;
+    } | {
+        transform: string;
+    }>;
+    constructor();
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    imgError(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAvatarComponent, "x-avatar", never, {}, {}, never, never, true, never>;
+}
+
+declare class XAvatarGroupComponent extends XAvatarGroupProperty {
+    _has: boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAvatarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAvatarGroupComponent, "x-avatar-group", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XAvatarModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAvatarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XAvatarModule, never, [typeof XAvatarComponent, typeof XAvatarGroupComponent], [typeof XAvatarComponent, typeof XAvatarGroupComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XAvatarModule>;
+}
+
+export { XAvatarComponent, XAvatarGroupComponent, XAvatarGroupPrefix, XAvatarGroupProperty, XAvatarModule, XAvatarPrefix, XAvatarProperty, X_AVATAR_CONFIG_NAME };
+export type { XAvatarFit, XAvatarShape, XAvatarSize };