import { PropertyValues } from 'lit';
import { DDSElement } from "../../base/index.js";
/**
 * The tree component is a component that creates a hierarchical list. You can create a hierarchical structure by placing tree section components and tree item components under the parent tree component.
 *
 * Hierarchy:
 * - `daikin-tree` > `daikin-tree-section` > `daikin-tree-item`
 * - `daikin-tree` > `daikin-tree-section` > `daikin-tree-section` ...
 * - `daikin-tree` > `daikin-tree-item`
 *
 * @slot - A slot for tree sections and tree items. Place `daikin-tree-section` or `daikin-tree-item` elements here.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/tree/index.js";
 * import "@daikin-oss/design-system-web-components/components/tree-item/index.js";
 * import "@daikin-oss/design-system-web-components/components/tree-section/index.js";
 * ```
 *
 * ```html
 * <daikin-tree>
 *   <daikin-tree-section>
 *     <span slot="label">Tree section 1</span>
 *     <daikin-tree-item>Tree item 1-1</daikin-tree-item>
 *     <daikin-tree-item>Tree item 1-2</daikin-tree-item>
 *     <daikin-tree-item>Tree item 1-3</daikin-tree-item>
 *   </daikin-tree-section>
 * </daikin-tree>
 * ```
 */
export declare class DaikinTree extends DDSElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * Whether or not to enable tree selection.
     * When enabled, tree sections and items can be selected by click, and the `selected` property of the `daikin-tree` and its descendants will be automatically controlled.
     * Even if this is disabled, you can still set the `selected` property yourself.
     */
    selectable: boolean;
    /**
     * The values of the currently selected tree sections or items.
     * Even if `selectable` is `false`, you can still set this property yourself.
     * See the `value` property of the `daikin-tree-section` and `daikin-tree-item` components.
     */
    selectedItems: string[];
    private readonly _children;
    private _handleMouseDown;
    private _handleSlotChange;
    private _handleTreeMoveFocus;
    private _handleTreeSelect;
    private _handleTreeUnselect;
    render(): import('lit-html').TemplateResult<1>;
    protected updated(changedProperties: PropertyValues): void;
    /**
     * Calls `selectItems` for the tree sections and tree items of the child elements in the slot.
     *
     * @param value Tree item value.
     * @private
     */
    selectItems(values: readonly string[]): void;
    /**
     * Returns an array of the `value` of the currently selected sections and items.
     * If nothing is selected, returns `[]`.
     *
     * @returns An array of the `value` of the selected sections and items (if any). `[]` if there is none.
     * @private
     */
    getSelectedItems(): string[];
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-tree": DaikinTree;
    }
}