{
  "name": "tree",
  "displayName": "Tree",
  "type": "shadow",
  "isCustomElement": true,
  "tag": "l-tree",
  "nativeTag": null,
  "selector": "l-tree",
  "subItemOf": null,
  "summary": "A hierarchical tree view composed of `<l-tree-item>` children.\n\nThe host carries `role=\"tree\"`, so give it an accessible name with\n`aria-label` or `aria-labelledby` (e.g. `<l-tree aria-label=\"Files\">`).",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": null,
    "js": "luxen-ui/tree"
  },
  "properties": [
    {
      "name": "selection",
      "attribute": "selection",
      "type": "TreeSelection",
      "default": "'single'",
      "reflects": true,
      "description": "Selection behaviour:\n- `single` (default): at most one item selected via `aria-selected`.\n- `multiple`: any number of items selected. Checkboxes are rendered.\n- `leaf`: only leaf items can be selected (single). Branches just toggle.\n- `none`: purely navigable, no selection state."
    },
    {
      "name": "independent",
      "attribute": "independent",
      "type": "boolean",
      "default": "false",
      "reflects": true,
      "description": "When set with `selection=\"multiple\"`, parent and children selection are decoupled:\ntoggling a parent does NOT toggle its descendants and vice versa.\nWithout it, selection cascades both ways and branches may become indeterminate."
    }
  ],
  "attributes": [],
  "events": [
    {
      "name": "selection-change",
      "description": "Fired when the selected items change. Properties: `selection: TreeItem[]`.",
      "cancelable": false
    }
  ],
  "methods": [
    {
      "name": "getAllItems",
      "params": [
        {
          "name": "{ includeDisabled = true }",
          "type": null
        }
      ],
      "returns": "TreeItem[]",
      "description": "Returns all items in document (flat) order, including nested ones."
    },
    {
      "name": "getSelection",
      "params": [],
      "returns": "TreeItem[]",
      "description": "Returns currently selected items."
    },
    {
      "name": "expandAll",
      "params": [],
      "returns": null,
      "description": "Expands every item that has children."
    },
    {
      "name": "collapseAll",
      "params": [],
      "returns": null,
      "description": "Collapses every item."
    }
  ],
  "slots": [
    {
      "name": "",
      "description": "One or more `l-tree-item` elements."
    }
  ],
  "cssClasses": [],
  "cssParts": [
    {
      "name": "base",
      "description": "The root tree container."
    }
  ],
  "cssProperties": [
    {
      "name": "--indent-size",
      "default": "1rem",
      "description": "Horizontal indent per depth level."
    },
    {
      "name": "--indent-guide-width",
      "default": "1px",
      "description": "Thickness of the vertical guide line between a parent and its children. Set to `0` to hide guides."
    },
    {
      "name": "--indent-guide-style",
      "default": "solid",
      "description": "Line style of the guide (`solid`, `dashed`, `dotted`, `double`…)."
    },
    {
      "name": "--indent-guide-color",
      "default": null,
      "description": "Color of the guide line."
    },
    {
      "name": "--row-height",
      "default": "1.75rem",
      "description": "Minimum row height."
    },
    {
      "name": "--row-padding-inline",
      "default": "0.25rem",
      "description": "Inner inline padding of the row; also drives the content slot left indent and the indent guide column."
    },
    {
      "name": "--chevron-size",
      "default": "1.125rem",
      "description": "Size of the expand/collapse chevron box."
    },
    {
      "name": "--item-gap",
      "default": "0.375rem",
      "description": "Horizontal gap between chevron, prefix, label and suffix on the row; also drives the content slot left indent."
    }
  ],
  "commands": [],
  "examples": []
}