[{"data":1,"prerenderedAt":2632},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:vj8v_s8Zclxdr44q_rFdiRMIY8fRDfKdObjcIDPEb4I":303,"content-page-surround:docs:vj8v_s8Zclxdr44q_rFdiRMIY8fRDfKdObjcIDPEb4I":2615,"i-logos:typescript-icon":2620,"i-logos:vue":2624,"i-lucide:clipboard":2627,"i-lucide:braces":2630},[4,28,54,100,176,215,278,298],{"title":5,"page":6,"canonicalKey":7,"locale":8,"id":9,"draft":6,"icon":10,"sidebar":11,"children":12},"Learn",false,"1","en","content:docs:1.evaluate:.navigation.yml","i-lucide-compass","section",[13,18,23],{"title":14,"id":15,"canonicalKey":16,"locale":8,"draft":6,"path":17},"Why Nuxt Board","content:docs:1.evaluate:1.why-nuxt-board.md","1\u002F1","\u002Fdocs\u002Fevaluate\u002Fwhy-nuxt-board",{"title":19,"id":20,"canonicalKey":21,"locale":8,"draft":6,"path":22},"How Nuxt Board works","content:docs:1.evaluate:2.how-nuxt-board-works.md","1\u002F2","\u002Fdocs\u002Fevaluate\u002Fhow-nuxt-board-works",{"title":24,"id":25,"canonicalKey":26,"locale":8,"draft":6,"path":27},"Design decisions","content:docs:1.evaluate:4.design-decisions.md","1\u002F4","\u002Fdocs\u002Fevaluate\u002Fdesign-decisions",{"title":29,"page":6,"canonicalKey":30,"locale":8,"id":31,"draft":6,"icon":32,"children":33},"Start building","2","content:docs:2.start-building:.navigation.yml","i-lucide-rocket",[34,39,44,49],{"title":35,"id":36,"canonicalKey":37,"locale":8,"draft":6,"path":38},"Installation","content:docs:2.start-building:1.installation.md","2\u002F1","\u002Fdocs\u002Fstart-building\u002Finstallation",{"title":40,"id":41,"canonicalKey":42,"locale":8,"draft":6,"path":43},"Your first board","content:docs:2.start-building:2.your-first-board.md","2\u002F2","\u002Fdocs\u002Fstart-building\u002Fyour-first-board",{"title":45,"id":46,"canonicalKey":47,"locale":8,"draft":6,"path":48},"Customize your first node","content:docs:2.start-building:3.customize-your-first-node.md","2\u002F3","\u002Fdocs\u002Fstart-building\u002Fcustomize-your-first-node",{"title":50,"id":51,"canonicalKey":52,"locale":8,"draft":6,"path":53},"Add connections and history","content:docs:2.start-building:4.add-connections-and-history.md","2\u002F4","\u002Fdocs\u002Fstart-building\u002Fadd-connections-and-history",{"title":55,"page":6,"canonicalKey":56,"locale":8,"id":57,"draft":6,"icon":58,"children":59},"Understand the system","3","content:docs:3.understand-the-system:.navigation.yml","i-lucide-workflow",[60,65,70,75,80,85,90,95],{"title":61,"id":62,"canonicalKey":63,"locale":8,"draft":6,"path":64},"The engine","content:docs:3.understand-the-system:1.the-engine.md","3\u002F1","\u002Fdocs\u002Funderstand-the-system\u002Fthe-engine",{"title":66,"id":67,"canonicalKey":68,"locale":8,"draft":6,"path":69},"Document and session state","content:docs:3.understand-the-system:2.document-and-session-state.md","3\u002F2","\u002Fdocs\u002Funderstand-the-system\u002Fdocument-and-session-state",{"title":71,"id":72,"canonicalKey":73,"locale":8,"draft":6,"path":74},"Commands and transactions","content:docs:3.understand-the-system:3.commands-and-transactions.md","3\u002F3","\u002Fdocs\u002Funderstand-the-system\u002Fcommands-and-transactions",{"title":76,"id":77,"canonicalKey":78,"locale":8,"draft":6,"path":79},"Nodes and hierarchy","content:docs:3.understand-the-system:4.nodes-and-hierarchy.md","3\u002F4","\u002Fdocs\u002Funderstand-the-system\u002Fnodes-and-hierarchy",{"title":81,"id":82,"canonicalKey":83,"locale":8,"draft":6,"path":84},"Camera and coordinates","content:docs:3.understand-the-system:5.camera-and-coordinates.md","3\u002F5","\u002Fdocs\u002Funderstand-the-system\u002Fcamera-and-coordinates",{"title":86,"id":87,"canonicalKey":88,"locale":8,"draft":6,"path":89},"Rendering and interaction","content:docs:3.understand-the-system:6.rendering-and-interaction.md","3\u002F6","\u002Fdocs\u002Funderstand-the-system\u002Frendering-and-interaction",{"title":91,"id":92,"canonicalKey":93,"locale":8,"draft":6,"path":94},"Packages and plugins","content:docs:3.understand-the-system:7.packages-and-plugins.md","3\u002F7","\u002Fdocs\u002Funderstand-the-system\u002Fpackages-and-plugins",{"title":96,"id":97,"canonicalKey":98,"locale":8,"draft":6,"path":99},"Persistence and JSON Canvas","content:docs:3.understand-the-system:8.persistence-and-json-canvas.md","3\u002F8","\u002Fdocs\u002Funderstand-the-system\u002Fpersistence-and-json-canvas",{"title":101,"page":6,"canonicalKey":102,"locale":8,"id":103,"draft":6,"icon":104,"sidebar":11,"children":105},"Build","4","content:docs:4.build-features:.navigation.yml","i-lucide-blocks",[106,113,120,127,134,141,148,155,162,169],{"title":107,"id":108,"canonicalKey":109,"locale":8,"draft":6,"navigation":110,"icon":111,"path":112},"Custom renderers","content:docs:4.build-features:1.custom-node-renderers.md","4\u002F1",{"icon":111},"i-lucide-layout-template","\u002Fdocs\u002Fbuild-features\u002Fcustom-node-renderers",{"title":114,"id":115,"canonicalKey":116,"locale":8,"draft":6,"navigation":117,"icon":118,"path":119},"Connections","content:docs:4.build-features:2.connections.md","4\u002F2",{"icon":118},"i-lucide-cable","\u002Fdocs\u002Fbuild-features\u002Fconnections",{"title":121,"id":122,"canonicalKey":123,"locale":8,"draft":6,"navigation":124,"icon":125,"path":126},"Group nodes","content:docs:4.build-features:3.groups-and-nesting.md","4\u002F3",{"icon":125},"i-lucide-group","\u002Fdocs\u002Fbuild-features\u002Fgroups-and-nesting",{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"navigation":131,"icon":132,"path":133},"History","content:docs:4.build-features:4.undo-and-redo.md","4\u002F4",{"icon":132},"i-lucide-history","\u002Fdocs\u002Fbuild-features\u002Fundo-and-redo",{"title":135,"id":136,"canonicalKey":137,"locale":8,"draft":6,"navigation":138,"icon":139,"path":140},"Selection and interaction","content:docs:4.build-features:5.selection-and-keyboard.md","4\u002F5",{"icon":139},"i-lucide-mouse-pointer","\u002Fdocs\u002Fbuild-features\u002Fselection-and-keyboard",{"title":142,"id":143,"canonicalKey":144,"locale":8,"draft":6,"navigation":145,"icon":146,"path":147},"First-party features and command guards","content:docs:4.build-features:6.read-only-and-command-guards.md","4\u002F6",{"icon":146},"i-lucide-puzzle","\u002Fdocs\u002Fbuild-features\u002Fread-only-and-command-guards",{"title":149,"id":150,"canonicalKey":151,"locale":8,"draft":6,"navigation":152,"icon":153,"path":154},"Serialization","content:docs:4.build-features:7.save-and-load.md","4\u002F7",{"icon":153},"i-lucide-file-json","\u002Fdocs\u002Fbuild-features\u002Fsave-and-load",{"title":156,"id":157,"canonicalKey":158,"locale":8,"draft":6,"navigation":159,"icon":160,"path":161},"Theming","content:docs:4.build-features:8.theming.md","4\u002F8",{"icon":160},"i-lucide-palette","\u002Fdocs\u002Fbuild-features\u002Ftheming",{"title":163,"id":164,"canonicalKey":165,"locale":8,"draft":6,"navigation":166,"icon":167,"path":168},"Performance","content:docs:4.build-features:9.performance.md","4\u002F9",{"icon":167},"i-lucide-zap","\u002Fdocs\u002Fbuild-features\u002Fperformance",{"title":170,"id":171,"canonicalKey":172,"locale":8,"draft":6,"navigation":173,"icon":174,"path":175},"SSR deterministic scene","content:docs:4.build-features:10.ssr-and-deterministic-state.md","4\u002F10",{"icon":174},"i-lucide-server","\u002Fdocs\u002Fbuild-features\u002Fssr-and-deterministic-state",{"title":177,"page":6,"canonicalKey":178,"locale":8,"id":179,"draft":6,"icon":111,"children":180},"Solutions","5","content:docs:5.solutions:.navigation.yml",[181,187,194,201,208],{"title":182,"id":183,"canonicalKey":184,"locale":8,"draft":6,"navigation":185,"icon":58,"path":186},"Workflow renderer demo","content:docs:5.solutions:1.workflow-builder.md","5\u002F1",{"icon":58},"\u002Fdocs\u002Fsolutions\u002Fworkflow-builder",{"title":188,"id":189,"canonicalKey":190,"locale":8,"draft":6,"navigation":191,"icon":192,"path":193},"Mind map","content:docs:5.solutions:2.mind-map.md","5\u002F2",{"icon":192},"i-lucide-brain","\u002Fdocs\u002Fsolutions\u002Fmind-map",{"title":195,"id":196,"canonicalKey":197,"locale":8,"draft":6,"navigation":198,"icon":199,"path":200},"Planning board","content:docs:5.solutions:3.planning-board.md","5\u002F3",{"icon":199},"i-lucide-square","\u002Fdocs\u002Fsolutions\u002Fplanning-board",{"title":202,"id":203,"canonicalKey":204,"locale":8,"draft":6,"navigation":205,"icon":206,"path":207},"Read-only viewer","content:docs:5.solutions:4.read-only-viewer.md","5\u002F4",{"icon":206},"i-lucide-eye","\u002Fdocs\u002Fsolutions\u002Fread-only-viewer",{"title":209,"id":210,"canonicalKey":211,"locale":8,"draft":6,"navigation":212,"icon":213,"path":214},"Nuxt auto-imports","content:docs:5.solutions:5.nuxt-application.md","5\u002F5",{"icon":213},"i-lucide-sparkles","\u002Fdocs\u002Fsolutions\u002Fnuxt-application",{"title":216,"page":6,"canonicalKey":217,"locale":8,"id":218,"draft":6,"icon":219,"children":220},"Reference","6","content:docs:6.reference:.navigation.yml","i-lucide-braces",[221,226,231,236,241,246,251,256,261,266,273],{"title":222,"id":223,"canonicalKey":224,"locale":8,"draft":6,"path":225},"Package overview","content:docs:6.reference:1.package-overview.md","6\u002F1","\u002Fdocs\u002Freference\u002Fpackage-overview",{"title":227,"id":228,"canonicalKey":229,"locale":8,"draft":6,"path":230},"@lupinum\u002Fboard-core","content:docs:6.reference:2.board-core.md","6\u002F2","\u002Fdocs\u002Freference\u002Fboard-core",{"title":232,"id":233,"canonicalKey":234,"locale":8,"draft":6,"path":235},"@lupinum\u002Fboard-core types","content:docs:6.reference:3.board-core-types.md","6\u002F3","\u002Fdocs\u002Freference\u002Fboard-core-types",{"title":237,"id":238,"canonicalKey":239,"locale":8,"draft":6,"path":240},"@lupinum\u002Fvue-board","content:docs:6.reference:4.vue-board.md","6\u002F4","\u002Fdocs\u002Freference\u002Fvue-board",{"title":242,"id":243,"canonicalKey":244,"locale":8,"draft":6,"path":245},"Vue composables","content:docs:6.reference:5.vue-composables.md","6\u002F5","\u002Fdocs\u002Freference\u002Fvue-composables",{"title":247,"id":248,"canonicalKey":249,"locale":8,"draft":6,"path":250},"@lupinum\u002Fboard-connections","content:docs:6.reference:6.connections.md","6\u002F6","\u002Fdocs\u002Freference\u002Fconnections",{"title":252,"id":253,"canonicalKey":254,"locale":8,"draft":6,"path":255},"@lupinum\u002Fboard-history","content:docs:6.reference:7.history.md","6\u002F7","\u002Fdocs\u002Freference\u002Fhistory",{"title":257,"id":258,"canonicalKey":259,"locale":8,"draft":6,"path":260},"@lupinum\u002Fvue-board\u002Fminimap","content:docs:6.reference:8.minimap.md","6\u002F8","\u002Fdocs\u002Freference\u002Fminimap",{"title":262,"id":263,"canonicalKey":264,"locale":8,"draft":6,"path":265},"@lupinum\u002Fnuxt-board","content:docs:6.reference:9.nuxt-board.md","6\u002F9","\u002Fdocs\u002Freference\u002Fnuxt-board",{"title":267,"id":268,"canonicalKey":269,"locale":8,"draft":6,"navigation":270,"icon":271,"path":272},"Events and subscriptions","content:docs:6.reference:10.events-and-errors.md","6\u002F10",{"icon":271},"i-lucide-bell","\u002Fdocs\u002Freference\u002Fevents-and-errors",{"title":274,"id":275,"canonicalKey":276,"locale":8,"draft":6,"path":277},"Glossary","content:docs:6.reference:11.glossary.md","6\u002F11","\u002Fdocs\u002Freference\u002Fglossary",{"title":279,"page":6,"canonicalKey":280,"locale":8,"id":281,"draft":6,"icon":282,"children":283},"Project","7","content:docs:7.project:.navigation.yml","i-lucide-git-branch",[284,291],{"title":285,"id":286,"canonicalKey":287,"locale":8,"draft":6,"navigation":288,"icon":289,"path":290},"Contributing","content:docs:7.project:1.contributing.md","7\u002F1",{"icon":289},"i-lucide-git-pull-request","\u002Fdocs\u002Fproject\u002Fcontributing",{"title":292,"id":293,"canonicalKey":294,"locale":8,"draft":6,"navigation":295,"icon":296,"path":297},"Support and security","content:docs:7.project:2.support-and-security.md","7\u002F2",{"icon":296},"i-lucide-shield","\u002Fdocs\u002Fproject\u002Fsupport-and-security",{"title":299,"id":300,"canonicalKey":301,"locale":8,"draft":6,"path":302},"Nuxt Board documentation","content:docs:index.md","\u002F","\u002Fdocs",{"audience":304,"intent":305,"title":121,"description":306,"navigation":307,"body":308,"type":2602,"id":122,"canonicalKey":123,"draft":6,"partial":6,"locale":8,"collection":2603,"navigationFile":6,"file":2604,"route":2610,"resolution":2612},"application-developer","build","Create groups, assign children, capture nodes by dragging, and keep z-order correct.",{"icon":125},{"type":309,"children":310,"toc":2590},"root",[311,334,341,360,554,559,565,576,810,821,827,832,837,923,933,939,944,1742,1753,1759,1764,1805,1810,1816,1827,2107,2112,2118,2136,2447,2452],{"type":312,"tag":313,"props":314,"children":315},"element","p",{},[316,319,325,327,332],{"type":317,"value":318},"text","Groups are board nodes with ",{"type":312,"tag":320,"props":321,"children":322},"code",{},[323],{"type":317,"value":324},"type: 'group'",{"type":317,"value":326},". Children point at a group through ",{"type":312,"tag":320,"props":328,"children":329},{},[330],{"type":317,"value":331},"parentId",{"type":317,"value":333},", and the engine moves the whole subtree when the group moves.",{"type":312,"tag":335,"props":336,"children":338},"h2",{"id":337},"create-a-group",[339],{"type":317,"value":340},"Create a group",{"type":312,"tag":313,"props":342,"children":343},{},[344,346,351,353,358],{"type":317,"value":345},"A group stores its display name in ",{"type":312,"tag":320,"props":347,"children":348},{},[349],{"type":317,"value":350},"label",{"type":317,"value":352},". Its visual color lives on the top-level ",{"type":312,"tag":320,"props":354,"children":355},{},[356],{"type":317,"value":357},"color",{"type":317,"value":359}," field.",{"type":312,"tag":361,"props":362,"children":365},"pre",{"language":363,"class":364},"ts","shiki shiki-themes light-plus dark-plus dark:dark-plus",[366],{"type":312,"tag":320,"props":367,"children":369},{"class":368},"language-ts",[370,416,418,437,438,456,457,473,474,491,492,509,510,527,528,545,546],{"type":312,"tag":371,"props":372,"children":375},"span",{"class":373,"style":374},"line","display: inline",[376,382,388,394,400,405,411],{"type":312,"tag":371,"props":377,"children":379},{"style":378},"color:#0000FF;--shiki-dark:#569CD6",[380],{"type":317,"value":381},"const",{"type":312,"tag":371,"props":383,"children":385},{"style":384},"color:#0070C1;--shiki-dark:#4FC1FF",[386],{"type":317,"value":387}," group",{"type":312,"tag":371,"props":389,"children":391},{"style":390},"color:#000000;--shiki-dark:#D4D4D4",[392],{"type":317,"value":393}," = ",{"type":312,"tag":371,"props":395,"children":397},{"style":396},"color:#001080;--shiki-dark:#9CDCFE",[398],{"type":317,"value":399},"engine",{"type":312,"tag":371,"props":401,"children":402},{"style":390},[403],{"type":317,"value":404},".",{"type":312,"tag":371,"props":406,"children":408},{"style":407},"color:#795E26;--shiki-dark:#DCDCAA",[409],{"type":317,"value":410},"createNode",{"type":312,"tag":371,"props":412,"children":413},{"style":390},[414],{"type":317,"value":415},"({",{"type":317,"value":417},"\n",{"type":312,"tag":371,"props":419,"children":420},{"class":373,"style":374},[421,426,432],{"type":312,"tag":371,"props":422,"children":423},{"style":396},[424],{"type":317,"value":425},"  type:",{"type":312,"tag":371,"props":427,"children":429},{"style":428},"color:#A31515;--shiki-dark:#CE9178",[430],{"type":317,"value":431}," 'group'",{"type":312,"tag":371,"props":433,"children":434},{"style":390},[435],{"type":317,"value":436},",",{"type":317,"value":417},{"type":312,"tag":371,"props":439,"children":440},{"class":373,"style":374},[441,446,452],{"type":312,"tag":371,"props":442,"children":443},{"style":396},[444],{"type":317,"value":445},"  x:",{"type":312,"tag":371,"props":447,"children":449},{"style":448},"color:#098658;--shiki-dark:#B5CEA8",[450],{"type":317,"value":451}," 50",{"type":312,"tag":371,"props":453,"children":454},{"style":390},[455],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":458,"children":459},{"class":373,"style":374},[460,465,469],{"type":312,"tag":371,"props":461,"children":462},{"style":396},[463],{"type":317,"value":464},"  y:",{"type":312,"tag":371,"props":466,"children":467},{"style":448},[468],{"type":317,"value":451},{"type":312,"tag":371,"props":470,"children":471},{"style":390},[472],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":475,"children":476},{"class":373,"style":374},[477,482,487],{"type":312,"tag":371,"props":478,"children":479},{"style":396},[480],{"type":317,"value":481},"  width:",{"type":312,"tag":371,"props":483,"children":484},{"style":448},[485],{"type":317,"value":486}," 520",{"type":312,"tag":371,"props":488,"children":489},{"style":390},[490],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":493,"children":494},{"class":373,"style":374},[495,500,505],{"type":312,"tag":371,"props":496,"children":497},{"style":396},[498],{"type":317,"value":499},"  height:",{"type":312,"tag":371,"props":501,"children":502},{"style":448},[503],{"type":317,"value":504}," 360",{"type":312,"tag":371,"props":506,"children":507},{"style":390},[508],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":511,"children":512},{"class":373,"style":374},[513,518,523],{"type":312,"tag":371,"props":514,"children":515},{"style":396},[516],{"type":317,"value":517},"  color:",{"type":312,"tag":371,"props":519,"children":520},{"style":428},[521],{"type":317,"value":522}," '6'",{"type":312,"tag":371,"props":524,"children":525},{"style":390},[526],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":529,"children":530},{"class":373,"style":374},[531,536,541],{"type":312,"tag":371,"props":532,"children":533},{"style":396},[534],{"type":317,"value":535},"  label:",{"type":312,"tag":371,"props":537,"children":538},{"style":428},[539],{"type":317,"value":540}," 'Group'",{"type":312,"tag":371,"props":542,"children":543},{"style":390},[544],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":547,"children":548},{"class":373,"style":374},[549],{"type":312,"tag":371,"props":550,"children":551},{"style":390},[552],{"type":317,"value":553},"})",{"type":312,"tag":313,"props":555,"children":556},{},[557],{"type":317,"value":558},"The default Vue renderer uses the color for the group border, tinted fill, and label chip.",{"type":312,"tag":335,"props":560,"children":562},{"id":561},"assign-children",[563],{"type":317,"value":564},"Assign children",{"type":312,"tag":313,"props":566,"children":567},{},[568,570,574],{"type":317,"value":569},"Set ",{"type":312,"tag":320,"props":571,"children":572},{},[573],{"type":317,"value":331},{"type":317,"value":575}," when creating or updating a node:",{"type":312,"tag":361,"props":577,"children":578},{"language":363,"class":364},[579],{"type":312,"tag":320,"props":580,"children":581},{"class":368},[582,614,615,631,632,648,649,665,666,682,683,699,700,725,726,743,744,751,752,755,756],{"type":312,"tag":371,"props":583,"children":584},{"class":373,"style":374},[585,589,594,598,602,606,610],{"type":312,"tag":371,"props":586,"children":587},{"style":378},[588],{"type":317,"value":381},{"type":312,"tag":371,"props":590,"children":591},{"style":384},[592],{"type":317,"value":593}," card",{"type":312,"tag":371,"props":595,"children":596},{"style":390},[597],{"type":317,"value":393},{"type":312,"tag":371,"props":599,"children":600},{"style":396},[601],{"type":317,"value":399},{"type":312,"tag":371,"props":603,"children":604},{"style":390},[605],{"type":317,"value":404},{"type":312,"tag":371,"props":607,"children":608},{"style":407},[609],{"type":317,"value":410},{"type":312,"tag":371,"props":611,"children":612},{"style":390},[613],{"type":317,"value":415},{"type":317,"value":417},{"type":312,"tag":371,"props":616,"children":617},{"class":373,"style":374},[618,622,627],{"type":312,"tag":371,"props":619,"children":620},{"style":396},[621],{"type":317,"value":425},{"type":312,"tag":371,"props":623,"children":624},{"style":428},[625],{"type":317,"value":626}," 'text'",{"type":312,"tag":371,"props":628,"children":629},{"style":390},[630],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":633,"children":634},{"class":373,"style":374},[635,639,644],{"type":312,"tag":371,"props":636,"children":637},{"style":396},[638],{"type":317,"value":445},{"type":312,"tag":371,"props":640,"children":641},{"style":448},[642],{"type":317,"value":643}," 90",{"type":312,"tag":371,"props":645,"children":646},{"style":390},[647],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":650,"children":651},{"class":373,"style":374},[652,656,661],{"type":312,"tag":371,"props":653,"children":654},{"style":396},[655],{"type":317,"value":464},{"type":312,"tag":371,"props":657,"children":658},{"style":448},[659],{"type":317,"value":660}," 110",{"type":312,"tag":371,"props":662,"children":663},{"style":390},[664],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":667,"children":668},{"class":373,"style":374},[669,673,678],{"type":312,"tag":371,"props":670,"children":671},{"style":396},[672],{"type":317,"value":481},{"type":312,"tag":371,"props":674,"children":675},{"style":448},[676],{"type":317,"value":677}," 260",{"type":312,"tag":371,"props":679,"children":680},{"style":390},[681],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":684,"children":685},{"class":373,"style":374},[686,690,695],{"type":312,"tag":371,"props":687,"children":688},{"style":396},[689],{"type":317,"value":499},{"type":312,"tag":371,"props":691,"children":692},{"style":448},[693],{"type":317,"value":694}," 140",{"type":312,"tag":371,"props":696,"children":697},{"style":390},[698],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":701,"children":702},{"class":373,"style":374},[703,708,712,716,721],{"type":312,"tag":371,"props":704,"children":705},{"style":396},[706],{"type":317,"value":707},"  parentId:",{"type":312,"tag":371,"props":709,"children":710},{"style":396},[711],{"type":317,"value":387},{"type":312,"tag":371,"props":713,"children":714},{"style":390},[715],{"type":317,"value":404},{"type":312,"tag":371,"props":717,"children":718},{"style":396},[719],{"type":317,"value":720},"id",{"type":312,"tag":371,"props":722,"children":723},{"style":390},[724],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":727,"children":728},{"class":373,"style":374},[729,734,739],{"type":312,"tag":371,"props":730,"children":731},{"style":396},[732],{"type":317,"value":733},"  text:",{"type":312,"tag":371,"props":735,"children":736},{"style":428},[737],{"type":317,"value":738}," 'Node'",{"type":312,"tag":371,"props":740,"children":741},{"style":390},[742],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":745,"children":746},{"class":373,"style":374},[747],{"type":312,"tag":371,"props":748,"children":749},{"style":390},[750],{"type":317,"value":553},{"type":317,"value":417},{"type":312,"tag":371,"props":753,"children":754},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":757,"children":758},{"class":373,"style":374},[759,763,767,772,777,782,786,790,795,800,805],{"type":312,"tag":371,"props":760,"children":761},{"style":396},[762],{"type":317,"value":399},{"type":312,"tag":371,"props":764,"children":765},{"style":390},[766],{"type":317,"value":404},{"type":312,"tag":371,"props":768,"children":769},{"style":407},[770],{"type":317,"value":771},"updateNode",{"type":312,"tag":371,"props":773,"children":774},{"style":390},[775],{"type":317,"value":776},"(",{"type":312,"tag":371,"props":778,"children":779},{"style":396},[780],{"type":317,"value":781},"card",{"type":312,"tag":371,"props":783,"children":784},{"style":390},[785],{"type":317,"value":404},{"type":312,"tag":371,"props":787,"children":788},{"style":396},[789],{"type":317,"value":720},{"type":312,"tag":371,"props":791,"children":792},{"style":390},[793],{"type":317,"value":794},", { ",{"type":312,"tag":371,"props":796,"children":797},{"style":396},[798],{"type":317,"value":799},"parentId:",{"type":312,"tag":371,"props":801,"children":802},{"style":378},[803],{"type":317,"value":804}," undefined",{"type":312,"tag":371,"props":806,"children":807},{"style":390},[808],{"type":317,"value":809}," })",{"type":312,"tag":313,"props":811,"children":812},{},[813,815,819],{"type":317,"value":814},"Clearing ",{"type":312,"tag":320,"props":816,"children":817},{},[818],{"type":317,"value":331},{"type":317,"value":820}," removes the node from the group.",{"type":312,"tag":335,"props":822,"children":824},{"id":823},"capture-nodes-by-dragging-a-group",[825],{"type":317,"value":826},"Capture nodes by dragging a group",{"type":312,"tag":313,"props":828,"children":829},{},[830],{"type":317,"value":831},"When a group is dragged over visible, unlocked nodes, the engine checks final node bounds. A node that is fully contained by the moved group becomes a child of that group.",{"type":312,"tag":313,"props":833,"children":834},{},[835],{"type":317,"value":836},"This is the behavior users expect from spatial tools: drop a group over cards, then move the group again and the captured cards follow.",{"type":312,"tag":361,"props":838,"children":839},{"language":363,"class":364},[840],{"type":312,"tag":320,"props":841,"children":842},{"class":368},[843,882,883],{"type":312,"tag":371,"props":844,"children":845},{"class":373,"style":374},[846,850,854,859,864,869,873,877],{"type":312,"tag":371,"props":847,"children":848},{"style":396},[849],{"type":317,"value":399},{"type":312,"tag":371,"props":851,"children":852},{"style":390},[853],{"type":317,"value":404},{"type":312,"tag":371,"props":855,"children":856},{"style":407},[857],{"type":317,"value":858},"select",{"type":312,"tag":371,"props":860,"children":861},{"style":390},[862],{"type":317,"value":863},"([",{"type":312,"tag":371,"props":865,"children":866},{"style":396},[867],{"type":317,"value":868},"group",{"type":312,"tag":371,"props":870,"children":871},{"style":390},[872],{"type":317,"value":404},{"type":312,"tag":371,"props":874,"children":875},{"style":396},[876],{"type":317,"value":720},{"type":312,"tag":371,"props":878,"children":879},{"style":390},[880],{"type":317,"value":881},"])",{"type":317,"value":417},{"type":312,"tag":371,"props":884,"children":885},{"class":373,"style":374},[886,890,894,899,903,908,913,918],{"type":312,"tag":371,"props":887,"children":888},{"style":396},[889],{"type":317,"value":399},{"type":312,"tag":371,"props":891,"children":892},{"style":390},[893],{"type":317,"value":404},{"type":312,"tag":371,"props":895,"children":896},{"style":407},[897],{"type":317,"value":898},"translateSelectedNodes",{"type":312,"tag":371,"props":900,"children":901},{"style":390},[902],{"type":317,"value":776},{"type":312,"tag":371,"props":904,"children":905},{"style":448},[906],{"type":317,"value":907},"320",{"type":312,"tag":371,"props":909,"children":910},{"style":390},[911],{"type":317,"value":912},", ",{"type":312,"tag":371,"props":914,"children":915},{"style":448},[916],{"type":317,"value":917},"0",{"type":312,"tag":371,"props":919,"children":920},{"style":390},[921],{"type":317,"value":922},")",{"type":312,"tag":313,"props":924,"children":925},{},[926,931],{"type":312,"tag":320,"props":927,"children":928},{},[929],{"type":317,"value":930},"translateSelectedNodes()",{"type":317,"value":932}," uses the same hierarchy logic as pointer dragging.",{"type":312,"tag":335,"props":934,"children":936},{"id":935},"wrap-the-current-selection",[937],{"type":317,"value":938},"Wrap the current selection",{"type":312,"tag":313,"props":940,"children":941},{},[942],{"type":317,"value":943},"Use selection helpers to create a group around selected nodes:",{"type":312,"tag":361,"props":945,"children":946},{"language":363,"class":364},[947],{"type":312,"tag":320,"props":948,"children":949},{"class":368},[950,993,994,997,998,1035,1036,1069,1070,1102,1103,1106,1107,1157,1158,1166,1167,1175,1176,1179,1180,1201,1202,1233,1234,1250,1251,1286,1287,1320,1321,1380,1381,1438,1439,1456,1457,1473,1474,1491,1492,1500,1501,1504,1505,1539,1540,1597,1598,1605,1606,1609,1610,1647,1648,1733,1734],{"type":312,"tag":371,"props":951,"children":952},{"class":373,"style":374},[953,959,964,969,973,978,983,988],{"type":312,"tag":371,"props":954,"children":956},{"style":955},"color:#AF00DB;--shiki-dark:#C586C0",[957],{"type":317,"value":958},"import",{"type":312,"tag":371,"props":960,"children":961},{"style":390},[962],{"type":317,"value":963}," { ",{"type":312,"tag":371,"props":965,"children":966},{"style":396},[967],{"type":317,"value":968},"getSelectionBounds",{"type":312,"tag":371,"props":970,"children":971},{"style":390},[972],{"type":317,"value":912},{"type":312,"tag":371,"props":974,"children":975},{"style":396},[976],{"type":317,"value":977},"getSelectionNodes",{"type":312,"tag":371,"props":979,"children":980},{"style":390},[981],{"type":317,"value":982}," } ",{"type":312,"tag":371,"props":984,"children":985},{"style":955},[986],{"type":317,"value":987},"from",{"type":312,"tag":371,"props":989,"children":990},{"style":428},[991],{"type":317,"value":992}," '@lupinum\u002Fboard-core'",{"type":317,"value":417},{"type":312,"tag":371,"props":995,"children":996},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":999,"children":1000},{"class":373,"style":374},[1001,1006,1011,1015,1019,1024,1030],{"type":312,"tag":371,"props":1002,"children":1003},{"style":378},[1004],{"type":317,"value":1005},"function",{"type":312,"tag":371,"props":1007,"children":1008},{"style":407},[1009],{"type":317,"value":1010}," wrapSelectionInGroup",{"type":312,"tag":371,"props":1012,"children":1013},{"style":390},[1014],{"type":317,"value":776},{"type":312,"tag":371,"props":1016,"children":1017},{"style":396},[1018],{"type":317,"value":399},{"type":312,"tag":371,"props":1020,"children":1021},{"style":390},[1022],{"type":317,"value":1023},": ",{"type":312,"tag":371,"props":1025,"children":1027},{"style":1026},"color:#267F99;--shiki-dark:#4EC9B0",[1028],{"type":317,"value":1029},"BoardEngine",{"type":312,"tag":371,"props":1031,"children":1032},{"style":390},[1033],{"type":317,"value":1034},") {",{"type":317,"value":417},{"type":312,"tag":371,"props":1037,"children":1038},{"class":373,"style":374},[1039,1044,1049,1053,1057,1061,1065],{"type":312,"tag":371,"props":1040,"children":1041},{"style":378},[1042],{"type":317,"value":1043},"  const",{"type":312,"tag":371,"props":1045,"children":1046},{"style":384},[1047],{"type":317,"value":1048}," selected",{"type":312,"tag":371,"props":1050,"children":1051},{"style":390},[1052],{"type":317,"value":393},{"type":312,"tag":371,"props":1054,"children":1055},{"style":407},[1056],{"type":317,"value":977},{"type":312,"tag":371,"props":1058,"children":1059},{"style":390},[1060],{"type":317,"value":776},{"type":312,"tag":371,"props":1062,"children":1063},{"style":396},[1064],{"type":317,"value":399},{"type":312,"tag":371,"props":1066,"children":1067},{"style":390},[1068],{"type":317,"value":922},{"type":317,"value":417},{"type":312,"tag":371,"props":1071,"children":1072},{"class":373,"style":374},[1073,1077,1082,1086,1090,1094,1098],{"type":312,"tag":371,"props":1074,"children":1075},{"style":378},[1076],{"type":317,"value":1043},{"type":312,"tag":371,"props":1078,"children":1079},{"style":384},[1080],{"type":317,"value":1081}," bounds",{"type":312,"tag":371,"props":1083,"children":1084},{"style":390},[1085],{"type":317,"value":393},{"type":312,"tag":371,"props":1087,"children":1088},{"style":407},[1089],{"type":317,"value":968},{"type":312,"tag":371,"props":1091,"children":1092},{"style":390},[1093],{"type":317,"value":776},{"type":312,"tag":371,"props":1095,"children":1096},{"style":396},[1097],{"type":317,"value":399},{"type":312,"tag":371,"props":1099,"children":1100},{"style":390},[1101],{"type":317,"value":922},{"type":317,"value":417},{"type":312,"tag":371,"props":1104,"children":1105},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":1108,"children":1109},{"class":373,"style":374},[1110,1115,1120,1125,1129,1134,1139,1143,1148,1153],{"type":312,"tag":371,"props":1111,"children":1112},{"style":955},[1113],{"type":317,"value":1114},"  if",{"type":312,"tag":371,"props":1116,"children":1117},{"style":390},[1118],{"type":317,"value":1119}," (",{"type":312,"tag":371,"props":1121,"children":1122},{"style":396},[1123],{"type":317,"value":1124},"selected",{"type":312,"tag":371,"props":1126,"children":1127},{"style":390},[1128],{"type":317,"value":404},{"type":312,"tag":371,"props":1130,"children":1131},{"style":396},[1132],{"type":317,"value":1133},"length",{"type":312,"tag":371,"props":1135,"children":1136},{"style":390},[1137],{"type":317,"value":1138}," === ",{"type":312,"tag":371,"props":1140,"children":1141},{"style":448},[1142],{"type":317,"value":917},{"type":312,"tag":371,"props":1144,"children":1145},{"style":390},[1146],{"type":317,"value":1147}," || !",{"type":312,"tag":371,"props":1149,"children":1150},{"style":396},[1151],{"type":317,"value":1152},"bounds",{"type":312,"tag":371,"props":1154,"children":1155},{"style":390},[1156],{"type":317,"value":1034},{"type":317,"value":417},{"type":312,"tag":371,"props":1159,"children":1160},{"class":373,"style":374},[1161],{"type":312,"tag":371,"props":1162,"children":1163},{"style":955},[1164],{"type":317,"value":1165},"    return",{"type":317,"value":417},{"type":312,"tag":371,"props":1168,"children":1169},{"class":373,"style":374},[1170],{"type":312,"tag":371,"props":1171,"children":1172},{"style":390},[1173],{"type":317,"value":1174},"  }",{"type":317,"value":417},{"type":312,"tag":371,"props":1177,"children":1178},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":1181,"children":1182},{"class":373,"style":374},[1183,1187,1192,1196],{"type":312,"tag":371,"props":1184,"children":1185},{"style":378},[1186],{"type":317,"value":1043},{"type":312,"tag":371,"props":1188,"children":1189},{"style":384},[1190],{"type":317,"value":1191}," padding",{"type":312,"tag":371,"props":1193,"children":1194},{"style":390},[1195],{"type":317,"value":393},{"type":312,"tag":371,"props":1197,"children":1198},{"style":448},[1199],{"type":317,"value":1200},"24",{"type":317,"value":417},{"type":312,"tag":371,"props":1203,"children":1204},{"class":373,"style":374},[1205,1209,1213,1217,1221,1225,1229],{"type":312,"tag":371,"props":1206,"children":1207},{"style":378},[1208],{"type":317,"value":1043},{"type":312,"tag":371,"props":1210,"children":1211},{"style":384},[1212],{"type":317,"value":387},{"type":312,"tag":371,"props":1214,"children":1215},{"style":390},[1216],{"type":317,"value":393},{"type":312,"tag":371,"props":1218,"children":1219},{"style":396},[1220],{"type":317,"value":399},{"type":312,"tag":371,"props":1222,"children":1223},{"style":390},[1224],{"type":317,"value":404},{"type":312,"tag":371,"props":1226,"children":1227},{"style":407},[1228],{"type":317,"value":410},{"type":312,"tag":371,"props":1230,"children":1231},{"style":390},[1232],{"type":317,"value":415},{"type":317,"value":417},{"type":312,"tag":371,"props":1235,"children":1236},{"class":373,"style":374},[1237,1242,1246],{"type":312,"tag":371,"props":1238,"children":1239},{"style":396},[1240],{"type":317,"value":1241},"    type:",{"type":312,"tag":371,"props":1243,"children":1244},{"style":428},[1245],{"type":317,"value":431},{"type":312,"tag":371,"props":1247,"children":1248},{"style":390},[1249],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1252,"children":1253},{"class":373,"style":374},[1254,1259,1263,1267,1272,1277,1282],{"type":312,"tag":371,"props":1255,"children":1256},{"style":396},[1257],{"type":317,"value":1258},"    x:",{"type":312,"tag":371,"props":1260,"children":1261},{"style":396},[1262],{"type":317,"value":1081},{"type":312,"tag":371,"props":1264,"children":1265},{"style":390},[1266],{"type":317,"value":404},{"type":312,"tag":371,"props":1268,"children":1269},{"style":396},[1270],{"type":317,"value":1271},"minX",{"type":312,"tag":371,"props":1273,"children":1274},{"style":390},[1275],{"type":317,"value":1276}," - ",{"type":312,"tag":371,"props":1278,"children":1279},{"style":396},[1280],{"type":317,"value":1281},"padding",{"type":312,"tag":371,"props":1283,"children":1284},{"style":390},[1285],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1288,"children":1289},{"class":373,"style":374},[1290,1295,1299,1303,1308,1312,1316],{"type":312,"tag":371,"props":1291,"children":1292},{"style":396},[1293],{"type":317,"value":1294},"    y:",{"type":312,"tag":371,"props":1296,"children":1297},{"style":396},[1298],{"type":317,"value":1081},{"type":312,"tag":371,"props":1300,"children":1301},{"style":390},[1302],{"type":317,"value":404},{"type":312,"tag":371,"props":1304,"children":1305},{"style":396},[1306],{"type":317,"value":1307},"minY",{"type":312,"tag":371,"props":1309,"children":1310},{"style":390},[1311],{"type":317,"value":1276},{"type":312,"tag":371,"props":1313,"children":1314},{"style":396},[1315],{"type":317,"value":1281},{"type":312,"tag":371,"props":1317,"children":1318},{"style":390},[1319],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1322,"children":1323},{"class":373,"style":374},[1324,1329,1333,1337,1342,1346,1350,1354,1358,1363,1367,1372,1376],{"type":312,"tag":371,"props":1325,"children":1326},{"style":396},[1327],{"type":317,"value":1328},"    width:",{"type":312,"tag":371,"props":1330,"children":1331},{"style":396},[1332],{"type":317,"value":1081},{"type":312,"tag":371,"props":1334,"children":1335},{"style":390},[1336],{"type":317,"value":404},{"type":312,"tag":371,"props":1338,"children":1339},{"style":396},[1340],{"type":317,"value":1341},"maxX",{"type":312,"tag":371,"props":1343,"children":1344},{"style":390},[1345],{"type":317,"value":1276},{"type":312,"tag":371,"props":1347,"children":1348},{"style":396},[1349],{"type":317,"value":1152},{"type":312,"tag":371,"props":1351,"children":1352},{"style":390},[1353],{"type":317,"value":404},{"type":312,"tag":371,"props":1355,"children":1356},{"style":396},[1357],{"type":317,"value":1271},{"type":312,"tag":371,"props":1359,"children":1360},{"style":390},[1361],{"type":317,"value":1362}," + ",{"type":312,"tag":371,"props":1364,"children":1365},{"style":396},[1366],{"type":317,"value":1281},{"type":312,"tag":371,"props":1368,"children":1369},{"style":390},[1370],{"type":317,"value":1371}," * ",{"type":312,"tag":371,"props":1373,"children":1374},{"style":448},[1375],{"type":317,"value":30},{"type":312,"tag":371,"props":1377,"children":1378},{"style":390},[1379],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1382,"children":1383},{"class":373,"style":374},[1384,1389,1393,1397,1402,1406,1410,1414,1418,1422,1426,1430,1434],{"type":312,"tag":371,"props":1385,"children":1386},{"style":396},[1387],{"type":317,"value":1388},"    height:",{"type":312,"tag":371,"props":1390,"children":1391},{"style":396},[1392],{"type":317,"value":1081},{"type":312,"tag":371,"props":1394,"children":1395},{"style":390},[1396],{"type":317,"value":404},{"type":312,"tag":371,"props":1398,"children":1399},{"style":396},[1400],{"type":317,"value":1401},"maxY",{"type":312,"tag":371,"props":1403,"children":1404},{"style":390},[1405],{"type":317,"value":1276},{"type":312,"tag":371,"props":1407,"children":1408},{"style":396},[1409],{"type":317,"value":1152},{"type":312,"tag":371,"props":1411,"children":1412},{"style":390},[1413],{"type":317,"value":404},{"type":312,"tag":371,"props":1415,"children":1416},{"style":396},[1417],{"type":317,"value":1307},{"type":312,"tag":371,"props":1419,"children":1420},{"style":390},[1421],{"type":317,"value":1362},{"type":312,"tag":371,"props":1423,"children":1424},{"style":396},[1425],{"type":317,"value":1281},{"type":312,"tag":371,"props":1427,"children":1428},{"style":390},[1429],{"type":317,"value":1371},{"type":312,"tag":371,"props":1431,"children":1432},{"style":448},[1433],{"type":317,"value":30},{"type":312,"tag":371,"props":1435,"children":1436},{"style":390},[1437],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1440,"children":1441},{"class":373,"style":374},[1442,1447,1452],{"type":312,"tag":371,"props":1443,"children":1444},{"style":396},[1445],{"type":317,"value":1446},"    color:",{"type":312,"tag":371,"props":1448,"children":1449},{"style":428},[1450],{"type":317,"value":1451}," '5'",{"type":312,"tag":371,"props":1453,"children":1454},{"style":390},[1455],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1458,"children":1459},{"class":373,"style":374},[1460,1465,1469],{"type":312,"tag":371,"props":1461,"children":1462},{"style":396},[1463],{"type":317,"value":1464},"    label:",{"type":312,"tag":371,"props":1466,"children":1467},{"style":428},[1468],{"type":317,"value":540},{"type":312,"tag":371,"props":1470,"children":1471},{"style":390},[1472],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1475,"children":1476},{"class":373,"style":374},[1477,1482,1487],{"type":312,"tag":371,"props":1478,"children":1479},{"style":396},[1480],{"type":317,"value":1481},"    select:",{"type":312,"tag":371,"props":1483,"children":1484},{"style":378},[1485],{"type":317,"value":1486}," false",{"type":312,"tag":371,"props":1488,"children":1489},{"style":390},[1490],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1493,"children":1494},{"class":373,"style":374},[1495],{"type":312,"tag":371,"props":1496,"children":1497},{"style":390},[1498],{"type":317,"value":1499},"  })",{"type":317,"value":417},{"type":312,"tag":371,"props":1502,"children":1503},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":1506,"children":1507},{"class":373,"style":374},[1508,1513,1517,1521,1526,1531,1535],{"type":312,"tag":371,"props":1509,"children":1510},{"style":955},[1511],{"type":317,"value":1512},"  for",{"type":312,"tag":371,"props":1514,"children":1515},{"style":390},[1516],{"type":317,"value":1119},{"type":312,"tag":371,"props":1518,"children":1519},{"style":378},[1520],{"type":317,"value":381},{"type":312,"tag":371,"props":1522,"children":1523},{"style":384},[1524],{"type":317,"value":1525}," node",{"type":312,"tag":371,"props":1527,"children":1528},{"style":378},[1529],{"type":317,"value":1530}," of",{"type":312,"tag":371,"props":1532,"children":1533},{"style":396},[1534],{"type":317,"value":1048},{"type":312,"tag":371,"props":1536,"children":1537},{"style":390},[1538],{"type":317,"value":1034},{"type":317,"value":417},{"type":312,"tag":371,"props":1541,"children":1542},{"class":373,"style":374},[1543,1548,1552,1556,1560,1565,1569,1573,1577,1581,1585,1589,1593],{"type":312,"tag":371,"props":1544,"children":1545},{"style":396},[1546],{"type":317,"value":1547},"    engine",{"type":312,"tag":371,"props":1549,"children":1550},{"style":390},[1551],{"type":317,"value":404},{"type":312,"tag":371,"props":1553,"children":1554},{"style":407},[1555],{"type":317,"value":771},{"type":312,"tag":371,"props":1557,"children":1558},{"style":390},[1559],{"type":317,"value":776},{"type":312,"tag":371,"props":1561,"children":1562},{"style":396},[1563],{"type":317,"value":1564},"node",{"type":312,"tag":371,"props":1566,"children":1567},{"style":390},[1568],{"type":317,"value":404},{"type":312,"tag":371,"props":1570,"children":1571},{"style":396},[1572],{"type":317,"value":720},{"type":312,"tag":371,"props":1574,"children":1575},{"style":390},[1576],{"type":317,"value":794},{"type":312,"tag":371,"props":1578,"children":1579},{"style":396},[1580],{"type":317,"value":799},{"type":312,"tag":371,"props":1582,"children":1583},{"style":396},[1584],{"type":317,"value":387},{"type":312,"tag":371,"props":1586,"children":1587},{"style":390},[1588],{"type":317,"value":404},{"type":312,"tag":371,"props":1590,"children":1591},{"style":396},[1592],{"type":317,"value":720},{"type":312,"tag":371,"props":1594,"children":1595},{"style":390},[1596],{"type":317,"value":809},{"type":317,"value":417},{"type":312,"tag":371,"props":1599,"children":1600},{"class":373,"style":374},[1601],{"type":312,"tag":371,"props":1602,"children":1603},{"style":390},[1604],{"type":317,"value":1174},{"type":317,"value":417},{"type":312,"tag":371,"props":1607,"children":1608},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":1611,"children":1612},{"class":373,"style":374},[1613,1618,1622,1627,1631,1635,1639,1643],{"type":312,"tag":371,"props":1614,"children":1615},{"style":396},[1616],{"type":317,"value":1617},"  engine",{"type":312,"tag":371,"props":1619,"children":1620},{"style":390},[1621],{"type":317,"value":404},{"type":312,"tag":371,"props":1623,"children":1624},{"style":407},[1625],{"type":317,"value":1626},"sendToBack",{"type":312,"tag":371,"props":1628,"children":1629},{"style":390},[1630],{"type":317,"value":776},{"type":312,"tag":371,"props":1632,"children":1633},{"style":396},[1634],{"type":317,"value":868},{"type":312,"tag":371,"props":1636,"children":1637},{"style":390},[1638],{"type":317,"value":404},{"type":312,"tag":371,"props":1640,"children":1641},{"style":396},[1642],{"type":317,"value":720},{"type":312,"tag":371,"props":1644,"children":1645},{"style":390},[1646],{"type":317,"value":922},{"type":317,"value":417},{"type":312,"tag":371,"props":1649,"children":1650},{"class":373,"style":374},[1651,1655,1659,1663,1667,1671,1675,1679,1684,1688,1692,1697,1702,1706,1711,1716,1720,1724,1728],{"type":312,"tag":371,"props":1652,"children":1653},{"style":396},[1654],{"type":317,"value":1617},{"type":312,"tag":371,"props":1656,"children":1657},{"style":390},[1658],{"type":317,"value":404},{"type":312,"tag":371,"props":1660,"children":1661},{"style":407},[1662],{"type":317,"value":858},{"type":312,"tag":371,"props":1664,"children":1665},{"style":390},[1666],{"type":317,"value":863},{"type":312,"tag":371,"props":1668,"children":1669},{"style":396},[1670],{"type":317,"value":868},{"type":312,"tag":371,"props":1672,"children":1673},{"style":390},[1674],{"type":317,"value":404},{"type":312,"tag":371,"props":1676,"children":1677},{"style":396},[1678],{"type":317,"value":720},{"type":312,"tag":371,"props":1680,"children":1681},{"style":390},[1682],{"type":317,"value":1683},", ...",{"type":312,"tag":371,"props":1685,"children":1686},{"style":396},[1687],{"type":317,"value":1124},{"type":312,"tag":371,"props":1689,"children":1690},{"style":390},[1691],{"type":317,"value":404},{"type":312,"tag":371,"props":1693,"children":1694},{"style":407},[1695],{"type":317,"value":1696},"map",{"type":312,"tag":371,"props":1698,"children":1699},{"style":390},[1700],{"type":317,"value":1701},"((",{"type":312,"tag":371,"props":1703,"children":1704},{"style":396},[1705],{"type":317,"value":1564},{"type":312,"tag":371,"props":1707,"children":1708},{"style":390},[1709],{"type":317,"value":1710},") ",{"type":312,"tag":371,"props":1712,"children":1713},{"style":378},[1714],{"type":317,"value":1715},"=>",{"type":312,"tag":371,"props":1717,"children":1718},{"style":396},[1719],{"type":317,"value":1525},{"type":312,"tag":371,"props":1721,"children":1722},{"style":390},[1723],{"type":317,"value":404},{"type":312,"tag":371,"props":1725,"children":1726},{"style":396},[1727],{"type":317,"value":720},{"type":312,"tag":371,"props":1729,"children":1730},{"style":390},[1731],{"type":317,"value":1732},")])",{"type":317,"value":417},{"type":312,"tag":371,"props":1735,"children":1736},{"class":373,"style":374},[1737],{"type":312,"tag":371,"props":1738,"children":1739},{"style":390},[1740],{"type":317,"value":1741},"}",{"type":312,"tag":313,"props":1743,"children":1744},{},[1745,1747,1751],{"type":317,"value":1746},"The important steps are creating the group, assigning ",{"type":312,"tag":320,"props":1748,"children":1749},{},[1750],{"type":317,"value":331},{"type":317,"value":1752},", and sending\nthe group behind its children.",{"type":312,"tag":335,"props":1754,"children":1756},{"id":1755},"keep-groups-behind-children",[1757],{"type":317,"value":1758},"Keep groups behind children",{"type":312,"tag":313,"props":1760,"children":1761},{},[1762],{"type":317,"value":1763},"Groups should render behind their children. Send the group behind once; the\nengine maintains descendant ordering as hierarchy changes:",{"type":312,"tag":361,"props":1765,"children":1766},{"language":363,"class":364},[1767],{"type":312,"tag":320,"props":1768,"children":1769},{"class":368},[1770],{"type":312,"tag":371,"props":1771,"children":1772},{"class":373,"style":374},[1773,1777,1781,1785,1789,1793,1797,1801],{"type":312,"tag":371,"props":1774,"children":1775},{"style":396},[1776],{"type":317,"value":399},{"type":312,"tag":371,"props":1778,"children":1779},{"style":390},[1780],{"type":317,"value":404},{"type":312,"tag":371,"props":1782,"children":1783},{"style":407},[1784],{"type":317,"value":1626},{"type":312,"tag":371,"props":1786,"children":1787},{"style":390},[1788],{"type":317,"value":776},{"type":312,"tag":371,"props":1790,"children":1791},{"style":396},[1792],{"type":317,"value":868},{"type":312,"tag":371,"props":1794,"children":1795},{"style":390},[1796],{"type":317,"value":404},{"type":312,"tag":371,"props":1798,"children":1799},{"style":396},[1800],{"type":317,"value":720},{"type":312,"tag":371,"props":1802,"children":1803},{"style":390},[1804],{"type":317,"value":922},{"type":312,"tag":313,"props":1806,"children":1807},{},[1808],{"type":317,"value":1809},"The engine also keeps descendants above their group during drag and front\u002Fback commands.",{"type":312,"tag":335,"props":1811,"children":1813},{"id":1812},"nested-groups",[1814],{"type":317,"value":1815},"Nested groups",{"type":312,"tag":313,"props":1817,"children":1818},{},[1819,1821,1825],{"type":317,"value":1820},"Nested groups work through the same ",{"type":312,"tag":320,"props":1822,"children":1823},{},[1824],{"type":317,"value":331},{"type":317,"value":1826}," field:",{"type":312,"tag":361,"props":1828,"children":1829},{"language":363,"class":364},[1830],{"type":312,"tag":320,"props":1831,"children":1832},{"class":368},[1833,1865,1866,1881,1882,1898,1899,1915,1916,1931,1932,1939,1940,1943,1944,1976,1977,1992,1993,2009,2010,2025,2026,2042,2043,2059,2060,2083,2084,2099,2100],{"type":312,"tag":371,"props":1834,"children":1835},{"class":373,"style":374},[1836,1840,1845,1849,1853,1857,1861],{"type":312,"tag":371,"props":1837,"children":1838},{"style":378},[1839],{"type":317,"value":381},{"type":312,"tag":371,"props":1841,"children":1842},{"style":384},[1843],{"type":317,"value":1844}," outer",{"type":312,"tag":371,"props":1846,"children":1847},{"style":390},[1848],{"type":317,"value":393},{"type":312,"tag":371,"props":1850,"children":1851},{"style":396},[1852],{"type":317,"value":399},{"type":312,"tag":371,"props":1854,"children":1855},{"style":390},[1856],{"type":317,"value":404},{"type":312,"tag":371,"props":1858,"children":1859},{"style":407},[1860],{"type":317,"value":410},{"type":312,"tag":371,"props":1862,"children":1863},{"style":390},[1864],{"type":317,"value":415},{"type":317,"value":417},{"type":312,"tag":371,"props":1867,"children":1868},{"class":373,"style":374},[1869,1873,1877],{"type":312,"tag":371,"props":1870,"children":1871},{"style":396},[1872],{"type":317,"value":425},{"type":312,"tag":371,"props":1874,"children":1875},{"style":428},[1876],{"type":317,"value":431},{"type":312,"tag":371,"props":1878,"children":1879},{"style":390},[1880],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1883,"children":1884},{"class":373,"style":374},[1885,1889,1894],{"type":312,"tag":371,"props":1886,"children":1887},{"style":396},[1888],{"type":317,"value":481},{"type":312,"tag":371,"props":1890,"children":1891},{"style":448},[1892],{"type":317,"value":1893}," 600",{"type":312,"tag":371,"props":1895,"children":1896},{"style":390},[1897],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1900,"children":1901},{"class":373,"style":374},[1902,1906,1911],{"type":312,"tag":371,"props":1903,"children":1904},{"style":396},[1905],{"type":317,"value":499},{"type":312,"tag":371,"props":1907,"children":1908},{"style":448},[1909],{"type":317,"value":1910}," 420",{"type":312,"tag":371,"props":1912,"children":1913},{"style":390},[1914],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1917,"children":1918},{"class":373,"style":374},[1919,1923,1927],{"type":312,"tag":371,"props":1920,"children":1921},{"style":396},[1922],{"type":317,"value":535},{"type":312,"tag":371,"props":1924,"children":1925},{"style":428},[1926],{"type":317,"value":540},{"type":312,"tag":371,"props":1928,"children":1929},{"style":390},[1930],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1933,"children":1934},{"class":373,"style":374},[1935],{"type":312,"tag":371,"props":1936,"children":1937},{"style":390},[1938],{"type":317,"value":553},{"type":317,"value":417},{"type":312,"tag":371,"props":1941,"children":1942},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":1945,"children":1946},{"class":373,"style":374},[1947,1951,1956,1960,1964,1968,1972],{"type":312,"tag":371,"props":1948,"children":1949},{"style":378},[1950],{"type":317,"value":381},{"type":312,"tag":371,"props":1952,"children":1953},{"style":384},[1954],{"type":317,"value":1955}," inner",{"type":312,"tag":371,"props":1957,"children":1958},{"style":390},[1959],{"type":317,"value":393},{"type":312,"tag":371,"props":1961,"children":1962},{"style":396},[1963],{"type":317,"value":399},{"type":312,"tag":371,"props":1965,"children":1966},{"style":390},[1967],{"type":317,"value":404},{"type":312,"tag":371,"props":1969,"children":1970},{"style":407},[1971],{"type":317,"value":410},{"type":312,"tag":371,"props":1973,"children":1974},{"style":390},[1975],{"type":317,"value":415},{"type":317,"value":417},{"type":312,"tag":371,"props":1978,"children":1979},{"class":373,"style":374},[1980,1984,1988],{"type":312,"tag":371,"props":1981,"children":1982},{"style":396},[1983],{"type":317,"value":425},{"type":312,"tag":371,"props":1985,"children":1986},{"style":428},[1987],{"type":317,"value":431},{"type":312,"tag":371,"props":1989,"children":1990},{"style":390},[1991],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":1994,"children":1995},{"class":373,"style":374},[1996,2000,2005],{"type":312,"tag":371,"props":1997,"children":1998},{"style":396},[1999],{"type":317,"value":445},{"type":312,"tag":371,"props":2001,"children":2002},{"style":448},[2003],{"type":317,"value":2004}," 80",{"type":312,"tag":371,"props":2006,"children":2007},{"style":390},[2008],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":2011,"children":2012},{"class":373,"style":374},[2013,2017,2021],{"type":312,"tag":371,"props":2014,"children":2015},{"style":396},[2016],{"type":317,"value":464},{"type":312,"tag":371,"props":2018,"children":2019},{"style":448},[2020],{"type":317,"value":2004},{"type":312,"tag":371,"props":2022,"children":2023},{"style":390},[2024],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":2027,"children":2028},{"class":373,"style":374},[2029,2033,2038],{"type":312,"tag":371,"props":2030,"children":2031},{"style":396},[2032],{"type":317,"value":481},{"type":312,"tag":371,"props":2034,"children":2035},{"style":448},[2036],{"type":317,"value":2037}," 320",{"type":312,"tag":371,"props":2039,"children":2040},{"style":390},[2041],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":2044,"children":2045},{"class":373,"style":374},[2046,2050,2055],{"type":312,"tag":371,"props":2047,"children":2048},{"style":396},[2049],{"type":317,"value":499},{"type":312,"tag":371,"props":2051,"children":2052},{"style":448},[2053],{"type":317,"value":2054}," 220",{"type":312,"tag":371,"props":2056,"children":2057},{"style":390},[2058],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":2061,"children":2062},{"class":373,"style":374},[2063,2067,2071,2075,2079],{"type":312,"tag":371,"props":2064,"children":2065},{"style":396},[2066],{"type":317,"value":707},{"type":312,"tag":371,"props":2068,"children":2069},{"style":396},[2070],{"type":317,"value":1844},{"type":312,"tag":371,"props":2072,"children":2073},{"style":390},[2074],{"type":317,"value":404},{"type":312,"tag":371,"props":2076,"children":2077},{"style":396},[2078],{"type":317,"value":720},{"type":312,"tag":371,"props":2080,"children":2081},{"style":390},[2082],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":2085,"children":2086},{"class":373,"style":374},[2087,2091,2095],{"type":312,"tag":371,"props":2088,"children":2089},{"style":396},[2090],{"type":317,"value":535},{"type":312,"tag":371,"props":2092,"children":2093},{"style":428},[2094],{"type":317,"value":540},{"type":312,"tag":371,"props":2096,"children":2097},{"style":390},[2098],{"type":317,"value":436},{"type":317,"value":417},{"type":312,"tag":371,"props":2101,"children":2102},{"class":373,"style":374},[2103],{"type":312,"tag":371,"props":2104,"children":2105},{"style":390},[2106],{"type":317,"value":553},{"type":312,"tag":313,"props":2108,"children":2109},{},[2110],{"type":317,"value":2111},"When a node could belong to multiple groups, containment helpers choose the smallest visible group that fully contains the node bounds.",{"type":312,"tag":335,"props":2113,"children":2115},{"id":2114},"custom-group-rendering",[2116],{"type":317,"value":2117},"Custom group rendering",{"type":312,"tag":313,"props":2119,"children":2120},{},[2121,2123,2128,2130,2135],{"type":317,"value":2122},"Custom renderers receive the same node record as other node types. Read group title from ",{"type":312,"tag":320,"props":2124,"children":2125},{},[2126],{"type":317,"value":2127},"node.label",{"type":317,"value":2129}," and color from ",{"type":312,"tag":320,"props":2131,"children":2132},{},[2133],{"type":317,"value":2134},"node.color",{"type":317,"value":404},{"type":312,"tag":361,"props":2137,"children":2140},{"language":2138,"filename":2139,"class":364},"vue","MyGroupRenderer.vue",[2141],{"type":312,"tag":320,"props":2142,"children":2144},{"class":2143},"language-vue",[2145,2187,2188,2221,2222,2225,2226,2252,2253,2269,2270,2287,2288,2296,2297,2313,2314,2317,2318,2334,2335,2380,2381,2414,2415,2431,2432],{"type":312,"tag":371,"props":2146,"children":2147},{"class":373,"style":374},[2148,2154,2160,2166,2171,2176,2182],{"type":312,"tag":371,"props":2149,"children":2151},{"style":2150},"color:#800000;--shiki-dark:#808080",[2152],{"type":317,"value":2153},"\u003C",{"type":312,"tag":371,"props":2155,"children":2157},{"style":2156},"color:#800000;--shiki-dark:#569CD6",[2158],{"type":317,"value":2159},"script",{"type":312,"tag":371,"props":2161,"children":2163},{"style":2162},"color:#E50000;--shiki-dark:#9CDCFE",[2164],{"type":317,"value":2165}," setup",{"type":312,"tag":371,"props":2167,"children":2168},{"style":2162},[2169],{"type":317,"value":2170}," lang",{"type":312,"tag":371,"props":2172,"children":2173},{"style":390},[2174],{"type":317,"value":2175},"=",{"type":312,"tag":371,"props":2177,"children":2179},{"style":2178},"color:#0000FF;--shiki-dark:#CE9178",[2180],{"type":317,"value":2181},"\"ts\"",{"type":312,"tag":371,"props":2183,"children":2184},{"style":2150},[2185],{"type":317,"value":2186},">",{"type":317,"value":417},{"type":312,"tag":371,"props":2189,"children":2190},{"class":373,"style":374},[2191,2195,2200,2204,2209,2213,2217],{"type":312,"tag":371,"props":2192,"children":2193},{"style":955},[2194],{"type":317,"value":958},{"type":312,"tag":371,"props":2196,"children":2197},{"style":955},[2198],{"type":317,"value":2199}," type",{"type":312,"tag":371,"props":2201,"children":2202},{"style":390},[2203],{"type":317,"value":963},{"type":312,"tag":371,"props":2205,"children":2206},{"style":396},[2207],{"type":317,"value":2208},"BoardNode",{"type":312,"tag":371,"props":2210,"children":2211},{"style":390},[2212],{"type":317,"value":982},{"type":312,"tag":371,"props":2214,"children":2215},{"style":955},[2216],{"type":317,"value":987},{"type":312,"tag":371,"props":2218,"children":2219},{"style":428},[2220],{"type":317,"value":992},{"type":317,"value":417},{"type":312,"tag":371,"props":2223,"children":2224},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":2227,"children":2228},{"class":373,"style":374},[2229,2233,2238,2242,2247],{"type":312,"tag":371,"props":2230,"children":2231},{"style":378},[2232],{"type":317,"value":381},{"type":312,"tag":371,"props":2234,"children":2235},{"style":384},[2236],{"type":317,"value":2237}," props",{"type":312,"tag":371,"props":2239,"children":2240},{"style":390},[2241],{"type":317,"value":393},{"type":312,"tag":371,"props":2243,"children":2244},{"style":407},[2245],{"type":317,"value":2246},"defineProps",{"type":312,"tag":371,"props":2248,"children":2249},{"style":390},[2250],{"type":317,"value":2251},"\u003C{",{"type":317,"value":417},{"type":312,"tag":371,"props":2254,"children":2255},{"class":373,"style":374},[2256,2261,2265],{"type":312,"tag":371,"props":2257,"children":2258},{"style":396},[2259],{"type":317,"value":2260},"  node",{"type":312,"tag":371,"props":2262,"children":2263},{"style":390},[2264],{"type":317,"value":1023},{"type":312,"tag":371,"props":2266,"children":2267},{"style":1026},[2268],{"type":317,"value":2208},{"type":317,"value":417},{"type":312,"tag":371,"props":2271,"children":2272},{"class":373,"style":374},[2273,2278,2282],{"type":312,"tag":371,"props":2274,"children":2275},{"style":396},[2276],{"type":317,"value":2277},"  selected",{"type":312,"tag":371,"props":2279,"children":2280},{"style":390},[2281],{"type":317,"value":1023},{"type":312,"tag":371,"props":2283,"children":2284},{"style":1026},[2285],{"type":317,"value":2286},"boolean",{"type":317,"value":417},{"type":312,"tag":371,"props":2289,"children":2290},{"class":373,"style":374},[2291],{"type":312,"tag":371,"props":2292,"children":2293},{"style":390},[2294],{"type":317,"value":2295},"}>()",{"type":317,"value":417},{"type":312,"tag":371,"props":2298,"children":2299},{"class":373,"style":374},[2300,2305,2309],{"type":312,"tag":371,"props":2301,"children":2302},{"style":2150},[2303],{"type":317,"value":2304},"\u003C\u002F",{"type":312,"tag":371,"props":2306,"children":2307},{"style":2156},[2308],{"type":317,"value":2159},{"type":312,"tag":371,"props":2310,"children":2311},{"style":2150},[2312],{"type":317,"value":2186},{"type":317,"value":417},{"type":312,"tag":371,"props":2315,"children":2316},{"class":373,"style":374},[],{"type":317,"value":417},{"type":312,"tag":371,"props":2319,"children":2320},{"class":373,"style":374},[2321,2325,2330],{"type":312,"tag":371,"props":2322,"children":2323},{"style":2150},[2324],{"type":317,"value":2153},{"type":312,"tag":371,"props":2326,"children":2327},{"style":2156},[2328],{"type":317,"value":2329},"template",{"type":312,"tag":371,"props":2331,"children":2332},{"style":2150},[2333],{"type":317,"value":2186},{"type":317,"value":417},{"type":312,"tag":371,"props":2336,"children":2337},{"class":373,"style":374},[2338,2343,2348,2353,2357,2362,2367,2371,2376],{"type":312,"tag":371,"props":2339,"children":2340},{"style":2150},[2341],{"type":317,"value":2342},"  \u003C",{"type":312,"tag":371,"props":2344,"children":2345},{"style":2156},[2346],{"type":317,"value":2347},"div",{"type":312,"tag":371,"props":2349,"children":2350},{"style":2162},[2351],{"type":317,"value":2352}," class",{"type":312,"tag":371,"props":2354,"children":2355},{"style":390},[2356],{"type":317,"value":2175},{"type":312,"tag":371,"props":2358,"children":2359},{"style":2178},[2360],{"type":317,"value":2361},"\"group-shell\"",{"type":312,"tag":371,"props":2363,"children":2364},{"style":2162},[2365],{"type":317,"value":2366}," :class",{"type":312,"tag":371,"props":2368,"children":2369},{"style":390},[2370],{"type":317,"value":2175},{"type":312,"tag":371,"props":2372,"children":2373},{"style":2178},[2374],{"type":317,"value":2375},"\"{ 'is-selected': selected }\"",{"type":312,"tag":371,"props":2377,"children":2378},{"style":2150},[2379],{"type":317,"value":2186},{"type":317,"value":417},{"type":312,"tag":371,"props":2382,"children":2383},{"class":373,"style":374},[2384,2389,2393,2397,2402,2406,2410],{"type":312,"tag":371,"props":2385,"children":2386},{"style":2150},[2387],{"type":317,"value":2388},"    \u003C",{"type":312,"tag":371,"props":2390,"children":2391},{"style":2156},[2392],{"type":317,"value":371},{"type":312,"tag":371,"props":2394,"children":2395},{"style":2150},[2396],{"type":317,"value":2186},{"type":312,"tag":371,"props":2398,"children":2399},{"style":390},[2400],{"type":317,"value":2401},"{{ props.node.label ?? 'Untitled group' }}",{"type":312,"tag":371,"props":2403,"children":2404},{"style":2150},[2405],{"type":317,"value":2304},{"type":312,"tag":371,"props":2407,"children":2408},{"style":2156},[2409],{"type":317,"value":371},{"type":312,"tag":371,"props":2411,"children":2412},{"style":2150},[2413],{"type":317,"value":2186},{"type":317,"value":417},{"type":312,"tag":371,"props":2416,"children":2417},{"class":373,"style":374},[2418,2423,2427],{"type":312,"tag":371,"props":2419,"children":2420},{"style":2150},[2421],{"type":317,"value":2422},"  \u003C\u002F",{"type":312,"tag":371,"props":2424,"children":2425},{"style":2156},[2426],{"type":317,"value":2347},{"type":312,"tag":371,"props":2428,"children":2429},{"style":2150},[2430],{"type":317,"value":2186},{"type":317,"value":417},{"type":312,"tag":371,"props":2433,"children":2434},{"class":373,"style":374},[2435,2439,2443],{"type":312,"tag":371,"props":2436,"children":2437},{"style":2150},[2438],{"type":317,"value":2304},{"type":312,"tag":371,"props":2440,"children":2441},{"style":2156},[2442],{"type":317,"value":2329},{"type":312,"tag":371,"props":2444,"children":2445},{"style":2150},[2446],{"type":317,"value":2186},{"type":312,"tag":313,"props":2448,"children":2449},{},[2450],{"type":317,"value":2451},"Use CSS variables from the board shell when you want your renderer to match the built-in color system:",{"type":312,"tag":361,"props":2453,"children":2455},{"language":2454,"class":364},"css",[2456],{"type":312,"tag":320,"props":2457,"children":2459},{"class":2458},"language-css",[2460,2474,2475,2535,2536,2582,2583],{"type":312,"tag":371,"props":2461,"children":2462},{"class":373,"style":374},[2463,2469],{"type":312,"tag":371,"props":2464,"children":2466},{"style":2465},"color:#800000;--shiki-dark:#D7BA7D",[2467],{"type":317,"value":2468},".group-shell",{"type":312,"tag":371,"props":2470,"children":2471},{"style":390},[2472],{"type":317,"value":2473}," {",{"type":317,"value":417},{"type":312,"tag":371,"props":2476,"children":2477},{"class":373,"style":374},[2478,2483,2487,2492,2498,2503,2507,2512,2516,2521,2525,2530],{"type":312,"tag":371,"props":2479,"children":2480},{"style":2162},[2481],{"type":317,"value":2482},"  border",{"type":312,"tag":371,"props":2484,"children":2485},{"style":390},[2486],{"type":317,"value":1023},{"type":312,"tag":371,"props":2488,"children":2489},{"style":448},[2490],{"type":317,"value":2491},"2px",{"type":312,"tag":371,"props":2493,"children":2495},{"style":2494},"color:#0451A5;--shiki-dark:#CE9178",[2496],{"type":317,"value":2497}," solid",{"type":312,"tag":371,"props":2499,"children":2500},{"style":407},[2501],{"type":317,"value":2502}," var",{"type":312,"tag":371,"props":2504,"children":2505},{"style":390},[2506],{"type":317,"value":776},{"type":312,"tag":371,"props":2508,"children":2509},{"style":2162},[2510],{"type":317,"value":2511},"--board-node-color-soft",{"type":312,"tag":371,"props":2513,"children":2514},{"style":390},[2515],{"type":317,"value":912},{"type":312,"tag":371,"props":2517,"children":2518},{"style":407},[2519],{"type":317,"value":2520},"var",{"type":312,"tag":371,"props":2522,"children":2523},{"style":390},[2524],{"type":317,"value":776},{"type":312,"tag":371,"props":2526,"children":2527},{"style":2162},[2528],{"type":317,"value":2529},"--board-group-border",{"type":312,"tag":371,"props":2531,"children":2532},{"style":390},[2533],{"type":317,"value":2534},"));",{"type":317,"value":417},{"type":312,"tag":371,"props":2537,"children":2538},{"class":373,"style":374},[2539,2544,2548,2552,2556,2561,2565,2569,2573,2578],{"type":312,"tag":371,"props":2540,"children":2541},{"style":2162},[2542],{"type":317,"value":2543},"  background",{"type":312,"tag":371,"props":2545,"children":2546},{"style":390},[2547],{"type":317,"value":1023},{"type":312,"tag":371,"props":2549,"children":2550},{"style":407},[2551],{"type":317,"value":2520},{"type":312,"tag":371,"props":2553,"children":2554},{"style":390},[2555],{"type":317,"value":776},{"type":312,"tag":371,"props":2557,"children":2558},{"style":2162},[2559],{"type":317,"value":2560},"--board-node-tint",{"type":312,"tag":371,"props":2562,"children":2563},{"style":390},[2564],{"type":317,"value":912},{"type":312,"tag":371,"props":2566,"children":2567},{"style":407},[2568],{"type":317,"value":2520},{"type":312,"tag":371,"props":2570,"children":2571},{"style":390},[2572],{"type":317,"value":776},{"type":312,"tag":371,"props":2574,"children":2575},{"style":2162},[2576],{"type":317,"value":2577},"--board-group-bg",{"type":312,"tag":371,"props":2579,"children":2580},{"style":390},[2581],{"type":317,"value":2534},{"type":317,"value":417},{"type":312,"tag":371,"props":2584,"children":2585},{"class":373,"style":374},[2586],{"type":312,"tag":371,"props":2587,"children":2588},{"style":390},[2589],{"type":317,"value":1741},{"title":2591,"searchDepth":2592,"depth":2592,"links":2593},"",4,[2594,2596,2597,2598,2599,2600,2601],{"id":337,"depth":2595,"text":340},2,{"id":561,"depth":2595,"text":564},{"id":823,"depth":2595,"text":826},{"id":935,"depth":2595,"text":938},{"id":1755,"depth":2595,"text":1758},{"id":1812,"depth":2595,"text":1815},{"id":2114,"depth":2595,"text":2117},"markdown","docs",{"source":2605,"path":2606,"stem":2607,"dir":2608,"extension":2609},"content","docs\u002F4.build-features\u002F3.groups-and-nesting.md","docs\u002F4.build-features\u002F3.groups-and-nesting","build-features","md",{"requestedPath":126,"resolvedPath":126,"alternates":2611},[],{"requested":2613,"resolved":2614,"usedFallback":6},{},{"locale":8},{"previous":2616,"next":2618},{"title":114,"id":115,"canonicalKey":116,"locale":8,"draft":6,"navigation":2617,"icon":118,"path":119},{"icon":118},{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"navigation":2619,"icon":132,"path":133},{"icon":132},{"left":2621,"top":2621,"width":2622,"height":2622,"rotate":2621,"vFlip":6,"hFlip":6,"body":2623},0,256,"\u003Cpath fill=\"#3178c6\" d=\"M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0\"\u002F>\u003Cpath fill=\"#fff\" d=\"M150.518 200.475v27.62q6.738 3.453 15.938 5.179T185.849 235q9.934 0 18.874-1.899t15.678-6.257q6.738-4.359 10.669-11.394q3.93-7.033 3.93-17.391q0-7.51-2.246-13.163a30.8 30.8 0 0 0-6.479-10.055q-4.232-4.402-10.149-7.898t-13.347-6.602q-5.442-2.245-9.761-4.359t-7.342-4.316q-3.024-2.2-4.665-4.661t-1.641-5.567q0-2.848 1.468-5.135q1.469-2.288 4.147-3.927t6.565-2.547q3.887-.906 8.638-.906q3.456 0 7.299.518q3.844.517 7.732 1.597a54 54 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807q-6.306-2.417-13.778-3.582T198.633 107q-9.847 0-18.658 2.115q-8.811 2.114-15.506 6.602q-6.694 4.49-10.582 11.437Q150 134.102 150 143.769q0 12.342 7.127 21.06t21.638 14.759a292 292 0 0 1 10.625 4.575q4.924 2.244 8.509 4.66t5.658 5.265t2.073 6.474a9.9 9.9 0 0 1-1.296 4.963q-1.295 2.287-3.93 3.97t-6.565 2.632t-9.2.95q-8.983 0-17.794-3.151t-16.327-9.451m-46.036-68.733H140V109H41v22.742h35.345V233h28.137z\"\u002F>",{"left":2621,"top":2621,"width":2622,"height":2625,"rotate":2621,"vFlip":6,"hFlip":6,"body":2626},221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":2621,"top":2621,"width":2628,"height":2628,"rotate":2621,"vFlip":6,"hFlip":6,"body":2629},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",{"left":2621,"top":2621,"width":2628,"height":2628,"rotate":2621,"vFlip":6,"hFlip":6,"body":2631},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\"\u002F>",1786637502693]