[{"data":1,"prerenderedAt":225},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fsidebar":3,"component-meta:UiSidebar":91},{"id":4,"title":5,"body":6,"component":73,"dependsOn":74,"description":77,"emitDescriptions":78,"extension":82,"meta":83,"navigation":84,"order":85,"path":86,"seo":87,"status":88,"stem":89,"__hash__":90},"docs\u002Fdocs\u002Fcomponents\u002Fsidebar.md","Sidebar",{"type":7,"value":8,"toc":64},"minimark",[9,14,19,23,26,30,34,38,50,54],[10,11,13],"h2",{"id":12},"приклад","Приклад",[15,16],"component-preview",{"name":17,"stage":18},"sidebar-basic","min-h-80",[10,20,22],{"id":21},"api","API",[24,25],"component-api",{},[10,27,29],{"id":28},"коли-використовувати","Коли використовувати",[31,32,33],"p",{},"Для постійної навігації dashboard, admin або складного продукту. На desktop\nпанель бере участь у layout і може згортатися; на mobile відкривається поверх\nконтенту.",[10,35,37],{"id":36},"коли-не-використовувати","Коли НЕ використовувати",[31,39,40,41,45,46,49],{},"Не використовуйте для тимчасової форми або деталей сутності — це сценарій\n",[42,43,44],"code",{},"UiDrawer",". На простому сайті з трьома посиланнями достатньо звичайного ",[42,47,48],{},"nav",".",[10,51,53],{"id":52},"доступність","Доступність",[31,55,56,57,60,61,49],{},"На mobile панель отримує роль dialog, блокує прокрутку фону, утримує фокус і\nзакривається через Escape. На desktop залишається звичайним ",[42,58,59],{},"aside"," landmark.\nКнопка collapse оголошує поточний стан через ",[42,62,63],{},"aria-expanded",{"title":65,"searchDepth":66,"depth":66,"links":67},"",2,[68,69,70,71,72],{"id":12,"depth":66,"text":13},{"id":21,"depth":66,"text":22},{"id":28,"depth":66,"text":29},{"id":36,"depth":66,"text":37},{"id":52,"depth":66,"text":53},"UiSidebar",[75,76],"app\u002Fcomposables\u002FuseFocusTrap.ts","app\u002Fcomposables\u002FuseScrollLock.ts","Адаптивна бічна навігація з desktop collapse та mobile focus trap.",{"update:modelValue":79,"update:collapsed":80,"close":81},"Мобільну панель відкрито або закрито.","Desktop-панель згорнуто або розгорнуто.","Мобільну панель закрито.","md",{},true,48,"\u002Fdocs\u002Fcomponents\u002Fsidebar",{"title":5,"description":77},"stable","docs\u002Fcomponents\u002Fsidebar","AIwmXtkB69jVH009tV4EB6anP-m93iAwzsPW7ipBbSw",{"mode":92,"prefetch":93,"preload":93,"filePath":94,"declarationPath":95,"pascalName":73,"kebabName":96,"chunkName":97,"priority":98,"_scanned":84,"meta":99},"all",false,"app\u002Fcomponents\u002Fui\u002FUiSidebar.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiSidebar.vue","ui-sidebar","components\u002Fui-sidebar",1,{"type":98,"props":100,"slots":152,"events":195,"exposed":216,"hash":224},[101,111,117,122,127,131,140,146],{"name":102,"global":93,"default":103,"description":104,"tags":105,"required":93,"type":106,"schema":107},"side","\"left\"","З якого боку екрана панель.",[],"\"left\" | \"right\"",{"kind":108,"type":106,"schema":109},"enum",{"0":103,"1":110},"\"right\"",{"name":112,"global":93,"default":113,"description":114,"tags":115,"required":93,"type":116,"schema":116},"width","\"17rem\"","Ширина розгорнутої панелі, будь-яка CSS-величина.",[],"string",{"name":118,"global":93,"default":119,"description":120,"tags":121,"required":93,"type":116,"schema":116},"collapsedWidth","\"4.5rem\"","Ширина згорнутої панелі, будь-яка CSS-величина.",[],{"name":123,"global":93,"default":124,"description":125,"tags":126,"required":93,"type":116,"schema":116},"ariaLabel","\"Бічна навігація\"","Доступна назва панелі — вона є орієнтиром `navigation` на сторінці.",[],{"name":128,"global":93,"description":129,"tags":130,"required":93,"type":116,"schema":116},"sidebarId","Стабільний id шару в стеку оверлеїв. Задавати не обов'язково:\r\nбез нього генерується автоматично.",[],{"name":132,"global":93,"default":133,"description":134,"tags":135,"required":93,"type":136,"schema":137},"modelValue","false","Відкрито на мобільному. На десктопі панель видима завжди.\r\nВикористовуйте через `v-model`.",[],"boolean",{"kind":108,"type":136,"schema":138},{"0":133,"1":139},"true",{"name":141,"global":93,"default":133,"description":142,"tags":143,"required":93,"type":136,"schema":144},"collapsed","Згорнуто до вузької смуги з іконками. Лише десктоп. Використовуйте\r\nчерез `v-model:collapsed`.",[],{"kind":108,"type":136,"schema":145},{"0":133,"1":139},{"name":147,"global":93,"default":139,"description":148,"tags":149,"required":93,"type":136,"schema":150},"collapsible","Показувати кнопку згортання. Вимкніть, якщо ширина панелі фіксована\r\nдизайном.",[],{"kind":108,"type":136,"schema":151},{"0":133,"1":139},[153,171,183],{"name":154,"type":155,"description":65,"tags":156,"schema":157},"header","{ collapsed: boolean; close: () => void; }",[],{"kind":158,"type":155,"schema":159},"object",{"collapsed":160,"close":164},{"name":141,"global":93,"description":65,"tags":161,"required":84,"type":136,"schema":162},[],{"kind":108,"type":136,"schema":163},{"0":133,"1":139},{"name":165,"global":93,"description":65,"tags":166,"required":84,"type":167,"schema":168},"close",[],"() => void",{"kind":169,"type":170},"event","(): void",{"name":172,"type":155,"description":65,"tags":173,"schema":174},"default",[],{"kind":158,"type":155,"schema":175},{"collapsed":176,"close":180},{"name":141,"global":93,"description":65,"tags":177,"required":84,"type":136,"schema":178},[],{"kind":108,"type":136,"schema":179},{"0":133,"1":139},{"name":165,"global":93,"description":65,"tags":181,"required":84,"type":167,"schema":182},[],{"kind":169,"type":170},{"name":184,"type":155,"description":65,"tags":185,"schema":186},"footer",[],{"kind":158,"type":155,"schema":187},{"collapsed":188,"close":192},{"name":141,"global":93,"description":65,"tags":189,"required":84,"type":136,"schema":190},[],{"kind":108,"type":136,"schema":191},{"0":133,"1":139},{"name":165,"global":93,"description":65,"tags":193,"required":84,"type":167,"schema":194},[],{"kind":169,"type":170},[196,204,211],{"name":197,"description":65,"tags":198,"type":199,"signature":200,"schema":201},"update:modelValue",[],"[value: boolean]","(event: \"update:modelValue\", value: boolean): void",[202],{"kind":108,"type":136,"schema":203},[133,139],{"name":205,"description":65,"tags":206,"type":199,"signature":207,"schema":208},"update:collapsed",[],"(event: \"update:collapsed\", value: boolean): void",[209],{"kind":108,"type":136,"schema":210},[133,139],{"name":165,"description":65,"tags":212,"type":213,"signature":214,"schema":215},[],"[]","(event: \"close\"): void",[],[217,220],{"name":165,"type":167,"description":65,"tags":218,"schema":219},[],{"kind":169,"type":170},{"name":221,"type":167,"description":65,"tags":222,"schema":223},"toggleCollapsed",[],{"kind":169,"type":170},"Fsv17sEZmrcLvDsf3Ao-xmwu-lyv2sx_OqNCAgCPs1A",1788072639727]