[{"data":1,"prerenderedAt":2419},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-dropdown":12,"i-ph:code":2411,"i-ph:command":2413,"i-ph:plus":2415,"i-ph:user":2417},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":2406,"meta":2407,"navigation":167,"path":40,"seo":2408,"stem":2409,"__hash__":2410},"docs\u002Fdocs\u002Fcomponents\u002Fdropdown.md","Dropdown",{"type":16,"value":17,"toc":2398},"minimark",[18,22,26,60,550,555,726,730,758,762,816,819,889,893,908,1736,1740,1745,1749,1752,2011,2015,2067,2070,2116,2119,2122,2259,2262,2294,2297,2343,2347,2350,2394],[19,20,14],"h1",{"id":21},"dropdown",[23,24,25],"p",{},"A dropdown menu component that provides a flexible way to display a list of options or actions. It supports various features like positions, hints, titles and custom content.",[27,28,29],"blockquote",{},[23,30,31,32,37,38,41,42,46,47,51,52,55,56,59],{},"Plese note: components using popout (",[33,34,36],"a",{"href":35},"\u002Fdocs\u002Fcomponents\u002Ftooltip","Tooltip",", ",[33,39,14],{"href":40},"\u002Fdocs\u002Fcomponents\u002Fdropdown"," & ",[33,43,45],{"href":44},"\u002Fdocs\u002Fcomponents\u002Fpopout","Popout",") cannot be styled using ",[48,49,50],"code",{},"scoped"," CSS in Vue SFC. However, you can just define a new ",[48,53,54],{},"\u003Cstyle>"," tag, style the popout inside and keep rest of your CSS scoped in a separate ",[48,57,58],{},"\u003Cstyle scoped>",".",[61,62,64],"dropdown-example",{"source-path":63},"Dropdown\u002FDropdown.vue",[65,66,71],"pre",{"className":67,"code":68,"language":69,"meta":70,"style":70},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup lang=\"ts\">\nimport { Button, Dropdown, DropdownItem, DropdownTitle } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDropdown>\n    \u003Ctemplate #trigger=\"{ open }\">\n      \u003CButton variant=\"fill\" @click=\"open\">\n        Menu\n      \u003C\u002FButton>\n    \u003C\u002Ftemplate>\n    \u003CDropdownTitle>\n      Actions\n      \u003Cdiv class=\"counter\">\n        3\n      \u003C\u002Fdiv>\n    \u003C\u002FDropdownTitle>\n\n    \u003CDropdownItem>\n      New user\n      \u003Ctemplate #hint>\n        \u003CIconCommand \u002F>\n        + C\n      \u003C\u002Ftemplate>\n    \u003C\u002FDropdownItem>\n    \u003CDropdownItem>\n      Update\n      \u003Ctemplate #icon-end>\n        \u003CIconCaretRight \u002F>\n      \u003C\u002Ftemplate>\n    \u003C\u002FDropdownItem>\n    \u003CDropdownItem disabled>\n      \u003Ctemplate #icon>\n        \u003CIconX \u002F>\n      \u003C\u002Ftemplate>\n      Delete\n    \u003C\u002FDropdownItem>\n  \u003C\u002FDropdown>\n\u003C\u002Ftemplate>\n","vue","",[48,72,73,109,152,162,169,179,189,220,254,261,271,281,291,297,319,325,334,343,348,358,364,378,390,396,405,414,423,429,443,453,462,471,483,497,507,516,522,531,541],{"__ignoreMap":70},[74,75,78,82,86,90,93,96,100,104,106],"span",{"class":76,"line":77},"line",1,[74,79,81],{"class":80},"sP76a","\u003C",[74,83,85],{"class":84},"sKpE2","script",[74,87,89],{"class":88},"sflEz"," setup",[74,91,92],{"class":88}," lang",[74,94,95],{"class":80},"=",[74,97,99],{"class":98},"sBR95","\"",[74,101,103],{"class":102},"sfmH-","ts",[74,105,99],{"class":98},[74,107,108],{"class":80},">\n",[74,110,112,115,118,121,124,127,129,132,134,137,140,143,146,149],{"class":76,"line":111},2,[74,113,114],{"class":84},"import",[74,116,117],{"class":80}," {",[74,119,120],{"class":88}," Button",[74,122,123],{"class":80},",",[74,125,126],{"class":88}," Dropdown",[74,128,123],{"class":80},[74,130,131],{"class":88}," DropdownItem",[74,133,123],{"class":80},[74,135,136],{"class":88}," DropdownTitle",[74,138,139],{"class":80}," }",[74,141,142],{"class":84}," from",[74,144,145],{"class":98}," '",[74,147,148],{"class":102},"@dolanske\u002Fvui",[74,150,151],{"class":98},"'\n",[74,153,155,158,160],{"class":76,"line":154},3,[74,156,157],{"class":80},"\u003C\u002F",[74,159,85],{"class":84},[74,161,108],{"class":80},[74,163,165],{"class":76,"line":164},4,[74,166,168],{"emptyLinePlaceholder":167},true,"\n",[74,170,172,174,177],{"class":76,"line":171},5,[74,173,81],{"class":80},[74,175,176],{"class":84},"template",[74,178,108],{"class":80},[74,180,182,185,187],{"class":76,"line":181},6,[74,183,184],{"class":80},"  \u003C",[74,186,14],{"class":84},[74,188,108],{"class":80},[74,190,192,195,197,200,204,206,208,211,214,216,218],{"class":76,"line":191},7,[74,193,194],{"class":80},"    \u003C",[74,196,176],{"class":84},[74,198,199],{"class":80}," #",[74,201,203],{"class":202},"sRTv0","trigger",[74,205,95],{"class":80},[74,207,99],{"class":80},[74,209,210],{"class":80},"{ ",[74,212,213],{"class":88},"open",[74,215,139],{"class":80},[74,217,99],{"class":80},[74,219,108],{"class":80},[74,221,223,226,229,232,234,236,239,241,244,246,248,250,252],{"class":76,"line":222},8,[74,224,225],{"class":80},"      \u003C",[74,227,228],{"class":84},"Button",[74,230,231],{"class":88}," variant",[74,233,95],{"class":80},[74,235,99],{"class":98},[74,237,238],{"class":102},"fill",[74,240,99],{"class":98},[74,242,243],{"class":88}," @click",[74,245,95],{"class":80},[74,247,99],{"class":98},[74,249,213],{"class":102},[74,251,99],{"class":98},[74,253,108],{"class":80},[74,255,257],{"class":76,"line":256},9,[74,258,260],{"class":259},"sX1ls","        Menu\n",[74,262,264,267,269],{"class":76,"line":263},10,[74,265,266],{"class":80},"      \u003C\u002F",[74,268,228],{"class":84},[74,270,108],{"class":80},[74,272,274,277,279],{"class":76,"line":273},11,[74,275,276],{"class":80},"    \u003C\u002F",[74,278,176],{"class":84},[74,280,108],{"class":80},[74,282,284,286,289],{"class":76,"line":283},12,[74,285,194],{"class":80},[74,287,288],{"class":84},"DropdownTitle",[74,290,108],{"class":80},[74,292,294],{"class":76,"line":293},13,[74,295,296],{"class":259},"      Actions\n",[74,298,300,302,305,308,310,312,315,317],{"class":76,"line":299},14,[74,301,225],{"class":80},[74,303,304],{"class":84},"div",[74,306,307],{"class":88}," class",[74,309,95],{"class":80},[74,311,99],{"class":98},[74,313,314],{"class":102},"counter",[74,316,99],{"class":98},[74,318,108],{"class":80},[74,320,322],{"class":76,"line":321},15,[74,323,324],{"class":259},"        3\n",[74,326,328,330,332],{"class":76,"line":327},16,[74,329,266],{"class":80},[74,331,304],{"class":84},[74,333,108],{"class":80},[74,335,337,339,341],{"class":76,"line":336},17,[74,338,276],{"class":80},[74,340,288],{"class":84},[74,342,108],{"class":80},[74,344,346],{"class":76,"line":345},18,[74,347,168],{"emptyLinePlaceholder":167},[74,349,351,353,356],{"class":76,"line":350},19,[74,352,194],{"class":80},[74,354,355],{"class":84},"DropdownItem",[74,357,108],{"class":80},[74,359,361],{"class":76,"line":360},20,[74,362,363],{"class":259},"      New user\n",[74,365,367,369,371,373,376],{"class":76,"line":366},21,[74,368,225],{"class":80},[74,370,176],{"class":84},[74,372,199],{"class":80},[74,374,375],{"class":202},"hint",[74,377,108],{"class":80},[74,379,381,384,387],{"class":76,"line":380},22,[74,382,383],{"class":80},"        \u003C",[74,385,386],{"class":84},"IconCommand",[74,388,389],{"class":80}," \u002F>\n",[74,391,393],{"class":76,"line":392},23,[74,394,395],{"class":259},"        + C\n",[74,397,399,401,403],{"class":76,"line":398},24,[74,400,266],{"class":80},[74,402,176],{"class":84},[74,404,108],{"class":80},[74,406,408,410,412],{"class":76,"line":407},25,[74,409,276],{"class":80},[74,411,355],{"class":84},[74,413,108],{"class":80},[74,415,417,419,421],{"class":76,"line":416},26,[74,418,194],{"class":80},[74,420,355],{"class":84},[74,422,108],{"class":80},[74,424,426],{"class":76,"line":425},27,[74,427,428],{"class":259},"      Update\n",[74,430,432,434,436,438,441],{"class":76,"line":431},28,[74,433,225],{"class":80},[74,435,176],{"class":84},[74,437,199],{"class":80},[74,439,440],{"class":202},"icon-end",[74,442,108],{"class":80},[74,444,446,448,451],{"class":76,"line":445},29,[74,447,383],{"class":80},[74,449,450],{"class":84},"IconCaretRight",[74,452,389],{"class":80},[74,454,456,458,460],{"class":76,"line":455},30,[74,457,266],{"class":80},[74,459,176],{"class":84},[74,461,108],{"class":80},[74,463,465,467,469],{"class":76,"line":464},31,[74,466,276],{"class":80},[74,468,355],{"class":84},[74,470,108],{"class":80},[74,472,474,476,478,481],{"class":76,"line":473},32,[74,475,194],{"class":80},[74,477,355],{"class":84},[74,479,480],{"class":88}," disabled",[74,482,108],{"class":80},[74,484,486,488,490,492,495],{"class":76,"line":485},33,[74,487,225],{"class":80},[74,489,176],{"class":84},[74,491,199],{"class":80},[74,493,494],{"class":202},"icon",[74,496,108],{"class":80},[74,498,500,502,505],{"class":76,"line":499},34,[74,501,383],{"class":80},[74,503,504],{"class":84},"IconX",[74,506,389],{"class":80},[74,508,510,512,514],{"class":76,"line":509},35,[74,511,266],{"class":80},[74,513,176],{"class":84},[74,515,108],{"class":80},[74,517,519],{"class":76,"line":518},36,[74,520,521],{"class":259},"      Delete\n",[74,523,525,527,529],{"class":76,"line":524},37,[74,526,276],{"class":80},[74,528,355],{"class":84},[74,530,108],{"class":80},[74,532,534,537,539],{"class":76,"line":533},38,[74,535,536],{"class":80},"  \u003C\u002F",[74,538,14],{"class":84},[74,540,108],{"class":80},[74,542,544,546,548],{"class":76,"line":543},39,[74,545,157],{"class":80},[74,547,176],{"class":84},[74,549,108],{"class":80},[551,552,554],"h3",{"id":553},"props","Props",[556,557,558,574],"table",{},[559,560,561],"thead",{},[562,563,564,568,571],"tr",{},[565,566,567],"th",{},"Name",[565,569,570],{},"Default",[565,572,573],{},"Type",[575,576,577,632,655,676,696],"tbody",{},[562,578,579,585,590],{},[580,581,582],"td",{},[48,583,584],{},"placement",[580,586,587],{},[48,588,589],{},"bottom-start",[580,591,592,595,596,595,599,595,602,595,605,595,608,595,611,595,614,595,617,595,619,595,622,595,625,595,628,631],{},[48,593,594],{},"top"," ",[48,597,598],{},"right",[48,600,601],{},"bottom",[48,603,604],{},"left",[48,606,607],{},"top-start",[48,609,610],{},"top-end",[48,612,613],{},"right-start",[48,615,616],{},"right-end",[48,618,589],{},[48,620,621],{},"bottom-end",[48,623,624],{},"left-start",[48,626,627],{},"left-end",[629,630],"br",{}," Position of the dropdown relative to the trigger",[562,633,634,639,644],{},[580,635,636],{},[48,637,638],{},"minWidth",[580,640,641],{},[48,642,643],{},"156",[580,645,646,595,649,595,652,654],{},[48,647,648],{},"number",[48,650,651],{},"string",[629,653],{}," Minimum width of the dropdown in pixels or CSS units",[562,656,657,662,667],{},[580,658,659],{},[48,660,661],{},"maxHeight",[580,663,664],{},[48,665,666],{},"356",[580,668,669,595,671,595,673,675],{},[48,670,648],{},[48,672,651],{},[629,674],{}," Maximum height of the dropdown before scrolling in pixels or CSS units",[562,677,678,683,688],{},[580,679,680],{},[48,681,682],{},"noMobileDrawer",[580,684,685],{},[48,686,687],{},"false",[580,689,690,595,693,695],{},[48,691,692],{},"boolean",[629,694],{}," Disables mobile drawer behavior and always uses floating dropdown",[562,697,698,703,706],{},[580,699,700],{},[48,701,702],{},"transition-name",[580,704,705],{},"—",[580,707,708,595,710,595,713,715,716,718,719,725],{},[48,709,651],{},[48,711,712],{},"none",[629,714],{}," Allows you to change or disable the Vue transition for dropdown appear. By default, placement-based transition is used. Set to ",[48,717,712],{}," when using the ",[33,720,724],{"href":721,"rel":722},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FView_Transitions_API",[723],"nofollow","View Transitions API"," to prevent the default animation from conflicting with your view transition.",[551,727,729],{"id":728},"events","Events",[556,731,732,743],{},[559,733,734],{},[562,735,736,738,740],{},[565,737,567],{},[565,739,573],{},[565,741,742],{},"Description",[575,744,745],{},[562,746,747,752,755],{},[580,748,749],{},[48,750,751],{},"close",[580,753,754],{},"-",[580,756,757],{},"Emitted when the dropdown is closed",[551,759,761],{"id":760},"slots","Slots",[556,763,764,777],{},[559,765,766],{},[562,767,768,770,773,775],{},[565,769,567],{},[565,771,772],{},"Accepts",[565,774,554],{},[565,776,742],{},[575,778,779,798],{},[562,780,781,785,790,795],{},[580,782,783],{},[48,784,203],{},[580,786,787],{},[48,788,789],{},"any",[580,791,792],{},[48,793,794],{},"DropdownSlotsProps",[580,796,797],{},"The element that triggers the dropdown",[562,799,800,805,809,813],{},[580,801,802],{},[48,803,804],{},"default",[580,806,807],{},[48,808,789],{},[580,810,811],{},[48,812,794],{},[580,814,815],{},"The dropdown content",[23,817,818],{},"Both slots share the same exposed properties",[65,820,823],{"className":821,"code":822,"language":103,"meta":70,"style":70},"language-ts shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","interface DropdownSlotsProps {\n  isOpen: Ref\u003Cboolean>\n  open: () => void\n  close: () => void\n  toggle: () => void\n}\n",[48,824,825,838,855,866,875,884],{"__ignoreMap":70},[74,826,827,831,835],{"class":76,"line":77},[74,828,830],{"class":829},"sCMWV","interface",[74,832,834],{"class":833},"sTIxS"," DropdownSlotsProps",[74,836,837],{"class":80}," {\n",[74,839,840,843,846,849,851,853],{"class":76,"line":111},[74,841,842],{"class":88},"  isOpen",[74,844,845],{"class":80},": ",[74,847,848],{"class":833},"Ref",[74,850,81],{"class":80},[74,852,692],{"class":833},[74,854,108],{"class":80},[74,856,857,860,863],{"class":76,"line":154},[74,858,859],{"class":202},"  open",[74,861,862],{"class":80},": () => ",[74,864,865],{"class":833},"void\n",[74,867,868,871,873],{"class":76,"line":164},[74,869,870],{"class":202},"  close",[74,872,862],{"class":80},[74,874,865],{"class":833},[74,876,877,880,882],{"class":76,"line":171},[74,878,879],{"class":202},"  toggle",[74,881,862],{"class":80},[74,883,865],{"class":833},[74,885,886],{"class":76,"line":181},[74,887,888],{"class":80},"}\n",[551,890,892],{"id":891},"nested-dropdowns","Nested dropdowns",[23,894,895,896,900,901,904,905,907],{},"Use ",[33,897,899],{"href":898},"\u002Fdocs\u002Fcomponents\u002Fpopout-hover","PopoutHover"," inside a dropdown to create multi-level menus. Nest it anywhere in the default slot and use ",[48,902,903],{},"placement=\"right-start\""," (or ",[48,906,624],{},") to open the submenu to the side.",[909,910,911],"dropdown-nested-example",{},[65,912,914],{"className":67,"code":913,"language":69,"meta":70,"style":70},"\u003Cscript setup lang=\"ts\">\nimport { Button, Divider, Dropdown, DropdownItem, DropdownTitle, PopoutHover } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDropdown>\n    \u003Ctemplate #trigger=\"{ open }\">\n      \u003CButton variant=\"fill\" @click=\"open\">\n        File\n      \u003C\u002FButton>\n    \u003C\u002Ftemplate>\n\n    \u003CDropdownTitle>File\u003C\u002FDropdownTitle>\n\n    \u003CDropdownItem>\n      New file\n      \u003Ctemplate #hint>\n        \u003CIcon name=\"ph:command\" \u002F>\n        + N\n      \u003C\u002Ftemplate>\n    \u003C\u002FDropdownItem>\n\n    \u003CPopoutHover placement=\"right-start\">\n      \u003Ctemplate #trigger>\n        \u003CDropdownItem>\n          \u003Ctemplate #icon>\n            \u003CIcon name=\"ph:clock-counter-clockwise\" \u002F>\n          \u003C\u002Ftemplate>\n          Open recent\n          \u003Ctemplate #iconEnd>\n            \u003CIcon name=\"ph:caret-right\" \u002F>\n          \u003C\u002Ftemplate>\n        \u003C\u002FDropdownItem>\n      \u003C\u002Ftemplate>\n      \u003Cdiv class=\"vui-dropdown\">\n        \u003CDropdownTitle>Recent\u003C\u002FDropdownTitle>\n        \u003CDropdownItem>dashboard.vue\u003C\u002FDropdownItem>\n        \u003CDropdownItem>settings.vue\u003C\u002FDropdownItem>\n        \u003CDropdownItem>index.vue\u003C\u002FDropdownItem>\n        \u003CDivider \u002F>\n        \u003CPopoutHover placement=\"right-start\">\n          \u003Ctemplate #trigger>\n            \u003CDropdownItem>\n              More files\n              \u003Ctemplate #iconEnd>\n                \u003CIcon name=\"ph:caret-right\" \u002F>\n              \u003C\u002Ftemplate>\n            \u003C\u002FDropdownItem>\n          \u003C\u002Ftemplate>\n          \u003Cdiv class=\"vui-dropdown\">\n            \u003CDropdownItem>profile.vue\u003C\u002FDropdownItem>\n            \u003CDropdownItem>auth.vue\u003C\u002FDropdownItem>\n            \u003CDropdownItem>404.vue\u003C\u002FDropdownItem>\n          \u003C\u002Fdiv>\n        \u003C\u002FPopoutHover>\n      \u003C\u002Fdiv>\n    \u003C\u002FPopoutHover>\n\n    \u003CDivider \u002F>\n\n    \u003CDropdownItem>\n      \u003Ctemplate #icon>\n        \u003CIcon name=\"ph:trash\" \u002F>\n      \u003C\u002Ftemplate>\n      Move to trash\n    \u003C\u002FDropdownItem>\n  \u003C\u002FDropdown>\n\u003C\u002Ftemplate>\n",[48,915,916,936,976,984,988,996,1004,1028,1056,1061,1069,1077,1081,1099,1103,1111,1116,1128,1149,1154,1162,1170,1174,1193,1205,1213,1226,1246,1255,1260,1273,1292,1300,1309,1317,1336,1353,1370,1387,1404,1414,1433,1446,1455,1461,1475,1495,1505,1515,1524,1543,1561,1579,1597,1606,1615,1624,1633,1638,1647,1652,1661,1674,1694,1703,1709,1718,1727],{"__ignoreMap":70},[74,917,918,920,922,924,926,928,930,932,934],{"class":76,"line":77},[74,919,81],{"class":80},[74,921,85],{"class":84},[74,923,89],{"class":88},[74,925,92],{"class":88},[74,927,95],{"class":80},[74,929,99],{"class":98},[74,931,103],{"class":102},[74,933,99],{"class":98},[74,935,108],{"class":80},[74,937,938,940,942,944,946,949,951,953,955,957,959,961,963,966,968,970,972,974],{"class":76,"line":111},[74,939,114],{"class":84},[74,941,117],{"class":80},[74,943,120],{"class":88},[74,945,123],{"class":80},[74,947,948],{"class":88}," Divider",[74,950,123],{"class":80},[74,952,126],{"class":88},[74,954,123],{"class":80},[74,956,131],{"class":88},[74,958,123],{"class":80},[74,960,136],{"class":88},[74,962,123],{"class":80},[74,964,965],{"class":88}," PopoutHover",[74,967,139],{"class":80},[74,969,142],{"class":84},[74,971,145],{"class":98},[74,973,148],{"class":102},[74,975,151],{"class":98},[74,977,978,980,982],{"class":76,"line":154},[74,979,157],{"class":80},[74,981,85],{"class":84},[74,983,108],{"class":80},[74,985,986],{"class":76,"line":164},[74,987,168],{"emptyLinePlaceholder":167},[74,989,990,992,994],{"class":76,"line":171},[74,991,81],{"class":80},[74,993,176],{"class":84},[74,995,108],{"class":80},[74,997,998,1000,1002],{"class":76,"line":181},[74,999,184],{"class":80},[74,1001,14],{"class":84},[74,1003,108],{"class":80},[74,1005,1006,1008,1010,1012,1014,1016,1018,1020,1022,1024,1026],{"class":76,"line":191},[74,1007,194],{"class":80},[74,1009,176],{"class":84},[74,1011,199],{"class":80},[74,1013,203],{"class":202},[74,1015,95],{"class":80},[74,1017,99],{"class":80},[74,1019,210],{"class":80},[74,1021,213],{"class":88},[74,1023,139],{"class":80},[74,1025,99],{"class":80},[74,1027,108],{"class":80},[74,1029,1030,1032,1034,1036,1038,1040,1042,1044,1046,1048,1050,1052,1054],{"class":76,"line":222},[74,1031,225],{"class":80},[74,1033,228],{"class":84},[74,1035,231],{"class":88},[74,1037,95],{"class":80},[74,1039,99],{"class":98},[74,1041,238],{"class":102},[74,1043,99],{"class":98},[74,1045,243],{"class":88},[74,1047,95],{"class":80},[74,1049,99],{"class":98},[74,1051,213],{"class":102},[74,1053,99],{"class":98},[74,1055,108],{"class":80},[74,1057,1058],{"class":76,"line":256},[74,1059,1060],{"class":259},"        File\n",[74,1062,1063,1065,1067],{"class":76,"line":263},[74,1064,266],{"class":80},[74,1066,228],{"class":84},[74,1068,108],{"class":80},[74,1070,1071,1073,1075],{"class":76,"line":273},[74,1072,276],{"class":80},[74,1074,176],{"class":84},[74,1076,108],{"class":80},[74,1078,1079],{"class":76,"line":283},[74,1080,168],{"emptyLinePlaceholder":167},[74,1082,1083,1085,1087,1090,1093,1095,1097],{"class":76,"line":293},[74,1084,194],{"class":80},[74,1086,288],{"class":84},[74,1088,1089],{"class":80},">",[74,1091,1092],{"class":259},"File",[74,1094,157],{"class":80},[74,1096,288],{"class":84},[74,1098,108],{"class":80},[74,1100,1101],{"class":76,"line":299},[74,1102,168],{"emptyLinePlaceholder":167},[74,1104,1105,1107,1109],{"class":76,"line":321},[74,1106,194],{"class":80},[74,1108,355],{"class":84},[74,1110,108],{"class":80},[74,1112,1113],{"class":76,"line":327},[74,1114,1115],{"class":259},"      New file\n",[74,1117,1118,1120,1122,1124,1126],{"class":76,"line":336},[74,1119,225],{"class":80},[74,1121,176],{"class":84},[74,1123,199],{"class":80},[74,1125,375],{"class":202},[74,1127,108],{"class":80},[74,1129,1130,1132,1135,1138,1140,1142,1145,1147],{"class":76,"line":345},[74,1131,383],{"class":80},[74,1133,1134],{"class":84},"Icon",[74,1136,1137],{"class":88}," name",[74,1139,95],{"class":80},[74,1141,99],{"class":98},[74,1143,1144],{"class":102},"ph:command",[74,1146,99],{"class":98},[74,1148,389],{"class":80},[74,1150,1151],{"class":76,"line":350},[74,1152,1153],{"class":259},"        + N\n",[74,1155,1156,1158,1160],{"class":76,"line":360},[74,1157,266],{"class":80},[74,1159,176],{"class":84},[74,1161,108],{"class":80},[74,1163,1164,1166,1168],{"class":76,"line":366},[74,1165,276],{"class":80},[74,1167,355],{"class":84},[74,1169,108],{"class":80},[74,1171,1172],{"class":76,"line":380},[74,1173,168],{"emptyLinePlaceholder":167},[74,1175,1176,1178,1180,1183,1185,1187,1189,1191],{"class":76,"line":392},[74,1177,194],{"class":80},[74,1179,899],{"class":84},[74,1181,1182],{"class":88}," placement",[74,1184,95],{"class":80},[74,1186,99],{"class":98},[74,1188,613],{"class":102},[74,1190,99],{"class":98},[74,1192,108],{"class":80},[74,1194,1195,1197,1199,1201,1203],{"class":76,"line":398},[74,1196,225],{"class":80},[74,1198,176],{"class":84},[74,1200,199],{"class":80},[74,1202,203],{"class":202},[74,1204,108],{"class":80},[74,1206,1207,1209,1211],{"class":76,"line":407},[74,1208,383],{"class":80},[74,1210,355],{"class":84},[74,1212,108],{"class":80},[74,1214,1215,1218,1220,1222,1224],{"class":76,"line":416},[74,1216,1217],{"class":80},"          \u003C",[74,1219,176],{"class":84},[74,1221,199],{"class":80},[74,1223,494],{"class":202},[74,1225,108],{"class":80},[74,1227,1228,1231,1233,1235,1237,1239,1242,1244],{"class":76,"line":425},[74,1229,1230],{"class":80},"            \u003C",[74,1232,1134],{"class":84},[74,1234,1137],{"class":88},[74,1236,95],{"class":80},[74,1238,99],{"class":98},[74,1240,1241],{"class":102},"ph:clock-counter-clockwise",[74,1243,99],{"class":98},[74,1245,389],{"class":80},[74,1247,1248,1251,1253],{"class":76,"line":431},[74,1249,1250],{"class":80},"          \u003C\u002F",[74,1252,176],{"class":84},[74,1254,108],{"class":80},[74,1256,1257],{"class":76,"line":445},[74,1258,1259],{"class":259},"          Open recent\n",[74,1261,1262,1264,1266,1268,1271],{"class":76,"line":455},[74,1263,1217],{"class":80},[74,1265,176],{"class":84},[74,1267,199],{"class":80},[74,1269,1270],{"class":202},"iconEnd",[74,1272,108],{"class":80},[74,1274,1275,1277,1279,1281,1283,1285,1288,1290],{"class":76,"line":464},[74,1276,1230],{"class":80},[74,1278,1134],{"class":84},[74,1280,1137],{"class":88},[74,1282,95],{"class":80},[74,1284,99],{"class":98},[74,1286,1287],{"class":102},"ph:caret-right",[74,1289,99],{"class":98},[74,1291,389],{"class":80},[74,1293,1294,1296,1298],{"class":76,"line":473},[74,1295,1250],{"class":80},[74,1297,176],{"class":84},[74,1299,108],{"class":80},[74,1301,1302,1305,1307],{"class":76,"line":485},[74,1303,1304],{"class":80},"        \u003C\u002F",[74,1306,355],{"class":84},[74,1308,108],{"class":80},[74,1310,1311,1313,1315],{"class":76,"line":499},[74,1312,266],{"class":80},[74,1314,176],{"class":84},[74,1316,108],{"class":80},[74,1318,1319,1321,1323,1325,1327,1329,1332,1334],{"class":76,"line":509},[74,1320,225],{"class":80},[74,1322,304],{"class":84},[74,1324,307],{"class":88},[74,1326,95],{"class":80},[74,1328,99],{"class":98},[74,1330,1331],{"class":102},"vui-dropdown",[74,1333,99],{"class":98},[74,1335,108],{"class":80},[74,1337,1338,1340,1342,1344,1347,1349,1351],{"class":76,"line":518},[74,1339,383],{"class":80},[74,1341,288],{"class":84},[74,1343,1089],{"class":80},[74,1345,1346],{"class":259},"Recent",[74,1348,157],{"class":80},[74,1350,288],{"class":84},[74,1352,108],{"class":80},[74,1354,1355,1357,1359,1361,1364,1366,1368],{"class":76,"line":524},[74,1356,383],{"class":80},[74,1358,355],{"class":84},[74,1360,1089],{"class":80},[74,1362,1363],{"class":259},"dashboard.vue",[74,1365,157],{"class":80},[74,1367,355],{"class":84},[74,1369,108],{"class":80},[74,1371,1372,1374,1376,1378,1381,1383,1385],{"class":76,"line":533},[74,1373,383],{"class":80},[74,1375,355],{"class":84},[74,1377,1089],{"class":80},[74,1379,1380],{"class":259},"settings.vue",[74,1382,157],{"class":80},[74,1384,355],{"class":84},[74,1386,108],{"class":80},[74,1388,1389,1391,1393,1395,1398,1400,1402],{"class":76,"line":543},[74,1390,383],{"class":80},[74,1392,355],{"class":84},[74,1394,1089],{"class":80},[74,1396,1397],{"class":259},"index.vue",[74,1399,157],{"class":80},[74,1401,355],{"class":84},[74,1403,108],{"class":80},[74,1405,1407,1409,1412],{"class":76,"line":1406},40,[74,1408,383],{"class":80},[74,1410,1411],{"class":84},"Divider",[74,1413,389],{"class":80},[74,1415,1417,1419,1421,1423,1425,1427,1429,1431],{"class":76,"line":1416},41,[74,1418,383],{"class":80},[74,1420,899],{"class":84},[74,1422,1182],{"class":88},[74,1424,95],{"class":80},[74,1426,99],{"class":98},[74,1428,613],{"class":102},[74,1430,99],{"class":98},[74,1432,108],{"class":80},[74,1434,1436,1438,1440,1442,1444],{"class":76,"line":1435},42,[74,1437,1217],{"class":80},[74,1439,176],{"class":84},[74,1441,199],{"class":80},[74,1443,203],{"class":202},[74,1445,108],{"class":80},[74,1447,1449,1451,1453],{"class":76,"line":1448},43,[74,1450,1230],{"class":80},[74,1452,355],{"class":84},[74,1454,108],{"class":80},[74,1456,1458],{"class":76,"line":1457},44,[74,1459,1460],{"class":259},"              More files\n",[74,1462,1464,1467,1469,1471,1473],{"class":76,"line":1463},45,[74,1465,1466],{"class":80},"              \u003C",[74,1468,176],{"class":84},[74,1470,199],{"class":80},[74,1472,1270],{"class":202},[74,1474,108],{"class":80},[74,1476,1478,1481,1483,1485,1487,1489,1491,1493],{"class":76,"line":1477},46,[74,1479,1480],{"class":80},"                \u003C",[74,1482,1134],{"class":84},[74,1484,1137],{"class":88},[74,1486,95],{"class":80},[74,1488,99],{"class":98},[74,1490,1287],{"class":102},[74,1492,99],{"class":98},[74,1494,389],{"class":80},[74,1496,1498,1501,1503],{"class":76,"line":1497},47,[74,1499,1500],{"class":80},"              \u003C\u002F",[74,1502,176],{"class":84},[74,1504,108],{"class":80},[74,1506,1508,1511,1513],{"class":76,"line":1507},48,[74,1509,1510],{"class":80},"            \u003C\u002F",[74,1512,355],{"class":84},[74,1514,108],{"class":80},[74,1516,1518,1520,1522],{"class":76,"line":1517},49,[74,1519,1250],{"class":80},[74,1521,176],{"class":84},[74,1523,108],{"class":80},[74,1525,1527,1529,1531,1533,1535,1537,1539,1541],{"class":76,"line":1526},50,[74,1528,1217],{"class":80},[74,1530,304],{"class":84},[74,1532,307],{"class":88},[74,1534,95],{"class":80},[74,1536,99],{"class":98},[74,1538,1331],{"class":102},[74,1540,99],{"class":98},[74,1542,108],{"class":80},[74,1544,1546,1548,1550,1552,1555,1557,1559],{"class":76,"line":1545},51,[74,1547,1230],{"class":80},[74,1549,355],{"class":84},[74,1551,1089],{"class":80},[74,1553,1554],{"class":259},"profile.vue",[74,1556,157],{"class":80},[74,1558,355],{"class":84},[74,1560,108],{"class":80},[74,1562,1564,1566,1568,1570,1573,1575,1577],{"class":76,"line":1563},52,[74,1565,1230],{"class":80},[74,1567,355],{"class":84},[74,1569,1089],{"class":80},[74,1571,1572],{"class":259},"auth.vue",[74,1574,157],{"class":80},[74,1576,355],{"class":84},[74,1578,108],{"class":80},[74,1580,1582,1584,1586,1588,1591,1593,1595],{"class":76,"line":1581},53,[74,1583,1230],{"class":80},[74,1585,355],{"class":84},[74,1587,1089],{"class":80},[74,1589,1590],{"class":259},"404.vue",[74,1592,157],{"class":80},[74,1594,355],{"class":84},[74,1596,108],{"class":80},[74,1598,1600,1602,1604],{"class":76,"line":1599},54,[74,1601,1250],{"class":80},[74,1603,304],{"class":84},[74,1605,108],{"class":80},[74,1607,1609,1611,1613],{"class":76,"line":1608},55,[74,1610,1304],{"class":80},[74,1612,899],{"class":84},[74,1614,108],{"class":80},[74,1616,1618,1620,1622],{"class":76,"line":1617},56,[74,1619,266],{"class":80},[74,1621,304],{"class":84},[74,1623,108],{"class":80},[74,1625,1627,1629,1631],{"class":76,"line":1626},57,[74,1628,276],{"class":80},[74,1630,899],{"class":84},[74,1632,108],{"class":80},[74,1634,1636],{"class":76,"line":1635},58,[74,1637,168],{"emptyLinePlaceholder":167},[74,1639,1641,1643,1645],{"class":76,"line":1640},59,[74,1642,194],{"class":80},[74,1644,1411],{"class":84},[74,1646,389],{"class":80},[74,1648,1650],{"class":76,"line":1649},60,[74,1651,168],{"emptyLinePlaceholder":167},[74,1653,1655,1657,1659],{"class":76,"line":1654},61,[74,1656,194],{"class":80},[74,1658,355],{"class":84},[74,1660,108],{"class":80},[74,1662,1664,1666,1668,1670,1672],{"class":76,"line":1663},62,[74,1665,225],{"class":80},[74,1667,176],{"class":84},[74,1669,199],{"class":80},[74,1671,494],{"class":202},[74,1673,108],{"class":80},[74,1675,1677,1679,1681,1683,1685,1687,1690,1692],{"class":76,"line":1676},63,[74,1678,383],{"class":80},[74,1680,1134],{"class":84},[74,1682,1137],{"class":88},[74,1684,95],{"class":80},[74,1686,99],{"class":98},[74,1688,1689],{"class":102},"ph:trash",[74,1691,99],{"class":98},[74,1693,389],{"class":80},[74,1695,1697,1699,1701],{"class":76,"line":1696},64,[74,1698,266],{"class":80},[74,1700,176],{"class":84},[74,1702,108],{"class":80},[74,1704,1706],{"class":76,"line":1705},65,[74,1707,1708],{"class":259},"      Move to trash\n",[74,1710,1712,1714,1716],{"class":76,"line":1711},66,[74,1713,276],{"class":80},[74,1715,355],{"class":84},[74,1717,108],{"class":80},[74,1719,1721,1723,1725],{"class":76,"line":1720},67,[74,1722,536],{"class":80},[74,1724,14],{"class":84},[74,1726,108],{"class":80},[74,1728,1730,1732,1734],{"class":76,"line":1729},68,[74,1731,157],{"class":80},[74,1733,176],{"class":84},[74,1735,108],{"class":80},[551,1737,1739],{"id":1738},"components","Components",[23,1741,1742,1743,59],{},"The dropdopwn component is meant to be used with a few specific components. If you're looking for a generic floating component, check out the ",[33,1744,45],{"href":44},[1746,1747,355],"h4",{"id":1748},"dropdownitem",[23,1750,1751],{},"A clickable item in the dropdown menu.",[1753,1754,1755],"dropdown-item-example",{},[65,1756,1758],{"className":67,"code":1757,"language":69,"meta":70,"style":70},"\u003Cscript setup lang=\"ts\">\nimport { DropdownItem } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDropdownItem>\n    Create\n    \u003Ctemplate #icon-end>\n      \u003CIconPlus \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FDropdownItem>\n  \u003CDropdownItem>\n    \u003Ctemplate #icon>\n      \u003CIconUser \u002F>\n    \u003C\u002Ftemplate>\n    Update\n    \u003Ctemplate #hint>\n      \u003CIconCommand \u002F>\n      + U\n    \u003C\u002Ftemplate>\n  \u003C\u002FDropdownItem>\n  \u003CDropdownItem disabled>\n    Delete\n    \u003Ctemplate #icon-end>\n      \u003CIconTrash \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FDropdownItem>\n\u003C\u002Ftemplate>\n",[48,1759,1760,1780,1798,1806,1810,1818,1826,1831,1843,1852,1860,1868,1876,1888,1897,1905,1910,1922,1930,1935,1943,1951,1961,1966,1978,1987,1995,2003],{"__ignoreMap":70},[74,1761,1762,1764,1766,1768,1770,1772,1774,1776,1778],{"class":76,"line":77},[74,1763,81],{"class":80},[74,1765,85],{"class":84},[74,1767,89],{"class":88},[74,1769,92],{"class":88},[74,1771,95],{"class":80},[74,1773,99],{"class":98},[74,1775,103],{"class":102},[74,1777,99],{"class":98},[74,1779,108],{"class":80},[74,1781,1782,1784,1786,1788,1790,1792,1794,1796],{"class":76,"line":111},[74,1783,114],{"class":84},[74,1785,117],{"class":80},[74,1787,131],{"class":88},[74,1789,139],{"class":80},[74,1791,142],{"class":84},[74,1793,145],{"class":98},[74,1795,148],{"class":102},[74,1797,151],{"class":98},[74,1799,1800,1802,1804],{"class":76,"line":154},[74,1801,157],{"class":80},[74,1803,85],{"class":84},[74,1805,108],{"class":80},[74,1807,1808],{"class":76,"line":164},[74,1809,168],{"emptyLinePlaceholder":167},[74,1811,1812,1814,1816],{"class":76,"line":171},[74,1813,81],{"class":80},[74,1815,176],{"class":84},[74,1817,108],{"class":80},[74,1819,1820,1822,1824],{"class":76,"line":181},[74,1821,184],{"class":80},[74,1823,355],{"class":84},[74,1825,108],{"class":80},[74,1827,1828],{"class":76,"line":191},[74,1829,1830],{"class":259},"    Create\n",[74,1832,1833,1835,1837,1839,1841],{"class":76,"line":222},[74,1834,194],{"class":80},[74,1836,176],{"class":84},[74,1838,199],{"class":80},[74,1840,440],{"class":202},[74,1842,108],{"class":80},[74,1844,1845,1847,1850],{"class":76,"line":256},[74,1846,225],{"class":80},[74,1848,1849],{"class":84},"IconPlus",[74,1851,389],{"class":80},[74,1853,1854,1856,1858],{"class":76,"line":263},[74,1855,276],{"class":80},[74,1857,176],{"class":84},[74,1859,108],{"class":80},[74,1861,1862,1864,1866],{"class":76,"line":273},[74,1863,536],{"class":80},[74,1865,355],{"class":84},[74,1867,108],{"class":80},[74,1869,1870,1872,1874],{"class":76,"line":283},[74,1871,184],{"class":80},[74,1873,355],{"class":84},[74,1875,108],{"class":80},[74,1877,1878,1880,1882,1884,1886],{"class":76,"line":293},[74,1879,194],{"class":80},[74,1881,176],{"class":84},[74,1883,199],{"class":80},[74,1885,494],{"class":202},[74,1887,108],{"class":80},[74,1889,1890,1892,1895],{"class":76,"line":299},[74,1891,225],{"class":80},[74,1893,1894],{"class":84},"IconUser",[74,1896,389],{"class":80},[74,1898,1899,1901,1903],{"class":76,"line":321},[74,1900,276],{"class":80},[74,1902,176],{"class":84},[74,1904,108],{"class":80},[74,1906,1907],{"class":76,"line":327},[74,1908,1909],{"class":259},"    Update\n",[74,1911,1912,1914,1916,1918,1920],{"class":76,"line":336},[74,1913,194],{"class":80},[74,1915,176],{"class":84},[74,1917,199],{"class":80},[74,1919,375],{"class":202},[74,1921,108],{"class":80},[74,1923,1924,1926,1928],{"class":76,"line":345},[74,1925,225],{"class":80},[74,1927,386],{"class":84},[74,1929,389],{"class":80},[74,1931,1932],{"class":76,"line":350},[74,1933,1934],{"class":259},"      + U\n",[74,1936,1937,1939,1941],{"class":76,"line":360},[74,1938,276],{"class":80},[74,1940,176],{"class":84},[74,1942,108],{"class":80},[74,1944,1945,1947,1949],{"class":76,"line":366},[74,1946,536],{"class":80},[74,1948,355],{"class":84},[74,1950,108],{"class":80},[74,1952,1953,1955,1957,1959],{"class":76,"line":380},[74,1954,184],{"class":80},[74,1956,355],{"class":84},[74,1958,480],{"class":88},[74,1960,108],{"class":80},[74,1962,1963],{"class":76,"line":392},[74,1964,1965],{"class":259},"    Delete\n",[74,1967,1968,1970,1972,1974,1976],{"class":76,"line":398},[74,1969,194],{"class":80},[74,1971,176],{"class":84},[74,1973,199],{"class":80},[74,1975,440],{"class":202},[74,1977,108],{"class":80},[74,1979,1980,1982,1985],{"class":76,"line":407},[74,1981,225],{"class":80},[74,1983,1984],{"class":84},"IconTrash",[74,1986,389],{"class":80},[74,1988,1989,1991,1993],{"class":76,"line":416},[74,1990,276],{"class":80},[74,1992,176],{"class":84},[74,1994,108],{"class":80},[74,1996,1997,1999,2001],{"class":76,"line":425},[74,1998,536],{"class":80},[74,2000,355],{"class":84},[74,2002,108],{"class":80},[74,2004,2005,2007,2009],{"class":76,"line":431},[74,2006,157],{"class":80},[74,2008,176],{"class":84},[74,2010,108],{"class":80},[2012,2013,554],"h5",{"id":2014},"props-1",[556,2016,2017,2027],{},[559,2018,2019],{},[562,2020,2021,2023,2025],{},[565,2022,567],{},[565,2024,570],{},[565,2026,573],{},[575,2028,2029,2047],{},[562,2030,2031,2036,2040],{},[580,2032,2033],{},[48,2034,2035],{},"disabled",[580,2037,2038],{},[48,2039,687],{},[580,2041,2042,595,2044,2046],{},[48,2043,692],{},[629,2045],{}," Whether the item is disabled",[562,2048,2049,2054,2056],{},[580,2050,2051],{},[48,2052,2053],{},"size",[580,2055,705],{},[580,2057,2058,595,2061,595,2064,2066],{},[48,2059,2060],{},"'s'",[48,2062,2063],{},"'m'",[629,2065],{}," Size of the dropdown item",[2012,2068,761],{"id":2069},"slots-1",[556,2071,2072,2084],{},[559,2073,2074],{},[562,2075,2076,2078,2080,2082],{},[565,2077,567],{},[565,2079,772],{},[565,2081,554],{},[565,2083,742],{},[575,2085,2086,2101],{},[562,2087,2088,2092,2096,2098],{},[580,2089,2090],{},[48,2091,804],{},[580,2093,2094],{},[48,2095,789],{},[580,2097,754],{},[580,2099,2100],{},"The main content of the item",[562,2102,2103,2107,2111,2113],{},[580,2104,2105],{},[48,2106,375],{},[580,2108,2109],{},[48,2110,789],{},[580,2112,754],{},[580,2114,2115],{},"Additional hint text to display",[1746,2117,288],{"id":2118},"dropdowntitle",[23,2120,2121],{},"A title or header section in the dropdown menu which also divides the dropdown into sections.",[2123,2124,2125],"dropdown-title-example",{},[65,2126,2128],{"className":67,"code":2127,"language":69,"meta":70,"style":70},"\u003Ctemplate>\n  \u003CDropdownTitle>\n    Points\n    \u003Cdiv class=\"counter\">\n      10\n    \u003C\u002Fdiv>\n  \u003C\u002FDropdownTitle>\n  \u003CDropdownTitle class=\"w-100\">\n    Manage\n    \u003Ctemplate #end>\n      \u003CIconPlus \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FDropdownTitle>\n\u003C\u002Ftemplate>\n",[48,2129,2130,2138,2146,2151,2169,2174,2182,2190,2209,2214,2227,2235,2243,2251],{"__ignoreMap":70},[74,2131,2132,2134,2136],{"class":76,"line":77},[74,2133,81],{"class":80},[74,2135,176],{"class":84},[74,2137,108],{"class":80},[74,2139,2140,2142,2144],{"class":76,"line":111},[74,2141,184],{"class":80},[74,2143,288],{"class":84},[74,2145,108],{"class":80},[74,2147,2148],{"class":76,"line":154},[74,2149,2150],{"class":259},"    Points\n",[74,2152,2153,2155,2157,2159,2161,2163,2165,2167],{"class":76,"line":164},[74,2154,194],{"class":80},[74,2156,304],{"class":84},[74,2158,307],{"class":88},[74,2160,95],{"class":80},[74,2162,99],{"class":98},[74,2164,314],{"class":102},[74,2166,99],{"class":98},[74,2168,108],{"class":80},[74,2170,2171],{"class":76,"line":171},[74,2172,2173],{"class":259},"      10\n",[74,2175,2176,2178,2180],{"class":76,"line":181},[74,2177,276],{"class":80},[74,2179,304],{"class":84},[74,2181,108],{"class":80},[74,2183,2184,2186,2188],{"class":76,"line":191},[74,2185,536],{"class":80},[74,2187,288],{"class":84},[74,2189,108],{"class":80},[74,2191,2192,2194,2196,2198,2200,2202,2205,2207],{"class":76,"line":222},[74,2193,184],{"class":80},[74,2195,288],{"class":84},[74,2197,307],{"class":88},[74,2199,95],{"class":80},[74,2201,99],{"class":98},[74,2203,2204],{"class":102},"w-100",[74,2206,99],{"class":98},[74,2208,108],{"class":80},[74,2210,2211],{"class":76,"line":256},[74,2212,2213],{"class":259},"    Manage\n",[74,2215,2216,2218,2220,2222,2225],{"class":76,"line":263},[74,2217,194],{"class":80},[74,2219,176],{"class":84},[74,2221,199],{"class":80},[74,2223,2224],{"class":202},"end",[74,2226,108],{"class":80},[74,2228,2229,2231,2233],{"class":76,"line":273},[74,2230,225],{"class":80},[74,2232,1849],{"class":84},[74,2234,389],{"class":80},[74,2236,2237,2239,2241],{"class":76,"line":283},[74,2238,276],{"class":80},[74,2240,176],{"class":84},[74,2242,108],{"class":80},[74,2244,2245,2247,2249],{"class":76,"line":293},[74,2246,536],{"class":80},[74,2248,288],{"class":84},[74,2250,108],{"class":80},[74,2252,2253,2255,2257],{"class":76,"line":299},[74,2254,157],{"class":80},[74,2256,176],{"class":84},[74,2258,108],{"class":80},[2012,2260,554],{"id":2261},"props-2",[556,2263,2264,2274],{},[559,2265,2266],{},[562,2267,2268,2270,2272],{},[565,2269,567],{},[565,2271,570],{},[565,2273,573],{},[575,2275,2276],{},[562,2277,2278,2283,2287],{},[580,2279,2280],{},[48,2281,2282],{},"sticky",[580,2284,2285],{},[48,2286,687],{},[580,2288,2289,595,2291,2293],{},[48,2290,692],{},[629,2292],{}," Whether the title should stick to the top",[2012,2295,761],{"id":2296},"slots-2",[556,2298,2299,2311],{},[559,2300,2301],{},[562,2302,2303,2305,2307,2309],{},[565,2304,567],{},[565,2306,772],{},[565,2308,554],{},[565,2310,742],{},[575,2312,2313,2328],{},[562,2314,2315,2319,2323,2325],{},[580,2316,2317],{},[48,2318,804],{},[580,2320,2321],{},[48,2322,789],{},[580,2324,754],{},[580,2326,2327],{},"The title text",[562,2329,2330,2334,2338,2340],{},[580,2331,2332],{},[48,2333,2224],{},[580,2335,2336],{},[48,2337,789],{},[580,2339,754],{},[580,2341,2342],{},"Content to display at the end of the title",[551,2344,2346],{"id":2345},"tokens","Tokens",[23,2348,2349],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[556,2351,2352,2363],{},[559,2353,2354],{},[562,2355,2356,2359,2361],{},[565,2357,2358],{},"Token",[565,2360,570],{},[565,2362,742],{},[575,2364,2365,2380],{},[562,2366,2367,2372,2377],{},[580,2368,2369],{},[48,2370,2371],{},"--vui-dropdown-min-width",[580,2373,2374],{},[48,2375,2376],{},"128px",[580,2378,2379],{},"Minimum dropdown width",[562,2381,2382,2387,2391],{},[580,2383,2384],{},[48,2385,2386],{},"--vui-dropdown-max-height",[580,2388,2389],{},[48,2390,712],{},[580,2392,2393],{},"Maximum dropdown height",[2395,2396,2397],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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 .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 pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sTIxS, html code.shiki .sTIxS{--shiki-dark:#5DA994;--shiki-light:#2E8F82;--shiki-default:#5DA994}",{"title":70,"searchDepth":111,"depth":111,"links":2399},[2400,2401,2402,2403,2404,2405],{"id":553,"depth":154,"text":554},{"id":728,"depth":154,"text":729},{"id":760,"depth":154,"text":761},{"id":891,"depth":154,"text":892},{"id":1738,"depth":154,"text":1739},{"id":2345,"depth":154,"text":2346},"md",{},{"title":14,"description":25},"docs\u002Fcomponents\u002Fdropdown","oRFqo45nQU43wUNHXlPmuCXn9GkVgsQj0FBfoJlcpG4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2412},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2414},"\u003Cpath fill=\"currentColor\" d=\"M180 144h-20v-32h20a36 36 0 1 0-36-36v20h-32V76a36 36 0 1 0-36 36h20v32H76a36 36 0 1 0 36 36v-20h32v20a36 36 0 1 0 36-36m-20-68a20 20 0 1 1 20 20h-20ZM56 76a20 20 0 0 1 40 0v20H76a20 20 0 0 1-20-20m40 104a20 20 0 1 1-20-20h20Zm16-68h32v32h-32Zm68 88a20 20 0 0 1-20-20v-20h20a20 20 0 0 1 0 40\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2416},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":2418},"\u003Cpath fill=\"currentColor\" d=\"M230.92 212c-15.23-26.33-38.7-45.21-66.09-54.16a72 72 0 1 0-73.66 0c-27.39 8.94-50.86 27.82-66.09 54.16a8 8 0 1 0 13.85 8c18.84-32.56 52.14-52 89.07-52s70.23 19.44 89.07 52a8 8 0 1 0 13.85-8M72 96a56 56 0 1 1 56 56a56.06 56.06 0 0 1-56-56\"\u002F>",1782200882761]