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