[{"data":1,"prerenderedAt":1909},["ShallowReactive",2],{"docs-nav-pkg":3,"docs-page-pkg-\u002Fpkg\u002Ffield":133},[4,8,12,15,18,21,24,27,30,33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,121,124,127,130],{"path":5,"title":6,"section":7},"\u002Fpkg","Overview","Start",{"path":9,"title":10,"section":11},"\u002Fpkg\u002Faccordion","Accordion","Components",{"path":13,"title":14,"section":11},"\u002Fpkg\u002Falert-dialog","Alert Dialog",{"path":16,"title":17,"section":11},"\u002Fpkg\u002Fautocomplete","Autocomplete",{"path":19,"title":20,"section":11},"\u002Fpkg\u002Favatar","Avatar",{"path":22,"title":23,"section":11},"\u002Fpkg\u002Fbutton","Button",{"path":25,"title":26,"section":11},"\u002Fpkg\u002Fcheckbox","Checkbox",{"path":28,"title":29,"section":11},"\u002Fpkg\u002Fcheckbox-group","Checkbox Group",{"path":31,"title":32,"section":11},"\u002Fpkg\u002Fcollapsible","Collapsible",{"path":34,"title":35,"section":11},"\u002Fpkg\u002Fcombobox","Combobox",{"path":37,"title":38,"section":11},"\u002Fpkg\u002Fcontext-menu","Context Menu",{"path":40,"title":41,"section":11},"\u002Fpkg\u002Fdialog","Dialog",{"path":43,"title":44,"section":11},"\u002Fpkg\u002Fdrawer","Drawer",{"path":46,"title":47,"section":11},"\u002Fpkg\u002Ffield","Field",{"path":49,"title":50,"section":11},"\u002Fpkg\u002Ffieldset","Fieldset",{"path":52,"title":53,"section":11},"\u002Fpkg\u002Fform","Form",{"path":55,"title":56,"section":11},"\u002Fpkg\u002Ficon-picker","Icon picker",{"path":58,"title":59,"section":11},"\u002Fpkg\u002Finput","Input",{"path":61,"title":62,"section":11},"\u002Fpkg\u002Fmenu","Menu",{"path":64,"title":65,"section":11},"\u002Fpkg\u002Fmenubar","Menubar",{"path":67,"title":68,"section":11},"\u002Fpkg\u002Fmeter","Meter",{"path":70,"title":71,"section":11},"\u002Fpkg\u002Fnavigation-menu","Navigation Menu",{"path":73,"title":74,"section":11},"\u002Fpkg\u002Fnumber-field","Number Field",{"path":76,"title":77,"section":11},"\u002Fpkg\u002Fotp-field","OTP Field",{"path":79,"title":80,"section":11},"\u002Fpkg\u002Fplot","Plot",{"path":82,"title":83,"section":11},"\u002Fpkg\u002Fpopover","Popover",{"path":85,"title":86,"section":11},"\u002Fpkg\u002Fpreview-card","Preview Card",{"path":88,"title":89,"section":11},"\u002Fpkg\u002Fprogress","Progress",{"path":91,"title":92,"section":11},"\u002Fpkg\u002Fradio-group","Radio Group",{"path":94,"title":95,"section":11},"\u002Fpkg\u002Fscroll-area","Scroll Area",{"path":97,"title":98,"section":11},"\u002Fpkg\u002Fselect","Select",{"path":100,"title":101,"section":11},"\u002Fpkg\u002Fseparator","Separator",{"path":103,"title":104,"section":11},"\u002Fpkg\u002Fsidebar","Sidebar",{"path":106,"title":107,"section":11},"\u002Fpkg\u002Fslider","Slider",{"path":109,"title":110,"section":11},"\u002Fpkg\u002Fswitch","Switch",{"path":112,"title":113,"section":11},"\u002Fpkg\u002Ftabs","Tabs",{"path":115,"title":116,"section":11},"\u002Fpkg\u002Ftoast","Toast",{"path":118,"title":119,"section":120},"\u002Fpkg\u002Fapi","Api","Runtime",{"path":122,"title":123,"section":120},"\u002Fpkg\u002Fauth","Auth",{"path":125,"title":126,"section":120},"\u002Fpkg\u002Fblob","Blob",{"path":128,"title":129,"section":120},"\u002Fpkg\u002Fchannels","Channels",{"path":131,"title":132,"section":120},"\u002Fpkg\u002Fdb","Db",{"id":134,"title":47,"body":135,"description":1902,"extension":1903,"meta":1904,"navigation":1905,"path":46,"section":11,"seo":1906,"stem":1907,"__hash__":1908},"pkg\u002Fpkg\u002Ffield.md",{"type":136,"value":137,"toc":1878},"minimark",[138,151,154,161,166,227,231,302,308,312,317,329,331,334,347,349,353,371,373,470,474,486,504,515,517,521,534,536,540,563,566,649,653,666,668,706,710,713,716,752,756,773,775,805,809,835,839,850,1029,1105,1109,1115,1173,1246,1250,1274,1366,1434,1437,1447,1515,1518,1523,1558,1627,1631,1648,1682,1768,1771,1774,1810,1874],[139,140,141,142,146,147,150],"p",{},"A component that provides labeling and validation for form controls. Pair it with Form when you need submit-time errors. ",[143,144,145],"code",{},"color"," tints the control wash. ",[143,148,149],{},"inline"," makes that wash transparent. Labels are Regular, descriptions and errors are Light.",[152,153],"base-field-demo",{},[139,155,156,157,160],{},"Focus the name field and leave it empty to see the ",[143,158,159],{},"valueMissing"," error. The description stays visible underneath.",[162,163,165],"h2",{"id":164},"usage-guidelines","Usage guidelines",[167,168,169,181,195,205],"ul",{},[170,171,172,176,177,180],"li",{},[173,174,175],"strong",{},"Accessible name:"," Use ",[143,178,179],{},"UiFieldLabel",". It is associated with the control automatically.",[170,182,183,186,187,190,191,194],{},[173,184,185],{},"When to validate:"," Standalone fields default to ",[143,188,189],{},"onBlur",". Inside Form they default to ",[143,192,193],{},"onSubmit",", then re-validate on change after submit.",[170,196,197,200,201,204],{},[173,198,199],{},"Other controls:"," Omit ",[143,202,203],{},"UiFieldControl"," and use Input, Checkbox, or Select. Field still wires the label, description, and error.",[170,206,207,210,211,214,215,218,219,222,223,226],{},[173,208,209],{},"External validity:"," Set ",[143,212,213],{},"invalid"," and show ",[143,216,217],{},"UiFieldError"," with ",[143,220,221],{},"match"," ",[143,224,225],{},"true"," when another library owns the error.",[162,228,230],{"id":229},"anatomy","Anatomy",[232,233,238],"pre",{"className":234,"code":235,"language":236,"meta":237,"style":237},"language-vue shiki shiki-themes github-light github-dark","\u003CUiFieldRoot>\n  \u003CUiFieldLabel \u002F>\n  \u003CUiFieldControl \u002F>\n  \u003CUiFieldDescription \u002F>\n  \u003CUiFieldItem \u002F>\n  \u003CUiFieldError \u002F>\n  \u003CUiFieldValidity \u002F>\n\u003C\u002FUiFieldRoot>\n","vue","",[143,239,240,256,262,268,274,280,286,292],{"__ignoreMap":237},[241,242,245,249,253],"span",{"class":243,"line":244},"line",1,[241,246,248],{"class":247},"sVt8B","\u003C",[241,250,252],{"class":251},"s9eBZ","UiFieldRoot",[241,254,255],{"class":247},">\n",[241,257,259],{"class":243,"line":258},2,[241,260,261],{"class":247},"  \u003CUiFieldLabel \u002F>\n",[241,263,265],{"class":243,"line":264},3,[241,266,267],{"class":247},"  \u003CUiFieldControl \u002F>\n",[241,269,271],{"class":243,"line":270},4,[241,272,273],{"class":247},"  \u003CUiFieldDescription \u002F>\n",[241,275,277],{"class":243,"line":276},5,[241,278,279],{"class":247},"  \u003CUiFieldItem \u002F>\n",[241,281,283],{"class":243,"line":282},6,[241,284,285],{"class":247},"  \u003CUiFieldError \u002F>\n",[241,287,289],{"class":243,"line":288},7,[241,290,291],{"class":247},"  \u003CUiFieldValidity \u002F>\n",[241,293,295,298,300],{"class":243,"line":294},8,[241,296,297],{"class":247},"\u003C\u002F",[241,299,252],{"class":251},[241,301,255],{"class":247},[139,303,304,305,307],{},"You can omit ",[143,306,203],{}," and use Input, Checkbox, or Select instead. They work with Field out of the box.",[162,309,311],{"id":310},"examples","Examples",[313,314,316],"h3",{"id":315},"disabled","Disabled",[139,318,319,321,322,325,326,328],{},[143,320,315],{}," on Root ignores interaction and sets ",[143,323,324],{},"data-disabled"," on every part. It takes precedence over ",[143,327,315],{}," on Control.",[152,330],{"variant":315},[313,332,333],{"id":213},"Invalid",[139,335,336,337,339,340,218,342,222,344,346],{},"Set ",[143,338,213],{}," when an external library owns validity. ",[143,341,217],{},[143,343,221],{},[143,345,225],{}," always shows, so the library can control visibility.",[152,348],{"variant":213},[313,350,352],{"id":351},"custom-validation","Custom validation",[139,354,355,356,359,360,363,364,367,368,370],{},"Pass ",[143,357,358],{},"validate"," to return a string (or array of strings) when the value is invalid. Returning nothing, ",[143,361,362],{},"null",", an empty string, or an empty array means the value is valid. Pair ",[143,365,366],{},"UiFieldError match=\"customError\""," with native matches such as ",[143,369,159],{},".",[152,372],{"variant":358},[232,374,376],{"className":234,"code":375,"language":236,"meta":237,"style":237},"\u003CUiFieldRoot :validate=\"(value) => String(value).length \u003C 3 ? 'Use at least 3 characters' : undefined\">\n  \u003CUiFieldLabel>Username\u003C\u002FUiFieldLabel>\n  \u003CUiFieldControl required \u002F>\n  \u003CUiFieldError match=\"valueMissing\">Please choose a username\u003C\u002FUiFieldError>\n  \u003CUiFieldError match=\"customError\" \u002F>\n\u003C\u002FUiFieldRoot>\n",[143,377,378,442,447,452,457,462],{"__ignoreMap":237},[241,379,380,382,384,387,390,393,397,400,404,407,411,414,417,421,424,427,430,433,435,438,440],{"class":243,"line":244},[241,381,248],{"class":247},[241,383,252],{"class":251},[241,385,386],{"class":247}," :",[241,388,358],{"class":389},"sScJk",[241,391,392],{"class":247},"=",[241,394,396],{"class":395},"sZZnC","\"",[241,398,399],{"class":247},"(",[241,401,403],{"class":402},"s4XuR","value",[241,405,406],{"class":247},") ",[241,408,410],{"class":409},"szBVR","=>",[241,412,413],{"class":389}," String",[241,415,416],{"class":247},"(value).",[241,418,420],{"class":419},"sj4cs","length",[241,422,423],{"class":409}," \u003C",[241,425,426],{"class":419}," 3",[241,428,429],{"class":409}," ?",[241,431,432],{"class":395}," 'Use at least 3 characters'",[241,434,386],{"class":409},[241,436,437],{"class":419}," undefined",[241,439,396],{"class":395},[241,441,255],{"class":247},[241,443,444],{"class":243,"line":258},[241,445,446],{"class":247},"  \u003CUiFieldLabel>Username\u003C\u002FUiFieldLabel>\n",[241,448,449],{"class":243,"line":264},[241,450,451],{"class":247},"  \u003CUiFieldControl required \u002F>\n",[241,453,454],{"class":243,"line":270},[241,455,456],{"class":247},"  \u003CUiFieldError match=\"valueMissing\">Please choose a username\u003C\u002FUiFieldError>\n",[241,458,459],{"class":243,"line":276},[241,460,461],{"class":247},"  \u003CUiFieldError match=\"customError\" \u002F>\n",[241,463,464,466,468],{"class":243,"line":282},[241,465,297],{"class":247},[241,467,252],{"class":251},[241,469,255],{"class":247},[313,471,473],{"id":472},"validation-mode","Validation mode",[139,475,476,477,190,479,481,482,485],{},"Standalone fields default to ",[143,478,189],{},[143,480,193],{},", then re-validate on change after submit. Set ",[143,483,484],{},"validationMode"," on Root to override:",[167,487,488,493,498],{},[170,489,490,492],{},[143,491,193],{}," — validate when the form is submitted, then re-validate on change",[170,494,495,497],{},[143,496,189],{}," — validate when the control loses focus",[170,499,500,503],{},[143,501,502],{},"onChange"," — validate on every change",[139,505,506,509,510,222,512,514],{},[143,507,508],{},"validationDebounceTime"," delays ",[143,511,502],{},[143,513,358],{}," callbacks, in milliseconds.",[152,516],{"variant":502},[313,518,520],{"id":519},"pattern","Pattern",[139,522,523,524,526,527,530,531,533],{},"Native ",[143,525,519],{}," sets ",[143,528,529],{},"patternMismatch"," after blur (or according to ",[143,532,484],{},").",[152,535],{"variant":519},[313,537,539],{"id":538},"field-items","Field items",[139,541,542,545,546,548,549,551,552,555,556,559,560,533],{},[143,543,544],{},"UiFieldItem"," groups a checkbox or radio with its own label and description. Item ",[143,547,315],{}," ignores that row; Root ",[143,550,315],{}," still wins. Prefer ",[143,553,554],{},"native-button"," on the checkbox when the label is a sibling (",[143,557,558],{},"for"," \u002F ",[143,561,562],{},"id",[152,564],{"variant":565},"item",[232,567,569],{"className":234,"code":568,"language":236,"meta":237,"style":237},"\u003CUiFieldRoot name=\"apple\">\n  \u003CUiFieldLabel :native-label=\"false\">Apples\u003C\u002FUiFieldLabel>\n  \u003CUiCheckboxGroup>\n    \u003CUiFieldItem>\n      \u003CUiCheckboxRoot native-button value=\"fuji\">\n        \u003CUiCheckboxIndicator \u002F>\n      \u003C\u002FUiCheckboxRoot>\n      \u003CUiFieldLabel>Fuji\u003C\u002FUiFieldLabel>\n      \u003CUiFieldDescription>Crisp and extra sweet\u003C\u002FUiFieldDescription>\n    \u003C\u002FUiFieldItem>\n  \u003C\u002FUiCheckboxGroup>\n\u003C\u002FUiFieldRoot>\n",[143,570,571,587,592,597,602,607,612,617,622,628,634,640],{"__ignoreMap":237},[241,572,573,575,577,580,582,585],{"class":243,"line":244},[241,574,248],{"class":247},[241,576,252],{"class":251},[241,578,579],{"class":389}," name",[241,581,392],{"class":247},[241,583,584],{"class":395},"\"apple\"",[241,586,255],{"class":247},[241,588,589],{"class":243,"line":258},[241,590,591],{"class":247},"  \u003CUiFieldLabel :native-label=\"false\">Apples\u003C\u002FUiFieldLabel>\n",[241,593,594],{"class":243,"line":264},[241,595,596],{"class":247},"  \u003CUiCheckboxGroup>\n",[241,598,599],{"class":243,"line":270},[241,600,601],{"class":247},"    \u003CUiFieldItem>\n",[241,603,604],{"class":243,"line":276},[241,605,606],{"class":247},"      \u003CUiCheckboxRoot native-button value=\"fuji\">\n",[241,608,609],{"class":243,"line":282},[241,610,611],{"class":247},"        \u003CUiCheckboxIndicator \u002F>\n",[241,613,614],{"class":243,"line":288},[241,615,616],{"class":247},"      \u003C\u002FUiCheckboxRoot>\n",[241,618,619],{"class":243,"line":294},[241,620,621],{"class":247},"      \u003CUiFieldLabel>Fuji\u003C\u002FUiFieldLabel>\n",[241,623,625],{"class":243,"line":624},9,[241,626,627],{"class":247},"      \u003CUiFieldDescription>Crisp and extra sweet\u003C\u002FUiFieldDescription>\n",[241,629,631],{"class":243,"line":630},10,[241,632,633],{"class":247},"    \u003C\u002FUiFieldItem>\n",[241,635,637],{"class":243,"line":636},11,[241,638,639],{"class":247},"  \u003C\u002FUiCheckboxGroup>\n",[241,641,643,645,647],{"class":243,"line":642},12,[241,644,297],{"class":247},[241,646,252],{"class":251},[241,648,255],{"class":247},[313,650,652],{"id":651},"validity","Validity",[139,654,655,658,659,662,663,370],{},[143,656,657],{},"UiFieldValidity"," takes a scoped slot with ",[143,660,661],{},"{ validity, error, errors, value, initialValue }"," so you can render a custom message from ",[143,664,665],{},"ValidityState",[152,667],{"variant":651},[232,669,671],{"className":234,"code":670,"language":236,"meta":237,"style":237},"\u003CUiFieldValidity v-slot=\"{ validity, error }\">\n  \u003Cp v-if=\"validity.valid === false\">{{ error }}\u003C\u002Fp>\n\u003C\u002FUiFieldValidity>\n",[143,672,673,693,698],{"__ignoreMap":237},[241,674,675,677,679,682,684,686,689,691],{"class":243,"line":244},[241,676,248],{"class":247},[241,678,657],{"class":251},[241,680,681],{"class":389}," v-slot",[241,683,392],{"class":247},[241,685,396],{"class":395},[241,687,688],{"class":247},"{ validity, error }",[241,690,396],{"class":395},[241,692,255],{"class":247},[241,694,695],{"class":243,"line":258},[241,696,697],{"class":247},"  \u003Cp v-if=\"validity.valid === false\">{{ error }}\u003C\u002Fp>\n",[241,699,700,702,704],{"class":243,"line":264},[241,701,297],{"class":247},[241,703,657],{"class":251},[241,705,255],{"class":247},[313,707,709],{"id":708},"other-controls","Other controls",[139,711,712],{},"Omit Control and drop in Input (or Checkbox, Select, …). Field still wires the label, description, and error.",[152,714],{"variant":715},"input",[232,717,719],{"className":234,"code":718,"language":236,"meta":237,"style":237},"\u003CUiFieldRoot>\n  \u003CUiFieldLabel>Name\u003C\u002FUiFieldLabel>\n  \u003CUiInput required placeholder=\"e.g. Colm Tuite\" \u002F>\n  \u003CUiFieldError match=\"valueMissing\">Please enter your name\u003C\u002FUiFieldError>\n\u003C\u002FUiFieldRoot>\n",[143,720,721,729,734,739,744],{"__ignoreMap":237},[241,722,723,725,727],{"class":243,"line":244},[241,724,248],{"class":247},[241,726,252],{"class":251},[241,728,255],{"class":247},[241,730,731],{"class":243,"line":258},[241,732,733],{"class":247},"  \u003CUiFieldLabel>Name\u003C\u002FUiFieldLabel>\n",[241,735,736],{"class":243,"line":264},[241,737,738],{"class":247},"  \u003CUiInput required placeholder=\"e.g. Colm Tuite\" \u002F>\n",[241,740,741],{"class":243,"line":270},[241,742,743],{"class":247},"  \u003CUiFieldError match=\"valueMissing\">Please enter your name\u003C\u002FUiFieldError>\n",[241,745,746,748,750],{"class":243,"line":276},[241,747,297],{"class":247},[241,749,252],{"class":251},[241,751,255],{"class":247},[313,753,755],{"id":754},"native-label","Native label",[139,757,758,761,762,764,765,768,769,772],{},[143,759,760],{},"nativeLabel"," defaults to ",[143,763,225],{}," and renders a ",[143,766,767],{},"\u003Clabel>",". Set it ",[143,770,771],{},"false"," for Select and Combobox triggers so hovering or clicking the label does not fire on the trigger button.",[152,774],{"variant":760},[232,776,778],{"className":234,"code":777,"language":236,"meta":237,"style":237},"\u003CUiFieldLabel :native-label=\"false\">Country\u003C\u002FUiFieldLabel>\n",[143,779,780],{"__ignoreMap":237},[241,781,782,784,786,788,790,792,794,796,798,801,803],{"class":243,"line":244},[241,783,248],{"class":247},[241,785,179],{"class":251},[241,787,386],{"class":247},[241,789,754],{"class":389},[241,791,392],{"class":247},[241,793,396],{"class":395},[241,795,771],{"class":419},[241,797,396],{"class":395},[241,799,800],{"class":247},">Country\u003C\u002F",[241,802,179],{"class":251},[241,804,255],{"class":247},[162,806,808],{"id":807},"api-reference","API reference",[139,810,811,812,814,815,814,818,814,821,814,824,814,827,830,831,834],{},"Parts receive ",[143,813,324],{},", ",[143,816,817],{},"data-valid",[143,819,820],{},"data-invalid",[143,822,823],{},"data-dirty",[143,825,826],{},"data-touched",[143,828,829],{},"data-filled",", and ",[143,832,833],{},"data-focused"," from Root.",[313,836,838],{"id":837},"root","Root",[139,840,841,842,845,846,849],{},"Groups all parts of the field. Renders a ",[143,843,844],{},"\u003Cdiv>",". Call ",[143,847,848],{},"validate()"," on a template ref to run the same checks as submit or blur.",[851,852,853,872],"table",{},[854,855,856],"thead",{},[857,858,859,863,866,869],"tr",{},[860,861,862],"th",{},"Prop",[860,864,865],{},"Type",[860,867,868],{},"Default",[860,870,871],{},"Description",[873,874,875,896,916,931,947,963,981,1005],"tbody",{},[857,876,877,883,888,891],{},[878,879,880],"td",{},[143,881,882],{},"name",[878,884,885],{},[143,886,887],{},"string",[878,889,890],{},"—",[878,892,893,894,328],{},"Identifies the field when a form is submitted. Takes precedence over ",[143,895,882],{},[857,897,898,902,907,911],{},[878,899,900],{},[143,901,315],{},[878,903,904],{},[143,905,906],{},"boolean",[878,908,909],{},[143,910,771],{},[878,912,913,914,370],{},"Ignore interaction. Takes precedence over Control ",[143,915,315],{},[857,917,918,922,926,928],{},[878,919,920],{},[143,921,213],{},[878,923,924],{},[143,925,906],{},[878,927,890],{},[878,929,930],{},"Force invalid when an external library owns state.",[857,932,933,938,942,944],{},[878,934,935],{},[143,936,937],{},"dirty",[878,939,940],{},[143,941,906],{},[878,943,890],{},[878,945,946],{},"Controlled dirty. Uncontrolled: value differs from the initial value.",[857,948,949,954,958,960],{},[878,950,951],{},[143,952,953],{},"touched",[878,955,956],{},[143,957,906],{},[878,959,890],{},[878,961,962],{},"Controlled touched. Uncontrolled: set on blur.",[857,964,965,969,974,976],{},[878,966,967],{},[143,968,358],{},[878,970,971],{},[143,972,973],{},"(value, formValues) => string | string[] | void | null | Promise\u003C…>",[878,975,890],{},[878,977,978,979,370],{},"Custom validation. Return a message (or array) when invalid. Async results do not block ",[143,980,193],{},[857,982,983,987,992,1002],{},[878,984,985],{},[143,986,484],{},[878,988,989],{},[143,990,991],{},"'onSubmit' | 'onBlur' | 'onChange'",[878,993,994,997,998,1001],{},[143,995,996],{},"'onBlur'"," standalone, ",[143,999,1000],{},"'onSubmit'"," in Form",[878,1003,1004],{},"When to validate. Takes precedence over Form.",[857,1006,1007,1011,1016,1021],{},[878,1008,1009],{},[143,1010,508],{},[878,1012,1013],{},[143,1014,1015],{},"number",[878,1017,1018],{},[143,1019,1020],{},"0",[878,1022,1023,1024,222,1026,1028],{},"Milliseconds to wait between ",[143,1025,502],{},[143,1027,358],{}," calls.",[851,1030,1031,1040],{},[854,1032,1033],{},[857,1034,1035,1038],{},[860,1036,1037],{},"Attribute",[860,1039,871],{},[873,1041,1042,1051,1060,1069,1078,1087,1096],{},[857,1043,1044,1048],{},[878,1045,1046],{},[143,1047,324],{},[878,1049,1050],{},"Present when the field is disabled.",[857,1052,1053,1057],{},[878,1054,1055],{},[143,1056,817],{},[878,1058,1059],{},"Present when the field is valid.",[857,1061,1062,1066],{},[878,1063,1064],{},[143,1065,820],{},[878,1067,1068],{},"Present when the field is invalid.",[857,1070,1071,1075],{},[878,1072,1073],{},[143,1074,823],{},[878,1076,1077],{},"Present when the value has changed from its initial value.",[857,1079,1080,1084],{},[878,1081,1082],{},[143,1083,826],{},[878,1085,1086],{},"Present when the field has been touched.",[857,1088,1089,1093],{},[878,1090,1091],{},[143,1092,829],{},[878,1094,1095],{},"Present when the field has a value.",[857,1097,1098,1102],{},[878,1099,1100],{},[143,1101,833],{},[878,1103,1104],{},"Present when the control is focused.",[313,1106,1108],{"id":1107},"label","Label",[139,1110,1111,1112,1114],{},"Accessible label associated with the control. Renders a ",[143,1113,767],{}," by default.",[851,1116,1117,1129],{},[854,1118,1119],{},[857,1120,1121,1123,1125,1127],{},[860,1122,862],{},[860,1124,865],{},[860,1126,868],{},[860,1128,871],{},[873,1130,1131,1157],{},[857,1132,1133,1137,1141,1145],{},[878,1134,1135],{},[143,1136,760],{},[878,1138,1139],{},[143,1140,906],{},[878,1142,1143],{},[143,1144,225],{},[878,1146,336,1147,1149,1150,1153,1154,1156],{},[143,1148,771],{}," to render a ",[143,1151,1152],{},"\u003Cspan>"," instead of ",[143,1155,767],{}," (for Select \u002F Combobox triggers).",[857,1158,1159,1163,1167,1170],{},[878,1160,1161],{},[143,1162,558],{},[878,1164,1165],{},[143,1166,887],{},[878,1168,1169],{},"control id",[878,1171,1172],{},"Override the labelled control.",[851,1174,1175,1183],{},[854,1176,1177],{},[857,1178,1179,1181],{},[860,1180,1037],{},[860,1182,871],{},[873,1184,1185,1193,1202,1211,1220,1228,1237],{},[857,1186,1187,1191],{},[878,1188,1189],{},[143,1190,324],{},[878,1192,1050],{},[857,1194,1195,1199],{},[878,1196,1197],{},[143,1198,817],{},[878,1200,1201],{},"Present when the field is in a valid state.",[857,1203,1204,1208],{},[878,1205,1206],{},[143,1207,820],{},[878,1209,1210],{},"Present when the field is in an invalid state.",[857,1212,1213,1217],{},[878,1214,1215],{},[143,1216,823],{},[878,1218,1219],{},"Present when the field’s value has changed.",[857,1221,1222,1226],{},[878,1223,1224],{},[143,1225,826],{},[878,1227,1086],{},[857,1229,1230,1234],{},[878,1231,1232],{},[143,1233,829],{},[878,1235,1236],{},"Present when the field is filled.",[857,1238,1239,1243],{},[878,1240,1241],{},[143,1242,833],{},[878,1244,1245],{},"Present when the field control is focused.",[313,1247,1249],{"id":1248},"control","Control",[139,1251,523,1252,1255,1256,814,1259,814,1262,814,1264,814,1267,830,1270,1273],{},[143,1253,1254],{},"\u003Cinput>",". Extra attributes such as ",[143,1257,1258],{},"type",[143,1260,1261],{},"required",[143,1263,519],{},[143,1265,1266],{},"min",[143,1268,1269],{},"max",[143,1271,1272],{},"maxlength"," pass through. You can omit this part and use Input, Checkbox, or Select instead.",[851,1275,1276,1288],{},[854,1277,1278],{},[857,1279,1280,1282,1284,1286],{},[860,1281,862],{},[860,1283,865],{},[860,1285,868],{},[860,1287,871],{},[873,1289,1290,1307,1325,1345],{},[857,1291,1292,1297,1302,1304],{},[878,1293,1294],{},[143,1295,1296],{},"defaultValue",[878,1298,1299],{},[143,1300,1301],{},"string | number",[878,1303,890],{},[878,1305,1306],{},"Uncontrolled initial value.",[857,1308,1309,1313,1317,1319],{},[878,1310,1311],{},[143,1312,403],{},[878,1314,1315],{},[143,1316,887],{},[878,1318,890],{},[878,1320,1321,1322,533],{},"Controlled value (",[143,1323,1324],{},"v-model:value",[857,1326,1327,1331,1335,1339],{},[878,1328,1329],{},[143,1330,315],{},[878,1332,1333],{},[143,1334,906],{},[878,1336,1337],{},[143,1338,771],{},[878,1340,1341,1342,1344],{},"Ignore this control. Root ",[143,1343,315],{}," still wins.",[857,1346,1347,1351,1355,1360],{},[878,1348,1349],{},[143,1350,882],{},[878,1352,1353],{},[143,1354,887],{},[878,1356,1357,1358],{},"Root ",[143,1359,882],{},[878,1361,1362,1363,1365],{},"Submitted name. Root ",[143,1364,882],{}," takes precedence.",[851,1367,1368,1376],{},[854,1369,1370],{},[857,1371,1372,1374],{},[860,1373,1037],{},[860,1375,871],{},[873,1377,1378,1386,1394,1402,1410,1418,1426],{},[857,1379,1380,1384],{},[878,1381,1382],{},[143,1383,324],{},[878,1385,1050],{},[857,1387,1388,1392],{},[878,1389,1390],{},[143,1391,817],{},[878,1393,1201],{},[857,1395,1396,1400],{},[878,1397,1398],{},[143,1399,820],{},[878,1401,1210],{},[857,1403,1404,1408],{},[878,1405,1406],{},[143,1407,823],{},[878,1409,1219],{},[857,1411,1412,1416],{},[878,1413,1414],{},[143,1415,826],{},[878,1417,1086],{},[857,1419,1420,1424],{},[878,1421,1422],{},[143,1423,829],{},[878,1425,1236],{},[857,1427,1428,1432],{},[878,1429,1430],{},[143,1431,833],{},[878,1433,1245],{},[313,1435,871],{"id":1436},"description",[139,1438,1439,1440,1443,1444,370],{},"Supporting text. Renders a ",[143,1441,1442],{},"\u003Cp>",". Referenced by ",[143,1445,1446],{},"aria-describedby",[851,1448,1449,1457],{},[854,1450,1451],{},[857,1452,1453,1455],{},[860,1454,1037],{},[860,1456,871],{},[873,1458,1459,1467,1475,1483,1491,1499,1507],{},[857,1460,1461,1465],{},[878,1462,1463],{},[143,1464,324],{},[878,1466,1050],{},[857,1468,1469,1473],{},[878,1470,1471],{},[143,1472,817],{},[878,1474,1201],{},[857,1476,1477,1481],{},[878,1478,1479],{},[143,1480,820],{},[878,1482,1210],{},[857,1484,1485,1489],{},[878,1486,1487],{},[143,1488,823],{},[878,1490,1219],{},[857,1492,1493,1497],{},[878,1494,1495],{},[143,1496,826],{},[878,1498,1086],{},[857,1500,1501,1505],{},[878,1502,1503],{},[143,1504,829],{},[878,1506,1236],{},[857,1508,1509,1513],{},[878,1510,1511],{},[143,1512,833],{},[878,1514,1245],{},[313,1516,1517],{"id":565},"Item",[139,1519,1520,1521,370],{},"Groups a checkbox or radio with its own label and description. Renders a ",[143,1522,844],{},[851,1524,1525,1537],{},[854,1526,1527],{},[857,1528,1529,1531,1533,1535],{},[860,1530,862],{},[860,1532,865],{},[860,1534,868],{},[860,1536,871],{},[873,1538,1539],{},[857,1540,1541,1545,1549,1553],{},[878,1542,1543],{},[143,1544,315],{},[878,1546,1547],{},[143,1548,906],{},[878,1550,1551],{},[143,1552,771],{},[878,1554,1555,1556,1365],{},"Ignore this item. Root ",[143,1557,315],{},[851,1559,1560,1568],{},[854,1561,1562],{},[857,1563,1564,1566],{},[860,1565,1037],{},[860,1567,871],{},[873,1569,1570,1579,1587,1595,1603,1611,1619],{},[857,1571,1572,1576],{},[878,1573,1574],{},[143,1575,324],{},[878,1577,1578],{},"Present when the field or item is disabled.",[857,1580,1581,1585],{},[878,1582,1583],{},[143,1584,817],{},[878,1586,1201],{},[857,1588,1589,1593],{},[878,1590,1591],{},[143,1592,820],{},[878,1594,1210],{},[857,1596,1597,1601],{},[878,1598,1599],{},[143,1600,823],{},[878,1602,1219],{},[857,1604,1605,1609],{},[878,1606,1607],{},[143,1608,826],{},[878,1610,1086],{},[857,1612,1613,1617],{},[878,1614,1615],{},[143,1616,829],{},[878,1618,1236],{},[857,1620,1621,1625],{},[878,1622,1623],{},[143,1624,833],{},[878,1626,1245],{},[313,1628,1630],{"id":1629},"error","Error",[139,1632,1633,1634,1637,1638,559,1641,1644,1645,1647],{},"Shown after validation. Renders a ",[143,1635,1636],{},"\u003Cdiv role=\"alert\">",". Animate with ",[143,1639,1640],{},"data-starting-style",[143,1642,1643],{},"data-ending-style",". Omit ",[143,1646,221],{}," to show whenever the field is invalid. Empty content uses the native or form message.",[851,1649,1650,1662],{},[854,1651,1652],{},[857,1653,1654,1656,1658,1660],{},[860,1655,862],{},[860,1657,865],{},[860,1659,868],{},[860,1661,871],{},[873,1663,1664],{},[857,1665,1666,1670,1675,1677],{},[878,1667,1668],{},[143,1669,221],{},[878,1671,1672],{},[143,1673,1674],{},"boolean | 'valid' | 'badInput' | 'customError' | 'patternMismatch' | 'rangeOverflow' | 'rangeUnderflow' | 'stepMismatch' | 'tooLong' | 'tooShort' | 'typeMismatch' | 'valueMissing'",[878,1676,890],{},[878,1678,1679,1681],{},[143,1680,225],{}," always shows (for external libraries). A ValidityState key shows when that flag is set.",[851,1683,1684,1692],{},[854,1685,1686],{},[857,1687,1688,1690],{},[860,1689,1037],{},[860,1691,871],{},[873,1693,1694,1702,1710,1718,1726,1734,1742,1750,1759],{},[857,1695,1696,1700],{},[878,1697,1698],{},[143,1699,324],{},[878,1701,1050],{},[857,1703,1704,1708],{},[878,1705,1706],{},[143,1707,817],{},[878,1709,1201],{},[857,1711,1712,1716],{},[878,1713,1714],{},[143,1715,820],{},[878,1717,1210],{},[857,1719,1720,1724],{},[878,1721,1722],{},[143,1723,823],{},[878,1725,1219],{},[857,1727,1728,1732],{},[878,1729,1730],{},[143,1731,826],{},[878,1733,1086],{},[857,1735,1736,1740],{},[878,1737,1738],{},[143,1739,829],{},[878,1741,1236],{},[857,1743,1744,1748],{},[878,1745,1746],{},[143,1747,833],{},[878,1749,1245],{},[857,1751,1752,1756],{},[878,1753,1754],{},[143,1755,1640],{},[878,1757,1758],{},"Present when the error message begins animating in.",[857,1760,1761,1765],{},[878,1762,1763],{},[143,1764,1643],{},[878,1766,1767],{},"Present when the error message is animating out.",[313,1769,652],{"id":1770},"validity-1",[139,1772,1773],{},"Scoped slot for a custom message from field validity.",[232,1775,1777],{"className":234,"code":1776,"language":236,"meta":237,"style":237},"\u003CUiFieldValidity v-slot=\"{ validity, error, errors, value, initialValue }\">\n  …\n\u003C\u002FUiFieldValidity>\n",[143,1778,1779,1797,1802],{"__ignoreMap":237},[241,1780,1781,1783,1785,1787,1789,1791,1793,1795],{"class":243,"line":244},[241,1782,248],{"class":247},[241,1784,657],{"class":251},[241,1786,681],{"class":389},[241,1788,392],{"class":247},[241,1790,396],{"class":395},[241,1792,661],{"class":247},[241,1794,396],{"class":395},[241,1796,255],{"class":247},[241,1798,1799],{"class":243,"line":258},[241,1800,1801],{"class":247},"  …\n",[241,1803,1804,1806,1808],{"class":243,"line":264},[241,1805,297],{"class":247},[241,1807,657],{"class":251},[241,1809,255],{"class":247},[851,1811,1812,1820],{},[854,1813,1814],{},[857,1815,1816,1818],{},[860,1817,47],{},[860,1819,871],{},[873,1821,1822,1836,1845,1855,1864],{},[857,1823,1824,1828],{},[878,1825,1826],{},[143,1827,651],{},[878,1829,523,1830,1832,1833,370],{},[143,1831,665],{}," plus ",[143,1834,1835],{},"valid: boolean | null",[857,1837,1838,1842],{},[878,1839,1840],{},[143,1841,1629],{},[878,1843,1844],{},"Current error string.",[857,1846,1847,1852],{},[878,1848,1849],{},[143,1850,1851],{},"errors",[878,1853,1854],{},"All current error strings.",[857,1856,1857,1861],{},[878,1858,1859],{},[143,1860,403],{},[878,1862,1863],{},"Current control value.",[857,1865,1866,1871],{},[878,1867,1868],{},[143,1869,1870],{},"initialValue",[878,1872,1873],{},"Value when the control registered.",[1875,1876,1877],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}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 .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 pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":237,"searchDepth":258,"depth":258,"links":1879},[1880,1881,1882,1893],{"id":164,"depth":258,"text":165},{"id":229,"depth":258,"text":230},{"id":310,"depth":258,"text":311,"children":1883},[1884,1885,1886,1887,1888,1889,1890,1891,1892],{"id":315,"depth":264,"text":316},{"id":213,"depth":264,"text":333},{"id":351,"depth":264,"text":352},{"id":472,"depth":264,"text":473},{"id":519,"depth":264,"text":520},{"id":538,"depth":264,"text":539},{"id":651,"depth":264,"text":652},{"id":708,"depth":264,"text":709},{"id":754,"depth":264,"text":755},{"id":807,"depth":258,"text":808,"children":1894},[1895,1896,1897,1898,1899,1900,1901],{"id":837,"depth":264,"text":838},{"id":1107,"depth":264,"text":1108},{"id":1248,"depth":264,"text":1249},{"id":1436,"depth":264,"text":871},{"id":565,"depth":264,"text":1517},{"id":1629,"depth":264,"text":1630},{"id":1770,"depth":264,"text":652},"Labeling and validation for a form control","md",{},true,{"title":47,"description":1902},"pkg\u002Ffield","gB92J95RSIvsDjRnW6l9rEkFbCSHmrNnFnyFx_GSPQs",1791043754658]