@rettangoli/ui 0.1.30 → 0.1.32-rc1

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

@@ -1,64 +1,38 @@
-var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(t[o]||"")}),i}var pt=["xs","sm","md","lg","xl"],U={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"},v=Object.keys(U),y=s=>s.concat(pt.flatMap(t=>s.map(i=>`${t}-${i}`))),K={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)"},w=(s,t={})=>{let i="";for(let[n,o]of Object.entries(K)){n!=="default"&&(i+=`${o} {`);for(let[e,l]of Object.entries(s)){let a=t[e]?` ${t[e]} `:" ";for(let[r,h]of Object.entries(l)){let p=U[e],m=h.startsWith("--")?`var(${h})`:h,b=n==="default"?e:`${n}-${e}`,A=n==="default"?`h-${e}`:`${n}-h-${e}`;if(p){let O=p.split(" ").map(k=>`${k}: ${m};`).join(" ");i+=`
-            :host([${b}="${r}"])${a}{
-              ${O}
+var rettangoli=(()=>{var z=`
+  :host([href]) {
+    cursor: pointer;
+    position: relative;
+  }
+
+  :host([href]) a {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+  }
+`,O=({linkElement:i,href:t,target:e,rel:s})=>{i.href=t,e!=null?i.target=e:i.removeAttribute("target"),s!=null?i.rel=s:e==="_blank"?i.rel="noopener noreferrer":i.removeAttribute("rel")},M=({shadowRoot:i,slotElement:t,linkElement:e,href:s,target:n,rel:r})=>{if(t.parentNode!==i&&i.appendChild(t),!s)return e&&e.parentNode===i&&i.removeChild(e),null;let o=e||document.createElement("a");return O({linkElement:o,href:s,target:n,rel:r}),o.parentNode!==i&&i.appendChild(o),o},V=({shadowRoot:i,childElement:t,linkElement:e,href:s,target:n,rel:r})=>{if(!s)return e?(t.parentNode===e&&i.appendChild(t),e.parentNode===i&&i.removeChild(e),null):(t.parentNode!==i&&i.appendChild(t),null);let o=e||document.createElement("a");return O({linkElement:o,href:s,target:n,rel:r}),t.parentNode!==o&&o.appendChild(t),o.parentNode!==i&&i.appendChild(o),o};var x=["default","sm","md","lg","xl"],f=()=>x.reduce((i,t)=>(i[t]={},i),{});var xt=/^([1-9]|1[0-2])fg$/,j=i=>typeof i=="string"&&xt.test(i),b=({styleBucket:i,axis:t,dimension:e,fillValue:s,allowFlexGrow:n=!1,lockBounds:r=!0})=>{if(e!==void 0){if(e==="f"){i[t]=s;return}if(n&&j(e)){i["flex-grow"]=e.slice(0,-2),i["flex-basis"]="0%";return}i[t]=e,r&&(i[`min-${t}`]=e,i[`max-${t}`]=e)}},N=({style:i,width:t,fillValue:e="var(--width-stretch)",allowFlexGrow:s=!0,flexMinWidth:n="0"})=>{if(t==="f"){i.width=e,i.flexGrow="",i.flexBasis="",i.minWidth="";return}if(s&&j(t)){i.width="",i.flexGrow=t.slice(0,-2),i.flexBasis="0%",i.minWidth=n;return}if(t!=null){i.width=t,i.flexGrow="",i.flexBasis="",i.minWidth="";return}i.width="",i.flexGrow="",i.flexBasis="",i.minWidth=""};function c(i,...t){let e="";return i.forEach((s,n)=>{e+=s+(t[n]||"")}),e}var St=["sm","md","lg","xl"],Z={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",cur:"cursor"},S=Object.keys(Z),_=i=>i.concat(St.flatMap(t=>i.map(e=>`${t}-${e}`))),tt={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)"},v=(i,t={},e=null)=>{let s="";for(let[n,r]of Object.entries(tt)){n!=="default"&&(s+=`${r} {`);for(let[o,l]of Object.entries(i)){let a=t[o]?` ${t[o]} `:" ";for(let[d,p]of Object.entries(l)){let g=Z[o],E=p.startsWith("--")?`var(${p})`:p,D=n==="default"?o:`${n}-${o}`,T=n==="default"?`h-${o}`:`${n}-h-${o}`,A=I=>{let k=`:host([${I}="${d}"])`;return e?e.split(",").map(C=>`${k} ${C.trim()}`).join(", "):k+a};if(g){let k=g.split(" ").map(C=>`${C}: ${E};`).join(" ");s+=`
+            ${A(D)}{
+              ${k}
             }
-            :host([${A}="${r}"]:hover)${a}{
-              ${O}
+            ${A(T)}:hover{
+              ${k}
             }
-          `}else i+=`
-            :host([${b}="${r}"])${a}{
-              ${h}
+          `}else s+=`
+            ${A(D)}{
+              ${p}
             }
-            :host([${A}="${r}"]:hover)${a}{
-              ${h}
+            ${A(T)}:hover{
+              ${p}
             }
-          `}}n!=="default"&&(i+="}")}return i};function ut(s){if(s===null||s.includes("/"))return!1;let t=String(s);return/[0-9]$/.test(t)}var mt=s=>/%$/.test(s),u=s=>{if(s!==void 0)return mt(s)?s:ut(s)?`${s}px`:Object.keys(c).includes(s)?`var(${c[s]})`:s},c={xs:"--spacing-xs",sm:"--spacing-sm",md:"--spacing-md",lg:"--spacing-lg",xl:"--spacing-xl"};function _(s,t=":host"){let i="",n=["default","xl","lg","md","sm"];for(let o of n){let e=K[o];if(!s[o]||Object.keys(s[o]).length===0)continue;o!=="default"&&(i+=`${e} {
-`);let l="";for(let[a,r]of Object.entries(s[o]))r!=null&&(l+=`${a}: ${r} !important;
-`);i+=`${t} {
-    ${l.trim()}
+          `}}n!=="default"&&(s+="}")}return s};function Et(i){if(i===null||i.includes("/"))return!1;let t=String(i);return/[0-9]$/.test(t)}var At=i=>/%$/.test(i),kt=i=>/^([1-9]|1[0-2])fg$/.test(i),u=i=>{if(i!==void 0)return kt(i)||At(i)?i:Et(i)?`${i}px`:Object.keys(h).includes(i)?`var(${h[i]})`:i},h={xs:"--spacing-xs",sm:"--spacing-sm",md:"--spacing-md",lg:"--spacing-lg",xl:"--spacing-xl"};function w(i,t=":host"){let e="",s=["default","xl","lg","md","sm"];for(let n of s){let r=tt[n];if(!i[n]||Object.keys(i[n]).length===0)continue;n!=="default"&&(e+=`${r} {
+`);let o="";for(let[l,a]of Object.entries(i[n]))a!=null&&(o+=`${l}: ${a} !important;
+`);e+=`${t} {
+    ${o.trim()}
     }
-`,o!=="default"&&(i+=`}
-`)}return i}var x=d`
-:host([flex="0"]) {
-  flex: 0;
-}
-:host([flex="1"]) {
-  flex: 1;
-}
-:host([flex="2"]) {
-  flex: 2;
-}
-:host([flex="3"]) {
-  flex: 3;
-}
-:host([flex="4"]) {
-  flex: 4;
-}
-:host([flex="5"]) {
-  flex: 5;
-}
-:host([flex="6"]) {
-  flex: 6;
-}
-:host([flex="7"]) {
-  flex: 7;
-}
-:host([flex="8"]) {
-  flex: 8;
-}
-:host([flex="9"]) {
-  flex: 9;
-}
-:host([flex="10"]) {
-  flex: 10;
-}
-:host([flex="11"]) {
-  flex: 11;
-}
-:host([flex="12"]) {
-  flex: 12;
-}
-`;var gt={mt:c,mr:c,mb:c,ml:c,m:c,mh:c,mv:c,s:{sm:`
+`,n!=="default"&&(e+=`}
+`)}return e}var Ct={mt:h,mr:h,mb:h,ml:h,m:h,mh:h,mv:h,s:{sm:`
     height: 28px;
     padding-left: 12px;
     padding-right: 12px;
@@ -107,7 +81,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
     `,lk:`
       background-color: transparent;
       color: var(--foreground);
-    `}},ft={mt:"button",mr:"button",mb:"button",ml:"button",m:"button",mh:"button",mv:"button",s:"button",v:"button"},R=w(gt,ft);var S=d`
+    `}},et=v(Ct,{},".surface");var $=c`
   a, a:link, a:visited, a:hover, a:active {
     color: inherit;
     text-decoration: none;
@@ -117,7 +91,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
     margin: 0;
     font: inherit;
   }
-`;var D=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+`;var P=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: contents;
         }
@@ -125,7 +99,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           display: contents;
         }
 
-        button {
+        .surface {
           display: flex;
           flex-direction: row;
           align-items: center;
@@ -149,7 +123,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           color: var(--primary-foreground);
         }
 
-        button:hover {
+        .surface:hover {
           cursor: pointer;
           background-color: color-mix(
             in srgb,
@@ -158,11 +132,11 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           );
         }
 
-        button:disabled {
+        :host([disabled]) .surface {
           cursor: not-allowed;
         }
 
-        button:active {
+        .surface:active {
           cursor: pointer;
           background-color: color-mix(
             in srgb,
@@ -171,7 +145,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           );
         }
 
-        :host([v="pr"]) button:hover {
+        :host([v="pr"]) .surface:hover {
           background-color: color-mix(
               in srgb,
               var(--primary) 85%,
@@ -179,7 +153,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
             );
         }
 
-        :host([v="pr"]) button:active {
+        :host([v="pr"]) .surface:active {
           background-color: color-mix(
               in srgb,
               var(--primary) 80%,
@@ -187,7 +161,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
             );
         }
 
-        :host([v="se"]) button:hover {
+        :host([v="se"]) .surface:hover {
           background-color: color-mix(
               in srgb,
               var(--secondary) 85%,
@@ -195,7 +169,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
             );
         }
 
-        :host([v="se"]) button:active {
+        :host([v="se"]) .surface:active {
           background-color: color-mix(
               in srgb,
               var(--secondary) 80%,
@@ -203,7 +177,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
             );
         }
 
-        :host([v="de"]) button:hover {
+        :host([v="de"]) .surface:hover {
           background-color: color-mix(
               in srgb,
               var(--destructive) 85%,
@@ -211,7 +185,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
             );
         }
 
-        :host([v="de"]) button:active {
+        :host([v="de"]) .surface:active {
           background-color: color-mix(
               in srgb,
               var(--destructive) 80%,
@@ -219,49 +193,48 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
             );
         }
 
-        :host([v="ol"]) button:hover {
+        :host([v="ol"]) .surface:hover {
           background-color: var(--accent);
         }
 
-        :host([v="gh"]) button:hover {
+        :host([v="gh"]) .surface:hover {
           background-color: var(--accent);
         }
 
-        :host([v="lk"]) button:hover {
+        :host([v="lk"]) .surface:hover {
           text-decoration: underline;
         }
 
         /* Square button styles */
-        :host([sq]) button {
+        :host([sq]) .surface {
           width: 32px;
           height: 32px;
           padding: 0;
           gap: 0;
         }
 
-        :host([sq][s="sm"]) button {
+        :host([sq][s="sm"]) .surface {
           width: 24px;
           height: 24px;
           padding: 0;
           gap: 0;
         }
 
-        :host([sq][s="lg"]) button {
+        :host([sq][s="lg"]) .surface {
           width: 40px;
           height: 40px;
           padding: 0;
           gap: 0;
         }
 
-        ${S}
-        
-        a {
-          display: contents;
+        .surface rtgl-svg {
+          color: inherit;
         }
 
-        ${R}
-        ${x}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.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","icon","disabled","v","s","sq","ip"]}connectedCallback(){this._updateButton()}attributeChangedCallback(t,i,n){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 i=this.getAttribute("href");if(i){let n=document.createElement("a");n.setAttribute("href",i);let o=this.getAttribute("target");o&&n.setAttribute("target",o),n.appendChild(this._buttonElement),this.shadow.appendChild(n),this._containerElement=n}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 i={pr:"pr-fg",se:"ac-fg",de:"pr-fg",ol:"ac-fg",gh:"ac-fg",lk:"ac-fg"},n={sm:14,md:18,lg:22},o=i[this.getAttribute("v")]||"pr-fg",e=18;if(this.hasAttribute("sq")){let a={sm:14,lg:22},r=this.getAttribute("s");e=a[r]||18}else e=n[this.getAttribute("s")]||18;this._iconElement=document.createElement("rtgl-svg"),this._iconElement.setAttribute("svg",t),this._iconElement.setAttribute("c",o),this._iconElement.setAttribute("wh",e.toString()),this.getAttribute("ip")==="s"?this._buttonElement.insertBefore(this._iconElement,this._slotElement):this._buttonElement.appendChild(this._iconElement)}}_updateWidth(){let t=u(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="")}getBoundingClientRect(){return this._buttonElement?this._buttonElement.getBoundingClientRect():super.getBoundingClientRect()}},G=({render:s,html:t})=>D;var Q=d`
+        ${$}
+
+        ${et}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._containerElement=null,this._surfaceElement=document.createElement("button"),this._slotElement=document.createElement("slot"),this._prefixIcon=null,this._suffixIcon=null,this._surfaceElement.className="surface",this._surfaceElement.appendChild(this._slotElement)}static get observedAttributes(){return["key","href","target","rel","w","pre","suf","disabled","v","s","sq"]}connectedCallback(){this._updateButton()}attributeChangedCallback(t,e,s){this._updateButton()}_updateButton(){this.shadow.innerHTML="";let t=this.hasAttribute("disabled"),e=this.getAttribute("href"),s=this.getAttribute("target"),n=this.getAttribute("rel"),r=e&&!t,o=r?"a":"button";if(this._surfaceElement.tagName.toLowerCase()!==o){let l=document.createElement(o);l.className="surface",l.appendChild(this._slotElement),this._surfaceElement=l}this._updateIcon(),this.hasAttribute("sq")?(this._surfaceElement.style.width="",this._surfaceElement.style.minWidth="",this._surfaceElement.style.maxWidth=""):this._updateWidth(),r?(O({linkElement:this._surfaceElement,href:e,target:s,rel:n}),this._surfaceElement.removeAttribute("disabled")):(this._surfaceElement.removeAttribute("href"),this._surfaceElement.removeAttribute("target"),this._surfaceElement.removeAttribute("rel"),t?this._surfaceElement.setAttribute("disabled",""):this._surfaceElement.removeAttribute("disabled")),this.shadow.appendChild(this._surfaceElement),this._containerElement=this._surfaceElement}_updateIcon(){this._prefixIcon&&(this._prefixIcon.remove(),this._prefixIcon=null),this._suffixIcon&&(this._suffixIcon.remove(),this._suffixIcon=null);let t={sm:14,md:18,lg:22},e=18;if(this.hasAttribute("sq")){let r={sm:14,lg:22},o=this.getAttribute("s");e=r[o]||18}else e=t[this.getAttribute("s")]||18;let s=this.getAttribute("pre");s&&(this._prefixIcon=document.createElement("rtgl-svg"),this._prefixIcon.setAttribute("svg",s),this._prefixIcon.setAttribute("wh",e.toString()),this._prefixIcon.style.color="inherit",this._surfaceElement.insertBefore(this._prefixIcon,this._slotElement));let n=this.getAttribute("suf");n&&(this._suffixIcon=document.createElement("rtgl-svg"),this._suffixIcon.setAttribute("svg",n),this._suffixIcon.setAttribute("wh",e.toString()),this._suffixIcon.style.color="inherit",this._surfaceElement.appendChild(this._suffixIcon))}_updateWidth(){let t=u(this.getAttribute("w"));t==="f"?(this._surfaceElement.style.width="var(--width-stretch)",this._surfaceElement.style.minWidth="",this._surfaceElement.style.maxWidth=""):t!=null?(this._surfaceElement.style.width=t,this._surfaceElement.style.minWidth=t,this._surfaceElement.style.maxWidth=t):(this._surfaceElement.style.width="",this._surfaceElement.style.minWidth="",this._surfaceElement.style.maxWidth="")}getBoundingClientRect(){return this._surfaceElement?this._surfaceElement.getBoundingClientRect():super.getBoundingClientRect()}},it=({render:i,html:t})=>P;var st=c`
 
   :host([d="h"]) {
     flex-direction: row;
@@ -318,21 +291,21 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
   }
   
   @media screen and (max-width: 640px) {
-    :host([s-d="v"]) {
+    :host([sm-d="v"]) {
       flex-direction: column;
     }
-    :host([s-d="h"]) {
+    :host([sm-d="h"]) {
       flex-direction: row;
     }
-    :host([s-d="h"][s-av="c"]) {
+    :host([sm-d="h"][sm-av="c"]) {
       align-items: center;
       align-content: center;
     }
-    :host([s-d="v"][s-av="c"]) {
+    :host([sm-d="v"][sm-av="c"]) {
       justify-content: center;
     }
   }
-`;var bt={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"}},g=w(bt);var J=d`
+`;var $t={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"}},m=v($t);var nt=c`
 :host([sh]:not([sv])) {
     overflow-x: scroll;
     flex-wrap: nowrap;
@@ -354,7 +327,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
     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"},vt={bgc:{pr:`
+`;var L={xs:"--border-width-xs",sm:"--border-width-sm",md:"--border-width-md",lg:"--border-width-lg",xl:"--border-width-xl"},It={bgc:{pr:`
     background-color: var(--primary);
     `,se:`
     background-color: var(--secondary);
@@ -370,31 +343,31 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
     background-color: var(--accent);
     `,bo:`
     background-color: var(--border);
-    `},pos:{rel:"relative",abs:"absolute",fix:"fixed"},cor:{full:`
+    `},pos:{rel:"relative",abs:"absolute",fix:"fixed"},edge:{f:`
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         height: 100%;
-        `,top:`
+        `,t:`
         top: 0;
         right: 0;
         left: 0;
-        `,right:`
+        `,r:`
         top: 0;
         right: 0;
         bottom: 0;
         height: 100%;
-        `,bottom:`
+        `,b:`
         right: 0;
         bottom: 0;
         left: 0;
-        `,left:`
+        `,l:`
         bottom: 0;
         left: 0;
         top: 0;
         height: 100%;
-        `},shadow:{sm:"--shadow-sm",md:"--shadow-md",lg:"--shadow-lg"},pt:c,pr:c,pb:c,pl:c,p:c,ph:c,pv:c,g:c,gv:c,gh:c,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"}},C=w(vt);var yt={mt:c,mr:c,mb:c,ml:c,m:c,mh:c,mv:c},f=w(yt);var I=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+        `},shadow:{sm:"--shadow-sm",md:"--shadow-md",lg:"--shadow-lg"},pt:h,pr:h,pb:h,pl:h,p:h,ph:h,pv:h,g:h,gv:h,gh:h,bw:L,bwt:L,bwr:L,bwb:L,bwl:L,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"}},rt=v(It);var zt={mt:h,mr:h,mb:h,ml:h,m:h,mh:h,mv:h},y=v(zt);var H=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         slot {
           display: contents;
         }
@@ -409,32 +382,19 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           border-color: var(--border);
         }
 
-        :host([fw="w"]) {
+        :host([fw="wrap"]) {
           flex-wrap: wrap;
         }
 
-        ${x}
-        ${J}
-        ${Q}
-        ${f}
-        ${g}
-        ${C}
-        ${S}
-
-        :host([href]) {
-          cursor: pointer;
-          position: relative;
-        }
 
-        :host([href]) a {
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          z-index: 1;
-        }
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.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",...y([...v,"wh","w","h","hide","show","sh","sv","z","d","ah","av","flex","fw","overflow"])]}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),i=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,i?this._linkElement.target=i:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}connectedCallback(){this.updateStyles()}updateStyles(){this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let n=F=>`${i==="default"?"":`${i}-`}${F}`,o=this.getAttribute(n("wh")),e=u(o===null?this.getAttribute(n("w")):o),l=u(o===null?this.getAttribute(n("h")):o),a=this.getAttribute(n("op")),r=this.getAttribute(n("z"));r!==null&&(this._styles[i]["z-index"]=r),a!==null&&(this._styles[i].opacity=a),e==="f"?this._styles[i].width="var(--width-stretch)":e!==void 0&&(this._styles[i].width=e,this._styles[i]["min-width"]=e,this._styles[i]["max-width"]=e),l==="f"?this._styles[i].height="100%":l!==void 0&&(this._styles[i].height=l,this._styles[i]["min-height"]=l,this._styles[i]["max-height"]=l),this.hasAttribute(n("hide"))&&(this._styles[i].display="none"),this.hasAttribute(n("show"))&&(this._styles[i].display="flex");let h=this.getAttribute(n("d")),p=this.getAttribute(n("ah")),m=this.getAttribute(n("av"));h==="h"?this._styles[i]["flex-direction"]="row":h==="v"?this._styles[i]["flex-direction"]="column":i==="default"&&!h&&["sm","md","lg","xl"].some(ct=>this.hasAttribute(`${ct}-d`))&&(this._styles[i]["flex-direction"]="column");let b=h==="h",A=h==="v"||!h;b&&(p==="c"?this._styles[i]["justify-content"]="center":p==="e"?this._styles[i]["justify-content"]="flex-end":p==="s"&&(this._styles[i]["justify-content"]="flex-start"),m==="c"?(this._styles[i]["align-items"]="center",this._styles[i]["align-content"]="center"):m==="e"?(this._styles[i]["align-items"]="flex-end",this._styles[i]["align-content"]="flex-end"):m==="s"&&(this._styles[i]["align-items"]="flex-start")),A&&(p!==null||m!==null)&&(p==="c"?this._styles[i]["align-items"]="center":p==="e"?this._styles[i]["align-items"]="flex-end":p==="s"&&(this._styles[i]["align-items"]="flex-start"),m==="c"?this._styles[i]["justify-content"]="center":m==="e"?this._styles[i]["justify-content"]="flex-end":m==="s"&&(this._styles[i]["justify-content"]="flex-start"));let M=this.getAttribute(n("flex"));M!==null&&(this._styles[i].flex=M),this.getAttribute(n("fw"))==="w"&&(this._styles[i]["flex-wrap"]="wrap");let k=this.hasAttribute(n("sh")),N=this.hasAttribute(n("sv")),dt=this.getAttribute(n("overflow"));k&&N?(this._styles[i].overflow="scroll",this._styles[i]["flex-wrap"]="nowrap"):k?(this._styles[i]["overflow-x"]="scroll",this._styles[i]["flex-wrap"]="nowrap"):N&&(this._styles[i]["overflow-y"]="scroll",this._styles[i]["flex-wrap"]="nowrap"),dt==="hidden"&&(this._styles[i].overflow="hidden",this._styles[i]["flex-wrap"]="nowrap")});let t=_(this._styles);t!==this._lastStyleString&&(this._styleElement.textContent=t,this._lastStyleString=t)}attributeChangedCallback(t,i,n){if(t==="href"||t==="target"){this._updateDOM();return}i!==n&&this.updateStyles()}},X=({render:s,html:t})=>I;var _t={ta:{s:"start",c:"center",e:"end",j:"justify"},s:{h1:`
+        ${nt}
+        ${st}
+        ${y}
+        ${m}
+        ${rt}
+        ${$}
+        ${z}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.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","rel",..._([...S,"op","wh","w","h","hide","show","sh","sv","z","d","ah","av","fw","overflow"])]}_styles=f();_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),e=this.getAttribute("target"),s=this.getAttribute("rel");this._linkElement=M({shadowRoot:this.shadow,slotElement:this._slotElement,linkElement:this._linkElement,href:t,target:e,rel:s})}connectedCallback(){this.updateStyles()}updateStyles(){this._styles=f(),x.forEach(e=>{let s=C=>`${e==="default"?"":`${e}-`}${C}`,n=this.getAttribute(s("wh")),r=u(n===null?this.getAttribute(s("w")):n),o=u(n===null?this.getAttribute(s("h")):n),l=this.getAttribute(s("op")),a=this.getAttribute(s("z"));a!==null&&(this._styles[e]["z-index"]=a),l!==null&&(this._styles[e].opacity=l),b({styleBucket:this._styles[e],axis:"width",dimension:r,fillValue:"var(--width-stretch)",allowFlexGrow:!0}),b({styleBucket:this._styles[e],axis:"height",dimension:o,fillValue:"100%",allowFlexGrow:!0}),this.hasAttribute(s("hide"))&&(this._styles[e].display="none"),this.hasAttribute(s("show"))&&(this._styles[e].display="flex");let d=this.getAttribute(s("d")),p=this.getAttribute(s("ah")),g=this.getAttribute(s("av"));d==="h"?this._styles[e]["flex-direction"]="row":d==="v"?this._styles[e]["flex-direction"]="column":e==="default"&&!d&&["sm","md","lg","xl"].some(wt=>this.hasAttribute(`${wt}-d`))&&(this._styles[e]["flex-direction"]="column");let E=d==="h",D=d==="v"||!d;E&&(p==="c"?this._styles[e]["justify-content"]="center":p==="e"?this._styles[e]["justify-content"]="flex-end":p==="s"&&(this._styles[e]["justify-content"]="flex-start"),g==="c"?(this._styles[e]["align-items"]="center",this._styles[e]["align-content"]="center"):g==="e"?(this._styles[e]["align-items"]="flex-end",this._styles[e]["align-content"]="flex-end"):g==="s"&&(this._styles[e]["align-items"]="flex-start")),D&&(p!==null||g!==null)&&(p==="c"?this._styles[e]["align-items"]="center":p==="e"?this._styles[e]["align-items"]="flex-end":p==="s"&&(this._styles[e]["align-items"]="flex-start"),g==="c"?this._styles[e]["justify-content"]="center":g==="e"?this._styles[e]["justify-content"]="flex-end":g==="s"&&(this._styles[e]["justify-content"]="flex-start")),this.getAttribute(s("fw"))==="wrap"&&(this._styles[e]["flex-wrap"]="wrap");let A=this.hasAttribute(s("sh")),I=this.hasAttribute(s("sv")),k=this.getAttribute(s("overflow"));A&&I?(this._styles[e].overflow="scroll",this._styles[e]["flex-wrap"]="nowrap"):A?(this._styles[e]["overflow-x"]="scroll",this._styles[e]["flex-wrap"]="nowrap"):I&&(this._styles[e]["overflow-y"]="scroll",this._styles[e]["flex-wrap"]="nowrap"),k==="hidden"&&(this._styles[e].overflow="hidden",this._styles[e]["flex-wrap"]="nowrap")});let t=w(this._styles);t!==this._lastStyleString&&(this._styleElement.textContent=t,this._lastStyleString=t)}attributeChangedCallback(t,e,s){if(t==="href"||t==="target"||t==="rel"){this._updateDOM();return}e!==s&&this.updateStyles()}},ot=({render:i,html:t})=>H;var Ot={ta:{s:"text-align: start;",c:"text-align: center;",e:"text-align: end;",j:"text-align: justify;"},s:{h1:`
       font-size: var(--h1-font-size);
       font-weight: var(--h1-font-weight);
       line-height: var(--h1-line-height);
@@ -474,7 +434,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
       font-weight: var(--xs-font-weight);
       line-height: var(--xs-line-height);
       letter-spacing: var(--xs-letter-spacing);
-    `}},Y=w(_t);var wt={c:{fg:"--foreground",de:"--destructive","pr-fg":"--primary-foreground","se-fg":"--secondary-foreground","mu-fg":"--muted-foreground","ac-fg":"--accent-foreground"}},$=w(wt);var j=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+    `}},lt=v(Ot);var Mt={c:{pr:"color: var(--primary);",se:"color: var(--secondary);",de:"color: var(--destructive);",fg:"color: var(--foreground);",bg:"color: var(--background);",mu:"color: var(--muted-foreground);",ac:"color: var(--accent);",bo:"color: var(--border);",tr:"color: transparent;","pr-fg":"color: var(--primary-foreground);","se-fg":"color: var(--secondary-foreground);","de-fg":"color: var(--destructive-foreground);","mu-fg":"color: var(--muted-foreground);","ac-fg":"color: var(--accent-foreground);"}},W=v(Mt);var F=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: block;
           font-size: var(--md-font-size);
@@ -493,32 +453,21 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           text-decoration: var(--anchor-text-decoration-hover);
           color: var(--anchor-color-hover);
         }
-        :host([href]) {
-          cursor: pointer;
-          position: relative;
-        }
-        :host([href]) a {
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          z-index: 1;
-        }
-        ${Y}
-        ${$}
-        ${f}
-        ${g}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.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,i,n){t==="href"||t==="target"?this._updateDOM():this._updateStyling()}_updateStyling(){let t=u(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"),i=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,i?this._linkElement.target=i:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}},Z=({render:s,html:t})=>j;var z=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+        ${z}
+        ${lt}
+        ${W}
+        ${y}
+        ${m}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._slotElement=document.createElement("slot"),this._linkElement=null,this._updateDOM()}static get observedAttributes(){return["key","w","ellipsis","href","target","rel"]}connectedCallback(){this._updateStyling(),this._updateDOM()}attributeChangedCallback(t,e,s){t==="href"||t==="target"||t==="rel"?this._updateDOM():this._updateStyling()}_updateStyling(){let t=u(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=""),N({style:this.style,width:t,flexMinWidth:"0"})}_updateDOM(){let t=this.getAttribute("href"),e=this.getAttribute("target"),s=this.getAttribute("rel");this._linkElement=M({shadowRoot:this.shadow,slotElement:this._slotElement,linkElement:this._linkElement,href:t,target:e,rel:s})}},at=({render:i,html:t})=>F;var B={xs:"--border-width-xs",sm:"--border-width-sm",md:"--border-width-md",lg:"--border-width-lg",xl:"--border-width-xl"},Lt={bgc:{pr:"background-color: var(--primary);",se:"background-color: var(--secondary);",de:"background-color: var(--destructive);",fg:"background-color: var(--foreground);",bg:"background-color: var(--background);",mu:"background-color: var(--muted);",ac:"background-color: var(--accent);",bo:"background-color: var(--border);"},pos:{rel:"relative",abs:"absolute",fix:"fixed"},shadow:{sm:"--shadow-sm",md:"--shadow-md",lg:"--shadow-lg"},bw:B,bwt:B,bwr:B,bwb:B,bwl:B,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"}},ht=i=>v(Lt,{},i);var Bt={mt:h,mr:h,mb:h,ml:h,m:h,mh:h,mv:h},dt=i=>v(Bt,{},i);var R=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
+          display: contents;
+        }
+        img, a {
           border-style: solid;
           box-sizing: border-box;
           overflow: hidden;
           border-width: 0;
         }
-        slot {
-          display: contents;
-        }
         :host([of="con"]) img {
           object-fit: contain;
         }
@@ -528,10 +477,6 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
         :host([of="none"]) img {
           object-fit: none;
         }
-        img {
-          height: 100%;
-          width: 100%;
-        }
         :host([w]:not([h]):not([wh])) img,
         :host([sm-w]:not([sm-h]):not([sm-wh])) img,
         :host([md-w]:not([md-h]):not([md-wh])) img,
@@ -540,7 +485,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           height: auto;
         }
 
-        ${S}
+        ${$}
 
         a {
           display: block;
@@ -548,14 +493,10 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           width: 100%;
         }
 
-        :host([href]) {
-          cursor: pointer;
-        }
-
-        ${C}
-        ${f}
-        ${g}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.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 y([...v,"key","src","href","target","wh","w","h","hide","show","height","width","z"])}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),i=this.getAttribute("target");t?(this._linkElement||(this._linkElement=document.createElement("a")),this._linkElement.href=t,i?this._linkElement.target=i: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,i,n){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(e=>{let l=b=>`${e==="default"?"":`${e}-`}${b}`,a=this.getAttribute(l("wh")),r=u(a===null?this.getAttribute(l("w")):a),h=u(a===null?this.getAttribute(l("h")):a),p=this.getAttribute(l("o")),m=this.getAttribute(l("z"));m!==null&&(this._styles[e]["z-index"]=m),p!==null&&(this._styles[e].opacity=p),r==="f"?this._styles[e].width="var(--width-stretch)":r!==void 0&&(this._styles[e].width=r,this._styles[e]["min-width"]=r,this._styles[e]["max-width"]=r),h==="f"?this._styles[e].height="100%":h!==void 0&&(this._styles[e].height=h,this._styles[e]["min-height"]=h,this._styles[e]["max-height"]=h),this.hasAttribute(l("hide"))&&(this._styles[e].display="none !important"),this.hasAttribute(l("show"))&&(this._styles[e].display="block !important")});let o=_(this._styles);o!==this._lastStyleString&&(this._styleElement.textContent=o,this._lastStyleString=o),this._updateImageAttributes()}_updateImageAttributes(){let t=this.getAttribute("src"),i=this.getAttribute("width"),n=this.getAttribute("height");t!==null&&this._imgElement.setAttribute("src",t),i!==null&&this._imgElement.setAttribute("width",i),n!==null&&this._imgElement.setAttribute("height",n)}connectedCallback(){this._updateImageAttributes()}},tt=({render:s,html:t})=>z;var et=d`
+        ${ht("img, a")}
+        ${dt("img, a")}
+        ${m}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.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 _([...S,"key","src","alt","href","target","rel","wh","w","h","hide","show","op","z","of"])}_styles=f();_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),e=this.getAttribute("target"),s=this.getAttribute("rel");this._linkElement=V({shadowRoot:this.shadow,childElement:this._imgElement,linkElement:this._linkElement,href:t,target:e,rel:s})}connectedCallback(){this._updateImageAttributes(),this.updateStyles()}attributeChangedCallback(t,e,s){if(t==="href"||t==="target"||t==="rel"){this._updateDOM();return}if(t==="src"||t==="alt"){this._updateImageAttributes();return}e!==s&&this.updateStyles()}updateStyles(){this._styles=f(),x.forEach(e=>{let s=d=>`${e==="default"?"":`${e}-`}${d}`,n=this.getAttribute(s("wh")),r=u(n===null?this.getAttribute(s("w")):n),o=u(n===null?this.getAttribute(s("h")):n),l=this.getAttribute(s("op")),a=this.getAttribute(s("z"));a!==null&&(this._styles[e]["z-index"]=a),l!==null&&(this._styles[e].opacity=l),b({styleBucket:this._styles[e],axis:"width",dimension:r,fillValue:"var(--width-stretch)"}),b({styleBucket:this._styles[e],axis:"height",dimension:o,fillValue:"100%"}),this.hasAttribute(s("hide"))&&(this._styles[e].display="none !important"),this.hasAttribute(s("show"))&&(this._styles[e].display="block !important")});let t=w(this._styles,"img, a");t!==this._lastStyleString&&(this._styleElement.textContent=t,this._lastStyleString=t)}_updateImageAttributes(){let t=this.getAttribute("src"),e=this.getAttribute("alt");t!==null?this._imgElement.setAttribute("src",t):this._imgElement.removeAttribute("src"),e!==null?this._imgElement.setAttribute("alt",e):this._imgElement.removeAttribute("alt")}},ct=({render:i,html:t})=>R;var ut=c`
 :host([pt="xs"]) svg {
   padding-top: var(--spacing-xs);
 }
@@ -671,17 +612,16 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
   padding-top: var(--spacing-xl);
   padding-bottom: var(--spacing-xl);
 }
-`;var L=class s extends HTMLElement{static styleSheet=null;static _icons={};static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+`;var q=class i extends HTMLElement{static styleSheet=null;static _icons={};static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           color: var(--foreground);
           flex-shrink: 0;
         }
-        ${$}
-        ${et}
-        ${f}
-        ${x}
-        ${g}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.styleSheet]}static get observedAttributes(){return["key","svg","w","h","wh"]}static get icons(){return s._icons}static addIcon(t,i){s._icons[t]=i}connectedCallback(){this._updateSizing(),this._render()}attributeChangedCallback(t,i,n){this._updateSizing(),this._render()}_updateSizing(){let t=this.getAttribute("wh"),i=u(t===null?this.getAttribute("w"):t),n=u(t===null?this.getAttribute("h"):t);i&&(this.style.width=i),n&&(this.style.height=n)}_render(){try{let t=this.getAttribute("svg"),i=s._icons[t]||(window.rtglIcons||{})[t];if(i){this.shadow.innerHTML=i;return}}catch(t){console.log("error in rtgl-svg render",t)}this.shadow.innerHTML=""}},it=({render:s,html:t})=>L;var T=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+        ${W}
+        ${ut}
+        ${y}
+        ${m}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet]}static get observedAttributes(){return["key","svg","w","h","wh"]}static get icons(){return i._icons}static addIcon(t,e){i._icons[t]=e}connectedCallback(){this._updateSizing(),this._render()}attributeChangedCallback(t,e,s){this._updateSizing(),this._render()}_updateSizing(){let t=this.getAttribute("wh"),e=u(t===null?this.getAttribute("w"):t),s=u(t===null?this.getAttribute("h"):t);e!=null?this.style.width=e:this.style.width="",s!=null?this.style.height=s:this.style.height=""}_render(){try{let t=this.getAttribute("svg"),e=i._icons[t]||(window.rtglIcons||{})[t];if(e){this.shadow.innerHTML=e;return}}catch(t){console.log("error in rtgl-svg render",t)}this.shadow.innerHTML=""}},pt=({render:i,html:t})=>q;var Dt=["mt","mr","mb","ml","m","mh","mv","cur"],G=class i extends HTMLElement{static styleSheet=null;static inputSpecificAttributes=["type","disabled","s"];static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: contents;
         }
@@ -714,9 +654,9 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
         input:disabled {
           cursor: not-allowed;
         }
-        ${f}
-        ${g}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.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",...y([...v,"wh","w","h","hide","show","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,i,n){if(t==="value"&&requestAnimationFrame(()=>{let e=this.getAttribute("value");this._inputElement.value=e??""}),t==="placeholder"&&requestAnimationFrame(()=>{let e=this.getAttribute("placeholder");e===void 0||e==="null"?this._inputElement.removeAttribute("placeholder"):this._inputElement.setAttribute("placeholder",e??"")}),["type","disabled","step","s"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(e=>{let l=b=>`${e==="default"?"":`${e}-`}${b}`,a=this.getAttribute(l("wh")),r=u(a===null?this.getAttribute(l("w")):a),h=u(a===null?this.getAttribute(l("h")):a),p=this.getAttribute(l("op")),m=this.getAttribute(l("z"));m!==null&&(this._styles[e]["z-index"]=m),p!==null&&(this._styles[e].opacity=p),r==="f"?this._styles[e].width="var(--width-stretch)":r!==void 0&&(this._styles[e].width=r,this._styles[e]["min-width"]=r,this._styles[e]["max-width"]=r),h==="f"?this._styles[e].height="100%":h!==void 0&&(this._styles[e].height=h,this._styles[e]["min-height"]=h,this._styles[e]["max-height"]=h),this.hasAttribute(l("hide"))&&(this._styles[e].display="none !important"),this.hasAttribute(l("show"))&&(this._styles[e].display="block !important")});let o=_(this._styles,"input");o!==this._lastStyleString&&(this._styleElement.textContent=o,this._lastStyleString=o)}_updateInputAttributes(){let t=this.getAttribute("type")||"text",i=this.getAttribute("step"),n=this.hasAttribute("disabled");this._inputElement.setAttribute("type",t),i!==null?this._inputElement.setAttribute("step",i):this._inputElement.removeAttribute("step"),n?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},st=({render:s,html:t})=>T;var W=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+        ${y}
+        ${m}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._styles=f(),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._onInput),this._inputElement.addEventListener("change",this._onChange)}static get observedAttributes(){return["key","type","placeholder","disabled","value","s",..._([...Dt,"wh","w","h","hide","show","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}focus(){this._inputElement.focus()}_onInput=()=>{this.dispatchEvent(new CustomEvent("value-input",{detail:{value:this._inputElement.value},bubbles:!0}))};_onChange=()=>{this.dispatchEvent(new CustomEvent("value-change",{detail:{value:this._inputElement.value},bubbles:!0}))};attributeChangedCallback(t,e,s){if(e!==s){if(t==="value"){this._syncValueAttribute();return}if(t==="placeholder"){this._syncPlaceholderAttribute();return}if(i.inputSpecificAttributes.includes(t)){this._updateInputAttributes();return}this.updateStyles()}}updateStyles(){this._styles=f(),x.forEach(e=>{let s=d=>`${e==="default"?"":`${e}-`}${d}`,n=this.getAttribute(s("wh")),r=u(n===null?this.getAttribute(s("w")):n),o=u(n===null?this.getAttribute(s("h")):n),l=this.getAttribute(s("op")),a=this.getAttribute(s("z"));a!==null&&(this._styles[e]["z-index"]=a),l!==null&&(this._styles[e].opacity=l),b({styleBucket:this._styles[e],axis:"width",dimension:r,fillValue:"var(--width-stretch)"}),b({styleBucket:this._styles[e],axis:"height",dimension:o,fillValue:"100%"}),this.hasAttribute(s("hide"))&&(this._styles[e].display="none"),this.hasAttribute(s("show"))&&(this._styles[e].display="block")});let t=w(this._styles,"input");t!==this._lastStyleString&&(this._styleElement.textContent=t,this._lastStyleString=t)}_setOrRemoveInputAttribute(t,e){if(e==null||e==="null"){this._inputElement.removeAttribute(t);return}this._inputElement.setAttribute(t,e)}_syncValueAttribute(){this._inputElement.value=this.getAttribute("value")??""}_syncPlaceholderAttribute(){this._setOrRemoveInputAttribute("placeholder",this.getAttribute("placeholder"))}_updateInputAttributes(){let e=this.getAttribute("type")==="password"?"password":"text",s=this.hasAttribute("disabled");this._setOrRemoveInputAttribute("type",e),s?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes(),this._syncValueAttribute(),this._syncPlaceholderAttribute(),this.updateStyles()}},mt=({render:i,html:t})=>G;var Wt=["mt","mr","mb","ml","m","mh","mv","cur"],U=class i extends HTMLElement{static styleSheet=null;static inputSpecificAttributes=["disabled","step","min","max","s"];static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: contents;
         }
@@ -749,9 +689,9 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
         input:disabled {
           cursor: not-allowed;
         }
-        ${f}
-        ${g}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.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","step","min","max","s",...y([...v,"wh","w","h","hide","show","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}focus(){this._inputElement.focus()}_onChange=t=>{let i=this._inputElement.value,n=parseFloat(i);if(!isNaN(n)){let o=this.getAttribute("min");if(o!==null){let l=parseFloat(o);!isNaN(l)&&n<l&&(n=l,this._inputElement.value=l.toString())}let e=this.getAttribute("max");if(e!==null){let l=parseFloat(e);!isNaN(l)&&n>l&&(n=l,this._inputElement.value=l.toString())}this.dispatchEvent(new CustomEvent("input-change",{detail:{value:n}}))}};attributeChangedCallback(t,i,n){if(t==="value"&&requestAnimationFrame(()=>{let e=this.getAttribute("value");this._inputElement.value=e??""}),t==="placeholder"&&requestAnimationFrame(()=>{let e=this.getAttribute("placeholder");e===void 0||e==="null"?this._inputElement.removeAttribute("placeholder"):this._inputElement.setAttribute("placeholder",e??"")}),["type","disabled","step","min","max","s"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(e=>{let l=b=>`${e==="default"?"":`${e}-`}${b}`,a=this.getAttribute(l("wh")),r=u(a===null?this.getAttribute(l("w")):a),h=u(a===null?this.getAttribute(l("h")):a),p=this.getAttribute(l("op")),m=this.getAttribute(l("z"));m!==null&&(this._styles[e]["z-index"]=m),p!==null&&(this._styles[e].opacity=p),r==="f"?this._styles[e].width="var(--width-stretch)":r!==void 0&&(this._styles[e].width=r,this._styles[e]["min-width"]=r,this._styles[e]["max-width"]=r),h==="f"?this._styles[e].height="100%":h!==void 0&&(this._styles[e].height=h,this._styles[e]["min-height"]=h,this._styles[e]["max-height"]=h),this.hasAttribute(l("hide"))&&(this._styles[e].display="none !important"),this.hasAttribute(l("show"))&&(this._styles[e].display="block !important")});let o=_(this._styles,"input");o!==this._lastStyleString&&(this._styleElement.textContent=o,this._lastStyleString=o)}_updateInputAttributes(){let t=this.getAttribute("type")||"number",i=this.getAttribute("step"),n=this.getAttribute("min"),o=this.getAttribute("max"),e=this.hasAttribute("disabled");this._inputElement.setAttribute("type",t),i!==null?this._inputElement.setAttribute("step",i):this._inputElement.removeAttribute("step"),n!==null?this._inputElement.setAttribute("min",n):this._inputElement.removeAttribute("min"),o!==null?this._inputElement.setAttribute("max",o):this._inputElement.removeAttribute("max"),e?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},nt=({render:s,html:t})=>W;var B=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+        ${y}
+        ${m}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._styles=f(),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._onInput),this._inputElement.addEventListener("change",this._onChange)}static get observedAttributes(){return["key","placeholder","disabled","value","step","min","max","s",..._([...Wt,"wh","w","h","hide","show","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}focus(){this._inputElement.focus()}_emitValueEvent=t=>{let e=this._inputElement.value;if(e.trim()===""){this.dispatchEvent(new CustomEvent(t,{detail:{value:null},bubbles:!0}));return}let s=parseFloat(e);isNaN(s)||(s=this._clampValueToBounds(s),this._inputElement.value=s.toString(),this.dispatchEvent(new CustomEvent(t,{detail:{value:s},bubbles:!0})))};_onInput=()=>{this._emitValueEvent("value-input")};_onChange=()=>{this._emitValueEvent("value-change")};attributeChangedCallback(t,e,s){if(e!==s){if(t==="value"){this._syncValueAttribute();return}if(t==="placeholder"){this._syncPlaceholderAttribute();return}if(i.inputSpecificAttributes.includes(t)){this._updateInputAttributes(),(t==="min"||t==="max")&&this._syncValueAttribute();return}this.updateStyles()}}updateStyles(){this._styles=f(),x.forEach(e=>{let s=d=>`${e==="default"?"":`${e}-`}${d}`,n=this.getAttribute(s("wh")),r=u(n===null?this.getAttribute(s("w")):n),o=u(n===null?this.getAttribute(s("h")):n),l=this.getAttribute(s("op")),a=this.getAttribute(s("z"));a!==null&&(this._styles[e]["z-index"]=a),l!==null&&(this._styles[e].opacity=l),b({styleBucket:this._styles[e],axis:"width",dimension:r,fillValue:"var(--width-stretch)"}),b({styleBucket:this._styles[e],axis:"height",dimension:o,fillValue:"100%"}),this.hasAttribute(s("hide"))&&(this._styles[e].display="none"),this.hasAttribute(s("show"))&&(this._styles[e].display="block")});let t=w(this._styles,"input");t!==this._lastStyleString&&(this._styleElement.textContent=t,this._lastStyleString=t)}_setOrRemoveInputAttribute(t,e){if(e==null||e==="null"){this._inputElement.removeAttribute(t);return}this._inputElement.setAttribute(t,e)}_clampValueToBounds(t){let e=t,s=this.getAttribute("min");if(s!==null){let r=parseFloat(s);isNaN(r)||(e=Math.max(e,r))}let n=this.getAttribute("max");if(n!==null){let r=parseFloat(n);isNaN(r)||(e=Math.min(e,r))}return e}_syncValueAttribute(){let t=this.getAttribute("value");if(t==null||t===""){this._inputElement.value="";return}let e=parseFloat(t);if(isNaN(e)){this._inputElement.value="";return}let s=this._clampValueToBounds(e);this._inputElement.value=s.toString()}_syncPlaceholderAttribute(){this._setOrRemoveInputAttribute("placeholder",this.getAttribute("placeholder"))}_updateInputAttributes(){let t=this.getAttribute("step"),e=this.getAttribute("min"),s=this.getAttribute("max"),n=this.hasAttribute("disabled");this._inputElement.setAttribute("type","number"),this._setOrRemoveInputAttribute("step",t),this._setOrRemoveInputAttribute("min",e),this._setOrRemoveInputAttribute("max",s),n?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes(),this._syncValueAttribute(),this._syncPlaceholderAttribute(),this.updateStyles()}},gt=({render:i,html:t})=>U;var K=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: contents;
         }
@@ -774,9 +714,9 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
         textarea:focus {
           border-color: var(--foreground);
         }
-        ${f}
-        ${g}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._textareaElement=document.createElement("textarea"),this._textareaElement.setAttribute("type","text"),this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),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","type","placeholder","disabled","value","cols","rows","ellipsis",...y([...v,"wh","w","h","hide","show","op","z"])]}get value(){return this._textareaElement.value}set value(t){this._textareaElement.value=t}connectedCallback(){this._updateTextareaAttributes()}focus(){this._textareaElement&&this._textareaElement.focus()}select(){this._textareaElement&&this._textareaElement.select()}attributeChangedCallback(t,i,n){if(t==="value"&&requestAnimationFrame(()=>{let e=this.getAttribute("value");this._textareaElement.value=e??""}),t==="placeholder"&&requestAnimationFrame(()=>{let e=this.getAttribute("placeholder");e===void 0||e==="null"?this._textareaElement.removeAttribute("placeholder"):this._textareaElement.setAttribute("placeholder",e??"")}),["cols","rows","disabled"].includes(t)){this._updateTextareaAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(e=>{let l=b=>`${e==="default"?"":`${e}-`}${b}`,a=this.getAttribute(l("wh")),r=u(a===null?this.getAttribute(l("w")):a),h=u(a===null?this.getAttribute(l("h")):a),p=this.getAttribute(l("op")),m=this.getAttribute(l("z"));m!==null&&(this._styles[e]["z-index"]=m),p!==null&&(this._styles[e].opacity=p),r==="f"?this._styles[e].width="var(--width-stretch)":r!==void 0&&(this._styles[e].width=r,this._styles[e]["min-width"]=r,this._styles[e]["max-width"]=r),h==="f"?this._styles[e].height="100%":h!==void 0&&(this._styles[e].height=h,this._styles[e]["min-height"]=h,this._styles[e]["max-height"]=h),this.hasAttribute(l("hide"))&&(this._styles[e].display="none !important"),this.hasAttribute(l("show"))&&(this._styles[e].display="block !important")});let o=_(this._styles,"textarea");o!==this._lastStyleString&&(this._styleElement.textContent=o,this._lastStyleString=o)}_updateTextareaAttributes(){let t=this.getAttribute("cols"),i=this.getAttribute("rows"),n=this.hasAttribute("disabled");t!==null?this._textareaElement.setAttribute("cols",t):this._textareaElement.removeAttribute("cols"),i!==null?this._textareaElement.setAttribute("rows",i):this._textareaElement.removeAttribute("rows"),n?this._textareaElement.setAttribute("disabled",""):this._textareaElement.removeAttribute("disabled")}},lt=({render:s,html:t})=>B;var H=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+        ${y}
+        ${m}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._textareaElement=document.createElement("textarea"),this._textareaElement.setAttribute("type","text"),this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._textareaElement),this._textareaElement.addEventListener("input",this._onInput),this._textareaElement.addEventListener("change",this._onChange)}_onInput=()=>{this.dispatchEvent(new CustomEvent("value-input",{detail:{value:this._textareaElement.value},bubbles:!0}))};_onChange=()=>{this.dispatchEvent(new CustomEvent("value-change",{detail:{value:this._textareaElement.value},bubbles:!0}))};static get observedAttributes(){return["key","type","placeholder","disabled","value","cols","rows","ellipsis",..._([...S,"wh","w","h","hide","show","op","z"])]}get value(){return this._textareaElement.value}set value(t){this._textareaElement.value=t}connectedCallback(){this._updateTextareaAttributes()}focus(){this._textareaElement&&this._textareaElement.focus()}select(){this._textareaElement&&this._textareaElement.select()}attributeChangedCallback(t,e,s){if(t==="value"&&requestAnimationFrame(()=>{let r=this.getAttribute("value");this._textareaElement.value=r??""}),t==="placeholder"&&requestAnimationFrame(()=>{let r=this.getAttribute("placeholder");r===void 0||r==="null"?this._textareaElement.removeAttribute("placeholder"):this._textareaElement.setAttribute("placeholder",r??"")}),["cols","rows","disabled"].includes(t)){this._updateTextareaAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(r=>{let o=E=>`${r==="default"?"":`${r}-`}${E}`,l=this.getAttribute(o("wh")),a=u(l===null?this.getAttribute(o("w")):l),d=u(l===null?this.getAttribute(o("h")):l),p=this.getAttribute(o("op")),g=this.getAttribute(o("z"));g!==null&&(this._styles[r]["z-index"]=g),p!==null&&(this._styles[r].opacity=p),a==="f"?this._styles[r].width="var(--width-stretch)":a!==void 0&&(this._styles[r].width=a,this._styles[r]["min-width"]=a,this._styles[r]["max-width"]=a),d==="f"?this._styles[r].height="100%":d!==void 0&&(this._styles[r].height=d,this._styles[r]["min-height"]=d,this._styles[r]["max-height"]=d),this.hasAttribute(o("hide"))&&(this._styles[r].display="none"),this.hasAttribute(o("show"))&&(this._styles[r].display="block")});let n=w(this._styles,"textarea");n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateTextareaAttributes(){let t=this.getAttribute("cols"),e=this.getAttribute("rows"),s=this.hasAttribute("disabled");t!==null?this._textareaElement.setAttribute("cols",t):this._textareaElement.removeAttribute("cols"),e!==null?this._textareaElement.setAttribute("rows",e):this._textareaElement.removeAttribute("rows"),s?this._textareaElement.setAttribute("disabled",""):this._textareaElement.removeAttribute("disabled")}},ft=({render:i,html:t})=>K;var Tt=["mt","mr","mb","ml","m","mh","mv","cur"],Vt=/^#[0-9a-fA-F]{6}$/,X=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: contents;
         }
@@ -797,9 +737,9 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           cursor: not-allowed;
           opacity: 0.5;
         }
-        ${f}
-        ${g}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.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",...y([...v,"wh","w","h","hide","show","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,i,n){if(t==="key"&&i!==n){requestAnimationFrame(()=>{let e=this.getAttribute("value");this._inputElement.value=e??"#000000"});return}if(["value","disabled"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(e=>{let l=b=>`${e==="default"?"":`${e}-`}${b}`,a=this.getAttribute(l("wh")),r=u(a===null?this.getAttribute(l("w")):a),h=u(a===null?this.getAttribute(l("h")):a),p=this.getAttribute(l("op")),m=this.getAttribute(l("z"));m!==null&&(this._styles[e]["z-index"]=m),p!==null&&(this._styles[e].opacity=p),r==="f"?this._styles[e].width="var(--width-stretch)":r!==void 0&&(this._styles[e].width=r,this._styles[e]["min-width"]=r,this._styles[e]["max-width"]=r),h==="f"?this._styles[e].height="100%":h!==void 0&&(this._styles[e].height=h,this._styles[e]["min-height"]=h,this._styles[e]["max-height"]=h),this.hasAttribute(l("hide"))&&(this._styles[e].display="none !important"),this.hasAttribute(l("show"))&&(this._styles[e].display="block !important")});let o=_(this._styles,'input[type="color"]');o!==this._lastStyleString&&(this._styleElement.textContent=o,this._lastStyleString=o)}_updateInputAttributes(){let t=this.getAttribute("value"),i=this.hasAttribute("disabled");t!==null&&(this._inputElement.value=t),i?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},ot=({render:s,html:t})=>H;var q=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+        ${y}
+        ${m}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._styles=f(),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",..._([...Tt,"wh","w","h","hide","show","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}_onChange=()=>{this.dispatchEvent(new CustomEvent("value-change",{detail:{value:this._inputElement.value},bubbles:!0}))};_onInput=()=>{this.dispatchEvent(new CustomEvent("value-input",{detail:{value:this._inputElement.value},bubbles:!0}))};attributeChangedCallback(t,e,s){if(e!==s){if(t==="key"){this._syncValueAttribute();return}if(["value","disabled"].includes(t)){this._updateInputAttributes();return}this.updateStyles()}}updateStyles(){this._styles=f(),x.forEach(e=>{let s=d=>`${e==="default"?"":`${e}-`}${d}`,n=this.getAttribute(s("wh")),r=u(n===null?this.getAttribute(s("w")):n),o=u(n===null?this.getAttribute(s("h")):n),l=this.getAttribute(s("op")),a=this.getAttribute(s("z"));a!==null&&(this._styles[e]["z-index"]=a),l!==null&&(this._styles[e].opacity=l),b({styleBucket:this._styles[e],axis:"width",dimension:r,fillValue:"var(--width-stretch)"}),b({styleBucket:this._styles[e],axis:"height",dimension:o,fillValue:"100%"}),this.hasAttribute(s("hide"))&&(this._styles[e].display="none"),this.hasAttribute(s("show"))&&(this._styles[e].display="block")});let t=w(this._styles,'input[type="color"]');t!==this._lastStyleString&&(this._styleElement.textContent=t,this._lastStyleString=t)}_syncValueAttribute(){let t=this.getAttribute("value");if(t===null){this._inputElement.value="#000000";return}this._inputElement.value=Vt.test(t)?t:"#000000"}_updateInputAttributes(){let t=this.hasAttribute("disabled");this._syncValueAttribute(),t?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes(),this.updateStyles()}},bt=({render:i,html:t})=>X;var Q=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: contents;
         }
@@ -851,9 +791,9 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
         input[type="range"]:disabled::-moz-range-thumb {
           cursor: not-allowed;
         }
-        ${f}
-        ${g}
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.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",...y([...v,"wh","w","h","hide","show","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}_onInput=()=>{this.dispatchEvent(new CustomEvent("slider-input",{detail:{value:Number(this._inputElement.value)}}))};_onChange=()=>{this.dispatchEvent(new CustomEvent("slider-change",{detail:{value:Number(this._inputElement.value)}}))};attributeChangedCallback(t,i,n){if(t==="key"&&i!==n){requestAnimationFrame(()=>{let e=this.getAttribute("value"),l=this.getAttribute("min")||"0";this._inputElement.value=e??l});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(e=>{let l=b=>`${e==="default"?"":`${e}-`}${b}`,a=this.getAttribute(l("wh")),r=u(a===null?this.getAttribute(l("w")):a),h=u(a===null?this.getAttribute(l("h")):a),p=this.getAttribute(l("op")),m=this.getAttribute(l("z"));m!==null&&(this._styles[e]["z-index"]=m),p!==null&&(this._styles[e].opacity=p),r==="f"?this._styles[e].width="var(--width-stretch)":r!==void 0&&(this._styles[e].width=r,this._styles[e]["min-width"]=r,this._styles[e]["max-width"]=r),h==="f"?this._styles[e].height="100%":h!==void 0&&(this._styles[e].height=h,this._styles[e]["min-height"]=h,this._styles[e]["max-height"]=h),this.hasAttribute(l("hide"))&&(this._styles[e].display="none !important"),this.hasAttribute(l("show"))&&(this._styles[e].display="block !important")});let o=_(this._styles,'input[type="range"]');o!==this._lastStyleString&&(this._styleElement.textContent=o,this._lastStyleString=o)}_updateInputAttributes(){let t=this.getAttribute("value"),i=this.getAttribute("min"),n=this.getAttribute("max"),o=this.getAttribute("step"),e=this.hasAttribute("disabled");t!==null?this._inputElement.value=t:this._inputElement.value=i??0,i!==null?this._inputElement.min=i:this._inputElement.min="0",n!==null?this._inputElement.max=n:this._inputElement.max="100",o!==null?this._inputElement.step=o:this._inputElement.step="1",e?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},rt=({render:s,html:t})=>q;var P=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+        ${y}
+        ${m}
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.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",..._([...S,"wh","w","h","hide","show","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}_onInput=()=>{this.dispatchEvent(new CustomEvent("value-input",{detail:{value:Number(this._inputElement.value)},bubbles:!0}))};_onChange=()=>{this.dispatchEvent(new CustomEvent("value-change",{detail:{value:Number(this._inputElement.value)},bubbles:!0}))};attributeChangedCallback(t,e,s){if(t==="key"&&e!==s){requestAnimationFrame(()=>{let r=this.getAttribute("value"),o=this.getAttribute("min")||"0";this._inputElement.value=r??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(r=>{let o=E=>`${r==="default"?"":`${r}-`}${E}`,l=this.getAttribute(o("wh")),a=u(l===null?this.getAttribute(o("w")):l),d=u(l===null?this.getAttribute(o("h")):l),p=this.getAttribute(o("op")),g=this.getAttribute(o("z"));g!==null&&(this._styles[r]["z-index"]=g),p!==null&&(this._styles[r].opacity=p),a==="f"?this._styles[r].width="var(--width-stretch)":a!==void 0&&(this._styles[r].width=a,this._styles[r]["min-width"]=a,this._styles[r]["max-width"]=a),d==="f"?this._styles[r].height="100%":d!==void 0&&(this._styles[r].height=d,this._styles[r]["min-height"]=d,this._styles[r]["max-height"]=d),this.hasAttribute(o("hide"))&&(this._styles[r].display="none"),this.hasAttribute(o("show"))&&(this._styles[r].display="block")});let n=w(this._styles,'input[type="range"]');n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("value"),e=this.getAttribute("min"),s=this.getAttribute("max"),n=this.getAttribute("step"),r=this.hasAttribute("disabled");t!==null?this._inputElement.value=t:this._inputElement.value=e??0,e!==null?this._inputElement.min=e:this._inputElement.min="0",s!==null?this._inputElement.max=s:this._inputElement.max="100",n!==null?this._inputElement.step=n:this._inputElement.step="1",r?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},vt=({render:i,html:t})=>Q;var J=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: contents;
         }
@@ -924,7 +864,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
         dialog[open] slot[name="content"] {
           animation: dialog-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
         }
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.styleSheet],this._dialogElement=document.createElement("dialog"),this.shadow.appendChild(this._dialogElement),this._slotElement=null,this._isConnected=!1,this._mouseDownInContent=!1,this._dialogElement.addEventListener("mousedown",t=>{this._mouseDownInContent=t.target!==this._dialogElement}),this._dialogElement.addEventListener("click",t=>{t.target===this._dialogElement&&!this._mouseDownInContent&&this._attemptClose(),this._mouseDownInContent=!1}),this._dialogElement.addEventListener("contextmenu",t=>{t.target===this._dialogElement&&!this._mouseDownInContent&&(t.preventDefault(),this._attemptClose()),this._mouseDownInContent=!1}),this._dialogElement.addEventListener("cancel",t=>{t.preventDefault(),this._attemptClose()})}_attemptClose(){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,i,n){t==="open"?n!==null&&!this._dialogElement.open&&this._isConnected?this._showModal():n===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,this._applyAdaptiveCentering())}_hideModal(){this._dialogElement.open&&(this._dialogElement.close(),this._slotElement&&(this._slotElement.style.marginTop="",this._slotElement.style.marginBottom="",this._dialogElement.removeChild(this._slotElement),this._slotElement=null),this._dialogElement.style.height="")}_applyAdaptiveCentering(){this._slotElement&&requestAnimationFrame(()=>{if(!this._slotElement)return;let t=this._slotElement.offsetHeight,i=window.innerHeight,n=40;if(t>=i-2*n)this._slotElement.style.marginTop=`${n}px`,this._slotElement.style.marginBottom=`${n}px`,this._dialogElement.style.height="100vh";else{let o=i-t,e=Math.floor(o/2);this._slotElement.style.marginTop=`${e}px`,this._slotElement.style.marginBottom=`${e}px`,this._dialogElement.style.height="auto"}})}get dialog(){return this._dialogElement}},at=({render:s,html:t})=>P;var V=class s extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){s.styleSheet||(s.styleSheet=new CSSStyleSheet,s.styleSheet.replaceSync(d`
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._dialogElement=document.createElement("dialog"),this.shadow.appendChild(this._dialogElement),this._slotElement=null,this._isConnected=!1,this._mouseDownInContent=!1,this._dialogElement.addEventListener("mousedown",t=>{this._mouseDownInContent=t.target!==this._dialogElement}),this._dialogElement.addEventListener("click",t=>{t.target===this._dialogElement&&!this._mouseDownInContent&&this._attemptClose(),this._mouseDownInContent=!1}),this._dialogElement.addEventListener("contextmenu",t=>{t.target===this._dialogElement&&!this._mouseDownInContent&&(t.preventDefault(),this._attemptClose()),this._mouseDownInContent=!1}),this._dialogElement.addEventListener("cancel",t=>{t.preventDefault(),this._attemptClose()})}_attemptClose(){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,e,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,this._applyAdaptiveCentering())}_hideModal(){this._dialogElement.open&&(this._dialogElement.close(),this._slotElement&&(this._slotElement.style.marginTop="",this._slotElement.style.marginBottom="",this._dialogElement.removeChild(this._slotElement),this._slotElement=null),this._dialogElement.style.height="")}_applyAdaptiveCentering(){this._slotElement&&requestAnimationFrame(()=>{if(!this._slotElement)return;let t=this._slotElement.offsetHeight,e=window.innerHeight,s=40;if(t>=e-2*s)this._slotElement.style.marginTop=`${s}px`,this._slotElement.style.marginBottom=`${s}px`,this._dialogElement.style.height="100vh";else{let n=e-t,r=Math.floor(n/2);this._slotElement.style.marginTop=`${r}px`,this._slotElement.style.marginBottom=`${r}px`,this._dialogElement.style.height="auto"}})}get dialog(){return this._dialogElement}},yt=({render:i,html:t})=>J;var Y=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(c`
         :host {
           display: contents;
         }
@@ -978,4 +918,4 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           min-width: 200px;
           max-width: 400px;
         }
-      `))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[s.styleSheet],this._dialogElement=document.createElement("dialog"),this.shadow.appendChild(this._dialogElement),this._dialogElement.addEventListener("click",t=>{t.stopPropagation();let i=t.composedPath();(i[0]===this._dialogElement||i[0].nodeName==="DIALOG"&&i[0]===this._dialogElement)&&this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._dialogElement.addEventListener("contextmenu",t=>{let i=t.composedPath();(i[0]===this._dialogElement||i[0].nodeName==="DIALOG"&&i[0]===this._dialogElement)&&(t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}})))}),this._dialogElement.addEventListener("cancel",t=>{t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._popoverContainer=document.createElement("div"),this._popoverContainer.className="popover-container",this._dialogElement.appendChild(this._popoverContainer),this._slotElement=null,this._isOpen=!1}static get observedAttributes(){return["open","x","y","placement"]}connectedCallback(){this.hasAttribute("open")&&this._show()}disconnectedCallback(){this._isOpen&&this._dialogElement.open&&this._dialogElement.close()}attributeChangedCallback(t,i,n){t==="open"?n!==null&&!this._isOpen?this.isConnected&&this._show():n===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._dialogElement.open||setTimeout(()=>{this._dialogElement&&!this._dialogElement.open&&(this.hasAttribute("no-overlay")?this._dialogElement.show():this._dialogElement.showModal())},0),requestAnimationFrame(()=>{this._updatePosition()}))}_hide(){this._isOpen&&(this._isOpen=!1,this._dialogElement.open&&this._dialogElement.close(),this._slotElement&&(this._popoverContainer.removeChild(this._slotElement),this._slotElement=null))}_updatePosition(){let t=parseFloat(this.getAttribute("x")||"0"),i=parseFloat(this.getAttribute("y")||"0"),n=this.getAttribute("placement")||"bottom-start";this.removeAttribute("positioned"),requestAnimationFrame(()=>{let o=this._popoverContainer.getBoundingClientRect(),{left:e,top:l}=this._calculatePosition(t,i,o.width,o.height,n);this._popoverContainer.style.left=`${e}px`,this._popoverContainer.style.top=`${l}px`,requestAnimationFrame(()=>{this.setAttribute("positioned","")})})}_calculatePosition(t,i,n,o,e){let a=t,r=i;switch(e){case"top":a=t-n/2,r=i-o-8;break;case"top-start":a=t,r=i-o-8;break;case"top-end":a=t-n,r=i-o-8;break;case"right":a=t+8,r=i-o/2;break;case"right-start":a=t+8,r=i;break;case"right-end":a=t+8,r=i-o;break;case"bottom":a=t-n/2,r=i+8;break;case"bottom-start":a=t,r=i+8;break;case"bottom-end":a=t-n,r=i+8;break;case"left":a=t-n-8,r=i-o/2;break;case"left-start":a=t-n-8,r=i;break;case"left-end":a=t-n-8,r=i-o;break}let h=8;return a=Math.max(h,Math.min(a,window.innerWidth-n-h)),r=Math.max(h,Math.min(r,window.innerHeight-o-h)),{left:a,top:r}}get popover(){return this._popoverContainer}},ht=({render:s,html:t})=>V;customElements.define("rtgl-button",G({}));customElements.define("rtgl-view",X({}));customElements.define("rtgl-text",Z({}));customElements.define("rtgl-image",tt({}));customElements.define("rtgl-svg",it({}));customElements.define("rtgl-input",st({}));customElements.define("rtgl-input-number",nt({}));customElements.define("rtgl-textarea",lt({}));customElements.define("rtgl-color-picker",ot({}));customElements.define("rtgl-slider",rt({}));customElements.define("rtgl-dialog",at({}));customElements.define("rtgl-popover",ht({}));})();
+      `))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._dialogElement=document.createElement("dialog"),this.shadow.appendChild(this._dialogElement),this._dialogElement.addEventListener("click",t=>{t.stopPropagation();let e=t.composedPath();(e[0]===this._dialogElement||e[0].nodeName==="DIALOG"&&e[0]===this._dialogElement)&&this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._dialogElement.addEventListener("contextmenu",t=>{let e=t.composedPath();(e[0]===this._dialogElement||e[0].nodeName==="DIALOG"&&e[0]===this._dialogElement)&&(t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}})))}),this._dialogElement.addEventListener("cancel",t=>{t.preventDefault(),this.dispatchEvent(new CustomEvent("close",{detail:{}}))}),this._popoverContainer=document.createElement("div"),this._popoverContainer.className="popover-container",this._dialogElement.appendChild(this._popoverContainer),this._slotElement=null,this._isOpen=!1}static get observedAttributes(){return["open","x","y","placement"]}connectedCallback(){this.hasAttribute("open")&&this._show()}disconnectedCallback(){this._isOpen&&this._dialogElement.open&&this._dialogElement.close()}attributeChangedCallback(t,e,s){t==="open"?s!==null&&!this._isOpen?this.isConnected&&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._dialogElement.open||setTimeout(()=>{this._dialogElement&&!this._dialogElement.open&&(this.hasAttribute("no-overlay")?this._dialogElement.show():this._dialogElement.showModal())},0),requestAnimationFrame(()=>{this._updatePosition()}))}_hide(){this._isOpen&&(this._isOpen=!1,this._dialogElement.open&&this._dialogElement.close(),this._slotElement&&(this._popoverContainer.removeChild(this._slotElement),this._slotElement=null))}_updatePosition(){let t=parseFloat(this.getAttribute("x")||"0"),e=parseFloat(this.getAttribute("y")||"0"),s=this.getAttribute("placement")||"bottom-start";this.removeAttribute("positioned"),requestAnimationFrame(()=>{let n=this._popoverContainer.getBoundingClientRect(),{left:r,top:o}=this._calculatePosition(t,e,n.width,n.height,s);this._popoverContainer.style.left=`${r}px`,this._popoverContainer.style.top=`${o}px`,requestAnimationFrame(()=>{this.setAttribute("positioned","")})})}_calculatePosition(t,e,s,n,r){let l=t,a=e;switch(r){case"top":l=t-s/2,a=e-n-8;break;case"top-start":l=t,a=e-n-8;break;case"top-end":l=t-s,a=e-n-8;break;case"right":l=t+8,a=e-n/2;break;case"right-start":l=t+8,a=e;break;case"right-end":l=t+8,a=e-n;break;case"bottom":l=t-s/2,a=e+8;break;case"bottom-start":l=t,a=e+8;break;case"bottom-end":l=t-s,a=e+8;break;case"left":l=t-s-8,a=e-n/2;break;case"left-start":l=t-s-8,a=e;break;case"left-end":l=t-s-8,a=e-n;break}let d=8;return l=Math.max(d,Math.min(l,window.innerWidth-s-d)),a=Math.max(d,Math.min(a,window.innerHeight-n-d)),{left:l,top:a}}get popover(){return this._popoverContainer}},_t=({render:i,html:t})=>Y;customElements.define("rtgl-button",it({}));customElements.define("rtgl-view",ot({}));customElements.define("rtgl-text",at({}));customElements.define("rtgl-image",ct({}));customElements.define("rtgl-svg",pt({}));customElements.define("rtgl-input",mt({}));customElements.define("rtgl-input-number",gt({}));customElements.define("rtgl-textarea",ft({}));customElements.define("rtgl-color-picker",bt({}));customElements.define("rtgl-slider",vt({}));customElements.define("rtgl-dialog",yt({}));customElements.define("rtgl-popover",_t({}));})();