[{"data":1,"prerenderedAt":1420},["ShallowReactive",2],{"navigation":3,"\u002Feditors\u002Fcharts":629,"\u002Feditors\u002Fcharts-surround":1416},[4,27,60,265,595,625],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":26},"Getting started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,14,18,22],{"title":11,"path":12,"stem":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction",{"title":15,"path":16,"stem":17},"Editors","\u002Fgetting-started\u002Feditors","1.getting-started\u002F2.editors",{"title":19,"path":20,"stem":21},"Editor API","\u002Fgetting-started\u002Feditor-api","1.getting-started\u002F3.editor-api",{"title":23,"path":24,"stem":25},"Migration v1 → v2","\u002Fgetting-started\u002Fmigration-v1-to-v2","1.getting-started\u002F4.migration-v1-to-v2",false,{"title":15,"icon":28,"path":29,"stem":30,"children":31,"page":26},"i-lucide-layout-panel-left","\u002Feditors","2.editors",[32,36,40,44,48,52,56],{"title":33,"path":34,"stem":35},"JSON Editor","\u002Feditors\u002Fjson","2.editors\u002F1.json",{"title":37,"path":38,"stem":39},"Markdown Editor","\u002Feditors\u002Fmarkdown","2.editors\u002F2.markdown",{"title":41,"path":42,"stem":43},"Code Editor","\u002Feditors\u002Fcode","2.editors\u002F3.code",{"title":45,"path":46,"stem":47},"Forms Editor","\u002Feditors\u002Fforms","2.editors\u002F4.forms",{"title":49,"path":50,"stem":51},"Charts Editor","\u002Feditors\u002Fcharts","2.editors\u002F5.charts",{"title":53,"path":54,"stem":55},"Calendar Editor","\u002Feditors\u002Fcalendar","2.editors\u002F6.calendar",{"title":57,"path":58,"stem":59},"Tables Editor","\u002Feditors\u002Ftables","2.editors\u002F7.tables",{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":26},"Plugins","i-lucide-puzzle","\u002Fplugins","3.plugins",[66,70,108,154,180,210,235],{"title":67,"path":68,"stem":69},"Plugins overview","\u002Fplugins\u002Foverview","3.plugins\u002F1.overview",{"title":71,"icon":72,"path":73,"stem":74,"children":75,"page":26},"Formatting","i-lucide-type","\u002Fplugins\u002Fformatting","3.plugins\u002F2.formatting",[76,80,84,88,92,96,100,104],{"title":77,"path":78,"stem":79},"Default marks","\u002Fplugins\u002Fformatting\u002Ftoolbar","3.plugins\u002F2.formatting\u002F1.toolbar",{"title":81,"path":82,"stem":83},"Font","\u002Fplugins\u002Fformatting\u002Ffont","3.plugins\u002F2.formatting\u002F2.font",{"title":85,"path":86,"stem":87},"Typography","\u002Fplugins\u002Fformatting\u002Ftypography","3.plugins\u002F2.formatting\u002F3.typography",{"title":89,"path":90,"stem":91},"Color","\u002Fplugins\u002Fformatting\u002Fcolor","3.plugins\u002F2.formatting\u002F4.color",{"title":93,"path":94,"stem":95},"Clear Styles","\u002Fplugins\u002Fformatting\u002Fclear-styles","3.plugins\u002F2.formatting\u002F5.clear-styles",{"title":97,"path":98,"stem":99},"Alignment","\u002Fplugins\u002Fformatting\u002Falignment","3.plugins\u002F2.formatting\u002F6.alignment",{"title":101,"path":102,"stem":103},"Block Style","\u002Fplugins\u002Fformatting\u002Fblock-style","3.plugins\u002F2.formatting\u002F7.block-style",{"title":105,"path":106,"stem":107},"Link","\u002Fplugins\u002Fformatting\u002Flink","3.plugins\u002F2.formatting\u002F8.link",{"title":109,"icon":110,"path":111,"stem":112,"children":113,"page":26},"Blocks","i-lucide-blocks","\u002Fplugins\u002Fblocks","3.plugins\u002F3.blocks",[114,118,122,126,130,134,138,142,146,150],{"title":115,"path":116,"stem":117},"Block","\u002Fplugins\u002Fblocks\u002Fblock","3.plugins\u002F3.blocks\u002F01.block",{"title":119,"path":120,"stem":121},"Lists","\u002Fplugins\u002Fblocks\u002Flists","3.plugins\u002F3.blocks\u002F02.lists",{"title":123,"path":124,"stem":125},"Table","\u002Fplugins\u002Fblocks\u002Ftable","3.plugins\u002F3.blocks\u002F03.table",{"title":127,"path":128,"stem":129},"Templates","\u002Fplugins\u002Fblocks\u002Ftemplates","3.plugins\u002F3.blocks\u002F04.templates",{"title":131,"path":132,"stem":133},"Code Block","\u002Fplugins\u002Fblocks\u002Fcode-block","3.plugins\u002F3.blocks\u002F05.code-block",{"title":135,"path":136,"stem":137},"Math","\u002Fplugins\u002Fblocks\u002Fmath","3.plugins\u002F3.blocks\u002F06.math",{"title":139,"path":140,"stem":141},"HTML Viewer","\u002Fplugins\u002Fblocks\u002Fhtml-viewer","3.plugins\u002F3.blocks\u002F07.html-viewer",{"title":143,"path":144,"stem":145},"Footnotes","\u002Fplugins\u002Fblocks\u002Ffootnotes","3.plugins\u002F3.blocks\u002F08.footnotes",{"title":147,"path":148,"stem":149},"Anchor Link","\u002Fplugins\u002Fblocks\u002Fanchor-link","3.plugins\u002F3.blocks\u002F09.anchor-link",{"title":151,"path":152,"stem":153},"Footer","\u002Fplugins\u002Fblocks\u002Ffooter","3.plugins\u002F3.blocks\u002F10.footer",{"title":155,"icon":156,"path":157,"stem":158,"children":159,"page":26},"Media","i-lucide-image","\u002Fplugins\u002Fmedia","3.plugins\u002F4.media",[160,164,168,172,176],{"title":161,"path":162,"stem":163},"Image","\u002Fplugins\u002Fmedia\u002Fimage","3.plugins\u002F4.media\u002F1.image",{"title":165,"path":166,"stem":167},"Video","\u002Fplugins\u002Fmedia\u002Fvideo","3.plugins\u002F4.media\u002F2.video",{"title":169,"path":170,"stem":171},"YouTube Video","\u002Fplugins\u002Fmedia\u002Fyoutube-video","3.plugins\u002F4.media\u002F3.youtube-video",{"title":173,"path":174,"stem":175},"File Upload","\u002Fplugins\u002Fmedia\u002Ffile-upload","3.plugins\u002F4.media\u002F4.file-upload",{"title":177,"path":178,"stem":179},"PDF Embed","\u002Fplugins\u002Fmedia\u002Fpdf-embed","3.plugins\u002F4.media\u002F5.pdf-embed",{"title":181,"icon":182,"path":183,"stem":184,"children":185,"page":26},"Data & embeds","i-lucide-database","\u002Fplugins\u002Fdata","3.plugins\u002F5.data",[186,190,194,198,202,206],{"title":187,"path":188,"stem":189},"JSON","\u002Fplugins\u002Fdata\u002Fjson","3.plugins\u002F5.data\u002F1.json",{"title":191,"path":192,"stem":193},"Markdown","\u002Fplugins\u002Fdata\u002Fmarkdown","3.plugins\u002F5.data\u002F2.markdown",{"title":195,"path":196,"stem":197},"Charts","\u002Fplugins\u002Fdata\u002Fcharts","3.plugins\u002F5.data\u002F3.charts",{"title":199,"path":200,"stem":201},"Form Builder","\u002Fplugins\u002Fdata\u002Fform-builder","3.plugins\u002F5.data\u002F4.form-builder",{"title":203,"path":204,"stem":205},"Calendar","\u002Fplugins\u002Fdata\u002Fcalendar","3.plugins\u002F5.data\u002F5.calendar",{"title":207,"path":208,"stem":209},"Timer","\u002Fplugins\u002Fdata\u002Ftimer","3.plugins\u002F5.data\u002F6.timer",{"title":211,"icon":212,"path":213,"stem":214,"children":215,"page":26},"Collaboration","i-lucide-users","\u002Fplugins\u002Fcollaboration","3.plugins\u002F6.collaboration",[216,219,223,227,231],{"title":211,"path":217,"stem":218},"\u002Fplugins\u002Fcollaboration\u002Fcollaboration","3.plugins\u002F6.collaboration\u002F1.collaboration",{"title":220,"path":221,"stem":222},"Comments","\u002Fplugins\u002Fcollaboration\u002Fcomments","3.plugins\u002F6.collaboration\u002F2.comments",{"title":224,"path":225,"stem":226},"Mentions","\u002Fplugins\u002Fcollaboration\u002Fmentions","3.plugins\u002F6.collaboration\u002F3.mentions",{"title":228,"path":229,"stem":230},"Track Changes","\u002Fplugins\u002Fcollaboration\u002Ftrack-changes","3.plugins\u002F6.collaboration\u002F4.track-changes",{"title":232,"path":233,"stem":234},"History","\u002Fplugins\u002Fcollaboration\u002Fhistory","3.plugins\u002F6.collaboration\u002F5.history",{"title":236,"icon":237,"path":238,"stem":239,"children":240,"page":26},"Tools","i-lucide-wrench","\u002Fplugins\u002Ftools","3.plugins\u002F7.tools",[241,245,249,253,257,261],{"title":242,"path":243,"stem":244},"Export","\u002Fplugins\u002Ftools\u002Fexport","3.plugins\u002F7.tools\u002F1.export",{"title":246,"path":247,"stem":248},"Shortcuts","\u002Fplugins\u002Ftools\u002Fshortcuts","3.plugins\u002F7.tools\u002F2.shortcuts",{"title":250,"path":251,"stem":252},"Responsive","\u002Fplugins\u002Ftools\u002Fresponsive","3.plugins\u002F7.tools\u002F3.responsive",{"title":254,"path":255,"stem":256},"Language","\u002Fplugins\u002Ftools\u002Flanguage","3.plugins\u002F7.tools\u002F4.language",{"title":258,"path":259,"stem":260},"Spell Checker","\u002Fplugins\u002Ftools\u002Fspell-checker","3.plugins\u002F7.tools\u002F5.spell-checker",{"title":262,"path":263,"stem":264},"AI Assistant","\u002Fplugins\u002Ftools\u002Fai-assistant","3.plugins\u002F7.tools\u002F6.ai-assistant",{"title":266,"icon":267,"path":268,"stem":269,"children":270,"page":26},"Integrate","i-lucide-plug","\u002Fintegrate","4.integrate",[271,275,305,359,385,423,445,471,493,523,569],{"title":272,"path":273,"stem":274},"Integrate overview","\u002Fintegrate\u002Foverview","4.integrate\u002F01.overview",{"title":276,"icon":277,"path":278,"stem":279,"children":280,"page":26},"Basics","i-lucide-book-open","\u002Fintegrate\u002Fbasics","4.integrate\u002F02.basics",[281,285,289,293,297,301],{"title":282,"path":283,"stem":284},"Persistence","\u002Fintegrate\u002Fbasics\u002Fpersistence","4.integrate\u002F02.basics\u002F1.persistence",{"title":286,"path":287,"stem":288},"Host config","\u002Fintegrate\u002Fbasics\u002Fhost-config","4.integrate\u002F02.basics\u002F2.host-config",{"title":290,"path":291,"stem":292},"Server + Vite","\u002Fintegrate\u002Fbasics\u002Fserver-vite","4.integrate\u002F02.basics\u002F3.server-vite",{"title":294,"path":295,"stem":296},"Meta-frameworks (SSR \u002F CSR)","\u002Fintegrate\u002Fbasics\u002Fmeta-ssr","4.integrate\u002F02.basics\u002F4.meta-ssr",{"title":298,"path":299,"stem":300},"Native \u002F iframe bridge","\u002Fintegrate\u002Fbasics\u002Fnative-bridge","4.integrate\u002F02.basics\u002F5.native-bridge",{"title":302,"path":303,"stem":304},"Chrome & host","\u002Fintegrate\u002Fbasics\u002Fchrome-and-host","4.integrate\u002F02.basics\u002F6.chrome-and-host",{"title":306,"icon":307,"path":308,"stem":309,"children":310,"page":26},"Frontend","i-lucide-monitor","\u002Fintegrate\u002Ffrontend","4.integrate\u002F03.frontend",[311,315,319,323,327,331,335,339,343,347,351,355],{"title":312,"path":313,"stem":314},"React","\u002Fintegrate\u002Ffrontend\u002Freact","4.integrate\u002F03.frontend\u002F01.react",{"title":316,"path":317,"stem":318},"Vue 2","\u002Fintegrate\u002Ffrontend\u002Fvue2","4.integrate\u002F03.frontend\u002F02.vue2",{"title":320,"path":321,"stem":322},"Vue 3","\u002Fintegrate\u002Ffrontend\u002Fvue3","4.integrate\u002F03.frontend\u002F03.vue3",{"title":324,"path":325,"stem":326},"Angular","\u002Fintegrate\u002Ffrontend\u002Fangular","4.integrate\u002F03.frontend\u002F04.angular",{"title":328,"path":329,"stem":330},"Svelte","\u002Fintegrate\u002Ffrontend\u002Fsvelte","4.integrate\u002F03.frontend\u002F05.svelte",{"title":332,"path":333,"stem":334},"Solid.js","\u002Fintegrate\u002Ffrontend\u002Fsolid","4.integrate\u002F03.frontend\u002F06.solid",{"title":336,"path":337,"stem":338},"Preact","\u002Fintegrate\u002Ffrontend\u002Fpreact","4.integrate\u002F03.frontend\u002F07.preact",{"title":340,"path":341,"stem":342},"Lit","\u002Fintegrate\u002Ffrontend\u002Flit","4.integrate\u002F03.frontend\u002F08.lit",{"title":344,"path":345,"stem":346},"Qwik","\u002Fintegrate\u002Ffrontend\u002Fqwik","4.integrate\u002F03.frontend\u002F09.qwik",{"title":348,"path":349,"stem":350},"jQuery","\u002Fintegrate\u002Ffrontend\u002Fjquery","4.integrate\u002F03.frontend\u002F10.jquery",{"title":352,"path":353,"stem":354},"Alpine.js","\u002Fintegrate\u002Ffrontend\u002Falpine","4.integrate\u002F03.frontend\u002F11.alpine",{"title":356,"path":357,"stem":358},"Backbone.js","\u002Fintegrate\u002Ffrontend\u002Fbackbone","4.integrate\u002F03.frontend\u002F12.backbone",{"title":360,"icon":361,"path":362,"stem":363,"children":364,"page":26},"Meta-frameworks","i-lucide-layers","\u002Fintegrate\u002Fmeta-frameworks","4.integrate\u002F04.meta-frameworks",[365,369,373,377,381],{"title":366,"path":367,"stem":368},"Next.js","\u002Fintegrate\u002Fmeta-frameworks\u002Fnext","4.integrate\u002F04.meta-frameworks\u002F1.next",{"title":370,"path":371,"stem":372},"Nuxt 3 \u002F 4","\u002Fintegrate\u002Fmeta-frameworks\u002Fnuxt","4.integrate\u002F04.meta-frameworks\u002F2.nuxt",{"title":374,"path":375,"stem":376},"SvelteKit","\u002Fintegrate\u002Fmeta-frameworks\u002Fsveltekit","4.integrate\u002F04.meta-frameworks\u002F3.sveltekit",{"title":378,"path":379,"stem":380},"Remix","\u002Fintegrate\u002Fmeta-frameworks\u002Fremix","4.integrate\u002F04.meta-frameworks\u002F4.remix",{"title":382,"path":383,"stem":384},"Astro","\u002Fintegrate\u002Fmeta-frameworks\u002Fastro","4.integrate\u002F04.meta-frameworks\u002F5.astro",{"title":386,"icon":387,"path":388,"stem":389,"children":390,"page":26},"Node \u002F edge","i-simple-icons-nodedotjs","\u002Fintegrate\u002Fnode","4.integrate\u002F05.node",[391,395,399,403,407,411,415,419],{"title":392,"path":393,"stem":394},"Express.js","\u002Fintegrate\u002Fnode\u002Fexpress","4.integrate\u002F05.node\u002F1.express",{"title":396,"path":397,"stem":398},"NestJS","\u002Fintegrate\u002Fnode\u002Fnestjs","4.integrate\u002F05.node\u002F2.nestjs",{"title":400,"path":401,"stem":402},"Fastify","\u002Fintegrate\u002Fnode\u002Ffastify","4.integrate\u002F05.node\u002F3.fastify",{"title":404,"path":405,"stem":406},"Hono","\u002Fintegrate\u002Fnode\u002Fhono","4.integrate\u002F05.node\u002F4.hono",{"title":408,"path":409,"stem":410},"Koa","\u002Fintegrate\u002Fnode\u002Fkoa","4.integrate\u002F05.node\u002F5.koa",{"title":412,"path":413,"stem":414},"Bun","\u002Fintegrate\u002Fnode\u002Fbun","4.integrate\u002F05.node\u002F6.bun",{"title":416,"path":417,"stem":418},"Deno","\u002Fintegrate\u002Fnode\u002Fdeno","4.integrate\u002F05.node\u002F7.deno",{"title":420,"path":421,"stem":422},"AdonisJS","\u002Fintegrate\u002Fnode\u002Fadonis","4.integrate\u002F05.node\u002F8.adonis",{"title":424,"icon":425,"path":426,"stem":427,"children":428,"page":26},"Python","i-simple-icons-python","\u002Fintegrate\u002Fpython","4.integrate\u002F06.python",[429,433,437,441],{"title":430,"path":431,"stem":432},"FastAPI","\u002Fintegrate\u002Fpython\u002Ffastapi","4.integrate\u002F06.python\u002F1.fastapi",{"title":434,"path":435,"stem":436},"Django","\u002Fintegrate\u002Fpython\u002Fdjango","4.integrate\u002F06.python\u002F2.django",{"title":438,"path":439,"stem":440},"Python Flask","\u002Fintegrate\u002Fpython\u002Fpython-flask","4.integrate\u002F06.python\u002F3.python-flask",{"title":442,"path":443,"stem":444},"Litestar","\u002Fintegrate\u002Fpython\u002Flitestar","4.integrate\u002F06.python\u002F4.litestar",{"title":446,"icon":447,"path":448,"stem":449,"children":450,"page":26},"PHP","i-simple-icons-php","\u002Fintegrate\u002Fphp","4.integrate\u002F07.php",[451,455,459,463,467],{"title":452,"path":453,"stem":454},"Laravel","\u002Fintegrate\u002Fphp\u002Flaravel","4.integrate\u002F07.php\u002F1.laravel",{"title":456,"path":457,"stem":458},"Symfony","\u002Fintegrate\u002Fphp\u002Fsymfony","4.integrate\u002F07.php\u002F2.symfony",{"title":460,"path":461,"stem":462},"Slim","\u002Fintegrate\u002Fphp\u002Fslim","4.integrate\u002F07.php\u002F3.slim",{"title":464,"path":465,"stem":466},"CakePHP","\u002Fintegrate\u002Fphp\u002Fcakephp","4.integrate\u002F07.php\u002F4.cakephp",{"title":468,"path":469,"stem":470},"CodeIgniter","\u002Fintegrate\u002Fphp\u002Fcodeigniter","4.integrate\u002F07.php\u002F5.codeigniter",{"title":472,"icon":473,"path":474,"stem":475,"children":476,"page":26},"Go","i-simple-icons-go","\u002Fintegrate\u002Fgo","4.integrate\u002F08.go",[477,481,485,489],{"title":478,"path":479,"stem":480},"Go Gin","\u002Fintegrate\u002Fgo\u002Fgo-gin","4.integrate\u002F08.go\u002F1.go-gin",{"title":482,"path":483,"stem":484},"Go Echo","\u002Fintegrate\u002Fgo\u002Fgo-echo","4.integrate\u002F08.go\u002F2.go-echo",{"title":486,"path":487,"stem":488},"Go Fiber","\u002Fintegrate\u002Fgo\u002Fgo-fiber","4.integrate\u002F08.go\u002F3.go-fiber",{"title":490,"path":491,"stem":492},"Go Chi","\u002Fintegrate\u002Fgo\u002Fgo-chi","4.integrate\u002F08.go\u002F4.go-chi",{"title":494,"icon":495,"path":496,"stem":497,"children":498,"page":26},"Rust","i-simple-icons-rust","\u002Fintegrate\u002Frust","4.integrate\u002F09.rust",[499,503,507,511,515,519],{"title":500,"path":501,"stem":502},"Rust Axum","\u002Fintegrate\u002Frust\u002Frust-axum","4.integrate\u002F09.rust\u002F1.rust-axum",{"title":504,"path":505,"stem":506},"Rust Actix-web","\u002Fintegrate\u002Frust\u002Frust-actix","4.integrate\u002F09.rust\u002F2.rust-actix",{"title":508,"path":509,"stem":510},"Rust Rocket","\u002Fintegrate\u002Frust\u002Frust-rocket","4.integrate\u002F09.rust\u002F3.rust-rocket",{"title":512,"path":513,"stem":514},"Rust Warp","\u002Fintegrate\u002Frust\u002Frust-warp","4.integrate\u002F09.rust\u002F4.rust-warp",{"title":516,"path":517,"stem":518},"Rust Poem","\u002Fintegrate\u002Frust\u002Frust-poem","4.integrate\u002F09.rust\u002F5.rust-poem",{"title":520,"path":521,"stem":522},"Rust Loco","\u002Fintegrate\u002Frust\u002Frust-loco","4.integrate\u002F09.rust\u002F6.rust-loco",{"title":524,"icon":525,"path":526,"stem":527,"children":528,"page":26},"JVM \u002F .NET \u002F other","i-lucide-coffee","\u002Fintegrate\u002Fjvm-dotnet","4.integrate\u002F10.jvm-dotnet",[529,533,537,541,545,549,553,557,561,565],{"title":530,"path":531,"stem":532},"Spring Boot","\u002Fintegrate\u002Fjvm-dotnet\u002Fspring","4.integrate\u002F10.jvm-dotnet\u002F01.spring",{"title":534,"path":535,"stem":536},"Quarkus","\u002Fintegrate\u002Fjvm-dotnet\u002Fquarkus","4.integrate\u002F10.jvm-dotnet\u002F02.quarkus",{"title":538,"path":539,"stem":540},"Micronaut","\u002Fintegrate\u002Fjvm-dotnet\u002Fmicronaut","4.integrate\u002F10.jvm-dotnet\u002F03.micronaut",{"title":542,"path":543,"stem":544},"Kotlin Spring Boot","\u002Fintegrate\u002Fjvm-dotnet\u002Fkotlin-spring","4.integrate\u002F10.jvm-dotnet\u002F04.kotlin-spring",{"title":546,"path":547,"stem":548},"Ktor","\u002Fintegrate\u002Fjvm-dotnet\u002Fktor","4.integrate\u002F10.jvm-dotnet\u002F05.ktor",{"title":550,"path":551,"stem":552},"ASP.NET Core","\u002Fintegrate\u002Fjvm-dotnet\u002Faspnet-core","4.integrate\u002F10.jvm-dotnet\u002F06.aspnet-core",{"title":554,"path":555,"stem":556},"Blazor","\u002Fintegrate\u002Fjvm-dotnet\u002Fblazor","4.integrate\u002F10.jvm-dotnet\u002F07.blazor",{"title":558,"path":559,"stem":560},"Phoenix","\u002Fintegrate\u002Fjvm-dotnet\u002Fphoenix","4.integrate\u002F10.jvm-dotnet\u002F08.phoenix",{"title":562,"path":563,"stem":564},"Ruby on Rails","\u002Fintegrate\u002Fjvm-dotnet\u002Frails","4.integrate\u002F10.jvm-dotnet\u002F09.rails",{"title":566,"path":567,"stem":568},"HTMX host","\u002Fintegrate\u002Fjvm-dotnet\u002Fhtmx","4.integrate\u002F10.jvm-dotnet\u002F10.htmx",{"title":570,"icon":571,"path":572,"stem":573,"children":574,"page":26},"Desktop & mobile hosts","i-lucide-smartphone","\u002Fintegrate\u002Fhosts","4.integrate\u002F11.hosts",[575,579,583,587,591],{"title":576,"path":577,"stem":578},"Flutter","\u002Fintegrate\u002Fhosts\u002Fflutter","4.integrate\u002F11.hosts\u002F1.flutter",{"title":580,"path":581,"stem":582},"Electron","\u002Fintegrate\u002Fhosts\u002Felectron","4.integrate\u002F11.hosts\u002F2.electron",{"title":584,"path":585,"stem":586},"Tauri","\u002Fintegrate\u002Fhosts\u002Ftauri","4.integrate\u002F11.hosts\u002F3.tauri",{"title":588,"path":589,"stem":590},"Wails","\u002Fintegrate\u002Fhosts\u002Fwails","4.integrate\u002F11.hosts\u002F4.wails",{"title":592,"path":593,"stem":594},"Capacitor","\u002Fintegrate\u002Fhosts\u002Fcapacitor","4.integrate\u002F11.hosts\u002F5.capacitor",{"title":596,"icon":597,"path":598,"stem":599,"children":600,"page":26},"Architecture","i-lucide-cpu","\u002Farchitecture","5.architecture",[601,605,609,613,617,621],{"title":602,"path":603,"stem":604},"Document model","\u002Farchitecture\u002Fdocument-model","5.architecture\u002F1.document-model",{"title":606,"path":607,"stem":608},"SDK reference","\u002Farchitecture\u002Fsdk","5.architecture\u002F2.sdk",{"title":610,"path":611,"stem":612},"View runtime","\u002Farchitecture\u002Fview","5.architecture\u002F3.view",{"title":614,"path":615,"stem":616},"Authoring plugins","\u002Farchitecture\u002Fauthoring-plugins","5.architecture\u002F4.authoring-plugins",{"title":618,"path":619,"stem":620},"Mermaid","\u002Farchitecture\u002Fmermaid","5.architecture\u002F5.mermaid",{"title":622,"path":623,"stem":624},"Publishing packages","\u002Farchitecture\u002Fpublishing-packages","5.architecture\u002F6.publishing-packages",{"title":626,"path":627,"stem":628},"Changelog","\u002Fchangelog","9.changelog",{"id":630,"title":49,"body":631,"description":1410,"extension":1411,"links":1412,"meta":1413,"navigation":854,"path":50,"seo":1414,"stem":51,"__hash__":1415},"docs\u002F2.editors\u002F5.charts.md",{"type":632,"value":633,"toc":1397},"minimark",[634,637,642,646,733,740,744,772,776,804,1076,1089,1094,1172,1197,1201,1214,1218,1309,1313,1332,1335,1345,1349,1375,1379,1393],[635,636],"charts-editor-component",{},[638,639,641],"h2",{"id":640},"studio-layout","Studio layout",[643,644,645],"p",{},"Left pane (50%) + right live preview (50%):",[647,648,649,662],"table",{},[650,651,652],"thead",{},[653,654,655,659],"tr",{},[656,657,658],"th",{},"Area",[656,660,661],{},"Contents",[663,664,665,674,685,695,708,716],"tbody",{},[653,666,667,671],{},[668,669,670],"td",{},"Title",[668,672,673],{},"Always visible above tabs — rename without leaving Type\u002FData",[653,675,676,682],{},[668,677,678],{},[679,680,681],"strong",{},"Type",[668,683,684],{},"Chart type grid + template picker",[653,686,687,692],{},[668,688,689],{},[679,690,691],{},"Data",[668,693,694],{},"Series \u002F points table (auto-opens after picking a type)",[653,696,697,702],{},[668,698,699],{},[679,700,701],{},"Settings",[668,703,704,705],{},"Axis labels; mode (bar\u002Farea). Legend \u002F grid only for scatter & bubble (canvas). Mermaid-backed types ignore legend\u002Fgrid\u002Forientation — see ",[706,707,618],"a",{"href":619},[653,709,710,713],{},[668,711,712],{},"Preview",[668,714,715],{},"Fills the right pane; re-renders on resize",[653,717,718,721],{},[668,719,720],{},"Toolbar",[668,722,723,724,727,728,732],{},"Undo \u002F redo + ",[679,725,726],{},"Export as PNG"," (",[729,730,731],"code",{},"defaultChartToolbar",")",[643,734,735,736,739],{},"Narrow viewports: Preview \u002F Edit studio tabs (",[729,737,738],{},"studioPaneTabs",").",[638,741,743],{"id":742},"render-path","Render path",[745,746,747,769],"ul",{},[748,749,750,751,727,754,757,758,761,762,765,766,768],"li",{},"Bar, line, area, pie, doughnut, radar, … → ",[729,752,753],{},"@codemerge\u002Fmermaid",[729,755,756],{},"toMermaidSource"," → ",[729,759,760],{},"render","). This is a ",[679,763,764],{},"Mermaid subset",", not full Mermaid.js — see ",[706,767,618],{"href":619},".",[748,770,771],{},"Scatter \u002F bubble → small canvas paint path.",[638,773,775],{"id":774},"install","Install",[777,778,783],"pre",{"className":779,"code":780,"language":781,"meta":782,"style":782},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install --save on-codemerge\n","bash","",[729,784,785],{"__ignoreMap":782},[786,787,790,794,798,801],"span",{"class":788,"line":789},"line",1,[786,791,793],{"class":792},"sBMFI","npm",[786,795,797],{"class":796},"sfazB"," install",[786,799,800],{"class":796}," --save",[786,802,803],{"class":796}," on-codemerge\n",[777,805,809],{"className":806,"code":807,"language":808,"meta":782,"style":782},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Editor, createDefaultPlugins } from 'on-codemerge\u002Fcharts';\n\nconst host = document.getElementById('charts-editor')!;\nconst editor = new Editor(host, {\n  chrome: 'bar',\n  plugins: createDefaultPlugins(), \u002F\u002F ChartsPlugin({ surface: 'workspace' }) + export toolbar\n});\n\neditor.on('docChanged', () => {\n  console.log(editor.getText());\n});\n\neditor.setText('{\"chartType\":\"bar\",\"title\":\"Chart\",\"data\":[],\"width\":800,\"height\":400}');\neditor.destroy();\n","ts",[729,810,811,849,856,893,916,936,955,965,970,1000,1025,1034,1039,1062],{"__ignoreMap":782},[786,812,813,817,821,825,828,831,834,837,840,843,846],{"class":788,"line":789},[786,814,816],{"class":815},"s7zQu","import",[786,818,820],{"class":819},"sMK4o"," {",[786,822,824],{"class":823},"sTEyZ"," Editor",[786,826,827],{"class":819},",",[786,829,830],{"class":823}," createDefaultPlugins",[786,832,833],{"class":819}," }",[786,835,836],{"class":815}," from",[786,838,839],{"class":819}," '",[786,841,842],{"class":796},"on-codemerge\u002Fcharts",[786,844,845],{"class":819},"'",[786,847,848],{"class":819},";\n",[786,850,852],{"class":788,"line":851},2,[786,853,855],{"emptyLinePlaceholder":854},true,"\n",[786,857,859,863,866,869,872,874,878,881,883,886,888,890],{"class":788,"line":858},3,[786,860,862],{"class":861},"spNyl","const",[786,864,865],{"class":823}," host ",[786,867,868],{"class":819},"=",[786,870,871],{"class":823}," document",[786,873,768],{"class":819},[786,875,877],{"class":876},"s2Zo4","getElementById",[786,879,880],{"class":823},"(",[786,882,845],{"class":819},[786,884,885],{"class":796},"charts-editor",[786,887,845],{"class":819},[786,889,732],{"class":823},[786,891,892],{"class":819},"!;\n",[786,894,896,898,901,903,906,908,911,913],{"class":788,"line":895},4,[786,897,862],{"class":861},[786,899,900],{"class":823}," editor ",[786,902,868],{"class":819},[786,904,905],{"class":819}," new",[786,907,824],{"class":876},[786,909,910],{"class":823},"(host",[786,912,827],{"class":819},[786,914,915],{"class":819}," {\n",[786,917,919,923,926,928,931,933],{"class":788,"line":918},5,[786,920,922],{"class":921},"swJcz","  chrome",[786,924,925],{"class":819},":",[786,927,839],{"class":819},[786,929,930],{"class":796},"bar",[786,932,845],{"class":819},[786,934,935],{"class":819},",\n",[786,937,939,942,944,946,949,951],{"class":788,"line":938},6,[786,940,941],{"class":921},"  plugins",[786,943,925],{"class":819},[786,945,830],{"class":876},[786,947,948],{"class":823},"()",[786,950,827],{"class":819},[786,952,954],{"class":953},"sHwdD"," \u002F\u002F ChartsPlugin({ surface: 'workspace' }) + export toolbar\n",[786,956,958,961,963],{"class":788,"line":957},7,[786,959,960],{"class":819},"}",[786,962,732],{"class":823},[786,964,848],{"class":819},[786,966,968],{"class":788,"line":967},8,[786,969,855],{"emptyLinePlaceholder":854},[786,971,973,976,978,981,983,985,988,990,992,995,998],{"class":788,"line":972},9,[786,974,975],{"class":823},"editor",[786,977,768],{"class":819},[786,979,980],{"class":876},"on",[786,982,880],{"class":823},[786,984,845],{"class":819},[786,986,987],{"class":796},"docChanged",[786,989,845],{"class":819},[786,991,827],{"class":819},[786,993,994],{"class":819}," ()",[786,996,997],{"class":861}," =>",[786,999,915],{"class":819},[786,1001,1003,1006,1008,1011,1013,1015,1017,1020,1023],{"class":788,"line":1002},10,[786,1004,1005],{"class":823},"  console",[786,1007,768],{"class":819},[786,1009,1010],{"class":876},"log",[786,1012,880],{"class":921},[786,1014,975],{"class":823},[786,1016,768],{"class":819},[786,1018,1019],{"class":876},"getText",[786,1021,1022],{"class":921},"())",[786,1024,848],{"class":819},[786,1026,1028,1030,1032],{"class":788,"line":1027},11,[786,1029,960],{"class":819},[786,1031,732],{"class":823},[786,1033,848],{"class":819},[786,1035,1037],{"class":788,"line":1036},12,[786,1038,855],{"emptyLinePlaceholder":854},[786,1040,1042,1044,1046,1049,1051,1053,1056,1058,1060],{"class":788,"line":1041},13,[786,1043,975],{"class":823},[786,1045,768],{"class":819},[786,1047,1048],{"class":876},"setText",[786,1050,880],{"class":823},[786,1052,845],{"class":819},[786,1054,1055],{"class":796},"{\"chartType\":\"bar\",\"title\":\"Chart\",\"data\":[],\"width\":800,\"height\":400}",[786,1057,845],{"class":819},[786,1059,732],{"class":823},[786,1061,848],{"class":819},[786,1063,1065,1067,1069,1072,1074],{"class":788,"line":1064},14,[786,1066,975],{"class":823},[786,1068,768],{"class":819},[786,1070,1071],{"class":876},"destroy",[786,1073,948],{"class":823},[786,1075,848],{"class":819},[643,1077,1078,1081,1082,1085,1086,768],{},[729,1079,1080],{},"createView"," defaults to ",[729,1083,1084],{},"createShellView",". Local SPA: ",[729,1087,1088],{},"pnpm dev:charts",[1090,1091,1093],"h3",{"id":1092},"same-plugin-in-wysiwyg","Same plugin in WYSIWYG",[777,1095,1097],{"className":806,"code":1096,"language":808,"meta":782,"style":782},"import { Editor, createDefaultPlugins } from 'on-codemerge';\n\nnew Editor(host, {\n  plugins: [...createDefaultPlugins()], \u002F\u002F includes ChartsPlugin({ surface: 'atom' })\n});\n",[729,1098,1099,1124,1128,1141,1164],{"__ignoreMap":782},[786,1100,1101,1103,1105,1107,1109,1111,1113,1115,1117,1120,1122],{"class":788,"line":789},[786,1102,816],{"class":815},[786,1104,820],{"class":819},[786,1106,824],{"class":823},[786,1108,827],{"class":819},[786,1110,830],{"class":823},[786,1112,833],{"class":819},[786,1114,836],{"class":815},[786,1116,839],{"class":819},[786,1118,1119],{"class":796},"on-codemerge",[786,1121,845],{"class":819},[786,1123,848],{"class":819},[786,1125,1126],{"class":788,"line":851},[786,1127,855],{"emptyLinePlaceholder":854},[786,1129,1130,1133,1135,1137,1139],{"class":788,"line":858},[786,1131,1132],{"class":819},"new",[786,1134,824],{"class":876},[786,1136,910],{"class":823},[786,1138,827],{"class":819},[786,1140,915],{"class":819},[786,1142,1143,1145,1147,1150,1153,1156,1159,1161],{"class":788,"line":895},[786,1144,941],{"class":921},[786,1146,925],{"class":819},[786,1148,1149],{"class":823}," [",[786,1151,1152],{"class":819},"...",[786,1154,1155],{"class":876},"createDefaultPlugins",[786,1157,1158],{"class":823},"()]",[786,1160,827],{"class":819},[786,1162,1163],{"class":953}," \u002F\u002F includes ChartsPlugin({ surface: 'atom' })\n",[786,1165,1166,1168,1170],{"class":788,"line":918},[786,1167,960],{"class":819},[786,1169,732],{"class":823},[786,1171,848],{"class":819},[643,1173,1174,1177,1178,1181,1182,1185,1186,1189,1190,1193,1194,768],{},[729,1175,1176],{},"surface: 'atom'"," opens the same ",[729,1179,1180],{},"mountChartWorkspace"," studio in an ",[729,1183,1184],{},"lg"," popup. Hotkey ",[729,1187,1188],{},"Mod-Alt-g"," ",[679,1191,1192],{},"opens the studio"," (does not silent-insert). PNG export: chart context menu. See ",[706,1195,1196],{"href":196},"Charts Plugin",[1090,1198,1200],{"id":1199},"types","Types",[643,1202,1203,1204,1206,1207,1210,1211,739],{},"Published types for ",[729,1205,842],{}," expect TypeScript ",[729,1208,1209],{},"moduleResolution: \"bundler\""," (or ",[729,1212,1213],{},"skipLibCheck: true",[638,1215,1217],{"id":1216},"document-api","Document API",[647,1219,1220,1230],{},[650,1221,1222],{},[653,1223,1224,1227],{},[656,1225,1226],{},"Method",[656,1228,1229],{},"Role",[663,1231,1232,1242,1256,1273,1289,1299],{},[653,1233,1234,1239],{},[668,1235,1236],{},[729,1237,1238],{},"getText()",[668,1240,1241],{},"Pretty chart attrs JSON",[653,1243,1244,1249],{},[668,1245,1246],{},[729,1247,1248],{},"setText(text)",[668,1250,1251,1252,1255],{},"Replace SoT; returns ",[729,1253,1254],{},"ParseError | null"," (SoT unchanged on error)",[653,1257,1258,1267],{},[668,1259,1260,1263,1264],{},[729,1261,1262],{},"getJSON()"," \u002F ",[729,1265,1266],{},"setJSON(doc)",[668,1268,1269,1270,732],{},"Kernel document snapshot (",[729,1271,1272],{},"doc → chart",[653,1274,1275,1286],{},[668,1276,1277,1263,1280,1263,1283],{},[729,1278,1279],{},"run",[729,1281,1282],{},"command",[729,1284,1285],{},"use",[668,1287,1288],{},"Same as WYSIWYG",[653,1290,1291,1296],{},[668,1292,1293],{},[729,1294,1295],{},"on('docChanged', …)",[668,1297,1298],{},"Subscriptions",[653,1300,1301,1306],{},[668,1302,1303],{},[729,1304,1305],{},"destroy()",[668,1307,1308],{},"Tear down",[638,1310,1312],{"id":1311},"document-shape","Document shape",[643,1314,1315,1316,1319,1320,1323,1324,1327,1328,1331],{},"SoT is ",[729,1317,1318],{},"doc"," → single ",[729,1321,1322],{},"chart"," child. Attrs: ",[729,1325,1326],{},"chartType",", ",[729,1329,1330],{},"data",", title, axes, legend, grid, size, mode, orientation.",[638,1333,720],{"id":1334},"toolbar",[643,1336,1337,1338,1341,1342,739],{},"Undo\u002Fredo from the editor kernel. Workspace adds Export PNG via ",[729,1339,1340],{},"defaultChartToolbar()"," (override with ",[729,1343,1344],{},"createDefaultPlugins({ toolbar })",[638,1346,1348],{"id":1347},"local-demo","Local demo",[777,1350,1352],{"className":779,"code":1351,"language":781,"meta":782,"style":782},"pnpm dev:charts    # apps\u002Fcharts SPA\npnpm build:charts  # → dist-charts\u002F\n",[729,1353,1354,1365],{"__ignoreMap":782},[786,1355,1356,1359,1362],{"class":788,"line":789},[786,1357,1358],{"class":792},"pnpm",[786,1360,1361],{"class":796}," dev:charts",[786,1363,1364],{"class":953},"    # apps\u002Fcharts SPA\n",[786,1366,1367,1369,1372],{"class":788,"line":851},[786,1368,1358],{"class":792},[786,1370,1371],{"class":796}," build:charts",[786,1373,1374],{"class":953},"  # → dist-charts\u002F\n",[638,1376,1378],{"id":1377},"see-also","See also",[745,1380,1381,1385,1389],{},[748,1382,1383],{},[706,1384,1196],{"href":196},[748,1386,1387],{},[706,1388,618],{"href":619},[748,1390,1391],{},[706,1392,15],{"href":16},[1394,1395,1396],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":782,"searchDepth":851,"depth":858,"links":1398},[1399,1400,1401,1405,1406,1407,1408,1409],{"id":640,"depth":851,"text":641},{"id":742,"depth":851,"text":743},{"id":774,"depth":851,"text":775,"children":1402},[1403,1404],{"id":1092,"depth":858,"text":1093},{"id":1199,"depth":858,"text":1200},{"id":1216,"depth":851,"text":1217},{"id":1311,"depth":851,"text":1312},{"id":1334,"depth":851,"text":720},{"id":1347,"depth":851,"text":1348},{"id":1377,"depth":851,"text":1378},"Chart studio product published as on-codemerge\u002Fcharts. Thin app entry uses a shell ViewPort and ChartsPlugin({ surface: 'workspace' }), which mounts the shared chart studio into contentTarget. Interchange via getText \u002F setText (chart attrs JSON).","md",null,{},{"title":49,"description":1410},"lW3WnS-4kJpPQ5CWGBUQojUwUDQS0HOMBKwgU9d3Ono",[1417,1419],{"title":45,"path":46,"stem":47,"description":1418,"children":-1},"Form builder product published as on-codemerge\u002Fforms. Thin app entry uses a shell ViewPort and FormBuilderPlugin({ surface: 'workspace' }), which mounts the shared form studio (palette \u002F canvas \u002F inspector) into contentTarget. Interchange via getText \u002F setText (pretty FormConfig JSON).",{"title":53,"path":54,"stem":55,"description":782,"children":-1},1794129103761]