@rettangoli/ui 0.1.2-rc23 → 0.1.2-rc24

package/dist/rettangoli-iife-ui.min.js

@@ -1,4 +1,4 @@
-var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)Is(e,r,{get:t[r],enumerable:!0})};function I(e,...t){let r="";return e.forEach((s,n)=>{r+=s+(t[n]||"")}),r}var Os=["xs","sm","md","lg","xl"],er={mt:"margin-top",mr:"margin-right",mb:"margin-bottom",ml:"margin-left",m:"margin",mh:"margin-left margin-right",mv:"margin-top margin-bottom",pt:"padding-top",pr:"padding-right",pb:"padding-bottom",pl:"padding-left",p:"padding",ph:"padding-left padding-right",pv:"padding-top padding-bottom",g:"gap",gv:"row-gap",gh:"column-gap",bw:"border-width",bwt:"border-top-width",bwr:"border-right-width",bwb:"border-bottom-width",bwl:"border-left-width",bc:"border-color",br:"border-radius",pos:"position",shadow:"box-shadow",ta:"text-align",c:"color",cur:"cursor"},re=Object.keys(er),se=e=>e.concat(Os.flatMap(t=>e.map(r=>`${t}-${r}`))),tr={default:void 0,xl:"@media only screen and (max-width: 1280px)",lg:"@media only screen and (max-width: 1024px)",md:"@media only screen and (max-width: 768px)",sm:"@media only screen and (max-width: 640px)"},Q=(e,t={})=>{let r="";for(let[s,n]of Object.entries(tr)){s!=="default"&&(r+=`${n} {`);for(let[i,o]of Object.entries(e)){let a=t[i]?` ${t[i]} `:" ";for(let[l,p]of Object.entries(o)){let u=er[i],c=p.startsWith("--")?`var(${p})`:p,d=s==="default"?i:`${s}-${i}`,y=s==="default"?`h-${i}`:`${s}-h-${i}`;if(u){let f=u.split(" ").map(m=>`${m}: ${c};`).join(" ");r+=`
+var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)Is(e,r,{get:t[r],enumerable:!0})};function I(e,...t){let r="";return e.forEach((s,n)=>{r+=s+(t[n]||"")}),r}var Os=["xs","sm","md","lg","xl"],tr={mt:"margin-top",mr:"margin-right",mb:"margin-bottom",ml:"margin-left",m:"margin",mh:"margin-left margin-right",mv:"margin-top margin-bottom",pt:"padding-top",pr:"padding-right",pb:"padding-bottom",pl:"padding-left",p:"padding",ph:"padding-left padding-right",pv:"padding-top padding-bottom",g:"gap",gv:"row-gap",gh:"column-gap",bw:"border-width",bwt:"border-top-width",bwr:"border-right-width",bwb:"border-bottom-width",bwl:"border-left-width",bc:"border-color",br:"border-radius",pos:"position",shadow:"box-shadow",ta:"text-align",c:"color",cur:"cursor"},re=Object.keys(tr),se=e=>e.concat(Os.flatMap(t=>e.map(r=>`${t}-${r}`))),rr={default:void 0,xl:"@media only screen and (max-width: 1280px)",lg:"@media only screen and (max-width: 1024px)",md:"@media only screen and (max-width: 768px)",sm:"@media only screen and (max-width: 640px)"},Q=(e,t={})=>{let r="";for(let[s,n]of Object.entries(rr)){s!=="default"&&(r+=`${n} {`);for(let[i,o]of Object.entries(e)){let a=t[i]?` ${t[i]} `:" ";for(let[l,p]of Object.entries(o)){let u=tr[i],c=p.startsWith("--")?`var(${p})`:p,d=s==="default"?i:`${s}-${i}`,y=s==="default"?`h-${i}`:`${s}-h-${i}`;if(u){let f=u.split(" ").map(m=>`${m}: ${c};`).join(" ");r+=`
             :host([${d}="${l}"])${a}{
               ${f}
             }
@@ -12,7 +12,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
             :host([${y}="${l}"]:hover)${a}{
               ${p}
             }
-          `}}s!=="default"&&(r+="}")}return r};function Ts(e){if(e===null||e.includes("/"))return!1;let t=String(e);return/[0-9]$/.test(t)}var Ls=e=>/%$/.test(e),D=e=>{if(e!==void 0)return Ls(e)?e:Ts(e)?`${e}px`:Object.keys(N).includes(e)?`var(${N[e]})`:e},N={xs:"--spacing-xs",sm:"--spacing-sm",md:"--spacing-md",lg:"--spacing-lg",xl:"--spacing-xl"};function ie(e,t=":host"){let r="";for(let[s,n]of Object.entries(tr)){s!=="default"&&(r+=`${n} {
+          `}}s!=="default"&&(r+="}")}return r};function Ts(e){if(e===null||e.includes("/"))return!1;let t=String(e);return/[0-9]$/.test(t)}var Ls=e=>/%$/.test(e),D=e=>{if(e!==void 0)return Ls(e)?e:Ts(e)?`${e}px`:Object.keys(N).includes(e)?`var(${N[e]})`:e},N={xs:"--spacing-xs",sm:"--spacing-sm",md:"--spacing-md",lg:"--spacing-lg",xl:"--spacing-xl"};function ie(e,t=":host"){let r="";for(let[s,n]of Object.entries(rr)){s!=="default"&&(r+=`${n} {
 `);let i="";for(let[o,a]of Object.entries(e[s]))a!=null&&(i+=`${o}: ${a};
 `);r+=`${t} {
     ${i.trim()}
@@ -104,7 +104,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
     `,lk:`
       background-color: transparent;
       color: var(--foreground);
-    `}},Vs={mt:"button",mr:"button",mb:"button",ml:"button",m:"button",mh:"button",mv:"button",s:"button",v:"button"},rr=Q(Ns,Vs);var fe=I`
+    `}},Vs={mt:"button",mr:"button",mb:"button",ml:"button",m:"button",mh:"button",mv:"button",s:"button",v:"button"},sr=Q(Ns,Vs);var fe=I`
   a, a:link, a:visited, a:hover, a:active {
     color: inherit;
     text-decoration: none;
@@ -114,7 +114,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
     margin: 0;
     font: inherit;
   }
-`;var qe=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+`;var Ye=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           display: contents;
         }
@@ -256,9 +256,9 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
           display: contents;
         }
 
-        ${rr}
+        ${sr}
         ${de}
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._containerElement=null,this._buttonElement=document.createElement("button"),this._slotElement=document.createElement("slot"),this._iconElement=null,this._buttonElement.appendChild(this._slotElement)}static get observedAttributes(){return["key","href","target","w","t","icon","disabled","v","s","sq","ip"]}connectedCallback(){this._updateButton()}attributeChangedCallback(t,r,s){this._updateButton()}_updateButton(){this.shadow.innerHTML="",this._updateIcon(),this.hasAttribute("sq")||this._updateWidth(),this.hasAttribute("disabled")?this._buttonElement.setAttribute("disabled",""):this._buttonElement.removeAttribute("disabled");let r=this.getAttribute("href");if(r){let s=document.createElement("a");s.setAttribute("href",r);let n=this.getAttribute("target");n&&s.setAttribute("target",n),s.appendChild(this._buttonElement),this.shadow.appendChild(s),this._containerElement=s}else this.shadow.appendChild(this._buttonElement),this._containerElement=this._buttonElement}_updateIcon(){this._iconElement&&(this._iconElement.remove(),this._iconElement=null);let t=this.getAttribute("icon");if(t){let r={pr:"pr-fg",se:"ac-fg",de:"pr-fg",ol:"ac-fg",gh:"ac-fg",lk:"ac-fg"},s={sm:14,md:18,lg:22},n=r[this.getAttribute("v")]||"pr-fg",i=18;if(this.hasAttribute("sq")){let a={sm:14,lg:22},l=this.getAttribute("s");i=a[l]||18}else i=s[this.getAttribute("t")]||18;this._iconElement=document.createElement("rtgl-svg"),this._iconElement.setAttribute("svg",t),this._iconElement.setAttribute("c",n),this._iconElement.setAttribute("wh",i.toString()),this.getAttribute("ip")==="s"?this._buttonElement.insertBefore(this._iconElement,this._slotElement):this._buttonElement.appendChild(this._iconElement)}}_updateWidth(){let t=D(this.getAttribute("w"));t==="f"?this._buttonElement.style.width="var(--width-stretch)":t!=null?(this._buttonElement.style.width=t,this._buttonElement.style.minWidth=t,this._buttonElement.style.maxWidth=t):(this._buttonElement.style.width="",this._buttonElement.style.minWidth="",this._buttonElement.style.maxWidth="")}},sr=({render:e,html:t})=>qe;var ir=I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._containerElement=null,this._buttonElement=document.createElement("button"),this._slotElement=document.createElement("slot"),this._iconElement=null,this._buttonElement.appendChild(this._slotElement)}static get observedAttributes(){return["key","href","target","w","t","icon","disabled","v","s","sq","ip"]}connectedCallback(){this._updateButton()}attributeChangedCallback(t,r,s){this._updateButton()}_updateButton(){this.shadow.innerHTML="",this._updateIcon(),this.hasAttribute("sq")||this._updateWidth(),this.hasAttribute("disabled")?this._buttonElement.setAttribute("disabled",""):this._buttonElement.removeAttribute("disabled");let r=this.getAttribute("href");if(r){let s=document.createElement("a");s.setAttribute("href",r);let n=this.getAttribute("target");n&&s.setAttribute("target",n),s.appendChild(this._buttonElement),this.shadow.appendChild(s),this._containerElement=s}else this.shadow.appendChild(this._buttonElement),this._containerElement=this._buttonElement}_updateIcon(){this._iconElement&&(this._iconElement.remove(),this._iconElement=null);let t=this.getAttribute("icon");if(t){let r={pr:"pr-fg",se:"ac-fg",de:"pr-fg",ol:"ac-fg",gh:"ac-fg",lk:"ac-fg"},s={sm:14,md:18,lg:22},n=r[this.getAttribute("v")]||"pr-fg",i=18;if(this.hasAttribute("sq")){let a={sm:14,lg:22},l=this.getAttribute("s");i=a[l]||18}else i=s[this.getAttribute("t")]||18;this._iconElement=document.createElement("rtgl-svg"),this._iconElement.setAttribute("svg",t),this._iconElement.setAttribute("c",n),this._iconElement.setAttribute("wh",i.toString()),this.getAttribute("ip")==="s"?this._buttonElement.insertBefore(this._iconElement,this._slotElement):this._buttonElement.appendChild(this._iconElement)}}_updateWidth(){let t=D(this.getAttribute("w"));t==="f"?this._buttonElement.style.width="var(--width-stretch)":t!=null?(this._buttonElement.style.width=t,this._buttonElement.style.minWidth=t,this._buttonElement.style.maxWidth=t):(this._buttonElement.style.width="",this._buttonElement.style.minWidth="",this._buttonElement.style.maxWidth="")}},ir=({render:e,html:t})=>Ye;var nr=I`
 
   :host([d="h"]) {
     flex-direction: row;
@@ -329,7 +329,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
       justify-content: center;
     }
   }
-`;var Rs={cur:{p:"pointer",m:"move",grab:"grab",grabbing:"grabbing"}},U=Q(Rs);var nr=I`
+`;var Rs={cur:{alias:"alias","all-scroll":"all-scroll",auto:"auto",cell:"cell","col-resize":"col-resize","context-menu":"context-menu",copy:"copy",crosshair:"crosshair",default:"default","e-resize":"e-resize","ew-resize":"ew-resize",grab:"grab",grabbing:"grabbing",help:"help",move:"move","n-resize":"n-resize","ne-resize":"ne-resize","nesw-resize":"nesw-resize","ns-resize":"ns-resize","nw-resize":"nw-resize","nwse-resize":"nwse-resize","no-drop":"no-drop",none:"none","not-allowed":"not-allowed",pointer:"pointer",progress:"progress","row-resize":"row-resize","s-resize":"s-resize","se-resize":"se-resize","sw-resize":"sw-resize",text:"text",url:"url","w-resize":"w-resize",wait:"wait","zoom-in":"zoom-in","zoom-out":"zoom-out",p:"pointer",m:"move"}},U=Q(Rs);var ar=I`
 :host([sh]:not([sv])) {
     overflow-x: scroll;
     flex-wrap: nowrap;
@@ -347,7 +347,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
     flex-wrap: nowrap;
 }
 
-`;var _e={xs:"--border-width-xs",sm:"--border-width-sm",md:"--border-width-md",lg:"--border-width-lg",xl:"--border-width-xl"},Ps={bgc:{pr:`
+`;var ke={xs:"--border-width-xs",sm:"--border-width-sm",md:"--border-width-md",lg:"--border-width-lg",xl:"--border-width-xl"},Ps={bgc:{pr:`
     background-color: var(--primary);
     `,se:`
     background-color: var(--secondary);
@@ -387,7 +387,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
         left: 0;
         top: 0;
         height: 100%;
-        `},shadow:{sm:"--shadow-sm",md:"--shadow-md",lg:"--shadow-lg"},pt:N,pr:N,pb:N,pl:N,p:N,ph:N,pv:N,g:N,gv:N,gh:N,bw:_e,bwt:_e,bwr:_e,bwb:_e,bwl:_e,bc:{pr:"--primary",se:"--secondary",de:"--destructive",fg:"--foreground",bg:"--background",mu:"--muted",ac:"--accent",bo:"--border",tr:"transparent"},br:{xs:"--border-radius-xs",sm:"--border-radius-sm",md:"--border-radius-md",lg:"--border-radius-lg",xl:"--border-radius-xl",f:"--border-radius-f"}},Oe=Q(Ps);var js={mt:N,mr:N,mb:N,ml:N,m:N,mh:N,mv:N},H=Q(js);var Ge=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+        `},shadow:{sm:"--shadow-sm",md:"--shadow-md",lg:"--shadow-lg"},pt:N,pr:N,pb:N,pl:N,p:N,ph:N,pv:N,g:N,gv:N,gh:N,bw:ke,bwt:ke,bwr:ke,bwb:ke,bwl:ke,bc:{pr:"--primary",se:"--secondary",de:"--destructive",fg:"--foreground",bg:"--background",mu:"--muted",ac:"--accent",bo:"--border",tr:"transparent"},br:{xs:"--border-radius-xs",sm:"--border-radius-sm",md:"--border-radius-md",lg:"--border-radius-lg",xl:"--border-radius-xl",f:"--border-radius-f"}},Oe=Q(Ps);var js={mt:N,mr:N,mb:N,ml:N,m:N,mh:N,mv:N},H=Q(js);var Ge=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         slot {
           display: contents;
         }
@@ -407,8 +407,8 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
         }
 
         ${de}
+        ${ar}
         ${nr}
-        ${ir}
         ${H}
         ${U}
         ${Oe}
@@ -427,7 +427,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
           bottom: 0;
           z-index: 1;
         }
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styleElement=document.createElement("style"),this._slotElement=document.createElement("slot"),this._linkElement=null,this.shadow.appendChild(this._styleElement),this._updateDOM()}static get observedAttributes(){return["href","target","op",...se([...re,"wh","w","h","hidden","sh","sv","z"])]}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),r=this.getAttribute("target");this._slotElement.parentNode!==this.shadow&&this.shadow.appendChild(this._slotElement),t?(this._linkElement||(this._linkElement=document.createElement("a"),this.shadow.appendChild(this._linkElement)),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}attributeChangedCallback(t,r,s){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("op")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="flex !important")});let n=ie(this._styles);n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}},ar=({render:e,html:t})=>Ge;var Ds={ta:{s:"start",c:"center",e:"end",j:"justify"},s:{h1:`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styleElement=document.createElement("style"),this._slotElement=document.createElement("slot"),this._linkElement=null,this.shadow.appendChild(this._styleElement),this._updateDOM()}static get observedAttributes(){return["href","target","op",...se([...re,"wh","w","h","hidden","sh","sv","z"])]}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),r=this.getAttribute("target");this._slotElement.parentNode!==this.shadow&&this.shadow.appendChild(this._slotElement),t?(this._linkElement||(this._linkElement=document.createElement("a"),this.shadow.appendChild(this._linkElement)),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}attributeChangedCallback(t,r,s){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("op")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="flex !important")});let n=ie(this._styles);n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}},or=({render:e,html:t})=>Ge;var Ds={ta:{s:"start",c:"center",e:"end",j:"justify"},s:{h1:`
       font-size: var(--h1-font-size);
       font-weight: var(--h1-font-weight);
       line-height: var(--h1-line-height);
@@ -467,7 +467,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
       font-weight: var(--xs-font-weight);
       line-height: var(--xs-line-height);
       letter-spacing: var(--xs-letter-spacing);
-    `}},or=Q(Ds);var Bs={c:{fg:"--foreground",de:"--destructive","pr-fg":"--primary-foreground","se-fg":"--secondary-foreground","mu-fg":"--muted-foreground","ac-fg":"--accent-foreground"}},Te=Q(Bs);var Xe=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+    `}},lr=Q(Ds);var Bs={c:{fg:"--foreground",de:"--destructive","pr-fg":"--primary-foreground","se-fg":"--secondary-foreground","mu-fg":"--muted-foreground","ac-fg":"--accent-foreground"}},Te=Q(Bs);var Xe=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           display: block;
           font-size: var(--md-font-size);
@@ -498,11 +498,11 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
           bottom: 0;
           z-index: 1;
         }
-        ${or}
+        ${lr}
         ${Te}
         ${H}
         ${U}
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._slotElement=document.createElement("slot"),this._linkElement=null,this._updateDOM()}static get observedAttributes(){return["key","w","ellipsis","href","target"]}connectedCallback(){this._updateStyling(),this._updateDOM()}attributeChangedCallback(t,r,s){t==="href"||t==="target"?this._updateDOM():this._updateStyling()}_updateStyling(){let t=D(this.getAttribute("w"));this.hasAttribute("ellipsis")?(this.style.overflow="hidden",this.style.textOverflow="ellipsis",this.style.whiteSpace="nowrap"):(this.style.overflow="",this.style.textOverflow="",this.style.whiteSpace=""),t==="f"?this.style.width="var(--width-stretch)":t!==void 0?this.style.width=t:this.style.width=""}_updateDOM(){let t=this.getAttribute("href"),r=this.getAttribute("target");this._slotElement.parentNode!==this.shadow&&this.shadow.appendChild(this._slotElement),t?(this._linkElement||(this._linkElement=document.createElement("a"),this.shadow.appendChild(this._linkElement)),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}},lr=({render:e,html:t})=>Xe;var Qe=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._slotElement=document.createElement("slot"),this._linkElement=null,this._updateDOM()}static get observedAttributes(){return["key","w","ellipsis","href","target"]}connectedCallback(){this._updateStyling(),this._updateDOM()}attributeChangedCallback(t,r,s){t==="href"||t==="target"?this._updateDOM():this._updateStyling()}_updateStyling(){let t=D(this.getAttribute("w"));this.hasAttribute("ellipsis")?(this.style.overflow="hidden",this.style.textOverflow="ellipsis",this.style.whiteSpace="nowrap"):(this.style.overflow="",this.style.textOverflow="",this.style.whiteSpace=""),t==="f"?this.style.width="var(--width-stretch)":t!==void 0?this.style.width=t:this.style.width=""}_updateDOM(){let t=this.getAttribute("href"),r=this.getAttribute("target");this._slotElement.parentNode!==this.shadow&&this.shadow.appendChild(this._slotElement),t?(this._linkElement||(this._linkElement=document.createElement("a"),this.shadow.appendChild(this._linkElement)),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}},pr=({render:e,html:t})=>Xe;var Qe=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           border-style: solid;
           box-sizing: border-box;
@@ -541,7 +541,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
         ${Oe}
         ${H}
         ${U}
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styleElement=document.createElement("style"),this._imgElement=document.createElement("img"),this._linkElement=null,this.shadow.appendChild(this._styleElement),this._updateDOM()}static get observedAttributes(){return se([...re,"key","src","href","target","wh","w","h","hidden","height","width","z"])}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),r=this.getAttribute("target");t?(this._linkElement||(this._linkElement=document.createElement("a")),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target"),this._linkElement.appendChild(this._imgElement),this._linkElement.parentNode!==this.shadow&&this.shadow.appendChild(this._linkElement)):this._linkElement?(this._imgElement.parentNode===this._linkElement&&this.shadow.appendChild(this._imgElement),this._linkElement.parentNode===this.shadow&&this.shadow.removeChild(this._linkElement),this._linkElement=null):this._imgElement.parentNode!==this.shadow&&this.shadow.appendChild(this._imgElement)}attributeChangedCallback(t,r,s){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("o")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="block !important")});let n=ie(this._styles);n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n),this._updateImageAttributes()}_updateImageAttributes(){let t=this.getAttribute("src"),r=this.getAttribute("width"),s=this.getAttribute("height");t!==null&&this._imgElement.setAttribute("src",t),r!==null&&this._imgElement.setAttribute("width",r),s!==null&&this._imgElement.setAttribute("height",s)}connectedCallback(){this._updateImageAttributes()}},pr=({render:e,html:t})=>Qe;var cr=I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styleElement=document.createElement("style"),this._imgElement=document.createElement("img"),this._linkElement=null,this.shadow.appendChild(this._styleElement),this._updateDOM()}static get observedAttributes(){return se([...re,"key","src","href","target","wh","w","h","hidden","height","width","z"])}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),r=this.getAttribute("target");t?(this._linkElement||(this._linkElement=document.createElement("a")),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target"),this._linkElement.appendChild(this._imgElement),this._linkElement.parentNode!==this.shadow&&this.shadow.appendChild(this._linkElement)):this._linkElement?(this._imgElement.parentNode===this._linkElement&&this.shadow.appendChild(this._imgElement),this._linkElement.parentNode===this.shadow&&this.shadow.removeChild(this._linkElement),this._linkElement=null):this._imgElement.parentNode!==this.shadow&&this.shadow.appendChild(this._imgElement)}attributeChangedCallback(t,r,s){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("o")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="block !important")});let n=ie(this._styles);n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n),this._updateImageAttributes()}_updateImageAttributes(){let t=this.getAttribute("src"),r=this.getAttribute("width"),s=this.getAttribute("height");t!==null&&this._imgElement.setAttribute("src",t),r!==null&&this._imgElement.setAttribute("width",r),s!==null&&this._imgElement.setAttribute("height",s)}connectedCallback(){this._updateImageAttributes()}},cr=({render:e,html:t})=>Qe;var ur=I`
 :host([pt="xs"]) svg {
   padding-top: var(--spacing-xs);
 }
@@ -662,10 +662,10 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
           color: var(--foreground);
         }
         ${Te}
-        ${cr}
+        ${ur}
         ${de}
         ${U}
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet]}static get observedAttributes(){return["key","svg","w","h","wh"]}static get icons(){return e._icons}static addIcon(t,r){e._icons[t]=r}connectedCallback(){this._updateSizing(),this._render()}attributeChangedCallback(t,r,s){this._updateSizing(),this._render()}_updateSizing(){let t=this.getAttribute("wh"),r=D(t===null?this.getAttribute("w"):t),s=D(t===null?this.getAttribute("h"):t);r&&(this.style.width=r),s&&(this.style.height=s)}_render(){try{let t=this.getAttribute("svg"),r=e._icons[t]||(window.rtglIcons||{})[t];if(r){this.shadow.innerHTML=r;return}}catch(t){console.log("error in rtgl-svg render",t)}this.shadow.innerHTML=""}},ur=({render:e,html:t})=>Ze;var et=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet]}static get observedAttributes(){return["key","svg","w","h","wh"]}static get icons(){return e._icons}static addIcon(t,r){e._icons[t]=r}connectedCallback(){this._updateSizing(),this._render()}attributeChangedCallback(t,r,s){this._updateSizing(),this._render()}_updateSizing(){let t=this.getAttribute("wh"),r=D(t===null?this.getAttribute("w"):t),s=D(t===null?this.getAttribute("h"):t);r&&(this.style.width=r),s&&(this.style.height=s)}_render(){try{let t=this.getAttribute("svg"),r=e._icons[t]||(window.rtglIcons||{})[t];if(r){this.shadow.innerHTML=r;return}}catch(t){console.log("error in rtgl-svg render",t)}this.shadow.innerHTML=""}},hr=({render:e,html:t})=>Ze;var et=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           display: contents;
         }
@@ -700,7 +700,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
         }
         ${H}
         ${U}
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("input",this._onChange)}static get observedAttributes(){return["key","type","placeholder","disabled","value","s",...se([...re,"wh","w","h","hidden","visible","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}focus(){this._inputElement.focus()}_onChange=t=>{this.dispatchEvent(new CustomEvent("input-change",{detail:{value:this._inputElement.value}}))};attributeChangedCallback(t,r,s){if(["type","placeholder","disabled","value","step","s"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("op")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="block !important")});let n=ie(this._styles,"input");n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("type")||"text",r=this.getAttribute("placeholder"),s=this.getAttribute("value"),n=this.getAttribute("step"),i=this.hasAttribute("disabled");this._inputElement.setAttribute("type",t),r!==null?this._inputElement.setAttribute("placeholder",r):this._inputElement.removeAttribute("placeholder"),s!==null&&(this._inputElement.value=s),n!==null?this._inputElement.setAttribute("step",n):this._inputElement.removeAttribute("step"),i?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},hr=({render:e,html:t})=>et;var tt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("input",this._onChange)}static get observedAttributes(){return["key","type","placeholder","disabled","value","s",...se([...re,"wh","w","h","hidden","visible","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}focus(){this._inputElement.focus()}_onChange=t=>{this.dispatchEvent(new CustomEvent("input-change",{detail:{value:this._inputElement.value}}))};attributeChangedCallback(t,r,s){if(t==="key"&&r!==s){requestAnimationFrame(()=>{let i=this.getAttribute("value");this._inputElement.value=i??""});return}if(["type","placeholder","disabled","value","step","s"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("op")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="block !important")});let n=ie(this._styles,"input");n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("type")||"text",r=this.getAttribute("placeholder"),s=this.getAttribute("value"),n=this.getAttribute("step"),i=this.hasAttribute("disabled");this._inputElement.setAttribute("type",t),r!==null?this._inputElement.setAttribute("placeholder",r):this._inputElement.removeAttribute("placeholder"),s!==null&&(this._inputElement.value=s),n!==null?this._inputElement.setAttribute("step",n):this._inputElement.removeAttribute("step"),i?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},dr=({render:e,html:t})=>et;var tt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           display: contents;
         }
@@ -725,7 +725,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
         }
         ${H}
         ${U}
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._textareaElement=document.createElement("textarea"),this._textareaElement.setAttribute("type","text"),this.shadow.appendChild(this._textareaElement)}static get observedAttributes(){return["key","w","ellipsis","cols","rows","placeholder"]}get value(){return this._textareaElement.value}set value(t){this._textareaElement.value=t}connectedCallback(){this._updateTextareaAttributes()}attributeChangedCallback(t,r,s){this._updateTextareaAttributes()}_updateTextareaAttributes(){let t=this.getAttribute("cols"),r=this.getAttribute("rows"),s=this.getAttribute("placeholder");t!==null?this._textareaElement.setAttribute("cols",t):this._textareaElement.removeAttribute("cols"),r!==null?this._textareaElement.setAttribute("rows",r):this._textareaElement.removeAttribute("rows"),s!==null?this._textareaElement.setAttribute("placeholder",s):this._textareaElement.removeAttribute("placeholder")}},dr=({render:e,html:t})=>tt;var rt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._textareaElement=document.createElement("textarea"),this._textareaElement.setAttribute("type","text"),this.shadow.appendChild(this._textareaElement),this._textareaElement.addEventListener("input",this._onChange)}_onChange=t=>{this.dispatchEvent(new CustomEvent("textarea-change",{detail:{value:this._textareaElement.value}}))};static get observedAttributes(){return["key","w","ellipsis","cols","rows","placeholder","value"]}get value(){return this._textareaElement.value}set value(t){this._textareaElement.value=t}connectedCallback(){this._updateTextareaAttributes()}attributeChangedCallback(t,r,s){if(t==="key"&&r!==s){requestAnimationFrame(()=>{let n=this.getAttribute("value");this._textareaElement.value=n??""});return}this._updateTextareaAttributes()}_updateTextareaAttributes(){let t=this.getAttribute("cols"),r=this.getAttribute("rows"),s=this.getAttribute("placeholder"),n=this.getAttribute("value");t!==null?this._textareaElement.setAttribute("cols",t):this._textareaElement.removeAttribute("cols"),r!==null?this._textareaElement.setAttribute("rows",r):this._textareaElement.removeAttribute("rows"),s!==null?this._textareaElement.setAttribute("placeholder",s):this._textareaElement.removeAttribute("placeholder"),n!==null&&(this._textareaElement.value=n)}},fr=({render:e,html:t})=>tt;var rt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           display: contents;
         }
@@ -748,7 +748,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
         }
         ${H}
         ${U}
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._inputElement.type="color",this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("change",this._onChange),this._inputElement.addEventListener("input",this._onInput)}static get observedAttributes(){return["key","value","disabled",...se([...re,"wh","w","h","hidden","visible","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}_onChange=t=>{this.dispatchEvent(new CustomEvent("colorpicker-change",{detail:{value:this._inputElement.value}}))};_onInput=t=>{this.dispatchEvent(new CustomEvent("colorpicker-input",{detail:{value:this._inputElement.value}}))};attributeChangedCallback(t,r,s){if(["value","disabled"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("op")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="block !important")});let n=ie(this._styles,'input[type="color"]');n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("value"),r=this.hasAttribute("disabled");t!==null&&(this._inputElement.value=t),r?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},fr=({render:e,html:t})=>rt;var st=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._inputElement.type="color",this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("change",this._onChange),this._inputElement.addEventListener("input",this._onInput)}static get observedAttributes(){return["key","value","disabled",...se([...re,"wh","w","h","hidden","visible","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}_onChange=t=>{this.dispatchEvent(new CustomEvent("colorpicker-change",{detail:{value:this._inputElement.value}}))};_onInput=t=>{this.dispatchEvent(new CustomEvent("colorpicker-input",{detail:{value:this._inputElement.value}}))};attributeChangedCallback(t,r,s){if(t==="key"&&r!==s){requestAnimationFrame(()=>{let i=this.getAttribute("value");this._inputElement.value=i??"#000000"});return}if(["value","disabled"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("op")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="block !important")});let n=ie(this._styles,'input[type="color"]');n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("value"),r=this.hasAttribute("disabled");t!==null&&(this._inputElement.value=t),r?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},yr=({render:e,html:t})=>rt;var st=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           display: contents;
         }
@@ -802,7 +802,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
         }
         ${H}
         ${U}
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._inputElement.type="range",this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("input",this._onInput),this._inputElement.addEventListener("change",this._onChange)}static get observedAttributes(){return["key","value","min","max","step","disabled",...se([...re,"wh","w","h","hidden","visible","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}_onInput=t=>{this.dispatchEvent(new CustomEvent("slider-input",{detail:{value:this._inputElement.value}}))};_onChange=t=>{this.dispatchEvent(new CustomEvent("slider-change",{detail:{value:this._inputElement.value}}))};attributeChangedCallback(t,r,s){if(["value","min","max","step","disabled"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("op")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="block !important")});let n=ie(this._styles,'input[type="range"]');n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("value"),r=this.getAttribute("min"),s=this.getAttribute("max"),n=this.getAttribute("step"),i=this.hasAttribute("disabled");t!==null&&(this._inputElement.value=t),r!==null?this._inputElement.min=r:this._inputElement.min="0",s!==null?this._inputElement.max=s:this._inputElement.max="100",n!==null?this._inputElement.step=n:this._inputElement.step="1",i?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},yr=({render:e,html:t})=>st;var it=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._inputElement.type="range",this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("input",this._onInput),this._inputElement.addEventListener("change",this._onChange)}static get observedAttributes(){return["key","value","min","max","step","disabled",...se([...re,"wh","w","h","hidden","visible","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}_onInput=t=>{this.dispatchEvent(new CustomEvent("slider-input",{detail:{value:this._inputElement.value}}))};_onChange=t=>{this.dispatchEvent(new CustomEvent("slider-change",{detail:{value:this._inputElement.value}}))};attributeChangedCallback(t,r,s){if(t==="key"&&r!==s){requestAnimationFrame(()=>{let i=this.getAttribute("value"),o=this.getAttribute("min")||"0";this._inputElement.value=i??o});return}if(["value","min","max","step","disabled"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let o=d=>`${i==="default"?"":`${i}-`}${d}`,a=this.getAttribute(o("wh")),l=D(a===null?this.getAttribute(o("w")):a),p=D(a===null?this.getAttribute(o("h")):a),u=this.getAttribute(o("op")),c=this.getAttribute(o("z"));c!==null&&(this._styles[i]["z-index"]=c),u!==null&&(this._styles[i].opacity=u),l==="f"?this._styles[i].width="var(--width-stretch)":l!==void 0&&(this._styles[i].width=l,this._styles[i]["min-width"]=l,this._styles[i]["max-width"]=l),p==="f"?this._styles[i].height="100%":p!==void 0&&(this._styles[i].height=p,this._styles[i]["min-height"]=p,this._styles[i]["max-height"]=p),this.hasAttribute(o("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(o("visible"))&&(this._styles[i].display="block !important")});let n=ie(this._styles,'input[type="range"]');n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("value"),r=this.getAttribute("min"),s=this.getAttribute("max"),n=this.getAttribute("step"),i=this.hasAttribute("disabled");t!==null&&(this._inputElement.value=t),r!==null?this._inputElement.min=r:this._inputElement.min="0",s!==null?this._inputElement.max=s:this._inputElement.max="100",n!==null?this._inputElement.step=n:this._inputElement.step="1",i?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},mr=({render:e,html:t})=>st;var it=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           display: contents;
         }
@@ -872,7 +872,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
         dialog[open] slot[name="content"] {
           animation: dialog-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
         }
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._dialogElement=document.createElement("dialog"),this.shadow.appendChild(this._dialogElement),this._slotElement=null,this._isConnected=!1,this._dialogElement.addEventListener("click",t=>{t.target===this._dialogElement&&this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._dialogElement.addEventListener("contextmenu",t=>{t.target===this._dialogElement&&(t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}})))}),this._dialogElement.addEventListener("cancel",t=>{t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}}))})}static get observedAttributes(){return["open","w","s"]}connectedCallback(){this._updateDialog(),this._isConnected=!0,this.hasAttribute("open")&&this._showModal()}attributeChangedCallback(t,r,s){t==="open"?s!==null&&!this._dialogElement.open&&this._isConnected?this._showModal():s===null&&this._dialogElement.open&&this._hideModal():t==="w"&&this._updateWidth()}_updateDialog(){this._updateWidth()}_updateWidth(){let t=this.getAttribute("w");t?this._dialogElement.style.width=t:this._dialogElement.style.width=""}_showModal(){this._dialogElement.open||(this._slotElement||(this._slotElement=document.createElement("slot"),this._slotElement.setAttribute("name","content"),this._dialogElement.appendChild(this._slotElement)),this._dialogElement.showModal(),this._dialogElement.scrollTop=0)}_hideModal(){this._dialogElement.open&&(this._dialogElement.close(),this._slotElement&&(this._dialogElement.removeChild(this._slotElement),this._slotElement=null))}get dialog(){return this._dialogElement}},mr=({render:e,html:t})=>it;var nt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._dialogElement=document.createElement("dialog"),this.shadow.appendChild(this._dialogElement),this._slotElement=null,this._isConnected=!1,this._dialogElement.addEventListener("click",t=>{t.target===this._dialogElement&&this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._dialogElement.addEventListener("contextmenu",t=>{t.target===this._dialogElement&&(t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}})))}),this._dialogElement.addEventListener("cancel",t=>{t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}}))})}static get observedAttributes(){return["open","w","s"]}connectedCallback(){this._updateDialog(),this._isConnected=!0,this.hasAttribute("open")&&this._showModal()}attributeChangedCallback(t,r,s){t==="open"?s!==null&&!this._dialogElement.open&&this._isConnected?this._showModal():s===null&&this._dialogElement.open&&this._hideModal():t==="w"&&this._updateWidth()}_updateDialog(){this._updateWidth()}_updateWidth(){let t=this.getAttribute("w");t?this._dialogElement.style.width=t:this._dialogElement.style.width=""}_showModal(){this._dialogElement.open||(this._slotElement||(this._slotElement=document.createElement("slot"),this._slotElement.setAttribute("name","content"),this._dialogElement.appendChild(this._slotElement)),this._dialogElement.showModal(),this._dialogElement.scrollTop=0)}_hideModal(){this._dialogElement.open&&(this._dialogElement.close(),this._slotElement&&(this._dialogElement.removeChild(this._slotElement),this._slotElement=null))}get dialog(){return this._dialogElement}},gr=({render:e,html:t})=>it;var nt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(I`
         :host {
           display: contents;
         }
@@ -916,7 +916,7 @@ var rettangoli=(()=>{var Is=Object.defineProperty;var P=(e,t)=>{for(var r in t)I
           min-width: 200px;
           max-width: 400px;
         }
-      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._popoverOverlay=document.createElement("div"),this._popoverOverlay.className="popover-overlay",this.shadow.appendChild(this._popoverOverlay),this._popoverOverlay.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._popoverOverlay.addEventListener("contextmenu",t=>{t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._popoverContainer=document.createElement("div"),this._popoverContainer.className="popover-container",this.shadow.appendChild(this._popoverContainer),this._slotElement=null,this._isOpen=!1,this._handleEscKey=this._handleEscKey.bind(this)}static get observedAttributes(){return["open","x","y","placement"]}connectedCallback(){this.hasAttribute("open")&&this._show()}disconnectedCallback(){this._removeGlobalListeners()}attributeChangedCallback(t,r,s){t==="open"?s!==null&&!this._isOpen?this._show():s===null&&this._isOpen&&this._hide():(t==="x"||t==="y"||t==="placement")&&this._isOpen&&this._updatePosition()}_show(){this._isOpen||(this._slotElement||(this._slotElement=document.createElement("slot"),this._slotElement.setAttribute("name","content"),this._popoverContainer.appendChild(this._slotElement)),this._isOpen=!0,this._updatePosition(),this._addGlobalListeners())}_hide(){this._isOpen&&(this._isOpen=!1,this._slotElement&&(this._popoverContainer.removeChild(this._slotElement),this._slotElement=null),this._removeGlobalListeners())}_updatePosition(){let t=parseFloat(this.getAttribute("x")||"0"),r=parseFloat(this.getAttribute("y")||"0"),s=this.getAttribute("placement")||"bottom-start";this.removeAttribute("positioned"),requestAnimationFrame(()=>{let n=this._popoverContainer.getBoundingClientRect(),{left:i,top:o}=this._calculatePosition(t,r,n.width,n.height,s);this._popoverContainer.style.left=`${i}px`,this._popoverContainer.style.top=`${o}px`,requestAnimationFrame(()=>{this.setAttribute("positioned","")})})}_calculatePosition(t,r,s,n,i){let a=t,l=r;switch(i){case"top":a=t-s/2,l=r-n-8;break;case"top-start":a=t,l=r-n-8;break;case"top-end":a=t-s,l=r-n-8;break;case"right":a=t+8,l=r-n/2;break;case"right-start":a=t+8,l=r;break;case"right-end":a=t+8,l=r-n;break;case"bottom":a=t-s/2,l=r+8;break;case"bottom-start":a=t,l=r+8;break;case"bottom-end":a=t-s,l=r+8;break;case"left":a=t-s-8,l=r-n/2;break;case"left-start":a=t-s-8,l=r;break;case"left-end":a=t-s-8,l=r-n;break}let p=8;return a=Math.max(p,Math.min(a,window.innerWidth-s-p)),l=Math.max(p,Math.min(l,window.innerHeight-n-p)),{left:a,top:l}}_addGlobalListeners(){setTimeout(()=>{document.addEventListener("keydown",this._handleEscKey)},0)}_removeGlobalListeners(){document.removeEventListener("keydown",this._handleEscKey)}_handleEscKey(t){t.key==="Escape"&&this.dispatchEvent(new CustomEvent("close",{detail:{}}))}get popover(){return this._popoverContainer}},gr=({render:e,html:t})=>nt;var at={};P(at,{handleClickItem:()=>Ws});var Ws=(e,t)=>{let{dispatchEvent:r}=t,s=e.currentTarget.dataset.id;r(new CustomEvent("item-click",{detail:{id:s}}))};var ot={};P(ot,{INITIAL_STATE:()=>Ms,toViewData:()=>zs});var Ms=Object.freeze({}),Ks=["id","class","style","slot"],Fs=e=>Object.entries(e).filter(([t])=>!Ks.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),zs=({props:e,attrs:t})=>{let r=Fs(t),s=e.items||[],n=e.separator||"breadcrumb-arrow",i=[];return s.forEach((o,a)=>{i.push(o),a<s.length-1&&i.push({isSeparator:!0})}),{containerAttrString:r,items:i,separator:n}};var vr={elementName:"rtgl-breadcrumb",viewDataSchema:{type:"object",properties:{containerAttrString:{type:"string"},items:{type:"array",items:{type:"object",properties:{label:{type:"string"},id:{type:"string"}}}},separator:{type:"string"}}},propsSchema:{type:"object",properties:{items:{type:"array",items:{type:"object",properties:{label:{type:"string"},id:{type:"string"}}}},separator:{type:"string",default:"breadcrumb-arrow"}}},refs:{"item-*":{eventListeners:{click:{handler:"handleClickItem"}}}},events:{"item-click":{type:"object",properties:{item:{type:"object",properties:{label:{type:"string"},id:{type:"string"}}},index:{type:"number"}}}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h av=c g=md p=sm ${containerAttrString}",value:{type:9,items:[{type:7,itemVar:"item",indexVar:null,iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:"$if item.isSeparator",value:{type:6,conditions:[{type:1,path:"item.isSeparator"},{type:1,path:"item.id"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-svg wh=16 svg=${separator} c=mu-fg",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-svg wh=16 svg=",{type:1,path:"separator"}," c=mu-fg"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#item-${item.id} data-id=${item.id} cur=p",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=mu-fg",value:{type:1,path:"item.label"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#item-",{type:1,path:"item.id"}," data-id=",{type:1,path:"item.id"}," cur=p"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=mu-fg",value:{type:1,path:"item.label"}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}}],fast:!1},parsedKey:{type:2,parts:["rtgl-view d=h av=c g=md p=sm ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var lt={};P(lt,{handleClickMenuItem:()=>Hs,handleClosePopover:()=>Us});var Us=(e,t)=>{let{dispatchEvent:r}=t;r(new CustomEvent("close"))},Hs=(e,t)=>{let{dispatchEvent:r}=t,s=parseInt(e.currentTarget.id.replace("option-","")),n=t.props.items[s];r(new CustomEvent("click-item",{detail:{index:s,item:n}}))};var pt={};P(pt,{INITIAL_STATE:()=>Js,toViewData:()=>Ys});var Js=Object.freeze({}),Ys=({props:e,attrs:t})=>({items:e.items||[],open:!!t.open,x:t.x,y:t.y,placement:t.placement});var br={elementName:"rtgl-dropdown-menu",viewDataSchema:{type:"object"},propsSchema:{type:"object",properties:{items:{type:"array",items:{type:"object",properties:{label:{type:"string"},type:{type:"string",enum:["label","item","separator"]}}}}}},attrsSchema:{type:"object",properties:{open:{type:"string"},x:{type:"string"},y:{type:"string"},placement:{type:"string"}}},refs:{popover:{eventListeners:{close:{handler:"handleClosePopover"}}},"option-*":{eventListeners:{click:{handler:"handleClickMenuItem"}}}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-popover#popover ?open=${open} x=${x} y=${y} placement=${placement}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view wh=300 g=xs slot=content bgc=background br=md",value:{type:9,items:[{type:7,itemVar:"item",indexVar:"i",iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:"$if item.type == 'label'",value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"item.type"},right:{type:0,value:"label"}},{type:4,op:0,left:{type:1,path:"item.type"},right:{type:0,value:"item"}},{type:4,op:0,left:{type:1,path:"item.type"},right:{type:0,value:"separator"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f ph=lg pv=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=mu-fg",value:{type:1,path:"item.label"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#option-${i} w=f h-bgc=ac ph=lg pv=md cur=p br=md bgc=mu",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"item.label"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#option-",{type:1,path:"i"}," w=f h-bgc=ac ph=lg pv=md cur=p br=md bgc=mu"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f h=1 ph=lg mv=md bgc=bo",value:{type:0,value:null}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}}],fast:!1}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-popover#popover ?open=",{type:1,path:"open"}," x=",{type:1,path:"x"}," y=",{type:1,path:"y"}," placement=",{type:1,path:"placement"}]}}],fast:!1}],fast:!1}};var ct={};P(ct,{handleActionClick:()=>Xs,handleBeforeMount:()=>qs,handleColorPickerChange:()=>ti,handleImageClick:()=>ii,handleInputChange:()=>Qs,handleOnUpdate:()=>Gs,handlePopoverInputChange:()=>Zs,handleSelectChange:()=>ei,handleSliderChange:()=>ri,handleSliderInputChange:()=>si,handleWaveformClick:()=>ni});var qs=e=>{let{store:t,props:r}=e;t.setFormValues(r.defaultValues)},Gs=(e,t)=>{let{oldAttrs:r,newAttrs:s}=e,{store:n,props:i,render:o}=t;r?.key!==s?.key&&(n.setFormValues(i.defaultValues),o())},ye=(e,t,r,s)=>{s(new CustomEvent("form-change",{detail:{name:e,fieldValue:t,formValues:r}}))},Xs=(e,t)=>{let{store:r,dispatchEvent:s}=t,n=e.currentTarget.id.replace("action-","");s(new CustomEvent("action-click",{detail:{actionId:n,formValues:r.selectFormValues()}}))},Qs=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("input-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},Zs=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("popover-input-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},ei=(e,t)=>{let{store:r,dispatchEvent:s,render:n,props:i}=t,o=e.currentTarget.id.replace("select-","");o&&e.detail.selectedValue!==void 0&&(r.setFormFieldValue({name:o,value:e.detail.selectedValue,props:i}),ye(o,e.detail.selectedValue,r.selectFormValues(),s),n())},ti=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("colorpicker-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},ri=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("slider-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},si=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("slider-input-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},ii=(e,t)=>{e.type==="contextmenu"&&e.preventDefault();let{dispatchEvent:r}=t,s=e.currentTarget.id.replace("image-","");r(new CustomEvent("extra-event",{detail:{name:s,x:e.clientX,y:e.clientY,trigger:e.type}}))},ni=(e,t)=>{e.type==="contextmenu"&&e.preventDefault();let{dispatchEvent:r}=t,s=e.currentTarget.id.replace("waveform-","");r(new CustomEvent("extra-event",{detail:{name:s,x:e.clientX,y:e.clientY,trigger:e.type}}))};var gt={};P(gt,{INITIAL_STATE:()=>Ni,getFormFieldValue:()=>Wi,selectForm:()=>Ne,selectFormValues:()=>Bi,selectState:()=>Di,setFormFieldValue:()=>Ki,setFormValues:()=>Mi,toViewData:()=>ji});var g={LITERAL:0,VARIABLE:1,INTERPOLATION:2,FUNCTION:3,BINARY:4,UNARY:5,CONDITIONAL:6,LOOP:7,OBJECT:8,ARRAY:9},B={EQ:0,NEQ:1,GT:2,LT:3,GTE:4,LTE:5,AND:6,OR:7,IN:8},ke={NOT:0};var j=class extends Error{constructor(t){super(`Parse Error: ${t}`),this.name="JemplParseError"}},me=class extends Error{constructor(t){super(`Render Error: ${t}`),this.name="JemplRenderError"}};var ut=e=>{if(!e||e.trim()==="")throw new j("Missing condition expression after '$if'");if(e.includes("===")||e.includes("!==")){let r=e.includes("===")?"==":"!=";throw new j(`Invalid comparison operator '${e.includes("===")?"===":"!=="}' - did you mean '${r}'? (got: '${e}')`)}let t=["<",">","<=",">=","==","!="];for(let r of t)if(e.trim().endsWith(r))throw new j(`Incomplete comparison expression - missing right operand (got: '${e}')`)},wr=e=>{if(e.trim().endsWith(" in"))throw new j(`Missing iterable expression after 'in' (got: '$for ${e}')`);if(!e.includes(" in "))throw new j(`Invalid loop syntax - missing 'in' keyword (got: '$for ${e}')`);let[t,r]=e.split(" in ");if(!r||r.trim()==="")throw new j(`Missing iterable expression after 'in' (got: '$for ${e}')`);if(t.includes(",")){let s=t.split(",").map(n=>n.trim());for(let n of s)if(!n)throw new j(`Invalid loop variable - variable name cannot be empty (got: '$for ${e}')`)}else if(!t.trim())throw new j(`Invalid loop variable - variable name cannot be empty (got: '$for ${e}')`)};var xr=(e,t)=>{if(t===null)return new me(`Cannot iterate over null value at '$for ${e}'`);if(t===void 0)return new me(`Cannot iterate over undefined value at '$for ${e}'`);let r=typeof t;return new me(`Cannot iterate over non-array value (got: ${r}) at '$for ${e}'`)},Er=(e,t)=>{let r=t&&Object.keys(t).length>0?Object.keys(t).join(", "):"no custom functions provided";return new me(`Unknown function '${e}' (${r})`)};var ai=(e,t,r={})=>{let s=O(e,r,t,{});return s===void 0?{}:s},O=(e,t,r,s)=>{if(e.var&&!e.type)return K(e.var,r,s);if(e.type===g.LITERAL)return e.value;if(e.type===g.VARIABLE)return K(e.path,r,s);if(e.type===g.INTERPOLATION)return li(e.parts,t,r,s);switch(e.type){case g.FUNCTION:return kr(e,t,r,s);case g.BINARY:return Ar(e,t,r,s);case g.UNARY:return Sr(e,t,r,s);case g.CONDITIONAL:return ci(e,t,r,s);case g.LOOP:return yi(e,t,r,s);case g.OBJECT:return gi(e,t,r,s);case g.ARRAY:return vi(e,t,r,s);default:throw new Error(`Unknown node type: ${e.type}`)}},_r=new Map,oi=e=>{let t=[],r="",s=!1;for(let n=0;n<e.length;n++){let i=e[n];if(i==="[")r&&(t.push({type:"property",value:r}),r=""),s=!0;else if(i==="]"){if(s&&r){let o=r.trim();/^\d+$/.test(o)?t.push({type:"index",value:parseInt(o,10)}):t.push({type:"property",value:`[${r}]`}),r=""}s=!1}else r+=i}return r&&t.push({type:"property",value:r}),t},K=(e,t,r)=>{if(!e)return;if(e in r)return r[e];let s=_r.get(e);if(!s){let i=[],o="",a=0;for(let l=0;l<e.length;l++){let p=e[l];p==="["?(a++,o+=p):p==="]"?(a--,o+=p):p==="."&&a===0?o&&(i.push(o),o=""):o+=p}o&&i.push(o),s=[];for(let l of i){let p=oi(l.trim());s.push(...p)}_r.set(e,s)}let n=t;for(let i=0;i<s.length;i++){let o=s[i];if(o.type==="property"&&o.value in r){n=r[o.value];continue}if(n==null)return;(o.type==="property"||o.type==="index")&&(n=n[o.value])}return n},li=(e,t,r,s)=>{let n=[];for(let i of e)if(typeof i=="string")n.push(i);else{let o=O(i,t,r,s);n.push(o!=null?String(o):"")}return n.join("")},kr=(e,t,r,s)=>{let n=t[e.name];if(!n)throw Er(e.name,t);let i=e.args.map(o=>O(o,t,r,s));return n(...i)},Ae=(e,t,r,s)=>{if(e.var&&!e.type)return K(e.var,r,s);switch(e.type){case g.VARIABLE:return K(e.path,r,s);case g.LITERAL:return e.value;case g.BINARY:return Ar(e,t,r,s);case g.UNARY:return Sr(e,t,r,s);case g.FUNCTION:return kr(e,t,r,s);default:return O(e,t,r,s)}},Ar=(e,t,r,s)=>{if(e.op===B.AND||e.op===B.OR){let o=Ae(e.left,t,r,s),a=Ae(e.right,t,r,s);switch(e.op){case B.AND:return o&&a;case B.OR:return o||a}}let n=O(e.left,t,r,s),i=O(e.right,t,r,s);switch(e.op){case B.EQ:return n==i;case B.NEQ:return n!=i;case B.GT:return n>i;case B.LT:return n<i;case B.GTE:return n>=i;case B.LTE:return n<=i;case B.IN:return Array.isArray(i)?i.includes(n):!1;default:throw new Error(`Unknown binary operator: ${e.op}`)}},Sr=(e,t,r,s)=>{let n=e.op===ke.NOT?Ae(e.operand,t,r,s):O(e.operand,t,r,s);switch(e.op){case ke.NOT:return!n;default:throw new Error(`Unknown unary operator: ${e.op}`)}},pi=(e,t,r,s)=>{if(e.conditions.length===2&&e.conditions[1]===null){let n=e.conditions[0];if(n.type===g.VARIABLE)if(K(n.path,r,s)){let o=e.bodies[0];if(o.type===g.OBJECT&&o.properties.length<=5){let a={};for(let l of o.properties){let p=l.parsedKey?O(l.parsedKey,t,r,s):l.key,u=l.value;if(u.type===g.LITERAL)a[p]=u.value;else if(u.type===g.VARIABLE)a[p]=K(u.path,r,s);else if(u.type===g.INTERPOLATION){let c=[];for(let d of u.parts)if(typeof d=="string")c.push(d);else if(d.type===g.VARIABLE){let y=K(d.path,r,s);c.push(y!=null?String(y):"")}else{let y=O(d,t,r,s);c.push(y!=null?String(y):"")}a[p]=c.join("")}else a[p]=O(u,t,r,s)}return a}}else{let o=e.bodies[1];if(o.type===g.OBJECT&&o.properties.length<=5){let a={};for(let l of o.properties){let p=l.parsedKey?O(l.parsedKey,t,r,s):l.key,u=l.value;if(u.type===g.LITERAL)a[p]=u.value;else if(u.type===g.VARIABLE)a[p]=K(u.path,r,s);else if(u.type===g.INTERPOLATION){let c=[];for(let d of u.parts)if(typeof d=="string")c.push(d);else if(d.type===g.VARIABLE){let y=K(d.path,r,s);c.push(y!=null?String(y):"")}else{let y=O(d,t,r,s);c.push(y!=null?String(y):"")}a[p]=c.join("")}else a[p]=O(u,t,r,s)}return a}}}return null},ci=(e,t,r,s)=>{let n=pi(e,t,r,s);if(n!==null)return n;for(let i=0;i<e.conditions.length;i++){let o=e.conditions[i];if(o===null||Ae(o,t,r,s))return O(e.bodies[i],t,r,s)}return $r},ui=(e,t)=>{let r=e.body,s=e.itemVar;if(r.type===g.CONDITIONAL&&r.conditions.length===1&&r.conditions[0].type===g.VARIABLE){let n=r.conditions[0].path,i=r.bodies[0];if(n.startsWith(s+".")){let o=n.substring(s.length+1);if(i.type===g.OBJECT&&i.properties.length<=5){for(let l of i.properties)if(l.parsedKey)return null;let a=[];for(let l=0;l<t.length;l++){let p=t[l];if(p[o]){let u={};for(let c of i.properties){let d=c.key,y=c.value;if(y.type===g.LITERAL)u[d]=y.value;else if(y.type===g.VARIABLE){let h=y.path;if(h===s)u[d]=p;else if(h.startsWith(s+".")){let f=h.substring(s.length+1);u[d]=p[f]}else return null}else if(y.type===g.INTERPOLATION){let h=[],f=!0;for(let m of y.parts)if(typeof m=="string")h.push(m);else if(m.type===g.VARIABLE){let v=m.path;if(v===s)h.push(p!=null?String(p):"");else if(v.startsWith(s+".")){let b=v.substring(s.length+1),w=p[b];h.push(w!=null?String(w):"")}else{f=!1;break}}else{f=!1;break}if(!f)return null;u[d]=h.join("")}else return null}a.push(u)}}return a}}}return null},hi=(e,t)=>{let r=e.body,s=e.itemVar,n=ui(e,t);if(n!==null)return n;if(r.type===g.OBJECT&&r.properties.length<=5){for(let a of r.properties)if(a.parsedKey)return null;let i=[],o=!0;for(let a of r.properties){let l=a.key,p=a.value;if(p.type===g.LITERAL)i.push({key:l,type:"literal",value:p.value});else if(p.type===g.VARIABLE){let u=p.path;if(u===s)i.push({key:l,type:"item"});else if(u.startsWith(s+".")){let c=u.substring(s.length+1);if(!c.includes(".")&&!c.includes("["))i.push({key:l,type:"prop",prop:c});else{o=!1;break}}else{o=!1;break}}else if(p.type===g.INTERPOLATION&&p.parts.length===1){let u=p.parts[0];if(u.type===g.VARIABLE){let c=u.path;if(c===s)i.push({key:l,type:"item_string"});else if(c.startsWith(s+".")){let d=c.substring(s.length+1);if(!d.includes(".")&&!d.includes("["))i.push({key:l,type:"prop_string",prop:d});else{o=!1;break}}else{o=!1;break}}else{o=!1;break}}else{o=!1;break}}if(o){let a=new Array(t.length);if(i.length===3&&i[0].type==="prop"&&i[0].key==="id"&&i[1].type==="prop_string"&&i[1].key==="title"&&i[2].type==="prop"&&i[2].key==="completed")for(let l=0;l<t.length;l++){let p=t[l];a[l]={id:p.id,title:p.title!=null?String(p.title):"",completed:p.completed}}else for(let l=0;l<t.length;l++){let p=t[l],u={};for(let c of i)if(c.type==="literal")u[c.key]=c.value;else if(c.type==="item")u[c.key]=p;else if(c.type==="prop")u[c.key]=p[c.prop];else if(c.type==="item_string")u[c.key]=p!=null?String(p):"";else if(c.type==="prop_string"){let d=p[c.prop];u[c.key]=d!=null?String(d):""}a[l]=u}return a}}return null},di=(e,t,r,s,n)=>{let i=[],o=e.body;if(o.type===g.OBJECT&&o.fast!==!1){let a=e.itemVar,l=e.indexVar;for(let p=0;p<n.length;p++){let u=n[p],c={},d={...s,[a]:u,...l&&{[l]:p}};for(let y of o.properties){let h=y.parsedKey?O(y.parsedKey,t,r,d):y.key,f=y.value;if(f.type===g.LITERAL)c[h]=f.value;else if(f.type===g.VARIABLE){let m=f.path;if(m===a)c[h]=u;else if(m===l)c[h]=p;else if(m.startsWith(a+".")){let v=m.substring(a.length+1);!v.includes(".")&&!v.includes("[")?c[h]=u[v]:c[h]=K(m,r,{...s,[a]:u,...l&&{[l]:p}})}else c[h]=K(m,r,{...s,[a]:u,...l&&{[l]:p}})}else if(f.type===g.INTERPOLATION){let m=[];for(let v of f.parts)if(typeof v=="string")m.push(v);else if(v.type===g.VARIABLE){let b=v.path,w;if(b===a)w=u;else if(b===l)w=p;else if(b.startsWith(a+".")){let E=b.substring(a.length+1);!E.includes(".")&&!E.includes("[")?w=u[E]:w=K(b,r,{...s,[a]:u,...l&&{[l]:p}})}else w=K(b,r,{...s,[a]:u,...l&&{[l]:p}});m.push(w!=null?String(w):"")}else{let b={...s,[a]:u,...l&&{[l]:p}},w=O(v,t,r,b);m.push(w!=null?String(w):"")}c[h]=m.join("")}else{let m={...s,[a]:u,...l&&{[l]:p}};c[h]=O(f,t,r,m)}}i.push(c)}return i}return null},fi=(e,t,r)=>{let s=e.body;if(s.type===g.OBJECT&&s.properties.length===1&&s.properties[0].key==="$if item.visible"){let i=s.properties[0].value;if(i.type===g.CONDITIONAL&&i.conditions.length===1&&i.conditions[0].type===g.VARIABLE&&i.conditions[0].path==="item.visible"){let o=i.bodies[0];if(o.type===g.OBJECT&&o.properties.length===2){let a=o.properties[0],l=o.properties[1];if(a.key==="id"&&a.value.type===g.VARIABLE&&a.value.path==="item.id"&&l.key==="$if item.highlighted"&&l.value.type===g.CONDITIONAL){let p=[];for(let u=0;u<t.length;u++){let c=t[u];if(c.visible){let d={id:c.id};c.highlighted?(d.highlight=!0,d.message=`This item is highlighted: ${c.name}`):(d.highlight=!1,d.message=c.name),p.push(d)}}return p}}}}return null},yi=(e,t,r,s)=>{let n=O(e.iterable,t,r,s);if(!Array.isArray(n)){let a=`${e.itemVar}${e.indexVar?`, ${e.indexVar}`:""} in ${e.iterable.path}`;throw xr(a,n)}if(!e.indexVar){let a=fi(e,n,e.itemVar);if(a!==null)return a}if(!e.indexVar){let a=hi(e,n);if(a!==null)return a}let i=di(e,t,r,s,n);if(i!==null)return i;let o=[];for(let a=0;a<n.length;a++){let l=e.indexVar?{...s,[e.itemVar]:n[a],[e.indexVar]:a}:{...s,[e.itemVar]:n[a]},p=O(e.body,t,r,l);Array.isArray(p)&&p.length===1?o.push(p[0]):o.push(p)}return o},mi=(e,t,r,s)=>{if(e.whenCondition)return null;if(e.properties.length===1){let n=e.properties[0],i=n.parsedKey?O(n.parsedKey,t,r,s):n.key,o=n.value;if(o.type===g.OBJECT&&o.properties.length<=10&&!o.whenCondition){let a={},l={},p=!0;for(let u of o.properties){let c=u.parsedKey?O(u.parsedKey,t,r,s):u.key,d=u.value;if(d.type===g.LITERAL)l[c]=d.value;else if(d.type===g.VARIABLE)l[c]=K(d.path,r,s);else if(d.type===g.INTERPOLATION){let y=[];for(let h of d.parts)if(typeof h=="string")y.push(h);else if(h.type===g.VARIABLE){let f=K(h.path,r,s);y.push(f!=null?String(f):"")}else{p=!1;break}if(!p)break;l[c]=y.join("")}else if(d.type===g.OBJECT&&d.properties.length<=5){let y={};for(let h of d.properties){let f=h.key,m=h.value;if(m.type===g.LITERAL)y[f]=m.value;else if(m.type===g.VARIABLE)y[f]=K(m.path,r,s);else if(m.type===g.INTERPOLATION){let v=[];for(let b of m.parts)if(typeof b=="string")v.push(b);else if(b.type===g.VARIABLE){let w=K(b.path,r,s);v.push(w!=null?String(w):"")}else{p=!1;break}if(!p)break;y[f]=v.join("")}else{p=!1;break}}if(!p)break;l[c]=y}else{p=!1;break}}if(p)return a[i]=l,a}}return null},gi=(e,t,r,s)=>{if(e.whenCondition&&!Ae(e.whenCondition,t,r,s))return;let n=mi(e,t,r,s);if(n!==null)return n;if(e.fast){let l={};for(let p of e.properties){let u=p.parsedKey?O(p.parsedKey,t,r,s):p.key,c=p.value;if(c.type===g.LITERAL)l[u]=c.value;else if(c.type===g.VARIABLE)l[u]=K(c.path,r,s);else if(c.type===g.INTERPOLATION){let d=[];for(let y of c.parts)if(typeof y=="string")d.push(y);else if(y.type===g.VARIABLE){let h=K(y.path,r,s);d.push(h!=null?String(h):"")}else{let h=O(y,t,r,s);d.push(h!=null?String(h):"")}l[u]=d.join("")}else l[u]=O(c,t,r,s)}return l}let i={},o=null,a=!1;for(let l of e.properties)if(!l.key.startsWith("$if ")&&!l.key.match(/^\$if\s+\w+.*:?$/)&&!l.key.startsWith("$elif")&&!l.key.startsWith("$else")&&!l.key.startsWith("$for ")){a=!0;break}for(let l of e.properties)if(l.key.startsWith("$if ")||l.key.match(/^\$if\s+\w+.*:?$/)){let p=O(l.value,t,r,s);if(!a&&p!==null&&p!==void 0)return Array.isArray(p)&&p.length===1?p[0]:p;typeof p=="object"&&p!==null&&!Array.isArray(p)&&Object.assign(i,p)}else if(!l.key.startsWith("$for ")){let p=l.value;if(p&&p.type===g.OBJECT&&p.properties){let u=p.properties.find(c=>c.key.startsWith("$for "));if(u){let c=O(u.value,t,r,s);c!==void 0&&(i[l.key]=c)}else{let c=O(l.value,t,r,s);c!==void 0&&(i[l.key]=c)}}else{let u=l.parsedKey?O(l.parsedKey,t,r,s):l.key,c=O(l.value,t,r,s);c!==void 0&&(i[u]=c)}}return i},$r={},vi=(e,t,r,s)=>{let n=[];for(let i of e.items)if(i.type===g.LOOP){let o=O(i,t,r,s);n.push(o)}else{let o=O(i,t,r,s);o!==$r&&o!==void 0&&n.push(o)}return n},ht=ai;var bi=/\$\{([^}]*)\}/g,Ir=e=>{let t=e.match(/^(\w+)\((.*)\)$/);if(!t)return{isFunction:!1};let[,r,s]=t,n=wi(s);return{isFunction:!0,type:g.FUNCTION,name:r,args:n}},wi=e=>e.trim()?xi(e).map(r=>Ei(r.trim())):[],xi=e=>{let t=[],r="",s=0,n=!1,i="";for(let o=0;o<e.length;o++){let a=e[o],l=o>0?e[o-1]:"";!n&&(a==='"'||a==="'")?(n=!0,i=a,r+=a):n&&a===i&&l!=="\\"?(n=!1,i="",r+=a):!n&&a==="("?(s++,r+=a):!n&&a===")"?(s--,r+=a):!n&&a===","&&s===0?(t.push(r),r=""):r+=a}return r&&t.push(r),t},Ei=e=>{if(e.startsWith('"')&&e.endsWith('"')||e.startsWith("'")&&e.endsWith("'"))return{type:g.LITERAL,value:e.slice(1,-1)};if(/^-?\d+(\.\d+)?$/.test(e))return{type:g.LITERAL,value:parseFloat(e)};if(e==="true")return{type:g.LITERAL,value:!0};if(e==="false")return{type:g.LITERAL,value:!1};if(e==="null")return{type:g.LITERAL,value:null};let t=Ir(e);return t.isFunction?{type:t.type,name:t.name,args:t.args}:{type:g.VARIABLE,path:e}},_i=/^\w+\(.*\)$/,ki=/\s[+\-*/%]\s|\|\||&&|\?\?|.*\?.*:/,Ai=e=>{if(!(!e||e.trim()===""||_i.test(e))&&ki.test(e))throw e.includes("?")&&e.includes(":")?new j(`Complex expressions not supported in variable replacements - consider calculating the value in your data instead. Offending expression: "${e}"`):e.includes("||")||e.includes("&&")||e.includes("??")?new j(`Logical operators not supported in variable replacements - consider calculating the value in your data instead (operators like ||, &&, ?? are not supported). Offending expression: "${e}"`):new j(`Arithmetic expressions not supported in variable replacements - consider calculating '${e}' in your data instead (expressions with +, -, *, /, % are not supported). Offending expression: "${e}"`)},Cr=(e,t={})=>{let r=e.trim();Ai(r);let s=Ir(r);if(s.isFunction)return{type:s.type,name:s.name,args:s.args};if(r.includes("[")&&!/[\s+\-*/%|&?:]/.test(r)){let n=0;for(let i of r)i==="["?n++:i==="]"&&n--;if(n!==0)throw new Error("Invalid array index syntax")}return{type:g.VARIABLE,path:r}},dt=(e,t={})=>{let r=e,s=[];e.includes("\\${")&&(r=e.replace(/\\\\(\$\{[^}]*\})/g,"\\DOUBLE_ESC$1"),r=r.replace(/\\(\$\{[^}]*\})/g,(a,l)=>{let p=`__ESCAPED_${s.length}__`;return s.push(l),p}),r=r.replace(/\\DOUBLE_ESC/g,"\\"));let n=[...r.matchAll(bi)];if(n.length===0){let a=r;for(let l=0;l<s.length;l++)a=a.replace(`__ESCAPED_${l}__`,s[l]);return{type:g.LITERAL,value:a}}if(n.length===1&&n[0][0]===r&&s.length===0)try{return Cr(n[0][1],t)}catch(a){if(a.message==="Invalid array index syntax")return{type:g.LITERAL,value:r};throw a}let i=[],o=0;for(let a of n){let[l,p]=a,u=a.index;if(u>o){let c=r.substring(o,u);for(let d=0;d<s.length;d++)c=c.replace(`__ESCAPED_${d}__`,s[d]);c&&i.push(c)}try{let c=Cr(p.trim(),t);i.push(c)}catch(c){if(c.message==="Invalid array index syntax")i.push(l);else throw c}o=u+l.length}if(o<r.length){let a=r.substring(o);for(let l=0;l<s.length;l++)a=a.replace(`__ESCAPED_${l}__`,s[l]);a&&i.push(a)}return{type:g.INTERPOLATION,parts:i}};var oe=(e,t)=>typeof e=="string"?dt(e,t):typeof e=="object"&&e!==null?Array.isArray(e)?Si(e,t):$i(e,t):{type:g.LITERAL,value:e},Si=(e,t)=>{let r=[],s=!1;for(let n=0;n<e.length;n++){let i=e[n];if(typeof i=="object"&&i!==null&&!Array.isArray(i)){let a=Object.keys(i);if(a.length===1&&a[0].startsWith("$for ")){let l=Or(a[0],i[a[0]],t);r.push(l),s=!0;continue}}let o=oe(i,t);r.push(o),(o.type===g.FUNCTION||o.type===g.CONDITIONAL||o.type===g.LOOP||o.type===g.OBJECT&&!o.fast||o.type===g.ARRAY&&!o.fast)&&(s=!0)}return{type:g.ARRAY,items:r,fast:!s}},$i=(e,t)=>{let r=[],s=!1,n=null,i=Object.entries(e),o=0;for(let[l,p]of i)if(l==="$when"){if(n!==null)throw new j("Multiple '$when' directives on the same object are not allowed");if(p==null)throw new j("Missing condition expression after '$when'");let u=typeof p=="string"?p:JSON.stringify(p);if(u.trim()==="")throw new j("Empty condition expression after '$when'");n=Z(u),s=!0}else if(l.startsWith("$when#")||l.startsWith("$when "))throw new j("'$when' does not support ID syntax or inline conditions - use '$when' as a property");for(;o<i.length;){let[l,p]=i[o];if(l==="$when"){o++;continue}if(l.startsWith("$if ")||l.match(/^\$if#\w+\s/)||l.match(/^\$if\s+\w+.*:$/)){let u=Ci(i,o,t);r.push({key:l,value:u.node}),s=!0,o=u.nextIndex}else if(l.startsWith("$for ")){let u=Or(l,p,t);r.push({key:l,value:u}),s=!0,o++}else{if(l.startsWith("$elif ")||l.startsWith("$else"))throw new j(`'${l.split(" ")[0]}' without matching '$if'`);if(l==="$if"||l==="$if:")throw new j("Missing condition expression after '$if'");{let u=oe(p,t);(u.type===g.FUNCTION||u.type===g.CONDITIONAL||u.type===g.LOOP||u.type===g.OBJECT&&!u.fast||u.type===g.ARRAY&&!u.fast)&&(s=!0);let c=dt(l,t),d={key:l,value:u};(c.type!==g.LITERAL||c.value!==l)&&(d.parsedKey=c),r.push(d),o++}}}let a={type:g.OBJECT,properties:r,fast:!s};return n&&(a.whenCondition=n),a},Ci=(e,t,r={})=>{let s=[],n=[],i=t,[o,a]=e[i],l=null,p;if(o.startsWith("$if#")){let c=o.match(/^\$if#(\w+)\s+(.+)$/);if(c)l=c[1],p=c[2];else throw new j(`Invalid conditional syntax: ${o}`)}else p=o.substring(4),p.endsWith(":")&&(p=p.slice(0,-1).trim());ut(p);let u=Z(p);for(s.push(u),n.push(oe(a,r)),i++;i<e.length;){let[c,d]=e[i],y=!1,h;if(l?c.startsWith(`$elif#${l} `)?(h=c.substring(`$elif#${l} `.length),h.endsWith(":")&&(h=h.slice(0,-1).trim()),y=!0):(c===`$else#${l}`||c===`$else#${l}:`)&&(y=!0,h=null):c.startsWith("$elif ")?(h=c.substring(6),h.endsWith(":")&&(h=h.slice(0,-1).trim()),y=!0):(c==="$else"||c==="$else:")&&(y=!0,h=null),y){if(h===null)s.push(null);else{ut(h);let f=Z(h);s.push(f)}if(n.push(oe(d,r)),i++,h===null)break}else break}return{node:{type:g.CONDITIONAL,conditions:s,bodies:n,id:l},nextIndex:i}},Z=e=>{if(e=e.trim(),e.startsWith("(")&&e.endsWith(")"))return Z(e.slice(1,-1));let t=Le(e,"||");if(t!==-1)return{type:g.BINARY,op:B.OR,left:Z(e.substring(0,t).trim()),right:Z(e.substring(t+2).trim())};let r=Le(e,"&&");if(r!==-1)return{type:g.BINARY,op:B.AND,left:Z(e.substring(0,r).trim()),right:Z(e.substring(r+2).trim())};let s=[{op:">=",type:B.GTE},{op:"<=",type:B.LTE},{op:"==",type:B.EQ},{op:"!=",type:B.NEQ},{op:">",type:B.GT},{op:"<",type:B.LT},{op:" in ",type:B.IN}];for(let{op:i,type:o}of s){let a=Le(e,i);if(a!==-1)return{type:g.BINARY,op:o,left:Z(e.substring(0,a).trim()),right:Z(e.substring(a+i.length).trim())}}let n=[" + "," - "," * "," / "," % "];for(let i of n)if(Le(e,i)!==-1)throw new j(`Arithmetic expressions not supported in conditionals - consider calculating '${e}' in your data instead (expressions with +, -, *, /, % are not supported). Offending expression: "${e}"`);return e.startsWith("!")?{type:g.UNARY,op:ke.NOT,operand:Z(e.substring(1).trim())}:Ii(e)},Le=(e,t)=>{let r=0,s=0;for(;s<=e.length-t.length;){if(e[s]==="(")r++;else if(e[s]===")")r--;else if(r===0&&e.substring(s,s+t.length)===t)return s;s++}return-1},Ii=e=>{if(e=e.trim(),e==="true")return{type:g.LITERAL,value:!0};if(e==="false")return{type:g.LITERAL,value:!1};if(e==="null")return{type:g.LITERAL,value:null};if(e.startsWith('"')&&e.endsWith('"')||e.startsWith("'")&&e.endsWith("'"))return{type:g.LITERAL,value:e.slice(1,-1)};if(e==='""'||e==="''")return{type:g.LITERAL,value:""};let t=Number(e);return!isNaN(t)&&isFinite(t)?{type:g.LITERAL,value:t}:{type:g.VARIABLE,path:e}},Or=(e,t,r)=>{let s=e.substring(5).trim();wr(s);let n=s.match(/^(.+?)\s+in\s+(.+)$/);if(!n)throw new j(`Invalid loop syntax - missing 'in' keyword (got: '$for ${s}')`);let i=n[1].trim(),o=n[2].trim(),a,l=null;if(i.includes(",")){let c=i.split(",").map(d=>d.trim());if(c.length!==2)throw new j(`Invalid loop variables: ${i}. Expected format: "item" or "item, index"`);a=c[0],l=c[1]}else a=i;let p={type:g.VARIABLE,path:o},u=oe(t,r);return{type:g.LOOP,itemVar:a,indexVar:l,iterable:p,body:u}};var Oi=(e,t={})=>{let{functions:r={}}=t;return oe(e,r)},ft=Oi;var yt={};P(yt,{now:()=>Ti});var Ti=()=>Date.now();var Li=(e,t,r={})=>{let{functions:s={}}=r,n={...yt,...s},i=ft(e,{functions:n});return ht(i,t,n)},mt=Li;function Tr(e,t){return t.reduce((r,s)=>(s in e&&(r[s]=e[s]),r),{})}var Ni=Object.freeze({formValues:{}}),Lr=(e,t,r=void 0)=>{if(!t)return;let s=t.split(/[\[\].]/).filter(i=>i!==""),n=e;for(let i of s){if(n==null||!(i in n))return r;n=n[i]}return n},Vi=(e,t,r)=>{let s=t.split(/[\[\].]/).filter(i=>i!=="");t.includes("[")&&t in e&&delete e[t];let n=e;for(let i=0;i<s.length-1;i++){let o=s[i];if(!(o in n)||typeof n[o]!="object"||n[o]===null){let a=s[i+1],l=/^\d+$/.test(a);n[o]=l?[]:{}}n=n[o]}return n[s[s.length-1]]=r,e},Ri=["id","class","style","slot"],Pi=e=>Object.entries(e).filter(([t])=>!Ri.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),Ne=({state:e,props:t})=>{let{form:r}=t,{context:s}=t;return s?mt(r,s):r},ji=({state:e,props:t,attrs:r})=>{let s=Pi(r),n=t.defaultValues||{},i=Ne({state:e,props:t}),o=structuredClone(i.fields||[]);return o.forEach(a=>{if(a.defaultValue=Lr(n,a.name),a.inputType==="image"){let l=a.src;a.imageSrc=l&&l.trim()?l:null,a.placeholderText=a.placeholder||"No Image"}if(a.inputType==="waveform"){let l=a.waveformData;a.waveformData=l||null,a.placeholderText=a.placeholder||"No Waveform"}}),{containerAttrString:s,title:i?.title||"",description:i?.description||"",fields:o,actions:t?.form?.actions||{buttons:[]},formValues:e.formValues}},Di=({state:e})=>e,Bi=({state:e,props:t})=>{let r=Ne({state:e,props:t});return Tr(e.formValues,r.fields.map(s=>s.name))},Wi=({state:e},t)=>Lr(e.formValues,t),Mi=(e,t)=>{e.formValues=t||{}},Ki=(e,{name:t,value:r,props:s})=>{Vi(e.formValues,t,r);let n=Ne({state:e,props:s}),i=Tr(e.formValues,n.fields.map(o=>o.name));e.formValues=i};var Nr={elementName:"rtgl-form",viewDataSchema:{type:"object"},propsSchema:{type:"object",properties:{defaultValues:{type:"object"},context:{type:"object"},form:{type:"object",properties:{title:{type:"string"},description:{type:"string"},fields:{type:"array",items:{anyOf:[{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"inputText"},placeholder:{type:"string"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"select"},placeholder:{type:"string"},options:{type:"array",items:{type:"object",properties:{id:{type:"string"},label:{type:"string"},value:{type:"any"}},required:["id","label","value"]}}},required:["name","label","inputType","options"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"colorPicker"},value:{type:"string"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"slider"},min:{type:"number"},max:{type:"number"},step:{type:"number"},value:{type:"number"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"slider-input"},min:{type:"number"},max:{type:"number"},step:{type:"number"},value:{type:"number"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"image"},width:{type:"number"},height:{type:"number"},placeholder:{type:"string"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"waveform"},width:{type:"number"},height:{type:"number"},placeholder:{type:"string"},defaultValue:{type:"object"},waveformData:{type:"object"}},required:["name","label","inputType"],additionalProperties:!1}]}},actions:{type:"object",properties:{buttons:{type:"array",items:{type:"object",properties:{id:{type:"string"},content:{type:"string"}},required:["id","content"]}}}}}}}},refs:{"action-*":{eventListeners:{click:{handler:"handleActionClick"}}},"input-*":{eventListeners:{"input-change":{handler:"handleInputChange"}}},"select-*":{eventListeners:{"select-change":{handler:"handleSelectChange"}}},"colorpicker-*":{eventListeners:{"colorpicker-change":{handler:"handleColorPickerChange"}}},"slider-*":{eventListeners:{"slider-change":{handler:"handleSliderChange"}}},"slider-input-*":{eventListeners:{"slider-input-value-change":{handler:"handleSliderInputChange"}}},"image-*":{eventListeners:{click:{handler:"handleImageClick"},contextmenu:{handler:"handleImageClick"}}},"waveform-*":{eventListeners:{click:{handler:"handleWaveformClick"},contextmenu:{handler:"handleWaveformClick"}}},"popover-input-*":{eventListeners:{"input-change":{handler:"handlePopoverInputChange"}}}},events:{"form-change":{},"extra-event":{}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f p=md g=lg ${containerAttrString}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view g=sm w=f",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"title"}}],fast:!0},{type:8,properties:[{key:"rtgl-text c=mu-fg",value:{type:1,path:"description"}}],fast:!0}],fast:!0}}],fast:!0},{type:8,properties:[{key:"rtgl-view g=lg w=f",value:{type:9,items:[{type:7,itemVar:"field",indexVar:"i",iterable:{type:1,path:"fields"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-view g=md w=f",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view g=sm",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"field.label"}}],fast:!0},{type:8,properties:[{key:"rtgl-text s=sm c=mu-fg",value:{type:1,path:"field.description"}}],fast:!0}],fast:!0}}],fast:!0},{type:8,properties:[{key:'$if field.inputType == "read-only-text"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"read-only-text"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm",value:{type:1,path:"field.defaultValue"}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "inputText"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"inputText"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-input#input-${field.name} w=f placeholder=${field.placeholder} value=${field.defaultValue}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-input#input-",{type:1,path:"field.name"}," w=f placeholder=",{type:1,path:"field.placeholder"}," value=",{type:1,path:"field.defaultValue"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "popover-input"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"popover-input"}}],bodies:[{type:9,items:[{type:8,properties:[{key:'rtgl-popover-input#popover-input-${field.name} label="${field.label}" .defaultValue=fields[${i}].defaultValue',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-popover-input#popover-input-",{type:1,path:"field.name"},' label="',{type:1,path:"field.label"},'" .defaultValue=fields[',{type:1,path:"i"},"].defaultValue"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "select"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"select"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-select#select-${field.name} w=f .options=fields[${i}].options .placeholder=fields[${i}].placeholder .selectedValue=fields[${i}].defaultValue",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-select#select-",{type:1,path:"field.name"}," w=f .options=fields[",{type:1,path:"i"},"].options .placeholder=fields[",{type:1,path:"i"},"].placeholder .selectedValue=fields[",{type:1,path:"i"},"].defaultValue"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "colorPicker"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"colorPicker"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-color-picker#colorpicker-${field.name} value=${field.defaultValue}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-color-picker#colorpicker-",{type:1,path:"field.name"}," value=",{type:1,path:"field.defaultValue"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "slider"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"slider"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-slider#slider-${field.name} w=f min=${field.min} max=${field.max} step=${field.step} value=${field.defaultValue}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-slider#slider-",{type:1,path:"field.name"}," w=f min=",{type:1,path:"field.min"}," max=",{type:1,path:"field.max"}," step=",{type:1,path:"field.step"}," value=",{type:1,path:"field.defaultValue"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "slider-input"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"slider-input"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-slider-input#slider-input-${field.name} w=f min=${field.min} max=${field.max} step=${field.step} defaultValue=${field.defaultValue}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-slider-input#slider-input-",{type:1,path:"field.name"}," w=f min=",{type:1,path:"field.min"}," max=",{type:1,path:"field.max"}," step=",{type:1,path:"field.step"}," defaultValue=",{type:1,path:"field.defaultValue"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "image" && field.imageSrc',value:{type:6,conditions:[{type:4,op:6,left:{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"image"}},right:{type:1,path:"field.imageSrc"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-image#image-${field.name} src=${field.imageSrc} w=${field.width} h=${field.height} cur=p",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image#image-",{type:1,path:"field.name"}," src=",{type:1,path:"field.imageSrc"}," w=",{type:1,path:"field.width"}," h=",{type:1,path:"field.height"}," cur=p"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "image" && !field.imageSrc',value:{type:6,conditions:[{type:4,op:6,left:{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"image"}},right:{type:5,op:0,operand:{type:1,path:"field.imageSrc"}}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view#image-${field.name} w=${field.width} h=${field.height} bc=ac bw=sm ah=c av=c cur=p p=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text c=mu-fg ta=c",value:{type:1,path:"field.placeholderText"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#image-",{type:1,path:"field.name"}," w=",{type:1,path:"field.width"}," h=",{type:1,path:"field.height"}," bc=ac bw=sm ah=c av=c cur=p p=md"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "waveform" && field.waveformData',value:{type:6,conditions:[{type:4,op:6,left:{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"waveform"}},right:{type:1,path:"field.waveformData"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-waveform#waveform-${field.name} .waveformData=fields[${i}].waveformData w=${field.width} h=${field.height} cur=p",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-waveform#waveform-",{type:1,path:"field.name"}," .waveformData=fields[",{type:1,path:"i"},"].waveformData w=",{type:1,path:"field.width"}," h=",{type:1,path:"field.height"}," cur=p"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "waveform" && !field.waveformData',value:{type:6,conditions:[{type:4,op:6,left:{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"waveform"}},right:{type:5,op:0,operand:{type:1,path:"field.waveformData"}}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view#waveform-${field.name} w=${field.width} h=${field.height} bc=ac bw=sm ah=c av=c cur=p p=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text c=mu-fg ta=c",value:{type:1,path:"field.placeholder"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#waveform-",{type:1,path:"field.name"}," w=",{type:1,path:"field.width"}," h=",{type:1,path:"field.height"}," bc=ac bw=sm ah=c av=c cur=p p=md"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "slot"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"slot"}}],bodies:[{type:9,items:[{type:8,properties:[{key:'slot#slot-${field.slotName} name=${field.slot} style="display: contents;"',value:{type:0,value:null},parsedKey:{type:2,parts:["slot#slot-",{type:1,path:"field.slotName"}," name=",{type:1,path:"field.slot"},' style="display: contents;"']}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1}}],fast:!1},{type:8,properties:[{key:"rtgl-view g=sm w=f",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h ah=e g=sm w=f",value:{type:9,items:[{type:7,itemVar:"button",indexVar:"i",iterable:{type:1,path:"actions.buttons"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-button#action-${button.id}",value:{type:1,path:"button.content"},parsedKey:{type:2,parts:["rtgl-button#action-",{type:1,path:"button.id"}]}}],fast:!0}],fast:!0}}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view w=f p=md g=lg ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var vt={};P(vt,{handleClickStart:()=>Fi});var Fi=(e,t)=>{let{dispatchEvent:r,store:s}=t;console.log("handle click start",s.selectPath()),r(new CustomEvent("clickStart",{detail:{path:s.selectPath()}}))};var bt={};P(bt,{INITIAL_STATE:()=>zi,selectPath:()=>Yi,setState:()=>qi,toViewData:()=>Ji});var zi=Object.freeze({}),Ui=["id","class","style","slot"],Hi=e=>Object.entries(e).filter(([t])=>!Ui.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),Ji=({state:e,props:t,attrs:r})=>{console.log("attrs",{attrs:r,entries:Object.entries(r)});let s=r.start?JSON.parse(decodeURIComponent(r.start)):t.start;return{containerAttrString:Hi(r),start:s||{label:"",image:{src:"",width:32,height:32,alt:""}}}},Yi=({props:e})=>e.start.path,qi=e=>{};var Vr={elementName:"rtgl-navbar",viewDataSchema:{type:"object",properties:{containerAttrString:{type:"string"},start:{type:"object",properties:{label:{type:"string"},href:{type:"string"},image:{type:"object",properties:{src:{type:"string"}}},hasImage:{type:"boolean"},hasHref:{type:"boolean"}}}}},propsSchema:{type:"object",properties:{start:{type:"object",properties:{label:{type:"string"},href:{type:"string"},image:{type:"object",properties:{src:{type:"string"}}}}}}},refs:{start:{eventListeners:{click:{handler:"handleClickStart"}}}},events:{clickStart:{type:"object",properties:{path:{type:"string"}}}},anchors:[[{"rtgl-text s=lg":"${start.label}"},{"$if start.image && start.image.src":[{"rtgl-image w=${start.image.width} h=${start.image.height} src=${start.image.src} alt=${start.image.alt}":null}]}]],template:{type:9,items:[{type:8,properties:[{key:"rtgl-view bgc=bg d=h h=48 av=c w=f ${containerAttrString}",value:{type:9,items:[{type:8,properties:[{key:"$if start.href",value:{type:6,conditions:[{type:1,path:"start.href"},{type:1,path:"start.path"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"a href=${start.href}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h av=c g=lg g=md",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"start.label"}}],fast:!0},{type:8,properties:[{key:"$if start.image && start.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"start.image"},right:{type:1,path:"start.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-image w=${start.image.width} h=${start.image.height} src=${start.image.src} alt=${start.image.alt}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"start.image.width"}," h=",{type:1,path:"start.image.height"}," src=",{type:1,path:"start.image.src"}," alt=",{type:1,path:"start.image.alt"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],fast:!1}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["a href=",{type:1,path:"start.href"}]}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view#start d=h av=c g=lg g=md cur=p",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"start.label"}}],fast:!0},{type:8,properties:[{key:"$if start.image && start.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"start.image"},right:{type:1,path:"start.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-image w=${start.image.width} h=${start.image.height} src=${start.image.src} alt=${start.image.alt}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"start.image.width"}," h=",{type:1,path:"start.image.height"}," src=",{type:1,path:"start.image.src"}," alt=",{type:1,path:"start.image.alt"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],fast:!1}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h av=c g=lg g=md",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"start.label"}}],fast:!0},{type:8,properties:[{key:"$if start.image && start.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"start.image"},right:{type:1,path:"start.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-image w=${start.image.width} h=${start.image.height} src=${start.image.src} alt=${start.image.alt}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"start.image.width"}," h=",{type:1,path:"start.image.height"}," src=",{type:1,path:"start.image.src"}," alt=",{type:1,path:"start.image.alt"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],fast:!1}}],fast:!1}],fast:!1}],id:null}}],fast:!1},{type:8,properties:[{key:"rtgl-view flex=1",value:{type:0,value:null}}],fast:!0},{type:8,properties:[{key:"rtgl-view d=h av=c g=lg",value:{type:9,items:[{type:8,properties:[{key:"slot name=right",value:{type:0,value:null}}],fast:!0}],fast:!0}}],fast:!0}],fast:!1},parsedKey:{type:2,parts:["rtgl-view bgc=bg d=h h=48 av=c w=f ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var wt={};P(wt,{handleBeforeMount:()=>Xi});var Rr=(e,t)=>{let{store:r,render:s}=t,n,i=-1/0;e.forEach(o=>{let a=o.getBoundingClientRect();a.top<=20&&a.top>i&&(i=a.top,n=o.id)}),n&&n!==r.selectCurrentId()&&(r.setCurrentId(n),s())},Gi=(e,t)=>{let{store:r,render:s}=t,n=e.querySelectorAll("rtgl-text[id]"),i=Array.from(n),o=i.map(l=>({id:l.id,href:`#${l.id}`,title:l.textContent}));r.setItems(o),Rr(i,t),s();let a=Rr.bind(void 0,i,t);return e.addEventListener("scroll",a,{passive:!0}),()=>{e.removeEventListener("scroll",a)}},Xi=e=>{let{attrs:t}=e;requestAnimationFrame(()=>{let r=document.getElementById(t["target-id"]),s=Gi(r,e);return()=>{s()}})};var xt={};P(xt,{INITIAL_STATE:()=>Qi,selectCurrentId:()=>tn,selectState:()=>en,setContentContainer:()=>nn,setCurrentId:()=>sn,setItems:()=>rn,toViewData:()=>Zi});var Qi=Object.freeze({items:[],currentId:null,contentContainer:null}),Zi=({state:e})=>({items:e.items.map(t=>({...t,c:t.id===e.currentId?"fg":"mu-fg"})),currentId:e.currentId}),en=({state:e})=>e,tn=({state:e})=>e.currentId,rn=(e,t)=>{e.items=t},sn=(e,t)=>{e.currentId=t},nn=(e,t)=>{e.contentContainer=t};var Pr={elementName:"rtgl-page-outline",viewDataSchema:{type:"object",properties:{items:{type:"array",items:{type:"object",properties:{slug:{type:"string"},title:{type:"string"}}}},selectedSlug:{type:"string",nullable:!0}}},propsSchema:{type:"object",properties:{}},refs:{},events:{onItemClick:{type:"object"}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view h=f w=272",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f g=sm mt=xl",value:{type:9,items:[{type:7,itemVar:"item",indexVar:"i",iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-view pv=xs av=c href=${item.href}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=${item.c} h-c=fg",value:{type:1,path:"item.title"},parsedKey:{type:2,parts:["rtgl-text s=sm c=",{type:1,path:"item.c"}," h-c=fg"]}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view pv=xs av=c href=",{type:1,path:"item.href"}]}}],fast:!0}],fast:!0}}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1}],fast:!1}};var Et={};P(Et,{handleBeforeMount:()=>an,handleInputChange:()=>cn,handleInputKeydown:()=>hn,handleOnUpdate:()=>on,handlePopoverClose:()=>pn,handleSubmitClick:()=>un,handleTextClick:()=>ln});var an=e=>{let{store:t,props:r}=e;(r.value!==void 0||r.defaultValue!==void 0)&&t.setValue(r.value||r.defaultValue||"")},on=(e,t)=>{let{oldProps:r,newProps:s}=e,{store:n,props:i,render:o}=t;r.defaultValue!==s.defaultValue&&n.setValue(i.defaultValue||""),o()},ln=(e,t)=>{let{store:r,render:s,getRefIds:n,attrs:i}=t,o=r.selectValue();r.setTempValue(o),r.openPopover({position:{x:e.currentTarget.getBoundingClientRect().left,y:e.currentTarget.getBoundingClientRect().bottom}});let{input:a}=n();a.elm.value=o,s(),i["auto-focus"]&&setTimeout(()=>{a.elm.focus()},50)},pn=(e,t)=>{let{store:r,render:s}=t;r.closePopover(),s()},cn=(e,t)=>{let{store:r,render:s,dispatchEvent:n}=t,i=e.detail.value;r.setTempValue(i),n(new CustomEvent("temp-input-change",{detail:{value:i},bubbles:!0})),s()},un=(e,t)=>{let{store:r,render:s,dispatchEvent:n,getRefIds:i}=t,{input:o}=i(),a=o.elm.value;r.setValue(a),r.closePopover(),n(new CustomEvent("input-change",{detail:{value:a},bubbles:!0})),s()},hn=(e,t)=>{let{store:r,render:s,dispatchEvent:n,getRefIds:i}=t;if(e.key==="Enter"){let{input:o}=i(),a=o.elm.value;r.closePopover(),n(new CustomEvent("input-change",{detail:{value:a},bubbles:!0})),s()}else e.key==="Escape"&&(r.closePopover(),s())};var _t={};P(_t,{INITIAL_STATE:()=>dn,closePopover:()=>gn,openPopover:()=>mn,selectValue:()=>bn,setTempValue:()=>yn,setValue:()=>vn,toViewData:()=>fn});var dn=Object.freeze({isOpen:!1,position:{x:0,y:0},value:"",tempValue:""}),fn=({attrs:e,state:t,props:r})=>{let s=t.value||"-";return{isOpen:t.isOpen,position:t.position,value:s??"-",tempValue:t.tempValue,placeholder:r.placeholder??"",label:e.label}},yn=(e,t)=>{e.tempValue=t},mn=(e,t)=>{let{position:r}=t;e.position=r,e.isOpen=!0,e.hasUnsavedChanges=!1},gn=e=>{e.isOpen=!1,e.tempValue=""},vn=(e,t)=>{e.value=t},bn=({state:e})=>e.value;var jr={elementName:"rtgl-popover-input",viewDataSchema:{type:"object"},attrsSchema:{type:"object",properties:{"auto-focus":{type:"boolean"}}},propsSchema:{type:"object",properties:{value:{type:"string"},defaultValue:{type:"string"},placeholder:{type:"string"},onChange:{type:"function"}}},refs:{"text-display":{eventListeners:{click:{handler:"handleTextClick"}}},popover:{eventListeners:{close:{handler:"handlePopoverClose"}}},input:{eventListeners:{"input-change":{handler:"handleInputChange"},keydown:{handler:"handleInputKeydown"}}},submit:{eventListeners:{click:{handler:"handleSubmitClick"}}}},events:{"input-change":{}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view#text-display w=f cur=p",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"value"}}],fast:!0}],fast:!0}}],fast:!0},{type:8,properties:[{key:"rtgl-popover#popover ?open=${isOpen} x=${position.x} y=${position.y}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view g=md w=240 slot=content bgc=background br=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"label"}}],fast:!0},{type:8,properties:[{key:"rtgl-input#input w=f placeholder=${placeholder}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-input#input w=f placeholder=",{type:1,path:"placeholder"}]}}],fast:!0},{type:8,properties:[{key:"rtgl-view w=f ah=e",value:{type:9,items:[{type:8,properties:[{key:"rtgl-button#submit",value:{type:0,value:"Submit"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-popover#popover ?open=",{type:1,path:"isOpen"}," x=",{type:1,path:"position.x"}," y=",{type:1,path:"position.y"}]}}],fast:!0}],fast:!0}};var kt={};P(kt,{handleBeforeMount:()=>wn,handleButtonClick:()=>xn,handleClickOptionsPopoverOverlay:()=>En,handleOptionClick:()=>_n});var wn=e=>{let{store:t,props:r,render:s}=e;if(r.selectedValue!==null&&r.selectedValue!==void 0&&r.options){let n=r.options.find(i=>i.value===r.selectedValue);n&&(t.updateSelectOption(n),s())}},xn=(e,t)=>{let{store:r,render:s,getRefIds:n}=t;r.openOptionsPopover({position:{y:e.clientY,x:e.clientX}}),s()},En=(e,t)=>{let{store:r,render:s}=t;r.closeOptionsPopover(),s()},_n=(e,t)=>{let{render:r,dispatchEvent:s,props:n,store:i}=t,o=e.currentTarget.id.replace("option-",""),a=n.options[o];i.updateSelectOption(a),n.onChange&&typeof n.onChange=="function"&&n.onChange(a.value),s(new CustomEvent("option-selected",{detail:{value:a.value,label:a.label},bubbles:!0})),s(new CustomEvent("select-change",{detail:{selectedValue:a.value},bubbles:!0})),r()};var At={};P(At,{INITIAL_STATE:()=>kn,closeOptionsPopover:()=>Cn,openOptionsPopover:()=>$n,selectState:()=>Sn,toViewData:()=>An,updateSelectOption:()=>In});var kn=Object.freeze({isOpen:!1,position:{x:0,y:0},selectedValue:null,selectedLabel:null}),An=({state:e,props:t})=>{let r=t.placeholder||"Select an option",s=e.selectedValue!==null?e.selectedValue:t.selectedValue;if(s!=null&&t.options){let i=t.options.find(o=>o.value===s);i&&(r=i.label)}else e.selectedLabel&&(r=e.selectedLabel);let n=(t.options||[]).map(i=>({...i,isSelected:i.value===s,bgc:i.value===s?"mu":""}));return{isOpen:e.isOpen,position:e.position,options:n,selectedValue:s,selectedLabel:r,placeholder:t.placeholder||"Select an option"}},Sn=({state:e})=>e,$n=(e,t)=>{let{position:r}=t;e.position=r,e.isOpen=!0},Cn=e=>{e.isOpen=!1},In=(e,t)=>{e.selectedValue=t.value,e.selectedLabel=t.label,e.isOpen=!1};var Dr={elementName:"rtgl-select",viewDataSchema:{type:"object"},propsSchema:{type:"object",properties:{options:{type:"array",items:{type:"object",properties:{id:{type:"string"},label:{type:"string"},value:{type:"any"}}}},selectedValue:{type:"any"},placeholder:{type:"string"},onChange:{type:"function"}}},refs:{"select-button":{eventListeners:{click:{handler:"handleButtonClick"}}},popover:{eventListeners:{close:{handler:"handleClickOptionsPopoverOverlay"}}},"option-*":{eventListeners:{click:{handler:"handleOptionClick"}}}},events:{},template:{type:9,items:[{type:8,properties:[{key:"rtgl-button#select-button v=ol",value:{type:9,items:[{type:1,path:"selectedLabel"}],fast:!0}}],fast:!0},{type:8,properties:[{key:"rtgl-popover#popover ?open=${isOpen} x=${position.x} y=${position.y}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view wh=300 g=xs slot=content bgc=background br=md sv=true",value:{type:9,items:[{type:7,itemVar:"option",indexVar:"i",iterable:{type:1,path:"options"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-view#option-${i} w=f h-bgc=ac ph=lg pv=md cur=p br=md bgc=${option.bgc}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"option.label"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#option-",{type:1,path:"i"}," w=f h-bgc=ac ph=lg pv=md cur=p br=md bgc=",{type:1,path:"option.bgc"}]}}],fast:!0}],fast:!0}}],fast:!1}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-popover#popover ?open=",{type:1,path:"isOpen"}," x=",{type:1,path:"position.x"}," y=",{type:1,path:"position.y"}]}}],fast:!1}],fast:!1}};var St={};P(St,{handleHeaderClick:()=>On,handleItemClick:()=>Tn});var On=(e,t)=>{let{store:r,dispatchEvent:s}=t,n,i=r.selectHeader();e.currentTarget.id==="header-label"?n=i.labelPath:e.currentTarget.id==="header-image"?n=i.image.path:e.currentTarget.id==="header"&&(n=i.path),s(new CustomEvent("headerClick",{detail:{path:n},bubbles:!0,composed:!0}))},Tn=(e,t)=>{let{store:r,dispatchEvent:s}=t,n=e.currentTarget.id.replace("item-",""),i=r.selectItem(n);s(new CustomEvent("itemClick",{detail:{item:i},bubbles:!0,composed:!0}))};var Ct={};P(Ct,{INITIAL_STATE:()=>Ln,selectActiveItem:()=>jn,selectHeader:()=>Pn,selectItem:()=>Dn,setState:()=>Bn,toViewData:()=>Rn});var Ln=Object.freeze({}),Nn=["id","class","style","slot"],Vn=e=>Object.entries(e).filter(([t])=>!Nn.includes(t)).map(([t,r])=>`${t}=${r}`).join(" ");function $t(e,t=null){let r=[];for(let s of e){let n=s.id||s.href||s.path,i=t===n;if(r.push({id:n,title:s.title,href:s.href,type:s.type||"item",icon:s.icon,hrefAttr:s.href?`href=${s.href}`:"",isSelected:i,itemBgc:i?"ac":"bg",itemHoverBgc:i?"ac":"mu"}),s.items&&Array.isArray(s.items))for(let o of s.items){let a=o.id||o.href||o.path,l=t===a;r.push({id:a,title:o.title,href:o.href,type:o.type||"item",icon:o.icon,hrefAttr:o.href?`href=${o.href}`:"",isSelected:l,itemBgc:l?"ac":"bg",itemHoverBgc:l?"ac":"mu"})}}return r}var Rn=({state:e,props:t,attrs:r})=>{let s=r.header?JSON.parse(decodeURIComponent(r.header)):t.header,n=r.items?JSON.parse(decodeURIComponent(r.items)):t.items,i=r.selectedItemId||t.selectedItemId,o=Vn(r),a=r.mode||"full",l=s||{label:"",path:"",image:{src:"",alt:"",width:0,height:0}},p=n?$t(n,i):[],u=a==="full"?272:64,c=a==="full"?"fs":"c",d=a==="full"?"fs":"c",y=a==="full"?"lg":"sm",h=a==="full"?"md":"sm",f=a==="shrunk-lg"?48:40,m=a==="shrunk-lg"?28:20,v=a==="shrunk-lg"?"md":"sm",b=a==="full",w=a==="full",E=a==="full"?"fs":"c",A=a==="full"?"":`ah=${d}`,_=a==="full"?"f":f;return{containerAttrString:o,mode:a,header:l,items:p,sidebarWidth:u,headerAlign:c,itemAlign:d,headerPadding:y,itemPadding:h,itemHeight:f,iconSize:m,firstLetterSize:v,showLabels:b,showGroupLabels:w,itemContentAlign:E,itemAlignAttr:A,itemWidth:_,headerWidth:_,selectedItemId:i,ah:a==="shrunk-lg"||a==="shrunk-md"?"c":""}},Pn=({state:e,props:t,attrs:r})=>r.header?JSON.parse(decodeURIComponent(r.header)):t.header,jn=({state:e,props:t})=>(t.items?$t(t.items):[]).find(s=>s.active),Dn=({state:e,props:t,attrs:r},s)=>{let n=r.items?JSON.parse(decodeURIComponent(r.items)):t.items;return(n?$t(n):[]).find(o=>o.id===s)},Bn=e=>{};var Br={elementName:"rtgl-sidebar",viewDataSchema:{type:"object",properties:{containerAttrString:{type:"string"},mode:{type:"string",enum:["full","shrunk","shrunk-lg"],default:"full"},sidebarWidth:{type:"number"},headerAlign:{type:"string"},itemAlign:{type:"string"},headerPadding:{type:"string"},itemPadding:{type:"string"},itemHeight:{type:"number"},iconSize:{type:"number"},firstLetterSize:{type:"string"},showLabels:{type:"boolean"},showGroupLabels:{type:"boolean"},itemContentAlign:{type:"string"},itemAlignAttr:{type:"string"},itemWidth:{type:"string"},headerWidth:{type:"string"},selectedItemId:{type:"string"},header:{type:"object",properties:{label:{type:"string"},href:{type:"string"},image:{type:"object",properties:{src:{type:"string"},width:{type:"number"},height:{type:"number"},alt:{type:"string"}}}}},items:{type:"array",items:{type:"object",properties:{title:{type:"string"},slug:{type:"string"},type:{type:"string"},active:{type:"boolean"},icon:{type:"string"}}}}}},propsSchema:{type:"object",properties:{selectedItemId:{type:"string"},header:{type:"object",properties:{label:{type:"string"},href:{type:"string"},image:{type:"object",properties:{src:{type:"string"},width:{type:"number"},height:{type:"number"},alt:{type:"string"}}}}},items:{type:"array",items:{type:"object",properties:{title:{type:"string"},slug:{type:"string"},type:{type:"string"},items:{type:"array"}}}}}},refs:{"header-image":{eventListeners:{click:{handler:"handleHeaderClick"}}},"header-label":{eventListeners:{click:{handler:"handleHeaderClick"}}},header:{eventListeners:{click:{handler:"handleHeaderClick"}}},"item-*":{eventListeners:{click:{handler:"handleItemClick"}}}},events:{headerClick:{type:"object",properties:{path:{type:"string"}}}},anchors:[[{"$if header.image && header.image.src":[{"$if header.image.href":[{"a href=${header.image.href}":[{'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"':null}]}],"$elif header.image.path":[{"rtgl-view#header-image cur=p":[{'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"':null}]}],$else:[{'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"':null}]}]},{"$if header.label && showLabels":[{"$if header.labelHref":[{"rtgl-text href=${header.labelHref} s=lg":"${header.label}"}],"$elif header.labelPath":[{"rtgl-view#header-label cur=p":[{"rtgl-text s=lg":"${header.label}"}]}],$else:[{"rtgl-text s=lg":"${header.label}"}]}]}]],template:{type:9,items:[{type:8,properties:[{key:"rtgl-view h=f w=${sidebarWidth} bwr=xs ah=${ah} ${containerAttrString}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view ph=${headerPadding} pv=lg",value:{type:9,items:[{type:8,properties:[{key:"$if header.href",value:{type:6,conditions:[{type:1,path:"header.href"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view href=${header.href} d=h av=c ah=${headerAlign} g=lg w=${headerWidth}",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"$if header.image && header.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"header.image"},right:{type:1,path:"header.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"$if header.image.href",value:{type:6,conditions:[{type:1,path:"header.image.href"},{type:1,path:"header.image.path"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"a href=${header.image.href}",value:{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["a href=",{type:1,path:"header.image.href"}]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header-image cur=p",value:{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1},{type:8,properties:[{key:"$if header.label && showLabels",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"header.label"},right:{type:1,path:"showLabels"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"$if header.labelHref",value:{type:6,conditions:[{type:1,path:"header.labelHref"},{type:1,path:"header.labelPath"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-text href=${header.labelHref} s=lg",value:{type:1,path:"header.label"},parsedKey:{type:2,parts:["rtgl-text href=",{type:1,path:"header.labelHref"}," s=lg"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header-label cur=p",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"header.label"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"header.label"}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view href=",{type:1,path:"header.href"}," d=h av=c ah=",{type:1,path:"headerAlign"}," g=lg w=",{type:1,path:"headerWidth"}]}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header d=h av=c ah=${headerAlign} g=lg w=${headerWidth} cur=p",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"$if header.image && header.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"header.image"},right:{type:1,path:"header.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"$if header.image.href",value:{type:6,conditions:[{type:1,path:"header.image.href"},{type:1,path:"header.image.path"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"a href=${header.image.href}",value:{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["a href=",{type:1,path:"header.image.href"}]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header-image cur=p",value:{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1},{type:8,properties:[{key:"$if header.label && showLabels",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"header.label"},right:{type:1,path:"showLabels"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"$if header.labelHref",value:{type:6,conditions:[{type:1,path:"header.labelHref"},{type:1,path:"header.labelPath"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-text href=${header.labelHref} s=lg",value:{type:1,path:"header.label"},parsedKey:{type:2,parts:["rtgl-text href=",{type:1,path:"header.labelHref"}," s=lg"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header-label cur=p",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"header.label"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"header.label"}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view#header d=h av=c ah=",{type:1,path:"headerAlign"}," g=lg w=",{type:1,path:"headerWidth"}," cur=p"]}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view ph=",{type:1,path:"headerPadding"}," pv=lg"]}}],fast:!1},{type:8,properties:[{key:"rtgl-view w=f ph=${headerPadding} pb=lg g=xs ah=${ah}",value:{type:9,items:[{type:7,itemVar:"item",indexVar:"i",iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:'$if item.type == "groupLabel"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"item.type"},right:{type:0,value:"groupLabel"}},null],bodies:[{type:9,items:[{type:8,properties:[{key:"$if showGroupLabels",value:{type:6,conditions:[{type:1,path:"showGroupLabels"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view mt=md h=32 av=c ph=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=xs c=mu-fg",value:{type:1,path:"item.title"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view mt=md h=1 bgc=mu-bg",value:{type:0,value:null}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view#item-${item.id} ${item.hrefAttr} h=${itemHeight} av=c ${itemAlignAttr} ph=${itemPadding} w=${itemWidth} h-bgc=${item.itemHoverBgc} br=lg bgc=${item.itemBgc} cur=p",value:{type:9,items:[{type:8,properties:[{key:"$if item.icon",value:{type:6,conditions:[{type:1,path:"item.icon"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"$if showLabels",value:{type:6,conditions:[{type:1,path:"showLabels"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h ah=${itemContentAlign} g=sm",value:{type:9,items:[{type:8,properties:[{key:"rtgl-svg wh=16 svg=${item.icon} c=fg",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-svg wh=16 svg=",{type:1,path:"item.icon"}," c=fg"]}}],fast:!0},{type:8,properties:[{key:"rtgl-text s=sm",value:{type:1,path:"item.title"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view d=h ah=",{type:1,path:"itemContentAlign"}," g=sm"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-svg wh=${iconSize} svg=${item.icon} c=fg",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-svg wh=",{type:1,path:"iconSize"}," svg=",{type:1,path:"item.icon"}," c=fg"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"$if showLabels",value:{type:6,conditions:[{type:1,path:"showLabels"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm",value:{type:1,path:"item.title"}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view wh=${iconSize} br=f bgc=mu av=c ah=c",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=${firstLetterSize} c=fg",value:{type:1,path:"item.title.charAt(0).toUpperCase()"},parsedKey:{type:2,parts:["rtgl-text s=",{type:1,path:"firstLetterSize"}," c=fg"]}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view wh=",{type:1,path:"iconSize"}," br=f bgc=mu av=c ah=c"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view#item-",{type:1,path:"item.id"}," ",{type:1,path:"item.hrefAttr"}," h=",{type:1,path:"itemHeight"}," av=c ",{type:1,path:"itemAlignAttr"}," ph=",{type:1,path:"itemPadding"}," w=",{type:1,path:"itemWidth"}," h-bgc=",{type:1,path:"item.itemHoverBgc"}," br=lg bgc=",{type:1,path:"item.itemBgc"}," cur=p"]}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1}}],fast:!1},parsedKey:{type:2,parts:["rtgl-view w=f ph=",{type:1,path:"headerPadding"}," pb=lg g=xs ah=",{type:1,path:"ah"}]}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view h=f w=",{type:1,path:"sidebarWidth"}," bwr=xs ah=",{type:1,path:"ah"}," ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var It={};P(It,{handleBeforeMount:()=>Wn,handleValueChange:()=>Mn});var Wn=e=>{let{store:t,attrs:r}=e;t.setValue(r.defaultValue||0)},Mn=(e,t)=>{let{store:r,render:s,dispatchEvent:n}=t,i=Number(e.detail.value);r.setValue(i),s(),n(new CustomEvent("slider-input-value-change",{detail:{value:i},bubbles:!0}))};var Ot={};P(Ot,{INITIAL_STATE:()=>Kn,setValue:()=>zn,toViewData:()=>Fn});var Kn=Object.freeze({value:0}),Fn=({state:e,attrs:t})=>({value:e.value,w:t.w||"",min:t.min||0,max:t.max||100,step:t.step||1}),zn=(e,t)=>{e.value=t};var Wr={elementName:"rtgl-slider-input",viewDataSchema:{type:"object"},attrsSchema:{type:"object",properties:{defaultValue:{type:"string",default:"0"},w:{type:"string",default:""},min:{type:"string",default:"0"},max:{type:"string",default:"100"},step:{type:"string",default:"1"}}},refs:{input:{eventListeners:{"input-change":{handler:"handleValueChange"}}},slider:{eventListeners:{"slider-change":{handler:"handleValueChange"}}}},events:{"form-change":{}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h av=c g=md w=${w}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-slider#slider w=f type=range min=${min} max=${max} step=${step} value=${value}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-slider#slider w=f type=range min=",{type:1,path:"min"}," max=",{type:1,path:"max"}," step=",{type:1,path:"step"}," value=",{type:1,path:"value"}]}}],fast:!0},{type:8,properties:[{key:"rtgl-view w=84",value:{type:9,items:[{type:8,properties:[{key:"rtgl-input#input w=f type=number min=${min} max=${max} step=${step} value=${value}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-input#input w=f type=number min=",{type:1,path:"min"}," max=",{type:1,path:"max"}," step=",{type:1,path:"step"}," value=",{type:1,path:"value"}]}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view d=h av=c g=md w=",{type:1,path:"w"}]}}],fast:!0}],fast:!0}};var Tt={};P(Tt,{handleBeforeMount:()=>Un,handleHeaderClick:()=>Jn,handleRowClick:()=>Hn});var Un=e=>{},Hn=(e,t)=>{let{dispatchEvent:r,props:s}=t,n=parseInt(e.currentTarget.id.replace("row-","")),i=s.data?.rows?.[n];i&&r(new CustomEvent("row-click",{detail:{rowIndex:n,rowData:i}}))},Jn=(e,t)=>{let{store:r,render:s,dispatchEvent:n}=t,i=e.currentTarget.id.replace("header-",""),o=r.selectSortInfo(),a="asc";o.column===i&&(o.direction==="asc"?a="desc":o.direction==="desc"&&(a=null)),a?r.setSortColumn({column:i,direction:a}):r.clearSort(),s(),n(new CustomEvent("header-click",{detail:{column:i,direction:a,sortInfo:a?{column:i,direction:a}:null}}))};var Lt={};P(Lt,{INITIAL_STATE:()=>Yn,clearSort:()=>ra,selectSortInfo:()=>ea,selectState:()=>Zn,setSortColumn:()=>ta,toViewData:()=>Qn});var Yn=Object.freeze({sortColumn:null,sortDirection:null}),qn=["id","class","style","slot"],Gn=e=>Object.entries(e).filter(([t])=>!qn.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),Xn=(e,t)=>{let r=t.split("."),s=e;for(let n of r){if(s==null)return null;s=s[n]}return s},Qn=({state:e,props:t,attrs:r})=>{let s=Gn(r),n=t.data||{columns:[],rows:[]},i=n.rows.map((o,a)=>{let l=n.columns.map(p=>{let u=Xn(o,p.key);return{key:p.key,value:u!=null?String(u):""}});return{index:a,cells:l}});return{containerAttrString:s,columns:n.columns||[],rows:i||[]}},Zn=({state:e})=>e,ea=({state:e})=>({column:e.sortColumn,direction:e.sortDirection}),ta=(e,{column:t,direction:r})=>{e.sortColumn=t,e.sortDirection=r},ra=e=>{e.sortColumn=null,e.sortDirection=null};var Mr={elementName:"rtgl-table",viewDataSchema:{type:"object",properties:{columns:{type:"array"},rows:{type:"array"},containerAttrString:{type:"string"}}},propsSchema:{type:"object",properties:{data:{type:"object",properties:{columns:{type:"array",items:{type:"object",properties:{key:{type:"string"},label:{type:"string"}}}},rows:{type:"array",items:{type:"object"}}}},responsive:{type:"boolean",default:!0}}},refs:{"row-*":{eventListeners:{click:{handler:"handleRowClick"}}},"header-*":{eventListeners:{click:{handler:"handleHeaderClick"}}}},events:{},styles:{table:{width:"100%","border-collapse":"collapse","border-spacing":0},thead:{"border-bottom":"2px solid var(--border)"},th:{padding:"12px","text-align":"left","font-weight":500,color:"var(--foreground)","background-color":"var(--muted)",cursor:"pointer",position:"sticky",top:0,"z-index":1},"tbody tr":{"border-bottom":"1px solid var(--border)"},"tbody tr:last-child":{"border-bottom":"none"},td:{padding:"12px",color:"var(--foreground)"},".table-container":{width:"100%",height:"100%",overflow:"auto"},".empty-state":{"text-align":"center",padding:"24px",color:"var(--muted-foreground)"}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view.table-container ${containerAttrString}",value:{type:9,items:[{type:8,properties:[{key:"$if rows.length > 0",value:{type:6,conditions:[{type:4,op:2,left:{type:1,path:"rows.length"},right:{type:0,value:0}},null],bodies:[{type:9,items:[{type:8,properties:[{key:"table",value:{type:9,items:[{type:8,properties:[{key:"thead",value:{type:9,items:[{type:8,properties:[{key:"tr",value:{type:9,items:[{type:7,itemVar:"column",indexVar:"i",iterable:{type:1,path:"columns"},body:{type:9,items:[{type:8,properties:[{key:"th#header-${column.key}",value:{type:1,path:"column.label"},parsedKey:{type:2,parts:["th#header-",{type:1,path:"column.key"}]}}],fast:!0}],fast:!0}}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1},{type:8,properties:[{key:"tbody",value:{type:9,items:[{type:7,itemVar:"row",indexVar:"rowIndex",iterable:{type:1,path:"rows"},body:{type:9,items:[{type:8,properties:[{key:"tr#row-${row.index}",value:{type:9,items:[{type:7,itemVar:"cell",indexVar:"cellIndex",iterable:{type:1,path:"row.cells"},body:{type:9,items:[{type:8,properties:[{key:"td",value:{type:1,path:"cell.value"}}],fast:!0}],fast:!0}}],fast:!1},parsedKey:{type:2,parts:["tr#row-",{type:1,path:"row.index"}]}}],fast:!1}],fast:!1}}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view.empty-state w=f p=xl",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text c=mu-fg",value:{type:0,value:"No data available"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view.table-container ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var Nt={};P(Nt,{handleClickItem:()=>sa});var sa=(e,t)=>{let{dispatchEvent:r}=t,s=e.currentTarget.dataset.id;r(new CustomEvent("item-click",{detail:{id:s}}))};var Vt={};P(Vt,{INITIAL_STATE:()=>ia,toViewData:()=>oa});var ia=Object.freeze({}),na=["id","class","style","slot"],aa=e=>Object.entries(e).filter(([t])=>!na.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),oa=({state:e,props:t,attrs:r})=>{let s=aa(r),n=t.items||[],i=r["selected-tab"],o=n.map(a=>({...a,isSelected:a.id===i,bgColor:a.id===i?"ac":"",borderColor:a.id===i?"":"tr",textColor:a.id===i?"":"mu-fg"}));return{containerAttrString:s,items:o,selectedTab:i}};var Kr={elementName:"rtgl-tabs",viewDataSchema:{type:"object",properties:{containerAttrString:{type:"string"},items:{type:"array",items:{type:"object",properties:{label:{type:"string"},id:{type:"string"},isSelected:{type:"boolean"},bgColor:{type:"string"},textColor:{type:"string"},borderColor:{type:"string"}}}},selectedTab:{type:"string"}}},propsSchema:{type:"object",properties:{items:{type:"array",items:{type:"object",properties:{label:{type:"string"},id:{type:"string"}}}}}},attrsSchema:{type:"object",properties:{"selected-tab":{type:"string"}}},refs:{"tab-*":{eventListeners:{click:{handler:"handleClickItem"}}}},events:{"item-click":{type:"object",properties:{id:{type:"string"}}}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h g=sm bgc=mu p=sm br=lg ${containerAttrString}",value:{type:9,items:[{type:7,itemVar:"item",indexVar:null,iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-view#tab-${item.id} data-id=${item.id} cur=p bgc=${item.bgColor} bw=xs bc=${item.borderColor} pv=md ph=lg br=lg",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=${item.textColor}",value:{type:1,path:"item.label"},parsedKey:{type:2,parts:["rtgl-text s=sm c=",{type:1,path:"item.textColor"}]}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#tab-",{type:1,path:"item.id"}," data-id=",{type:1,path:"item.id"}," cur=p bgc=",{type:1,path:"item.bgColor"}," bw=xs bc=",{type:1,path:"item.borderColor"}," pv=md ph=lg br=lg"]}}],fast:!0}],fast:!0}}],fast:!1},parsedKey:{type:2,parts:["rtgl-view d=h g=sm bgc=mu p=sm br=lg ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var Rt={};P(Rt,{handleAfterMount:()=>la,handleOnUpdate:()=>pa});var la=async e=>{let{props:t,store:r,render:s,getRefIds:n}=e,{waveformData:i}=t;r.setWaveformData(i),s();let o=n().canvas?.elm;o&&Fr(i,o)},pa=async(e,t)=>{let{store:r,render:s,getRefIds:n,props:i}=t,{waveformData:o}=i;if(!o){console.log("waveform handleOnUpdate: no waveformData provided");return}r.setWaveformData(o),s();let a=n().canvas?.elm;a&&Fr(o,a)};async function Fr(e,t){let r=t.getContext("2d"),s=t.getBoundingClientRect(),n=s.width,i=s.height;t.width=n,t.height=i;let o=t.width,a=t.height;if(r.clearRect(0,0,o,a),r.fillStyle="#1a1a1a",r.fillRect(0,0,o,a),!e||!e.data)return;let l=e.data,p=a/2,u=r.createLinearGradient(0,0,0,a);u.addColorStop(0,"#404040"),u.addColorStop(.5,"#A1A1A1"),u.addColorStop(1,"#404040");let c=Math.max(1,o/l.length),d=.2;for(let y=0;y<l.length;y++){let f=l[y]*(a*.85),m=y*c,v=p-f/2;r.fillStyle=u,r.fillRect(m,v,Math.max(1,c*(1-d)),f)}r.strokeStyle="rgba(255, 255, 255, 0.1)",r.lineWidth=1,r.beginPath(),r.moveTo(0,p),r.lineTo(o,p),r.stroke(),r.shadowBlur=10,r.shadowColor="#2196F3"}var Pt={};P(Pt,{INITIAL_STATE:()=>ca,setWaveformData:()=>ua,toViewData:()=>ha});var ca=Object.freeze({waveformData:null}),ua=(e,t)=>{e.waveformData=t},ha=({state:e,attrs:t,props:r})=>({isLoading:r.isLoading,w:t.w||"250",h:t.h||"150",cur:t.cur,waveformData:r.waveformData});var zr={elementName:"rtgl-waveform",attrsSchema:{type:"object",properties:{w:{type:"string",description:"Width of the waveform visualizer",default:"250"},h:{type:"string",description:"Height of the waveform visualizer",default:"150"},cur:{type:"string",description:"cursor"}}},propsSchema:{type:"object",properties:{waveformData:{type:"object",description:"File ID of the waveform data in object storage"},isLoading:{type:"boolean",description:"Whether the waveform data is currently being loaded"}}},refs:{canvas:{selector:"canvas"}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f h=f pos=rel w=${w} h=${h} cur=${cur}",value:{type:9,items:[{type:8,properties:[{key:"$if isLoading",value:{type:6,conditions:[{type:1,path:"isLoading"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f h=f av=c ah=c",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text c=mu-fg",value:{type:0,value:"..."}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:'canvas#canvas style="width:100%; height:100%;"',value:{type:0,value:null}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view w=f h=f pos=rel w=",{type:1,path:"w"}," h=",{type:1,path:"h"}," cur=",{type:1,path:"cur"}]}}],fast:!1}],fast:!1}};var Gr=Symbol.for("immer-nothing"),Ur=Symbol.for("immer-draftable"),Y=Symbol.for("immer-state");function ee(e,...t){throw new Error(`[Immer] minified error nr: ${e}. Full error at: https://bit.ly/3cXEKWf`)}var ge=Object.getPrototypeOf;function ve(e){return!!e&&!!e[Y]}function pe(e){return e?Xr(e)||Array.isArray(e)||!!e[Ur]||!!e.constructor?.[Ur]||De(e)||Be(e):!1}var da=Object.prototype.constructor.toString();function Xr(e){if(!e||typeof e!="object")return!1;let t=ge(e);if(t===null)return!0;let r=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return r===Object?!0:typeof r=="function"&&Function.toString.call(r)===da}function Ve(e,t){je(e)===0?Reflect.ownKeys(e).forEach(r=>{t(r,e[r],e)}):e.forEach((r,s)=>t(s,r,e))}function je(e){let t=e[Y];return t?t.type_:Array.isArray(e)?1:De(e)?2:Be(e)?3:0}function Bt(e,t){return je(e)===2?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function Qr(e,t,r){let s=je(e);s===2?e.set(t,r):s===3?e.add(r):e[t]=r}function fa(e,t){return e===t?e!==0||1/e===1/t:e!==e&&t!==t}function De(e){return e instanceof Map}function Be(e){return e instanceof Set}function le(e){return e.copy_||e.base_}function Wt(e,t){if(De(e))return new Map(e);if(Be(e))return new Set(e);if(Array.isArray(e))return Array.prototype.slice.call(e);let r=Xr(e);if(t===!0||t==="class_only"&&!r){let s=Object.getOwnPropertyDescriptors(e);delete s[Y];let n=Reflect.ownKeys(s);for(let i=0;i<n.length;i++){let o=n[i],a=s[o];a.writable===!1&&(a.writable=!0,a.configurable=!0),(a.get||a.set)&&(s[o]={configurable:!0,writable:!0,enumerable:a.enumerable,value:e[o]})}return Object.create(ge(e),s)}else{let s=ge(e);if(s!==null&&r)return{...e};let n=Object.create(s);return Object.assign(n,e)}}function Ut(e,t=!1){return We(e)||ve(e)||!pe(e)||(je(e)>1&&(e.set=e.add=e.clear=e.delete=ya),Object.freeze(e),t&&Object.entries(e).forEach(([r,s])=>Ut(s,!0))),e}function ya(){ee(2)}function We(e){return Object.isFrozen(e)}var ma={};function ce(e){let t=ma[e];return t||ee(0,e),t}var Se;function Zr(){return Se}function ga(e,t){return{drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0}}function Hr(e,t){t&&(ce("Patches"),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function Mt(e){Kt(e),e.drafts_.forEach(va),e.drafts_=null}function Kt(e){e===Se&&(Se=e.parent_)}function Jr(e){return Se=ga(Se,e)}function va(e){let t=e[Y];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function Yr(e,t){t.unfinalizedDrafts_=t.drafts_.length;let r=t.drafts_[0];return e!==void 0&&e!==r?(r[Y].modified_&&(Mt(t),ee(4)),pe(e)&&(e=Re(t,e),t.parent_||Pe(t,e)),t.patches_&&ce("Patches").generateReplacementPatches_(r[Y].base_,e,t.patches_,t.inversePatches_)):e=Re(t,r,[]),Mt(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e!==Gr?e:void 0}function Re(e,t,r){if(We(t))return t;let s=t[Y];if(!s)return Ve(t,(n,i)=>qr(e,s,t,n,i,r)),t;if(s.scope_!==e)return t;if(!s.modified_)return Pe(e,s.base_,!0),s.base_;if(!s.finalized_){s.finalized_=!0,s.scope_.unfinalizedDrafts_--;let n=s.copy_,i=n,o=!1;s.type_===3&&(i=new Set(n),n.clear(),o=!0),Ve(i,(a,l)=>qr(e,s,n,a,l,r,o)),Pe(e,n,!1),r&&e.patches_&&ce("Patches").generatePatches_(s,r,e.patches_,e.inversePatches_)}return s.copy_}function qr(e,t,r,s,n,i,o){if(ve(n)){let a=i&&t&&t.type_!==3&&!Bt(t.assigned_,s)?i.concat(s):void 0,l=Re(e,n,a);if(Qr(r,s,l),ve(l))e.canAutoFreeze_=!1;else return}else o&&r.add(n);if(pe(n)&&!We(n)){if(!e.immer_.autoFreeze_&&e.unfinalizedDrafts_<1)return;Re(e,n),(!t||!t.scope_.parent_)&&typeof s!="symbol"&&Object.prototype.propertyIsEnumerable.call(r,s)&&Pe(e,n)}}function Pe(e,t,r=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&Ut(t,r)}function ba(e,t){let r=Array.isArray(e),s={type_:r?1:0,scope_:t?t.scope_:Zr(),modified_:!1,finalized_:!1,assigned_:{},parent_:t,base_:e,draft_:null,copy_:null,revoke_:null,isManual_:!1},n=s,i=Ht;r&&(n=[s],i=$e);let{revoke:o,proxy:a}=Proxy.revocable(n,i);return s.draft_=a,s.revoke_=o,a}var Ht={get(e,t){if(t===Y)return e;let r=le(e);if(!Bt(r,t))return wa(e,r,t);let s=r[t];return e.finalized_||!pe(s)?s:s===jt(e.base_,t)?(Dt(e),e.copy_[t]=zt(s,e)):s},has(e,t){return t in le(e)},ownKeys(e){return Reflect.ownKeys(le(e))},set(e,t,r){let s=es(le(e),t);if(s?.set)return s.set.call(e.draft_,r),!0;if(!e.modified_){let n=jt(le(e),t),i=n?.[Y];if(i&&i.base_===r)return e.copy_[t]=r,e.assigned_[t]=!1,!0;if(fa(r,n)&&(r!==void 0||Bt(e.base_,t)))return!0;Dt(e),Ft(e)}return e.copy_[t]===r&&(r!==void 0||t in e.copy_)||Number.isNaN(r)&&Number.isNaN(e.copy_[t])||(e.copy_[t]=r,e.assigned_[t]=!0),!0},deleteProperty(e,t){return jt(e.base_,t)!==void 0||t in e.base_?(e.assigned_[t]=!1,Dt(e),Ft(e)):delete e.assigned_[t],e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){let r=le(e),s=Reflect.getOwnPropertyDescriptor(r,t);return s&&{writable:!0,configurable:e.type_!==1||t!=="length",enumerable:s.enumerable,value:r[t]}},defineProperty(){ee(11)},getPrototypeOf(e){return ge(e.base_)},setPrototypeOf(){ee(12)}},$e={};Ve(Ht,(e,t)=>{$e[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}});$e.deleteProperty=function(e,t){return $e.set.call(this,e,t,void 0)};$e.set=function(e,t,r){return Ht.set.call(this,e[0],t,r,e[0])};function jt(e,t){let r=e[Y];return(r?le(r):e)[t]}function wa(e,t,r){let s=es(t,r);return s?"value"in s?s.value:s.get?.call(e.draft_):void 0}function es(e,t){if(!(t in e))return;let r=ge(e);for(;r;){let s=Object.getOwnPropertyDescriptor(r,t);if(s)return s;r=ge(r)}}function Ft(e){e.modified_||(e.modified_=!0,e.parent_&&Ft(e.parent_))}function Dt(e){e.copy_||(e.copy_=Wt(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var xa=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.produce=(t,r,s)=>{if(typeof t=="function"&&typeof r!="function"){let i=r;r=t;let o=this;return function(l=i,...p){return o.produce(l,u=>r.call(this,u,...p))}}typeof r!="function"&&ee(6),s!==void 0&&typeof s!="function"&&ee(7);let n;if(pe(t)){let i=Jr(this),o=zt(t,void 0),a=!0;try{n=r(o),a=!1}finally{a?Mt(i):Kt(i)}return Hr(i,s),Yr(n,i)}else if(!t||typeof t!="object"){if(n=r(t),n===void 0&&(n=t),n===Gr&&(n=void 0),this.autoFreeze_&&Ut(n,!0),s){let i=[],o=[];ce("Patches").generateReplacementPatches_(t,n,i,o),s(i,o)}return n}else ee(1,t)},this.produceWithPatches=(t,r)=>{if(typeof t=="function")return(o,...a)=>this.produceWithPatches(o,l=>t(l,...a));let s,n;return[this.produce(t,r,(o,a)=>{s=o,n=a}),s,n]},typeof e?.autoFreeze=="boolean"&&this.setAutoFreeze(e.autoFreeze),typeof e?.useStrictShallowCopy=="boolean"&&this.setUseStrictShallowCopy(e.useStrictShallowCopy)}createDraft(e){pe(e)||ee(8),ve(e)&&(e=Ea(e));let t=Jr(this),r=zt(e,void 0);return r[Y].isManual_=!0,Kt(t),r}finishDraft(e,t){let r=e&&e[Y];(!r||!r.isManual_)&&ee(9);let{scope_:s}=r;return Hr(s,t),Yr(void 0,s)}setAutoFreeze(e){this.autoFreeze_=e}setUseStrictShallowCopy(e){this.useStrictShallowCopy_=e}applyPatches(e,t){let r;for(r=t.length-1;r>=0;r--){let n=t[r];if(n.path.length===0&&n.op==="replace"){e=n.value;break}}r>-1&&(t=t.slice(r+1));let s=ce("Patches").applyPatches_;return ve(e)?s(e,t):this.produce(e,n=>s(n,t))}};function zt(e,t){let r=De(e)?ce("MapSet").proxyMap_(e,t):Be(e)?ce("MapSet").proxySet_(e,t):ba(e,t);return(t?t.scope_:Zr()).drafts_.push(r),r}function Ea(e){return ve(e)||ee(10,e),ts(e)}function ts(e){if(!pe(e)||We(e))return e;let t=e[Y],r;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,r=Wt(e,t.scope_.immer_.useStrictShallowCopy_)}else r=Wt(e,!0);return Ve(r,(s,n)=>{Qr(r,s,ts(n))}),t&&(t.finalized_=!1),r}var q=new xa,rs=q.produce,$p=q.produceWithPatches.bind(q),Cp=q.setAutoFreeze.bind(q),Ip=q.setUseStrictShallowCopy.bind(q),Op=q.applyPatches.bind(q),Tp=q.createDraft.bind(q),Lp=q.finishDraft.bind(q);var x={LITERAL:0,VARIABLE:1,INTERPOLATION:2,FUNCTION:3,BINARY:4,UNARY:5,CONDITIONAL:6,LOOP:7,OBJECT:8,ARRAY:9},G={EQ:0,NEQ:1,GT:2,LT:3,GTE:4,LTE:5,AND:6,OR:7,IN:8},Me={NOT:0};var be=class extends Error{constructor(t){super(`Render Error: ${t}`),this.name="JemplRenderError"}};var ss=(e,t)=>{if(t===null)return new be(`Cannot iterate over null value at '$for ${e}'`);if(t===void 0)return new be(`Cannot iterate over undefined value at '$for ${e}'`);let r=typeof t;return new be(`Cannot iterate over non-array value (got: ${r}) at '$for ${e}'`)},is=(e,t)=>{let r=t&&Object.keys(t).length>0?Object.keys(t).join(", "):"no custom functions provided";return new be(`Unknown function '${e}' (${r})`)};var _a=(e,t,r={})=>T(e,r,t,{}),T=(e,t,r,s)=>{if(e.var&&!e.type)return z(e.var,r,s);if(e.type===x.LITERAL)return e.value;if(e.type===x.VARIABLE)return z(e.path,r,s);if(e.type===x.INTERPOLATION)return ka(e.parts,t,r,s);switch(e.type){case x.FUNCTION:return ns(e,t,r,s);case x.BINARY:return as(e,t,r,s);case x.UNARY:return os(e,t,r,s);case x.CONDITIONAL:return Sa(e,t,r,s);case x.LOOP:return Ta(e,t,r,s);case x.OBJECT:return Na(e,t,r,s);case x.ARRAY:return Va(e,t,r,s);default:throw new Error(`Unknown node type: ${e.type}`)}},ae=new Map,z=(e,t,r)=>{if(!e)return;if(e in r)return r[e];let s=ae.get(e);s||(s=e.split("."),ae.set(e,s));let n=t;for(let i=0;i<s.length;i++){let o=s[i];if(o in r){n=r[o];continue}if(n==null)return;n=n[o]}return n},ka=(e,t,r,s)=>{let n=[];for(let i of e)if(typeof i=="string")n.push(i);else{let o=T(i,t,r,s);n.push(o!=null?String(o):"")}return n.join("")},ns=(e,t,r,s)=>{let n=t[e.name];if(!n)throw is(e.name,t);let i=e.args.map(o=>T(o,t,r,s));return n(...i)},Ke=(e,t,r,s)=>{if(e.var&&!e.type)return z(e.var,r,s);switch(e.type){case x.VARIABLE:return z(e.path,r,s);case x.LITERAL:return e.value;case x.BINARY:return as(e,t,r,s);case x.UNARY:return os(e,t,r,s);case x.FUNCTION:return ns(e,t,r,s);default:return T(e,t,r,s)}},as=(e,t,r,s)=>{if(e.op===G.AND||e.op===G.OR){let o=Ke(e.left,t,r,s),a=Ke(e.right,t,r,s);switch(e.op){case G.AND:return o&&a;case G.OR:return o||a}}let n=T(e.left,t,r,s),i=T(e.right,t,r,s);switch(e.op){case G.EQ:return n==i;case G.NEQ:return n!=i;case G.GT:return n>i;case G.LT:return n<i;case G.GTE:return n>=i;case G.LTE:return n<=i;case G.IN:return Array.isArray(i)?i.includes(n):!1;default:throw new Error(`Unknown binary operator: ${e.op}`)}},os=(e,t,r,s)=>{let n=e.op===Me.NOT?Ke(e.operand,t,r,s):T(e.operand,t,r,s);switch(e.op){case Me.NOT:return!n;default:throw new Error(`Unknown unary operator: ${e.op}`)}},Aa=(e,t,r,s)=>{if(e.conditions.length===2&&e.conditions[1]===null){let n=e.conditions[0];if(n.type===x.VARIABLE)if(z(n.path,r,s)){let o=e.bodies[0];if(o.type===x.OBJECT&&o.properties.length<=5){let a={};for(let l of o.properties){let p=l.parsedKey?T(l.parsedKey,t,r,s):l.key,u=l.value;if(u.type===x.LITERAL)a[p]=u.value;else if(u.type===x.VARIABLE)a[p]=z(u.path,r,s);else if(u.type===x.INTERPOLATION){let c=[];for(let d of u.parts)if(typeof d=="string")c.push(d);else if(d.type===x.VARIABLE){let y=z(d.path,r,s);c.push(y!=null?String(y):"")}else{let y=T(d,t,r,s);c.push(y!=null?String(y):"")}a[p]=c.join("")}else a[p]=T(u,t,r,s)}return a}}else{let o=e.bodies[1];if(o.type===x.OBJECT&&o.properties.length<=5){let a={};for(let l of o.properties){let p=l.parsedKey?T(l.parsedKey,t,r,s):l.key,u=l.value;if(u.type===x.LITERAL)a[p]=u.value;else if(u.type===x.VARIABLE)a[p]=z(u.path,r,s);else if(u.type===x.INTERPOLATION){let c=[];for(let d of u.parts)if(typeof d=="string")c.push(d);else if(d.type===x.VARIABLE){let y=z(d.path,r,s);c.push(y!=null?String(y):"")}else{let y=T(d,t,r,s);c.push(y!=null?String(y):"")}a[p]=c.join("")}else a[p]=T(u,t,r,s)}return a}}}return null},Sa=(e,t,r,s)=>{let n=Aa(e,t,r,s);if(n!==null)return n;for(let i=0;i<e.conditions.length;i++){let o=e.conditions[i];if(o===null||Ke(o,t,r,s))return T(e.bodies[i],t,r,s)}return ls},$a=(e,t)=>{let r=e.body,s=e.itemVar;if(r.type===x.CONDITIONAL&&r.conditions.length===1&&r.conditions[0].type===x.VARIABLE){let n=r.conditions[0].path,i=r.bodies[0];if(n.startsWith(s+".")){let o=n.substring(s.length+1);if(i.type===x.OBJECT&&i.properties.length<=5){for(let l of i.properties)if(l.parsedKey)return null;let a=[];for(let l=0;l<t.length;l++){let p=t[l];if(p[o]){let u={};for(let c of i.properties){let d=c.key,y=c.value;if(y.type===x.LITERAL)u[d]=y.value;else if(y.type===x.VARIABLE){let h=y.path;if(h===s)u[d]=p;else if(h.startsWith(s+".")){let f=h.substring(s.length+1);u[d]=p[f]}else return null}else if(y.type===x.INTERPOLATION){let h=[],f=!0;for(let m of y.parts)if(typeof m=="string")h.push(m);else if(m.type===x.VARIABLE){let v=m.path;if(v===s)h.push(p!=null?String(p):"");else if(v.startsWith(s+".")){let b=v.substring(s.length+1),w=p[b];h.push(w!=null?String(w):"")}else{f=!1;break}}else{f=!1;break}if(!f)return null;u[d]=h.join("")}else return null}a.push(u)}}return a}}}return null},Ca=(e,t)=>{let r=e.body,s=e.itemVar,n=$a(e,t);if(n!==null)return n;if(r.type===x.OBJECT&&r.properties.length<=5){for(let a of r.properties)if(a.parsedKey)return null;let i=[],o=!0;for(let a of r.properties){let l=a.key,p=a.value;if(p.type===x.LITERAL)i.push({key:l,type:"literal",value:p.value});else if(p.type===x.VARIABLE){let u=p.path;if(u===s)i.push({key:l,type:"item"});else if(u.startsWith(s+".")){let c=u.substring(s.length+1);if(!c.includes("."))i.push({key:l,type:"prop",prop:c});else{o=!1;break}}else{o=!1;break}}else if(p.type===x.INTERPOLATION&&p.parts.length===1){let u=p.parts[0];if(u.type===x.VARIABLE){let c=u.path;if(c===s)i.push({key:l,type:"item_string"});else if(c.startsWith(s+".")){let d=c.substring(s.length+1);if(!d.includes("."))i.push({key:l,type:"prop_string",prop:d});else{o=!1;break}}else{o=!1;break}}else{o=!1;break}}else{o=!1;break}}if(o){let a=new Array(t.length);if(i.length===3&&i[0].type==="prop"&&i[0].key==="id"&&i[1].type==="prop_string"&&i[1].key==="title"&&i[2].type==="prop"&&i[2].key==="completed")for(let l=0;l<t.length;l++){let p=t[l];a[l]={id:p.id,title:p.title!=null?String(p.title):"",completed:p.completed}}else for(let l=0;l<t.length;l++){let p=t[l],u={};for(let c of i)if(c.type==="literal")u[c.key]=c.value;else if(c.type==="item")u[c.key]=p;else if(c.type==="prop")u[c.key]=p[c.prop];else if(c.type==="item_string")u[c.key]=p!=null?String(p):"";else if(c.type==="prop_string"){let d=p[c.prop];u[c.key]=d!=null?String(d):""}a[l]=u}return a}}return null},Ia=(e,t,r,s,n)=>{let i=[],o=e.body;if(o.type===x.OBJECT&&o.fast!==!1){let a=e.itemVar,l=e.indexVar;for(let p=0;p<n.length;p++){let u=n[p],c={},d={...s,[a]:u,...l&&{[l]:p}};for(let y of o.properties){let h=y.parsedKey?T(y.parsedKey,t,r,d):y.key,f=y.value;if(f.type===x.LITERAL)c[h]=f.value;else if(f.type===x.VARIABLE){let m=f.path;if(m===a)c[h]=u;else if(m===l)c[h]=p;else if(m.startsWith(a+".")){let v=m.substring(a.length+1);if(!v.includes("."))c[h]=u[v];else{let b=ae.get(v)||(ae.set(v,v.split(".")),ae.get(v)),w=u;for(let E of b){if(w==null){w=void 0;break}w=w[E]}c[h]=w}}else c[h]=z(m,r,{...s,[a]:u,...l&&{[l]:p}})}else if(f.type===x.INTERPOLATION){let m=[];for(let v of f.parts)if(typeof v=="string")m.push(v);else if(v.type===x.VARIABLE){let b=v.path,w;if(b===a)w=u;else if(b===l)w=p;else if(b.startsWith(a+".")){let E=b.substring(a.length+1);if(!E.includes("."))w=u[E];else{let A=ae.get(E)||(ae.set(E,E.split(".")),ae.get(E)),_=u;for(let C of A){if(_==null){_=void 0;break}_=_[C]}w=_}}else w=z(b,r,{...s,[a]:u,...l&&{[l]:p}});m.push(w!=null?String(w):"")}else{let b={...s,[a]:u,...l&&{[l]:p}},w=T(v,t,r,b);m.push(w!=null?String(w):"")}c[h]=m.join("")}else{let m={...s,[a]:u,...l&&{[l]:p}};c[h]=T(f,t,r,m)}}i.push(c)}return i}return null},Oa=(e,t,r)=>{let s=e.body;if(s.type===x.OBJECT&&s.properties.length===1&&s.properties[0].key==="$if item.visible"){let i=s.properties[0].value;if(i.type===x.CONDITIONAL&&i.conditions.length===1&&i.conditions[0].type===x.VARIABLE&&i.conditions[0].path==="item.visible"){let o=i.bodies[0];if(o.type===x.OBJECT&&o.properties.length===2){let a=o.properties[0],l=o.properties[1];if(a.key==="id"&&a.value.type===x.VARIABLE&&a.value.path==="item.id"&&l.key==="$if item.highlighted"&&l.value.type===x.CONDITIONAL){let p=[];for(let u=0;u<t.length;u++){let c=t[u];if(c.visible){let d={id:c.id};c.highlighted?(d.highlight=!0,d.message=`This item is highlighted: ${c.name}`):(d.highlight=!1,d.message=c.name),p.push(d)}}return p}}}}return null},Ta=(e,t,r,s)=>{let n=T(e.iterable,t,r,s);if(!Array.isArray(n)){let a=`${e.itemVar}${e.indexVar?`, ${e.indexVar}`:""} in ${e.iterable.path}`;throw ss(a,n)}if(!e.indexVar){let a=Oa(e,n,e.itemVar);if(a!==null)return a}if(!e.indexVar){let a=Ca(e,n);if(a!==null)return a}let i=Ia(e,t,r,s,n);if(i!==null)return i;let o=[];for(let a=0;a<n.length;a++){let l=e.indexVar?{...s,[e.itemVar]:n[a],[e.indexVar]:a}:{...s,[e.itemVar]:n[a]},p=T(e.body,t,r,l);Array.isArray(p)&&p.length===1?o.push(p[0]):o.push(p)}return o},La=(e,t,r,s)=>{if(e.properties.length===1){let n=e.properties[0],i=n.parsedKey?T(n.parsedKey,t,r,s):n.key,o=n.value;if(o.type===x.OBJECT&&o.properties.length<=10){let a={},l={},p=!0;for(let u of o.properties){let c=u.parsedKey?T(u.parsedKey,t,r,s):u.key,d=u.value;if(d.type===x.LITERAL)l[c]=d.value;else if(d.type===x.VARIABLE)l[c]=z(d.path,r,s);else if(d.type===x.INTERPOLATION){let y=[];for(let h of d.parts)if(typeof h=="string")y.push(h);else if(h.type===x.VARIABLE){let f=z(h.path,r,s);y.push(f!=null?String(f):"")}else{p=!1;break}if(!p)break;l[c]=y.join("")}else if(d.type===x.OBJECT&&d.properties.length<=5){let y={};for(let h of d.properties){let f=h.key,m=h.value;if(m.type===x.LITERAL)y[f]=m.value;else if(m.type===x.VARIABLE)y[f]=z(m.path,r,s);else if(m.type===x.INTERPOLATION){let v=[];for(let b of m.parts)if(typeof b=="string")v.push(b);else if(b.type===x.VARIABLE){let w=z(b.path,r,s);v.push(w!=null?String(w):"")}else{p=!1;break}if(!p)break;y[f]=v.join("")}else{p=!1;break}}if(!p)break;l[c]=y}else{p=!1;break}}if(p)return a[i]=l,a}}return null},Na=(e,t,r,s)=>{let n=La(e,t,r,s);if(n!==null)return n;if(e.fast){let l={};for(let p of e.properties){let u=p.parsedKey?T(p.parsedKey,t,r,s):p.key,c=p.value;if(c.type===x.LITERAL)l[u]=c.value;else if(c.type===x.VARIABLE)l[u]=z(c.path,r,s);else if(c.type===x.INTERPOLATION){let d=[];for(let y of c.parts)if(typeof y=="string")d.push(y);else if(y.type===x.VARIABLE){let h=z(y.path,r,s);d.push(h!=null?String(h):"")}else{let h=T(y,t,r,s);d.push(h!=null?String(h):"")}l[u]=d.join("")}else l[u]=T(c,t,r,s)}return l}let i={},o=null,a=!1;for(let l of e.properties)if(!l.key.startsWith("$if ")&&!l.key.match(/^\$if\s+\w+.*:?$/)&&!l.key.startsWith("$elif")&&!l.key.startsWith("$else")&&!l.key.startsWith("$for ")){a=!0;break}for(let l of e.properties)if(l.key.startsWith("$if ")||l.key.match(/^\$if\s+\w+.*:?$/)){let p=T(l.value,t,r,s);if(!a&&p!==null&&p!==void 0)return Array.isArray(p)&&p.length===1?p[0]:p;typeof p=="object"&&p!==null&&!Array.isArray(p)&&Object.assign(i,p)}else if(!l.key.startsWith("$for ")){let p=l.value;if(p&&p.type===x.OBJECT&&p.properties){let u=p.properties.find(c=>c.key.startsWith("$for "));if(u){let c=T(u.value,t,r,s);c!==void 0&&(i[l.key]=c)}else{let c=T(l.value,t,r,s);c!==void 0&&(i[l.key]=c)}}else{let u=l.parsedKey?T(l.parsedKey,t,r,s):l.key,c=T(l.value,t,r,s);c!==void 0&&(i[u]=c)}}return i},ls={},Va=(e,t,r,s)=>{let n=[];for(let i of e.items)if(i.type===x.LOOP){let o=T(i,t,r,s);n.push(o)}else{let o=T(i,t,r,s);o!==ls&&n.push(o)}return n},Fe=_a;var ze=e=>Array.isArray(e)?e.reduce((t,r)=>{if(Array.isArray(r))t.push(...ze(r));else{if(r&&typeof r=="object"){let s=Object.entries(r);if(s.length>0){let[n,i]=s[0];Array.isArray(i)&&(r={[n]:ze(i)})}}t.push(r)}return t},[]):e;var ps=(e,t)=>{if(!t)return e;let r=[],s="",n=!1,i=null;for(let o=0;o<t.length;o++){let a=t[o];if(!n&&a===".")s&&(r.push(s),s="");else if(!n&&a==="[")s&&(r.push(s),s=""),n=!0;else if(n&&a==="]"){if(s){if(s.startsWith('"')&&s.endsWith('"')||s.startsWith("'")&&s.endsWith("'"))r.push(s.slice(1,-1));else{let l=Number(s);r.push(isNaN(l)?s:l)}s=""}n=!1,i=null}else n&&(a==='"'||a==="'")&&(i?a===i&&(i=null):i=a),s+=a}return s&&r.push(s),r.reduce((o,a)=>o&&o[a],e)},cs=({h:e,template:t,viewData:r,refs:s,handlers:n})=>{let i=Fe(t,r,{}),o=ze(i),a=Da({h:e,items:o,refs:s,handlers:n,viewData:r});return e("div",{style:{display:"contents"}},a)},Da=({h:e,items:t,refs:r={},handlers:s={},viewData:n={}})=>{if(!Array.isArray(t))return console.error("Input to createVirtualDom must be an array."),[e("div",{},[])];function i(o,a=""){return o.map((l,p)=>{if(typeof l=="string"||typeof l=="number")return String(l);if(typeof l!="object"||l===null)return console.warn("Skipping invalid item in DOM structure:",l),null;let u=Object.entries(l);if(u.length===0)return null;let[c,d]=u[0];if(!isNaN(Number(c)))return Array.isArray(d)?i(d,`${a}.${c}`):typeof d=="object"&&d!==null&&Object.entries(d).length>0?i([d],`${a}.${c}`):String(d);u.length>1&&console.warn("Item has multiple keys, processing only the first:",c);let y,h,f=c.indexOf(" ");f===-1?(y=c,h=""):(y=c.substring(0,f),h=c.substring(f+1).trim());let m=y.split(/[.#]/)[0],v=m.includes("-"),b={},w={};if(h){let $=/(\S+?)=(?:\"([^\"]*)\"|\'([^\']*)\'|([^\s]+))/g,k,R=new Set;for(;(k=$.exec(h))!==null;)if(R.add(k[1]),k[1].startsWith(".")){let X=k[1].substring(1),Ee=k[4];w[X]=ps(n,Ee)}else if(k[1].startsWith("?")){let X=k[1].substring(1),Ee=k[2]||k[3]||k[4],Ie;Ee==="true"?Ie=!0:Ee==="false"?Ie=!1:Ie=ps(n,Ee),Ie&&(b[X]="")}else b[k[1]]=k[2]||k[3]||k[4];let W=h,F=[],te,Je=/(\S+?)=(?:\"([^\"]*)\"|\'([^\']*)\'|([^\s]+))/g;for(;(te=Je.exec(h))!==null;)F.push(te[0]);F.forEach(X=>{W=W.replace(X," ")});let Ye=/\b(\S+?)(?=\s|$)/g,M;for(;(M=Ye.exec(W))!==null;){let X=M[1];!R.has(X)&&!X.startsWith(".")&&!X.includes("=")&&(b[X]="")}}let E=y.match(/#([^.#\s]+)/);E&&!Object.prototype.hasOwnProperty.call(b,"id")&&(b.id=E[1]);let A=null;b.id?A=b.id:v&&(A=m);let _=Object.create(null),C=null;if(v)C=m;else{let $=y.match(/\.([^.#]+)/g);$&&$.forEach(R=>{let W=R.substring(1);_[W]=!0});let k=y.match(/#([^.#\s]+)/);k&&(C=k[1])}let S;typeof d=="string"||typeof d=="number"?S=String(d):Array.isArray(d)?S=i(d,`${a}.${c}`):S=[],C&&!v&&(b.id=C);let L=Object.create(null);if(A&&r){let $=[];if(Object.keys(r).forEach(k=>{if(k.includes("*")){let R="^"+k.replace(/[.*+?^${}()|[\\\]\\]/g,"\\$&").replace(/\\\*/g,".*")+"$";try{new RegExp(R).test(A)&&$.push(k)}catch(W){console.warn(`[Parser] Invalid regex pattern created from refKey '${k}': ${R}`,W)}}else A===k&&$.push(k)}),$.length>0){$.sort((R,W)=>{let F=!R.includes("*"),te=!W.includes("*");return F&&!te?-1:!F&&te?1:W.length-R.length});let k=$[0];if(r[k]&&r[k].eventListeners){let R=r[k].eventListeners;Object.entries(R).forEach(([W,F])=>{F.handler&&s[F.handler]?L[W]=te=>{s[F.handler](te)}:F.handler&&console.warn(`[Parser] Handler '${F.handler}' for refKey '${k}' (matching elementId '${A}') is referenced but not found in available handlers.`)})}}}let V={};if(A)V.key=A;else if(y){let $=a?`${a}.${p}`:String(p);if(V.key=`${y}-${$}`,Object.keys(w).length>0){let k=JSON.stringify(w).substring(0,50);V.key+=`-${k}`}}Object.keys(b).length>0&&(V.attrs=b),Object.keys(_).length>0&&(V.class=_),Object.keys(L).length>0&&(V.on=L),Object.keys(w).length>0&&(V.props=w),v&&(V.hook={update:($,k)=>{let R=$.data?.props||{},W=k.data?.props||{},F=$.data?.attrs||{},te=k.data?.attrs||{},Je=JSON.stringify(R)!==JSON.stringify(W),Ye=JSON.stringify(F)!==JSON.stringify(te);if(Je||Ye){let M=k.elm;M&&M.render&&typeof M.render=="function"&&(M.setAttribute("isDirty","true"),requestAnimationFrame(()=>{if(M.render(),M.removeAttribute("isDirty"),M.handlers&&M.handlers.handleOnUpdate){let X={...M.deps||{},store:M.store,render:M.render.bind(M),handlers:M.handlers,dispatchEvent:M.dispatchEvent.bind(M),refIds:M.refIds||{},getRefIds:()=>M.refIds||{}};M.handlers.handleOnUpdate({oldProps:R,newProps:W,oldAttrs:F,newAttrs:te},X)}}))}}});try{return e(m,V,S)}catch($){return console.error("Error creating virtual node:",$,{tagName:m,snabbdomData:V,childrenOrText:S}),e("div",{},["Error creating element"])}}).filter(Boolean)}return i(t)};var Ba=(e,t)=>{if(!t||typeof t!="object")return"";let r="",s=i=>Object.entries(i).map(([o,a])=>`  ${o}: ${a};`).join(`
+      `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._popoverOverlay=document.createElement("div"),this._popoverOverlay.className="popover-overlay",this.shadow.appendChild(this._popoverOverlay),this._popoverOverlay.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._popoverOverlay.addEventListener("contextmenu",t=>{t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._popoverContainer=document.createElement("div"),this._popoverContainer.className="popover-container",this.shadow.appendChild(this._popoverContainer),this._slotElement=null,this._isOpen=!1,this._handleEscKey=this._handleEscKey.bind(this)}static get observedAttributes(){return["open","x","y","placement"]}connectedCallback(){this.hasAttribute("open")&&this._show()}disconnectedCallback(){this._removeGlobalListeners()}attributeChangedCallback(t,r,s){t==="open"?s!==null&&!this._isOpen?this._show():s===null&&this._isOpen&&this._hide():(t==="x"||t==="y"||t==="placement")&&this._isOpen&&this._updatePosition()}_show(){this._isOpen||(this._slotElement||(this._slotElement=document.createElement("slot"),this._slotElement.setAttribute("name","content"),this._popoverContainer.appendChild(this._slotElement)),this._isOpen=!0,this._updatePosition(),this._addGlobalListeners())}_hide(){this._isOpen&&(this._isOpen=!1,this._slotElement&&(this._popoverContainer.removeChild(this._slotElement),this._slotElement=null),this._removeGlobalListeners())}_updatePosition(){let t=parseFloat(this.getAttribute("x")||"0"),r=parseFloat(this.getAttribute("y")||"0"),s=this.getAttribute("placement")||"bottom-start";this.removeAttribute("positioned"),requestAnimationFrame(()=>{let n=this._popoverContainer.getBoundingClientRect(),{left:i,top:o}=this._calculatePosition(t,r,n.width,n.height,s);this._popoverContainer.style.left=`${i}px`,this._popoverContainer.style.top=`${o}px`,requestAnimationFrame(()=>{this.setAttribute("positioned","")})})}_calculatePosition(t,r,s,n,i){let a=t,l=r;switch(i){case"top":a=t-s/2,l=r-n-8;break;case"top-start":a=t,l=r-n-8;break;case"top-end":a=t-s,l=r-n-8;break;case"right":a=t+8,l=r-n/2;break;case"right-start":a=t+8,l=r;break;case"right-end":a=t+8,l=r-n;break;case"bottom":a=t-s/2,l=r+8;break;case"bottom-start":a=t,l=r+8;break;case"bottom-end":a=t-s,l=r+8;break;case"left":a=t-s-8,l=r-n/2;break;case"left-start":a=t-s-8,l=r;break;case"left-end":a=t-s-8,l=r-n;break}let p=8;return a=Math.max(p,Math.min(a,window.innerWidth-s-p)),l=Math.max(p,Math.min(l,window.innerHeight-n-p)),{left:a,top:l}}_addGlobalListeners(){setTimeout(()=>{document.addEventListener("keydown",this._handleEscKey)},0)}_removeGlobalListeners(){document.removeEventListener("keydown",this._handleEscKey)}_handleEscKey(t){t.key==="Escape"&&this.dispatchEvent(new CustomEvent("close",{detail:{}}))}get popover(){return this._popoverContainer}},vr=({render:e,html:t})=>nt;var at={};P(at,{handleClickItem:()=>Ws});var Ws=(e,t)=>{let{dispatchEvent:r}=t,s=e.currentTarget.dataset.id;r(new CustomEvent("item-click",{detail:{id:s}}))};var ot={};P(ot,{INITIAL_STATE:()=>zs,toViewData:()=>Ks});var zs=Object.freeze({}),Ms=["id","class","style","slot"],Fs=e=>Object.entries(e).filter(([t])=>!Ms.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),Ks=({props:e,attrs:t})=>{let r=Fs(t),s=e.items||[],n=e.separator||"breadcrumb-arrow",i=[];return s.forEach((o,a)=>{i.push(o),a<s.length-1&&i.push({isSeparator:!0})}),{containerAttrString:r,items:i,separator:n}};var br={elementName:"rtgl-breadcrumb",viewDataSchema:{type:"object",properties:{containerAttrString:{type:"string"},items:{type:"array",items:{type:"object",properties:{label:{type:"string"},id:{type:"string"}}}},separator:{type:"string"}}},propsSchema:{type:"object",properties:{items:{type:"array",items:{type:"object",properties:{label:{type:"string"},id:{type:"string"}}}},separator:{type:"string",default:"breadcrumb-arrow"}}},refs:{"item-*":{eventListeners:{click:{handler:"handleClickItem"}}}},events:{"item-click":{type:"object",properties:{item:{type:"object",properties:{label:{type:"string"},id:{type:"string"}}},index:{type:"number"}}}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h av=c g=md p=sm ${containerAttrString}",value:{type:9,items:[{type:7,itemVar:"item",indexVar:null,iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:"$if item.isSeparator",value:{type:6,conditions:[{type:1,path:"item.isSeparator"},{type:1,path:"item.id"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-svg wh=16 svg=${separator} c=mu-fg",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-svg wh=16 svg=",{type:1,path:"separator"}," c=mu-fg"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#item-${item.id} data-id=${item.id} cur=p",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=mu-fg",value:{type:1,path:"item.label"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#item-",{type:1,path:"item.id"}," data-id=",{type:1,path:"item.id"}," cur=p"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=mu-fg",value:{type:1,path:"item.label"}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}}],fast:!1},parsedKey:{type:2,parts:["rtgl-view d=h av=c g=md p=sm ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var lt={};P(lt,{handleClickMenuItem:()=>Hs,handleClosePopover:()=>Us});var Us=(e,t)=>{let{dispatchEvent:r}=t;r(new CustomEvent("close"))},Hs=(e,t)=>{let{dispatchEvent:r}=t,s=parseInt(e.currentTarget.id.replace("option-","")),n=t.props.items[s];r(new CustomEvent("click-item",{detail:{index:s,item:n}}))};var pt={};P(pt,{INITIAL_STATE:()=>Js,toViewData:()=>qs});var Js=Object.freeze({}),qs=({props:e,attrs:t})=>({items:e.items||[],open:!!t.open,x:t.x,y:t.y,placement:t.placement});var wr={elementName:"rtgl-dropdown-menu",viewDataSchema:{type:"object"},propsSchema:{type:"object",properties:{items:{type:"array",items:{type:"object",properties:{label:{type:"string"},type:{type:"string",enum:["label","item","separator"]}}}}}},attrsSchema:{type:"object",properties:{open:{type:"string"},x:{type:"string"},y:{type:"string"},placement:{type:"string"}}},refs:{popover:{eventListeners:{close:{handler:"handleClosePopover"}}},"option-*":{eventListeners:{click:{handler:"handleClickMenuItem"}}}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-popover#popover ?open=${open} x=${x} y=${y} placement=${placement}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view wh=300 g=xs slot=content bgc=background br=md",value:{type:9,items:[{type:7,itemVar:"item",indexVar:"i",iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:"$if item.type == 'label'",value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"item.type"},right:{type:0,value:"label"}},{type:4,op:0,left:{type:1,path:"item.type"},right:{type:0,value:"item"}},{type:4,op:0,left:{type:1,path:"item.type"},right:{type:0,value:"separator"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f ph=lg pv=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=mu-fg",value:{type:1,path:"item.label"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#option-${i} w=f h-bgc=ac ph=lg pv=md cur=p br=md bgc=mu",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"item.label"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#option-",{type:1,path:"i"}," w=f h-bgc=ac ph=lg pv=md cur=p br=md bgc=mu"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f h=1 ph=lg mv=md bgc=bo",value:{type:0,value:null}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}}],fast:!1}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-popover#popover ?open=",{type:1,path:"open"}," x=",{type:1,path:"x"}," y=",{type:1,path:"y"}," placement=",{type:1,path:"placement"}]}}],fast:!1}],fast:!1}};var ct={};P(ct,{handleActionClick:()=>Xs,handleBeforeMount:()=>Ys,handleColorPickerChange:()=>ti,handleImageClick:()=>ii,handleInputChange:()=>Qs,handleOnUpdate:()=>Gs,handlePopoverInputChange:()=>Zs,handleSelectChange:()=>ei,handleSliderChange:()=>ri,handleSliderInputChange:()=>si,handleWaveformClick:()=>ni});var Ys=e=>{let{store:t,props:r}=e;t.setFormValues(r.defaultValues)},Gs=(e,t)=>{let{oldAttrs:r,newAttrs:s}=e,{store:n,props:i,render:o}=t;r?.key!==s?.key&&(n.setFormValues(i.defaultValues),o())},ye=(e,t,r,s)=>{s(new CustomEvent("form-change",{detail:{name:e,fieldValue:t,formValues:r}}))},Xs=(e,t)=>{let{store:r,dispatchEvent:s}=t,n=e.currentTarget.id.replace("action-","");s(new CustomEvent("action-click",{detail:{actionId:n,formValues:r.selectFormValues()}}))},Qs=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("input-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},Zs=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("popover-input-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},ei=(e,t)=>{let{store:r,dispatchEvent:s,render:n,props:i}=t,o=e.currentTarget.id.replace("select-","");o&&e.detail.selectedValue!==void 0&&(r.setFormFieldValue({name:o,value:e.detail.selectedValue,props:i}),ye(o,e.detail.selectedValue,r.selectFormValues(),s),n())},ti=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("colorpicker-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},ri=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("slider-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},si=(e,t)=>{let{store:r,dispatchEvent:s,props:n}=t,i=e.currentTarget.id.replace("slider-input-","");i&&e.detail.value!==void 0&&(r.setFormFieldValue({name:i,value:e.detail.value,props:n}),ye(i,e.detail.value,r.selectFormValues(),s))},ii=(e,t)=>{e.type==="contextmenu"&&e.preventDefault();let{dispatchEvent:r}=t,s=e.currentTarget.id.replace("image-","");r(new CustomEvent("extra-event",{detail:{name:s,x:e.clientX,y:e.clientY,trigger:e.type}}))},ni=(e,t)=>{e.type==="contextmenu"&&e.preventDefault();let{dispatchEvent:r}=t,s=e.currentTarget.id.replace("waveform-","");r(new CustomEvent("extra-event",{detail:{name:s,x:e.clientX,y:e.clientY,trigger:e.type}}))};var vt={};P(vt,{INITIAL_STATE:()=>Ni,getFormFieldValue:()=>Wi,selectForm:()=>Ne,selectFormValues:()=>Bi,selectState:()=>Di,setFormFieldValue:()=>Mi,setFormValues:()=>zi,toViewData:()=>ji});var g={LITERAL:0,VARIABLE:1,INTERPOLATION:2,FUNCTION:3,BINARY:4,UNARY:5,CONDITIONAL:6,LOOP:7,OBJECT:8,ARRAY:9},B={EQ:0,NEQ:1,GT:2,LT:3,GTE:4,LTE:5,AND:6,OR:7,IN:8},_e={NOT:0};var j=class extends Error{constructor(t){super(`Parse Error: ${t}`),this.name="JemplParseError"}},me=class extends Error{constructor(t){super(`Render Error: ${t}`),this.name="JemplRenderError"}};var ut=e=>{if(!e||e.trim()==="")throw new j("Missing condition expression after '$if'");if(e.includes("===")||e.includes("!==")){let r=e.includes("===")?"==":"!=";throw new j(`Invalid comparison operator '${e.includes("===")?"===":"!=="}' - did you mean '${r}'? (got: '${e}')`)}let t=["<",">","<=",">=","==","!="];for(let r of t)if(e.trim().endsWith(r))throw new j(`Incomplete comparison expression - missing right operand (got: '${e}')`)},xr=e=>{if(e.trim().endsWith(" in"))throw new j(`Missing iterable expression after 'in' (got: '$for ${e}')`);if(!e.includes(" in "))throw new j(`Invalid loop syntax - missing 'in' keyword (got: '$for ${e}')`);let[t,r]=e.split(" in ");if(!r||r.trim()==="")throw new j(`Missing iterable expression after 'in' (got: '$for ${e}')`);if(t.includes(",")){let s=t.split(",").map(n=>n.trim());for(let n of s)if(!n)throw new j(`Invalid loop variable - variable name cannot be empty (got: '$for ${e}')`)}else if(!t.trim())throw new j(`Invalid loop variable - variable name cannot be empty (got: '$for ${e}')`)};var Er=(e,t)=>{if(t===null)return new me(`Cannot iterate over null value at '$for ${e}'`);if(t===void 0)return new me(`Cannot iterate over undefined value at '$for ${e}'`);let r=typeof t;return new me(`Cannot iterate over non-array value (got: ${r}) at '$for ${e}'`)},kr=(e,t)=>{let r=t&&Object.keys(t).length>0?Object.keys(t).join(", "):"no custom functions provided";return new me(`Unknown function '${e}' (${r})`)};var ai=(e,t,r={})=>{let s=O(e,r,t,{});return s===void 0?{}:s},O=(e,t,r,s)=>{if(e.var&&!e.type)return M(e.var,r,s);if(e.type===g.LITERAL)return e.value;if(e.type===g.VARIABLE)return M(e.path,r,s);if(e.type===g.INTERPOLATION)return li(e.parts,t,r,s);switch(e.type){case g.FUNCTION:return Ar(e,t,r,s);case g.BINARY:return Sr(e,t,r,s);case g.UNARY:return $r(e,t,r,s);case g.CONDITIONAL:return ci(e,t,r,s);case g.LOOP:return yi(e,t,r,s);case g.OBJECT:return gi(e,t,r,s);case g.ARRAY:return vi(e,t,r,s);default:throw new Error(`Unknown node type: ${e.type}`)}},_r=new Map,oi=e=>{let t=[],r="",s=!1;for(let n=0;n<e.length;n++){let i=e[n];if(i==="[")r&&(t.push({type:"property",value:r}),r=""),s=!0;else if(i==="]"){if(s&&r){let o=r.trim();/^\d+$/.test(o)?t.push({type:"index",value:parseInt(o,10)}):t.push({type:"property",value:`[${r}]`}),r=""}s=!1}else r+=i}return r&&t.push({type:"property",value:r}),t},M=(e,t,r)=>{if(!e)return;if(e in r)return r[e];let s=_r.get(e);if(!s){let i=[],o="",a=0;for(let l=0;l<e.length;l++){let p=e[l];p==="["?(a++,o+=p):p==="]"?(a--,o+=p):p==="."&&a===0?o&&(i.push(o),o=""):o+=p}o&&i.push(o),s=[];for(let l of i){let p=oi(l.trim());s.push(...p)}_r.set(e,s)}let n=t;for(let i=0;i<s.length;i++){let o=s[i];if(o.type==="property"&&o.value in r){n=r[o.value];continue}if(n==null)return;(o.type==="property"||o.type==="index")&&(n=n[o.value])}return n},li=(e,t,r,s)=>{let n=[];for(let i of e)if(typeof i=="string")n.push(i);else{let o=O(i,t,r,s);n.push(o!=null?String(o):"")}return n.join("")},Ar=(e,t,r,s)=>{let n=t[e.name];if(!n)throw kr(e.name,t);let i=e.args.map(o=>O(o,t,r,s));return n(...i)},Ae=(e,t,r,s)=>{if(e.var&&!e.type)return M(e.var,r,s);switch(e.type){case g.VARIABLE:return M(e.path,r,s);case g.LITERAL:return e.value;case g.BINARY:return Sr(e,t,r,s);case g.UNARY:return $r(e,t,r,s);case g.FUNCTION:return Ar(e,t,r,s);default:return O(e,t,r,s)}},Sr=(e,t,r,s)=>{if(e.op===B.AND||e.op===B.OR){let o=Ae(e.left,t,r,s),a=Ae(e.right,t,r,s);switch(e.op){case B.AND:return o&&a;case B.OR:return o||a}}let n=O(e.left,t,r,s),i=O(e.right,t,r,s);switch(e.op){case B.EQ:return n==i;case B.NEQ:return n!=i;case B.GT:return n>i;case B.LT:return n<i;case B.GTE:return n>=i;case B.LTE:return n<=i;case B.IN:return Array.isArray(i)?i.includes(n):!1;default:throw new Error(`Unknown binary operator: ${e.op}`)}},$r=(e,t,r,s)=>{let n=e.op===_e.NOT?Ae(e.operand,t,r,s):O(e.operand,t,r,s);switch(e.op){case _e.NOT:return!n;default:throw new Error(`Unknown unary operator: ${e.op}`)}},pi=(e,t,r,s)=>{if(e.conditions.length===2&&e.conditions[1]===null){let n=e.conditions[0];if(n.type===g.VARIABLE)if(M(n.path,r,s)){let o=e.bodies[0];if(o.type===g.OBJECT&&o.properties.length<=5){let a={};for(let l of o.properties){let p=l.parsedKey?O(l.parsedKey,t,r,s):l.key,u=l.value;if(u.type===g.LITERAL)a[p]=u.value;else if(u.type===g.VARIABLE)a[p]=M(u.path,r,s);else if(u.type===g.INTERPOLATION){let c=[];for(let d of u.parts)if(typeof d=="string")c.push(d);else if(d.type===g.VARIABLE){let y=M(d.path,r,s);c.push(y!=null?String(y):"")}else{let y=O(d,t,r,s);c.push(y!=null?String(y):"")}a[p]=c.join("")}else a[p]=O(u,t,r,s)}return a}}else{let o=e.bodies[1];if(o.type===g.OBJECT&&o.properties.length<=5){let a={};for(let l of o.properties){let p=l.parsedKey?O(l.parsedKey,t,r,s):l.key,u=l.value;if(u.type===g.LITERAL)a[p]=u.value;else if(u.type===g.VARIABLE)a[p]=M(u.path,r,s);else if(u.type===g.INTERPOLATION){let c=[];for(let d of u.parts)if(typeof d=="string")c.push(d);else if(d.type===g.VARIABLE){let y=M(d.path,r,s);c.push(y!=null?String(y):"")}else{let y=O(d,t,r,s);c.push(y!=null?String(y):"")}a[p]=c.join("")}else a[p]=O(u,t,r,s)}return a}}}return null},ci=(e,t,r,s)=>{let n=pi(e,t,r,s);if(n!==null)return n;for(let i=0;i<e.conditions.length;i++){let o=e.conditions[i];if(o===null||Ae(o,t,r,s))return O(e.bodies[i],t,r,s)}return Cr},ui=(e,t)=>{let r=e.body,s=e.itemVar;if(r.type===g.CONDITIONAL&&r.conditions.length===1&&r.conditions[0].type===g.VARIABLE){let n=r.conditions[0].path,i=r.bodies[0];if(n.startsWith(s+".")){let o=n.substring(s.length+1);if(i.type===g.OBJECT&&i.properties.length<=5){for(let l of i.properties)if(l.parsedKey)return null;let a=[];for(let l=0;l<t.length;l++){let p=t[l];if(p[o]){let u={};for(let c of i.properties){let d=c.key,y=c.value;if(y.type===g.LITERAL)u[d]=y.value;else if(y.type===g.VARIABLE){let h=y.path;if(h===s)u[d]=p;else if(h.startsWith(s+".")){let f=h.substring(s.length+1);u[d]=p[f]}else return null}else if(y.type===g.INTERPOLATION){let h=[],f=!0;for(let m of y.parts)if(typeof m=="string")h.push(m);else if(m.type===g.VARIABLE){let v=m.path;if(v===s)h.push(p!=null?String(p):"");else if(v.startsWith(s+".")){let b=v.substring(s.length+1),w=p[b];h.push(w!=null?String(w):"")}else{f=!1;break}}else{f=!1;break}if(!f)return null;u[d]=h.join("")}else return null}a.push(u)}}return a}}}return null},hi=(e,t)=>{let r=e.body,s=e.itemVar,n=ui(e,t);if(n!==null)return n;if(r.type===g.OBJECT&&r.properties.length<=5){for(let a of r.properties)if(a.parsedKey)return null;let i=[],o=!0;for(let a of r.properties){let l=a.key,p=a.value;if(p.type===g.LITERAL)i.push({key:l,type:"literal",value:p.value});else if(p.type===g.VARIABLE){let u=p.path;if(u===s)i.push({key:l,type:"item"});else if(u.startsWith(s+".")){let c=u.substring(s.length+1);if(!c.includes(".")&&!c.includes("["))i.push({key:l,type:"prop",prop:c});else{o=!1;break}}else{o=!1;break}}else if(p.type===g.INTERPOLATION&&p.parts.length===1){let u=p.parts[0];if(u.type===g.VARIABLE){let c=u.path;if(c===s)i.push({key:l,type:"item_string"});else if(c.startsWith(s+".")){let d=c.substring(s.length+1);if(!d.includes(".")&&!d.includes("["))i.push({key:l,type:"prop_string",prop:d});else{o=!1;break}}else{o=!1;break}}else{o=!1;break}}else{o=!1;break}}if(o){let a=new Array(t.length);if(i.length===3&&i[0].type==="prop"&&i[0].key==="id"&&i[1].type==="prop_string"&&i[1].key==="title"&&i[2].type==="prop"&&i[2].key==="completed")for(let l=0;l<t.length;l++){let p=t[l];a[l]={id:p.id,title:p.title!=null?String(p.title):"",completed:p.completed}}else for(let l=0;l<t.length;l++){let p=t[l],u={};for(let c of i)if(c.type==="literal")u[c.key]=c.value;else if(c.type==="item")u[c.key]=p;else if(c.type==="prop")u[c.key]=p[c.prop];else if(c.type==="item_string")u[c.key]=p!=null?String(p):"";else if(c.type==="prop_string"){let d=p[c.prop];u[c.key]=d!=null?String(d):""}a[l]=u}return a}}return null},di=(e,t,r,s,n)=>{let i=[],o=e.body;if(o.type===g.OBJECT&&o.fast!==!1){let a=e.itemVar,l=e.indexVar;for(let p=0;p<n.length;p++){let u=n[p],c={},d={...s,[a]:u,...l&&{[l]:p}};for(let y of o.properties){let h=y.parsedKey?O(y.parsedKey,t,r,d):y.key,f=y.value;if(f.type===g.LITERAL)c[h]=f.value;else if(f.type===g.VARIABLE){let m=f.path;if(m===a)c[h]=u;else if(m===l)c[h]=p;else if(m.startsWith(a+".")){let v=m.substring(a.length+1);!v.includes(".")&&!v.includes("[")?c[h]=u[v]:c[h]=M(m,r,{...s,[a]:u,...l&&{[l]:p}})}else c[h]=M(m,r,{...s,[a]:u,...l&&{[l]:p}})}else if(f.type===g.INTERPOLATION){let m=[];for(let v of f.parts)if(typeof v=="string")m.push(v);else if(v.type===g.VARIABLE){let b=v.path,w;if(b===a)w=u;else if(b===l)w=p;else if(b.startsWith(a+".")){let E=b.substring(a.length+1);!E.includes(".")&&!E.includes("[")?w=u[E]:w=M(b,r,{...s,[a]:u,...l&&{[l]:p}})}else w=M(b,r,{...s,[a]:u,...l&&{[l]:p}});m.push(w!=null?String(w):"")}else{let b={...s,[a]:u,...l&&{[l]:p}},w=O(v,t,r,b);m.push(w!=null?String(w):"")}c[h]=m.join("")}else{let m={...s,[a]:u,...l&&{[l]:p}};c[h]=O(f,t,r,m)}}i.push(c)}return i}return null},fi=(e,t,r)=>{let s=e.body;if(s.type===g.OBJECT&&s.properties.length===1&&s.properties[0].key==="$if item.visible"){let i=s.properties[0].value;if(i.type===g.CONDITIONAL&&i.conditions.length===1&&i.conditions[0].type===g.VARIABLE&&i.conditions[0].path==="item.visible"){let o=i.bodies[0];if(o.type===g.OBJECT&&o.properties.length===2){let a=o.properties[0],l=o.properties[1];if(a.key==="id"&&a.value.type===g.VARIABLE&&a.value.path==="item.id"&&l.key==="$if item.highlighted"&&l.value.type===g.CONDITIONAL){let p=[];for(let u=0;u<t.length;u++){let c=t[u];if(c.visible){let d={id:c.id};c.highlighted?(d.highlight=!0,d.message=`This item is highlighted: ${c.name}`):(d.highlight=!1,d.message=c.name),p.push(d)}}return p}}}}return null},yi=(e,t,r,s)=>{let n=O(e.iterable,t,r,s);if(!Array.isArray(n)){let a=`${e.itemVar}${e.indexVar?`, ${e.indexVar}`:""} in ${e.iterable.path}`;throw Er(a,n)}if(!e.indexVar){let a=fi(e,n,e.itemVar);if(a!==null)return a}if(!e.indexVar){let a=hi(e,n);if(a!==null)return a}let i=di(e,t,r,s,n);if(i!==null)return i;let o=[];for(let a=0;a<n.length;a++){let l=e.indexVar?{...s,[e.itemVar]:n[a],[e.indexVar]:a}:{...s,[e.itemVar]:n[a]},p=O(e.body,t,r,l);Array.isArray(p)&&p.length===1?o.push(p[0]):o.push(p)}return o},mi=(e,t,r,s)=>{if(e.whenCondition)return null;if(e.properties.length===1){let n=e.properties[0],i=n.parsedKey?O(n.parsedKey,t,r,s):n.key,o=n.value;if(o.type===g.OBJECT&&o.properties.length<=10&&!o.whenCondition){let a={},l={},p=!0;for(let u of o.properties){let c=u.parsedKey?O(u.parsedKey,t,r,s):u.key,d=u.value;if(d.type===g.LITERAL)l[c]=d.value;else if(d.type===g.VARIABLE)l[c]=M(d.path,r,s);else if(d.type===g.INTERPOLATION){let y=[];for(let h of d.parts)if(typeof h=="string")y.push(h);else if(h.type===g.VARIABLE){let f=M(h.path,r,s);y.push(f!=null?String(f):"")}else{p=!1;break}if(!p)break;l[c]=y.join("")}else if(d.type===g.OBJECT&&d.properties.length<=5){let y={};for(let h of d.properties){let f=h.key,m=h.value;if(m.type===g.LITERAL)y[f]=m.value;else if(m.type===g.VARIABLE)y[f]=M(m.path,r,s);else if(m.type===g.INTERPOLATION){let v=[];for(let b of m.parts)if(typeof b=="string")v.push(b);else if(b.type===g.VARIABLE){let w=M(b.path,r,s);v.push(w!=null?String(w):"")}else{p=!1;break}if(!p)break;y[f]=v.join("")}else{p=!1;break}}if(!p)break;l[c]=y}else{p=!1;break}}if(p)return a[i]=l,a}}return null},gi=(e,t,r,s)=>{if(e.whenCondition&&!Ae(e.whenCondition,t,r,s))return;let n=mi(e,t,r,s);if(n!==null)return n;if(e.fast){let l={};for(let p of e.properties){let u=p.parsedKey?O(p.parsedKey,t,r,s):p.key,c=p.value;if(c.type===g.LITERAL)l[u]=c.value;else if(c.type===g.VARIABLE)l[u]=M(c.path,r,s);else if(c.type===g.INTERPOLATION){let d=[];for(let y of c.parts)if(typeof y=="string")d.push(y);else if(y.type===g.VARIABLE){let h=M(y.path,r,s);d.push(h!=null?String(h):"")}else{let h=O(y,t,r,s);d.push(h!=null?String(h):"")}l[u]=d.join("")}else l[u]=O(c,t,r,s)}return l}let i={},o=null,a=!1;for(let l of e.properties)if(!l.key.startsWith("$if ")&&!l.key.match(/^\$if\s+\w+.*:?$/)&&!l.key.startsWith("$elif")&&!l.key.startsWith("$else")&&!l.key.startsWith("$for ")){a=!0;break}for(let l of e.properties)if(l.key.startsWith("$if ")||l.key.match(/^\$if\s+\w+.*:?$/)){let p=O(l.value,t,r,s);if(!a&&p!==null&&p!==void 0)return Array.isArray(p)&&p.length===1?p[0]:p;typeof p=="object"&&p!==null&&!Array.isArray(p)&&Object.assign(i,p)}else if(!l.key.startsWith("$for ")){let p=l.value;if(p&&p.type===g.OBJECT&&p.properties){let u=p.properties.find(c=>c.key.startsWith("$for "));if(u){let c=O(u.value,t,r,s);c!==void 0&&(i[l.key]=c)}else{let c=O(l.value,t,r,s);c!==void 0&&(i[l.key]=c)}}else{let u=l.parsedKey?O(l.parsedKey,t,r,s):l.key,c=O(l.value,t,r,s);c!==void 0&&(i[u]=c)}}return i},Cr={},vi=(e,t,r,s)=>{let n=[];for(let i of e.items)if(i.type===g.LOOP){let o=O(i,t,r,s);n.push(o)}else{let o=O(i,t,r,s);o!==Cr&&o!==void 0&&n.push(o)}return n},ht=ai;var bi=/\$\{([^}]*)\}/g,Or=e=>{let t=e.match(/^(\w+)\((.*)\)$/);if(!t)return{isFunction:!1};let[,r,s]=t,n=wi(s);return{isFunction:!0,type:g.FUNCTION,name:r,args:n}},wi=e=>e.trim()?xi(e).map(r=>Ei(r.trim())):[],xi=e=>{let t=[],r="",s=0,n=!1,i="";for(let o=0;o<e.length;o++){let a=e[o],l=o>0?e[o-1]:"";!n&&(a==='"'||a==="'")?(n=!0,i=a,r+=a):n&&a===i&&l!=="\\"?(n=!1,i="",r+=a):!n&&a==="("?(s++,r+=a):!n&&a===")"?(s--,r+=a):!n&&a===","&&s===0?(t.push(r),r=""):r+=a}return r&&t.push(r),t},Ei=e=>{if(e.startsWith('"')&&e.endsWith('"')||e.startsWith("'")&&e.endsWith("'"))return{type:g.LITERAL,value:e.slice(1,-1)};if(/^-?\d+(\.\d+)?$/.test(e))return{type:g.LITERAL,value:parseFloat(e)};if(e==="true")return{type:g.LITERAL,value:!0};if(e==="false")return{type:g.LITERAL,value:!1};if(e==="null")return{type:g.LITERAL,value:null};let t=Or(e);return t.isFunction?{type:t.type,name:t.name,args:t.args}:{type:g.VARIABLE,path:e}},ki=/^\w+\(.*\)$/,_i=/\s[+\-*/%]\s|\|\||&&|\?\?|.*\?.*:/,Ai=e=>{if(!(!e||e.trim()===""||ki.test(e))&&_i.test(e))throw e.includes("?")&&e.includes(":")?new j(`Complex expressions not supported in variable replacements - consider calculating the value in your data instead. Offending expression: "${e}"`):e.includes("||")||e.includes("&&")||e.includes("??")?new j(`Logical operators not supported in variable replacements - consider calculating the value in your data instead (operators like ||, &&, ?? are not supported). Offending expression: "${e}"`):new j(`Arithmetic expressions not supported in variable replacements - consider calculating '${e}' in your data instead (expressions with +, -, *, /, % are not supported). Offending expression: "${e}"`)},Ir=(e,t={})=>{let r=e.trim();Ai(r);let s=Or(r);if(s.isFunction)return{type:s.type,name:s.name,args:s.args};if(r.includes("[")&&!/[\s+\-*/%|&?:]/.test(r)){let n=0;for(let i of r)i==="["?n++:i==="]"&&n--;if(n!==0)throw new Error("Invalid array index syntax")}return{type:g.VARIABLE,path:r}},dt=(e,t={})=>{let r=e,s=[];e.includes("\\${")&&(r=e.replace(/\\\\(\$\{[^}]*\})/g,"\\DOUBLE_ESC$1"),r=r.replace(/\\(\$\{[^}]*\})/g,(a,l)=>{let p=`__ESCAPED_${s.length}__`;return s.push(l),p}),r=r.replace(/\\DOUBLE_ESC/g,"\\"));let n=[...r.matchAll(bi)];if(n.length===0){let a=r;for(let l=0;l<s.length;l++)a=a.replace(`__ESCAPED_${l}__`,s[l]);return{type:g.LITERAL,value:a}}if(n.length===1&&n[0][0]===r&&s.length===0)try{return Ir(n[0][1],t)}catch(a){if(a.message==="Invalid array index syntax")return{type:g.LITERAL,value:r};throw a}let i=[],o=0;for(let a of n){let[l,p]=a,u=a.index;if(u>o){let c=r.substring(o,u);for(let d=0;d<s.length;d++)c=c.replace(`__ESCAPED_${d}__`,s[d]);c&&i.push(c)}try{let c=Ir(p.trim(),t);i.push(c)}catch(c){if(c.message==="Invalid array index syntax")i.push(l);else throw c}o=u+l.length}if(o<r.length){let a=r.substring(o);for(let l=0;l<s.length;l++)a=a.replace(`__ESCAPED_${l}__`,s[l]);a&&i.push(a)}return{type:g.INTERPOLATION,parts:i}};var oe=(e,t)=>typeof e=="string"?dt(e,t):typeof e=="object"&&e!==null?Array.isArray(e)?Si(e,t):$i(e,t):{type:g.LITERAL,value:e},Si=(e,t)=>{let r=[],s=!1;for(let n=0;n<e.length;n++){let i=e[n];if(typeof i=="object"&&i!==null&&!Array.isArray(i)){let a=Object.keys(i);if(a.length===1&&a[0].startsWith("$for ")){let l=Tr(a[0],i[a[0]],t);r.push(l),s=!0;continue}}let o=oe(i,t);r.push(o),(o.type===g.FUNCTION||o.type===g.CONDITIONAL||o.type===g.LOOP||o.type===g.OBJECT&&!o.fast||o.type===g.ARRAY&&!o.fast)&&(s=!0)}return{type:g.ARRAY,items:r,fast:!s}},$i=(e,t)=>{let r=[],s=!1,n=null,i=Object.entries(e),o=0;for(let[l,p]of i)if(l==="$when"){if(n!==null)throw new j("Multiple '$when' directives on the same object are not allowed");if(p==null)throw new j("Missing condition expression after '$when'");let u=typeof p=="string"?p:JSON.stringify(p);if(u.trim()==="")throw new j("Empty condition expression after '$when'");n=Z(u),s=!0}else if(l.startsWith("$when#")||l.startsWith("$when "))throw new j("'$when' does not support ID syntax or inline conditions - use '$when' as a property");for(;o<i.length;){let[l,p]=i[o];if(l==="$when"){o++;continue}if(l.startsWith("$if ")||l.match(/^\$if#\w+\s/)||l.match(/^\$if\s+\w+.*:$/)){let u=Ci(i,o,t);r.push({key:l,value:u.node}),s=!0,o=u.nextIndex}else if(l.startsWith("$for ")){let u=Tr(l,p,t);r.push({key:l,value:u}),s=!0,o++}else{if(l.startsWith("$elif ")||l.startsWith("$else"))throw new j(`'${l.split(" ")[0]}' without matching '$if'`);if(l==="$if"||l==="$if:")throw new j("Missing condition expression after '$if'");{let u=oe(p,t);(u.type===g.FUNCTION||u.type===g.CONDITIONAL||u.type===g.LOOP||u.type===g.OBJECT&&!u.fast||u.type===g.ARRAY&&!u.fast)&&(s=!0);let c=dt(l,t),d={key:l,value:u};(c.type!==g.LITERAL||c.value!==l)&&(d.parsedKey=c),r.push(d),o++}}}let a={type:g.OBJECT,properties:r,fast:!s};return n&&(a.whenCondition=n),a},Ci=(e,t,r={})=>{let s=[],n=[],i=t,[o,a]=e[i],l=null,p;if(o.startsWith("$if#")){let c=o.match(/^\$if#(\w+)\s+(.+)$/);if(c)l=c[1],p=c[2];else throw new j(`Invalid conditional syntax: ${o}`)}else p=o.substring(4),p.endsWith(":")&&(p=p.slice(0,-1).trim());ut(p);let u=Z(p);for(s.push(u),n.push(oe(a,r)),i++;i<e.length;){let[c,d]=e[i],y=!1,h;if(l?c.startsWith(`$elif#${l} `)?(h=c.substring(`$elif#${l} `.length),h.endsWith(":")&&(h=h.slice(0,-1).trim()),y=!0):(c===`$else#${l}`||c===`$else#${l}:`)&&(y=!0,h=null):c.startsWith("$elif ")?(h=c.substring(6),h.endsWith(":")&&(h=h.slice(0,-1).trim()),y=!0):(c==="$else"||c==="$else:")&&(y=!0,h=null),y){if(h===null)s.push(null);else{ut(h);let f=Z(h);s.push(f)}if(n.push(oe(d,r)),i++,h===null)break}else break}return{node:{type:g.CONDITIONAL,conditions:s,bodies:n,id:l},nextIndex:i}},Z=e=>{if(e=e.trim(),e.startsWith("(")&&e.endsWith(")"))return Z(e.slice(1,-1));let t=Le(e,"||");if(t!==-1)return{type:g.BINARY,op:B.OR,left:Z(e.substring(0,t).trim()),right:Z(e.substring(t+2).trim())};let r=Le(e,"&&");if(r!==-1)return{type:g.BINARY,op:B.AND,left:Z(e.substring(0,r).trim()),right:Z(e.substring(r+2).trim())};let s=[{op:">=",type:B.GTE},{op:"<=",type:B.LTE},{op:"==",type:B.EQ},{op:"!=",type:B.NEQ},{op:">",type:B.GT},{op:"<",type:B.LT},{op:" in ",type:B.IN}];for(let{op:i,type:o}of s){let a=Le(e,i);if(a!==-1)return{type:g.BINARY,op:o,left:Z(e.substring(0,a).trim()),right:Z(e.substring(a+i.length).trim())}}let n=[" + "," - "," * "," / "," % "];for(let i of n)if(Le(e,i)!==-1)throw new j(`Arithmetic expressions not supported in conditionals - consider calculating '${e}' in your data instead (expressions with +, -, *, /, % are not supported). Offending expression: "${e}"`);return e.startsWith("!")?{type:g.UNARY,op:_e.NOT,operand:Z(e.substring(1).trim())}:Ii(e)},Le=(e,t)=>{let r=0,s=0;for(;s<=e.length-t.length;){if(e[s]==="(")r++;else if(e[s]===")")r--;else if(r===0&&e.substring(s,s+t.length)===t)return s;s++}return-1},Ii=e=>{if(e=e.trim(),e==="true")return{type:g.LITERAL,value:!0};if(e==="false")return{type:g.LITERAL,value:!1};if(e==="null")return{type:g.LITERAL,value:null};if(e.startsWith('"')&&e.endsWith('"')||e.startsWith("'")&&e.endsWith("'"))return{type:g.LITERAL,value:e.slice(1,-1)};if(e==='""'||e==="''")return{type:g.LITERAL,value:""};let t=Number(e);return!isNaN(t)&&isFinite(t)?{type:g.LITERAL,value:t}:{type:g.VARIABLE,path:e}},Tr=(e,t,r)=>{let s=e.substring(5).trim();xr(s);let n=s.match(/^(.+?)\s+in\s+(.+)$/);if(!n)throw new j(`Invalid loop syntax - missing 'in' keyword (got: '$for ${s}')`);let i=n[1].trim(),o=n[2].trim(),a,l=null;if(i.includes(",")){let c=i.split(",").map(d=>d.trim());if(c.length!==2)throw new j(`Invalid loop variables: ${i}. Expected format: "item" or "item, index"`);a=c[0],l=c[1]}else a=i;let p={type:g.VARIABLE,path:o},u=oe(t,r);return{type:g.LOOP,itemVar:a,indexVar:l,iterable:p,body:u}};var Oi=(e,t={})=>{let{functions:r={}}=t;return oe(e,r)},ft=Oi;var yt={};P(yt,{now:()=>Ti});var Ti=()=>Date.now();var Li=(e,t,r={})=>{let{functions:s={}}=r,n={...yt,...s},i=ft(e,{functions:n});return ht(i,t,n)},mt=Li;function Lr(e,t){return t.reduce((r,s)=>(s in e&&(r[s]=e[s]),r),{})}var Ni=Object.freeze({formValues:{}}),gt=(e,t,r=void 0)=>{if(!t)return;let s=t.split(/[\[\].]/).filter(i=>i!==""),n=e;for(let i of s){if(n==null||!(i in n))return r;n=n[i]}return n},Vi=(e,t,r)=>{let s=t.split(/[\[\].]/).filter(i=>i!=="");t.includes("[")&&t in e&&delete e[t];let n=e;for(let i=0;i<s.length-1;i++){let o=s[i];if(!(o in n)||typeof n[o]!="object"||n[o]===null){let a=s[i+1],l=/^\d+$/.test(a);n[o]=l?[]:{}}n=n[o]}return n[s[s.length-1]]=r,e},Ri=["id","class","style","slot"],Pi=e=>Object.entries(e).filter(([t])=>!Ri.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),Ne=({state:e,props:t})=>{let{form:r}=t,{context:s}=t;return s?mt(r,s):r},ji=({state:e,props:t,attrs:r})=>{let s=Pi(r),n=t.defaultValues||{},i=Ne({state:e,props:t}),o=structuredClone(i.fields||[]);return o.forEach(a=>{if(a.defaultValue=gt(e.formValues,a.name)??gt(n,a.name),a.inputType==="image"){let l=a.src;a.imageSrc=l&&l.trim()?l:null,a.placeholderText=a.placeholder||"No Image"}if(a.inputType==="waveform"){let l=a.waveformData;a.waveformData=l||null,a.placeholderText=a.placeholder||"No Waveform"}}),{key:r?.key,containerAttrString:s,title:i?.title||"",description:i?.description||"",fields:o,actions:t?.form?.actions||{buttons:[]},formValues:e.formValues}},Di=({state:e})=>e,Bi=({state:e,props:t})=>{let r=Ne({state:e,props:t});return Lr(e.formValues,r.fields.map(s=>s.name))},Wi=({state:e},t)=>gt(e.formValues,t),zi=(e,t)=>{e.formValues=t||{}},Mi=(e,{name:t,value:r,props:s})=>{Vi(e.formValues,t,r);let n=Ne({state:e,props:s}),i=Lr(e.formValues,n.fields.map(o=>o.name));e.formValues=i};var Nr={elementName:"rtgl-form",viewDataSchema:{type:"object"},propsSchema:{type:"object",properties:{defaultValues:{type:"object"},context:{type:"object"},form:{type:"object",properties:{title:{type:"string"},description:{type:"string"},fields:{type:"array",items:{anyOf:[{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"inputText"},placeholder:{type:"string"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"select"},placeholder:{type:"string"},options:{type:"array",items:{type:"object",properties:{id:{type:"string"},label:{type:"string"},value:{type:"any"}},required:["id","label","value"]}}},required:["name","label","inputType","options"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"colorPicker"},value:{type:"string"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"slider"},min:{type:"number"},max:{type:"number"},step:{type:"number"},value:{type:"number"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"slider-input"},min:{type:"number"},max:{type:"number"},step:{type:"number"},value:{type:"number"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"image"},width:{type:"number"},height:{type:"number"},placeholder:{type:"string"}},required:["name","label","inputType"],additionalProperties:!1},{type:"object",properties:{name:{type:"string"},label:{type:"string"},description:{type:"string"},inputType:{const:"waveform"},width:{type:"number"},height:{type:"number"},placeholder:{type:"string"},defaultValue:{type:"object"},waveformData:{type:"object"}},required:["name","label","inputType"],additionalProperties:!1}]}},actions:{type:"object",properties:{buttons:{type:"array",items:{type:"object",properties:{id:{type:"string"},content:{type:"string"}},required:["id","content"]}}}}}}}},refs:{"action-*":{eventListeners:{click:{handler:"handleActionClick"}}},"input-*":{eventListeners:{"input-change":{handler:"handleInputChange"}}},"select-*":{eventListeners:{"select-change":{handler:"handleSelectChange"}}},"colorpicker-*":{eventListeners:{"colorpicker-change":{handler:"handleColorPickerChange"}}},"slider-*":{eventListeners:{"slider-change":{handler:"handleSliderChange"}}},"slider-input-*":{eventListeners:{"slider-input-value-change":{handler:"handleSliderInputChange"}}},"image-*":{eventListeners:{click:{handler:"handleImageClick"},contextmenu:{handler:"handleImageClick"}}},"waveform-*":{eventListeners:{click:{handler:"handleWaveformClick"},contextmenu:{handler:"handleWaveformClick"}}},"popover-input-*":{eventListeners:{"input-change":{handler:"handlePopoverInputChange"}}}},events:{"form-change":{},"extra-event":{}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f p=md g=lg ${containerAttrString}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view g=sm w=f",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"title"}}],fast:!0},{type:8,properties:[{key:"rtgl-text c=mu-fg",value:{type:1,path:"description"}}],fast:!0}],fast:!0}}],fast:!0},{type:8,properties:[{key:"rtgl-view g=lg w=f",value:{type:9,items:[{type:7,itemVar:"field",indexVar:"i",iterable:{type:1,path:"fields"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-view g=md w=f",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view g=sm",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"field.label"}}],fast:!0},{type:8,properties:[{key:"rtgl-text s=sm c=mu-fg",value:{type:1,path:"field.description"}}],fast:!0}],fast:!0}}],fast:!0},{type:8,properties:[{key:'$if field.inputType == "read-only-text"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"read-only-text"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm",value:{type:1,path:"field.defaultValue"}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "inputText"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"inputText"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-input#input-${field.name} key=${key} w=f placeholder=${field.placeholder} value=${field.defaultValue}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-input#input-",{type:1,path:"field.name"}," key=",{type:1,path:"key"}," w=f placeholder=",{type:1,path:"field.placeholder"}," value=",{type:1,path:"field.defaultValue"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "popover-input"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"popover-input"}}],bodies:[{type:9,items:[{type:8,properties:[{key:'rtgl-popover-input#popover-input-${field.name} label="${field.label}" .defaultValue=fields[${i}].defaultValue',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-popover-input#popover-input-",{type:1,path:"field.name"},' label="',{type:1,path:"field.label"},'" .defaultValue=fields[',{type:1,path:"i"},"].defaultValue"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "select"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"select"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-select#select-${field.name} key=${key} w=f .options=fields[${i}].options .placeholder=fields[${i}].placeholder .selectedValue=fields[${i}].defaultValue",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-select#select-",{type:1,path:"field.name"}," key=",{type:1,path:"key"}," w=f .options=fields[",{type:1,path:"i"},"].options .placeholder=fields[",{type:1,path:"i"},"].placeholder .selectedValue=fields[",{type:1,path:"i"},"].defaultValue"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "colorPicker"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"colorPicker"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-color-picker#colorpicker-${field.name} key=${key} value=${field.defaultValue}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-color-picker#colorpicker-",{type:1,path:"field.name"}," key=",{type:1,path:"key"}," value=",{type:1,path:"field.defaultValue"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "slider"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"slider"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-slider#slider-${field.name} key=${key} w=f min=${field.min} max=${field.max} step=${field.step} value=${field.defaultValue}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-slider#slider-",{type:1,path:"field.name"}," key=",{type:1,path:"key"}," w=f min=",{type:1,path:"field.min"}," max=",{type:1,path:"field.max"}," step=",{type:1,path:"field.step"}," value=",{type:1,path:"field.defaultValue"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "slider-input"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"slider-input"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-slider-input#slider-input-${field.name} key=${key} w=f min=${field.min} max=${field.max} step=${field.step} defaultValue=${field.defaultValue}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-slider-input#slider-input-",{type:1,path:"field.name"}," key=",{type:1,path:"key"}," w=f min=",{type:1,path:"field.min"}," max=",{type:1,path:"field.max"}," step=",{type:1,path:"field.step"}," defaultValue=",{type:1,path:"field.defaultValue"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "image" && field.imageSrc',value:{type:6,conditions:[{type:4,op:6,left:{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"image"}},right:{type:1,path:"field.imageSrc"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-image#image-${field.name} src=${field.imageSrc} w=${field.width} h=${field.height} cur=p",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image#image-",{type:1,path:"field.name"}," src=",{type:1,path:"field.imageSrc"}," w=",{type:1,path:"field.width"}," h=",{type:1,path:"field.height"}," cur=p"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "image" && !field.imageSrc',value:{type:6,conditions:[{type:4,op:6,left:{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"image"}},right:{type:5,op:0,operand:{type:1,path:"field.imageSrc"}}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view#image-${field.name} w=${field.width} h=${field.height} bc=ac bw=sm ah=c av=c cur=p p=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text c=mu-fg ta=c",value:{type:1,path:"field.placeholderText"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#image-",{type:1,path:"field.name"}," w=",{type:1,path:"field.width"}," h=",{type:1,path:"field.height"}," bc=ac bw=sm ah=c av=c cur=p p=md"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "waveform" && field.waveformData',value:{type:6,conditions:[{type:4,op:6,left:{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"waveform"}},right:{type:1,path:"field.waveformData"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-waveform#waveform-${field.name} .waveformData=fields[${i}].waveformData w=${field.width} h=${field.height} cur=p",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-waveform#waveform-",{type:1,path:"field.name"}," .waveformData=fields[",{type:1,path:"i"},"].waveformData w=",{type:1,path:"field.width"}," h=",{type:1,path:"field.height"}," cur=p"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "waveform" && !field.waveformData',value:{type:6,conditions:[{type:4,op:6,left:{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"waveform"}},right:{type:5,op:0,operand:{type:1,path:"field.waveformData"}}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view#waveform-${field.name} w=${field.width} h=${field.height} bc=ac bw=sm ah=c av=c cur=p p=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text c=mu-fg ta=c",value:{type:1,path:"field.placeholder"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#waveform-",{type:1,path:"field.name"}," w=",{type:1,path:"field.width"}," h=",{type:1,path:"field.height"}," bc=ac bw=sm ah=c av=c cur=p p=md"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1},{type:8,properties:[{key:'$if field.inputType == "slot"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"field.inputType"},right:{type:0,value:"slot"}}],bodies:[{type:9,items:[{type:8,properties:[{key:'slot#slot-${field.slotName} name=${field.slot} style="display: contents;"',value:{type:0,value:null},parsedKey:{type:2,parts:["slot#slot-",{type:1,path:"field.slotName"}," name=",{type:1,path:"field.slot"},' style="display: contents;"']}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1}}],fast:!1},{type:8,properties:[{key:"rtgl-view g=sm w=f",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h ah=e g=sm w=f",value:{type:9,items:[{type:7,itemVar:"button",indexVar:"i",iterable:{type:1,path:"actions.buttons"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-button#action-${button.id}",value:{type:1,path:"button.content"},parsedKey:{type:2,parts:["rtgl-button#action-",{type:1,path:"button.id"}]}}],fast:!0}],fast:!0}}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view w=f p=md g=lg ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var bt={};P(bt,{handleClickStart:()=>Fi});var Fi=(e,t)=>{let{dispatchEvent:r,store:s}=t;console.log("handle click start",s.selectPath()),r(new CustomEvent("clickStart",{detail:{path:s.selectPath()}}))};var wt={};P(wt,{INITIAL_STATE:()=>Ki,selectPath:()=>qi,setState:()=>Yi,toViewData:()=>Ji});var Ki=Object.freeze({}),Ui=["id","class","style","slot"],Hi=e=>Object.entries(e).filter(([t])=>!Ui.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),Ji=({state:e,props:t,attrs:r})=>{console.log("attrs",{attrs:r,entries:Object.entries(r)});let s=r.start?JSON.parse(decodeURIComponent(r.start)):t.start;return{containerAttrString:Hi(r),start:s||{label:"",image:{src:"",width:32,height:32,alt:""}}}},qi=({props:e})=>e.start.path,Yi=e=>{};var Vr={elementName:"rtgl-navbar",viewDataSchema:{type:"object",properties:{containerAttrString:{type:"string"},start:{type:"object",properties:{label:{type:"string"},href:{type:"string"},image:{type:"object",properties:{src:{type:"string"}}},hasImage:{type:"boolean"},hasHref:{type:"boolean"}}}}},propsSchema:{type:"object",properties:{start:{type:"object",properties:{label:{type:"string"},href:{type:"string"},image:{type:"object",properties:{src:{type:"string"}}}}}}},refs:{start:{eventListeners:{click:{handler:"handleClickStart"}}}},events:{clickStart:{type:"object",properties:{path:{type:"string"}}}},anchors:[[{"rtgl-text s=lg":"${start.label}"},{"$if start.image && start.image.src":[{"rtgl-image w=${start.image.width} h=${start.image.height} src=${start.image.src} alt=${start.image.alt}":null}]}]],template:{type:9,items:[{type:8,properties:[{key:"rtgl-view bgc=bg d=h h=48 av=c w=f ${containerAttrString}",value:{type:9,items:[{type:8,properties:[{key:"$if start.href",value:{type:6,conditions:[{type:1,path:"start.href"},{type:1,path:"start.path"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"a href=${start.href}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h av=c g=lg g=md",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"start.label"}}],fast:!0},{type:8,properties:[{key:"$if start.image && start.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"start.image"},right:{type:1,path:"start.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-image w=${start.image.width} h=${start.image.height} src=${start.image.src} alt=${start.image.alt}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"start.image.width"}," h=",{type:1,path:"start.image.height"}," src=",{type:1,path:"start.image.src"}," alt=",{type:1,path:"start.image.alt"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],fast:!1}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["a href=",{type:1,path:"start.href"}]}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view#start d=h av=c g=lg g=md cur=p",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"start.label"}}],fast:!0},{type:8,properties:[{key:"$if start.image && start.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"start.image"},right:{type:1,path:"start.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-image w=${start.image.width} h=${start.image.height} src=${start.image.src} alt=${start.image.alt}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"start.image.width"}," h=",{type:1,path:"start.image.height"}," src=",{type:1,path:"start.image.src"}," alt=",{type:1,path:"start.image.alt"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],fast:!1}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h av=c g=lg g=md",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"start.label"}}],fast:!0},{type:8,properties:[{key:"$if start.image && start.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"start.image"},right:{type:1,path:"start.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-image w=${start.image.width} h=${start.image.height} src=${start.image.src} alt=${start.image.alt}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"start.image.width"}," h=",{type:1,path:"start.image.height"}," src=",{type:1,path:"start.image.src"}," alt=",{type:1,path:"start.image.alt"}]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],fast:!1}}],fast:!1}],fast:!1}],id:null}}],fast:!1},{type:8,properties:[{key:"rtgl-view flex=1",value:{type:0,value:null}}],fast:!0},{type:8,properties:[{key:"rtgl-view d=h av=c g=lg",value:{type:9,items:[{type:8,properties:[{key:"slot name=right",value:{type:0,value:null}}],fast:!0}],fast:!0}}],fast:!0}],fast:!1},parsedKey:{type:2,parts:["rtgl-view bgc=bg d=h h=48 av=c w=f ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var xt={};P(xt,{handleBeforeMount:()=>Xi});var Rr=(e,t)=>{let{store:r,render:s}=t,n,i=-1/0;e.forEach(o=>{let a=o.getBoundingClientRect();a.top<=20&&a.top>i&&(i=a.top,n=o.id)}),n&&n!==r.selectCurrentId()&&(r.setCurrentId(n),s())},Gi=(e,t)=>{let{store:r,render:s}=t,n=e.querySelectorAll("rtgl-text[id]"),i=Array.from(n),o=i.map(l=>({id:l.id,href:`#${l.id}`,title:l.textContent}));r.setItems(o),Rr(i,t),s();let a=Rr.bind(void 0,i,t);return e.addEventListener("scroll",a,{passive:!0}),()=>{e.removeEventListener("scroll",a)}},Xi=e=>{let{attrs:t}=e;requestAnimationFrame(()=>{let r=document.getElementById(t["target-id"]),s=Gi(r,e);return()=>{s()}})};var Et={};P(Et,{INITIAL_STATE:()=>Qi,selectCurrentId:()=>tn,selectState:()=>en,setContentContainer:()=>nn,setCurrentId:()=>sn,setItems:()=>rn,toViewData:()=>Zi});var Qi=Object.freeze({items:[],currentId:null,contentContainer:null}),Zi=({state:e})=>({items:e.items.map(t=>({...t,c:t.id===e.currentId?"fg":"mu-fg"})),currentId:e.currentId}),en=({state:e})=>e,tn=({state:e})=>e.currentId,rn=(e,t)=>{e.items=t},sn=(e,t)=>{e.currentId=t},nn=(e,t)=>{e.contentContainer=t};var Pr={elementName:"rtgl-page-outline",viewDataSchema:{type:"object",properties:{items:{type:"array",items:{type:"object",properties:{slug:{type:"string"},title:{type:"string"}}}},selectedSlug:{type:"string",nullable:!0}}},propsSchema:{type:"object",properties:{}},refs:{},events:{onItemClick:{type:"object"}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view h=f w=272",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f g=sm mt=xl",value:{type:9,items:[{type:7,itemVar:"item",indexVar:"i",iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-view pv=xs av=c href=${item.href}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=${item.c} h-c=fg",value:{type:1,path:"item.title"},parsedKey:{type:2,parts:["rtgl-text s=sm c=",{type:1,path:"item.c"}," h-c=fg"]}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view pv=xs av=c href=",{type:1,path:"item.href"}]}}],fast:!0}],fast:!0}}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1}],fast:!1}};var kt={};P(kt,{handleBeforeMount:()=>an,handleInputChange:()=>cn,handleInputKeydown:()=>hn,handleOnUpdate:()=>on,handlePopoverClose:()=>pn,handleSubmitClick:()=>un,handleTextClick:()=>ln});var an=e=>{let{store:t,props:r}=e;(r.value!==void 0||r.defaultValue!==void 0)&&t.setValue(r.value||r.defaultValue||"")},on=(e,t)=>{let{oldProps:r,newProps:s}=e,{store:n,props:i,render:o}=t;r.defaultValue!==s.defaultValue&&n.setValue(i.defaultValue||""),o()},ln=(e,t)=>{let{store:r,render:s,getRefIds:n,attrs:i}=t,o=r.selectValue();r.setTempValue(o),r.openPopover({position:{x:e.currentTarget.getBoundingClientRect().left,y:e.currentTarget.getBoundingClientRect().bottom}});let{input:a}=n();a.elm.value=o,s(),i["auto-focus"]&&setTimeout(()=>{a.elm.focus()},50)},pn=(e,t)=>{let{store:r,render:s}=t;r.closePopover(),s()},cn=(e,t)=>{let{store:r,render:s,dispatchEvent:n}=t,i=e.detail.value;r.setTempValue(i),n(new CustomEvent("temp-input-change",{detail:{value:i},bubbles:!0})),s()},un=(e,t)=>{let{store:r,render:s,dispatchEvent:n,getRefIds:i}=t,{input:o}=i(),a=o.elm.value;r.setValue(a),r.closePopover(),n(new CustomEvent("input-change",{detail:{value:a},bubbles:!0})),s()},hn=(e,t)=>{let{store:r,render:s,dispatchEvent:n,getRefIds:i}=t;if(e.key==="Enter"){let{input:o}=i(),a=o.elm.value;r.closePopover(),n(new CustomEvent("input-change",{detail:{value:a},bubbles:!0})),s()}else e.key==="Escape"&&(r.closePopover(),s())};var _t={};P(_t,{INITIAL_STATE:()=>dn,closePopover:()=>gn,openPopover:()=>mn,selectValue:()=>bn,setTempValue:()=>yn,setValue:()=>vn,toViewData:()=>fn});var dn=Object.freeze({isOpen:!1,position:{x:0,y:0},value:"",tempValue:""}),fn=({attrs:e,state:t,props:r})=>{let s=t.value||"-";return{isOpen:t.isOpen,position:t.position,value:s??"-",tempValue:t.tempValue,placeholder:r.placeholder??"",label:e.label}},yn=(e,t)=>{e.tempValue=t},mn=(e,t)=>{let{position:r}=t;e.position=r,e.isOpen=!0,e.hasUnsavedChanges=!1},gn=e=>{e.isOpen=!1,e.tempValue=""},vn=(e,t)=>{e.value=t},bn=({state:e})=>e.value;var jr={elementName:"rtgl-popover-input",viewDataSchema:{type:"object"},attrsSchema:{type:"object",properties:{"auto-focus":{type:"boolean"}}},propsSchema:{type:"object",properties:{value:{type:"string"},defaultValue:{type:"string"},placeholder:{type:"string"},onChange:{type:"function"}}},refs:{"text-display":{eventListeners:{click:{handler:"handleTextClick"}}},popover:{eventListeners:{close:{handler:"handlePopoverClose"}}},input:{eventListeners:{"input-change":{handler:"handleInputChange"},keydown:{handler:"handleInputKeydown"}}},submit:{eventListeners:{click:{handler:"handleSubmitClick"}}}},events:{"input-change":{}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view#text-display w=f cur=p",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"value"}}],fast:!0}],fast:!0}}],fast:!0},{type:8,properties:[{key:"rtgl-popover#popover ?open=${isOpen} x=${position.x} y=${position.y}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view g=md w=240 slot=content bgc=background br=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"label"}}],fast:!0},{type:8,properties:[{key:"rtgl-input#input w=f placeholder=${placeholder}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-input#input w=f placeholder=",{type:1,path:"placeholder"}]}}],fast:!0},{type:8,properties:[{key:"rtgl-view w=f ah=e",value:{type:9,items:[{type:8,properties:[{key:"rtgl-button#submit",value:{type:0,value:"Submit"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-popover#popover ?open=",{type:1,path:"isOpen"}," x=",{type:1,path:"position.x"}," y=",{type:1,path:"position.y"}]}}],fast:!0}],fast:!0}};var At={};P(At,{handleBeforeMount:()=>wn,handleButtonClick:()=>En,handleClickOptionsPopoverOverlay:()=>kn,handleOnUpdate:()=>xn,handleOptionClick:()=>_n});var wn=e=>{let{store:t,props:r,render:s}=e;if(r.selectedValue!==null&&r.selectedValue!==void 0&&r.options){let n=r.options.find(i=>i.value===r.selectedValue);n&&(t.updateSelectOption(n),s())}},xn=(e,t)=>{let{oldAttrs:r,newAttrs:s,oldProps:n,newProps:i}=e,{store:o,props:a,render:l}=t;if(r?.key!==s?.key&&s?.key){o.resetSelection();let p=i?.selectedValue||a?.selectedValue,u=i?.options||a?.options;if(p!=null&&u){let c=u.find(d=>d.value===p);c&&o.updateSelectOption(c)}l()}},En=(e,t)=>{let{store:r,render:s,getRefIds:n}=t;r.openOptionsPopover({position:{y:e.clientY,x:e.clientX}}),s()},kn=(e,t)=>{let{store:r,render:s}=t;r.closeOptionsPopover(),s()},_n=(e,t)=>{let{render:r,dispatchEvent:s,props:n,store:i}=t,o=e.currentTarget.id.replace("option-",""),a=n.options[o];i.updateSelectOption(a),n.onChange&&typeof n.onChange=="function"&&n.onChange(a.value),s(new CustomEvent("option-selected",{detail:{value:a.value,label:a.label},bubbles:!0})),s(new CustomEvent("select-change",{detail:{selectedValue:a.value},bubbles:!0})),r()};var St={};P(St,{INITIAL_STATE:()=>An,closeOptionsPopover:()=>In,openOptionsPopover:()=>Cn,resetSelection:()=>Tn,selectState:()=>$n,toViewData:()=>Sn,updateSelectOption:()=>On});var An=Object.freeze({isOpen:!1,position:{x:0,y:0},selectedValue:null,selectedLabel:null}),Sn=({state:e,props:t})=>{let r=t.placeholder||"Select an option",s=e.selectedValue!==null?e.selectedValue:t.selectedValue;if(s!=null&&t.options){let i=t.options.find(o=>o.value===s);i&&(r=i.label)}else e.selectedLabel&&(r=e.selectedLabel);let n=(t.options||[]).map(i=>({...i,isSelected:i.value===s,bgc:i.value===s?"mu":""}));return{isOpen:e.isOpen,position:e.position,options:n,selectedValue:s,selectedLabel:r,placeholder:t.placeholder||"Select an option"}},$n=({state:e})=>e,Cn=(e,t)=>{let{position:r}=t;e.position=r,e.isOpen=!0},In=e=>{e.isOpen=!1},On=(e,t)=>{e.selectedValue=t.value,e.selectedLabel=t.label,e.isOpen=!1},Tn=e=>{e.selectedValue=void 0,e.selectedLabel=void 0};var Dr={elementName:"rtgl-select",viewDataSchema:{type:"object"},propsSchema:{type:"object",properties:{options:{type:"array",items:{type:"object",properties:{id:{type:"string"},label:{type:"string"},value:{type:"any"}}}},selectedValue:{type:"any"},placeholder:{type:"string"},onChange:{type:"function"}}},refs:{"select-button":{eventListeners:{click:{handler:"handleButtonClick"}}},popover:{eventListeners:{close:{handler:"handleClickOptionsPopoverOverlay"}}},"option-*":{eventListeners:{click:{handler:"handleOptionClick"}}}},events:{},template:{type:9,items:[{type:8,properties:[{key:"rtgl-button#select-button v=ol",value:{type:9,items:[{type:1,path:"selectedLabel"}],fast:!0}}],fast:!0},{type:8,properties:[{key:"rtgl-popover#popover ?open=${isOpen} x=${position.x} y=${position.y}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view wh=300 g=xs slot=content bgc=background br=md sv=true",value:{type:9,items:[{type:7,itemVar:"option",indexVar:"i",iterable:{type:1,path:"options"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-view#option-${i} w=f h-bgc=ac ph=lg pv=md cur=p br=md bgc=${option.bgc}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text",value:{type:1,path:"option.label"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#option-",{type:1,path:"i"}," w=f h-bgc=ac ph=lg pv=md cur=p br=md bgc=",{type:1,path:"option.bgc"}]}}],fast:!0}],fast:!0}}],fast:!1}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-popover#popover ?open=",{type:1,path:"isOpen"}," x=",{type:1,path:"position.x"}," y=",{type:1,path:"position.y"}]}}],fast:!1}],fast:!1}};var $t={};P($t,{handleHeaderClick:()=>Ln,handleItemClick:()=>Nn});var Ln=(e,t)=>{let{store:r,dispatchEvent:s}=t,n,i=r.selectHeader();e.currentTarget.id==="header-label"?n=i.labelPath:e.currentTarget.id==="header-image"?n=i.image.path:e.currentTarget.id==="header"&&(n=i.path),s(new CustomEvent("headerClick",{detail:{path:n},bubbles:!0,composed:!0}))},Nn=(e,t)=>{let{store:r,dispatchEvent:s}=t,n=e.currentTarget.id.replace("item-",""),i=r.selectItem(n);s(new CustomEvent("itemClick",{detail:{item:i},bubbles:!0,composed:!0}))};var It={};P(It,{INITIAL_STATE:()=>Vn,selectActiveItem:()=>Bn,selectHeader:()=>Dn,selectItem:()=>Wn,setState:()=>zn,toViewData:()=>jn});var Vn=Object.freeze({}),Rn=["id","class","style","slot"],Pn=e=>Object.entries(e).filter(([t])=>!Rn.includes(t)).map(([t,r])=>`${t}=${r}`).join(" ");function Ct(e,t=null){let r=[];for(let s of e){let n=s.id||s.href||s.path,i=t===n;if(r.push({id:n,title:s.title,href:s.href,type:s.type||"item",icon:s.icon,hrefAttr:s.href?`href=${s.href}`:"",isSelected:i,itemBgc:i?"ac":"bg",itemHoverBgc:i?"ac":"mu"}),s.items&&Array.isArray(s.items))for(let o of s.items){let a=o.id||o.href||o.path,l=t===a;r.push({id:a,title:o.title,href:o.href,type:o.type||"item",icon:o.icon,hrefAttr:o.href?`href=${o.href}`:"",isSelected:l,itemBgc:l?"ac":"bg",itemHoverBgc:l?"ac":"mu"})}}return r}var jn=({state:e,props:t,attrs:r})=>{let s=r.header?JSON.parse(decodeURIComponent(r.header)):t.header,n=r.items?JSON.parse(decodeURIComponent(r.items)):t.items,i=r.selectedItemId||t.selectedItemId,o=Pn(r),a=r.mode||"full",l=s||{label:"",path:"",image:{src:"",alt:"",width:0,height:0}},p=n?Ct(n,i):[],u=a==="full"?272:64,c=a==="full"?"fs":"c",d=a==="full"?"fs":"c",y=a==="full"?"lg":"sm",h=a==="full"?"md":"sm",f=a==="shrunk-lg"?48:40,m=a==="shrunk-lg"?28:20,v=a==="shrunk-lg"?"md":"sm",b=a==="full",w=a==="full",E=a==="full"?"fs":"c",A=a==="full"?"":`ah=${d}`,k=a==="full"?"f":f;return{containerAttrString:o,mode:a,header:l,items:p,sidebarWidth:u,headerAlign:c,itemAlign:d,headerPadding:y,itemPadding:h,itemHeight:f,iconSize:m,firstLetterSize:v,showLabels:b,showGroupLabels:w,itemContentAlign:E,itemAlignAttr:A,itemWidth:k,headerWidth:k,selectedItemId:i,ah:a==="shrunk-lg"||a==="shrunk-md"?"c":""}},Dn=({state:e,props:t,attrs:r})=>r.header?JSON.parse(decodeURIComponent(r.header)):t.header,Bn=({state:e,props:t})=>(t.items?Ct(t.items):[]).find(s=>s.active),Wn=({state:e,props:t,attrs:r},s)=>{let n=r.items?JSON.parse(decodeURIComponent(r.items)):t.items;return(n?Ct(n):[]).find(o=>o.id===s)},zn=e=>{};var Br={elementName:"rtgl-sidebar",viewDataSchema:{type:"object",properties:{containerAttrString:{type:"string"},mode:{type:"string",enum:["full","shrunk","shrunk-lg"],default:"full"},sidebarWidth:{type:"number"},headerAlign:{type:"string"},itemAlign:{type:"string"},headerPadding:{type:"string"},itemPadding:{type:"string"},itemHeight:{type:"number"},iconSize:{type:"number"},firstLetterSize:{type:"string"},showLabels:{type:"boolean"},showGroupLabels:{type:"boolean"},itemContentAlign:{type:"string"},itemAlignAttr:{type:"string"},itemWidth:{type:"string"},headerWidth:{type:"string"},selectedItemId:{type:"string"},header:{type:"object",properties:{label:{type:"string"},href:{type:"string"},image:{type:"object",properties:{src:{type:"string"},width:{type:"number"},height:{type:"number"},alt:{type:"string"}}}}},items:{type:"array",items:{type:"object",properties:{title:{type:"string"},slug:{type:"string"},type:{type:"string"},active:{type:"boolean"},icon:{type:"string"}}}}}},propsSchema:{type:"object",properties:{selectedItemId:{type:"string"},header:{type:"object",properties:{label:{type:"string"},href:{type:"string"},image:{type:"object",properties:{src:{type:"string"},width:{type:"number"},height:{type:"number"},alt:{type:"string"}}}}},items:{type:"array",items:{type:"object",properties:{title:{type:"string"},slug:{type:"string"},type:{type:"string"},items:{type:"array"}}}}}},refs:{"header-image":{eventListeners:{click:{handler:"handleHeaderClick"}}},"header-label":{eventListeners:{click:{handler:"handleHeaderClick"}}},header:{eventListeners:{click:{handler:"handleHeaderClick"}}},"item-*":{eventListeners:{click:{handler:"handleItemClick"}}}},events:{headerClick:{type:"object",properties:{path:{type:"string"}}}},anchors:[[{"$if header.image && header.image.src":[{"$if header.image.href":[{"a href=${header.image.href}":[{'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"':null}]}],"$elif header.image.path":[{"rtgl-view#header-image cur=p":[{'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"':null}]}],$else:[{'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"':null}]}]},{"$if header.label && showLabels":[{"$if header.labelHref":[{"rtgl-text href=${header.labelHref} s=lg":"${header.label}"}],"$elif header.labelPath":[{"rtgl-view#header-label cur=p":[{"rtgl-text s=lg":"${header.label}"}]}],$else:[{"rtgl-text s=lg":"${header.label}"}]}]}]],template:{type:9,items:[{type:8,properties:[{key:"rtgl-view h=f w=${sidebarWidth} bwr=xs ah=${ah} ${containerAttrString}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-view ph=${headerPadding} pv=lg",value:{type:9,items:[{type:8,properties:[{key:"$if header.href",value:{type:6,conditions:[{type:1,path:"header.href"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view href=${header.href} d=h av=c ah=${headerAlign} g=lg w=${headerWidth}",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"$if header.image && header.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"header.image"},right:{type:1,path:"header.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"$if header.image.href",value:{type:6,conditions:[{type:1,path:"header.image.href"},{type:1,path:"header.image.path"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"a href=${header.image.href}",value:{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["a href=",{type:1,path:"header.image.href"}]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header-image cur=p",value:{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1},{type:8,properties:[{key:"$if header.label && showLabels",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"header.label"},right:{type:1,path:"showLabels"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"$if header.labelHref",value:{type:6,conditions:[{type:1,path:"header.labelHref"},{type:1,path:"header.labelPath"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-text href=${header.labelHref} s=lg",value:{type:1,path:"header.label"},parsedKey:{type:2,parts:["rtgl-text href=",{type:1,path:"header.labelHref"}," s=lg"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header-label cur=p",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"header.label"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"header.label"}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view href=",{type:1,path:"header.href"}," d=h av=c ah=",{type:1,path:"headerAlign"}," g=lg w=",{type:1,path:"headerWidth"}]}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header d=h av=c ah=${headerAlign} g=lg w=${headerWidth} cur=p",value:{type:9,items:[{type:9,items:[{type:8,properties:[{key:"$if header.image && header.image.src",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"header.image"},right:{type:1,path:"header.image.src"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"$if header.image.href",value:{type:6,conditions:[{type:1,path:"header.image.href"},{type:1,path:"header.image.path"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"a href=${header.image.href}",value:{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["a href=",{type:1,path:"header.image.href"}]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header-image cur=p",value:{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:'rtgl-image w=${header.image.width} h=${header.image.height} src=${header.image.src} alt="${header.image.alt}"',value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-image w=",{type:1,path:"header.image.width"}," h=",{type:1,path:"header.image.height"}," src=",{type:1,path:"header.image.src"},' alt="',{type:1,path:"header.image.alt"},'"']}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1},{type:8,properties:[{key:"$if header.label && showLabels",value:{type:6,conditions:[{type:4,op:6,left:{type:1,path:"header.label"},right:{type:1,path:"showLabels"}}],bodies:[{type:9,items:[{type:8,properties:[{key:"$if header.labelHref",value:{type:6,conditions:[{type:1,path:"header.labelHref"},{type:1,path:"header.labelPath"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-text href=${header.labelHref} s=lg",value:{type:1,path:"header.label"},parsedKey:{type:2,parts:["rtgl-text href=",{type:1,path:"header.labelHref"}," s=lg"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view#header-label cur=p",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"header.label"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-text s=lg",value:{type:1,path:"header.label"}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view#header d=h av=c ah=",{type:1,path:"headerAlign"}," g=lg w=",{type:1,path:"headerWidth"}," cur=p"]}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view ph=",{type:1,path:"headerPadding"}," pv=lg"]}}],fast:!1},{type:8,properties:[{key:"rtgl-view w=f ph=${headerPadding} pb=lg g=xs ah=${ah}",value:{type:9,items:[{type:7,itemVar:"item",indexVar:"i",iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:'$if item.type == "groupLabel"',value:{type:6,conditions:[{type:4,op:0,left:{type:1,path:"item.type"},right:{type:0,value:"groupLabel"}},null],bodies:[{type:9,items:[{type:8,properties:[{key:"$if showGroupLabels",value:{type:6,conditions:[{type:1,path:"showGroupLabels"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view mt=md h=32 av=c ph=md",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=xs c=mu-fg",value:{type:1,path:"item.title"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view mt=md h=1 bgc=mu-bg",value:{type:0,value:null}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view#item-${item.id} ${item.hrefAttr} h=${itemHeight} av=c ${itemAlignAttr} ph=${itemPadding} w=${itemWidth} h-bgc=${item.itemHoverBgc} br=lg bgc=${item.itemBgc} cur=p",value:{type:9,items:[{type:8,properties:[{key:"$if item.icon",value:{type:6,conditions:[{type:1,path:"item.icon"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"$if showLabels",value:{type:6,conditions:[{type:1,path:"showLabels"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h ah=${itemContentAlign} g=sm",value:{type:9,items:[{type:8,properties:[{key:"rtgl-svg wh=16 svg=${item.icon} c=fg",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-svg wh=16 svg=",{type:1,path:"item.icon"}," c=fg"]}}],fast:!0},{type:8,properties:[{key:"rtgl-text s=sm",value:{type:1,path:"item.title"}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view d=h ah=",{type:1,path:"itemContentAlign"}," g=sm"]}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-svg wh=${iconSize} svg=${item.icon} c=fg",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-svg wh=",{type:1,path:"iconSize"}," svg=",{type:1,path:"item.icon"}," c=fg"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"$if showLabels",value:{type:6,conditions:[{type:1,path:"showLabels"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm",value:{type:1,path:"item.title"}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:"rtgl-view wh=${iconSize} br=f bgc=mu av=c ah=c",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=${firstLetterSize} c=fg",value:{type:1,path:"item.title.charAt(0).toUpperCase()"},parsedKey:{type:2,parts:["rtgl-text s=",{type:1,path:"firstLetterSize"}," c=fg"]}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view wh=",{type:1,path:"iconSize"}," br=f bgc=mu av=c ah=c"]}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view#item-",{type:1,path:"item.id"}," ",{type:1,path:"item.hrefAttr"}," h=",{type:1,path:"itemHeight"}," av=c ",{type:1,path:"itemAlignAttr"}," ph=",{type:1,path:"itemPadding"}," w=",{type:1,path:"itemWidth"}," h-bgc=",{type:1,path:"item.itemHoverBgc"}," br=lg bgc=",{type:1,path:"item.itemBgc"}," cur=p"]}}],fast:!1}],fast:!1}],id:null}}],fast:!1}],fast:!1}}],fast:!1},parsedKey:{type:2,parts:["rtgl-view w=f ph=",{type:1,path:"headerPadding"}," pb=lg g=xs ah=",{type:1,path:"ah"}]}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view h=f w=",{type:1,path:"sidebarWidth"}," bwr=xs ah=",{type:1,path:"ah"}," ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var Ot={};P(Ot,{handleBeforeMount:()=>Mn,handleOnUpdate:()=>Fn,handleValueChange:()=>Kn});var Mn=e=>{let{store:t,attrs:r}=e;t.setValue(r.defaultValue||0)},Fn=(e,t)=>{let{oldAttrs:r,newAttrs:s}=e,{store:n,render:i,attrs:o}=t;if(r?.key!==s?.key&&s?.key){let a=s?.defaultValue||o?.defaultValue||0;n.setValue(a),i()}else if(r?.defaultValue!==s?.defaultValue){let a=s?.defaultValue||0;n.setValue(a),i()}},Kn=(e,t)=>{let{store:r,render:s,dispatchEvent:n}=t,i=Number(e.detail.value);r.setValue(i),s(),n(new CustomEvent("slider-input-value-change",{detail:{value:i},bubbles:!0}))};var Tt={};P(Tt,{INITIAL_STATE:()=>Un,setValue:()=>Jn,toViewData:()=>Hn});var Un=Object.freeze({value:0}),Hn=({state:e,attrs:t})=>({key:t.key,value:e.value,w:t.w||"",min:t.min||0,max:t.max||100,step:t.step||1}),Jn=(e,t)=>{e.value=t};var Wr={elementName:"rtgl-slider-input",viewDataSchema:{type:"object"},attrsSchema:{type:"object",properties:{defaultValue:{type:"string",default:"0"},w:{type:"string",default:""},min:{type:"string",default:"0"},max:{type:"string",default:"100"},step:{type:"string",default:"1"}}},refs:{input:{eventListeners:{"input-change":{handler:"handleValueChange"}}},slider:{eventListeners:{"slider-change":{handler:"handleValueChange"}}}},events:{"form-change":{}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h av=c g=md w=${w}",value:{type:9,items:[{type:8,properties:[{key:"rtgl-slider#slider key=${key} w=f type=range min=${min} max=${max} step=${step} value=${value}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-slider#slider key=",{type:1,path:"key"}," w=f type=range min=",{type:1,path:"min"}," max=",{type:1,path:"max"}," step=",{type:1,path:"step"}," value=",{type:1,path:"value"}]}}],fast:!0},{type:8,properties:[{key:"rtgl-view w=84",value:{type:9,items:[{type:8,properties:[{key:"rtgl-input#input key=${key} w=f type=number min=${min} max=${max} step=${step} value=${value}",value:{type:0,value:null},parsedKey:{type:2,parts:["rtgl-input#input key=",{type:1,path:"key"}," w=f type=number min=",{type:1,path:"min"}," max=",{type:1,path:"max"}," step=",{type:1,path:"step"}," value=",{type:1,path:"value"}]}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view d=h av=c g=md w=",{type:1,path:"w"}]}}],fast:!0}],fast:!0}};var Lt={};P(Lt,{handleBeforeMount:()=>qn,handleHeaderClick:()=>Gn,handleRowClick:()=>Yn});var qn=e=>{},Yn=(e,t)=>{let{dispatchEvent:r,props:s}=t,n=parseInt(e.currentTarget.id.replace("row-","")),i=s.data?.rows?.[n];i&&r(new CustomEvent("row-click",{detail:{rowIndex:n,rowData:i}}))},Gn=(e,t)=>{let{store:r,render:s,dispatchEvent:n}=t,i=e.currentTarget.id.replace("header-",""),o=r.selectSortInfo(),a="asc";o.column===i&&(o.direction==="asc"?a="desc":o.direction==="desc"&&(a=null)),a?r.setSortColumn({column:i,direction:a}):r.clearSort(),s(),n(new CustomEvent("header-click",{detail:{column:i,direction:a,sortInfo:a?{column:i,direction:a}:null}}))};var Nt={};P(Nt,{INITIAL_STATE:()=>Xn,clearSort:()=>na,selectSortInfo:()=>sa,selectState:()=>ra,setSortColumn:()=>ia,toViewData:()=>ta});var Xn=Object.freeze({sortColumn:null,sortDirection:null}),Qn=["id","class","style","slot"],Zn=e=>Object.entries(e).filter(([t])=>!Qn.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),ea=(e,t)=>{let r=t.split("."),s=e;for(let n of r){if(s==null)return null;s=s[n]}return s},ta=({state:e,props:t,attrs:r})=>{let s=Zn(r),n=t.data||{columns:[],rows:[]},i=n.rows.map((o,a)=>{let l=n.columns.map(p=>{let u=ea(o,p.key);return{key:p.key,value:u!=null?String(u):""}});return{index:a,cells:l}});return{containerAttrString:s,columns:n.columns||[],rows:i||[]}},ra=({state:e})=>e,sa=({state:e})=>({column:e.sortColumn,direction:e.sortDirection}),ia=(e,{column:t,direction:r})=>{e.sortColumn=t,e.sortDirection=r},na=e=>{e.sortColumn=null,e.sortDirection=null};var zr={elementName:"rtgl-table",viewDataSchema:{type:"object",properties:{columns:{type:"array"},rows:{type:"array"},containerAttrString:{type:"string"}}},propsSchema:{type:"object",properties:{data:{type:"object",properties:{columns:{type:"array",items:{type:"object",properties:{key:{type:"string"},label:{type:"string"}}}},rows:{type:"array",items:{type:"object"}}}},responsive:{type:"boolean",default:!0}}},refs:{"row-*":{eventListeners:{click:{handler:"handleRowClick"}}},"header-*":{eventListeners:{click:{handler:"handleHeaderClick"}}}},events:{},styles:{table:{width:"100%","border-collapse":"collapse","border-spacing":0},thead:{"border-bottom":"2px solid var(--border)"},th:{padding:"12px","text-align":"left","font-weight":500,color:"var(--foreground)","background-color":"var(--muted)",cursor:"pointer",position:"sticky",top:0,"z-index":1},"tbody tr":{"border-bottom":"1px solid var(--border)"},"tbody tr:last-child":{"border-bottom":"none"},td:{padding:"12px",color:"var(--foreground)"},".table-container":{width:"100%",height:"100%",overflow:"auto"},".empty-state":{"text-align":"center",padding:"24px",color:"var(--muted-foreground)"}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view.table-container ${containerAttrString}",value:{type:9,items:[{type:8,properties:[{key:"$if rows.length > 0",value:{type:6,conditions:[{type:4,op:2,left:{type:1,path:"rows.length"},right:{type:0,value:0}},null],bodies:[{type:9,items:[{type:8,properties:[{key:"table",value:{type:9,items:[{type:8,properties:[{key:"thead",value:{type:9,items:[{type:8,properties:[{key:"tr",value:{type:9,items:[{type:7,itemVar:"column",indexVar:"i",iterable:{type:1,path:"columns"},body:{type:9,items:[{type:8,properties:[{key:"th#header-${column.key}",value:{type:1,path:"column.label"},parsedKey:{type:2,parts:["th#header-",{type:1,path:"column.key"}]}}],fast:!0}],fast:!0}}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1},{type:8,properties:[{key:"tbody",value:{type:9,items:[{type:7,itemVar:"row",indexVar:"rowIndex",iterable:{type:1,path:"rows"},body:{type:9,items:[{type:8,properties:[{key:"tr#row-${row.index}",value:{type:9,items:[{type:7,itemVar:"cell",indexVar:"cellIndex",iterable:{type:1,path:"row.cells"},body:{type:9,items:[{type:8,properties:[{key:"td",value:{type:1,path:"cell.value"}}],fast:!0}],fast:!0}}],fast:!1},parsedKey:{type:2,parts:["tr#row-",{type:1,path:"row.index"}]}}],fast:!1}],fast:!1}}],fast:!1}}],fast:!1}],fast:!1}}],fast:!1}],fast:!1},{type:9,items:[{type:8,properties:[{key:"rtgl-view.empty-state w=f p=xl",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text c=mu-fg",value:{type:0,value:"No data available"}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view.table-container ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var Vt={};P(Vt,{handleClickItem:()=>aa});var aa=(e,t)=>{let{dispatchEvent:r}=t,s=e.currentTarget.dataset.id;r(new CustomEvent("item-click",{detail:{id:s}}))};var Rt={};P(Rt,{INITIAL_STATE:()=>oa,toViewData:()=>ca});var oa=Object.freeze({}),la=["id","class","style","slot"],pa=e=>Object.entries(e).filter(([t])=>!la.includes(t)).map(([t,r])=>`${t}=${r}`).join(" "),ca=({state:e,props:t,attrs:r})=>{let s=pa(r),n=t.items||[],i=r["selected-tab"],o=n.map(a=>({...a,isSelected:a.id===i,bgColor:a.id===i?"ac":"",borderColor:a.id===i?"":"tr",textColor:a.id===i?"":"mu-fg"}));return{containerAttrString:s,items:o,selectedTab:i}};var Mr={elementName:"rtgl-tabs",viewDataSchema:{type:"object",properties:{containerAttrString:{type:"string"},items:{type:"array",items:{type:"object",properties:{label:{type:"string"},id:{type:"string"},isSelected:{type:"boolean"},bgColor:{type:"string"},textColor:{type:"string"},borderColor:{type:"string"}}}},selectedTab:{type:"string"}}},propsSchema:{type:"object",properties:{items:{type:"array",items:{type:"object",properties:{label:{type:"string"},id:{type:"string"}}}}}},attrsSchema:{type:"object",properties:{"selected-tab":{type:"string"}}},refs:{"tab-*":{eventListeners:{click:{handler:"handleClickItem"}}}},events:{"item-click":{type:"object",properties:{id:{type:"string"}}}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view d=h g=sm bgc=mu p=sm br=lg ${containerAttrString}",value:{type:9,items:[{type:7,itemVar:"item",indexVar:null,iterable:{type:1,path:"items"},body:{type:9,items:[{type:8,properties:[{key:"rtgl-view#tab-${item.id} data-id=${item.id} cur=p bgc=${item.bgColor} bw=xs bc=${item.borderColor} pv=md ph=lg br=lg",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text s=sm c=${item.textColor}",value:{type:1,path:"item.label"},parsedKey:{type:2,parts:["rtgl-text s=sm c=",{type:1,path:"item.textColor"}]}}],fast:!0}],fast:!0},parsedKey:{type:2,parts:["rtgl-view#tab-",{type:1,path:"item.id"}," data-id=",{type:1,path:"item.id"}," cur=p bgc=",{type:1,path:"item.bgColor"}," bw=xs bc=",{type:1,path:"item.borderColor"}," pv=md ph=lg br=lg"]}}],fast:!0}],fast:!0}}],fast:!1},parsedKey:{type:2,parts:["rtgl-view d=h g=sm bgc=mu p=sm br=lg ",{type:1,path:"containerAttrString"}]}}],fast:!1}],fast:!1}};var Pt={};P(Pt,{handleAfterMount:()=>ua,handleOnUpdate:()=>ha});var ua=async e=>{let{props:t,store:r,render:s,getRefIds:n}=e,{waveformData:i}=t;r.setWaveformData(i),s();let o=n().canvas?.elm;o&&Fr(i,o)},ha=async(e,t)=>{let{store:r,render:s,getRefIds:n,props:i}=t,{waveformData:o}=i;if(!o){console.log("waveform handleOnUpdate: no waveformData provided");return}r.setWaveformData(o),s();let a=n().canvas?.elm;a&&Fr(o,a)};async function Fr(e,t){let r=t.getContext("2d"),s=t.getBoundingClientRect(),n=s.width,i=s.height;t.width=n,t.height=i;let o=t.width,a=t.height;if(r.clearRect(0,0,o,a),r.fillStyle="#1a1a1a",r.fillRect(0,0,o,a),!e||!e.data)return;let l=e.data,p=a/2,u=r.createLinearGradient(0,0,0,a);u.addColorStop(0,"#404040"),u.addColorStop(.5,"#A1A1A1"),u.addColorStop(1,"#404040");let c=Math.max(1,o/l.length),d=.2;for(let y=0;y<l.length;y++){let f=l[y]*(a*.85),m=y*c,v=p-f/2;r.fillStyle=u,r.fillRect(m,v,Math.max(1,c*(1-d)),f)}r.strokeStyle="rgba(255, 255, 255, 0.1)",r.lineWidth=1,r.beginPath(),r.moveTo(0,p),r.lineTo(o,p),r.stroke(),r.shadowBlur=10,r.shadowColor="#2196F3"}var jt={};P(jt,{INITIAL_STATE:()=>da,setWaveformData:()=>fa,toViewData:()=>ya});var da=Object.freeze({waveformData:null}),fa=(e,t)=>{e.waveformData=t},ya=({state:e,attrs:t,props:r})=>({isLoading:r.isLoading,w:t.w||"250",h:t.h||"150",cur:t.cur,waveformData:r.waveformData});var Kr={elementName:"rtgl-waveform",attrsSchema:{type:"object",properties:{w:{type:"string",description:"Width of the waveform visualizer",default:"250"},h:{type:"string",description:"Height of the waveform visualizer",default:"150"},cur:{type:"string",description:"cursor"}}},propsSchema:{type:"object",properties:{waveformData:{type:"object",description:"File ID of the waveform data in object storage"},isLoading:{type:"boolean",description:"Whether the waveform data is currently being loaded"}}},refs:{canvas:{selector:"canvas"}},template:{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f h=f pos=rel w=${w} h=${h} cur=${cur}",value:{type:9,items:[{type:8,properties:[{key:"$if isLoading",value:{type:6,conditions:[{type:1,path:"isLoading"},null],bodies:[{type:9,items:[{type:8,properties:[{key:"rtgl-view w=f h=f av=c ah=c",value:{type:9,items:[{type:8,properties:[{key:"rtgl-text c=mu-fg",value:{type:0,value:"..."}}],fast:!0}],fast:!0}}],fast:!0}],fast:!0},{type:9,items:[{type:8,properties:[{key:'canvas#canvas style="width:100%; height:100%;"',value:{type:0,value:null}}],fast:!0}],fast:!0}],id:null}}],fast:!1}],fast:!1},parsedKey:{type:2,parts:["rtgl-view w=f h=f pos=rel w=",{type:1,path:"w"}," h=",{type:1,path:"h"}," cur=",{type:1,path:"cur"}]}}],fast:!1}],fast:!1}};var Gr=Symbol.for("immer-nothing"),Ur=Symbol.for("immer-draftable"),q=Symbol.for("immer-state");function ee(e,...t){throw new Error(`[Immer] minified error nr: ${e}. Full error at: https://bit.ly/3cXEKWf`)}var ge=Object.getPrototypeOf;function ve(e){return!!e&&!!e[q]}function pe(e){return e?Xr(e)||Array.isArray(e)||!!e[Ur]||!!e.constructor?.[Ur]||De(e)||Be(e):!1}var ma=Object.prototype.constructor.toString();function Xr(e){if(!e||typeof e!="object")return!1;let t=ge(e);if(t===null)return!0;let r=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return r===Object?!0:typeof r=="function"&&Function.toString.call(r)===ma}function Ve(e,t){je(e)===0?Reflect.ownKeys(e).forEach(r=>{t(r,e[r],e)}):e.forEach((r,s)=>t(s,r,e))}function je(e){let t=e[q];return t?t.type_:Array.isArray(e)?1:De(e)?2:Be(e)?3:0}function Wt(e,t){return je(e)===2?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function Qr(e,t,r){let s=je(e);s===2?e.set(t,r):s===3?e.add(r):e[t]=r}function ga(e,t){return e===t?e!==0||1/e===1/t:e!==e&&t!==t}function De(e){return e instanceof Map}function Be(e){return e instanceof Set}function le(e){return e.copy_||e.base_}function zt(e,t){if(De(e))return new Map(e);if(Be(e))return new Set(e);if(Array.isArray(e))return Array.prototype.slice.call(e);let r=Xr(e);if(t===!0||t==="class_only"&&!r){let s=Object.getOwnPropertyDescriptors(e);delete s[q];let n=Reflect.ownKeys(s);for(let i=0;i<n.length;i++){let o=n[i],a=s[o];a.writable===!1&&(a.writable=!0,a.configurable=!0),(a.get||a.set)&&(s[o]={configurable:!0,writable:!0,enumerable:a.enumerable,value:e[o]})}return Object.create(ge(e),s)}else{let s=ge(e);if(s!==null&&r)return{...e};let n=Object.create(s);return Object.assign(n,e)}}function Ht(e,t=!1){return We(e)||ve(e)||!pe(e)||(je(e)>1&&(e.set=e.add=e.clear=e.delete=va),Object.freeze(e),t&&Object.entries(e).forEach(([r,s])=>Ht(s,!0))),e}function va(){ee(2)}function We(e){return Object.isFrozen(e)}var ba={};function ce(e){let t=ba[e];return t||ee(0,e),t}var Se;function Zr(){return Se}function wa(e,t){return{drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0}}function Hr(e,t){t&&(ce("Patches"),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function Mt(e){Ft(e),e.drafts_.forEach(xa),e.drafts_=null}function Ft(e){e===Se&&(Se=e.parent_)}function Jr(e){return Se=wa(Se,e)}function xa(e){let t=e[q];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function qr(e,t){t.unfinalizedDrafts_=t.drafts_.length;let r=t.drafts_[0];return e!==void 0&&e!==r?(r[q].modified_&&(Mt(t),ee(4)),pe(e)&&(e=Re(t,e),t.parent_||Pe(t,e)),t.patches_&&ce("Patches").generateReplacementPatches_(r[q].base_,e,t.patches_,t.inversePatches_)):e=Re(t,r,[]),Mt(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e!==Gr?e:void 0}function Re(e,t,r){if(We(t))return t;let s=t[q];if(!s)return Ve(t,(n,i)=>Yr(e,s,t,n,i,r)),t;if(s.scope_!==e)return t;if(!s.modified_)return Pe(e,s.base_,!0),s.base_;if(!s.finalized_){s.finalized_=!0,s.scope_.unfinalizedDrafts_--;let n=s.copy_,i=n,o=!1;s.type_===3&&(i=new Set(n),n.clear(),o=!0),Ve(i,(a,l)=>Yr(e,s,n,a,l,r,o)),Pe(e,n,!1),r&&e.patches_&&ce("Patches").generatePatches_(s,r,e.patches_,e.inversePatches_)}return s.copy_}function Yr(e,t,r,s,n,i,o){if(ve(n)){let a=i&&t&&t.type_!==3&&!Wt(t.assigned_,s)?i.concat(s):void 0,l=Re(e,n,a);if(Qr(r,s,l),ve(l))e.canAutoFreeze_=!1;else return}else o&&r.add(n);if(pe(n)&&!We(n)){if(!e.immer_.autoFreeze_&&e.unfinalizedDrafts_<1)return;Re(e,n),(!t||!t.scope_.parent_)&&typeof s!="symbol"&&Object.prototype.propertyIsEnumerable.call(r,s)&&Pe(e,n)}}function Pe(e,t,r=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&Ht(t,r)}function Ea(e,t){let r=Array.isArray(e),s={type_:r?1:0,scope_:t?t.scope_:Zr(),modified_:!1,finalized_:!1,assigned_:{},parent_:t,base_:e,draft_:null,copy_:null,revoke_:null,isManual_:!1},n=s,i=Jt;r&&(n=[s],i=$e);let{revoke:o,proxy:a}=Proxy.revocable(n,i);return s.draft_=a,s.revoke_=o,a}var Jt={get(e,t){if(t===q)return e;let r=le(e);if(!Wt(r,t))return ka(e,r,t);let s=r[t];return e.finalized_||!pe(s)?s:s===Dt(e.base_,t)?(Bt(e),e.copy_[t]=Ut(s,e)):s},has(e,t){return t in le(e)},ownKeys(e){return Reflect.ownKeys(le(e))},set(e,t,r){let s=es(le(e),t);if(s?.set)return s.set.call(e.draft_,r),!0;if(!e.modified_){let n=Dt(le(e),t),i=n?.[q];if(i&&i.base_===r)return e.copy_[t]=r,e.assigned_[t]=!1,!0;if(ga(r,n)&&(r!==void 0||Wt(e.base_,t)))return!0;Bt(e),Kt(e)}return e.copy_[t]===r&&(r!==void 0||t in e.copy_)||Number.isNaN(r)&&Number.isNaN(e.copy_[t])||(e.copy_[t]=r,e.assigned_[t]=!0),!0},deleteProperty(e,t){return Dt(e.base_,t)!==void 0||t in e.base_?(e.assigned_[t]=!1,Bt(e),Kt(e)):delete e.assigned_[t],e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){let r=le(e),s=Reflect.getOwnPropertyDescriptor(r,t);return s&&{writable:!0,configurable:e.type_!==1||t!=="length",enumerable:s.enumerable,value:r[t]}},defineProperty(){ee(11)},getPrototypeOf(e){return ge(e.base_)},setPrototypeOf(){ee(12)}},$e={};Ve(Jt,(e,t)=>{$e[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}});$e.deleteProperty=function(e,t){return $e.set.call(this,e,t,void 0)};$e.set=function(e,t,r){return Jt.set.call(this,e[0],t,r,e[0])};function Dt(e,t){let r=e[q];return(r?le(r):e)[t]}function ka(e,t,r){let s=es(t,r);return s?"value"in s?s.value:s.get?.call(e.draft_):void 0}function es(e,t){if(!(t in e))return;let r=ge(e);for(;r;){let s=Object.getOwnPropertyDescriptor(r,t);if(s)return s;r=ge(r)}}function Kt(e){e.modified_||(e.modified_=!0,e.parent_&&Kt(e.parent_))}function Bt(e){e.copy_||(e.copy_=zt(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var _a=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.produce=(t,r,s)=>{if(typeof t=="function"&&typeof r!="function"){let i=r;r=t;let o=this;return function(l=i,...p){return o.produce(l,u=>r.call(this,u,...p))}}typeof r!="function"&&ee(6),s!==void 0&&typeof s!="function"&&ee(7);let n;if(pe(t)){let i=Jr(this),o=Ut(t,void 0),a=!0;try{n=r(o),a=!1}finally{a?Mt(i):Ft(i)}return Hr(i,s),qr(n,i)}else if(!t||typeof t!="object"){if(n=r(t),n===void 0&&(n=t),n===Gr&&(n=void 0),this.autoFreeze_&&Ht(n,!0),s){let i=[],o=[];ce("Patches").generateReplacementPatches_(t,n,i,o),s(i,o)}return n}else ee(1,t)},this.produceWithPatches=(t,r)=>{if(typeof t=="function")return(o,...a)=>this.produceWithPatches(o,l=>t(l,...a));let s,n;return[this.produce(t,r,(o,a)=>{s=o,n=a}),s,n]},typeof e?.autoFreeze=="boolean"&&this.setAutoFreeze(e.autoFreeze),typeof e?.useStrictShallowCopy=="boolean"&&this.setUseStrictShallowCopy(e.useStrictShallowCopy)}createDraft(e){pe(e)||ee(8),ve(e)&&(e=Aa(e));let t=Jr(this),r=Ut(e,void 0);return r[q].isManual_=!0,Ft(t),r}finishDraft(e,t){let r=e&&e[q];(!r||!r.isManual_)&&ee(9);let{scope_:s}=r;return Hr(s,t),qr(void 0,s)}setAutoFreeze(e){this.autoFreeze_=e}setUseStrictShallowCopy(e){this.useStrictShallowCopy_=e}applyPatches(e,t){let r;for(r=t.length-1;r>=0;r--){let n=t[r];if(n.path.length===0&&n.op==="replace"){e=n.value;break}}r>-1&&(t=t.slice(r+1));let s=ce("Patches").applyPatches_;return ve(e)?s(e,t):this.produce(e,n=>s(n,t))}};function Ut(e,t){let r=De(e)?ce("MapSet").proxyMap_(e,t):Be(e)?ce("MapSet").proxySet_(e,t):Ea(e,t);return(t?t.scope_:Zr()).drafts_.push(r),r}function Aa(e){return ve(e)||ee(10,e),ts(e)}function ts(e){if(!pe(e)||We(e))return e;let t=e[q],r;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,r=zt(e,t.scope_.immer_.useStrictShallowCopy_)}else r=zt(e,!0);return Ve(r,(s,n)=>{Qr(r,s,ts(n))}),t&&(t.finalized_=!1),r}var Y=new _a,rs=Y.produce,Op=Y.produceWithPatches.bind(Y),Tp=Y.setAutoFreeze.bind(Y),Lp=Y.setUseStrictShallowCopy.bind(Y),Np=Y.applyPatches.bind(Y),Vp=Y.createDraft.bind(Y),Rp=Y.finishDraft.bind(Y);var x={LITERAL:0,VARIABLE:1,INTERPOLATION:2,FUNCTION:3,BINARY:4,UNARY:5,CONDITIONAL:6,LOOP:7,OBJECT:8,ARRAY:9},G={EQ:0,NEQ:1,GT:2,LT:3,GTE:4,LTE:5,AND:6,OR:7,IN:8},ze={NOT:0};var be=class extends Error{constructor(t){super(`Render Error: ${t}`),this.name="JemplRenderError"}};var ss=(e,t)=>{if(t===null)return new be(`Cannot iterate over null value at '$for ${e}'`);if(t===void 0)return new be(`Cannot iterate over undefined value at '$for ${e}'`);let r=typeof t;return new be(`Cannot iterate over non-array value (got: ${r}) at '$for ${e}'`)},is=(e,t)=>{let r=t&&Object.keys(t).length>0?Object.keys(t).join(", "):"no custom functions provided";return new be(`Unknown function '${e}' (${r})`)};var Sa=(e,t,r={})=>T(e,r,t,{}),T=(e,t,r,s)=>{if(e.var&&!e.type)return K(e.var,r,s);if(e.type===x.LITERAL)return e.value;if(e.type===x.VARIABLE)return K(e.path,r,s);if(e.type===x.INTERPOLATION)return $a(e.parts,t,r,s);switch(e.type){case x.FUNCTION:return ns(e,t,r,s);case x.BINARY:return as(e,t,r,s);case x.UNARY:return os(e,t,r,s);case x.CONDITIONAL:return Ia(e,t,r,s);case x.LOOP:return Va(e,t,r,s);case x.OBJECT:return Pa(e,t,r,s);case x.ARRAY:return ja(e,t,r,s);default:throw new Error(`Unknown node type: ${e.type}`)}},ae=new Map,K=(e,t,r)=>{if(!e)return;if(e in r)return r[e];let s=ae.get(e);s||(s=e.split("."),ae.set(e,s));let n=t;for(let i=0;i<s.length;i++){let o=s[i];if(o in r){n=r[o];continue}if(n==null)return;n=n[o]}return n},$a=(e,t,r,s)=>{let n=[];for(let i of e)if(typeof i=="string")n.push(i);else{let o=T(i,t,r,s);n.push(o!=null?String(o):"")}return n.join("")},ns=(e,t,r,s)=>{let n=t[e.name];if(!n)throw is(e.name,t);let i=e.args.map(o=>T(o,t,r,s));return n(...i)},Me=(e,t,r,s)=>{if(e.var&&!e.type)return K(e.var,r,s);switch(e.type){case x.VARIABLE:return K(e.path,r,s);case x.LITERAL:return e.value;case x.BINARY:return as(e,t,r,s);case x.UNARY:return os(e,t,r,s);case x.FUNCTION:return ns(e,t,r,s);default:return T(e,t,r,s)}},as=(e,t,r,s)=>{if(e.op===G.AND||e.op===G.OR){let o=Me(e.left,t,r,s),a=Me(e.right,t,r,s);switch(e.op){case G.AND:return o&&a;case G.OR:return o||a}}let n=T(e.left,t,r,s),i=T(e.right,t,r,s);switch(e.op){case G.EQ:return n==i;case G.NEQ:return n!=i;case G.GT:return n>i;case G.LT:return n<i;case G.GTE:return n>=i;case G.LTE:return n<=i;case G.IN:return Array.isArray(i)?i.includes(n):!1;default:throw new Error(`Unknown binary operator: ${e.op}`)}},os=(e,t,r,s)=>{let n=e.op===ze.NOT?Me(e.operand,t,r,s):T(e.operand,t,r,s);switch(e.op){case ze.NOT:return!n;default:throw new Error(`Unknown unary operator: ${e.op}`)}},Ca=(e,t,r,s)=>{if(e.conditions.length===2&&e.conditions[1]===null){let n=e.conditions[0];if(n.type===x.VARIABLE)if(K(n.path,r,s)){let o=e.bodies[0];if(o.type===x.OBJECT&&o.properties.length<=5){let a={};for(let l of o.properties){let p=l.parsedKey?T(l.parsedKey,t,r,s):l.key,u=l.value;if(u.type===x.LITERAL)a[p]=u.value;else if(u.type===x.VARIABLE)a[p]=K(u.path,r,s);else if(u.type===x.INTERPOLATION){let c=[];for(let d of u.parts)if(typeof d=="string")c.push(d);else if(d.type===x.VARIABLE){let y=K(d.path,r,s);c.push(y!=null?String(y):"")}else{let y=T(d,t,r,s);c.push(y!=null?String(y):"")}a[p]=c.join("")}else a[p]=T(u,t,r,s)}return a}}else{let o=e.bodies[1];if(o.type===x.OBJECT&&o.properties.length<=5){let a={};for(let l of o.properties){let p=l.parsedKey?T(l.parsedKey,t,r,s):l.key,u=l.value;if(u.type===x.LITERAL)a[p]=u.value;else if(u.type===x.VARIABLE)a[p]=K(u.path,r,s);else if(u.type===x.INTERPOLATION){let c=[];for(let d of u.parts)if(typeof d=="string")c.push(d);else if(d.type===x.VARIABLE){let y=K(d.path,r,s);c.push(y!=null?String(y):"")}else{let y=T(d,t,r,s);c.push(y!=null?String(y):"")}a[p]=c.join("")}else a[p]=T(u,t,r,s)}return a}}}return null},Ia=(e,t,r,s)=>{let n=Ca(e,t,r,s);if(n!==null)return n;for(let i=0;i<e.conditions.length;i++){let o=e.conditions[i];if(o===null||Me(o,t,r,s))return T(e.bodies[i],t,r,s)}return ls},Oa=(e,t)=>{let r=e.body,s=e.itemVar;if(r.type===x.CONDITIONAL&&r.conditions.length===1&&r.conditions[0].type===x.VARIABLE){let n=r.conditions[0].path,i=r.bodies[0];if(n.startsWith(s+".")){let o=n.substring(s.length+1);if(i.type===x.OBJECT&&i.properties.length<=5){for(let l of i.properties)if(l.parsedKey)return null;let a=[];for(let l=0;l<t.length;l++){let p=t[l];if(p[o]){let u={};for(let c of i.properties){let d=c.key,y=c.value;if(y.type===x.LITERAL)u[d]=y.value;else if(y.type===x.VARIABLE){let h=y.path;if(h===s)u[d]=p;else if(h.startsWith(s+".")){let f=h.substring(s.length+1);u[d]=p[f]}else return null}else if(y.type===x.INTERPOLATION){let h=[],f=!0;for(let m of y.parts)if(typeof m=="string")h.push(m);else if(m.type===x.VARIABLE){let v=m.path;if(v===s)h.push(p!=null?String(p):"");else if(v.startsWith(s+".")){let b=v.substring(s.length+1),w=p[b];h.push(w!=null?String(w):"")}else{f=!1;break}}else{f=!1;break}if(!f)return null;u[d]=h.join("")}else return null}a.push(u)}}return a}}}return null},Ta=(e,t)=>{let r=e.body,s=e.itemVar,n=Oa(e,t);if(n!==null)return n;if(r.type===x.OBJECT&&r.properties.length<=5){for(let a of r.properties)if(a.parsedKey)return null;let i=[],o=!0;for(let a of r.properties){let l=a.key,p=a.value;if(p.type===x.LITERAL)i.push({key:l,type:"literal",value:p.value});else if(p.type===x.VARIABLE){let u=p.path;if(u===s)i.push({key:l,type:"item"});else if(u.startsWith(s+".")){let c=u.substring(s.length+1);if(!c.includes("."))i.push({key:l,type:"prop",prop:c});else{o=!1;break}}else{o=!1;break}}else if(p.type===x.INTERPOLATION&&p.parts.length===1){let u=p.parts[0];if(u.type===x.VARIABLE){let c=u.path;if(c===s)i.push({key:l,type:"item_string"});else if(c.startsWith(s+".")){let d=c.substring(s.length+1);if(!d.includes("."))i.push({key:l,type:"prop_string",prop:d});else{o=!1;break}}else{o=!1;break}}else{o=!1;break}}else{o=!1;break}}if(o){let a=new Array(t.length);if(i.length===3&&i[0].type==="prop"&&i[0].key==="id"&&i[1].type==="prop_string"&&i[1].key==="title"&&i[2].type==="prop"&&i[2].key==="completed")for(let l=0;l<t.length;l++){let p=t[l];a[l]={id:p.id,title:p.title!=null?String(p.title):"",completed:p.completed}}else for(let l=0;l<t.length;l++){let p=t[l],u={};for(let c of i)if(c.type==="literal")u[c.key]=c.value;else if(c.type==="item")u[c.key]=p;else if(c.type==="prop")u[c.key]=p[c.prop];else if(c.type==="item_string")u[c.key]=p!=null?String(p):"";else if(c.type==="prop_string"){let d=p[c.prop];u[c.key]=d!=null?String(d):""}a[l]=u}return a}}return null},La=(e,t,r,s,n)=>{let i=[],o=e.body;if(o.type===x.OBJECT&&o.fast!==!1){let a=e.itemVar,l=e.indexVar;for(let p=0;p<n.length;p++){let u=n[p],c={},d={...s,[a]:u,...l&&{[l]:p}};for(let y of o.properties){let h=y.parsedKey?T(y.parsedKey,t,r,d):y.key,f=y.value;if(f.type===x.LITERAL)c[h]=f.value;else if(f.type===x.VARIABLE){let m=f.path;if(m===a)c[h]=u;else if(m===l)c[h]=p;else if(m.startsWith(a+".")){let v=m.substring(a.length+1);if(!v.includes("."))c[h]=u[v];else{let b=ae.get(v)||(ae.set(v,v.split(".")),ae.get(v)),w=u;for(let E of b){if(w==null){w=void 0;break}w=w[E]}c[h]=w}}else c[h]=K(m,r,{...s,[a]:u,...l&&{[l]:p}})}else if(f.type===x.INTERPOLATION){let m=[];for(let v of f.parts)if(typeof v=="string")m.push(v);else if(v.type===x.VARIABLE){let b=v.path,w;if(b===a)w=u;else if(b===l)w=p;else if(b.startsWith(a+".")){let E=b.substring(a.length+1);if(!E.includes("."))w=u[E];else{let A=ae.get(E)||(ae.set(E,E.split(".")),ae.get(E)),k=u;for(let C of A){if(k==null){k=void 0;break}k=k[C]}w=k}}else w=K(b,r,{...s,[a]:u,...l&&{[l]:p}});m.push(w!=null?String(w):"")}else{let b={...s,[a]:u,...l&&{[l]:p}},w=T(v,t,r,b);m.push(w!=null?String(w):"")}c[h]=m.join("")}else{let m={...s,[a]:u,...l&&{[l]:p}};c[h]=T(f,t,r,m)}}i.push(c)}return i}return null},Na=(e,t,r)=>{let s=e.body;if(s.type===x.OBJECT&&s.properties.length===1&&s.properties[0].key==="$if item.visible"){let i=s.properties[0].value;if(i.type===x.CONDITIONAL&&i.conditions.length===1&&i.conditions[0].type===x.VARIABLE&&i.conditions[0].path==="item.visible"){let o=i.bodies[0];if(o.type===x.OBJECT&&o.properties.length===2){let a=o.properties[0],l=o.properties[1];if(a.key==="id"&&a.value.type===x.VARIABLE&&a.value.path==="item.id"&&l.key==="$if item.highlighted"&&l.value.type===x.CONDITIONAL){let p=[];for(let u=0;u<t.length;u++){let c=t[u];if(c.visible){let d={id:c.id};c.highlighted?(d.highlight=!0,d.message=`This item is highlighted: ${c.name}`):(d.highlight=!1,d.message=c.name),p.push(d)}}return p}}}}return null},Va=(e,t,r,s)=>{let n=T(e.iterable,t,r,s);if(!Array.isArray(n)){let a=`${e.itemVar}${e.indexVar?`, ${e.indexVar}`:""} in ${e.iterable.path}`;throw ss(a,n)}if(!e.indexVar){let a=Na(e,n,e.itemVar);if(a!==null)return a}if(!e.indexVar){let a=Ta(e,n);if(a!==null)return a}let i=La(e,t,r,s,n);if(i!==null)return i;let o=[];for(let a=0;a<n.length;a++){let l=e.indexVar?{...s,[e.itemVar]:n[a],[e.indexVar]:a}:{...s,[e.itemVar]:n[a]},p=T(e.body,t,r,l);Array.isArray(p)&&p.length===1?o.push(p[0]):o.push(p)}return o},Ra=(e,t,r,s)=>{if(e.properties.length===1){let n=e.properties[0],i=n.parsedKey?T(n.parsedKey,t,r,s):n.key,o=n.value;if(o.type===x.OBJECT&&o.properties.length<=10){let a={},l={},p=!0;for(let u of o.properties){let c=u.parsedKey?T(u.parsedKey,t,r,s):u.key,d=u.value;if(d.type===x.LITERAL)l[c]=d.value;else if(d.type===x.VARIABLE)l[c]=K(d.path,r,s);else if(d.type===x.INTERPOLATION){let y=[];for(let h of d.parts)if(typeof h=="string")y.push(h);else if(h.type===x.VARIABLE){let f=K(h.path,r,s);y.push(f!=null?String(f):"")}else{p=!1;break}if(!p)break;l[c]=y.join("")}else if(d.type===x.OBJECT&&d.properties.length<=5){let y={};for(let h of d.properties){let f=h.key,m=h.value;if(m.type===x.LITERAL)y[f]=m.value;else if(m.type===x.VARIABLE)y[f]=K(m.path,r,s);else if(m.type===x.INTERPOLATION){let v=[];for(let b of m.parts)if(typeof b=="string")v.push(b);else if(b.type===x.VARIABLE){let w=K(b.path,r,s);v.push(w!=null?String(w):"")}else{p=!1;break}if(!p)break;y[f]=v.join("")}else{p=!1;break}}if(!p)break;l[c]=y}else{p=!1;break}}if(p)return a[i]=l,a}}return null},Pa=(e,t,r,s)=>{let n=Ra(e,t,r,s);if(n!==null)return n;if(e.fast){let l={};for(let p of e.properties){let u=p.parsedKey?T(p.parsedKey,t,r,s):p.key,c=p.value;if(c.type===x.LITERAL)l[u]=c.value;else if(c.type===x.VARIABLE)l[u]=K(c.path,r,s);else if(c.type===x.INTERPOLATION){let d=[];for(let y of c.parts)if(typeof y=="string")d.push(y);else if(y.type===x.VARIABLE){let h=K(y.path,r,s);d.push(h!=null?String(h):"")}else{let h=T(y,t,r,s);d.push(h!=null?String(h):"")}l[u]=d.join("")}else l[u]=T(c,t,r,s)}return l}let i={},o=null,a=!1;for(let l of e.properties)if(!l.key.startsWith("$if ")&&!l.key.match(/^\$if\s+\w+.*:?$/)&&!l.key.startsWith("$elif")&&!l.key.startsWith("$else")&&!l.key.startsWith("$for ")){a=!0;break}for(let l of e.properties)if(l.key.startsWith("$if ")||l.key.match(/^\$if\s+\w+.*:?$/)){let p=T(l.value,t,r,s);if(!a&&p!==null&&p!==void 0)return Array.isArray(p)&&p.length===1?p[0]:p;typeof p=="object"&&p!==null&&!Array.isArray(p)&&Object.assign(i,p)}else if(!l.key.startsWith("$for ")){let p=l.value;if(p&&p.type===x.OBJECT&&p.properties){let u=p.properties.find(c=>c.key.startsWith("$for "));if(u){let c=T(u.value,t,r,s);c!==void 0&&(i[l.key]=c)}else{let c=T(l.value,t,r,s);c!==void 0&&(i[l.key]=c)}}else{let u=l.parsedKey?T(l.parsedKey,t,r,s):l.key,c=T(l.value,t,r,s);c!==void 0&&(i[u]=c)}}return i},ls={},ja=(e,t,r,s)=>{let n=[];for(let i of e.items)if(i.type===x.LOOP){let o=T(i,t,r,s);n.push(o)}else{let o=T(i,t,r,s);o!==ls&&n.push(o)}return n},Fe=Sa;var Ke=e=>Array.isArray(e)?e.reduce((t,r)=>{if(Array.isArray(r))t.push(...Ke(r));else{if(r&&typeof r=="object"){let s=Object.entries(r);if(s.length>0){let[n,i]=s[0];Array.isArray(i)&&(r={[n]:Ke(i)})}}t.push(r)}return t},[]):e;var ps=(e,t)=>{if(!t)return e;let r=[],s="",n=!1,i=null;for(let o=0;o<t.length;o++){let a=t[o];if(!n&&a===".")s&&(r.push(s),s="");else if(!n&&a==="[")s&&(r.push(s),s=""),n=!0;else if(n&&a==="]"){if(s){if(s.startsWith('"')&&s.endsWith('"')||s.startsWith("'")&&s.endsWith("'"))r.push(s.slice(1,-1));else{let l=Number(s);r.push(isNaN(l)?s:l)}s=""}n=!1,i=null}else n&&(a==='"'||a==="'")&&(i?a===i&&(i=null):i=a),s+=a}return s&&r.push(s),r.reduce((o,a)=>o&&o[a],e)},cs=({h:e,template:t,viewData:r,refs:s,handlers:n})=>{let i=Fe(t,r,{}),o=Ke(i),a=za({h:e,items:o,refs:s,handlers:n,viewData:r});return e("div",{style:{display:"contents"}},a)},za=({h:e,items:t,refs:r={},handlers:s={},viewData:n={}})=>{if(!Array.isArray(t))return console.error("Input to createVirtualDom must be an array."),[e("div",{},[])];function i(o,a=""){return o.map((l,p)=>{if(typeof l=="string"||typeof l=="number")return String(l);if(typeof l!="object"||l===null)return console.warn("Skipping invalid item in DOM structure:",l),null;let u=Object.entries(l);if(u.length===0)return null;let[c,d]=u[0];if(!isNaN(Number(c)))return Array.isArray(d)?i(d,`${a}.${c}`):typeof d=="object"&&d!==null&&Object.entries(d).length>0?i([d],`${a}.${c}`):String(d);u.length>1&&console.warn("Item has multiple keys, processing only the first:",c);let y,h,f=c.indexOf(" ");f===-1?(y=c,h=""):(y=c.substring(0,f),h=c.substring(f+1).trim());let m=y.split(/[.#]/)[0],v=m.includes("-"),b={},w={};if(h){let $=/(\S+?)=(?:\"([^\"]*)\"|\'([^\']*)\'|([^\s]+))/g,_,R=new Set;for(;(_=$.exec(h))!==null;)if(R.add(_[1]),_[1].startsWith(".")){let X=_[1].substring(1),Ee=_[4];w[X]=ps(n,Ee)}else if(_[1].startsWith("?")){let X=_[1].substring(1),Ee=_[2]||_[3]||_[4],Ie;Ee==="true"?Ie=!0:Ee==="false"?Ie=!1:Ie=ps(n,Ee),Ie&&(b[X]="")}else b[_[1]]=_[2]||_[3]||_[4];let W=h,F=[],te,Je=/(\S+?)=(?:\"([^\"]*)\"|\'([^\']*)\'|([^\s]+))/g;for(;(te=Je.exec(h))!==null;)F.push(te[0]);F.forEach(X=>{W=W.replace(X," ")});let qe=/\b(\S+?)(?=\s|$)/g,z;for(;(z=qe.exec(W))!==null;){let X=z[1];!R.has(X)&&!X.startsWith(".")&&!X.includes("=")&&(b[X]="")}}let E=y.match(/#([^.#\s]+)/);E&&!Object.prototype.hasOwnProperty.call(b,"id")&&(b.id=E[1]);let A=null;b.id?A=b.id:v&&(A=m);let k=Object.create(null),C=null;if(v)C=m;else{let $=y.match(/\.([^.#]+)/g);$&&$.forEach(R=>{let W=R.substring(1);k[W]=!0});let _=y.match(/#([^.#\s]+)/);_&&(C=_[1])}let S;typeof d=="string"||typeof d=="number"?S=String(d):Array.isArray(d)?S=i(d,`${a}.${c}`):S=[],C&&!v&&(b.id=C);let L=Object.create(null);if(A&&r){let $=[];if(Object.keys(r).forEach(_=>{if(_.includes("*")){let R="^"+_.replace(/[.*+?^${}()|[\\\]\\]/g,"\\$&").replace(/\\\*/g,".*")+"$";try{new RegExp(R).test(A)&&$.push(_)}catch(W){console.warn(`[Parser] Invalid regex pattern created from refKey '${_}': ${R}`,W)}}else A===_&&$.push(_)}),$.length>0){$.sort((R,W)=>{let F=!R.includes("*"),te=!W.includes("*");return F&&!te?-1:!F&&te?1:W.length-R.length});let _=$[0];if(r[_]&&r[_].eventListeners){let R=r[_].eventListeners;Object.entries(R).forEach(([W,F])=>{F.handler&&s[F.handler]?L[W]=te=>{s[F.handler](te)}:F.handler&&console.warn(`[Parser] Handler '${F.handler}' for refKey '${_}' (matching elementId '${A}') is referenced but not found in available handlers.`)})}}}let V={};if(A)V.key=A;else if(y){let $=a?`${a}.${p}`:String(p);if(V.key=`${y}-${$}`,Object.keys(w).length>0){let _=JSON.stringify(w).substring(0,50);V.key+=`-${_}`}}Object.keys(b).length>0&&(V.attrs=b),Object.keys(k).length>0&&(V.class=k),Object.keys(L).length>0&&(V.on=L),Object.keys(w).length>0&&(V.props=w),v&&(V.hook={update:($,_)=>{let R=$.data?.props||{},W=_.data?.props||{},F=$.data?.attrs||{},te=_.data?.attrs||{},Je=JSON.stringify(R)!==JSON.stringify(W),qe=JSON.stringify(F)!==JSON.stringify(te);if(Je||qe){let z=_.elm;z&&z.render&&typeof z.render=="function"&&(z.setAttribute("isDirty","true"),requestAnimationFrame(()=>{if(z.render(),z.removeAttribute("isDirty"),z.handlers&&z.handlers.handleOnUpdate){let X={...z.deps||{},store:z.store,render:z.render.bind(z),handlers:z.handlers,dispatchEvent:z.dispatchEvent.bind(z),refIds:z.refIds||{},getRefIds:()=>z.refIds||{}};z.handlers.handleOnUpdate({oldProps:R,newProps:W,oldAttrs:F,newAttrs:te},X)}}))}}});try{return e(m,V,S)}catch($){return console.error("Error creating virtual node:",$,{tagName:m,snabbdomData:V,childrenOrText:S}),e("div",{},["Error creating element"])}}).filter(Boolean)}return i(t)};var Ma=(e,t)=>{if(!t||typeof t!="object")return"";let r="",s=i=>Object.entries(i).map(([o,a])=>`  ${o}: ${a};`).join(`
 `),n=(i,o)=>{if(typeof o!="object"||o===null)return"";if(i.startsWith("@")){let a=Object.entries(o).map(([l,p])=>{let u=s(p);return`  ${l} {
 ${u.split(`
 `).map(c=>c?`  ${c}`:"").join(`
@@ -928,7 +928,7 @@ ${a}
 ${a}
 }`}};return Object.entries(t).forEach(([i,o])=>{let a=n(i,o);a&&(r+=(r?`
 
-`:"")+a)}),r},Wa=e=>{let t=e.map(r=>r.subscribe());return()=>{for(let r of t)r&&typeof r.unsubscribe=="function"&&r.unsubscribe()}};function Ma(e){return new Proxy({},{get(t,r){if(typeof r=="string"){let s=e.getAttribute(r);return s===""?!0:s}},set(){throw new Error("Cannot assign to read-only proxy")},defineProperty(){throw new Error("Cannot define properties on read-only proxy")},deleteProperty(){throw new Error("Cannot delete properties from read-only proxy")},has(t,r){return typeof r=="string"&&e.hasAttribute(r)},ownKeys(){return e.getAttributeNames()},getOwnPropertyDescriptor(t,r){if(typeof r=="string"&&e.hasAttribute(r))return{configurable:!0,enumerable:!0,get:()=>e.getAttribute(r)}}})}function Ka(e,t){let r=new Set(t);return new Proxy({},{get(s,n){if(typeof n=="string"&&r.has(n))return e[n]},set(){throw new Error("Cannot assign to read-only proxy")},defineProperty(){throw new Error("Cannot define properties on read-only proxy")},deleteProperty(){throw new Error("Cannot delete properties from read-only proxy")},has(s,n){return typeof n=="string"&&r.has(n)},ownKeys(){return[...r]},getOwnPropertyDescriptor(s,n){if(typeof n=="string"&&r.has(n))return{configurable:!0,enumerable:!0,get:()=>e[n]}}})}var Jt=class extends HTMLElement{elementName;styles;h;store;props;propsSchema;template;handlers;transformedHandlers={};refs;refIds={};patch;_unmountCallback;_oldVNode;deps;cssText;static get observedAttributes(){return["key"]}get viewData(){return this.store.toViewData()}connectedCallback(){this.shadow=this.attachShadow({mode:"open"});let t=new CSSStyleSheet;t.replaceSync(`
+`:"")+a)}),r},Fa=e=>{let t=e.map(r=>r.subscribe());return()=>{for(let r of t)r&&typeof r.unsubscribe=="function"&&r.unsubscribe()}};function Ka(e){return new Proxy({},{get(t,r){if(typeof r=="string"){let s=e.getAttribute(r);return s===""?!0:s}},set(){throw new Error("Cannot assign to read-only proxy")},defineProperty(){throw new Error("Cannot define properties on read-only proxy")},deleteProperty(){throw new Error("Cannot delete properties from read-only proxy")},has(t,r){return typeof r=="string"&&e.hasAttribute(r)},ownKeys(){return e.getAttributeNames()},getOwnPropertyDescriptor(t,r){if(typeof r=="string"&&e.hasAttribute(r))return{configurable:!0,enumerable:!0,get:()=>e.getAttribute(r)}}})}function Ua(e,t){let r=new Set(t);return new Proxy({},{get(s,n){if(typeof n=="string"&&r.has(n))return e[n]},set(){throw new Error("Cannot assign to read-only proxy")},defineProperty(){throw new Error("Cannot define properties on read-only proxy")},deleteProperty(){throw new Error("Cannot delete properties from read-only proxy")},has(s,n){return typeof n=="string"&&r.has(n)},ownKeys(){return[...r]},getOwnPropertyDescriptor(s,n){if(typeof n=="string"&&r.has(n))return{configurable:!0,enumerable:!0,get:()=>e[n]}}})}var qt=class extends HTMLElement{elementName;styles;h;store;props;propsSchema;template;handlers;transformedHandlers={};refs;refIds={};patch;_unmountCallback;_oldVNode;deps;cssText;static get observedAttributes(){return["key"]}get viewData(){return this.store.toViewData()}connectedCallback(){this.shadow=this.attachShadow({mode:"open"});let t=new CSSStyleSheet;t.replaceSync(`
       a, a:link, a:visited, a:hover, a:active {
         display: contents;
         color: inherit;
@@ -940,4 +940,4 @@ ${a}
         font: inherit;
         cursor: pointer;
       }
-    `);let r=[t];if(this.cssText){let n=new CSSStyleSheet;n.replaceSync(this.cssText),r.push(n)}this.shadow.adoptedStyleSheets=r,this.renderTarget=document.createElement("div"),this.renderTarget.style.cssText="display: contents;",this.shadow.appendChild(this.renderTarget),this.transformedHandlers={},this.renderTarget.parentNode||this.appendChild(this.renderTarget),this.style.display="contents";let s={...this.deps,refIds:this.refIds,getRefIds:()=>this.refIds,dispatchEvent:this.dispatchEvent.bind(this)};if(Object.keys(this.handlers||{}).forEach(n=>{this.transformedHandlers[n]=i=>this.handlers[n](i,s)}),this.handlers?.handleBeforeMount&&(this._unmountCallback=this.handlers?.handleBeforeMount(s),this._unmountCallback&&typeof this._unmountCallback.then=="function"))throw new Error("handleBeforeMount must be synchronous and cannot return a Promise.");this.render(),this.handlers?.handleAfterMount&&this.handlers?.handleAfterMount(s),this.handlers?.subscriptions&&(this.unsubscribeAll=Wa(this.handlers.subscriptions(s)))}disconnectedCallback(){this._unmountCallback&&this._unmountCallback(),this.unsubscribeAll&&this.unsubscribeAll()}attributeChangedCallback(t,r,s){if(r!==s&&this.render)if(this.handlers?.handleOnUpdate){let n={[t]:{oldValue:r,newValue:s}},i={...this.deps,refIds:this.refIds,getRefIds:()=>this.refIds,dispatchEvent:this.dispatchEvent.bind(this),store:this.store,render:this.render.bind(this)};this.handlers.handleOnUpdate(n,i)}else requestAnimationFrame(()=>{this.render()})}render=()=>{if(!this.patch){console.error("Patch function is not defined!");return}if(!this.template){console.error("Template is not defined!");return}try{let t={...this.deps,refIds:this.refIds,getRefIds:()=>this.refIds,dispatchEvent:this.dispatchEvent.bind(this),store:this.store,render:this.render.bind(this)},r=cs({h:this.h,template:this.template,viewData:this.viewData,refs:this.refs,handlers:this.transformedHandlers}),s={},n=i=>{i.data?.attrs&&i.data.attrs.id&&(s[i.data.attrs.id]=i),i.children&&i.children.forEach(n)};n(r),this.refIds=s,this._oldVNode?this._oldVNode=this.patch(this._oldVNode,r):this._oldVNode=this.patch(this.renderTarget,r)}catch(t){console.error("Error during patching:",t)}}},Fa=(e,t,r)=>{let{INITIAL_STATE:s,toViewData:n,...i}=e,o={},a={},l=structuredClone(s);return Object.entries(i).forEach(([p,u])=>{p.startsWith("select")?o[p]=(...c)=>u({state:l,props:t,attrs:r},...c):a[p]=c=>(l=rs(l,d=>u(d,c)),l)}),{toViewData:()=>n({state:l,props:t,attrs:r}),getState:()=>l,...a,...o}},za=({handlers:e,view:t,store:r,patch:s,h:n},i)=>{let{elementName:o,propsSchema:a,attrsSchema:l,template:p,refs:u,styles:c}=t;if(!s)throw new Error("Patch is not defined");if(!n)throw new Error("h is not defined");if(!t)throw new Error("view is not defined");class d extends Jt{static get observedAttributes(){let h=["key"],f=l?.properties?Object.keys(l.properties):[];return[...h,...f]}constructor(){super();let h=Ma(this);this.propsSchema=a,this.props=a?Ka(this,Object.keys(a.properties)):{},this.elementName=o,this.styles=c,this.store=Fa(r,this.props,h),this.template=p,this.handlers=e,this.refs=u,this.patch=s,this.deps={...i,store:this.store,render:this.render,handlers:e,attrs:h,props:this.props},this.h=n,this.cssText=Ba(o,c)}}return d},Yt=za;function ue(e,t,r,s,n){let i=t===void 0?void 0:t.key;return{sel:e,data:t,children:r,text:s,elm:n,key:i}}var we=Array.isArray;function xe(e){return typeof e=="string"||typeof e=="number"||e instanceof String||e instanceof Number}function Ua(e,t){return document.createElement(e,t)}function Ha(e,t,r){return document.createElementNS(e,t,r)}function Ja(){return he(document.createDocumentFragment())}function Ya(e){return document.createTextNode(e)}function qa(e){return document.createComment(e)}function Ga(e,t,r){if(ne(e)){let s=e;for(;s&&ne(s);)s=he(s).parent;e=s??e}ne(t)&&(t=he(t,e)),r&&ne(r)&&(r=he(r).firstChildNode),e.insertBefore(t,r)}function Xa(e,t){e.removeChild(t)}function Qa(e,t){ne(t)&&(t=he(t,e)),e.appendChild(t)}function hs(e){if(ne(e)){for(;e&&ne(e);)e=he(e).parent;return e??null}return e.parentNode}function Za(e){var t;if(ne(e)){let r=he(e),s=hs(r);if(s&&r.lastChildNode){let n=Array.from(s.childNodes),i=n.indexOf(r.lastChildNode);return(t=n[i+1])!==null&&t!==void 0?t:null}return null}return e.nextSibling}function eo(e){return e.tagName}function to(e,t){e.textContent=t}function ro(e){return e.textContent}function so(e){return e.nodeType===1}function io(e){return e.nodeType===3}function no(e){return e.nodeType===8}function ne(e){return e.nodeType===11}function he(e,t){var r,s,n;let i=e;return(r=i.parent)!==null&&r!==void 0||(i.parent=t??null),(s=i.firstChildNode)!==null&&s!==void 0||(i.firstChildNode=e.firstChild),(n=i.lastChildNode)!==null&&n!==void 0||(i.lastChildNode=e.lastChild),i}var ds={createElement:Ua,createElementNS:Ha,createTextNode:Ya,createDocumentFragment:Ja,createComment:qa,insertBefore:Ga,removeChild:Xa,appendChild:Qa,parentNode:hs,nextSibling:Za,tagName:eo,setTextContent:to,getTextContent:ro,isElement:so,isText:io,isComment:no,isDocumentFragment:ne};function Ue(e){return e===void 0}function J(e){return e!==void 0}var qt=ue("",{},[],void 0,void 0);function Ce(e,t){var r,s;let n=e.key===t.key,i=((r=e.data)===null||r===void 0?void 0:r.is)===((s=t.data)===null||s===void 0?void 0:s.is),o=e.sel===t.sel,a=!e.sel&&e.sel===t.sel?typeof e.text==typeof t.text:!0;return o&&n&&i&&a}function ao(){throw new Error("The document fragment is not supported on this platform.")}function oo(e,t){return e.isElement(t)}function lo(e,t){return e.isDocumentFragment(t)}function po(e,t,r){var s;let n={};for(let i=t;i<=r;++i){let o=(s=e[i])===null||s===void 0?void 0:s.key;o!==void 0&&(n[o]=i)}return n}var co=["create","update","remove","destroy","pre","post"];function fs(e,t,r){let s={create:[],update:[],remove:[],destroy:[],pre:[],post:[]},n=t!==void 0?t:ds;for(let h of co)for(let f of e){let m=f[h];m!==void 0&&s[h].push(m)}function i(h){let f=h.id?"#"+h.id:"",m=h.getAttribute("class"),v=m?"."+m.split(" ").join("."):"";return ue(n.tagName(h).toLowerCase()+f+v,{},[],void 0,h)}function o(h){return ue(void 0,{},[],void 0,h)}function a(h,f){return function(){if(--f===0){let v=n.parentNode(h);v!==null&&n.removeChild(v,h)}}}function l(h,f){var m,v,b,w;let E,A=h.data;if(A!==void 0){let S=(m=A.hook)===null||m===void 0?void 0:m.init;J(S)&&(S(h),A=h.data)}let _=h.children,C=h.sel;if(C==="!")Ue(h.text)&&(h.text=""),h.elm=n.createComment(h.text);else if(C==="")h.elm=n.createTextNode(h.text);else if(C!==void 0){let S=C.indexOf("#"),L=C.indexOf(".",S),V=S>0?S:C.length,$=L>0?L:C.length,k=S!==-1||L!==-1?C.slice(0,Math.min(V,$)):C,R=h.elm=J(A)&&J(E=A.ns)?n.createElementNS(E,k,A):n.createElement(k,A);for(V<$&&R.setAttribute("id",C.slice(V+1,$)),L>0&&R.setAttribute("class",C.slice($+1).replace(/\./g," ")),E=0;E<s.create.length;++E)s.create[E](qt,h);if(xe(h.text)&&(!we(_)||_.length===0)&&n.appendChild(R,n.createTextNode(h.text)),we(_))for(E=0;E<_.length;++E){let F=_[E];F!=null&&n.appendChild(R,l(F,f))}let W=h.data.hook;J(W)&&((v=W.create)===null||v===void 0||v.call(W,qt,h),W.insert&&f.push(h))}else if(!((b=r?.experimental)===null||b===void 0)&&b.fragments&&h.children){for(h.elm=((w=n.createDocumentFragment)!==null&&w!==void 0?w:ao)(),E=0;E<s.create.length;++E)s.create[E](qt,h);for(E=0;E<h.children.length;++E){let S=h.children[E];S!=null&&n.appendChild(h.elm,l(S,f))}}else h.elm=n.createTextNode(h.text);return h.elm}function p(h,f,m,v,b,w){for(;v<=b;++v){let E=m[v];E!=null&&n.insertBefore(h,l(E,w),f)}}function u(h){var f,m;let v=h.data;if(v!==void 0){(m=(f=v?.hook)===null||f===void 0?void 0:f.destroy)===null||m===void 0||m.call(f,h);for(let b=0;b<s.destroy.length;++b)s.destroy[b](h);if(h.children!==void 0)for(let b=0;b<h.children.length;++b){let w=h.children[b];w!=null&&typeof w!="string"&&u(w)}}}function c(h,f,m,v){for(var b,w;m<=v;++m){let E,A,_=f[m];if(_!=null)if(J(_.sel)){u(_),E=s.remove.length+1,A=a(_.elm,E);for(let S=0;S<s.remove.length;++S)s.remove[S](_,A);let C=(w=(b=_?.data)===null||b===void 0?void 0:b.hook)===null||w===void 0?void 0:w.remove;J(C)?C(_,A):A()}else _.children?(u(_),c(h,_.children,0,_.children.length-1)):n.removeChild(h,_.elm)}}function d(h,f,m,v){let b=0,w=0,E=f.length-1,A=f[0],_=f[E],C=m.length-1,S=m[0],L=m[C],V,$,k,R;for(;b<=E&&w<=C;)A==null?A=f[++b]:_==null?_=f[--E]:S==null?S=m[++w]:L==null?L=m[--C]:Ce(A,S)?(y(A,S,v),A=f[++b],S=m[++w]):Ce(_,L)?(y(_,L,v),_=f[--E],L=m[--C]):Ce(A,L)?(y(A,L,v),n.insertBefore(h,A.elm,n.nextSibling(_.elm)),A=f[++b],L=m[--C]):Ce(_,S)?(y(_,S,v),n.insertBefore(h,_.elm,A.elm),_=f[--E],S=m[++w]):(V===void 0&&(V=po(f,b,E)),$=V[S.key],Ue($)?(n.insertBefore(h,l(S,v),A.elm),S=m[++w]):Ue(V[L.key])?(n.insertBefore(h,l(L,v),n.nextSibling(_.elm)),L=m[--C]):(k=f[$],k.sel!==S.sel?n.insertBefore(h,l(S,v),A.elm):(y(k,S,v),f[$]=void 0,n.insertBefore(h,k.elm,A.elm)),S=m[++w]));w<=C&&(R=m[C+1]==null?null:m[C+1].elm,p(h,R,m,w,C,v)),b<=E&&c(h,f,b,E)}function y(h,f,m){var v,b,w,E,A,_,C,S;let L=(v=f.data)===null||v===void 0?void 0:v.hook;(b=L?.prepatch)===null||b===void 0||b.call(L,h,f);let V=f.elm=h.elm;if(h===f)return;if(f.data!==void 0||J(f.text)&&f.text!==h.text){(w=f.data)!==null&&w!==void 0||(f.data={}),(E=h.data)!==null&&E!==void 0||(h.data={});for(let R=0;R<s.update.length;++R)s.update[R](h,f);(C=(_=(A=f.data)===null||A===void 0?void 0:A.hook)===null||_===void 0?void 0:_.update)===null||C===void 0||C.call(_,h,f)}let $=h.children,k=f.children;Ue(f.text)?J($)&&J(k)?$!==k&&d(V,$,k,m):J(k)?(J(h.text)&&n.setTextContent(V,""),p(V,null,k,0,k.length-1,m)):J($)?c(V,$,0,$.length-1):J(h.text)&&n.setTextContent(V,""):h.text!==f.text&&(J($)&&c(V,$,0,$.length-1),n.setTextContent(V,f.text)),(S=L?.postpatch)===null||S===void 0||S.call(L,h,f)}return function(f,m){let v,b,w,E=[];for(v=0;v<s.pre.length;++v)s.pre[v]();for(oo(n,f)?f=i(f):lo(n,f)&&(f=o(f)),Ce(f,m)?y(f,m,E):(b=f.elm,w=n.parentNode(b),l(m,E),w!==null&&(n.insertBefore(w,m.elm,n.nextSibling(b)),c(w,[f],0,0))),v=0;v<E.length;++v)E[v].data.hook.insert(E[v]);for(v=0;v<s.post.length;++v)s.post[v]();return m}}function ys(e,t){let r,s,n=t.elm,i=e.data.class,o=t.data.class;if(!(!i&&!o)&&i!==o){i=i||{},o=o||{};for(s in i)i[s]&&!Object.prototype.hasOwnProperty.call(o,s)&&n.classList.remove(s);for(s in o)r=o[s],r!==i[s]&&n.classList[r?"add":"remove"](s)}}var ms={create:ys,update:ys};function gs(e,t){let r,s,n,i=t.elm,o=e.data.props,a=t.data.props;if(!(!o&&!a)&&o!==a){o=o||{},a=a||{};for(r in a)s=a[r],n=o[r],n!==s&&(r!=="value"||i[r]!==s)&&(i[r]=s)}}var vs={create:gs,update:gs};var uo="http://www.w3.org/1999/xlink",ho="http://www.w3.org/2000/xmlns/",fo="http://www.w3.org/XML/1998/namespace";function bs(e,t){let r,s=t.elm,n=e.data.attrs,i=t.data.attrs;if(!(!n&&!i)&&n!==i){n=n||{},i=i||{};for(r in i){let o=i[r];n[r]!==o&&(o===!0?s.setAttribute(r,""):o===!1?s.removeAttribute(r):r.charCodeAt(0)!==120?s.setAttribute(r,o):r.charCodeAt(3)===58?s.setAttributeNS(fo,r,o):r.charCodeAt(5)===58?r.charCodeAt(1)===109?s.setAttributeNS(ho,r,o):s.setAttributeNS(uo,r,o):s.setAttribute(r,o))}for(r in n)r in i||s.removeAttribute(r)}}var ws={create:bs,update:bs};var xs=typeof window?.requestAnimationFrame=="function"?window.requestAnimationFrame.bind(window):setTimeout,yo=function(e){xs(function(){xs(e)})},Gt=!1;function mo(e,t,r){yo(function(){e[t]=r})}function Es(e,t){let r,s,n=t.elm,i=e.data.style,o=t.data.style;if(!i&&!o||i===o)return;i=i||{},o=o||{};let a="delayed"in i;for(s in i)s in o||(s[0]==="-"&&s[1]==="-"?n.style.removeProperty(s):n.style[s]="");for(s in o)if(r=o[s],s==="delayed"&&o.delayed)for(let l in o.delayed)r=o.delayed[l],(!a||r!==i.delayed[l])&&mo(n.style,l,r);else s!=="remove"&&r!==i[s]&&(s[0]==="-"&&s[1]==="-"?n.style.setProperty(s,r):n.style[s]=r)}function go(e){let t,r,s=e.elm,n=e.data.style;if(!(!n||!(t=n.destroy)))for(r in t)s.style[r]=t[r]}function vo(e,t){let r=e.data.style;if(!r||!r.remove){t();return}Gt||(e.elm.offsetLeft,Gt=!0);let s,n=e.elm,i=0,o=r.remove,a=0,l=[];for(s in o)l.push(s),n.style[s]=o[s];let u=getComputedStyle(n)["transition-property"].split(", ");for(;i<u.length;++i)l.indexOf(u[i])!==-1&&a++;n.addEventListener("transitionend",function(c){c.target===n&&--a,a===0&&t()})}function bo(){Gt=!1}var _s={pre:bo,create:Es,update:Es,destroy:go,remove:vo};function ks(e,t,r){if(typeof e=="function")e.call(t,r,t);else if(typeof e=="object")for(let s=0;s<e.length;s++)ks(e[s],t,r)}function wo(e,t){let r=e.type,s=t.data.on;s&&s[r]&&ks(s[r],t,e)}function xo(){return function e(t){wo(t,e.vnode)}}function Xt(e,t){let r=e.data.on,s=e.listener,n=e.elm,i=t&&t.data.on,o=t&&t.elm,a;if(r!==i){if(r&&s)if(i)for(a in r)i[a]||n.removeEventListener(a,s,!1);else for(a in r)n.removeEventListener(a,s,!1);if(i){let l=t.listener=e.listener||xo();if(l.vnode=t,r)for(a in i)r[a]||o.addEventListener(a,l,!1);else for(a in i)o.addEventListener(a,l,!1)}}}var As={create:Xt,update:Xt,destroy:Xt};var Eo=()=>fs([ms,vs,ws,_s,As]),Qt=Eo;function Ss(e,t,r){if(e.ns="http://www.w3.org/2000/svg",r!=="foreignObject"&&t!==void 0)for(let s=0;s<t.length;++s){let n=t[s];if(typeof n=="string")continue;let i=n.data;i!==void 0&&Ss(i,n.children,n.sel)}}function Zt(e,t,r){let s={},n,i,o;if(r!==void 0?(t!==null&&(s=t),we(r)?n=r:xe(r)?i=r.toString():r&&r.sel&&(n=[r])):t!=null&&(we(t)?n=t:xe(t)?i=t.toString():t&&t.sel?n=[t]:s=t),n!==void 0)for(o=0;o<n.length;++o)xe(n[o])&&(n[o]=ue(void 0,void 0,void 0,n[o],void 0));return e.startsWith("svg")&&(e.length===3||e[3]==="."||e[3]==="#")&&Ss(s,n,e),ue(e,s,n,i,void 0)}var _o={},$s={components:_o},Cs=Qt();var He={components:{breadcrumb:{handlers:at,store:ot,view:vr},dropdownMenu:{handlers:lt,store:pt,view:br},form:{handlers:ct,store:gt,view:Nr},navbar:{handlers:vt,store:bt,view:Vr},pageOutline:{handlers:wt,store:xt,view:Pr},popoverInput:{handlers:Et,store:_t,view:jr},select:{handlers:kt,store:At,view:Dr},sidebar:{handlers:St,store:Ct,view:Br},sliderInput:{handlers:It,store:Ot,view:Wr},table:{handlers:Tt,store:Lt,view:Mr},tabs:{handlers:Nt,store:Vt,view:Kr},waveform:{handlers:Rt,store:Pt,view:zr}}};Object.keys(He).forEach(e=>{Object.keys(He[e]).forEach(t=>{let r=Yt({...He[e][t],patch:Cs,h:Zt},$s[e]);customElements.define(He[e][t].view.elementName,r)})});customElements.define("rtgl-button",sr({}));customElements.define("rtgl-view",ar({}));customElements.define("rtgl-text",lr({}));customElements.define("rtgl-image",pr({}));customElements.define("rtgl-svg",ur({}));customElements.define("rtgl-input",hr({}));customElements.define("rtgl-textarea",dr({}));customElements.define("rtgl-color-picker",fr({}));customElements.define("rtgl-slider",yr({}));customElements.define("rtgl-dialog",mr({}));customElements.define("rtgl-popover",gr({}));})();
+    `);let r=[t];if(this.cssText){let n=new CSSStyleSheet;n.replaceSync(this.cssText),r.push(n)}this.shadow.adoptedStyleSheets=r,this.renderTarget=document.createElement("div"),this.renderTarget.style.cssText="display: contents;",this.shadow.appendChild(this.renderTarget),this.transformedHandlers={},this.renderTarget.parentNode||this.appendChild(this.renderTarget),this.style.display="contents";let s={...this.deps,refIds:this.refIds,getRefIds:()=>this.refIds,dispatchEvent:this.dispatchEvent.bind(this)};if(Object.keys(this.handlers||{}).forEach(n=>{this.transformedHandlers[n]=i=>this.handlers[n](i,s)}),this.handlers?.handleBeforeMount&&(this._unmountCallback=this.handlers?.handleBeforeMount(s),this._unmountCallback&&typeof this._unmountCallback.then=="function"))throw new Error("handleBeforeMount must be synchronous and cannot return a Promise.");this.render(),this.handlers?.handleAfterMount&&this.handlers?.handleAfterMount(s),this.handlers?.subscriptions&&(this.unsubscribeAll=Fa(this.handlers.subscriptions(s)))}disconnectedCallback(){this._unmountCallback&&this._unmountCallback(),this.unsubscribeAll&&this.unsubscribeAll()}attributeChangedCallback(t,r,s){if(r!==s&&this.render)if(this.handlers?.handleOnUpdate){let n={oldAttrs:{[t]:r},newAttrs:{[t]:s}},i={...this.deps,refIds:this.refIds,getRefIds:()=>this.refIds,dispatchEvent:this.dispatchEvent.bind(this),store:this.store,render:this.render.bind(this)};this.handlers.handleOnUpdate(n,i)}else requestAnimationFrame(()=>{this.render()})}render=()=>{if(!this.patch){console.error("Patch function is not defined!");return}if(!this.template){console.error("Template is not defined!");return}try{let t={...this.deps,refIds:this.refIds,getRefIds:()=>this.refIds,dispatchEvent:this.dispatchEvent.bind(this),store:this.store,render:this.render.bind(this)},r=cs({h:this.h,template:this.template,viewData:this.viewData,refs:this.refs,handlers:this.transformedHandlers}),s={},n=i=>{i.data?.attrs&&i.data.attrs.id&&(s[i.data.attrs.id]=i),i.children&&i.children.forEach(n)};n(r),this.refIds=s,this._oldVNode?this._oldVNode=this.patch(this._oldVNode,r):this._oldVNode=this.patch(this.renderTarget,r)}catch(t){console.error("Error during patching:",t)}}},Ha=(e,t,r)=>{let{INITIAL_STATE:s,toViewData:n,...i}=e,o={},a={},l=structuredClone(s);return Object.entries(i).forEach(([p,u])=>{p.startsWith("select")?o[p]=(...c)=>u({state:l,props:t,attrs:r},...c):a[p]=c=>(l=rs(l,d=>u(d,c)),l)}),{toViewData:()=>n({state:l,props:t,attrs:r}),getState:()=>l,...a,...o}},Ja=({handlers:e,view:t,store:r,patch:s,h:n},i)=>{let{elementName:o,propsSchema:a,attrsSchema:l,template:p,refs:u,styles:c}=t;if(!s)throw new Error("Patch is not defined");if(!n)throw new Error("h is not defined");if(!t)throw new Error("view is not defined");class d extends qt{static get observedAttributes(){let h=["key"],f=l?.properties?Object.keys(l.properties):[];return[...h,...f]}constructor(){super();let h=Ka(this);this.propsSchema=a,this.props=a?Ua(this,Object.keys(a.properties)):{},this.elementName=o,this.styles=c,this.store=Ha(r,this.props,h),this.template=p,this.handlers=e,this.refs=u,this.patch=s,this.deps={...i,store:this.store,render:this.render,handlers:e,attrs:h,props:this.props},this.h=n,this.cssText=Ma(o,c)}}return d},Yt=Ja;function ue(e,t,r,s,n){let i=t===void 0?void 0:t.key;return{sel:e,data:t,children:r,text:s,elm:n,key:i}}var we=Array.isArray;function xe(e){return typeof e=="string"||typeof e=="number"||e instanceof String||e instanceof Number}function qa(e,t){return document.createElement(e,t)}function Ya(e,t,r){return document.createElementNS(e,t,r)}function Ga(){return he(document.createDocumentFragment())}function Xa(e){return document.createTextNode(e)}function Qa(e){return document.createComment(e)}function Za(e,t,r){if(ne(e)){let s=e;for(;s&&ne(s);)s=he(s).parent;e=s??e}ne(t)&&(t=he(t,e)),r&&ne(r)&&(r=he(r).firstChildNode),e.insertBefore(t,r)}function eo(e,t){e.removeChild(t)}function to(e,t){ne(t)&&(t=he(t,e)),e.appendChild(t)}function hs(e){if(ne(e)){for(;e&&ne(e);)e=he(e).parent;return e??null}return e.parentNode}function ro(e){var t;if(ne(e)){let r=he(e),s=hs(r);if(s&&r.lastChildNode){let n=Array.from(s.childNodes),i=n.indexOf(r.lastChildNode);return(t=n[i+1])!==null&&t!==void 0?t:null}return null}return e.nextSibling}function so(e){return e.tagName}function io(e,t){e.textContent=t}function no(e){return e.textContent}function ao(e){return e.nodeType===1}function oo(e){return e.nodeType===3}function lo(e){return e.nodeType===8}function ne(e){return e.nodeType===11}function he(e,t){var r,s,n;let i=e;return(r=i.parent)!==null&&r!==void 0||(i.parent=t??null),(s=i.firstChildNode)!==null&&s!==void 0||(i.firstChildNode=e.firstChild),(n=i.lastChildNode)!==null&&n!==void 0||(i.lastChildNode=e.lastChild),i}var ds={createElement:qa,createElementNS:Ya,createTextNode:Xa,createDocumentFragment:Ga,createComment:Qa,insertBefore:Za,removeChild:eo,appendChild:to,parentNode:hs,nextSibling:ro,tagName:so,setTextContent:io,getTextContent:no,isElement:ao,isText:oo,isComment:lo,isDocumentFragment:ne};function Ue(e){return e===void 0}function J(e){return e!==void 0}var Gt=ue("",{},[],void 0,void 0);function Ce(e,t){var r,s;let n=e.key===t.key,i=((r=e.data)===null||r===void 0?void 0:r.is)===((s=t.data)===null||s===void 0?void 0:s.is),o=e.sel===t.sel,a=!e.sel&&e.sel===t.sel?typeof e.text==typeof t.text:!0;return o&&n&&i&&a}function po(){throw new Error("The document fragment is not supported on this platform.")}function co(e,t){return e.isElement(t)}function uo(e,t){return e.isDocumentFragment(t)}function ho(e,t,r){var s;let n={};for(let i=t;i<=r;++i){let o=(s=e[i])===null||s===void 0?void 0:s.key;o!==void 0&&(n[o]=i)}return n}var fo=["create","update","remove","destroy","pre","post"];function fs(e,t,r){let s={create:[],update:[],remove:[],destroy:[],pre:[],post:[]},n=t!==void 0?t:ds;for(let h of fo)for(let f of e){let m=f[h];m!==void 0&&s[h].push(m)}function i(h){let f=h.id?"#"+h.id:"",m=h.getAttribute("class"),v=m?"."+m.split(" ").join("."):"";return ue(n.tagName(h).toLowerCase()+f+v,{},[],void 0,h)}function o(h){return ue(void 0,{},[],void 0,h)}function a(h,f){return function(){if(--f===0){let v=n.parentNode(h);v!==null&&n.removeChild(v,h)}}}function l(h,f){var m,v,b,w;let E,A=h.data;if(A!==void 0){let S=(m=A.hook)===null||m===void 0?void 0:m.init;J(S)&&(S(h),A=h.data)}let k=h.children,C=h.sel;if(C==="!")Ue(h.text)&&(h.text=""),h.elm=n.createComment(h.text);else if(C==="")h.elm=n.createTextNode(h.text);else if(C!==void 0){let S=C.indexOf("#"),L=C.indexOf(".",S),V=S>0?S:C.length,$=L>0?L:C.length,_=S!==-1||L!==-1?C.slice(0,Math.min(V,$)):C,R=h.elm=J(A)&&J(E=A.ns)?n.createElementNS(E,_,A):n.createElement(_,A);for(V<$&&R.setAttribute("id",C.slice(V+1,$)),L>0&&R.setAttribute("class",C.slice($+1).replace(/\./g," ")),E=0;E<s.create.length;++E)s.create[E](Gt,h);if(xe(h.text)&&(!we(k)||k.length===0)&&n.appendChild(R,n.createTextNode(h.text)),we(k))for(E=0;E<k.length;++E){let F=k[E];F!=null&&n.appendChild(R,l(F,f))}let W=h.data.hook;J(W)&&((v=W.create)===null||v===void 0||v.call(W,Gt,h),W.insert&&f.push(h))}else if(!((b=r?.experimental)===null||b===void 0)&&b.fragments&&h.children){for(h.elm=((w=n.createDocumentFragment)!==null&&w!==void 0?w:po)(),E=0;E<s.create.length;++E)s.create[E](Gt,h);for(E=0;E<h.children.length;++E){let S=h.children[E];S!=null&&n.appendChild(h.elm,l(S,f))}}else h.elm=n.createTextNode(h.text);return h.elm}function p(h,f,m,v,b,w){for(;v<=b;++v){let E=m[v];E!=null&&n.insertBefore(h,l(E,w),f)}}function u(h){var f,m;let v=h.data;if(v!==void 0){(m=(f=v?.hook)===null||f===void 0?void 0:f.destroy)===null||m===void 0||m.call(f,h);for(let b=0;b<s.destroy.length;++b)s.destroy[b](h);if(h.children!==void 0)for(let b=0;b<h.children.length;++b){let w=h.children[b];w!=null&&typeof w!="string"&&u(w)}}}function c(h,f,m,v){for(var b,w;m<=v;++m){let E,A,k=f[m];if(k!=null)if(J(k.sel)){u(k),E=s.remove.length+1,A=a(k.elm,E);for(let S=0;S<s.remove.length;++S)s.remove[S](k,A);let C=(w=(b=k?.data)===null||b===void 0?void 0:b.hook)===null||w===void 0?void 0:w.remove;J(C)?C(k,A):A()}else k.children?(u(k),c(h,k.children,0,k.children.length-1)):n.removeChild(h,k.elm)}}function d(h,f,m,v){let b=0,w=0,E=f.length-1,A=f[0],k=f[E],C=m.length-1,S=m[0],L=m[C],V,$,_,R;for(;b<=E&&w<=C;)A==null?A=f[++b]:k==null?k=f[--E]:S==null?S=m[++w]:L==null?L=m[--C]:Ce(A,S)?(y(A,S,v),A=f[++b],S=m[++w]):Ce(k,L)?(y(k,L,v),k=f[--E],L=m[--C]):Ce(A,L)?(y(A,L,v),n.insertBefore(h,A.elm,n.nextSibling(k.elm)),A=f[++b],L=m[--C]):Ce(k,S)?(y(k,S,v),n.insertBefore(h,k.elm,A.elm),k=f[--E],S=m[++w]):(V===void 0&&(V=ho(f,b,E)),$=V[S.key],Ue($)?(n.insertBefore(h,l(S,v),A.elm),S=m[++w]):Ue(V[L.key])?(n.insertBefore(h,l(L,v),n.nextSibling(k.elm)),L=m[--C]):(_=f[$],_.sel!==S.sel?n.insertBefore(h,l(S,v),A.elm):(y(_,S,v),f[$]=void 0,n.insertBefore(h,_.elm,A.elm)),S=m[++w]));w<=C&&(R=m[C+1]==null?null:m[C+1].elm,p(h,R,m,w,C,v)),b<=E&&c(h,f,b,E)}function y(h,f,m){var v,b,w,E,A,k,C,S;let L=(v=f.data)===null||v===void 0?void 0:v.hook;(b=L?.prepatch)===null||b===void 0||b.call(L,h,f);let V=f.elm=h.elm;if(h===f)return;if(f.data!==void 0||J(f.text)&&f.text!==h.text){(w=f.data)!==null&&w!==void 0||(f.data={}),(E=h.data)!==null&&E!==void 0||(h.data={});for(let R=0;R<s.update.length;++R)s.update[R](h,f);(C=(k=(A=f.data)===null||A===void 0?void 0:A.hook)===null||k===void 0?void 0:k.update)===null||C===void 0||C.call(k,h,f)}let $=h.children,_=f.children;Ue(f.text)?J($)&&J(_)?$!==_&&d(V,$,_,m):J(_)?(J(h.text)&&n.setTextContent(V,""),p(V,null,_,0,_.length-1,m)):J($)?c(V,$,0,$.length-1):J(h.text)&&n.setTextContent(V,""):h.text!==f.text&&(J($)&&c(V,$,0,$.length-1),n.setTextContent(V,f.text)),(S=L?.postpatch)===null||S===void 0||S.call(L,h,f)}return function(f,m){let v,b,w,E=[];for(v=0;v<s.pre.length;++v)s.pre[v]();for(co(n,f)?f=i(f):uo(n,f)&&(f=o(f)),Ce(f,m)?y(f,m,E):(b=f.elm,w=n.parentNode(b),l(m,E),w!==null&&(n.insertBefore(w,m.elm,n.nextSibling(b)),c(w,[f],0,0))),v=0;v<E.length;++v)E[v].data.hook.insert(E[v]);for(v=0;v<s.post.length;++v)s.post[v]();return m}}function ys(e,t){let r,s,n=t.elm,i=e.data.class,o=t.data.class;if(!(!i&&!o)&&i!==o){i=i||{},o=o||{};for(s in i)i[s]&&!Object.prototype.hasOwnProperty.call(o,s)&&n.classList.remove(s);for(s in o)r=o[s],r!==i[s]&&n.classList[r?"add":"remove"](s)}}var ms={create:ys,update:ys};function gs(e,t){let r,s,n,i=t.elm,o=e.data.props,a=t.data.props;if(!(!o&&!a)&&o!==a){o=o||{},a=a||{};for(r in a)s=a[r],n=o[r],n!==s&&(r!=="value"||i[r]!==s)&&(i[r]=s)}}var vs={create:gs,update:gs};var yo="http://www.w3.org/1999/xlink",mo="http://www.w3.org/2000/xmlns/",go="http://www.w3.org/XML/1998/namespace";function bs(e,t){let r,s=t.elm,n=e.data.attrs,i=t.data.attrs;if(!(!n&&!i)&&n!==i){n=n||{},i=i||{};for(r in i){let o=i[r];n[r]!==o&&(o===!0?s.setAttribute(r,""):o===!1?s.removeAttribute(r):r.charCodeAt(0)!==120?s.setAttribute(r,o):r.charCodeAt(3)===58?s.setAttributeNS(go,r,o):r.charCodeAt(5)===58?r.charCodeAt(1)===109?s.setAttributeNS(mo,r,o):s.setAttributeNS(yo,r,o):s.setAttribute(r,o))}for(r in n)r in i||s.removeAttribute(r)}}var ws={create:bs,update:bs};var xs=typeof window?.requestAnimationFrame=="function"?window.requestAnimationFrame.bind(window):setTimeout,vo=function(e){xs(function(){xs(e)})},Xt=!1;function bo(e,t,r){vo(function(){e[t]=r})}function Es(e,t){let r,s,n=t.elm,i=e.data.style,o=t.data.style;if(!i&&!o||i===o)return;i=i||{},o=o||{};let a="delayed"in i;for(s in i)s in o||(s[0]==="-"&&s[1]==="-"?n.style.removeProperty(s):n.style[s]="");for(s in o)if(r=o[s],s==="delayed"&&o.delayed)for(let l in o.delayed)r=o.delayed[l],(!a||r!==i.delayed[l])&&bo(n.style,l,r);else s!=="remove"&&r!==i[s]&&(s[0]==="-"&&s[1]==="-"?n.style.setProperty(s,r):n.style[s]=r)}function wo(e){let t,r,s=e.elm,n=e.data.style;if(!(!n||!(t=n.destroy)))for(r in t)s.style[r]=t[r]}function xo(e,t){let r=e.data.style;if(!r||!r.remove){t();return}Xt||(e.elm.offsetLeft,Xt=!0);let s,n=e.elm,i=0,o=r.remove,a=0,l=[];for(s in o)l.push(s),n.style[s]=o[s];let u=getComputedStyle(n)["transition-property"].split(", ");for(;i<u.length;++i)l.indexOf(u[i])!==-1&&a++;n.addEventListener("transitionend",function(c){c.target===n&&--a,a===0&&t()})}function Eo(){Xt=!1}var ks={pre:Eo,create:Es,update:Es,destroy:wo,remove:xo};function _s(e,t,r){if(typeof e=="function")e.call(t,r,t);else if(typeof e=="object")for(let s=0;s<e.length;s++)_s(e[s],t,r)}function ko(e,t){let r=e.type,s=t.data.on;s&&s[r]&&_s(s[r],t,e)}function _o(){return function e(t){ko(t,e.vnode)}}function Qt(e,t){let r=e.data.on,s=e.listener,n=e.elm,i=t&&t.data.on,o=t&&t.elm,a;if(r!==i){if(r&&s)if(i)for(a in r)i[a]||n.removeEventListener(a,s,!1);else for(a in r)n.removeEventListener(a,s,!1);if(i){let l=t.listener=e.listener||_o();if(l.vnode=t,r)for(a in i)r[a]||o.addEventListener(a,l,!1);else for(a in i)o.addEventListener(a,l,!1)}}}var As={create:Qt,update:Qt,destroy:Qt};var Ao=()=>fs([ms,vs,ws,ks,As]),Zt=Ao;function Ss(e,t,r){if(e.ns="http://www.w3.org/2000/svg",r!=="foreignObject"&&t!==void 0)for(let s=0;s<t.length;++s){let n=t[s];if(typeof n=="string")continue;let i=n.data;i!==void 0&&Ss(i,n.children,n.sel)}}function er(e,t,r){let s={},n,i,o;if(r!==void 0?(t!==null&&(s=t),we(r)?n=r:xe(r)?i=r.toString():r&&r.sel&&(n=[r])):t!=null&&(we(t)?n=t:xe(t)?i=t.toString():t&&t.sel?n=[t]:s=t),n!==void 0)for(o=0;o<n.length;++o)xe(n[o])&&(n[o]=ue(void 0,void 0,void 0,n[o],void 0));return e.startsWith("svg")&&(e.length===3||e[3]==="."||e[3]==="#")&&Ss(s,n,e),ue(e,s,n,i,void 0)}var So={},$s={components:So},Cs=Zt();var He={components:{breadcrumb:{handlers:at,store:ot,view:br},dropdownMenu:{handlers:lt,store:pt,view:wr},form:{handlers:ct,store:vt,view:Nr},navbar:{handlers:bt,store:wt,view:Vr},pageOutline:{handlers:xt,store:Et,view:Pr},popoverInput:{handlers:kt,store:_t,view:jr},select:{handlers:At,store:St,view:Dr},sidebar:{handlers:$t,store:It,view:Br},sliderInput:{handlers:Ot,store:Tt,view:Wr},table:{handlers:Lt,store:Nt,view:zr},tabs:{handlers:Vt,store:Rt,view:Mr},waveform:{handlers:Pt,store:jt,view:Kr}}};Object.keys(He).forEach(e=>{Object.keys(He[e]).forEach(t=>{let r=Yt({...He[e][t],patch:Cs,h:er},$s[e]);customElements.define(He[e][t].view.elementName,r)})});customElements.define("rtgl-button",ir({}));customElements.define("rtgl-view",or({}));customElements.define("rtgl-text",pr({}));customElements.define("rtgl-image",cr({}));customElements.define("rtgl-svg",hr({}));customElements.define("rtgl-input",dr({}));customElements.define("rtgl-textarea",fr({}));customElements.define("rtgl-color-picker",yr({}));customElements.define("rtgl-slider",mr({}));customElements.define("rtgl-dialog",gr({}));customElements.define("rtgl-popover",vr({}));})();