[{"data":1,"prerenderedAt":4588},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Ftree":320,"\u002Fcomponents\u002Ftree-surround":4582},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,64,69,74,79,84,89,95,101,107,113,118,123,128,133,138,143,148,152,156,161,166,171,176,181,189,194,199,204,209,214,219,224,229,234,239,245,250,255,260,264,269,275,281,285,290,294,299,304,310,315],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60,"badge":61},"Calendar","\u002Fcomponents\u002Fcalendar","2.components\u002Fcalendar","i-lucide-calendar-days",{"label":62,"color":63},"NEW","success",{"title":65,"path":66,"stem":67,"icon":68},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":70,"path":71,"stem":72,"icon":73},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":75,"path":76,"stem":77,"icon":78},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":80,"path":81,"stem":82,"icon":83},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":85,"path":86,"stem":87,"icon":88},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":90,"path":91,"stem":92,"icon":93,"badge":94},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table","i-lucide-table-2",{"label":62,"color":63},{"title":96,"path":97,"stem":98,"icon":99,"badge":100},"Date Field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field","i-lucide-calendar-clock",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"icon":105,"badge":106},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","2.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"icon":111,"badge":112},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","2.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":62,"color":63},{"title":114,"path":115,"stem":116,"icon":117},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":119,"path":120,"stem":121,"icon":122},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":124,"path":125,"stem":126,"icon":127},"Editable","\u002Fcomponents\u002Feditable","2.components\u002Feditable","i-lucide-square-pen",{"title":129,"path":130,"stem":131,"icon":132},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":134,"path":135,"stem":136,"icon":137},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":139,"path":140,"stem":141,"icon":142},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":144,"path":145,"stem":146,"icon":147},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":149,"path":150,"stem":151,"icon":132},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":153,"path":154,"stem":155,"icon":73},"Listbox","\u002Fcomponents\u002Flistbox","2.components\u002Flistbox",{"title":157,"path":158,"stem":159,"icon":160},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":162,"path":163,"stem":164,"icon":165},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":167,"path":168,"stem":169,"icon":170},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":172,"path":173,"stem":174,"icon":105,"badge":175},"Month Picker","\u002Fcomponents\u002Fmonth-picker","2.components\u002Fmonth-picker",{"label":62,"color":63},{"title":177,"path":178,"stem":179,"icon":105,"badge":180},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","2.components\u002Fmonth-range-picker",{"label":62,"color":63},{"title":182,"path":183,"stem":184,"icon":185,"badge":186},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"label":187,"color":188},"UPDATED","warning",{"title":190,"path":191,"stem":192,"icon":193},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":195,"path":196,"stem":197,"icon":198},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":200,"path":201,"stem":202,"icon":203},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination","i-lucide-ellipsis",{"title":205,"path":206,"stem":207,"icon":208},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","2.components\u002Fpin-input","i-lucide-binary",{"title":210,"path":211,"stem":212,"icon":213},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":215,"path":216,"stem":217,"icon":218},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":220,"path":221,"stem":222,"icon":223},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":225,"path":226,"stem":227,"icon":228},"Rating","\u002Fcomponents\u002Frating","2.components\u002Frating","i-lucide-star",{"title":230,"path":231,"stem":232,"icon":233},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":235,"path":236,"stem":237,"icon":238},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":240,"path":241,"stem":242,"icon":243,"badge":244},"Sidebar","\u002Fcomponents\u002Fsidebar","2.components\u002Fsidebar","i-lucide-panel-left",{"label":62,"color":63},{"title":246,"path":247,"stem":248,"icon":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":254},"Stepper","\u002Fcomponents\u002Fstepper","2.components\u002Fstepper","i-lucide-list-ordered",{"title":256,"path":257,"stem":258,"icon":259},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":261,"path":262,"stem":263,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":265,"path":266,"stem":267,"icon":268},"Tags Input","\u002Fcomponents\u002Ftags-input","2.components\u002Ftags-input","i-lucide-tags",{"title":270,"path":271,"stem":272,"icon":273,"badge":274},"Time Field","\u002Fcomponents\u002Ftime-field","2.components\u002Ftime-field","i-lucide-clock-3",{"label":62,"color":63},{"title":276,"path":277,"stem":278,"icon":279,"badge":280},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","2.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":62,"color":63},{"title":282,"path":283,"stem":284,"icon":213},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":286,"path":287,"stem":288,"icon":289},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":291,"path":292,"stem":293,"icon":73},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":295,"path":296,"stem":297,"icon":298},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":300,"path":301,"stem":302,"icon":303},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"title":305,"path":306,"stem":307,"icon":308,"badge":309},"Tree","\u002Fcomponents\u002Ftree","2.components\u002Ftree","i-lucide-folder-tree",{"label":62,"color":63},{"title":311,"path":312,"stem":313,"icon":60,"badge":314},"Year Picker","\u002Fcomponents\u002Fyear-picker","2.components\u002Fyear-picker",{"label":62,"color":63},{"title":316,"path":317,"stem":318,"icon":105,"badge":319},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","2.components\u002Fyear-range-picker",{"label":62,"color":63},{"id":321,"title":305,"body":322,"description":4574,"extension":4575,"links":4576,"meta":4577,"navigation":4578,"path":306,"seo":4580,"stem":307,"__hash__":4581},"docs\u002F2.components\u002Ftree.md",{"type":323,"value":324,"toc":4549},"minimark",[325,332,339,344,425,448,451,457,976,980,985,996,1001,1621,1626,1630,1637,1800,1816,1823,1901,1905,1911,2142,2149,2154,2227,2231,2237,2264,2268,2279,2342,2359,2370,2374,2377,2403,2406,2410,2420,2489,2493,2496,2566,2573,2577,2581,2647,2651,3279,3294,3298,3379,3404,3408,3604,3609,3613,3723,3729,3733,3736,3851,3855,4042,4046,4373,4393,4397,4526,4529,4545],[326,327,328,331],"p",{},[329,330,305],"code",{}," renders nested data as one accessible tree view. Selection and expansion use stable item keys, so the data may be replaced after an API request without losing state.",[326,333,334,335,338],{},"The component owns the flat ",[329,336,337],{},"role=\"tree\""," structure, roving focus, keyboard navigation, ARIA hierarchy metadata, and optional virtualization. The application keeps control of data fetching and item content.",[340,341,343],"h2",{"id":342},"anatomy","Anatomy",[345,346,347,357,369,377,385,393,401,409,417],"ul",{},[348,349,350,356],"li",{},[351,352,353],"strong",{},[329,354,355],{},"#item",": Replaces the generated content inside every row while retaining tree semantics and selection styling.",[348,358,359,364,365,368],{},[351,360,361],{},[329,362,363],{},"#item-[name]",": Replaces generated content for items whose ",[329,366,367],{},"slot"," accessor resolves to that name.",[348,370,371,376],{},[351,372,373],{},[329,374,375],{},"#toggle",": Branch expand\u002Fcollapse control.",[348,378,379,384],{},[351,380,381],{},[329,382,383],{},"#indicator",": Selection indicator, including indeterminate state.",[348,386,387,392],{},[351,388,389],{},[329,390,391],{},"#icon",": File, folder, or domain-specific icon.",[348,394,395,400],{},[351,396,397],{},[329,398,399],{},"#label",": Item content, including optional supporting text.",[348,402,403,408],{},[351,404,405],{},[329,406,407],{},"#trailing",": Metadata or actions at the end of a row.",[348,410,411,416],{},[351,412,413],{},[329,414,415],{},"#loading",": Loading row shown under an expanded lazy branch.",[348,418,419,424],{},[351,420,421],{},[329,422,423],{},"#empty",": Empty state when no items are available.",[326,426,427,428,431,432,435,436,439,440,443,444,447],{},"Every item slot receives ",[329,429,430],{},"item",", normalized ",[329,433,434],{},"node"," state, node ",[329,437,438],{},"actions",", ",[329,441,442],{},"toggleProps",", and the ",[329,445,446],{},"tree"," controller.",[340,449,23],{"id":450},"usage",[452,453,454],"component-preview",{},[455,456],"examples-tree-demo",{},[458,459,460],"component-code",{},[461,462,467],"pre",{"className":463,"code":464,"language":465,"meta":466,"style":466},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { TreeKey, TreeSelection } from \"akaza-ui\";\nimport { Tree } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst selected = ref\u003CTreeSelection>(\"button\");\nconst expanded = ref\u003CTreeKey[]>([\"src\"]);\nconst items = [\n  {\n    id: \"src\",\n    label: \"src\",\n    children: [\n      { id: \"button\", label: \"Button.vue\" },\n      { id: \"tree\", label: \"Tree.vue\" },\n    ],\n  },\n  { id: \"package\", label: \"package.json\" },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTree\n    v-model=\"selected\"\n    v-model:expanded=\"expanded\"\n    :items=\"items\"\n    item-key=\"id\"\n    aria-label=\"Project files\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[329,468,469,504,544,566,588,595,633,670,683,689,707,723,733,767,797,805,811,843,851,861,866,876,885,901,916,931,946,961,967],{"__ignoreMap":466},[470,471,474,478,482,486,489,492,495,499,501],"span",{"class":472,"line":473},"line",1,[470,475,477],{"class":476},"sMK4o","\u003C",[470,479,481],{"class":480},"swJcz","script",[470,483,485],{"class":484},"spNyl"," setup",[470,487,488],{"class":484}," lang",[470,490,491],{"class":476},"=",[470,493,494],{"class":476},"\"",[470,496,498],{"class":497},"sfazB","ts",[470,500,494],{"class":476},[470,502,503],{"class":476},">\n",[470,505,507,511,514,517,521,524,527,530,533,536,539,541],{"class":472,"line":506},2,[470,508,510],{"class":509},"s7zQu","import",[470,512,513],{"class":509}," type",[470,515,516],{"class":476}," {",[470,518,520],{"class":519},"sTEyZ"," TreeKey",[470,522,523],{"class":476},",",[470,525,526],{"class":519}," TreeSelection",[470,528,529],{"class":476}," }",[470,531,532],{"class":509}," from",[470,534,535],{"class":476}," \"",[470,537,538],{"class":497},"akaza-ui",[470,540,494],{"class":476},[470,542,543],{"class":476},";\n",[470,545,547,549,551,554,556,558,560,562,564],{"class":472,"line":546},3,[470,548,510],{"class":509},[470,550,516],{"class":476},[470,552,553],{"class":519}," Tree",[470,555,529],{"class":476},[470,557,532],{"class":509},[470,559,535],{"class":476},[470,561,538],{"class":497},[470,563,494],{"class":476},[470,565,543],{"class":476},[470,567,569,571,573,576,578,580,582,584,586],{"class":472,"line":568},4,[470,570,510],{"class":509},[470,572,516],{"class":476},[470,574,575],{"class":519}," ref",[470,577,529],{"class":476},[470,579,532],{"class":509},[470,581,535],{"class":476},[470,583,465],{"class":497},[470,585,494],{"class":476},[470,587,543],{"class":476},[470,589,591],{"class":472,"line":590},5,[470,592,594],{"emptyLinePlaceholder":593},true,"\n",[470,596,598,601,604,606,609,611,615,618,621,623,626,628,631],{"class":472,"line":597},6,[470,599,600],{"class":484},"const",[470,602,603],{"class":519}," selected ",[470,605,491],{"class":476},[470,607,575],{"class":608},"s2Zo4",[470,610,477],{"class":476},[470,612,614],{"class":613},"sBMFI","TreeSelection",[470,616,617],{"class":476},">",[470,619,620],{"class":519},"(",[470,622,494],{"class":476},[470,624,625],{"class":497},"button",[470,627,494],{"class":476},[470,629,630],{"class":519},")",[470,632,543],{"class":476},[470,634,636,638,641,643,645,647,650,653,655,658,660,663,665,668],{"class":472,"line":635},7,[470,637,600],{"class":484},[470,639,640],{"class":519}," expanded ",[470,642,491],{"class":476},[470,644,575],{"class":608},[470,646,477],{"class":476},[470,648,649],{"class":613},"TreeKey",[470,651,652],{"class":519},"[]",[470,654,617],{"class":476},[470,656,657],{"class":519},"([",[470,659,494],{"class":476},[470,661,662],{"class":497},"src",[470,664,494],{"class":476},[470,666,667],{"class":519},"])",[470,669,543],{"class":476},[470,671,673,675,678,680],{"class":472,"line":672},8,[470,674,600],{"class":484},[470,676,677],{"class":519}," items ",[470,679,491],{"class":476},[470,681,682],{"class":519}," [\n",[470,684,686],{"class":472,"line":685},9,[470,687,688],{"class":476},"  {\n",[470,690,692,695,698,700,702,704],{"class":472,"line":691},10,[470,693,694],{"class":480},"    id",[470,696,697],{"class":476},":",[470,699,535],{"class":476},[470,701,662],{"class":497},[470,703,494],{"class":476},[470,705,706],{"class":476},",\n",[470,708,710,713,715,717,719,721],{"class":472,"line":709},11,[470,711,712],{"class":480},"    label",[470,714,697],{"class":476},[470,716,535],{"class":476},[470,718,662],{"class":497},[470,720,494],{"class":476},[470,722,706],{"class":476},[470,724,726,729,731],{"class":472,"line":725},12,[470,727,728],{"class":480},"    children",[470,730,697],{"class":476},[470,732,682],{"class":519},[470,734,736,739,742,744,746,748,750,752,755,757,759,762,764],{"class":472,"line":735},13,[470,737,738],{"class":476},"      {",[470,740,741],{"class":480}," id",[470,743,697],{"class":476},[470,745,535],{"class":476},[470,747,625],{"class":497},[470,749,494],{"class":476},[470,751,523],{"class":476},[470,753,754],{"class":480}," label",[470,756,697],{"class":476},[470,758,535],{"class":476},[470,760,761],{"class":497},"Button.vue",[470,763,494],{"class":476},[470,765,766],{"class":476}," },\n",[470,768,770,772,774,776,778,780,782,784,786,788,790,793,795],{"class":472,"line":769},14,[470,771,738],{"class":476},[470,773,741],{"class":480},[470,775,697],{"class":476},[470,777,535],{"class":476},[470,779,446],{"class":497},[470,781,494],{"class":476},[470,783,523],{"class":476},[470,785,754],{"class":480},[470,787,697],{"class":476},[470,789,535],{"class":476},[470,791,792],{"class":497},"Tree.vue",[470,794,494],{"class":476},[470,796,766],{"class":476},[470,798,800,803],{"class":472,"line":799},15,[470,801,802],{"class":519},"    ]",[470,804,706],{"class":476},[470,806,808],{"class":472,"line":807},16,[470,809,810],{"class":476},"  },\n",[470,812,814,817,819,821,823,826,828,830,832,834,836,839,841],{"class":472,"line":813},17,[470,815,816],{"class":476},"  {",[470,818,741],{"class":480},[470,820,697],{"class":476},[470,822,535],{"class":476},[470,824,825],{"class":497},"package",[470,827,494],{"class":476},[470,829,523],{"class":476},[470,831,754],{"class":480},[470,833,697],{"class":476},[470,835,535],{"class":476},[470,837,838],{"class":497},"package.json",[470,840,494],{"class":476},[470,842,766],{"class":476},[470,844,846,849],{"class":472,"line":845},18,[470,847,848],{"class":519},"]",[470,850,543],{"class":476},[470,852,854,857,859],{"class":472,"line":853},19,[470,855,856],{"class":476},"\u003C\u002F",[470,858,481],{"class":480},[470,860,503],{"class":476},[470,862,864],{"class":472,"line":863},20,[470,865,594],{"emptyLinePlaceholder":593},[470,867,869,871,874],{"class":472,"line":868},21,[470,870,477],{"class":476},[470,872,873],{"class":480},"template",[470,875,503],{"class":476},[470,877,879,882],{"class":472,"line":878},22,[470,880,881],{"class":476},"  \u003C",[470,883,884],{"class":480},"Tree\n",[470,886,888,891,893,895,898],{"class":472,"line":887},23,[470,889,890],{"class":484},"    v-model",[470,892,491],{"class":476},[470,894,494],{"class":476},[470,896,897],{"class":497},"selected",[470,899,900],{"class":476},"\"\n",[470,902,904,907,909,911,914],{"class":472,"line":903},24,[470,905,906],{"class":484},"    v-model:expanded",[470,908,491],{"class":476},[470,910,494],{"class":476},[470,912,913],{"class":497},"expanded",[470,915,900],{"class":476},[470,917,919,922,924,926,929],{"class":472,"line":918},25,[470,920,921],{"class":484},"    :items",[470,923,491],{"class":476},[470,925,494],{"class":476},[470,927,928],{"class":497},"items",[470,930,900],{"class":476},[470,932,934,937,939,941,944],{"class":472,"line":933},26,[470,935,936],{"class":484},"    item-key",[470,938,491],{"class":476},[470,940,494],{"class":476},[470,942,943],{"class":497},"id",[470,945,900],{"class":476},[470,947,949,952,954,956,959],{"class":472,"line":948},27,[470,950,951],{"class":484},"    aria-label",[470,953,491],{"class":476},[470,955,494],{"class":476},[470,957,958],{"class":497},"Project files",[470,960,900],{"class":476},[470,962,964],{"class":472,"line":963},28,[470,965,966],{"class":476},"  \u002F>\n",[470,968,970,972,974],{"class":472,"line":969},29,[470,971,856],{"class":476},[470,973,873],{"class":480},[470,975,503],{"class":476},[340,977,979],{"id":978},"examples","Examples",[981,982,984],"h3",{"id":983},"lazy-children","Lazy children",[326,986,987,988,991,992,995],{},"Mark unloaded branches with ",[329,989,990],{},"hasChildren",". When a branch expands, fetch its children, replace the corresponding item, and remove its key from ",[329,993,994],{},"loadingKeys",".",[452,997,998],{},[999,1000],"examples-tree-lazy-demo",{},[458,1002,1003],{},[461,1004,1006],{"className":463,"code":1005,"language":465,"meta":466,"style":466},"\u003Cscript setup lang=\"ts\">\nimport type { TreeExpandedChangeEventDetails, TreeKey } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst items = ref([{ id: \"users\", label: \"Users\", lazy: true }]);\nconst expanded = ref\u003CTreeKey[]>([]);\nconst loadingKeys = ref\u003CTreeKey[]>([]);\n\nasync function onExpandedChange(_keys: TreeKey[], details: TreeExpandedChangeEventDetails\u003C(typeof items.value)[number]>) {\n  if (!details.expanded || !details.item.lazy) return;\n  loadingKeys.value = [...loadingKeys.value, details.key];\n  const children = await fetch(`\u002Fapi\u002Ftree\u002F${details.key}`).then(response => response.json());\n  items.value = items.value.map(item => item.id === details.key ? { ...item, children } : item);\n  loadingKeys.value = loadingKeys.value.filter(key => key !== details.key);\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTree\n    v-model:expanded=\"expanded\"\n    :items=\"items\"\n    item-key=\"id\"\n    :has-children=\"item => item.lazy || Boolean(item.children?.length)\"\n    :loading-keys=\"loadingKeys\"\n    @expanded-change=\"onExpandedChange\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,1007,1008,1028,1055,1075,1079,1135,1158,1181,1185,1243,1286,1324,1388,1457,1501,1506,1514,1518,1526,1532,1544,1556,1568,1582,1595,1609,1613],{"__ignoreMap":466},[470,1009,1010,1012,1014,1016,1018,1020,1022,1024,1026],{"class":472,"line":473},[470,1011,477],{"class":476},[470,1013,481],{"class":480},[470,1015,485],{"class":484},[470,1017,488],{"class":484},[470,1019,491],{"class":476},[470,1021,494],{"class":476},[470,1023,498],{"class":497},[470,1025,494],{"class":476},[470,1027,503],{"class":476},[470,1029,1030,1032,1034,1036,1039,1041,1043,1045,1047,1049,1051,1053],{"class":472,"line":506},[470,1031,510],{"class":509},[470,1033,513],{"class":509},[470,1035,516],{"class":476},[470,1037,1038],{"class":519}," TreeExpandedChangeEventDetails",[470,1040,523],{"class":476},[470,1042,520],{"class":519},[470,1044,529],{"class":476},[470,1046,532],{"class":509},[470,1048,535],{"class":476},[470,1050,538],{"class":497},[470,1052,494],{"class":476},[470,1054,543],{"class":476},[470,1056,1057,1059,1061,1063,1065,1067,1069,1071,1073],{"class":472,"line":546},[470,1058,510],{"class":509},[470,1060,516],{"class":476},[470,1062,575],{"class":519},[470,1064,529],{"class":476},[470,1066,532],{"class":509},[470,1068,535],{"class":476},[470,1070,465],{"class":497},[470,1072,494],{"class":476},[470,1074,543],{"class":476},[470,1076,1077],{"class":472,"line":568},[470,1078,594],{"emptyLinePlaceholder":593},[470,1080,1081,1083,1085,1087,1089,1091,1094,1096,1098,1100,1103,1105,1107,1109,1111,1113,1116,1118,1120,1123,1125,1129,1131,1133],{"class":472,"line":590},[470,1082,600],{"class":484},[470,1084,677],{"class":519},[470,1086,491],{"class":476},[470,1088,575],{"class":608},[470,1090,657],{"class":519},[470,1092,1093],{"class":476},"{",[470,1095,741],{"class":480},[470,1097,697],{"class":476},[470,1099,535],{"class":476},[470,1101,1102],{"class":497},"users",[470,1104,494],{"class":476},[470,1106,523],{"class":476},[470,1108,754],{"class":480},[470,1110,697],{"class":476},[470,1112,535],{"class":476},[470,1114,1115],{"class":497},"Users",[470,1117,494],{"class":476},[470,1119,523],{"class":476},[470,1121,1122],{"class":480}," lazy",[470,1124,697],{"class":476},[470,1126,1128],{"class":1127},"sfNiH"," true",[470,1130,529],{"class":476},[470,1132,667],{"class":519},[470,1134,543],{"class":476},[470,1136,1137,1139,1141,1143,1145,1147,1149,1151,1153,1156],{"class":472,"line":597},[470,1138,600],{"class":484},[470,1140,640],{"class":519},[470,1142,491],{"class":476},[470,1144,575],{"class":608},[470,1146,477],{"class":476},[470,1148,649],{"class":613},[470,1150,652],{"class":519},[470,1152,617],{"class":476},[470,1154,1155],{"class":519},"([])",[470,1157,543],{"class":476},[470,1159,1160,1162,1165,1167,1169,1171,1173,1175,1177,1179],{"class":472,"line":635},[470,1161,600],{"class":484},[470,1163,1164],{"class":519}," loadingKeys ",[470,1166,491],{"class":476},[470,1168,575],{"class":608},[470,1170,477],{"class":476},[470,1172,649],{"class":613},[470,1174,652],{"class":519},[470,1176,617],{"class":476},[470,1178,1155],{"class":519},[470,1180,543],{"class":476},[470,1182,1183],{"class":472,"line":672},[470,1184,594],{"emptyLinePlaceholder":593},[470,1186,1187,1190,1193,1196,1198,1202,1204,1206,1208,1210,1213,1215,1217,1219,1221,1224,1227,1229,1232,1235,1237,1240],{"class":472,"line":685},[470,1188,1189],{"class":484},"async",[470,1191,1192],{"class":484}," function",[470,1194,1195],{"class":608}," onExpandedChange",[470,1197,620],{"class":476},[470,1199,1201],{"class":1200},"sHdIc","_keys",[470,1203,697],{"class":476},[470,1205,520],{"class":613},[470,1207,652],{"class":519},[470,1209,523],{"class":476},[470,1211,1212],{"class":1200}," details",[470,1214,697],{"class":476},[470,1216,1038],{"class":613},[470,1218,477],{"class":476},[470,1220,620],{"class":519},[470,1222,1223],{"class":476},"typeof",[470,1225,1226],{"class":519}," items",[470,1228,995],{"class":476},[470,1230,1231],{"class":519},"value)[",[470,1233,1234],{"class":613},"number",[470,1236,848],{"class":519},[470,1238,1239],{"class":476},">)",[470,1241,1242],{"class":476}," {\n",[470,1244,1245,1248,1251,1254,1257,1259,1261,1264,1267,1269,1271,1273,1275,1278,1281,1284],{"class":472,"line":691},[470,1246,1247],{"class":509},"  if",[470,1249,1250],{"class":480}," (",[470,1252,1253],{"class":476},"!",[470,1255,1256],{"class":519},"details",[470,1258,995],{"class":476},[470,1260,913],{"class":519},[470,1262,1263],{"class":476}," ||",[470,1265,1266],{"class":476}," !",[470,1268,1256],{"class":519},[470,1270,995],{"class":476},[470,1272,430],{"class":519},[470,1274,995],{"class":476},[470,1276,1277],{"class":519},"lazy",[470,1279,1280],{"class":480},") ",[470,1282,1283],{"class":509},"return",[470,1285,543],{"class":476},[470,1287,1288,1291,1293,1296,1299,1302,1305,1307,1309,1311,1313,1315,1317,1320,1322],{"class":472,"line":709},[470,1289,1290],{"class":519},"  loadingKeys",[470,1292,995],{"class":476},[470,1294,1295],{"class":519},"value",[470,1297,1298],{"class":476}," =",[470,1300,1301],{"class":480}," [",[470,1303,1304],{"class":476},"...",[470,1306,994],{"class":519},[470,1308,995],{"class":476},[470,1310,1295],{"class":519},[470,1312,523],{"class":476},[470,1314,1212],{"class":519},[470,1316,995],{"class":476},[470,1318,1319],{"class":519},"key",[470,1321,848],{"class":480},[470,1323,543],{"class":476},[470,1325,1326,1329,1332,1334,1337,1340,1342,1345,1348,1351,1353,1355,1357,1360,1362,1364,1367,1369,1372,1375,1378,1380,1383,1386],{"class":472,"line":725},[470,1327,1328],{"class":484},"  const",[470,1330,1331],{"class":519}," children",[470,1333,1298],{"class":476},[470,1335,1336],{"class":509}," await",[470,1338,1339],{"class":608}," fetch",[470,1341,620],{"class":480},[470,1343,1344],{"class":476},"`",[470,1346,1347],{"class":497},"\u002Fapi\u002Ftree\u002F",[470,1349,1350],{"class":476},"${",[470,1352,1256],{"class":519},[470,1354,995],{"class":476},[470,1356,1319],{"class":519},[470,1358,1359],{"class":476},"}`",[470,1361,630],{"class":480},[470,1363,995],{"class":476},[470,1365,1366],{"class":608},"then",[470,1368,620],{"class":480},[470,1370,1371],{"class":1200},"response",[470,1373,1374],{"class":484}," =>",[470,1376,1377],{"class":519}," response",[470,1379,995],{"class":476},[470,1381,1382],{"class":608},"json",[470,1384,1385],{"class":480},"())",[470,1387,543],{"class":476},[470,1389,1390,1393,1395,1397,1399,1401,1403,1405,1407,1410,1412,1414,1416,1419,1421,1423,1426,1428,1430,1432,1435,1437,1440,1442,1444,1446,1448,1451,1453,1455],{"class":472,"line":735},[470,1391,1392],{"class":519},"  items",[470,1394,995],{"class":476},[470,1396,1295],{"class":519},[470,1398,1298],{"class":476},[470,1400,1226],{"class":519},[470,1402,995],{"class":476},[470,1404,1295],{"class":519},[470,1406,995],{"class":476},[470,1408,1409],{"class":608},"map",[470,1411,620],{"class":480},[470,1413,430],{"class":1200},[470,1415,1374],{"class":484},[470,1417,1418],{"class":519}," item",[470,1420,995],{"class":476},[470,1422,943],{"class":519},[470,1424,1425],{"class":476}," ===",[470,1427,1212],{"class":519},[470,1429,995],{"class":476},[470,1431,1319],{"class":519},[470,1433,1434],{"class":476}," ?",[470,1436,516],{"class":476},[470,1438,1439],{"class":476}," ...",[470,1441,430],{"class":519},[470,1443,523],{"class":476},[470,1445,1331],{"class":519},[470,1447,529],{"class":476},[470,1449,1450],{"class":476}," :",[470,1452,1418],{"class":519},[470,1454,630],{"class":480},[470,1456,543],{"class":476},[470,1458,1459,1461,1463,1465,1467,1470,1472,1474,1476,1479,1481,1483,1485,1488,1491,1493,1495,1497,1499],{"class":472,"line":769},[470,1460,1290],{"class":519},[470,1462,995],{"class":476},[470,1464,1295],{"class":519},[470,1466,1298],{"class":476},[470,1468,1469],{"class":519}," loadingKeys",[470,1471,995],{"class":476},[470,1473,1295],{"class":519},[470,1475,995],{"class":476},[470,1477,1478],{"class":608},"filter",[470,1480,620],{"class":480},[470,1482,1319],{"class":1200},[470,1484,1374],{"class":484},[470,1486,1487],{"class":519}," key",[470,1489,1490],{"class":476}," !==",[470,1492,1212],{"class":519},[470,1494,995],{"class":476},[470,1496,1319],{"class":519},[470,1498,630],{"class":480},[470,1500,543],{"class":476},[470,1502,1503],{"class":472,"line":799},[470,1504,1505],{"class":476},"}\n",[470,1507,1508,1510,1512],{"class":472,"line":807},[470,1509,856],{"class":476},[470,1511,481],{"class":480},[470,1513,503],{"class":476},[470,1515,1516],{"class":472,"line":813},[470,1517,594],{"emptyLinePlaceholder":593},[470,1519,1520,1522,1524],{"class":472,"line":845},[470,1521,477],{"class":476},[470,1523,873],{"class":480},[470,1525,503],{"class":476},[470,1527,1528,1530],{"class":472,"line":853},[470,1529,881],{"class":476},[470,1531,884],{"class":480},[470,1533,1534,1536,1538,1540,1542],{"class":472,"line":863},[470,1535,906],{"class":484},[470,1537,491],{"class":476},[470,1539,494],{"class":476},[470,1541,913],{"class":497},[470,1543,900],{"class":476},[470,1545,1546,1548,1550,1552,1554],{"class":472,"line":868},[470,1547,921],{"class":484},[470,1549,491],{"class":476},[470,1551,494],{"class":476},[470,1553,928],{"class":497},[470,1555,900],{"class":476},[470,1557,1558,1560,1562,1564,1566],{"class":472,"line":878},[470,1559,936],{"class":484},[470,1561,491],{"class":476},[470,1563,494],{"class":476},[470,1565,943],{"class":497},[470,1567,900],{"class":476},[470,1569,1570,1573,1575,1577,1580],{"class":472,"line":887},[470,1571,1572],{"class":484},"    :has-children",[470,1574,491],{"class":476},[470,1576,494],{"class":476},[470,1578,1579],{"class":497},"item => item.lazy || Boolean(item.children?.length)",[470,1581,900],{"class":476},[470,1583,1584,1587,1589,1591,1593],{"class":472,"line":903},[470,1585,1586],{"class":484},"    :loading-keys",[470,1588,491],{"class":476},[470,1590,494],{"class":476},[470,1592,994],{"class":497},[470,1594,900],{"class":476},[470,1596,1597,1600,1602,1604,1607],{"class":472,"line":918},[470,1598,1599],{"class":484},"    @expanded-change",[470,1601,491],{"class":476},[470,1603,494],{"class":476},[470,1605,1606],{"class":497},"onExpandedChange",[470,1608,900],{"class":476},[470,1610,1611],{"class":472,"line":933},[470,1612,966],{"class":476},[470,1614,1615,1617,1619],{"class":472,"line":948},[470,1616,856],{"class":476},[470,1618,873],{"class":480},[470,1620,503],{"class":476},[326,1622,1623,1625],{},[329,1624,305],{}," does not cache or fetch data. This keeps request deduplication, retries, authorization, and cache policy in the application.",[981,1627,1629],{"id":1628},"multiple-selection-and-propagation","Multiple selection and propagation",[326,1631,1632,1633,1636],{},"Use ",[329,1634,1635],{},"selectionPropagation=\"both\""," when selecting a branch should select its descendants and fully selected descendants should select their ancestors.",[461,1638,1640],{"className":463,"code":1639,"language":465,"meta":466,"style":466},"\u003Ctemplate>\n  \u003CTree\n    v-model=\"permissions\"\n    :items=\"permissionItems\"\n    item-key=\"id\"\n    selection-mode=\"multiple\"\n    selection-propagation=\"both\"\n  >\n    \u003Ctemplate #indicator=\"{ node }\">\n      \u003Cspan>{{ node.isIndeterminate ? \"-\" : node.isSelected ? \"x\" : \"\" }}\u003C\u002Fspan>\n    \u003C\u002Ftemplate>\n  \u003C\u002FTree>\n\u003C\u002Ftemplate>\n",[329,1641,1642,1650,1656,1669,1682,1694,1708,1722,1727,1756,1774,1783,1792],{"__ignoreMap":466},[470,1643,1644,1646,1648],{"class":472,"line":473},[470,1645,477],{"class":476},[470,1647,873],{"class":480},[470,1649,503],{"class":476},[470,1651,1652,1654],{"class":472,"line":506},[470,1653,881],{"class":476},[470,1655,884],{"class":480},[470,1657,1658,1660,1662,1664,1667],{"class":472,"line":546},[470,1659,890],{"class":484},[470,1661,491],{"class":476},[470,1663,494],{"class":476},[470,1665,1666],{"class":497},"permissions",[470,1668,900],{"class":476},[470,1670,1671,1673,1675,1677,1680],{"class":472,"line":568},[470,1672,921],{"class":484},[470,1674,491],{"class":476},[470,1676,494],{"class":476},[470,1678,1679],{"class":497},"permissionItems",[470,1681,900],{"class":476},[470,1683,1684,1686,1688,1690,1692],{"class":472,"line":590},[470,1685,936],{"class":484},[470,1687,491],{"class":476},[470,1689,494],{"class":476},[470,1691,943],{"class":497},[470,1693,900],{"class":476},[470,1695,1696,1699,1701,1703,1706],{"class":472,"line":597},[470,1697,1698],{"class":484},"    selection-mode",[470,1700,491],{"class":476},[470,1702,494],{"class":476},[470,1704,1705],{"class":497},"multiple",[470,1707,900],{"class":476},[470,1709,1710,1713,1715,1717,1720],{"class":472,"line":635},[470,1711,1712],{"class":484},"    selection-propagation",[470,1714,491],{"class":476},[470,1716,494],{"class":476},[470,1718,1719],{"class":497},"both",[470,1721,900],{"class":476},[470,1723,1724],{"class":472,"line":672},[470,1725,1726],{"class":476},"  >\n",[470,1728,1729,1732,1734,1737,1740,1742,1744,1746,1749,1752,1754],{"class":472,"line":685},[470,1730,1731],{"class":476},"    \u003C",[470,1733,873],{"class":480},[470,1735,1736],{"class":476}," #",[470,1738,1739],{"class":484},"indicator",[470,1741,491],{"class":476},[470,1743,494],{"class":476},[470,1745,1093],{"class":476},[470,1747,1748],{"class":519}," node ",[470,1750,1751],{"class":476},"}",[470,1753,494],{"class":476},[470,1755,503],{"class":476},[470,1757,1758,1761,1763,1765,1768,1770,1772],{"class":472,"line":691},[470,1759,1760],{"class":476},"      \u003C",[470,1762,470],{"class":480},[470,1764,617],{"class":476},[470,1766,1767],{"class":519},"{{ node.isIndeterminate ? \"-\" : node.isSelected ? \"x\" : \"\" }}",[470,1769,856],{"class":476},[470,1771,470],{"class":480},[470,1773,503],{"class":476},[470,1775,1776,1779,1781],{"class":472,"line":709},[470,1777,1778],{"class":476},"    \u003C\u002F",[470,1780,873],{"class":480},[470,1782,503],{"class":476},[470,1784,1785,1788,1790],{"class":472,"line":725},[470,1786,1787],{"class":476},"  \u003C\u002F",[470,1789,305],{"class":480},[470,1791,503],{"class":476},[470,1793,1794,1796,1798],{"class":472,"line":735},[470,1795,856],{"class":476},[470,1797,873],{"class":480},[470,1799,503],{"class":476},[326,1801,1802,1803,439,1806,439,1809,1812,1813,1815],{},"Propagation modes are ",[329,1804,1805],{},"none",[329,1807,1808],{},"down",[329,1810,1811],{},"up",", and ",[329,1814,1719],{},". Disabled and non-selectable items are excluded.",[326,1817,1818,1819,1822],{},"For leaf-only selection, resolve ",[329,1820,1821],{},"selectableKey"," from the item rather than adding another selection mode:",[461,1824,1826],{"className":463,"code":1825,"language":465,"meta":466,"style":466},"\u003CTree\n  :items=\"items\"\n  item-key=\"id\"\n  :selectable-key=\"item => item.type === 'file'\"\n\u002F>\n",[329,1827,1828,1834,1849,1862,1896],{"__ignoreMap":466},[470,1829,1830,1832],{"class":472,"line":473},[470,1831,477],{"class":476},[470,1833,884],{"class":480},[470,1835,1836,1839,1841,1843,1845,1847],{"class":472,"line":506},[470,1837,1838],{"class":476},"  :",[470,1840,928],{"class":484},[470,1842,491],{"class":476},[470,1844,494],{"class":476},[470,1846,928],{"class":519},[470,1848,900],{"class":476},[470,1850,1851,1854,1856,1858,1860],{"class":472,"line":546},[470,1852,1853],{"class":484},"  item-key",[470,1855,491],{"class":476},[470,1857,494],{"class":476},[470,1859,943],{"class":497},[470,1861,900],{"class":476},[470,1863,1864,1866,1869,1871,1873,1875,1877,1879,1881,1884,1887,1890,1893],{"class":472,"line":568},[470,1865,1838],{"class":476},[470,1867,1868],{"class":484},"selectable-key",[470,1870,491],{"class":476},[470,1872,494],{"class":476},[470,1874,430],{"class":1200},[470,1876,1374],{"class":484},[470,1878,1418],{"class":519},[470,1880,995],{"class":476},[470,1882,1883],{"class":519},"type ",[470,1885,1886],{"class":476},"===",[470,1888,1889],{"class":476}," '",[470,1891,1892],{"class":497},"file",[470,1894,1895],{"class":476},"'\"\n",[470,1897,1898],{"class":472,"line":590},[470,1899,1900],{"class":519},"\u002F>\n",[981,1902,1904],{"id":1903},"icons-and-row-actions","Icons and row actions",[326,1906,1907,1908,1910],{},"Use the granular slots for content that should keep the built-in row behavior. Use ",[329,1909,355],{}," only when replacing the complete row.",[461,1912,1914],{"className":463,"code":1913,"language":465,"meta":466,"style":466},"\u003Ctemplate>\n  \u003CTree :items=\"items\" item-key=\"id\">\n    \u003Ctemplate #icon=\"{ item, node }\">\n      \u003CFolderOpenIcon v-if=\"item.type === 'folder' && node.isExpanded\" \u002F>\n      \u003CFolderIcon v-else-if=\"item.type === 'folder'\" \u002F>\n      \u003CFileIcon v-else \u002F>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #trailing=\"{ item }\">\n      \u003Cbutton type=\"button\" data-akaza-tree-ignore @click=\"rename(item)\">Rename\u003C\u002Fbutton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FTree>\n\u003C\u002Ftemplate>\n",[329,1915,1916,1924,1954,1983,2005,2026,2038,2046,2050,2076,2118,2126,2134],{"__ignoreMap":466},[470,1917,1918,1920,1922],{"class":472,"line":473},[470,1919,477],{"class":476},[470,1921,873],{"class":480},[470,1923,503],{"class":476},[470,1925,1926,1928,1930,1933,1935,1937,1939,1941,1944,1946,1948,1950,1952],{"class":472,"line":506},[470,1927,881],{"class":476},[470,1929,305],{"class":480},[470,1931,1932],{"class":484}," :items",[470,1934,491],{"class":476},[470,1936,494],{"class":476},[470,1938,928],{"class":497},[470,1940,494],{"class":476},[470,1942,1943],{"class":484}," item-key",[470,1945,491],{"class":476},[470,1947,494],{"class":476},[470,1949,943],{"class":497},[470,1951,494],{"class":476},[470,1953,503],{"class":476},[470,1955,1956,1958,1960,1962,1965,1967,1969,1971,1973,1975,1977,1979,1981],{"class":472,"line":546},[470,1957,1731],{"class":476},[470,1959,873],{"class":480},[470,1961,1736],{"class":476},[470,1963,1964],{"class":484},"icon",[470,1966,491],{"class":476},[470,1968,494],{"class":476},[470,1970,1093],{"class":476},[470,1972,1418],{"class":519},[470,1974,523],{"class":476},[470,1976,1748],{"class":519},[470,1978,1751],{"class":476},[470,1980,494],{"class":476},[470,1982,503],{"class":476},[470,1984,1985,1987,1990,1993,1995,1997,2000,2002],{"class":472,"line":568},[470,1986,1760],{"class":476},[470,1988,1989],{"class":480},"FolderOpenIcon",[470,1991,1992],{"class":484}," v-if",[470,1994,491],{"class":476},[470,1996,494],{"class":476},[470,1998,1999],{"class":497},"item.type === 'folder' && node.isExpanded",[470,2001,494],{"class":476},[470,2003,2004],{"class":476}," \u002F>\n",[470,2006,2007,2009,2012,2015,2017,2019,2022,2024],{"class":472,"line":590},[470,2008,1760],{"class":476},[470,2010,2011],{"class":480},"FolderIcon",[470,2013,2014],{"class":484}," v-else-if",[470,2016,491],{"class":476},[470,2018,494],{"class":476},[470,2020,2021],{"class":497},"item.type === 'folder'",[470,2023,494],{"class":476},[470,2025,2004],{"class":476},[470,2027,2028,2030,2033,2036],{"class":472,"line":597},[470,2029,1760],{"class":476},[470,2031,2032],{"class":480},"FileIcon",[470,2034,2035],{"class":484}," v-else",[470,2037,2004],{"class":476},[470,2039,2040,2042,2044],{"class":472,"line":635},[470,2041,1778],{"class":476},[470,2043,873],{"class":480},[470,2045,503],{"class":476},[470,2047,2048],{"class":472,"line":672},[470,2049,594],{"emptyLinePlaceholder":593},[470,2051,2052,2054,2056,2058,2061,2063,2065,2067,2070,2072,2074],{"class":472,"line":685},[470,2053,1731],{"class":476},[470,2055,873],{"class":480},[470,2057,1736],{"class":476},[470,2059,2060],{"class":484},"trailing",[470,2062,491],{"class":476},[470,2064,494],{"class":476},[470,2066,1093],{"class":476},[470,2068,2069],{"class":519}," item ",[470,2071,1751],{"class":476},[470,2073,494],{"class":476},[470,2075,503],{"class":476},[470,2077,2078,2080,2082,2084,2086,2088,2090,2092,2095,2098,2100,2102,2105,2107,2109,2112,2114,2116],{"class":472,"line":691},[470,2079,1760],{"class":476},[470,2081,625],{"class":480},[470,2083,513],{"class":484},[470,2085,491],{"class":476},[470,2087,494],{"class":476},[470,2089,625],{"class":497},[470,2091,494],{"class":476},[470,2093,2094],{"class":484}," data-akaza-tree-ignore",[470,2096,2097],{"class":484}," @click",[470,2099,491],{"class":476},[470,2101,494],{"class":476},[470,2103,2104],{"class":497},"rename(item)",[470,2106,494],{"class":476},[470,2108,617],{"class":476},[470,2110,2111],{"class":519},"Rename",[470,2113,856],{"class":476},[470,2115,625],{"class":480},[470,2117,503],{"class":476},[470,2119,2120,2122,2124],{"class":472,"line":709},[470,2121,1778],{"class":476},[470,2123,873],{"class":480},[470,2125,503],{"class":476},[470,2127,2128,2130,2132],{"class":472,"line":725},[470,2129,1787],{"class":476},[470,2131,305],{"class":480},[470,2133,503],{"class":476},[470,2135,2136,2138,2140],{"class":472,"line":735},[470,2137,856],{"class":476},[470,2139,873],{"class":480},[470,2141,503],{"class":476},[326,2143,2144,2145,2148],{},"Interactive controls in a row do not activate or select the node. Add ",[329,2146,2147],{},"data-akaza-tree-ignore"," to a custom interactive wrapper that is not a native button, link, input, select, textarea, or editable element.",[326,2150,2151,2152,697],{},"The data contract has no built-in description field. Render a title, description, or any other item content through ",[329,2153,399],{},[461,2155,2157],{"className":463,"code":2156,"language":465,"meta":466,"style":466},"\u003CTree :items=\"items\" item-key=\"id\">\n  \u003Ctemplate #label=\"{ item }\">\n    \u003Cspan class=\"grid\">\n      \u003Cspan>{{ item.title }}\u003C\u002Fspan>\n      \u003Cspan class=\"text-sm text-neutral-500\">{{ item.description }}\u003C\u002Fspan>\n    \u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n\u003C\u002FTree>\n",[329,2158,2159,2189,2194,2199,2204,2209,2214,2219],{"__ignoreMap":466},[470,2160,2161,2163,2165,2167,2169,2171,2173,2175,2177,2179,2181,2183,2185,2187],{"class":472,"line":473},[470,2162,477],{"class":476},[470,2164,305],{"class":480},[470,2166,1450],{"class":476},[470,2168,928],{"class":484},[470,2170,491],{"class":476},[470,2172,494],{"class":476},[470,2174,928],{"class":519},[470,2176,494],{"class":476},[470,2178,1943],{"class":484},[470,2180,491],{"class":476},[470,2182,494],{"class":476},[470,2184,943],{"class":497},[470,2186,494],{"class":476},[470,2188,503],{"class":476},[470,2190,2191],{"class":472,"line":506},[470,2192,2193],{"class":519},"  \u003Ctemplate #label=\"{ item }\">\n",[470,2195,2196],{"class":472,"line":546},[470,2197,2198],{"class":519},"    \u003Cspan class=\"grid\">\n",[470,2200,2201],{"class":472,"line":568},[470,2202,2203],{"class":519},"      \u003Cspan>{{ item.title }}\u003C\u002Fspan>\n",[470,2205,2206],{"class":472,"line":590},[470,2207,2208],{"class":519},"      \u003Cspan class=\"text-sm text-neutral-500\">{{ item.description }}\u003C\u002Fspan>\n",[470,2210,2211],{"class":472,"line":597},[470,2212,2213],{"class":519},"    \u003C\u002Fspan>\n",[470,2215,2216],{"class":472,"line":635},[470,2217,2218],{"class":519},"  \u003C\u002Ftemplate>\n",[470,2220,2221,2223,2225],{"class":472,"line":672},[470,2222,856],{"class":476},[470,2224,305],{"class":480},[470,2226,503],{"class":476},[981,2228,2230],{"id":2229},"row-expansion","Row expansion",[326,2232,2233,2234,2236],{},"Clicking a branch row toggles it by default. Native controls and elements marked with ",[329,2235,2147],{}," do not toggle the branch. Restrict expansion to the generated toggle button when row clicks perform another action:",[461,2238,2240],{"className":463,"code":2239,"language":465,"meta":466,"style":466},"\u003CTree :expand-on-click=\"false\" \u002F>\n",[329,2241,2242],{"__ignoreMap":466},[470,2243,2244,2246,2248,2250,2253,2255,2257,2260,2262],{"class":472,"line":473},[470,2245,477],{"class":476},[470,2247,305],{"class":480},[470,2249,1450],{"class":476},[470,2251,2252],{"class":484},"expand-on-click",[470,2254,491],{"class":476},[470,2256,494],{"class":476},[470,2258,2259],{"class":1127},"false",[470,2261,494],{"class":476},[470,2263,2004],{"class":476},[981,2265,2267],{"id":2266},"selection-highlight","Selection highlight",[326,2269,2270,2271,2274,2275,2278],{},"Selection semantics always stay on the complete ",[329,2272,2273],{},"treeitem",". ",[329,2276,2277],{},"selectionHighlight"," only controls the visual highlight boundary:",[461,2280,2282],{"className":463,"code":2281,"language":465,"meta":466,"style":466},"\u003CTree selection-highlight=\"full\" \u002F>\n\u003CTree selection-highlight=\"indented\" \u002F>\n\u003CTree selection-highlight=\"label\" \u002F>\n",[329,2283,2284,2304,2323],{"__ignoreMap":466},[470,2285,2286,2288,2290,2293,2295,2297,2300,2302],{"class":472,"line":473},[470,2287,477],{"class":476},[470,2289,305],{"class":480},[470,2291,2292],{"class":484}," selection-highlight",[470,2294,491],{"class":476},[470,2296,494],{"class":476},[470,2298,2299],{"class":497},"full",[470,2301,494],{"class":476},[470,2303,2004],{"class":476},[470,2305,2306,2308,2310,2312,2314,2316,2319,2321],{"class":472,"line":506},[470,2307,477],{"class":476},[470,2309,305],{"class":480},[470,2311,2292],{"class":484},[470,2313,491],{"class":476},[470,2315,494],{"class":476},[470,2317,2318],{"class":497},"indented",[470,2320,494],{"class":476},[470,2322,2004],{"class":476},[470,2324,2325,2327,2329,2331,2333,2335,2338,2340],{"class":472,"line":546},[470,2326,477],{"class":476},[470,2328,305],{"class":480},[470,2330,2292],{"class":484},[470,2332,491],{"class":476},[470,2334,494],{"class":476},[470,2336,2337],{"class":497},"label",[470,2339,494],{"class":476},[470,2341,2004],{"class":476},[345,2343,2344,2349,2354],{},[348,2345,2346,2348],{},[329,2347,2299],{}," spans the available row width.",[348,2350,2351,2353],{},[329,2352,2318],{}," starts at the node depth. This is the default.",[348,2355,2356,2358],{},[329,2357,2337],{}," follows the label content.",[326,2360,2361,2362,2365,2366,2369],{},"Style all three modes with ",[329,2363,2364],{},"ui.selection",". Its ",[329,2367,2368],{},"data-akaza-selection-highlight"," value identifies the active boundary.",[981,2371,2373],{"id":2372},"expansion-motion","Expansion motion",[326,2375,2376],{},"Children fade and move a few pixels as branches open and close. Existing rows also move into their new position. Disable this behavior when another animation system owns the rows:",[461,2378,2380],{"className":463,"code":2379,"language":465,"meta":466,"style":466},"\u003CTree :transition=\"false\" \u002F>\n",[329,2381,2382],{"__ignoreMap":466},[470,2383,2384,2386,2388,2390,2393,2395,2397,2399,2401],{"class":472,"line":473},[470,2385,477],{"class":476},[470,2387,305],{"class":480},[470,2389,1450],{"class":476},[470,2391,2392],{"class":484},"transition",[470,2394,491],{"class":476},[470,2396,494],{"class":476},[470,2398,2259],{"class":1127},[470,2400,494],{"class":476},[470,2402,2004],{"class":476},[326,2404,2405],{},"Motion is disabled automatically for virtualized trees and reduced to an effectively immediate transition when the user prefers reduced motion.",[981,2407,2409],{"id":2408},"activation-and-detail-loading","Activation and detail loading",[326,2411,2412,2415,2416,2419],{},[329,2413,2414],{},"activate"," runs on row click, touch, or ",[329,2417,2418],{},"Enter",". Use it to load a detail panel independently from branch expansion.",[461,2421,2423],{"className":463,"code":2422,"language":465,"meta":466,"style":466},"\u003Ctemplate>\n  \u003CTree\n    :items=\"items\"\n    item-key=\"id\"\n    @activate=\"(item, details) => openDetails(item, details.reason)\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,2424,2425,2433,2439,2451,2463,2477,2481],{"__ignoreMap":466},[470,2426,2427,2429,2431],{"class":472,"line":473},[470,2428,477],{"class":476},[470,2430,873],{"class":480},[470,2432,503],{"class":476},[470,2434,2435,2437],{"class":472,"line":506},[470,2436,881],{"class":476},[470,2438,884],{"class":480},[470,2440,2441,2443,2445,2447,2449],{"class":472,"line":546},[470,2442,921],{"class":484},[470,2444,491],{"class":476},[470,2446,494],{"class":476},[470,2448,928],{"class":497},[470,2450,900],{"class":476},[470,2452,2453,2455,2457,2459,2461],{"class":472,"line":568},[470,2454,936],{"class":484},[470,2456,491],{"class":476},[470,2458,494],{"class":476},[470,2460,943],{"class":497},[470,2462,900],{"class":476},[470,2464,2465,2468,2470,2472,2475],{"class":472,"line":590},[470,2466,2467],{"class":484},"    @activate",[470,2469,491],{"class":476},[470,2471,494],{"class":476},[470,2473,2474],{"class":497},"(item, details) => openDetails(item, details.reason)",[470,2476,900],{"class":476},[470,2478,2479],{"class":472,"line":597},[470,2480,966],{"class":476},[470,2482,2483,2485,2487],{"class":472,"line":635},[470,2484,856],{"class":476},[470,2486,873],{"class":480},[470,2488,503],{"class":476},[981,2490,2492],{"id":2491},"virtualization","Virtualization",[326,2494,2495],{},"Virtualization keeps only the visible rows mounted. Set a fixed row height and viewport height.",[461,2497,2499],{"className":463,"code":2498,"language":465,"meta":466,"style":466},"\u003Ctemplate>\n  \u003CTree\n    :items=\"largeTree\"\n    item-key=\"id\"\n    :virtualize=\"{ height: 320, itemHeight: 36, overscan: 6 }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,2500,2501,2509,2515,2528,2540,2554,2558],{"__ignoreMap":466},[470,2502,2503,2505,2507],{"class":472,"line":473},[470,2504,477],{"class":476},[470,2506,873],{"class":480},[470,2508,503],{"class":476},[470,2510,2511,2513],{"class":472,"line":506},[470,2512,881],{"class":476},[470,2514,884],{"class":480},[470,2516,2517,2519,2521,2523,2526],{"class":472,"line":546},[470,2518,921],{"class":484},[470,2520,491],{"class":476},[470,2522,494],{"class":476},[470,2524,2525],{"class":497},"largeTree",[470,2527,900],{"class":476},[470,2529,2530,2532,2534,2536,2538],{"class":472,"line":568},[470,2531,936],{"class":484},[470,2533,491],{"class":476},[470,2535,494],{"class":476},[470,2537,943],{"class":497},[470,2539,900],{"class":476},[470,2541,2542,2545,2547,2549,2552],{"class":472,"line":590},[470,2543,2544],{"class":484},"    :virtualize",[470,2546,491],{"class":476},[470,2548,494],{"class":476},[470,2550,2551],{"class":497},"{ height: 320, itemHeight: 36, overscan: 6 }",[470,2553,900],{"class":476},[470,2555,2556],{"class":472,"line":597},[470,2557,966],{"class":476},[470,2559,2560,2562,2564],{"class":472,"line":635},[470,2561,856],{"class":476},[470,2563,873],{"class":480},[470,2565,503],{"class":476},[326,2567,2568,2569,2572],{},"Keep custom rows and loading content compatible with ",[329,2570,2571],{},"itemHeight","; variable-height virtualization is not supported.",[340,2574,2576],{"id":2575},"api-reference","API Reference",[981,2578,2580],{"id":2579},"models","Models",[2582,2583,2584,2603],"table",{},[2585,2586,2587],"thead",{},[2588,2589,2590,2594,2597,2600],"tr",{},[2591,2592,2593],"th",{},"Model",[2591,2595,2596],{},"Type",[2591,2598,2599],{},"Default",[2591,2601,2602],{},"Description",[2604,2605,2606,2627],"tbody",{},[2588,2607,2608,2614,2619,2624],{},[2609,2610,2611],"td",{},[329,2612,2613],{},"v-model",[2609,2615,2616],{},[329,2617,2618],{},"TreeKey | TreeKey[] | null",[2609,2620,2621],{},[329,2622,2623],{},"null",[2609,2625,2626],{},"Selected key in single mode or selected keys in multiple mode.",[2588,2628,2629,2634,2639,2644],{},[2609,2630,2631],{},[329,2632,2633],{},"v-model:expanded",[2609,2635,2636],{},[329,2637,2638],{},"TreeKey[]",[2609,2640,2641],{},[329,2642,2643],{},"defaultExpanded",[2609,2645,2646],{},"Expanded branch keys.",[981,2648,2650],{"id":2649},"props","Props",[2582,2652,2653,2666],{},[2585,2654,2655],{},[2588,2656,2657,2660,2662,2664],{},[2591,2658,2659],{},"Prop",[2591,2661,2596],{},[2591,2663,2599],{},[2591,2665,2602],{},[2604,2667,2668,2685,2702,2722,2742,2761,2779,2798,2817,2835,2852,2870,2886,2904,2924,2944,2964,2986,3005,3024,3042,3060,3078,3095,3114,3134,3154,3173,3193,3209,3225,3242,3262],{},[2588,2669,2670,2674,2679,2682],{},[2609,2671,2672],{},[329,2673,928],{},[2609,2675,2676],{},[329,2677,2678],{},"readonly T[]",[2609,2680,2681],{},"required",[2609,2683,2684],{},"Nested tree data.",[2588,2686,2687,2692,2697,2699],{},[2609,2688,2689],{},[329,2690,2691],{},"itemKey",[2609,2693,2694],{},[329,2695,2696],{},"keyof T | (item) => TreeKey",[2609,2698,2681],{},[2609,2700,2701],{},"Stable, globally unique item key.",[2588,2703,2704,2709,2714,2719],{},[2609,2705,2706],{},[329,2707,2708],{},"labelKey",[2609,2710,2711],{},[329,2712,2713],{},"keyof T | (item) => unknown",[2609,2715,2716],{},[329,2717,2718],{},"\"label\"",[2609,2720,2721],{},"Label accessor.",[2588,2723,2724,2729,2734,2739],{},[2609,2725,2726],{},[329,2727,2728],{},"childrenKey",[2609,2730,2731],{},[329,2732,2733],{},"keyof T | (item) => T[]",[2609,2735,2736],{},[329,2737,2738],{},"\"children\"",[2609,2740,2741],{},"Child collection accessor.",[2588,2743,2744,2749,2753,2758],{},[2609,2745,2746],{},[329,2747,2748],{},"disabledKey",[2609,2750,2751],{},[329,2752,2713],{},[2609,2754,2755],{},[329,2756,2757],{},"\"disabled\"",[2609,2759,2760],{},"Disabled state accessor.",[2588,2762,2763,2767,2771,2776],{},[2609,2764,2765],{},[329,2766,1821],{},[2609,2768,2769],{},[329,2770,2713],{},[2609,2772,2773],{},[329,2774,2775],{},"\"selectable\"",[2609,2777,2778],{},"Selectable state accessor.",[2588,2780,2781,2786,2790,2795],{},[2609,2782,2783],{},[329,2784,2785],{},"defaultExpandedKey",[2609,2787,2788],{},[329,2789,2713],{},[2609,2791,2792],{},[329,2793,2794],{},"\"defaultExpanded\"",[2609,2796,2797],{},"Initial expansion accessor.",[2588,2799,2800,2805,2809,2814],{},[2609,2801,2802],{},[329,2803,2804],{},"slotKey",[2609,2806,2807],{},[329,2808,2713],{},[2609,2810,2811],{},[329,2812,2813],{},"\"slot\"",[2609,2815,2816],{},"Dynamic item slot accessor.",[2588,2818,2819,2824,2829,2832],{},[2609,2820,2821],{},[329,2822,2823],{},"textValue",[2609,2825,2826],{},[329,2827,2828],{},"(item: T) => string",[2609,2830,2831],{},"label text",[2609,2833,2834],{},"Text used by typeahead.",[2588,2836,2837,2841,2846,2849],{},[2609,2838,2839],{},[329,2840,990],{},[2609,2842,2843],{},[329,2844,2845],{},"(item: T) => boolean",[2609,2847,2848],{},"-",[2609,2850,2851],{},"Marks a branch before its children are loaded.",[2588,2853,2854,2859,2863,2867],{},[2609,2855,2856],{},[329,2857,2858],{},"defaultValue",[2609,2860,2861],{},[329,2862,614],{},[2609,2864,2865],{},[329,2866,2623],{},[2609,2868,2869],{},"Initial uncontrolled selection.",[2588,2871,2872,2876,2880,2883],{},[2609,2873,2874],{},[329,2875,2643],{},[2609,2877,2878],{},[329,2879,2638],{},[2609,2881,2882],{},"item defaults",[2609,2884,2885],{},"Initial uncontrolled expansion.",[2588,2887,2888,2892,2897,2901],{},[2609,2889,2890],{},[329,2891,994],{},[2609,2893,2894],{},[329,2895,2896],{},"readonly TreeKey[]",[2609,2898,2899],{},[329,2900,652],{},[2609,2902,2903],{},"Branches currently loading children.",[2588,2905,2906,2911,2916,2921],{},[2609,2907,2908],{},[329,2909,2910],{},"selectionMode",[2609,2912,2913],{},[329,2914,2915],{},"\"none\" | \"single\" | \"multiple\"",[2609,2917,2918],{},[329,2919,2920],{},"\"single\"",[2609,2922,2923],{},"Selection mode.",[2588,2925,2926,2931,2936,2941],{},[2609,2927,2928],{},[329,2929,2930],{},"selectionBehavior",[2609,2932,2933],{},[329,2934,2935],{},"\"replace\" | \"toggle\"",[2609,2937,2938],{},[329,2939,2940],{},"\"toggle\"",[2609,2942,2943],{},"Multiple-selection behavior without a modifier key.",[2588,2945,2946,2951,2956,2961],{},[2609,2947,2948],{},[329,2949,2950],{},"selectionPropagation",[2609,2952,2953],{},[329,2954,2955],{},"\"none\" | \"up\" | \"down\" | \"both\"",[2609,2957,2958],{},[329,2959,2960],{},"\"none\"",[2609,2962,2963],{},"Branch selection propagation.",[2588,2965,2966,2970,2975,2980],{},[2609,2967,2968],{},[329,2969,2277],{},[2609,2971,2972],{},[329,2973,2974],{},"\"full\" | \"indented\" | \"label\"",[2609,2976,2977],{},[329,2978,2979],{},"\"indented\"",[2609,2981,2982,2983,2985],{},"Visual boundary used by ",[329,2984,2364],{},"; ARIA selection remains on the complete item.",[2588,2987,2988,2993,2998,3002],{},[2609,2989,2990],{},[329,2991,2992],{},"selectOnFocus",[2609,2994,2995],{},[329,2996,2997],{},"boolean",[2609,2999,3000],{},[329,3001,2259],{},[2609,3003,3004],{},"Selects a node when roving focus reaches it.",[2588,3006,3007,3012,3016,3021],{},[2609,3008,3009],{},[329,3010,3011],{},"expandOnClick",[2609,3013,3014],{},[329,3015,2997],{},[2609,3017,3018],{},[329,3019,3020],{},"true",[2609,3022,3023],{},"Toggles a branch when its non-interactive row content is clicked. Toggle buttons always work.",[2588,3025,3026,3031,3035,3039],{},[2609,3027,3028],{},[329,3029,3030],{},"disabled",[2609,3032,3033],{},[329,3034,2997],{},[2609,3036,3037],{},[329,3038,2259],{},[2609,3040,3041],{},"Disables the tree.",[2588,3043,3044,3049,3053,3057],{},[2609,3045,3046],{},[329,3047,3048],{},"readOnly",[2609,3050,3051],{},[329,3052,2997],{},[2609,3054,3055],{},[329,3056,2259],{},[2609,3058,3059],{},"Blocks selection changes while preserving navigation and expansion.",[2588,3061,3062,3067,3071,3075],{},[2609,3063,3064],{},[329,3065,3066],{},"typeahead",[2609,3068,3069],{},[329,3070,2997],{},[2609,3072,3073],{},[329,3074,3020],{},[2609,3076,3077],{},"Enables printable-character navigation.",[2588,3079,3080,3084,3088,3092],{},[2609,3081,3082],{},[329,3083,2392],{},[2609,3085,3086],{},[329,3087,2997],{},[2609,3089,3090],{},[329,3091,3020],{},[2609,3093,3094],{},"Enables built-in branch row motion. Ignored during virtualization.",[2588,3096,3097,3102,3106,3111],{},[2609,3098,3099],{},[329,3100,3101],{},"indent",[2609,3103,3104],{},[329,3105,1234],{},[2609,3107,3108],{},[329,3109,3110],{},"16",[2609,3112,3113],{},"Indentation in pixels for each nested level.",[2588,3115,3116,3121,3126,3131],{},[2609,3117,3118],{},[329,3119,3120],{},"orientation",[2609,3122,3123],{},[329,3124,3125],{},"\"vertical\" | \"horizontal\"",[2609,3127,3128],{},[329,3129,3130],{},"\"vertical\"",[2609,3132,3133],{},"Navigation orientation.",[2588,3135,3136,3141,3146,3151],{},[2609,3137,3138],{},[329,3139,3140],{},"dir",[2609,3142,3143],{},[329,3144,3145],{},"\"ltr\" | \"rtl\"",[2609,3147,3148],{},[329,3149,3150],{},"\"ltr\"",[2609,3152,3153],{},"Text direction and horizontal Arrow behavior.",[2588,3155,3156,3161,3166,3170],{},[2609,3157,3158],{},[329,3159,3160],{},"virtualize",[2609,3162,3163],{},[329,3164,3165],{},"boolean | TreeVirtualOptions",[2609,3167,3168],{},[329,3169,2259],{},[2609,3171,3172],{},"Enables fixed-height row virtualization.",[2588,3174,3175,3180,3185,3190],{},[2609,3176,3177],{},[329,3178,3179],{},"ariaLabel",[2609,3181,3182],{},[329,3183,3184],{},"string",[2609,3186,3187],{},[329,3188,3189],{},"\"Tree\"",[2609,3191,3192],{},"Accessible tree label.",[2588,3194,3195,3200,3204,3206],{},[2609,3196,3197],{},[329,3198,3199],{},"ariaLabelledby",[2609,3201,3202],{},[329,3203,3184],{},[2609,3205,2848],{},[2609,3207,3208],{},"Id of an accessible label.",[2588,3210,3211,3216,3220,3222],{},[2609,3212,3213],{},[329,3214,3215],{},"ariaDescribedby",[2609,3217,3218],{},[329,3219,3184],{},[2609,3221,2848],{},[2609,3223,3224],{},"Id of supporting text.",[2588,3226,3227,3232,3237,3239],{},[2609,3228,3229],{},[329,3230,3231],{},"labels",[2609,3233,3234],{},[329,3235,3236],{},"TreeLabels\u003CT>",[2609,3238,2848],{},[2609,3240,3241],{},"Expand, collapse, loading, and empty labels.",[2588,3243,3244,3249,3254,3259],{},[2609,3245,3246],{},[329,3247,3248],{},"as",[2609,3250,3251],{},[329,3252,3253],{},"string | Component",[2609,3255,3256],{},[329,3257,3258],{},"\"div\"",[2609,3260,3261],{},"Root element or component.",[2588,3263,3264,3269,3274,3276],{},[2609,3265,3266],{},[329,3267,3268],{},"ui",[2609,3270,3271],{},[329,3272,3273],{},"TreeUi",[2609,3275,2848],{},[2609,3277,3278],{},"Classes for structural parts.",[326,3280,3281,3284,3285,439,3288,1812,3290,3293],{},[329,3282,3283],{},"TreeVirtualOptions"," accepts ",[329,3286,3287],{},"height",[329,3289,2571],{},[329,3291,3292],{},"overscan"," numbers.",[981,3295,3297],{"id":3296},"emits","Emits",[2582,3299,3300,3312],{},[2585,3301,3302],{},[2588,3303,3304,3307,3310],{},[2591,3305,3306],{},"Event",[2591,3308,3309],{},"Payload",[2591,3311,2602],{},[2604,3313,3314,3329,3348,3363],{},[2588,3315,3316,3321,3326],{},[2609,3317,3318],{},[329,3319,3320],{},"selection-change",[2609,3322,3323],{},[329,3324,3325],{},"(value, details)",[2609,3327,3328],{},"Fired before selection updates.",[2588,3330,3331,3336,3341],{},[2609,3332,3333],{},[329,3334,3335],{},"expanded-change",[2609,3337,3338],{},[329,3339,3340],{},"(keys, details)",[2609,3342,3343,3344,3347],{},"Fired before expansion updates. ",[329,3345,3346],{},"details.expanded"," reports the requested branch state.",[2588,3349,3350,3355,3360],{},[2609,3351,3352],{},[329,3353,3354],{},"focus-change",[2609,3356,3357],{},[329,3358,3359],{},"(key, details)",[2609,3361,3362],{},"Fired before the roving focus key changes.",[2588,3364,3365,3369,3374],{},[2609,3366,3367],{},[329,3368,2414],{},[2609,3370,3371],{},[329,3372,3373],{},"(item, details)",[2609,3375,3376,3377,995],{},"Fired on row click, touch, or ",[329,3378,2418],{},[326,3380,3381,3382,3384,3385,439,3387,439,3389,3392,3393,3396,3397,3400,3401,3403],{},"Event ",[329,3383,1256],{}," include ",[329,3386,1319],{},[329,3388,430],{},[329,3390,3391],{},"reason",", the original ",[329,3394,3395],{},"event"," when available, and ",[329,3398,3399],{},"cancel()",". Calling ",[329,3402,3399],{}," in a change event prevents its model update.",[981,3405,3407],{"id":3406},"slots","Slots",[2582,3409,3410,3421],{},[2585,3411,3412],{},[2588,3413,3414,3417,3419],{},[2591,3415,3416],{},"Slot",[2591,3418,2650],{},[2591,3420,2602],{},[2604,3422,3423,3444,3462,3484,3505,3526,3547,3568,3590],{},[2588,3424,3425,3429,3441],{},[2609,3426,3427],{},[329,3428,430],{},[2609,3430,3431,439,3433,439,3435,439,3437,439,3439],{},[329,3432,430],{},[329,3434,434],{},[329,3436,438],{},[329,3438,442],{},[329,3440,446],{},[2609,3442,3443],{},"Replaces generated content inside every row.",[2588,3445,3446,3451,3456],{},[2609,3447,3448],{},[329,3449,3450],{},"item-[name]",[2609,3452,3453,3454],{},"same as ",[329,3455,430],{},[2609,3457,3458,3459,3461],{},"Content replacement selected by an item's ",[329,3460,367],{}," value.",[2588,3463,3464,3469,3481],{},[2609,3465,3466],{},[329,3467,3468],{},"toggle",[2609,3470,3471,439,3473,439,3475,439,3477,439,3479],{},[329,3472,430],{},[329,3474,434],{},[329,3476,438],{},[329,3478,442],{},[329,3480,446],{},[2609,3482,3483],{},"Toggle content inside the generated button.",[2588,3485,3486,3490,3502],{},[2609,3487,3488],{},[329,3489,1739],{},[2609,3491,3492,439,3494,439,3496,439,3498,439,3500],{},[329,3493,430],{},[329,3495,434],{},[329,3497,438],{},[329,3499,442],{},[329,3501,446],{},[2609,3503,3504],{},"Selection indicator.",[2588,3506,3507,3511,3523],{},[2609,3508,3509],{},[329,3510,1964],{},[2609,3512,3513,439,3515,439,3517,439,3519,439,3521],{},[329,3514,430],{},[329,3516,434],{},[329,3518,438],{},[329,3520,442],{},[329,3522,446],{},[2609,3524,3525],{},"Item icon.",[2588,3527,3528,3532,3544],{},[2609,3529,3530],{},[329,3531,2337],{},[2609,3533,3534,439,3536,439,3538,439,3540,439,3542],{},[329,3535,430],{},[329,3537,434],{},[329,3539,438],{},[329,3541,442],{},[329,3543,446],{},[2609,3545,3546],{},"Item content. May contain a title and supporting text.",[2588,3548,3549,3553,3565],{},[2609,3550,3551],{},[329,3552,2060],{},[2609,3554,3555,439,3557,439,3559,439,3561,439,3563],{},[329,3556,430],{},[329,3558,434],{},[329,3560,438],{},[329,3562,442],{},[329,3564,446],{},[2609,3566,3567],{},"Trailing content or controls.",[2588,3569,3570,3575,3587],{},[2609,3571,3572],{},[329,3573,3574],{},"loading",[2609,3576,3577,439,3579,439,3581,439,3583,439,3585],{},[329,3578,430],{},[329,3580,434],{},[329,3582,438],{},[329,3584,442],{},[329,3586,446],{},[2609,3588,3589],{},"Expanded lazy-branch loading content.",[2588,3591,3592,3597,3601],{},[2609,3593,3594],{},[329,3595,3596],{},"empty",[2609,3598,3599],{},[329,3600,446],{},[2609,3602,3603],{},"Empty state.",[326,3605,3606,3608],{},[329,3607,434],{}," exposes key, parent, depth, sibling position, label, and branch, expansion, selection, indeterminate, focus, disabled, selectable, and loading state.",[981,3610,3612],{"id":3611},"exposed-methods","Exposed Methods",[2582,3614,3615,3624],{},[2585,3616,3617],{},[2588,3618,3619,3622],{},[2591,3620,3621],{},"Method",[2591,3623,2602],{},[2604,3625,3626,3636,3646,3656,3666,3676,3690,3700,3713],{},[2588,3627,3628,3633],{},[2609,3629,3630],{},[329,3631,3632],{},"getNode(key)",[2609,3634,3635],{},"Returns normalized item state.",[2588,3637,3638,3643],{},[2609,3639,3640],{},[329,3641,3642],{},"getItem(key)",[2609,3644,3645],{},"Returns the source item.",[2588,3647,3648,3653],{},[2609,3649,3650],{},[329,3651,3652],{},"focus(key?)",[2609,3654,3655],{},"Focuses a visible enabled item.",[2588,3657,3658,3663],{},[2609,3659,3660],{},[329,3661,3662],{},"select(key)",[2609,3664,3665],{},"Selects an item.",[2588,3667,3668,3673],{},[2609,3669,3670],{},[329,3671,3672],{},"toggleSelection(key)",[2609,3674,3675],{},"Toggles item selection.",[2588,3677,3678,3687],{},[2609,3679,3680,3683,3684],{},[329,3681,3682],{},"expand(key)"," \u002F ",[329,3685,3686],{},"collapse(key)",[2609,3688,3689],{},"Changes one branch.",[2588,3691,3692,3697],{},[2609,3693,3694],{},[329,3695,3696],{},"toggleExpanded(key)",[2609,3698,3699],{},"Toggles one branch.",[2588,3701,3702,3710],{},[2609,3703,3704,3683,3707],{},[329,3705,3706],{},"expandAll()",[329,3708,3709],{},"collapseAll()",[2609,3711,3712],{},"Changes all enabled branches.",[2588,3714,3715,3720],{},[2609,3716,3717],{},[329,3718,3719],{},"activate(key)",[2609,3721,3722],{},"Emits item activation.",[326,3724,3725,3726,3728],{},"The ",[329,3727,446],{}," controller available to slots exposes the same methods plus reactive visible nodes, selected items, models, and focused key.",[981,3730,3732],{"id":3731},"item-shape","Item Shape",[326,3734,3735],{},"Default accessors recognize these keys. Accessor props support any data shape.",[2582,3737,3738,3749],{},[2585,3739,3740],{},[2588,3741,3742,3745,3747],{},[2591,3743,3744],{},"Key",[2591,3746,2596],{},[2591,3748,2602],{},[2604,3750,3751,3768,3781,3796,3809,3823,3836],{},[2588,3752,3753,3757,3762],{},[2609,3754,3755],{},[329,3756,943],{},[2609,3758,3759],{},[329,3760,3761],{},"string | number",[2609,3763,3764,3765,995],{},"Stable key when ",[329,3766,3767],{},"item-key=\"id\"",[2588,3769,3770,3774,3778],{},[2609,3771,3772],{},[329,3773,2337],{},[2609,3775,3776],{},[329,3777,3184],{},[2609,3779,3780],{},"Visible label and default typeahead text.",[2588,3782,3783,3788,3793],{},[2609,3784,3785],{},[329,3786,3787],{},"children",[2609,3789,3790],{},[329,3791,3792],{},"TreeItem[]",[2609,3794,3795],{},"Nested items.",[2588,3797,3798,3802,3806],{},[2609,3799,3800],{},[329,3801,3030],{},[2609,3803,3804],{},[329,3805,2997],{},[2609,3807,3808],{},"Disables interaction.",[2588,3810,3811,3816,3820],{},[2609,3812,3813],{},[329,3814,3815],{},"selectable",[2609,3817,3818],{},[329,3819,2997],{},[2609,3821,3822],{},"Excludes the item from selection while keeping navigation.",[2588,3824,3825,3829,3833],{},[2609,3826,3827],{},[329,3828,2643],{},[2609,3830,3831],{},[329,3832,2997],{},[2609,3834,3835],{},"Expands the branch initially in uncontrolled mode.",[2588,3837,3838,3842,3846],{},[2609,3839,3840],{},[329,3841,367],{},[2609,3843,3844],{},[329,3845,3184],{},[2609,3847,3848,3849,995],{},"Selects ",[329,3850,363],{},[981,3852,3854],{"id":3853},"ui-options","UI Options",[2582,3856,3857,3865],{},[2585,3858,3859],{},[2588,3860,3861,3863],{},[2591,3862,3744],{},[2591,3864,2602],{},[2604,3866,3867,3877,3889,3899,3911,3921,3930,3940,3950,3959,3969,3979,3988,3997,4007,4016,4025,4034],{},[2588,3868,3869,3874],{},[2609,3870,3871],{},[329,3872,3873],{},"root",[2609,3875,3876],{},"Component root.",[2588,3878,3879,3884],{},[2609,3880,3881],{},[329,3882,3883],{},"viewport",[2609,3885,3886,3887,995],{},"Scrollable element with ",[329,3888,337],{},[2588,3890,3891,3896],{},[2609,3892,3893],{},[329,3894,3895],{},"virtualWrapper",[2609,3897,3898],{},"Virtual row sizing wrapper.",[2588,3900,3901,3905],{},[2609,3902,3903],{},[329,3904,430],{},[2609,3906,3907,3908,995],{},"Focusable ",[329,3909,3910],{},"role=\"treeitem\"",[2588,3912,3913,3918],{},[2609,3914,3915],{},[329,3916,3917],{},"row",[2609,3919,3920],{},"Visible row content.",[2588,3922,3923,3927],{},[2609,3924,3925],{},[329,3926,3101],{},[2609,3928,3929],{},"Structural indentation spacer.",[2588,3931,3932,3937],{},[2609,3933,3934],{},[329,3935,3936],{},"content",[2609,3938,3939],{},"Indented content from the node depth onward.",[2588,3941,3942,3947],{},[2609,3943,3944],{},[329,3945,3946],{},"selection",[2609,3948,3949],{},"Active full, indented, or label highlight boundary. Use it for selection, hover, and focus styles.",[2588,3951,3952,3956],{},[2609,3953,3954],{},[329,3955,3468],{},[2609,3957,3958],{},"Branch toggle. Its dimensions are reused by the hidden leaf spacer.",[2588,3960,3961,3966],{},[2609,3962,3963],{},[329,3964,3965],{},"leafSpacer",[2609,3967,3968],{},"Hidden leaf alignment spacer outside the indented highlight boundary.",[2588,3970,3971,3976],{},[2609,3972,3973],{},[329,3974,3975],{},"toggleIcon",[2609,3977,3978],{},"Default rotating chevron.",[2588,3980,3981,3985],{},[2609,3982,3983],{},[329,3984,1739],{},[2609,3986,3987],{},"Selection indicator wrapper.",[2588,3989,3990,3994],{},[2609,3991,3992],{},[329,3993,1964],{},[2609,3995,3996],{},"Icon wrapper.",[2588,3998,3999,4004],{},[2609,4000,4001],{},[329,4002,4003],{},"text",[2609,4005,4006],{},"Label wrapper.",[2588,4008,4009,4013],{},[2609,4010,4011],{},[329,4012,2337],{},[2609,4014,4015],{},"Item content.",[2588,4017,4018,4022],{},[2609,4019,4020],{},[329,4021,2060],{},[2609,4023,4024],{},"Trailing content.",[2588,4026,4027,4031],{},[2609,4028,4029],{},[329,4030,3574],{},[2609,4032,4033],{},"Lazy branch loading row.",[2588,4035,4036,4040],{},[2609,4037,4038],{},[329,4039,3596],{},[2609,4041,3603],{},[981,4043,4045],{"id":4044},"styling-hooks","Styling Hooks",[2582,4047,4048,4061],{},[2585,4049,4050],{},[2588,4051,4052,4055,4058],{},[2591,4053,4054],{},"UI key",[2591,4056,4057],{},"CSS class",[2591,4059,4060],{},"Data attrs",[2604,4062,4063,4093,4107,4121,4157,4173,4190,4204,4225,4245,4261,4277,4290,4305,4318,4331,4344,4360],{},[2588,4064,4065,4069,4074],{},[2609,4066,4067],{},[329,4068,3873],{},[2609,4070,4071],{},[329,4072,4073],{},"akaza-tree",[2609,4075,4076,439,4079,439,4082,439,4085,439,4088,439,4090],{},[329,4077,4078],{},"data-akaza-state",[329,4080,4081],{},"data-akaza-orientation",[329,4083,4084],{},"data-akaza-disabled",[329,4086,4087],{},"data-akaza-readonly",[329,4089,2368],{},[329,4091,4092],{},"data-akaza-transition",[2588,4094,4095,4099,4104],{},[2609,4096,4097],{},[329,4098,3883],{},[2609,4100,4101],{},[329,4102,4103],{},"akaza-tree-viewport",[2609,4105,4106],{},"tree ARIA attrs, virtual height style",[2588,4108,4109,4113,4118],{},[2609,4110,4111],{},[329,4112,3895],{},[2609,4114,4115],{},[329,4116,4117],{},"akaza-tree-virtual-wrapper",[2609,4119,4120],{},"virtual transform\u002Fheight style",[2588,4122,4123,4127,4132],{},[2609,4124,4125],{},[329,4126,430],{},[2609,4128,4129],{},[329,4130,4131],{},"akaza-tree-item",[2609,4133,4134,439,4136,439,4139,439,4142,439,4145,439,4147,439,4150,439,4153,4156],{},[329,4135,4078],{},[329,4137,4138],{},"data-akaza-selected",[329,4140,4141],{},"data-akaza-indeterminate",[329,4143,4144],{},"data-akaza-focused",[329,4146,4084],{},[329,4148,4149],{},"data-akaza-selectable",[329,4151,4152],{},"data-akaza-loading",[329,4154,4155],{},"data-akaza-depth",", hierarchy ARIA attrs",[2588,4158,4159,4163,4168],{},[2609,4160,4161],{},[329,4162,3917],{},[2609,4164,4165],{},[329,4166,4167],{},"akaza-tree-row",[2609,4169,4170,4171],{},"Item state attrs plus ",[329,4172,2368],{},[2588,4174,4175,4179,4184],{},[2609,4176,4177],{},[329,4178,3101],{},[2609,4180,4181],{},[329,4182,4183],{},"akaza-tree-indent",[2609,4185,4186,4187],{},"Width uses ",[329,4188,4189],{},"--akaza-tree-indent-offset",[2588,4191,4192,4196,4201],{},[2609,4193,4194],{},[329,4195,3936],{},[2609,4197,4198],{},[329,4199,4200],{},"akaza-tree-content",[2609,4202,4203],{},"Starts after the indentation spacer",[2588,4205,4206,4210,4215],{},[2609,4207,4208],{},[329,4209,3946],{},[2609,4211,4212],{},[329,4213,4214],{},"akaza-tree-selection",[2609,4216,4217,439,4219,439,4221,439,4223],{},[329,4218,4138],{},[329,4220,4141],{},[329,4222,4144],{},[329,4224,2368],{},[2588,4226,4227,4231,4236],{},[2609,4228,4229],{},[329,4230,3468],{},[2609,4232,4233],{},[329,4234,4235],{},"akaza-tree-toggle",[2609,4237,4238,4241,4242,4244],{},[329,4239,4240],{},"aria-expanded",", native ",[329,4243,3030],{},"; also sizes the hidden leaf spacer",[2588,4246,4247,4251,4256],{},[2609,4248,4249],{},[329,4250,3965],{},[2609,4252,4253],{},[329,4254,4255],{},"akaza-tree-toggle-spacer",[2609,4257,4258],{},[329,4259,4260],{},"aria-hidden=\"true\"",[2588,4262,4263,4267,4272],{},[2609,4264,4265],{},[329,4266,3975],{},[2609,4268,4269],{},[329,4270,4271],{},"akaza-tree-toggle-icon",[2609,4273,4274],{},[329,4275,4276],{},"data-akaza-state=\"expanded | collapsed\"",[2588,4278,4279,4283,4288],{},[2609,4280,4281],{},[329,4282,1739],{},[2609,4284,4285],{},[329,4286,4287],{},"akaza-tree-indicator",[2609,4289,2848],{},[2588,4291,4292,4296,4301],{},[2609,4293,4294],{},[329,4295,1964],{},[2609,4297,4298],{},[329,4299,4300],{},"akaza-tree-icon",[2609,4302,4303],{},[329,4304,4260],{},[2588,4306,4307,4311,4316],{},[2609,4308,4309],{},[329,4310,4003],{},[2609,4312,4313],{},[329,4314,4315],{},"akaza-tree-text",[2609,4317,2848],{},[2588,4319,4320,4324,4329],{},[2609,4321,4322],{},[329,4323,2337],{},[2609,4325,4326],{},[329,4327,4328],{},"akaza-tree-label",[2609,4330,2848],{},[2588,4332,4333,4337,4342],{},[2609,4334,4335],{},[329,4336,2060],{},[2609,4338,4339],{},[329,4340,4341],{},"akaza-tree-trailing",[2609,4343,2848],{},[2588,4345,4346,4350,4355],{},[2609,4347,4348],{},[329,4349,3574],{},[2609,4351,4352],{},[329,4353,4354],{},"akaza-tree-loading",[2609,4356,4357],{},[329,4358,4359],{},"role=\"status\"",[2588,4361,4362,4366,4371],{},[2609,4363,4364],{},[329,4365,3596],{},[2609,4367,4368],{},[329,4369,4370],{},"akaza-tree-empty",[2609,4372,2848],{},[326,4374,4375,4376,4379,4380,439,4383,4386,4387,4390,4391,995],{},"Plain ",[329,4377,4378],{},"class"," applies to the root. Use ",[329,4381,4382],{},"ui.viewport",[329,4384,4385],{},"ui.item",", and the granular part keys for generated content. Items expose ",[329,4388,4389],{},"--akaza-tree-depth"," and the computed ",[329,4392,4189],{},[981,4394,4396],{"id":4395},"keyboard","Keyboard",[2582,4398,4399,4408],{},[2585,4400,4401],{},[2588,4402,4403,4405],{},[2591,4404,3744],{},[2591,4406,4407],{},"Behavior",[2604,4409,4410,4423,4437,4448,4461,4471,4481,4490,4505,4518],{},[2588,4411,4412,4420],{},[2609,4413,4414,3683,4417],{},[329,4415,4416],{},"ArrowDown",[329,4418,4419],{},"ArrowUp",[2609,4421,4422],{},"Move through visible items in a vertical tree.",[2588,4424,4425,4430],{},[2609,4426,4427],{},[329,4428,4429],{},"ArrowRight",[2609,4431,4432,4433,4436],{},"Expand a collapsed branch, then move to its first child. In RTL, ",[329,4434,4435],{},"ArrowLeft"," does this.",[2588,4438,4439,4443],{},[2609,4440,4441],{},[329,4442,4435],{},[2609,4444,4445,4446,4436],{},"Collapse an expanded branch, then move to its parent. In RTL, ",[329,4447,4429],{},[2588,4449,4450,4458],{},[2609,4451,4452,3683,4455],{},[329,4453,4454],{},"Home",[329,4456,4457],{},"End",[2609,4459,4460],{},"Move to the first\u002Flast enabled visible item.",[2588,4462,4463,4468],{},[2609,4464,4465],{},[329,4466,4467],{},"*",[2609,4469,4470],{},"Expand all enabled branches at the current level.",[2588,4472,4473,4478],{},[2609,4474,4475],{},[329,4476,4477],{},"Space",[2609,4479,4480],{},"Select or toggle the focused item.",[2588,4482,4483,4487],{},[2609,4484,4485],{},[329,4486,2418],{},[2609,4488,4489],{},"Select and activate the focused item.",[2588,4491,4492,4502],{},[2609,4493,4494,4497,4498,3683,4500],{},[329,4495,4496],{},"Shift"," + movement Arrow or ",[329,4499,4454],{},[329,4501,4457],{},[2609,4503,4504],{},"Extend a multiple-selection range from its anchor.",[2588,4506,4507,4515],{},[2609,4508,4509,3683,4512],{},[329,4510,4511],{},"Ctrl+A",[329,4513,4514],{},"Cmd+A",[2609,4516,4517],{},"Select all enabled items in multiple mode.",[2588,4519,4520,4523],{},[2609,4521,4522],{},"printable characters",[2609,4524,4525],{},"Move to the next visible label matching the typed prefix.",[326,4527,4528],{},"Horizontal orientation maps movement to Left\u002FRight and expansion to Down\u002FUp. One visible enabled item participates in the page tab order.",[326,4530,4531,4532,4534,4535,3683,4538,4541,4542,4544],{},"In multiple mode, ",[329,4533,4496],{}," + click selects the visible range from the last selection anchor. ",[329,4536,4537],{},"Ctrl",[329,4539,4540],{},"Cmd"," + ",[329,4543,4496],{}," + click adds that range to the current selection.",[4546,4547,4548],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":466,"searchDepth":473,"depth":506,"links":4550},[4551,4552,4553,4563],{"id":342,"depth":506,"text":343},{"id":450,"depth":506,"text":23},{"id":978,"depth":506,"text":979,"children":4554},[4555,4556,4557,4558,4559,4560,4561,4562],{"id":983,"depth":546,"text":984},{"id":1628,"depth":546,"text":1629},{"id":1903,"depth":546,"text":1904},{"id":2229,"depth":546,"text":2230},{"id":2266,"depth":546,"text":2267},{"id":2372,"depth":546,"text":2373},{"id":2408,"depth":546,"text":2409},{"id":2491,"depth":546,"text":2492},{"id":2575,"depth":506,"text":2576,"children":4564},[4565,4566,4567,4568,4569,4570,4571,4572,4573],{"id":2579,"depth":546,"text":2580},{"id":2649,"depth":546,"text":2650},{"id":3296,"depth":546,"text":3297},{"id":3406,"depth":546,"text":3407},{"id":3611,"depth":546,"text":3612},{"id":3731,"depth":546,"text":3732},{"id":3853,"depth":546,"text":3854},{"id":4044,"depth":546,"text":4045},{"id":4395,"depth":546,"text":4396},"Accessible hierarchical navigation and selection with lazy loading, propagation, typeahead, and virtualization.","md",null,{},{"icon":308,"badge":4579},{"label":62,"color":63},{"title":305,"description":4574},"rizgXq8bxMrHx3oCPr7AK4FdbWRSBmKb_UHt8c7Mu70",[4583,4585],{"title":300,"path":301,"stem":302,"description":4584,"icon":303,"children":-1},"A floating label that appears when the user hovers or focuses an element.",{"title":311,"path":312,"stem":313,"description":4586,"icon":60,"badge":4587,"children":-1},"Accessible paged year grid with constraints and single or multiple selection.",{"label":62,"color":63},1789932260471]