[{"data":1,"prerenderedAt":2878},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Ftags-input":320,"\u002Fcomponents\u002Ftags-input-surround":2872},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,64,69,74,79,84,89,95,101,107,113,118,123,128,133,138,143,148,152,156,161,166,171,176,181,189,194,199,204,209,214,219,224,229,234,239,245,250,255,260,264,269,275,281,285,290,294,299,304,310,315],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60,"badge":61},"Calendar","\u002Fcomponents\u002Fcalendar","2.components\u002Fcalendar","i-lucide-calendar-days",{"label":62,"color":63},"NEW","success",{"title":65,"path":66,"stem":67,"icon":68},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":70,"path":71,"stem":72,"icon":73},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":75,"path":76,"stem":77,"icon":78},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":80,"path":81,"stem":82,"icon":83},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":85,"path":86,"stem":87,"icon":88},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":90,"path":91,"stem":92,"icon":93,"badge":94},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table","i-lucide-table-2",{"label":62,"color":63},{"title":96,"path":97,"stem":98,"icon":99,"badge":100},"Date Field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field","i-lucide-calendar-clock",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"icon":105,"badge":106},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","2.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"icon":111,"badge":112},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","2.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":62,"color":63},{"title":114,"path":115,"stem":116,"icon":117},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":119,"path":120,"stem":121,"icon":122},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":124,"path":125,"stem":126,"icon":127},"Editable","\u002Fcomponents\u002Feditable","2.components\u002Feditable","i-lucide-square-pen",{"title":129,"path":130,"stem":131,"icon":132},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":134,"path":135,"stem":136,"icon":137},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":139,"path":140,"stem":141,"icon":142},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":144,"path":145,"stem":146,"icon":147},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":149,"path":150,"stem":151,"icon":132},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":153,"path":154,"stem":155,"icon":73},"Listbox","\u002Fcomponents\u002Flistbox","2.components\u002Flistbox",{"title":157,"path":158,"stem":159,"icon":160},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":162,"path":163,"stem":164,"icon":165},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":167,"path":168,"stem":169,"icon":170},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":172,"path":173,"stem":174,"icon":105,"badge":175},"Month Picker","\u002Fcomponents\u002Fmonth-picker","2.components\u002Fmonth-picker",{"label":62,"color":63},{"title":177,"path":178,"stem":179,"icon":105,"badge":180},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","2.components\u002Fmonth-range-picker",{"label":62,"color":63},{"title":182,"path":183,"stem":184,"icon":185,"badge":186},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"label":187,"color":188},"UPDATED","warning",{"title":190,"path":191,"stem":192,"icon":193},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":195,"path":196,"stem":197,"icon":198},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":200,"path":201,"stem":202,"icon":203},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination","i-lucide-ellipsis",{"title":205,"path":206,"stem":207,"icon":208},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","2.components\u002Fpin-input","i-lucide-binary",{"title":210,"path":211,"stem":212,"icon":213},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":215,"path":216,"stem":217,"icon":218},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":220,"path":221,"stem":222,"icon":223},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":225,"path":226,"stem":227,"icon":228},"Rating","\u002Fcomponents\u002Frating","2.components\u002Frating","i-lucide-star",{"title":230,"path":231,"stem":232,"icon":233},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":235,"path":236,"stem":237,"icon":238},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":240,"path":241,"stem":242,"icon":243,"badge":244},"Sidebar","\u002Fcomponents\u002Fsidebar","2.components\u002Fsidebar","i-lucide-panel-left",{"label":62,"color":63},{"title":246,"path":247,"stem":248,"icon":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":254},"Stepper","\u002Fcomponents\u002Fstepper","2.components\u002Fstepper","i-lucide-list-ordered",{"title":256,"path":257,"stem":258,"icon":259},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":261,"path":262,"stem":263,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":265,"path":266,"stem":267,"icon":268},"Tags Input","\u002Fcomponents\u002Ftags-input","2.components\u002Ftags-input","i-lucide-tags",{"title":270,"path":271,"stem":272,"icon":273,"badge":274},"Time Field","\u002Fcomponents\u002Ftime-field","2.components\u002Ftime-field","i-lucide-clock-3",{"label":62,"color":63},{"title":276,"path":277,"stem":278,"icon":279,"badge":280},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","2.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":62,"color":63},{"title":282,"path":283,"stem":284,"icon":213},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":286,"path":287,"stem":288,"icon":289},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":291,"path":292,"stem":293,"icon":73},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":295,"path":296,"stem":297,"icon":298},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":300,"path":301,"stem":302,"icon":303},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"title":305,"path":306,"stem":307,"icon":308,"badge":309},"Tree","\u002Fcomponents\u002Ftree","2.components\u002Ftree","i-lucide-folder-tree",{"label":62,"color":63},{"title":311,"path":312,"stem":313,"icon":60,"badge":314},"Year Picker","\u002Fcomponents\u002Fyear-picker","2.components\u002Fyear-picker",{"label":62,"color":63},{"title":316,"path":317,"stem":318,"icon":105,"badge":319},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","2.components\u002Fyear-range-picker",{"label":62,"color":63},{"id":321,"title":265,"body":322,"description":2865,"extension":2866,"links":2867,"meta":2868,"navigation":2869,"path":266,"seo":2870,"stem":267,"__hash__":2871},"docs\u002F2.components\u002Ftags-input.md",{"type":323,"value":324,"toc":2841},"minimark",[325,333,340,345,390,397,400,406,624,628,633,648,733,737,751,827,831,844,1063,1067,1085,1199,1203,1216,1455,1459,1472,1564,1568,1582,1639,1643,1656,1660,1664,1728,1732,2223,2227,2325,2329,2415,2419,2464,2468,2548,2552,2697,2723,2727,2837],[326,327,328,332],"p",{},[329,330,331],"code",{},"TagsInput"," converts text into removable values. It supports keyboard navigation, batch paste, duplicate rules, object values, and native forms.",[326,334,335,336,339],{},"Use ",[337,338,80],"a",{"href":81}," when values must come from suggestions.",[341,342,344],"h2",{"id":343},"anatomy","Anatomy",[346,347,348,362,370,382],"ul",{},[349,350,351,357,358,361],"li",{},[352,353,354],"strong",{},[329,355,356],{},"#tag",": Replaces an entire tag, with value, label, highlight state, and ",[329,359,360],{},"remove"," action.",[349,363,364,369],{},[352,365,366],{},[329,367,368],{},"#delete",": Content inside each default remove button.",[349,371,372,377,378,381],{},[352,373,374],{},[329,375,376],{},"#input",": Replaces the text input. Bind ",[329,379,380],{},"inputProps"," to preserve behavior and accessibility.",[349,383,384,389],{},[352,385,386],{},[329,387,388],{},"#clear",": Content inside the optional clear-all button.",[326,391,392,393,396],{},"The component generates tag wrappers, remove controls, an editable input, and hidden native form controls. Style those generated parts with the matching ",[329,394,395],{},"ui"," keys.",[341,398,23],{"id":399},"usage",[401,402,403],"component-preview",{},[404,405],"examples-tags-input-demo",{},[407,408,409],"component-code",{},[410,411,416],"pre",{"className":412,"code":413,"language":414,"meta":415,"style":415},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TagsInput } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst tags = ref([\"Vue\", \"TypeScript\"]);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTagsInput v-model=\"tags\" placeholder=\"Add technology\" clearable \u002F>\n\u003C\u002Ftemplate>\n","vue","",[329,417,418,453,484,506,513,552,562,567,577,615],{"__ignoreMap":415},[419,420,423,427,431,435,438,441,444,448,450],"span",{"class":421,"line":422},"line",1,[419,424,426],{"class":425},"sMK4o","\u003C",[419,428,430],{"class":429},"swJcz","script",[419,432,434],{"class":433},"spNyl"," setup",[419,436,437],{"class":433}," lang",[419,439,440],{"class":425},"=",[419,442,443],{"class":425},"\"",[419,445,447],{"class":446},"sfazB","ts",[419,449,443],{"class":425},[419,451,452],{"class":425},">\n",[419,454,456,460,463,467,470,473,476,479,481],{"class":421,"line":455},2,[419,457,459],{"class":458},"s7zQu","import",[419,461,462],{"class":425}," {",[419,464,466],{"class":465},"sTEyZ"," TagsInput",[419,468,469],{"class":425}," }",[419,471,472],{"class":458}," from",[419,474,475],{"class":425}," \"",[419,477,478],{"class":446},"akaza-ui",[419,480,443],{"class":425},[419,482,483],{"class":425},";\n",[419,485,487,489,491,494,496,498,500,502,504],{"class":421,"line":486},3,[419,488,459],{"class":458},[419,490,462],{"class":425},[419,492,493],{"class":465}," ref",[419,495,469],{"class":425},[419,497,472],{"class":458},[419,499,475],{"class":425},[419,501,414],{"class":446},[419,503,443],{"class":425},[419,505,483],{"class":425},[419,507,509],{"class":421,"line":508},4,[419,510,512],{"emptyLinePlaceholder":511},true,"\n",[419,514,516,519,522,524,527,530,532,535,537,540,542,545,547,550],{"class":421,"line":515},5,[419,517,518],{"class":433},"const",[419,520,521],{"class":465}," tags ",[419,523,440],{"class":425},[419,525,493],{"class":526},"s2Zo4",[419,528,529],{"class":465},"([",[419,531,443],{"class":425},[419,533,534],{"class":446},"Vue",[419,536,443],{"class":425},[419,538,539],{"class":425},",",[419,541,475],{"class":425},[419,543,544],{"class":446},"TypeScript",[419,546,443],{"class":425},[419,548,549],{"class":465},"])",[419,551,483],{"class":425},[419,553,555,558,560],{"class":421,"line":554},6,[419,556,557],{"class":425},"\u003C\u002F",[419,559,430],{"class":429},[419,561,452],{"class":425},[419,563,565],{"class":421,"line":564},7,[419,566,512],{"emptyLinePlaceholder":511},[419,568,570,572,575],{"class":421,"line":569},8,[419,571,426],{"class":425},[419,573,574],{"class":429},"template",[419,576,452],{"class":425},[419,578,580,583,585,588,590,592,595,597,600,602,604,607,609,612],{"class":421,"line":579},9,[419,581,582],{"class":425},"  \u003C",[419,584,331],{"class":429},[419,586,587],{"class":433}," v-model",[419,589,440],{"class":425},[419,591,443],{"class":425},[419,593,594],{"class":446},"tags",[419,596,443],{"class":425},[419,598,599],{"class":433}," placeholder",[419,601,440],{"class":425},[419,603,443],{"class":425},[419,605,606],{"class":446},"Add technology",[419,608,443],{"class":425},[419,610,611],{"class":433}," clearable",[419,613,614],{"class":425}," \u002F>\n",[419,616,618,620,622],{"class":421,"line":617},10,[419,619,557],{"class":425},[419,621,574],{"class":429},[419,623,452],{"class":425},[341,625,627],{"id":626},"examples","Examples",[629,630,632],"h3",{"id":631},"delimiters-and-blur","Delimiters and blur",[326,634,635,636,639,640,643,644,647],{},"Enter always adds the current text. A one-character string ",[329,637,638],{},"delimiter"," also adds on that key. Set ",[329,641,642],{},"addOnBlur"," or ",[329,645,646],{},"addOnTab"," for data-entry workflows that need those commit points.",[410,649,651],{"className":412,"code":650,"language":414,"meta":415,"style":415},"\u003Ctemplate>\n  \u003CTagsInput\n    v-model=\"keywords\"\n    delimiter=\",\"\n    add-on-blur\n    add-on-tab\n    placeholder=\"Add keyword\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,652,653,661,668,683,696,701,706,720,725],{"__ignoreMap":415},[419,654,655,657,659],{"class":421,"line":422},[419,656,426],{"class":425},[419,658,574],{"class":429},[419,660,452],{"class":425},[419,662,663,665],{"class":421,"line":455},[419,664,582],{"class":425},[419,666,667],{"class":429},"TagsInput\n",[419,669,670,673,675,677,680],{"class":421,"line":486},[419,671,672],{"class":433},"    v-model",[419,674,440],{"class":425},[419,676,443],{"class":425},[419,678,679],{"class":446},"keywords",[419,681,682],{"class":425},"\"\n",[419,684,685,688,690,692,694],{"class":421,"line":508},[419,686,687],{"class":433},"    delimiter",[419,689,440],{"class":425},[419,691,443],{"class":425},[419,693,539],{"class":446},[419,695,682],{"class":425},[419,697,698],{"class":421,"line":515},[419,699,700],{"class":433},"    add-on-blur\n",[419,702,703],{"class":421,"line":554},[419,704,705],{"class":433},"    add-on-tab\n",[419,707,708,711,713,715,718],{"class":421,"line":564},[419,709,710],{"class":433},"    placeholder",[419,712,440],{"class":425},[419,714,443],{"class":425},[419,716,717],{"class":446},"Add keyword",[419,719,682],{"class":425},[419,721,722],{"class":421,"line":569},[419,723,724],{"class":425},"  \u002F>\n",[419,726,727,729,731],{"class":421,"line":579},[419,728,557],{"class":425},[419,730,574],{"class":429},[419,732,452],{"class":425},[629,734,736],{"id":735},"batch-paste","Batch paste",[326,738,739,740,743,744,746,747,750],{},"Set ",[329,741,742],{},"addOnPaste"," to split clipboard text using ",[329,745,638],{},". Duplicate, invalid, and over-limit values emit ",[329,748,749],{},"invalid-value","; accepted values commit in one model update.",[410,752,754],{"className":412,"code":753,"language":414,"meta":415,"style":415},"\u003Ctemplate>\n  \u003CTagsInput\n    v-model=\"recipients\"\n    add-on-paste\n    :delimiter=\"\u002F[;,]\u002F\"\n    placeholder=\"Paste email addresses\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,755,756,764,770,783,788,802,815,819],{"__ignoreMap":415},[419,757,758,760,762],{"class":421,"line":422},[419,759,426],{"class":425},[419,761,574],{"class":429},[419,763,452],{"class":425},[419,765,766,768],{"class":421,"line":455},[419,767,582],{"class":425},[419,769,667],{"class":429},[419,771,772,774,776,778,781],{"class":421,"line":486},[419,773,672],{"class":433},[419,775,440],{"class":425},[419,777,443],{"class":425},[419,779,780],{"class":446},"recipients",[419,782,682],{"class":425},[419,784,785],{"class":421,"line":508},[419,786,787],{"class":433},"    add-on-paste\n",[419,789,790,793,795,797,800],{"class":421,"line":515},[419,791,792],{"class":433},"    :delimiter",[419,794,440],{"class":425},[419,796,443],{"class":425},[419,798,799],{"class":446},"\u002F[;,]\u002F",[419,801,682],{"class":425},[419,803,804,806,808,810,813],{"class":421,"line":554},[419,805,710],{"class":433},[419,807,440],{"class":425},[419,809,443],{"class":425},[419,811,812],{"class":446},"Paste email addresses",[419,814,682],{"class":425},[419,816,817],{"class":421,"line":564},[419,818,724],{"class":425},[419,820,821,823,825],{"class":421,"line":569},[419,822,557],{"class":425},[419,824,574],{"class":429},[419,826,452],{"class":425},[629,828,830],{"id":829},"validation-and-limits","Validation and limits",[326,832,833,836,837,840,841,843],{},[329,834,835],{},"validate"," receives the converted value. ",[329,838,839],{},"max"," makes the input read-only after the limit and reports additional values with reason ",[329,842,839],{},".",[410,845,847],{"className":412,"code":846,"language":414,"meta":415,"style":415},"\u003Cscript setup lang=\"ts\">\nconst isEmail = (value: unknown) =>\n  typeof value === \"string\" && \u002F^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\u002F.test(value);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTagsInput\n    v-model=\"recipients\"\n    :validate=\"isEmail\"\n    :max=\"5\"\n    @invalid-value=\"(value, details) => showError(value, details.reason)\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,848,849,869,898,968,976,980,988,994,1006,1020,1034,1049,1054],{"__ignoreMap":415},[419,850,851,853,855,857,859,861,863,865,867],{"class":421,"line":422},[419,852,426],{"class":425},[419,854,430],{"class":429},[419,856,434],{"class":433},[419,858,437],{"class":433},[419,860,440],{"class":425},[419,862,443],{"class":425},[419,864,447],{"class":446},[419,866,443],{"class":425},[419,868,452],{"class":425},[419,870,871,873,876,878,881,885,888,892,895],{"class":421,"line":455},[419,872,518],{"class":433},[419,874,875],{"class":465}," isEmail ",[419,877,440],{"class":425},[419,879,880],{"class":425}," (",[419,882,884],{"class":883},"sHdIc","value",[419,886,887],{"class":425},":",[419,889,891],{"class":890},"sBMFI"," unknown",[419,893,894],{"class":425},")",[419,896,897],{"class":433}," =>\n",[419,899,900,903,906,909,911,914,916,919,922,925,928,931,934,937,939,941,943,946,948,950,952,955,958,960,963,966],{"class":421,"line":486},[419,901,902],{"class":425},"  typeof",[419,904,905],{"class":465}," value ",[419,907,908],{"class":425},"===",[419,910,475],{"class":425},[419,912,913],{"class":446},"string",[419,915,443],{"class":425},[419,917,918],{"class":425}," &&",[419,920,921],{"class":425}," \u002F",[419,923,924],{"class":458},"^",[419,926,927],{"class":425},"[^",[419,929,930],{"class":446},"\\s@",[419,932,933],{"class":425},"]+",[419,935,936],{"class":446},"@",[419,938,927],{"class":425},[419,940,930],{"class":446},[419,942,933],{"class":425},[419,944,945],{"class":465},"\\.",[419,947,927],{"class":425},[419,949,930],{"class":446},[419,951,933],{"class":425},[419,953,954],{"class":458},"$",[419,956,957],{"class":425},"\u002F",[419,959,843],{"class":425},[419,961,962],{"class":526},"test",[419,964,965],{"class":465},"(value)",[419,967,483],{"class":425},[419,969,970,972,974],{"class":421,"line":508},[419,971,557],{"class":425},[419,973,430],{"class":429},[419,975,452],{"class":425},[419,977,978],{"class":421,"line":515},[419,979,512],{"emptyLinePlaceholder":511},[419,981,982,984,986],{"class":421,"line":554},[419,983,426],{"class":425},[419,985,574],{"class":429},[419,987,452],{"class":425},[419,989,990,992],{"class":421,"line":564},[419,991,582],{"class":425},[419,993,667],{"class":429},[419,995,996,998,1000,1002,1004],{"class":421,"line":569},[419,997,672],{"class":433},[419,999,440],{"class":425},[419,1001,443],{"class":425},[419,1003,780],{"class":446},[419,1005,682],{"class":425},[419,1007,1008,1011,1013,1015,1018],{"class":421,"line":579},[419,1009,1010],{"class":433},"    :validate",[419,1012,440],{"class":425},[419,1014,443],{"class":425},[419,1016,1017],{"class":446},"isEmail",[419,1019,682],{"class":425},[419,1021,1022,1025,1027,1029,1032],{"class":421,"line":617},[419,1023,1024],{"class":433},"    :max",[419,1026,440],{"class":425},[419,1028,443],{"class":425},[419,1030,1031],{"class":446},"5",[419,1033,682],{"class":425},[419,1035,1037,1040,1042,1044,1047],{"class":421,"line":1036},11,[419,1038,1039],{"class":433},"    @invalid-value",[419,1041,440],{"class":425},[419,1043,443],{"class":425},[419,1045,1046],{"class":446},"(value, details) => showError(value, details.reason)",[419,1048,682],{"class":425},[419,1050,1052],{"class":421,"line":1051},12,[419,1053,724],{"class":425},[419,1055,1057,1059,1061],{"class":421,"line":1056},13,[419,1058,557],{"class":425},[419,1060,574],{"class":429},[419,1062,452],{"class":425},[629,1064,1066],{"id":1065},"number-and-object-values","Number and object values",[326,1068,335,1069,1072,1073,1076,1077,1080,1081,1084],{},[329,1070,1071],{},"convertValue"," to produce non-string models. Pair object values with ",[329,1074,1075],{},"displayValue",", ",[329,1078,1079],{},"serializeValue",", and ",[329,1082,1083],{},"isEqual"," so rendering, forms, and duplicate checks use stable identities.",[410,1086,1088],{"className":412,"code":1087,"language":414,"meta":415,"style":415},"\u003Ctemplate>\n  \u003CTagsInput\n    v-model=\"users\"\n    name=\"user\"\n    :convert-value=\"name => ({ id: findId(name), name })\"\n    :display-value=\"user => user.name\"\n    :serialize-value=\"user => String(user.id)\"\n    :is-equal=\"(a, b) => a.id === b.id\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,1089,1090,1098,1104,1117,1131,1145,1159,1173,1187,1191],{"__ignoreMap":415},[419,1091,1092,1094,1096],{"class":421,"line":422},[419,1093,426],{"class":425},[419,1095,574],{"class":429},[419,1097,452],{"class":425},[419,1099,1100,1102],{"class":421,"line":455},[419,1101,582],{"class":425},[419,1103,667],{"class":429},[419,1105,1106,1108,1110,1112,1115],{"class":421,"line":486},[419,1107,672],{"class":433},[419,1109,440],{"class":425},[419,1111,443],{"class":425},[419,1113,1114],{"class":446},"users",[419,1116,682],{"class":425},[419,1118,1119,1122,1124,1126,1129],{"class":421,"line":508},[419,1120,1121],{"class":433},"    name",[419,1123,440],{"class":425},[419,1125,443],{"class":425},[419,1127,1128],{"class":446},"user",[419,1130,682],{"class":425},[419,1132,1133,1136,1138,1140,1143],{"class":421,"line":515},[419,1134,1135],{"class":433},"    :convert-value",[419,1137,440],{"class":425},[419,1139,443],{"class":425},[419,1141,1142],{"class":446},"name => ({ id: findId(name), name })",[419,1144,682],{"class":425},[419,1146,1147,1150,1152,1154,1157],{"class":421,"line":554},[419,1148,1149],{"class":433},"    :display-value",[419,1151,440],{"class":425},[419,1153,443],{"class":425},[419,1155,1156],{"class":446},"user => user.name",[419,1158,682],{"class":425},[419,1160,1161,1164,1166,1168,1171],{"class":421,"line":564},[419,1162,1163],{"class":433},"    :serialize-value",[419,1165,440],{"class":425},[419,1167,443],{"class":425},[419,1169,1170],{"class":446},"user => String(user.id)",[419,1172,682],{"class":425},[419,1174,1175,1178,1180,1182,1185],{"class":421,"line":569},[419,1176,1177],{"class":433},"    :is-equal",[419,1179,440],{"class":425},[419,1181,443],{"class":425},[419,1183,1184],{"class":446},"(a, b) => a.id === b.id",[419,1186,682],{"class":425},[419,1188,1189],{"class":421,"line":579},[419,1190,724],{"class":425},[419,1192,1193,1195,1197],{"class":421,"line":617},[419,1194,557],{"class":425},[419,1196,574],{"class":429},[419,1198,452],{"class":425},[629,1200,1202],{"id":1201},"custom-tag-and-input","Custom tag and input",[326,1204,335,1205,1207,1208,1210,1211,1213,1214,843],{},[329,1206,356],{}," for the complete token or ",[329,1209,368],{}," for only the remove icon. A custom ",[329,1212,376],{}," must bind ",[329,1215,380],{},[410,1217,1219],{"className":412,"code":1218,"language":414,"meta":415,"style":415},"\u003Ctemplate>\n  \u003CTagsInput v-model=\"tags\">\n    \u003Ctemplate #tag=\"{ label, remove, isHighlighted }\">\n      \u003Cspan :data-active=\"isHighlighted || undefined\">\n        {{ label }}\n        \u003Cbutton type=\"button\" @click=\"remove\">Remove\u003C\u002Fbutton>\n      \u003C\u002Fspan>\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #input=\"{ inputProps }\">\n      \u003Cinput v-bind=\"inputProps\" aria-label=\"Add another tag\">\n    \u003C\u002Ftemplate>\n  \u003C\u002FTagsInput>\n\u003C\u002Ftemplate>\n",[329,1220,1221,1229,1247,1287,1308,1313,1355,1364,1373,1399,1430,1438,1447],{"__ignoreMap":415},[419,1222,1223,1225,1227],{"class":421,"line":422},[419,1224,426],{"class":425},[419,1226,574],{"class":429},[419,1228,452],{"class":425},[419,1230,1231,1233,1235,1237,1239,1241,1243,1245],{"class":421,"line":455},[419,1232,582],{"class":425},[419,1234,331],{"class":429},[419,1236,587],{"class":433},[419,1238,440],{"class":425},[419,1240,443],{"class":425},[419,1242,594],{"class":446},[419,1244,443],{"class":425},[419,1246,452],{"class":425},[419,1248,1249,1252,1254,1257,1260,1262,1264,1267,1270,1272,1275,1277,1280,1283,1285],{"class":421,"line":486},[419,1250,1251],{"class":425},"    \u003C",[419,1253,574],{"class":429},[419,1255,1256],{"class":425}," #",[419,1258,1259],{"class":433},"tag",[419,1261,440],{"class":425},[419,1263,443],{"class":425},[419,1265,1266],{"class":425},"{",[419,1268,1269],{"class":465}," label",[419,1271,539],{"class":425},[419,1273,1274],{"class":465}," remove",[419,1276,539],{"class":425},[419,1278,1279],{"class":465}," isHighlighted ",[419,1281,1282],{"class":425},"}",[419,1284,443],{"class":425},[419,1286,452],{"class":425},[419,1288,1289,1292,1294,1297,1299,1301,1304,1306],{"class":421,"line":508},[419,1290,1291],{"class":425},"      \u003C",[419,1293,419],{"class":429},[419,1295,1296],{"class":433}," :data-active",[419,1298,440],{"class":425},[419,1300,443],{"class":425},[419,1302,1303],{"class":446},"isHighlighted || undefined",[419,1305,443],{"class":425},[419,1307,452],{"class":425},[419,1309,1310],{"class":421,"line":515},[419,1311,1312],{"class":465},"        {{ label }}\n",[419,1314,1315,1318,1321,1324,1326,1328,1330,1332,1335,1337,1339,1341,1343,1346,1349,1351,1353],{"class":421,"line":554},[419,1316,1317],{"class":425},"        \u003C",[419,1319,1320],{"class":429},"button",[419,1322,1323],{"class":433}," type",[419,1325,440],{"class":425},[419,1327,443],{"class":425},[419,1329,1320],{"class":446},[419,1331,443],{"class":425},[419,1333,1334],{"class":433}," @click",[419,1336,440],{"class":425},[419,1338,443],{"class":425},[419,1340,360],{"class":446},[419,1342,443],{"class":425},[419,1344,1345],{"class":425},">",[419,1347,1348],{"class":465},"Remove",[419,1350,557],{"class":425},[419,1352,1320],{"class":429},[419,1354,452],{"class":425},[419,1356,1357,1360,1362],{"class":421,"line":564},[419,1358,1359],{"class":425},"      \u003C\u002F",[419,1361,419],{"class":429},[419,1363,452],{"class":425},[419,1365,1366,1369,1371],{"class":421,"line":569},[419,1367,1368],{"class":425},"    \u003C\u002F",[419,1370,574],{"class":429},[419,1372,452],{"class":425},[419,1374,1375,1377,1379,1381,1384,1386,1388,1390,1393,1395,1397],{"class":421,"line":579},[419,1376,1251],{"class":425},[419,1378,574],{"class":429},[419,1380,1256],{"class":425},[419,1382,1383],{"class":433},"input",[419,1385,440],{"class":425},[419,1387,443],{"class":425},[419,1389,1266],{"class":425},[419,1391,1392],{"class":465}," inputProps ",[419,1394,1282],{"class":425},[419,1396,443],{"class":425},[419,1398,452],{"class":425},[419,1400,1401,1403,1405,1408,1410,1412,1414,1416,1419,1421,1423,1426,1428],{"class":421,"line":617},[419,1402,1291],{"class":425},[419,1404,1383],{"class":429},[419,1406,1407],{"class":433}," v-bind",[419,1409,440],{"class":425},[419,1411,443],{"class":425},[419,1413,380],{"class":446},[419,1415,443],{"class":425},[419,1417,1418],{"class":433}," aria-label",[419,1420,440],{"class":425},[419,1422,443],{"class":425},[419,1424,1425],{"class":446},"Add another tag",[419,1427,443],{"class":425},[419,1429,452],{"class":425},[419,1431,1432,1434,1436],{"class":421,"line":1036},[419,1433,1368],{"class":425},[419,1435,574],{"class":429},[419,1437,452],{"class":425},[419,1439,1440,1443,1445],{"class":421,"line":1051},[419,1441,1442],{"class":425},"  \u003C\u002F",[419,1444,331],{"class":429},[419,1446,452],{"class":425},[419,1448,1449,1451,1453],{"class":421,"line":1056},[419,1450,557],{"class":425},[419,1452,574],{"class":429},[419,1454,452],{"class":425},[629,1456,1458],{"id":1457},"field-integration","Field integration",[326,1460,1461,1462,1464,1465,1076,1468,1471],{},"Inside ",[337,1463,129],{"href":130},", TagsInput inherits ",[329,1466,1467],{},"id",[329,1469,1470],{},"name",", required\u002Fdisabled\u002Finvalid state, and description\u002Ferror IDs. A required field is invalid only after interaction or invalid submit.",[410,1473,1475],{"className":412,"code":1474,"language":414,"meta":415,"style":415},"\u003Ctemplate>\n  \u003CField label=\"Project labels\" name=\"labels\" required>\n    \u003CTagsInput v-model=\"labels\" placeholder=\"Add label\" \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[329,1476,1477,1485,1519,1548,1556],{"__ignoreMap":415},[419,1478,1479,1481,1483],{"class":421,"line":422},[419,1480,426],{"class":425},[419,1482,574],{"class":429},[419,1484,452],{"class":425},[419,1486,1487,1489,1491,1493,1495,1497,1500,1502,1505,1507,1509,1512,1514,1517],{"class":421,"line":455},[419,1488,582],{"class":425},[419,1490,129],{"class":429},[419,1492,1269],{"class":433},[419,1494,440],{"class":425},[419,1496,443],{"class":425},[419,1498,1499],{"class":446},"Project labels",[419,1501,443],{"class":425},[419,1503,1504],{"class":433}," name",[419,1506,440],{"class":425},[419,1508,443],{"class":425},[419,1510,1511],{"class":446},"labels",[419,1513,443],{"class":425},[419,1515,1516],{"class":433}," required",[419,1518,452],{"class":425},[419,1520,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1544,1546],{"class":421,"line":486},[419,1522,1251],{"class":425},[419,1524,331],{"class":429},[419,1526,587],{"class":433},[419,1528,440],{"class":425},[419,1530,443],{"class":425},[419,1532,1511],{"class":446},[419,1534,443],{"class":425},[419,1536,599],{"class":433},[419,1538,440],{"class":425},[419,1540,443],{"class":425},[419,1542,1543],{"class":446},"Add label",[419,1545,443],{"class":425},[419,1547,614],{"class":425},[419,1549,1550,1552,1554],{"class":421,"line":508},[419,1551,1442],{"class":425},[419,1553,129],{"class":429},[419,1555,452],{"class":425},[419,1557,1558,1560,1562],{"class":421,"line":515},[419,1559,557],{"class":425},[419,1561,574],{"class":429},[419,1563,452],{"class":425},[629,1565,1567],{"id":1566},"cancel-changes","Cancel changes",[326,1569,1570,1076,1573,1076,1575,1080,1578,1581],{},[329,1571,1572],{},"add",[329,1574,360],{},[329,1576,1577],{},"value-change",[329,1579,1580],{},"input-change"," are cancelable. Cancel the earliest relevant event to stop the operation.",[410,1583,1585],{"className":412,"code":1584,"language":414,"meta":415,"style":415},"\u003Ctemplate>\n  \u003CTagsInput\n    v-model=\"tags\"\n    @remove=\"(value, details) => value === 'required' && details.cancel()\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,1586,1587,1595,1601,1613,1627,1631],{"__ignoreMap":415},[419,1588,1589,1591,1593],{"class":421,"line":422},[419,1590,426],{"class":425},[419,1592,574],{"class":429},[419,1594,452],{"class":425},[419,1596,1597,1599],{"class":421,"line":455},[419,1598,582],{"class":425},[419,1600,667],{"class":429},[419,1602,1603,1605,1607,1609,1611],{"class":421,"line":486},[419,1604,672],{"class":433},[419,1606,440],{"class":425},[419,1608,443],{"class":425},[419,1610,594],{"class":446},[419,1612,682],{"class":425},[419,1614,1615,1618,1620,1622,1625],{"class":421,"line":508},[419,1616,1617],{"class":433},"    @remove",[419,1619,440],{"class":425},[419,1621,443],{"class":425},[419,1623,1624],{"class":446},"(value, details) => value === 'required' && details.cancel()",[419,1626,682],{"class":425},[419,1628,1629],{"class":421,"line":515},[419,1630,724],{"class":425},[419,1632,1633,1635,1637],{"class":421,"line":554},[419,1634,557],{"class":425},[419,1636,574],{"class":429},[419,1638,452],{"class":425},[629,1640,1642],{"id":1641},"native-form-reset","Native Form Reset",[326,1644,1645,1646,1649,1650,1653,1654,843],{},"A native form reset restores the initial model and clears interaction state. Calling ",[329,1647,1648],{},"preventDefault()"," on the reset event preserves the current value. Reset updates ",[329,1651,1652],{},"v-model"," without emitting ",[329,1655,1577],{},[341,1657,1659],{"id":1658},"api-reference","API Reference",[629,1661,1663],{"id":1662},"models","Models",[1665,1666,1667,1686],"table",{},[1668,1669,1670],"thead",{},[1671,1672,1673,1677,1680,1683],"tr",{},[1674,1675,1676],"th",{},"Model",[1674,1678,1679],{},"Type",[1674,1681,1682],{},"Default",[1674,1684,1685],{},"Description",[1687,1688,1689,1709],"tbody",{},[1671,1690,1691,1696,1701,1706],{},[1692,1693,1694],"td",{},[329,1695,1652],{},[1692,1697,1698],{},[329,1699,1700],{},"TagsInputValue[]",[1692,1702,1703],{},[329,1704,1705],{},"[]",[1692,1707,1708],{},"Accepted tag values.",[1671,1710,1711,1716,1720,1725],{},[1692,1712,1713],{},[329,1714,1715],{},"v-model:input",[1692,1717,1718],{},[329,1719,913],{},[1692,1721,1722],{},[329,1723,1724],{},"\"\"",[1692,1726,1727],{},"Current uncommitted text.",[629,1729,1731],{"id":1730},"props","Props",[1665,1733,1734,1747],{},[1668,1735,1736],{},[1671,1737,1738,1741,1743,1745],{},[1674,1739,1740],{},"Prop",[1674,1742,1679],{},[1674,1744,1682],{},[1674,1746,1685],{},[1687,1748,1749,1766,1783,1798,1817,1834,1853,1872,1889,1906,1924,1943,1962,1980,1997,2013,2031,2047,2063,2081,2099,2117,2135,2155,2174,2190,2207],{},[1671,1750,1751,1755,1760,1763],{},[1692,1752,1753],{},[329,1754,1075],{},[1692,1756,1757],{},[329,1758,1759],{},"(value) => string",[1692,1761,1762],{},"string\u002FJSON",[1692,1764,1765],{},"Visible and accessible tag label.",[1671,1767,1768,1772,1777,1780],{},[1692,1769,1770],{},[329,1771,1071],{},[1692,1773,1774],{},[329,1775,1776],{},"(text) => value",[1692,1778,1779],{},"identity string",[1692,1781,1782],{},"Converts input text before validation\u002Faddition.",[1671,1784,1785,1789,1793,1795],{},[1692,1786,1787],{},[329,1788,1079],{},[1692,1790,1791],{},[329,1792,1759],{},[1692,1794,1762],{},[1692,1796,1797],{},"Serializes native form values and keys.",[1671,1799,1800,1804,1809,1814],{},[1692,1801,1802],{},[329,1803,1083],{},[1692,1805,1806],{},[329,1807,1808],{},"(a, b) => boolean",[1692,1810,1811],{},[329,1812,1813],{},"Object.is",[1692,1815,1816],{},"Duplicate and equality comparison.",[1671,1818,1819,1823,1828,1831],{},[1692,1820,1821],{},[329,1822,835],{},[1692,1824,1825],{},[329,1826,1827],{},"(value) => boolean",[1692,1829,1830],{},"accepts all",[1692,1832,1833],{},"Validates converted values.",[1671,1835,1836,1840,1845,1850],{},[1692,1837,1838],{},[329,1839,638],{},[1692,1841,1842],{},[329,1843,1844],{},"string | RegExp",[1692,1846,1847],{},[329,1848,1849],{},"\",\"",[1692,1851,1852],{},"Add key and paste splitting rule.",[1671,1854,1855,1859,1864,1869],{},[1692,1856,1857],{},[329,1858,642],{},[1692,1860,1861],{},[329,1862,1863],{},"boolean",[1692,1865,1866],{},[329,1867,1868],{},"false",[1692,1870,1871],{},"Adds non-empty input on blur.",[1671,1873,1874,1878,1882,1886],{},[1692,1875,1876],{},[329,1877,742],{},[1692,1879,1880],{},[329,1881,1863],{},[1692,1883,1884],{},[329,1885,1868],{},[1692,1887,1888],{},"Adds multiple delimited clipboard values.",[1671,1890,1891,1895,1899,1903],{},[1692,1892,1893],{},[329,1894,646],{},[1692,1896,1897],{},[329,1898,1863],{},[1692,1900,1901],{},[329,1902,1868],{},[1692,1904,1905],{},"Adds non-empty input instead of moving focus.",[1671,1907,1908,1913,1917,1921],{},[1692,1909,1910],{},[329,1911,1912],{},"duplicate",[1692,1914,1915],{},[329,1916,1863],{},[1692,1918,1919],{},[329,1920,1868],{},[1692,1922,1923],{},"Allows equal values more than once.",[1671,1925,1926,1930,1935,1940],{},[1692,1927,1928],{},[329,1929,839],{},[1692,1931,1932],{},[329,1933,1934],{},"number",[1692,1936,1937],{},[329,1938,1939],{},"0",[1692,1941,1942],{},"Maximum count; zero means unlimited.",[1671,1944,1945,1950,1954,1959],{},[1692,1946,1947],{},[329,1948,1949],{},"trim",[1692,1951,1952],{},[329,1953,1863],{},[1692,1955,1956],{},[329,1957,1958],{},"true",[1692,1960,1961],{},"Trims input and pasted segments.",[1671,1963,1964,1969,1973,1977],{},[1692,1965,1966],{},[329,1967,1968],{},"clearable",[1692,1970,1971],{},[329,1972,1863],{},[1692,1974,1975],{},[329,1976,1868],{},[1692,1978,1979],{},"Renders a clear-all button when values exist.",[1671,1981,1982,1987,1991,1994],{},[1692,1983,1984],{},[329,1985,1986],{},"placeholder",[1692,1988,1989],{},[329,1990,913],{},[1692,1992,1993],{},"-",[1692,1995,1996],{},"Editable input placeholder.",[1671,1998,1999,2004,2008,2010],{},[1692,2000,2001],{},[329,2002,2003],{},"maxLength",[1692,2005,2006],{},[329,2007,1934],{},[1692,2009,1993],{},[1692,2011,2012],{},"Native character limit for uncommitted input text.",[1671,2014,2015,2020,2024,2028],{},[1692,2016,2017],{},[329,2018,2019],{},"autoFocus",[1692,2021,2022],{},[329,2023,1863],{},[1692,2025,2026],{},[329,2027,1868],{},[1692,2029,2030],{},"Focuses the editable input after mount.",[1671,2032,2033,2037,2041,2044],{},[1692,2034,2035],{},[329,2036,1467],{},[1692,2038,2039],{},[329,2040,913],{},[1692,2042,2043],{},"field\u002Fgenerated id",[1692,2045,2046],{},"Editable input id.",[1671,2048,2049,2053,2057,2060],{},[1692,2050,2051],{},[329,2052,1470],{},[1692,2054,2055],{},[329,2056,913],{},[1692,2058,2059],{},"field name",[1692,2061,2062],{},"Native form field name repeated per tag.",[1671,2064,2065,2070,2074,2078],{},[1692,2066,2067],{},[329,2068,2069],{},"required",[1692,2071,2072],{},[329,2073,1863],{},[1692,2075,2076],{},[329,2077,1868],{},[1692,2079,2080],{},"Requires at least one tag.",[1671,2082,2083,2088,2092,2096],{},[1692,2084,2085],{},[329,2086,2087],{},"disabled",[1692,2089,2090],{},[329,2091,1863],{},[1692,2093,2094],{},[329,2095,1868],{},[1692,2097,2098],{},"Disables editing, controls, and form submission.",[1671,2100,2101,2106,2110,2114],{},[1692,2102,2103],{},[329,2104,2105],{},"readOnly",[1692,2107,2108],{},[329,2109,1863],{},[1692,2111,2112],{},[329,2113,1868],{},[1692,2115,2116],{},"Keeps values focusable but prevents changes.",[1671,2118,2119,2124,2128,2132],{},[1692,2120,2121],{},[329,2122,2123],{},"invalid",[1692,2125,2126],{},[329,2127,1863],{},[1692,2129,2130],{},[329,2131,1868],{},[1692,2133,2134],{},"Forces invalid styling and ARIA state.",[1671,2136,2137,2142,2147,2152],{},[1692,2138,2139],{},[329,2140,2141],{},"dir",[1692,2143,2144],{},[329,2145,2146],{},"\"ltr\" | \"rtl\"",[1692,2148,2149],{},[329,2150,2151],{},"\"ltr\"",[1692,2153,2154],{},"Tag direction and Arrow-key behavior.",[1671,2156,2157,2162,2166,2171],{},[1692,2158,2159],{},[329,2160,2161],{},"ariaLabel",[1692,2163,2164],{},[329,2165,913],{},[1692,2167,2168],{},[329,2169,2170],{},"\"Tags input\"",[1692,2172,2173],{},"Accessible group\u002Finput label.",[1671,2175,2176,2181,2185,2187],{},[1692,2177,2178],{},[329,2179,2180],{},"ariaLabelledby",[1692,2182,2183],{},[329,2184,913],{},[1692,2186,1993],{},[1692,2188,2189],{},"Accessible label element id.",[1671,2191,2192,2197,2201,2204],{},[1692,2193,2194],{},[329,2195,2196],{},"ariaDescribedby",[1692,2198,2199],{},[329,2200,913],{},[1692,2202,2203],{},"field IDs",[1692,2205,2206],{},"Accessible description\u002Ferror ids.",[1671,2208,2209,2213,2218,2220],{},[1692,2210,2211],{},[329,2212,395],{},[1692,2214,2215],{},[329,2216,2217],{},"TagsInputUi",[1692,2219,1993],{},[1692,2221,2222],{},"Classes for structural parts.",[629,2224,2226],{"id":2225},"emits","Emits",[1665,2228,2229,2241],{},[1668,2230,2231],{},[1671,2232,2233,2236,2239],{},[1674,2234,2235],{},"Event",[1674,2237,2238],{},"Payload",[1674,2240,1685],{},[1687,2242,2243,2257,2271,2285,2298],{},[1671,2244,2245,2249,2254],{},[1692,2246,2247],{},[329,2248,1577],{},[1692,2250,2251],{},[329,2252,2253],{},"(values, details)",[1692,2255,2256],{},"Fires before the values array updates. Cancelable.",[1671,2258,2259,2263,2268],{},[1692,2260,2261],{},[329,2262,1580],{},[1692,2264,2265],{},[329,2266,2267],{},"(text, details)",[1692,2269,2270],{},"Fires before editable text updates. Cancelable.",[1671,2272,2273,2277,2282],{},[1692,2274,2275],{},[329,2276,1572],{},[1692,2278,2279],{},[329,2280,2281],{},"(value, details)",[1692,2283,2284],{},"Fires before an accepted value is added. Cancelable.",[1671,2286,2287,2291,2295],{},[1692,2288,2289],{},[329,2290,360],{},[1692,2292,2293],{},[329,2294,2281],{},[1692,2296,2297],{},"Fires before a value is removed. Cancelable.",[1671,2299,2300,2304,2308],{},[1692,2301,2302],{},[329,2303,749],{},[1692,2305,2306],{},[329,2307,2281],{},[1692,2309,2310,2311,1076,2314,1076,2317,1076,2319,2321,2322,2324],{},"Reports ",[329,2312,2313],{},"empty",[329,2315,2316],{},"convert",[329,2318,2123],{},[329,2320,1912],{},", or ",[329,2323,839],{}," reasons.",[629,2326,2328],{"id":2327},"slots","Slots",[1665,2330,2331,2342],{},[1668,2332,2333],{},[1671,2334,2335,2338,2340],{},[1674,2336,2337],{},"Slot",[1674,2339,1731],{},[1674,2341,1685],{},[1687,2343,2344,2368,2384,2403],{},[1671,2345,2346,2350,2365],{},[1692,2347,2348],{},[329,2349,1259],{},[1692,2351,2352,1076,2354,1076,2357,1076,2360,1076,2363],{},[329,2353,884],{},[329,2355,2356],{},"label",[329,2358,2359],{},"index",[329,2361,2362],{},"isHighlighted",[329,2364,360],{},[1692,2366,2367],{},"Complete custom tag.",[1671,2369,2370,2375,2381],{},[1692,2371,2372],{},[329,2373,2374],{},"delete",[1692,2376,2377,1076,2379],{},[329,2378,884],{},[329,2380,2359],{},[1692,2382,2383],{},"Default remove button content.",[1671,2385,2386,2390,2398],{},[1692,2387,2388],{},[329,2389,1383],{},[1692,2391,2392,1076,2394,1076,2396],{},[329,2393,884],{},[329,2395,380],{},[329,2397,1572],{},[1692,2399,2400,2401,843],{},"Custom editable input. Bind ",[329,2402,380],{},[1671,2404,2405,2410,2412],{},[1692,2406,2407],{},[329,2408,2409],{},"clear",[1692,2411,1993],{},[1692,2413,2414],{},"Clear-all button content.",[629,2416,2418],{"id":2417},"exposed-methods","Exposed Methods",[1665,2420,2421,2430],{},[1668,2422,2423],{},[1671,2424,2425,2428],{},[1674,2426,2427],{},"Method",[1674,2429,1685],{},[1687,2431,2432,2442,2454],{},[1671,2433,2434,2439],{},[1692,2435,2436],{},[329,2437,2438],{},"add(value?, event?)",[1692,2440,2441],{},"Converts and adds text through all validation\u002Fevent paths.",[1671,2443,2444,2449],{},[1692,2445,2446],{},[329,2447,2448],{},"clear(event?)",[1692,2450,2451,2452,843],{},"Removes every tag through ",[329,2453,1577],{},[1671,2455,2456,2461],{},[1692,2457,2458],{},[329,2459,2460],{},"focus()",[1692,2462,2463],{},"Focuses the editable input.",[629,2465,2467],{"id":2466},"ui-options","UI Options",[1665,2469,2470,2479],{},[1668,2471,2472],{},[1671,2473,2474,2477],{},[1674,2475,2476],{},"Key",[1674,2478,1685],{},[1687,2480,2481,2491,2501,2511,2521,2530,2539],{},[1671,2482,2483,2488],{},[1692,2484,2485],{},[329,2486,2487],{},"root",[1692,2489,2490],{},"Token editor wrapper.",[1671,2492,2493,2498],{},[1692,2494,2495],{},[329,2496,2497],{},"hiddenInput",[1692,2499,2500],{},"Native form\u002Fvalidity input(s).",[1671,2502,2503,2508],{},[1692,2504,2505],{},[329,2506,2507],{},"item",[1692,2509,2510],{},"Each default tag wrapper.",[1671,2512,2513,2518],{},[1692,2514,2515],{},[329,2516,2517],{},"itemText",[1692,2519,2520],{},"Default tag text.",[1671,2522,2523,2527],{},[1692,2524,2525],{},[329,2526,2374],{},[1692,2528,2529],{},"Default per-tag remove button.",[1671,2531,2532,2536],{},[1692,2533,2534],{},[329,2535,1383],{},[1692,2537,2538],{},"Editable text input.",[1671,2540,2541,2545],{},[1692,2542,2543],{},[329,2544,2409],{},[1692,2546,2547],{},"Optional clear-all button.",[629,2549,2551],{"id":2550},"styling-hooks","Styling Hooks",[1665,2553,2554,2567],{},[1668,2555,2556],{},[1671,2557,2558,2561,2564],{},[1674,2559,2560],{},"UI key",[1674,2562,2563],{},"CSS class",[1674,2565,2566],{},"Data attrs",[1687,2568,2569,2603,2617,2638,2651,2665,2684],{},[1671,2570,2571,2575,2580],{},[1692,2572,2573],{},[329,2574,2487],{},[1692,2576,2577],{},[329,2578,2579],{},"akaza-tags-input",[1692,2581,2582,1076,2585,1076,2588,1076,2591,1076,2594,1076,2597,1076,2600],{},[329,2583,2584],{},"data-akaza-state",[329,2586,2587],{},"data-akaza-disabled",[329,2589,2590],{},"data-akaza-readonly",[329,2592,2593],{},"data-akaza-invalid",[329,2595,2596],{},"data-akaza-focused",[329,2598,2599],{},"data-akaza-filled",[329,2601,2602],{},"data-akaza-max",[1671,2604,2605,2609,2614],{},[1692,2606,2607],{},[329,2608,2497],{},[1692,2610,2611],{},[329,2612,2613],{},"akaza-tags-input-hidden-input",[1692,2615,2616],{},"native validity attrs",[1671,2618,2619,2623,2628],{},[1692,2620,2621],{},[329,2622,2507],{},[1692,2624,2625],{},[329,2626,2627],{},"akaza-tags-input-item",[1692,2629,2630,1076,2633,1076,2636],{},[329,2631,2632],{},"data-akaza-state=\"active\"",[329,2634,2635],{},"data-akaza-highlighted",[329,2637,2587],{},[1671,2639,2640,2644,2649],{},[1692,2641,2642],{},[329,2643,2517],{},[1692,2645,2646],{},[329,2647,2648],{},"akaza-tags-input-item-text",[1692,2650,1993],{},[1671,2652,2653,2657,2662],{},[1692,2654,2655],{},[329,2656,2374],{},[1692,2658,2659],{},[329,2660,2661],{},"akaza-tags-input-delete",[1692,2663,2664],{},"native disabled\u002FARIA label attrs",[1671,2666,2667,2671,2676],{},[1692,2668,2669],{},[329,2670,1383],{},[1692,2672,2673],{},[329,2674,2675],{},"akaza-tags-input-input",[1692,2677,2678,1076,2680,1076,2682],{},[329,2679,2587],{},[329,2681,2590],{},[329,2683,2593],{},[1671,2685,2686,2690,2695],{},[1692,2687,2688],{},[329,2689,2409],{},[1692,2691,2692],{},[329,2693,2694],{},"akaza-tags-input-clear",[1692,2696,2664],{},[326,2698,2699,2700,2702,2703,643,2705,2708,2709,2712,2713,1076,2716,1080,2719,2722],{},"Root ",[329,2701,2584],{}," is ",[329,2704,2313],{},[329,2706,2707],{},"filled",". Plain ",[329,2710,2711],{},"class"," applies to the root editor. Use ",[329,2714,2715],{},"ui.item",[329,2717,2718],{},"ui.input",[329,2720,2721],{},"ui.delete"," for internal parts.",[629,2724,2726],{"id":2725},"keyboard","Keyboard",[1665,2728,2729,2738],{},[1668,2730,2731],{},[1671,2732,2733,2735],{},[1674,2734,2476],{},[1674,2736,2737],{},"Behavior",[1687,2739,2740,2751,2764,2775,2785,2802,2815,2827],{},[1671,2741,2742,2748],{},[1692,2743,2744,2747],{},[329,2745,2746],{},"Enter"," \u002F delimiter key",[1692,2749,2750],{},"Add current text.",[1671,2752,2753,2758],{},[1692,2754,2755],{},[329,2756,2757],{},"Tab",[1692,2759,2760,2761,2763],{},"Add when ",[329,2762,646],{},"; otherwise move focus normally.",[1671,2765,2766,2772],{},[1692,2767,2768,2769],{},"input ",[329,2770,2771],{},"Backspace",[1692,2773,2774],{},"Focus last tag when input is empty.",[1671,2776,2777,2780],{},[1692,2778,2779],{},"input boundary Arrow",[1692,2781,2782,2783,843],{},"Focus last tag from the start edge, respecting ",[329,2784,2141],{},[1671,2786,2787,2797],{},[1692,2788,2789,2790,2793,2794],{},"tag ",[329,2791,2792],{},"ArrowLeft"," \u002F ",[329,2795,2796],{},"ArrowRight",[1692,2798,2799,2800,843],{},"Move between tags\u002Finput, respecting ",[329,2801,2141],{},[1671,2803,2804,2812],{},[1692,2805,2789,2806,2793,2809],{},[329,2807,2808],{},"Home",[329,2810,2811],{},"End",[1692,2813,2814],{},"Focus first\u002Flast tag.",[1671,2816,2817,2824],{},[1692,2818,2789,2819,2793,2821],{},[329,2820,2771],{},[329,2822,2823],{},"Delete",[1692,2825,2826],{},"Remove focused tag and retain logical focus.",[1671,2828,2829,2834],{},[1692,2830,2789,2831],{},[329,2832,2833],{},"Escape",[1692,2835,2836],{},"Return focus to the editable input.",[2838,2839,2840],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .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 .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":415,"searchDepth":422,"depth":455,"links":2842},[2843,2844,2845,2855],{"id":343,"depth":455,"text":344},{"id":399,"depth":455,"text":23},{"id":626,"depth":455,"text":627,"children":2846},[2847,2848,2849,2850,2851,2852,2853,2854],{"id":631,"depth":486,"text":632},{"id":735,"depth":486,"text":736},{"id":829,"depth":486,"text":830},{"id":1065,"depth":486,"text":1066},{"id":1201,"depth":486,"text":1202},{"id":1457,"depth":486,"text":1458},{"id":1566,"depth":486,"text":1567},{"id":1641,"depth":486,"text":1642},{"id":1658,"depth":455,"text":1659,"children":2856},[2857,2858,2859,2860,2861,2862,2863,2864],{"id":1662,"depth":486,"text":1663},{"id":1730,"depth":486,"text":1731},{"id":2225,"depth":486,"text":2226},{"id":2327,"depth":486,"text":2328},{"id":2417,"depth":486,"text":2418},{"id":2466,"depth":486,"text":2467},{"id":2550,"depth":486,"text":2551},{"id":2725,"depth":486,"text":2726},"Tokenized text input with keyboard editing, paste handling, validation, and form submission.","md",null,{},{"icon":268},{"title":265,"description":2865},"gH_BwxXb3p3dfAmqf21dvSyOjiNRdU0o9rAITWxhLiA",[2873,2875],{"title":261,"path":262,"stem":263,"description":2874,"icon":40,"children":-1},"A set of layered sections of content, one visible at a time.",{"title":270,"path":271,"stem":272,"description":2876,"icon":273,"badge":2877,"children":-1},"Locale-aware segmented time input with keyboard editing, constraints, granularity, and native forms.",{"label":62,"color":63},1789932259582]