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