import * as _angular_core from '@angular/core';
import { TemplateRef } from '@angular/core';
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
import { XNumber, XBoolean } from '@ng-nest/ui/core';

/**
 * Progress
 * @selector x-progress
 * @decorator component
 */
declare const XProgressPrefix = "x-progress";
declare const XProgressProperty_base: new () => {
    config: _ng_nest_ui_core.XProgressConfing | undefined;
};
/**
 * Progress Property
 */
declare class XProgressProperty extends XProgressProperty_base {
    /**
     * @zh_CN 进度条类型
     * @en_US Progress bar type
     */
    readonly type: _angular_core.InputSignal<XProgressType>;
    /**
     * @zh_CN 显示进度 0-100
     * @en_US Show progress 0-100
     */
    readonly percent: _angular_core.InputSignalWithTransform<number, XNumber>;
    /**
     * @zh_CN 进度条高度
     * @en_US Height of progress bar
     */
    readonly height: _angular_core.InputSignalWithTransform<string, XNumber>;
    /**
     * @zh_CN 状态
     * @en_US Status
     */
    readonly status: _angular_core.InputSignal<XProgressStatus>;
    /**
     * @zh_CN 自定义显示文字/图标
     * @en_US Custom display info/icon
     */
    readonly infoTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
    /**
     * @zh_CN 是否显示百分比文本信息
     * @en_US Whether to display percentage text
     */
    readonly info: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 文本信息宽度
     * @en_US The width of the text information
     */
    readonly infoWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
    /**
     * @zh_CN 百分比文本是否显示在进度条里面
     * @en_US Whether the percentage text is displayed in the progress bar
     */
    readonly inside: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 自定义百分比文本内容
     * @en_US Custom percentage text content
     */
    readonly format: _angular_core.InputSignal<((percent: number) => string) | undefined>;
    /**
     * @zh_CN 自定义颜色
     * @en_US Custom color
     */
    readonly color: _angular_core.InputSignal<XProgressColor | undefined>;
    /**
     * @zh_CN 自定义轨道颜色
     * @en_US Custom rail color
     */
    readonly railColor: _angular_core.InputSignal<XProgressColor | undefined>;
    /**
     * @zh_CN 渐变颜色
     * @en_US Gradient color
     */
    readonly gradient: _angular_core.InputSignal<XProgressGradient | undefined>;
    /**
     * @zh_CN 步骤进度条
     * @en_US Steps progress bar
     */
    readonly steps: _angular_core.InputSignalWithTransform<number | null, XNumber>;
    /**
     * @zh_CN 单个步骤的宽度
     * @en_US Single step width
     */
    readonly stepWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
    /**
     * @zh_CN 单个步骤的宽度自适应
     * @en_US Single step width flex
     */
    readonly stepFlex: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 圆环/仪表盘厚度
     * @en_US Ring thickness
     */
    readonly thickness: _angular_core.InputSignalWithTransform<string, XNumber>;
    /**
     * @zh_CN 圆环/仪表盘尺寸
     * @en_US Ring size
     */
    readonly size: _angular_core.InputSignalWithTransform<string, XNumber>;
    /**
     * @zh_CN 仪表盘缺口角度 0~300
     * @en_US Dashboard notch angle
     */
    readonly notchAngle: _angular_core.InputSignalWithTransform<number, XNumber>;
    /**
     * @zh_CN 分段显示颜色，只适用 type = 'line'
     * @en_US Segmentation display color, only use of type = 'line'
     */
    readonly subsection: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XProgressProperty, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XProgressProperty, "x-progress-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "percent": { "alias": "percent"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "infoTpl": { "alias": "infoTpl"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "infoWidth": { "alias": "infoWidth"; "required": false; "isSignal": true; }; "inside": { "alias": "inside"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "railColor": { "alias": "railColor"; "required": false; "isSignal": true; }; "gradient": { "alias": "gradient"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "stepWidth": { "alias": "stepWidth"; "required": false; "isSignal": true; }; "stepFlex": { "alias": "stepFlex"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "notchAngle": { "alias": "notchAngle"; "required": false; "isSignal": true; }; "subsection": { "alias": "subsection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
/**
 * @zh_CN 进度条类型
 * @en_US Progress bar type
 */
type XProgressType = 'line' | 'circle' | 'dashboard';
/**
 * @zh_CN 进度条颜色
 * @en_US Progress bar color
 */
type XProgressColor = string | XProgressColorNode[] | Function;
/**
 * @zh_CN 进度条节点颜色
 * @en_US Progress bar node color
 */
interface XProgressColorNode {
    /**
     * @zh_CN 颜色
     * @en_US Color
     */
    color: string;
    /**
     * @zh_CN 百分比
     * @en_US Percent
     */
    percent: number;
}
/**
 * @zh_CN 状态
 * @en_US Status
 */
type XProgressStatus = 'normal' | 'active' | 'success' | 'exception' | 'warning';
/**
 * @zh_CN 渐变颜色
 * @en_US Gradient color
 */
type XProgressGradient = {
    direction?: string;
} & ({
    from: string;
    to: string;
} | {
    [percent: string]: string;
});

declare class XProgressComponent extends XProgressProperty {
    maskWidth: _angular_core.Signal<number>;
    classMap: _angular_core.Signal<{
        [x: string]: boolean;
        "x-progress-inside": boolean;
    }>;
    stepsArray: _angular_core.Signal<boolean[]>;
    currentColor: _angular_core.Signal<any>;
    currentRailColor: _angular_core.Signal<any>;
    linearGradient: _angular_core.Signal<string>;
    /**
     * circle 中的 100% 等于 clip-path 中的 400%
     */
    circleClipPath: _angular_core.Signal<string>;
    railValue: _angular_core.Signal<number>;
    dashboardStart: _angular_core.Signal<string>;
    /**
     *
     * 90 polygon(50% 50%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
     * 180 polygon(50% 50%, 0% 50%, 0% 0%, 100% 0%, 100% 50%);
     * 270 polygon(50% 50%, 0% 0%, 100% 0%);
     */
    dashboardRailClipPath: _angular_core.Signal<string>;
    dashboardClipPath: _angular_core.Signal<string>;
    subLinearGradient: _angular_core.Signal<string>;
    getLevelColor(percent: XNumber, color: XProgressColorNode[]): string;
    sortGradient(percents: {
        [percent: string]: string;
    }): {
        key: number;
        value: string;
    }[];
    setCircleClipPathValue(start: string, railValue: number): string;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XProgressComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XProgressComponent, "x-progress", never, {}, {}, never, never, true, never>;
}

declare class XProgressModule {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XProgressModule, never>;
    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XProgressModule, never, [typeof XProgressComponent], [typeof XProgressComponent]>;
    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XProgressModule>;
}

export { XProgressComponent, XProgressModule, XProgressPrefix, XProgressProperty };
export type { XProgressColor, XProgressColorNode, XProgressGradient, XProgressStatus, XProgressType };