[{"data":1,"prerenderedAt":3160},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:qSVOGgEhPTwfDErGkJtIy0EXJ82aE4_o5wQ0GYW6bxM":303,"content-page-surround:docs:qSVOGgEhPTwfDErGkJtIy0EXJ82aE4_o5wQ0GYW6bxM":3148,"i-logos:vue":3152,"i-lucide:clipboard":3157},[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":107,"description":306,"navigation":307,"body":308,"type":3135,"id":108,"canonicalKey":109,"draft":6,"partial":6,"locale":8,"collection":3136,"navigationFile":6,"file":3137,"route":3143,"resolution":3145},"application-developer","build","Register custom Vue components for supported JSON Canvas node types while keeping board interactions intact.",{"icon":111},{"type":309,"children":310,"toc":3117},"root",[311,319,323,330,343,499,504,509,1292,1311,1317,1352,1708,1719,1725,1730,2058,2065,2207,2224,2237,2243,2254,2265,2676,2696,2702,2713,2819,2825,2874,2880,2889,2979,2990],{"type":312,"tag":313,"props":314,"children":315},"element","p",{},[316],{"type":317,"value":318},"text","Custom renderers make nodes look like your product, not the default text box. The board shell still handles positioning, selection, resize handles, and z-ordering — your renderer only draws content.",{"type":312,"tag":320,"props":321,"children":322},"renderer-board-demo",{},[],{"type":312,"tag":324,"props":325,"children":327},"h2",{"id":326},"choose-the-data-shape-first",[328],{"type":317,"value":329},"Choose the data shape first",{"type":312,"tag":313,"props":331,"children":332},{},[333,335,341],{"type":317,"value":334},"Custom renderers do not create new node types or a second node schema. They read\nthe same ",{"type":312,"tag":336,"props":337,"children":338},"code",{},[339],{"type":317,"value":340},"BoardNode",{"type":317,"value":342}," records as the default renderer.",{"type":312,"tag":344,"props":345,"children":346},"table",{},[347,366],{"type":312,"tag":348,"props":349,"children":350},"thead",{},[351],{"type":312,"tag":352,"props":353,"children":354},"tr",{},[355,361],{"type":312,"tag":356,"props":357,"children":358},"th",{},[359],{"type":317,"value":360},"Need",{"type":312,"tag":356,"props":362,"children":363},{},[364],{"type":317,"value":365},"Use",{"type":312,"tag":367,"props":368,"children":369},"tbody",{},[370,396,426,449,486],{"type":312,"tag":352,"props":371,"children":372},{},[373,379],{"type":312,"tag":374,"props":375,"children":376},"td",{},[377],{"type":317,"value":378},"Editable text cards",{"type":312,"tag":374,"props":380,"children":381},{},[382,387,389,394],{"type":312,"tag":336,"props":383,"children":384},{},[385],{"type":317,"value":386},"type: 'text'",{"type":317,"value":388}," with ",{"type":312,"tag":336,"props":390,"children":391},{},[392],{"type":317,"value":393},"node.text",{"type":317,"value":395},".",{"type":312,"tag":352,"props":397,"children":398},{},[399,404],{"type":312,"tag":374,"props":400,"children":401},{},[402],{"type":317,"value":403},"File previews",{"type":312,"tag":374,"props":405,"children":406},{},[407,412,413,418,420,425],{"type":312,"tag":336,"props":408,"children":409},{},[410],{"type":317,"value":411},"type: 'file'",{"type":317,"value":388},{"type":312,"tag":336,"props":414,"children":415},{},[416],{"type":317,"value":417},"node.file",{"type":317,"value":419}," and optional ",{"type":312,"tag":336,"props":421,"children":422},{},[423],{"type":317,"value":424},"node.subpath",{"type":317,"value":395},{"type":312,"tag":352,"props":427,"children":428},{},[429,434],{"type":312,"tag":374,"props":430,"children":431},{},[432],{"type":317,"value":433},"Link previews",{"type":312,"tag":374,"props":435,"children":436},{},[437,442,443,448],{"type":312,"tag":336,"props":438,"children":439},{},[440],{"type":317,"value":441},"type: 'link'",{"type":317,"value":388},{"type":312,"tag":336,"props":444,"children":445},{},[446],{"type":317,"value":447},"node.url",{"type":317,"value":395},{"type":312,"tag":352,"props":450,"children":451},{},[452,457],{"type":312,"tag":374,"props":453,"children":454},{},[455],{"type":317,"value":456},"Visual containers",{"type":312,"tag":374,"props":458,"children":459},{},[460,465,466,471,473,478,480,485],{"type":312,"tag":336,"props":461,"children":462},{},[463],{"type":317,"value":464},"type: 'group'",{"type":317,"value":388},{"type":312,"tag":336,"props":467,"children":468},{},[469],{"type":317,"value":470},"node.label",{"type":317,"value":472},", ",{"type":312,"tag":336,"props":474,"children":475},{},[476],{"type":317,"value":477},"node.background",{"type":317,"value":479},", and ",{"type":312,"tag":336,"props":481,"children":482},{},[483],{"type":317,"value":484},"node.backgroundStyle",{"type":317,"value":395},{"type":312,"tag":352,"props":487,"children":488},{},[489,494],{"type":312,"tag":374,"props":490,"children":491},{},[492],{"type":317,"value":493},"Product state that is richer than JSON Canvas",{"type":312,"tag":374,"props":495,"children":496},{},[497],{"type":317,"value":498},"Choose one canonical app model, then derive board nodes from it.",{"type":312,"tag":313,"props":500,"children":501},{},[502],{"type":317,"value":503},"Do not put the same product field in two places. If a workflow record owns\nstatus and assignee, keep that record as the source of truth and rebuild the\nmatching board node fields from it. If the board document is the source of\ntruth, keep the data in supported JSON Canvas fields.",{"type":312,"tag":313,"props":505,"children":506},{},[507],{"type":317,"value":508},"For app-owned records, use the board node ID as the join key and pass the app\nrecord through a scoped slot:",{"type":312,"tag":510,"props":511,"children":514},"pre",{"language":512,"class":513},"vue","shiki shiki-themes light-plus dark-plus dark:dark-plus",[515],{"type":312,"tag":336,"props":516,"children":518},{"class":517},"language-vue",[519,565,567,612,613,651,652,655,656,729,730,755,756,856,857,865,866,869,870,895,896,918,919,946,947,965,966,983,984,992,993,1009,1010,1013,1014,1030,1031,1074,1075,1145,1146,1242,1243,1259,1260,1276,1277],{"type":312,"tag":520,"props":521,"children":524},"span",{"class":522,"style":523},"line","display: inline",[525,531,537,543,548,554,560],{"type":312,"tag":520,"props":526,"children":528},{"style":527},"color:#800000;--shiki-dark:#808080",[529],{"type":317,"value":530},"\u003C",{"type":312,"tag":520,"props":532,"children":534},{"style":533},"color:#800000;--shiki-dark:#569CD6",[535],{"type":317,"value":536},"script",{"type":312,"tag":520,"props":538,"children":540},{"style":539},"color:#E50000;--shiki-dark:#9CDCFE",[541],{"type":317,"value":542}," setup",{"type":312,"tag":520,"props":544,"children":545},{"style":539},[546],{"type":317,"value":547}," lang",{"type":312,"tag":520,"props":549,"children":551},{"style":550},"color:#000000;--shiki-dark:#D4D4D4",[552],{"type":317,"value":553},"=",{"type":312,"tag":520,"props":555,"children":557},{"style":556},"color:#0000FF;--shiki-dark:#CE9178",[558],{"type":317,"value":559},"\"ts\"",{"type":312,"tag":520,"props":561,"children":562},{"style":527},[563],{"type":317,"value":564},">",{"type":317,"value":566},"\n",{"type":312,"tag":520,"props":568,"children":569},{"class":522,"style":523},[570,576,581,587,591,596,601,606],{"type":312,"tag":520,"props":571,"children":573},{"style":572},"color:#AF00DB;--shiki-dark:#C586C0",[574],{"type":317,"value":575},"import",{"type":312,"tag":520,"props":577,"children":578},{"style":550},[579],{"type":317,"value":580}," { ",{"type":312,"tag":520,"props":582,"children":584},{"style":583},"color:#001080;--shiki-dark:#9CDCFE",[585],{"type":317,"value":586},"computed",{"type":312,"tag":520,"props":588,"children":589},{"style":550},[590],{"type":317,"value":472},{"type":312,"tag":520,"props":592,"children":593},{"style":583},[594],{"type":317,"value":595},"ref",{"type":312,"tag":520,"props":597,"children":598},{"style":550},[599],{"type":317,"value":600}," } ",{"type":312,"tag":520,"props":602,"children":603},{"style":572},[604],{"type":317,"value":605},"from",{"type":312,"tag":520,"props":607,"children":609},{"style":608},"color:#A31515;--shiki-dark:#CE9178",[610],{"type":317,"value":611}," 'vue'",{"type":317,"value":566},{"type":312,"tag":520,"props":614,"children":615},{"class":522,"style":523},[616,620,624,629,633,638,642,646],{"type":312,"tag":520,"props":617,"children":618},{"style":572},[619],{"type":317,"value":575},{"type":312,"tag":520,"props":621,"children":622},{"style":550},[623],{"type":317,"value":580},{"type":312,"tag":520,"props":625,"children":626},{"style":583},[627],{"type":317,"value":628},"asNodeId",{"type":312,"tag":520,"props":630,"children":631},{"style":550},[632],{"type":317,"value":472},{"type":312,"tag":520,"props":634,"children":635},{"style":583},[636],{"type":317,"value":637},"createBoardEngine",{"type":312,"tag":520,"props":639,"children":640},{"style":550},[641],{"type":317,"value":600},{"type":312,"tag":520,"props":643,"children":644},{"style":572},[645],{"type":317,"value":605},{"type":312,"tag":520,"props":647,"children":648},{"style":608},[649],{"type":317,"value":650}," '@lupinum\u002Fboard-core'",{"type":317,"value":566},{"type":312,"tag":520,"props":653,"children":654},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":657,"children":658},{"class":522,"style":523},[659,665,671,676,681,686,691,696,700,705,710,714,719,724],{"type":312,"tag":520,"props":660,"children":662},{"style":661},"color:#0000FF;--shiki-dark:#569CD6",[663],{"type":317,"value":664},"const",{"type":312,"tag":520,"props":666,"children":668},{"style":667},"color:#0070C1;--shiki-dark:#4FC1FF",[669],{"type":317,"value":670}," tasks",{"type":312,"tag":520,"props":672,"children":673},{"style":550},[674],{"type":317,"value":675}," = ",{"type":312,"tag":520,"props":677,"children":679},{"style":678},"color:#795E26;--shiki-dark:#DCDCAA",[680],{"type":317,"value":595},{"type":312,"tag":520,"props":682,"children":683},{"style":550},[684],{"type":317,"value":685},"([{ ",{"type":312,"tag":520,"props":687,"children":688},{"style":583},[689],{"type":317,"value":690},"id:",{"type":312,"tag":520,"props":692,"children":693},{"style":608},[694],{"type":317,"value":695}," 'task-1'",{"type":312,"tag":520,"props":697,"children":698},{"style":550},[699],{"type":317,"value":472},{"type":312,"tag":520,"props":701,"children":702},{"style":583},[703],{"type":317,"value":704},"title:",{"type":312,"tag":520,"props":706,"children":707},{"style":608},[708],{"type":317,"value":709}," 'Qualify lead'",{"type":312,"tag":520,"props":711,"children":712},{"style":550},[713],{"type":317,"value":472},{"type":312,"tag":520,"props":715,"children":716},{"style":583},[717],{"type":317,"value":718},"status:",{"type":312,"tag":520,"props":720,"children":721},{"style":608},[722],{"type":317,"value":723}," 'active'",{"type":312,"tag":520,"props":725,"children":726},{"style":550},[727],{"type":317,"value":728}," }])",{"type":317,"value":566},{"type":312,"tag":520,"props":731,"children":732},{"class":522,"style":523},[733,737,742,746,750],{"type":312,"tag":520,"props":734,"children":735},{"style":661},[736],{"type":317,"value":664},{"type":312,"tag":520,"props":738,"children":739},{"style":667},[740],{"type":317,"value":741}," tasksById",{"type":312,"tag":520,"props":743,"children":744},{"style":550},[745],{"type":317,"value":675},{"type":312,"tag":520,"props":747,"children":748},{"style":678},[749],{"type":317,"value":586},{"type":312,"tag":520,"props":751,"children":752},{"style":550},[753],{"type":317,"value":754},"(",{"type":317,"value":566},{"type":312,"tag":520,"props":757,"children":758},{"class":522,"style":523},[759,764,769,774,779,783,788,792,797,801,806,811,816,821,825,830,834,838,843,847,851],{"type":312,"tag":520,"props":760,"children":761},{"style":550},[762],{"type":317,"value":763},"  () ",{"type":312,"tag":520,"props":765,"children":766},{"style":661},[767],{"type":317,"value":768},"=>",{"type":312,"tag":520,"props":770,"children":771},{"style":661},[772],{"type":317,"value":773}," new",{"type":312,"tag":520,"props":775,"children":776},{"style":678},[777],{"type":317,"value":778}," Map",{"type":312,"tag":520,"props":780,"children":781},{"style":550},[782],{"type":317,"value":754},{"type":312,"tag":520,"props":784,"children":785},{"style":583},[786],{"type":317,"value":787},"tasks",{"type":312,"tag":520,"props":789,"children":790},{"style":550},[791],{"type":317,"value":395},{"type":312,"tag":520,"props":793,"children":794},{"style":583},[795],{"type":317,"value":796},"value",{"type":312,"tag":520,"props":798,"children":799},{"style":550},[800],{"type":317,"value":395},{"type":312,"tag":520,"props":802,"children":803},{"style":678},[804],{"type":317,"value":805},"map",{"type":312,"tag":520,"props":807,"children":808},{"style":550},[809],{"type":317,"value":810},"((",{"type":312,"tag":520,"props":812,"children":813},{"style":583},[814],{"type":317,"value":815},"task",{"type":312,"tag":520,"props":817,"children":818},{"style":550},[819],{"type":317,"value":820},") ",{"type":312,"tag":520,"props":822,"children":823},{"style":661},[824],{"type":317,"value":768},{"type":312,"tag":520,"props":826,"children":827},{"style":550},[828],{"type":317,"value":829}," [",{"type":312,"tag":520,"props":831,"children":832},{"style":583},[833],{"type":317,"value":815},{"type":312,"tag":520,"props":835,"children":836},{"style":550},[837],{"type":317,"value":395},{"type":312,"tag":520,"props":839,"children":840},{"style":583},[841],{"type":317,"value":842},"id",{"type":312,"tag":520,"props":844,"children":845},{"style":550},[846],{"type":317,"value":472},{"type":312,"tag":520,"props":848,"children":849},{"style":583},[850],{"type":317,"value":815},{"type":312,"tag":520,"props":852,"children":853},{"style":550},[854],{"type":317,"value":855},"])),",{"type":317,"value":566},{"type":312,"tag":520,"props":858,"children":859},{"class":522,"style":523},[860],{"type":312,"tag":520,"props":861,"children":862},{"style":550},[863],{"type":317,"value":864},")",{"type":317,"value":566},{"type":312,"tag":520,"props":867,"children":868},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":871,"children":872},{"class":522,"style":523},[873,877,882,886,890],{"type":312,"tag":520,"props":874,"children":875},{"style":661},[876],{"type":317,"value":664},{"type":312,"tag":520,"props":878,"children":879},{"style":667},[880],{"type":317,"value":881}," engine",{"type":312,"tag":520,"props":883,"children":884},{"style":550},[885],{"type":317,"value":675},{"type":312,"tag":520,"props":887,"children":888},{"style":678},[889],{"type":317,"value":637},{"type":312,"tag":520,"props":891,"children":892},{"style":550},[893],{"type":317,"value":894},"()",{"type":317,"value":566},{"type":312,"tag":520,"props":897,"children":898},{"class":522,"style":523},[899,904,908,913],{"type":312,"tag":520,"props":900,"children":901},{"style":583},[902],{"type":317,"value":903},"engine",{"type":312,"tag":520,"props":905,"children":906},{"style":550},[907],{"type":317,"value":395},{"type":312,"tag":520,"props":909,"children":910},{"style":678},[911],{"type":317,"value":912},"createNode",{"type":312,"tag":520,"props":914,"children":915},{"style":550},[916],{"type":317,"value":917},"({",{"type":317,"value":566},{"type":312,"tag":520,"props":920,"children":921},{"class":522,"style":523},[922,927,932,936,941],{"type":312,"tag":520,"props":923,"children":924},{"style":583},[925],{"type":317,"value":926},"  id:",{"type":312,"tag":520,"props":928,"children":929},{"style":678},[930],{"type":317,"value":931}," asNodeId",{"type":312,"tag":520,"props":933,"children":934},{"style":550},[935],{"type":317,"value":754},{"type":312,"tag":520,"props":937,"children":938},{"style":608},[939],{"type":317,"value":940},"'task-1'",{"type":312,"tag":520,"props":942,"children":943},{"style":550},[944],{"type":317,"value":945},"),",{"type":317,"value":566},{"type":312,"tag":520,"props":948,"children":949},{"class":522,"style":523},[950,955,960],{"type":312,"tag":520,"props":951,"children":952},{"style":583},[953],{"type":317,"value":954},"  type:",{"type":312,"tag":520,"props":956,"children":957},{"style":608},[958],{"type":317,"value":959}," 'text'",{"type":312,"tag":520,"props":961,"children":962},{"style":550},[963],{"type":317,"value":964},",",{"type":317,"value":566},{"type":312,"tag":520,"props":967,"children":968},{"class":522,"style":523},[969,974,979],{"type":312,"tag":520,"props":970,"children":971},{"style":583},[972],{"type":317,"value":973},"  text:",{"type":312,"tag":520,"props":975,"children":976},{"style":608},[977],{"type":317,"value":978}," ''",{"type":312,"tag":520,"props":980,"children":981},{"style":550},[982],{"type":317,"value":964},{"type":317,"value":566},{"type":312,"tag":520,"props":985,"children":986},{"class":522,"style":523},[987],{"type":312,"tag":520,"props":988,"children":989},{"style":550},[990],{"type":317,"value":991},"})",{"type":317,"value":566},{"type":312,"tag":520,"props":994,"children":995},{"class":522,"style":523},[996,1001,1005],{"type":312,"tag":520,"props":997,"children":998},{"style":527},[999],{"type":317,"value":1000},"\u003C\u002F",{"type":312,"tag":520,"props":1002,"children":1003},{"style":533},[1004],{"type":317,"value":536},{"type":312,"tag":520,"props":1006,"children":1007},{"style":527},[1008],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1011,"children":1012},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":1015,"children":1016},{"class":522,"style":523},[1017,1021,1026],{"type":312,"tag":520,"props":1018,"children":1019},{"style":527},[1020],{"type":317,"value":530},{"type":312,"tag":520,"props":1022,"children":1023},{"style":533},[1024],{"type":317,"value":1025},"template",{"type":312,"tag":520,"props":1027,"children":1028},{"style":527},[1029],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1032,"children":1033},{"class":522,"style":523},[1034,1039,1044,1049,1053,1057,1062,1066,1070],{"type":312,"tag":520,"props":1035,"children":1036},{"style":527},[1037],{"type":317,"value":1038},"  \u003C",{"type":312,"tag":520,"props":1040,"children":1041},{"style":533},[1042],{"type":317,"value":1043},"BoardRoot",{"type":312,"tag":520,"props":1045,"children":1046},{"style":550},[1047],{"type":317,"value":1048}," :",{"type":312,"tag":520,"props":1050,"children":1051},{"style":539},[1052],{"type":317,"value":903},{"type":312,"tag":520,"props":1054,"children":1055},{"style":550},[1056],{"type":317,"value":553},{"type":312,"tag":520,"props":1058,"children":1059},{"style":550},[1060],{"type":317,"value":1061},"\"",{"type":312,"tag":520,"props":1063,"children":1064},{"style":583},[1065],{"type":317,"value":903},{"type":312,"tag":520,"props":1067,"children":1068},{"style":550},[1069],{"type":317,"value":1061},{"type":312,"tag":520,"props":1071,"children":1072},{"style":527},[1073],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1076,"children":1077},{"class":522,"style":523},[1078,1083,1087,1092,1097,1102,1106,1110,1114,1119,1123,1127,1132,1137,1141],{"type":312,"tag":520,"props":1079,"children":1080},{"style":527},[1081],{"type":317,"value":1082},"    \u003C",{"type":312,"tag":520,"props":1084,"children":1085},{"style":533},[1086],{"type":317,"value":1025},{"type":312,"tag":520,"props":1088,"children":1089},{"style":550},[1090],{"type":317,"value":1091}," #",{"type":312,"tag":520,"props":1093,"children":1094},{"style":539},[1095],{"type":317,"value":1096},"node",{"type":312,"tag":520,"props":1098,"children":1099},{"style":550},[1100],{"type":317,"value":1101},":",{"type":312,"tag":520,"props":1103,"children":1104},{"style":539},[1105],{"type":317,"value":317},{"type":312,"tag":520,"props":1107,"children":1108},{"style":550},[1109],{"type":317,"value":553},{"type":312,"tag":520,"props":1111,"children":1112},{"style":550},[1113],{"type":317,"value":1061},{"type":312,"tag":520,"props":1115,"children":1116},{"style":550},[1117],{"type":317,"value":1118},"{ ",{"type":312,"tag":520,"props":1120,"children":1121},{"style":583},[1122],{"type":317,"value":1096},{"type":312,"tag":520,"props":1124,"children":1125},{"style":550},[1126],{"type":317,"value":472},{"type":312,"tag":520,"props":1128,"children":1129},{"style":583},[1130],{"type":317,"value":1131},"selected",{"type":312,"tag":520,"props":1133,"children":1134},{"style":550},[1135],{"type":317,"value":1136}," }",{"type":312,"tag":520,"props":1138,"children":1139},{"style":550},[1140],{"type":317,"value":1061},{"type":312,"tag":520,"props":1142,"children":1143},{"style":527},[1144],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1147,"children":1148},{"class":522,"style":523},[1149,1154,1159,1163,1167,1171,1175,1180,1184,1189,1193,1197,1201,1205,1209,1213,1217,1221,1225,1229,1233,1237],{"type":312,"tag":520,"props":1150,"children":1151},{"style":527},[1152],{"type":317,"value":1153},"      \u003C",{"type":312,"tag":520,"props":1155,"children":1156},{"style":533},[1157],{"type":317,"value":1158},"TaskCard",{"type":312,"tag":520,"props":1160,"children":1161},{"style":550},[1162],{"type":317,"value":1048},{"type":312,"tag":520,"props":1164,"children":1165},{"style":539},[1166],{"type":317,"value":815},{"type":312,"tag":520,"props":1168,"children":1169},{"style":550},[1170],{"type":317,"value":553},{"type":312,"tag":520,"props":1172,"children":1173},{"style":550},[1174],{"type":317,"value":1061},{"type":312,"tag":520,"props":1176,"children":1177},{"style":583},[1178],{"type":317,"value":1179},"tasksById",{"type":312,"tag":520,"props":1181,"children":1182},{"style":550},[1183],{"type":317,"value":395},{"type":312,"tag":520,"props":1185,"children":1186},{"style":678},[1187],{"type":317,"value":1188},"get",{"type":312,"tag":520,"props":1190,"children":1191},{"style":550},[1192],{"type":317,"value":754},{"type":312,"tag":520,"props":1194,"children":1195},{"style":583},[1196],{"type":317,"value":1096},{"type":312,"tag":520,"props":1198,"children":1199},{"style":550},[1200],{"type":317,"value":395},{"type":312,"tag":520,"props":1202,"children":1203},{"style":583},[1204],{"type":317,"value":842},{"type":312,"tag":520,"props":1206,"children":1207},{"style":550},[1208],{"type":317,"value":864},{"type":312,"tag":520,"props":1210,"children":1211},{"style":550},[1212],{"type":317,"value":1061},{"type":312,"tag":520,"props":1214,"children":1215},{"style":550},[1216],{"type":317,"value":1048},{"type":312,"tag":520,"props":1218,"children":1219},{"style":539},[1220],{"type":317,"value":1131},{"type":312,"tag":520,"props":1222,"children":1223},{"style":550},[1224],{"type":317,"value":553},{"type":312,"tag":520,"props":1226,"children":1227},{"style":550},[1228],{"type":317,"value":1061},{"type":312,"tag":520,"props":1230,"children":1231},{"style":583},[1232],{"type":317,"value":1131},{"type":312,"tag":520,"props":1234,"children":1235},{"style":550},[1236],{"type":317,"value":1061},{"type":312,"tag":520,"props":1238,"children":1239},{"style":527},[1240],{"type":317,"value":1241}," \u002F>",{"type":317,"value":566},{"type":312,"tag":520,"props":1244,"children":1245},{"class":522,"style":523},[1246,1251,1255],{"type":312,"tag":520,"props":1247,"children":1248},{"style":527},[1249],{"type":317,"value":1250},"    \u003C\u002F",{"type":312,"tag":520,"props":1252,"children":1253},{"style":533},[1254],{"type":317,"value":1025},{"type":312,"tag":520,"props":1256,"children":1257},{"style":527},[1258],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1261,"children":1262},{"class":522,"style":523},[1263,1268,1272],{"type":312,"tag":520,"props":1264,"children":1265},{"style":527},[1266],{"type":317,"value":1267},"  \u003C\u002F",{"type":312,"tag":520,"props":1269,"children":1270},{"style":533},[1271],{"type":317,"value":1043},{"type":312,"tag":520,"props":1273,"children":1274},{"style":527},[1275],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1278,"children":1279},{"class":522,"style":523},[1280,1284,1288],{"type":312,"tag":520,"props":1281,"children":1282},{"style":527},[1283],{"type":317,"value":1000},{"type":312,"tag":520,"props":1285,"children":1286},{"style":533},[1287],{"type":317,"value":1025},{"type":312,"tag":520,"props":1289,"children":1290},{"style":527},[1291],{"type":317,"value":564},{"type":312,"tag":313,"props":1293,"children":1294},{},[1295,1297,1302,1304,1309],{"type":317,"value":1296},"Here the task owns ",{"type":312,"tag":336,"props":1298,"children":1299},{},[1300],{"type":317,"value":1301},"title",{"type":317,"value":1303}," and ",{"type":312,"tag":336,"props":1305,"children":1306},{},[1307],{"type":317,"value":1308},"status",{"type":317,"value":1310},"; the board owns position, size,\nselection, and camera state. If the task changes, the renderer updates from the\ntask record. If the user drags the card, the engine updates the board layout.",{"type":312,"tag":324,"props":1312,"children":1314},{"id":1313},"the-renderer-registry",[1315],{"type":317,"value":1316},"The renderer registry",{"type":312,"tag":313,"props":1318,"children":1319},{},[1320,1322,1327,1329,1333,1334,1339,1340,1345,1346,1351],{"type":317,"value":1321},"Map supported node types to Vue components via the ",{"type":312,"tag":336,"props":1323,"children":1324},{},[1325],{"type":317,"value":1326},"renderers",{"type":317,"value":1328}," prop. The first release supports the JSON Canvas node types: ",{"type":312,"tag":336,"props":1330,"children":1331},{},[1332],{"type":317,"value":317},{"type":317,"value":472},{"type":312,"tag":336,"props":1335,"children":1336},{},[1337],{"type":317,"value":1338},"file",{"type":317,"value":472},{"type":312,"tag":336,"props":1341,"children":1342},{},[1343],{"type":317,"value":1344},"link",{"type":317,"value":479},{"type":312,"tag":336,"props":1347,"children":1348},{},[1349],{"type":317,"value":1350},"group",{"type":317,"value":395},{"type":312,"tag":510,"props":1353,"children":1354},{"language":512,"class":513},[1355],{"type":312,"tag":336,"props":1356,"children":1357},{"class":517},[1358,1389,1390,1417,1418,1452,1453,1475,1476,1479,1480,1503,1504,1507,1508,1535,1536,1551,1552,1560,1561,1576,1577,1580,1581,1596,1597,1692,1693],{"type":312,"tag":520,"props":1359,"children":1360},{"class":522,"style":523},[1361,1365,1369,1373,1377,1381,1385],{"type":312,"tag":520,"props":1362,"children":1363},{"style":527},[1364],{"type":317,"value":530},{"type":312,"tag":520,"props":1366,"children":1367},{"style":533},[1368],{"type":317,"value":536},{"type":312,"tag":520,"props":1370,"children":1371},{"style":539},[1372],{"type":317,"value":542},{"type":312,"tag":520,"props":1374,"children":1375},{"style":539},[1376],{"type":317,"value":547},{"type":312,"tag":520,"props":1378,"children":1379},{"style":550},[1380],{"type":317,"value":553},{"type":312,"tag":520,"props":1382,"children":1383},{"style":556},[1384],{"type":317,"value":559},{"type":312,"tag":520,"props":1386,"children":1387},{"style":527},[1388],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1391,"children":1392},{"class":522,"style":523},[1393,1397,1401,1405,1409,1413],{"type":312,"tag":520,"props":1394,"children":1395},{"style":572},[1396],{"type":317,"value":575},{"type":312,"tag":520,"props":1398,"children":1399},{"style":550},[1400],{"type":317,"value":580},{"type":312,"tag":520,"props":1402,"children":1403},{"style":583},[1404],{"type":317,"value":637},{"type":312,"tag":520,"props":1406,"children":1407},{"style":550},[1408],{"type":317,"value":600},{"type":312,"tag":520,"props":1410,"children":1411},{"style":572},[1412],{"type":317,"value":605},{"type":312,"tag":520,"props":1414,"children":1415},{"style":608},[1416],{"type":317,"value":650},{"type":317,"value":566},{"type":312,"tag":520,"props":1419,"children":1420},{"class":522,"style":523},[1421,1425,1430,1434,1439,1443,1447],{"type":312,"tag":520,"props":1422,"children":1423},{"style":572},[1424],{"type":317,"value":575},{"type":312,"tag":520,"props":1426,"children":1427},{"style":572},[1428],{"type":317,"value":1429}," type",{"type":312,"tag":520,"props":1431,"children":1432},{"style":550},[1433],{"type":317,"value":580},{"type":312,"tag":520,"props":1435,"children":1436},{"style":583},[1437],{"type":317,"value":1438},"BoardRendererRegistry",{"type":312,"tag":520,"props":1440,"children":1441},{"style":550},[1442],{"type":317,"value":600},{"type":312,"tag":520,"props":1444,"children":1445},{"style":572},[1446],{"type":317,"value":605},{"type":312,"tag":520,"props":1448,"children":1449},{"style":608},[1450],{"type":317,"value":1451}," '@lupinum\u002Fvue-board'",{"type":317,"value":566},{"type":312,"tag":520,"props":1454,"children":1455},{"class":522,"style":523},[1456,1460,1465,1470],{"type":312,"tag":520,"props":1457,"children":1458},{"style":572},[1459],{"type":317,"value":575},{"type":312,"tag":520,"props":1461,"children":1462},{"style":583},[1463],{"type":317,"value":1464}," TextCard",{"type":312,"tag":520,"props":1466,"children":1467},{"style":572},[1468],{"type":317,"value":1469}," from",{"type":312,"tag":520,"props":1471,"children":1472},{"style":608},[1473],{"type":317,"value":1474}," '.\u002FTextCard.vue'",{"type":317,"value":566},{"type":312,"tag":520,"props":1477,"children":1478},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":1481,"children":1482},{"class":522,"style":523},[1483,1487,1491,1495,1499],{"type":312,"tag":520,"props":1484,"children":1485},{"style":661},[1486],{"type":317,"value":664},{"type":312,"tag":520,"props":1488,"children":1489},{"style":667},[1490],{"type":317,"value":881},{"type":312,"tag":520,"props":1492,"children":1493},{"style":550},[1494],{"type":317,"value":675},{"type":312,"tag":520,"props":1496,"children":1497},{"style":678},[1498],{"type":317,"value":637},{"type":312,"tag":520,"props":1500,"children":1501},{"style":550},[1502],{"type":317,"value":894},{"type":317,"value":566},{"type":312,"tag":520,"props":1505,"children":1506},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":1509,"children":1510},{"class":522,"style":523},[1511,1515,1520,1525,1530],{"type":312,"tag":520,"props":1512,"children":1513},{"style":661},[1514],{"type":317,"value":664},{"type":312,"tag":520,"props":1516,"children":1517},{"style":667},[1518],{"type":317,"value":1519}," renderers",{"type":312,"tag":520,"props":1521,"children":1522},{"style":550},[1523],{"type":317,"value":1524},": ",{"type":312,"tag":520,"props":1526,"children":1528},{"style":1527},"color:#267F99;--shiki-dark:#4EC9B0",[1529],{"type":317,"value":1438},{"type":312,"tag":520,"props":1531,"children":1532},{"style":550},[1533],{"type":317,"value":1534}," = {",{"type":317,"value":566},{"type":312,"tag":520,"props":1537,"children":1538},{"class":522,"style":523},[1539,1543,1547],{"type":312,"tag":520,"props":1540,"children":1541},{"style":583},[1542],{"type":317,"value":973},{"type":312,"tag":520,"props":1544,"children":1545},{"style":583},[1546],{"type":317,"value":1464},{"type":312,"tag":520,"props":1548,"children":1549},{"style":550},[1550],{"type":317,"value":964},{"type":317,"value":566},{"type":312,"tag":520,"props":1553,"children":1554},{"class":522,"style":523},[1555],{"type":312,"tag":520,"props":1556,"children":1557},{"style":550},[1558],{"type":317,"value":1559},"}",{"type":317,"value":566},{"type":312,"tag":520,"props":1562,"children":1563},{"class":522,"style":523},[1564,1568,1572],{"type":312,"tag":520,"props":1565,"children":1566},{"style":527},[1567],{"type":317,"value":1000},{"type":312,"tag":520,"props":1569,"children":1570},{"style":533},[1571],{"type":317,"value":536},{"type":312,"tag":520,"props":1573,"children":1574},{"style":527},[1575],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1578,"children":1579},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":1582,"children":1583},{"class":522,"style":523},[1584,1588,1592],{"type":312,"tag":520,"props":1585,"children":1586},{"style":527},[1587],{"type":317,"value":530},{"type":312,"tag":520,"props":1589,"children":1590},{"style":533},[1591],{"type":317,"value":1025},{"type":312,"tag":520,"props":1593,"children":1594},{"style":527},[1595],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1598,"children":1599},{"class":522,"style":523},[1600,1604,1608,1612,1616,1620,1624,1628,1632,1636,1640,1644,1648,1652,1656,1661,1665,1669,1674,1678,1684,1688],{"type":312,"tag":520,"props":1601,"children":1602},{"style":527},[1603],{"type":317,"value":1038},{"type":312,"tag":520,"props":1605,"children":1606},{"style":533},[1607],{"type":317,"value":1043},{"type":312,"tag":520,"props":1609,"children":1610},{"style":550},[1611],{"type":317,"value":1048},{"type":312,"tag":520,"props":1613,"children":1614},{"style":539},[1615],{"type":317,"value":903},{"type":312,"tag":520,"props":1617,"children":1618},{"style":550},[1619],{"type":317,"value":553},{"type":312,"tag":520,"props":1621,"children":1622},{"style":550},[1623],{"type":317,"value":1061},{"type":312,"tag":520,"props":1625,"children":1626},{"style":583},[1627],{"type":317,"value":903},{"type":312,"tag":520,"props":1629,"children":1630},{"style":550},[1631],{"type":317,"value":1061},{"type":312,"tag":520,"props":1633,"children":1634},{"style":550},[1635],{"type":317,"value":1048},{"type":312,"tag":520,"props":1637,"children":1638},{"style":539},[1639],{"type":317,"value":1326},{"type":312,"tag":520,"props":1641,"children":1642},{"style":550},[1643],{"type":317,"value":553},{"type":312,"tag":520,"props":1645,"children":1646},{"style":550},[1647],{"type":317,"value":1061},{"type":312,"tag":520,"props":1649,"children":1650},{"style":583},[1651],{"type":317,"value":1326},{"type":312,"tag":520,"props":1653,"children":1654},{"style":550},[1655],{"type":317,"value":1061},{"type":312,"tag":520,"props":1657,"children":1658},{"style":539},[1659],{"type":317,"value":1660}," style",{"type":312,"tag":520,"props":1662,"children":1663},{"style":550},[1664],{"type":317,"value":553},{"type":312,"tag":520,"props":1666,"children":1667},{"style":550},[1668],{"type":317,"value":1061},{"type":312,"tag":520,"props":1670,"children":1671},{"style":539},[1672],{"type":317,"value":1673},"height",{"type":312,"tag":520,"props":1675,"children":1676},{"style":550},[1677],{"type":317,"value":1524},{"type":312,"tag":520,"props":1679,"children":1681},{"style":1680},"color:#098658;--shiki-dark:#B5CEA8",[1682],{"type":317,"value":1683},"100vh",{"type":312,"tag":520,"props":1685,"children":1686},{"style":550},[1687],{"type":317,"value":1061},{"type":312,"tag":520,"props":1689,"children":1690},{"style":527},[1691],{"type":317,"value":1241},{"type":317,"value":566},{"type":312,"tag":520,"props":1694,"children":1695},{"class":522,"style":523},[1696,1700,1704],{"type":312,"tag":520,"props":1697,"children":1698},{"style":527},[1699],{"type":317,"value":1000},{"type":312,"tag":520,"props":1701,"children":1702},{"style":533},[1703],{"type":317,"value":1025},{"type":312,"tag":520,"props":1705,"children":1706},{"style":527},[1707],{"type":317,"value":564},{"type":312,"tag":313,"props":1709,"children":1710},{},[1711,1713,1718],{"type":317,"value":1712},"Text nodes without a renderer fall through to the built-in text renderer. Other supported node types fall back to a simple label unless you provide a renderer, slot, or ",{"type":312,"tag":336,"props":1714,"children":1715},{},[1716],{"type":317,"value":1717},"fallbackRenderer",{"type":317,"value":395},{"type":312,"tag":324,"props":1720,"children":1722},{"id":1721},"writing-a-custom-renderer",[1723],{"type":317,"value":1724},"Writing a custom renderer",{"type":312,"tag":313,"props":1726,"children":1727},{},[1728],{"type":317,"value":1729},"A renderer is a standard Vue component that receives props from the board:",{"type":312,"tag":510,"props":1731,"children":1732},{"language":512,"class":513},[1733],{"type":312,"tag":336,"props":1734,"children":1735},{"class":517},[1736,1745,1746,1777,1778,1809,1810,1813,1814,1827,1828,1844,1845,1862,1863,1879,1880,1902,1903,1941,1942,1950,1951,1966,1967,1970,1971,1986,1987,2017,2018,2026,2027,2042,2043],{"type":312,"tag":520,"props":1737,"children":1738},{"class":522,"style":523},[1739],{"type":312,"tag":520,"props":1740,"children":1742},{"style":1741},"color:#008000;--shiki-dark:#6A9955",[1743],{"type":317,"value":1744},"\u003C!-- TextCard.vue -->",{"type":317,"value":566},{"type":312,"tag":520,"props":1747,"children":1748},{"class":522,"style":523},[1749,1753,1757,1761,1765,1769,1773],{"type":312,"tag":520,"props":1750,"children":1751},{"style":527},[1752],{"type":317,"value":530},{"type":312,"tag":520,"props":1754,"children":1755},{"style":533},[1756],{"type":317,"value":536},{"type":312,"tag":520,"props":1758,"children":1759},{"style":539},[1760],{"type":317,"value":542},{"type":312,"tag":520,"props":1762,"children":1763},{"style":539},[1764],{"type":317,"value":547},{"type":312,"tag":520,"props":1766,"children":1767},{"style":550},[1768],{"type":317,"value":553},{"type":312,"tag":520,"props":1770,"children":1771},{"style":556},[1772],{"type":317,"value":559},{"type":312,"tag":520,"props":1774,"children":1775},{"style":527},[1776],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1779,"children":1780},{"class":522,"style":523},[1781,1785,1789,1793,1797,1801,1805],{"type":312,"tag":520,"props":1782,"children":1783},{"style":572},[1784],{"type":317,"value":575},{"type":312,"tag":520,"props":1786,"children":1787},{"style":572},[1788],{"type":317,"value":1429},{"type":312,"tag":520,"props":1790,"children":1791},{"style":550},[1792],{"type":317,"value":580},{"type":312,"tag":520,"props":1794,"children":1795},{"style":583},[1796],{"type":317,"value":340},{"type":312,"tag":520,"props":1798,"children":1799},{"style":550},[1800],{"type":317,"value":600},{"type":312,"tag":520,"props":1802,"children":1803},{"style":572},[1804],{"type":317,"value":605},{"type":312,"tag":520,"props":1806,"children":1807},{"style":608},[1808],{"type":317,"value":650},{"type":317,"value":566},{"type":312,"tag":520,"props":1811,"children":1812},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":1815,"children":1816},{"class":522,"style":523},[1817,1822],{"type":312,"tag":520,"props":1818,"children":1819},{"style":678},[1820],{"type":317,"value":1821},"defineProps",{"type":312,"tag":520,"props":1823,"children":1824},{"style":550},[1825],{"type":317,"value":1826},"\u003C{",{"type":317,"value":566},{"type":312,"tag":520,"props":1829,"children":1830},{"class":522,"style":523},[1831,1836,1840],{"type":312,"tag":520,"props":1832,"children":1833},{"style":583},[1834],{"type":317,"value":1835},"  node",{"type":312,"tag":520,"props":1837,"children":1838},{"style":550},[1839],{"type":317,"value":1524},{"type":312,"tag":520,"props":1841,"children":1842},{"style":1527},[1843],{"type":317,"value":340},{"type":317,"value":566},{"type":312,"tag":520,"props":1846,"children":1847},{"class":522,"style":523},[1848,1853,1857],{"type":312,"tag":520,"props":1849,"children":1850},{"style":583},[1851],{"type":317,"value":1852},"  selected",{"type":312,"tag":520,"props":1854,"children":1855},{"style":550},[1856],{"type":317,"value":1524},{"type":312,"tag":520,"props":1858,"children":1859},{"style":1527},[1860],{"type":317,"value":1861},"boolean",{"type":317,"value":566},{"type":312,"tag":520,"props":1864,"children":1865},{"class":522,"style":523},[1866,1871,1875],{"type":312,"tag":520,"props":1867,"children":1868},{"style":583},[1869],{"type":317,"value":1870},"  editing",{"type":312,"tag":520,"props":1872,"children":1873},{"style":550},[1874],{"type":317,"value":1524},{"type":312,"tag":520,"props":1876,"children":1877},{"style":1527},[1878],{"type":317,"value":1861},{"type":317,"value":566},{"type":312,"tag":520,"props":1881,"children":1882},{"class":522,"style":523},[1883,1888,1893,1897],{"type":312,"tag":520,"props":1884,"children":1885},{"style":678},[1886],{"type":317,"value":1887},"  beginEdit",{"type":312,"tag":520,"props":1889,"children":1890},{"style":550},[1891],{"type":317,"value":1892},": () ",{"type":312,"tag":520,"props":1894,"children":1895},{"style":661},[1896],{"type":317,"value":768},{"type":312,"tag":520,"props":1898,"children":1899},{"style":1527},[1900],{"type":317,"value":1901}," void",{"type":317,"value":566},{"type":312,"tag":520,"props":1904,"children":1905},{"class":522,"style":523},[1906,1911,1916,1920,1924,1929,1933,1937],{"type":312,"tag":520,"props":1907,"children":1908},{"style":678},[1909],{"type":317,"value":1910},"  commitText",{"type":312,"tag":520,"props":1912,"children":1913},{"style":550},[1914],{"type":317,"value":1915},": (",{"type":312,"tag":520,"props":1917,"children":1918},{"style":583},[1919],{"type":317,"value":317},{"type":312,"tag":520,"props":1921,"children":1922},{"style":550},[1923],{"type":317,"value":1524},{"type":312,"tag":520,"props":1925,"children":1926},{"style":1527},[1927],{"type":317,"value":1928},"string",{"type":312,"tag":520,"props":1930,"children":1931},{"style":550},[1932],{"type":317,"value":820},{"type":312,"tag":520,"props":1934,"children":1935},{"style":661},[1936],{"type":317,"value":768},{"type":312,"tag":520,"props":1938,"children":1939},{"style":1527},[1940],{"type":317,"value":1901},{"type":317,"value":566},{"type":312,"tag":520,"props":1943,"children":1944},{"class":522,"style":523},[1945],{"type":312,"tag":520,"props":1946,"children":1947},{"style":550},[1948],{"type":317,"value":1949},"}>()",{"type":317,"value":566},{"type":312,"tag":520,"props":1952,"children":1953},{"class":522,"style":523},[1954,1958,1962],{"type":312,"tag":520,"props":1955,"children":1956},{"style":527},[1957],{"type":317,"value":1000},{"type":312,"tag":520,"props":1959,"children":1960},{"style":533},[1961],{"type":317,"value":536},{"type":312,"tag":520,"props":1963,"children":1964},{"style":527},[1965],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1968,"children":1969},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":1972,"children":1973},{"class":522,"style":523},[1974,1978,1982],{"type":312,"tag":520,"props":1975,"children":1976},{"style":527},[1977],{"type":317,"value":530},{"type":312,"tag":520,"props":1979,"children":1980},{"style":533},[1981],{"type":317,"value":1025},{"type":312,"tag":520,"props":1983,"children":1984},{"style":527},[1985],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":1988,"children":1989},{"class":522,"style":523},[1990,1994,1999,2004,2008,2013],{"type":312,"tag":520,"props":1991,"children":1992},{"style":527},[1993],{"type":317,"value":1038},{"type":312,"tag":520,"props":1995,"children":1996},{"style":533},[1997],{"type":317,"value":1998},"div",{"type":312,"tag":520,"props":2000,"children":2001},{"style":539},[2002],{"type":317,"value":2003}," class",{"type":312,"tag":520,"props":2005,"children":2006},{"style":550},[2007],{"type":317,"value":553},{"type":312,"tag":520,"props":2009,"children":2010},{"style":556},[2011],{"type":317,"value":2012},"\"w-full h-full\"",{"type":312,"tag":520,"props":2014,"children":2015},{"style":527},[2016],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":2019,"children":2020},{"class":522,"style":523},[2021],{"type":312,"tag":520,"props":2022,"children":2023},{"style":550},[2024],{"type":317,"value":2025},"    {{ node.text }}",{"type":317,"value":566},{"type":312,"tag":520,"props":2028,"children":2029},{"class":522,"style":523},[2030,2034,2038],{"type":312,"tag":520,"props":2031,"children":2032},{"style":527},[2033],{"type":317,"value":1267},{"type":312,"tag":520,"props":2035,"children":2036},{"style":533},[2037],{"type":317,"value":1998},{"type":312,"tag":520,"props":2039,"children":2040},{"style":527},[2041],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":2044,"children":2045},{"class":522,"style":523},[2046,2050,2054],{"type":312,"tag":520,"props":2047,"children":2048},{"style":527},[2049],{"type":317,"value":1000},{"type":312,"tag":520,"props":2051,"children":2052},{"style":533},[2053],{"type":317,"value":1025},{"type":312,"tag":520,"props":2055,"children":2056},{"style":527},[2057],{"type":317,"value":564},{"type":312,"tag":2059,"props":2060,"children":2062},"h3",{"id":2061},"writing-a-custom-renderer-renderer-props",[2063],{"type":317,"value":2064},"Renderer props",{"type":312,"tag":344,"props":2066,"children":2067},{},[2068,2089],{"type":312,"tag":348,"props":2069,"children":2070},{},[2071],{"type":312,"tag":352,"props":2072,"children":2073},{},[2074,2079,2084],{"type":312,"tag":356,"props":2075,"children":2076},{},[2077],{"type":317,"value":2078},"Prop",{"type":312,"tag":356,"props":2080,"children":2081},{},[2082],{"type":317,"value":2083},"Type",{"type":312,"tag":356,"props":2085,"children":2086},{},[2087],{"type":317,"value":2088},"Purpose",{"type":312,"tag":367,"props":2090,"children":2091},{},[2092,2114,2136,2159,2183],{"type":312,"tag":352,"props":2093,"children":2094},{},[2095,2102,2109],{"type":312,"tag":374,"props":2096,"children":2097},{},[2098],{"type":312,"tag":336,"props":2099,"children":2100},{},[2101],{"type":317,"value":1096},{"type":312,"tag":374,"props":2103,"children":2104},{},[2105],{"type":312,"tag":336,"props":2106,"children":2107},{},[2108],{"type":317,"value":340},{"type":312,"tag":374,"props":2110,"children":2111},{},[2112],{"type":317,"value":2113},"The node record: position, size, type, JSON Canvas fields, and metadata.",{"type":312,"tag":352,"props":2115,"children":2116},{},[2117,2124,2131],{"type":312,"tag":374,"props":2118,"children":2119},{},[2120],{"type":312,"tag":336,"props":2121,"children":2122},{},[2123],{"type":317,"value":1131},{"type":312,"tag":374,"props":2125,"children":2126},{},[2127],{"type":312,"tag":336,"props":2128,"children":2129},{},[2130],{"type":317,"value":1861},{"type":312,"tag":374,"props":2132,"children":2133},{},[2134],{"type":317,"value":2135},"Whether the node is currently selected.",{"type":312,"tag":352,"props":2137,"children":2138},{},[2139,2147,2154],{"type":312,"tag":374,"props":2140,"children":2141},{},[2142],{"type":312,"tag":336,"props":2143,"children":2144},{},[2145],{"type":317,"value":2146},"editing",{"type":312,"tag":374,"props":2148,"children":2149},{},[2150],{"type":312,"tag":336,"props":2151,"children":2152},{},[2153],{"type":317,"value":1861},{"type":312,"tag":374,"props":2155,"children":2156},{},[2157],{"type":317,"value":2158},"Whether this text node is in text editing mode. Always false for other node types.",{"type":312,"tag":352,"props":2160,"children":2161},{},[2162,2170,2178],{"type":312,"tag":374,"props":2163,"children":2164},{},[2165],{"type":312,"tag":336,"props":2166,"children":2167},{},[2168],{"type":317,"value":2169},"beginEdit",{"type":312,"tag":374,"props":2171,"children":2172},{},[2173],{"type":312,"tag":336,"props":2174,"children":2175},{},[2176],{"type":317,"value":2177},"() => void",{"type":312,"tag":374,"props":2179,"children":2180},{},[2181],{"type":317,"value":2182},"Enter text editing mode for a text node; otherwise a no-op.",{"type":312,"tag":352,"props":2184,"children":2185},{},[2186,2194,2202],{"type":312,"tag":374,"props":2187,"children":2188},{},[2189],{"type":312,"tag":336,"props":2190,"children":2191},{},[2192],{"type":317,"value":2193},"commitText",{"type":312,"tag":374,"props":2195,"children":2196},{},[2197],{"type":312,"tag":336,"props":2198,"children":2199},{},[2200],{"type":317,"value":2201},"(text: string) => void",{"type":312,"tag":374,"props":2203,"children":2204},{},[2205],{"type":317,"value":2206},"Commit a text node edit; otherwise a no-op.",{"type":312,"tag":313,"props":2208,"children":2209},{},[2210,2212,2217,2218,2223],{"type":317,"value":2211},"Your renderer fills the node's bounding box. Use ",{"type":312,"tag":336,"props":2213,"children":2214},{},[2215],{"type":317,"value":2216},"width: 100%",{"type":317,"value":1303},{"type":312,"tag":336,"props":2219,"children":2220},{},[2221],{"type":317,"value":2222},"height: 100%",{"type":317,"value":395},{"type":312,"tag":2225,"props":2226,"children":2227},"tip",{},[2228,2230,2235],{"type":317,"value":2229},"Use ",{"type":312,"tag":336,"props":2231,"children":2232},{},[2233],{"type":317,"value":2234},"useBoardEngine()",{"type":317,"value":2236}," inside your renderer to access the engine and call commands.",{"type":312,"tag":2059,"props":2238,"children":2240},{"id":2239},"writing-a-custom-renderer-editing-from-a-renderer",[2241],{"type":317,"value":2242},"Editing from a renderer",{"type":312,"tag":313,"props":2244,"children":2245},{},[2246,2248,2253],{"type":317,"value":2247},"The bundled editing callbacks are deliberately text-only. File, link, and group renderers should keep custom UI state locally and persist supported fields with ",{"type":312,"tag":336,"props":2249,"children":2250},{},[2251],{"type":317,"value":2252},"engine.updateNode()",{"type":317,"value":395},{"type":312,"tag":313,"props":2255,"children":2256},{},[2257,2259,2263],{"type":317,"value":2258},"Do not mutate the ",{"type":312,"tag":336,"props":2260,"children":2261},{},[2262],{"type":317,"value":1096},{"type":317,"value":2264}," prop. Call engine commands or the renderer callbacks:",{"type":312,"tag":510,"props":2266,"children":2267},{"language":512,"class":513},[2268],{"type":312,"tag":336,"props":2269,"children":2270},{"class":517},[2271,2302,2303,2334,2335,2338,2339,2363,2364,2379,2380,2395,2396,2415,2416,2451,2452,2459,2460,2475,2476,2479,2480,2495,2496,2570,2571,2583,2584,2592,2593,2610,2611,2628,2629,2646,2647,2660,2661],{"type":312,"tag":520,"props":2272,"children":2273},{"class":522,"style":523},[2274,2278,2282,2286,2290,2294,2298],{"type":312,"tag":520,"props":2275,"children":2276},{"style":527},[2277],{"type":317,"value":530},{"type":312,"tag":520,"props":2279,"children":2280},{"style":533},[2281],{"type":317,"value":536},{"type":312,"tag":520,"props":2283,"children":2284},{"style":539},[2285],{"type":317,"value":542},{"type":312,"tag":520,"props":2287,"children":2288},{"style":539},[2289],{"type":317,"value":547},{"type":312,"tag":520,"props":2291,"children":2292},{"style":550},[2293],{"type":317,"value":553},{"type":312,"tag":520,"props":2295,"children":2296},{"style":556},[2297],{"type":317,"value":559},{"type":312,"tag":520,"props":2299,"children":2300},{"style":527},[2301],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":2304,"children":2305},{"class":522,"style":523},[2306,2310,2314,2318,2322,2326,2330],{"type":312,"tag":520,"props":2307,"children":2308},{"style":572},[2309],{"type":317,"value":575},{"type":312,"tag":520,"props":2311,"children":2312},{"style":572},[2313],{"type":317,"value":1429},{"type":312,"tag":520,"props":2315,"children":2316},{"style":550},[2317],{"type":317,"value":580},{"type":312,"tag":520,"props":2319,"children":2320},{"style":583},[2321],{"type":317,"value":340},{"type":312,"tag":520,"props":2323,"children":2324},{"style":550},[2325],{"type":317,"value":600},{"type":312,"tag":520,"props":2327,"children":2328},{"style":572},[2329],{"type":317,"value":605},{"type":312,"tag":520,"props":2331,"children":2332},{"style":608},[2333],{"type":317,"value":650},{"type":317,"value":566},{"type":312,"tag":520,"props":2336,"children":2337},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":2340,"children":2341},{"class":522,"style":523},[2342,2346,2351,2355,2359],{"type":312,"tag":520,"props":2343,"children":2344},{"style":661},[2345],{"type":317,"value":664},{"type":312,"tag":520,"props":2347,"children":2348},{"style":667},[2349],{"type":317,"value":2350}," props",{"type":312,"tag":520,"props":2352,"children":2353},{"style":550},[2354],{"type":317,"value":675},{"type":312,"tag":520,"props":2356,"children":2357},{"style":678},[2358],{"type":317,"value":1821},{"type":312,"tag":520,"props":2360,"children":2361},{"style":550},[2362],{"type":317,"value":1826},{"type":317,"value":566},{"type":312,"tag":520,"props":2365,"children":2366},{"class":522,"style":523},[2367,2371,2375],{"type":312,"tag":520,"props":2368,"children":2369},{"style":583},[2370],{"type":317,"value":1835},{"type":312,"tag":520,"props":2372,"children":2373},{"style":550},[2374],{"type":317,"value":1524},{"type":312,"tag":520,"props":2376,"children":2377},{"style":1527},[2378],{"type":317,"value":340},{"type":317,"value":566},{"type":312,"tag":520,"props":2381,"children":2382},{"class":522,"style":523},[2383,2387,2391],{"type":312,"tag":520,"props":2384,"children":2385},{"style":583},[2386],{"type":317,"value":1870},{"type":312,"tag":520,"props":2388,"children":2389},{"style":550},[2390],{"type":317,"value":1524},{"type":312,"tag":520,"props":2392,"children":2393},{"style":1527},[2394],{"type":317,"value":1861},{"type":317,"value":566},{"type":312,"tag":520,"props":2397,"children":2398},{"class":522,"style":523},[2399,2403,2407,2411],{"type":312,"tag":520,"props":2400,"children":2401},{"style":678},[2402],{"type":317,"value":1887},{"type":312,"tag":520,"props":2404,"children":2405},{"style":550},[2406],{"type":317,"value":1892},{"type":312,"tag":520,"props":2408,"children":2409},{"style":661},[2410],{"type":317,"value":768},{"type":312,"tag":520,"props":2412,"children":2413},{"style":1527},[2414],{"type":317,"value":1901},{"type":317,"value":566},{"type":312,"tag":520,"props":2417,"children":2418},{"class":522,"style":523},[2419,2423,2427,2431,2435,2439,2443,2447],{"type":312,"tag":520,"props":2420,"children":2421},{"style":678},[2422],{"type":317,"value":1910},{"type":312,"tag":520,"props":2424,"children":2425},{"style":550},[2426],{"type":317,"value":1915},{"type":312,"tag":520,"props":2428,"children":2429},{"style":583},[2430],{"type":317,"value":317},{"type":312,"tag":520,"props":2432,"children":2433},{"style":550},[2434],{"type":317,"value":1524},{"type":312,"tag":520,"props":2436,"children":2437},{"style":1527},[2438],{"type":317,"value":1928},{"type":312,"tag":520,"props":2440,"children":2441},{"style":550},[2442],{"type":317,"value":820},{"type":312,"tag":520,"props":2444,"children":2445},{"style":661},[2446],{"type":317,"value":768},{"type":312,"tag":520,"props":2448,"children":2449},{"style":1527},[2450],{"type":317,"value":1901},{"type":317,"value":566},{"type":312,"tag":520,"props":2453,"children":2454},{"class":522,"style":523},[2455],{"type":312,"tag":520,"props":2456,"children":2457},{"style":550},[2458],{"type":317,"value":1949},{"type":317,"value":566},{"type":312,"tag":520,"props":2461,"children":2462},{"class":522,"style":523},[2463,2467,2471],{"type":312,"tag":520,"props":2464,"children":2465},{"style":527},[2466],{"type":317,"value":1000},{"type":312,"tag":520,"props":2468,"children":2469},{"style":533},[2470],{"type":317,"value":536},{"type":312,"tag":520,"props":2472,"children":2473},{"style":527},[2474],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":2477,"children":2478},{"class":522,"style":523},[],{"type":317,"value":566},{"type":312,"tag":520,"props":2481,"children":2482},{"class":522,"style":523},[2483,2487,2491],{"type":312,"tag":520,"props":2484,"children":2485},{"style":527},[2486],{"type":317,"value":530},{"type":312,"tag":520,"props":2488,"children":2489},{"style":533},[2490],{"type":317,"value":1025},{"type":312,"tag":520,"props":2492,"children":2493},{"style":527},[2494],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":2497,"children":2498},{"class":522,"style":523},[2499,2503,2508,2513,2517,2522,2526,2530,2535,2540,2544,2549,2553,2558,2562,2566],{"type":312,"tag":520,"props":2500,"children":2501},{"style":527},[2502],{"type":317,"value":1038},{"type":312,"tag":520,"props":2504,"children":2505},{"style":533},[2506],{"type":317,"value":2507},"button",{"type":312,"tag":520,"props":2509,"children":2510},{"style":539},[2511],{"type":317,"value":2512}," v-if",{"type":312,"tag":520,"props":2514,"children":2515},{"style":550},[2516],{"type":317,"value":553},{"type":312,"tag":520,"props":2518,"children":2519},{"style":556},[2520],{"type":317,"value":2521},"\"!editing\"",{"type":312,"tag":520,"props":2523,"children":2524},{"style":539},[2525],{"type":317,"value":1429},{"type":312,"tag":520,"props":2527,"children":2528},{"style":550},[2529],{"type":317,"value":553},{"type":312,"tag":520,"props":2531,"children":2532},{"style":556},[2533],{"type":317,"value":2534},"\"button\"",{"type":312,"tag":520,"props":2536,"children":2537},{"style":539},[2538],{"type":317,"value":2539}," @click",{"type":312,"tag":520,"props":2541,"children":2542},{"style":550},[2543],{"type":317,"value":553},{"type":312,"tag":520,"props":2545,"children":2546},{"style":556},[2547],{"type":317,"value":2548},"\"beginEdit\"",{"type":312,"tag":520,"props":2550,"children":2551},{"style":527},[2552],{"type":317,"value":564},{"type":312,"tag":520,"props":2554,"children":2555},{"style":550},[2556],{"type":317,"value":2557},"Edit",{"type":312,"tag":520,"props":2559,"children":2560},{"style":527},[2561],{"type":317,"value":1000},{"type":312,"tag":520,"props":2563,"children":2564},{"style":533},[2565],{"type":317,"value":2507},{"type":312,"tag":520,"props":2567,"children":2568},{"style":527},[2569],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":2572,"children":2573},{"class":522,"style":523},[2574,2578],{"type":312,"tag":520,"props":2575,"children":2576},{"style":527},[2577],{"type":317,"value":1038},{"type":312,"tag":520,"props":2579,"children":2580},{"style":533},[2581],{"type":317,"value":2582},"textarea",{"type":317,"value":566},{"type":312,"tag":520,"props":2585,"children":2586},{"class":522,"style":523},[2587],{"type":312,"tag":520,"props":2588,"children":2589},{"style":539},[2590],{"type":317,"value":2591},"    v-else",{"type":317,"value":566},{"type":312,"tag":520,"props":2594,"children":2595},{"class":522,"style":523},[2596,2601,2605],{"type":312,"tag":520,"props":2597,"children":2598},{"style":539},[2599],{"type":317,"value":2600},"    :value",{"type":312,"tag":520,"props":2602,"children":2603},{"style":550},[2604],{"type":317,"value":553},{"type":312,"tag":520,"props":2606,"children":2607},{"style":556},[2608],{"type":317,"value":2609},"\"props.node.text\"",{"type":317,"value":566},{"type":312,"tag":520,"props":2612,"children":2613},{"class":522,"style":523},[2614,2619,2623],{"type":312,"tag":520,"props":2615,"children":2616},{"style":539},[2617],{"type":317,"value":2618},"    data-editor",{"type":312,"tag":520,"props":2620,"children":2621},{"style":550},[2622],{"type":317,"value":553},{"type":312,"tag":520,"props":2624,"children":2625},{"style":556},[2626],{"type":317,"value":2627},"\"true\"",{"type":317,"value":566},{"type":312,"tag":520,"props":2630,"children":2631},{"class":522,"style":523},[2632,2637,2641],{"type":312,"tag":520,"props":2633,"children":2634},{"style":539},[2635],{"type":317,"value":2636},"    @change",{"type":312,"tag":520,"props":2638,"children":2639},{"style":550},[2640],{"type":317,"value":553},{"type":312,"tag":520,"props":2642,"children":2643},{"style":556},[2644],{"type":317,"value":2645},"\"commitText(($event.target as HTMLTextAreaElement).value)\"",{"type":317,"value":566},{"type":312,"tag":520,"props":2648,"children":2649},{"class":522,"style":523},[2650,2656],{"type":312,"tag":520,"props":2651,"children":2653},{"style":2652},"color:#CD3131;--shiki-dark:#F44747",[2654],{"type":317,"value":2655},"  \u002F",{"type":312,"tag":520,"props":2657,"children":2658},{"style":527},[2659],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":2662,"children":2663},{"class":522,"style":523},[2664,2668,2672],{"type":312,"tag":520,"props":2665,"children":2666},{"style":527},[2667],{"type":317,"value":1000},{"type":312,"tag":520,"props":2669,"children":2670},{"style":533},[2671],{"type":317,"value":1025},{"type":312,"tag":520,"props":2673,"children":2674},{"style":527},[2675],{"type":317,"value":564},{"type":312,"tag":2677,"props":2678,"children":2679},"warning",{},[2680,2682,2687,2689,2694],{"type":317,"value":2681},"Use real form controls or ",{"type":312,"tag":336,"props":2683,"children":2684},{},[2685],{"type":317,"value":2686},"contenteditable",{"type":317,"value":2688}," elements for keyboard editing, and mark custom editor controls with ",{"type":312,"tag":336,"props":2690,"children":2691},{},[2692],{"type":317,"value":2693},"data-editor=\"true\"",{"type":317,"value":2695}," so board pointer and double-click handlers pass through them.",{"type":312,"tag":324,"props":2697,"children":2699},{"id":2698},"slot-based-rendering",[2700],{"type":317,"value":2701},"Slot-based rendering",{"type":312,"tag":313,"props":2703,"children":2704},{},[2705,2707,2711],{"type":317,"value":2706},"You can also use named slots on ",{"type":312,"tag":336,"props":2708,"children":2709},{},[2710],{"type":317,"value":1043},{"type":317,"value":2712}," instead of (or in addition to) the registry:",{"type":312,"tag":510,"props":2714,"children":2715},{"language":512,"class":513},[2716],{"type":312,"tag":336,"props":2717,"children":2718},{"class":517},[2719,2758,2759,2767,2768,2776,2777,2785,2786,2794,2795,2803,2804],{"type":312,"tag":520,"props":2720,"children":2721},{"class":522,"style":523},[2722,2726,2730,2734,2738,2742,2746,2750,2754],{"type":312,"tag":520,"props":2723,"children":2724},{"style":527},[2725],{"type":317,"value":530},{"type":312,"tag":520,"props":2727,"children":2728},{"style":533},[2729],{"type":317,"value":1043},{"type":312,"tag":520,"props":2731,"children":2732},{"style":550},[2733],{"type":317,"value":1048},{"type":312,"tag":520,"props":2735,"children":2736},{"style":539},[2737],{"type":317,"value":903},{"type":312,"tag":520,"props":2739,"children":2740},{"style":550},[2741],{"type":317,"value":553},{"type":312,"tag":520,"props":2743,"children":2744},{"style":550},[2745],{"type":317,"value":1061},{"type":312,"tag":520,"props":2747,"children":2748},{"style":583},[2749],{"type":317,"value":903},{"type":312,"tag":520,"props":2751,"children":2752},{"style":550},[2753],{"type":317,"value":1061},{"type":312,"tag":520,"props":2755,"children":2756},{"style":527},[2757],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":2760,"children":2761},{"class":522,"style":523},[2762],{"type":312,"tag":520,"props":2763,"children":2764},{"style":550},[2765],{"type":317,"value":2766},"  \u003Ctemplate #node:text=\"{ node, selected }\">",{"type":317,"value":566},{"type":312,"tag":520,"props":2769,"children":2770},{"class":522,"style":523},[2771],{"type":312,"tag":520,"props":2772,"children":2773},{"style":550},[2774],{"type":317,"value":2775},"    \u003Carticle :class=\"{ selected }\">",{"type":317,"value":566},{"type":312,"tag":520,"props":2778,"children":2779},{"class":522,"style":523},[2780],{"type":312,"tag":520,"props":2781,"children":2782},{"style":550},[2783],{"type":317,"value":2784},"      {{ node.text }}",{"type":317,"value":566},{"type":312,"tag":520,"props":2787,"children":2788},{"class":522,"style":523},[2789],{"type":312,"tag":520,"props":2790,"children":2791},{"style":550},[2792],{"type":317,"value":2793},"    \u003C\u002Farticle>",{"type":317,"value":566},{"type":312,"tag":520,"props":2796,"children":2797},{"class":522,"style":523},[2798],{"type":312,"tag":520,"props":2799,"children":2800},{"style":550},[2801],{"type":317,"value":2802},"  \u003C\u002Ftemplate>",{"type":317,"value":566},{"type":312,"tag":520,"props":2805,"children":2806},{"class":522,"style":523},[2807,2811,2815],{"type":312,"tag":520,"props":2808,"children":2809},{"style":527},[2810],{"type":317,"value":1000},{"type":312,"tag":520,"props":2812,"children":2813},{"style":533},[2814],{"type":317,"value":1043},{"type":312,"tag":520,"props":2816,"children":2817},{"style":527},[2818],{"type":317,"value":564},{"type":312,"tag":2059,"props":2820,"children":2822},{"id":2821},"slot-based-rendering-resolution-order",[2823],{"type":317,"value":2824},"Resolution order",{"type":312,"tag":2826,"props":2827,"children":2828},"ol",{},[2829,2840,2850,2860,2869],{"type":312,"tag":2830,"props":2831,"children":2832},"li",{},[2833,2838],{"type":312,"tag":336,"props":2834,"children":2835},{},[2836],{"type":317,"value":2837},"#node:{type}",{"type":317,"value":2839}," named slot (highest priority)",{"type":312,"tag":2830,"props":2841,"children":2842},{},[2843,2848],{"type":312,"tag":336,"props":2844,"children":2845},{},[2846],{"type":317,"value":2847},"#node",{"type":317,"value":2849}," fallback slot",{"type":312,"tag":2830,"props":2851,"children":2852},{},[2853,2858],{"type":312,"tag":336,"props":2854,"children":2855},{},[2856],{"type":317,"value":2857},"renderers[type]",{"type":317,"value":2859}," from the registry",{"type":312,"tag":2830,"props":2861,"children":2862},{},[2863,2867],{"type":312,"tag":336,"props":2864,"children":2865},{},[2866],{"type":317,"value":1717},{"type":317,"value":2868}," prop",{"type":312,"tag":2830,"props":2870,"children":2871},{},[2872],{"type":317,"value":2873},"Built-in text renderer (lowest priority)",{"type":312,"tag":324,"props":2875,"children":2877},{"id":2876},"level-of-detail-lod",[2878],{"type":317,"value":2879},"Level of detail (LOD)",{"type":312,"tag":313,"props":2881,"children":2882},{},[2883,2887],{"type":312,"tag":336,"props":2884,"children":2885},{},[2886],{"type":317,"value":1043},{"type":317,"value":2888}," assigns one of three LOD levels based on screen-space size:",{"type":312,"tag":344,"props":2890,"children":2891},{},[2892,2913],{"type":312,"tag":348,"props":2893,"children":2894},{},[2895],{"type":312,"tag":352,"props":2896,"children":2897},{},[2898,2903,2908],{"type":312,"tag":356,"props":2899,"children":2900},{},[2901],{"type":317,"value":2902},"LOD",{"type":312,"tag":356,"props":2904,"children":2905},{},[2906],{"type":317,"value":2907},"Condition",{"type":312,"tag":356,"props":2909,"children":2910},{},[2911],{"type":317,"value":2912},"What renders",{"type":312,"tag":367,"props":2914,"children":2915},{},[2916,2937,2958],{"type":312,"tag":352,"props":2917,"children":2918},{},[2919,2927,2932],{"type":312,"tag":374,"props":2920,"children":2921},{},[2922],{"type":312,"tag":336,"props":2923,"children":2924},{},[2925],{"type":317,"value":2926},"full",{"type":312,"tag":374,"props":2928,"children":2929},{},[2930],{"type":317,"value":2931},"Selected, or >= 96px",{"type":312,"tag":374,"props":2933,"children":2934},{},[2935],{"type":317,"value":2936},"Your custom renderer.",{"type":312,"tag":352,"props":2938,"children":2939},{},[2940,2948,2953],{"type":312,"tag":374,"props":2941,"children":2942},{},[2943],{"type":312,"tag":336,"props":2944,"children":2945},{},[2946],{"type":317,"value":2947},"simple",{"type":312,"tag":374,"props":2949,"children":2950},{},[2951],{"type":317,"value":2952},"6–96px",{"type":312,"tag":374,"props":2954,"children":2955},{},[2956],{"type":317,"value":2957},"Minimal placeholder with stripe pattern.",{"type":312,"tag":352,"props":2959,"children":2960},{},[2961,2969,2974],{"type":312,"tag":374,"props":2962,"children":2963},{},[2964],{"type":312,"tag":336,"props":2965,"children":2966},{},[2967],{"type":317,"value":2968},"hidden",{"type":312,"tag":374,"props":2970,"children":2971},{},[2972],{"type":317,"value":2973},"\u003C 6px",{"type":312,"tag":374,"props":2975,"children":2976},{},[2977],{"type":317,"value":2978},"Nothing (unmounted from DOM).",{"type":312,"tag":313,"props":2980,"children":2981},{},[2982,2984,2988],{"type":317,"value":2983},"Selected nodes always render at ",{"type":312,"tag":336,"props":2985,"children":2986},{},[2987],{"type":317,"value":2926},{"type":317,"value":2989}," LOD regardless of size.",{"type":312,"tag":2991,"props":2992,"children":2993},"collapsible",{},[2994,3000,3012,3099],{"type":312,"tag":2059,"props":2995,"children":2997},{"id":2996},"level-of-detail-lod-custom-resize-handles",[2998],{"type":317,"value":2999},"Custom resize handles",{"type":312,"tag":313,"props":3001,"children":3002},{},[3003,3005,3010],{"type":317,"value":3004},"Override resize handle appearance with the ",{"type":312,"tag":336,"props":3006,"children":3007},{},[3008],{"type":317,"value":3009},"handle",{"type":317,"value":3011}," slot:",{"type":312,"tag":510,"props":3013,"children":3014},{"language":512,"class":513},[3015],{"type":312,"tag":336,"props":3016,"children":3017},{"class":517},[3018,3057,3058,3066,3067,3075,3076,3083,3084],{"type":312,"tag":520,"props":3019,"children":3020},{"class":522,"style":523},[3021,3025,3029,3033,3037,3041,3045,3049,3053],{"type":312,"tag":520,"props":3022,"children":3023},{"style":527},[3024],{"type":317,"value":530},{"type":312,"tag":520,"props":3026,"children":3027},{"style":533},[3028],{"type":317,"value":1043},{"type":312,"tag":520,"props":3030,"children":3031},{"style":550},[3032],{"type":317,"value":1048},{"type":312,"tag":520,"props":3034,"children":3035},{"style":539},[3036],{"type":317,"value":903},{"type":312,"tag":520,"props":3038,"children":3039},{"style":550},[3040],{"type":317,"value":553},{"type":312,"tag":520,"props":3042,"children":3043},{"style":550},[3044],{"type":317,"value":1061},{"type":312,"tag":520,"props":3046,"children":3047},{"style":583},[3048],{"type":317,"value":903},{"type":312,"tag":520,"props":3050,"children":3051},{"style":550},[3052],{"type":317,"value":1061},{"type":312,"tag":520,"props":3054,"children":3055},{"style":527},[3056],{"type":317,"value":564},{"type":317,"value":566},{"type":312,"tag":520,"props":3059,"children":3060},{"class":522,"style":523},[3061],{"type":312,"tag":520,"props":3062,"children":3063},{"style":550},[3064],{"type":317,"value":3065},"  \u003Ctemplate #handle=\"{ handle }\">",{"type":317,"value":566},{"type":312,"tag":520,"props":3068,"children":3069},{"class":522,"style":523},[3070],{"type":312,"tag":520,"props":3071,"children":3072},{"style":550},[3073],{"type":317,"value":3074},"    \u003Cdiv class=\"my-custom-handle\" :data-resize=\"handle\" \u002F>",{"type":317,"value":566},{"type":312,"tag":520,"props":3077,"children":3078},{"class":522,"style":523},[3079],{"type":312,"tag":520,"props":3080,"children":3081},{"style":550},[3082],{"type":317,"value":2802},{"type":317,"value":566},{"type":312,"tag":520,"props":3085,"children":3086},{"class":522,"style":523},[3087,3091,3095],{"type":312,"tag":520,"props":3088,"children":3089},{"style":527},[3090],{"type":317,"value":1000},{"type":312,"tag":520,"props":3092,"children":3093},{"style":533},[3094],{"type":317,"value":1043},{"type":312,"tag":520,"props":3096,"children":3097},{"style":527},[3098],{"type":317,"value":564},{"type":312,"tag":313,"props":3100,"children":3101},{},[3102,3104,3109,3111,3115],{"type":317,"value":3103},"The ",{"type":312,"tag":336,"props":3105,"children":3106},{},[3107],{"type":317,"value":3108},"data-resize",{"type":317,"value":3110}," attribute is required — ",{"type":312,"tag":336,"props":3112,"children":3113},{},[3114],{"type":317,"value":1043},{"type":317,"value":3116}," uses it to identify which handle was clicked.",{"title":3118,"searchDepth":3119,"depth":3119,"links":3120},"",4,[3121,3123,3124,3129,3132],{"id":326,"depth":3122,"text":329},2,{"id":1313,"depth":3122,"text":1316},{"id":1721,"depth":3122,"text":1724,"children":3125},[3126,3128],{"id":2061,"depth":3127,"text":2064},3,{"id":2239,"depth":3127,"text":2242},{"id":2698,"depth":3122,"text":2701,"children":3130},[3131],{"id":2821,"depth":3127,"text":2824},{"id":2876,"depth":3122,"text":2879,"children":3133},[3134],{"id":2996,"depth":3127,"text":2999},"markdown","docs",{"source":3138,"path":3139,"stem":3140,"dir":3141,"extension":3142},"content","docs\u002F4.build-features\u002F1.custom-node-renderers.md","docs\u002F4.build-features\u002F1.custom-node-renderers","build-features","md",{"requestedPath":112,"resolvedPath":112,"alternates":3144},[],{"requested":3146,"resolved":3147,"usedFallback":6},{},{"locale":8},{"previous":3149,"next":3150},{"title":96,"id":97,"canonicalKey":98,"locale":8,"draft":6,"path":99},{"title":114,"id":115,"canonicalKey":116,"locale":8,"draft":6,"navigation":3151,"icon":118,"path":119},{"icon":118},{"left":3153,"top":3153,"width":3154,"height":3155,"rotate":3153,"vFlip":6,"hFlip":6,"body":3156},0,256,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":3153,"top":3153,"width":3158,"height":3158,"rotate":3153,"vFlip":6,"hFlip":6,"body":3159},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>",1786637501637]