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.
- package/README.md +7 -1
- package/bin/servegarden.js +21 -0
- package/dist/assets/frame-BZchrE-Y.js +9 -0
- package/dist/assets/frame-BnV1YnGW.css +1 -0
- package/dist/assets/index-CDaVrY4P.js +46 -0
- package/dist/assets/index-TedXKANB.css +19 -0
- package/dist/assets/index-eUfJTxoU.js +10 -0
- package/dist/assets/legacy-client-DFojcUx4.js +2 -0
- package/dist/frame.html +3 -3
- package/dist/index.html +3 -3
- package/eslint.config.js +30 -0
- package/examples/garden_button.svelte +7 -1
- package/package.json +17 -16
- package/src/client/GardenApp.svelte +57 -14
- package/src/client/GardenFrame.svelte +49 -11
- package/src/client/assets/scss/main.scss +6 -6
- package/src/client/components/panes/HorizontalSplitPane.svelte +23 -13
- package/src/client/components/panes/ResizePane.svelte +32 -16
- package/src/client/components/sidebar/Bookmarks.svelte +8 -2
- package/src/client/components/sidebar/Sidebar.svelte +32 -14
- package/src/client/components/sidebar/SidebarNav.svelte +11 -4
- package/src/client/components/sidebar/SidebarNavLinks.svelte +12 -4
- package/src/client/components/stage/BackgroundGrid.svelte +75 -0
- package/src/client/components/stage/GapMask.svelte +62 -0
- package/src/client/components/stage/Inspector.svelte +456 -0
- package/src/client/components/stage/Stage.svelte +94 -55
- package/src/client/components/stage/panel/PanelCode.svelte +17 -10
- package/src/client/components/stage/panel/PanelComponent.svelte +19 -12
- package/src/client/components/stage/panel/PanelContent.svelte +8 -2
- package/src/client/components/stage/panel/PanelDescription.svelte +12 -4
- package/src/client/components/stage/panel/PanelStoriesNav.svelte +9 -3
- package/src/client/components/topbar/OptionalDropdown.svelte +111 -0
- package/src/client/components/topbar/Topbar.svelte +114 -126
- package/src/client/gardenapp.js +2 -1
- package/src/client/gardenframe.js +2 -1
- package/src/client/logic/stage.js +65 -18
- package/src/codegenerator/base_generator.js +3 -4
- package/src/codegenerator/das_file_finder.js +25 -0
- package/src/codegenerator/shapes/frame.html +0 -1
- package/src/codegenerator/shapes/gardenframe/index.html +0 -1
- package/src/codegenerator/shapes/lib/gardenapp.js +2 -1
- package/src/renderer/HtmlRenderer.js +6 -4
- package/src/renderer/HtmlRenderer.svelte +8 -2
- package/dist/assets/frame-BXMwehsH.css +0 -1
- package/dist/assets/frame-DMi6UA0Z.js +0 -1
- package/dist/assets/index-B_mZcP-T.js +0 -48
- package/dist/assets/index-CVxdTZs0.css +0 -19
- package/dist/assets/index-DLbPO8Sw.js +0 -9
- package/dist/assets/index-OMTxPB5B.js +0 -1
- 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"
|
|
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
|
package/bin/servegarden.js
CHANGED
|
@@ -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={"&":"&","<":"<",">":">",'"':""","'":"'"},$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">/</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}
|