[{"data":1,"prerenderedAt":214},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Ftoggle-group":3,"component-meta:UiToggleGroup":101},{"id":4,"title":5,"body":6,"component":86,"dependsOn":87,"description":88,"emitDescriptions":89,"extension":92,"meta":93,"navigation":94,"order":95,"path":96,"seo":97,"status":98,"stem":99,"__hash__":100},"docs\u002Fdocs\u002Fcomponents\u002Ftoggle-group.md","ToggleGroup",{"type":7,"value":8,"toc":77},"minimark",[9,18,23,28,32,35,39,42,46,49,52,55,59],[10,11,12,13,17],"p",{},"Сегментний перемикач — «згорнуті радіокнопки»: усі варіанти видимі\nодразу, без кліку на відкриття. Вигляд успадковано від ",[14,15,16],"code",{},"pills","-варіанту\nTabs, але семантика інша — це radiogroup без панелей вмісту.",[19,20,22],"h2",{"id":21},"приклад","Приклад",[24,25],"component-preview",{"name":26,"stage":27},"extras-trio","min-h-40",[19,29,31],{"id":30},"api","API",[33,34],"component-api",{},[19,36,38],{"id":37},"коли-використовувати","Коли використовувати",[10,40,41],{},"Для 2–4 взаємовиключних варіантів, де користувач перемикається часто:\nвигляд списку, одиниця виміру, період (день\u002Fтиждень\u002Fмісяць).",[19,43,45],{"id":44},"коли-не-використовувати","Коли НЕ використовувати",[10,47,48],{},"Для перемикання ВМІСТУ — це робота Tabs: тут немає панелей і стану\n«відкрито».",[10,50,51],{},"Для двох станів увімкнено\u002Fвимкнено потрібен Switch — сегментний\nперемикач для «так\u002Fні» виглядає як зайве рішення.",[10,53,54],{},"Більше 4–5 варіантів — Select: сегменти перестають вміщатись.",[19,56,58],{"id":57},"доступність","Доступність",[10,60,61,64,65,68,69,72,73,76],{},[14,62,63],{},"role=\"radiogroup\""," з ",[14,66,67],{},"role=\"radio\""," і ",[14,70,71],{},"aria-checked",". Деактивовані\nсегменти лишаються в DOM із ",[14,74,75],{},"disabled",", щоб не «стрибає» ширина.",{"title":78,"searchDepth":79,"depth":79,"links":80},"",2,[81,82,83,84,85],{"id":21,"depth":79,"text":22},{"id":30,"depth":79,"text":31},{"id":37,"depth":79,"text":38},{"id":44,"depth":79,"text":45},{"id":57,"depth":79,"text":58},"UiToggleGroup",[],"Сегментний перемикач — вибір одного значення з двох-чотирьох видимих одразу.",{"update:modelValue":90,"change":91},"Активне значення. Використовуйте через `v-model`.","Обрано інший сегмент.","md",{},true,33,"\u002Fdocs\u002Fcomponents\u002Ftoggle-group",{"title":5,"description":88},"stable","docs\u002Fcomponents\u002Ftoggle-group","ag9fLDc9lCl5xWJUFFNNhS4hjPRc5HCBhFmwvV2kPaE",{"mode":102,"prefetch":103,"preload":103,"filePath":104,"declarationPath":105,"pascalName":86,"kebabName":106,"chunkName":107,"priority":108,"_scanned":94,"meta":109},"all",false,"app\u002Fcomponents\u002Fui\u002FUiToggleGroup.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiToggleGroup.vue","ui-toggle-group","components\u002Fui-toggle-group",1,{"type":108,"props":110,"slots":171,"events":196,"exposed":212,"hash":213},[111,142,148,152,161,167],{"name":112,"global":103,"description":113,"tags":114,"required":94,"type":115,"schema":116},"options","Опції перемикача.",[],"ToggleOption[]",{"kind":117,"type":115,"schema":118},"array",{"0":119},{"kind":120,"type":121,"schema":122},"object","ToggleOption",{"value":123,"label":132,"disabled":135},{"name":124,"global":103,"description":78,"tags":125,"required":94,"type":126,"schema":127},"value",[],"string | number",{"kind":128,"type":126,"schema":129},"enum",{"0":130,"1":131},"string","number",{"name":133,"global":103,"description":78,"tags":134,"required":94,"type":130,"schema":130},"label",[],{"name":75,"global":103,"description":78,"tags":136,"required":103,"type":137,"schema":138},[],"boolean",{"kind":128,"type":137,"schema":139},{"0":140,"1":141},"false","true",{"name":143,"global":103,"default":144,"description":90,"tags":145,"required":103,"type":126,"schema":146},"modelValue","undefined",[],{"kind":128,"type":126,"schema":147},{"0":130,"1":131},{"name":149,"global":103,"default":144,"description":150,"tags":151,"required":103,"type":130,"schema":130},"ariaLabel","Доступна назва групи. ОБОВ'ЯЗКОВА, якщо поруч немає видимого лейбла.",[],{"name":153,"global":103,"default":154,"description":155,"tags":156,"required":103,"type":157,"schema":158},"size","\"md\"","Висота кнопок. На мобільному кожен розмір вищий за десктопний.",[],"\"sm\" | \"md\"",{"kind":128,"type":157,"schema":159},{"0":160,"1":154},"\"sm\"",{"name":162,"global":103,"default":140,"description":163,"tags":164,"required":103,"type":137,"schema":165},"block","Розтягнути сегменти на всю ширину контейнера.",[],{"kind":128,"type":137,"schema":166},{"0":140,"1":141},{"name":75,"global":103,"default":140,"description":78,"tags":168,"required":103,"type":137,"schema":169},[],{"kind":128,"type":137,"schema":170},{"0":140,"1":141},[172],{"name":173,"type":174,"description":175,"tags":176,"schema":177},"option","{ option: ToggleOption; selected: boolean; }","Власний рендер сегмента.",[],{"kind":120,"type":174,"schema":178},{"option":179,"selected":193},{"name":173,"global":103,"description":78,"tags":180,"required":94,"type":121,"schema":181},[],{"kind":120,"type":121,"schema":182},{"value":183,"label":187,"disabled":189},{"name":124,"global":103,"description":78,"tags":184,"required":94,"type":126,"schema":185},[],{"kind":128,"type":126,"schema":186},{"0":130,"1":131},{"name":133,"global":103,"description":78,"tags":188,"required":94,"type":130,"schema":130},[],{"name":75,"global":103,"description":78,"tags":190,"required":103,"type":137,"schema":191},[],{"kind":128,"type":137,"schema":192},{"0":140,"1":141},{"name":194,"global":103,"description":78,"tags":195,"required":94,"type":137,"schema":137},"selected",[],[197,205],{"name":198,"description":78,"tags":199,"type":200,"signature":201,"schema":202},"update:modelValue",[],"[value: string | number]","(event: \"update:modelValue\", value: string | number): void",[203],{"kind":128,"type":126,"schema":204},[130,131],{"name":206,"description":78,"tags":207,"type":200,"signature":208,"schema":209},"change",[],"(event: \"change\", value: string | number): void",[210],{"kind":128,"type":126,"schema":211},[130,131],[],"RFSbenKLqVC9JyBgDJ78uq1gUClxQxGZA6PlMa5h1JY",1788072641308]