import * as rxjs from 'rxjs';
import * as _angular_core from '@angular/core';
import { ElementRef } from '@angular/core';
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
import { XBoolean, XTemplate, XNumber } from '@ng-nest/ui/core';
import { XUploadType, XUploadMultipleModel, XUploadNode } from '@ng-nest/ui/upload';

/**
 * Attachments
 * @selector x-attachments
 * @decorator component
 */
declare const XAttachmentsPrefix = "x-attachments";
declare const XAttachmentsProperty_base: new () => {
    config: _ng_nest_ui_core.XAttachmentsConfig | 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>;
    value: _angular_core.WritableSignal<any>;
    valueObservable: rxjs.Observable<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>;
    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>;
    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<XTemplate>;
    readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
    readonly labelAlign: _angular_core.InputSignal<_ng_nest_ui_core.XAlign>;
    readonly justify: _angular_core.InputSignal<_ng_nest_ui_core.XJustify>;
    readonly align: _angular_core.InputSignal<_ng_nest_ui_core.XAlign>;
    readonly direction: _angular_core.InputSignal<_ng_nest_ui_core.XDirection>;
    readonly size: _angular_core.InputSignal<_ng_nest_ui_core.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<_angular_core.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 | null>;
    readonly message: _angular_core.InputSignal<string>;
    readonly active: _angular_core.ModelSignal<boolean>;
    readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
};
/**
 * Attachments Property
 */
declare class XAttachmentsProperty extends XAttachmentsProperty_base {
    /**
     * @zh_CN 请求地址
     * @en_US Request address
     */
    readonly action: _angular_core.InputSignal<string | undefined>;
    /**
     * @zh_CN 可拖拽上传的区域
     * @en_US Drag and drop upload area
     */
    readonly dropContainer: _angular_core.InputSignal<ElementRef<any> | HTMLElement | undefined>;
    /**
     * @zh_CN 可拖拽上传的区域的图标
     * @en_US Drag and drop upload area icon
     */
    readonly dropIcon: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 可拖拽上传的区域的标题
     * @en_US Drag and drop upload area title
     */
    readonly dropTitle: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 可拖拽上传的区域的描述
     * @en_US Drag and drop upload area description
     */
    readonly dropDescription: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 直接显示可拖拽上传的区域
     * @en_US Show the drag and drop upload area directly
     */
    readonly showDrop: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 上传文件类型，与原生的 input file 组件一致
     * @en_US Upload file type, consistent with native input file component
     */
    readonly accept: _angular_core.InputSignal<string | undefined>;
    /**
     * @zh_CN 文件显示类型
     * @en_US File display type
     */
    readonly type: _angular_core.InputSignal<XUploadType>;
    /**
     * @zh_CN 图片类型下面加载失败显示
     * @en_US Photo type below loading failed display
     */
    readonly imgFallback: _angular_core.InputSignal<string | undefined>;
    /**
     * @zh_CN 图片剪裁
     * @en_US Picture cropping
     */
    readonly imgCut: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 多文件上传
     * @en_US Multiple file upload
     */
    readonly multiple: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 点击下载
     * @en_US click download
     */
    readonly download: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 多次上传的模式，cover 覆盖现有, add 继续添加
     * @en_US For many upload mode, 'cover' covers the existing, 'add' continue to add
     */
    readonly multipleModel: _angular_core.InputSignal<XUploadMultipleModel>;
    /**
     * @zh_CN 文件列表自定义显示模板
     * @en_US File list custom display template
     */
    readonly filesTpl: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 限制单次上传文件个数，只有开启多文件上传 multiple 时生效，默认不做限制
     * @en_US Limit the number of files uploaded files. Do not restrict the default
     */
    readonly maxLimit: _angular_core.InputSignalWithTransform<number, XNumber>;
    /**
     * @zh_CN 设置上传的请求头部
     * @en_US Set the upload request header
     */
    readonly headers: _angular_core.InputSignal<{
        [key: string]: any;
    } | undefined>;
    /**
     * @zh_CN 删除按钮的事件
     * @en_US Delete button event
     */
    readonly removeClick: _angular_core.OutputEmitterRef<{
        file: XUploadNode;
        index: number;
    }>;
    /**
     * @zh_CN 开始上传事件
     * @en_US Start upload event
     */
    readonly uploadReady: _angular_core.OutputEmitterRef<XUploadNode>;
    /**
     * @zh_CN 正在上传事件
     * @en_US Start upload event
     */
    readonly uploading: _angular_core.OutputEmitterRef<XUploadNode>;
    /**
     * @zh_CN 上传成功事件
     * @en_US Start upload event
     */
    readonly uploadSuccess: _angular_core.OutputEmitterRef<XUploadNode>;
    /**
     * @zh_CN 上传失败事件
     * @en_US Start upload event
     */
    readonly uploadError: _angular_core.OutputEmitterRef<XUploadNode>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAttachmentsProperty, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAttachmentsProperty, "x-attachments-property", never, { "action": { "alias": "action"; "required": false; "isSignal": true; }; "dropContainer": { "alias": "dropContainer"; "required": false; "isSignal": true; }; "dropIcon": { "alias": "dropIcon"; "required": false; "isSignal": true; }; "dropTitle": { "alias": "dropTitle"; "required": false; "isSignal": true; }; "dropDescription": { "alias": "dropDescription"; "required": false; "isSignal": true; }; "showDrop": { "alias": "showDrop"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "imgFallback": { "alias": "imgFallback"; "required": false; "isSignal": true; }; "imgCut": { "alias": "imgCut"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "multipleModel": { "alias": "multipleModel"; "required": false; "isSignal": true; }; "filesTpl": { "alias": "filesTpl"; "required": false; "isSignal": true; }; "maxLimit": { "alias": "maxLimit"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; }, { "removeClick": "removeClick"; "uploadReady": "uploadReady"; "uploading": "uploading"; "uploadSuccess": "uploadSuccess"; "uploadError": "uploadError"; }, never, never, true, never>;
}
/**
 * FileCard
 * @selector x-file-card
 * @decorator component
 */
declare const XFileCardPrefix = "x-file-card";
declare const X_FILE_CARD_CONFIG_NAME = "fileCard";
declare const XFileCardProperty_base: new () => {
    config: _ng_nest_ui_core.XFileCardConfig | undefined;
};
/**
 * FileCard Property
 */
declare class XFileCardProperty extends XFileCardProperty_base {
    /**
     * @zh_CN 图标
     * @en_US Icon
     */
    readonly icon: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 图标颜色
     * @en_US Icon color
     */
    readonly iconColor: _angular_core.InputSignal<string | undefined>;
    /**
     * @zh_CN 文件名
     * @en_US File name
     */
    readonly name: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 文件大小
     * @en_US File size
     */
    readonly size: _angular_core.InputSignalWithTransform<number, XNumber>;
    /**
     * @zh_CN 文件描述
     * @en_US File description
     */
    readonly description: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 文件类型
     * @en_US File type
     */
    readonly type: _angular_core.InputSignal<XFileCard>;
    /**
     * @zh_CN 文件/图片链接地址
     * @en_US File/image url
     */
    readonly url: _angular_core.InputSignal<string | undefined>;
    /**
     * @zh_CN 形态变体
     * @en_US Bubble variant
     */
    readonly variant: _angular_core.InputSignal<XFileCardVariant>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XFileCardProperty, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XFileCardProperty, "x-file-card-property", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
/**
 * @zh_CN 文件卡片类型
 * @en_US File card type
 */
type XFileCard = 'file' | 'img';
/**
 * @zh_CN 形态变体
 * @en_US Bubble variant
 */
type XFileCardVariant = 'outlined' | 'filled' | 'shadow' | 'borderless';

declare class XAttachmentsComponent extends XAttachmentsProperty {
    valueChange(value: any): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAttachmentsComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAttachmentsComponent, "x-attachments", never, {}, {}, never, ["*"], true, never>;
}

declare class XFileCardComponent extends XFileCardProperty {
    iconString: _angular_core.Signal<string>;
    descriptionString: _angular_core.Signal<string>;
    sizeTransform: _angular_core.Signal<string>;
    nameSubfix: _angular_core.Signal<string>;
    defaultIcon: _angular_core.Signal<string>;
    defaultColor: _angular_core.Signal<string>;
    classMap: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    isImage: _angular_core.Signal<boolean>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XFileCardComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XFileCardComponent, "x-file-card", never, {}, {}, never, never, true, never>;
}

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

export { XAttachmentsComponent, XAttachmentsModule, XAttachmentsPrefix, XAttachmentsProperty, XFileCardComponent, XFileCardPrefix, XFileCardProperty, X_FILE_CARD_CONFIG_NAME };
export type { XFileCard, XFileCardVariant };