import { LinkTarget } from '../../dap-design-system';
import { DdsElement } from '../../internal/dds-hu-element';
/**
 * `dap-ds-command-item`
 * @summary A command item is a command item that can be selected.
 * @element dap-ds-command-item
 * @title - Command item
 * @group command
 *
 * @event {{ value: string, closeOnSelect: boolean }} dds-command-item-click - Fired when the command item is clicked.
 *
 * @slot - The label of the command item.
 * @slot check - The check of the command item.
 *
 * @csspart base - The base part of the command item.
 * @csspart content - The content part of the command item.
 * @csspart label - The label part of the command item.
 *
 * @cssproperty --dds-command-item-padding - The padding of the command item (default: var(--dds-spacing-100) var(--dds-spacing-200))
 * @cssproperty --dds-command-item-background - The background color of the command item (default: none)
 * @cssproperty --dds-command-item-color - The text color of the command item (default: var(--dds-text-primary-base))
 * @cssproperty --dds-command-item-hover-background - The background color of the command item on hover (default: var(--dds-transparent-black-subtle))
 * @cssproperty --dds-command-item-selected-background - The background color of the selected command item (default: var(--dds-transparent-black-subtle))
 */
export default class DapDSCommandItem extends DdsElement {
    private readonly _trigger;
    static readonly styles: import('lit').CSSResult;
    /**
     * The value of the command item.
     */
    value?: string;
    /**
     * Whether the command item is disabled.
     */
    disabled: boolean;
    /** The name of the button */
    name: string;
    /** The Href of the button. If this present the button will be rendered as an anchor `<a></a>` element. */
    href: string;
    /** The target of the button
     * @type { '_blank' | '_self' | '_parent' | '_top' }
     */
    target: LinkTarget;
    /**
     * The rel of the button link. Default is `noreferrer noopener`.
     */
    rel: string;
    /**
     * Whether the command item is selectable.
     */
    selectable: boolean;
    /**
     * Whether the command item is selected.
     */
    selected: boolean;
    /**
     * Whether the command item should close the command when selected.
     */
    closeOnSelect: string;
    private _isSelected;
    connectedCallback(): void;
    updated(changedProperties: Map<string, unknown>): void;
    private _handleClick;
    private _handleKeyDown;
    focus(): void;
    render(): import('lit-html').TemplateResult;
}