gardenjs 1.4.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/README.md +7 -1
  2. package/bin/servegarden.js +21 -0
  3. package/dist/assets/frame-BZchrE-Y.js +9 -0
  4. package/dist/assets/frame-BnV1YnGW.css +1 -0
  5. package/dist/assets/index-CDaVrY4P.js +46 -0
  6. package/dist/assets/index-TedXKANB.css +19 -0
  7. package/dist/assets/index-eUfJTxoU.js +10 -0
  8. package/dist/assets/legacy-client-DFojcUx4.js +2 -0
  9. package/dist/frame.html +3 -3
  10. package/dist/index.html +3 -3
  11. package/eslint.config.js +30 -0
  12. package/examples/garden_button.svelte +7 -1
  13. package/package.json +17 -16
  14. package/src/client/GardenApp.svelte +57 -14
  15. package/src/client/GardenFrame.svelte +49 -11
  16. package/src/client/assets/scss/main.scss +6 -6
  17. package/src/client/components/panes/HorizontalSplitPane.svelte +23 -13
  18. package/src/client/components/panes/ResizePane.svelte +32 -16
  19. package/src/client/components/sidebar/Bookmarks.svelte +8 -2
  20. package/src/client/components/sidebar/Sidebar.svelte +32 -14
  21. package/src/client/components/sidebar/SidebarNav.svelte +11 -4
  22. package/src/client/components/sidebar/SidebarNavLinks.svelte +12 -4
  23. package/src/client/components/stage/BackgroundGrid.svelte +75 -0
  24. package/src/client/components/stage/GapMask.svelte +62 -0
  25. package/src/client/components/stage/Inspector.svelte +456 -0
  26. package/src/client/components/stage/Stage.svelte +94 -55
  27. package/src/client/components/stage/panel/PanelCode.svelte +17 -10
  28. package/src/client/components/stage/panel/PanelComponent.svelte +19 -12
  29. package/src/client/components/stage/panel/PanelContent.svelte +8 -2
  30. package/src/client/components/stage/panel/PanelDescription.svelte +12 -4
  31. package/src/client/components/stage/panel/PanelStoriesNav.svelte +9 -3
  32. package/src/client/components/topbar/OptionalDropdown.svelte +111 -0
  33. package/src/client/components/topbar/Topbar.svelte +114 -126
  34. package/src/client/gardenapp.js +2 -1
  35. package/src/client/gardenframe.js +2 -1
  36. package/src/client/logic/stage.js +65 -18
  37. package/src/codegenerator/base_generator.js +3 -4
  38. package/src/codegenerator/das_file_finder.js +25 -0
  39. package/src/codegenerator/shapes/frame.html +0 -1
  40. package/src/codegenerator/shapes/gardenframe/index.html +0 -1
  41. package/src/codegenerator/shapes/lib/gardenapp.js +2 -1
  42. package/src/renderer/HtmlRenderer.js +6 -4
  43. package/src/renderer/HtmlRenderer.svelte +8 -2
  44. package/dist/assets/frame-BXMwehsH.css +0 -1
  45. package/dist/assets/frame-DMi6UA0Z.js +0 -1
  46. package/dist/assets/index-B_mZcP-T.js +0 -48
  47. package/dist/assets/index-CVxdTZs0.css +0 -19
  48. package/dist/assets/index-DLbPO8Sw.js +0 -9
  49. package/dist/assets/index-OMTxPB5B.js +0 -1
  50. package/eslint.config.mjs +0 -46
package/README.md CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  <div>
9
9
  <a href="https://github.com/gardenjs/gardenjs/blob/main/LICENSE.md">
10
- <img src="https://img.shields.io/badge/License-MIT-green.svg" alt="License" data-canonical-src="https://img.shields.io/github/license/gardenjs/gardenjs.svg" style="max-width: 100%;">
10
+ <img src="https://img.shields.io/badge/License-MIT-green.svg" alt="License" data-canonical-src="https://img.shields.io/github/license/gardenjs/gardenjs.svg">
11
11
  </a>
12
12
  <a href="https://www.npmjs.com/package/gardenjs" target="_blank">
13
13
  <img alt="NPM Version" src="https://img.shields.io/npm/v/gardenjs?color=blue">
@@ -15,6 +15,12 @@
15
15
  <a href="https://github.com/gardenjs/gardenjs/actions">
16
16
  <img alt="GitHub Actions Workflow Status" src="https://img.shields.io/github/actions/workflow/status/gardenjs/gardenjs/npm-publish.yml">
17
17
  </a>
18
+ <a href="https://gardenjs.org/" target="_blank">
19
+ <img alt="Gardenjs Website & Docs" src="https://github.com/gardenjs/branding/blob/main/badge/badge_website.svg?raw=true">
20
+ </a>
21
+ <a href="https://demo.gardenjs.org/" target="_blank">
22
+ <img alt="Gardenjs Demo" src="https://github.com/gardenjs/branding/blob/main/badge/badge_demo.svg?raw=true">
23
+ </a>
18
24
  </div>
19
25
 
20
26
  ## The quick and easy alternative
@@ -254,6 +254,27 @@ export default {
254
254
  // 'src/assets/scss/main.scss'
255
255
  // ],
256
256
 
257
+ // Define the devices you want to simulate in the stage for each category.
258
+ // There are three categories: small, medium, large.
259
+ // If devices is not set , default devices for each category are used.
260
+ // If a category is not set, no devices of this category are used.
261
+ // devices: {
262
+ // small: [
263
+ // {name: 'phone', w: 375, h: 667},
264
+ // {name: 'phone-small', w: 320, h: 568},
265
+ // {name: 'phone-plus', w: 414, h: 896}
266
+ // ],
267
+ // medium: [{name: 'tablet', w: 768, h: 1024}],
268
+ // large: [{name: 'laptop', w: 1440, h: 900}],
269
+ // },
270
+
271
+ // Define custom background grid.
272
+ // grid: {
273
+ // style: 'dotted', // or 'lined'
274
+ // size: 16, // in px
275
+ // color: '#ddd', // any css color
276
+ // }
277
+
257
278
  // Edit or disable "Themes" depending on whether your app uses themes.
258
279
  // According to your requirements, you may also need to adjust the
259
280
  // "onThemeChange" function below accordingly.
@@ -0,0 +1,9 @@
1
+ import{p as ft,f as wt,o as pt,z as kt,A as Q,F as q,w,x as gt,K as Nt,U as Bt,V as Ct,k as z,l as y,m as b,G as Lt,t as M,u as zt,N as Gt,L as N,g as t,J as Ft,s as u,D as mt,j as Pt,q as j,y as Rt,v as Et,H as D,h as d,W as Ot,r as Dt,B as jt,C as qt}from"./legacy-client-DFojcUx4.js";import{dasMap as Jt}from"../das_import_map.js";import{componentMap as Kt}from"../component_import_map.js";import Ut from"../../garden.config.js";import"../gardenframe/cssimport.js";function St(k,o){ft(o,!0);let n=wt(o,"afterRenderHook",3,()=>{});pt(async()=>{await n()()});var r=kt(),B=Q(r);{var l=c=>{var i=kt(),s=Q(i);Nt(s,()=>o.component),w(c,i)};q(B,c=>{o.component&&c(l)})}w(k,r),gt()}async function Vt(k){try{let o=Bt(St,{target:document.getElementById("garden_app"),props:{afterRenderHook:k}});return{destroy:()=>Ct(o),updateComponent:n=>{Ct(o),o=Bt(St,{target:document.getElementById("garden_app"),props:{...n,afterRenderHook:k}})}}}catch(o){console.log("error",o)}}const _t={create:Vt};var Qt=Gt('<rect fill="black"></rect>'),Xt=Gt('<rect fill="hsla(210, 75%, 50%, 0.45)"></rect>'),Yt=z('<div class="mask svelte-11d34ym"><svg xmlns="http://www.w3.org/2000/svg" class="svelte-11d34ym"><defs><mask id="mask"><rect y="0" x="0" width="100%" height="100%" fill="white"></rect><!></mask></defs><rect y="0" x="0" width="100%" height="100%" fill="hsla(256, 55%, 45%, 0.45)" mask="url(#mask)"></rect><!></svg></div>');function Zt(k,o){var n=Yt();let r;var B=b(n),l=b(B),c=b(l),i=y(b(c));Lt(i,17,()=>o.childElements,Ft,(x,p)=>{var h=Qt();M(()=>{N(h,"x",`${t(p).x??""}px`),N(h,"y",`${t(p).y??""}px`),N(h,"width",`${t(p).width??""}px`),N(h,"height",`${t(p).height??""}px`)}),w(x,h)});var s=y(l,2);Lt(s,17,()=>o.childElements,Ft,(x,p)=>{var h=Xt();M(()=>{N(h,"x",`${t(p).x??""}px`),N(h,"y",`${t(p).y??""}px`),N(h,"width",`${t(p).width??""}px`),N(h,"height",`${t(p).height??""}px`)}),w(x,h)}),M(x=>r=zt(n,"",r,x),[()=>({top:`${o.top??""}px`,left:`${o.left??""}px`,width:`${o.width??""}px`,height:`${o.height??""}px`})]),w(k,n)}var $t=z('<div class="contentBox svelte-1p90mmv"></div>'),te=z('<div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Gap:</div> <div class="value"> </div></div>'),ee=z('<div class="value"> </div>'),oe=z('<div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Width:</div> <div class="value"> </div></div> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Height:</div> <div class="value"> </div></div> <!> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Margin:</div> <div class="value"> </div></div> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Padding:</div> <div class="value"> </div></div> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Role:</div> <div class="value"> </div></div> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Class Name:</div> <div class="info-classlist svelte-1p90mmv"></div></div>',1),ae=z('<div class="overlay svelte-1p90mmv"><div class="borderBox svelte-1p90mmv"></div> <div class="marginBox svelte-1p90mmv"></div> <div class="paddingBox svelte-1p90mmv"></div> <!></div> <div><!></div>',1);function ie(k,o){ft(o,!0);let n,r,B,l,c,i=u(void 0),s=u(void 0),x=u(void 0),p=u(void 0),h=u(!1),R=u(mt([])),H=u(void 0),G=u(void 0),J=u(void 0),K=u(void 0),X=u(void 0),Y=u(void 0),U=u(void 0),I=u(void 0),P=u(void 0),T=u(void 0);function A(){if(!t(p)){r?.style&&(r.style.display="none"),n?.style&&(n.style.display="none"),d(i,null),d(s,null),d(x,null);return}n.style.display="block";const a=t(p).getBoundingClientRect(),m=getComputedStyle(t(p));d(P,document.body.scrollTop,!0),d(T,document.body.scrollLeft,!0),d(h,(m.display==="grid"||m.display==="flex")&&t(p).children.length>0,!0);const _=t(p).tagName,L=Array.from(t(p).classList);d(x,{tagName:_,classList:L,width:parseFloat(m.width),height:parseFloat(m.height),background:m.backgroundColor,gap:m.gap,rowGap:m.rowGap,columnGap:m.columnGap},!0),d(i,{top:parseFloat(m.marginTop),right:parseFloat(m.marginRight),bottom:parseFloat(m.marginBottom),left:parseFloat(m.marginLeft)},!0),d(s,{top:parseFloat(m.paddingTop),right:parseFloat(m.paddingRight),bottom:parseFloat(m.paddingBottom),left:parseFloat(m.paddingLeft)},!0),d(H,t(P)+a.top-t(i).top),d(J,a.height+t(i).top+t(i).bottom),d(K,a.width+t(i).left+t(i).right);const S=t(H)+t(J);d(G,t(T)+a.left-t(i).left);const E=t(G)+t(K);n.style.top=t(H)+"px",n.style.left=t(G)+"px",n.style.width=t(K)+"px",n.style.height=t(J)+"px",B.style.borderWidth=`${t(i).top}px ${t(i).right}px ${t(i).bottom}px ${t(i).left}px`,l.style.top=t(i).top+"px",l.style.left=t(i).left+"px",l.style.width=a.width+"px",l.style.height=a.height+"px",l.style.borderWidth=`${t(s).top}px ${t(s).right}px ${t(s).bottom}px ${t(s).left}px`,d(X,t(i).top+t(s).top),d(Y,t(i).left+t(s).left),d(U,a.width-t(s).left-t(s).right),d(I,a.height-t(s).top-t(s).bottom),t(h)?Z(t(p),t(P),t(T)):c&&(c.style.top=t(X)+"px",c.style.left=t(Y)+"px",c.style.width=t(U)+"px",c.style.height=t(I)+"px"),O(t(H),S,t(P),t(G),t(T),E,t(i))}function Z(a,m,_){d(R,Array.from(a.children).map(L=>{const{marginTop:S,marginLeft:E,marginRight:e,marginBottom:v}=getComputedStyle(L),g=L.getBoundingClientRect();return{y:m+g.top-t(H)-t(i).top-t(s).top-parseFloat(S),x:_+g.left-t(G)-t(i).left-t(s).left-parseFloat(E),width:g.width+parseFloat(E)+parseFloat(e),height:g.height+parseFloat(S)+parseFloat(v)}}),!0)}function O(a,m,_,L,S,E,e){if(!r)return;const v=document.body.getBoundingClientRect(),g=130+(t(h)?20:0)+t(x).classList.length*20,F=225,f=v.height,W=v.width,xt=a-_-g>0,dt=m-_+g<f,yt=L-E+F<W;r.style.bottom="unset",dt?(r.style.top=m+e.top+e.bottom+8+"px",r.classList.add("infobox-bottom"),r.classList.remove("infobox-top")):xt?(r.style.top=a+5-g+"px",r.classList.add("infobox-top"),r.classList.remove("infobox-bottom")):(r.style.top="unset",r.style.bottom=-_+"px",r.classList.remove("infobox-top"),r.classList.remove("infobox-bottom")),yt?(r.style.left=L+"px",r.style.right="unset",r.classList.add("infobox-left"),r.classList.remove("infobox-right")):(r.style.left="unset",r.style.right=W-S+"px",r.classList.add("infobox-right"),r.classList.remove("infobox-left")),r.style.display="block"}const V=a=>{a.target&&a.target!==n&&!n?.contains(a.target)&&(d(p,a.target,!0),A())},it=a=>{n&&!n.contains(a.relatedTarget)&&(d(i,null),d(s,null),d(x,null),d(p,null),n.style.display="none",r.style.display="none")};pt(()=>{o.contentPane&&(o.contentPane.addEventListener("mousemove",V),o.contentPane.addEventListener("mouseout",it),document.body.addEventListener("scroll",A,{passive:!0}))}),Pt(()=>{o.contentPane.removeEventListener("mousemove",V),o.contentPane.removeEventListener("mouseout",it),document.body.removeEventListener("scroll",A)});var rt=ae(),$=Q(rt),C=y(b($),2);j(C,a=>B=a,()=>B);var nt=y(C,2);j(nt,a=>l=a,()=>l);var lt=y(nt,2);{var ut=a=>{{let m=Rt(()=>t(i)?.top+t(s)?.top),_=Rt(()=>t(i)?.left+t(s)?.left);Zt(a,{get top(){return t(m)},get left(){return t(_)},get width(){return t(U)},get height(){return t(I)},get childElements(){return t(R)}})}},tt=a=>{var m=$t();j(m,_=>c=_,()=>c),w(a,m)};q(lt,a=>{t(h)?a(ut):a(tt,!1)})}j($,a=>n=a,()=>n);var et=y($,2);let ot;var st=b(et);{var ht=a=>{var m=oe(),_=Q(m),L=y(b(_),2),S=b(L),E=y(_,2),e=y(b(E),2),v=b(e),g=y(E,2);{var F=at=>{var vt=te(),ct=y(b(vt),2),bt=b(ct);M(()=>D(bt,`${t(x).gap??""}
2
+ ${t(x).columnGap??""}
3
+ ${t(x).rowGap??""}`)),w(at,vt)};q(g,at=>{t(h)&&at(F)})}var f=y(g,2),W=y(b(f),2),xt=b(W),dt=y(f,2),yt=y(b(dt),2),Tt=b(yt),Ht=y(dt,2),At=y(b(Ht),2),Mt=b(At),It=y(Ht,2),Wt=y(b(It),2);Lt(Wt,21,()=>t(x).classList,Ft,(at,vt)=>{var ct=ee(),bt=b(ct);M(()=>D(bt,t(vt))),w(at,ct)}),M(()=>{D(S,`${t(x).width??""}px`),D(v,`${t(x).height??""}px`),D(xt,`${t(i).top??""}${t(i).top!==0?"px":""}
4
+ ${t(i).right??""}${t(i).right!==0?"px":""}
5
+ ${t(i).bottom??""}${t(i).bottom!==0?"px":""}
6
+ ${t(i).left??""}${t(i).left!==0?"px":""}`),D(Tt,`${t(s).top??""}${t(s).top!==0?"px":""}
7
+ ${t(s).right??""}${t(s).right!==0?"px":""}
8
+ ${t(s).bottom??""}${t(s).bottom!==0?"px":""}
9
+ ${t(s).left??""}${t(s).left!==0?"px":""}`),D(Mt,t(x).tagName)}),w(a,m)};q(st,a=>{t(x)&&t(i)&&t(s)&&t(p)&&a(ht)})}j(et,a=>r=a,()=>r),M(a=>ot=Et(et,1,"infobox infobox-left infobox-right infobox-bottom infobox-top svelte-1p90mmv",null,ot,a),[()=>({dark:o.appTheme==="dark"})]),w(k,rt),gt()}var re=z("<div></div>");function ne(k,o){ft(o,!0);let n,r;function B(){const c=document.getElementById("garden_app").getBoundingClientRect(),i=document.body.getBoundingClientRect(),s=Math.max(c.height,i.height),x=Math.max(c.width,i.width);n.style.margin=o.appMargin;const p=o.gridSettings.size,h=o.gridSettings.color;n.style.backgroundSize=`${p}px ${p}px`;const R=getComputedStyle(n);n.style.width=`calc(${x}px - ${R.marginLeft} - ${R.marginRight})`,n.style.height=`calc(${s}px - ${R.marginTop} - ${R.marginBottom})`,o.gridSettings.style==="lined"&&(n.style.backgroundImage=`linear-gradient(to right, ${h} 1px, transparent 1px), linear-gradient(to bottom, ${h} 1px, transparent 1px)`),o.gridSettings.style==="dotted"&&(n.style.top=`-${p/2}px`,n.style.left=`-${p/2}px`,n.style.backgroundImage=`radial-gradient(circle, ${h} 1px, transparent 1px)`)}pt(()=>{o.contentPane&&(B(),r=new ResizeObserver(()=>{B()}),r.observe(o.contentPane),r.observe(document.body))}),Pt(()=>{r.disconnect()});var l=re();j(l,c=>n=c,()=>n),M(()=>Et(l,1,Ot({grid:!0,lined:o.gridSettings.style==="lined",dotted:o.gridSettings.style==="dotted"}),"svelte-17fzfog")),w(k,l),gt()}var le=z('<!> <!> <div id="garden_app"><!></div>',1);function se(k,o){ft(o,!0);let n=wt(o,"componentMap",19,()=>({})),r=wt(o,"dasMap",19,()=>({})),B=o.config.hookTimeout|5e3,l=u(mt({})),c=u(mt({})),i,s=u(!1),x=u(void 0),p,h,R,H=u(void 0),G={},J,K,X=u(!1),Y=u(!1),U=u(mt({})),I=[],P=[],T=[],A=[],Z=[],O=u(void 0),V=u(!1);pt(()=>{d(V,!0)}),window.addEventListener("message",e=>{if(o.config.themeHandler&&o.config.themeHandler(e.data.theme),d(s,e.data.stageSize==="full"),d(X,e.data.showInspector===!0),d(Y,e.data.showGrid===!0),d(U,e.data.gridSettings,!0),d(l,r()[e.data.componentName],!0),d(c,t(l)?.examples?.find(v=>v.title===e.data.selectedExample)??{},!0),J=R!==e.data.componentName,R=e.data.componentName||"Welcome",K=i!==e.data.selectedExample,i=e.data.selectedExample,d(x,e.data.appTheme,!0),d(H,n()?.[R],!0),o.config.devmodus){G={};return}else rt(t(H),t(c),t(l))});async function it(e){if(!e)return _t;for(const v in o.config.renderer)if(new RegExp(v+"$").test(e))return o.config.renderer[v];return _t}async function rt(e,v,g){if(o.config.renderer){const F=await it(g?.file);F!==p&&await lt(F)}await nt();try{h?.updateComponent({component:e,selectedExample:v,das:g,decorators:g?.decorators,afterRenderHook:$})}catch(F){console.error(F)}}async function $(){await tt(Z)}let C=[];async function nt(){if(J){Z=[t(c)?.play],A=t(l)?.beforeAll?[t(l)?.beforeAll]:[];const e=t(l)?.hooks?C.filter(f=>!t(l)?.hooks.find(W=>W===f)):C,v=C.length>0?t(l)?.hooks.filter(f=>!C.find(W=>f===W)):t(l)?.hooks??[];C=t(l)?.hooks??[];const g=C.filter(f=>f.before).map(f=>f.before)??[];P=[...P,...e.filter(f=>f.afterAll).map(f=>f.afterAll)],A=[...v.filter(f=>f.beforeAll).map(f=>f.beforeAll),...A],T=[...g,t(l)?.before,t(c)?.before].filter(f=>!!f),await tt([...I,...P,...A,...T]);const F=C.filter(f=>f.after).map(f=>f.after)??[];P=t(l)?.afterAll?[t(l)?.afterAll]:[],I=[t(c)?.after,t(l)?.after,...F].filter(f=>!!f),A=[]}else K&&(Z=[t(c)?.play],T=[t(l)?.before,t(c)?.before],await tt([...I,...T]),I=[t(c)?.after,t(l)?.after])}async function lt(e){try{await h?.destroy()}catch(v){console.error("Could not destroy current renderer",v)}h=await e.create()}Dt(()=>{o.config.devmodus||lt(_t)});function ut(e){t(l).out&&t(l).out.forEach(v=>{if(e.detail[v.name]&&(console.log(e.detail[v.name]),t(c).redirect&&t(c).redirect[v.name])){const g=t(c).redirect[v.name];G[g]=e.detail[v.name]}})}async function tt(e){for(const v of e)if(v)try{await Promise.race([et(B),v()])}catch(g){console.error(g)}}function et(e){return new Promise((v,g)=>{setTimeout(()=>g(new Error("Timeout on")),e)})}var ot=le(),st=Q(ot);{var ht=e=>{ie(e,{get contentPane(){return t(O)},get appTheme(){return t(x)}})};q(st,e=>{t(V)&&t(X)&&t(O)&&e(ht)})}var a=y(st,2);{var m=e=>{{let v=Rt(()=>t(s)?"0.5rem 0.5rem 0":0);ne(e,{get gridSettings(){return t(U)},get contentPane(){return t(O)},get appMargin(){return t(v)}})}};q(a,e=>{t(V)&&t(Y)&&e(m)})}var _=y(a,2);let L;var S=b(_);{var E=e=>{var v=kt(),g=Q(v);jt(g,()=>t(H),(F,f)=>{f(F,qt(()=>t(c)?.input,()=>G,{$$events:{out:ut}}))}),w(e,v)};q(S,e=>{o.config.devmodus&&t(H)&&(t(l)?.file??"").indexOf(".svelte")>0&&e(E)})}j(_,e=>d(O,e),()=>t(O)),M(e=>L=Et(_,1,"svelte-16w9tv2",null,L,e),[()=>({full:t(s)})]),w(k,ot),gt()}Bt(se,{target:document.body,props:{componentMap:Kt,dasMap:Jt,config:Ut}});
@@ -0,0 +1 @@
1
+ .mask.svelte-11d34ym{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%}svg.svelte-11d34ym{top:0;left:0;width:100%;height:100%}.overlay.svelte-1p90mmv{display:none;position:absolute;z-index:999999;pointer-events:none;overflow:hidden;box-sizing:border-box}.borderBox.svelte-1p90mmv{position:absolute;top:0;left:0;width:100%;height:100%;border:1px dashed lightgray}.contentBox.svelte-1p90mmv{position:absolute;background:#2080df73;overflow:hidden}.marginBox.svelte-1p90mmv{top:0;left:0;width:100%;height:100%;position:absolute;border-color:#e6801973;border-style:solid;overflow:hidden;box-sizing:border-box}.paddingBox.svelte-1p90mmv{position:absolute;border-color:#8cd98c73;border-style:solid;overflow:hidden;box-sizing:border-box}.infobox.svelte-1p90mmv{display:none;pointer-events:none;padding:.5rem;position:absolute;z-index:999999;background-color:#e5fdff;border-radius:.5rem;overflow:hidden;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.05)) drop-shadow(0 1px 3px rgba(0,0,0,.1));font-variation-settings:normal;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:.75rem;color:#14181f;letter-spacing:.5px;line-height:1.6;overflow:visible}.infobox.dark.svelte-1p90mmv{background-color:#09484e;color:#f8fafb}.infobox-bottom.infobox-left.svelte-1p90mmv:before{content:"";position:absolute;margin-top:-1.25rem;width:1.75rem;height:1.125rem;background-color:#e5fdff;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.05)) drop-shadow(0 1px 3px rgba(0,0,0,.1));left:.375rem;clip-path:polygon(50% 0,100% 100%,0 100%)}.infobox-bottom.infobox-right.svelte-1p90mmv:before{content:"";position:absolute;margin-top:-1.25rem;width:1.75rem;height:1.125rem;background-color:#e5fdff;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.05)) drop-shadow(0 1px 3px rgba(0,0,0,.1));clip-path:polygon(50% 0,100% 100%,0 100%);right:.375rem}.infobox-top.infobox-left.svelte-1p90mmv:after{content:"";position:absolute;width:1.75rem;height:1.125rem;background-color:#e5fdff;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.05)) drop-shadow(0 1px 3px rgba(0,0,0,.1));left:.375rem;clip-path:polygon(0 0,100% 0,50% 100%)}.infobox-top.infobox-right.svelte-1p90mmv:after{content:"";position:absolute;width:1.75rem;height:1.125rem;background-color:#e5fdff;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.05)) drop-shadow(0 1px 3px rgba(0,0,0,.1));clip-path:polygon(0 0,100% 0,50% 100%);right:.375rem}.dark.infobox-bottom.infobox-left.svelte-1p90mmv:before,.dark.infobox-bottom.infobox-right.svelte-1p90mmv:before,.dark.infobox-top.infobox-left.svelte-1p90mmv:after,.dark.infobox-top.infobox-right.svelte-1p90mmv:after{background-color:#09484e}.info-item.svelte-1p90mmv{display:flex;flex-direction:row}.attribute.svelte-1p90mmv{width:8rem}.info-classlist.svelte-1p90mmv{display:flex;flex-direction:column}.grid.svelte-17fzfog{z-index:-1;position:absolute;top:0;left:0;background-size:16px 16}.lined.svelte-17fzfog{background-image:linear-gradient(to right,grey 1px,transparent 1px),linear-gradient(to bottom,grey 1px,transparent 1px)}.dotted.svelte-17fzfog{top:-8px;left:-8px;background-image:radial-gradient(circle,grey 1px,transparent 1px)}.full.svelte-16w9tv2{padding:.5rem .5rem 0}
@@ -0,0 +1,46 @@
1
+ import{b as qn,E as In,a as Hn,n as $e,d as Ln,i as Bn,c as pe,p as te,e as Se,f as F,r as Y,g,s as V,h as U,o as an,j as rn,k as M,l as y,m as f,q as at,t as G,u as Ht,v as P,w,x as ne,y as ve,z as qe,A as ke,B as An,C as Nn,D as Lt,F as D,G as rt,H as he,I as ln,J as Bt,K as At,L as le,M as xt,N as we,O as Nt,P as jn,Q as Z,R as T,S as Wn,T as W,U as On}from"./legacy-client-DFojcUx4.js";import{routes as Pn,navTree as Dn}from"../base.js";import{dasMap as Un}from"../das_import_map.js";import Zn from"../../garden.config.js";function Fe(s,e,...t){var n=s,i=$e,a;qn(()=>{i!==(i=e())&&(a&&(Ln(a),a=null),a=Hn(()=>i(n,...t)))},In)}function $n(s){return function(...e){var t=e[0];return t.preventDefault(),s?.apply(this,e)}}function nt(s,e){var t=s.$$events?.[e.type],n=Bn(t)?t.slice():t==null?[]:[t];for(var i of n)i.call(this,e)}function Fn(s,e,t,n){document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),U(n,!0)}var Gn=M('<div class="container svelte-1pql0kc"><div class="top svelte-1pql0kc"><!></div> <div></div> <!></div>');function Qn(s,e){te(e,!0);const t=Se();let n=F(e,"topHeight",15),i=V(void 0),a=V(!1),l=V(!1);Y(()=>{if(g(i)&&!g(l)){U(l,!0);const k=g(i).offsetHeight;t("out",{maxHeight:k,topHeight:Math.round(k*.7)})}});let r=V(void 0);Y(()=>{Number.isInteger(n())&&Number.isInteger(e.maxHeight)&&U(r,e.maxHeight<n()?e.maxHeight+"px":n()+"px",!0)});const o=new ResizeObserver(k=>{k.forEach(()=>{t("out",{maxHeight:g(i).offsetHeight,maxWidth:g(i).offsetWidth})})});an(()=>{o.observe(g(i))}),rn(()=>{o.disconnect()});const u=k=>{window.getSelection().removeAllRanges();const S=Math.min(e.maxHeight,k.pageY-g(i).offsetTop-7);n(S),t("out",{topHeight:n()})};function p(){document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",p),t("out",{topHeight:n()}),U(a,!1)}var d=Gn(),h=f(d),c=f(h);Fe(c,()=>e.top??$e);var b=y(h,2);let z;b.__mousedown=[Fn,u,p,a];var E=y(b,2);Fe(E,()=>e.bottom??$e),at(d,k=>U(i,k),()=>g(i)),G(k=>{Ht(h,`height: ${g(r)??""};`),z=P(b,1,"dragbar svelte-1pql0kc",null,z,k)},[()=>({dragging:g(a)})]),w(s,d),ne()}pe(["mousedown"]);var Vn=M('<div><div><!></div> <div><div class="dragbar-icon svelte-mmou7f"></div></div> <div><div class="dragbar-icon svelte-mmou7f"></div></div> <div><div class="dragbar-icon svelte-mmou7f"></div></div></div>');function Xn(s,e){te(e,!0);let t=F(e,"disabled",3,!1);const n=Se();let i=V(void 0),a="",l=V(void 0);Y(()=>{Number.isInteger(e.paneHeight)&&!t()?U(l,Math.min(e.paneHeight,e.maxHeight)+"px"):U(l,e.maxHeight+"px")});let r=V(void 0);Y(()=>{Number.isInteger(e.paneWidth)?U(r,Math.min(e.paneWidth,e.maxWidth)+"px"):U(r,e.maxWidth+"px")});const o=H=>()=>{a=H,document.addEventListener("mousemove",u),document.addEventListener("mouseup",p)},u=H=>{if(window.getSelection().removeAllRanges(),a.includes("horizontal")){let L=H.pageY-g(i).offsetTop-11;L>e.maxHeight?L="full":(L=Math.min(e.maxHeight,L),L=Math.max(50,L)),n("out",{stageHeight:L})}if(a.includes("vertical")){let L=H.pageX-g(i).offsetLeft-10;L>e.maxWidth?L="full":(L=Math.min(e.maxWidth,L),L=Math.max(50,L)),n("out",{stageWidth:L})}};function p(){document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",p)}var d=Vn();let h;var c=f(d);let b,z;var E=f(c);Fe(E,()=>e.children??$e),at(c,H=>U(i,H),()=>g(i));var k=y(c,2);let S;var N=ve(()=>o("vertical"));k.__mousedown=function(...H){g(N)?.apply(this,H)};var B=y(k,2);let q;var A=ve(()=>o("horizontal"));B.__mousedown=function(...H){g(A)?.apply(this,H)};var j=y(B,2);let $;var ie=ve(()=>o("verticalhorizontal"));j.__mousedown=function(...H){g(ie)?.apply(this,H)},G((H,L,re,xe,_e,ze)=>{h=P(d,1,"resizepane-container svelte-mmou7f",null,h,H),b=P(c,1,"resizepane",null,b,L),z=Ht(c,"",z,re),S=P(k,1,"dragbar vertical svelte-mmou7f",null,S,xe),q=P(B,1,"dragbar horizontal svelte-mmou7f",null,q,_e),$=P(j,1,"dragbar corner svelte-mmou7f",null,$,ze)},[()=>({disabled:t()}),()=>({disabled:t()}),()=>({width:t()?void 0:g(r),height:t()?void 0:g(l)}),()=>({disabled:t()}),()=>({disabled:t()}),()=>({disabled:t()})]),w(s,d),ne()}pe(["mousedown"]);function Yn(s,e){te(e,!0);let t=F(e,"item",19,()=>({}));var n=qe(),i=ke(n);An(i,()=>t().page,(a,l)=>{l(a,Nn(()=>t().props,{$$events:{out(r){nt.call(this,e,r)}}}))}),w(s,n),ne()}function Jn(s,e){e("out",{toggleExpandPanel:!0})}var Kn=M('<li class="svelte-1opzoal"><button> <span class="dot svelte-1opzoal"></span></button></li>'),ei=M('<div class="panel_nav svelte-1opzoal"><nav class="svelte-1opzoal"><ul class="svelte-1opzoal"></ul></nav> <button class="panel_toggle svelte-1opzoal" title="Collapse panel"><span class="is-hidden svelte-1opzoal">Collapse panel</span> <svg class="controls_btn-icon svelte-1opzoal" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><line x1="3" x2="21" y1="15" y2="15"></line><path d="m15 8-3 3-3-3"></path></svg></button></div> <div class="panel_pane svelte-1opzoal"><!></div>',1),ti=M('<div class="panel_container svelte-1opzoal"><!></div>');function ni(s,e){te(e,!0);const t=Se();let n=F(e,"tabs",19,()=>[]),i=V(Lt({})),a=V(void 0);Y(()=>{n()?U(a,n().find(d=>d.name===g(i))||n()[0],!0):U(a,{},!0)});const l=d=>()=>{U(i,d.name,!0),t("out",{selecteditem:d})};function r(d){g(a).out&&g(a).out(d)}var o=ti(),u=f(o);{var p=d=>{var h=ei(),c=ke(h),b=f(c),z=f(b);rt(z,21,n,q=>q.name,(q,A)=>{var j=Kn(),$=f(j),ie=ve(()=>l(g(A)));$.__click=function(...re){g(ie)?.apply(this,re)};let H;var L=f($);G(re=>{H=P($,1,"svelte-1opzoal",null,H,re),he(L,g(A).name)},[()=>({active:g(A).name===g(a).name})]),w(q,j)});var E=y(b,2);E.__click=[Jn,t];var k=y(c,2),S=f(k);{var N=q=>{Yn(q,{get item(){return g(a)},$$events:{out:r}})},B=q=>{var A=qe(),j=ke(A);{var $=H=>{var L=qe(),re=ke(L);Fe(re,()=>e.children),w(H,L)},ie=H=>{var L=ln("No tab content provided");w(H,L)};D(j,H=>{e.children?H($):H(ie,!1)},!0)}w(q,A)};D(S,q=>{g(a)&&g(a).page?q(N):q(B,!1)})}w(d,h)};D(u,d=>{n().length&&d(p)})}w(s,o),ne()}pe(["click"]);var ii=M('<li><button class="svelte-9ikz8y"><span class="dot svelte-9ikz8y"></span> </button></li>'),si=M('<ul class="stories svelte-9ikz8y"></ul>');function ai(s,e){te(e,!0);let t=F(e,"items",19,()=>[]);const n=Se(),i=l=>()=>{n("out",{selecteditem:l})};var a=si();rt(a,21,t,Bt,(l,r)=>{var o=ii();let u;var p=f(o),d=ve(()=>i(g(r)));p.__click=function(...c){g(d)?.apply(this,c)};var h=y(f(p));G(c=>{u=P(o,1,"svelte-9ikz8y",null,u,c),he(h,` ${g(r)??""}`)},[()=>({active:e.selected==g(r)})]),w(l,o)}),w(s,a),ne()}pe(["click"]);function on(){return{async:!1,baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,hooks:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}let We=on();function ri(s){We=s}const cn=/[&<>"']/,li=new RegExp(cn.source,"g"),un=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,oi=new RegExp(un.source,"g"),ci={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},$t=s=>ci[s];function K(s,e){if(e){if(cn.test(s))return s.replace(li,$t)}else if(un.test(s))return s.replace(oi,$t);return s}const ui=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;function dn(s){return s.replace(ui,(e,t)=>(t=t.toLowerCase(),t==="colon"?":":t.charAt(0)==="#"?t.charAt(1)==="x"?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""))}const di=/(^|[^\[])\^/g;function O(s,e){s=typeof s=="string"?s:s.source,e=e||"";const t={replace:(n,i)=>(i=i.source||i,i=i.replace(di,"$1"),s=s.replace(n,i),t),getRegex:()=>new RegExp(s,e)};return t}const hi=/[^\w:]/g,gi=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function Ft(s,e,t){if(s){let n;try{n=decodeURIComponent(dn(t)).replace(hi,"").toLowerCase()}catch{return null}if(n.indexOf("javascript:")===0||n.indexOf("vbscript:")===0||n.indexOf("data:")===0)return null}e&&!gi.test(t)&&(t=vi(e,t));try{t=encodeURI(t).replace(/%25/g,"%")}catch{return null}return t}const ct={},pi=/^[^:]+:\/*[^/]*$/,fi=/^([^:]+:)[\s\S]*$/,mi=/^([^:]+:\/*[^/]*)[\s\S]*$/;function vi(s,e){ct[" "+s]||(pi.test(s)?ct[" "+s]=s+"/":ct[" "+s]=dt(s,"/",!0)),s=ct[" "+s];const t=s.indexOf(":")===-1;return e.substring(0,2)==="//"?t?e:s.replace(fi,"$1")+e:e.charAt(0)==="/"?t?e:s.replace(mi,"$1")+e:s+e}const ht={exec:function(){}};function Gt(s,e){const t=s.replace(/\|/g,(a,l,r)=>{let o=!1,u=l;for(;--u>=0&&r[u]==="\\";)o=!o;return o?"|":" |"}),n=t.split(/ \|/);let i=0;if(n[0].trim()||n.shift(),n.length>0&&!n[n.length-1].trim()&&n.pop(),n.length>e)n.splice(e);else for(;n.length<e;)n.push("");for(;i<n.length;i++)n[i]=n[i].trim().replace(/\\\|/g,"|");return n}function dt(s,e,t){const n=s.length;if(n===0)return"";let i=0;for(;i<n;){const a=s.charAt(n-i-1);if(a===e&&!t)i++;else if(a!==e&&t)i++;else break}return s.slice(0,n-i)}function ki(s,e){if(s.indexOf(e[1])===-1)return-1;const t=s.length;let n=0,i=0;for(;i<t;i++)if(s[i]==="\\")i++;else if(s[i]===e[0])n++;else if(s[i]===e[1]&&(n--,n<0))return i;return-1}function bi(s){s&&s.sanitize&&!s.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")}function Qt(s,e){if(e<1)return"";let t="";for(;e>1;)e&1&&(t+=s),e>>=1,s+=s;return t+s}function Vt(s,e,t,n){const i=e.href,a=e.title?K(e.title):null,l=s[1].replace(/\\([\[\]])/g,"$1");if(s[0].charAt(0)!=="!"){n.state.inLink=!0;const r={type:"link",raw:t,href:i,title:a,text:l,tokens:n.inlineTokens(l)};return n.state.inLink=!1,r}return{type:"image",raw:t,href:i,title:a,text:K(l)}}function wi(s,e){const t=s.match(/^(\s+)(?:```)/);if(t===null)return e;const n=t[1];return e.split(`
2
+ `).map(i=>{const a=i.match(/^\s+/);if(a===null)return i;const[l]=a;return l.length>=n.length?i.slice(n.length):i}).join(`
3
+ `)}class jt{constructor(e){this.options=e||We}space(e){const t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){const t=this.rules.block.code.exec(e);if(t){const n=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?n:dt(n,`
4
+ `)}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const n=t[0],i=wi(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim().replace(this.rules.inline._escapes,"$1"):t[2],text:i}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let n=t[2].trim();if(/#$/.test(n)){const i=dt(n,"#");(this.options.pedantic||!i||/ $/.test(i))&&(n=i.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:this.lexer.inline(n)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){const n=t[0].replace(/^ *>[ \t]?/gm,""),i=this.lexer.state.top;this.lexer.state.top=!0;const a=this.lexer.blockTokens(n);return this.lexer.state.top=i,{type:"blockquote",raw:t[0],tokens:a,text:n}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n,i,a,l,r,o,u,p,d,h,c,b,z=t[1].trim();const E=z.length>1,k={type:"list",raw:"",ordered:E,start:E?+z.slice(0,-1):"",loose:!1,items:[]};z=E?`\\d{1,9}\\${z.slice(-1)}`:`\\${z}`,this.options.pedantic&&(z=E?z:"[*+-]");const S=new RegExp(`^( {0,3}${z})((?:[ ][^\\n]*)?(?:\\n|$))`);for(;e&&(b=!1,!(!(t=S.exec(e))||this.rules.block.hr.test(e)));){if(n=t[0],e=e.substring(n.length),p=t[2].split(`
5
+ `,1)[0].replace(/^\t+/,B=>" ".repeat(3*B.length)),d=e.split(`
6
+ `,1)[0],this.options.pedantic?(l=2,c=p.trimLeft()):(l=t[2].search(/[^ ]/),l=l>4?1:l,c=p.slice(l),l+=t[1].length),o=!1,!p&&/^ *$/.test(d)&&(n+=d+`
7
+ `,e=e.substring(d.length+1),b=!0),!b){const B=new RegExp(`^ {0,${Math.min(3,l-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ ][^\\n]*)?(?:\\n|$))`),q=new RegExp(`^ {0,${Math.min(3,l-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),A=new RegExp(`^ {0,${Math.min(3,l-1)}}(?:\`\`\`|~~~)`),j=new RegExp(`^ {0,${Math.min(3,l-1)}}#`);for(;e&&(h=e.split(`
8
+ `,1)[0],d=h,this.options.pedantic&&(d=d.replace(/^ {1,4}(?=( {4})*[^ ])/g," ")),!(A.test(d)||j.test(d)||B.test(d)||q.test(e)));){if(d.search(/[^ ]/)>=l||!d.trim())c+=`
9
+ `+d.slice(l);else{if(o||p.search(/[^ ]/)>=4||A.test(p)||j.test(p)||q.test(p))break;c+=`
10
+ `+d}!o&&!d.trim()&&(o=!0),n+=h+`
11
+ `,e=e.substring(h.length+1),p=d.slice(l)}}k.loose||(u?k.loose=!0:/\n *\n *$/.test(n)&&(u=!0)),this.options.gfm&&(i=/^\[[ xX]\] /.exec(c),i&&(a=i[0]!=="[ ] ",c=c.replace(/^\[[ xX]\] +/,""))),k.items.push({type:"list_item",raw:n,task:!!i,checked:a,loose:!1,text:c}),k.raw+=n}k.items[k.items.length-1].raw=n.trimRight(),k.items[k.items.length-1].text=c.trimRight(),k.raw=k.raw.trimRight();const N=k.items.length;for(r=0;r<N;r++)if(this.lexer.state.top=!1,k.items[r].tokens=this.lexer.blockTokens(k.items[r].text,[]),!k.loose){const B=k.items[r].tokens.filter(A=>A.type==="space"),q=B.length>0&&B.some(A=>/\n.*\n/.test(A.raw));k.loose=q}if(k.loose)for(r=0;r<N;r++)k.items[r].loose=!0;return k}}html(e){const t=this.rules.block.html.exec(e);if(t){const n={type:"html",raw:t[0],pre:!this.options.sanitizer&&(t[1]==="pre"||t[1]==="script"||t[1]==="style"),text:t[0]};if(this.options.sanitize){const i=this.options.sanitizer?this.options.sanitizer(t[0]):K(t[0]);n.type="paragraph",n.text=i,n.tokens=this.lexer.inline(i)}return n}}def(e){const t=this.rules.block.def.exec(e);if(t){const n=t[1].toLowerCase().replace(/\s+/g," "),i=t[2]?t[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline._escapes,"$1"):"",a=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline._escapes,"$1"):t[3];return{type:"def",tag:n,raw:t[0],href:i,title:a}}}table(e){const t=this.rules.block.table.exec(e);if(t){const n={type:"table",header:Gt(t[1]).map(i=>({text:i})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]&&t[3].trim()?t[3].replace(/\n[ \t]*$/,"").split(`
12
+ `):[]};if(n.header.length===n.align.length){n.raw=t[0];let i=n.align.length,a,l,r,o;for(a=0;a<i;a++)/^ *-+: *$/.test(n.align[a])?n.align[a]="right":/^ *:-+: *$/.test(n.align[a])?n.align[a]="center":/^ *:-+ *$/.test(n.align[a])?n.align[a]="left":n.align[a]=null;for(i=n.rows.length,a=0;a<i;a++)n.rows[a]=Gt(n.rows[a],n.header.length).map(u=>({text:u}));for(i=n.header.length,l=0;l<i;l++)n.header[l].tokens=this.lexer.inline(n.header[l].text);for(i=n.rows.length,l=0;l<i;l++)for(o=n.rows[l],r=0;r<o.length;r++)o[r].tokens=this.lexer.inline(o[r].text);return n}}}lheading(e){const t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){const t=this.rules.block.paragraph.exec(e);if(t){const n=t[1].charAt(t[1].length-1)===`
13
+ `?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:n,tokens:this.lexer.inline(n)}}}text(e){const t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){const t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:K(t[1])}}tag(e){const t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:this.options.sanitize?"text":"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(t[0]):K(t[0]):t[0]}}link(e){const t=this.rules.inline.link.exec(e);if(t){const n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n))return;const l=dt(n.slice(0,-1),"\\");if((n.length-l.length)%2===0)return}else{const l=ki(t[2],"()");if(l>-1){const o=(t[0].indexOf("!")===0?5:4)+t[1].length+l;t[2]=t[2].substring(0,l),t[0]=t[0].substring(0,o).trim(),t[3]=""}}let i=t[2],a="";if(this.options.pedantic){const l=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(i);l&&(i=l[1],a=l[3])}else a=t[3]?t[3].slice(1,-1):"";return i=i.trim(),/^</.test(i)&&(this.options.pedantic&&!/>$/.test(n)?i=i.slice(1):i=i.slice(1,-1)),Vt(t,{href:i&&i.replace(this.rules.inline._escapes,"$1"),title:a&&a.replace(this.rules.inline._escapes,"$1")},t[0],this.lexer)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){let i=(n[2]||n[1]).replace(/\s+/g," ");if(i=t[i.toLowerCase()],!i){const a=n[0].charAt(0);return{type:"text",raw:a,text:a}}return Vt(n,i,n[0],this.lexer)}}emStrong(e,t,n=""){let i=this.rules.inline.emStrong.lDelim.exec(e);if(!i||i[3]&&n.match(/[\p{L}\p{N}]/u))return;const a=i[1]||i[2]||"";if(!a||a&&(n===""||this.rules.inline.punctuation.exec(n))){const l=i[0].length-1;let r,o,u=l,p=0;const d=i[0][0]==="*"?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;for(d.lastIndex=0,t=t.slice(-1*e.length+l);(i=d.exec(t))!=null;){if(r=i[1]||i[2]||i[3]||i[4]||i[5]||i[6],!r)continue;if(o=r.length,i[3]||i[4]){u+=o;continue}else if((i[5]||i[6])&&l%3&&!((l+o)%3)){p+=o;continue}if(u-=o,u>0)continue;o=Math.min(o,o+u+p);const h=e.slice(0,l+i.index+(i[0].length-r.length)+o);if(Math.min(l,o)%2){const b=h.slice(1,-1);return{type:"em",raw:h,text:b,tokens:this.lexer.inlineTokens(b)}}const c=h.slice(2,-2);return{type:"strong",raw:h,text:c,tokens:this.lexer.inlineTokens(c)}}}}codespan(e){const t=this.rules.inline.code.exec(e);if(t){let n=t[2].replace(/\n/g," ");const i=/[^ ]/.test(n),a=/^ /.test(n)&&/ $/.test(n);return i&&a&&(n=n.substring(1,n.length-1)),n=K(n,!0),{type:"codespan",raw:t[0],text:n}}}br(e){const t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){const t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e,t){const n=this.rules.inline.autolink.exec(e);if(n){let i,a;return n[2]==="@"?(i=K(this.options.mangle?t(n[1]):n[1]),a="mailto:"+i):(i=K(n[1]),a=i),{type:"link",raw:n[0],text:i,href:a,tokens:[{type:"text",raw:i,text:i}]}}}url(e,t){let n;if(n=this.rules.inline.url.exec(e)){let i,a;if(n[2]==="@")i=K(this.options.mangle?t(n[0]):n[0]),a="mailto:"+i;else{let l;do l=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0];while(l!==n[0]);i=K(n[0]),n[1]==="www."?a="http://"+n[0]:a=n[0]}return{type:"link",raw:n[0],text:i,href:a,tokens:[{type:"text",raw:i,text:i}]}}}inlineText(e,t){const n=this.rules.inline.text.exec(e);if(n){let i;return this.lexer.state.inRawBlock?i=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(n[0]):K(n[0]):n[0]:i=K(this.options.smartypants?t(n[0]):n[0]),{type:"text",raw:n[0],text:i}}}}const x={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,hr:/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/,html:"^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))",def:/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/,table:ht,lheading:/^((?:.|\n(?!\n))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,text:/^[^\n]+/};x._label=/(?!\s*\])(?:\\.|[^\[\]\\])+/;x._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/;x.def=O(x.def).replace("label",x._label).replace("title",x._title).getRegex();x.bullet=/(?:[*+-]|\d{1,9}[.)])/;x.listItemStart=O(/^( *)(bull) */).replace("bull",x.bullet).getRegex();x.list=O(x.list).replace(/bull/g,x.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+x.def.source+")").getRegex();x._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul";x._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/;x.html=O(x.html,"i").replace("comment",x._comment).replace("tag",x._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();x.paragraph=O(x._paragraph).replace("hr",x.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",x._tag).getRegex();x.blockquote=O(x.blockquote).replace("paragraph",x.paragraph).getRegex();x.normal={...x};x.gfm={...x.normal,table:"^ *([^\\n ].*\\|.*)\\n {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"};x.gfm.table=O(x.gfm.table).replace("hr",x.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",x._tag).getRegex();x.gfm.paragraph=O(x._paragraph).replace("hr",x.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("table",x.gfm.table).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",x._tag).getRegex();x.pedantic={...x.normal,html:O(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",x._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:ht,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:O(x.normal._paragraph).replace("hr",x.hr).replace("heading",` *#{1,6} *[^
14
+ ]`).replace("lheading",x.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()};const m={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:ht,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(ref)\]/,nolink:/^!?\[(ref)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",emStrong:{lDelim:/^(?:\*+(?:([punct_])|[^\s*]))|^_+(?:([punct*])|([^\s_]))/,rDelimAst:/^(?:[^_*\\]|\\.)*?\_\_(?:[^_*\\]|\\.)*?\*(?:[^_*\\]|\\.)*?(?=\_\_)|(?:[^*\\]|\\.)+(?=[^*])|[punct_](\*+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\*+)(?=[punct_\s]|$)|[punct_\s](\*+)(?=[^punct*_\s])|[\s](\*+)(?=[punct_])|[punct_](\*+)(?=[punct_])|(?:[^punct*_\s\\]|\\.)(\*+)(?=[^punct*_\s])/,rDelimUnd:/^(?:[^_*\\]|\\.)*?\*\*(?:[^_*\\]|\\.)*?\_(?:[^_*\\]|\\.)*?(?=\*\*)|(?:[^_\\]|\\.)+(?=[^_])|[punct*](\_+)(?=[\s]|$)|(?:[^punct*_\s\\]|\\.)(\_+)(?=[punct*\s]|$)|[punct*\s](\_+)(?=[^punct*_\s])|[\s](\_+)(?=[punct*])|[punct*](\_+)(?=[punct*])/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:ht,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};m._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~";m.punctuation=O(m.punctuation).replace(/punctuation/g,m._punctuation).getRegex();m.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g;m.escapedEmSt=/(?:^|[^\\])(?:\\\\)*\\[*_]/g;m._comment=O(x._comment).replace("(?:-->|$)","-->").getRegex();m.emStrong.lDelim=O(m.emStrong.lDelim).replace(/punct/g,m._punctuation).getRegex();m.emStrong.rDelimAst=O(m.emStrong.rDelimAst,"g").replace(/punct/g,m._punctuation).getRegex();m.emStrong.rDelimUnd=O(m.emStrong.rDelimUnd,"g").replace(/punct/g,m._punctuation).getRegex();m._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g;m._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/;m._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/;m.autolink=O(m.autolink).replace("scheme",m._scheme).replace("email",m._email).getRegex();m._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/;m.tag=O(m.tag).replace("comment",m._comment).replace("attribute",m._attribute).getRegex();m._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/;m._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/;m._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/;m.link=O(m.link).replace("label",m._label).replace("href",m._href).replace("title",m._title).getRegex();m.reflink=O(m.reflink).replace("label",m._label).replace("ref",x._label).getRegex();m.nolink=O(m.nolink).replace("ref",x._label).getRegex();m.reflinkSearch=O(m.reflinkSearch,"g").replace("reflink",m.reflink).replace("nolink",m.nolink).getRegex();m.normal={...m};m.pedantic={...m.normal,strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:O(/^!?\[(label)\]\((.*?)\)/).replace("label",m._label).getRegex(),reflink:O(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",m._label).getRegex()};m.gfm={...m.normal,escape:O(m.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/};m.gfm.url=O(m.gfm.url,"i").replace("email",m.gfm._extended_email).getRegex();m.breaks={...m.gfm,br:O(m.br).replace("{2,}","*").getRegex(),text:O(m.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()};function xi(s){return s.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function Xt(s){let e="",t,n;const i=s.length;for(t=0;t<i;t++)n=s.charCodeAt(t),Math.random()>.5&&(n="x"+n.toString(16)),e+="&#"+n+";";return e}class Ie{constructor(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||We,this.options.tokenizer=this.options.tokenizer||new jt,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const t={block:x.normal,inline:m.normal};this.options.pedantic?(t.block=x.pedantic,t.inline=m.pedantic):this.options.gfm&&(t.block=x.gfm,this.options.breaks?t.inline=m.breaks:t.inline=m.gfm),this.tokenizer.rules=t}static get rules(){return{block:x,inline:m}}static lex(e,t){return new Ie(t).lex(e)}static lexInline(e,t){return new Ie(t).inlineTokens(e)}lex(e){e=e.replace(/\r\n|\r/g,`
15
+ `),this.blockTokens(e,this.tokens);let t;for(;t=this.inlineQueue.shift();)this.inlineTokens(t.src,t.tokens);return this.tokens}blockTokens(e,t=[]){this.options.pedantic?e=e.replace(/\t/g," ").replace(/^ +$/gm,""):e=e.replace(/^( *)(\t+)/gm,(r,o,u)=>o+" ".repeat(u.length));let n,i,a,l;for(;e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some(r=>(n=r.call({lexer:this},e,t))?(e=e.substring(n.raw.length),t.push(n),!0):!1))){if(n=this.tokenizer.space(e)){e=e.substring(n.raw.length),n.raw.length===1&&t.length>0?t[t.length-1].raw+=`
16
+ `:t.push(n);continue}if(n=this.tokenizer.code(e)){e=e.substring(n.raw.length),i=t[t.length-1],i&&(i.type==="paragraph"||i.type==="text")?(i.raw+=`
17
+ `+n.raw,i.text+=`
18
+ `+n.text,this.inlineQueue[this.inlineQueue.length-1].src=i.text):t.push(n);continue}if(n=this.tokenizer.fences(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.heading(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.hr(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.blockquote(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.list(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.html(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.def(e)){e=e.substring(n.raw.length),i=t[t.length-1],i&&(i.type==="paragraph"||i.type==="text")?(i.raw+=`
19
+ `+n.raw,i.text+=`
20
+ `+n.raw,this.inlineQueue[this.inlineQueue.length-1].src=i.text):this.tokens.links[n.tag]||(this.tokens.links[n.tag]={href:n.href,title:n.title});continue}if(n=this.tokenizer.table(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.lheading(e)){e=e.substring(n.raw.length),t.push(n);continue}if(a=e,this.options.extensions&&this.options.extensions.startBlock){let r=1/0;const o=e.slice(1);let u;this.options.extensions.startBlock.forEach(function(p){u=p.call({lexer:this},o),typeof u=="number"&&u>=0&&(r=Math.min(r,u))}),r<1/0&&r>=0&&(a=e.substring(0,r+1))}if(this.state.top&&(n=this.tokenizer.paragraph(a))){i=t[t.length-1],l&&i.type==="paragraph"?(i.raw+=`
21
+ `+n.raw,i.text+=`
22
+ `+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=i.text):t.push(n),l=a.length!==e.length,e=e.substring(n.raw.length);continue}if(n=this.tokenizer.text(e)){e=e.substring(n.raw.length),i=t[t.length-1],i&&i.type==="text"?(i.raw+=`
23
+ `+n.raw,i.text+=`
24
+ `+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=i.text):t.push(n);continue}if(e){const r="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(r);break}else throw new Error(r)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let n,i,a,l=e,r,o,u;if(this.tokens.links){const p=Object.keys(this.tokens.links);if(p.length>0)for(;(r=this.tokenizer.rules.inline.reflinkSearch.exec(l))!=null;)p.includes(r[0].slice(r[0].lastIndexOf("[")+1,-1))&&(l=l.slice(0,r.index)+"["+Qt("a",r[0].length-2)+"]"+l.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(r=this.tokenizer.rules.inline.blockSkip.exec(l))!=null;)l=l.slice(0,r.index)+"["+Qt("a",r[0].length-2)+"]"+l.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;(r=this.tokenizer.rules.inline.escapedEmSt.exec(l))!=null;)l=l.slice(0,r.index+r[0].length-2)+"++"+l.slice(this.tokenizer.rules.inline.escapedEmSt.lastIndex),this.tokenizer.rules.inline.escapedEmSt.lastIndex--;for(;e;)if(o||(u=""),o=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some(p=>(n=p.call({lexer:this},e,t))?(e=e.substring(n.raw.length),t.push(n),!0):!1))){if(n=this.tokenizer.escape(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.tag(e)){e=e.substring(n.raw.length),i=t[t.length-1],i&&n.type==="text"&&i.type==="text"?(i.raw+=n.raw,i.text+=n.text):t.push(n);continue}if(n=this.tokenizer.link(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.reflink(e,this.tokens.links)){e=e.substring(n.raw.length),i=t[t.length-1],i&&n.type==="text"&&i.type==="text"?(i.raw+=n.raw,i.text+=n.text):t.push(n);continue}if(n=this.tokenizer.emStrong(e,l,u)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.codespan(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.br(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.del(e)){e=e.substring(n.raw.length),t.push(n);continue}if(n=this.tokenizer.autolink(e,Xt)){e=e.substring(n.raw.length),t.push(n);continue}if(!this.state.inLink&&(n=this.tokenizer.url(e,Xt))){e=e.substring(n.raw.length),t.push(n);continue}if(a=e,this.options.extensions&&this.options.extensions.startInline){let p=1/0;const d=e.slice(1);let h;this.options.extensions.startInline.forEach(function(c){h=c.call({lexer:this},d),typeof h=="number"&&h>=0&&(p=Math.min(p,h))}),p<1/0&&p>=0&&(a=e.substring(0,p+1))}if(n=this.tokenizer.inlineText(a,xi)){e=e.substring(n.raw.length),n.raw.slice(-1)!=="_"&&(u=n.raw.slice(-1)),o=!0,i=t[t.length-1],i&&i.type==="text"?(i.raw+=n.raw,i.text+=n.text):t.push(n);continue}if(e){const p="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(p);break}else throw new Error(p)}}return t}}class Wt{constructor(e){this.options=e||We}code(e,t,n){const i=(t||"").match(/\S*/)[0];if(this.options.highlight){const a=this.options.highlight(e,i);a!=null&&a!==e&&(n=!0,e=a)}return e=e.replace(/\n$/,"")+`
25
+ `,i?'<pre><code class="'+this.options.langPrefix+K(i)+'">'+(n?e:K(e,!0))+`</code></pre>
26
+ `:"<pre><code>"+(n?e:K(e,!0))+`</code></pre>
27
+ `}blockquote(e){return`<blockquote>
28
+ ${e}</blockquote>
29
+ `}html(e){return e}heading(e,t,n,i){if(this.options.headerIds){const a=this.options.headerPrefix+i.slug(n);return`<h${t} id="${a}">${e}</h${t}>
30
+ `}return`<h${t}>${e}</h${t}>
31
+ `}hr(){return this.options.xhtml?`<hr/>
32
+ `:`<hr>
33
+ `}list(e,t,n){const i=t?"ol":"ul",a=t&&n!==1?' start="'+n+'"':"";return"<"+i+a+`>
34
+ `+e+"</"+i+`>
35
+ `}listitem(e){return`<li>${e}</li>
36
+ `}checkbox(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "}paragraph(e){return`<p>${e}</p>
37
+ `}table(e,t){return t&&(t=`<tbody>${t}</tbody>`),`<table>
38
+ <thead>
39
+ `+e+`</thead>
40
+ `+t+`</table>
41
+ `}tablerow(e){return`<tr>
42
+ ${e}</tr>
43
+ `}tablecell(e,t){const n=t.header?"th":"td";return(t.align?`<${n} align="${t.align}">`:`<${n}>`)+e+`</${n}>
44
+ `}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return this.options.xhtml?"<br/>":"<br>"}del(e){return`<del>${e}</del>`}link(e,t,n){if(e=Ft(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let i='<a href="'+e+'"';return t&&(i+=' title="'+t+'"'),i+=">"+n+"</a>",i}image(e,t,n){if(e=Ft(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let i=`<img src="${e}" alt="${n}"`;return t&&(i+=` title="${t}"`),i+=this.options.xhtml?"/>":">",i}text(e){return e}}class hn{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,t,n){return""+n}image(e,t,n){return""+n}br(){return""}}class gn{constructor(){this.seen={}}serialize(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/ig,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")}getNextSafeSlug(e,t){let n=e,i=0;if(this.seen.hasOwnProperty(n)){i=this.seen[e];do i++,n=e+"-"+i;while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=i,this.seen[n]=0),n}slug(e,t={}){const n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)}}class He{constructor(e){this.options=e||We,this.options.renderer=this.options.renderer||new Wt,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new hn,this.slugger=new gn}static parse(e,t){return new He(t).parse(e)}static parseInline(e,t){return new He(t).parseInline(e)}parse(e,t=!0){let n="",i,a,l,r,o,u,p,d,h,c,b,z,E,k,S,N,B,q,A;const j=e.length;for(i=0;i<j;i++){if(c=e[i],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[c.type]&&(A=this.options.extensions.renderers[c.type].call({parser:this},c),A!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(c.type))){n+=A||"";continue}switch(c.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(c.tokens),c.depth,dn(this.parseInline(c.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(c.text,c.lang,c.escaped);continue}case"table":{for(d="",p="",r=c.header.length,a=0;a<r;a++)p+=this.renderer.tablecell(this.parseInline(c.header[a].tokens),{header:!0,align:c.align[a]});for(d+=this.renderer.tablerow(p),h="",r=c.rows.length,a=0;a<r;a++){for(u=c.rows[a],p="",o=u.length,l=0;l<o;l++)p+=this.renderer.tablecell(this.parseInline(u[l].tokens),{header:!1,align:c.align[l]});h+=this.renderer.tablerow(p)}n+=this.renderer.table(d,h);continue}case"blockquote":{h=this.parse(c.tokens),n+=this.renderer.blockquote(h);continue}case"list":{for(b=c.ordered,z=c.start,E=c.loose,r=c.items.length,h="",a=0;a<r;a++)S=c.items[a],N=S.checked,B=S.task,k="",S.task&&(q=this.renderer.checkbox(N),E?S.tokens.length>0&&S.tokens[0].type==="paragraph"?(S.tokens[0].text=q+" "+S.tokens[0].text,S.tokens[0].tokens&&S.tokens[0].tokens.length>0&&S.tokens[0].tokens[0].type==="text"&&(S.tokens[0].tokens[0].text=q+" "+S.tokens[0].tokens[0].text)):S.tokens.unshift({type:"text",text:q}):k+=q),k+=this.parse(S.tokens,E),h+=this.renderer.listitem(k,B,N);n+=this.renderer.list(h,b,z);continue}case"html":{n+=this.renderer.html(c.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(c.tokens));continue}case"text":{for(h=c.tokens?this.parseInline(c.tokens):c.text;i+1<j&&e[i+1].type==="text";)c=e[++i],h+=`
45
+ `+(c.tokens?this.parseInline(c.tokens):c.text);n+=t?this.renderer.paragraph(h):h;continue}default:{const $='Token with "'+c.type+'" type was not found.';if(this.options.silent){console.error($);return}else throw new Error($)}}}return n}parseInline(e,t){t=t||this.renderer;let n="",i,a,l;const r=e.length;for(i=0;i<r;i++){if(a=e[i],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[a.type]&&(l=this.options.extensions.renderers[a.type].call({parser:this},a),l!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(a.type))){n+=l||"";continue}switch(a.type){case"escape":{n+=t.text(a.text);break}case"html":{n+=t.html(a.text);break}case"link":{n+=t.link(a.href,a.title,this.parseInline(a.tokens,t));break}case"image":{n+=t.image(a.href,a.title,a.text);break}case"strong":{n+=t.strong(this.parseInline(a.tokens,t));break}case"em":{n+=t.em(this.parseInline(a.tokens,t));break}case"codespan":{n+=t.codespan(a.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(a.tokens,t));break}case"text":{n+=t.text(a.text);break}default:{const o='Token with "'+a.type+'" type was not found.';if(this.options.silent){console.error(o);return}else throw new Error(o)}}}return n}}class _t{constructor(e){this.options=e||We}static passThroughHooks=new Set(["preprocess","postprocess"]);preprocess(e){return e}postprocess(e){return e}}function _i(s,e,t){return n=>{if(n.message+=`
46
+ Please report this to https://github.com/markedjs/marked.`,s){const i="<p>An error occurred:</p><pre>"+K(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(i);if(t){t(null,i);return}return i}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function pn(s,e){return(t,n,i)=>{typeof n=="function"&&(i=n,n=null);const a={...n};n={..._.defaults,...a};const l=_i(n.silent,n.async,i);if(typeof t>"u"||t===null)return l(new Error("marked(): input parameter is undefined or null"));if(typeof t!="string")return l(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));if(bi(n),n.hooks&&(n.hooks.options=n),i){const r=n.highlight;let o;try{n.hooks&&(t=n.hooks.preprocess(t)),o=s(t,n)}catch(d){return l(d)}const u=function(d){let h;if(!d)try{n.walkTokens&&_.walkTokens(o,n.walkTokens),h=e(o,n),n.hooks&&(h=n.hooks.postprocess(h))}catch(c){d=c}return n.highlight=r,d?l(d):i(null,h)};if(!r||r.length<3||(delete n.highlight,!o.length))return u();let p=0;_.walkTokens(o,function(d){d.type==="code"&&(p++,setTimeout(()=>{r(d.text,d.lang,function(h,c){if(h)return u(h);c!=null&&c!==d.text&&(d.text=c,d.escaped=!0),p--,p===0&&u()})},0))}),p===0&&u();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(r=>s(r,n)).then(r=>n.walkTokens?Promise.all(_.walkTokens(r,n.walkTokens)).then(()=>r):r).then(r=>e(r,n)).then(r=>n.hooks?n.hooks.postprocess(r):r).catch(l);try{n.hooks&&(t=n.hooks.preprocess(t));const r=s(t,n);n.walkTokens&&_.walkTokens(r,n.walkTokens);let o=e(r,n);return n.hooks&&(o=n.hooks.postprocess(o)),o}catch(r){return l(r)}}}function _(s,e,t){return pn(Ie.lex,He.parse)(s,e,t)}_.options=_.setOptions=function(s){return _.defaults={..._.defaults,...s},ri(_.defaults),_};_.getDefaults=on;_.defaults=We;_.use=function(...s){const e=_.defaults.extensions||{renderers:{},childTokens:{}};s.forEach(t=>{const n={...t};if(n.async=_.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(i=>{if(!i.name)throw new Error("extension name required");if(i.renderer){const a=e.renderers[i.name];a?e.renderers[i.name]=function(...l){let r=i.renderer.apply(this,l);return r===!1&&(r=a.apply(this,l)),r}:e.renderers[i.name]=i.renderer}if(i.tokenizer){if(!i.level||i.level!=="block"&&i.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[i.level]?e[i.level].unshift(i.tokenizer):e[i.level]=[i.tokenizer],i.start&&(i.level==="block"?e.startBlock?e.startBlock.push(i.start):e.startBlock=[i.start]:i.level==="inline"&&(e.startInline?e.startInline.push(i.start):e.startInline=[i.start]))}i.childTokens&&(e.childTokens[i.name]=i.childTokens)}),n.extensions=e),t.renderer){const i=_.defaults.renderer||new Wt;for(const a in t.renderer){const l=i[a];i[a]=(...r)=>{let o=t.renderer[a].apply(i,r);return o===!1&&(o=l.apply(i,r)),o}}n.renderer=i}if(t.tokenizer){const i=_.defaults.tokenizer||new jt;for(const a in t.tokenizer){const l=i[a];i[a]=(...r)=>{let o=t.tokenizer[a].apply(i,r);return o===!1&&(o=l.apply(i,r)),o}}n.tokenizer=i}if(t.hooks){const i=_.defaults.hooks||new _t;for(const a in t.hooks){const l=i[a];_t.passThroughHooks.has(a)?i[a]=r=>{if(_.defaults.async)return Promise.resolve(t.hooks[a].call(i,r)).then(u=>l.call(i,u));const o=t.hooks[a].call(i,r);return l.call(i,o)}:i[a]=(...r)=>{let o=t.hooks[a].apply(i,r);return o===!1&&(o=l.apply(i,r)),o}}n.hooks=i}if(t.walkTokens){const i=_.defaults.walkTokens;n.walkTokens=function(a){let l=[];return l.push(t.walkTokens.call(this,a)),i&&(l=l.concat(i.call(this,a))),l}}_.setOptions(n)})};_.walkTokens=function(s,e){let t=[];for(const n of s)switch(t=t.concat(e.call(_,n)),n.type){case"table":{for(const i of n.header)t=t.concat(_.walkTokens(i.tokens,e));for(const i of n.rows)for(const a of i)t=t.concat(_.walkTokens(a.tokens,e));break}case"list":{t=t.concat(_.walkTokens(n.items,e));break}default:_.defaults.extensions&&_.defaults.extensions.childTokens&&_.defaults.extensions.childTokens[n.type]?_.defaults.extensions.childTokens[n.type].forEach(function(i){t=t.concat(_.walkTokens(n[i],e))}):n.tokens&&(t=t.concat(_.walkTokens(n.tokens,e)))}return t};_.parseInline=pn(Ie.lexInline,He.parseInline);_.Parser=He;_.parser=He.parse;_.Renderer=Wt;_.TextRenderer=hn;_.Lexer=Ie;_.lexer=Ie.lex;_.Tokenizer=jt;_.Slugger=gn;_.Hooks=_t;_.parse=_;_.options;_.setOptions;_.use;_.walkTokens;_.parseInline;He.parse;Ie.lex;const zi="modulepreload",yi=function(s){return"/"+s},Yt={},fn=function(e,t,n){let i=Promise.resolve();if(t&&t.length>0){let o=function(u){return Promise.all(u.map(p=>Promise.resolve(p).then(d=>({status:"fulfilled",value:d}),d=>({status:"rejected",reason:d}))))};document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),r=l?.nonce||l?.getAttribute("nonce");i=o(t.map(u=>{if(u=yi(u),u in Yt)return;Yt[u]=!0;const p=u.endsWith(".css"),d=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${u}"]${d}`))return;const h=document.createElement("link");if(h.rel=p?"stylesheet":zi,p||(h.as="script"),h.crossOrigin="",h.href=u,r&&h.setAttribute("nonce",r),document.head.appendChild(h),p)return new Promise((c,b)=>{h.addEventListener("load",c),h.addEventListener("error",()=>b(new Error(`Unable to preload CSS for ${u}`)))})}))}function a(l){const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=l,window.dispatchEvent(r),!r.defaultPrevented)throw l}return i.then(l=>{for(const r of l||[])r.status==="rejected"&&a(r.reason);return e().catch(a)})},mn=async s=>{try{(await fn(async()=>{const{default:t}=await import("./index-eUfJTxoU.js");return{default:t}},[])).default.highlightElement(s)}catch(e){console.error("Could not load highlight.js",e)}};var Si=M('<div class="markdown-body"><!></div>');function Ci(s,e){te(e,!0);let t=V(void 0);Y(()=>{e.das&&g(t)&&setTimeout(()=>{g(t)&&Array.from(g(t).querySelectorAll("pre code")).forEach(a=>{mn(a)})},200)});var n=Si(),i=f(n);At(i,()=>_(e.das.descriptionfile||e.das.description)),at(n,a=>U(t,a),()=>g(t)),w(s,n),ne()}var Ti=M('<pre><code class="language-xml"> </code></pre>'),Ei=M("<div><!> <!></div>");function Ri(s,e){te(e,!0);let t=V(void 0),n=V(void 0),i=V(Lt([]));e.devmodus||a();async function a(){const h=await fn(()=>import("../raw_component_import_map.js"),[]);U(i,h.rawComponentMap,!0)}function l(h,c){U(t,null),setTimeout(()=>{U(t,c[h],!0)})}Y(()=>{l(e.componentName,g(i))}),Y(()=>{g(t)&&g(n)&&mn(g(n))});var r=Ei(),o=f(r);{var u=h=>{var c=ln("Running Gardenjs in devmodus. No Code view supported.");w(h,c)};D(o,h=>{e.devmodus&&h(u)})}var p=y(o,2);{var d=h=>{var c=Ti(),b=f(c),z=f(b);at(b,E=>U(n,E),()=>g(n)),G(()=>he(z,g(t))),w(h,c)};D(p,h=>{g(t)&&h(d)})}w(s,r),ne()}var Mi=M('<iframe class="stage_iframe svelte-17n05ij" title="preview" src="/frame.html"></iframe>'),qi=M('<div class="panel svelte-17n05ij"><!></div>');function Ii(s,e){te(e,!0);const t=Se();let n=F(e,"das",19,()=>({})),i=V(void 0),a=V(void 0);const l=new ResizeObserver(c=>{c.forEach(b=>{u(b.contentRect)})});an(()=>{g(a)&&(l.observe(g(a)),g(a).contentWindow.onload=()=>{U(i,!0)},g(a).contentWindow.addEventListener("mousemove",function(c){var b=g(a).getBoundingClientRect(),z=new CustomEvent("mousemove",{bubbles:!0,cancelable:!1});z.pageX=c.clientX+b.left,z.pageY=c.clientY+b.top,g(a).dispatchEvent(z)}),g(a).contentWindow.addEventListener("mouseup",function(){var c=new CustomEvent("mouseup",{bubbles:!0,cancelable:!1});g(a).dispatchEvent(c)}))}),rn(()=>{l.disconnect()});function r(c){const b=[];return c.description&&b.push({name:"Notes",props:{das:c},page:Ci}),c.examples?.length&&b.push({name:"Examples",props:{selected:e.selectedExample,items:c.examples.map(z=>z.title)},page:ai,out:o}),!e.devmodus&&c.componentfile&&b.push({name:"Code",props:{componentName:e.componentName,devmodus:e.devmodus},page:Ri}),b}function o(c){globalThis.history.pushState({selectedExample:c.detail.selecteditem},"",window.location.pathname.substring(7))}function u(c){t("out",{stageRect:c})}function p(c){c.detail.topHeight&&t("out",{stageContainerHeight:c.detail.topHeight}),c.detail.maxHeight&&t("out",{stageContainerMaxHeight:c.detail.maxHeight}),c.detail.maxWidth&&t("out",{stageContainerWidth:c.detail.maxWidth})}function d(c){c.detail.stageHeight&&t("out",{stageHeight:c.detail.stageHeight}),c.detail.stageWidth&&t("out",{stageWidth:c.detail.stageWidth})}Y(()=>{g(i)&&(!g(a).contentDocument||/frame.html$/.test(g(a).contentWindow.location),g(a).contentWindow.postMessage({selectedExample:e.selectedExample,componentName:e.componentName,stageSize:e.stageSize,theme:e.theme,appTheme:e.appTheme,showInspector:e.showInspector,showGrid:e.showGrid,gridSettings:e.gridSettings},window.location))});let h=ve(()=>r(n()));Qn(s,{get topHeight(){return e.stageContainerHeight},get maxHeight(){return e.stageContainerMaxHeight},$$events:{out:p},top:z=>{{let E=ve(()=>e.stageSize!=="full");Xn(z,{get disabled(){return g(E)},get maxHeight(){return e.stageMaxHeight},get maxWidth(){return e.stageMaxWidth},get paneHeight(){return e.stageHeight},get paneWidth(){return e.stageWidth},$$events:{out:d},children:(k,S)=>{var N=Mi();at(N,B=>U(a,B),()=>g(a)),G(()=>Ht(N,e.stageStyle)),w(k,N)},$$slots:{default:!0}})}},bottom:z=>{var E=qi(),k=f(E);{var S=N=>{ni(N,{get tabs(){return g(h)},$$events:{out(B){nt.call(this,e,B)}}})};D(k,N=>{e.panelExpanded&&N(S)})}w(z,E)},$$slots:{top:!0,bottom:!0}}),ne()}var Hi=M('<a><div class="component_link-container svelte-1cnyrt6"><div class="component_dot svelte-1cnyrt6"></div> <div class="component_icon svelte-1cnyrt6"><svg xmlns="http://www.w3.org/2000/svg" width="15" viewBox="0 0 24 24" height="15" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"></path><path d="M3.3 7l8.7 5 8.7-5M12 22V12"></path></svg></div> <div class="component_label svelte-1cnyrt6"><!></div></div></a>');function vn(s,e){te(e,!0);function t(){globalThis.history.pushState({},"",e.href)}var n=Hi();let i;var a=ve(()=>$n(t));n.__click=function(...u){g(a)?.apply(this,u)};var l=f(n),r=y(f(l),4),o=f(r);At(o,()=>e.text),G(u=>{le(n,"href",e.href),i=P(n,1,"component_link svelte-1cnyrt6",null,i,u)},[()=>({selected:e.selected})]),w(s,n),ne()}pe(["click"]);var Li=(s,e,t)=>e(g(t)),Bi=M('<li class="component svelte-qxg2ml"><!> <button class="close svelte-qxg2ml"><svg xmlns="http://www.w3.org/2000/svg" class="close-icon svelte-qxg2ml" height="12" viewBox="0 0 24 24" width="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18M6 6l12 12"></path></svg></button></li>'),Ai=M('<div class="bookmarks svelte-qxg2ml"><div class="bookmarks_title svelte-qxg2ml"><span class="bookmarks_title-icon svelte-qxg2ml"><svg xmlns="http://www.w3.org/2000/svg" class="bookmark_icon" height="15" viewBox="0 0 24 24" width="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg></span> <span class="bookmarks_title-label svelte-qxg2ml">Bookmarks</span></div> <nav class="bookmarks_nav"><ul class="components svelte-qxg2ml"></ul></nav> <div class="border-btm svelte-qxg2ml"></div></div>');function Ni(s,e){te(e,!0);const t=Se();let n=F(e,"bookmarks",19,()=>[]);function i(o){t("out",{toggleBookmark:o})}var a=Ai(),l=y(f(a),2),r=f(l);rt(r,21,n,Bt,(o,u)=>{var p=Bi(),d=f(p);vn(d,{get href(){return g(u).href},get selected(){return g(u).selected},get text(){return g(u).name}});var h=y(d,2);h.__click=[Li,i,u],w(o,p)}),w(s,a),ne()}pe(["click"]);var ji=M('<li class="component svelte-1nn9bvq"><!></li>'),Wi=(s,e,t)=>e(g(t)),Oi=M('<li><button><span><svg xmlns="http://www.w3.org/2000/svg" width="12" viewBox="0 0 24 24" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"></path></svg></span> <span class="folder_icon svelte-1nn9bvq"><svg xmlns="http://www.w3.org/2000/svg" width="15" viewBox="0 0 24 24" height="15" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h16a2 2 0 002-2V8a2 2 0 00-2-2h-7.93a2 2 0 01-1.66-.9l-.82-1.2A2 2 0 007.93 3H4a2 2 0 00-2 2v13c0 1.1.9 2 2 2z"></path></svg></span> <span class="folder_label svelte-1nn9bvq"><!></span></button> <!></li>'),Pi=M("<ul></ul>");function kn(s,e){te(e,!0);const t=Se();let n=F(e,"nodes",19,()=>[]),i=F(e,"level",3,1);function a(r){t("out",{toggleFoldStatusOfNode:{...r}})}var l=Pi();rt(l,21,n,Bt,(r,o)=>{var u=qe(),p=ke(u);{var d=c=>{var b=ji(),z=f(b);vn(z,{get href(){return g(o).href},get selected(){return g(o).selected},get text(){return g(o).name}}),w(c,b)},h=c=>{var b=Oi();let z;var E=f(b);E.__click=[Wi,a,o];var k=f(E);let S;var N=y(k,4),B=f(N);At(B,()=>g(o).name);var q=y(E,2);{var A=j=>{{let $=ve(()=>i()+1);kn(j,{get nodes(){return g(o).children},get level(){return g($)},$$events:{out(ie){nt.call(this,e,ie)}}})}};D(q,j=>{g(o).unfolded&&j(A)})}G((j,$)=>{z=P(b,1,"folder svelte-1nn9bvq",null,z,j),P(E,1,`folder_btn btn_level-${i()??""}`,"svelte-1nn9bvq"),le(E,"title",g(o).unfolded?"fold":"unfold"),S=P(k,1,"folder_arrow svelte-1nn9bvq",null,S,$)},[()=>({unfolded:g(o).unfolded}),()=>({unfolded_icon:g(o).unfolded})]),w(c,b)};D(p,c=>{g(o).isLeaf?c(d):c(h,!1)})}w(r,u)}),G(()=>P(l,1,`filter_list components level-${i()??""}`,"svelte-1nn9bvq")),w(s,l),ne()}pe(["click"]);function Di(s,e){e("out",{toggleRootFolders:!0})}function Ui(s,e){e("out",{filter:{value:s.target.value}})}function Zi(s,e){e("out",{toggleExpandPanel:!0})}var $i=M('<img title="start"/>'),Fi=M('<img title="start"/>'),Gi=M('<span class="svelte-1oee4bz"> </span>'),Qi=M('<div><div class="filter_zero-results svelte-1oee4bz"> </div></div>'),Vi=M('<!> <nav class="components-nav svelte-1oee4bz"><!></nav>',1),Xi=we('<svg class="controls_btn-icon svelte-1oee4bz" xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 20l5-5 5 5M7 4l5 5 5-5"></path></svg>'),Yi=we('<svg class="controls_btn-icon svelte-1oee4bz" xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 24 24" width="20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 15l5 5 5-5M7 9l5-5 5 5"></path></svg>'),Ji=we('<svg class="controls_btn-icon svelte-1oee4bz" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><line x1="3" x2="21" y1="15" y2="15"></line><path d="m15 8-3 3-3-3"></path></svg>'),Ki=we('<svg class="controls_btn-icon svelte-1oee4bz" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><line x1="3" x2="21" y1="15" y2="15"></line><path d="m9 10 3-3 3 3"></path></svg>'),es=M('<li><a class="controls_btn svelte-1oee4bz" href="https://gardenjs.org/docs" target="_blank" rel="noreferrer"><svg class="controls_btn-icon svelte-1oee4bz" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3m.08 4h.01"></path></svg> <span class="controls_btn-label svelte-1oee4bz">Gardenjs Docs</span></a></li>'),ts=M('<header><a href="/"><!></a> <div class="filter svelte-1oee4bz"><input aria-autocomplete="list" id="filter" class="filter_input svelte-1oee4bz" autocomplete="off" type="search" placeholder="Filter..."/></div> <!> <nav class="controls svelte-1oee4bz"><ul><li><button class="controls_btn svelte-1oee4bz"><!> <span class="controls_btn-label svelte-1oee4bz"> </span></button></li> <li><button class="controls_btn svelte-1oee4bz"><!> <span class="controls_btn-label svelte-1oee4bz"> </span></button></li> <!></ul></nav></header>');function ns(s,e){te(e,!0);const t=Se();let n=F(e,"nodes",19,()=>[]),i=F(e,"sidebarExpanded",3,!0),a=F(e,"rootNodesExpanded",3,!0),l=F(e,"panelExpanded",3,!0),r=F(e,"bookmarks",19,()=>[]);var o=ts();let u;var p=f(o);let d;var h=f(p);{var c=R=>{var I=$i();G(()=>{le(I,"src",`/assets/${e.projectLogoDarkmode??""}`),le(I,"alt",`${e.projectTitle??""} logo`)}),w(R,I)},b=R=>{var I=qe(),se=ke(I);{var ge=ae=>{var v=Fi();G(()=>{le(v,"src",`/assets/${e.projectLogo??""}`),le(v,"alt",`${e.projectTitle??""} logo`)}),w(ae,v)},Te=ae=>{var v=Gi(),ee=f(v);G(()=>he(ee,e.projectTitle)),w(ae,v)};D(se,ae=>{e.projectLogo?ae(ge):ae(Te,!1)},!0)}w(R,I)};D(h,R=>{e.projectLogoDarkmode&&e.appTheme==="dark"?R(c):R(b,!1)})}var z=y(p,2),E=f(z);E.__input=[Ui,t];var k=y(z,2);{var S=R=>{var I=Qi(),se=f(I),ge=f(se);G(()=>he(ge,`No results for '${e.filter??""}'`)),w(R,I)},N=R=>{var I=Vi(),se=ke(I);{var ge=v=>{Ni(v,{get bookmarks(){return r()},$$events:{out(ee){nt.call(this,e,ee)}}})};D(se,v=>{r().length>0&&v(ge)})}var Te=y(se,2),ae=f(Te);kn(ae,{get nodes(){return n()},$$events:{out(v){nt.call(this,e,v)}}}),w(R,I)};D(k,R=>{n().length==0&&e.filter?R(S):R(N,!1)})}var B=y(k,2),q=f(B),A=f(q),j=f(A);j.__click=[Di,t];var $=f(j);{var ie=R=>{var I=Xi();w(R,I)},H=R=>{var I=Yi();w(R,I)};D($,R=>{a()?R(ie):R(H,!1)})}var L=y($,2),re=f(L),xe=y(A,2),_e=f(xe);_e.__click=[Zi,t];var ze=f(_e);{var Ge=R=>{var I=Ji();w(R,I)},Le=R=>{var I=Ki();w(R,I)};D(ze,R=>{l()?R(Ge):R(Le,!1)})}var Pe=y(ze,2),Ce=f(Pe),Qe=y(xe,2);{var Ve=R=>{var I=es();w(R,I)};D(Qe,R=>{e.docsLink===1&&R(Ve)})}G((R,I)=>{u=P(o,1,"sidebar_container svelte-1oee4bz",null,u,R),d=P(p,1,"project-identifier svelte-1oee4bz",null,d,I),xt(E,e.filter||""),le(j,"title",a()?"Collapse":"Restore"),he(re,`${a()?"Collapse":"Expand"} Navigation`),le(_e,"title",l()?"Collapse":"Restore"),he(Ce,`${l()?"Collapse":"Expand"} Panel`)},[()=>({"show-sidebar":i()}),()=>({"has-logo":e.projectLogo})]),w(s,o),ne()}pe(["input","click"]);var is=(s,e,t)=>e.handleButtonClick(g(t).name),ss=M('<li class="svelte-4algbe"><button><span class="dropdown_item-dot svelte-4algbe"></span> </button></li>'),as=M('<div class="dropdown svelte-4algbe"><!> <div><ul class="svelte-4algbe"></ul></div></div>');function ut(s,e){te(e,!0);let t=F(e,"options",19,()=>[]),n=F(e,"dropright",3,!1);var i=qe(),a=ke(i);{var l=o=>{var u=as(),p=f(u);Fe(p,()=>e.buttonSnippet??$e);var d=y(p,2);let h;var c=f(d);rt(c,21,t,b=>b.name,(b,z)=>{var E=ss(),k=f(E);k.__click=[is,e,z];let S;var N=y(f(k));G(B=>{S=P(k,1,"svelte-4algbe",null,S,B),he(N,` ${g(z).name??""}`)},[()=>({active:g(z).active})]),w(b,E)}),G(b=>h=P(d,1,"dropdown_items svelte-4algbe",null,h,b),[()=>({"dropdown_items-right":n()})]),w(o,u)},r=o=>{var u=qe(),p=ke(u);Fe(p,()=>e.buttonSnippet??$e,()=>({onClick:()=>{e.handleButtonClick(t()[0].name)}})),w(o,u)};D(a,o=>{t().length>1?o(l):o(r,!1)})}w(s,i),ne()}pe(["click"]);function rs(s,e){e("out",{toggleExpandSidebar:!0})}function ls(s,e,t){e("out",{toggleBookmark:t.node})}function os(s,e){e("out",{toggleShowInspector:!0})}function cs(s,e){e("out",{toggleShowGrid:!0})}function us(s,e,t){const n=e()==="dark"?"default":"dark";t("out",{updateAppTheme:n})}function ds(s,e,t){e("out",{landscape:!t()})}function hs(s,e){e("out",{openInTab:!0})}function gs(s,e){e("out",{stageWidth:Number.parseInt(s.target.value)})}function ps(s,e){e("out",{stageHeight:Number.parseInt(s.target.value)})}var fs=we('<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><path d="M9 3v18m7-6l-3-3 3-3"></path></svg>'),ms=we('<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><path d="M9 3v18m5-12l3 3-3 3"></path></svg>'),vs=we('<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>'),ks=we('<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>'),bs=M('<button class="topbar_btn bookmark_btn svelte-12qmtz"><span class="is-hidden svelte-12qmtz"> </span> <!></button>'),ws=M('<button title="Small"><span class="is-hidden svelte-12qmtz">Resize viewport to small</span> <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg> <span class="dot svelte-12qmtz"></span></button>'),xs=M('<button title="Medium"><span class="is-hidden svelte-12qmtz">Resize viewport to medium</span> <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg> <span class="dot svelte-12qmtz"></span></button>'),_s=M('<button title="Large"><span class="is-hidden svelte-12qmtz">Resize viewport to large</span> <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="12" rx="2" ry="2"></rect><path d="M2 20h20"></path></svg> <span class="dot svelte-12qmtz"></span></button>'),zs=(s,e)=>e("full"),ys=M('<button class="dropdown_btn topbar_btn svelte-12qmtz" title="Switch component theme"><span class="is-hidden svelte-12qmtz">Open menu for selecting themes</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><circle cx="13.5" cy="6.5" r=".5"></circle><circle cx="17.5" cy="10.5" r=".5"></circle><circle cx="8.5" cy="7.5" r=".5"></circle><circle cx="6.5" cy="12.5" r=".5"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 011.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></button>'),Ss=we('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-12qmtz" width="24" viewBox="0 0 24 24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"></path></svg>'),Cs=we('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-12qmtz" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6.364 6.364 0 009 9 9 9 0 11-9-9z"></path></svg>'),Ts=M('<div class="topbar svelte-12qmtz"><div class="topbar_container svelte-12qmtz"><div class="topbar_nav svelte-12qmtz"><button class="topbar_btn is-first-btn svelte-12qmtz"><span class="is-hidden svelte-12qmtz"> </span> <!></button> <!></div> <div class="topbar_nav svelte-12qmtz"><div class="stagesize-nav svelte-12qmtz"><!> <!> <!> <button title="Full"><span class="is-hidden svelte-12qmtz">Resize viewport to full</span> <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><path d="M8 21h8m-4-4v4"></path></svg> <span class="dot svelte-12qmtz"></span></button> <button class="svelte-12qmtz"><span class="is-hidden svelte-12qmtz"> </span> <svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><rect width="12" height="20" x="6" y="2" rx="2"></rect><rect width="20" height="12" x="2" y="6" rx="2"></rect></svg></button></div> <div class="stagesize-value svelte-12qmtz"><input class="stagesize-input svelte-12qmtz" type="number" min="50"/> <div class="stagesize-value-multi_sign svelte-12qmtz">&#47;</div> <input class="stagesize-input svelte-12qmtz" type="number" min="50"/></div> <button title="Show background grid"><span class="is-hidden svelte-12qmtz">Show background grid</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18M3 15h18M9 3v18m6-18v18"></path></svg> <span class="dot svelte-12qmtz"></span></button> <button title="Visualise margins and paddings"><span class="is-hidden svelte-12qmtz">Visualise margins and paddings</span> <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-12qmtz"><path d="M12 15v-3.014M16 15v-3.014M20 6H4m16 2V4M4 8V4m4 11v-3.014"></path><rect x="3" y="12" width="18" height="7" rx="1"></rect></svg> <span class="dot svelte-12qmtz"></span></button> <button class="topbar_btn openexternal_btn svelte-12qmtz" title="Open component in new tab"><span class="is-hidden svelte-12qmtz">Open component in new tab</span> <svg xmlns="http://www.w3.org/2000/svg" class="open-new-tab-icon svelte-12qmtz" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6m4-3h6v6m-11 5L21 3"></path></svg></button> <!> <button class="topbar_btn is-last-btn svelte-12qmtz"><span class="is-hidden svelte-12qmtz"> </span> <!></button></div></div></div>');function Es(s,e){te(e,!0);const t=Se();let n=F(e,"sidebarExpanded",3,!0),i=F(e,"appTheme",3,"default"),a=F(e,"landscape",3,!1),l=F(e,"stageSize",3,"full"),r=F(e,"stageSizes",19,()=>({})),o=F(e,"themes",19,()=>[]),u=V(!1),p=V(void 0),d=V(void 0);Y(()=>{let{width:C,height:Q}=e.stageRect;U(p,Math.round(C),!0),U(d,Math.round(Q),!0)}),Y(()=>{U(u,i()==="dark"),i()==="dark"?document.documentElement.setAttribute("data-theme","dark"):document.documentElement.setAttribute("data-theme","light")});function h(C){t("out",{stageSize:C})}function c(C){t("out",{selectTheme:C})}var b=Ts(),z=f(b),E=f(z),k=f(E);k.__click=[rs,t];var S=f(k),N=f(S),B=y(S,2);{var q=C=>{var Q=fs();w(C,Q)},A=C=>{var Q=ms();w(C,Q)};D(B,C=>{n()?C(q):C(A,!1)})}var j=y(k,2);{var $=C=>{var Q=bs();Q.__click=[ls,t,e];var oe=f(Q),ye=f(oe),Ae=y(oe,2);{var J=ce=>{var ue=vs();w(ce,ue)},fe=ce=>{var ue=ks();w(ce,ue)};D(Ae,ce=>{e.node.bookmark?ce(J):ce(fe,!1)})}G(()=>he(ye,e.node.bookmark?"Remove from bookmarks":"Add to bookmarks")),w(C,Q)};D(j,C=>{e.node&&C($)})}var ie=y(E,2),H=f(ie),L=f(H);{var re=C=>{ut(C,{get options(){return r().small},handleButtonClick:h,buttonSnippet:(oe,ye)=>{let Ae=()=>ye?.().onClick;var J=ws();let fe;J.__click=function(...X){Ae()?.apply(this,X)};var ce=y(f(J),2);let ue;G((X,Ke)=>{fe=P(J,1,"dropdown_btn topbar_btn svelte-12qmtz",null,fe,X),ue=P(ce,0,"svelte-12qmtz",null,ue,Ke)},[()=>({active:r().small.some(X=>X.active)}),()=>({landscape:a()})]),w(oe,J)},$$slots:{buttonSnippet:!0}})};D(L,C=>{r().small?.length>0&&C(re)})}var xe=y(L,2);{var _e=C=>{ut(C,{get options(){return r().medium},handleButtonClick:h,buttonSnippet:(oe,ye)=>{let Ae=()=>ye?.().onClick;var J=xs();let fe;J.__click=function(...X){Ae()?.apply(this,X)};var ce=y(f(J),2);let ue;G((X,Ke)=>{fe=P(J,1,"dropdown_btn topbar_btn svelte-12qmtz",null,fe,X),ue=P(ce,0,"svelte-12qmtz",null,ue,Ke)},[()=>({active:r().medium.some(X=>X.active)}),()=>({landscape:a()})]),w(oe,J)},$$slots:{buttonSnippet:!0}})};D(xe,C=>{r().medium?.length>0&&C(_e)})}var ze=y(xe,2);{var Ge=C=>{ut(C,{get options(){return r().large},handleButtonClick:h,buttonSnippet:(oe,ye)=>{let Ae=()=>ye?.().onClick;var J=_s();let fe;J.__click=function(...X){Ae()?.apply(this,X)};var ce=y(f(J),2);let ue;G((X,Ke)=>{fe=P(J,1,"dropdown_btn topbar_btn svelte-12qmtz",null,fe,X),ue=P(ce,0,"svelte-12qmtz",null,ue,Ke)},[()=>({active:r().large.some(X=>X.active)}),()=>({landscape:a()})]),w(oe,J)},$$slots:{buttonSnippet:!0}})};D(ze,C=>{r().large?.length>0&&C(Ge)})}var Le=y(ze,2);Le.__click=[zs,h];let Pe;var Ce=y(Le,2);Ce.__click=[ds,t,a];var Qe=f(Ce),Ve=f(Qe),R=y(H,2),I=f(R);I.__change=[gs,t];var se=y(I,4);se.__change=[ps,t];var ge=y(R,2);let Te;ge.__click=[cs,t];var ae=y(ge,2);let v;ae.__click=[os,t];var ee=y(ae,2);ee.__click=[hs,t];var Be=y(ee,2);{var Xe=C=>{ut(C,{get options(){return o()},dropright:!0,handleButtonClick:c,buttonSnippet:oe=>{var ye=ys();w(oe,ye)},$$slots:{buttonSnippet:!0}})};D(Be,C=>{o().length>1&&C(Xe)})}var Ye=y(Be,2);Ye.__click=[us,i,t];var Je=f(Ye),wt=f(Je),En=y(Je,2);{var Rn=C=>{var Q=Ss();w(C,Q)},Mn=C=>{var Q=Cs();w(C,Q)};D(En,C=>{g(u)?C(Rn):C(Mn,!1)})}G((C,Q,oe)=>{le(k,"title",n()?"Collapse sidebar":"Expand sidebar"),he(N,n()?"Collapse sidebar":"Expand sidebar"),Pe=P(Le,1,"svelte-12qmtz",null,Pe,C),le(Ce,"title",a()?"Portrait mode":"Landscape mode"),he(Ve,`Reverse the aspect ratio to ${a()?"portrait mode":"landscape mode"}`),I.disabled=l()!=="full",xt(I,g(p)),le(I,"max",e.stageMaxWidth),se.disabled=l()!=="full",xt(se,g(d)),le(se,"max",e.stageMaxHeight),Te=P(ge,1,"topbar_btn show-grid svelte-12qmtz",null,Te,Q),v=P(ae,1,"topbar_btn show-m-p_btn svelte-12qmtz",null,v,oe),le(Ye,"title",g(u)?"Light mode":"Dark mode"),he(wt,g(u)?"Light mode":"Dark mode")},[()=>({active:l()==="full"}),()=>({active:e.showGrid===!0}),()=>({active:e.showInspector===!0})]),w(s,b),ne()}pe(["click","change"]);function vt(s,e,t=i=>i,n=i=>i){const i=Z(t(localStorage.getItem(s))??e);return i.subscribe(a=>{localStorage.setItem(s,n(a))}),i}const Ee=Z([]),it=Z({small:[{name:"small",h:1170,w:550}],medium:[{name:"medium",h:1080,w:810}],large:[{name:"large",h:960,w:1536}]}),Jt={name:"full",h:"100%",w:"100%"},bn=Z(""),Ot=vt("stageSize","full"),Pt=vt("landscape",!1,s=>s==="true"),Re=Z(""),wn=Z(""),Me=Z(""),zt=Z("full"),yt=Z("full"),Rs=Nt([Re,Me],([s,e])=>Math.min(s,e)-20),Ms=Nt(wn,s=>s-20),et=Z(!0),xn=vt("appTheme","default"),Ue=vt("frameTheme"),St=Z(!0),st=Z(!1),Ct=Z(!1),Tt=Z(!1),_n=Z({size:16,style:"lined",color:"#ddd"});function qs({size:s,style:e,color:t}){_n.set({size:s??50,style:e??"lined",color:t??"grey"})}let De="";function Is(s){it.set(s)}function Hs(s){T(Ue)||Ue.set(s?.find(e=>e.active)?.name??s[0].name),Ee.set(s?.map(e=>({...e,active:e.name===T(Ue)}))),lt()}function Ls(s){Ee.set(T(Ee).map(e=>({...e,active:e.name===s}))),Ue.set(s),lt()}function Bs(s){xn.set(s)}function As(){return T(Ee)&&T(Ee).length>0?T(Ee).find(s=>s.name===T(Ue))??T(Ee)[0]:{stageBg:"white"}}function Ns(s){if(s==="full")return Jt;const e=T(it),t=[...e.small??[],...e.medium??[],...e.large??[]].find(n=>n.name===s);return t?{...t,h:`${t.h}px`,w:`${t.w}px`}:Jt}function lt(){const s=As().stageBg,{h:e,w:t}=Ns(T(Ot)),n=T(Pt)?`width: ${e}; height: ${t}`:`width: ${t}; height: ${e}`,i=`background-color: ${s}`;bn.set(`${n}; ${i}; transition: 0s;`)}function js(s){Re.set(s),zn()}function Ws(s){const e=s-9;Me.set(e),zn()}function Os(s){wn.set(s)}function Kt(s){Number.isInteger(s)?zt.set(Math.max(50,s)):zt.set(s)}function en(s){Number.isInteger(s)?yt.set(Math.max(50,s)):yt.set(s)}function zn(){Number.isInteger(T(Re))&&Number.isInteger(T(Me))&&et.set(T(Re)<T(Me))}function tn(){T(et)?(De=T(Re),Re.set(T(Me))):((!Number.isInteger(De)||Number.isInteger(De)&&T(Me)-De<50)&&(De=Math.round(T(Me)*.7)),Re.set(De)),et.set(!T(et))}lt();function Ps(){T(Dt)?st.set(!T(st)):St.set(!T(St))}function Ds(){Ct.set(!T(Ct))}function Us(){Tt.set(!T(Tt))}const Dt=jn(window.innerWidth<840,s=>{const e=()=>{s(window.innerWidth<840),st.set(!1)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),Zs=Nt([St,st,Dt],([s,e,t])=>t?e:s);function $s(){T(Dt)&&st.set(!1)}function Fs(s){Ot.set(s);const e=T(it),t=Object.keys(e).reduce((n,i)=>(n[i]=e[i].map(a=>({...a,active:a.name===s})),n),{});it.set(t),lt()}function Gs(s){Pt.set(s),lt()}function Qs(s,e,t=i=>i,n=i=>i){const i=Z(t(localStorage.getItem(s))??e);return i.subscribe(a=>{localStorage.setItem(s,n(a))}),i}const je=Z([]),Ze=Z(!0),kt=Z(),yn=Z(),be=Qs("bookmarks",[],JSON.parse,JSON.stringify);let nn=!1,bt="",tt=[],me=[],ot;function Vs(s){me=s.flatMap(Ut).reduce((t,n)=>(t[n.key]=!0,t),{})}function Ut(s){return[s,...Xs(s)]}function Xs(s){return s.children?s.children.flatMap(Ut):[]}function Ys(s,e){bt=s,ot=e,Oe(),la()}function Js(s){kt.set(s),Oe()}function Ks(s){tt=s,nn||(Vs(tt),oa(),nn=!0),je.set(Zt(tt))}function Oe(){je.set(Zt(tt))}function Zt(s,e){const t=T(kt)?.toLowerCase();return s.map(n=>{const i=t?n.name?.toLowerCase().includes(t):!0,a=t&&i?ea(n.name):n.name;if(n.isLeaf){const r=e||i?{...n,name:a,selected:ot===n.key,isLeaf:!0,bookmark:T(be).find(o=>o.key===n.key)!==void 0}:void 0;return r?.selected&&yn.set(r),r}else{const l=Zt(n.children,e||i).filter(o=>o),r=i||l.length>0;return r?{...n,name:a,children:l,unfolded:ta(n,bt,t,r),filterMatches:i}:void 0}}).filter(n=>n)}function ea(s){const e=T(kt).toLowerCase(),t=s.toLowerCase().indexOf(e),n=t+e.length,i=s.substring(0,t),a=s.substring(t,n),l=s.substring(n);return`${i}<span class="highlight">${a}</span>${l}`}function ta(s,e,t,n){return t&&n||me[s.key]||e?.indexOf(s.key)===0}function na(){Ze.set(!T(Ze));const s=T(je).map(e=>({...e,unfolded:T(Ze)&&me[e.key]}));je.set(s)}function ia(s){if(!T(Ze)){sa(s);return}me[s.key]&&bt.indexOf(s.key)!==0?me[s.key]=!1:me[s.key]=!0,Oe()}function sa(s){Ze.set(!0),Object.keys(me).forEach(t=>me[t]=!1);const e=T(je).map(t=>t.key===s.key||bt.indexOf(t.key)===0?(me[t.key]=!0,{...t,unfolded:!0}):(me[t.key]=!1,{...t,unfolded:!1}));je.set(e),Oe()}function sn(s){s.bookmark?aa({...s}):ra({...s,bookmark:!0}),Oe()}function aa(s){be.set(T(be).filter(e=>s.key!==e.key).map(e=>({...e,selected:e.key===ot}))),Oe()}function ra(s){be.set([...T(be),s].map(e=>({...e,selected:e.key===ot})).sort((e,t)=>e.name.localeCompare(t.name))),Oe()}function la(){be.set([...T(be)].map(s=>({...s,selected:s.key===ot})).sort((s,e)=>s.name.localeCompare(e.name)))}function oa(){const s=tt.flatMap(Ut),e=T(be).filter(t=>s.some(n=>n.key===t.key));be.set(e)}const Sn=[],ca=globalThis.location?globalThis.location.pathname+globalThis.location.search:"";let de=ca,Ne="",Et,Rt={url:de};(function(){globalThis.history&&(globalThis.history.state&&globalThis.history.state.url==de&&(Rt=globalThis.history.state),globalThis.history.replaceState(Rt,null,de))})();function ua(s,e,t){Et=s,Ne=e,t&&da(t),gt(Rt,de)}function da(s){Sn.push(s)}function gt(s,e){Sn.forEach(t=>{t(ha(e),s)})}function ha(s){const e=s.substring(Ne.length),t=Object.keys(Et).find(n=>e.match(new RegExp("^"+n+"$","i")));return t?Et[t]:null}(function(s){if(s){var e=s.pushState;s.pushState=function(t,n,i){if(!(i.startsWith(Ne)&&Ne.length>0)){if(de=Ne+i,t.url=de,t.url!==s.state.url||t.selectedExample!==s.state.selectedExample)return gt(t,de),e.apply(s,[t,"",de]);gt(t,de),window.location.reload()}}}})(globalThis.history);globalThis.onpopstate=function(s){s.state?de=s.state.url:de=Ne.length>0?Ne:"/",gt(s.state,de)};const Mt=Z(""),pt=Z(),ft=Z({}),Cn=Z("");let mt,qt,It;function ga(s){mt=s,It&&Tn()}function pa(s,e,t){mt=s,It||(It=!0,ua(e,t,fa))}function fa(s,e){if(pt.set({}),Mt.set(""),ft.set({}),s&&mt){Mt.set(s.fullname),Cn.set(s.route);const t=mt[s.fullname];t.componentfile=s.file,pt.set(t),qt=e,Tn()}}function Tn(){const s=T(pt).examples||[];qt?.selectedExample?ft.set(s.find(e=>e.title==qt.selectedExample)?.title):ft.set(s[0]?.title)}var ma=()=>{window.top.location.reload()},va=M('<div class="message svelte-yh1ir7"><div class="click-completed svelte-yh1ir7">Relative link was clicked!</div> <div class="instruction svelte-yh1ir7">Click the button to return: <button class="svelte-yh1ir7">back</button></div></div>'),ka=M('<div class="garden svelte-yh1ir7"><div class="sidebar svelte-yh1ir7"><!></div> <div class="main svelte-yh1ir7"><!> <!></div></div>');function ba(s,e){te(e,!0);const[t,n]=Wn(),i=()=>W(Cn,"$currentRoute",t),a=()=>W(Mt,"$componentName",t),l=()=>W(ft,"$selectedExample",t),r=()=>W(Ue,"$activeTheme",t),o=()=>W(xn,"$appTheme",t),u=()=>W(Zs,"$sidebarExpanded",t),p=()=>W(Ze,"$rootNodesExpanded",t),d=()=>W(je,"$nodes",t),h=()=>W(kt,"$filterNavTree",t),c=()=>W(et,"$panelExpanded",t),b=()=>W(be,"$bookmarks",t),z=()=>W(yn,"$selectedNode",t),E=()=>W(Ee,"$themes",t),k=()=>W(it,"$stageSizes",t),S=()=>W(Ot,"$stageSize",t),N=()=>W(Pt,"$landscape",t),B=()=>W(yt,"$stageWidth",t),q=()=>W(zt,"$stageHeight",t),A=()=>W(Rs,"$stageMaxHeight",t),j=()=>W(Ms,"$stageMaxWidth",t),$=()=>W(Ct,"$showInspector",t),ie=()=>W(Tt,"$showGrid",t),H=()=>W(pt,"$das",t),L=()=>W(bn,"$stageStyle",t),re=()=>W(Re,"$stageContainerHeight",t),xe=()=>W(Me,"$stageContainerMaxHeight",t),_e=()=>W(_n,"$gridSettings",t);let ze="/garden";Y(()=>{Ks(e.navTree)}),Y(()=>{e.routes&&e.dasMap&&pa(e.dasMap,e.routes,ze)}),Y(()=>{ga(e.dasMap)}),Y(()=>{Hs(e.config.themes)}),Y(()=>{e.config.devices&&Is(e.config.devices),e.config.grid&&qs(e.config.grid)}),Y(()=>{Ys(i(),a()),$s()});let Ge=e.config.project_title||"",Le=e.config.project_logo?.split("/").pop()||null,Pe=e.config.project_logo_darkmode?.split("/").pop()||null,Ce=V(Lt({})),Qe=ve(()=>e.config.docs_link?1:0);function Ve(v){if(v.detail.openInTab){const ee=window.open("/frame.html","_blank");ee.onload=()=>{ee.postMessage({selectedExample:l(),componentName:a(),theme:r()},window.location.origin)}}v.detail.selectTheme&&Ls(v.detail.selectTheme),v.detail.updateAppTheme&&Bs(v.detail.updateAppTheme),v.detail.toggleExpandSidebar&&Ps(),v.detail.stageWidth&&en(v.detail.stageWidth),v.detail.stageHeight&&Kt(v.detail.stageHeight),v.detail.toggleBookmark&&sn(v.detail.toggleBookmark),v.detail.stageSize&&Fs(v.detail.stageSize),v.detail.landscape!==void 0&&Gs(v.detail.landscape),v.detail.toggleShowInspector&&Ds(),v.detail.toggleShowGrid&&Us()}function R(v){v.detail.stageRect&&U(Ce,v.detail.stageRect,!0),v.detail.stageContainerHeight&&js(v.detail.stageContainerHeight),v.detail.toggleExpandPanel&&tn(),v.detail.stageContainerWidth&&Os(v.detail.stageContainerWidth),v.detail.stageContainerMaxHeight&&Ws(v.detail.stageContainerMaxHeight),v.detail.stageWidth&&en(v.detail.stageWidth),v.detail.stageHeight&&Kt(v.detail.stageHeight)}function I(v){v.detail.toggleFoldStatusOfNode&&ia(v.detail.toggleFoldStatusOfNode),v.detail.toggleRootFolders&&na(),v.detail.filter&&Js(v.detail.filter.value),v.detail.toggleExpandPanel&&tn(),v.detail.toggleBookmark&&sn(v.detail.toggleBookmark)}var se=qe(),ge=ke(se);{var Te=v=>{var ee=va(),Be=y(f(ee),2),Xe=y(f(Be));Xe.__click=[ma],w(v,ee)},ae=v=>{var ee=ka(),Be=f(ee),Xe=f(Be);ns(Xe,{get projectTitle(){return Ge},get projectLogo(){return Le},get projectLogoDarkmode(){return Pe},get appTheme(){return o()},get sidebarExpanded(){return u()},get rootNodesExpanded(){return p()},get nodes(){return d()},get filter(){return h()},get panelExpanded(){return c()},get bookmarks(){return b()},get docsLink(){return g(Qe)},$$events:{out:I}});var Ye=y(Be,2),Je=f(Ye);Es(Je,{get sidebarExpanded(){return u()},get node(){return z()},get themes(){return E()},get stageSizes(){return k()},get appTheme(){return o()},get stageRect(){return g(Ce)},get stageSize(){return S()},get landscape(){return N()},get stageWidth(){return B()},get stageHeight(){return q()},get stageMaxHeight(){return A()},get stageMaxWidth(){return j()},get showInspector(){return $()},get showGrid(){return ie()},$$events:{out:Ve}});var wt=y(Je,2);Ii(wt,{get componentName(){return a()},get das(){return H()},get selectedExample(){return l()},get stageStyle(){return L()},get stageSize(){return S()},get stageContainerHeight(){return re()},get stageContainerMaxHeight(){return xe()},get stageHeight(){return q()},get stageWidth(){return B()},get stageMaxHeight(){return A()},get stageMaxWidth(){return j()},get showInspector(){return $()},get showGrid(){return ie()},get gridSettings(){return _e()},get theme(){return r()},get appTheme(){return o()},get panelExpanded(){return c()},get devmodus(){return e.config.devmodus},$$events:{out:R}}),w(v,ee)};D(ge,v=>{window.top!==window.self?v(Te):v(ae,!1)})}w(s,se),ne(),n()}pe(["click"]);On(ba,{target:document.getElementById("app"),props:{navTree:Dn,routes:Pn,dasMap:Un,config:Zn}});
@@ -0,0 +1,19 @@
1
+ .container.svelte-1pql0kc{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%;overflow-y:auto}.top.svelte-1pql0kc{flex-grow:0;flex-shrink:0;border-bottom:0;border-radius:.625rem .625rem 0 0;overflow:hidden}.dragbar.svelte-1pql0kc{flex-grow:0;flex-shrink:0;height:.188rem;background-color:var(--c-primary);cursor:row-resize;z-index:10}.dragging.svelte-1pql0kc,.dragbar.svelte-1pql0kc:hover{background-color:var(--c-primary);transform:scaleY(2)}.resizepane-container.svelte-mmou7f{display:grid;grid-template:min-content 1.25rem / min-content 1.25rem;width:100%;height:100%;overflow:auto}.dragbar.svelte-mmou7f{display:flex;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--c-dragbar-bg);z-index:10}.dragbar.svelte-mmou7f:hover{background-color:var(--c-dragbar-bg-hover)}.vertical.svelte-mmou7f{width:1.25rem;border-top:1px solid var(--c-dragbar-bg);border-right:1px solid var(--c-dragbar-bg);border-radius:0 .625rem 0 0;cursor:ew-resize}.vertical.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:.25rem;height:60%;max-height:3.75rem;background-color:var(--c-dragbar-icon);border-radius:1rem}.horizontal.svelte-mmou7f{height:1.25rem;border-bottom:1px solid var(--c-dragbar-bg);border-left:1px solid var(--c-dragbar-bg);cursor:ns-resize}.horizontal.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:60%;max-width:3.75rem;height:.25rem;background-color:var(--c-dragbar-icon);border-radius:1rem}.corner.svelte-mmou7f{width:1.25rem;height:1.25rem;border-right:1px solid var(--c-dragbar-bg);border-bottom:1px solid var(--c-dragbar-bg);cursor:nwse-resize}.corner.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:1rem;height:.25rem;transform:rotate(-45deg);background-color:var(--c-dragbar-icon);border-radius:1rem}.dragbar.disabled.svelte-mmou7f{display:none}.resizepane-container.disabled.svelte-mmou7f{display:flex;justify-content:center}:root{--h-panelnav: 2.375rem}.panel_container.svelte-1opzoal{position:relative;overflow:hidden;flex:1;height:100%}.panel_nav.svelte-1opzoal{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--h-panelnav);background-color:var(--c-basic-75);border-bottom:1px solid var(--c-bg-body);overflow-x:auto}.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal){margin:0 1.25rem 0 0}.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal) ul:where(.svelte-1opzoal){display:flex;overflow-x:auto}.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal) li:where(.svelte-1opzoal) button:where(.svelte-1opzoal){position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.25rem;height:calc(var(--h-panelnav) - 1px);font-size:.875rem;color:var(--c-basic-700);white-space:nowrap;text-transform:capitalize;overflow:hidden}.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal) li:where(.svelte-1opzoal) button:where(.svelte-1opzoal) .dot:where(.svelte-1opzoal){display:block;width:.313rem;height:.313rem;background-color:transparent;border-radius:50%}.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal) li:where(.svelte-1opzoal) button.active:where(.svelte-1opzoal) .dot:where(.svelte-1opzoal){background-color:var(--c-primary)}.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal) li:where(.svelte-1opzoal) button:where(.svelte-1opzoal):hover,.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal) li:where(.svelte-1opzoal) button:where(.svelte-1opzoal):focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-100)}.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal) li:where(.svelte-1opzoal) button:where(.svelte-1opzoal):focus-visible{background-color:var(--c-basic-150)}.panel_nav.svelte-1opzoal nav:where(.svelte-1opzoal) li:where(.svelte-1opzoal) button.active:where(.svelte-1opzoal){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg)}.panel_toggle.svelte-1opzoal{padding:0 .75rem;height:100%;background:none}.is-hidden.svelte-1opzoal{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}.panel_toggle.svelte-1opzoal svg:where(.svelte-1opzoal){margin-top:.188rem;height:1.375rem;color:var(--c-basic-700)}.panel_toggle.svelte-1opzoal:hover svg:where(.svelte-1opzoal),.panel_toggle.svelte-1opzoal:focus-visible svg:where(.svelte-1opzoal){color:var(--c-primary)}.panel_toggle.svelte-1opzoal:focus-visible{background-color:var(--c-basic-150)}.panel_pane.svelte-1opzoal{position:absolute;top:var(--h-panelnav);right:0;bottom:0;left:0;padding:1.25rem;width:100%;overflow-y:auto}.stories.svelte-9ikz8y{list-style:none;margin:0;padding:0}.stories.svelte-9ikz8y li:where(.svelte-9ikz8y) button:where(.svelte-9ikz8y){display:flex;align-items:center;justify-items:flex-start;margin:0;padding:.5rem .5rem .5rem 1.25rem;width:100%;font-size:.9rem;color:var(--c-basic-600);text-align:left}.stories.svelte-9ikz8y li:where(.svelte-9ikz8y) button:where(.svelte-9ikz8y) .dot:where(.svelte-9ikz8y){display:block;margin:0 .5rem 0 0;height:.375rem;width:.375rem;background-color:transparent;border-radius:50%}.stories.svelte-9ikz8y li.active:where(.svelte-9ikz8y) button:where(.svelte-9ikz8y) .dot:where(.svelte-9ikz8y){background-color:var(--c-primary)}.stories.svelte-9ikz8y li:where(.svelte-9ikz8y):nth-child(odd) button:where(.svelte-9ikz8y){background-color:var(--c-basic-50)}.stories.svelte-9ikz8y li:where(.svelte-9ikz8y) button:where(.svelte-9ikz8y):hover,.stories.svelte-9ikz8y li:where(.svelte-9ikz8y) button:where(.svelte-9ikz8y):focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-150)}.stories.svelte-9ikz8y li.active:where(.svelte-9ikz8y) button:where(.svelte-9ikz8y){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg)}.stories.svelte-9ikz8y li.active:where(.svelte-9ikz8y) button:where(.svelte-9ikz8y):focus-visible{background-color:var(--c-basic-150)}.markdown-body{--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-canvas-default: #ffffff;--color-canvas-subtle: hsl(168, 8%, 94%);--color-border-default: #d0d7de;--color-border-muted: hsla(210, 18%, 87%, 1);--color-neutral-muted: var(--c-basic-150);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-attention-subtle: #fff8c5;--color-danger-fg: #cf222e}.dark .markdown-body{--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #6e7681;--color-canvas-default: #0d1117;--color-canvas-subtle: var(--c-basic-150);--color-border-default: #30363d;--color-border-muted: #21262d;--color-neutral-muted: var(--c-basic-150);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-attention-subtle: rgba(187, 128, 9, .15);--color-danger-fg: #f85149}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;width:100%;max-width:900px;color:var(--color-fg-default);word-wrap:break-word}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:transparent;color:var(--color-accent-fg);text-decoration:none}.markdown-body abbr[title]{border-bottom:none;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:1.75em;border-bottom:1px solid var(--color-border-muted)}.markdown-body mark{background-color:var(--color-attention-subtle);color:var(--color-fg-default)}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:var(--color-canvas-default)}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 40px}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-border-muted);height:.25em;padding:0;margin:24px 0;background-color:var(--color-border-default);border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:var(--color-fg-subtle);opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body details:not([open])>*:not(summary){display:none!important}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px transparent}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-subtle);border:solid 1px var(--color-neutral-muted);border-bottom-color:var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:var(--base-text-weight-semibold, 600);line-height:1.25}.markdown-body h2{font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:1.375em;border-bottom:1px solid var(--color-border-muted)}.markdown-body h3{font-weight:var(--base-text-weight-semibold, 600);font-size:1.25em}.markdown-body h4{font-weight:var(--base-text-weight-semibold, 600);font-size:1.125em}.markdown-body h5{font-weight:var(--base-text-weight-semibold, 600);font-size:.875em}.markdown-body h6{font-weight:var(--base-text-weight-semibold, 600);font-size:.85em;color:var(--color-fg-muted)}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-fg-muted);border-left:.25em solid var(--color-border-default)}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;word-wrap:normal}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:16px}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type=a]{list-style-type:lower-alpha}.markdown-body ol[type=A]{list-style-type:upper-alpha}.markdown-body ol[type=i]{list-style-type:lower-roman}.markdown-body ol[type=I]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:.875rem;font-style:italic;font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table th{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid var(--color-border-default)}.markdown-body table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.markdown-body table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.markdown-body table img{background-color:transparent}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:var(--color-neutral-muted);border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--color-canvas-subtle);border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}/*!
2
+ Theme: GitHub
3
+ Description: Light theme as seen on github.com
4
+ Author: github.com
5
+ Maintainer: @Hirse
6
+ Updated: 2021-05-15
7
+
8
+ Outdated base version: https://github.com/primer/github-syntax-light
9
+ Current colors taken from GitHub's CSS
10
+ */.hljs{color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}/*!
11
+ Theme: GitHub Dark
12
+ Description: Dark theme as seen on github.com
13
+ Author: github.com
14
+ Maintainer: @Hirse
15
+ Updated: 2021-05-15
16
+
17
+ Outdated base version: https://github.com/primer/github-syntax-dark
18
+ Current colors taken from GitHub's CSS
19
+ */[data-theme=dark] .hljs{color:#c9d1d9}[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-meta .hljs-keyword,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-variable.language_{color:#ff7b72}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-title.class_,[data-theme=dark] .hljs-title.class_.inherited__,[data-theme=dark] .hljs-title.function_{color:#d2a8ff}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-operator,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-selector-attr,[data-theme=dark] .hljs-selector-class,[data-theme=dark] .hljs-selector-id{color:#79c0ff}[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-meta .hljs-string{color:#a5d6ff}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-symbol{color:#ffa657}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-code,[data-theme=dark] .hljs-formula{color:#8b949e}[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-quote,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-selector-pseudo{color:#7ee787}[data-theme=dark] .hljs-subst{color:#c9d1d9}[data-theme=dark] .hljs-section{color:#1f6feb;font-weight:700}[data-theme=dark] .hljs-bullet{color:#f2cc60}[data-theme=dark] .hljs-emphasis{color:#c9d1d9;font-style:italic}[data-theme=dark] .hljs-strong{color:#c9d1d9;font-weight:700}[data-theme=dark] .hljs-addition{color:#aff5b4;background-color:#033a16}[data-theme=dark] .hljs-deletion{color:#ffdcd7;background-color:#67060c}.stage_iframe.svelte-17n05ij{display:block;align-self:center;margin:auto;height:100%;width:100%;background-color:var(--c-basic-0)}.panel.svelte-17n05ij{display:flex;flex-direction:column;flex-wrap:nowrap;position:relative;margin-bottom:.375rem;height:100%;width:100%;background-color:var(--c-basic-0);border-top:0;border-radius:0 0 .625rem .625rem;overflow-y:auto}.component_link.svelte-1cnyrt6{display:flex;margin:0;padding:.188rem 0;width:100%;height:1.375rem;text-transform:initial;font-size:.813rem;color:var(--c-basic-600);line-height:1.2;font-weight:400}.component_link.svelte-1cnyrt6:hover,.component_link.svelte-1cnyrt6:focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-100)}.component_link-container.svelte-1cnyrt6{display:flex;align-items:center}.component_link.svelte-1cnyrt6 .component_dot:where(.svelte-1cnyrt6){margin:0 .5rem 0 -.219rem;height:.375rem;width:.375rem!important;background-color:transparent;border-radius:50%}.component_link.selected.svelte-1cnyrt6 .component_dot:where(.svelte-1cnyrt6){background-color:var(--c-primary)}.component_link.selected.svelte-1cnyrt6{margin-left:-1px;color:var(--c-primary);font-weight:600;background-color:var(--c-primary-bg);border-left:1px solid var(--c-primary)}.component_icon.svelte-1cnyrt6{display:flex;align-items:center;margin:0 .5rem 0 0;color:var(--c-basic-400)}.component_label.svelte-1cnyrt6{margin-right:.5rem;overflow:hidden;white-space:nowrap}.bookmarks.svelte-qxg2ml{display:none}@media (min-height: 500px) and (min-width: 500px){.bookmarks.svelte-qxg2ml{display:block}}.bookmarks_title.svelte-qxg2ml{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:0;padding:.5rem .688rem .375rem}.bookmarks_title-icon.svelte-qxg2ml{display:flex;align-items:center;margin-right:.375rem;color:var(--c-primary)}.bookmarks_title-label.svelte-qxg2ml{display:flex;width:100%;font-size:.813rem;color:var(--c-basic-900);font-weight:600;text-transform:uppercase;overflow:hidden;white-space:nowrap}.border-btm.svelte-qxg2ml{margin:1rem 0 .5rem;height:1px;border-bottom:1px solid var(--c-bg-body)}.components.svelte-qxg2ml{margin-left:1.063rem;width:100%;border-left:1px solid var(--c-basic-250)}.component.svelte-qxg2ml{display:flex;height:1.375rem;width:100%;z-index:1}.close.svelte-qxg2ml{position:absolute;display:flex;justify-content:flex-end;align-items:center;right:0;width:1.75rem;height:1.375rem;z-index:9;background-color:var(--c-sidebar-bg)}.component:has(.component_link:hover) .close,.component:has(.component_link:focus-visible) .close{background-color:var(--c-basic-100)}.component:has(.close:hover) .component_link.selected,.component:has(.component_link.selected) .close{background-color:var(--c-primary-bg)!important}.component:has(.close:hover) .component_link,.close.svelte-qxg2ml:hover{background-color:var(--c-basic-100)}.close-icon.svelte-qxg2ml{display:block;color:var(--c-basic-600)}.close.svelte-qxg2ml:hover .close-icon:where(.svelte-qxg2ml),.close.svelte-qxg2ml:focus-visible .close-icon:where(.svelte-qxg2ml){color:var(--c-primary);stroke-width:4}.components.svelte-1nn9bvq{margin-left:1.063rem;border-left:1px solid var(--c-basic-250)}.component.svelte-1nn9bvq{height:1.375rem}.level-1.svelte-1nn9bvq{width:100%;margin:0;padding:0;border:none}.folder.svelte-1nn9bvq{display:block;margin:0}.folder_btn.svelte-1nn9bvq{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:0;padding:.5rem .688rem .375rem}.folder_label.svelte-1nn9bvq{display:flex;width:100%;font-size:.813rem;color:var(--c-basic-900);font-weight:600;text-transform:uppercase;overflow:hidden;white-space:nowrap}.folder_btn.svelte-1nn9bvq:hover{background-color:var(--c-basic-100)}.folder_btn.svelte-1nn9bvq:hover .folder_label:where(.svelte-1nn9bvq){color:var(--c-primary)}.folder_btn.svelte-1nn9bvq:focus-visible{color:var(--c-primary);outline:none;background-color:var(--c-basic-100)}.folder_arrow.svelte-1nn9bvq{display:flex;align-items:center;width:.938rem;height:1.25rem;transition:.2s;margin-right:.375rem;color:var(--c-basic-900)}.folder_arrow.unfolded_icon.svelte-1nn9bvq{transform:rotate(180deg);transition:.2s}.folder_icon.svelte-1nn9bvq{display:flex;align-items:center;margin-right:.375rem;color:var(--c-primary)}.btn_level-3.svelte-1nn9bvq .folder_label:where(.svelte-1nn9bvq){font-size:.813rem}.filter_list.svelte-1nn9bvq .highlight{padding:0 .125rem;color:var(--c-primary);font-weight:700}.sidebar_container.svelte-1oee4bz{--w-sidebar: 260px;display:flex;flex-direction:column;position:relative;margin:.375rem 0;width:0;max-width:var(--w-sidebar);height:calc(100vh - .75rem);background-color:var(--c-sidebar-bg);border-radius:.625rem;transition:width .1s;overflow:hidden}.show-sidebar.svelte-1oee4bz{margin:.375rem .375rem .375rem 0;width:var(--w-sidebar);box-sizing:border-box}.project-identifier.svelte-1oee4bz{position:relative;display:flex;flex-shrink:0;flex-direction:row;justify-content:center;align-items:center;padding:.25rem .688rem;margin:0 0 .125rem;width:var(--w-sidebar);height:2.25rem;background-color:var(--c-sidebar);inline-size:var(--w-sidebar);overflow:hidden;white-space:nowrap;font-size:1.25rem;color:var(--c-primary);text-decoration:none;font-weight:900;line-height:1}.project-identifier.has-logo.svelte-1oee4bz{height:auto}.project-identifier.svelte-1oee4bz:focus-visible{color:var(--c-basic-500)}.project-identifier.svelte-1oee4bz span:where(.svelte-1oee4bz){overflow:hidden}.filter.svelte-1oee4bz{display:flex;flex-shrink:0;margin:0 0 .25rem;padding:.25rem .688rem;height:2.25rem}.filter_input.svelte-1oee4bz{padding:.125rem .125rem .125rem .688rem;width:100%;height:100%;color:var(--c-basic-900);background-color:var(--c-basic-0);border:1px solid var(--c-primary);border-radius:1.75rem}input.filter_input[type=search].svelte-1oee4bz{font-size:.813rem}input[type=search].svelte-1oee4bz::-webkit-search-cancel-button{-webkit-appearance:none}.filter_input.svelte-1oee4bz::placeholder{font-size:.813rem;color:var(--c-basic-500)}.filter_input.svelte-1oee4bz:focus-visible{background-color:var(--c-primary-bg)}.filter_zero-results.svelte-1oee4bz{width:var(--w-sidebar);padding:.5rem .688rem .375rem;text-transform:initial;font-size:.813rem;color:var(--c-basic-600);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-nav.svelte-1oee4bz{display:flex;flex-shrink:1;overflow:hidden;visibility:visible;width:var(--w-sidebar);overflow-y:auto;margin:0 0 1rem}.controls.svelte-1oee4bz{display:none}@media (min-height: 35rem){.controls.svelte-1oee4bz{display:block;flex-shrink:0;width:var(--w-sidebar);height:103px;bottom:.375rem;padding:0;background-color:var(--c-sidebar);border-top:1px solid var(--c-bg-body);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow:hidden}}.controls_btn.svelte-1oee4bz{display:flex;justify-content:flex-start;align-items:center;width:100%;height:2.125rem;margin:0;padding:0 .688rem;text-align:left}.controls_btn.svelte-1oee4bz:hover,.controls_btn.svelte-1oee4bz:focus-visible{background-color:var(--c-basic-100)}.controls_btn-icon.svelte-1oee4bz{margin:0;color:var(--c-basic-700)}.controls_btn-label.svelte-1oee4bz{position:relative;align-self:center;margin-left:.75rem;width:100%;color:var(--c-basic-900);font-size:.875rem;font-weight:400}.controls_btn.svelte-1oee4bz:hover .controls_btn-label:where(.svelte-1oee4bz),.controls_btn.svelte-1oee4bz:focus-visible .controls_btn-label:where(.svelte-1oee4bz),.controls_btn.svelte-1oee4bz:hover .controls_btn-icon:where(.svelte-1oee4bz),.controls_btn.svelte-1oee4bz:focus-visible .controls_btn-icon:where(.svelte-1oee4bz){color:var(--c-primary)}.dropdown.svelte-4algbe{position:relative;display:inline-block;z-index:99}.dropdown_items.svelte-4algbe{visibility:hidden;position:absolute;left:0;padding:.375rem 0 0;z-index:9}.dropdown_items-right.svelte-4algbe{left:unset;right:0}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe){margin:0;padding:0;background-color:var(--c-basic-50);filter:drop-shadow(0px 5px 5px rgba(0,0,0,.05)) drop-shadow(0 1px 3px rgba(0,0,0,.1));border-radius:.5rem;overflow:hidden}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe){display:block;list-style:none;margin:0;padding:0}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe){display:flex;align-items:center;justify-items:flex-start;width:100%;min-width:5rem;padding:.5rem;font-size:.75rem;color:var(--c-basic-900);font-weight:500;text-transform:capitalize;white-space:nowrap}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe) .dropdown_item-dot:where(.svelte-4algbe){display:block;margin:0 .5rem 0 0;height:.313rem;width:.313rem;background-color:transparent;border-radius:50%}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe) .dropdown_item-dot:where(.svelte-4algbe),.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe):hover .dropdown_item-dot:where(.svelte-4algbe){background-color:var(--c-primary)}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe):hover,.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe):focus-visible{color:var(--c-primary);background-color:var(--c-basic-100)}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg);border-color:var(--c-primary)}.dropdown.svelte-4algbe:hover>.dropdown_items:where(.svelte-4algbe),.dropdown.svelte-4algbe:focus-visible>.dropdown_items:where(.svelte-4algbe){display:block;visibility:visible}.topbar.svelte-12qmtz{--h-topbar: 2.25rem;margin:.375rem 0;width:100%;height:var(--h-topbar);background-color:var(--c-topbar-bg);border-radius:.625rem}.topbar_container.svelte-12qmtz{display:flex;justify-content:space-between;width:100%;height:100%;padding:0;z-index:999999}.topbar_nav.svelte-12qmtz{display:flex;align-items:center}.topbar_btn.svelte-12qmtz{display:flex;align-items:center;padding:0 .375rem;height:var(--h-topbar);background:none}.topbar_btn.svelte-12qmtz:hover,.topbar_btn.svelte-12qmtz:focus-visible{background-color:var(--c-basic-100)}.is-hidden.svelte-12qmtz{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}.topbar_btn.svelte-12qmtz svg:where(.svelte-12qmtz){height:1.125rem;color:var(--c-basic-700)}.topbar_btn.svelte-12qmtz:hover svg:where(.svelte-12qmtz),.topbar_btn.svelte-12qmtz:focus-visible svg:where(.svelte-12qmtz){color:var(--c-primary)}.is-first-btn.svelte-12qmtz{border-radius:.5rem 0 0 .5rem}.is-last-btn.svelte-12qmtz{border-radius:0 .5rem .5rem 0}@media (max-height: 499px){.bookmark_btn.svelte-12qmtz{display:none}}@media (max-width: 499px){.bookmark_btn.svelte-12qmtz,.openexternal_btn.svelte-12qmtz{display:none}}.stagesize-value.svelte-12qmtz{display:none}@media (min-width: 640px){.stagesize-value.svelte-12qmtz{display:inline-flex;align-items:center;padding:0 1rem;font-size:.75rem}.stagesize-input.svelte-12qmtz{padding:.25rem .375rem;width:42px;font-size:.75rem;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"Ubuntu Monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,"monospace";color:var(--c-basic-600);text-align:right;background-color:transparent;border:1px solid var(--c-primary);border-radius:.125rem}.stagesize-input.svelte-12qmtz:focus-visible{background-color:var(--c-primary-bg)}.stagesize-input.svelte-12qmtz:disabled{border-color:transparent}.stagesize-value-multi_sign.svelte-12qmtz{margin:0 .25rem;color:var(--c-basic-700)}}.stagesize-nav.svelte-12qmtz{display:none}@media (min-width: 1280px){.stagesize-nav.svelte-12qmtz{position:relative;display:inline-flex;background-color:var(--c-basic-100)}.stagesize-nav.svelte-12qmtz button:where(.svelte-12qmtz){position:relative;display:flex;justify-content:center;flex-direction:column;align-self:center;height:var(--h-topbar);margin:0;padding:0 .25rem;background:none;overflow:hidden}.stagesize-nav.svelte-12qmtz button:where(.svelte-12qmtz):hover,.stagesize-nav.svelte-12qmtz button:where(.svelte-12qmtz):focus-visible{background-color:var(--c-basic-150)}.stagesize-nav.svelte-12qmtz svg:where(.svelte-12qmtz){height:1.125rem;color:var(--c-basic-700);transition:.2s}.stagesize-nav.svelte-12qmtz button:where(.svelte-12qmtz):hover svg:where(.svelte-12qmtz),.stagesize-nav.svelte-12qmtz button:where(.svelte-12qmtz):focus-visible svg:where(.svelte-12qmtz),.stagesize-nav.svelte-12qmtz button.active:where(.svelte-12qmtz) svg:where(.svelte-12qmtz){color:var(--c-primary)}.stagesize-nav.svelte-12qmtz svg.landscape:where(.svelte-12qmtz){transform:rotate(90deg);transition:.2s}.stagesize-nav.svelte-12qmtz .dot:where(.svelte-12qmtz){display:block;position:absolute;left:50%;bottom:.125rem;transform:translate(-50%);height:.313rem;width:.313rem;background-color:transparent;border-radius:50%}.stagesize-nav.svelte-12qmtz button.active:where(.svelte-12qmtz){background-color:var(--c-primary-bg)}.stagesize-nav.svelte-12qmtz button.active:where(.svelte-12qmtz) .dot:where(.svelte-12qmtz){background-color:var(--c-primary)}}button.topbar_btn.active.svelte-12qmtz{background-color:var(--c-primary-bg)}button.topbar_btn.active.svelte-12qmtz .dot:where(.svelte-12qmtz){background-color:var(--c-primary)}.sidebar.svelte-yh1ir7{flex-grow:0;flex-shrink:0}.garden.svelte-yh1ir7{display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;margin:0;padding:0 .375rem;width:100vw;height:100vh;overflow:hidden;background-color:var(--c-bg-body)}.main.svelte-yh1ir7{display:flex;flex-direction:column;width:100%;height:100vh;overflow-y:auto}.message.svelte-yh1ir7{display:inline-block;margin:1rem;padding:1rem;background-color:#fff;border-radius:.625rem}.click-completed.svelte-yh1ir7{margin:0 0 .75rem;font-size:120%;font-weight:500}.instruction.svelte-yh1ir7 button:where(.svelte-yh1ir7){padding:.125rem .75rem;background:var(--c-basic-150);border-radius:.375rem;font-size:90%;color:var(--c-basic-900);font-weight:600;text-transform:uppercase}*,:before,:after{box-sizing:border-box;border:0 solid #fff}*:focus,*:focus:not(:focus-visible){outline:none}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:var(--c-bg-body)}body{margin:0;min-height:100vh;text-rendering:optimizeSpeed;line-height:1}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}a{text-decoration-skip-ink:auto}img,picture,embed,object,video{max-width:100%;width:auto;height:auto}img,video,canvas,audio,iframe,embed,object{display:block;border:none}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--c-primary: hsl(185, 80%, 40%);--c-primary-bg: hsl(185, 100%, 95%);--c-basic-0: hsl(216, 20%, 100%);--c-basic-50: hsl(216, 20%, 98%);--c-basic-75: hsl(216, 20%, 96%);--c-basic-100: hsl(216, 20%, 94%);--c-basic-150: hsl(216, 20%, 90%);--c-basic-200: hsl(216, 20%, 87%);--c-basic-250: hsl(216, 20%, 84%);--c-basic-300: hsl(216, 20%, 81%);--c-basic-400: hsl(216, 20%, 64%);--c-basic-500: hsl(216, 20%, 46%);--c-basic-600: hsl(216, 20%, 32%);--c-basic-700: hsl(216, 20%, 25%);--c-basic-800: hsl(216, 20%, 15%);--c-basic-900: hsl(216, 20%, 10%);--c-bg-body: var(--c-basic-200);--c-topbar-bg: var(--c-basic-0);--c-sidebar-bg: var(--c-basic-0);--c-dragbar-bg: var(--c-basic-100);--c-dragbar-bg-hover: var(--c-basic-200);--c-dragbar-icon: var(--c-basic-400)}[data-theme=dark]{--c-primary: hsl(185, 80%, 70%);--c-primary-bg: hsl(185, 80%, 17%);--c-basic-0: hsl(216, 30%, 5%);--c-basic-50: hsl(216, 30%, 10%);--c-basic-75: hsl(216, 30%, 14%);--c-basic-100: hsl(216, 30%, 18%);--c-basic-150: hsl(216, 30%, 22%);--c-basic-200: hsl(216, 30%, 25%);--c-basic-250: hsl(216, 30%, 30%);--c-basic-300: hsl(216, 30%, 33%);--c-basic-400: hsl(216, 30%, 46%);--c-basic-500: hsl(216, 30%, 64%);--c-basic-600: hsl(216, 30%, 83%);--c-basic-700: hsl(216, 30%, 90%);--c-basic-800: hsl(216, 30%, 96%);--c-basic-900: hsl(216, 30%, 98%);--c-bg-body: var(--c-basic-150);--c-topbar-bg: var(--c-basic-0);--c-sidebar-bg: var(--c-basic-0);--c-dragbar-bg: var(--c-basic-250);--c-dragbar-bg-hover: var(--c-basic-150);--c-dragbar-icon: var(--c-basic-500)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";text-shadow:1px 1px 1px rgba(0,0,0,.004);-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;color:var(--c-basic-600);line-height:1.2}p{margin:.5rem 0;font-size:.875rem;color:var(--c-basic-600);line-height:1.5}li{font-size:.875rem;color:var(--c-basic-600);line-height:1.5}a,a:visited{font-size:.875rem;color:var(--c-primary);line-height:1.5;text-decoration:underline;text-decoration-skip-ink:auto}nav ol,nav ul{margin:0;padding:0;list-style:none}nav li{display:block;margin:0;padding:0}nav a{display:block;margin:0;padding:0;text-decoration:none}button{cursor:pointer;background-color:transparent;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield;margin:0}