[{"data":1,"prerenderedAt":885},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-select":12,"i-ph:code":883},{"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":877,"meta":878,"navigation":128,"path":879,"seo":880,"stem":881,"__hash__":882},"docs\u002Fdocs\u002Fcomponents\u002Fselect.md","Select",{"type":16,"value":17,"toc":872},"minimark",[18,22,26,432,437,784,788,820,824,868],[19,20,14],"h1",{"id":21},"select",[23,24,25],"p",{},"A versatile select component that allows users to choose one or more options from a dropdown list. It supports both single and multiple selection modes, includes search functionality, and provides various customization options.",[27,28,30],"select-example",{"source-path":29},"Select\u002FSelect.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup lang=\"ts\">\nimport { Select } from '@dolanske\u002Fvui'\nimport { ref } from 'vue'\n\nconst selected = ref()\nconst options = [\n  { value: 'andrew', label: 'Andrew' },\n  { value: 'john', label: 'John' },\n  { value: 'jane', label: 'Jane' },\n  { value: 'jill', label: 'Jill' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSelect\n    v-model=\"selected\"\n    search\n    :options=\"options\"\n    label=\"Select friends\"\n    placeholder=\"Click me...\"\n    :single=\"false\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,76,103,123,130,149,162,201,232,263,294,300,310,315,325,334,349,355,369,384,399,414,423],"code",{"__ignoreMap":36},[41,42,45,49,53,57,60,63,67,71,73],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":55}," lang",[41,61,62],{"class":47},"=",[41,64,66],{"class":65},"sBR95","\"",[41,68,70],{"class":69},"sfmH-","ts",[41,72,66],{"class":65},[41,74,75],{"class":47},">\n",[41,77,79,82,85,88,91,94,97,100],{"class":43,"line":78},2,[41,80,81],{"class":51},"import",[41,83,84],{"class":47}," {",[41,86,87],{"class":55}," Select",[41,89,90],{"class":47}," }",[41,92,93],{"class":51}," from",[41,95,96],{"class":65}," '",[41,98,99],{"class":69},"@dolanske\u002Fvui",[41,101,102],{"class":65},"'\n",[41,104,106,108,110,113,115,117,119,121],{"class":43,"line":105},3,[41,107,81],{"class":51},[41,109,84],{"class":47},[41,111,112],{"class":55}," ref",[41,114,90],{"class":47},[41,116,93],{"class":51},[41,118,96],{"class":65},[41,120,35],{"class":69},[41,122,102],{"class":65},[41,124,126],{"class":43,"line":125},4,[41,127,129],{"emptyLinePlaceholder":128},true,"\n",[41,131,133,137,140,143,146],{"class":43,"line":132},5,[41,134,136],{"class":135},"sCMWV","const ",[41,138,139],{"class":55},"selected",[41,141,142],{"class":47}," =",[41,144,112],{"class":145},"sRTv0",[41,147,148],{"class":47},"()\n",[41,150,152,154,157,159],{"class":43,"line":151},6,[41,153,136],{"class":135},[41,155,156],{"class":55},"options",[41,158,142],{"class":47},[41,160,161],{"class":47}," [\n",[41,163,165,168,172,175,178,181,183,186,189,191,193,196,198],{"class":43,"line":164},7,[41,166,167],{"class":47},"  { ",[41,169,171],{"class":170},"sDB6b","value",[41,173,174],{"class":47},": ",[41,176,177],{"class":65},"'",[41,179,180],{"class":69},"andrew",[41,182,177],{"class":65},[41,184,185],{"class":47},", ",[41,187,188],{"class":170},"label",[41,190,174],{"class":47},[41,192,177],{"class":65},[41,194,195],{"class":69},"Andrew",[41,197,177],{"class":65},[41,199,200],{"class":47}," },\n",[41,202,204,206,208,210,212,215,217,219,221,223,225,228,230],{"class":43,"line":203},8,[41,205,167],{"class":47},[41,207,171],{"class":170},[41,209,174],{"class":47},[41,211,177],{"class":65},[41,213,214],{"class":69},"john",[41,216,177],{"class":65},[41,218,185],{"class":47},[41,220,188],{"class":170},[41,222,174],{"class":47},[41,224,177],{"class":65},[41,226,227],{"class":69},"John",[41,229,177],{"class":65},[41,231,200],{"class":47},[41,233,235,237,239,241,243,246,248,250,252,254,256,259,261],{"class":43,"line":234},9,[41,236,167],{"class":47},[41,238,171],{"class":170},[41,240,174],{"class":47},[41,242,177],{"class":65},[41,244,245],{"class":69},"jane",[41,247,177],{"class":65},[41,249,185],{"class":47},[41,251,188],{"class":170},[41,253,174],{"class":47},[41,255,177],{"class":65},[41,257,258],{"class":69},"Jane",[41,260,177],{"class":65},[41,262,200],{"class":47},[41,264,266,268,270,272,274,277,279,281,283,285,287,290,292],{"class":43,"line":265},10,[41,267,167],{"class":47},[41,269,171],{"class":170},[41,271,174],{"class":47},[41,273,177],{"class":65},[41,275,276],{"class":69},"jill",[41,278,177],{"class":65},[41,280,185],{"class":47},[41,282,188],{"class":170},[41,284,174],{"class":47},[41,286,177],{"class":65},[41,288,289],{"class":69},"Jill",[41,291,177],{"class":65},[41,293,200],{"class":47},[41,295,297],{"class":43,"line":296},11,[41,298,299],{"class":47},"]\n",[41,301,303,306,308],{"class":43,"line":302},12,[41,304,305],{"class":47},"\u003C\u002F",[41,307,52],{"class":51},[41,309,75],{"class":47},[41,311,313],{"class":43,"line":312},13,[41,314,129],{"emptyLinePlaceholder":128},[41,316,318,320,323],{"class":43,"line":317},14,[41,319,48],{"class":47},[41,321,322],{"class":51},"template",[41,324,75],{"class":47},[41,326,328,331],{"class":43,"line":327},15,[41,329,330],{"class":47},"  \u003C",[41,332,333],{"class":51},"Select\n",[41,335,337,340,342,344,346],{"class":43,"line":336},16,[41,338,339],{"class":55},"    v-model",[41,341,62],{"class":47},[41,343,66],{"class":65},[41,345,139],{"class":69},[41,347,348],{"class":65},"\"\n",[41,350,352],{"class":43,"line":351},17,[41,353,354],{"class":55},"    search\n",[41,356,358,361,363,365,367],{"class":43,"line":357},18,[41,359,360],{"class":55},"    :options",[41,362,62],{"class":47},[41,364,66],{"class":65},[41,366,156],{"class":69},[41,368,348],{"class":65},[41,370,372,375,377,379,382],{"class":43,"line":371},19,[41,373,374],{"class":55},"    label",[41,376,62],{"class":47},[41,378,66],{"class":65},[41,380,381],{"class":69},"Select friends",[41,383,348],{"class":65},[41,385,387,390,392,394,397],{"class":43,"line":386},20,[41,388,389],{"class":55},"    placeholder",[41,391,62],{"class":47},[41,393,66],{"class":65},[41,395,396],{"class":69},"Click me...",[41,398,348],{"class":65},[41,400,402,405,407,409,412],{"class":43,"line":401},21,[41,403,404],{"class":55},"    :single",[41,406,62],{"class":47},[41,408,66],{"class":65},[41,410,411],{"class":69},"false",[41,413,348],{"class":65},[41,415,417,421],{"class":43,"line":416},22,[41,418,420],{"class":419},"s4DP-","  \u002F",[41,422,75],{"class":47},[41,424,426,428,430],{"class":43,"line":425},23,[41,427,305],{"class":47},[41,429,322],{"class":51},[41,431,75],{"class":47},[433,434,436],"h3",{"id":435},"props","Props",[438,439,440,456],"table",{},[441,442,443],"thead",{},[444,445,446,450,453],"tr",{},[447,448,449],"th",{},"Name",[447,451,452],{},"Default",[447,454,455],{},"Type",[457,458,459,483,498,518,536,552,568,584,602,620,640,658,683,701,718,736,754],"tbody",{},[444,460,461,467,470],{},[462,463,464],"td",{},[38,465,466],{},"modelValue",[462,468,469],{},"—",[462,471,472,475,476,475,479,482],{},[38,473,474],{},"SelectOption[]"," ",[38,477,478],{},"undefined",[480,481],"br",{}," The selected option(s)",[444,484,485,489,491],{},[462,486,487],{},[38,488,156],{},[462,490,469],{},[462,492,493,475,495,497],{},[38,494,474],{},[480,496],{}," Array of options to display",[444,499,500,505,510],{},[462,501,502],{},[38,503,504],{},"single",[462,506,507],{},[38,508,509],{},"true",[462,511,512,475,515,517],{},[38,513,514],{},"boolean",[480,516],{}," Whether to allow only single selection",[444,519,520,525,529],{},[462,521,522],{},[38,523,524],{},"readonly",[462,526,527],{},[38,528,411],{},[462,530,531,475,533,535],{},[38,532,514],{},[480,534],{}," Whether the select is readonly",[444,537,538,542,544],{},[462,539,540],{},[38,541,188],{},[462,543,469],{},[462,545,546,475,549,551],{},[38,547,548],{},"string",[480,550],{}," The label text for the select",[444,553,554,559,561],{},[462,555,556],{},[38,557,558],{},"placeholder",[462,560,469],{},[462,562,563,475,565,567],{},[38,564,548],{},[480,566],{}," Placeholder text when no option is selected",[444,569,570,575,577],{},[462,571,572],{},[38,573,574],{},"hint",[462,576,469],{},[462,578,579,475,581,583],{},[38,580,548],{},[480,582],{}," Helper text displayed under the label",[444,585,586,591,595],{},[462,587,588],{},[38,589,590],{},"search",[462,592,593],{},[38,594,411],{},[462,596,597,475,599,601],{},[38,598,514],{},[480,600],{}," Whether to enable search functionality",[444,603,604,609,613],{},[462,605,606],{},[38,607,608],{},"required",[462,610,611],{},[38,612,411],{},[462,614,615,475,617,619],{},[38,616,514],{},[480,618],{}," Whether the select is required",[444,621,622,627,632],{},[462,623,624],{},[38,625,626],{},"errors",[462,628,629],{},[38,630,631],{},"[]",[462,633,634,475,637,639],{},[38,635,636],{},"string[]",[480,638],{}," Array of error messages to display",[444,641,642,647,651],{},[462,643,644],{},[38,645,646],{},"disabled",[462,648,649],{},[38,650,411],{},[462,652,653,475,655,657],{},[38,654,514],{},[480,656],{}," Whether the select is disabled",[444,659,660,665,670],{},[462,661,662],{},[38,663,664],{},"size",[462,666,667],{},[38,668,669],{},"m",[462,671,672,475,675,475,677,475,680,682],{},[38,673,674],{},"s",[38,676,669],{},[38,678,679],{},"l",[480,681],{}," Controls the input height and padding",[444,684,685,690,694],{},[462,686,687],{},[38,688,689],{},"showClear",[462,691,692],{},[38,693,411],{},[462,695,696,475,698,700],{},[38,697,514],{},[480,699],{}," Shows a clear button when there is a selected value",[444,702,703,708,710],{},[462,704,705],{},[38,706,707],{},"maxActiveOptions",[462,709,469],{},[462,711,712,475,715,717],{},[38,713,714],{},"number",[480,716],{}," Maximum number of options that can be selected (multiple mode only)",[444,719,720,725,727],{},[462,721,722],{},[38,723,724],{},"maxHeight",[462,726,469],{},[462,728,729,475,731,475,733,735],{},[38,730,714],{},[38,732,548],{},[480,734],{}," Maximum height of the dropdown before it starts scrolling",[444,737,738,743,747],{},[462,739,740],{},[38,741,742],{},"noMobileDrawer",[462,744,745],{},[38,746,411],{},[462,748,749,475,751,753],{},[38,750,514],{},[480,752],{}," Disables mobile drawer behavior in the underlying dropdown",[444,755,756,761,763],{},[462,757,758],{},[38,759,760],{},"transition-name",[462,762,469],{},[462,764,765,475,767,475,770,772,773,775,776,783],{},[38,766,548],{},[38,768,769],{},"none",[480,771],{}," Allows you to change or disable the Vue transition for dropdown appear. By default, placement-based transition is used. Set to ",[38,774,769],{}," when using the ",[777,778,782],"a",{"href":779,"rel":780},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FView_Transitions_API",[781],"nofollow","View Transitions API"," to prevent the default animation from conflicting with your view transition.",[433,785,787],{"id":786},"events","Events",[438,789,790,802],{},[441,791,792],{},[444,793,794,796,799],{},[447,795,449],{},[447,797,798],{},"Payload",[447,800,801],{},"Description",[457,803,804],{},[444,805,806,811,817],{},[462,807,808],{},[38,809,810],{},"update:modelValue",[462,812,813,475,815],{},[38,814,474],{},[38,816,478],{},[462,818,819],{},"Emitted when selection changes",[433,821,823],{"id":822},"types","Types",[31,825,829],{"className":826,"code":827,"language":828,"meta":36,"style":36},"language-typescript shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","interface SelectOption {\n  value: any\n  label: string\n}\n","typescript",[38,830,831,843,853,863],{"__ignoreMap":36},[41,832,833,836,840],{"class":43,"line":44},[41,834,835],{"class":135},"interface",[41,837,839],{"class":838},"sTIxS"," SelectOption",[41,841,842],{"class":47}," {\n",[41,844,845,848,850],{"class":43,"line":78},[41,846,847],{"class":55},"  value",[41,849,174],{"class":47},[41,851,852],{"class":838},"any\n",[41,854,855,858,860],{"class":43,"line":105},[41,856,857],{"class":55},"  label",[41,859,174],{"class":47},[41,861,862],{"class":838},"string\n",[41,864,865],{"class":43,"line":125},[41,866,867],{"class":47},"}\n",[869,870,871],"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 .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .s4DP-, html code.shiki .s4DP-{--shiki-dark:#666666;--shiki-dark-font-style:italic;--shiki-light:#999999;--shiki-light-font-style:italic;--shiki-default:#666666;--shiki-default-font-style:italic}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 .sTIxS, html code.shiki .sTIxS{--shiki-dark:#5DA994;--shiki-light:#2E8F82;--shiki-default:#5DA994}",{"title":36,"searchDepth":78,"depth":78,"links":873},[874,875,876],{"id":435,"depth":105,"text":436},{"id":786,"depth":105,"text":787},{"id":822,"depth":105,"text":823},"md",{},"\u002Fdocs\u002Fcomponents\u002Fselect",{"title":14,"description":25},"docs\u002Fcomponents\u002Fselect","Drl4OU3S9nm6B_mMo4ENJSTJ30h-V0vl3ryTlZFN-p8",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":884},"\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>",1782200883153]