/** * Copyright Aquera Inc 2023 * * This source code is licensed under the BSD-3-Clause license found in the * LICENSE file in the root directory of this source tree. */ import { TemplateResult } from 'lit'; import type { CSSResultGroup, PropertyValueMap } from 'lit'; import NileElement from '../internal/nile-element'; import '../nile-checkbox/nile-checkbox'; import '../nile-icon'; import '../nile-spinner/nile-spinner'; /** * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree). * * @dependency nile-checkbox * @dependency nile-icon * @dependency nile-spinner * * @event nile-expand - Emitted when the tree item expands. * @event nile-after-expand - Emitted after the tree item expands and all animations are complete. * @event nile-collapse - Emitted when the tree item collapses. * @event nile-after-collapse - Emitted after the tree item collapses and all animations are complete. * @event nile-lazy-change - Emitted when the tree item's lazy state changes. * @event nile-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append * items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading * state and update the tree. * * @slot - The default slot. * @slot expand-icon - The icon to show when the tree item is expanded. * @slot collapse-icon - The icon to show when the tree item is collapsed. * * @csspart base - The component's base wrapper. * @csspart item - The tree item's container. This element wraps everything except slotted tree item children. * @csspart item--disabled - Applied when the tree item is disabled. * @csspart item--expanded - Applied when the tree item is expanded. * @csspart item--indeterminate - Applied when the selection is indeterminate. * @csspart item--selected - Applied when the tree item is selected. * @csspart indentation - The tree item's indentation container. * @csspart expand-button - The container that wraps the tree item's expand button and spinner. * @csspart label - The tree item's label. * @csspart children - The container that wraps the tree item's nested children. * @csspart checkbox - The checkbox that shows when using multiselect. * @csspart checkbox__base - The checkbox's exported `base` part. * @csspart checkbox__control - The checkbox's exported `control` part. * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part. * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part. * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part. * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part. * @csspart checkbox__label - The checkbox's exported `label` part. */ export declare class NileTreeItem extends NileElement { static styles: CSSResultGroup; static isTreeItem(node: Node): boolean; indeterminate: boolean; isLeaf: boolean; loading: boolean; selectable: boolean; /** Expands the tree item. */ expanded: boolean; /** Draws the tree item in a selected state. */ selected: boolean; /** Disables the tree item. */ disabled: boolean; /** Enables lazy loading behavior. */ lazy: boolean; defaultSlot: HTMLSlotElement; childrenSlot: HTMLSlotElement; itemElement: HTMLDivElement; childrenContainer: HTMLDivElement; expandButtonSlot: HTMLSlotElement; connectedCallback(): void; firstUpdated(): void; private animateCollapse; private isNestedItem; private handleChildrenSlotChange; protected willUpdate(changedProperties: PropertyValueMap | Map): void; private animateExpand; handleLoadingChange(): void; handleDisabledChange(): void; handleSelectedChange(): void; handleExpandedChange(): void; handleExpandAnimation(): void; handleLazyChange(): void; /** Gets all the nested tree items in this node. */ getChildrenItems({ includeDisabled }?: { includeDisabled?: boolean; }): NileTreeItem[]; render(): TemplateResult<1>; } export default NileTreeItem; declare global { interface HTMLElementTagNameMap { 'nile-tree-item': NileTreeItem; } }