import { default as CxButton } from '../../../atoms/src/components/button/button.ts';
import { default as CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
import { default as CortexElement } from '../../../base/src/cortex-element.ts';
import { VideoFormatValue } from '../../../types/src/video-format-picker';
import { CSSResultGroup } from 'lit';

/**
 * @summary The `cx-video-format-picker` component lets users choose and clear a video display format.
 *
 * @event cx-video-format-select - Emitted when a video format is selected. Detail is a `VideoFormatValue`.
 * @event cx-video-format-delete - Emitted when the selected format is cleared.
 * @event cx-asset-request-status - Emitted when the format request status changes.
 */
export default class CxVideoFormatPicker extends CortexElement {
    static readonly styles: CSSResultGroup;
    static readonly dependencies: {
        'cx-button': typeof CxButton;
        'cx-icon-button': typeof CxIconButton;
        'cx-input': typeof CxInput;
        'cx-space': typeof CxSpace;
        'cx-typography': typeof CxTypography;
    };
    private readonly localize;
    inputEl?: CxInput;
    /** The currently selected video format value. */
    value: VideoFormatValue | undefined;
    /** Form field name. */
    name: string;
    /** The encrypted asset ID of the video asset to request formats for. */
    assetId: string;
    /** Whether a value is required. */
    required: boolean;
    /** Disables the picker. */
    disabled: boolean;
    /**
     * A callback invoked when the user requests to select a video format.
     * It receives the asset ID and the current value, and should return a
     * promise that resolves to a `VideoFormatValue` or null when cancelled.
     */
    onRequestVideoFormat: ((assetId: string, value?: VideoFormatValue) => Promise<VideoFormatValue | null | undefined>) | undefined;
    private get hasValue();
    private handleRequestFormatClick;
    private handleDeleteClick;
    handleValueChange(): Promise<void>;
    private renderFormatDisplay;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-video-format-picker': CxVideoFormatPicker;
    }
}
