[{"data":1,"prerenderedAt":3342},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Fautocomplete":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":270},{"en":684,"id":2152},{"id":685,"title":269,"aside":686,"body":687,"collapse":10,"description":2147,"editLink":686,"extension":2148,"icon":9,"issueLink":686,"meta":2149,"navBadges":9,"navigation":9,"order":272,"path":270,"prevNext":686,"seo":2150,"stem":271,"toc":686,"__hash__":2151},"docs\u002Fcomponents\u002Fforms\u002Fautocomplete.md",true,{"type":688,"value":689,"toc":2124},"minimark",[690,695,728,754,765,812,821,839,846,850,1050,1057,1061,1067,1070,1117,1121,1134,1137,1176,1179,1225,1229,1272,1308,1312,1329,1351,1354,1398,1402,1411,1455,1458,1496,1500,1514,1517,1621,1625,1653,1665,1669,1686,1690,1707,1711,1739,1746,1750,1760,1763,1767,1789,1792,1821,1828,1835,1842,1846,1850,1875,1885,1888,1894,1897,1908,1921,1989,1993,2033,2043,2047,2107,2120],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,699,703,704,707,708,711,712,715,716,719,720,723,724,727],"p",{},"Suggestions accept string\u002Fnumber arrays or option objects. A primitive is both\nits label and value. Objects display ",[700,701,702],"code",{},"label"," by default; their ",[700,705,706],{},"value"," field is\nused when present, and objects without it are themselves the model value. Set\n",[700,709,710],{},"labelKey"," or ",[700,713,714],{},"valueKey"," to choose other fields. Existing suggestions preserve\nnumeric ",[700,717,718],{},"1"," versus string ",[700,721,722],{},"\"1\"",". Newly created free text is always a string;\nnumeric suggestions do not cause typed text to be coerced. Use ",[700,725,726],{},"forceSelection","\nto disallow creating values.",[696,729,730,731,734,735,738,739,741,742,6,744,746,747,749,750,753],{},"Autocomplete infers models and update events from its suggestion identity field.\nNumeric suggestions allow ",[700,732,733],{},"number | string | undefined"," in single mode and\n",[700,736,737],{},"(number | string)[]"," in multiple mode. A literal ",[700,740,726],{}," narrows those\ntypes to the suggestion identity; a dynamic boolean retains the string union.\nReadonly option\u002Fgroup arrays and custom top-level ",[700,743,714],{},[700,745,710],{}," fields\nare supported. Every suggestion identity must be unique across the whole list,\nincluding disabled suggestions and suggestions in different groups; a duplicate\nthrows when Autocomplete reads the options. Numeric ",[700,748,718],{}," and string ",[700,751,752],{},"'1'"," remain\ndistinct. Declare the item type for initially empty async arrays.",[696,755,756,757,760,761,764],{},"The exported types use an option entry type: ",[700,758,759],{},"AutocompleteProps\u003Cnumber>","\ndescribes numeric primitive items, while\n",[700,762,763],{},"AutocompleteProps\u003C{ value: number, label: string }>"," describes option records.\nThe parameters are entry, identity key, multiple mode and forced mode.",[696,766,767,768,771,772,775,776,779,780,783,784,787,788,791,792,795,796,799,800,803,804,807,808,811],{},"Author suggestions as a readonly ",[700,769,770],{},"Row[]",", or as ",[700,773,774],{},"readonly (Row | SelectGroup\u003CRow>)[]","\nwhen mixing suggestions and groups; there are no separate ",[700,777,778],{},"SelectItems",",\n",[700,781,782],{},"SelectOption",", or ",[700,785,786],{},"SelectOptionGroup"," authoring aliases. A wrapper that needs\nthe exact validated items type can use ",[700,789,790],{},"AutocompleteProps\u003CRow, 'id'>['items']",". For example,\n",[700,793,794],{},"AutocompleteProps\u003CRow, 'id', true, true>"," describes forced multiple selection.\n",[700,797,798],{},"AutocompleteEmits"," uses the same parameters. Render functions can specialize\n",[700,801,802],{},"Autocomplete\u003CRow, 'id', true, true>"," directly; templates normally infer it.\nImport public helpers from ",[700,805,806],{},"@sewadah\u002Fselaras\u002Ftypes","; derive slot types through\n",[700,809,810],{},"AutocompleteSlots",".",[696,813,814,816,817,820],{},[700,815,726],{}," blocks new unmatched text. It does not erase existing values\nwhen toggled dynamically or require that a selected async identity already be\nin the current options. Native reset restores the captured default, including\nstrings created before a dynamic switch. Idle inputs refresh their selected\nlabel when options load; active queries and parent-controlled ",[700,818,819],{},"searchTerm","\nretain their text.",[696,822,823,826,827,830,831,834,835,838],{},[700,824,825],{},"defaultValue"," initializes uncontrolled selection and is the native form reset\ntarget. ",[700,828,829],{},"modelValue"," remains parent-controlled. With ",[700,832,833],{},"name",", each selected value\nsubmits as a field; primitives are strings and objects are JSON. Empty or\ndisabled selections submit none. ",[700,836,837],{},"form"," may reference an external form ID.",[696,840,841,842,845],{},"Unlike ",[843,844,254],"a",{"href":255},", whatever the user types can become the\nvalue even if it doesn't match a suggestion - picking a suggestion is a\nshortcut, not a requirement.",[847,848],"component-example",{"name":849},"autocomplete-basic",[851,852,857],"pre",{"className":853,"code":854,"language":855,"meta":856,"style":856},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst value = ref('')\n\nconst fruitItems = [\n  { label: 'Apple', value: 'apple' },\n  { label: 'Banana', value: 'banana' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSAutocomplete v-model=\"value\" placeholder=\"Type anything\" :items=\"fruitItems\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[700,858,859,888,914,920,933,951,966,972,982,987,996,1042],{"__ignoreMap":856},[860,861,863,867,871,875,878,881,885],"span",{"class":862,"line":8},"line",[860,864,866],{"class":865},"sVt8B","\u003C",[860,868,870],{"class":869},"s9eBZ","script",[860,872,874],{"class":873},"sScJk"," setup",[860,876,877],{"class":873}," lang",[860,879,880],{"class":865},"=",[860,882,884],{"class":883},"sZZnC","\"ts\"",[860,886,887],{"class":865},">\n",[860,889,891,895,899,902,905,908,911],{"class":862,"line":890},2,[860,892,894],{"class":893},"szBVR","const",[860,896,898],{"class":897},"sj4cs"," value",[860,900,901],{"class":893}," =",[860,903,904],{"class":873}," ref",[860,906,907],{"class":865},"(",[860,909,910],{"class":883},"''",[860,912,913],{"class":865},")\n",[860,915,917],{"class":862,"line":916},3,[860,918,919],{"emptyLinePlaceholder":686},"\n",[860,921,923,925,928,930],{"class":862,"line":922},4,[860,924,894],{"class":893},[860,926,927],{"class":897}," fruitItems",[860,929,901],{"class":893},[860,931,932],{"class":865}," [\n",[860,934,936,939,942,945,948],{"class":862,"line":935},5,[860,937,938],{"class":865},"  { label: ",[860,940,941],{"class":883},"'Apple'",[860,943,944],{"class":865},", value: ",[860,946,947],{"class":883},"'apple'",[860,949,950],{"class":865}," },\n",[860,952,954,956,959,961,964],{"class":862,"line":953},6,[860,955,938],{"class":865},[860,957,958],{"class":883},"'Banana'",[860,960,944],{"class":865},[860,962,963],{"class":883},"'banana'",[860,965,950],{"class":865},[860,967,969],{"class":862,"line":968},7,[860,970,971],{"class":865},"]\n",[860,973,975,978,980],{"class":862,"line":974},8,[860,976,977],{"class":865},"\u003C\u002F",[860,979,870],{"class":869},[860,981,887],{"class":865},[860,983,985],{"class":862,"line":984},9,[860,986,919],{"emptyLinePlaceholder":686},[860,988,989,991,994],{"class":862,"line":13},[860,990,866],{"class":865},[860,992,993],{"class":869},"template",[860,995,887],{"class":865},[860,997,998,1001,1004,1007,1009,1012,1014,1016,1019,1021,1024,1027,1030,1032,1034,1037,1039],{"class":862,"line":151},[860,999,1000],{"class":865},"  \u003C",[860,1002,1003],{"class":869},"SAutocomplete",[860,1005,1006],{"class":873}," v-model",[860,1008,880],{"class":865},[860,1010,1011],{"class":883},"\"",[860,1013,706],{"class":865},[860,1015,1011],{"class":883},[860,1017,1018],{"class":873}," placeholder",[860,1020,880],{"class":865},[860,1022,1023],{"class":883},"\"Type anything\"",[860,1025,1026],{"class":865}," :",[860,1028,1029],{"class":873},"items",[860,1031,880],{"class":865},[860,1033,1011],{"class":883},[860,1035,1036],{"class":865},"fruitItems",[860,1038,1011],{"class":883},[860,1040,1041],{"class":865}," \u002F>\n",[860,1043,1044,1046,1048],{"class":862,"line":170},[860,1045,977],{"class":865},[860,1047,993],{"class":869},[860,1049,887],{"class":865},[696,1051,1052,1053,1056],{},"The input itself is always the trigger - typing works immediately, with no\nseparate \"open\" step, since there's no equivalent of Select's\n",[700,1054,1055],{},"searchable: false"," mode here.",[1058,1059,395],"h3",{"id":1060},"dropdown",[696,1062,1063,1064,1066],{},"There's no built-in \"browse everything\" button by default - typing is the\nwhole interaction. ",[700,1065,1060],{}," adds one anyway: a trailing chevron that opens\nthe popover and clears whatever's typed, so it always shows the full list\nrather than staying scoped to the current filter.",[847,1068],{"name":1069},"autocomplete-dropdown",[851,1071,1075],{"className":1072,"code":1073,"language":1074,"meta":856,"style":856},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSAutocomplete v-model=\"value\" dropdown placeholder=\"Type or browse\" :items=\"fruitItems\" \u002F>\n","vue-html",[700,1076,1077],{"__ignoreMap":856},[860,1078,1079,1081,1083,1085,1087,1089,1091,1093,1096,1098,1100,1103,1105,1107,1109,1111,1113,1115],{"class":862,"line":8},[860,1080,866],{"class":865},[860,1082,1003],{"class":869},[860,1084,1006],{"class":873},[860,1086,880],{"class":865},[860,1088,1011],{"class":883},[860,1090,706],{"class":865},[860,1092,1011],{"class":883},[860,1094,1095],{"class":873}," dropdown",[860,1097,1018],{"class":873},[860,1099,880],{"class":865},[860,1101,1102],{"class":883},"\"Type or browse\"",[860,1104,1026],{"class":865},[860,1106,1029],{"class":873},[860,1108,880],{"class":865},[860,1110,1011],{"class":883},[860,1112,1036],{"class":865},[860,1114,1011],{"class":883},[860,1116,1041],{"class":865},[1058,1118,1120],{"id":1119},"multiple-values","Multiple values",[696,1122,1123,1126,1127,1130,1131,1133],{},[700,1124,1125],{},"multiple"," uses a comma-separated display by default, with the editable query\nbeside the selected labels. ",[700,1128,1129],{},"displayMode=\"chip\""," shows removable chips instead.\nBoth modes offer a Create option for text that isn't already in ",[700,1132,1029],{},". Press\nEnter to add it, or move to an existing suggestion first. Once the query\nclears, the open list shows all available options again. Choosing an already\nselected option leaves the selection in place; chip mode also offers a remove\nbutton on each selected value. In comma mode, press Backspace with an empty\nquery to remove the last selected value.",[847,1135],{"name":1136},"autocomplete-multiple-comma",[851,1138,1140],{"className":1072,"code":1139,"language":1074,"meta":856,"style":856},"\u003CSAutocomplete v-model=\"fruits\" multiple :items=\"fruitItems\" \u002F>\n",[700,1141,1142],{"__ignoreMap":856},[860,1143,1144,1146,1148,1150,1152,1154,1157,1159,1162,1164,1166,1168,1170,1172,1174],{"class":862,"line":8},[860,1145,866],{"class":865},[860,1147,1003],{"class":869},[860,1149,1006],{"class":873},[860,1151,880],{"class":865},[860,1153,1011],{"class":883},[860,1155,1156],{"class":865},"fruits",[860,1158,1011],{"class":883},[860,1160,1161],{"class":873}," multiple",[860,1163,1026],{"class":865},[860,1165,1029],{"class":873},[860,1167,880],{"class":865},[860,1169,1011],{"class":883},[860,1171,1036],{"class":865},[860,1173,1011],{"class":883},[860,1175,1041],{"class":865},[847,1177],{"name":1178},"autocomplete-multiple",[851,1180,1182],{"className":1072,"code":1181,"language":1074,"meta":856,"style":856},"\u003CSAutocomplete v-model=\"tags\" multiple display-mode=\"chip\" :items=\"fruitItems\" \u002F>\n",[700,1183,1184],{"__ignoreMap":856},[860,1185,1186,1188,1190,1192,1194,1196,1199,1201,1203,1206,1208,1211,1213,1215,1217,1219,1221,1223],{"class":862,"line":8},[860,1187,866],{"class":865},[860,1189,1003],{"class":869},[860,1191,1006],{"class":873},[860,1193,880],{"class":865},[860,1195,1011],{"class":883},[860,1197,1198],{"class":865},"tags",[860,1200,1011],{"class":883},[860,1202,1161],{"class":873},[860,1204,1205],{"class":873}," display-mode",[860,1207,880],{"class":865},[860,1209,1210],{"class":883},"\"chip\"",[860,1212,1026],{"class":865},[860,1214,1029],{"class":873},[860,1216,880],{"class":865},[860,1218,1011],{"class":883},[860,1220,1036],{"class":865},[860,1222,1011],{"class":883},[860,1224,1041],{"class":865},[1058,1226,1228],{"id":1227},"changing-selection-mode","Changing selection mode",[696,1230,1231,1232,1234,1235,1237,1238,1241,1242,1245,1246,1249,1250,1252,1253,1256,1257,1259,1260,1263,1264,1267,1268,1271],{},"For an uncontrolled Autocomplete, changing ",[700,1233,1125],{}," converts its local\nselection once: single ",[700,1236,706],{}," becomes ",[700,1239,1240],{},"[value]",", single ",[700,1243,1244],{},"undefined"," becomes\n",[700,1247,1248],{},"[]",", a multiple selection becomes its first value, and an empty array becomes\n",[700,1251,1244],{},". Switching to single mode drops later active selections. That\nconversion emits one ",[700,1254,1255],{},"update:modelValue"," event. The captured\n",[700,1258,825],{}," does not change after mount; reset projects it into the current\nmode. For example, ",[700,1261,1262],{},"defaultValue: [0, 1]"," resets to ",[700,1265,1266],{},"0"," in single mode and to\n",[700,1269,1270],{},"[0, 1]"," after changing back to multiple mode.",[696,1273,1274,1275,1277,1278,1280,1281,1283,1284,1286,1287,1289,1290,711,1292,1294,1295,1297,1298,1300,1301,1303,1304,1307],{},"A controlled parent must change ",[700,1276,829],{}," and ",[700,1279,1125],{}," in the same render:\nan array when ",[700,1282,1125],{}," is true, and a scalar or ",[700,1285,1244],{}," when it is false.\n",[700,1288,1244],{}," is allowed as the empty multiple value. A scalar value in\nmultiple mode, or any array in single mode, throws a descriptive error.\nEach value in a multiple ",[700,1291,829],{},[700,1293,825],{}," array must also be\nunique, including created or unresolved async identities. Numeric ",[700,1296,718],{}," and\nstring ",[700,1299,752],{}," are distinct values.\nAutocomplete does not convert controlled values or emit an update solely\nbecause the mode changed. Changing modes also preserves an active query, open\npopover, and focus when the input was focused. It does not take focus from a\nmode button or another control. A parent-controlled ",[700,1302,819],{}," retains its\ntext; idle input labels follow ",[700,1305,1306],{},"resetSearchTermOnSelect",".\nChanging mode during IME composition cancels editing and requests that the\nquery and popup be cleared. Complete composition before changing mode to retain\nthe query.",[1058,1309,1311],{"id":1310},"clear","Clear",[696,1313,1314,1317,1318,783,1321,1324,1325,1328],{},[700,1315,1316],{},"clearable"," resets both the selection and draft query. It appears when either\ncontains content, including typed text before any suggestion is selected.\nIt hides when empty, ",[700,1319,1320],{},"disabled",[700,1322,1323],{},"readonly","; loading and custom ",[700,1326,1327],{},"trailing","\ncontent do not hide it. Clicking clear does not commit the draft as a new\nvalue, and returns focus to the editor.",[696,1330,1331,1332,1335,1336,1339,1340,711,1343,1346,1347,811],{},"Like ",[843,1333,254],{"href":1334},"\u002Fcomponents\u002Fforms\u002Fselect#clear",", it uses an inset neutral ",[700,1337,1338],{},"ghost","\ntarget with a glyph that matches the field's other icons. Customize it with\n",[700,1341,1342],{},"ui.clear",[700,1344,1345],{},"#clear-icon","; see\n",[843,1348,1350],{"href":1349},"\u002Foverview\u002Ftheming\u002Fcomponent-styling#field-clear-controls","shared clear styling",[847,1352],{"name":1353},"autocomplete-clear",[851,1355,1357],{"className":1072,"code":1356,"language":1074,"meta":856,"style":856},"\u003CSAutocomplete v-model=\"value\" clearable placeholder=\"Type anything\" :items=\"fruitItems\" \u002F>\n",[700,1358,1359],{"__ignoreMap":856},[860,1360,1361,1363,1365,1367,1369,1371,1373,1375,1378,1380,1382,1384,1386,1388,1390,1392,1394,1396],{"class":862,"line":8},[860,1362,866],{"class":865},[860,1364,1003],{"class":869},[860,1366,1006],{"class":873},[860,1368,880],{"class":865},[860,1370,1011],{"class":883},[860,1372,706],{"class":865},[860,1374,1011],{"class":883},[860,1376,1377],{"class":873}," clearable",[860,1379,1018],{"class":873},[860,1381,880],{"class":865},[860,1383,1023],{"class":883},[860,1385,1026],{"class":865},[860,1387,1029],{"class":873},[860,1389,880],{"class":865},[860,1391,1011],{"class":883},[860,1393,1036],{"class":865},[860,1395,1011],{"class":883},[860,1397,1041],{"class":865},[1058,1399,1401],{"id":1400},"force-selection","Force selection",[696,1403,1404,1405,1407,1408,1410],{},"This is the one real behavioral difference from Select, not just a shared\nprop: ",[700,1406,726],{}," reverts typed text that doesn't match any option back\nto blank on blur or Enter, instead of accepting it as a new value. It exists\nfor consumers who want Autocomplete's UX (input-as-trigger, inline filtering)\nwithout actually allowing arbitrary values - if that's the goal from the\nstart, ",[843,1409,254],{"href":255}," does the same job more directly.",[696,1412,1413,1414,1417,1418,1422,1423,1426,1427,1431,1432,1434,1435,1438,1439,1441,1442,1444,1445,1448,1449,1451,1452,1454],{},"In multiple mode, typing ",[700,1415,1416],{},"bana"," shows ",[1419,1420,1421],"strong",{},"Create \"bana\""," before the matching\n",[1419,1424,1425],{},"Banana"," suggestion. ",[1428,1429,1430],"kbd",{},"Enter"," chooses the active option, so you can\ncreate ",[700,1433,1416],{}," immediately or press ",[1428,1436,1437],{},"ArrowDown"," then ",[1428,1440,1430],{},"\nto select ",[700,1443,1425],{},". Clicking either option works too. In single mode, the list\nshows matching suggestions without a Create row: Enter selects the active\nsuggestion, while unmatched text is accepted as free text on Enter or blur.\nWhen no suggestions match in single mode, the popup hides. ",[1428,1446,1447],{},"Tab"," moves\nfocus normally. ",[700,1450,726],{}," hides the Create option and rejects unmatched\ntext. An idle ",[1428,1453,1430],{}," does not remove an existing chip and can submit\na parent form normally.",[847,1456],{"name":1457},"autocomplete-force-selection",[851,1459,1461],{"className":1072,"code":1460,"language":1074,"meta":856,"style":856},"\u003CSAutocomplete v-model=\"value\" force-selection :items=\"fruitItems\" \u002F>\n",[700,1462,1463],{"__ignoreMap":856},[860,1464,1465,1467,1469,1471,1473,1475,1477,1479,1482,1484,1486,1488,1490,1492,1494],{"class":862,"line":8},[860,1466,866],{"class":865},[860,1468,1003],{"class":869},[860,1470,1006],{"class":873},[860,1472,880],{"class":865},[860,1474,1011],{"class":883},[860,1476,706],{"class":865},[860,1478,1011],{"class":883},[860,1480,1481],{"class":873}," force-selection",[860,1483,1026],{"class":865},[860,1485,1029],{"class":873},[860,1487,880],{"class":865},[860,1489,1011],{"class":883},[860,1491,1036],{"class":865},[860,1493,1011],{"class":883},[860,1495,1041],{"class":865},[1058,1497,1499],{"id":1498},"arrow","Arrow",[696,1501,1502,1504,1505,1509,1510,1513],{},[700,1503,1498],{}," works the same as ",[843,1506,1508],{"href":1507},"\u002Fcomponents\u002Fforms\u002Fselect#arrow","Select's",": use\n",[700,1511,1512],{},"true"," for the default pointer or an object to configure its size, rounded tip,\nand corner clearance.",[847,1515],{"name":1516},"autocomplete-arrow",[851,1518,1520],{"className":1072,"code":1519,"language":1074,"meta":856,"style":856},"\u003CSAutocomplete v-model=\"value\" arrow :items=\"fruitItems\" \u002F>\n\u003CSAutocomplete v-model=\"value\" :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\" :items=\"fruitItems\" \u002F>\n",[700,1521,1522,1555],{"__ignoreMap":856},[860,1523,1524,1526,1528,1530,1532,1534,1536,1538,1541,1543,1545,1547,1549,1551,1553],{"class":862,"line":8},[860,1525,866],{"class":865},[860,1527,1003],{"class":869},[860,1529,1006],{"class":873},[860,1531,880],{"class":865},[860,1533,1011],{"class":883},[860,1535,706],{"class":865},[860,1537,1011],{"class":883},[860,1539,1540],{"class":873}," arrow",[860,1542,1026],{"class":865},[860,1544,1029],{"class":873},[860,1546,880],{"class":865},[860,1548,1011],{"class":883},[860,1550,1036],{"class":865},[860,1552,1011],{"class":883},[860,1554,1041],{"class":865},[860,1556,1557,1559,1561,1563,1565,1567,1569,1571,1573,1575,1577,1579,1582,1585,1588,1591,1594,1596,1599,1602,1605,1607,1609,1611,1613,1615,1617,1619],{"class":862,"line":890},[860,1558,866],{"class":865},[860,1560,1003],{"class":869},[860,1562,1006],{"class":873},[860,1564,880],{"class":865},[860,1566,1011],{"class":883},[860,1568,706],{"class":865},[860,1570,1011],{"class":883},[860,1572,1026],{"class":865},[860,1574,1498],{"class":873},[860,1576,880],{"class":865},[860,1578,1011],{"class":883},[860,1580,1581],{"class":865},"{ width: ",[860,1583,1584],{"class":897},"16",[860,1586,1587],{"class":865},", height: ",[860,1589,1590],{"class":897},"8",[860,1592,1593],{"class":865},", rounded: ",[860,1595,1512],{"class":897},[860,1597,1598],{"class":865},", padding: ",[860,1600,1601],{"class":897},"12",[860,1603,1604],{"class":865}," }",[860,1606,1011],{"class":883},[860,1608,1026],{"class":865},[860,1610,1029],{"class":873},[860,1612,880],{"class":865},[860,1614,1011],{"class":883},[860,1616,1036],{"class":865},[860,1618,1011],{"class":883},[860,1620,1041],{"class":865},[1058,1622,1624],{"id":1623},"custom-option-rendering-objects-and-groups","Custom option rendering, objects, and groups",[696,1626,1627,1628,6,1631,1634,1635,6,1637,1639,1640,779,1644,1648,1649,811],{},"The ",[700,1629,1630],{},"item",[700,1632,1633],{},"group"," slots and ",[700,1636,710],{},[700,1638,714],{}," mapping all work\nidentically to Select's - see\n",[843,1641,1643],{"href":1642},"\u002Fcomponents\u002Fforms\u002Fselect#custom-option-rendering","Custom option rendering",[843,1645,1647],{"href":1646},"\u002Fcomponents\u002Fforms\u002Fselect#custom-objects","Custom objects",", and\n",[843,1650,1652],{"href":1651},"\u002Fcomponents\u002Fforms\u002Fselect#grouped-options","Grouped options",[696,1654,1655,1656,1658,1659,1661,1662,1664],{},"Created text and async selections can be absent from ",[700,1657,1029],{},". Their chips use\nthe selected text until a complete option exists; the ",[700,1660,1630],{}," slot receives only\nreal option records. Autocomplete's selection display is its editable input;\nit has no ",[700,1663,706],{}," slot.",[1058,1666,1668],{"id":1667},"virtualization","Virtualization",[696,1670,1671,1672,1675,1676,1679,1680,1682,1683,1685],{},"Also identical to ",[843,1673,1508],{"href":1674},"\u002Fcomponents\u002Fforms\u002Fselect#virtualization"," -\n",[700,1677,1678],{},"virtualize"," renders only the visible rows, grouped ",[700,1681,1029],{}," flatten while\nvirtualized, and it windows what's already in ",[700,1684,1029],{}," rather than\nlazy-loading more of it.",[1058,1687,1689],{"id":1688},"search-text","Search text",[696,1691,1692,1693,1696,1697,6,1700,1702,1703,1706],{},"Since the input here IS the trigger, its text doubles as both the filter and\nthe display of the current value: single-select shows the picked option's\nlabel after you choose one, multi-select clears after each commit (the chips\nshow the selection instead). Same ",[700,1694,1695],{},"v-model:search-term"," and\n",[700,1698,1699],{},"resetSearchTermOnBlur",[700,1701,1306],{}," escape hatches as\n",[843,1704,254],{"href":1705},"\u002Fcomponents\u002Fforms\u002Fselect#search-text"," apply here too.",[1058,1708,1710],{"id":1709},"sizes-and-states","Sizes and states",[696,1712,1713,1716,1717,1716,1720,1716,1722,1725,1726,1729,1730,1733,1734,1738],{},[700,1714,1715],{},"size",", ",[700,1718,1719],{},"loading",[700,1721,1320],{},[700,1723,1724],{},"invalid",", and ",[700,1727,1728],{},"color"," all behave the same as\n",[843,1731,1508],{"href":1732},"\u002Fcomponents\u002Fforms\u002Fselect#sizes"," - see the ",[843,1735,1737],{"href":1736},"#props","Props"," table\nbelow.",[696,1740,1741,1742,811],{},"Its outer input uses the same default 32 \u002F 40 \u002F 44px height scale as Input,\nSelect, and Button, including with a dropdown, clear button, or loading indicator.\nMultiple selections can grow when their content wraps. See\n",[843,1743,1745],{"href":1744},"\u002Foverview\u002Ftheming\u002Fcomponent-styling#control-sizes","Control sizes",[1058,1747,1749],{"id":1748},"adaptive-presentation","Adaptive presentation",[696,1751,1752,1755,1756,1759],{},[700,1753,1754],{},"adaptive"," uses the same breakpoint and open-time latch as\n",[843,1757,254],{"href":1758},"\u002Fcomponents\u002Fforms\u002Fselect#adaptive-presentation",". On small screens, the\nfield opens a modal containing an input and suggestions. Single selection closes\nthe modal; multiple selection and free-text entry also provide a Done button.\nThe modal shares the field’s query and selection and restores focus when closed:",[847,1761],{"name":1762},"autocomplete-adaptive",[1058,1764,1766],{"id":1765},"forms-integration","Forms integration",[696,1768,1769,1770,1773,1774,1776,1777,6,1780,6,1782,1784,1785,1788],{},"Also the same as ",[843,1771,1508],{"href":1772},"\u002Fcomponents\u002Fforms\u002Fselect#forms-integration"," -\nwrap it in ",[843,1775,304],{"href":305}," for ",[700,1778,1779],{},"id",[700,1781,833],{},[700,1783,1724],{},"\nand ",[700,1786,1787],{},"aria-describedby"," wired up automatically.",[1058,1790,62],{"id":1791},"accessibility",[696,1793,1794,1795,1798,1799,1802,1803,6,1806,1809,1810,1813,1814,1816,1817,1820],{},"Autocomplete renders the same Reka UI Combobox primitive as\n",[843,1796,254],{"href":1797},"\u002Fcomponents\u002Fforms\u002Fselect#accessibility",", so the same ARIA combobox\nsemantics apply - ",[700,1800,1801],{},"role=\"combobox\""," with ",[700,1804,1805],{},"aria-expanded",[700,1807,1808],{},"aria-controls"," on\nthe input, ",[700,1811,1812],{},"role=\"option\""," per suggestion, arrow keys to move the highlight,\n",[1428,1815,1430],{}," to select. The one addition here is ",[700,1818,1819],{},"aria-autocomplete=\"list\"",",\nsince (unlike Select) the trigger is a real editable text field with live\nsuggestions as you type.",[1058,1822,1824,1825],{"id":1823},"custom-ui","Custom ",[700,1826,1827],{},":ui",[696,1829,1830,1831,1834],{},"Autocomplete renders the same internal combobox base as\n",[843,1832,254],{"href":1833},"\u002Fcomponents\u002Fforms\u002Fselect#custom-ui",", so they share one theme file:",[696,1836,1837,1838,1841],{},"Global and scoped overrides use the ",[700,1839,1840],{},"ui.select"," key for both components.",[1843,1844],"theme-source",{"name":1845},"select",[1058,1847,1849],{"id":1848},"custom-leading-and-trailing-content","Custom leading and trailing content",[696,1851,1852,1853,1277,1856,1859,1860,1863,1864,1867,1868,1871,1872,1874],{},"Use ",[700,1854,1855],{},"#leading",[700,1857,1858],{},"#trailing"," for text, icons, or buttons inside the field frame.\nThe slots receive ",[700,1861,1862],{},"{ disabled, size, buttonSize }","; ",[700,1865,1866],{},"buttonSize"," fits a Button\ninside the current field size. Give interactive controls an accessible label,\nuse ",[700,1869,1870],{},"type=\"button\"",", and pass ",[700,1873,1320],{}," through to match the field state.",[696,1876,1877,1878,1277,1881,1884],{},"Custom content stays visible alongside the built-in clear button, loading indicator, and dropdown control.\nThe field reserves space for the rendered content, including suffixes whose\nwidth changes. Use ",[700,1879,1880],{},"ui.leading",[700,1882,1883],{},"ui.trailing"," to customize its wrappers.",[847,1886],{"name":1887},"autocomplete-addons",[696,1889,1890,1891,1893],{},"Custom controls render outside the trigger button, so they can receive keyboard\nfocus without creating nested buttons or opening the options list on click.\nWith ",[700,1892,1754],{},", these slots customize the original field; the modal retains\nits dedicated search and selection controls.",[691,1895,1737],{"id":1896},"props",[696,1898,1899,1900,1903,1904,1907],{},"Same as ",[843,1901,254],{"href":1902},"\u002Fcomponents\u002Fforms\u002Fselect#props",", minus ",[700,1905,1906],{},"searchable"," (always\non), plus these Autocomplete-only additions:",[696,1909,1910,1277,1913,1916,1917,811],{},[700,1911,1912],{},"positioning",[700,1914,1915],{},"portal"," follow ",[843,1918,1920],{"href":1919},"\u002Fcomponents\u002Fforms\u002Fselect#panel-positioning-and-portal","Select's anchored panel contract",[1922,1923,1924,1940],"table",{},[1925,1926,1927],"thead",{},[1928,1929,1930,1934,1937],"tr",{},[1931,1932,1933],"th",{},"Prop",[1931,1935,1936],{},"Type",[1931,1938,1939],{},"Default",[1941,1942,1943,1959,1975],"tbody",{},[1928,1944,1945,1953,1956],{},[1946,1947,1948,1950,1951],"td",{},[700,1949,829],{}," \u002F ",[700,1952,825],{},[1946,1954,1955],{},"suggestion identity or created string; array in multiple mode",[1946,1957,1958],{},"-",[1928,1960,1961,1965,1970],{},[1946,1962,1963],{},[700,1964,1060],{},[1946,1966,1967],{},[700,1968,1969],{},"boolean",[1946,1971,1972],{},[700,1973,1974],{},"false",[1928,1976,1977,1981,1985],{},[1946,1978,1979],{},[700,1980,726],{},[1946,1982,1983],{},[700,1984,1969],{},[1946,1986,1987],{},[700,1988,1974],{},[691,1990,1992],{"id":1991},"slots","Slots",[696,1994,1995,1996,1716,1999,1716,2001,1716,2003,1716,2005,1716,2008,1716,2011,779,2014,1716,2017,1716,2020,1277,2023,2026,2027,1277,2029,2032],{},"Autocomplete supports ",[700,1997,1998],{},"leading",[700,2000,1327],{},[700,2002,1630],{},[700,2004,1633],{},[700,2006,2007],{},"header",[700,2009,2010],{},"footer",[700,2012,2013],{},"empty",[700,2015,2016],{},"empty-filter",[700,2018,2019],{},"clear-icon",[700,2021,2022],{},"loading-icon",[700,2024,2025],{},"dropdown-icon",". Its input\ndisplays the selected label directly. Select's ",[700,2028,706],{},[700,2030,2031],{},"filter-icon"," slots\nare specific to Select's trigger display and separate filter field.",[696,2034,2035,1277,2037,2039,2040,2042],{},[700,2036,1998],{},[700,2038,1327],{}," receive ",[700,2041,1862],{},", as described above.",[691,2044,2046],{"id":2045},"events","Events",[1922,2048,2049,2062],{},[1925,2050,2051],{},[1928,2052,2053,2056,2059],{},[1931,2054,2055],{},"Event",[1931,2057,2058],{},"Payload",[1931,2060,2061],{},"Purpose",[1941,2063,2064,2078,2092],{},[1928,2065,2066,2070,2075],{},[1946,2067,2068],{},[700,2069,1255],{},[1946,2071,2072,2073],{},"suggestion identity or created string, array in multiple mode, or ",[700,2074,1244],{},[1946,2076,2077],{},"Proposes a selected, created, cleared, or reset value",[1928,2079,2080,2085,2089],{},[1946,2081,2082],{},[700,2083,2084],{},"update:open",[1946,2086,2087],{},[700,2088,1969],{},[1946,2090,2091],{},"Requests opening or closing the suggestion panel or adaptive modal",[1928,2093,2094,2099,2104],{},[1946,2095,2096],{},[700,2097,2098],{},"update:searchTerm",[1946,2100,2101],{},[700,2102,2103],{},"string",[1946,2105,2106],{},"Updates the editable search text",[696,2108,2109,2110,2112,2113,2116,2117,811],{},"When ",[700,2111,726],{}," is enabled, selection updates contain suggestion identities\nrather than newly created strings. Open-state control and ",[700,2114,2115],{},"defaultOpen"," follow\n",[843,2118,254],{"href":2119},"\u002Fcomponents\u002Fforms\u002Fselect#events",[2121,2122,2123],"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 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 .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}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);}",{"title":856,"searchDepth":916,"depth":916,"links":2125},[2126,2144,2145,2146],{"id":693,"depth":890,"text":694,"children":2127},[2128,2129,2130,2131,2132,2133,2134,2135,2136,2137,2138,2139,2140,2141,2143],{"id":1060,"depth":916,"text":395},{"id":1119,"depth":916,"text":1120},{"id":1227,"depth":916,"text":1228},{"id":1310,"depth":916,"text":1311},{"id":1400,"depth":916,"text":1401},{"id":1498,"depth":916,"text":1499},{"id":1623,"depth":916,"text":1624},{"id":1667,"depth":916,"text":1668},{"id":1688,"depth":916,"text":1689},{"id":1709,"depth":916,"text":1710},{"id":1748,"depth":916,"text":1749},{"id":1765,"depth":916,"text":1766},{"id":1791,"depth":916,"text":62},{"id":1823,"depth":916,"text":2142},"Custom :ui",{"id":1848,"depth":916,"text":1849},{"id":1896,"depth":890,"text":1737},{"id":1991,"depth":890,"text":1992},{"id":2045,"depth":890,"text":2046},"A free-text input with suggestions - the typed value doesn't have to match an option, built on the same Combobox foundation as Select.","md",{},{"title":269,"description":2147},"b2TS0z3Ct8KnOPHe9Kd7qyTSPhaW2Q4y1NcFsehGFrw",{"id":2153,"title":269,"aside":686,"body":2154,"collapse":10,"description":3336,"editLink":686,"extension":2148,"icon":9,"issueLink":686,"meta":3337,"navBadges":9,"navigation":9,"order":272,"path":3338,"prevNext":686,"seo":3339,"stem":3340,"toc":686,"__hash__":3341},"docs\u002Fid\u002Fcomponents\u002Fforms\u002Fautocomplete.md",{"type":688,"value":2155,"toc":3314},[2156,2160,2184,2206,2215,2249,2257,2271,2277,2279,2421,2427,2429,2435,2437,2479,2481,2492,2494,2530,2532,2574,2578,2611,2645,2647,2660,2676,2678,2720,2722,2731,2767,2769,2805,2807,2818,2820,2914,2918,2938,2949,2953,2968,2970,2983,2985,3004,3009,3011,3019,3021,3025,3043,3047,3070,3074,3080,3086,3088,3092,3111,3119,3121,3127,3129,3136,3145,3201,3203,3234,3244,3246,3301,3312],[691,2157,2159],{"id":2158},"penggunaan","Penggunaan",[696,2161,2162,2163,2165,2166,2168,2169,2171,2172,2174,2175,2177,2178,2180,2181,2183],{},"Saran menerima array string\u002Fnumber atau objek opsi. Primitif adalah label dan nilai sekaligus. Objek menampilkan ",[700,2164,702],{}," secara default; field ",[700,2167,706],{}," digunakan saat ada, dan objek tanpanya adalah nilai model. Atur ",[700,2170,710],{}," atau ",[700,2173,714],{}," untuk memilih field lain. Saran yang ada mempertahankan perbedaan ",[700,2176,718],{}," numerik dan ",[700,2179,722],{}," string. Teks bebas yang baru dibuat selalu berupa string; saran numerik tidak menyebabkan teks yang diketik di-coerce. Gunakan ",[700,2182,726],{}," untuk melarang membuat nilai.",[696,2185,2186,2187,2189,2190,2192,2193,2195,2196,6,2198,2200,2201,2177,2203,2205],{},"Autocomplete menyimpulkan model dan event update dari field identitas sarannya. Saran numerik mengizinkan ",[700,2188,733],{}," dalam mode single dan ",[700,2191,737],{}," dalam mode multiple. Literal ",[700,2194,726],{}," mempersempit tipe tersebut ke identitas saran; boolean dinamis mempertahankan string union. Array opsi\u002Fgrup readonly dan field ",[700,2197,714],{},[700,2199,710],{}," tingkat atas kustom didukung. Setiap identitas saran harus unik di seluruh daftar, termasuk saran yang disabled dan saran dalam grup berbeda; duplikat melempar saat Autocomplete membaca opsi. ",[700,2202,718],{},[700,2204,752],{}," string tetap berbeda. Deklarasikan tipe item untuk array async yang awalnya kosong.",[696,2207,2208,2209,2211,2212,2214],{},"Tipe yang diekspor menggunakan tipe entri opsi: ",[700,2210,759],{}," menggambarkan item primitif numerik, sementara ",[700,2213,763],{}," menggambarkan records opsi. Parameter adalah entri, identity key, mode multiple, dan mode forced.",[696,2216,2217,2218,2220,2221,2223,2224,1716,2226,2228,2229,2231,2232,2234,2235,2237,2238,2240,2241,2243,2244,2246,2247,811],{},"Author saran sebagai readonly ",[700,2219,770],{},", atau sebagai ",[700,2222,774],{}," saat mencampur saran dan grup; tidak ada alias authoring ",[700,2225,778],{},[700,2227,782],{},", atau ",[700,2230,786],{}," terpisah. Wrapper yang membutuhkan tipe items yang tervalidasi persis dapat menggunakan ",[700,2233,790],{},". Misalnya, ",[700,2236,794],{}," menggambarkan forced multiple selection. ",[700,2239,798],{}," menggunakan parameter yang sama. Fungsi render dapat mengkhususkan ",[700,2242,802],{}," secara langsung; template biasanya menyimpulkannya. Impor helpers publik dari ",[700,2245,806],{},"; turunkan tipe slot melalui ",[700,2248,810],{},[696,2250,2251,2253,2254,2256],{},[700,2252,726],{}," memblokir teks baru yang tidak cocok. Ia tidak menghapus nilai yang ada saat di-toggle secara dinamis atau mengharuskan identitas async yang dipilih sudah berada di opsi saat ini. Reset native mengembalikan default yang ditangkap, termasuk string yang dibuat sebelum perubahan dinamis. Input idle menyegarkan label terpilih saat opsi dimuat; query aktif dan ",[700,2255,819],{}," yang dikontrol parent mempertahankan teksnya.",[696,2258,2259,2261,2262,2264,2265,2267,2268,2270],{},[700,2260,825],{}," menginisialisasi seleksi yang tidak terkontrol dan adalah target reset formulir native. ",[700,2263,829],{}," tetap parent-controlled. Dengan ",[700,2266,833],{},", setiap nilai terpilih disubmit sebagai field; primitif adalah string dan objek adalah JSON. Seleksi kosong atau disabled tidak mensubmit apa pun. ",[700,2269,837],{}," dapat mereferensi ID form eksternal.",[696,2272,2273,2274,2276],{},"Tid seperti ",[843,2275,254],{"href":255},", apa pun yang pengguna ketik dapat menjadi nilai bahkan jika tidak cocok dengan saran - memilih saran adalah shortcut, bukan persyaratan.",[847,2278],{"name":849},[851,2280,2281],{"className":853,"code":854,"language":855,"meta":856,"style":856},[700,2282,2283,2299,2315,2319,2329,2341,2353,2357,2365,2369,2377,2413],{"__ignoreMap":856},[860,2284,2285,2287,2289,2291,2293,2295,2297],{"class":862,"line":8},[860,2286,866],{"class":865},[860,2288,870],{"class":869},[860,2290,874],{"class":873},[860,2292,877],{"class":873},[860,2294,880],{"class":865},[860,2296,884],{"class":883},[860,2298,887],{"class":865},[860,2300,2301,2303,2305,2307,2309,2311,2313],{"class":862,"line":890},[860,2302,894],{"class":893},[860,2304,898],{"class":897},[860,2306,901],{"class":893},[860,2308,904],{"class":873},[860,2310,907],{"class":865},[860,2312,910],{"class":883},[860,2314,913],{"class":865},[860,2316,2317],{"class":862,"line":916},[860,2318,919],{"emptyLinePlaceholder":686},[860,2320,2321,2323,2325,2327],{"class":862,"line":922},[860,2322,894],{"class":893},[860,2324,927],{"class":897},[860,2326,901],{"class":893},[860,2328,932],{"class":865},[860,2330,2331,2333,2335,2337,2339],{"class":862,"line":935},[860,2332,938],{"class":865},[860,2334,941],{"class":883},[860,2336,944],{"class":865},[860,2338,947],{"class":883},[860,2340,950],{"class":865},[860,2342,2343,2345,2347,2349,2351],{"class":862,"line":953},[860,2344,938],{"class":865},[860,2346,958],{"class":883},[860,2348,944],{"class":865},[860,2350,963],{"class":883},[860,2352,950],{"class":865},[860,2354,2355],{"class":862,"line":968},[860,2356,971],{"class":865},[860,2358,2359,2361,2363],{"class":862,"line":974},[860,2360,977],{"class":865},[860,2362,870],{"class":869},[860,2364,887],{"class":865},[860,2366,2367],{"class":862,"line":984},[860,2368,919],{"emptyLinePlaceholder":686},[860,2370,2371,2373,2375],{"class":862,"line":13},[860,2372,866],{"class":865},[860,2374,993],{"class":869},[860,2376,887],{"class":865},[860,2378,2379,2381,2383,2385,2387,2389,2391,2393,2395,2397,2399,2401,2403,2405,2407,2409,2411],{"class":862,"line":151},[860,2380,1000],{"class":865},[860,2382,1003],{"class":869},[860,2384,1006],{"class":873},[860,2386,880],{"class":865},[860,2388,1011],{"class":883},[860,2390,706],{"class":865},[860,2392,1011],{"class":883},[860,2394,1018],{"class":873},[860,2396,880],{"class":865},[860,2398,1023],{"class":883},[860,2400,1026],{"class":865},[860,2402,1029],{"class":873},[860,2404,880],{"class":865},[860,2406,1011],{"class":883},[860,2408,1036],{"class":865},[860,2410,1011],{"class":883},[860,2412,1041],{"class":865},[860,2414,2415,2417,2419],{"class":862,"line":170},[860,2416,977],{"class":865},[860,2418,993],{"class":869},[860,2420,887],{"class":865},[696,2422,2423,2424,2426],{},"Input itu sendiri selalu menjadi trigger - mengetik langsung berfungsi, tanpa langkah \"buka\" terpisah, karena tidak ada mode ",[700,2425,1055],{}," seperti Select di sini.",[1058,2428,395],{"id":1060},[696,2430,2431,2432,2434],{},"Secara default tidak ada tombol \"browse everything\" bawaan - mengetik adalah seluruh interaksi. ",[700,2433,1060],{}," menambahkannya tetap: chevron trailing yang membuka popover dan menghapus apa pun yang diketik, jadi selalu menunjukkan daftar lengkap daripada tetap scoped ke filter saat ini.",[847,2436],{"name":1069},[851,2438,2439],{"className":1072,"code":1073,"language":1074,"meta":856,"style":856},[700,2440,2441],{"__ignoreMap":856},[860,2442,2443,2445,2447,2449,2451,2453,2455,2457,2459,2461,2463,2465,2467,2469,2471,2473,2475,2477],{"class":862,"line":8},[860,2444,866],{"class":865},[860,2446,1003],{"class":869},[860,2448,1006],{"class":873},[860,2450,880],{"class":865},[860,2452,1011],{"class":883},[860,2454,706],{"class":865},[860,2456,1011],{"class":883},[860,2458,1095],{"class":873},[860,2460,1018],{"class":873},[860,2462,880],{"class":865},[860,2464,1102],{"class":883},[860,2466,1026],{"class":865},[860,2468,1029],{"class":873},[860,2470,880],{"class":865},[860,2472,1011],{"class":883},[860,2474,1036],{"class":865},[860,2476,1011],{"class":883},[860,2478,1041],{"class":865},[1058,2480,1120],{"id":1119},[696,2482,2483,2485,2486,2488,2489,2491],{},[700,2484,1125],{}," menggunakan tampilan comma-separated secara default, dengan query yang dapat diedit di samping label terpilih. ",[700,2487,1129],{}," menunjukkan chip yang dapat dihapus sebagai gantinya. Kedua mode menawarkan opsi Create untuk teks yang belum ada di ",[700,2490,1029],{},". Tekan Enter untuk menambahkannya, atau pindah ke saran yang ada terlebih dahulu. Setelah query terhapus, daftar terbuka menunjukkan semua opsi yang tersedia lagi. Memilih opsi yang sudah dipilih membiarkan seleksi tetap ada; mode chip juga menawarkan tombol hapus di setiap nilai terpilih. Dalam mode comma, tekan Backspace dengan query kosong untuk menghapus nilai terakhir.",[847,2493],{"name":1136},[851,2495,2496],{"className":1072,"code":1139,"language":1074,"meta":856,"style":856},[700,2497,2498],{"__ignoreMap":856},[860,2499,2500,2502,2504,2506,2508,2510,2512,2514,2516,2518,2520,2522,2524,2526,2528],{"class":862,"line":8},[860,2501,866],{"class":865},[860,2503,1003],{"class":869},[860,2505,1006],{"class":873},[860,2507,880],{"class":865},[860,2509,1011],{"class":883},[860,2511,1156],{"class":865},[860,2513,1011],{"class":883},[860,2515,1161],{"class":873},[860,2517,1026],{"class":865},[860,2519,1029],{"class":873},[860,2521,880],{"class":865},[860,2523,1011],{"class":883},[860,2525,1036],{"class":865},[860,2527,1011],{"class":883},[860,2529,1041],{"class":865},[847,2531],{"name":1178},[851,2533,2534],{"className":1072,"code":1181,"language":1074,"meta":856,"style":856},[700,2535,2536],{"__ignoreMap":856},[860,2537,2538,2540,2542,2544,2546,2548,2550,2552,2554,2556,2558,2560,2562,2564,2566,2568,2570,2572],{"class":862,"line":8},[860,2539,866],{"class":865},[860,2541,1003],{"class":869},[860,2543,1006],{"class":873},[860,2545,880],{"class":865},[860,2547,1011],{"class":883},[860,2549,1198],{"class":865},[860,2551,1011],{"class":883},[860,2553,1161],{"class":873},[860,2555,1205],{"class":873},[860,2557,880],{"class":865},[860,2559,1210],{"class":883},[860,2561,1026],{"class":865},[860,2563,1029],{"class":873},[860,2565,880],{"class":865},[860,2567,1011],{"class":883},[860,2569,1036],{"class":865},[860,2571,1011],{"class":883},[860,2573,1041],{"class":865},[1058,2575,2577],{"id":2576},"mengubah-mode-seleksi","Mengubah mode seleksi",[696,2579,2580,2581,2583,2584,2586,2587,1716,2589,2586,2591,2593,2594,2596,2597,2599,2600,2602,2603,2605,2606,2189,2608,2610],{},"Untuk Autocomplete yang tidak terkontrol, mengubah ",[700,2582,1125],{}," mengkonversi seleksi lokalnya sekali: nilai tunggal ",[700,2585,706],{}," menjadi ",[700,2588,1240],{},[700,2590,1244],{},[700,2592,1248],{},", seleksi multiple menjadi nilai pertamanya, dan array kosong menjadi ",[700,2595,1244],{},". Beralih ke mode single menghilangkan seleksi aktif selanjutnya. Konversi itu memancarkan satu event ",[700,2598,1255],{},". ",[700,2601,825],{}," yang ditangkap tidak berubah setelah mount; reset memproyeksikannya ke mode saat ini. Misalnya, ",[700,2604,1262],{}," reset ke ",[700,2607,1266],{},[700,2609,1270],{}," setelah kembali ke mode multiple.",[696,2612,2613,2614,2616,2617,2619,2620,2622,2623,2625,2626,2628,2629,2171,2631,2633,2634,2177,2636,2638,2639,2641,2642,2644],{},"Parent terkontrol harus mengubah ",[700,2615,829],{}," dan ",[700,2618,1125],{}," dalam render yang sama: array saat ",[700,2621,1125],{}," true, dan skalar atau ",[700,2624,1244],{}," saat false. ",[700,2627,1244],{}," diperbolehkan sebagai nilai multiple kosong. Nilai skalar dalam mode multiple, atau array apa pun dalam mode single, melempar error deskriptif. Setiap nilai dalam ",[700,2630,829],{},[700,2632,825],{}," multiple array juga harus unik, termasuk identitas async yang dibuat atau belum diresolve. ",[700,2635,718],{},[700,2637,752],{}," string adalah nilai yang berbeda. Autocomplete tidak mengkonversi nilai terkontrol atau memancarkan update hanya karena mode berubah. Mengubah mode juga mempertahankan query aktif, popover terbuka, dan fokus saat input sedang difokuskan. Ia tidak mengambil fokus dari tombol mode atau kontrol lain. ",[700,2640,819],{}," yang dikontrol parent mempertahankan teksnya; label input idle mengikuti ",[700,2643,1306],{},". Mengubah mode saat komposisi IME membatalkan pengeditan dan meminta query serta popup dihapus. Selesaikan komposisi sebelum mengubah mode untuk mempertahankan query.",[1058,2646,1311],{"id":1310},[696,2648,2649,2651,2652,2228,2654,2656,2657,2659],{},[700,2650,1316],{}," mereset seleksi dan draft query. Ia muncul saat salah satunya berisi konten, termasuk teks yang diketik sebelum saran apa pun dipilih. Ia tersembunyi saat kosong, ",[700,2653,1320],{},[700,2655,1323],{},"; loading dan konten ",[700,2658,1327],{}," kustom tidak menyembunyikannya. Klik clear tidak meng-commit draft sebagai nilai baru, dan mengembalikan fokus ke editor.",[696,2661,2662,2663,2665,2666,2668,2669,2171,2671,2673,2674,811],{},"Sama seperti ",[843,2664,254],{"href":1334},", ia menggunakan target ",[700,2667,1338],{}," netral inset dengan glyph yang cocok dengan ikon field lainnya. Sesuaikan dengan ",[700,2670,1342],{},[700,2672,1345],{},"; lihat ",[843,2675,1350],{"href":1349},[847,2677],{"name":1353},[851,2679,2680],{"className":1072,"code":1356,"language":1074,"meta":856,"style":856},[700,2681,2682],{"__ignoreMap":856},[860,2683,2684,2686,2688,2690,2692,2694,2696,2698,2700,2702,2704,2706,2708,2710,2712,2714,2716,2718],{"class":862,"line":8},[860,2685,866],{"class":865},[860,2687,1003],{"class":869},[860,2689,1006],{"class":873},[860,2691,880],{"class":865},[860,2693,1011],{"class":883},[860,2695,706],{"class":865},[860,2697,1011],{"class":883},[860,2699,1377],{"class":873},[860,2701,1018],{"class":873},[860,2703,880],{"class":865},[860,2705,1023],{"class":883},[860,2707,1026],{"class":865},[860,2709,1029],{"class":873},[860,2711,880],{"class":865},[860,2713,1011],{"class":883},[860,2715,1036],{"class":865},[860,2717,1011],{"class":883},[860,2719,1041],{"class":865},[1058,2721,1401],{"id":1400},[696,2723,2724,2725,2727,2728,2730],{},"Ini adalah satu perbedaan perilaku nyata dari Select, bukan hanya prop yang dibagi: ",[700,2726,726],{}," mengembalikan teks yang tidak cocok dengan opsi mana pun menjadi kosong saat blur atau Enter, alih-alih menerimanya sebagai nilai baru. Ia ada untuk konsumen yang menginginkan UX Autocomplete (input-as-trigger, inline filtering) tanpa benar-benar mengizinkan nilai sewenang - jika itu tujuannya dari awal, ",[843,2729,254],{"href":255}," melakukan pekerjaan yang sama secara lebih langsung.",[696,2732,2733,2734,2736,2737,2739,2740,2742,2743,2745,2746,2748,2749,2751,2752,2754,2755,2757,2758,2760,2761,2763,2764,2766],{},"Dalam mode multiple, mengetik ",[700,2735,1416],{}," menunjukkan ",[1419,2738,1421],{}," sebelum saran ",[1419,2741,1425],{}," yang cocok. ",[1428,2744,1430],{}," memilih opsi aktif, jadi Anda dapat langsung membuat ",[700,2747,1416],{}," atau tekan ",[1428,2750,1437],{}," lalu ",[1428,2753,1430],{}," untuk memilih ",[700,2756,1425],{},". Mengklik salah satu opsi juga berfungsi. Dalam mode single, daftar menunjukkan saran yang cocok tanpa baris Create: Enter memilih saran aktif, sementara teks yang tidak cocok diterima sebagai teks bebas saat Enter atau blur. Ketika tidak ada saran yang cocok dalam mode single, popup disembunyikan. ",[1428,2759,1447],{}," memindahkan fokus secara normal. ",[700,2762,726],{}," menyembunyikan opsi Create dan menolak teks yang tidak cocok. ",[1428,2765,1430],{}," idle tidak menghapus chip yang ada dan dapat mensubmit form parent secara normal.",[847,2768],{"name":1457},[851,2770,2771],{"className":1072,"code":1460,"language":1074,"meta":856,"style":856},[700,2772,2773],{"__ignoreMap":856},[860,2774,2775,2777,2779,2781,2783,2785,2787,2789,2791,2793,2795,2797,2799,2801,2803],{"class":862,"line":8},[860,2776,866],{"class":865},[860,2778,1003],{"class":869},[860,2780,1006],{"class":873},[860,2782,880],{"class":865},[860,2784,1011],{"class":883},[860,2786,706],{"class":865},[860,2788,1011],{"class":883},[860,2790,1481],{"class":873},[860,2792,1026],{"class":865},[860,2794,1029],{"class":873},[860,2796,880],{"class":865},[860,2798,1011],{"class":883},[860,2800,1036],{"class":865},[860,2802,1011],{"class":883},[860,2804,1041],{"class":865},[1058,2806,1499],{"id":1498},[696,2808,2809,2811,2812,2814,2815,2817],{},[700,2810,1498],{}," bekerja sama seperti ",[843,2813,254],{"href":1507},": gunakan ",[700,2816,1512],{}," untuk penunjuk default atau objek untuk mengonfigurasi ukuran, ujung rounded, dan corner clearance.",[847,2819],{"name":1516},[851,2821,2822],{"className":1072,"code":1519,"language":1074,"meta":856,"style":856},[700,2823,2824,2856],{"__ignoreMap":856},[860,2825,2826,2828,2830,2832,2834,2836,2838,2840,2842,2844,2846,2848,2850,2852,2854],{"class":862,"line":8},[860,2827,866],{"class":865},[860,2829,1003],{"class":869},[860,2831,1006],{"class":873},[860,2833,880],{"class":865},[860,2835,1011],{"class":883},[860,2837,706],{"class":865},[860,2839,1011],{"class":883},[860,2841,1540],{"class":873},[860,2843,1026],{"class":865},[860,2845,1029],{"class":873},[860,2847,880],{"class":865},[860,2849,1011],{"class":883},[860,2851,1036],{"class":865},[860,2853,1011],{"class":883},[860,2855,1041],{"class":865},[860,2857,2858,2860,2862,2864,2866,2868,2870,2872,2874,2876,2878,2880,2882,2884,2886,2888,2890,2892,2894,2896,2898,2900,2902,2904,2906,2908,2910,2912],{"class":862,"line":890},[860,2859,866],{"class":865},[860,2861,1003],{"class":869},[860,2863,1006],{"class":873},[860,2865,880],{"class":865},[860,2867,1011],{"class":883},[860,2869,706],{"class":865},[860,2871,1011],{"class":883},[860,2873,1026],{"class":865},[860,2875,1498],{"class":873},[860,2877,880],{"class":865},[860,2879,1011],{"class":883},[860,2881,1581],{"class":865},[860,2883,1584],{"class":897},[860,2885,1587],{"class":865},[860,2887,1590],{"class":897},[860,2889,1593],{"class":865},[860,2891,1512],{"class":897},[860,2893,1598],{"class":865},[860,2895,1601],{"class":897},[860,2897,1604],{"class":865},[860,2899,1011],{"class":883},[860,2901,1026],{"class":865},[860,2903,1029],{"class":873},[860,2905,880],{"class":865},[860,2907,1011],{"class":883},[860,2909,1036],{"class":865},[860,2911,1011],{"class":883},[860,2913,1041],{"class":865},[1058,2915,2917],{"id":2916},"custom-option-rendering-objects-dan-groups","Custom option rendering, objects, dan groups",[696,2919,2920,2921,6,2923,2925,2926,6,2928,2930,2931,1716,2933,2935,2936,811],{},"Slot ",[700,2922,1630],{},[700,2924,1633],{}," dan pemetaan ",[700,2927,710],{},[700,2929,714],{}," semua bekerja identik dengan Select - lihat ",[843,2932,1643],{"href":1642},[843,2934,1647],{"href":1646},", dan ",[843,2937,1652],{"href":1651},[696,2939,2940,2941,2943,2944,2946,2947,811],{},"Teks yang dibuat dan seleksi async dapat tidak ada di ",[700,2942,1029],{},". Chip mereka menggunakan teks terpilih sampai opsi lengkap tersedia; slot ",[700,2945,1630],{}," hanya menerima records opsi nyata. Tampilan seleksi Autocomplete adalah input yang dapat diedit; ia tidak memiliki slot ",[700,2948,706],{},[1058,2950,2952],{"id":2951},"virtualisasi","Virtualisasi",[696,2954,2955,2956,2958,2959,2961,2962,2964,2965,2967],{},"Juga identik dengan ",[843,2957,254],{"href":1674}," - ",[700,2960,1678],{}," hanya merender baris yang terlihat, ",[700,2963,1029],{}," yang dikelompokkan diratakan saat divirtualisasi, dan ia menjendela apa yang sudah ada di ",[700,2966,1029],{}," daripada lazy-loading lebih banyak.",[1058,2969,1689],{"id":1688},[696,2971,2972,2973,2616,2975,6,2977,2979,2980,2982],{},"Karena input di sini ADALAH trigger, teksnya berfungsi ganda sebagai filter dan tampilan nilai saat ini: single-select menunjukkan label opsi yang dipilih setelah Anda memilihnya, multi-select membersihkan setelah setiap commit (chip menunjukkan seleksi sebagai gantinya). ",[700,2974,1695],{},[700,2976,1699],{},[700,2978,1306],{}," yang sama seperti ",[843,2981,254],{"href":1705}," juga berlaku di sini.",[1058,2984,1710],{"id":1709},[696,2986,2987,1716,2989,1716,2991,1716,2993,2935,2995,2997,2998,3000,3001,3003],{},[700,2988,1715],{},[700,2990,1719],{},[700,2992,1320],{},[700,2994,1724],{},[700,2996,1728],{}," semua berperilaku sama seperti ",[843,2999,254],{"href":1732}," - lihat tabel ",[843,3002,1737],{"href":1736}," di bawah.",[696,3005,3006,3007,811],{},"Input luarnya menggunakan skala tinggi default 32 \u002F 40 \u002F 44px yang sama seperti Input, Select, dan Button, termasuk dengan dropdown, tombol clear, atau indikator loading. Seleksi multiple dapat tumbuh saat konten mereka wrap. Lihat ",[843,3008,1745],{"href":1744},[1058,3010,1749],{"id":1748},[696,3012,3013,3015,3016,3018],{},[700,3014,1754],{}," menggunakan breakpoint dan open-time latch yang sama seperti ",[843,3017,254],{"href":1758},". Di layar kecil, field membuka modal yang berisi input dan saran. Seleksi single menutup modal; seleksi multiple dan entri teks bebas juga menyediakan tombol Done. Modal berbagi query dan seleksi field, dan mengembalikan fokus saat ditutup:",[847,3020],{"name":1762},[1058,3022,3024],{"id":3023},"integrasi-formulir","Integrasi formulir",[696,3026,3027,3028,3030,3031,3033,3034,6,3036,6,3038,2616,3040,3042],{},"Juga sama seperti ",[843,3029,254],{"href":1772}," - bungkus dalam ",[843,3032,304],{"href":305}," untuk ",[700,3035,1779],{},[700,3037,833],{},[700,3039,1724],{},[700,3041,1787],{}," terhubung secara otomatis.",[1058,3044,3046],{"id":3045},"aksesibilitas","Aksesibilitas",[696,3048,3049,3050,3052,3053,3055,3056,6,3058,3060,3061,3063,3064,3066,3067,3069],{},"Autocomplete merender primitif Reka UI Combobox yang sama seperti ",[843,3051,254],{"href":1797},", jadi semantik ARIA combobox yang sama berlaku - ",[700,3054,1801],{}," dengan ",[700,3057,1805],{},[700,3059,1808],{}," pada input, ",[700,3062,1812],{}," per saran, tombol panah untuk memindahkan highlight, ",[1428,3065,1430],{}," untuk memilih. Satu-satunya tambahan di sini adalah ",[700,3068,1819],{},", karena (tidak seperti Select) trigger adalah field teks yang dapat diedit dengan saran live saat Anda mengetik.",[1058,3071,1824,3072],{"id":1823},[700,3073,1827],{},[696,3075,3076,3077,3079],{},"Autocomplete merender base combobox internal yang sama seperti ",[843,3078,254],{"href":1833},", jadi keduanya berbagi satu file tema:",[696,3081,3082,3083,3085],{},"Global dan scoped overrides menggunakan key ",[700,3084,1840],{}," untuk kedua komponen.",[1843,3087],{"name":1845},[1058,3089,3091],{"id":3090},"konten-leading-dan-trailing-kustom","Konten leading dan trailing kustom",[696,3093,3094,3095,2616,3097,3099,3100,1863,3102,3104,3105,3107,3108,3110],{},"Gunakan ",[700,3096,1855],{},[700,3098,1858],{}," untuk teks, ikon, atau tombol di dalam bingkai field. Slot menerima ",[700,3101,1862],{},[700,3103,1866],{}," cocok untuk Button di dalam ukuran field saat ini. Berikan kontrol interaktif dengan label yang dapat diakses, gunakan ",[700,3106,1870],{},", dan teruskan ",[700,3109,1320],{}," untuk mencocokkan state field.",[696,3112,3113,3114,2616,3116,3118],{},"Konten kustom tetap terlihat di samping tombol clear bawaan, indikator loading, dan kontrol dropdown. Field menyediakan ruang untuk konten yang dirender, termasuk suffix yang lebarnya berubah. Gunakan ",[700,3115,1880],{},[700,3117,1883],{}," untuk menyesuaikan wrapper-nya.",[847,3120],{"name":1887},[696,3122,3123,3124,3126],{},"Kontrol kustom merender di luar tombol trigger, jadi mereka dapat menerima fokus keyboard tanpa membuat tombol bersarang atau membuka daftar opsi saat diklik. Dengan ",[700,3125,1754],{},", slot ini menyesuaikan field asli; modal mempertahankan pencarian dan kontrol seleksi khususnya sendiri.",[691,3128,1737],{"id":1896},[696,3130,2662,3131,1903,3133,3135],{},[843,3132,254],{"href":1902},[700,3134,1906],{}," (selalu aktif), plus tambahan Autocomplete-only berikut:",[696,3137,3138,2616,3140,3142,3143,811],{},[700,3139,1912],{},[700,3141,1915],{}," mengikuti kontrak panel anchored ",[843,3144,254],{"href":1919},[1922,3146,3147,3158],{},[1925,3148,3149],{},[1928,3150,3151,3153,3156],{},[1931,3152,1933],{},[1931,3154,3155],{},"Tipe",[1931,3157,1939],{},[1941,3159,3160,3173,3187],{},[1928,3161,3162,3168,3171],{},[1946,3163,3164,1950,3166],{},[700,3165,829],{},[700,3167,825],{},[1946,3169,3170],{},"suggestion identity atau created string; array dalam mode multiple",[1946,3172,1958],{},[1928,3174,3175,3179,3183],{},[1946,3176,3177],{},[700,3178,1060],{},[1946,3180,3181],{},[700,3182,1969],{},[1946,3184,3185],{},[700,3186,1974],{},[1928,3188,3189,3193,3197],{},[1946,3190,3191],{},[700,3192,726],{},[1946,3194,3195],{},[700,3196,1969],{},[1946,3198,3199],{},[700,3200,1974],{},[691,3202,1992],{"id":1991},[696,3204,3205,3206,1716,3208,1716,3210,1716,3212,1716,3214,1716,3216,1716,3218,1716,3220,1716,3222,1716,3224,2935,3226,3228,3229,2616,3231,3233],{},"Autocomplete mendukung ",[700,3207,1998],{},[700,3209,1327],{},[700,3211,1630],{},[700,3213,1633],{},[700,3215,2007],{},[700,3217,2010],{},[700,3219,2013],{},[700,3221,2016],{},[700,3223,2019],{},[700,3225,2022],{},[700,3227,2025],{},". Inputnya menampilkan label terpilih secara langsung. Slot ",[700,3230,706],{},[700,3232,2031],{}," milik Select spesifik untuk trigger display dan field filter terpisah milik Select.",[696,3235,3236,2616,3238,3240,3241,3243],{},[700,3237,1998],{},[700,3239,1327],{}," menerima ",[700,3242,1862],{},", seperti dijelaskan di atas.",[691,3245,2046],{"id":2045},[1922,3247,3248,3259],{},[1925,3249,3250],{},[1928,3251,3252,3254,3256],{},[1931,3253,2055],{},[1931,3255,2058],{},[1931,3257,3258],{},"Tujuan",[1941,3260,3261,3275,3288],{},[1928,3262,3263,3267,3272],{},[1946,3264,3265],{},[700,3266,1255],{},[1946,3268,3269,3270],{},"suggestion identity atau created string, array dalam mode multiple, atau ",[700,3271,1244],{},[1946,3273,3274],{},"Mengusulkan nilai yang dipilih, dibuat, dihapus, atau direset",[1928,3276,3277,3281,3285],{},[1946,3278,3279],{},[700,3280,2084],{},[1946,3282,3283],{},[700,3284,1969],{},[1946,3286,3287],{},"Meminta membuka atau menutup suggestion panel atau adaptive modal",[1928,3289,3290,3294,3298],{},[1946,3291,3292],{},[700,3293,2098],{},[1946,3295,3296],{},[700,3297,2103],{},[1946,3299,3300],{},"Memperbarui teks pencarian yang dapat diedit",[696,3302,3303,3304,3306,3307,3309,3310,811],{},"Saat ",[700,3305,726],{}," aktif, update seleksi berisi identitas saran daripada string baru yang dibuat. Kontrol state terbuka dan ",[700,3308,2115],{}," mengikuti ",[843,3311,254],{"href":2119},[2121,3313,2123],{},{"title":856,"searchDepth":916,"depth":916,"links":3315},[3316,3333,3334,3335],{"id":2158,"depth":890,"text":2159,"children":3317},[3318,3319,3320,3321,3322,3323,3324,3325,3326,3327,3328,3329,3330,3331,3332],{"id":1060,"depth":916,"text":395},{"id":1119,"depth":916,"text":1120},{"id":2576,"depth":916,"text":2577},{"id":1310,"depth":916,"text":1311},{"id":1400,"depth":916,"text":1401},{"id":1498,"depth":916,"text":1499},{"id":2916,"depth":916,"text":2917},{"id":2951,"depth":916,"text":2952},{"id":1688,"depth":916,"text":1689},{"id":1709,"depth":916,"text":1710},{"id":1748,"depth":916,"text":1749},{"id":3023,"depth":916,"text":3024},{"id":3045,"depth":916,"text":3046},{"id":1823,"depth":916,"text":2142},{"id":3090,"depth":916,"text":3091},{"id":1896,"depth":890,"text":1737},{"id":1991,"depth":890,"text":1992},{"id":2045,"depth":890,"text":2046},"Input teks bebas dengan saran - nilai yang diketik tidak harus cocok dengan opsi, dibangun di atas fondasi Combobox yang sama seperti Select.",{},"\u002Fid\u002Fcomponents\u002Fforms\u002Fautocomplete",{"title":269,"description":3336},"id\u002Fcomponents\u002Fforms\u002Fautocomplete","h2MKje9ALXtchMlkvTFA1zMVINFfeO_RwtRrCnJJL7M",1792925234915]