[{"data":1,"prerenderedAt":288},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Ftree":3,"component-meta:UiTree":128},{"id":4,"title":5,"body":6,"component":112,"dependsOn":113,"description":114,"emitDescriptions":115,"extension":119,"meta":120,"navigation":121,"order":122,"path":123,"seo":124,"status":125,"stem":126,"__hash__":127},"docs\u002Fdocs\u002Fcomponents\u002Ftree.md","Tree",{"type":7,"value":8,"toc":102},"minimark",[9,26,31,36,40,43,47,54,58,61,64,68,87,91],[10,11,12,13,17,18,21,22,25],"p",{},"Рендер плоский: дерево розгортається у список видимих рядків (вузол,\nглибина, стан), тож у шаблоні один ",[14,15,16],"code",{},"v-for"," без рекурсивних компонентів.\nARIA-геометрія тримається атрибутами ",[14,19,20],{},"aria-level",", ",[14,23,24],{},"aria-expanded",".",[27,28,30],"h2",{"id":29},"приклад","Приклад",[32,33],"component-preview",{"name":34,"stage":35},"tree-basic","min-h-72",[27,37,39],{"id":38},"api","API",[41,42],"component-api",{},[27,44,46],{"id":45},"коли-використовувати","Коли використовувати",[10,48,49,50,53],{},"Ієрархічні структури: дерево сторінок сайту, файлів, категорій.\nРозгортання керується згори через ",[14,51,52],{},"v-model:expanded"," — можна відкривати\nгілки з URL або синхронізувати дві панелі.",[27,55,57],{"id":56},"коли-не-використовувати","Коли НЕ використовувати",[10,59,60],{},"Для плоских списків із заголовками — Tree надлишковий, потрібен простий\nсписок або Menu.",[10,62,63],{},"Для маленьких вкладених фільтрів (2 рівні, 5 пунктів) — чекбокси з\nвідступами простіші за дерево.",[27,65,67],{"id":66},"доступність","Доступність",[10,69,70,73,74,77,78,21,80,82,83,86],{},[14,71,72],{},"role=\"tree\""," → ",[14,75,76],{},"treeitem"," з ",[14,79,20],{},[14,81,24],{},",\n",[14,84,85],{},"aria-selected",". Roving tabindex: Tab — лише активний рядок, ↑↓ рухають\nвиділення, → розгортає, ← згортає або підіймається до батька.\nТоггл-кнопка окрема від рядка: розгортання не провокує вибір.",[27,88,90],{"id":89},"деталі-реалізації","Деталі реалізації",[10,92,93,94,97,98,101],{},"Відступ — ",[14,95,96],{},"padding-left: depth * 1.25rem"," через ",[14,99,100],{},":style",", а не класи:\nглибина довільна, JIT не може її передбачити.",{"title":103,"searchDepth":104,"depth":104,"links":105},"",2,[106,107,108,109,110,111],{"id":29,"depth":104,"text":30},{"id":38,"depth":104,"text":39},{"id":45,"depth":104,"text":46},{"id":56,"depth":104,"text":57},{"id":66,"depth":104,"text":67},{"id":89,"depth":104,"text":90},"UiTree",[],"Дерево з плоским рендером, клавіатурною навігацією й керованим розгортанням.",{"update:modelValue":116,"update:expanded":117,"itemClick":118},"Вибраний вузол або `null`. Використовуйте через `v-model`.","Набір відкритих вузлів. Використовуйте через `v-model:expanded`.","Активація рядка кліком або Enter.","md",{},true,42,"\u002Fdocs\u002Fcomponents\u002Ftree",{"title":5,"description":114},"stable","docs\u002Fcomponents\u002Ftree","0i8F5XhtLNAkVtxTklv36k7RTgUgMMFRBxIvvz7FA3Y",{"mode":129,"prefetch":130,"preload":130,"filePath":131,"declarationPath":132,"pascalName":112,"kebabName":133,"chunkName":134,"priority":135,"_scanned":121,"meta":136},"all",false,"app\u002Fcomponents\u002Fui\u002FUiTree.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiTree.vue","ui-tree","components\u002Fui-tree",1,{"type":135,"props":137,"slots":194,"events":244,"exposed":286,"hash":287},[138,169,174,182,188],{"name":139,"global":130,"description":140,"tags":141,"required":121,"type":142,"schema":143},"items","Дерево. Джерело правди — масив коренів.",[],"TreeNode[]",{"kind":144,"type":142,"schema":145},"array",{"0":146},{"kind":147,"type":148,"schema":149},"object","TreeNode",{"id":150,"label":154,"children":157,"disabled":160},{"name":151,"global":130,"description":103,"tags":152,"required":121,"type":153,"schema":153},"id",[],"string",{"name":155,"global":130,"description":103,"tags":156,"required":121,"type":153,"schema":153},"label",[],{"name":158,"global":130,"description":103,"tags":159,"required":130,"type":142,"schema":142},"children",[],{"name":161,"global":130,"description":103,"tags":162,"required":130,"type":163,"schema":164},"disabled",[],"boolean",{"kind":165,"type":163,"schema":166},"enum",{"0":167,"1":168},"false","true",{"name":170,"global":130,"default":171,"description":172,"tags":173,"required":130,"type":153,"schema":153},"modelValue","null","Вибраний вузол. Використовуйте через `v-model`.",[],{"name":175,"global":130,"default":176,"description":177,"tags":178,"required":130,"type":179,"schema":180},"expanded","[]","Відкриті вузли. Використовуйте через `v-model:expanded`.",[],"string[]",{"kind":144,"type":179,"schema":181},{"0":153},{"name":183,"global":130,"default":168,"description":184,"tags":185,"required":130,"type":163,"schema":186},"expandOnClick","Клік по рядку з дітьми тогглить гілку.",[],{"kind":165,"type":163,"schema":187},{"0":167,"1":168},{"name":189,"global":130,"default":168,"description":190,"tags":191,"required":130,"type":163,"schema":192},"selectable","Клік по рядку обирає вузол.",[],{"kind":165,"type":163,"schema":193},{"0":167,"1":168},[195,231],{"name":196,"type":197,"description":198,"tags":199,"schema":200},"item","{ node: TreeNode; depth: number; expanded: boolean; selected: boolean; hasChildren: boolean; }","Власний рендер рядка.",[],{"kind":147,"type":197,"schema":201},{"node":202,"depth":219,"expanded":223,"selected":225,"hasChildren":228},{"name":203,"global":130,"description":103,"tags":204,"required":121,"type":148,"schema":205},"node",[],{"kind":147,"type":148,"schema":206},{"id":207,"label":209,"children":211,"disabled":215},{"name":151,"global":130,"description":103,"tags":208,"required":121,"type":153,"schema":153},[],{"name":155,"global":130,"description":103,"tags":210,"required":121,"type":153,"schema":153},[],{"name":158,"global":130,"description":103,"tags":212,"required":130,"type":142,"schema":213},[],{"kind":144,"type":142,"schema":214},{"0":148},{"name":161,"global":130,"description":103,"tags":216,"required":130,"type":163,"schema":217},[],{"kind":165,"type":163,"schema":218},{"0":167,"1":168},{"name":220,"global":130,"description":103,"tags":221,"required":121,"type":222,"schema":222},"depth",[],"number",{"name":175,"global":130,"description":103,"tags":224,"required":121,"type":163,"schema":163},[],{"name":226,"global":130,"description":103,"tags":227,"required":121,"type":163,"schema":163},"selected",[],{"name":229,"global":130,"description":103,"tags":230,"required":121,"type":163,"schema":163},"hasChildren",[],{"name":232,"type":233,"description":234,"tags":235,"schema":236},"toggle","{ expanded: boolean; hasChildren: boolean; }","Власна іконка тоггла замість шеврона.",[],{"kind":147,"type":233,"schema":237},{"expanded":238,"hasChildren":242},{"name":175,"global":130,"description":103,"tags":239,"required":121,"type":163,"schema":240},[],{"kind":165,"type":163,"schema":241},{"0":167,"1":168},{"name":229,"global":130,"description":103,"tags":243,"required":121,"type":163,"schema":163},[],[245,251,259],{"name":246,"description":103,"tags":247,"type":248,"signature":249,"schema":250},"update:modelValue",[],"[id: string]","(event: \"update:modelValue\", id: string): void",[153],{"name":252,"description":103,"tags":253,"type":254,"signature":255,"schema":256},"update:expanded",[],"[ids: string[]]","(event: \"update:expanded\", ids: string[]): void",[257],{"kind":144,"type":179,"schema":258},[153],{"name":260,"description":103,"tags":261,"type":262,"signature":263,"schema":264},"itemClick",[],"[{ node: TreeNode; depth: number; }]","(event: \"itemClick\", args_0: { node: TreeNode; depth: number; }): void",[265],{"kind":147,"type":266,"schema":267},"{ node: TreeNode; depth: number; }",{"node":268,"depth":284},{"name":203,"global":130,"description":103,"tags":269,"required":121,"type":148,"schema":270},[],{"kind":147,"type":148,"schema":271},{"id":272,"label":274,"children":276,"disabled":280},{"name":151,"global":130,"description":103,"tags":273,"required":121,"type":153,"schema":153},[],{"name":155,"global":130,"description":103,"tags":275,"required":121,"type":153,"schema":153},[],{"name":158,"global":130,"description":103,"tags":277,"required":130,"type":142,"schema":278},[],{"kind":144,"type":142,"schema":279},{"0":148},{"name":161,"global":130,"description":103,"tags":281,"required":130,"type":163,"schema":282},[],{"kind":165,"type":163,"schema":283},{"0":167,"1":168},{"name":220,"global":130,"description":103,"tags":285,"required":121,"type":222,"schema":222},[],[],"noAwv8g6l2dm1nQpH4uZgXehqYE2ec24D9c10lBGRNk",1788072641329]