@cds/core/file/file.element.d.ts

Clarity Design System - common components, themes, and utilties

import { PropertyValues } from 'lit';
import { CdsControl } from '@cds/core/forms';
/**
 * Time Input
 *
 * ```typescript
 * import '@cds/core/file/register.js';
 * ```
 *
 * ```html
 * <cds-file>
 *   <label>file</label>
 *   <input type="file" />
 * </cds-file>
 * ```
 *
 * @element cds-file
 * @slot - For projecting file input and label
 */
export declare class CdsFile extends CdsControl {
    i18n: {
        /**
         * Set the label of the browse button.
         */
        browse: string;
        files: string;
        removeFile: string;
    };
    /**
     * Set the label of the browse button.
     */
    buttonLabel: string;
    private buttonLabelForSelection;
    protected fixedControlWidth: boolean;
    protected supportsPrefixSuffixActions: boolean;
    static get styles(): import("lit").CSSResultGroup[];
    protected get inputTemplate(): import("lit-html").TemplateResult<1>;
    protected get clearFilesControlTemplate(): import("lit-html").TemplateResult<1>;
    firstUpdated(props: PropertyValues<this>): void;
    /** @private */
    clearFiles(fireEvent?: boolean): void;
    /** @private */
    updateLabelAndFocus(files?: FileList): void;
}