import type { CSSResultGroup } from 'lit'; import '../error-text/error-text'; import '../icon/icon'; import { ShoelaceElement } from '../../internal/shoelace-element'; /** * @summary File upload items define the selectable files within [file-upload](/components/file-upload). * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/televersement-de-fichier/element-televerse-element-upload/web-5QDlfxz1 * * @dependency dsa-error-text * @dependency dsa-icon * * @slot - The file's label * @slot upload-indicator - Text that describes the upload progression. * @event dsa-clear - Emitted when the clear button is activated. */ export default class DSAFileUploadItem extends ShoelaceElement { static styles: CSSResultGroup; private readonly localize; /** The file-upload-item's size. */ size: 'small' | 'medium' | 'large'; /** The current upload progress as a percentage, 0 to 100. */ uploadProgress?: number; /** Indicates whether the file-upload-item should be in error state */ error: boolean; /** An error message that is shown when `error` is set to true. If there are several messages, must be a * string of messages separated by a pipe, e.g. "Error 1|Error 2|Error 3" */ errorMessage: string | string[]; labelText: string; connectedCallback(): void; private handleRemoveClick; private handleDefaultSlotChange; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'dsa-file-upload-item': DSAFileUploadItem; } }