import { type ISlottable } from '../../../Behaviors/Slottable'; import { SelectionMode } from '../../../Types/SelectionMode'; import { SelectorElement } from '../Abstracts/Selector/SelectorElement'; import type { ITreeElementProps } from './ITreeElementProps'; import { TreeItemElement } from './TreeItemElement'; declare const TreeElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new () => SelectorElement) & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Tree - A hierarchical structure that displays a collection of items, allowing users to expand and collapse branches to navigate through different levels of information. * * @element mosaik-tree * @category Selectors * * @slot - The default slot. * * @cssprop {String} --tree-font-family - The font family CSS custom property. * @cssprop {String} --tree-font-letter-spacing - The font letter spacing CSS custom property. * @cssprop {String} --tree-font-line-height - The font line height CSS custom property. * @cssprop {String} --tree-font-size - The font size CSS custom property. * @cssprop {String} --tree-font-text-decoration - The font text decoration CSS custom property. * @cssprop {String} --tree-font-text-transform - The font text transform CSS custom property. * @cssprop {String} --tree-font-weight - The font weight CSS custom property. * @cssprop {String} --tree-gap - The gap CSS custom property. * @cssprop {String} --tree-padding-bottom - The padding bottom CSS custom property. * @cssprop {String} --tree-padding-left - The padding left CSS custom property. * @cssprop {String} --tree-padding-right - The padding right CSS custom property. * @cssprop {String} --tree-padding-top - The padding top CSS custom property. * @cssprop {String} --tree-shadow - The shadow CSS custom property. * @cssprop {String} --tree-shadow-blur - The shadow blur CSS custom property. * @cssprop {String} --tree-shadow-color - The shadow color CSS custom property. * @cssprop {String} --tree-shadow-offset-x - The shadow offset x CSS custom property. * @cssprop {String} --tree-shadow-offset-y - The shadow offset y CSS custom property. * @cssprop {String} --tree-shadow-spread - The shadow spread CSS custom property. * @cssprop {String} --tree-transition-duration - The transition duration CSS custom property. * @cssprop {String} --tree-transition-mode - The transition mode CSS custom property. * @cssprop {String} --tree-transition-property - The transition property CSS custom property. * @cssprop {String} --tree-translate - The translate CSS custom property. * * @example * Basic tree with expandable items: * ```html * * * Documents * Report.pdf * Budget.xlsx * * Pictures * * ``` * * @public */ export declare class TreeElement extends TreeElement_base implements ITreeElementProps, ISlottable { private readonly _provider; private readonly _itemsClickSubscriptions; private _selectionMode; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @override * @readonly */ static get is(): string; /** * Gets or sets the `selectionMode` property. * * @public * @attr */ get selectionMode(): SelectionMode; set selectionMode(value: SelectionMode); /** * Gets all the list items in the list. * * @public * @override */ get items(): Array; /** * @protected * @override */ protected onItemsChanged(): void; protected onSelectionModePropertyChanged(prev?: SelectionMode, next?: SelectionMode): void; /** * @private */ private onSelectItem; } /** * @public */ export declare namespace TreeElement { type Props = ITreeElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-tree': TreeElement; } } export {}; //# sourceMappingURL=TreeElement.d.ts.map