import { FileUploadView } from '../../../Types/FileUploadView'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { IFileUploadItemElementProps } from './IFileUploadItemElementProps'; import type { IFileInfo } from './Models/Interfaces/IFileInfo'; declare const FileUploadItemElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * File Upload Item - A subcomponent that represents a single file within a file upload list. * * @description * The FileUploadItem component is used as part of the FileUpload workflow to display and manage an individual file. * It typically shows details such as the file name, size, type, and upload progress. Users can interact with each * FileUploadItem to remove files, retry failed uploads, or view upload status indicators. * * This component improves clarity and usability by breaking down the upload process into manageable units, * making it easier for users to track the status of each file independently. * * @name FileUploadItem * @element mosaik-file-upload-item * @category Input * * @slot actions - The slot for custom action content (e.g., remove or retry buttons). * * @csspart actions - The actions part. * @csspart extension - The extension part. * @csspart name - The name part. * @csspart size - The size part. * * @cssprop {String} --file-upload-item-background-color - The upload item background color CSS custom property. * @cssprop {String} --file-upload-item-border-color - The upload item border color CSS custom property. * @cssprop {String} --file-upload-item-border-radius - The upload item border radius CSS custom property. * @cssprop {String} --file-upload-item-border-style - The upload item border style CSS custom property. * @cssprop {String} --file-upload-item-border-width - The upload item border width CSS custom property. * @cssprop {String} --file-upload-item-font-family - The upload item font family CSS custom property. * @cssprop {String} --file-upload-item-font-letter-spacing - The upload item font letter spacing CSS custom property. * @cssprop {String} --file-upload-item-font-line-height - The upload item font line height CSS custom property. * @cssprop {String} --file-upload-item-font-size - The upload item font size CSS custom property. * @cssprop {String} --file-upload-item-font-text-decoration - The upload item font text decoration CSS custom property. * @cssprop {String} --file-upload-item-font-text-transform - The upload item font text transform CSS custom property. * @cssprop {String} --file-upload-item-font-weight - The upload item font weight CSS custom property. * @cssprop {String} --file-upload-item-foreground-color - The upload item foreground color CSS custom property. * @cssprop {String} --file-upload-item-gap - The upload item gap CSS custom property. * @cssprop {String} --file-upload-item-padding-bottom - The upload item padding bottom CSS custom property. * @cssprop {String} --file-upload-item-padding-left - The upload item padding left CSS custom property. * @cssprop {String} --file-upload-item-padding-right - The upload item padding right CSS custom property. * @cssprop {String} --file-upload-item-padding-top - The upload item padding top CSS custom property. * @cssprop {String} --file-upload-item-shadow - The upload item shadow CSS custom property. * @cssprop {String} --file-upload-item-shadow-blur - The upload item shadow blur CSS custom property. * @cssprop {String} --file-upload-item-shadow-color - The upload item shadow color CSS custom property. * @cssprop {String} --file-upload-item-shadow-offset-x - The upload item shadow offset x CSS custom property. * @cssprop {String} --file-upload-item-shadow-offset-y - The upload item shadow offset y CSS custom property. * @cssprop {String} --file-upload-item-shadow-spread - The upload item shadow spread CSS custom property. * @cssprop {String} --file-upload-item-transition-duration - The upload item transition duration CSS custom property. * @cssprop {String} --file-upload-item-transition-mode - The upload item transition mode CSS custom property. * @cssprop {String} --file-upload-item-transition-property - The upload item transition property CSS custom property. * @cssprop {String} --file-upload-item-translate - The upload item translate CSS custom property. * * @dependency mosaik-button - The Button element. * @dependency mosaik-chip - The Chip element. * @dependency mosaik-progress-ring - The Progress Ring element. * @dependency mosaik-stack - The Stack element. * @dependency mosaik-text - The Text element. * * @example * ```html * * document.pdf * * * ``` * * @public */ export declare class FileUploadItemElement extends FileUploadItemElement_base implements IFileUploadItemElementProps { private _file; private _view; private _controlled; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `file` property. * */ get file(): IFileInfo | null; set file(value: IFileInfo | null); /** * Gets or sets the `view` property. * * @public * @attr */ get view(): FileUploadView; set view(value: FileUploadView); /** * Gets or sets the `controlled` property. * * @public * @attr */ get controlled(): boolean; set controlled(value: boolean); /** * @protected */ protected onKeyDown(e: KeyboardEvent): void; } /** * @public */ export declare namespace FileUploadItemElement { type Props = IFileUploadItemElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-file-upload-item': FileUploadItemElement; } } export {}; //# sourceMappingURL=FileUploadItemElement.d.ts.map