[{"data":1,"prerenderedAt":781},["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-input":24},{"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":775,"meta":776,"navigation":125,"path":777,"seo":778,"stem":779,"__hash__":780},"docs/docs/components/input.md","Input",{"type":28,"value":29,"toc":769},"minimark",[30,34,38,274,279,621,625,657,661,733,737,765],[31,32,26],"h1",{"id":33},"input",[35,36,37],"p",{},"A versatile input component that supports various input types, validation, and customization options. It includes features like character limits, error messages, and custom slots for additional content.",[39,40,41],"input-example",{},[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Input } from '@dolanske/vui'\nimport { ref } from 'vue'\n\nconst email = ref()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CInput\n    v-model=\"email\"\n    expand\n    label=\"Email\"\n    placeholder=\"example@email.com\"\n    :limit=\"32\"\n    required\n  />\n\u003C/template>\n","vue","",[49,50,51,71,100,120,127,146,156,161,171,180,198,204,219,234,253,259,265],"code",{"__ignoreMap":47},[52,53,56,60,64,68],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sP76a","\u003C",[52,61,63],{"class":62},"sKpE2","script",[52,65,67],{"class":66},"sflEz"," setup",[52,69,70],{"class":58},">\n",[52,72,74,77,80,83,86,89,93,97],{"class":54,"line":73},2,[52,75,76],{"class":62},"import",[52,78,79],{"class":58}," {",[52,81,82],{"class":66}," Input",[52,84,85],{"class":58}," }",[52,87,88],{"class":62}," from",[52,90,92],{"class":91},"sBR95"," '",[52,94,96],{"class":95},"sfmH-","@dolanske/vui",[52,98,99],{"class":91},"'\n",[52,101,103,105,107,110,112,114,116,118],{"class":54,"line":102},3,[52,104,76],{"class":62},[52,106,79],{"class":58},[52,108,109],{"class":66}," ref",[52,111,85],{"class":58},[52,113,88],{"class":62},[52,115,92],{"class":91},[52,117,46],{"class":95},[52,119,99],{"class":91},[52,121,123],{"class":54,"line":122},4,[52,124,126],{"emptyLinePlaceholder":125},true,"\n",[52,128,130,134,137,140,143],{"class":54,"line":129},5,[52,131,133],{"class":132},"sCMWV","const",[52,135,136],{"class":66}," email",[52,138,139],{"class":58}," =",[52,141,109],{"class":142},"sRTv0",[52,144,145],{"class":58},"()\n",[52,147,149,152,154],{"class":54,"line":148},6,[52,150,151],{"class":58},"\u003C/",[52,153,63],{"class":62},[52,155,70],{"class":58},[52,157,159],{"class":54,"line":158},7,[52,160,126],{"emptyLinePlaceholder":125},[52,162,164,166,169],{"class":54,"line":163},8,[52,165,59],{"class":58},[52,167,168],{"class":62},"template",[52,170,70],{"class":58},[52,172,174,177],{"class":54,"line":173},9,[52,175,176],{"class":58},"  \u003C",[52,178,179],{"class":62},"Input\n",[52,181,183,186,189,192,195],{"class":54,"line":182},10,[52,184,185],{"class":142},"    v-model",[52,187,188],{"class":58},"=",[52,190,191],{"class":58},"\"",[52,193,194],{"class":66},"email",[52,196,197],{"class":58},"\"\n",[52,199,201],{"class":54,"line":200},11,[52,202,203],{"class":66},"    expand\n",[52,205,207,210,212,214,217],{"class":54,"line":206},12,[52,208,209],{"class":66},"    label",[52,211,188],{"class":58},[52,213,191],{"class":91},[52,215,216],{"class":95},"Email",[52,218,197],{"class":91},[52,220,222,225,227,229,232],{"class":54,"line":221},13,[52,223,224],{"class":66},"    placeholder",[52,226,188],{"class":58},[52,228,191],{"class":91},[52,230,231],{"class":95},"example@email.com",[52,233,197],{"class":91},[52,235,237,240,243,245,247,251],{"class":54,"line":236},14,[52,238,239],{"class":58},"    :",[52,241,242],{"class":142},"limit",[52,244,188],{"class":58},[52,246,191],{"class":58},[52,248,250],{"class":249},"socUO","32",[52,252,197],{"class":58},[52,254,256],{"class":54,"line":255},15,[52,257,258],{"class":66},"    required\n",[52,260,262],{"class":54,"line":261},16,[52,263,264],{"class":58},"  />\n",[52,266,268,270,272],{"class":54,"line":267},17,[52,269,151],{"class":58},[52,271,168],{"class":62},[52,273,70],{"class":58},[275,276,278],"h3",{"id":277},"props","Props",[280,281,282,298],"table",{},[283,284,285],"thead",{},[286,287,288,292,295],"tr",{},[289,290,291],"th",{},"Name",[289,293,294],{},"Default",[289,296,297],{},"Type",[299,300,301,355,373,389,406,426,442,460,481,499,517,537,553,571,587,603],"tbody",{},[286,302,303,309,314],{},[304,305,306],"td",{},[49,307,308],{},"type",[304,310,311],{},[49,312,313],{},"text",[304,315,316,318,319,318,322,318,325,318,328,318,330,318,333,318,336,318,339,318,342,318,345,318,348,318,351,354],{},[49,317,313],{}," ",[49,320,321],{},"password",[49,323,324],{},"color",[49,326,327],{},"date",[49,329,194],{},[49,331,332],{},"number",[49,334,335],{},"range",[49,337,338],{},"search",[49,340,341],{},"tel",[49,343,344],{},"time",[49,346,347],{},"url",[49,349,350],{},"file",[352,353],"br",{}," Type of input field",[286,356,357,362,365],{},[304,358,359],{},[49,360,361],{},"label",[304,363,364],{},"—",[304,366,367,318,370,372],{},[49,368,369],{},"string",[352,371],{}," Label text for the input",[286,374,375,380,382],{},[304,376,377],{},[49,378,379],{},"hint",[304,381,364],{},[304,383,384,318,386,388],{},[49,385,369],{},[352,387],{}," Helper text displayed below the input",[286,390,391,395,397],{},[304,392,393],{},[49,394,242],{},[304,396,364],{},[304,398,399,318,401,318,403,405],{},[49,400,332],{},[49,402,369],{},[352,404],{}," Maximum number of characters allowed",[286,407,408,413,418],{},[304,409,410],{},[49,411,412],{},"expand",[304,414,415],{},[49,416,417],{},"false",[304,419,420,318,423,425],{},[49,421,422],{},"boolean",[352,424],{}," Makes the input expand to full width",[286,427,428,433,435],{},[304,429,430],{},[49,431,432],{},"placeholder",[304,434,364],{},[304,436,437,318,439,441],{},[49,438,369],{},[352,440],{}," Placeholder text when input is empty",[286,443,444,449,453],{},[304,445,446],{},[49,447,448],{},"required",[304,450,451],{},[49,452,417],{},[304,454,455,318,457,459],{},[49,456,422],{},[352,458],{}," Makes the input required",[286,461,462,467,472],{},[304,463,464],{},[49,465,466],{},"modelValue",[304,468,469],{},[49,470,471],{},"''",[304,473,474,318,476,318,478,480],{},[49,475,369],{},[49,477,332],{},[352,479],{}," Value of the input (for v-model)",[286,482,483,488,492],{},[304,484,485],{},[49,486,487],{},"readonly",[304,489,490],{},[49,491,417],{},[304,493,494,318,496,498],{},[49,495,422],{},[352,497],{}," Makes the input readonly",[286,500,501,506,510],{},[304,502,503],{},[49,504,505],{},"focus",[304,507,508],{},[49,509,417],{},[304,511,512,318,514,516],{},[49,513,422],{},[352,515],{}," Focuses the input when mounted",[286,518,519,524,529],{},[304,520,521],{},[49,522,523],{},"errors",[304,525,526],{},[49,527,528],{},"[]",[304,530,531,318,534,536],{},[49,532,533],{},"string[]",[352,535],{}," Array of error messages to display",[286,538,539,544,546],{},[304,540,541],{},[49,542,543],{},"accept",[304,545,364],{},[304,547,548,318,550,552],{},[49,549,369],{},[352,551],{}," File types to accept (for file inputs)",[286,554,555,560,564],{},[304,556,557],{},[49,558,559],{},"multiple",[304,561,562],{},[49,563,417],{},[304,565,566,318,568,570],{},[49,567,422],{},[352,569],{}," Allows multiple file selection (for file inputs)",[286,572,573,578,580],{},[304,574,575],{},[49,576,577],{},"min",[304,579,364],{},[304,581,582,318,584,586],{},[49,583,332],{},[352,585],{}," Minimum value (for number inputs)",[286,588,589,594,596],{},[304,590,591],{},[49,592,593],{},"max",[304,595,364],{},[304,597,598,318,600,602],{},[49,599,332],{},[352,601],{}," Maximum value (for number inputs)",[286,604,605,610,614],{},[304,606,607],{},[49,608,609],{},"disabled",[304,611,612],{},[49,613,417],{},[304,615,616,318,618,620],{},[49,617,422],{},[352,619],{}," Disables the input",[275,622,624],{"id":623},"events","Events",[280,626,627,639],{},[283,628,629],{},[286,630,631,633,636],{},[289,632,291],{},[289,634,635],{},"Payload",[289,637,638],{},"Description",[299,640,641],{},[286,642,643,648,654],{},[304,644,645],{},[49,646,647],{},"update:modelValue",[304,649,650,318,652],{},[49,651,369],{},[49,653,332],{},[304,655,656],{},"Emitted when the input value changes",[275,658,660],{"id":659},"slots","Slots",[280,662,663,674],{},[283,664,665],{},[286,666,667,669,672],{},[289,668,291],{},[289,670,671],{},"Accepts",[289,673,638],{},[299,675,676,691,705,719],{},[286,677,678,683,688],{},[304,679,680],{},[49,681,682],{},"before",[304,684,685],{},[49,686,687],{},"any",[304,689,690],{},"Content to be displayed before any of the input content",[286,692,693,698,702],{},[304,694,695],{},[49,696,697],{},"start",[304,699,700],{},[49,701,687],{},[304,703,704],{},"Content to be displayed at the start of the input",[286,706,707,712,716],{},[304,708,709],{},[49,710,711],{},"end",[304,713,714],{},[49,715,687],{},[304,717,718],{},"Content to be displayed at the end of the input",[286,720,721,726,730],{},[304,722,723],{},[49,724,725],{},"after",[304,727,728],{},[49,729,687],{},[304,731,732],{},"Content to be displayed after the all the input content",[275,734,736],{"id":735},"exposes","Exposes",[280,738,739,749],{},[283,740,741],{},[286,742,743,745,747],{},[289,744,291],{},[289,746,297],{},[289,748,638],{},[299,750,751],{},[286,752,753,757,762],{},[304,754,755],{},[49,756,505],{},[304,758,759],{},[49,760,761],{},"method",[304,763,764],{},"Focuses the input element",[766,767,768],"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 .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}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);}",{"title":47,"searchDepth":73,"depth":73,"links":770},[771,772,773,774],{"id":277,"depth":102,"text":278},{"id":623,"depth":102,"text":624},{"id":659,"depth":102,"text":660},{"id":735,"depth":102,"text":736},"md",{},"/docs/components/input",{"title":26,"description":37},"docs/components/input","LOWbyuwzVrnvQ8KRqRoU7xYMaYc9c6Ka6wokj4KzIoI",1777992281109]