[{"data":1,"prerenderedAt":835},["ShallowReactive",2],{"docs-nav-pkg":3,"docs-page-pkg-\u002Fpkg\u002Faccordion":133},[4,8,12,15,18,21,24,27,30,33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,121,124,127,130],{"path":5,"title":6,"section":7},"\u002Fpkg","Overview","Start",{"path":9,"title":10,"section":11},"\u002Fpkg\u002Faccordion","Accordion","Components",{"path":13,"title":14,"section":11},"\u002Fpkg\u002Falert-dialog","Alert Dialog",{"path":16,"title":17,"section":11},"\u002Fpkg\u002Fautocomplete","Autocomplete",{"path":19,"title":20,"section":11},"\u002Fpkg\u002Favatar","Avatar",{"path":22,"title":23,"section":11},"\u002Fpkg\u002Fbutton","Button",{"path":25,"title":26,"section":11},"\u002Fpkg\u002Fcheckbox","Checkbox",{"path":28,"title":29,"section":11},"\u002Fpkg\u002Fcheckbox-group","Checkbox Group",{"path":31,"title":32,"section":11},"\u002Fpkg\u002Fcollapsible","Collapsible",{"path":34,"title":35,"section":11},"\u002Fpkg\u002Fcombobox","Combobox",{"path":37,"title":38,"section":11},"\u002Fpkg\u002Fcontext-menu","Context Menu",{"path":40,"title":41,"section":11},"\u002Fpkg\u002Fdialog","Dialog",{"path":43,"title":44,"section":11},"\u002Fpkg\u002Fdrawer","Drawer",{"path":46,"title":47,"section":11},"\u002Fpkg\u002Ffield","Field",{"path":49,"title":50,"section":11},"\u002Fpkg\u002Ffieldset","Fieldset",{"path":52,"title":53,"section":11},"\u002Fpkg\u002Fform","Form",{"path":55,"title":56,"section":11},"\u002Fpkg\u002Ficon-picker","Icon picker",{"path":58,"title":59,"section":11},"\u002Fpkg\u002Finput","Input",{"path":61,"title":62,"section":11},"\u002Fpkg\u002Fmenu","Menu",{"path":64,"title":65,"section":11},"\u002Fpkg\u002Fmenubar","Menubar",{"path":67,"title":68,"section":11},"\u002Fpkg\u002Fmeter","Meter",{"path":70,"title":71,"section":11},"\u002Fpkg\u002Fnavigation-menu","Navigation Menu",{"path":73,"title":74,"section":11},"\u002Fpkg\u002Fnumber-field","Number Field",{"path":76,"title":77,"section":11},"\u002Fpkg\u002Fotp-field","OTP Field",{"path":79,"title":80,"section":11},"\u002Fpkg\u002Fplot","Plot",{"path":82,"title":83,"section":11},"\u002Fpkg\u002Fpopover","Popover",{"path":85,"title":86,"section":11},"\u002Fpkg\u002Fpreview-card","Preview Card",{"path":88,"title":89,"section":11},"\u002Fpkg\u002Fprogress","Progress",{"path":91,"title":92,"section":11},"\u002Fpkg\u002Fradio-group","Radio Group",{"path":94,"title":95,"section":11},"\u002Fpkg\u002Fscroll-area","Scroll Area",{"path":97,"title":98,"section":11},"\u002Fpkg\u002Fselect","Select",{"path":100,"title":101,"section":11},"\u002Fpkg\u002Fseparator","Separator",{"path":103,"title":104,"section":11},"\u002Fpkg\u002Fsidebar","Sidebar",{"path":106,"title":107,"section":11},"\u002Fpkg\u002Fslider","Slider",{"path":109,"title":110,"section":11},"\u002Fpkg\u002Fswitch","Switch",{"path":112,"title":113,"section":11},"\u002Fpkg\u002Ftabs","Tabs",{"path":115,"title":116,"section":11},"\u002Fpkg\u002Ftoast","Toast",{"path":118,"title":119,"section":120},"\u002Fpkg\u002Fapi","Api","Runtime",{"path":122,"title":123,"section":120},"\u002Fpkg\u002Fauth","Auth",{"path":125,"title":126,"section":120},"\u002Fpkg\u002Fblob","Blob",{"path":128,"title":129,"section":120},"\u002Fpkg\u002Fchannels","Channels",{"path":131,"title":132,"section":120},"\u002Fpkg\u002Fdb","Db",{"id":134,"title":10,"body":135,"description":828,"extension":829,"meta":830,"navigation":831,"path":9,"section":11,"seo":832,"stem":833,"__hash__":834},"pkg\u002Fpkg\u002Faccordion.md",{"type":136,"value":137,"toc":813},"minimark",[138,142,145,150,222,226,231,238,241,245,255,257,261,271,273,277,281,288,434,469,473,478,531,572,576,582,620,624,642,671,675,690,743,809],[139,140,141],"p",{},"A set of collapsible panels with headings. There is no border. An open trigger rests on the wash, and hover and focus shift that wash. The root is rounded. The trigger and panel are Regular.",[143,144],"base-accordion-demo",{},[146,147,149],"h2",{"id":148},"anatomy","Anatomy",[151,152,157],"pre",{"className":153,"code":154,"language":155,"meta":156,"style":156},"language-vue shiki shiki-themes github-light github-dark","\u003CUiAccordionRoot>\n  \u003CUiAccordionItem value=\"item\">\n    \u003CUiAccordionHeader>\n      \u003CUiAccordionTrigger>Title\u003C\u002FUiAccordionTrigger>\n    \u003C\u002FUiAccordionHeader>\n    \u003CUiAccordionPanel>Body\u003C\u002FUiAccordionPanel>\n  \u003C\u002FUiAccordionItem>\n\u003C\u002FUiAccordionRoot>\n","vue","",[158,159,160,176,182,188,194,200,206,212],"code",{"__ignoreMap":156},[161,162,165,169,173],"span",{"class":163,"line":164},"line",1,[161,166,168],{"class":167},"sVt8B","\u003C",[161,170,172],{"class":171},"s9eBZ","UiAccordionRoot",[161,174,175],{"class":167},">\n",[161,177,179],{"class":163,"line":178},2,[161,180,181],{"class":167},"  \u003CUiAccordionItem value=\"item\">\n",[161,183,185],{"class":163,"line":184},3,[161,186,187],{"class":167},"    \u003CUiAccordionHeader>\n",[161,189,191],{"class":163,"line":190},4,[161,192,193],{"class":167},"      \u003CUiAccordionTrigger>Title\u003C\u002FUiAccordionTrigger>\n",[161,195,197],{"class":163,"line":196},5,[161,198,199],{"class":167},"    \u003C\u002FUiAccordionHeader>\n",[161,201,203],{"class":163,"line":202},6,[161,204,205],{"class":167},"    \u003CUiAccordionPanel>Body\u003C\u002FUiAccordionPanel>\n",[161,207,209],{"class":163,"line":208},7,[161,210,211],{"class":167},"  \u003C\u002FUiAccordionItem>\n",[161,213,215,218,220],{"class":163,"line":214},8,[161,216,217],{"class":167},"\u003C\u002F",[161,219,172],{"class":171},[161,221,175],{"class":167},[146,223,225],{"id":224},"examples","Examples",[227,228,230],"h3",{"id":229},"open-multiple-panels","Open multiple panels",[139,232,233,234,237],{},"Pass ",[158,235,236],{},"multiple"," so several panels can stay open at once.",[143,239],{":multiple":240},"true",[227,242,244],{"id":243},"hidden-until-found","Hidden until found",[139,246,247,250,251,254],{},[158,248,249],{},"hiddenUntilFound"," hides closed panels with ",[158,252,253],{},"hidden=\"until-found\""," so find-in-page can still search them. Search for “restocking” to open the matching panel. Closed panels stay mounted, which also keeps their contents indexable.",[143,256],{":hiddenUntilFound":240},[227,258,260],{"id":259},"disabled-item","Disabled item",[139,262,263,266,267,270],{},[158,264,265],{},"disabled"," on an item (or on Root for the whole accordion) sets ",[158,268,269],{},"data-disabled"," and ignores presses.",[143,272],{":disabled":240},[146,274,276],{"id":275},"api-reference","API reference",[227,278,280],{"id":279},"root","Root",[139,282,283,284,287],{},"Groups all parts of the accordion. Renders a ",[158,285,286],{},"\u003Cdiv>",".",[289,290,291,310],"table",{},[292,293,294],"thead",{},[295,296,297,301,304,307],"tr",{},[298,299,300],"th",{},"Prop",[298,302,303],{},"Type",[298,305,306],{},"Default",[298,308,309],{},"Description",[311,312,313,334,355,374,391,414],"tbody",{},[295,314,315,321,326,331],{},[316,317,318],"td",{},[158,319,320],{},"defaultValue",[316,322,323],{},[158,324,325],{},"string[]",[316,327,328],{},[158,329,330],{},"[]",[316,332,333],{},"Uncontrolled expanded item values.",[295,335,336,341,345,348],{},[316,337,338],{},[158,339,340],{},"value",[316,342,343],{},[158,344,325],{},[316,346,347],{},"—",[316,349,350,351,354],{},"Controlled expanded values (",[158,352,353],{},"v-model:value",").",[295,356,357,361,366,371],{},[316,358,359],{},[158,360,236],{},[316,362,363],{},[158,364,365],{},"boolean",[316,367,368],{},[158,369,370],{},"false",[316,372,373],{},"Allow more than one panel open.",[295,375,376,380,384,388],{},[316,377,378],{},[158,379,265],{},[316,381,382],{},[158,383,365],{},[316,385,386],{},[158,387,370],{},[316,389,390],{},"Ignore interaction on every item.",[295,392,393,397,401,405],{},[316,394,395],{},[158,396,249],{},[316,398,399],{},[158,400,365],{},[316,402,403],{},[158,404,370],{},[316,406,407,408,410,411,287],{},"Apply ",[158,409,253],{}," to closed panels. Overrides ",[158,412,413],{},"keepMounted",[295,415,416,420,424,428],{},[316,417,418],{},[158,419,413],{},[316,421,422],{},[158,423,365],{},[316,425,426],{},[158,427,240],{},[316,429,430,431,433],{},"Keep closed panels in the DOM so the height transition can run. Ignored when ",[158,432,249],{}," is set.",[289,435,436,445],{},[292,437,438],{},[295,439,440,443],{},[298,441,442],{},"Attribute",[298,444,309],{},[311,446,447,456],{},[295,448,449,453],{},[316,450,451],{},[158,452,269],{},[316,454,455],{},"Present when the accordion is disabled.",[295,457,458,463],{},[316,459,460],{},[158,461,462],{},"data-orientation",[316,464,465,466,287],{},"Always ",[158,467,468],{},"vertical",[227,470,472],{"id":471},"item","Item",[139,474,475,476,287],{},"Groups a header with its panel. Renders a ",[158,477,286],{},[289,479,480,492],{},[292,481,482],{},[295,483,484,486,488,490],{},[298,485,300],{},[298,487,303],{},[298,489,306],{},[298,491,309],{},[311,493,494,514],{},[295,495,496,500,505,508],{},[316,497,498],{},[158,499,340],{},[316,501,502],{},[158,503,504],{},"string",[316,506,507],{},"generated id",[316,509,510,511,513],{},"Unique id for this item. Required when controlling ",[158,512,340],{}," on Root.",[295,515,516,520,524,528],{},[316,517,518],{},[158,519,265],{},[316,521,522],{},[158,523,365],{},[316,525,526],{},[158,527,370],{},[316,529,530],{},"Ignore interaction on this item.",[289,532,533,541],{},[292,534,535],{},[295,536,537,539],{},[298,538,442],{},[298,540,309],{},[311,542,543,553,562],{},[295,544,545,550],{},[316,546,547],{},[158,548,549],{},"data-open",[316,551,552],{},"Present when this item is open.",[295,554,555,559],{},[316,556,557],{},[158,558,269],{},[316,560,561],{},"Present when this item is disabled.",[295,563,564,569],{},[316,565,566],{},[158,567,568],{},"data-index",[316,570,571],{},"Zero-based index in the accordion.",[227,573,575],{"id":574},"header","Header",[139,577,578,579,287],{},"Heading that labels the panel. Renders an ",[158,580,581],{},"\u003Ch3>",[289,583,584,592],{},[292,585,586],{},[295,587,588,590],{},[298,589,442],{},[298,591,309],{},[311,593,594,603,612],{},[295,595,596,600],{},[316,597,598],{},[158,599,549],{},[316,601,602],{},"Present when the item is open.",[295,604,605,609],{},[316,606,607],{},[158,608,269],{},[316,610,611],{},"Present when the item is disabled.",[295,613,614,618],{},[316,615,616],{},[158,617,568],{},[316,619,571],{},[227,621,623],{"id":622},"trigger","Trigger",[139,625,626,627,630,631,634,635,638,639,433],{},"Button that opens and closes the panel. Renders a ",[158,628,629],{},"\u003Cbutton>",". Sets ",[158,632,633],{},"aria-expanded"," and ",[158,636,637],{},"aria-controls",". The plus icon rotates 45° when ",[158,640,641],{},"data-panel-open",[289,643,644,652],{},[292,645,646],{},[295,647,648,650],{},[298,649,442],{},[298,651,309],{},[311,653,654,663],{},[295,655,656,660],{},[316,657,658],{},[158,659,641],{},[316,661,662],{},"Present when the panel is open.",[295,664,665,669],{},[316,666,667],{},[158,668,269],{},[316,670,611],{},[227,672,674],{"id":673},"panel","Panel",[139,676,677,678,681,682,685,686,689],{},"Collapsible region. Renders a ",[158,679,680],{},"\u003Cdiv role=\"region\">",". Height uses ",[158,683,684],{},"grid-template-rows: 0fr"," \u002F ",[158,687,688],{},"1fr"," with a short CSS transition (no animation library).",[289,691,692,704],{},[292,693,694],{},[295,695,696,698,700,702],{},[298,697,300],{},[298,699,303],{},[298,701,306],{},[298,703,309],{},[311,705,706,723],{},[295,707,708,712,716,720],{},[316,709,710],{},[158,711,249],{},[316,713,714],{},[158,715,365],{},[316,717,718],{},[158,719,370],{},[316,721,722],{},"Searchable closed panel for this item only.",[295,724,725,729,733,737],{},[316,726,727],{},[158,728,413],{},[316,730,731],{},[158,732,365],{},[316,734,735],{},[158,736,370],{},[316,738,739,740,742],{},"Keep this panel mounted while closed. Root ",[158,741,413],{}," still applies.",[289,744,745,753],{},[292,746,747],{},[295,748,749,751],{},[298,750,442],{},[298,752,309],{},[311,754,755,763,771,779,789,799],{},[295,756,757,761],{},[316,758,759],{},[158,760,549],{},[316,762,662],{},[295,764,765,769],{},[316,766,767],{},[158,768,269],{},[316,770,611],{},[295,772,773,777],{},[316,774,775],{},[158,776,568],{},[316,778,571],{},[295,780,781,785],{},[316,782,783],{},[158,784,462],{},[316,786,465,787,287],{},[158,788,468],{},[295,790,791,796],{},[316,792,793],{},[158,794,795],{},"data-starting-style",[316,797,798],{},"Present while the panel is animating in.",[295,800,801,806],{},[316,802,803],{},[158,804,805],{},"data-ending-style",[316,807,808],{},"Present while the panel is animating out.",[810,811,812],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}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);}",{"title":156,"searchDepth":178,"depth":178,"links":814},[815,816,821],{"id":148,"depth":178,"text":149},{"id":224,"depth":178,"text":225,"children":817},[818,819,820],{"id":229,"depth":184,"text":230},{"id":243,"depth":184,"text":244},{"id":259,"depth":184,"text":260},{"id":275,"depth":178,"text":276,"children":822},[823,824,825,826,827],{"id":279,"depth":184,"text":280},{"id":471,"depth":184,"text":472},{"id":574,"depth":184,"text":575},{"id":622,"depth":184,"text":623},{"id":673,"depth":184,"text":674},"A set of collapsible panels with headings","md",{},true,{"title":10,"description":828},"pkg\u002Faccordion","a1jxIgAU6n2s4nCnwzp5XEURHYU77N8dfVdHWmRUAVo",1791043754618]