[{"data":1,"prerenderedAt":1511},["ShallowReactive",2],{"navigation":3,"\u002Fplugins\u002Fdata\u002Fcharts":629,"\u002Fplugins\u002Fdata\u002Fcharts-surround":1506},[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":631,"body":632,"description":1499,"extension":1500,"links":1501,"meta":1502,"navigation":1503,"path":196,"seo":1504,"stem":197,"__hash__":1505},"docs\u002F3.plugins\u002F5.data\u002F3.charts.md","Charts Plugin",{"type":633,"value":634,"toc":1489},"minimark",[635,659,664,793,854,864,868,873,877,884,919,923,956,970,1009,1013,1019,1192,1281,1285,1324,1333,1344,1348,1438,1458,1462,1485],[636,637,638],"blockquote",{},[639,640,641,642,646,647,650,651,653,654,656,657,646],"p",{},"Install \u002F CSS: ",[643,644,19],"a",{"href":645},"\u002Fgetting-started\u002Feditor-api#getting-started",".",[648,649],"br",{},"\nStandalone app: ",[643,652,49],{"href":50}," · surfaces: ",[643,655,15],{"href":16}," · diagrams: ",[643,658,618],{"href":619},[660,661,663],"h2",{"id":662},"surfaces","Surfaces",[665,666,671],"pre",{"className":667,"code":668,"language":669,"meta":670,"style":670},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Editor, ChartsPlugin } from 'on-codemerge';\n\nnew Editor(host, {\n  plugins: [ChartsPlugin()], \u002F\u002F surface: 'atom' (default)\n});\n\n\u002F\u002F Standalone Charts app:\n\u002F\u002F ChartsPlugin({ surface: 'workspace', toolbar?: ChartToolbarOptions })\n","ts","",[672,673,674,716,723,740,765,776,781,787],"code",{"__ignoreMap":670},[675,676,679,683,687,691,694,697,700,703,706,710,713],"span",{"class":677,"line":678},"line",1,[675,680,682],{"class":681},"s7zQu","import",[675,684,686],{"class":685},"sMK4o"," {",[675,688,690],{"class":689},"sTEyZ"," Editor",[675,692,693],{"class":685},",",[675,695,696],{"class":689}," ChartsPlugin",[675,698,699],{"class":685}," }",[675,701,702],{"class":681}," from",[675,704,705],{"class":685}," '",[675,707,709],{"class":708},"sfazB","on-codemerge",[675,711,712],{"class":685},"'",[675,714,715],{"class":685},";\n",[675,717,719],{"class":677,"line":718},2,[675,720,722],{"emptyLinePlaceholder":721},true,"\n",[675,724,726,729,732,735,737],{"class":677,"line":725},3,[675,727,728],{"class":685},"new",[675,730,690],{"class":731},"s2Zo4",[675,733,734],{"class":689},"(host",[675,736,693],{"class":685},[675,738,739],{"class":685}," {\n",[675,741,743,747,750,753,756,759,761],{"class":677,"line":742},4,[675,744,746],{"class":745},"swJcz","  plugins",[675,748,749],{"class":685},":",[675,751,752],{"class":689}," [",[675,754,755],{"class":731},"ChartsPlugin",[675,757,758],{"class":689},"()]",[675,760,693],{"class":685},[675,762,764],{"class":763},"sHwdD"," \u002F\u002F surface: 'atom' (default)\n",[675,766,768,771,774],{"class":677,"line":767},5,[675,769,770],{"class":685},"}",[675,772,773],{"class":689},")",[675,775,715],{"class":685},[675,777,779],{"class":677,"line":778},6,[675,780,722],{"emptyLinePlaceholder":721},[675,782,784],{"class":677,"line":783},7,[675,785,786],{"class":763},"\u002F\u002F Standalone Charts app:\n",[675,788,790],{"class":677,"line":789},8,[675,791,792],{"class":763},"\u002F\u002F ChartsPlugin({ surface: 'workspace', toolbar?: ChartToolbarOptions })\n",[794,795,796,809],"table",{},[797,798,799],"thead",{},[800,801,802,806],"tr",{},[803,804,805],"th",{},"Option",[803,807,808],{},"Role",[810,811,812,823,837],"tbody",{},[800,813,814,820],{},[815,816,817],"td",{},[672,818,819],{},"surface: 'atom' | 'workspace'",[815,821,822],{},"Atom popup studio (default) vs shell workspace",[800,824,825,830],{},[815,826,827],{},[672,828,829],{},"toolbar",[815,831,832,833,836],{},"Workspace bar items; default ",[672,834,835],{},"defaultChartToolbar()"," (Export PNG)",[800,838,839,851],{},[815,840,841,844,845,844,848],{},[672,842,843],{},"menu"," \u002F ",[672,846,847],{},"group",[672,849,850],{},"order",[815,852,853],{},"Atom Insert placement",[639,855,856,859,860,863],{},[672,857,858],{},"createDefaultPlugins()"," from ",[672,861,862],{},"on-codemerge\u002Fcharts"," = workspace + default export toolbar.",[660,865,867],{"id":866},"demo-atom","Demo (atom)",[869,870],"editor-component",{":active-plugins":871,":show-results":872},"[\"ChartsPlugin\"]","false",[660,874,876],{"id":875},"studio","Studio",[639,878,879,880,883],{},"Shared ",[672,881,882],{},"mountChartWorkspace"," UI for atom popup and Charts editor:",[885,886,887,895,901,907,913],"ol",{},[888,889,890,894],"li",{},[891,892,893],"strong",{},"Title"," — sticky above tabs",[888,896,897,900],{},[891,898,899],{},"Type"," — chart type + templates",[888,902,903,906],{},[891,904,905],{},"Data"," — series table (selected after type pick)",[888,908,909,912],{},[891,910,911],{},"Settings"," — axes; mode (bar\u002Farea); legend\u002Fgrid for scatter & bubble only (mermaid types ignore them)",[888,914,915,918],{},[891,916,917],{},"Preview"," — live render; workspace Export PNG lives on the editor toolbar",[660,920,922],{"id":921},"commands","Commands",[665,924,926],{"className":667,"code":925,"language":669,"meta":670,"style":670},"editor.command('insertChart'); \u002F\u002F Mod-Alt-g — opens studio (does not silent-insert)\n",[672,927,928],{"__ignoreMap":670},[675,929,930,933,935,938,941,943,946,948,950,953],{"class":677,"line":678},[675,931,932],{"class":689},"editor",[675,934,646],{"class":685},[675,936,937],{"class":731},"command",[675,939,940],{"class":689},"(",[675,942,712],{"class":685},[675,944,945],{"class":708},"insertChart",[675,947,712],{"class":685},[675,949,773],{"class":689},[675,951,952],{"class":685},";",[675,954,955],{"class":763}," \u002F\u002F Mod-Alt-g — opens studio (does not silent-insert)\n",[639,957,958,959,962,963,844,966,969],{},"Atom: edit \u002F resize \u002F PNG export \u002F delete from the chart ",[891,960,961],{},"context menu",". No separate ",[672,964,965],{},"updateChart",[672,967,968],{},"exportChart"," commands.",[665,971,973],{"className":667,"code":972,"language":669,"meta":670,"style":670},"editor.on('docChanged', () => {});\n",[672,974,975],{"__ignoreMap":670},[675,976,977,979,981,984,986,988,991,993,995,998,1002,1005,1007],{"class":677,"line":678},[675,978,932],{"class":689},[675,980,646],{"class":685},[675,982,983],{"class":731},"on",[675,985,940],{"class":689},[675,987,712],{"class":685},[675,989,990],{"class":708},"docChanged",[675,992,712],{"class":685},[675,994,693],{"class":685},[675,996,997],{"class":685}," ()",[675,999,1001],{"class":1000},"spNyl"," =>",[675,1003,1004],{"class":685}," {}",[675,1006,773],{"class":689},[675,1008,715],{"class":685},[660,1010,1012],{"id":1011},"html-boundary","HTML boundary",[639,1014,1015,1016,749],{},"Persisted atoms use ",[672,1017,1018],{},"data-node=\"chart\"",[665,1020,1024],{"className":1021,"code":1022,"language":1023,"meta":670,"style":670},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv\n  data-node=\"chart\"\n  data-chart-type=\"bar\"\n  data-data='[{\"name\":\"Series 1\",\"data\":[{\"label\":\"A\",\"value\":3}]}]'\n  data-title=\"Sales\"\n  data-width=\"800\"\n  data-height=\"400\"\n  data-show-legend=\"true\"\n  data-show-grid=\"true\"\n  data-mode=\"default\"\n  data-orientation=\"vertical\"\n>\u003C\u002Fdiv>\n","html",[672,1025,1026,1034,1051,1065,1080,1094,1108,1122,1136,1150,1165,1180],{"__ignoreMap":670},[675,1027,1028,1031],{"class":677,"line":678},[675,1029,1030],{"class":685},"\u003C",[675,1032,1033],{"class":745},"div\n",[675,1035,1036,1039,1042,1045,1048],{"class":677,"line":718},[675,1037,1038],{"class":1000},"  data-node",[675,1040,1041],{"class":685},"=",[675,1043,1044],{"class":685},"\"",[675,1046,1047],{"class":708},"chart",[675,1049,1050],{"class":685},"\"\n",[675,1052,1053,1056,1058,1060,1063],{"class":677,"line":725},[675,1054,1055],{"class":1000},"  data-chart-type",[675,1057,1041],{"class":685},[675,1059,1044],{"class":685},[675,1061,1062],{"class":708},"bar",[675,1064,1050],{"class":685},[675,1066,1067,1070,1072,1074,1077],{"class":677,"line":742},[675,1068,1069],{"class":1000},"  data-data",[675,1071,1041],{"class":685},[675,1073,712],{"class":685},[675,1075,1076],{"class":708},"[{\"name\":\"Series 1\",\"data\":[{\"label\":\"A\",\"value\":3}]}]",[675,1078,1079],{"class":685},"'\n",[675,1081,1082,1085,1087,1089,1092],{"class":677,"line":767},[675,1083,1084],{"class":1000},"  data-title",[675,1086,1041],{"class":685},[675,1088,1044],{"class":685},[675,1090,1091],{"class":708},"Sales",[675,1093,1050],{"class":685},[675,1095,1096,1099,1101,1103,1106],{"class":677,"line":778},[675,1097,1098],{"class":1000},"  data-width",[675,1100,1041],{"class":685},[675,1102,1044],{"class":685},[675,1104,1105],{"class":708},"800",[675,1107,1050],{"class":685},[675,1109,1110,1113,1115,1117,1120],{"class":677,"line":783},[675,1111,1112],{"class":1000},"  data-height",[675,1114,1041],{"class":685},[675,1116,1044],{"class":685},[675,1118,1119],{"class":708},"400",[675,1121,1050],{"class":685},[675,1123,1124,1127,1129,1131,1134],{"class":677,"line":789},[675,1125,1126],{"class":1000},"  data-show-legend",[675,1128,1041],{"class":685},[675,1130,1044],{"class":685},[675,1132,1133],{"class":708},"true",[675,1135,1050],{"class":685},[675,1137,1139,1142,1144,1146,1148],{"class":677,"line":1138},9,[675,1140,1141],{"class":1000},"  data-show-grid",[675,1143,1041],{"class":685},[675,1145,1044],{"class":685},[675,1147,1133],{"class":708},[675,1149,1050],{"class":685},[675,1151,1153,1156,1158,1160,1163],{"class":677,"line":1152},10,[675,1154,1155],{"class":1000},"  data-mode",[675,1157,1041],{"class":685},[675,1159,1044],{"class":685},[675,1161,1162],{"class":708},"default",[675,1164,1050],{"class":685},[675,1166,1168,1171,1173,1175,1178],{"class":677,"line":1167},11,[675,1169,1170],{"class":1000},"  data-orientation",[675,1172,1041],{"class":685},[675,1174,1044],{"class":685},[675,1176,1177],{"class":708},"vertical",[675,1179,1050],{"class":685},[675,1181,1183,1186,1189],{"class":677,"line":1182},12,[675,1184,1185],{"class":685},">\u003C\u002F",[675,1187,1188],{"class":745},"div",[675,1190,1191],{"class":685},">\n",[794,1193,1194,1204],{},[797,1195,1196],{},[800,1197,1198,1201],{},[803,1199,1200],{},"Attr",[803,1202,1203],{},"Notes",[810,1205,1206,1238,1248,1266],{},[800,1207,1208,1213],{},[815,1209,1210],{},[672,1211,1212],{},"data-chart-type",[815,1214,1215,1217,1218,1217,1220,1217,1223,1217,1226,1217,1229,1217,1232,1217,1235],{},[672,1216,1062],{}," | ",[672,1219,677],{},[672,1221,1222],{},"area",[672,1224,1225],{},"radar",[672,1227,1228],{},"pie",[672,1230,1231],{},"doughnut",[672,1233,1234],{},"scatter",[672,1236,1237],{},"bubble",[800,1239,1240,1245],{},[815,1241,1242],{},[672,1243,1244],{},"data-data",[815,1246,1247],{},"JSON series array",[800,1249,1250,1255],{},[815,1251,1252],{},[672,1253,1254],{},"data-mode",[815,1256,1257,1217,1259,1217,1262,1265],{},[672,1258,1162],{},[672,1260,1261],{},"grouped",[672,1263,1264],{},"stacked"," (bar\u002Farea drivers)",[800,1267,1268,1273],{},[815,1269,1270],{},[672,1271,1272],{},"data-orientation",[815,1274,1275,1217,1277,1280],{},[672,1276,1177],{},[672,1278,1279],{},"horizontal"," when supported",[660,1282,1284],{"id":1283},"render","Render",[794,1286,1287,1297],{},[797,1288,1289],{},[800,1290,1291,1294],{},[803,1292,1293],{},"Types",[803,1295,1296],{},"Engine",[810,1298,1299,1316],{},[800,1300,1301,1304],{},[815,1302,1303],{},"bar, line, area, pie, doughnut, radar, …",[815,1305,1306,1309,1310,1313,1314],{},[672,1307,1308],{},"@codemerge\u002Fmermaid"," subset via ",[672,1311,1312],{},"toMermaidSource"," → ",[672,1315,1283],{},[800,1317,1318,1321],{},[815,1319,1320],{},"scatter, bubble",[815,1322,1323],{},"Canvas",[639,1325,1326,1327,1330,1331,646],{},"Mermaid here is ",[891,1328,1329],{},"not"," full Mermaid.js — see ",[643,1332,618],{"href":619},[639,1334,1335,1336,1339,1340,1343],{},"Bar \u002F line \u002F area y-axis runs from ",[672,1337,1338],{},"min(0, data)"," to ",[672,1341,1342],{},"max(0, data)",", so negative values are drawn below a zero baseline.",[660,1345,1347],{"id":1346},"data-shape","Data shape",[665,1349,1351],{"className":667,"code":1350,"language":669,"meta":670,"style":670},"type ChartSeries = {\n  name: string;\n  color?: string;\n  data: Array\u003C{ label: string; value: number; color?: string }>;\n};\n",[672,1352,1353,1367,1379,1391,1433],{"__ignoreMap":670},[675,1354,1355,1358,1362,1365],{"class":677,"line":678},[675,1356,1357],{"class":1000},"type",[675,1359,1361],{"class":1360},"sBMFI"," ChartSeries",[675,1363,1364],{"class":685}," =",[675,1366,739],{"class":685},[675,1368,1369,1372,1374,1377],{"class":677,"line":718},[675,1370,1371],{"class":745},"  name",[675,1373,749],{"class":685},[675,1375,1376],{"class":1360}," string",[675,1378,715],{"class":685},[675,1380,1381,1384,1387,1389],{"class":677,"line":725},[675,1382,1383],{"class":745},"  color",[675,1385,1386],{"class":685},"?:",[675,1388,1376],{"class":1360},[675,1390,715],{"class":685},[675,1392,1393,1396,1398,1401,1404,1407,1409,1411,1413,1416,1418,1421,1423,1426,1428,1430],{"class":677,"line":742},[675,1394,1395],{"class":745},"  data",[675,1397,749],{"class":685},[675,1399,1400],{"class":1360}," Array",[675,1402,1403],{"class":685},"\u003C{",[675,1405,1406],{"class":745}," label",[675,1408,749],{"class":685},[675,1410,1376],{"class":1360},[675,1412,952],{"class":685},[675,1414,1415],{"class":745}," value",[675,1417,749],{"class":685},[675,1419,1420],{"class":1360}," number",[675,1422,952],{"class":685},[675,1424,1425],{"class":745}," color",[675,1427,1386],{"class":685},[675,1429,1376],{"class":1360},[675,1431,1432],{"class":685}," }>;\n",[675,1434,1435],{"class":677,"line":767},[675,1436,1437],{"class":685},"};\n",[639,1439,1440,1441,844,1444,844,1447,1450,1451,844,1454,1457],{},"Scatter\u002Fbubble points use ",[672,1442,1443],{},"x",[672,1445,1446],{},"y",[672,1448,1449],{},"r"," instead of ",[672,1452,1453],{},"label",[672,1455,1456],{},"value"," (driver coerce).",[660,1459,1461],{"id":1460},"see-also","See also",[1463,1464,1465,1469,1473],"ul",{},[888,1466,1467],{},[643,1468,49],{"href":50},[888,1470,1471],{},[643,1472,618],{"href":619},[888,1474,1475,1478,1479,844,1482],{},[643,1476,1477],{"href":607},"SDK"," — ",[672,1480,1481],{},"studioPaneTabs",[672,1483,1484],{},"syncStudioPanel",[1486,1487,1488],"style",{},"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":670,"searchDepth":718,"depth":725,"links":1490},[1491,1492,1493,1494,1495,1496,1497,1498],{"id":662,"depth":718,"text":663},{"id":866,"depth":718,"text":867},{"id":875,"depth":718,"text":876},{"id":921,"depth":718,"text":922},{"id":1011,"depth":718,"text":1012},{"id":1283,"depth":718,"text":1284},{"id":1346,"depth":718,"text":1347},{"id":1460,"depth":718,"text":1461},"Insert and edit chart atoms in WYSIWYG, or run the full studio as on-codemerge\u002Fcharts.","md",null,{},{"title":195},{"title":631,"description":1499},"tdjch044swOnLKGLUzXrH7C2akctX1YSfemZ4FX721c",[1507,1509],{"title":191,"path":192,"stem":193,"description":1508,"children":-1},"MarkdownPlugin is the shared Markdown surface for both editors:",{"title":199,"path":200,"stem":201,"description":1510,"children":-1},"The Form Builder Plugin provides comprehensive form creation and management capabilities for the on-CodeMerge editor. It allows users to build interactive forms with various field types, validation rules, and templates through an intuitive visual interface.",1794129105704]