[{"data":1,"prerenderedAt":2536},["ShallowReactive",2],{"navigation":3,"\u002Fplugins\u002Ftools\u002Fresponsive":629,"\u002Fplugins\u002Ftools\u002Fresponsive-surround":2531},[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":2524,"extension":2525,"links":2526,"meta":2527,"navigation":2528,"path":251,"seo":2529,"stem":252,"__hash__":2530},"docs\u002F3.plugins\u002F7.tools\u002F3.responsive.md","Responsive Plugin",{"type":633,"value":634,"toc":2502},"minimark",[635,640,693,706,710,857,861,866,870,875,1030,1034,1072,1076,1224,1228,1232,1314,1317,1331,1335,1339,1753,1757,2123,2127,2434,2438,2473,2477,2491,2495,2498],[636,637,639],"h2",{"id":638},"features","Features",[641,642,643,651,657,663,669,675,681,687],"ul",{},[644,645,646,650],"li",{},[647,648,649],"strong",{},"Viewport Simulation",": Preview content at various device sizes",[644,652,653,656],{},[647,654,655],{},"Custom Breakpoints",": Add and manage custom breakpoints",[644,658,659,662],{},[647,660,661],{},"Toolbar Integration",": Responsive menu in the toolbar",[644,664,665,668],{},[647,666,667],{},"Hotkey Support",": Quick viewport switching",[644,670,671,674],{},[647,672,673],{},"Live Preview",": Real-time content resizing",[644,676,677,680],{},[647,678,679],{},"Device Presets",": Mobile, tablet, desktop, and custom",[644,682,683,686],{},[647,684,685],{},"Adaptive Layout",": Editor adapts to selected viewport",[644,688,689,692],{},[647,690,691],{},"Event Hooks",": Listen to viewport changes",[694,695,696],"blockquote",{},[697,698,699,700,705],"p",{},"Install and CSS: see ",[701,702,704],"a",{"href":703},"\u002Fgetting-started\u002Feditor-api#getting-started","Editor API — Getting Started",".",[636,707,709],{"id":708},"basic-usage","Basic Usage",[711,712,717],"pre",{"className":713,"code":714,"language":715,"meta":716,"style":716},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Editor, ResponsivePlugin } from 'on-codemerge';\nimport 'on-codemerge\u002Findex.css';\nimport 'on-codemerge\u002Fpublic.css';\n\nconst editor = new Editor(container, {\n  plugins: [ResponsivePlugin()],\n});\n","js","",[718,719,720,762,776,790,797,824,846],"code",{"__ignoreMap":716},[721,722,725,729,733,737,740,743,746,749,752,756,759],"span",{"class":723,"line":724},"line",1,[721,726,728],{"class":727},"s7zQu","import",[721,730,732],{"class":731},"sMK4o"," {",[721,734,736],{"class":735},"sTEyZ"," Editor",[721,738,739],{"class":731},",",[721,741,742],{"class":735}," ResponsivePlugin",[721,744,745],{"class":731}," }",[721,747,748],{"class":727}," from",[721,750,751],{"class":731}," '",[721,753,755],{"class":754},"sfazB","on-codemerge",[721,757,758],{"class":731},"'",[721,760,761],{"class":731},";\n",[721,763,765,767,769,772,774],{"class":723,"line":764},2,[721,766,728],{"class":727},[721,768,751],{"class":731},[721,770,771],{"class":754},"on-codemerge\u002Findex.css",[721,773,758],{"class":731},[721,775,761],{"class":731},[721,777,779,781,783,786,788],{"class":723,"line":778},3,[721,780,728],{"class":727},[721,782,751],{"class":731},[721,784,785],{"class":754},"on-codemerge\u002Fpublic.css",[721,787,758],{"class":731},[721,789,761],{"class":731},[721,791,793],{"class":723,"line":792},4,[721,794,796],{"emptyLinePlaceholder":795},true,"\n",[721,798,800,804,807,810,813,816,819,821],{"class":723,"line":799},5,[721,801,803],{"class":802},"spNyl","const",[721,805,806],{"class":735}," editor ",[721,808,809],{"class":731},"=",[721,811,812],{"class":731}," new",[721,814,736],{"class":815},"s2Zo4",[721,817,818],{"class":735},"(container",[721,820,739],{"class":731},[721,822,823],{"class":731}," {\n",[721,825,827,831,834,837,840,843],{"class":723,"line":826},6,[721,828,830],{"class":829},"swJcz","  plugins",[721,832,833],{"class":731},":",[721,835,836],{"class":735}," [",[721,838,839],{"class":815},"ResponsivePlugin",[721,841,842],{"class":735},"()]",[721,844,845],{"class":731},",\n",[721,847,849,852,855],{"class":723,"line":848},7,[721,850,851],{"class":731},"}",[721,853,854],{"class":735},")",[721,856,761],{"class":731},[636,858,860],{"id":859},"demo","Demo",[862,863],"editor-component",{":active-plugins":864,":show-results":865},"[\"ResponsivePlugin\"]","false",[636,867,869],{"id":868},"api-reference","API Reference",[871,872,874],"h3",{"id":873},"responsive-methods","Responsive Methods",[711,876,878],{"className":713,"code":877,"language":715,"meta":716,"style":716},"\u002F\u002F Set viewport\neditor.setViewport('mobile');\n\n\u002F\u002F Get current viewport\nconst viewport = editor.getViewport();\n\n\u002F\u002F Add custom breakpoint\neditor.addBreakpoint('custom', { width: 500, height: 800 });\n\n\u002F\u002F List available breakpoints\nconst breakpoints = editor.getBreakpoints();\n",[718,879,880,886,910,914,919,941,945,950,998,1003,1009],{"__ignoreMap":716},[721,881,882],{"class":723,"line":724},[721,883,885],{"class":884},"sHwdD","\u002F\u002F Set viewport\n",[721,887,888,891,893,896,899,901,904,906,908],{"class":723,"line":764},[721,889,890],{"class":735},"editor",[721,892,705],{"class":731},[721,894,895],{"class":815},"setViewport",[721,897,898],{"class":735},"(",[721,900,758],{"class":731},[721,902,903],{"class":754},"mobile",[721,905,758],{"class":731},[721,907,854],{"class":735},[721,909,761],{"class":731},[721,911,912],{"class":723,"line":778},[721,913,796],{"emptyLinePlaceholder":795},[721,915,916],{"class":723,"line":792},[721,917,918],{"class":884},"\u002F\u002F Get current viewport\n",[721,920,921,923,926,928,931,933,936,939],{"class":723,"line":799},[721,922,803],{"class":802},[721,924,925],{"class":735}," viewport ",[721,927,809],{"class":731},[721,929,930],{"class":735}," editor",[721,932,705],{"class":731},[721,934,935],{"class":815},"getViewport",[721,937,938],{"class":735},"()",[721,940,761],{"class":731},[721,942,943],{"class":723,"line":826},[721,944,796],{"emptyLinePlaceholder":795},[721,946,947],{"class":723,"line":848},[721,948,949],{"class":884},"\u002F\u002F Add custom breakpoint\n",[721,951,953,955,957,960,962,964,967,969,971,973,976,978,982,984,987,989,992,994,996],{"class":723,"line":952},8,[721,954,890],{"class":735},[721,956,705],{"class":731},[721,958,959],{"class":815},"addBreakpoint",[721,961,898],{"class":735},[721,963,758],{"class":731},[721,965,966],{"class":754},"custom",[721,968,758],{"class":731},[721,970,739],{"class":731},[721,972,732],{"class":731},[721,974,975],{"class":829}," width",[721,977,833],{"class":731},[721,979,981],{"class":980},"sbssI"," 500",[721,983,739],{"class":731},[721,985,986],{"class":829}," height",[721,988,833],{"class":731},[721,990,991],{"class":980}," 800",[721,993,745],{"class":731},[721,995,854],{"class":735},[721,997,761],{"class":731},[721,999,1001],{"class":723,"line":1000},9,[721,1002,796],{"emptyLinePlaceholder":795},[721,1004,1006],{"class":723,"line":1005},10,[721,1007,1008],{"class":884},"\u002F\u002F List available breakpoints\n",[721,1010,1012,1014,1017,1019,1021,1023,1026,1028],{"class":723,"line":1011},11,[721,1013,803],{"class":802},[721,1015,1016],{"class":735}," breakpoints ",[721,1018,809],{"class":731},[721,1020,930],{"class":735},[721,1022,705],{"class":731},[721,1024,1025],{"class":815},"getBreakpoints",[721,1027,938],{"class":735},[721,1029,761],{"class":731},[636,1031,1033],{"id":1032},"keyboard-shortcuts","Keyboard Shortcuts",[1035,1036,1037,1053],"table",{},[1038,1039,1040],"thead",{},[1041,1042,1043,1047,1050],"tr",{},[1044,1045,1046],"th",{},"Shortcut",[1044,1048,1049],{},"Description",[1044,1051,1052],{},"Command",[1054,1055,1056],"tbody",{},[1041,1057,1058,1064,1067],{},[1059,1060,1061],"td",{},[718,1062,1063],{},"Ctrl+Alt+R",[1059,1065,1066],{},"Open responsive menu",[1059,1068,1069],{},[718,1070,1071],{},"responsive-menu",[636,1073,1075],{"id":1074},"events","Events",[711,1077,1079],{"className":713,"code":1078,"language":715,"meta":716,"style":716},"\u002F\u002F Listen to viewport events\neditor.on('viewport:changed', (viewport) => {\n  console.log('Viewport changed:', viewport);\n});\n\neditor.on('breakpoint:added', (breakpoint) => {\n  console.log('Breakpoint added:', breakpoint);\n});\n",[718,1080,1081,1086,1120,1148,1156,1160,1190,1216],{"__ignoreMap":716},[721,1082,1083],{"class":723,"line":724},[721,1084,1085],{"class":884},"\u002F\u002F Listen to viewport events\n",[721,1087,1088,1090,1092,1095,1097,1099,1102,1104,1106,1109,1113,1115,1118],{"class":723,"line":764},[721,1089,890],{"class":735},[721,1091,705],{"class":731},[721,1093,1094],{"class":815},"on",[721,1096,898],{"class":735},[721,1098,758],{"class":731},[721,1100,1101],{"class":754},"viewport:changed",[721,1103,758],{"class":731},[721,1105,739],{"class":731},[721,1107,1108],{"class":731}," (",[721,1110,1112],{"class":1111},"sHdIc","viewport",[721,1114,854],{"class":731},[721,1116,1117],{"class":802}," =>",[721,1119,823],{"class":731},[721,1121,1122,1125,1127,1130,1132,1134,1137,1139,1141,1144,1146],{"class":723,"line":778},[721,1123,1124],{"class":735},"  console",[721,1126,705],{"class":731},[721,1128,1129],{"class":815},"log",[721,1131,898],{"class":829},[721,1133,758],{"class":731},[721,1135,1136],{"class":754},"Viewport changed:",[721,1138,758],{"class":731},[721,1140,739],{"class":731},[721,1142,1143],{"class":735}," viewport",[721,1145,854],{"class":829},[721,1147,761],{"class":731},[721,1149,1150,1152,1154],{"class":723,"line":792},[721,1151,851],{"class":731},[721,1153,854],{"class":735},[721,1155,761],{"class":731},[721,1157,1158],{"class":723,"line":799},[721,1159,796],{"emptyLinePlaceholder":795},[721,1161,1162,1164,1166,1168,1170,1172,1175,1177,1179,1181,1184,1186,1188],{"class":723,"line":826},[721,1163,890],{"class":735},[721,1165,705],{"class":731},[721,1167,1094],{"class":815},[721,1169,898],{"class":735},[721,1171,758],{"class":731},[721,1173,1174],{"class":754},"breakpoint:added",[721,1176,758],{"class":731},[721,1178,739],{"class":731},[721,1180,1108],{"class":731},[721,1182,1183],{"class":1111},"breakpoint",[721,1185,854],{"class":731},[721,1187,1117],{"class":802},[721,1189,823],{"class":731},[721,1191,1192,1194,1196,1198,1200,1202,1205,1207,1209,1212,1214],{"class":723,"line":848},[721,1193,1124],{"class":735},[721,1195,705],{"class":731},[721,1197,1129],{"class":815},[721,1199,898],{"class":829},[721,1201,758],{"class":731},[721,1203,1204],{"class":754},"Breakpoint added:",[721,1206,758],{"class":731},[721,1208,739],{"class":731},[721,1210,1211],{"class":735}," breakpoint",[721,1213,854],{"class":829},[721,1215,761],{"class":731},[721,1217,1218,1220,1222],{"class":723,"line":952},[721,1219,851],{"class":731},[721,1221,854],{"class":735},[721,1223,761],{"class":731},[636,1225,1227],{"id":1226},"examples","Examples",[871,1229,1231],{"id":1230},"basic-responsive-preview","Basic Responsive Preview",[711,1233,1235],{"className":713,"code":1234,"language":715,"meta":716,"style":716},"\u002F\u002F Switch to tablet view\neditor.setViewport('tablet');\n\n\u002F\u002F Add a custom breakpoint\neditor.addBreakpoint('wide', { width: 1200, height: 800 });\n",[718,1236,1237,1242,1263,1267,1272],{"__ignoreMap":716},[721,1238,1239],{"class":723,"line":724},[721,1240,1241],{"class":884},"\u002F\u002F Switch to tablet view\n",[721,1243,1244,1246,1248,1250,1252,1254,1257,1259,1261],{"class":723,"line":764},[721,1245,890],{"class":735},[721,1247,705],{"class":731},[721,1249,895],{"class":815},[721,1251,898],{"class":735},[721,1253,758],{"class":731},[721,1255,1256],{"class":754},"tablet",[721,1258,758],{"class":731},[721,1260,854],{"class":735},[721,1262,761],{"class":731},[721,1264,1265],{"class":723,"line":778},[721,1266,796],{"emptyLinePlaceholder":795},[721,1268,1269],{"class":723,"line":792},[721,1270,1271],{"class":884},"\u002F\u002F Add a custom breakpoint\n",[721,1273,1274,1276,1278,1280,1282,1284,1287,1289,1291,1293,1295,1297,1300,1302,1304,1306,1308,1310,1312],{"class":723,"line":799},[721,1275,890],{"class":735},[721,1277,705],{"class":731},[721,1279,959],{"class":815},[721,1281,898],{"class":735},[721,1283,758],{"class":731},[721,1285,1286],{"class":754},"wide",[721,1288,758],{"class":731},[721,1290,739],{"class":731},[721,1292,732],{"class":731},[721,1294,975],{"class":829},[721,1296,833],{"class":731},[721,1298,1299],{"class":980}," 1200",[721,1301,739],{"class":731},[721,1303,986],{"class":829},[721,1305,833],{"class":731},[721,1307,991],{"class":980},[721,1309,745],{"class":731},[721,1311,854],{"class":735},[721,1313,761],{"class":731},[871,1315,679],{"id":1316},"device-presets",[641,1318,1319,1322,1325,1328],{},[644,1320,1321],{},"Mobile: 375x667",[644,1323,1324],{},"Tablet: 768x1024",[644,1326,1327],{},"Desktop: 1440x900",[644,1329,1330],{},"Custom: Any size",[636,1332,1334],{"id":1333},"integration-examples","Integration Examples",[871,1336,1338],{"id":1337},"react-integration","React Integration",[711,1340,1344],{"className":1341,"code":1342,"language":1343,"meta":716,"style":716},"language-jsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import React, { useEffect, useRef, useState } from 'react';\nimport { Editor, ResponsivePlugin } from 'on-codemerge';\nimport 'on-codemerge\u002Findex.css';\nimport 'on-codemerge\u002Fpublic.css';\n\nfunction MyEditor() {\n  const editorRef = useRef(null);\n  const editorInstance = useRef(null);\n  const [viewport, setViewport] = useState('desktop');\n\n  useEffect(() => {\n    if (editorRef.current && !editorInstance.current) {\n      editorInstance.current = new Editor(editorRef.current);\n      \u002F\u002F v2: pass ResponsivePlugin() in Editor constructor plugins: [...]\n      editorInstance.current.on('viewport:changed', setViewport);\n    }\n    return () => {\n      if (editorInstance.current) editorInstance.current.destroy();\n    };\n  }, []);\n\n  return \u003Cdiv ref={editorRef} className=\"editor-container\" \u002F>;\n}\n","jsx",[718,1345,1346,1383,1407,1419,1431,1435,1447,1469,1488,1521,1525,1538,1573,1601,1607,1636,1642,1655,1686,1692,1703,1708,1747],{"__ignoreMap":716},[721,1347,1348,1350,1353,1355,1357,1360,1362,1365,1367,1370,1372,1374,1376,1379,1381],{"class":723,"line":724},[721,1349,728],{"class":727},[721,1351,1352],{"class":735}," React",[721,1354,739],{"class":731},[721,1356,732],{"class":731},[721,1358,1359],{"class":735}," useEffect",[721,1361,739],{"class":731},[721,1363,1364],{"class":735}," useRef",[721,1366,739],{"class":731},[721,1368,1369],{"class":735}," useState",[721,1371,745],{"class":731},[721,1373,748],{"class":727},[721,1375,751],{"class":731},[721,1377,1378],{"class":754},"react",[721,1380,758],{"class":731},[721,1382,761],{"class":731},[721,1384,1385,1387,1389,1391,1393,1395,1397,1399,1401,1403,1405],{"class":723,"line":764},[721,1386,728],{"class":727},[721,1388,732],{"class":731},[721,1390,736],{"class":735},[721,1392,739],{"class":731},[721,1394,742],{"class":735},[721,1396,745],{"class":731},[721,1398,748],{"class":727},[721,1400,751],{"class":731},[721,1402,755],{"class":754},[721,1404,758],{"class":731},[721,1406,761],{"class":731},[721,1408,1409,1411,1413,1415,1417],{"class":723,"line":778},[721,1410,728],{"class":727},[721,1412,751],{"class":731},[721,1414,771],{"class":754},[721,1416,758],{"class":731},[721,1418,761],{"class":731},[721,1420,1421,1423,1425,1427,1429],{"class":723,"line":792},[721,1422,728],{"class":727},[721,1424,751],{"class":731},[721,1426,785],{"class":754},[721,1428,758],{"class":731},[721,1430,761],{"class":731},[721,1432,1433],{"class":723,"line":799},[721,1434,796],{"emptyLinePlaceholder":795},[721,1436,1437,1440,1443,1445],{"class":723,"line":826},[721,1438,1439],{"class":802},"function",[721,1441,1442],{"class":815}," MyEditor",[721,1444,938],{"class":731},[721,1446,823],{"class":731},[721,1448,1449,1452,1455,1458,1460,1462,1465,1467],{"class":723,"line":848},[721,1450,1451],{"class":802},"  const",[721,1453,1454],{"class":735}," editorRef",[721,1456,1457],{"class":731}," =",[721,1459,1364],{"class":815},[721,1461,898],{"class":829},[721,1463,1464],{"class":731},"null",[721,1466,854],{"class":829},[721,1468,761],{"class":731},[721,1470,1471,1473,1476,1478,1480,1482,1484,1486],{"class":723,"line":952},[721,1472,1451],{"class":802},[721,1474,1475],{"class":735}," editorInstance",[721,1477,1457],{"class":731},[721,1479,1364],{"class":815},[721,1481,898],{"class":829},[721,1483,1464],{"class":731},[721,1485,854],{"class":829},[721,1487,761],{"class":731},[721,1489,1490,1492,1494,1496,1498,1501,1504,1506,1508,1510,1512,1515,1517,1519],{"class":723,"line":1000},[721,1491,1451],{"class":802},[721,1493,836],{"class":731},[721,1495,1112],{"class":735},[721,1497,739],{"class":731},[721,1499,1500],{"class":735}," setViewport",[721,1502,1503],{"class":731},"]",[721,1505,1457],{"class":731},[721,1507,1369],{"class":815},[721,1509,898],{"class":829},[721,1511,758],{"class":731},[721,1513,1514],{"class":754},"desktop",[721,1516,758],{"class":731},[721,1518,854],{"class":829},[721,1520,761],{"class":731},[721,1522,1523],{"class":723,"line":1005},[721,1524,796],{"emptyLinePlaceholder":795},[721,1526,1527,1530,1532,1534,1536],{"class":723,"line":1011},[721,1528,1529],{"class":815},"  useEffect",[721,1531,898],{"class":829},[721,1533,938],{"class":731},[721,1535,1117],{"class":802},[721,1537,823],{"class":731},[721,1539,1541,1544,1546,1549,1551,1554,1557,1560,1563,1565,1567,1570],{"class":723,"line":1540},12,[721,1542,1543],{"class":727},"    if",[721,1545,1108],{"class":829},[721,1547,1548],{"class":735},"editorRef",[721,1550,705],{"class":731},[721,1552,1553],{"class":735},"current",[721,1555,1556],{"class":731}," &&",[721,1558,1559],{"class":731}," !",[721,1561,1562],{"class":735},"editorInstance",[721,1564,705],{"class":731},[721,1566,1553],{"class":735},[721,1568,1569],{"class":829},") ",[721,1571,1572],{"class":731},"{\n",[721,1574,1576,1579,1581,1583,1585,1587,1589,1591,1593,1595,1597,1599],{"class":723,"line":1575},13,[721,1577,1578],{"class":735},"      editorInstance",[721,1580,705],{"class":731},[721,1582,1553],{"class":735},[721,1584,1457],{"class":731},[721,1586,812],{"class":731},[721,1588,736],{"class":815},[721,1590,898],{"class":829},[721,1592,1548],{"class":735},[721,1594,705],{"class":731},[721,1596,1553],{"class":735},[721,1598,854],{"class":829},[721,1600,761],{"class":731},[721,1602,1604],{"class":723,"line":1603},14,[721,1605,1606],{"class":884},"      \u002F\u002F v2: pass ResponsivePlugin() in Editor constructor plugins: [...]\n",[721,1608,1610,1612,1614,1616,1618,1620,1622,1624,1626,1628,1630,1632,1634],{"class":723,"line":1609},15,[721,1611,1578],{"class":735},[721,1613,705],{"class":731},[721,1615,1553],{"class":735},[721,1617,705],{"class":731},[721,1619,1094],{"class":815},[721,1621,898],{"class":829},[721,1623,758],{"class":731},[721,1625,1101],{"class":754},[721,1627,758],{"class":731},[721,1629,739],{"class":731},[721,1631,1500],{"class":735},[721,1633,854],{"class":829},[721,1635,761],{"class":731},[721,1637,1639],{"class":723,"line":1638},16,[721,1640,1641],{"class":731},"    }\n",[721,1643,1645,1648,1651,1653],{"class":723,"line":1644},17,[721,1646,1647],{"class":727},"    return",[721,1649,1650],{"class":731}," ()",[721,1652,1117],{"class":802},[721,1654,823],{"class":731},[721,1656,1658,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679,1682,1684],{"class":723,"line":1657},18,[721,1659,1660],{"class":727},"      if",[721,1662,1108],{"class":829},[721,1664,1562],{"class":735},[721,1666,705],{"class":731},[721,1668,1553],{"class":735},[721,1670,1569],{"class":829},[721,1672,1562],{"class":735},[721,1674,705],{"class":731},[721,1676,1553],{"class":735},[721,1678,705],{"class":731},[721,1680,1681],{"class":815},"destroy",[721,1683,938],{"class":829},[721,1685,761],{"class":731},[721,1687,1689],{"class":723,"line":1688},19,[721,1690,1691],{"class":731},"    };\n",[721,1693,1695,1698,1701],{"class":723,"line":1694},20,[721,1696,1697],{"class":731},"  },",[721,1699,1700],{"class":829}," [])",[721,1702,761],{"class":731},[721,1704,1706],{"class":723,"line":1705},21,[721,1707,796],{"emptyLinePlaceholder":795},[721,1709,1711,1714,1717,1720,1723,1726,1728,1731,1734,1736,1739,1742,1744],{"class":723,"line":1710},22,[721,1712,1713],{"class":727},"  return",[721,1715,1716],{"class":731}," \u003C",[721,1718,1719],{"class":829},"div",[721,1721,1722],{"class":802}," ref",[721,1724,1725],{"class":731},"={",[721,1727,1548],{"class":735},[721,1729,1730],{"class":731},"} ",[721,1732,1733],{"class":802},"className",[721,1735,809],{"class":731},[721,1737,1738],{"class":731},"\"",[721,1740,1741],{"class":754},"editor-container",[721,1743,1738],{"class":731},[721,1745,1746],{"class":731}," \u002F>;\n",[721,1748,1750],{"class":723,"line":1749},23,[721,1751,1752],{"class":731},"}\n",[871,1754,1756],{"id":1755},"vue-integration","Vue Integration",[711,1758,1762],{"className":1759,"code":1760,"language":1761,"meta":716,"style":716},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cdiv>Current viewport: {{ viewport }}\u003C\u002Fdiv>\n    \u003Cdiv ref=\"editorContainer\" class=\"editor-container\">\u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\u003Cscript>\nimport { Editor, ResponsivePlugin } from 'on-codemerge';\nimport 'on-codemerge\u002Findex.css';\nimport 'on-codemerge\u002Fpublic.css';\nexport default {\n  data() {\n    return { editor: null, viewport: 'desktop' };\n  },\n  mounted() {\n    this.editor = new Editor(this.$refs.editorContainer);\n    this.this.editor \u002F\u002F use plugins: [ResponsivePlugin()];\n      .on('viewport:changed', (v) => {\n        this.viewport = v;\n      });\n  },\n  beforeDestroy() {\n    if (this.editor) this.editor.destroy();\n  },\n};\n\u003C\u002Fscript>\n","vue",[718,1763,1764,1775,1784,1804,1839,1848,1856,1865,1889,1901,1913,1923,1932,1958,1963,1972,2001,2015,2043,2057,2066,2070,2079,2103,2108,2114],{"__ignoreMap":716},[721,1765,1766,1769,1772],{"class":723,"line":724},[721,1767,1768],{"class":731},"\u003C",[721,1770,1771],{"class":829},"template",[721,1773,1774],{"class":731},">\n",[721,1776,1777,1780,1782],{"class":723,"line":764},[721,1778,1779],{"class":731},"  \u003C",[721,1781,1719],{"class":829},[721,1783,1774],{"class":731},[721,1785,1786,1789,1791,1794,1797,1800,1802],{"class":723,"line":778},[721,1787,1788],{"class":731},"    \u003C",[721,1790,1719],{"class":829},[721,1792,1793],{"class":731},">",[721,1795,1796],{"class":735},"Current viewport: {{ viewport }}",[721,1798,1799],{"class":731},"\u003C\u002F",[721,1801,1719],{"class":829},[721,1803,1774],{"class":731},[721,1805,1806,1808,1810,1812,1814,1816,1819,1821,1824,1826,1828,1830,1832,1835,1837],{"class":723,"line":792},[721,1807,1788],{"class":731},[721,1809,1719],{"class":829},[721,1811,1722],{"class":802},[721,1813,809],{"class":731},[721,1815,1738],{"class":731},[721,1817,1818],{"class":754},"editorContainer",[721,1820,1738],{"class":731},[721,1822,1823],{"class":802}," class",[721,1825,809],{"class":731},[721,1827,1738],{"class":731},[721,1829,1741],{"class":754},[721,1831,1738],{"class":731},[721,1833,1834],{"class":731},">\u003C\u002F",[721,1836,1719],{"class":829},[721,1838,1774],{"class":731},[721,1840,1841,1844,1846],{"class":723,"line":799},[721,1842,1843],{"class":731},"  \u003C\u002F",[721,1845,1719],{"class":829},[721,1847,1774],{"class":731},[721,1849,1850,1852,1854],{"class":723,"line":826},[721,1851,1799],{"class":731},[721,1853,1771],{"class":829},[721,1855,1774],{"class":731},[721,1857,1858,1860,1863],{"class":723,"line":848},[721,1859,1768],{"class":731},[721,1861,1862],{"class":829},"script",[721,1864,1774],{"class":731},[721,1866,1867,1869,1871,1873,1875,1877,1879,1881,1883,1885,1887],{"class":723,"line":952},[721,1868,728],{"class":727},[721,1870,732],{"class":731},[721,1872,736],{"class":735},[721,1874,739],{"class":731},[721,1876,742],{"class":735},[721,1878,745],{"class":731},[721,1880,748],{"class":727},[721,1882,751],{"class":731},[721,1884,755],{"class":754},[721,1886,758],{"class":731},[721,1888,761],{"class":731},[721,1890,1891,1893,1895,1897,1899],{"class":723,"line":1000},[721,1892,728],{"class":727},[721,1894,751],{"class":731},[721,1896,771],{"class":754},[721,1898,758],{"class":731},[721,1900,761],{"class":731},[721,1902,1903,1905,1907,1909,1911],{"class":723,"line":1005},[721,1904,728],{"class":727},[721,1906,751],{"class":731},[721,1908,785],{"class":754},[721,1910,758],{"class":731},[721,1912,761],{"class":731},[721,1914,1915,1918,1921],{"class":723,"line":1011},[721,1916,1917],{"class":727},"export",[721,1919,1920],{"class":727}," default",[721,1922,823],{"class":731},[721,1924,1925,1928,1930],{"class":723,"line":1540},[721,1926,1927],{"class":829},"  data",[721,1929,938],{"class":731},[721,1931,823],{"class":731},[721,1933,1934,1936,1938,1940,1942,1945,1947,1949,1951,1953,1955],{"class":723,"line":1575},[721,1935,1647],{"class":727},[721,1937,732],{"class":731},[721,1939,930],{"class":829},[721,1941,833],{"class":731},[721,1943,1944],{"class":731}," null,",[721,1946,1143],{"class":829},[721,1948,833],{"class":731},[721,1950,751],{"class":731},[721,1952,1514],{"class":754},[721,1954,758],{"class":731},[721,1956,1957],{"class":731}," };\n",[721,1959,1960],{"class":723,"line":1603},[721,1961,1962],{"class":731},"  },\n",[721,1964,1965,1968,1970],{"class":723,"line":1609},[721,1966,1967],{"class":829},"  mounted",[721,1969,938],{"class":731},[721,1971,823],{"class":731},[721,1973,1974,1977,1979,1981,1983,1985,1987,1990,1993,1995,1997,1999],{"class":723,"line":1638},[721,1975,1976],{"class":731},"    this.",[721,1978,890],{"class":735},[721,1980,1457],{"class":731},[721,1982,812],{"class":731},[721,1984,736],{"class":815},[721,1986,898],{"class":829},[721,1988,1989],{"class":731},"this.",[721,1991,1992],{"class":735},"$refs",[721,1994,705],{"class":731},[721,1996,1818],{"class":735},[721,1998,854],{"class":829},[721,2000,761],{"class":731},[721,2002,2003,2005,2008,2010,2012],{"class":723,"line":1644},[721,2004,1976],{"class":731},[721,2006,2007],{"class":735},"this",[721,2009,705],{"class":731},[721,2011,890],{"class":735},[721,2013,2014],{"class":884}," \u002F\u002F use plugins: [ResponsivePlugin()];\n",[721,2016,2017,2020,2022,2024,2026,2028,2030,2032,2034,2037,2039,2041],{"class":723,"line":1657},[721,2018,2019],{"class":731},"      .",[721,2021,1094],{"class":815},[721,2023,898],{"class":829},[721,2025,758],{"class":731},[721,2027,1101],{"class":754},[721,2029,758],{"class":731},[721,2031,739],{"class":731},[721,2033,1108],{"class":731},[721,2035,2036],{"class":1111},"v",[721,2038,854],{"class":731},[721,2040,1117],{"class":802},[721,2042,823],{"class":731},[721,2044,2045,2048,2050,2052,2055],{"class":723,"line":1688},[721,2046,2047],{"class":731},"        this.",[721,2049,1112],{"class":735},[721,2051,1457],{"class":731},[721,2053,2054],{"class":735}," v",[721,2056,761],{"class":731},[721,2058,2059,2062,2064],{"class":723,"line":1694},[721,2060,2061],{"class":731},"      }",[721,2063,854],{"class":829},[721,2065,761],{"class":731},[721,2067,2068],{"class":723,"line":1705},[721,2069,1962],{"class":731},[721,2071,2072,2075,2077],{"class":723,"line":1710},[721,2073,2074],{"class":829},"  beforeDestroy",[721,2076,938],{"class":731},[721,2078,823],{"class":731},[721,2080,2081,2083,2085,2087,2089,2091,2093,2095,2097,2099,2101],{"class":723,"line":1749},[721,2082,1543],{"class":727},[721,2084,1108],{"class":829},[721,2086,1989],{"class":731},[721,2088,890],{"class":735},[721,2090,1569],{"class":829},[721,2092,1989],{"class":731},[721,2094,890],{"class":735},[721,2096,705],{"class":731},[721,2098,1681],{"class":815},[721,2100,938],{"class":829},[721,2102,761],{"class":731},[721,2104,2106],{"class":723,"line":2105},24,[721,2107,1962],{"class":731},[721,2109,2111],{"class":723,"line":2110},25,[721,2112,2113],{"class":731},"};\n",[721,2115,2117,2119,2121],{"class":723,"line":2116},26,[721,2118,1799],{"class":731},[721,2120,1862],{"class":829},[721,2122,1774],{"class":731},[636,2124,2126],{"id":2125},"styling","Styling",[711,2128,2132],{"className":2129,"code":2130,"language":2131,"meta":716,"style":716},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".responsive-menu {\n  background: white;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  padding: 12px 20px;\n  min-width: 200px;\n}\n.responsive-menu-item {\n  padding: 8px 12px;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: background 0.2s;\n}\n.responsive-menu-item:hover {\n  background: #f3f4f6;\n}\n.responsive-menu-item.active {\n  background: #3b82f6;\n  color: white;\n}\n.editor-viewport {\n  border: 1px solid #d1d5db;\n  border-radius: 8px;\n  overflow: hidden;\n  transition:\n    width 0.2s,\n    height 0.2s;\n}\n","css",[718,2133,2134,2143,2156,2177,2189,2204,2216,2220,2229,2241,2253,2264,2279,2283,2296,2310,2314,2327,2340,2351,2355,2364,2381,2391,2403,2410,2419,2429],{"__ignoreMap":716},[721,2135,2136,2138,2141],{"class":723,"line":724},[721,2137,705],{"class":731},[721,2139,1071],{"class":2140},"sBMFI",[721,2142,823],{"class":731},[721,2144,2145,2149,2151,2154],{"class":723,"line":764},[721,2146,2148],{"class":2147},"sqsOY","  background",[721,2150,833],{"class":731},[721,2152,2153],{"class":735}," white",[721,2155,761],{"class":731},[721,2157,2158,2161,2163,2166,2169,2172,2175],{"class":723,"line":778},[721,2159,2160],{"class":2147},"  border",[721,2162,833],{"class":731},[721,2164,2165],{"class":980}," 1px",[721,2167,2168],{"class":735}," solid ",[721,2170,2171],{"class":731},"#",[721,2173,2174],{"class":735},"e5e7eb",[721,2176,761],{"class":731},[721,2178,2179,2182,2184,2187],{"class":723,"line":792},[721,2180,2181],{"class":2147},"  border-radius",[721,2183,833],{"class":731},[721,2185,2186],{"class":980}," 8px",[721,2188,761],{"class":731},[721,2190,2191,2194,2196,2199,2202],{"class":723,"line":799},[721,2192,2193],{"class":2147},"  padding",[721,2195,833],{"class":731},[721,2197,2198],{"class":980}," 12px",[721,2200,2201],{"class":980}," 20px",[721,2203,761],{"class":731},[721,2205,2206,2209,2211,2214],{"class":723,"line":826},[721,2207,2208],{"class":2147},"  min-width",[721,2210,833],{"class":731},[721,2212,2213],{"class":980}," 200px",[721,2215,761],{"class":731},[721,2217,2218],{"class":723,"line":848},[721,2219,1752],{"class":731},[721,2221,2222,2224,2227],{"class":723,"line":952},[721,2223,705],{"class":731},[721,2225,2226],{"class":2140},"responsive-menu-item",[721,2228,823],{"class":731},[721,2230,2231,2233,2235,2237,2239],{"class":723,"line":1000},[721,2232,2193],{"class":2147},[721,2234,833],{"class":731},[721,2236,2186],{"class":980},[721,2238,2198],{"class":980},[721,2240,761],{"class":731},[721,2242,2243,2246,2248,2251],{"class":723,"line":1005},[721,2244,2245],{"class":2147},"  cursor",[721,2247,833],{"class":731},[721,2249,2250],{"class":735}," pointer",[721,2252,761],{"class":731},[721,2254,2255,2257,2259,2262],{"class":723,"line":1011},[721,2256,2181],{"class":2147},[721,2258,833],{"class":731},[721,2260,2261],{"class":980}," 4px",[721,2263,761],{"class":731},[721,2265,2266,2269,2271,2274,2277],{"class":723,"line":1540},[721,2267,2268],{"class":2147},"  transition",[721,2270,833],{"class":731},[721,2272,2273],{"class":735}," background ",[721,2275,2276],{"class":980},"0.2s",[721,2278,761],{"class":731},[721,2280,2281],{"class":723,"line":1575},[721,2282,1752],{"class":731},[721,2284,2285,2287,2289,2291,2294],{"class":723,"line":1603},[721,2286,705],{"class":731},[721,2288,2226],{"class":2140},[721,2290,833],{"class":731},[721,2292,2293],{"class":802},"hover",[721,2295,823],{"class":731},[721,2297,2298,2300,2302,2305,2308],{"class":723,"line":1609},[721,2299,2148],{"class":2147},[721,2301,833],{"class":731},[721,2303,2304],{"class":731}," #",[721,2306,2307],{"class":735},"f3f4f6",[721,2309,761],{"class":731},[721,2311,2312],{"class":723,"line":1638},[721,2313,1752],{"class":731},[721,2315,2316,2318,2320,2322,2325],{"class":723,"line":1644},[721,2317,705],{"class":731},[721,2319,2226],{"class":2140},[721,2321,705],{"class":731},[721,2323,2324],{"class":2140},"active",[721,2326,823],{"class":731},[721,2328,2329,2331,2333,2335,2338],{"class":723,"line":1657},[721,2330,2148],{"class":2147},[721,2332,833],{"class":731},[721,2334,2304],{"class":731},[721,2336,2337],{"class":735},"3b82f6",[721,2339,761],{"class":731},[721,2341,2342,2345,2347,2349],{"class":723,"line":1688},[721,2343,2344],{"class":2147},"  color",[721,2346,833],{"class":731},[721,2348,2153],{"class":735},[721,2350,761],{"class":731},[721,2352,2353],{"class":723,"line":1694},[721,2354,1752],{"class":731},[721,2356,2357,2359,2362],{"class":723,"line":1705},[721,2358,705],{"class":731},[721,2360,2361],{"class":2140},"editor-viewport",[721,2363,823],{"class":731},[721,2365,2366,2368,2370,2372,2374,2376,2379],{"class":723,"line":1710},[721,2367,2160],{"class":2147},[721,2369,833],{"class":731},[721,2371,2165],{"class":980},[721,2373,2168],{"class":735},[721,2375,2171],{"class":731},[721,2377,2378],{"class":735},"d1d5db",[721,2380,761],{"class":731},[721,2382,2383,2385,2387,2389],{"class":723,"line":1749},[721,2384,2181],{"class":2147},[721,2386,833],{"class":731},[721,2388,2186],{"class":980},[721,2390,761],{"class":731},[721,2392,2393,2396,2398,2401],{"class":723,"line":2105},[721,2394,2395],{"class":2147},"  overflow",[721,2397,833],{"class":731},[721,2399,2400],{"class":735}," hidden",[721,2402,761],{"class":731},[721,2404,2405,2407],{"class":723,"line":2110},[721,2406,2268],{"class":2147},[721,2408,2409],{"class":731},":\n",[721,2411,2412,2415,2417],{"class":723,"line":2116},[721,2413,2414],{"class":735},"    width ",[721,2416,2276],{"class":980},[721,2418,845],{"class":731},[721,2420,2422,2425,2427],{"class":723,"line":2421},27,[721,2423,2424],{"class":735},"    height ",[721,2426,2276],{"class":980},[721,2428,761],{"class":731},[721,2430,2432],{"class":723,"line":2431},28,[721,2433,1752],{"class":731},[636,2435,2437],{"id":2436},"troubleshooting","Troubleshooting",[2439,2440,2441,2457],"ol",{},[644,2442,2443,2446],{},[647,2444,2445],{},"Viewport not switching",[641,2447,2448,2451,2454],{},[644,2449,2450],{},"Check if viewport name is correct",[644,2452,2453],{},"Verify breakpoints are defined",[644,2455,2456],{},"Check for JavaScript errors",[644,2458,2459,2462],{},[647,2460,2461],{},"Custom breakpoints not working",[641,2463,2464,2467,2470],{},[644,2465,2466],{},"Ensure unique breakpoint names",[644,2468,2469],{},"Check breakpoint object structure",[644,2471,2472],{},"Verify width\u002Fheight values",[636,2474,2476],{"id":2475},"browser-support","Browser Support",[641,2478,2479,2482,2485,2488],{},[644,2480,2481],{},"Chrome 60+",[644,2483,2484],{},"Firefox 55+",[644,2486,2487],{},"Safari 12+",[644,2489,2490],{},"Edge 79+",[636,2492,2494],{"id":2493},"license","License",[697,2496,2497],{},"MIT License - see LICENSE file for details.",[2499,2500,2501],"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 .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 .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 .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 pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}",{"title":716,"searchDepth":764,"depth":778,"links":2503},[2504,2505,2506,2507,2510,2511,2512,2516,2520,2521,2522,2523],{"id":638,"depth":764,"text":639},{"id":708,"depth":764,"text":709},{"id":859,"depth":764,"text":860},{"id":868,"depth":764,"text":869,"children":2508},[2509],{"id":873,"depth":778,"text":874},{"id":1032,"depth":764,"text":1033},{"id":1074,"depth":764,"text":1075},{"id":1226,"depth":764,"text":1227,"children":2513},[2514,2515],{"id":1230,"depth":778,"text":1231},{"id":1316,"depth":778,"text":679},{"id":1333,"depth":764,"text":1334,"children":2517},[2518,2519],{"id":1337,"depth":778,"text":1338},{"id":1755,"depth":778,"text":1756},{"id":2125,"depth":764,"text":2126},{"id":2436,"depth":764,"text":2437},{"id":2475,"depth":764,"text":2476},{"id":2493,"depth":764,"text":2494},"The Responsive Plugin provides responsive design and preview capabilities for the on-CodeMerge editor, allowing users to test and preview content at different screen sizes and breakpoints.","md",null,{},{"title":250},{"title":631,"description":2524},"J0i_kBj-7ei5rR9sz83TopF9o3g5QkMPHsp0wsAyzK8",[2532,2534],{"title":246,"path":247,"stem":248,"description":2533,"children":-1},"The Shortcuts Plugin provides customizable keyboard shortcut management for the on-CodeMerge editor, allowing users to configure, view, and use hotkeys for editor actions.",{"title":254,"path":255,"stem":256,"description":2535,"children":-1},"Toolbar UI for switching the editor locale. Core locale files live in packages\u002Feditor\u002Fsrc\u002Fi18n\u002Flocales. Large plugins add their own packs under plugins\u002F\u002Fi18n\u002Flocales and merge them on setLocale.",1794129106097]