import * as i0 from '@angular/core';
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
import { XStyle, XBoolean } from '@ng-nest/ui/core';

/**
 * Skeleton
 * @selector x-skeleton
 * @decorator component
 */
declare const XSkeletonPrefix = "x-skeleton";
/**
 * @zh_CN 骨架默认数据
 * @en_US Skeleton default data
 */
declare const XSkeletonData: XSkeletonRow[];
declare const XSkeletonProperty_base: new () => {
    config: _ng_nest_ui_core.XSkeletonConfig | undefined;
};
/**
 * Skeleton Property
 */
declare class XSkeletonProperty extends XSkeletonProperty_base {
    /**
     * @zh_CN 骨架数据
     * @en_US Skeleton data
     */
    readonly data: i0.InputSignal<XSkeletonRow[]>;
    /**
     * @zh_CN 加载中
     * @en_US Loading
     */
    readonly loading: i0.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 激活动画
     * @en_US Activate animation
     */
    readonly active: i0.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 显示边框
     * @en_US Show border
     */
    readonly border: i0.InputSignalWithTransform<boolean, XBoolean>;
    static ɵfac: i0.ɵɵFactoryDeclaration<XSkeletonProperty, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<XSkeletonProperty, "x-skeleton-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
/**
 * @zh_CN 行
 * @en_US Row
 */
interface XSkeletonRow {
    /**
     * @zh_CN 列
     * @en_US Column
     */
    cols?: XSkeletonCol[];
    /**
     * @zh_CN flex 布局
     * @en_US flex layout
     */
    flex?: boolean;
    /**
     * @zh_CN 列间距
     * @en_US Column spacing
     */
    space?: string;
    /**
     * @zh_CN 外边距
     * @en_US Margin
     */
    margin?: string;
    /**
     * @zh_CN 样式
     * @en_US Style
     */
    style?: XStyle;
}
/**
 * @zh_CN 列
 * @en_US Column
 */
interface XSkeletonCol {
    /**
     * @zh_CN 24栅格布局，列占的宽度
     * @en_US 24 grid layout, column width
     */
    span?: number;
    /**
     * @zh_CN 宽度
     * @en_US Width
     */
    width?: string;
    /**
     * @zh_CN 高度
     * @en_US Height
     */
    height?: string;
    /**
     * @zh_CN 列类型
     * @en_US Column type
     */
    type?: XSkeletonType;
    /**
     * @zh_CN 子集
     * @en_US Rows
     */
    rows?: XSkeletonRow[];
    /**
     * @zh_CN 样式
     * @en_US Style
     */
    style?: XStyle;
}
/**
 * @zh_CN 列类型
 * @en_US Column type
 */
type XSkeletonType = 'title' | 'img' | 'avatar' | 'transparent';

declare class XSkeletonComponent extends XSkeletonProperty {
    private document;
    private fontSize;
    toCssPx(value: string): number;
    static ɵfac: i0.ɵɵFactoryDeclaration<XSkeletonComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<XSkeletonComponent, "x-skeleton", never, {}, {}, never, ["*"], true, never>;
}

declare class XSkeletonModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<XSkeletonModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<XSkeletonModule, never, [typeof XSkeletonComponent], [typeof XSkeletonComponent]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<XSkeletonModule>;
}

export { XSkeletonComponent, XSkeletonData, XSkeletonModule, XSkeletonPrefix, XSkeletonProperty };
export type { XSkeletonCol, XSkeletonRow, XSkeletonType };