[{"data":1,"prerenderedAt":1529},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-dropdown":24,"i-ph:user":1523,"i-ph:command":1525,"i-ph:plus":1527},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":37,"extension":1518,"meta":1519,"navigation":178,"path":52,"seo":1520,"stem":1521,"__hash__":1522},"docs/docs/components/dropdown.md","Dropdown",{"type":28,"value":29,"toc":1512},"minimark",[30,34,38,72,564,569,758,762,790,794,848,851,921,925,930,934,937,1196,1200,1232,1235,1281,1284,1287,1424,1427,1459,1462,1508],[31,32,26],"h1",{"id":33},"dropdown",[35,36,37],"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.",[39,40,41],"blockquote",{},[35,42,43,44,49,50,53,54,58,59,63,64,67,68,71],{},"Plese note: components using popout (",[45,46,48],"a",{"href":47},"/docs/components/tooltip","Tooltip",", ",[45,51,26],{"href":52},"/docs/components/dropdown"," & ",[45,55,57],{"href":56},"/docs/components/popout","Popout",") cannot be styled using ",[60,61,62],"code",{},"scoped"," CSS in Vue SFC. However, you can just define a new ",[60,65,66],{},"\u003Cstyle>"," tag, style the popout inside and keep rest of your CSS scoped in a separate ",[60,69,70],{},"\u003Cstyle scoped>",".",[73,74,75],"dropdown-example",{},[76,77,82],"pre",{"className":78,"code":79,"language":80,"meta":81,"style":81},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup lang=\"ts\">\nimport { Button, Dropdown, DropdownItem, DropdownTitle } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CDropdown>\n    \u003Ctemplate #trigger=\"{ open }\">\n      \u003CButton variant=\"fill\" @click=\"open\">\n        Menu\n      \u003C/Button>\n    \u003C/template>\n    \u003CDropdownTitle>\n      Actions\n      \u003Cdiv class=\"counter\">\n        3\n      \u003C/div>\n    \u003C/DropdownTitle>\n\n    \u003CDropdownItem>\n      New user\n      \u003Ctemplate #hint>\n        \u003CIconCommand />\n        + C\n      \u003C/template>\n    \u003C/DropdownItem>\n    \u003CDropdownItem>\n      Update\n      \u003Ctemplate #icon-end>\n        \u003CIconCaretRight />\n      \u003C/template>\n    \u003C/DropdownItem>\n    \u003CDropdownItem disabled>\n      \u003Ctemplate #icon>\n        \u003CIconX />\n      \u003C/template>\n      Delete\n    \u003C/DropdownItem>\n  \u003C/Dropdown>\n\u003C/template>\n","vue","",[60,83,84,120,163,173,180,190,200,231,268,275,285,295,305,311,333,339,348,357,362,372,378,392,404,410,419,428,437,443,457,467,476,485,497,511,521,530,536,545,555],{"__ignoreMap":81},[85,86,89,93,97,101,104,107,111,115,117],"span",{"class":87,"line":88},"line",1,[85,90,92],{"class":91},"sP76a","\u003C",[85,94,96],{"class":95},"sKpE2","script",[85,98,100],{"class":99},"sflEz"," setup",[85,102,103],{"class":99}," lang",[85,105,106],{"class":91},"=",[85,108,110],{"class":109},"sBR95","\"",[85,112,114],{"class":113},"sfmH-","ts",[85,116,110],{"class":109},[85,118,119],{"class":91},">\n",[85,121,123,126,129,132,135,138,140,143,145,148,151,154,157,160],{"class":87,"line":122},2,[85,124,125],{"class":95},"import",[85,127,128],{"class":91}," {",[85,130,131],{"class":99}," Button",[85,133,134],{"class":91},",",[85,136,137],{"class":99}," Dropdown",[85,139,134],{"class":91},[85,141,142],{"class":99}," DropdownItem",[85,144,134],{"class":91},[85,146,147],{"class":99}," DropdownTitle",[85,149,150],{"class":91}," }",[85,152,153],{"class":95}," from",[85,155,156],{"class":109}," '",[85,158,159],{"class":113},"@dolanske/vui",[85,161,162],{"class":109},"'\n",[85,164,166,169,171],{"class":87,"line":165},3,[85,167,168],{"class":91},"\u003C/",[85,170,96],{"class":95},[85,172,119],{"class":91},[85,174,176],{"class":87,"line":175},4,[85,177,179],{"emptyLinePlaceholder":178},true,"\n",[85,181,183,185,188],{"class":87,"line":182},5,[85,184,92],{"class":91},[85,186,187],{"class":95},"template",[85,189,119],{"class":91},[85,191,193,196,198],{"class":87,"line":192},6,[85,194,195],{"class":91},"  \u003C",[85,197,26],{"class":95},[85,199,119],{"class":91},[85,201,203,206,208,211,215,217,219,222,225,227,229],{"class":87,"line":202},7,[85,204,205],{"class":91},"    \u003C",[85,207,187],{"class":95},[85,209,210],{"class":91}," #",[85,212,214],{"class":213},"sRTv0","trigger",[85,216,106],{"class":91},[85,218,110],{"class":91},[85,220,221],{"class":91},"{ ",[85,223,224],{"class":99},"open",[85,226,150],{"class":91},[85,228,110],{"class":91},[85,230,119],{"class":91},[85,232,234,237,240,243,245,247,250,252,255,258,260,262,264,266],{"class":87,"line":233},8,[85,235,236],{"class":91},"      \u003C",[85,238,239],{"class":95},"Button",[85,241,242],{"class":99}," variant",[85,244,106],{"class":91},[85,246,110],{"class":109},[85,248,249],{"class":113},"fill",[85,251,110],{"class":109},[85,253,254],{"class":91}," @",[85,256,257],{"class":213},"click",[85,259,106],{"class":91},[85,261,110],{"class":91},[85,263,224],{"class":99},[85,265,110],{"class":91},[85,267,119],{"class":91},[85,269,271],{"class":87,"line":270},9,[85,272,274],{"class":273},"sX1ls","        Menu\n",[85,276,278,281,283],{"class":87,"line":277},10,[85,279,280],{"class":91},"      \u003C/",[85,282,239],{"class":95},[85,284,119],{"class":91},[85,286,288,291,293],{"class":87,"line":287},11,[85,289,290],{"class":91},"    \u003C/",[85,292,187],{"class":95},[85,294,119],{"class":91},[85,296,298,300,303],{"class":87,"line":297},12,[85,299,205],{"class":91},[85,301,302],{"class":95},"DropdownTitle",[85,304,119],{"class":91},[85,306,308],{"class":87,"line":307},13,[85,309,310],{"class":273},"      Actions\n",[85,312,314,316,319,322,324,326,329,331],{"class":87,"line":313},14,[85,315,236],{"class":91},[85,317,318],{"class":95},"div",[85,320,321],{"class":99}," class",[85,323,106],{"class":91},[85,325,110],{"class":109},[85,327,328],{"class":113},"counter",[85,330,110],{"class":109},[85,332,119],{"class":91},[85,334,336],{"class":87,"line":335},15,[85,337,338],{"class":273},"        3\n",[85,340,342,344,346],{"class":87,"line":341},16,[85,343,280],{"class":91},[85,345,318],{"class":95},[85,347,119],{"class":91},[85,349,351,353,355],{"class":87,"line":350},17,[85,352,290],{"class":91},[85,354,302],{"class":95},[85,356,119],{"class":91},[85,358,360],{"class":87,"line":359},18,[85,361,179],{"emptyLinePlaceholder":178},[85,363,365,367,370],{"class":87,"line":364},19,[85,366,205],{"class":91},[85,368,369],{"class":95},"DropdownItem",[85,371,119],{"class":91},[85,373,375],{"class":87,"line":374},20,[85,376,377],{"class":273},"      New user\n",[85,379,381,383,385,387,390],{"class":87,"line":380},21,[85,382,236],{"class":91},[85,384,187],{"class":95},[85,386,210],{"class":91},[85,388,389],{"class":213},"hint",[85,391,119],{"class":91},[85,393,395,398,401],{"class":87,"line":394},22,[85,396,397],{"class":91},"        \u003C",[85,399,400],{"class":95},"IconCommand",[85,402,403],{"class":91}," />\n",[85,405,407],{"class":87,"line":406},23,[85,408,409],{"class":273},"        + C\n",[85,411,413,415,417],{"class":87,"line":412},24,[85,414,280],{"class":91},[85,416,187],{"class":95},[85,418,119],{"class":91},[85,420,422,424,426],{"class":87,"line":421},25,[85,423,290],{"class":91},[85,425,369],{"class":95},[85,427,119],{"class":91},[85,429,431,433,435],{"class":87,"line":430},26,[85,432,205],{"class":91},[85,434,369],{"class":95},[85,436,119],{"class":91},[85,438,440],{"class":87,"line":439},27,[85,441,442],{"class":273},"      Update\n",[85,444,446,448,450,452,455],{"class":87,"line":445},28,[85,447,236],{"class":91},[85,449,187],{"class":95},[85,451,210],{"class":91},[85,453,454],{"class":213},"icon-end",[85,456,119],{"class":91},[85,458,460,462,465],{"class":87,"line":459},29,[85,461,397],{"class":91},[85,463,464],{"class":95},"IconCaretRight",[85,466,403],{"class":91},[85,468,470,472,474],{"class":87,"line":469},30,[85,471,280],{"class":91},[85,473,187],{"class":95},[85,475,119],{"class":91},[85,477,479,481,483],{"class":87,"line":478},31,[85,480,290],{"class":91},[85,482,369],{"class":95},[85,484,119],{"class":91},[85,486,488,490,492,495],{"class":87,"line":487},32,[85,489,205],{"class":91},[85,491,369],{"class":95},[85,493,494],{"class":99}," disabled",[85,496,119],{"class":91},[85,498,500,502,504,506,509],{"class":87,"line":499},33,[85,501,236],{"class":91},[85,503,187],{"class":95},[85,505,210],{"class":91},[85,507,508],{"class":213},"icon",[85,510,119],{"class":91},[85,512,514,516,519],{"class":87,"line":513},34,[85,515,397],{"class":91},[85,517,518],{"class":95},"IconX",[85,520,403],{"class":91},[85,522,524,526,528],{"class":87,"line":523},35,[85,525,280],{"class":91},[85,527,187],{"class":95},[85,529,119],{"class":91},[85,531,533],{"class":87,"line":532},36,[85,534,535],{"class":273},"      Delete\n",[85,537,539,541,543],{"class":87,"line":538},37,[85,540,290],{"class":91},[85,542,369],{"class":95},[85,544,119],{"class":91},[85,546,548,551,553],{"class":87,"line":547},38,[85,549,550],{"class":91},"  \u003C/",[85,552,26],{"class":95},[85,554,119],{"class":91},[85,556,558,560,562],{"class":87,"line":557},39,[85,559,168],{"class":91},[85,561,187],{"class":95},[85,563,119],{"class":91},[565,566,568],"h3",{"id":567},"props","Props",[570,571,572,588],"table",{},[573,574,575],"thead",{},[576,577,578,582,585],"tr",{},[579,580,581],"th",{},"Name",[579,583,584],{},"Default",[579,586,587],{},"Type",[589,590,591,646,669,689,710,728],"tbody",{},[576,592,593,599,604],{},[594,595,596],"td",{},[60,597,598],{},"placement",[594,600,601],{},[60,602,603],{},"bottom-start",[594,605,606,609,610,609,613,609,616,609,619,609,622,609,625,609,628,609,631,609,633,609,636,609,639,609,642,645],{},[60,607,608],{},"top"," ",[60,611,612],{},"right",[60,614,615],{},"bottom",[60,617,618],{},"left",[60,620,621],{},"top-start",[60,623,624],{},"top-end",[60,626,627],{},"right-start",[60,629,630],{},"right-end",[60,632,603],{},[60,634,635],{},"bottom-end",[60,637,638],{},"left-start",[60,640,641],{},"left-end",[643,644],"br",{}," Position of the dropdown relative to the trigger",[576,647,648,653,658],{},[594,649,650],{},[60,651,652],{},"minWidth",[594,654,655],{},[60,656,657],{},"156",[594,659,660,609,663,609,666,668],{},[60,661,662],{},"number",[60,664,665],{},"string",[643,667],{}," Minimum width of the dropdown in pixels or CSS units",[576,670,671,676,681],{},[594,672,673],{},[60,674,675],{},"expand",[594,677,678],{},[60,679,680],{},"false",[594,682,683,609,686,688],{},[60,684,685],{},"boolean",[643,687],{}," Whether to expand the dropdown to match the trigger's width",[576,690,691,696,701],{},[594,692,693],{},[60,694,695],{},"maxHeight",[594,697,698],{},[60,699,700],{},"356",[594,702,703,609,705,609,707,709],{},[60,704,662],{},[60,706,665],{},[643,708],{}," Maximum height of the dropdown before scrolling in pixels or CSS units",[576,711,712,717,721],{},[594,713,714],{},[60,715,716],{},"noMobileDrawer",[594,718,719],{},[60,720,680],{},[594,722,723,609,725,727],{},[60,724,685],{},[643,726],{}," Disables mobile drawer behavior and always uses floating dropdown",[576,729,730,735,738],{},[594,731,732],{},[60,733,734],{},"transition-name",[594,736,737],{},"—",[594,739,740,609,742,609,745,747,748,750,751,757],{},[60,741,665],{},[60,743,744],{},"none",[643,746],{}," Allows you to change or disable the Vue transition for dropdown appear. By default, placement-based transition is used. Set to ",[60,749,744],{}," when using the ",[45,752,756],{"href":753,"rel":754},"https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API",[755],"nofollow","View Transitions API"," to prevent the default animation from conflicting with your view transition.",[565,759,761],{"id":760},"events","Events",[570,763,764,775],{},[573,765,766],{},[576,767,768,770,772],{},[579,769,581],{},[579,771,587],{},[579,773,774],{},"Description",[589,776,777],{},[576,778,779,784,787],{},[594,780,781],{},[60,782,783],{},"close",[594,785,786],{},"-",[594,788,789],{},"Emitted when the dropdown is closed",[565,791,793],{"id":792},"slots","Slots",[570,795,796,809],{},[573,797,798],{},[576,799,800,802,805,807],{},[579,801,581],{},[579,803,804],{},"Accepts",[579,806,568],{},[579,808,774],{},[589,810,811,830],{},[576,812,813,817,822,827],{},[594,814,815],{},[60,816,214],{},[594,818,819],{},[60,820,821],{},"any",[594,823,824],{},[60,825,826],{},"DropdownSlotsProps",[594,828,829],{},"The element that triggers the dropdown",[576,831,832,837,841,845],{},[594,833,834],{},[60,835,836],{},"default",[594,838,839],{},[60,840,821],{},[594,842,843],{},[60,844,826],{},[594,846,847],{},"The dropdown content",[35,849,850],{},"Both slots share the same exposed properties",[76,852,855],{"className":853,"code":854,"language":114,"meta":81,"style":81},"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",[60,856,857,870,887,898,907,916],{"__ignoreMap":81},[85,858,859,863,867],{"class":87,"line":88},[85,860,862],{"class":861},"sCMWV","interface",[85,864,866],{"class":865},"sTIxS"," DropdownSlotsProps",[85,868,869],{"class":91}," {\n",[85,871,872,875,878,881,883,885],{"class":87,"line":122},[85,873,874],{"class":99},"  isOpen",[85,876,877],{"class":91},": ",[85,879,880],{"class":865},"Ref",[85,882,92],{"class":91},[85,884,685],{"class":865},[85,886,119],{"class":91},[85,888,889,892,895],{"class":87,"line":165},[85,890,891],{"class":213},"  open",[85,893,894],{"class":91},": () => ",[85,896,897],{"class":865},"void\n",[85,899,900,903,905],{"class":87,"line":175},[85,901,902],{"class":213},"  close",[85,904,894],{"class":91},[85,906,897],{"class":865},[85,908,909,912,914],{"class":87,"line":182},[85,910,911],{"class":213},"  toggle",[85,913,894],{"class":91},[85,915,897],{"class":865},[85,917,918],{"class":87,"line":192},[85,919,920],{"class":91},"}\n",[565,922,924],{"id":923},"components","Components",[35,926,927,928,71],{},"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 ",[45,929,57],{"href":56},[931,932,369],"h4",{"id":933},"dropdownitem",[35,935,936],{},"A clickable item in the dropdown menu.",[938,939,940],"dropdown-item-example",{},[76,941,943],{"className":78,"code":942,"language":80,"meta":81,"style":81},"\u003Cscript setup lang=\"ts\">\nimport { DropdownItem } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CDropdownItem>\n    Create\n    \u003Ctemplate #icon-end>\n      \u003CIconPlus />\n    \u003C/template>\n  \u003C/DropdownItem>\n  \u003CDropdownItem>\n    \u003Ctemplate #icon>\n      \u003CIconUser />\n    \u003C/template>\n    Update\n    \u003Ctemplate #hint>\n      \u003CIconCommand />\n      + U\n    \u003C/template>\n  \u003C/DropdownItem>\n  \u003CDropdownItem disabled>\n    Delete\n    \u003Ctemplate #icon-end>\n      \u003CIconTrash />\n    \u003C/template>\n  \u003C/DropdownItem>\n\u003C/template>\n",[60,944,945,965,983,991,995,1003,1011,1016,1028,1037,1045,1053,1061,1073,1082,1090,1095,1107,1115,1120,1128,1136,1146,1151,1163,1172,1180,1188],{"__ignoreMap":81},[85,946,947,949,951,953,955,957,959,961,963],{"class":87,"line":88},[85,948,92],{"class":91},[85,950,96],{"class":95},[85,952,100],{"class":99},[85,954,103],{"class":99},[85,956,106],{"class":91},[85,958,110],{"class":109},[85,960,114],{"class":113},[85,962,110],{"class":109},[85,964,119],{"class":91},[85,966,967,969,971,973,975,977,979,981],{"class":87,"line":122},[85,968,125],{"class":95},[85,970,128],{"class":91},[85,972,142],{"class":99},[85,974,150],{"class":91},[85,976,153],{"class":95},[85,978,156],{"class":109},[85,980,159],{"class":113},[85,982,162],{"class":109},[85,984,985,987,989],{"class":87,"line":165},[85,986,168],{"class":91},[85,988,96],{"class":95},[85,990,119],{"class":91},[85,992,993],{"class":87,"line":175},[85,994,179],{"emptyLinePlaceholder":178},[85,996,997,999,1001],{"class":87,"line":182},[85,998,92],{"class":91},[85,1000,187],{"class":95},[85,1002,119],{"class":91},[85,1004,1005,1007,1009],{"class":87,"line":192},[85,1006,195],{"class":91},[85,1008,369],{"class":95},[85,1010,119],{"class":91},[85,1012,1013],{"class":87,"line":202},[85,1014,1015],{"class":273},"    Create\n",[85,1017,1018,1020,1022,1024,1026],{"class":87,"line":233},[85,1019,205],{"class":91},[85,1021,187],{"class":95},[85,1023,210],{"class":91},[85,1025,454],{"class":213},[85,1027,119],{"class":91},[85,1029,1030,1032,1035],{"class":87,"line":270},[85,1031,236],{"class":91},[85,1033,1034],{"class":95},"IconPlus",[85,1036,403],{"class":91},[85,1038,1039,1041,1043],{"class":87,"line":277},[85,1040,290],{"class":91},[85,1042,187],{"class":95},[85,1044,119],{"class":91},[85,1046,1047,1049,1051],{"class":87,"line":287},[85,1048,550],{"class":91},[85,1050,369],{"class":95},[85,1052,119],{"class":91},[85,1054,1055,1057,1059],{"class":87,"line":297},[85,1056,195],{"class":91},[85,1058,369],{"class":95},[85,1060,119],{"class":91},[85,1062,1063,1065,1067,1069,1071],{"class":87,"line":307},[85,1064,205],{"class":91},[85,1066,187],{"class":95},[85,1068,210],{"class":91},[85,1070,508],{"class":213},[85,1072,119],{"class":91},[85,1074,1075,1077,1080],{"class":87,"line":313},[85,1076,236],{"class":91},[85,1078,1079],{"class":95},"IconUser",[85,1081,403],{"class":91},[85,1083,1084,1086,1088],{"class":87,"line":335},[85,1085,290],{"class":91},[85,1087,187],{"class":95},[85,1089,119],{"class":91},[85,1091,1092],{"class":87,"line":341},[85,1093,1094],{"class":273},"    Update\n",[85,1096,1097,1099,1101,1103,1105],{"class":87,"line":350},[85,1098,205],{"class":91},[85,1100,187],{"class":95},[85,1102,210],{"class":91},[85,1104,389],{"class":213},[85,1106,119],{"class":91},[85,1108,1109,1111,1113],{"class":87,"line":359},[85,1110,236],{"class":91},[85,1112,400],{"class":95},[85,1114,403],{"class":91},[85,1116,1117],{"class":87,"line":364},[85,1118,1119],{"class":273},"      + U\n",[85,1121,1122,1124,1126],{"class":87,"line":374},[85,1123,290],{"class":91},[85,1125,187],{"class":95},[85,1127,119],{"class":91},[85,1129,1130,1132,1134],{"class":87,"line":380},[85,1131,550],{"class":91},[85,1133,369],{"class":95},[85,1135,119],{"class":91},[85,1137,1138,1140,1142,1144],{"class":87,"line":394},[85,1139,195],{"class":91},[85,1141,369],{"class":95},[85,1143,494],{"class":99},[85,1145,119],{"class":91},[85,1147,1148],{"class":87,"line":406},[85,1149,1150],{"class":273},"    Delete\n",[85,1152,1153,1155,1157,1159,1161],{"class":87,"line":412},[85,1154,205],{"class":91},[85,1156,187],{"class":95},[85,1158,210],{"class":91},[85,1160,454],{"class":213},[85,1162,119],{"class":91},[85,1164,1165,1167,1170],{"class":87,"line":421},[85,1166,236],{"class":91},[85,1168,1169],{"class":95},"IconTrash",[85,1171,403],{"class":91},[85,1173,1174,1176,1178],{"class":87,"line":430},[85,1175,290],{"class":91},[85,1177,187],{"class":95},[85,1179,119],{"class":91},[85,1181,1182,1184,1186],{"class":87,"line":439},[85,1183,550],{"class":91},[85,1185,369],{"class":95},[85,1187,119],{"class":91},[85,1189,1190,1192,1194],{"class":87,"line":445},[85,1191,168],{"class":91},[85,1193,187],{"class":95},[85,1195,119],{"class":91},[1197,1198,568],"h5",{"id":1199},"props-1",[570,1201,1202,1212],{},[573,1203,1204],{},[576,1205,1206,1208,1210],{},[579,1207,581],{},[579,1209,584],{},[579,1211,587],{},[589,1213,1214],{},[576,1215,1216,1221,1225],{},[594,1217,1218],{},[60,1219,1220],{},"disabled",[594,1222,1223],{},[60,1224,680],{},[594,1226,1227,609,1229,1231],{},[60,1228,685],{},[643,1230],{}," Whether the item is disabled",[1197,1233,793],{"id":1234},"slots-1",[570,1236,1237,1249],{},[573,1238,1239],{},[576,1240,1241,1243,1245,1247],{},[579,1242,581],{},[579,1244,804],{},[579,1246,568],{},[579,1248,774],{},[589,1250,1251,1266],{},[576,1252,1253,1257,1261,1263],{},[594,1254,1255],{},[60,1256,836],{},[594,1258,1259],{},[60,1260,821],{},[594,1262,786],{},[594,1264,1265],{},"The main content of the item",[576,1267,1268,1272,1276,1278],{},[594,1269,1270],{},[60,1271,389],{},[594,1273,1274],{},[60,1275,821],{},[594,1277,786],{},[594,1279,1280],{},"Additional hint text to display",[931,1282,302],{"id":1283},"dropdowntitle",[35,1285,1286],{},"A title or header section in the dropdown menu which also divides the dropdown into sections.",[1288,1289,1290],"dropdown-title-example",{},[76,1291,1293],{"className":78,"code":1292,"language":80,"meta":81,"style":81},"\u003Ctemplate>\n  \u003CDropdownTitle>\n    Points\n    \u003Cdiv class=\"counter\">\n      10\n    \u003C/div>\n  \u003C/DropdownTitle>\n  \u003CDropdownTitle class=\"w-100\">\n    Manage\n    \u003Ctemplate #end>\n      \u003CIconPlus />\n    \u003C/template>\n  \u003C/DropdownTitle>\n\u003C/template>\n",[60,1294,1295,1303,1311,1316,1334,1339,1347,1355,1374,1379,1392,1400,1408,1416],{"__ignoreMap":81},[85,1296,1297,1299,1301],{"class":87,"line":88},[85,1298,92],{"class":91},[85,1300,187],{"class":95},[85,1302,119],{"class":91},[85,1304,1305,1307,1309],{"class":87,"line":122},[85,1306,195],{"class":91},[85,1308,302],{"class":95},[85,1310,119],{"class":91},[85,1312,1313],{"class":87,"line":165},[85,1314,1315],{"class":273},"    Points\n",[85,1317,1318,1320,1322,1324,1326,1328,1330,1332],{"class":87,"line":175},[85,1319,205],{"class":91},[85,1321,318],{"class":95},[85,1323,321],{"class":99},[85,1325,106],{"class":91},[85,1327,110],{"class":109},[85,1329,328],{"class":113},[85,1331,110],{"class":109},[85,1333,119],{"class":91},[85,1335,1336],{"class":87,"line":182},[85,1337,1338],{"class":273},"      10\n",[85,1340,1341,1343,1345],{"class":87,"line":192},[85,1342,290],{"class":91},[85,1344,318],{"class":95},[85,1346,119],{"class":91},[85,1348,1349,1351,1353],{"class":87,"line":202},[85,1350,550],{"class":91},[85,1352,302],{"class":95},[85,1354,119],{"class":91},[85,1356,1357,1359,1361,1363,1365,1367,1370,1372],{"class":87,"line":233},[85,1358,195],{"class":91},[85,1360,302],{"class":95},[85,1362,321],{"class":99},[85,1364,106],{"class":91},[85,1366,110],{"class":109},[85,1368,1369],{"class":113},"w-100",[85,1371,110],{"class":109},[85,1373,119],{"class":91},[85,1375,1376],{"class":87,"line":270},[85,1377,1378],{"class":273},"    Manage\n",[85,1380,1381,1383,1385,1387,1390],{"class":87,"line":277},[85,1382,205],{"class":91},[85,1384,187],{"class":95},[85,1386,210],{"class":91},[85,1388,1389],{"class":213},"end",[85,1391,119],{"class":91},[85,1393,1394,1396,1398],{"class":87,"line":287},[85,1395,236],{"class":91},[85,1397,1034],{"class":95},[85,1399,403],{"class":91},[85,1401,1402,1404,1406],{"class":87,"line":297},[85,1403,290],{"class":91},[85,1405,187],{"class":95},[85,1407,119],{"class":91},[85,1409,1410,1412,1414],{"class":87,"line":307},[85,1411,550],{"class":91},[85,1413,302],{"class":95},[85,1415,119],{"class":91},[85,1417,1418,1420,1422],{"class":87,"line":313},[85,1419,168],{"class":91},[85,1421,187],{"class":95},[85,1423,119],{"class":91},[1197,1425,568],{"id":1426},"props-2",[570,1428,1429,1439],{},[573,1430,1431],{},[576,1432,1433,1435,1437],{},[579,1434,581],{},[579,1436,584],{},[579,1438,587],{},[589,1440,1441],{},[576,1442,1443,1448,1452],{},[594,1444,1445],{},[60,1446,1447],{},"sticky",[594,1449,1450],{},[60,1451,680],{},[594,1453,1454,609,1456,1458],{},[60,1455,685],{},[643,1457],{}," Whether the title should stick to the top",[1197,1460,793],{"id":1461},"slots-2",[570,1463,1464,1476],{},[573,1465,1466],{},[576,1467,1468,1470,1472,1474],{},[579,1469,581],{},[579,1471,804],{},[579,1473,568],{},[579,1475,774],{},[589,1477,1478,1493],{},[576,1479,1480,1484,1488,1490],{},[594,1481,1482],{},[60,1483,836],{},[594,1485,1486],{},[60,1487,821],{},[594,1489,786],{},[594,1491,1492],{},"The title text",[576,1494,1495,1499,1503,1505],{},[594,1496,1497],{},[60,1498,1389],{},[594,1500,1501],{},[60,1502,821],{},[594,1504,786],{},[594,1506,1507],{},"Content to display at the end of the title",[1509,1510,1511],"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":81,"searchDepth":122,"depth":122,"links":1513},[1514,1515,1516,1517],{"id":567,"depth":165,"text":568},{"id":760,"depth":165,"text":761},{"id":792,"depth":165,"text":793},{"id":923,"depth":165,"text":924},"md",{},{"title":26,"description":37},"docs/components/dropdown","DSy9NHgWzz7D3TZcl-ys9gQbqDKfk8YjpuePpAwYCU4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1524},"\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\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1526},"\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\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1528},"\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\"/>",1777992280972]