gardenjs 1.7.1 → 1.7.2

package/dist/assets/{index-BMUAOuQc.js → index-D3v3wg7J.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=In(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=In(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 vs{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 hs{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 ot{constructor(e){this.options=e||kt,this.options.renderer=this.options.renderer||new bn,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new vs,this.slugger=new hs}static parse(e,t){return new ot(t).parse(e)}static parseInline(e,t){return new ot(t).parseInline(e)}parse(e,t=!0){let n="",s,i,l,o,u,g,v,f,c,d,w,k,m,b,_,S,y,T,M;const L=e.length;for(s=0;s<L;s++){if(d=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[d.type]&&(M=this.options.extensions.renderers[d.type].call({parser:this},d),M!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(d.type))){n+=M||"";continue}switch(d.type){case"space":continue;case"hr":{n+=this.renderer.hr();continue}case"heading":{n+=this.renderer.heading(this.parseInline(d.tokens),d.depth,ds(this.parseInline(d.tokens,this.textRenderer)),this.slugger);continue}case"code":{n+=this.renderer.code(d.text,d.lang,d.escaped);continue}case"table":{for(f="",v="",o=d.header.length,i=0;i<o;i++)v+=this.renderer.tablecell(this.parseInline(d.header[i].tokens),{header:!0,align:d.align[i]});for(f+=this.renderer.tablerow(v),c="",o=d.rows.length,i=0;i<o;i++){for(g=d.rows[i],v="",u=g.length,l=0;l<u;l++)v+=this.renderer.tablecell(this.parseInline(g[l].tokens),{header:!1,align:d.align[l]});c+=this.renderer.tablerow(v)}n+=this.renderer.table(f,c);continue}case"blockquote":{c=this.parse(d.tokens),n+=this.renderer.blockquote(c);continue}case"list":{for(w=d.ordered,k=d.start,m=d.loose,o=d.items.length,c="",i=0;i<o;i++)_=d.items[i],S=_.checked,y=_.task,b="",_.task&&(T=this.renderer.checkbox(S),m?_.tokens.length>0&&_.tokens[0].type==="paragraph"?(_.tokens[0].text=T+" "+_.tokens[0].text,_.tokens[0].tokens&&_.tokens[0].tokens.length>0&&_.tokens[0].tokens[0].type==="text"&&(_.tokens[0].tokens[0].text=T+" "+_.tokens[0].tokens[0].text)):_.tokens.unshift({type:"text",text:T}):b+=T),b+=this.parse(_.tokens,m),c+=this.renderer.listitem(b,y,S);n+=this.renderer.list(c,w,k);continue}case"html":{n+=this.renderer.html(d.text);continue}case"paragraph":{n+=this.renderer.paragraph(this.parseInline(d.tokens));continue}case"text":{for(c=d.tokens?this.parseInline(d.tokens):d.text;s+1<L&&e[s+1].type==="text";)d=e[++s],c+=`
 `+(d.tokens?this.parseInline(d.tokens):d.text);n+=t?this.renderer.paragraph(c):c;continue}default:{const O='Token with "'+d.type+'" type was not found.';if(this.options.silent){console.error(O);return}else throw new Error(O)}}}return n}parseInline(e,t){t=t||this.renderer;let n="",s,i,l;const o=e.length;for(s=0;s<o;s++){if(i=e[s],this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[i.type]&&(l=this.options.extensions.renderers[i.type].call({parser:this},i),l!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(i.type))){n+=l||"";continue}switch(i.type){case"escape":{n+=t.text(i.text);break}case"html":{n+=t.html(i.text);break}case"link":{n+=t.link(i.href,i.title,this.parseInline(i.tokens,t));break}case"image":{n+=t.image(i.href,i.title,i.text);break}case"strong":{n+=t.strong(this.parseInline(i.tokens,t));break}case"em":{n+=t.em(this.parseInline(i.tokens,t));break}case"codespan":{n+=t.codespan(i.text);break}case"br":{n+=t.br();break}case"del":{n+=t.del(this.parseInline(i.tokens,t));break}case"text":{n+=t.text(i.text);break}default:{const u='Token with "'+i.type+'" type was not found.';if(this.options.silent){console.error(u);return}else throw new Error(u)}}}return n}}class rn{constructor(e){this.options=e||kt}static passThroughHooks=new Set(["preprocess","postprocess"]);preprocess(e){return e}postprocess(e){return e}}function Ei(a,e,t){return n=>{if(n.message+=`
-Please report this to https://github.com/markedjs/marked.`,a){const s="<p>An error occurred:</p><pre>"+Me(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 gs(a,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const i={...n};n={...N.defaults,...i};const l=Ei(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(Ti(n),n.hooks&&(n.hooks.options=n),s){const o=n.highlight;let u;try{n.hooks&&(t=n.hooks.preprocess(t)),u=a(t,n)}catch(f){return l(f)}const g=function(f){let c;if(!f)try{n.walkTokens&&N.walkTokens(u,n.walkTokens),c=e(u,n),n.hooks&&(c=n.hooks.postprocess(c))}catch(d){f=d}return n.highlight=o,f?l(f):s(null,c)};if(!o||o.length<3||(delete n.highlight,!u.length))return g();let v=0;N.walkTokens(u,function(f){f.type==="code"&&(v++,setTimeout(()=>{o(f.text,f.lang,function(c,d){if(c)return g(c);d!=null&&d!==f.text&&(f.text=d,f.escaped=!0),v--,v===0&&g()})},0))}),v===0&&g();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(o=>a(o,n)).then(o=>n.walkTokens?Promise.all(N.walkTokens(o,n.walkTokens)).then(()=>o):o).then(o=>e(o,n)).then(o=>n.hooks?n.hooks.postprocess(o):o).catch(l);try{n.hooks&&(t=n.hooks.preprocess(t));const o=a(t,n);n.walkTokens&&N.walkTokens(o,n.walkTokens);let u=e(o,n);return n.hooks&&(u=n.hooks.postprocess(u)),u}catch(o){return l(o)}}}function N(a,e,t){return gs(lt.lex,ot.parse)(a,e,t)}N.options=N.setOptions=function(a){return N.defaults={...N.defaults,...a},hi(N.defaults),N};N.getDefaults=os;N.defaults=kt;N.use=function(...a){const e=N.defaults.extensions||{renderers:{},childTokens:{}};a.forEach(t=>{const n={...t};if(n.async=N.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const i=e.renderers[s.name];i?e.renderers[s.name]=function(...l){let o=s.renderer.apply(this,l);return o===!1&&(o=i.apply(this,l)),o}: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=N.defaults.renderer||new bn;for(const i in t.renderer){const l=s[i];s[i]=(...o)=>{let u=t.renderer[i].apply(s,o);return u===!1&&(u=l.apply(s,o)),u}}n.renderer=s}if(t.tokenizer){const s=N.defaults.tokenizer||new kn;for(const i in t.tokenizer){const l=s[i];s[i]=(...o)=>{let u=t.tokenizer[i].apply(s,o);return u===!1&&(u=l.apply(s,o)),u}}n.tokenizer=s}if(t.hooks){const s=N.defaults.hooks||new rn;for(const i in t.hooks){const l=s[i];rn.passThroughHooks.has(i)?s[i]=o=>{if(N.defaults.async)return Promise.resolve(t.hooks[i].call(s,o)).then(g=>l.call(s,g));const u=t.hooks[i].call(s,o);return l.call(s,u)}:s[i]=(...o)=>{let u=t.hooks[i].apply(s,o);return u===!1&&(u=l.apply(s,o)),u}}n.hooks=s}if(t.walkTokens){const s=N.defaults.walkTokens;n.walkTokens=function(i){let l=[];return l.push(t.walkTokens.call(this,i)),s&&(l=l.concat(s.call(this,i))),l}}N.setOptions(n)})};N.walkTokens=function(a,e){let t=[];for(const n of a)switch(t=t.concat(e.call(N,n)),n.type){case"table":{for(const s of n.header)t=t.concat(N.walkTokens(s.tokens,e));for(const s of n.rows)for(const i of s)t=t.concat(N.walkTokens(i.tokens,e));break}case"list":{t=t.concat(N.walkTokens(n.items,e));break}default:N.defaults.extensions&&N.defaults.extensions.childTokens&&N.defaults.extensions.childTokens[n.type]?N.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(N.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(N.walkTokens(n.tokens,e)))}return t};N.parseInline=gs(lt.lexInline,ot.parseInline);N.Parser=ot;N.parser=ot.parse;N.Renderer=bn;N.TextRenderer=vs;N.Lexer=lt;N.lexer=lt.lex;N.Tokenizer=kn;N.Slugger=hs;N.Hooks=rn;N.parse=N;N.options;N.setOptions;N.use;N.walkTokens;N.parseInline;ot.parse;lt.lex;const ji="modulepreload",Ri=function(a){return"/"+a},An={},fs=function(e,t,n){let s=Promise.resolve();if(t&&t.length>0){let u=function(g){return Promise.all(g.map(v=>Promise.resolve(v).then(f=>({status:"fulfilled",value:f}),f=>({status:"rejected",reason:f}))))};document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),o=l?.nonce||l?.getAttribute("nonce");s=u(t.map(g=>{if(g=Ri(g),g in An)return;An[g]=!0;const v=g.endsWith(".css"),f=v?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${g}"]${f}`))return;const c=document.createElement("link");if(c.rel=v?"stylesheet":ji,v||(c.as="script"),c.crossOrigin="",c.href=g,o&&c.setAttribute("nonce",o),document.head.appendChild(c),v)return new Promise((d,w)=>{c.addEventListener("load",d),c.addEventListener("error",()=>w(new Error(`Unable to preload CSS for ${g}`)))})}))}function i(l){const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=l,window.dispatchEvent(o),!o.defaultPrevented)throw l}return s.then(l=>{for(const o of l||[])o.status==="rejected"&&i(o.reason);return e().catch(i)})},ps=async a=>{try{(await fs(async()=>{const{default:t}=await import("./index-eUfJTxoU.js");return{default:t}},[])).default.highlightElement(a)}catch(e){console.error("Could not load highlight.js",e)}};var Ii=x('<div class="markdown-body svelte-hsw10l"><!></div>');function Li(a,e){Y(e,!0);let t=ie(void 0);Ce(()=>{e.das&&r(t)&&setTimeout(()=>{r(t)&&Array.from(r(t).querySelectorAll("pre code")).forEach(i=>{ps(i)})},200)});var n=Ii(),s=p(n);_n(s,()=>N(e.das.descriptionfile||e.das.description)),yt(n,i=>Z(t,i),()=>r(t)),h(a,n),K()}var Bi=x('<pre><code class="language-xml"> </code></pre>'),qi=x('<div class="panel_code svelte-15v319t"><!> <!></div>');function Ni(a,e){Y(e,!0);let t=ie(void 0),n=ie(void 0),s=ie(Zn([]));e.devmodus||i();async function i(){const c=await fs(()=>import("../raw_component_import_map.js"),[]);Z(s,c.rawComponentMap,!0)}function l(c,d){Z(t,null),setTimeout(()=>{Z(t,d[c],!0)})}Ce(()=>{l(e.componentName,r(s))}),Ce(()=>{r(t)&&r(n)&&ps(r(n))});var o=qi(),u=p(o);{var g=c=>{var d=pn("Running Gardenjs in devmodus. No Code view supported.");h(c,d)};z(u,c=>{e.devmodus&&c(g)})}var v=C(u,2);{var f=c=>{var d=Bi(),w=p(d),k=p(w);yt(w,m=>Z(n,m),()=>r(n)),A(()=>ve(k,r(t))),h(c,d)};z(v,c=>{r(t)&&c(f)})}h(a,o),K()}var Ai=x('<iframe class="stage_iframe svelte-17n05ij" title="preview" src="/frame.html"></iframe>'),Wi=x('<div class="panel svelte-17n05ij"><!></div>');function Hi(a,e){Y(e,!0);let t=V(e,"das",19,()=>({})),n=ie(void 0),s=ie(void 0);const i=E(()=>t()?.examples?.length?t().examples.find(m=>m.title===e.selectedExample)??{}:{}),l=E(()=>{const m=r(i)?.input;return m&&typeof m=="object"?m:{}});function o(m){return Array.isArray(m)?"array":m instanceof Date?"date":typeof m}function u(m){return m.length>1?m.charAt(0).toUpperCase()+m.substring(1):m}const g=E(()=>{const m=t()?.params??[],b=Object.entries(r(l)).reduce((_,[S,y])=>{let T=m.find(M=>M.name===S);return T?_.push(T):_.push({name:S,type:o(y),label:u(S)}),_},[]);return[...b,...m.filter(_=>b.every(S=>S.name!==_.name)).map(_=>({..._,value:void 0}))]});let v=E(()=>structuredClone(r(l)));const f=E(()=>{try{return JSON.parse(JSON.stringify(r(v)))}catch(m){return console.error(m),null}}),c=new ResizeObserver(m=>{m.forEach(b=>{e.onUpdateStageRect(b.contentRect)})});Vs(()=>{r(s)&&(c.observe(r(s)),r(s).contentWindow.onload=()=>{Z(n,!0)},r(s).contentWindow.addEventListener("mousemove",function(m){var b=r(s).getBoundingClientRect(),_=new CustomEvent("mousemove",{bubbles:!0,cancelable:!1});_.pageX=m.clientX+b.left,_.pageY=m.clientY+b.top,r(s).dispatchEvent(_)}),r(s).contentWindow.addEventListener("mouseup",function(){var m=new CustomEvent("mouseup",{bubbles:!0,cancelable:!1});r(s).dispatchEvent(m)}))}),Fs(()=>{c.disconnect()});function d(m){const b=[];return m.description&&b.push({name:"Notes",props:{das:m},page:Li}),m.examples?.length&&b.push({name:"Examples",props:{params:r(g),values:r(v),onChange:(_,S)=>{Z(v,{...r(v),[_]:S})},onReset:()=>{Z(v,{...r(l)})},selected:e.selectedExample,examples:m.examples.map(_=>_.title),onSelectExample:w},page:vi}),!e.devmodus&&m.componentfile&&b.push({name:"Code",props:{componentName:e.componentName,devmodus:e.devmodus},page:Ni}),b}function w(m){globalThis.history.pushState({selectedExample:m},"",window.location.pathname.substring(7))}Ce(()=>{r(n)&&(!r(s).contentDocument||/frame.html$/.test(r(s).contentWindow.location),r(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,paramValues:r(f)},window.location))});const k=E(()=>d(t()));ia(a,{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:_=>{{let S=E(()=>e.stageSize!=="full");oa(_,{get disabled(){return r(S)},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:(y,T)=>{var M=Ai();yt(M,L=>Z(s,L),()=>r(s)),A(()=>Lt(M,e.stageStyle)),h(y,M)},$$slots:{default:!0}})}},bottom:_=>{var S=Wi(),y=p(S);{var T=M=>{ga(M,{get tabs(){return r(k)},get onToggleExpandPanel(){return e.onToggleExpandPanel},children:void 0})};z(y,M=>{e.panelExpanded&&M(T)})}h(_,S)},$$slots:{top:!0,bottom:!0}}),K()}function Oi(a,e){a.button!==0||a.metaKey||a.ctrlKey||a.shiftKey||a.altKey||(a.preventDefault(),globalThis.history.pushState({},"",e.href))}var Pi=x('<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 ms(a,e){var t=Pi();let n;t.__click=[Oi,e];var s=p(t),i=C(p(s),4),l=p(i);_n(l,()=>e.text),A(o=>{de(t,"href",e.href),n=X(t,1,"component_link svelte-1cnyrt6",null,n,o)},[()=>({selected:e.selected})]),h(a,t)}se(["click"]);var Di=(a,e,t)=>e.onToggleBookmark(r(t)),Ui=x('<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>'),Vi=x('<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 Fi(a,e){Y(e,!0);let t=V(e,"bookmarks",19,()=>[]);var n=Vi(),s=C(p(n),2),i=p(s);He(i,21,t,l=>l.key,(l,o)=>{var u=Ui(),g=p(u);ms(g,{get href(){return r(o).href},get selected(){return r(o).selected},get text(){return r(o).name}});var v=C(g,2);v.__click=[Di,e,o],h(l,u)}),h(a,n),K()}se(["click"]);var Zi=x('<li class="component svelte-1nn9bvq"><!></li>'),Gi=(a,e,t)=>e.onToggleFoldStatusOfNode({...r(t)}),Qi=x('<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>'),Ji=x("<ul></ul>");function _s(a,e){Y(e,!0);let t=V(e,"nodes",19,()=>[]),n=V(e,"level",3,1);var s=Ji();He(s,21,t,i=>i.key,(i,l)=>{var o=G(),u=D(o);{var g=f=>{var c=Zi(),d=p(c);ms(d,{get href(){return r(l).href},get selected(){return r(l).selected},get text(){return r(l).name}}),h(f,c)},v=f=>{var c=Qi();let d;var w=p(c);w.__click=[Gi,e,l];var k=p(w);let m;var b=C(k,4),_=p(b);_n(_,()=>r(l).name);var S=C(w,2);{var y=T=>{{let M=E(()=>n()+1);_s(T,{get nodes(){return r(l).children},get level(){return r(M)},get onToggleFoldStatusOfNode(){return e.onToggleFoldStatusOfNode}})}};z(S,T=>{r(l).unfolded&&T(y)})}A((T,M)=>{d=X(c,1,"folder svelte-1nn9bvq",null,d,T),X(w,1,`folder_btn btn_level-${n()??""}`,"svelte-1nn9bvq"),de(w,"title",r(l).unfolded?"fold":"unfold"),m=X(k,1,"folder_arrow svelte-1nn9bvq",null,m,M)},[()=>({unfolded:r(l).unfolded}),()=>({unfolded_icon:r(l).unfolded})]),h(f,c)};z(u,f=>{r(l).isLeaf?f(g):f(v,!1)})}h(i,o)}),A(()=>X(s,1,`filter_list components level-${n()??""}`,"svelte-1nn9bvq")),h(a,s),K()}se(["click"]);var Xi=x('<img title="start"/>'),Yi=x('<img title="start"/>'),Ki=x('<span class="svelte-v0in3m"> </span>'),$i=(a,e)=>e.onUpdateFilter(a.target.value),el=x('<div><div class="filter_zero-results svelte-v0in3m"> </div></div>'),tl=x('<!> <nav class="components-nav svelte-v0in3m"><!></nav>',1),nl=(a,e,t)=>e()?t.onExpandTree():t.onCollapseTree(),sl=Qe('<svg class="controls_btn-icon svelte-v0in3m" 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>'),al=Qe('<svg class="controls_btn-icon svelte-v0in3m" 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>'),rl=Qe('<svg class="controls_btn-icon svelte-v0in3m" 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>'),il=Qe('<svg class="controls_btn-icon svelte-v0in3m" 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>'),ll=x('<li><a class="controls_btn svelte-v0in3m" href="https://gardenjs.org/docs" target="_blank" rel="noreferrer"><svg class="controls_btn-icon svelte-v0in3m" 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-v0in3m">Gardenjs Docs</span></a></li>'),ol=x('<header><a href="/"><!></a> <div class="filter svelte-v0in3m"><input aria-autocomplete="list" id="filter" class="filter_input svelte-v0in3m" autocomplete="off" type="search" placeholder="Filter..."/></div> <!> <nav class="controls svelte-v0in3m"><ul><li><button class="controls_btn svelte-v0in3m"><!> <span class="controls_btn-label svelte-v0in3m"> </span></button></li> <li><button class="controls_btn svelte-v0in3m"><!> <span class="controls_btn-label svelte-v0in3m"> </span></button></li> <!></ul></nav></header>');function cl(a,e){Y(e,!0);let t=V(e,"bookmarks",19,()=>[]),n=V(e,"nodes",19,()=>[]),s=V(e,"panelExpanded",3,!0),i=V(e,"sidebarExpanded",3,!0),l=V(e,"treeCollapsed",3,!1);var o=ol();let u;var g=p(o);let v;g.__click=function(...I){e.onLogoClicked?.apply(this,I)};var f=p(g);{var c=I=>{var P=Xi();A(()=>{de(P,"src",`/assets/${e.projectLogoDarkmode??""}`),de(P,"alt",`${e.projectTitle??""} logo`)}),h(I,P)},d=I=>{var P=G(),me=D(P);{var Te=te=>{var re=Yi();A(()=>{de(re,"src",`/assets/${e.projectLogo??""}`),de(re,"alt",`${e.projectTitle??""} logo`)}),h(te,re)},Oe=te=>{var re=Ki(),ue=p(re);A(()=>ve(ue,e.projectTitle)),h(te,re)};z(me,te=>{e.projectLogo?te(Te):te(Oe,!1)},!0)}h(I,P)};z(f,I=>{e.projectLogoDarkmode&&e.appTheme==="dark"?I(c):I(d,!1)})}var w=C(g,2),k=p(w);k.__input=[$i,e];var m=C(w,2);{var b=I=>{var P=el(),me=p(P),Te=p(me);A(()=>ve(Te,`No results for '${e.filter??""}'`)),h(I,P)},_=I=>{var P=tl(),me=D(P);{var Te=re=>{Fi(re,{get bookmarks(){return t()},get onToggleBookmark(){return e.onToggleBookmark}})};z(me,re=>{t().length>0&&re(Te)})}var Oe=C(me,2),te=p(Oe);_s(te,{get nodes(){return n()},get onToggleFoldStatusOfNode(){return e.onToggleFoldStatusOfNode}}),h(I,P)};z(m,I=>{n().length==0&&e.filter?I(b):I(_,!1)})}var S=C(m,2),y=p(S),T=p(y),M=p(T);M.__click=[nl,l,e];var L=p(M);{var O=I=>{var P=sl();h(I,P)},H=I=>{var P=al();h(I,P)};z(L,I=>{l()?I(O):I(H,!1)})}var R=C(L,2),$=p(R),F=C(T,2),U=p(F);U.__click=function(...I){e.onToggleExpandPanel?.apply(this,I)};var pe=p(U);{var Ee=I=>{var P=rl();h(I,P)},ee=I=>{var P=il();h(I,P)};z(pe,I=>{s()?I(Ee):I(ee,!1)})}var ae=C(pe,2),xe=p(ae),je=C(F,2);{var ye=I=>{var P=ll();h(I,P)};z(je,I=>{e.docsLink===1&&I(ye)})}A((I,P)=>{u=X(o,1,"sidebar_container svelte-v0in3m",null,u,I),v=X(g,1,"project-identifier svelte-v0in3m",null,v,P),ze(k,e.filter||""),de(M,"title",l()?"Expand":"Collapse"),ve($,`${l()?"Expand":"Collapse"} Explorer`),de(U,"title",s()?"Collapse":"Expand"),ve(xe,`${s()?"Collapse":"Expand"} Panel`)},[()=>({"show-sidebar":i()}),()=>({"has-logo":e.projectLogo})]),h(a,o),K()}se(["click","input"]);var ul=(a,e,t)=>e.handleButtonClick(r(t).name),dl=x('<li class="svelte-4algbe"><button><span class="dropdown_item-dot svelte-4algbe"></span> </button></li>'),vl=x('<div class="dropdown svelte-4algbe"><!> <div><ul class="svelte-4algbe"></ul></div></div>');function Ht(a,e){Y(e,!0);let t=V(e,"options",19,()=>[]),n=V(e,"dropright",3,!1);var s=G(),i=D(s);{var l=u=>{var g=vl(),v=p(g);it(v,()=>e.buttonSnippet??rt);var f=C(v,2);let c;var d=p(f);He(d,21,t,w=>w.name,(w,k)=>{var m=dl(),b=p(m);b.__click=[ul,e,k];let _;var S=C(p(b));A(y=>{_=X(b,1,"svelte-4algbe",null,_,y),ve(S,` ${r(k).name??""}`)},[()=>({active:r(k).active})]),h(w,m)}),A(w=>c=X(f,1,"dropdown_items svelte-4algbe",null,c,w),[()=>({"dropdown_items-right":n()})]),h(u,g)},o=u=>{var g=G(),v=D(g);it(v,()=>e.buttonSnippet??rt,()=>({onClick:()=>{e.handleButtonClick(t()[0].name)}})),h(u,g)};z(i,u=>{t().length>1?u(l):u(o,!1)})}h(a,s),K()}se(["click"]);var hl=Qe('<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-etku71"><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>'),gl=Qe('<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-etku71"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><path d="M9 3v18m5-12l3 3-3 3"></path></svg>'),fl=(a,e)=>e.onToggleBookmark(e.node),pl=Qe('<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-etku71"><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>'),ml=Qe('<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-etku71"><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>'),_l=x('<button class="topbar_btn reveal_btn svelte-etku71" title="Reveal in explorer"><span class="is-hidden svelte-etku71">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-etku71"><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>'),kl=x('<button class="topbar_btn bookmark_btn svelte-etku71"><span class="is-hidden svelte-etku71"> </span> <!></button> <!>',1),bl=x('<button title="Small"><span class="is-hidden svelte-etku71">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-etku71"></span></button>'),wl=x('<button title="Medium"><span class="is-hidden svelte-etku71">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-etku71"></span></button>'),xl=x('<button title="Large"><span class="is-hidden svelte-etku71">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-etku71"></span></button>'),yl=(a,e)=>e.onSetStageSize("full"),Sl=(a,e)=>{e.onSetStageWidth(Number.parseInt(a.target.value))},Cl=(a,e)=>{e.onSetStageHeight(Number.parseInt(a.target.value))},Tl=x('<button class="dropdown_btn topbar_btn svelte-etku71" title="Switch component theme"><span class="is-hidden svelte-etku71">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-etku71"><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>'),Ml=Qe('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-etku71" 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>'),zl=Qe('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-etku71" 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>'),El=x('<div class="topbar svelte-etku71"><div class="topbar_container svelte-etku71"><div class="topbar_nav svelte-etku71"><button class="topbar_btn is-first-btn svelte-etku71"><span class="is-hidden svelte-etku71"> </span> <!></button> <!></div> <div class="topbar_nav svelte-etku71"><div class="stagesize-nav svelte-etku71"><!> <!> <!> <button title="Full"><span class="is-hidden svelte-etku71">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-etku71"><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-etku71"></span></button> <button class="svelte-etku71"><span class="is-hidden svelte-etku71"> </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-etku71"><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-etku71"><input class="stagesize-input svelte-etku71" type="number" min="50"/> <div class="stagesize-value-multi_sign svelte-etku71">&#47;</div> <input class="stagesize-input svelte-etku71" type="number" min="50"/></div> <button title="Show background grid"><span class="is-hidden svelte-etku71">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-etku71"><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-etku71"></span></button> <button title="Visualise margins and paddings"><span class="is-hidden svelte-etku71">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-etku71"><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-etku71"></span></button> <button class="topbar_btn openexternal_btn svelte-etku71" title="Open component in new tab"><span class="is-hidden svelte-etku71">Open component in new tab</span> <svg xmlns="http://www.w3.org/2000/svg" class="open-new-tab-icon svelte-etku71" 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-etku71"><span class="is-hidden svelte-etku71"> </span> <!></button></div></div></div>');function jl(a,e){Y(e,!0);let t=V(e,"appTheme",3,"default"),n=V(e,"landscape",3,!1),s=V(e,"sidebarExpanded",3,!0),i=V(e,"stageSize",3,"full"),l=V(e,"stageSizes",19,()=>({})),o=V(e,"themes",19,()=>[]),u=ie(!1);const g=E(()=>Math.round(e.stageRect.width)),v=E(()=>Math.round(e.stageRect.height));Ce(()=>{Z(u,t()==="dark"),t()==="dark"?document.documentElement.setAttribute("data-theme","dark"):document.documentElement.setAttribute("data-theme","light")});var f=El(),c=p(f),d=p(c),w=p(d);w.__click=function(...B){e.onToggleExpandSidebar?.apply(this,B)};var k=p(w),m=p(k),b=C(k,2);{var _=B=>{var Q=hl();h(B,Q)},S=B=>{var Q=gl();h(B,Q)};z(b,B=>{s()?B(_):B(S,!1)})}var y=C(w,2);{var T=B=>{var Q=kl(),le=D(Q);le.__click=[fl,e];var be=p(le),De=p(be),he=C(be,2);{var oe=ge=>{var fe=pl();h(ge,fe)},Se=ge=>{var fe=ml();h(ge,fe)};z(he,ge=>{e.node.bookmark?ge(oe):ge(Se,!1)})}var we=C(le,2);{var ce=ge=>{var fe=_l();fe.__click=function(...Ue){e.onRevealInExplorer?.apply(this,Ue)},h(ge,fe)};z(we,ge=>{e.nodeVisibleInExplorer||ge(ce)})}A(()=>{de(le,"title",e.node.bookmark?"Remove from bookmarks":"Add to bookmarks"),ve(De,e.node.bookmark?"Remove from bookmarks":"Add to bookmarks")}),h(B,Q)};z(y,B=>{e.node&&B(T)})}var M=C(d,2),L=p(M),O=p(L);{var H=B=>{Ht(B,{get options(){return l().small},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:(le,be)=>{let De=()=>be?.().onClick;var he=bl();let oe;he.__click=function(...ce){De()?.apply(this,ce)};var Se=C(p(he),2);let we;A((ce,ge)=>{oe=X(he,1,"dropdown_btn topbar_btn svelte-etku71",null,oe,ce),we=X(Se,0,"svelte-etku71",null,we,ge)},[()=>({active:l().small.some(ce=>ce.active)}),()=>({landscape:n()})]),h(le,he)},$$slots:{buttonSnippet:!0}})};z(O,B=>{l().small?.length>0&&B(H)})}var R=C(O,2);{var $=B=>{Ht(B,{get options(){return l().medium},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:(le,be)=>{let De=()=>be?.().onClick;var he=wl();let oe;he.__click=function(...ce){De()?.apply(this,ce)};var Se=C(p(he),2);let we;A((ce,ge)=>{oe=X(he,1,"dropdown_btn topbar_btn svelte-etku71",null,oe,ce),we=X(Se,0,"svelte-etku71",null,we,ge)},[()=>({active:l().medium.some(ce=>ce.active)}),()=>({landscape:n()})]),h(le,he)},$$slots:{buttonSnippet:!0}})};z(R,B=>{l().medium?.length>0&&B($)})}var F=C(R,2);{var U=B=>{Ht(B,{get options(){return l().large},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:(le,be)=>{let De=()=>be?.().onClick;var he=xl();let oe;he.__click=function(...ce){De()?.apply(this,ce)};var Se=C(p(he),2);let we;A((ce,ge)=>{oe=X(he,1,"dropdown_btn topbar_btn svelte-etku71",null,oe,ce),we=X(Se,0,"svelte-etku71",null,we,ge)},[()=>({active:l().large.some(ce=>ce.active)}),()=>({landscape:n()})]),h(le,he)},$$slots:{buttonSnippet:!0}})};z(F,B=>{l().large?.length>0&&B(U)})}var pe=C(F,2);pe.__click=[yl,e];let Ee;var ee=C(pe,2);ee.__click=function(...B){e.onToggleOrientation?.apply(this,B)};var ae=p(ee),xe=p(ae),je=C(L,2),ye=p(je);ye.__change=[Sl,e];var I=C(ye,4);I.__change=[Cl,e];var P=C(je,2);let me;P.__click=function(...B){e.onToggleShowGrid?.apply(this,B)};var Te=C(P,2);let Oe;Te.__click=function(...B){e.onToggleShowInspector?.apply(this,B)};var te=C(Te,2);te.__click=function(...B){e.onOpenInTab?.apply(this,B)};var re=C(te,2);{var ue=B=>{Ht(B,{get options(){return o()},dropright:!0,get handleButtonClick(){return e.onSetTheme},buttonSnippet:le=>{var be=Tl();h(le,be)},$$slots:{buttonSnippet:!0}})};z(re,B=>{o().length>1&&B(ue)})}var Re=C(re,2);Re.__click=function(...B){e.onToggleAppTheme?.apply(this,B)};var Ze=p(Re),ke=p(Ze),Pe=C(Ze,2);{var Ie=B=>{var Q=Ml();h(B,Q)},nt=B=>{var Q=zl();h(B,Q)};z(Pe,B=>{r(u)?B(Ie):B(nt,!1)})}A((B,Q,le)=>{de(w,"title",s()?"Collapse sidebar":"Expand sidebar"),ve(m,s()?"Collapse sidebar":"Expand sidebar"),Ee=X(pe,1,"svelte-etku71",null,Ee,B),de(ee,"title",n()?"Portrait mode":"Landscape mode"),ve(xe,`Reverse the aspect ratio to ${n()?"portrait mode":"landscape mode"}`),ye.disabled=i()!=="full",ze(ye,r(g)),de(ye,"max",e.stageMaxWidth),I.disabled=i()!=="full",ze(I,r(v)),de(I,"max",e.stageMaxHeight),me=X(P,1,"topbar_btn show-grid svelte-etku71",null,me,Q),Oe=X(Te,1,"topbar_btn show-m-p_btn svelte-etku71",null,Oe,le),de(Re,"title",r(u)?"Light mode":"Dark mode"),ve(ke,r(u)?"Light mode":"Dark mode")},[()=>({active:i()==="full"}),()=>({active:e.showGrid===!0}),()=>({active:e.showInspector===!0})]),h(a,f),K()}se(["click","change"]);function Fe(a,e,t=s=>s,n=s=>s){const s=_e(t(localStorage.getItem(a))??e);return s.subscribe(i=>{localStorage.setItem(a,n(i))}),s}const St=a=>Number.isNaN(Number(a))?a:Number(a),Rl=new ma(()=>window.innerWidth,a=>Zs(window,"resize",a)),Mt=Fe("sidebarWidth",260,St),ks=_e(260),wn=Fe("sidebarExpanded",!1);let Wn=ie(260),ln=ie(!0),jt=ie(!1),zt=ie(!0);const Il=()=>{Ce(()=>{Rl.current<840?(Z(jt,!1),Z(zt,!0)):Z(zt,!1)}),Ce(()=>{wn.set(r(zt)?r(jt):r(ln))})};function Ll(){W(wn)?(Z(Wn,W(Mt),!0),Mt.set(0)):Mt.set(r(Wn)??260),r(zt)?Z(jt,!r(jt)):Z(ln,!r(ln))}function Bl(){r(zt)&&Z(jt,!1)}function ql(a){Mt.set(a)}function Nl(a){ks.set(a)}const st=_e([]),Rt=_e({small:[{name:"small",h:1170,w:550}],medium:[{name:"medium",h:1080,w:810}],large:[{name:"large",h:960,w:1536}]}),Hn={name:"full",h:"100%",w:"100%"},bs=_e(""),Bt=Fe("stageSize","full"),It=Fe("landscape",!1,a=>a==="true"),$e=Fe("stageContainerHeight","",St),xn=Fe("stageContainerWidth","",St),et=Fe("stageContainerMaxHeight","",St),Ft=Fe("stageHeight","full",St),Zt=Fe("stageWidth","full",St),Al=Yt([$e,et],([a,e])=>Math.min(a,e)-20),Wl=Yt(xn,a=>a-20),ws=_e({}),Et=_e(!0),on=Fe("appTheme","default"),wt=Fe("frameTheme"),cn=_e(!1),un=_e(!1),xs=_e({size:16,style:"lined",color:"#ddd"}),Hl=()=>{Bt.set("full"),It.set(!1),$e.set(""),xn.set(""),et.set(""),Ft.set("full"),Zt.set("full")};function Ol({size:a,style:e,color:t}){xs.set({size:a??50,style:e??"lined",color:t??"grey"})}let bt="";function Pl(a){Rt.set(a),Ss(W(Bt))}function Dl(a){W(wt)||wt.set(a?.find(e=>e.active)?.name??a[0].name),st.set(a?.map(e=>({...e,active:e.name===W(wt)}))),qt()}function Ul(a){st.set(W(st).map(e=>({...e,active:e.name===a}))),wt.set(a),qt()}function Vl(){on.set(W(on)==="dark"?"default":"dark")}function Fl(){return W(st)&&W(st).length>0?W(st).find(a=>a.name===W(wt))??W(st)[0]:{stageBg:"white"}}function Zl(a){if(a==="full")return Hn;const e=W(Rt),t=[...e.small??[],...e.medium??[],...e.large??[]].find(n=>n.name===a);return t?{...t,h:`${t.h}px`,w:`${t.w}px`}:Hn}function qt(){const a=Fl().stageBg,{h:e,w:t}=Zl(W(Bt)),n=W(It)?`width: ${e}; height: ${t}`:`width: ${t}; height: ${e}`,s=`background-color: ${a}`;bs.set(`${n}; ${s}; transition: 0s;`)}function Gl(a){$e.set(a),ys()}function Ql(a){ws.set(a)}function Jl(a){const e=a-9;et.set(e),ys()}function Xl(a){xn.set(a)}function On(a){Number.isInteger(a)?Ft.set(Math.max(50,a)):Ft.set(a)}function Pn(a){Number.isInteger(a)?Zt.set(Math.max(50,a)):Zt.set(a)}function ys(){Number.isInteger(W($e))&&Number.isInteger(W(et))&&Et.set(W($e)<W(et))}function Dn(){W(Et)?(bt=W($e),$e.set(W(et))):((!Number.isInteger(bt)||Number.isInteger(bt)&&W(et)-bt<50)&&(bt=Math.round(W(et)*.7)),$e.set(bt)),Et.set(!W(Et))}function Yl(){cn.set(!W(cn))}function Kl(){un.set(!W(un))}function Ss(a){Bt.set(a);const e=W(Rt),t=Object.keys(e).reduce((n,s)=>(n[s]=e[s].map(i=>({...i,active:i.name===a})),n),{});Rt.set(t),qt()}function $l(){It.set(!W(It)),qt()}qt();function eo(a,e,t=s=>s,n=s=>s){const s=_e(t(localStorage.getItem(a))??e);return s.subscribe(i=>{localStorage.setItem(a,n(i))}),s}const yn=_e([]),Kt=_e(),Sn=_e(),Ge=eo("bookmarks",[],JSON.parse,JSON.stringify);let Un=!1,Ve=_e([]),xt=[],Nt;const to=Yt(Ve,a=>!a.some(e=>Tn(e))),no=Yt(Sn,a=>{const e=[];let t=a;for(;t.parent;)e.push(t.parent),t=t.parent;return e.every(n=>Tn(n))});function At(a){return[a,...so(a)]}function so(a){return a.children?a.children.flatMap(At):[]}function ao(a){Nt=a,tt(),go()}function ro(a){Kt.set(a),tt()}function io(a){Ve.set(a),Un||(Cs(),fo(),Un=!0),yn.set(Cn(W(Ve))),Ve.set(a)}function tt(){yn.set(Cn(W(Ve))),Ve.set(W(Ve))}function Cn(a,e){const t=W(Kt)?.toLowerCase();return a.map(n=>{const s=t?n.name?.toLowerCase().includes(t):!0,i=t&&s?lo(n.name):n.name;if(n.isLeaf){const o=e?.visible||s?{...n,parent:e,name:i,selected:Nt===n.key,isLeaf:!0,bookmark:W(Ge).find(u=>u.key===n.key)!==void 0}:void 0;return o?.selected&&Sn.set(o),o}else{n.parent=e;const l=Cn(n.children,n).filter(u=>u),o=s||l.length>0;return o?{...n,parent:e,name:i,children:l,unfolded:Tn(n,t,o),filterMatches:s}:void 0}}).filter(n=>n)}function lo(a){const e=W(Kt).toLowerCase(),t=a.toLowerCase().indexOf(e),n=t+e.length,s=a.substring(0,t),i=a.substring(t,n),l=a.substring(n);return`${s}<span class="highlight">${i}</span>${l}`}function Tn(a,e,t){return e&&t||xt[a.key]}function an(a){return a.split("#")[0].split("?")[0].replace(/\/+$/,"")}function oo(a){const e=an(a),n=W(Ve).flatMap(At).find(l=>l.isLeaf&&an(l.href)===e),i=(an(n?.href)||e).split("/").filter(l=>l.length>0);if(i.length<2)return n;for(let l=0;l<i.length-1;l++){const o="/"+i.slice(0,l+1).join("/")+"/";xt[o]=!0}tt()}function co(a){xt[a.key]=!xt[a.key],tt()}function uo(){xt=W(Ve).flatMap(At).reduce((e,t)=>(e[t.key]=!1,e),{}),tt()}function Cs(){xt=W(Ve).flatMap(At).reduce((e,t)=>(e[t.key]=!0,e),{}),tt()}function Vn(a){a.bookmark?vo({...a}):ho({...a,bookmark:!0}),tt()}function vo(a){Ge.set(W(Ge).filter(e=>a.key!==e.key).map(e=>({...e,selected:e.key===Nt}))),tt()}function ho(a){Ge.set([...W(Ge),{...a,parent:void 0}].map(e=>({...e,selected:e.key===Nt})).sort((e,t)=>e.name.localeCompare(t.name))),tt()}function go(){Ge.set([...W(Ge)].map(a=>({...a,selected:a.key===Nt})).sort((a,e)=>a.name.localeCompare(e.name)))}function fo(){const a=W(Ve).flatMap(At),e=W(Ge).filter(t=>a.some(n=>n.key===t.key));Ge.set(e)}const Ts=[],po=globalThis.location?globalThis.location.pathname+globalThis.location.search:"";let We=po,at="",dn,vn={url:We};(function(){globalThis.history&&(globalThis.history.state&&globalThis.history.state.url==We&&(vn=globalThis.history.state),globalThis.history.replaceState(vn,null,We))})();function mo(a,e,t){dn=a,at=e,t&&_o(t),Gt(vn,We)}function _o(a){Ts.push(a)}function Gt(a,e){Ts.forEach(t=>{t(ko(e),a)})}function ko(a){const e=a.substring(at.length),t=Object.keys(dn).find(n=>e.match(new RegExp("^"+n+"$","i")));return t?dn[t]:null}(function(a){if(a){var e=a.pushState,t=a.replaceState;a.pushState=function(n,s,i){let o=typeof i=="string"?i:"";at.length>0&&o.startsWith(at)&&(o=o.substring(at.length)||"/"),o.length===0&&(o="/"),o[0]!=="/"&&(o="/"+o),We=at+o;const u=n&&typeof n=="object"?n:{};return u.url=We,u.url!==a.state?.url||u.selectedExample!==a.state?.selectedExample?(Gt(u,We),e.apply(a,[u,"",We])):(Gt(u,We),t.apply(a,[u,"",We]))}}})(globalThis.history);globalThis.onpopstate=function(a){a.state?We=a.state.url:We=at.length>0?at:"/",Gt(a.state,We)};const hn=_e(""),Qt=_e(),Jt=_e({}),bo=_e("");let Xt,gn,fn;function wo(a){Xt=a,fn&&Ms()}function xo(a,e,t){Xt=a,fn||(fn=!0,mo(e,t,yo))}function yo(a,e){if(Qt.set({}),hn.set(""),Jt.set({}),a&&Xt){hn.set(a.fullname),bo.set(a.route);const t=Xt[a.fullname];t.componentfile=a.file,Qt.set(t),gn=e,Ms()}}function Ms(){const a=W(Qt).examples||[];gn?.selectedExample?Jt.set(a.find(e=>e.title==gn.selectedExample)?.title):Jt.set(a[0]?.title)}var So=()=>{window.top.location.reload()},Co=x('<div class="message svelte-1ytl8i1"><div class="click-completed svelte-1ytl8i1">Relative link was clicked!</div> <div class="instruction svelte-1ytl8i1">Click the button to return: <button class="svelte-1ytl8i1">back</button></div></div>'),To=x('<div class="main svelte-1ytl8i1"><!> <!></div>'),Mo=x('<div class="garden svelte-1ytl8i1"><!></div>');function zo(a,e){Y(e,!0);const[t,n]=Gs(),s=()=>J(hn,"$componentName",t),i=()=>J(Jt,"$selectedExample",t),l=()=>J(wt,"$activeTheme",t),o=()=>J(Mt,"$sidebarWidth",t),u=()=>J(ks,"$sidebarMaxWidth",t),g=()=>J(on,"$appTheme",t),v=()=>J(Ge,"$bookmarks",t),f=()=>J(Kt,"$filterNavTree",t),c=()=>J(yn,"$nodes",t),d=()=>J(Et,"$panelExpanded",t),w=()=>J(to,"$treeCollapsed",t),k=()=>J(wn,"$sidebarExpanded",t),m=()=>J(It,"$landscape",t),b=()=>J(Sn,"$selectedNode",t),_=()=>J(un,"$showGrid",t),S=()=>J(no,"$selectedNodeVisibleInTree",t),y=()=>J(cn,"$showInspector",t),T=()=>J(Ft,"$stageHeight",t),M=()=>J(Al,"$stageMaxHeight",t),L=()=>J(Wl,"$stageMaxWidth",t),O=()=>J(ws,"$stageRect",t),H=()=>J(Bt,"$stageSize",t),R=()=>J(Rt,"$stageSizes",t),$=()=>J(Zt,"$stageWidth",t),F=()=>J(st,"$themes",t),U=()=>J(Qt,"$das",t),pe=()=>J(xs,"$gridSettings",t),Ee=()=>J($e,"$stageContainerHeight",t),ee=()=>J(et,"$stageContainerMaxHeight",t),ae=()=>J(bs,"$stageStyle",t);let xe="/garden";Ce(()=>{io(e.navTree)}),Ce(()=>{e.routes&&e.dasMap&&xo(e.dasMap,e.routes,xe)}),Ce(()=>{wo(e.dasMap)}),Ce(()=>{Dl(e.config.themes)}),Ce(()=>{e.config.devices&&Pl(e.config.devices),e.config.grid&&Ol(e.config.grid)}),Ce(()=>{ao(s()),Bl()}),Il();let je=e.config.project_title||"",ye=e.config.project_logo?.split("/").pop()||null,I=e.config.project_logo_darkmode?.split("/").pop()||null,P=E(()=>e.config.docs_link?1:0);function me(){const ue=window.open("/frame.html","_blank");ue&&(ue.onload=()=>{ue.postMessage({selectedExample:i(),componentName:s(),theme:l()},window.location.origin)})}var Te=G(),Oe=D(Te);{var te=ue=>{var Re=Co(),Ze=C(p(Re),2),ke=C(p(Ze));ke.__click=[So],h(ue,Re)},re=ue=>{var Re=Mo(),Ze=p(Re);ls(Ze,{get leftWidth(){return o()},get maxWidth(){return u()},get onSetLeftWidth(){return ql},get onSetMaxWidth(){return Nl},hideDragBar:!0,left:Ie=>{cl(Ie,{get docsLink(){return r(P)},get projectLogoDarkmode(){return I},get projectLogo(){return ye},get projectTitle(){return je},get appTheme(){return g()},get bookmarks(){return v()},get filter(){return f()},get nodes(){return c()},get panelExpanded(){return d()},get treeCollapsed(){return w()},get sidebarExpanded(){return k()},get onLogoClicked(){return Hl},get onToggleBookmark(){return Vn},get onToggleExpandPanel(){return Dn},get onToggleFoldStatusOfNode(){return co},get onUpdateFilter(){return ro},get onCollapseTree(){return uo},get onExpandTree(){return Cs}})},right:Ie=>{var nt=To(),B=p(nt);jl(B,{get appTheme(){return g()},get landscape(){return m()},get node(){return b()},get showGrid(){return _()},get nodeVisibleInExplorer(){return S()},get showInspector(){return y()},get sidebarExpanded(){return k()},get stageHeight(){return T()},get stageMaxHeight(){return M()},get stageMaxWidth(){return L()},get stageRect(){return O()},get stageSize(){return H()},get stageSizes(){return R()},get stageWidth(){return $()},get themes(){return F()},onOpenInTab:me,get onSetStageHeight(){return On},get onSetStageWidth(){return Pn},get onSetStageSize(){return Ss},get onSetTheme(){return Ul},get onToggleAppTheme(){return Vl},get onToggleBookmark(){return Vn},get onToggleExpandSidebar(){return Ll},get onToggleOrientation(){return $l},get onToggleShowGrid(){return Kl},get onToggleShowInspector(){return Yl},onRevealInExplorer:()=>oo(b()?.href)});var Q=C(B,2);Hi(Q,{get appTheme(){return g()},get componentName(){return s()},get das(){return U()},get devmodus(){return e.config.devmodus},get gridSettings(){return pe()},get panelExpanded(){return d()},get selectedExample(){return i()},get showGrid(){return _()},get showInspector(){return y()},get stageContainerHeight(){return Ee()},get stageContainerMaxHeight(){return ee()},get stageHeight(){return T()},get stageMaxHeight(){return M()},get stageMaxWidth(){return L()},get stageSize(){return H()},get stageStyle(){return ae()},get stageWidth(){return $()},get theme(){return l()},get onSetStageContainerHeight(){return Gl},get onSetStageContainerMaxHeight(){return Jl},get onSetStageContainerWidth(){return Xl},get onSetStageHeight(){return On},get onSetStageWidth(){return Pn},get onToggleExpandPanel(){return Dn},get onUpdateStageRect(){return Ql}}),h(Ie,nt)},$$slots:{left:!0,right:!0}}),h(ue,Re)};z(Oe,ue=>{window.top!==window.self?ue(te):ue(re,!1)})}h(a,Te),K(),n()}se(["click"]);Qs(zo,{target:document.getElementById("app"),props:{navTree:Xs,routes:Js,dasMap:Ys,config:Ks}});
+Please report this to https://github.com/markedjs/marked.`,a){const s="<p>An error occurred:</p><pre>"+Me(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 gs(a,e){return(t,n,s)=>{typeof n=="function"&&(s=n,n=null);const i={...n};n={...N.defaults,...i};const l=Ei(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(Ti(n),n.hooks&&(n.hooks.options=n),s){const o=n.highlight;let u;try{n.hooks&&(t=n.hooks.preprocess(t)),u=a(t,n)}catch(f){return l(f)}const g=function(f){let c;if(!f)try{n.walkTokens&&N.walkTokens(u,n.walkTokens),c=e(u,n),n.hooks&&(c=n.hooks.postprocess(c))}catch(d){f=d}return n.highlight=o,f?l(f):s(null,c)};if(!o||o.length<3||(delete n.highlight,!u.length))return g();let v=0;N.walkTokens(u,function(f){f.type==="code"&&(v++,setTimeout(()=>{o(f.text,f.lang,function(c,d){if(c)return g(c);d!=null&&d!==f.text&&(f.text=d,f.escaped=!0),v--,v===0&&g()})},0))}),v===0&&g();return}if(n.async)return Promise.resolve(n.hooks?n.hooks.preprocess(t):t).then(o=>a(o,n)).then(o=>n.walkTokens?Promise.all(N.walkTokens(o,n.walkTokens)).then(()=>o):o).then(o=>e(o,n)).then(o=>n.hooks?n.hooks.postprocess(o):o).catch(l);try{n.hooks&&(t=n.hooks.preprocess(t));const o=a(t,n);n.walkTokens&&N.walkTokens(o,n.walkTokens);let u=e(o,n);return n.hooks&&(u=n.hooks.postprocess(u)),u}catch(o){return l(o)}}}function N(a,e,t){return gs(lt.lex,ot.parse)(a,e,t)}N.options=N.setOptions=function(a){return N.defaults={...N.defaults,...a},hi(N.defaults),N};N.getDefaults=os;N.defaults=kt;N.use=function(...a){const e=N.defaults.extensions||{renderers:{},childTokens:{}};a.forEach(t=>{const n={...t};if(n.async=N.defaults.async||n.async||!1,t.extensions&&(t.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if(s.renderer){const i=e.renderers[s.name];i?e.renderers[s.name]=function(...l){let o=s.renderer.apply(this,l);return o===!1&&(o=i.apply(this,l)),o}: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=N.defaults.renderer||new bn;for(const i in t.renderer){const l=s[i];s[i]=(...o)=>{let u=t.renderer[i].apply(s,o);return u===!1&&(u=l.apply(s,o)),u}}n.renderer=s}if(t.tokenizer){const s=N.defaults.tokenizer||new kn;for(const i in t.tokenizer){const l=s[i];s[i]=(...o)=>{let u=t.tokenizer[i].apply(s,o);return u===!1&&(u=l.apply(s,o)),u}}n.tokenizer=s}if(t.hooks){const s=N.defaults.hooks||new rn;for(const i in t.hooks){const l=s[i];rn.passThroughHooks.has(i)?s[i]=o=>{if(N.defaults.async)return Promise.resolve(t.hooks[i].call(s,o)).then(g=>l.call(s,g));const u=t.hooks[i].call(s,o);return l.call(s,u)}:s[i]=(...o)=>{let u=t.hooks[i].apply(s,o);return u===!1&&(u=l.apply(s,o)),u}}n.hooks=s}if(t.walkTokens){const s=N.defaults.walkTokens;n.walkTokens=function(i){let l=[];return l.push(t.walkTokens.call(this,i)),s&&(l=l.concat(s.call(this,i))),l}}N.setOptions(n)})};N.walkTokens=function(a,e){let t=[];for(const n of a)switch(t=t.concat(e.call(N,n)),n.type){case"table":{for(const s of n.header)t=t.concat(N.walkTokens(s.tokens,e));for(const s of n.rows)for(const i of s)t=t.concat(N.walkTokens(i.tokens,e));break}case"list":{t=t.concat(N.walkTokens(n.items,e));break}default:N.defaults.extensions&&N.defaults.extensions.childTokens&&N.defaults.extensions.childTokens[n.type]?N.defaults.extensions.childTokens[n.type].forEach(function(s){t=t.concat(N.walkTokens(n[s],e))}):n.tokens&&(t=t.concat(N.walkTokens(n.tokens,e)))}return t};N.parseInline=gs(lt.lexInline,ot.parseInline);N.Parser=ot;N.parser=ot.parse;N.Renderer=bn;N.TextRenderer=vs;N.Lexer=lt;N.lexer=lt.lex;N.Tokenizer=kn;N.Slugger=hs;N.Hooks=rn;N.parse=N;N.options;N.setOptions;N.use;N.walkTokens;N.parseInline;ot.parse;lt.lex;const ji="modulepreload",Ri=function(a){return"/"+a},An={},fs=function(e,t,n){let s=Promise.resolve();if(t&&t.length>0){let u=function(g){return Promise.all(g.map(v=>Promise.resolve(v).then(f=>({status:"fulfilled",value:f}),f=>({status:"rejected",reason:f}))))};document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),o=l?.nonce||l?.getAttribute("nonce");s=u(t.map(g=>{if(g=Ri(g),g in An)return;An[g]=!0;const v=g.endsWith(".css"),f=v?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${g}"]${f}`))return;const c=document.createElement("link");if(c.rel=v?"stylesheet":ji,v||(c.as="script"),c.crossOrigin="",c.href=g,o&&c.setAttribute("nonce",o),document.head.appendChild(c),v)return new Promise((d,w)=>{c.addEventListener("load",d),c.addEventListener("error",()=>w(new Error(`Unable to preload CSS for ${g}`)))})}))}function i(l){const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=l,window.dispatchEvent(o),!o.defaultPrevented)throw l}return s.then(l=>{for(const o of l||[])o.status==="rejected"&&i(o.reason);return e().catch(i)})},ps=async a=>{try{(await fs(async()=>{const{default:t}=await import("./index-eUfJTxoU.js");return{default:t}},[])).default.highlightElement(a)}catch(e){console.error("Could not load highlight.js",e)}};var Ii=x('<div class="markdown-body svelte-hsw10l"><!></div>');function Li(a,e){Y(e,!0);let t=ie(void 0);Ce(()=>{e.das&&r(t)&&setTimeout(()=>{r(t)&&Array.from(r(t).querySelectorAll("pre code")).forEach(i=>{ps(i)})},200)});var n=Ii(),s=p(n);_n(s,()=>N(e.das.descriptionfile||e.das.description)),yt(n,i=>Z(t,i),()=>r(t)),h(a,n),K()}var Bi=x('<pre><code class="language-xml"> </code></pre>'),qi=x('<div class="panel_code svelte-15v319t"><!> <!></div>');function Ni(a,e){Y(e,!0);let t=ie(void 0),n=ie(void 0),s=ie(Zn([]));e.devmodus||i();async function i(){const c=await fs(()=>import("../raw_component_import_map.js"),[]);Z(s,c.rawComponentMap,!0)}function l(c,d){Z(t,null),setTimeout(()=>{Z(t,d[c],!0)})}Ce(()=>{l(e.componentName,r(s))}),Ce(()=>{r(t)&&r(n)&&ps(r(n))});var o=qi(),u=p(o);{var g=c=>{var d=pn("Running Gardenjs in devmodus. No Code view supported.");h(c,d)};z(u,c=>{e.devmodus&&c(g)})}var v=C(u,2);{var f=c=>{var d=Bi(),w=p(d),k=p(w);yt(w,m=>Z(n,m),()=>r(n)),A(()=>ve(k,r(t))),h(c,d)};z(v,c=>{r(t)&&c(f)})}h(a,o),K()}var Ai=x('<iframe class="stage_iframe svelte-17n05ij" title="preview" src="/frame.html"></iframe>'),Wi=x('<div class="panel svelte-17n05ij"><!></div>');function Hi(a,e){Y(e,!0);let t=V(e,"das",19,()=>({})),n=ie(void 0),s=ie(void 0);const i=E(()=>t()?.examples?.length?t().examples.find(m=>m.title===e.selectedExample)??{}:{}),l=E(()=>{const m=r(i)?.input;return m&&typeof m=="object"?m:{}});function o(m){return Array.isArray(m)?"array":m instanceof Date?"date":typeof m}function u(m){return m.length>1?m.charAt(0).toUpperCase()+m.substring(1):m}const g=E(()=>{const m=t()?.params??[],b=Object.entries(r(l)).reduce((_,[S,y])=>{let T=m.find(M=>M.name===S);return T?_.push(T):_.push({name:S,type:o(y),label:u(S)}),_},[]);return[...b,...m.filter(_=>b.every(S=>S.name!==_.name)).map(_=>({..._,value:void 0}))]});let v=E(()=>structuredClone(r(l)));const f=E(()=>{try{return JSON.parse(JSON.stringify(r(v)))}catch(m){return console.error(m),null}}),c=new ResizeObserver(m=>{m.forEach(b=>{e.onUpdateStageRect(b.contentRect)})});Vs(()=>{r(s)&&(c.observe(r(s)),r(s).contentWindow.onload=()=>{Z(n,!0)},r(s).contentWindow.addEventListener("mousemove",function(m){var b=r(s).getBoundingClientRect(),_=new CustomEvent("mousemove",{bubbles:!0,cancelable:!1});_.pageX=m.clientX+b.left,_.pageY=m.clientY+b.top,r(s).dispatchEvent(_)}),r(s).contentWindow.addEventListener("mouseup",function(){var m=new CustomEvent("mouseup",{bubbles:!0,cancelable:!1});r(s).dispatchEvent(m)}))}),Fs(()=>{c.disconnect()});function d(m){const b=[];return m.description&&b.push({name:"Notes",props:{das:m},page:Li}),m.examples?.length&&b.push({name:"Examples",props:{params:r(g),values:r(v),onChange:(_,S)=>{Z(v,{...r(v),[_]:S})},onReset:()=>{Z(v,{...r(l)})},selected:e.selectedExample,examples:m.examples.map(_=>_.title),onSelectExample:w},page:vi}),!e.devmodus&&m.componentfile&&b.push({name:"Code",props:{componentName:e.componentName,devmodus:e.devmodus},page:Ni}),b}function w(m){globalThis.history.pushState({selectedExample:m},"",window.location.pathname.substring(7))}Ce(()=>{r(n)&&(!r(s).contentDocument||/frame.html$/.test(r(s).contentWindow.location),r(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,paramValues:r(f)},window.location))});const k=E(()=>d(t()));ia(a,{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:_=>{{let S=E(()=>e.stageSize!=="full");oa(_,{get disabled(){return r(S)},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:(y,T)=>{var M=Ai();yt(M,L=>Z(s,L),()=>r(s)),A(()=>Lt(M,e.stageStyle)),h(y,M)},$$slots:{default:!0}})}},bottom:_=>{var S=Wi(),y=p(S);{var T=M=>{ga(M,{get tabs(){return r(k)},get onToggleExpandPanel(){return e.onToggleExpandPanel},children:void 0})};z(y,M=>{e.panelExpanded&&M(T)})}h(_,S)},$$slots:{top:!0,bottom:!0}}),K()}function Oi(a,e){a.button!==0||a.metaKey||a.ctrlKey||a.shiftKey||a.altKey||(a.preventDefault(),globalThis.history.pushState({},"",e.href))}var Pi=x('<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 ms(a,e){var t=Pi();let n;t.__click=[Oi,e];var s=p(t),i=C(p(s),4),l=p(i);_n(l,()=>e.text),A(o=>{de(t,"href",e.href),n=X(t,1,"component_link svelte-1cnyrt6",null,n,o)},[()=>({selected:e.selected})]),h(a,t)}se(["click"]);var Di=(a,e,t)=>e.onToggleBookmark(r(t)),Ui=x('<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>'),Vi=x('<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 Fi(a,e){Y(e,!0);let t=V(e,"bookmarks",19,()=>[]);var n=Vi(),s=C(p(n),2),i=p(s);He(i,21,t,l=>l.key,(l,o)=>{var u=Ui(),g=p(u);ms(g,{get href(){return r(o).href},get selected(){return r(o).selected},get text(){return r(o).name}});var v=C(g,2);v.__click=[Di,e,o],h(l,u)}),h(a,n),K()}se(["click"]);var Zi=x('<li class="component svelte-1nn9bvq"><!></li>'),Gi=(a,e,t)=>e.onToggleFoldStatusOfNode({...r(t)}),Qi=x('<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>'),Ji=x("<ul></ul>");function _s(a,e){Y(e,!0);let t=V(e,"nodes",19,()=>[]),n=V(e,"level",3,1);var s=Ji();He(s,21,t,i=>i.key,(i,l)=>{var o=G(),u=D(o);{var g=f=>{var c=Zi(),d=p(c);ms(d,{get href(){return r(l).href},get selected(){return r(l).selected},get text(){return r(l).name}}),h(f,c)},v=f=>{var c=Qi();let d;var w=p(c);w.__click=[Gi,e,l];var k=p(w);let m;var b=C(k,4),_=p(b);_n(_,()=>r(l).name);var S=C(w,2);{var y=T=>{{let M=E(()=>n()+1);_s(T,{get nodes(){return r(l).children},get level(){return r(M)},get onToggleFoldStatusOfNode(){return e.onToggleFoldStatusOfNode}})}};z(S,T=>{r(l).unfolded&&T(y)})}A((T,M)=>{d=X(c,1,"folder svelte-1nn9bvq",null,d,T),X(w,1,`folder_btn btn_level-${n()??""}`,"svelte-1nn9bvq"),de(w,"title",r(l).unfolded?"fold":"unfold"),m=X(k,1,"folder_arrow svelte-1nn9bvq",null,m,M)},[()=>({unfolded:r(l).unfolded}),()=>({unfolded_icon:r(l).unfolded})]),h(f,c)};z(u,f=>{r(l).isLeaf?f(g):f(v,!1)})}h(i,o)}),A(()=>X(s,1,`filter_list components level-${n()??""}`,"svelte-1nn9bvq")),h(a,s),K()}se(["click"]);var Xi=x('<img title="start"/>'),Yi=x('<img title="start"/>'),Ki=x('<span class="svelte-v0in3m"> </span>'),$i=(a,e)=>e.onUpdateFilter(a.target.value),el=x('<div><div class="filter_zero-results svelte-v0in3m"> </div></div>'),tl=x('<!> <nav class="components-nav svelte-v0in3m"><!></nav>',1),nl=(a,e,t)=>e()?t.onExpandTree():t.onCollapseTree(),sl=Qe('<svg class="controls_btn-icon svelte-v0in3m" 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>'),al=Qe('<svg class="controls_btn-icon svelte-v0in3m" 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>'),rl=Qe('<svg class="controls_btn-icon svelte-v0in3m" 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>'),il=Qe('<svg class="controls_btn-icon svelte-v0in3m" 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>'),ll=x('<li><a class="controls_btn svelte-v0in3m" href="https://gardenjs.org/docs" target="_blank" rel="noreferrer"><svg class="controls_btn-icon svelte-v0in3m" 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-v0in3m">Gardenjs Docs</span></a></li>'),ol=x('<header><a href="/"><!></a> <div class="filter svelte-v0in3m"><input aria-autocomplete="list" id="filter" class="filter_input svelte-v0in3m" autocomplete="off" type="search" placeholder="Filter..."/></div> <!> <nav class="controls svelte-v0in3m"><ul><li><button class="controls_btn svelte-v0in3m"><!> <span class="controls_btn-label svelte-v0in3m"> </span></button></li> <li><button class="controls_btn svelte-v0in3m"><!> <span class="controls_btn-label svelte-v0in3m"> </span></button></li> <!></ul></nav></header>');function cl(a,e){Y(e,!0);let t=V(e,"bookmarks",19,()=>[]),n=V(e,"nodes",19,()=>[]),s=V(e,"panelExpanded",3,!0),i=V(e,"sidebarExpanded",3,!0),l=V(e,"treeCollapsed",3,!1);var o=ol();let u;var g=p(o);let v;g.__click=function(...I){e.onLogoClicked?.apply(this,I)};var f=p(g);{var c=I=>{var P=Xi();A(()=>{de(P,"src",`/assets/${e.projectLogoDarkmode??""}`),de(P,"alt",`${e.projectTitle??""} logo`)}),h(I,P)},d=I=>{var P=G(),me=D(P);{var Te=te=>{var re=Yi();A(()=>{de(re,"src",`/assets/${e.projectLogo??""}`),de(re,"alt",`${e.projectTitle??""} logo`)}),h(te,re)},Oe=te=>{var re=Ki(),ue=p(re);A(()=>ve(ue,e.projectTitle)),h(te,re)};z(me,te=>{e.projectLogo?te(Te):te(Oe,!1)},!0)}h(I,P)};z(f,I=>{e.projectLogoDarkmode&&e.appTheme==="dark"?I(c):I(d,!1)})}var w=C(g,2),k=p(w);k.__input=[$i,e];var m=C(w,2);{var b=I=>{var P=el(),me=p(P),Te=p(me);A(()=>ve(Te,`No results for '${e.filter??""}'`)),h(I,P)},_=I=>{var P=tl(),me=D(P);{var Te=re=>{Fi(re,{get bookmarks(){return t()},get onToggleBookmark(){return e.onToggleBookmark}})};z(me,re=>{t().length>0&&re(Te)})}var Oe=C(me,2),te=p(Oe);_s(te,{get nodes(){return n()},get onToggleFoldStatusOfNode(){return e.onToggleFoldStatusOfNode}}),h(I,P)};z(m,I=>{n().length==0&&e.filter?I(b):I(_,!1)})}var S=C(m,2),y=p(S),T=p(y),M=p(T);M.__click=[nl,l,e];var L=p(M);{var O=I=>{var P=sl();h(I,P)},H=I=>{var P=al();h(I,P)};z(L,I=>{l()?I(O):I(H,!1)})}var R=C(L,2),$=p(R),F=C(T,2),U=p(F);U.__click=function(...I){e.onToggleExpandPanel?.apply(this,I)};var pe=p(U);{var Ee=I=>{var P=rl();h(I,P)},ee=I=>{var P=il();h(I,P)};z(pe,I=>{s()?I(Ee):I(ee,!1)})}var ae=C(pe,2),xe=p(ae),je=C(F,2);{var ye=I=>{var P=ll();h(I,P)};z(je,I=>{e.docsLink===1&&I(ye)})}A((I,P)=>{u=X(o,1,"sidebar_container svelte-v0in3m",null,u,I),v=X(g,1,"project-identifier svelte-v0in3m",null,v,P),ze(k,e.filter||""),de(M,"title",l()?"Expand":"Collapse"),ve($,`${l()?"Expand":"Collapse"} Explorer`),de(U,"title",s()?"Collapse":"Expand"),ve(xe,`${s()?"Collapse":"Expand"} Panel`)},[()=>({"show-sidebar":i()}),()=>({"has-logo":e.projectLogo})]),h(a,o),K()}se(["click","input"]);var ul=(a,e,t)=>e.handleButtonClick(r(t).name),dl=x('<li class="svelte-4algbe"><button><span class="dropdown_item-dot svelte-4algbe"></span> </button></li>'),vl=x('<div class="dropdown svelte-4algbe"><!> <div><ul class="svelte-4algbe"></ul></div></div>');function Ht(a,e){Y(e,!0);let t=V(e,"options",19,()=>[]),n=V(e,"dropright",3,!1);var s=G(),i=D(s);{var l=u=>{var g=vl(),v=p(g);it(v,()=>e.buttonSnippet??rt);var f=C(v,2);let c;var d=p(f);He(d,21,t,w=>w.name,(w,k)=>{var m=dl(),b=p(m);b.__click=[ul,e,k];let _;var S=C(p(b));A(y=>{_=X(b,1,"svelte-4algbe",null,_,y),ve(S,` ${r(k).name??""}`)},[()=>({active:r(k).active})]),h(w,m)}),A(w=>c=X(f,1,"dropdown_items svelte-4algbe",null,c,w),[()=>({"dropdown_items-right":n()})]),h(u,g)},o=u=>{var g=G(),v=D(g);it(v,()=>e.buttonSnippet??rt,()=>({onClick:()=>{e.handleButtonClick(t()[0].name)}})),h(u,g)};z(i,u=>{t().length>1?u(l):u(o,!1)})}h(a,s),K()}se(["click"]);var hl=Qe('<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-etku71"><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>'),gl=Qe('<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-etku71"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><path d="M9 3v18m5-12l3 3-3 3"></path></svg>'),fl=(a,e)=>e.onToggleBookmark(e.node),pl=Qe('<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-etku71"><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>'),ml=Qe('<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-etku71"><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>'),_l=x('<button class="topbar_btn reveal_btn svelte-etku71" title="Reveal in explorer"><span class="is-hidden svelte-etku71">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-etku71"><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>'),kl=x('<button class="topbar_btn bookmark_btn svelte-etku71"><span class="is-hidden svelte-etku71"> </span> <!></button> <!>',1),bl=x('<button title="Small"><span class="is-hidden svelte-etku71">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-etku71"></span></button>'),wl=x('<button title="Medium"><span class="is-hidden svelte-etku71">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-etku71"></span></button>'),xl=x('<button title="Large"><span class="is-hidden svelte-etku71">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-etku71"></span></button>'),yl=(a,e)=>e.onSetStageSize("full"),Sl=(a,e)=>{e.onSetStageWidth(Number.parseInt(a.target.value))},Cl=(a,e)=>{e.onSetStageHeight(Number.parseInt(a.target.value))},Tl=x('<button class="dropdown_btn topbar_btn svelte-etku71" title="Switch component theme"><span class="is-hidden svelte-etku71">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-etku71"><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>'),Ml=Qe('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-etku71" 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>'),zl=Qe('<svg xmlns="http://www.w3.org/2000/svg" class="mode-icon svelte-etku71" 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>'),El=x('<div class="topbar svelte-etku71"><div class="topbar_container svelte-etku71"><div class="topbar_nav svelte-etku71"><button class="topbar_btn is-first-btn svelte-etku71"><span class="is-hidden svelte-etku71"> </span> <!></button> <!></div> <div class="topbar_nav svelte-etku71"><div class="stagesize-nav svelte-etku71"><!> <!> <!> <button title="Full"><span class="is-hidden svelte-etku71">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-etku71"><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-etku71"></span></button> <button class="svelte-etku71"><span class="is-hidden svelte-etku71"> </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-etku71"><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-etku71"><input class="stagesize-input svelte-etku71" type="number" min="50"/> <div class="stagesize-value-multi_sign svelte-etku71">&#47;</div> <input class="stagesize-input svelte-etku71" type="number" min="50"/></div> <button title="Show background grid"><span class="is-hidden svelte-etku71">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-etku71"><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-etku71"></span></button> <button title="Visualise margins and paddings"><span class="is-hidden svelte-etku71">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-etku71"><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-etku71"></span></button> <button class="topbar_btn openexternal_btn svelte-etku71" title="Open component in new tab"><span class="is-hidden svelte-etku71">Open component in new tab</span> <svg xmlns="http://www.w3.org/2000/svg" class="open-new-tab-icon svelte-etku71" 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-etku71"><span class="is-hidden svelte-etku71"> </span> <!></button></div></div></div>');function jl(a,e){Y(e,!0);let t=V(e,"appTheme",3,"default"),n=V(e,"landscape",3,!1),s=V(e,"sidebarExpanded",3,!0),i=V(e,"stageSize",3,"full"),l=V(e,"stageSizes",19,()=>({})),o=V(e,"themes",19,()=>[]),u=ie(!1);const g=E(()=>Math.round(e.stageRect.width)),v=E(()=>Math.round(e.stageRect.height));Ce(()=>{Z(u,t()==="dark"),t()==="dark"?document.documentElement.setAttribute("data-theme","dark"):document.documentElement.setAttribute("data-theme","light")});var f=El(),c=p(f),d=p(c),w=p(d);w.__click=function(...B){e.onToggleExpandSidebar?.apply(this,B)};var k=p(w),m=p(k),b=C(k,2);{var _=B=>{var Q=hl();h(B,Q)},S=B=>{var Q=gl();h(B,Q)};z(b,B=>{s()?B(_):B(S,!1)})}var y=C(w,2);{var T=B=>{var Q=kl(),le=D(Q);le.__click=[fl,e];var be=p(le),De=p(be),he=C(be,2);{var oe=ge=>{var fe=pl();h(ge,fe)},Se=ge=>{var fe=ml();h(ge,fe)};z(he,ge=>{e.node.bookmark?ge(oe):ge(Se,!1)})}var we=C(le,2);{var ce=ge=>{var fe=_l();fe.__click=function(...Ue){e.onRevealInExplorer?.apply(this,Ue)},h(ge,fe)};z(we,ge=>{e.nodeVisibleInExplorer||ge(ce)})}A(()=>{de(le,"title",e.node.bookmark?"Remove from bookmarks":"Add to bookmarks"),ve(De,e.node.bookmark?"Remove from bookmarks":"Add to bookmarks")}),h(B,Q)};z(y,B=>{e.node&&B(T)})}var M=C(d,2),L=p(M),O=p(L);{var H=B=>{Ht(B,{get options(){return l().small},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:(le,be)=>{let De=()=>be?.().onClick;var he=bl();let oe;he.__click=function(...ce){De()?.apply(this,ce)};var Se=C(p(he),2);let we;A((ce,ge)=>{oe=X(he,1,"dropdown_btn topbar_btn svelte-etku71",null,oe,ce),we=X(Se,0,"svelte-etku71",null,we,ge)},[()=>({active:l().small.some(ce=>ce.active)}),()=>({landscape:n()})]),h(le,he)},$$slots:{buttonSnippet:!0}})};z(O,B=>{l().small?.length>0&&B(H)})}var R=C(O,2);{var $=B=>{Ht(B,{get options(){return l().medium},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:(le,be)=>{let De=()=>be?.().onClick;var he=wl();let oe;he.__click=function(...ce){De()?.apply(this,ce)};var Se=C(p(he),2);let we;A((ce,ge)=>{oe=X(he,1,"dropdown_btn topbar_btn svelte-etku71",null,oe,ce),we=X(Se,0,"svelte-etku71",null,we,ge)},[()=>({active:l().medium.some(ce=>ce.active)}),()=>({landscape:n()})]),h(le,he)},$$slots:{buttonSnippet:!0}})};z(R,B=>{l().medium?.length>0&&B($)})}var F=C(R,2);{var U=B=>{Ht(B,{get options(){return l().large},get handleButtonClick(){return e.onSetStageSize},buttonSnippet:(le,be)=>{let De=()=>be?.().onClick;var he=xl();let oe;he.__click=function(...ce){De()?.apply(this,ce)};var Se=C(p(he),2);let we;A((ce,ge)=>{oe=X(he,1,"dropdown_btn topbar_btn svelte-etku71",null,oe,ce),we=X(Se,0,"svelte-etku71",null,we,ge)},[()=>({active:l().large.some(ce=>ce.active)}),()=>({landscape:n()})]),h(le,he)},$$slots:{buttonSnippet:!0}})};z(F,B=>{l().large?.length>0&&B(U)})}var pe=C(F,2);pe.__click=[yl,e];let Ee;var ee=C(pe,2);ee.__click=function(...B){e.onToggleOrientation?.apply(this,B)};var ae=p(ee),xe=p(ae),je=C(L,2),ye=p(je);ye.__change=[Sl,e];var I=C(ye,4);I.__change=[Cl,e];var P=C(je,2);let me;P.__click=function(...B){e.onToggleShowGrid?.apply(this,B)};var Te=C(P,2);let Oe;Te.__click=function(...B){e.onToggleShowInspector?.apply(this,B)};var te=C(Te,2);te.__click=function(...B){e.onOpenInTab?.apply(this,B)};var re=C(te,2);{var ue=B=>{Ht(B,{get options(){return o()},dropright:!0,get handleButtonClick(){return e.onSetTheme},buttonSnippet:le=>{var be=Tl();h(le,be)},$$slots:{buttonSnippet:!0}})};z(re,B=>{o().length>1&&B(ue)})}var Re=C(re,2);Re.__click=function(...B){e.onToggleAppTheme?.apply(this,B)};var Ze=p(Re),ke=p(Ze),Pe=C(Ze,2);{var Ie=B=>{var Q=Ml();h(B,Q)},nt=B=>{var Q=zl();h(B,Q)};z(Pe,B=>{r(u)?B(Ie):B(nt,!1)})}A((B,Q,le)=>{de(w,"title",s()?"Collapse sidebar":"Expand sidebar"),ve(m,s()?"Collapse sidebar":"Expand sidebar"),Ee=X(pe,1,"svelte-etku71",null,Ee,B),de(ee,"title",n()?"Portrait mode":"Landscape mode"),ve(xe,`Reverse the aspect ratio to ${n()?"portrait mode":"landscape mode"}`),ye.disabled=i()!=="full",ze(ye,r(g)),de(ye,"max",e.stageMaxWidth),I.disabled=i()!=="full",ze(I,r(v)),de(I,"max",e.stageMaxHeight),me=X(P,1,"topbar_btn show-grid svelte-etku71",null,me,Q),Oe=X(Te,1,"topbar_btn show-m-p_btn svelte-etku71",null,Oe,le),de(Re,"title",r(u)?"Light mode":"Dark mode"),ve(ke,r(u)?"Light mode":"Dark mode")},[()=>({active:i()==="full"}),()=>({active:e.showGrid===!0}),()=>({active:e.showInspector===!0})]),h(a,f),K()}se(["click","change"]);function Fe(a,e,t=s=>s,n=s=>s){const s=_e(t(localStorage.getItem(a))??e);return s.subscribe(i=>{localStorage.setItem(a,n(i))}),s}const St=a=>a==null||Number.isNaN(Number(a))?a:Number(a),Rl=new ma(()=>window.innerWidth,a=>Zs(window,"resize",a)),Mt=Fe("sidebarWidth",260,St),ks=_e(260),wn=Fe("sidebarExpanded",!1);let Wn=ie(260),ln=ie(!0),jt=ie(!1),zt=ie(!0);const Il=()=>{Ce(()=>{Rl.current<840?(Z(jt,!1),Z(zt,!0)):Z(zt,!1)}),Ce(()=>{wn.set(r(zt)?r(jt):r(ln))})};function Ll(){W(wn)?(Z(Wn,W(Mt),!0),Mt.set(0)):Mt.set(r(Wn)??260),r(zt)?Z(jt,!r(jt)):Z(ln,!r(ln))}function Bl(){r(zt)&&Z(jt,!1)}function ql(a){Mt.set(a)}function Nl(a){ks.set(a)}const st=_e([]),Rt=_e({small:[{name:"small",h:1170,w:550}],medium:[{name:"medium",h:1080,w:810}],large:[{name:"large",h:960,w:1536}]}),Hn={name:"full",h:"100%",w:"100%"},bs=_e(""),Bt=Fe("stageSize","full"),It=Fe("landscape",!1,a=>a==="true"),$e=Fe("stageContainerHeight","",St),xn=Fe("stageContainerWidth","",St),et=Fe("stageContainerMaxHeight","",St),Ft=Fe("stageHeight","full",St),Zt=Fe("stageWidth","full",St),Al=Yt([$e,et],([a,e])=>Math.min(a,e)-20),Wl=Yt(xn,a=>a-20),ws=_e({}),Et=_e(!0),on=Fe("appTheme","default"),wt=Fe("frameTheme"),cn=_e(!1),un=_e(!1),xs=_e({size:16,style:"lined",color:"#ddd"}),Hl=()=>{Bt.set("full"),It.set(!1),$e.set(""),xn.set(""),et.set(""),Ft.set("full"),Zt.set("full")};function Ol({size:a,style:e,color:t}){xs.set({size:a??50,style:e??"lined",color:t??"grey"})}let bt="";function Pl(a){Rt.set(a),Ss(W(Bt))}function Dl(a){W(wt)||wt.set(a?.find(e=>e.active)?.name??a[0].name),st.set(a?.map(e=>({...e,active:e.name===W(wt)}))),qt()}function Ul(a){st.set(W(st).map(e=>({...e,active:e.name===a}))),wt.set(a),qt()}function Vl(){on.set(W(on)==="dark"?"default":"dark")}function Fl(){return W(st)&&W(st).length>0?W(st).find(a=>a.name===W(wt))??W(st)[0]:{stageBg:"white"}}function Zl(a){if(a==="full")return Hn;const e=W(Rt),t=[...e.small??[],...e.medium??[],...e.large??[]].find(n=>n.name===a);return t?{...t,h:`${t.h}px`,w:`${t.w}px`}:Hn}function qt(){const a=Fl().stageBg,{h:e,w:t}=Zl(W(Bt)),n=W(It)?`width: ${e}; height: ${t}`:`width: ${t}; height: ${e}`,s=`background-color: ${a}`;bs.set(`${n}; ${s}; transition: 0s;`)}function Gl(a){$e.set(a),ys()}function Ql(a){ws.set(a)}function Jl(a){const e=a-9;et.set(e),ys()}function Xl(a){xn.set(a)}function On(a){Number.isInteger(a)?Ft.set(Math.max(50,a)):Ft.set(a)}function Pn(a){Number.isInteger(a)?Zt.set(Math.max(50,a)):Zt.set(a)}function ys(){Number.isInteger(W($e))&&Number.isInteger(W(et))&&Et.set(W($e)<W(et))}function Dn(){W(Et)?(bt=W($e),$e.set(W(et))):((!Number.isInteger(bt)||Number.isInteger(bt)&&W(et)-bt<50)&&(bt=Math.round(W(et)*.7)),$e.set(bt)),Et.set(!W(Et))}function Yl(){cn.set(!W(cn))}function Kl(){un.set(!W(un))}function Ss(a){Bt.set(a);const e=W(Rt),t=Object.keys(e).reduce((n,s)=>(n[s]=e[s].map(i=>({...i,active:i.name===a})),n),{});Rt.set(t),qt()}function $l(){It.set(!W(It)),qt()}qt();function eo(a,e,t=s=>s,n=s=>s){const s=_e(t(localStorage.getItem(a))??e);return s.subscribe(i=>{localStorage.setItem(a,n(i))}),s}const yn=_e([]),Kt=_e(),Sn=_e(),Ge=eo("bookmarks",[],JSON.parse,JSON.stringify);let Un=!1,Ve=_e([]),xt=[],Nt;const to=Yt(Ve,a=>!a.some(e=>Tn(e))),no=Yt(Sn,a=>{const e=[];let t=a;for(;t.parent;)e.push(t.parent),t=t.parent;return e.every(n=>Tn(n))});function At(a){return[a,...so(a)]}function so(a){return a.children?a.children.flatMap(At):[]}function ao(a){Nt=a,tt(),go()}function ro(a){Kt.set(a),tt()}function io(a){Ve.set(a),Un||(Cs(),fo(),Un=!0),yn.set(Cn(W(Ve))),Ve.set(a)}function tt(){yn.set(Cn(W(Ve))),Ve.set(W(Ve))}function Cn(a,e){const t=W(Kt)?.toLowerCase();return a.map(n=>{const s=t?n.name?.toLowerCase().includes(t):!0,i=t&&s?lo(n.name):n.name;if(n.isLeaf){const o=e?.visible||s?{...n,parent:e,name:i,selected:Nt===n.key,isLeaf:!0,bookmark:W(Ge).find(u=>u.key===n.key)!==void 0}:void 0;return o?.selected&&Sn.set(o),o}else{n.parent=e;const l=Cn(n.children,n).filter(u=>u),o=s||l.length>0;return o?{...n,parent:e,name:i,children:l,unfolded:Tn(n,t,o),filterMatches:s}:void 0}}).filter(n=>n)}function lo(a){const e=W(Kt).toLowerCase(),t=a.toLowerCase().indexOf(e),n=t+e.length,s=a.substring(0,t),i=a.substring(t,n),l=a.substring(n);return`${s}<span class="highlight">${i}</span>${l}`}function Tn(a,e,t){return e&&t||xt[a.key]}function an(a){return a.split("#")[0].split("?")[0].replace(/\/+$/,"")}function oo(a){const e=an(a),n=W(Ve).flatMap(At).find(l=>l.isLeaf&&an(l.href)===e),i=(an(n?.href)||e).split("/").filter(l=>l.length>0);if(i.length<2)return n;for(let l=0;l<i.length-1;l++){const o="/"+i.slice(0,l+1).join("/")+"/";xt[o]=!0}tt()}function co(a){xt[a.key]=!xt[a.key],tt()}function uo(){xt=W(Ve).flatMap(At).reduce((e,t)=>(e[t.key]=!1,e),{}),tt()}function Cs(){xt=W(Ve).flatMap(At).reduce((e,t)=>(e[t.key]=!0,e),{}),tt()}function Vn(a){a.bookmark?vo({...a}):ho({...a,bookmark:!0}),tt()}function vo(a){Ge.set(W(Ge).filter(e=>a.key!==e.key).map(e=>({...e,selected:e.key===Nt}))),tt()}function ho(a){Ge.set([...W(Ge),{...a,parent:void 0}].map(e=>({...e,selected:e.key===Nt})).sort((e,t)=>e.name.localeCompare(t.name))),tt()}function go(){Ge.set([...W(Ge)].map(a=>({...a,selected:a.key===Nt})).sort((a,e)=>a.name.localeCompare(e.name)))}function fo(){const a=W(Ve).flatMap(At),e=W(Ge).filter(t=>a.some(n=>n.key===t.key));Ge.set(e)}const Ts=[],po=globalThis.location?globalThis.location.pathname+globalThis.location.search:"";let We=po,at="",dn,vn={url:We};(function(){globalThis.history&&(globalThis.history.state&&globalThis.history.state.url==We&&(vn=globalThis.history.state),globalThis.history.replaceState(vn,null,We))})();function mo(a,e,t){dn=a,at=e,t&&_o(t),Gt(vn,We)}function _o(a){Ts.push(a)}function Gt(a,e){Ts.forEach(t=>{t(ko(e),a)})}function ko(a){const e=a.substring(at.length),t=Object.keys(dn).find(n=>e.match(new RegExp("^"+n+"$","i")));return t?dn[t]:null}(function(a){if(a){var e=a.pushState,t=a.replaceState;a.pushState=function(n,s,i){let o=typeof i=="string"?i:"";at.length>0&&o.startsWith(at)&&(o=o.substring(at.length)||"/"),o.length===0&&(o="/"),o[0]!=="/"&&(o="/"+o),We=at+o;const u=n&&typeof n=="object"?n:{};return u.url=We,u.url!==a.state?.url||u.selectedExample!==a.state?.selectedExample?(Gt(u,We),e.apply(a,[u,"",We])):(Gt(u,We),t.apply(a,[u,"",We]))}}})(globalThis.history);globalThis.onpopstate=function(a){a.state?We=a.state.url:We=at.length>0?at:"/",Gt(a.state,We)};const hn=_e(""),Qt=_e(),Jt=_e({}),bo=_e("");let Xt,gn,fn;function wo(a){Xt=a,fn&&Ms()}function xo(a,e,t){Xt=a,fn||(fn=!0,mo(e,t,yo))}function yo(a,e){if(Qt.set({}),hn.set(""),Jt.set({}),a&&Xt){hn.set(a.fullname),bo.set(a.route);const t=Xt[a.fullname];t.componentfile=a.file,Qt.set(t),gn=e,Ms()}}function Ms(){const a=W(Qt).examples||[];gn?.selectedExample?Jt.set(a.find(e=>e.title==gn.selectedExample)?.title):Jt.set(a[0]?.title)}var So=()=>{window.top.location.reload()},Co=x('<div class="message svelte-1ytl8i1"><div class="click-completed svelte-1ytl8i1">Relative link was clicked!</div> <div class="instruction svelte-1ytl8i1">Click the button to return: <button class="svelte-1ytl8i1">back</button></div></div>'),To=x('<div class="main svelte-1ytl8i1"><!> <!></div>'),Mo=x('<div class="garden svelte-1ytl8i1"><!></div>');function zo(a,e){Y(e,!0);const[t,n]=Gs(),s=()=>J(hn,"$componentName",t),i=()=>J(Jt,"$selectedExample",t),l=()=>J(wt,"$activeTheme",t),o=()=>J(Mt,"$sidebarWidth",t),u=()=>J(ks,"$sidebarMaxWidth",t),g=()=>J(on,"$appTheme",t),v=()=>J(Ge,"$bookmarks",t),f=()=>J(Kt,"$filterNavTree",t),c=()=>J(yn,"$nodes",t),d=()=>J(Et,"$panelExpanded",t),w=()=>J(to,"$treeCollapsed",t),k=()=>J(wn,"$sidebarExpanded",t),m=()=>J(It,"$landscape",t),b=()=>J(Sn,"$selectedNode",t),_=()=>J(un,"$showGrid",t),S=()=>J(no,"$selectedNodeVisibleInTree",t),y=()=>J(cn,"$showInspector",t),T=()=>J(Ft,"$stageHeight",t),M=()=>J(Al,"$stageMaxHeight",t),L=()=>J(Wl,"$stageMaxWidth",t),O=()=>J(ws,"$stageRect",t),H=()=>J(Bt,"$stageSize",t),R=()=>J(Rt,"$stageSizes",t),$=()=>J(Zt,"$stageWidth",t),F=()=>J(st,"$themes",t),U=()=>J(Qt,"$das",t),pe=()=>J(xs,"$gridSettings",t),Ee=()=>J($e,"$stageContainerHeight",t),ee=()=>J(et,"$stageContainerMaxHeight",t),ae=()=>J(bs,"$stageStyle",t);let xe="/garden";Ce(()=>{io(e.navTree)}),Ce(()=>{e.routes&&e.dasMap&&xo(e.dasMap,e.routes,xe)}),Ce(()=>{wo(e.dasMap)}),Ce(()=>{Dl(e.config.themes)}),Ce(()=>{e.config.devices&&Pl(e.config.devices),e.config.grid&&Ol(e.config.grid)}),Ce(()=>{ao(s()),Bl()}),Il();let je=e.config.project_title||"",ye=e.config.project_logo?.split("/").pop()||null,I=e.config.project_logo_darkmode?.split("/").pop()||null,P=E(()=>e.config.docs_link?1:0);function me(){const ue=window.open("/frame.html","_blank");ue&&(ue.onload=()=>{ue.postMessage({selectedExample:i(),componentName:s(),theme:l()},window.location.origin)})}var Te=G(),Oe=D(Te);{var te=ue=>{var Re=Co(),Ze=C(p(Re),2),ke=C(p(Ze));ke.__click=[So],h(ue,Re)},re=ue=>{var Re=Mo(),Ze=p(Re);ls(Ze,{get leftWidth(){return o()},get maxWidth(){return u()},get onSetLeftWidth(){return ql},get onSetMaxWidth(){return Nl},hideDragBar:!0,left:Ie=>{cl(Ie,{get docsLink(){return r(P)},get projectLogoDarkmode(){return I},get projectLogo(){return ye},get projectTitle(){return je},get appTheme(){return g()},get bookmarks(){return v()},get filter(){return f()},get nodes(){return c()},get panelExpanded(){return d()},get treeCollapsed(){return w()},get sidebarExpanded(){return k()},get onLogoClicked(){return Hl},get onToggleBookmark(){return Vn},get onToggleExpandPanel(){return Dn},get onToggleFoldStatusOfNode(){return co},get onUpdateFilter(){return ro},get onCollapseTree(){return uo},get onExpandTree(){return Cs}})},right:Ie=>{var nt=To(),B=p(nt);jl(B,{get appTheme(){return g()},get landscape(){return m()},get node(){return b()},get showGrid(){return _()},get nodeVisibleInExplorer(){return S()},get showInspector(){return y()},get sidebarExpanded(){return k()},get stageHeight(){return T()},get stageMaxHeight(){return M()},get stageMaxWidth(){return L()},get stageRect(){return O()},get stageSize(){return H()},get stageSizes(){return R()},get stageWidth(){return $()},get themes(){return F()},onOpenInTab:me,get onSetStageHeight(){return On},get onSetStageWidth(){return Pn},get onSetStageSize(){return Ss},get onSetTheme(){return Ul},get onToggleAppTheme(){return Vl},get onToggleBookmark(){return Vn},get onToggleExpandSidebar(){return Ll},get onToggleOrientation(){return $l},get onToggleShowGrid(){return Kl},get onToggleShowInspector(){return Yl},onRevealInExplorer:()=>oo(b()?.href)});var Q=C(B,2);Hi(Q,{get appTheme(){return g()},get componentName(){return s()},get das(){return U()},get devmodus(){return e.config.devmodus},get gridSettings(){return pe()},get panelExpanded(){return d()},get selectedExample(){return i()},get showGrid(){return _()},get showInspector(){return y()},get stageContainerHeight(){return Ee()},get stageContainerMaxHeight(){return ee()},get stageHeight(){return T()},get stageMaxHeight(){return M()},get stageMaxWidth(){return L()},get stageSize(){return H()},get stageStyle(){return ae()},get stageWidth(){return $()},get theme(){return l()},get onSetStageContainerHeight(){return Gl},get onSetStageContainerMaxHeight(){return Jl},get onSetStageContainerWidth(){return Xl},get onSetStageHeight(){return On},get onSetStageWidth(){return Pn},get onToggleExpandPanel(){return Dn},get onUpdateStageRect(){return Ql}}),h(Ie,nt)},$$slots:{left:!0,right:!0}}),h(ue,Re)};z(Oe,ue=>{window.top!==window.self?ue(te):ue(re,!1)})}h(a,Te),K(),n()}se(["click"]);Qs(zo,{target:document.getElementById("app"),props:{navTree:Xs,routes:Js,dasMap:Ys,config:Ks}});

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-BMUAOuQc.js"></script>
+    <script type="module" crossorigin src="/assets/index-D3v3wg7J.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/props-BQOViwFg.js">
     <link rel="stylesheet" crossorigin href="/assets/index-qFmggI7l.css">
   </head>

package/package.json

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

package/src/client/logic/localStore.js

@@ -16,7 +16,7 @@ export function localStore(
 }
 
 export const textOrNumberParser = (value) => {
-  if (Number.isNaN(Number(value))) {
+  if (value === null || value === undefined || Number.isNaN(Number(value))) {
     return value
   }
   return Number(value)