[{"data":1,"prerenderedAt":268},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fmulti-select":3,"component-meta:UiMultiSelect":122},{"id":4,"title":5,"body":6,"component":106,"dependsOn":107,"description":110,"emitDescriptions":111,"extension":113,"meta":114,"navigation":115,"order":116,"path":117,"seo":118,"status":119,"stem":120,"__hash__":121},"docs\u002Fdocs\u002Fcomponents\u002Fmulti-select.md","MultiSelect",{"type":7,"value":8,"toc":97},"minimark",[9,13,18,23,27,30,34,37,41,44,47,51,86],[10,11,12],"p",{},"Мультивибір збирає найкраще з двох джерел: поведінку (пошук, «вибрати все»,\nзгортання вибору в «+N») успадковано з продуктової реалізації,\nпозиціонування й ARIA-listbox — з канонічного UiSelect.",[14,15,17],"h2",{"id":16},"приклад","Приклад",[19,20],"component-preview",{"name":21,"stage":22},"multi-select-basic","min-h-56",[14,24,26],{"id":25},"api","API",[28,29],"component-api",{},[14,31,33],{"id":32},"коли-використовувати","Коли використовувати",[10,35,36],{},"Коли користувач обирає ДЕКІЛЬКА значень із відомого набору: ролі, теги,\nфільтри за статусами. Лічильник у тригері показує масштаб вибору, коли\nпідписи вже не вміщаються.",[14,38,40],{"id":39},"коли-не-використовувати","Коли НЕ використовувати",[10,42,43],{},"Для одного значення потрібен Select — два контроли з однаковим виглядом,\nале різною семантикою, плутають.",[10,45,46],{},"Для 2–3 взаємновиключних варіантів беріть чекбокси просто в формі: вони\nпоказують усі варіанти одразу, без кліку.",[14,48,50],{"id":49},"доступність","Доступність",[10,52,53,54,58,59,62,63,58,66,69,70,73,74,77,78,81,82,85],{},"Тригер — ",[55,56,57],"code",{},"aria-haspopup=\"listbox\""," з ",[55,60,61],{},"aria-expanded","; панель —\n",[55,64,65],{},"role=\"listbox\"",[55,67,68],{},"aria-multiselectable=\"true\"",", пункти — ",[55,71,72],{},"role=\"option\"","\nз ",[55,75,76],{},"aria-selected",". Стрілки й Enter працюють по відфільтрованому списку,\n",[55,79,80],{},"Escape"," закриває панель і повертає фокус на тригер, не «протікаючи» в\nмодалку навколо (",[55,83,84],{},"stopPropagation",").",[10,87,88,89,92,93,96],{},"Помилка вмикається наявністю тексту, а не прапорцем: ",[55,90,91],{},"aria-invalid"," і\n",[55,94,95],{},"aria-describedby"," (>error-id) ставляться лише коли є що сказати.",{"title":98,"searchDepth":99,"depth":99,"links":100},"",2,[101,102,103,104,105],{"id":16,"depth":99,"text":17},{"id":25,"depth":99,"text":26},{"id":32,"depth":99,"text":33},{"id":39,"depth":99,"text":40},{"id":49,"depth":99,"text":50},"UiMultiSelect",[108,109],"app\u002Futils\u002FuiFieldStyles.ts","app\u002Futils\u002FoverlayPosition.ts","Мультивибір із чекбоксами, пошуком, діями «вибрати все \u002F зняти все» та лічильником у тригері.",{"update:modelValue":112},"Масив обраних значень у порядку, заданому в `options`.","md",{},true,22,"\u002Fdocs\u002Fcomponents\u002Fmulti-select",{"title":5,"description":110},"stable","docs\u002Fcomponents\u002Fmulti-select","WS3dSJt3kTDx4tm1u0mbMbNtdGWYPxvv7QgLGLQvRgM",{"mode":123,"prefetch":124,"preload":124,"filePath":125,"declarationPath":126,"pascalName":106,"kebabName":127,"chunkName":128,"priority":129,"_scanned":115,"meta":130},"all",false,"app\u002Fcomponents\u002Fui\u002FUiMultiSelect.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiMultiSelect.vue","ui-multi-select","components\u002Fui-multi-select",1,{"type":129,"props":131,"slots":219,"events":247,"exposed":258,"hash":267},[132,146,173,175,179,189,194,198,202,206,209,213],{"name":133,"global":124,"description":134,"tags":135,"required":115,"type":136,"schema":137},"modelValue","Обрані значення. Використовуйте через `v-model`.",[],"(string | number)[]",{"kind":138,"type":136,"schema":139},"array",{"0":140},{"kind":141,"type":142,"schema":143},"enum","string | number",[144,145],"string","number",{"name":147,"global":124,"description":148,"tags":149,"required":115,"type":150,"schema":151},"options","Варіанти вибору. Фільтрація за введеним текстом відбувається\r\nлокально.",[],"MultiSelectOption[]",{"kind":138,"type":150,"schema":152},{"0":153},{"kind":154,"type":155,"schema":156},"object","MultiSelectOption",{"value":157,"label":162,"disabled":165},{"name":158,"global":124,"description":98,"tags":159,"required":115,"type":142,"schema":160},"value",[],{"kind":141,"type":142,"schema":161},{"0":144,"1":145},{"name":163,"global":124,"description":98,"tags":164,"required":115,"type":144,"schema":144},"label",[],{"name":166,"global":124,"description":98,"tags":167,"required":124,"type":168,"schema":169},"disabled",[],"boolean",{"kind":141,"type":168,"schema":170},{"0":171,"1":172},"false","true",{"name":163,"global":124,"description":98,"tags":174,"required":124,"type":144,"schema":144},[],{"name":176,"global":124,"default":177,"description":98,"tags":178,"required":124,"type":144,"schema":144},"placeholder","\"Оберіть\"",[],{"name":180,"global":124,"default":181,"description":182,"tags":183,"required":124,"type":184,"schema":185},"size","\"md\"","Висота поля. На мобільному кожен розмір вищий за десктопний.",[],"FieldSize",{"kind":141,"type":184,"schema":186},{"0":187,"1":188,"2":181},"\"lg\"","\"sm\"",{"name":190,"global":124,"default":191,"description":192,"tags":193,"required":124,"type":145,"schema":145},"maxDisplay","3","Скільки обраних підписів показати у тригері, решта згортається в «+N».",[],{"name":195,"global":124,"description":196,"tags":197,"required":124,"type":144,"schema":144},"error","Текст помилки. Сама його наявність вмикає стан помилки.",[],{"name":199,"global":124,"description":200,"tags":201,"required":124,"type":144,"schema":144},"hint","Підказка під полем. Ховається, коли показано помилку.",[],{"name":203,"global":124,"description":204,"tags":205,"required":124,"type":144,"schema":144},"id","Стабільний DOM id. `name` використовується лише для форми.",[],{"name":207,"global":124,"description":98,"tags":208,"required":124,"type":144,"schema":144},"name",[],{"name":166,"global":124,"default":171,"description":98,"tags":210,"required":124,"type":168,"schema":211},[],{"kind":141,"type":168,"schema":212},{"0":171,"1":172},{"name":214,"global":124,"default":172,"description":215,"tags":216,"required":124,"type":168,"schema":217},"searchable","Поле пошуку всередині панелі. Для списків ≤5 пунктів не показується\r\nнавіть із `true` — пошук там лише заважає.",[],{"kind":141,"type":168,"schema":218},{"0":171,"1":172},[220],{"name":221,"type":222,"description":223,"tags":224,"schema":225},"option","{ option: MultiSelectOption; highlighted: boolean; selected: boolean; }","Власний рендер пункту списку.",[],{"kind":154,"type":222,"schema":226},{"option":227,"highlighted":241,"selected":244},{"name":221,"global":124,"description":98,"tags":228,"required":115,"type":155,"schema":229},[],{"kind":154,"type":155,"schema":230},{"value":231,"label":235,"disabled":237},{"name":158,"global":124,"description":98,"tags":232,"required":115,"type":142,"schema":233},[],{"kind":141,"type":142,"schema":234},{"0":144,"1":145},{"name":163,"global":124,"description":98,"tags":236,"required":115,"type":144,"schema":144},[],{"name":166,"global":124,"description":98,"tags":238,"required":124,"type":168,"schema":239},[],{"kind":141,"type":168,"schema":240},{"0":171,"1":172},{"name":242,"global":124,"description":98,"tags":243,"required":115,"type":168,"schema":168},"highlighted",[],{"name":245,"global":124,"description":98,"tags":246,"required":115,"type":168,"schema":168},"selected",[],[248],{"name":249,"description":98,"tags":250,"type":251,"signature":252,"schema":253},"update:modelValue",[],"[value: (string | number)[]]","(event: \"update:modelValue\", value: (string | number)[]): void",[254],{"kind":138,"type":136,"schema":255},[256],{"kind":141,"type":142,"schema":257},[144,145],[259],{"name":260,"type":261,"description":262,"tags":263,"schema":264},"focus","() => void","Ставить фокус на тригер.",[],{"kind":265,"type":266},"event","(): void","IlsMeZcqEg-B2MHoBRcEYBXAQFsoMMA-8DAS9hdehJs",1788072639723]