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 { AssetFormatValue } from '../../../types/src/asset-format-picker';
import { CSSResultGroup } from 'lit';

/**
 * @summary The `cx-asset-format-picker` component lets users choose and clear an asset display format.
 * Works for any asset type (video, audio, etc.) based on the callback provided.
 *
 * @event cx-asset-format-select - Emitted when a format is selected. Detail is an `AssetFormatValue`.
 * @event cx-asset-format-delete - Emitted when the selected format is cleared.
 * @event cx-asset-request-status - Emitted when the format request status changes.
 */
export default class CxAssetFormatPicker 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 asset format value. */
    value: AssetFormatValue | undefined;
    /** Form field name. */
    name: string;
    /** The encrypted asset ID 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 an asset format.
     * It receives the asset ID and the current value, and should return a
     * promise that resolves to an `AssetFormatValue` or null when cancelled.
     */
    onRequestAssetFormat: ((assetId: string, value?: AssetFormatValue) => Promise<AssetFormatValue | 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-asset-format-picker': CxAssetFormatPicker;
    }
}
