gardenjs 1.6.6 → 1.6.8

package/dist/assets/{index-Cxvk1O88.js → index-WI1a7nYK.js}

@@ -43,4 +43,4 @@ ${e}</tr>
 `}tablecell(e,t){const n=t.header?"th":"td";return(t.align?`<${n} align="${t.align}">`:`<${n}>`)+e+`</${n}>
 `}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 s='<a href="'+e+'"';return t&&(s+=' title="'+t+'"'),s+=">"+n+"</a>",s}image(e,t,n){if(e=Ft(this.options.sanitize,this.options.baseUrl,e),e===null)return n;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${t}"`),s+=this.options.xhtml?"/>":">",s}text(e){return e}}class dn{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,s=0;if(this.seen.hasOwnProperty(n)){s=this.seen[e];do s++,n=e+"-"+s;while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=s,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 jt,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new dn,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="",s,r,l,a,o,c,h,g,d,u,x,z,T,C,R,M,N,I,L;const O=e.length;for(s=0;s<O;s++){if(u=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[u.type]&&(L=this.options.extensions.renderers[u.type].call({parser:this},u),L!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(u.type))){n+=L||"";continue}switch(u.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(u.tokens),u.depth,hn(this.parseInline(u.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(u.text,u.lang,u.escaped);continue}case"table":{for(g="",h="",a=u.header.length,r=0;r<a;r++)h+=this.renderer.tablecell(this.parseInline(u.header[r].tokens),{header:!0,align:u.align[r]});for(g+=this.renderer.tablerow(h),d="",a=u.rows.length,r=0;r<a;r++){for(c=u.rows[r],h="",o=c.length,l=0;l<o;l++)h+=this.renderer.tablecell(this.parseInline(c[l].tokens),{header:!1,align:u.align[l]});d+=this.renderer.tablerow(h)}n+=this.renderer.table(g,d);continue}case"blockquote":{d=this.parse(u.tokens),n+=this.renderer.blockquote(d);continue}case"list":{for(x=u.ordered,z=u.start,T=u.loose,a=u.items.length,d="",r=0;r<a;r++)R=u.items[r],M=R.checked,N=R.task,C="",R.task&&(I=this.renderer.checkbox(M),T?R.tokens.length>0&&R.tokens[0].type==="paragraph"?(R.tokens[0].text=I+" "+R.tokens[0].text,R.tokens[0].tokens&&R.tokens[0].tokens.length>0&&R.tokens[0].tokens[0].type==="text"&&(R.tokens[0].tokens[0].text=I+" "+R.tokens[0].tokens[0].text)):R.tokens.unshift({type:"text",text:I}):C+=I),C+=this.parse(R.tokens,T),d+=this.renderer.listitem(C,N,M);n+=this.renderer.list(d,x,z);continue}case"html":{n+=this.renderer.html(u.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(u.tokens));continue}case"text":{for(d=u.tokens?this.parseInline(u.tokens):u.text;s+1<O&&e[s+1].type==="text";)u=e[++s],d+=`
 `+(u.tokens?this.parseInline(u.tokens):u.text);n+=t?this.renderer.paragraph(d):d;continue}default:{const F='Token with "'+u.type+'" type was not found.';if(this.options.silent){console.error(F);return}else throw new Error(F)}}}return n}parseInline(e,t){t=t||this.renderer;let n="",s,r,l;const a=e.length;for(s=0;s<a;s++){if(r=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]&&(l=this.options.extensions.renderers[r.type].call({parser:this},r),l!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(r.type))){n+=l||"";continue}switch(r.type){case"escape":{n+=t.text(r.text);break}case"html":{n+=t.html(r.text);break}case"link":{n+=t.link(r.href,r.title,this.parseInline(r.tokens,t));break}case"image":{n+=t.image(r.href,r.title,r.text);break}case"strong":{n+=t.strong(this.parseInline(r.tokens,t));break}case"em":{n+=t.em(this.parseInline(r.tokens,t));break}case"codespan":{n+=t.codespan(r.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(r.tokens,t));break}case"text":{n+=t.text(r.text);break}default:{const o='Token with "'+r.type+'" type was not found.';if(this.options.silent){console.error(o);return}else throw new Error(o)}}}return n}}class St{constructor(e){this.options=e||We}static passThroughHooks=new Set(["preprocess","postprocess"]);preprocess(e){return e}postprocess(e){return e}}function xs(i,e,t){return n=>{if(n.message+=`
-Please report this to https://github.com/markedjs/marked.`,i){const s="<p>An error occurred:</p><pre>"+J(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function pn(i,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const r={...n};n={...b.defaults,...r};const l=xs(n.silent,n.async,s);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(ks(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let o;try{n.hooks&&(t=n.hooks.preprocess(t)),o=i(t,n)}catch(g){return l(g)}const c=function(g){let d;if(!g)try{n.walkTokens&&b.walkTokens(o,n.walkTokens),d=e(o,n),n.hooks&&(d=n.hooks.postprocess(d))}catch(u){g=u}return n.highlight=a,g?l(g):s(null,d)};if(!a||a.length<3||(delete n.highlight,!o.length))return c();let h=0;b.walkTokens(o,function(g){g.type==="code"&&(h++,setTimeout(()=>{a(g.text,g.lang,function(d,u){if(d)return c(d);u!=null&&u!==g.text&&(g.text=u,g.escaped=!0),h--,h===0&&c()})},0))}),h===0&&c();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>i(a,n)).then(a=>n.walkTokens?Promise.all(b.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(l);try{n.hooks&&(t=n.hooks.preprocess(t));const a=i(t,n);n.walkTokens&&b.walkTokens(a,n.walkTokens);let o=e(a,n);return n.hooks&&(o=n.hooks.postprocess(o)),o}catch(a){return l(a)}}}function b(i,e,t){return pn(Le.lex,He.parse)(i,e,t)}b.options=b.setOptions=function(i){return b.defaults={...b.defaults,...i},rs(b.defaults),b};b.getDefaults=on;b.defaults=We;b.use=function(...i){const e=b.defaults.extensions||{renderers:{},childTokens:{}};i.forEach(t=>{const n={...t};if(n.async=b.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const r=e.renderers[s.name];r?e.renderers[s.name]=function(...l){let a=s.renderer.apply(this,l);return a===!1&&(a=r.apply(this,l)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=b.defaults.renderer||new jt;for(const r in t.renderer){const l=s[r];s[r]=(...a)=>{let o=t.renderer[r].apply(s,a);return o===!1&&(o=l.apply(s,a)),o}}n.renderer=s}if(t.tokenizer){const s=b.defaults.tokenizer||new At;for(const r in t.tokenizer){const l=s[r];s[r]=(...a)=>{let o=t.tokenizer[r].apply(s,a);return o===!1&&(o=l.apply(s,a)),o}}n.tokenizer=s}if(t.hooks){const s=b.defaults.hooks||new St;for(const r in t.hooks){const l=s[r];St.passThroughHooks.has(r)?s[r]=a=>{if(b.defaults.async)return Promise.resolve(t.hooks[r].call(s,a)).then(c=>l.call(s,c));const o=t.hooks[r].call(s,a);return l.call(s,o)}:s[r]=(...a)=>{let o=t.hooks[r].apply(s,a);return o===!1&&(o=l.apply(s,a)),o}}n.hooks=s}if(t.walkTokens){const s=b.defaults.walkTokens;n.walkTokens=function(r){let l=[];return l.push(t.walkTokens.call(this,r)),s&&(l=l.concat(s.call(this,r))),l}}b.setOptions(n)})};b.walkTokens=function(i,e){let t=[];for(const n of i)switch(t=t.concat(e.call(b,n)),n.type){case"table":{for(const s of n.header)t=t.concat(b.walkTokens(s.tokens,e));for(const s of n.rows)for(const r of s)t=t.concat(b.walkTokens(r.tokens,e));break}case"list":{t=t.concat(b.walkTokens(n.items,e));break}default:b.defaults.extensions&&b.defaults.extensions.childTokens&&b.defaults.extensions.childTokens[n.type]?b.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(b.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(b.walkTokens(n.tokens,e)))}return t};b.parseInline=pn(Le.lexInline,He.parseInline);b.Parser=He;b.parser=He.parse;b.Renderer=jt;b.TextRenderer=dn;b.Lexer=Le;b.lexer=Le.lex;b.Tokenizer=At;b.Slugger=gn;b.Hooks=St;b.parse=b;b.options;b.setOptions;b.use;b.walkTokens;b.parseInline;He.parse;Le.lex;const _s="modulepreload",ys=function(i){return"/"+i},Kt={},fn=function(e,t,n){let s=Promise.resolve();if(t&&t.length>0){let o=function(c){return Promise.all(c.map(h=>Promise.resolve(h).then(g=>({status:"fulfilled",value:g}),g=>({status:"rejected",reason:g}))))};document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),a=l?.nonce||l?.getAttribute("nonce");s=o(t.map(c=>{if(c=ys(c),c in Kt)return;Kt[c]=!0;const h=c.endsWith(".css"),g=h?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${g}`))return;const d=document.createElement("link");if(d.rel=h?"stylesheet":_s,h||(d.as="script"),d.crossOrigin="",d.href=c,a&&d.setAttribute("nonce",a),document.head.appendChild(d),h)return new Promise((u,x)=>{d.addEventListener("load",u),d.addEventListener("error",()=>x(new Error(`Unable to preload CSS for ${c}`)))})}))}function r(l){const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l}return s.then(l=>{for(const a of l||[])a.status==="rejected"&&r(a.reason);return e().catch(r)})},vn=async i=>{try{(await fn(async()=>{const{default:t}=await import("./index-eUfJTxoU.js");return{default:t}},[])).default.highlightElement(i)}catch(e){console.error("Could not load highlight.js",e)}};var Ss=E('<div class="markdown-body"><!></div>');function zs(i,e){ne(e,!0);let t=oe(void 0);le(()=>{e.das&&p(t)&&setTimeout(()=>{p(t)&&Array.from(p(t).querySelectorAll("pre code")).forEach(r=>{vn(r)})},200)});var n=Ss(),s=f(n);Bt(s,()=>b(e.das.descriptionfile||e.das.description)),et(n,r=>te(t,r),()=>p(t)),m(i,n),se()}var Ts=E('<pre><code class="language-xml"> </code></pre>'),Cs=E("<div><!> <!></div>");function Es(i,e){ne(e,!0);let t=oe(void 0),n=oe(void 0),s=oe(ln([]));e.devmodus||r();async function r(){const d=await fn(()=>import("../raw_component_import_map.js"),[]);te(s,d.rawComponentMap,!0)}function l(d,u){te(t,null),setTimeout(()=>{te(t,u[d],!0)})}le(()=>{l(e.componentName,p(s))}),le(()=>{p(t)&&p(n)&&vn(p(n))});var a=Cs(),o=f(a);{var c=d=>{var u=an("Running Gardenjs in devmodus. No Code view supported.");m(d,u)};P(o,d=>{e.devmodus&&d(c)})}var h=w(o,2);{var g=d=>{var u=Ts(),x=f(u),z=f(x);et(x,T=>te(n,T),()=>p(n)),Z(()=>ae(z,p(t))),m(d,u)};P(h,d=>{p(t)&&d(g)})}m(i,a),se()}var Ms=E('<iframe class="stage_iframe svelte-17n05ij" title="preview" src="/frame.html"></iframe>'),Rs=E('<div class="panel svelte-17n05ij"><!></div>');function Is(i,e){ne(e,!0);let t=U(e,"das",19,()=>({})),n=oe(void 0),s=oe(void 0);const r=new ResizeObserver(c=>{c.forEach(h=>{e.onUpdateStageRect(h.contentRect)})});sn(()=>{p(s)&&(r.observe(p(s)),p(s).contentWindow.onload=()=>{te(n,!0)},p(s).contentWindow.addEventListener("mousemove",function(c){var h=p(s).getBoundingClientRect(),g=new CustomEvent("mousemove",{bubbles:!0,cancelable:!1});g.pageX=c.clientX+h.left,g.pageY=c.clientY+h.top,p(s).dispatchEvent(g)}),p(s).contentWindow.addEventListener("mouseup",function(){var c=new CustomEvent("mouseup",{bubbles:!0,cancelable:!1});p(s).dispatchEvent(c)}))}),rn(()=>{r.disconnect()});function l(c){const h=[];return c.description&&h.push({name:"Notes",props:{das:c},page:zs}),c.examples?.length&&h.push({name:"Examples",props:{selected:e.selectedExample,examples:c.examples.map(g=>g.title),onSelectExample:a},page:is}),!e.devmodus&&c.componentfile&&h.push({name:"Code",props:{componentName:e.componentName,devmodus:e.devmodus},page:Es}),h}function a(c){globalThis.history.pushState({selectedExample:c},"",window.location.pathname.substring(7))}le(()=>{p(n)&&(!p(s).contentDocument||/frame.html$/.test(p(s).contentWindow.location),p(s).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))});const o=re(()=>l(t()));Gn(i,{get topHeight(){return e.stageContainerHeight},get maxHeight(){return e.stageContainerMaxHeight},get onSetTopHeight(){return e.onSetStageContainerHeight},get onSetMaxHeight(){return e.onSetStageContainerMaxHeight},get onSetMaxWidth(){return e.onSetStageContainerWidth},top:g=>{{let d=re(()=>e.stageSize!=="full");Qn(g,{get disabled(){return p(d)},get maxHeight(){return e.stageMaxHeight},get maxWidth(){return e.stageMaxWidth},get paneHeight(){return e.stageHeight},get paneWidth(){return e.stageWidth},get onSetStageHeight(){return e.onSetStageHeight},get onSetStageWidth(){return e.onSetStageWidth},children:(u,x)=>{var z=Ms();et(z,T=>te(s,T),()=>p(s)),Z(()=>Nt(z,e.stageStyle)),m(u,z)},$$slots:{default:!0}})}},bottom:g=>{var d=Rs(),u=f(d);{var x=z=>{es(z,{get tabs(){return p(o)},get onToggleExpandPanel(){return e.onToggleExpandPanel}})};P(u,z=>{e.panelExpanded&&z(x)})}m(g,d)},$$slots:{top:!0,bottom:!0}}),se()}function Ls(i,e){i.button!==0||i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||(i.preventDefault(),globalThis.history.pushState({},"",e.href))}var Hs=E('<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 mn(i,e){var t=Hs();let n;t.__click=[Ls,e];var s=f(t),r=w(f(s),4),l=f(r);Bt(l,()=>e.text),Z(a=>{ee(t,"href",e.href),n=W(t,1,"component_link svelte-1cnyrt6",null,n,a)},[()=>({selected:e.selected})]),m(i,t)}ge(["click"]);var Ns=(i,e,t)=>e.onToggleBookmark(p(t)),Bs=E('<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>'),As=E('<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 js(i,e){ne(e,!0);let t=U(e,"bookmarks",19,()=>[]);var n=As(),s=w(f(n),2),r=f(s);tt(r,21,t,l=>l.key,(l,a)=>{var o=Bs(),c=f(o);mn(c,{get href(){return p(a).href},get selected(){return p(a).selected},get text(){return p(a).name}});var h=w(c,2);h.__click=[Ns,e,a],m(l,o)}),m(i,n),se()}ge(["click"]);var qs=E('<li class="component svelte-1nn9bvq"><!></li>'),Ws=(i,e,t)=>e.onToggleFoldStatusOfNode({...p(t)}),Ps=E('<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>'),Os=E("<ul></ul>");function kn(i,e){ne(e,!0);let t=U(e,"nodes",19,()=>[]),n=U(e,"level",3,1);var s=Os();tt(s,21,t,r=>r.key,(r,l)=>{var a=Ie(),o=he(a);{var c=g=>{var d=qs(),u=f(d);mn(u,{get href(){return p(l).href},get selected(){return p(l).selected},get text(){return p(l).name}}),m(g,d)},h=g=>{var d=Ps();let u;var x=f(d);x.__click=[Ws,e,l];var z=f(x);let T;var C=w(z,4),R=f(C);Bt(R,()=>p(l).name);var M=w(x,2);{var N=I=>{{let L=re(()=>n()+1);kn(I,{get nodes(){return p(l).children},get level(){return p(L)},get onToggleFoldStatusOfNode(){return e.onToggleFoldStatusOfNode}})}};P(M,I=>{p(l).unfolded&&I(N)})}Z((I,L)=>{u=W(d,1,"folder svelte-1nn9bvq",null,u,I),W(x,1,`folder_btn btn_level-${n()??""}`,"svelte-1nn9bvq"),ee(x,"title",p(l).unfolded?"fold":"unfold"),T=W(z,1,"folder_arrow svelte-1nn9bvq",null,T,L)},[()=>({unfolded:p(l).unfolded}),()=>({unfolded_icon:p(l).unfolded})]),m(g,d)};P(o,g=>{p(l).isLeaf?g(c):g(h,!1)})}m(r,a)}),Z(()=>W(s,1,`filter_list components level-${n()??""}`,"svelte-1nn9bvq")),m(i,s),se()}ge(["click"]);var Ds=E('<img title="start"/>'),Us=E('<img title="start"/>'),Zs=E('<span class="svelte-1oee4bz"> </span>'),Fs=(i,e)=>e.onUpdateFilter(i.target.value),Gs=E('<div><div class="filter_zero-results svelte-1oee4bz"> </div></div>'),Vs=E('<!> <nav class="components-nav svelte-1oee4bz"><!></nav>',1),Qs=(i,e,t)=>e()?t.onExpandTree():t.onCollapseTree(),Xs=be('<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>'),Ks=be('<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>'),Ys=be('<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>'),Js=be('<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>'),$s=E('<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>'),ei=E('<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 ti(i,e){ne(e,!0);let t=U(e,"bookmarks",19,()=>[]),n=U(e,"nodes",19,()=>[]),s=U(e,"panelExpanded",3,!0),r=U(e,"sidebarExpanded",3,!0),l=U(e,"treeCollapsed",3,!1);var a=ei();let o;var c=f(a);let h;c.__click=function(...S){e.onLogoClicked?.apply(this,S)};var g=f(c);{var d=S=>{var H=Ds();Z(()=>{ee(H,"src",`/assets/${e.projectLogoDarkmode??""}`),ee(H,"alt",`${e.projectTitle??""} logo`)}),m(S,H)},u=S=>{var H=Ie(),ce=he(H);{var ue=D=>{var V=Us();Z(()=>{ee(V,"src",`/assets/${e.projectLogo??""}`),ee(V,"alt",`${e.projectTitle??""} logo`)}),m(D,V)},Ce=D=>{var V=Zs(),Ee=f(V);Z(()=>ae(Ee,e.projectTitle)),m(D,V)};P(ce,D=>{e.projectLogo?D(ue):D(Ce,!1)},!0)}m(S,H)};P(g,S=>{e.projectLogoDarkmode&&e.appTheme==="dark"?S(d):S(u,!1)})}var x=w(c,2),z=f(x);z.__input=[Fs,e];var T=w(x,2);{var C=S=>{var H=Gs(),ce=f(H),ue=f(ce);Z(()=>ae(ue,`No results for '${e.filter??""}'`)),m(S,H)},R=S=>{var H=Vs(),ce=he(H);{var ue=V=>{js(V,{get bookmarks(){return t()},get onToggleBookmark(){return e.onToggleBookmark}})};P(ce,V=>{t().length>0&&V(ue)})}var Ce=w(ce,2),D=f(Ce);kn(D,{get nodes(){return n()},get onToggleFoldStatusOfNode(){return e.onToggleFoldStatusOfNode}}),m(S,H)};P(T,S=>{n().length==0&&e.filter?S(C):S(R,!1)})}var M=w(T,2),N=f(M),I=f(N),L=f(I);L.__click=[Qs,l,e];var O=f(L);{var F=S=>{var H=Xs();m(S,H)},B=S=>{var H=Ks();m(S,H)};P(O,S=>{l()?S(F):S(B,!1)})}var q=w(O,2),Ne=f(q),we=w(I,2),xe=f(we);xe.__click=function(...S){e.onToggleExpandPanel?.apply(this,S)};var pe=f(xe);{var Pe=S=>{var H=Ys();m(S,H)},Be=S=>{var H=Js();m(S,H)};P(pe,S=>{s()?S(Pe):S(Be,!1)})}var Qe=w(pe,2),Xe=f(Qe),Oe=w(we,2);{var _e=S=>{var H=$s();m(S,H)};P(Oe,S=>{e.docsLink===1&&S(_e)})}Z((S,H)=>{o=W(a,1,"sidebar_container svelte-1oee4bz",null,o,S),h=W(c,1,"project-identifier svelte-1oee4bz",null,h,H),yt(z,e.filter||""),ee(L,"title",l()?"Expand":"Collapse"),ae(Ne,`${l()?"Expand":"Collapse"} Explorer`),ee(xe,"title",s()?"Collapse":"Expand"),ae(Xe,`${s()?"Collapse":"Expand"} Panel`)},[()=>({"show-sidebar":r()}),()=>({"has-logo":e.projectLogo})]),m(i,a),se()}ge(["click","input"]);var ni=(i,e,t)=>e.handleButtonClick(p(t).name),si=E('<li class="svelte-4algbe"><button><span class="dropdown_item-dot svelte-4algbe"></span> </button></li>'),ii=E('<div class="dropdown svelte-4algbe"><!> <div><ul class="svelte-4algbe"></ul></div></div>');function ht(i,e){ne(e,!0);let t=U(e,"options",19,()=>[]),n=U(e,"dropright",3,!1);var s=Ie(),r=he(s);{var l=o=>{var c=ii(),h=f(c);Ge(h,()=>e.buttonSnippet??Fe);var g=w(h,2);let d;var u=f(g);tt(u,21,t,x=>x.name,(x,z)=>{var T=si(),C=f(T);C.__click=[ni,e,z];let R;var M=w(f(C));Z(N=>{R=W(C,1,"svelte-4algbe",null,R,N),ae(M,` ${p(z).name??""}`)},[()=>({active:p(z).active})]),m(x,T)}),Z(x=>d=W(g,1,"dropdown_items svelte-4algbe",null,d,x),[()=>({"dropdown_items-right":n()})]),m(o,c)},a=o=>{var c=Ie(),h=he(c);Ge(h,()=>e.buttonSnippet??Fe,()=>({onClick:()=>{e.handleButtonClick(t()[0].name)}})),m(o,c)};P(r,o=>{t().length>1?o(l):o(a,!1)})}m(i,s),se()}ge(["click"]);var ri=be('<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-y9l547"><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>'),li=be('<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-y9l547"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><path d="M9 3v18m5-12l3 3-3 3"></path></svg>'),ai=(i,e)=>e.onToggleBookmark(e.node),oi=be('<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-y9l547"><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>'),ci=be('<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-y9l547"><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>'),ui=E('<button class="topbar_btn reveal_btn svelte-y9l547" title="Reveal in explorer"><span class="is-hidden svelte-y9l547">Reveal in explorer</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-y9l547"><path d="M8 5h13m-8 7h8m-8 7h8M3 10a2 2 0 002 2h3"></path><path d="M3 5v12a2 2 0 002 2h3"></path></svg></button>'),hi=E('<button class="topbar_btn bookmark_btn svelte-y9l547"><span class="is-hidden svelte-y9l547"> </span> <!></button> <!>',1),di=E('<button title="Small"><span class="is-hidden svelte-y9l547">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-y9l547"></span></button>'),gi=E('<button title="Medium"><span class="is-hidden svelte-y9l547">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-y9l547"></span></button>'),pi=E('<button title="Large"><span class="is-hidden svelte-y9l547">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-y9l547"></span></button>'),fi=(i,e)=>e.onSetStageSize("full"),vi=(i,e)=>{e.onSetStageWidth(Number.parseInt(i.target.value))},mi=(i,e)=>{e.onSetStageHeight(Number.parseInt(i.target.value))},ki=E('<button class="dropdown_btn topbar_btn svelte-y9l547" title="Switch component theme"><span class="is-hidden svelte-y9l547">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-y9l547"><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>'),bi=be('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-y9l547" 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>'),wi=be('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-y9l547" 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>'),xi=E('<div class="topbar svelte-y9l547"><div class="topbar_container svelte-y9l547"><div class="topbar_nav svelte-y9l547"><button class="topbar_btn is-first-btn svelte-y9l547"><span class="is-hidden svelte-y9l547"> </span> <!></button> <!></div> <div class="topbar_nav svelte-y9l547"><div class="stagesize-nav svelte-y9l547"><!> <!> <!> <button title="Full"><span class="is-hidden svelte-y9l547">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-y9l547"><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-y9l547"></span></button> <button class="svelte-y9l547"><span class="is-hidden svelte-y9l547"> </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-y9l547"><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-y9l547"><input class="stagesize-input svelte-y9l547" type="number" min="50"/> <div class="stagesize-value-multi_sign svelte-y9l547">&#47;</div> <input class="stagesize-input svelte-y9l547" type="number" min="50"/></div> <button title="Show background grid"><span class="is-hidden svelte-y9l547">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-y9l547"><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-y9l547"></span></button> <button title="Visualise margins and paddings"><span class="is-hidden svelte-y9l547">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-y9l547"><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-y9l547"></span></button> <button class="topbar_btn openexternal_btn svelte-y9l547" title="Open component in new tab"><span class="is-hidden svelte-y9l547">Open component in new tab</span> <svg xmlns="http://www.w3.org/2000/svg" class="open-new-tab-icon svelte-y9l547" 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-y9l547"><span class="is-hidden svelte-y9l547"> </span> <!></button></div></div></div>');function _i(i,e){ne(e,!0);let t=U(e,"appTheme",3,"default"),n=U(e,"landscape",3,!1),s=U(e,"sidebarExpanded",3,!0),r=U(e,"stageSize",3,"full"),l=U(e,"stageSizes",19,()=>({})),a=U(e,"themes",19,()=>[]),o=oe(!1);const c=re(()=>Math.round(e.stageRect.width)),h=re(()=>Math.round(e.stageRect.height));le(()=>{te(o,t()==="dark"),t()==="dark"?document.documentElement.setAttribute("data-theme","dark"):document.documentElement.setAttribute("data-theme","light")});var g=xi(),d=f(g),u=f(d),x=f(u);x.__click=function(..._){e.onToggleExpandSidebar?.apply(this,_)};var z=f(x),T=f(z),C=w(z,2);{var R=_=>{var X=ri();m(_,X)},M=_=>{var X=li();m(_,X)};P(C,_=>{s()?_(R):_(M,!1)})}var N=w(x,2);{var I=_=>{var X=hi(),$=he(X);$.__click=[ai,e];var fe=f($),je=f(fe),K=w(fe,2);{var ve=Y=>{var De=oi();m(Y,De)},qe=Y=>{var De=ci();m(Y,De)};P(K,Y=>{e.node.bookmark?Y(ve):Y(qe,!1)})}var me=w($,2);{var Q=Y=>{var De=ui();De.__click=function(...Mn){e.onRevealInExplorer?.apply(this,Mn)},m(Y,De)};P(me,Y=>{e.nodeVisibleInExplorer||Y(Q)})}Z(()=>{ee($,"title",e.node.bookmark?"Remove from bookmarks":"Add to bookmarks"),ae(je,e.node.bookmark?"Remove from bookmarks":"Add to bookmarks")}),m(_,X)};P(N,_=>{e.node&&_(I)})}var L=w(u,2),O=f(L),F=f(O);{var B=_=>{ht(_,{get options(){return l().small},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:($,fe)=>{let je=()=>fe?.().onClick;var K=di();let ve;K.__click=function(...Q){je()?.apply(this,Q)};var qe=w(f(K),2);let me;Z((Q,Y)=>{ve=W(K,1,"dropdown_btn topbar_btn svelte-y9l547",null,ve,Q),me=W(qe,0,"svelte-y9l547",null,me,Y)},[()=>({active:l().small.some(Q=>Q.active)}),()=>({landscape:n()})]),m($,K)},$$slots:{buttonSnippet:!0}})};P(F,_=>{l().small?.length>0&&_(B)})}var q=w(F,2);{var Ne=_=>{ht(_,{get options(){return l().medium},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:($,fe)=>{let je=()=>fe?.().onClick;var K=gi();let ve;K.__click=function(...Q){je()?.apply(this,Q)};var qe=w(f(K),2);let me;Z((Q,Y)=>{ve=W(K,1,"dropdown_btn topbar_btn svelte-y9l547",null,ve,Q),me=W(qe,0,"svelte-y9l547",null,me,Y)},[()=>({active:l().medium.some(Q=>Q.active)}),()=>({landscape:n()})]),m($,K)},$$slots:{buttonSnippet:!0}})};P(q,_=>{l().medium?.length>0&&_(Ne)})}var we=w(q,2);{var xe=_=>{ht(_,{get options(){return l().large},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:($,fe)=>{let je=()=>fe?.().onClick;var K=pi();let ve;K.__click=function(...Q){je()?.apply(this,Q)};var qe=w(f(K),2);let me;Z((Q,Y)=>{ve=W(K,1,"dropdown_btn topbar_btn svelte-y9l547",null,ve,Q),me=W(qe,0,"svelte-y9l547",null,me,Y)},[()=>({active:l().large.some(Q=>Q.active)}),()=>({landscape:n()})]),m($,K)},$$slots:{buttonSnippet:!0}})};P(we,_=>{l().large?.length>0&&_(xe)})}var pe=w(we,2);pe.__click=[fi,e];let Pe;var Be=w(pe,2);Be.__click=function(..._){e.onToggleOrientation?.apply(this,_)};var Qe=f(Be),Xe=f(Qe),Oe=w(O,2),_e=f(Oe);_e.__change=[vi,e];var S=w(_e,4);S.__change=[mi,e];var H=w(Oe,2);let ce;H.__click=function(..._){e.onToggleShowGrid?.apply(this,_)};var ue=w(H,2);let Ce;ue.__click=function(..._){e.onToggleShowInspector?.apply(this,_)};var D=w(ue,2);D.__click=function(..._){e.onOpenInTab?.apply(this,_)};var V=w(D,2);{var Ee=_=>{ht(_,{get options(){return a()},dropright:!0,get handleButtonClick(){return e.onSetTheme},buttonSnippet:$=>{var fe=ki();m($,fe)},$$slots:{buttonSnippet:!0}})};P(V,_=>{a().length>1&&_(Ee)})}var Ae=w(V,2);Ae.__click=function(..._){e.onToggleAppTheme?.apply(this,_)};var ot=f(Ae),ct=f(ot),xt=w(ot,2);{var Cn=_=>{var X=bi();m(_,X)},En=_=>{var X=wi();m(_,X)};P(xt,_=>{p(o)?_(Cn):_(En,!1)})}Z((_,X,$)=>{ee(x,"title",s()?"Collapse sidebar":"Expand sidebar"),ae(T,s()?"Collapse sidebar":"Expand sidebar"),Pe=W(pe,1,"svelte-y9l547",null,Pe,_),ee(Be,"title",n()?"Portrait mode":"Landscape mode"),ae(Xe,`Reverse the aspect ratio to ${n()?"portrait mode":"landscape mode"}`),_e.disabled=r()!=="full",yt(_e,p(c)),ee(_e,"max",e.stageMaxWidth),S.disabled=r()!=="full",yt(S,p(h)),ee(S,"max",e.stageMaxHeight),ce=W(H,1,"topbar_btn show-grid svelte-y9l547",null,ce,X),Ce=W(ue,1,"topbar_btn show-m-p_btn svelte-y9l547",null,Ce,$),ee(Ae,"title",p(o)?"Light mode":"Dark mode"),ae(ct,p(o)?"Light mode":"Dark mode")},[()=>({active:r()==="full"}),()=>({active:e.showGrid===!0}),()=>({active:e.showInspector===!0})]),m(i,g),se()}ge(["click","change"]);function ze(i,e,t=s=>s,n=s=>s){const s=G(t(localStorage.getItem(i))??e);return s.subscribe(r=>{localStorage.setItem(i,n(r))}),s}const st=i=>Number.isNaN(Number(i))?i:Number(i),Me=G([]),Ye=G({small:[{name:"small",h:1170,w:550}],medium:[{name:"medium",h:1080,w:810}],large:[{name:"large",h:960,w:1536}]}),Yt={name:"full",h:"100%",w:"100%"},bn=G(""),it=ze("stageSize","full"),Je=ze("landscape",!1,i=>i==="true"),ye=ze("stageContainerHeight","",st),qt=ze("stageContainerWidth","",st),Se=ze("stageContainerMaxHeight","",st),pt=ze("stageHeight","full",st),ft=ze("stageWidth","full",st),yi=nt([ye,Se],([i,e])=>Math.min(i,e)-20),Si=nt(qt,i=>i-20),wn=G({}),Ke=G(!0),zt=ze("appTheme","default"),Ze=ze("frameTheme"),Tt=G(!0),$e=G(!1),Ct=G(!1),Et=G(!1),xn=G({size:16,style:"lined",color:"#ddd"}),zi=()=>{it.set("full"),Je.set(!1),ye.set(""),qt.set(""),Se.set(""),pt.set("full"),ft.set("full")};function Ti({size:i,style:e,color:t}){xn.set({size:i??50,style:e??"lined",color:t??"grey"})}let Ue="";function Ci(i){Ye.set(i),yn(y(it))}function Ei(i){y(Ze)||Ze.set(i?.find(e=>e.active)?.name??i[0].name),Me.set(i?.map(e=>({...e,active:e.name===y(Ze)}))),rt()}function Mi(i){Me.set(y(Me).map(e=>({...e,active:e.name===i}))),Ze.set(i),rt()}function Ri(){zt.set(y(zt)==="dark"?"default":"dark")}function Ii(){return y(Me)&&y(Me).length>0?y(Me).find(i=>i.name===y(Ze))??y(Me)[0]:{stageBg:"white"}}function Li(i){if(i==="full")return Yt;const e=y(Ye),t=[...e.small??[],...e.medium??[],...e.large??[]].find(n=>n.name===i);return t?{...t,h:`${t.h}px`,w:`${t.w}px`}:Yt}function rt(){const i=Ii().stageBg,{h:e,w:t}=Li(y(it)),n=y(Je)?`width: ${e}; height: ${t}`:`width: ${t}; height: ${e}`,s=`background-color: ${i}`;bn.set(`${n}; ${s}; transition: 0s;`)}function Hi(i){ye.set(i),_n()}function Ni(i){wn.set(i)}function Bi(i){const e=i-9;Se.set(e),_n()}function Ai(i){qt.set(i)}function Jt(i){Number.isInteger(i)?pt.set(Math.max(50,i)):pt.set(i)}function $t(i){Number.isInteger(i)?ft.set(Math.max(50,i)):ft.set(i)}function _n(){Number.isInteger(y(ye))&&Number.isInteger(y(Se))&&Ke.set(y(ye)<y(Se))}function en(){y(Ke)?(Ue=y(ye),ye.set(y(Se))):((!Number.isInteger(Ue)||Number.isInteger(Ue)&&y(Se)-Ue<50)&&(Ue=Math.round(y(Se)*.7)),ye.set(Ue)),Ke.set(!y(Ke))}function ji(){y(Wt)?$e.set(!y($e)):Tt.set(!y(Tt))}function qi(){Ct.set(!y(Ct))}function Wi(){Et.set(!y(Et))}const Wt=jn(window.innerWidth<840,i=>{const e=()=>{i(window.innerWidth<840),$e.set(!1)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),Pi=nt([Tt,$e,Wt],([i,e,t])=>t?e:i);function Oi(){y(Wt)&&$e.set(!1)}function yn(i){it.set(i);const e=y(Ye),t=Object.keys(e).reduce((n,s)=>(n[s]=e[s].map(r=>({...r,active:r.name===i})),n),{});Ye.set(t),rt()}function Di(){Je.set(!y(Je)),rt()}rt();function Ui(i,e,t=s=>s,n=s=>s){const s=G(t(localStorage.getItem(i))??e);return s.subscribe(r=>{localStorage.setItem(i,n(r))}),s}const Pt=G([]),wt=G(),Ot=G(),ke=Ui("bookmarks",[],JSON.parse,JSON.stringify);let tn=!1,de=G([]),Ve=[],lt;const Zi=nt(de,i=>!i.some(e=>Ut(e))),Fi=nt(Ot,i=>{const e=[];let t=i;for(;t.parent;)e.push(t.parent),t=t.parent;return e.every(n=>Ut(n))});function at(i){return[i,...Gi(i)]}function Gi(i){return i.children?i.children.flatMap(at):[]}function Vi(i){lt=i,Te(),nr()}function Qi(i){wt.set(i),Te()}function Xi(i){de.set(i),tn||(Sn(),sr(),tn=!0),Pt.set(Dt(y(de))),de.set(i)}function Te(){Pt.set(Dt(y(de))),de.set(y(de))}function Dt(i,e){const t=y(wt)?.toLowerCase();return i.map(n=>{const s=t?n.name?.toLowerCase().includes(t):!0,r=t&&s?Ki(n.name):n.name;if(n.isLeaf){const a=e?.visible||s?{...n,parent:e,name:r,selected:lt===n.key,isLeaf:!0,bookmark:y(ke).find(o=>o.key===n.key)!==void 0}:void 0;return a?.selected&&Ot.set(a),a}else{n.parent=e;const l=Dt(n.children,n).filter(o=>o),a=s||l.length>0;return a?{...n,parent:e,name:r,children:l,unfolded:Ut(n,t,a),filterMatches:s}:void 0}}).filter(n=>n)}function Ki(i){const e=y(wt).toLowerCase(),t=i.toLowerCase().indexOf(e),n=t+e.length,s=i.substring(0,t),r=i.substring(t,n),l=i.substring(n);return`${s}<span class="highlight">${r}</span>${l}`}function Ut(i,e,t){return e&&t||Ve[i.key]}function _t(i){return i.split("#")[0].split("?")[0].replace(/\/+$/,"")}function Yi(i){const e=_t(i),n=y(de).flatMap(at).find(l=>l.isLeaf&&_t(l.href)===e),r=(_t(n?.href)||e).split("/").filter(l=>l.length>0);if(r.length<2)return n;for(let l=0;l<r.length-1;l++){const a="/"+r.slice(0,l+1).join("/")+"/";Ve[a]=!0}Te()}function Ji(i){Ve[i.key]=!Ve[i.key],Te()}function $i(){Ve=y(de).flatMap(at).reduce((e,t)=>(e[t.key]=!1,e),{}),Te()}function Sn(){Ve=y(de).flatMap(at).reduce((e,t)=>(e[t.key]=!0,e),{}),Te()}function nn(i){i.bookmark?er({...i}):tr({...i,bookmark:!0}),Te()}function er(i){ke.set(y(ke).filter(e=>i.key!==e.key).map(e=>({...e,selected:e.key===lt}))),Te()}function tr(i){ke.set([...y(ke),i].map(e=>({...e,selected:e.key===lt})).sort((e,t)=>e.name.localeCompare(t.name))),Te()}function nr(){ke.set([...y(ke)].map(i=>({...i,selected:i.key===lt})).sort((i,e)=>i.name.localeCompare(e.name)))}function sr(){const i=y(de).flatMap(at),e=y(ke).filter(t=>i.some(n=>n.key===t.key));ke.set(e)}const zn=[],ir=globalThis.location?globalThis.location.pathname+globalThis.location.search:"";let ie=ir,Re="",Mt,Rt={url:ie};(function(){globalThis.history&&(globalThis.history.state&&globalThis.history.state.url==ie&&(Rt=globalThis.history.state),globalThis.history.replaceState(Rt,null,ie))})();function rr(i,e,t){Mt=i,Re=e,t&&lr(t),vt(Rt,ie)}function lr(i){zn.push(i)}function vt(i,e){zn.forEach(t=>{t(ar(e),i)})}function ar(i){const e=i.substring(Re.length),t=Object.keys(Mt).find(n=>e.match(new RegExp("^"+n+"$","i")));return t?Mt[t]:null}(function(i){if(i){var e=i.pushState,t=i.replaceState;i.pushState=function(n,s,r){let a=typeof r=="string"?r:"";Re.length>0&&a.startsWith(Re)&&(a=a.substring(Re.length)||"/"),a.length===0&&(a="/"),a[0]!=="/"&&(a="/"+a),ie=Re+a;const o=n&&typeof n=="object"?n:{};return o.url=ie,o.url!==i.state?.url||o.selectedExample!==i.state?.selectedExample?(vt(o,ie),e.apply(i,[o,"",ie])):(vt(o,ie),t.apply(i,[o,"",ie]))}}})(globalThis.history);globalThis.onpopstate=function(i){i.state?ie=i.state.url:ie=Re.length>0?Re:"/",vt(i.state,ie)};const It=G(""),mt=G(),kt=G({}),or=G("");let bt,Lt,Ht;function cr(i){bt=i,Ht&&Tn()}function ur(i,e,t){bt=i,Ht||(Ht=!0,rr(e,t,hr))}function hr(i,e){if(mt.set({}),It.set(""),kt.set({}),i&&bt){It.set(i.fullname),or.set(i.route);const t=bt[i.fullname];t.componentfile=i.file,mt.set(t),Lt=e,Tn()}}function Tn(){const i=y(mt).examples||[];Lt?.selectedExample?kt.set(i.find(e=>e.title==Lt.selectedExample)?.title):kt.set(i[0]?.title)}var dr=()=>{window.top.location.reload()},gr=E('<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>'),pr=E('<div class="garden svelte-yh1ir7"><div class="sidebar svelte-yh1ir7"><!></div> <div class="main svelte-yh1ir7"><!> <!></div></div>');function fr(i,e){ne(e,!0);const[t,n]=qn(),s=()=>A(It,"$componentName",t),r=()=>A(kt,"$selectedExample",t),l=()=>A(Ze,"$activeTheme",t),a=()=>A(zt,"$appTheme",t),o=()=>A(ke,"$bookmarks",t),c=()=>A(wt,"$filterNavTree",t),h=()=>A(Pt,"$nodes",t),g=()=>A(Ke,"$panelExpanded",t),d=()=>A(Zi,"$treeCollapsed",t),u=()=>A(Pi,"$sidebarExpanded",t),x=()=>A(Je,"$landscape",t),z=()=>A(Ot,"$selectedNode",t),T=()=>A(Et,"$showGrid",t),C=()=>A(Fi,"$selectedNodeVisibleInTree",t),R=()=>A(Ct,"$showInspector",t),M=()=>A(pt,"$stageHeight",t),N=()=>A(yi,"$stageMaxHeight",t),I=()=>A(Si,"$stageMaxWidth",t),L=()=>A(wn,"$stageRect",t),O=()=>A(it,"$stageSize",t),F=()=>A(Ye,"$stageSizes",t),B=()=>A(ft,"$stageWidth",t),q=()=>A(Me,"$themes",t),Ne=()=>A(mt,"$das",t),we=()=>A(xn,"$gridSettings",t),xe=()=>A(ye,"$stageContainerHeight",t),pe=()=>A(Se,"$stageContainerMaxHeight",t),Pe=()=>A(bn,"$stageStyle",t);let Be="/garden";le(()=>{Xi(e.navTree)}),le(()=>{e.routes&&e.dasMap&&ur(e.dasMap,e.routes,Be)}),le(()=>{cr(e.dasMap)}),le(()=>{Ei(e.config.themes)}),le(()=>{e.config.devices&&Ci(e.config.devices),e.config.grid&&Ti(e.config.grid)}),le(()=>{Vi(s()),Oi()});let Qe=e.config.project_title||"",Xe=e.config.project_logo?.split("/").pop()||null,Oe=e.config.project_logo_darkmode?.split("/").pop()||null,_e=re(()=>e.config.docs_link?1:0);function S(){const D=window.open("/frame.html","_blank");D&&(D.onload=()=>{D.postMessage({selectedExample:r(),componentName:s(),theme:l()},window.location.origin)})}var H=Ie(),ce=he(H);{var ue=D=>{var V=gr(),Ee=w(f(V),2),Ae=w(f(Ee));Ae.__click=[dr],m(D,V)},Ce=D=>{var V=pr(),Ee=f(V),Ae=f(Ee);ti(Ae,{get docsLink(){return p(_e)},get projectLogoDarkmode(){return Oe},get projectLogo(){return Xe},get projectTitle(){return Qe},get appTheme(){return a()},get bookmarks(){return o()},get filter(){return c()},get nodes(){return h()},get panelExpanded(){return g()},get treeCollapsed(){return d()},get sidebarExpanded(){return u()},get onLogoClicked(){return zi},get onToggleBookmark(){return nn},get onToggleExpandPanel(){return en},get onToggleFoldStatusOfNode(){return Ji},get onUpdateFilter(){return Qi},get onCollapseTree(){return $i},get onExpandTree(){return Sn}});var ot=w(Ee,2),ct=f(ot);_i(ct,{get appTheme(){return a()},get landscape(){return x()},get node(){return z()},get showGrid(){return T()},get nodeVisibleInExplorer(){return C()},get showInspector(){return R()},get sidebarExpanded(){return u()},get stageHeight(){return M()},get stageMaxHeight(){return N()},get stageMaxWidth(){return I()},get stageRect(){return L()},get stageSize(){return O()},get stageSizes(){return F()},get stageWidth(){return B()},get themes(){return q()},onOpenInTab:S,get onSetStageHeight(){return Jt},get onSetStageWidth(){return $t},get onSetStageSize(){return yn},get onSetTheme(){return Mi},get onToggleAppTheme(){return Ri},get onToggleBookmark(){return nn},get onToggleExpandSidebar(){return ji},get onToggleOrientation(){return Di},get onToggleShowGrid(){return Wi},get onToggleShowInspector(){return qi},onRevealInExplorer:()=>Yi(z()?.href)});var xt=w(ct,2);Is(xt,{get appTheme(){return a()},get componentName(){return s()},get das(){return Ne()},get devmodus(){return e.config.devmodus},get gridSettings(){return we()},get panelExpanded(){return g()},get selectedExample(){return r()},get showGrid(){return T()},get showInspector(){return R()},get stageContainerHeight(){return xe()},get stageContainerMaxHeight(){return pe()},get stageHeight(){return M()},get stageMaxHeight(){return N()},get stageMaxWidth(){return I()},get stageSize(){return O()},get stageStyle(){return Pe()},get stageWidth(){return B()},get theme(){return l()},get onSetStageContainerHeight(){return Hi},get onSetStageContainerMaxHeight(){return Bi},get onSetStageContainerWidth(){return Ai},get onSetStageHeight(){return Jt},get onSetStageWidth(){return $t},get onToggleExpandPanel(){return en},get onUpdateStageRect(){return Ni}}),m(D,V)};P(ce,D=>{window.top!==window.self?D(ue):D(Ce,!1)})}m(i,H),se(),n()}ge(["click"]);Wn(fr,{target:document.getElementById("app"),props:{navTree:On,routes:Pn,dasMap:Dn,config:Un}});
+Please report this to https://github.com/markedjs/marked.`,i){const s="<p>An error occurred:</p><pre>"+J(n.message+"",!0)+"</pre>";if(e)return Promise.resolve(s);if(t){t(null,s);return}return s}if(e)return Promise.reject(n);if(t){t(n);return}throw n}}function pn(i,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const r={...n};n={...b.defaults,...r};const l=xs(n.silent,n.async,s);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(ks(n),n.hooks&&(n.hooks.options=n),s){const a=n.highlight;let o;try{n.hooks&&(t=n.hooks.preprocess(t)),o=i(t,n)}catch(g){return l(g)}const c=function(g){let d;if(!g)try{n.walkTokens&&b.walkTokens(o,n.walkTokens),d=e(o,n),n.hooks&&(d=n.hooks.postprocess(d))}catch(u){g=u}return n.highlight=a,g?l(g):s(null,d)};if(!a||a.length<3||(delete n.highlight,!o.length))return c();let h=0;b.walkTokens(o,function(g){g.type==="code"&&(h++,setTimeout(()=>{a(g.text,g.lang,function(d,u){if(d)return c(d);u!=null&&u!==g.text&&(g.text=u,g.escaped=!0),h--,h===0&&c()})},0))}),h===0&&c();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(a=>i(a,n)).then(a=>n.walkTokens?Promise.all(b.walkTokens(a,n.walkTokens)).then(()=>a):a).then(a=>e(a,n)).then(a=>n.hooks?n.hooks.postprocess(a):a).catch(l);try{n.hooks&&(t=n.hooks.preprocess(t));const a=i(t,n);n.walkTokens&&b.walkTokens(a,n.walkTokens);let o=e(a,n);return n.hooks&&(o=n.hooks.postprocess(o)),o}catch(a){return l(a)}}}function b(i,e,t){return pn(Le.lex,He.parse)(i,e,t)}b.options=b.setOptions=function(i){return b.defaults={...b.defaults,...i},rs(b.defaults),b};b.getDefaults=on;b.defaults=We;b.use=function(...i){const e=b.defaults.extensions||{renderers:{},childTokens:{}};i.forEach(t=>{const n={...t};if(n.async=b.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const r=e.renderers[s.name];r?e.renderers[s.name]=function(...l){let a=s.renderer.apply(this,l);return a===!1&&(a=r.apply(this,l)),a}:e.renderers[s.name]=s.renderer}if(s.tokenizer){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");e[s.level]?e[s.level].unshift(s.tokenizer):e[s.level]=[s.tokenizer],s.start&&(s.level==="block"?e.startBlock?e.startBlock.push(s.start):e.startBlock=[s.start]:s.level==="inline"&&(e.startInline?e.startInline.push(s.start):e.startInline=[s.start]))}s.childTokens&&(e.childTokens[s.name]=s.childTokens)}),n.extensions=e),t.renderer){const s=b.defaults.renderer||new jt;for(const r in t.renderer){const l=s[r];s[r]=(...a)=>{let o=t.renderer[r].apply(s,a);return o===!1&&(o=l.apply(s,a)),o}}n.renderer=s}if(t.tokenizer){const s=b.defaults.tokenizer||new At;for(const r in t.tokenizer){const l=s[r];s[r]=(...a)=>{let o=t.tokenizer[r].apply(s,a);return o===!1&&(o=l.apply(s,a)),o}}n.tokenizer=s}if(t.hooks){const s=b.defaults.hooks||new St;for(const r in t.hooks){const l=s[r];St.passThroughHooks.has(r)?s[r]=a=>{if(b.defaults.async)return Promise.resolve(t.hooks[r].call(s,a)).then(c=>l.call(s,c));const o=t.hooks[r].call(s,a);return l.call(s,o)}:s[r]=(...a)=>{let o=t.hooks[r].apply(s,a);return o===!1&&(o=l.apply(s,a)),o}}n.hooks=s}if(t.walkTokens){const s=b.defaults.walkTokens;n.walkTokens=function(r){let l=[];return l.push(t.walkTokens.call(this,r)),s&&(l=l.concat(s.call(this,r))),l}}b.setOptions(n)})};b.walkTokens=function(i,e){let t=[];for(const n of i)switch(t=t.concat(e.call(b,n)),n.type){case"table":{for(const s of n.header)t=t.concat(b.walkTokens(s.tokens,e));for(const s of n.rows)for(const r of s)t=t.concat(b.walkTokens(r.tokens,e));break}case"list":{t=t.concat(b.walkTokens(n.items,e));break}default:b.defaults.extensions&&b.defaults.extensions.childTokens&&b.defaults.extensions.childTokens[n.type]?b.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(b.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(b.walkTokens(n.tokens,e)))}return t};b.parseInline=pn(Le.lexInline,He.parseInline);b.Parser=He;b.parser=He.parse;b.Renderer=jt;b.TextRenderer=dn;b.Lexer=Le;b.lexer=Le.lex;b.Tokenizer=At;b.Slugger=gn;b.Hooks=St;b.parse=b;b.options;b.setOptions;b.use;b.walkTokens;b.parseInline;He.parse;Le.lex;const _s="modulepreload",ys=function(i){return"/"+i},Kt={},fn=function(e,t,n){let s=Promise.resolve();if(t&&t.length>0){let o=function(c){return Promise.all(c.map(h=>Promise.resolve(h).then(g=>({status:"fulfilled",value:g}),g=>({status:"rejected",reason:g}))))};document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),a=l?.nonce||l?.getAttribute("nonce");s=o(t.map(c=>{if(c=ys(c),c in Kt)return;Kt[c]=!0;const h=c.endsWith(".css"),g=h?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${g}`))return;const d=document.createElement("link");if(d.rel=h?"stylesheet":_s,h||(d.as="script"),d.crossOrigin="",d.href=c,a&&d.setAttribute("nonce",a),document.head.appendChild(d),h)return new Promise((u,x)=>{d.addEventListener("load",u),d.addEventListener("error",()=>x(new Error(`Unable to preload CSS for ${c}`)))})}))}function r(l){const a=new Event("vite:preloadError",{cancelable:!0});if(a.payload=l,window.dispatchEvent(a),!a.defaultPrevented)throw l}return s.then(l=>{for(const a of l||[])a.status==="rejected"&&r(a.reason);return e().catch(r)})},vn=async i=>{try{(await fn(async()=>{const{default:t}=await import("./index-eUfJTxoU.js");return{default:t}},[])).default.highlightElement(i)}catch(e){console.error("Could not load highlight.js",e)}};var Ss=E('<div class="markdown-body"><!></div>');function zs(i,e){ne(e,!0);let t=oe(void 0);le(()=>{e.das&&p(t)&&setTimeout(()=>{p(t)&&Array.from(p(t).querySelectorAll("pre code")).forEach(r=>{vn(r)})},200)});var n=Ss(),s=f(n);Bt(s,()=>b(e.das.descriptionfile||e.das.description)),et(n,r=>te(t,r),()=>p(t)),m(i,n),se()}var Ts=E('<pre><code class="language-xml"> </code></pre>'),Cs=E("<div><!> <!></div>");function Es(i,e){ne(e,!0);let t=oe(void 0),n=oe(void 0),s=oe(ln([]));e.devmodus||r();async function r(){const d=await fn(()=>import("../raw_component_import_map.js"),[]);te(s,d.rawComponentMap,!0)}function l(d,u){te(t,null),setTimeout(()=>{te(t,u[d],!0)})}le(()=>{l(e.componentName,p(s))}),le(()=>{p(t)&&p(n)&&vn(p(n))});var a=Cs(),o=f(a);{var c=d=>{var u=an("Running Gardenjs in devmodus. No Code view supported.");m(d,u)};P(o,d=>{e.devmodus&&d(c)})}var h=w(o,2);{var g=d=>{var u=Ts(),x=f(u),z=f(x);et(x,T=>te(n,T),()=>p(n)),Z(()=>ae(z,p(t))),m(d,u)};P(h,d=>{p(t)&&d(g)})}m(i,a),se()}var Ms=E('<iframe class="stage_iframe svelte-17n05ij" title="preview" src="/frame.html"></iframe>'),Rs=E('<div class="panel svelte-17n05ij"><!></div>');function Is(i,e){ne(e,!0);let t=U(e,"das",19,()=>({})),n=oe(void 0),s=oe(void 0);const r=new ResizeObserver(c=>{c.forEach(h=>{e.onUpdateStageRect(h.contentRect)})});sn(()=>{p(s)&&(r.observe(p(s)),p(s).contentWindow.onload=()=>{te(n,!0)},p(s).contentWindow.addEventListener("mousemove",function(c){var h=p(s).getBoundingClientRect(),g=new CustomEvent("mousemove",{bubbles:!0,cancelable:!1});g.pageX=c.clientX+h.left,g.pageY=c.clientY+h.top,p(s).dispatchEvent(g)}),p(s).contentWindow.addEventListener("mouseup",function(){var c=new CustomEvent("mouseup",{bubbles:!0,cancelable:!1});p(s).dispatchEvent(c)}))}),rn(()=>{r.disconnect()});function l(c){const h=[];return c.description&&h.push({name:"Notes",props:{das:c},page:zs}),c.examples?.length&&h.push({name:"Examples",props:{selected:e.selectedExample,examples:c.examples.map(g=>g.title),onSelectExample:a},page:is}),!e.devmodus&&c.componentfile&&h.push({name:"Code",props:{componentName:e.componentName,devmodus:e.devmodus},page:Es}),h}function a(c){globalThis.history.pushState({selectedExample:c},"",window.location.pathname.substring(7))}le(()=>{p(n)&&(!p(s).contentDocument||/frame.html$/.test(p(s).contentWindow.location),p(s).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))});const o=re(()=>l(t()));Gn(i,{get topHeight(){return e.stageContainerHeight},get maxHeight(){return e.stageContainerMaxHeight},get onSetTopHeight(){return e.onSetStageContainerHeight},get onSetMaxHeight(){return e.onSetStageContainerMaxHeight},get onSetMaxWidth(){return e.onSetStageContainerWidth},top:g=>{{let d=re(()=>e.stageSize!=="full");Qn(g,{get disabled(){return p(d)},get maxHeight(){return e.stageMaxHeight},get maxWidth(){return e.stageMaxWidth},get paneHeight(){return e.stageHeight},get paneWidth(){return e.stageWidth},get onSetStageHeight(){return e.onSetStageHeight},get onSetStageWidth(){return e.onSetStageWidth},children:(u,x)=>{var z=Ms();et(z,T=>te(s,T),()=>p(s)),Z(()=>Nt(z,e.stageStyle)),m(u,z)},$$slots:{default:!0}})}},bottom:g=>{var d=Rs(),u=f(d);{var x=z=>{es(z,{get tabs(){return p(o)},get onToggleExpandPanel(){return e.onToggleExpandPanel}})};P(u,z=>{e.panelExpanded&&z(x)})}m(g,d)},$$slots:{top:!0,bottom:!0}}),se()}function Ls(i,e){i.button!==0||i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||(i.preventDefault(),globalThis.history.pushState({},"",e.href))}var Hs=E('<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 mn(i,e){var t=Hs();let n;t.__click=[Ls,e];var s=f(t),r=w(f(s),4),l=f(r);Bt(l,()=>e.text),Z(a=>{ee(t,"href",e.href),n=W(t,1,"component_link svelte-1cnyrt6",null,n,a)},[()=>({selected:e.selected})]),m(i,t)}ge(["click"]);var Ns=(i,e,t)=>e.onToggleBookmark(p(t)),Bs=E('<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>'),As=E('<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 js(i,e){ne(e,!0);let t=U(e,"bookmarks",19,()=>[]);var n=As(),s=w(f(n),2),r=f(s);tt(r,21,t,l=>l.key,(l,a)=>{var o=Bs(),c=f(o);mn(c,{get href(){return p(a).href},get selected(){return p(a).selected},get text(){return p(a).name}});var h=w(c,2);h.__click=[Ns,e,a],m(l,o)}),m(i,n),se()}ge(["click"]);var qs=E('<li class="component svelte-1nn9bvq"><!></li>'),Ws=(i,e,t)=>e.onToggleFoldStatusOfNode({...p(t)}),Ps=E('<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>'),Os=E("<ul></ul>");function kn(i,e){ne(e,!0);let t=U(e,"nodes",19,()=>[]),n=U(e,"level",3,1);var s=Os();tt(s,21,t,r=>r.key,(r,l)=>{var a=Ie(),o=he(a);{var c=g=>{var d=qs(),u=f(d);mn(u,{get href(){return p(l).href},get selected(){return p(l).selected},get text(){return p(l).name}}),m(g,d)},h=g=>{var d=Ps();let u;var x=f(d);x.__click=[Ws,e,l];var z=f(x);let T;var C=w(z,4),R=f(C);Bt(R,()=>p(l).name);var M=w(x,2);{var N=I=>{{let L=re(()=>n()+1);kn(I,{get nodes(){return p(l).children},get level(){return p(L)},get onToggleFoldStatusOfNode(){return e.onToggleFoldStatusOfNode}})}};P(M,I=>{p(l).unfolded&&I(N)})}Z((I,L)=>{u=W(d,1,"folder svelte-1nn9bvq",null,u,I),W(x,1,`folder_btn btn_level-${n()??""}`,"svelte-1nn9bvq"),ee(x,"title",p(l).unfolded?"fold":"unfold"),T=W(z,1,"folder_arrow svelte-1nn9bvq",null,T,L)},[()=>({unfolded:p(l).unfolded}),()=>({unfolded_icon:p(l).unfolded})]),m(g,d)};P(o,g=>{p(l).isLeaf?g(c):g(h,!1)})}m(r,a)}),Z(()=>W(s,1,`filter_list components level-${n()??""}`,"svelte-1nn9bvq")),m(i,s),se()}ge(["click"]);var Ds=E('<img title="start"/>'),Us=E('<img title="start"/>'),Zs=E('<span class="svelte-1oee4bz"> </span>'),Fs=(i,e)=>e.onUpdateFilter(i.target.value),Gs=E('<div><div class="filter_zero-results svelte-1oee4bz"> </div></div>'),Vs=E('<!> <nav class="components-nav svelte-1oee4bz"><!></nav>',1),Qs=(i,e,t)=>e()?t.onExpandTree():t.onCollapseTree(),Xs=be('<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>'),Ks=be('<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>'),Ys=be('<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>'),Js=be('<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>'),$s=E('<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>'),ei=E('<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 ti(i,e){ne(e,!0);let t=U(e,"bookmarks",19,()=>[]),n=U(e,"nodes",19,()=>[]),s=U(e,"panelExpanded",3,!0),r=U(e,"sidebarExpanded",3,!0),l=U(e,"treeCollapsed",3,!1);var a=ei();let o;var c=f(a);let h;c.__click=function(...S){e.onLogoClicked?.apply(this,S)};var g=f(c);{var d=S=>{var H=Ds();Z(()=>{ee(H,"src",`/assets/${e.projectLogoDarkmode??""}`),ee(H,"alt",`${e.projectTitle??""} logo`)}),m(S,H)},u=S=>{var H=Ie(),ce=he(H);{var ue=D=>{var V=Us();Z(()=>{ee(V,"src",`/assets/${e.projectLogo??""}`),ee(V,"alt",`${e.projectTitle??""} logo`)}),m(D,V)},Ce=D=>{var V=Zs(),Ee=f(V);Z(()=>ae(Ee,e.projectTitle)),m(D,V)};P(ce,D=>{e.projectLogo?D(ue):D(Ce,!1)},!0)}m(S,H)};P(g,S=>{e.projectLogoDarkmode&&e.appTheme==="dark"?S(d):S(u,!1)})}var x=w(c,2),z=f(x);z.__input=[Fs,e];var T=w(x,2);{var C=S=>{var H=Gs(),ce=f(H),ue=f(ce);Z(()=>ae(ue,`No results for '${e.filter??""}'`)),m(S,H)},R=S=>{var H=Vs(),ce=he(H);{var ue=V=>{js(V,{get bookmarks(){return t()},get onToggleBookmark(){return e.onToggleBookmark}})};P(ce,V=>{t().length>0&&V(ue)})}var Ce=w(ce,2),D=f(Ce);kn(D,{get nodes(){return n()},get onToggleFoldStatusOfNode(){return e.onToggleFoldStatusOfNode}}),m(S,H)};P(T,S=>{n().length==0&&e.filter?S(C):S(R,!1)})}var M=w(T,2),N=f(M),I=f(N),L=f(I);L.__click=[Qs,l,e];var O=f(L);{var F=S=>{var H=Xs();m(S,H)},B=S=>{var H=Ks();m(S,H)};P(O,S=>{l()?S(F):S(B,!1)})}var q=w(O,2),Ne=f(q),we=w(I,2),xe=f(we);xe.__click=function(...S){e.onToggleExpandPanel?.apply(this,S)};var pe=f(xe);{var Pe=S=>{var H=Ys();m(S,H)},Be=S=>{var H=Js();m(S,H)};P(pe,S=>{s()?S(Pe):S(Be,!1)})}var Qe=w(pe,2),Xe=f(Qe),Oe=w(we,2);{var _e=S=>{var H=$s();m(S,H)};P(Oe,S=>{e.docsLink===1&&S(_e)})}Z((S,H)=>{o=W(a,1,"sidebar_container svelte-1oee4bz",null,o,S),h=W(c,1,"project-identifier svelte-1oee4bz",null,h,H),yt(z,e.filter||""),ee(L,"title",l()?"Expand":"Collapse"),ae(Ne,`${l()?"Expand":"Collapse"} Explorer`),ee(xe,"title",s()?"Collapse":"Expand"),ae(Xe,`${s()?"Collapse":"Expand"} Panel`)},[()=>({"show-sidebar":r()}),()=>({"has-logo":e.projectLogo})]),m(i,a),se()}ge(["click","input"]);var ni=(i,e,t)=>e.handleButtonClick(p(t).name),si=E('<li class="svelte-4algbe"><button><span class="dropdown_item-dot svelte-4algbe"></span> </button></li>'),ii=E('<div class="dropdown svelte-4algbe"><!> <div><ul class="svelte-4algbe"></ul></div></div>');function ht(i,e){ne(e,!0);let t=U(e,"options",19,()=>[]),n=U(e,"dropright",3,!1);var s=Ie(),r=he(s);{var l=o=>{var c=ii(),h=f(c);Ge(h,()=>e.buttonSnippet??Fe);var g=w(h,2);let d;var u=f(g);tt(u,21,t,x=>x.name,(x,z)=>{var T=si(),C=f(T);C.__click=[ni,e,z];let R;var M=w(f(C));Z(N=>{R=W(C,1,"svelte-4algbe",null,R,N),ae(M,` ${p(z).name??""}`)},[()=>({active:p(z).active})]),m(x,T)}),Z(x=>d=W(g,1,"dropdown_items svelte-4algbe",null,d,x),[()=>({"dropdown_items-right":n()})]),m(o,c)},a=o=>{var c=Ie(),h=he(c);Ge(h,()=>e.buttonSnippet??Fe,()=>({onClick:()=>{e.handleButtonClick(t()[0].name)}})),m(o,c)};P(r,o=>{t().length>1?o(l):o(a,!1)})}m(i,s),se()}ge(["click"]);var ri=be('<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-y9l547"><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>'),li=be('<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-y9l547"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><path d="M9 3v18m5-12l3 3-3 3"></path></svg>'),ai=(i,e)=>e.onToggleBookmark(e.node),oi=be('<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-y9l547"><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>'),ci=be('<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-y9l547"><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>'),ui=E('<button class="topbar_btn reveal_btn svelte-y9l547" title="Reveal in explorer"><span class="is-hidden svelte-y9l547">Reveal in explorer</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-y9l547"><path d="M8 5h13m-8 7h8m-8 7h8M3 10a2 2 0 002 2h3"></path><path d="M3 5v12a2 2 0 002 2h3"></path></svg></button>'),hi=E('<button class="topbar_btn bookmark_btn svelte-y9l547"><span class="is-hidden svelte-y9l547"> </span> <!></button> <!>',1),di=E('<button title="Small"><span class="is-hidden svelte-y9l547">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-y9l547"></span></button>'),gi=E('<button title="Medium"><span class="is-hidden svelte-y9l547">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-y9l547"></span></button>'),pi=E('<button title="Large"><span class="is-hidden svelte-y9l547">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-y9l547"></span></button>'),fi=(i,e)=>e.onSetStageSize("full"),vi=(i,e)=>{e.onSetStageWidth(Number.parseInt(i.target.value))},mi=(i,e)=>{e.onSetStageHeight(Number.parseInt(i.target.value))},ki=E('<button class="dropdown_btn topbar_btn svelte-y9l547" title="Switch component theme"><span class="is-hidden svelte-y9l547">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-y9l547"><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>'),bi=be('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-y9l547" 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>'),wi=be('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-y9l547" 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>'),xi=E('<div class="topbar svelte-y9l547"><div class="topbar_container svelte-y9l547"><div class="topbar_nav svelte-y9l547"><button class="topbar_btn is-first-btn svelte-y9l547"><span class="is-hidden svelte-y9l547"> </span> <!></button> <!></div> <div class="topbar_nav svelte-y9l547"><div class="stagesize-nav svelte-y9l547"><!> <!> <!> <button title="Full"><span class="is-hidden svelte-y9l547">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-y9l547"><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-y9l547"></span></button> <button class="svelte-y9l547"><span class="is-hidden svelte-y9l547"> </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-y9l547"><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-y9l547"><input class="stagesize-input svelte-y9l547" type="number" min="50"/> <div class="stagesize-value-multi_sign svelte-y9l547">&#47;</div> <input class="stagesize-input svelte-y9l547" type="number" min="50"/></div> <button title="Show background grid"><span class="is-hidden svelte-y9l547">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-y9l547"><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-y9l547"></span></button> <button title="Visualise margins and paddings"><span class="is-hidden svelte-y9l547">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-y9l547"><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-y9l547"></span></button> <button class="topbar_btn openexternal_btn svelte-y9l547" title="Open component in new tab"><span class="is-hidden svelte-y9l547">Open component in new tab</span> <svg xmlns="http://www.w3.org/2000/svg" class="open-new-tab-icon svelte-y9l547" 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-y9l547"><span class="is-hidden svelte-y9l547"> </span> <!></button></div></div></div>');function _i(i,e){ne(e,!0);let t=U(e,"appTheme",3,"default"),n=U(e,"landscape",3,!1),s=U(e,"sidebarExpanded",3,!0),r=U(e,"stageSize",3,"full"),l=U(e,"stageSizes",19,()=>({})),a=U(e,"themes",19,()=>[]),o=oe(!1);const c=re(()=>Math.round(e.stageRect.width)),h=re(()=>Math.round(e.stageRect.height));le(()=>{te(o,t()==="dark"),t()==="dark"?document.documentElement.setAttribute("data-theme","dark"):document.documentElement.setAttribute("data-theme","light")});var g=xi(),d=f(g),u=f(d),x=f(u);x.__click=function(..._){e.onToggleExpandSidebar?.apply(this,_)};var z=f(x),T=f(z),C=w(z,2);{var R=_=>{var X=ri();m(_,X)},M=_=>{var X=li();m(_,X)};P(C,_=>{s()?_(R):_(M,!1)})}var N=w(x,2);{var I=_=>{var X=hi(),$=he(X);$.__click=[ai,e];var fe=f($),je=f(fe),K=w(fe,2);{var ve=Y=>{var De=oi();m(Y,De)},qe=Y=>{var De=ci();m(Y,De)};P(K,Y=>{e.node.bookmark?Y(ve):Y(qe,!1)})}var me=w($,2);{var Q=Y=>{var De=ui();De.__click=function(...Mn){e.onRevealInExplorer?.apply(this,Mn)},m(Y,De)};P(me,Y=>{e.nodeVisibleInExplorer||Y(Q)})}Z(()=>{ee($,"title",e.node.bookmark?"Remove from bookmarks":"Add to bookmarks"),ae(je,e.node.bookmark?"Remove from bookmarks":"Add to bookmarks")}),m(_,X)};P(N,_=>{e.node&&_(I)})}var L=w(u,2),O=f(L),F=f(O);{var B=_=>{ht(_,{get options(){return l().small},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:($,fe)=>{let je=()=>fe?.().onClick;var K=di();let ve;K.__click=function(...Q){je()?.apply(this,Q)};var qe=w(f(K),2);let me;Z((Q,Y)=>{ve=W(K,1,"dropdown_btn topbar_btn svelte-y9l547",null,ve,Q),me=W(qe,0,"svelte-y9l547",null,me,Y)},[()=>({active:l().small.some(Q=>Q.active)}),()=>({landscape:n()})]),m($,K)},$$slots:{buttonSnippet:!0}})};P(F,_=>{l().small?.length>0&&_(B)})}var q=w(F,2);{var Ne=_=>{ht(_,{get options(){return l().medium},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:($,fe)=>{let je=()=>fe?.().onClick;var K=gi();let ve;K.__click=function(...Q){je()?.apply(this,Q)};var qe=w(f(K),2);let me;Z((Q,Y)=>{ve=W(K,1,"dropdown_btn topbar_btn svelte-y9l547",null,ve,Q),me=W(qe,0,"svelte-y9l547",null,me,Y)},[()=>({active:l().medium.some(Q=>Q.active)}),()=>({landscape:n()})]),m($,K)},$$slots:{buttonSnippet:!0}})};P(q,_=>{l().medium?.length>0&&_(Ne)})}var we=w(q,2);{var xe=_=>{ht(_,{get options(){return l().large},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:($,fe)=>{let je=()=>fe?.().onClick;var K=pi();let ve;K.__click=function(...Q){je()?.apply(this,Q)};var qe=w(f(K),2);let me;Z((Q,Y)=>{ve=W(K,1,"dropdown_btn topbar_btn svelte-y9l547",null,ve,Q),me=W(qe,0,"svelte-y9l547",null,me,Y)},[()=>({active:l().large.some(Q=>Q.active)}),()=>({landscape:n()})]),m($,K)},$$slots:{buttonSnippet:!0}})};P(we,_=>{l().large?.length>0&&_(xe)})}var pe=w(we,2);pe.__click=[fi,e];let Pe;var Be=w(pe,2);Be.__click=function(..._){e.onToggleOrientation?.apply(this,_)};var Qe=f(Be),Xe=f(Qe),Oe=w(O,2),_e=f(Oe);_e.__change=[vi,e];var S=w(_e,4);S.__change=[mi,e];var H=w(Oe,2);let ce;H.__click=function(..._){e.onToggleShowGrid?.apply(this,_)};var ue=w(H,2);let Ce;ue.__click=function(..._){e.onToggleShowInspector?.apply(this,_)};var D=w(ue,2);D.__click=function(..._){e.onOpenInTab?.apply(this,_)};var V=w(D,2);{var Ee=_=>{ht(_,{get options(){return a()},dropright:!0,get handleButtonClick(){return e.onSetTheme},buttonSnippet:$=>{var fe=ki();m($,fe)},$$slots:{buttonSnippet:!0}})};P(V,_=>{a().length>1&&_(Ee)})}var Ae=w(V,2);Ae.__click=function(..._){e.onToggleAppTheme?.apply(this,_)};var ot=f(Ae),ct=f(ot),xt=w(ot,2);{var Cn=_=>{var X=bi();m(_,X)},En=_=>{var X=wi();m(_,X)};P(xt,_=>{p(o)?_(Cn):_(En,!1)})}Z((_,X,$)=>{ee(x,"title",s()?"Collapse sidebar":"Expand sidebar"),ae(T,s()?"Collapse sidebar":"Expand sidebar"),Pe=W(pe,1,"svelte-y9l547",null,Pe,_),ee(Be,"title",n()?"Portrait mode":"Landscape mode"),ae(Xe,`Reverse the aspect ratio to ${n()?"portrait mode":"landscape mode"}`),_e.disabled=r()!=="full",yt(_e,p(c)),ee(_e,"max",e.stageMaxWidth),S.disabled=r()!=="full",yt(S,p(h)),ee(S,"max",e.stageMaxHeight),ce=W(H,1,"topbar_btn show-grid svelte-y9l547",null,ce,X),Ce=W(ue,1,"topbar_btn show-m-p_btn svelte-y9l547",null,Ce,$),ee(Ae,"title",p(o)?"Light mode":"Dark mode"),ae(ct,p(o)?"Light mode":"Dark mode")},[()=>({active:r()==="full"}),()=>({active:e.showGrid===!0}),()=>({active:e.showInspector===!0})]),m(i,g),se()}ge(["click","change"]);function ze(i,e,t=s=>s,n=s=>s){const s=G(t(localStorage.getItem(i))??e);return s.subscribe(r=>{localStorage.setItem(i,n(r))}),s}const st=i=>Number.isNaN(Number(i))?i:Number(i),Me=G([]),Ye=G({small:[{name:"small",h:1170,w:550}],medium:[{name:"medium",h:1080,w:810}],large:[{name:"large",h:960,w:1536}]}),Yt={name:"full",h:"100%",w:"100%"},bn=G(""),it=ze("stageSize","full"),Je=ze("landscape",!1,i=>i==="true"),ye=ze("stageContainerHeight","",st),qt=ze("stageContainerWidth","",st),Se=ze("stageContainerMaxHeight","",st),pt=ze("stageHeight","full",st),ft=ze("stageWidth","full",st),yi=nt([ye,Se],([i,e])=>Math.min(i,e)-20),Si=nt(qt,i=>i-20),wn=G({}),Ke=G(!0),zt=ze("appTheme","default"),Ze=ze("frameTheme"),Tt=G(!0),$e=G(!1),Ct=G(!1),Et=G(!1),xn=G({size:16,style:"lined",color:"#ddd"}),zi=()=>{it.set("full"),Je.set(!1),ye.set(""),qt.set(""),Se.set(""),pt.set("full"),ft.set("full")};function Ti({size:i,style:e,color:t}){xn.set({size:i??50,style:e??"lined",color:t??"grey"})}let Ue="";function Ci(i){Ye.set(i),yn(y(it))}function Ei(i){y(Ze)||Ze.set(i?.find(e=>e.active)?.name??i[0].name),Me.set(i?.map(e=>({...e,active:e.name===y(Ze)}))),rt()}function Mi(i){Me.set(y(Me).map(e=>({...e,active:e.name===i}))),Ze.set(i),rt()}function Ri(){zt.set(y(zt)==="dark"?"default":"dark")}function Ii(){return y(Me)&&y(Me).length>0?y(Me).find(i=>i.name===y(Ze))??y(Me)[0]:{stageBg:"white"}}function Li(i){if(i==="full")return Yt;const e=y(Ye),t=[...e.small??[],...e.medium??[],...e.large??[]].find(n=>n.name===i);return t?{...t,h:`${t.h}px`,w:`${t.w}px`}:Yt}function rt(){const i=Ii().stageBg,{h:e,w:t}=Li(y(it)),n=y(Je)?`width: ${e}; height: ${t}`:`width: ${t}; height: ${e}`,s=`background-color: ${i}`;bn.set(`${n}; ${s}; transition: 0s;`)}function Hi(i){ye.set(i),_n()}function Ni(i){wn.set(i)}function Bi(i){const e=i-9;Se.set(e),_n()}function Ai(i){qt.set(i)}function Jt(i){Number.isInteger(i)?pt.set(Math.max(50,i)):pt.set(i)}function $t(i){Number.isInteger(i)?ft.set(Math.max(50,i)):ft.set(i)}function _n(){Number.isInteger(y(ye))&&Number.isInteger(y(Se))&&Ke.set(y(ye)<y(Se))}function en(){y(Ke)?(Ue=y(ye),ye.set(y(Se))):((!Number.isInteger(Ue)||Number.isInteger(Ue)&&y(Se)-Ue<50)&&(Ue=Math.round(y(Se)*.7)),ye.set(Ue)),Ke.set(!y(Ke))}function ji(){y(Wt)?$e.set(!y($e)):Tt.set(!y(Tt))}function qi(){Ct.set(!y(Ct))}function Wi(){Et.set(!y(Et))}const Wt=jn(window.innerWidth<840,i=>{const e=()=>{i(window.innerWidth<840),$e.set(!1)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),Pi=nt([Tt,$e,Wt],([i,e,t])=>t?e:i);function Oi(){y(Wt)&&$e.set(!1)}function yn(i){it.set(i);const e=y(Ye),t=Object.keys(e).reduce((n,s)=>(n[s]=e[s].map(r=>({...r,active:r.name===i})),n),{});Ye.set(t),rt()}function Di(){Je.set(!y(Je)),rt()}rt();function Ui(i,e,t=s=>s,n=s=>s){const s=G(t(localStorage.getItem(i))??e);return s.subscribe(r=>{localStorage.setItem(i,n(r))}),s}const Pt=G([]),wt=G(),Ot=G(),ke=Ui("bookmarks",[],JSON.parse,JSON.stringify);let tn=!1,de=G([]),Ve=[],lt;const Zi=nt(de,i=>!i.some(e=>Ut(e))),Fi=nt(Ot,i=>{const e=[];let t=i;for(;t.parent;)e.push(t.parent),t=t.parent;return e.every(n=>Ut(n))});function at(i){return[i,...Gi(i)]}function Gi(i){return i.children?i.children.flatMap(at):[]}function Vi(i){lt=i,Te(),nr()}function Qi(i){wt.set(i),Te()}function Xi(i){de.set(i),tn||(Sn(),sr(),tn=!0),Pt.set(Dt(y(de))),de.set(i)}function Te(){Pt.set(Dt(y(de))),de.set(y(de))}function Dt(i,e){const t=y(wt)?.toLowerCase();return i.map(n=>{const s=t?n.name?.toLowerCase().includes(t):!0,r=t&&s?Ki(n.name):n.name;if(n.isLeaf){const a=e?.visible||s?{...n,parent:e,name:r,selected:lt===n.key,isLeaf:!0,bookmark:y(ke).find(o=>o.key===n.key)!==void 0}:void 0;return a?.selected&&Ot.set(a),a}else{n.parent=e;const l=Dt(n.children,n).filter(o=>o),a=s||l.length>0;return a?{...n,parent:e,name:r,children:l,unfolded:Ut(n,t,a),filterMatches:s}:void 0}}).filter(n=>n)}function Ki(i){const e=y(wt).toLowerCase(),t=i.toLowerCase().indexOf(e),n=t+e.length,s=i.substring(0,t),r=i.substring(t,n),l=i.substring(n);return`${s}<span class="highlight">${r}</span>${l}`}function Ut(i,e,t){return e&&t||Ve[i.key]}function _t(i){return i.split("#")[0].split("?")[0].replace(/\/+$/,"")}function Yi(i){const e=_t(i),n=y(de).flatMap(at).find(l=>l.isLeaf&&_t(l.href)===e),r=(_t(n?.href)||e).split("/").filter(l=>l.length>0);if(r.length<2)return n;for(let l=0;l<r.length-1;l++){const a="/"+r.slice(0,l+1).join("/")+"/";Ve[a]=!0}Te()}function Ji(i){Ve[i.key]=!Ve[i.key],Te()}function $i(){Ve=y(de).flatMap(at).reduce((e,t)=>(e[t.key]=!1,e),{}),Te()}function Sn(){Ve=y(de).flatMap(at).reduce((e,t)=>(e[t.key]=!0,e),{}),Te()}function nn(i){i.bookmark?er({...i}):tr({...i,bookmark:!0}),Te()}function er(i){ke.set(y(ke).filter(e=>i.key!==e.key).map(e=>({...e,selected:e.key===lt}))),Te()}function tr(i){ke.set([...y(ke),{...i,parent:void 0}].map(e=>({...e,selected:e.key===lt})).sort((e,t)=>e.name.localeCompare(t.name))),Te()}function nr(){ke.set([...y(ke)].map(i=>({...i,selected:i.key===lt})).sort((i,e)=>i.name.localeCompare(e.name)))}function sr(){const i=y(de).flatMap(at),e=y(ke).filter(t=>i.some(n=>n.key===t.key));ke.set(e)}const zn=[],ir=globalThis.location?globalThis.location.pathname+globalThis.location.search:"";let ie=ir,Re="",Mt,Rt={url:ie};(function(){globalThis.history&&(globalThis.history.state&&globalThis.history.state.url==ie&&(Rt=globalThis.history.state),globalThis.history.replaceState(Rt,null,ie))})();function rr(i,e,t){Mt=i,Re=e,t&&lr(t),vt(Rt,ie)}function lr(i){zn.push(i)}function vt(i,e){zn.forEach(t=>{t(ar(e),i)})}function ar(i){const e=i.substring(Re.length),t=Object.keys(Mt).find(n=>e.match(new RegExp("^"+n+"$","i")));return t?Mt[t]:null}(function(i){if(i){var e=i.pushState,t=i.replaceState;i.pushState=function(n,s,r){let a=typeof r=="string"?r:"";Re.length>0&&a.startsWith(Re)&&(a=a.substring(Re.length)||"/"),a.length===0&&(a="/"),a[0]!=="/"&&(a="/"+a),ie=Re+a;const o=n&&typeof n=="object"?n:{};return o.url=ie,o.url!==i.state?.url||o.selectedExample!==i.state?.selectedExample?(vt(o,ie),e.apply(i,[o,"",ie])):(vt(o,ie),t.apply(i,[o,"",ie]))}}})(globalThis.history);globalThis.onpopstate=function(i){i.state?ie=i.state.url:ie=Re.length>0?Re:"/",vt(i.state,ie)};const It=G(""),mt=G(),kt=G({}),or=G("");let bt,Lt,Ht;function cr(i){bt=i,Ht&&Tn()}function ur(i,e,t){bt=i,Ht||(Ht=!0,rr(e,t,hr))}function hr(i,e){if(mt.set({}),It.set(""),kt.set({}),i&&bt){It.set(i.fullname),or.set(i.route);const t=bt[i.fullname];t.componentfile=i.file,mt.set(t),Lt=e,Tn()}}function Tn(){const i=y(mt).examples||[];Lt?.selectedExample?kt.set(i.find(e=>e.title==Lt.selectedExample)?.title):kt.set(i[0]?.title)}var dr=()=>{window.top.location.reload()},gr=E('<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>'),pr=E('<div class="garden svelte-yh1ir7"><div class="sidebar svelte-yh1ir7"><!></div> <div class="main svelte-yh1ir7"><!> <!></div></div>');function fr(i,e){ne(e,!0);const[t,n]=qn(),s=()=>A(It,"$componentName",t),r=()=>A(kt,"$selectedExample",t),l=()=>A(Ze,"$activeTheme",t),a=()=>A(zt,"$appTheme",t),o=()=>A(ke,"$bookmarks",t),c=()=>A(wt,"$filterNavTree",t),h=()=>A(Pt,"$nodes",t),g=()=>A(Ke,"$panelExpanded",t),d=()=>A(Zi,"$treeCollapsed",t),u=()=>A(Pi,"$sidebarExpanded",t),x=()=>A(Je,"$landscape",t),z=()=>A(Ot,"$selectedNode",t),T=()=>A(Et,"$showGrid",t),C=()=>A(Fi,"$selectedNodeVisibleInTree",t),R=()=>A(Ct,"$showInspector",t),M=()=>A(pt,"$stageHeight",t),N=()=>A(yi,"$stageMaxHeight",t),I=()=>A(Si,"$stageMaxWidth",t),L=()=>A(wn,"$stageRect",t),O=()=>A(it,"$stageSize",t),F=()=>A(Ye,"$stageSizes",t),B=()=>A(ft,"$stageWidth",t),q=()=>A(Me,"$themes",t),Ne=()=>A(mt,"$das",t),we=()=>A(xn,"$gridSettings",t),xe=()=>A(ye,"$stageContainerHeight",t),pe=()=>A(Se,"$stageContainerMaxHeight",t),Pe=()=>A(bn,"$stageStyle",t);let Be="/garden";le(()=>{Xi(e.navTree)}),le(()=>{e.routes&&e.dasMap&&ur(e.dasMap,e.routes,Be)}),le(()=>{cr(e.dasMap)}),le(()=>{Ei(e.config.themes)}),le(()=>{e.config.devices&&Ci(e.config.devices),e.config.grid&&Ti(e.config.grid)}),le(()=>{Vi(s()),Oi()});let Qe=e.config.project_title||"",Xe=e.config.project_logo?.split("/").pop()||null,Oe=e.config.project_logo_darkmode?.split("/").pop()||null,_e=re(()=>e.config.docs_link?1:0);function S(){const D=window.open("/frame.html","_blank");D&&(D.onload=()=>{D.postMessage({selectedExample:r(),componentName:s(),theme:l()},window.location.origin)})}var H=Ie(),ce=he(H);{var ue=D=>{var V=gr(),Ee=w(f(V),2),Ae=w(f(Ee));Ae.__click=[dr],m(D,V)},Ce=D=>{var V=pr(),Ee=f(V),Ae=f(Ee);ti(Ae,{get docsLink(){return p(_e)},get projectLogoDarkmode(){return Oe},get projectLogo(){return Xe},get projectTitle(){return Qe},get appTheme(){return a()},get bookmarks(){return o()},get filter(){return c()},get nodes(){return h()},get panelExpanded(){return g()},get treeCollapsed(){return d()},get sidebarExpanded(){return u()},get onLogoClicked(){return zi},get onToggleBookmark(){return nn},get onToggleExpandPanel(){return en},get onToggleFoldStatusOfNode(){return Ji},get onUpdateFilter(){return Qi},get onCollapseTree(){return $i},get onExpandTree(){return Sn}});var ot=w(Ee,2),ct=f(ot);_i(ct,{get appTheme(){return a()},get landscape(){return x()},get node(){return z()},get showGrid(){return T()},get nodeVisibleInExplorer(){return C()},get showInspector(){return R()},get sidebarExpanded(){return u()},get stageHeight(){return M()},get stageMaxHeight(){return N()},get stageMaxWidth(){return I()},get stageRect(){return L()},get stageSize(){return O()},get stageSizes(){return F()},get stageWidth(){return B()},get themes(){return q()},onOpenInTab:S,get onSetStageHeight(){return Jt},get onSetStageWidth(){return $t},get onSetStageSize(){return yn},get onSetTheme(){return Mi},get onToggleAppTheme(){return Ri},get onToggleBookmark(){return nn},get onToggleExpandSidebar(){return ji},get onToggleOrientation(){return Di},get onToggleShowGrid(){return Wi},get onToggleShowInspector(){return qi},onRevealInExplorer:()=>Yi(z()?.href)});var xt=w(ct,2);Is(xt,{get appTheme(){return a()},get componentName(){return s()},get das(){return Ne()},get devmodus(){return e.config.devmodus},get gridSettings(){return we()},get panelExpanded(){return g()},get selectedExample(){return r()},get showGrid(){return T()},get showInspector(){return R()},get stageContainerHeight(){return xe()},get stageContainerMaxHeight(){return pe()},get stageHeight(){return M()},get stageMaxHeight(){return N()},get stageMaxWidth(){return I()},get stageSize(){return O()},get stageStyle(){return Pe()},get stageWidth(){return B()},get theme(){return l()},get onSetStageContainerHeight(){return Hi},get onSetStageContainerMaxHeight(){return Bi},get onSetStageContainerWidth(){return Ai},get onSetStageHeight(){return Jt},get onSetStageWidth(){return $t},get onToggleExpandPanel(){return en},get onUpdateStageRect(){return Ni}}),m(D,V)};P(ce,D=>{window.top!==window.self?D(ue):D(Ce,!1)})}m(i,H),se(),n()}ge(["click"]);Wn(fr,{target:document.getElementById("app"),props:{navTree:On,routes:Pn,dasMap:Dn,config:Un}});

package/dist/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" href="/assets/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Gardenjs UI Component Explorer</title>
-    <script type="module" crossorigin src="/assets/index-Cxvk1O88.js"></script>
+    <script type="module" crossorigin src="/assets/index-WI1a7nYK.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/props-DKVIKFn7.js">
     <link rel="stylesheet" crossorigin href="/assets/index-DfGHKcnI.css">
   </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gardenjs",
-  "version": "1.6.6",
+  "version": "1.6.8",
   "description": "A component library explorer for UI development, testing and documentation.",
   "repository": {
     "type": "git",

package/src/client/logic/navTree.js

@@ -206,7 +206,7 @@ function removeBookmark(node) {
 
 function addBookmark(node) {
   bookmarks.set(
-    [...get(bookmarks), node]
+    [...get(bookmarks), { ...node, parent: undefined }]
       .map((bookmark) => {
         return { ...bookmark, selected: bookmark.key === selectedComponent }
       })

package/src/server.js

@@ -54,7 +54,7 @@ export async function createServer() {
     server: {
       port: serverport,
       fs: {
-        allow: [path.resolve('.garden')],
+        allow: [path.resolve('.garden'), '..'],
       },
       watch: {
         ignored: ['!**/.garden/**'],