import { type ISlottable } from '../../../Behaviors/Slottable'; import { IExpandable } from '../../Interfaces/IExpandable'; import { SelectorItemElement } from '../Abstracts/Selector/SelectorItemElement'; import type { ITreeItemElementProps } from './ITreeItemElementProps'; import { TreeElement } from './TreeElement'; declare const TreeItemElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Valueable").IValueableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Focusable").IFocusableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new (...args: Array) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new () => SelectorItemElement>) & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Tree Item - A single node within a tree hierarchy that can contain nested child items. * * @element mosaik-tree-item * @category Selectors * * @slot - The default slot. * @slot prefix - The prefix slot. * @slot suffix - The suffix slot. * @slot text - The text slot. * * @csspart caret - The caret part. * @csspart checkmark - The checkmark part. * @csspart expandable - The expandable part. * @csspart prefix - The prefix part. * @csspart prefix-container - The prefix-container part. * @csspart progressRing - The progressRing part. * @csspart root - The root part. * @csspart suffix - The suffix part. * @csspart text - The text part. * * @cssprop {String} --tree-item-background-color - The item background color CSS custom property. * @cssprop {String} --tree-item-border-color - The item border color CSS custom property. * @cssprop {String} --tree-item-border-radius - The item border radius CSS custom property. * @cssprop {String} --tree-item-border-style - The item border style CSS custom property. * @cssprop {String} --tree-item-border-width - The item border width CSS custom property. * @cssprop {String} --tree-item-font-family - The item font family CSS custom property. * @cssprop {String} --tree-item-font-letter-spacing - The item font letter spacing CSS custom property. * @cssprop {String} --tree-item-font-line-height - The item font line height CSS custom property. * @cssprop {String} --tree-item-font-size - The item font size CSS custom property. * @cssprop {String} --tree-item-font-text-decoration - The item font text decoration CSS custom property. * @cssprop {String} --tree-item-font-text-transform - The item font text transform CSS custom property. * @cssprop {String} --tree-item-font-weight - The item font weight CSS custom property. * @cssprop {String} --tree-item-foreground-color - The item foreground color CSS custom property. * @cssprop {String} --tree-item-gap - The item gap CSS custom property. * @cssprop {String} --tree-item-indent-color - The item indent color CSS custom property. * @cssprop {String} --tree-item-indent-offset - The item indent offset CSS custom property. * @cssprop {String} --tree-item-indent-size - The item indent size CSS custom property. * @cssprop {String} --tree-item-padding-bottom - The item padding bottom CSS custom property. * @cssprop {String} --tree-item-padding-left - The item padding left CSS custom property. * @cssprop {String} --tree-item-padding-right - The item padding right CSS custom property. * @cssprop {String} --tree-item-padding-top - The item padding top CSS custom property. * @cssprop {String} --tree-item-shadow - The item shadow CSS custom property. * @cssprop {String} --tree-item-shadow-blur - The item shadow blur CSS custom property. * @cssprop {String} --tree-item-shadow-color - The item shadow color CSS custom property. * @cssprop {String} --tree-item-shadow-offset-x - The item shadow offset x CSS custom property. * @cssprop {String} --tree-item-shadow-offset-y - The item shadow offset y CSS custom property. * @cssprop {String} --tree-item-shadow-spread - The item shadow spread CSS custom property. * @cssprop {String} --tree-item-transition-duration - The item transition duration CSS custom property. * @cssprop {String} --tree-item-transition-mode - The item transition mode CSS custom property. * @cssprop {String} --tree-item-transition-property - The item transition property CSS custom property. * @cssprop {String} --tree-item-translate - The item translate CSS custom property. * * @dependency mosaik-button - The Button element. * @dependency mosaik-checkmark - The Checkmark element. * @dependency mosaik-expandable - The Expandable element. * @dependency mosaik-progress-ring - The Progress Ring element. * @dependency mosaik-text - The Text element. * * @example * Basic tree item: * ```html * Documents * ``` * * @example * Expanded tree item with nested children: * ```html * * Projects * Website * Mobile App * * ``` * * @example * Checked tree item: * ```html * Selected Item * ``` * * @public */ export declare class TreeItemElement extends TreeItemElement_base implements ITreeItemElementProps, ISlottable, IExpandable { private readonly _inheritance; private _text; private _isExpanded; private _hasChildren; private _isChecked; /** * @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 `text` property. * * @public */ get text(): string; set text(value: string); /** * Gets or sets the `isExpanded` property. * * @public * @attr */ get isExpanded(): boolean; set isExpanded(value: boolean); /** * Gets or sets the `isChecked` property. * * @public * @attr */ get isChecked(): boolean; set isChecked(value: boolean); /** * The `hasChildren` property represents whether the element has children or not. * * @public * @readonly * @attr */ get hasChildren(): boolean; private set hasChildren(value); /** * Get the item parent. * * @protected * @readonly */ get parent(): TreeElement; /** * Gets all the list items in the list. * * @public */ get items(): Array; /** * Expands the tree item. * * @public */ expand(): void; /** * Collapses the tree item. * * @public */ collapse(): void; /** * Toggles the expanded state of the tree item. * * @public */ toggle(): void; /** * @public * @overload */ onSlotChanges(slotName?: string): void; /** * @protected */ protected onClick(event: Event): void; } /** * @public */ export declare namespace TreeItemElement { type Props = ITreeItemElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-tree-item': TreeItemElement; } } export {}; //# sourceMappingURL=TreeItemElement.d.ts.map