rettangoli-ui 0.0.9-rc1 → 0.0.9

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

@@ -1,24 +1,24 @@
-var rettangoli=(()=>{var{isArray:pt}=Array,{getPrototypeOf:Ht,getOwnPropertyDescriptor:Dt}=Object,C=[],gt=()=>document.createRange(),R=(e,t,o)=>(e.set(t,o),o),Pt=(e,t)=>t.reduceRight(Bt,e),Bt=(e,t)=>e.childNodes[t],{setPrototypeOf:Ut}=Object,M,ut=(e,t,o)=>(M||(M=gt()),o?M.setStartAfter(e):M.setStartBefore(e),M.setEndAfter(t),M.deleteContents(),e),X=({firstChild:e,lastChild:t},o)=>ut(e,t,o),ft=!1,G=(e,t)=>ft&&e.nodeType===11?1/t<0?t?X(e,!0):e.lastChild:t?e.valueOf():e.firstChild:e,lt=e=>document.createComment(e),Y=class extends(t=>{function o(s){return Ut(s,new.target.prototype)}return o.prototype=t.prototype,o})(DocumentFragment){#e=lt("<>");#o=lt("</>");#t=C;constructor(t){super(t),this.replaceChildren(this.#e,...t.childNodes,this.#o),ft=!0}get firstChild(){return this.#e}get lastChild(){return this.#o}get parentNode(){return this.#e.parentNode}remove(){X(this,!1)}replaceWith(t){X(this,!0).replaceWith(t)}valueOf(){let{parentNode:t}=this;if(t===this)this.#t===C&&(this.#t=[...this.childNodes]);else{if(t){let{firstChild:o,lastChild:s}=this;for(this.#t=[o];o!==s;)this.#t.push(o=o.nextSibling)}this.replaceChildren(...this.#t)}return this}},mt=(e,t,o)=>e.setAttribute(t,o),P=(e,t)=>e.removeAttribute(t),V,Ft=(e,t,o)=>{o=o.slice(1),V||(V=new WeakMap);let s=V.get(e)||R(V,e,{}),r=s[o];return r&&r[0]&&e.removeEventListener(o,...r),r=pt(t)?t:[t,!1],s[o]=r,r[0]&&e.addEventListener(o,...r),t},z=(e,t)=>{let{t:o,n:s}=e,r=!1;switch(typeof t){case"object":if(t!==null){(s||o).replaceWith(e.n=t.valueOf());break}case"undefined":r=!0;default:o.data=r?"":t,s&&(e.n=null,s.replaceWith(o))}return t},B=(e,t,o)=>e[o]=t,It=(e,t,o)=>B(e,t,o.slice(1)),tt=(e,t,o)=>t==null?(P(e,o),t):B(e,t,o),bt=(e,t)=>(typeof t=="function"?t(e):t.current=e,t),Z=(e,t,o)=>(t==null?P(e,o):mt(e,o,t),t),Qt=(e,t,o)=>(e.toggleAttribute(o.slice(1),t),t),D=(e,t,o)=>{let{length:s}=t;if(e.data=`[${s}]`,s)return((r,n,a,i,d)=>{let u=a.length,l=n.length,c=u,h=0,p=0,f=null;for(;h<l||p<c;)if(l===h){let b=c<u?p?i(a[p-1],-0).nextSibling:i(a[c],0):d;for(;p<c;)r.insertBefore(i(a[p++],1),b)}else if(c===p)for(;h<l;)f&&f.has(n[h])||r.removeChild(i(n[h],-1)),h++;else if(n[h]===a[p])h++,p++;else if(n[l-1]===a[c-1])l--,c--;else if(n[h]===a[c-1]&&a[p]===n[l-1]){let b=i(n[--l],-0).nextSibling;r.insertBefore(i(a[p++],1),i(n[h++],-0).nextSibling),r.insertBefore(i(a[--c],1),b),n[l]=a[c]}else{if(!f){f=new Map;let b=p;for(;b<c;)f.set(a[b],b++)}if(f.has(n[h])){let b=f.get(n[h]);if(p<b&&b<c){let S=h,A=1;for(;++S<l&&S<c&&f.get(n[S])===b+A;)A++;if(A>b-p){let Q=i(n[h],0);for(;p<b;)r.insertBefore(i(a[p++],1),Q)}else r.replaceChild(i(a[p++],1),i(n[h++],-1))}else h++}else r.removeChild(i(n[h++],-1))}return a})(e.parentNode,o,t,G,e);switch(o.length){case 1:o[0].remove();case 0:break;default:ut(G(o[0],0),G(o.at(-1),-0),!1)}return C},Gt=new Map([["aria",(e,t)=>{for(let o in t){let s=t[o],r=o==="role"?o:`aria-${o}`;s==null?P(e,r):mt(e,r,s)}return t}],["class",(e,t)=>tt(e,t,t==null?"class":"className")],["data",(e,t)=>{let{dataset:o}=e;for(let s in t)t[s]==null?delete o[s]:o[s]=t[s];return t}],["ref",bt],["style",(e,t)=>t==null?tt(e,t,"style"):B(e.style,t,"cssText")]]),Zt=(e,t,o)=>{switch(t[0]){case".":return It;case"?":return Qt;case"@":return Ft;default:return o||"ownerSVGElement"in e?t==="ref"?bt:Z:Gt.get(t)||(t in e?t.startsWith("on")?B:((s,r)=>{let n;do n=Dt(s,r);while(!n&&(s=Ht(s)));return n})(e,t)?.set?tt:Z:Z)}},qt=(e,t)=>(e.textContent=t??"",t),N=(e,t,o)=>({a:e,b:t,c:o}),W=()=>N(null,null,C),vt=e=>(t,o)=>{let{a:s,b:r,c:n}=e(t,o),a=document.importNode(s,!0),i=C;if(r!==C){i=[];for(let h,p,f=0;f<r.length;f++){let{a:b,b:S,c:A}=r[f],Q=b===p?h:h=Pt(a,p=b);i[f]=(d=S,u=Q,l=A,c=S===D?[]:S===z?W():null,{v:C,u:d,t:u,n:l,c})}}var d,u,l,c;return((h,p)=>({b:h,c:p}))(n?a.firstChild:new Y(a),i)},Jt=/^(?:plaintext|script|style|textarea|title|xmp)$/i,Kt=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i,Xt=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,Yt=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,te=/[\x01\x02]/g,q,J,H=document.createElement("template"),ee=(e,t)=>{if(t)return q||(q=document.createElementNS("http://www.w3.org/2000/svg","svg"),J=gt(),J.selectNodeContents(q)),J.createContextualFragment(e);H.innerHTML=e;let{content:o}=H;return H=H.cloneNode(!1),o},K=e=>{let t=[],o;for(;o=e.parentNode;)t.push(t.indexOf.call(o.childNodes,e)),e=o;return t},ht=()=>document.createTextNode(""),oe=(e,t,o)=>{let s=ee(((d,u,l)=>{let c=0;return d.join("
").trim().replace(Xt,(h,p,f,b)=>`<${p}${f.replace(Yt,"=$2$1").trimEnd()}${b?l||Kt.test(p)?" /":`></${p}`:""}>`).replace(te,h=>h==="
"?`<!--${u+c++}-->`:u+c++)})(e,T,o),o),{length:r}=e,n=C;if(r>1){let d=[],u=document.createTreeWalker(s,129),l=0,c=`${T}${l++}`;for(n=[];l<r;){let h=u.nextNode();if(h.nodeType===8){if(h.data===c){let p=pt(t[l-1])?D:z;p===z&&d.push(h),n.push(N(K(h),p,null)),c=`${T}${l++}`}}else{let p;for(;h.hasAttribute(c);){p||(p=K(h));let f=h.getAttribute(c);n.push(N(p,Zt(h,f,o),f)),P(h,c),c=`${T}${l++}`}!o&&Jt.test(h.localName)&&h.textContent.trim()===`<!--${c}-->`&&(n.push(N(p||K(h),qt,null)),c=`${T}${l++}`)}}for(l=0;l<d.length;l++)d[l].replaceWith(ht())}let{childNodes:a}=s,{length:i}=a;return i<1?(i=1,s.appendChild(ht())):i===1&&r!==1&&a[0].nodeType!==1&&(i=0),R(yt,e,N(s,n,i===1))},yt=new WeakMap,T="is\xB5",wt=e=>(t,o)=>yt.get(t)||oe(t,o,e),re=vt(wt(!1)),se=vt(wt(!0)),et=(e,{s:t,t:o,v:s})=>{if(e.a!==o){let{b:r,c:n}=(t?se:re)(o,s);e.a=o,e.b=r,e.c=n}for(let{c:r}=e,n=0;n<r.length;n++){let a=s[n],i=r[n];switch(i.u){case D:i.v=D(i.t,ne(i.c,a),i.v);break;case z:let d=a instanceof j?et(i.c||(i.c=W()),a):(i.c=null,a);d!==i.v&&(i.v=z(i,d));break;default:a!==i.v&&(i.v=i.u(i.t,a,i.n,i.v))}}return e.b},ne=(e,t)=>{let o=0,{length:s}=t;for(s<e.length&&e.splice(s);o<s;o++){let r=t[o];r instanceof j?t[o]=et(e[o]||(e[o]=W()),r):e[o]=null}return t},j=class{constructor(t,o,s){this.s=t,this.t=o,this.v=s}toDOM(t=W()){return et(t,this)}};var xt=e=>(t,...o)=>new j(e,t,o),x=xt(!1),xe=xt(!0),ct=new WeakMap,y=(e,t)=>((o,s)=>{let r=ct.get(o)||R(ct,o,W()),{b:n}=r,a=typeof s=="function"?s():s,i=a instanceof j?a.toDOM(r):a;return n!==i&&o.replaceChildren((r.b=i).valueOf()),o})(e,t),dt=new WeakMap,St=e=>(t,o)=>{let s=dt.get(t)||R(dt,t,new Map);return s.get(o)||R(s,o,function(r,...n){return new j(e,r,n).toDOM(this)}.bind(W()))},Se=St(!1),$e=St(!0);function m(e,...t){let o="";return e.forEach((s,r)=>{o+=s+(t[r]||"")}),o}var $t={default:void 0,s:"@media only screen and (max-width: 640px)"},w=(e,t,o={})=>{let s="";for(let[r,n]of Object.entries($t)){r!=="default"&&(s+=`${n} {`);for(let[a,i]of Object.entries(t)){let d=o[a]?` ${o[a]} `:" ";for(let[u,l]of Object.entries(i)){let c=e[a],h=l.startsWith("--")?`var(${l})`:l,p=r==="default"?a:`${r}-${a}`,f=r==="default"?`h-${a}`:`${r}-h-${a}`;if(c){let S=c.split(" ").map(A=>`${A}: ${h};`).join(" ");s+=`
-            :host([${p}="${u}"])${d}{
-              ${S}
+var rettangoli=(()=>{var{isArray:at}=Array,{getPrototypeOf:Rt,getOwnPropertyDescriptor:jt}=Object,S=[],lt=()=>document.createRange(),N=(e,t,o)=>(e.set(t,o),o),Mt=(e,t)=>t.reduceRight(Wt,e),Wt=(e,t)=>e.childNodes[t],{setPrototypeOf:Et}=Object,j,ht=(e,t,o)=>(j||(j=lt()),o?j.setStartAfter(e):j.setStartBefore(e),j.setEndAfter(t),j.deleteContents(),e),Y=({firstChild:e,lastChild:t},o)=>ht(e,t,o),ct=!1,Z=(e,t)=>ct&&e.nodeType===11?1/t<0?t?Y(e,!0):e.lastChild:t?e.valueOf():e.firstChild:e,rt=e=>document.createComment(e),tt=class extends(t=>{function o(n){return Et(n,new.target.prototype)}return o.prototype=t.prototype,o})(DocumentFragment){#e=rt("<>");#o=rt("</>");#t=S;constructor(t){super(t),this.replaceChildren(this.#e,...t.childNodes,this.#o),ct=!0}get firstChild(){return this.#e}get lastChild(){return this.#o}get parentNode(){return this.#e.parentNode}remove(){Y(this,!1)}replaceWith(t){Y(this,!0).replaceWith(t)}valueOf(){let{parentNode:t}=this;if(t===this)this.#t===S&&(this.#t=[...this.childNodes]);else{if(t){let{firstChild:o,lastChild:n}=this;for(this.#t=[o];o!==n;)this.#t.push(o=o.nextSibling)}this.replaceChildren(...this.#t)}return this}},dt=(e,t,o)=>e.setAttribute(t,o),D=(e,t)=>e.removeAttribute(t),L,Ot=(e,t,o)=>{o=o.slice(1),L||(L=new WeakMap);let n=L.get(e)||N(L,e,{}),s=n[o];return s&&s[0]&&e.removeEventListener(o,...s),s=at(t)?t:[t,!1],n[o]=s,s[0]&&e.addEventListener(o,...s),t},V=(e,t)=>{let{t:o,n}=e,s=!1;switch(typeof t){case"object":if(t!==null){(n||o).replaceWith(e.n=t.valueOf());break}case"undefined":s=!0;default:o.data=s?"":t,n&&(e.n=null,n.replaceWith(o))}return t},I=(e,t,o)=>e[o]=t,Tt=(e,t,o)=>I(e,t,o.slice(1)),et=(e,t,o)=>t==null?(D(e,o),t):I(e,t,o),gt=(e,t)=>(typeof t=="function"?t(e):t.current=e,t),q=(e,t,o)=>(t==null?D(e,o):dt(e,o,t),t),Nt=(e,t,o)=>(e.toggleAttribute(o.slice(1),t),t),B=(e,t,o)=>{let{length:n}=t;if(e.data=`[${n}]`,n)return((s,i,a,r,g)=>{let p=a.length,l=i.length,h=p,c=0,d=0,u=null;for(;c<l||d<h;)if(l===c){let b=h<p?d?r(a[d-1],-0).nextSibling:r(a[h],0):g;for(;d<h;)s.insertBefore(r(a[d++],1),b)}else if(h===d)for(;c<l;)u&&u.has(i[c])||s.removeChild(r(i[c],-1)),c++;else if(i[c]===a[d])c++,d++;else if(i[l-1]===a[h-1])l--,h--;else if(i[c]===a[h-1]&&a[d]===i[l-1]){let b=r(i[--l],-0).nextSibling;s.insertBefore(r(a[d++],1),r(i[c++],-0).nextSibling),s.insertBefore(r(a[--h],1),b),i[l]=a[h]}else{if(!u){u=new Map;let b=d;for(;b<h;)u.set(a[b],b++)}if(u.has(i[c])){let b=u.get(i[c]);if(d<b&&b<h){let w=c,k=1;for(;++w<l&&w<h&&u.get(i[w])===b+k;)k++;if(k>b-d){let Q=r(i[c],0);for(;d<b;)s.insertBefore(r(a[d++],1),Q)}else s.replaceChild(r(a[d++],1),r(i[c++],-1))}else c++}else s.removeChild(r(i[c++],-1))}return a})(e.parentNode,o,t,Z,e);switch(o.length){case 1:o[0].remove();case 0:break;default:ht(Z(o[0],0),Z(o.at(-1),-0),!1)}return S},Vt=new Map([["aria",(e,t)=>{for(let o in t){let n=t[o],s=o==="role"?o:`aria-${o}`;n==null?D(e,s):dt(e,s,n)}return t}],["class",(e,t)=>et(e,t,t==null?"class":"className")],["data",(e,t)=>{let{dataset:o}=e;for(let n in t)t[n]==null?delete o[n]:o[n]=t[n];return t}],["ref",gt],["style",(e,t)=>t==null?et(e,t,"style"):I(e.style,t,"cssText")]]),zt=(e,t,o)=>{switch(t[0]){case".":return Tt;case"?":return Nt;case"@":return Ot;default:return o||"ownerSVGElement"in e?t==="ref"?gt:q:Vt.get(t)||(t in e?t.startsWith("on")?I:((n,s)=>{let i;do i=jt(n,s);while(!i&&(n=Rt(n)));return i})(e,t)?.set?et:q:q)}},Lt=(e,t)=>(e.textContent=t??"",t),T=(e,t,o)=>({a:e,b:t,c:o}),M=()=>T(null,null,S),pt=e=>(t,o)=>{let{a:n,b:s,c:i}=e(t,o),a=document.importNode(n,!0),r=S;if(s!==S){r=[];for(let c,d,u=0;u<s.length;u++){let{a:b,b:w,c:k}=s[u],Q=b===d?c:c=Mt(a,d=b);r[u]=(g=w,p=Q,l=k,h=w===B?[]:w===V?M():null,{v:S,u:g,t:p,n:l,c:h})}}var g,p,l,h;return((c,d)=>({b:c,c:d}))(i?a.firstChild:new tt(a),r)},Ht=/^(?:plaintext|script|style|textarea|title|xmp)$/i,Bt=/^(?:area|base|br|col|embed|hr|img|input|keygen|link|menuitem|meta|param|source|track|wbr)$/i,Dt=/<([a-zA-Z0-9]+[a-zA-Z0-9:._-]*)([^>]*?)(\/?)>/g,It=/([^\s\\>"'=]+)\s*=\s*(['"]?)\x01/g,Pt=/[\x01\x02]/g,J,K,H=document.createElement("template"),Ut=(e,t)=>{if(t)return J||(J=document.createElementNS("http://www.w3.org/2000/svg","svg"),K=lt(),K.selectNodeContents(J)),K.createContextualFragment(e);H.innerHTML=e;let{content:o}=H;return H=H.cloneNode(!1),o},X=e=>{let t=[],o;for(;o=e.parentNode;)t.push(t.indexOf.call(o.childNodes,e)),e=o;return t},st=()=>document.createTextNode(""),Ft=(e,t,o)=>{let n=Ut(((g,p,l)=>{let h=0;return g.join("
").trim().replace(Dt,(c,d,u,b)=>`<${d}${u.replace(It,"=$2$1").trimEnd()}${b?l||Bt.test(d)?" /":`></${d}`:""}>`).replace(Pt,c=>c==="
"?`<!--${p+h++}-->`:p+h++)})(e,O,o),o),{length:s}=e,i=S;if(s>1){let g=[],p=document.createTreeWalker(n,129),l=0,h=`${O}${l++}`;for(i=[];l<s;){let c=p.nextNode();if(c.nodeType===8){if(c.data===h){let d=at(t[l-1])?B:V;d===V&&g.push(c),i.push(T(X(c),d,null)),h=`${O}${l++}`}}else{let d;for(;c.hasAttribute(h);){d||(d=X(c));let u=c.getAttribute(h);i.push(T(d,zt(c,u,o),u)),D(c,h),h=`${O}${l++}`}!o&&Ht.test(c.localName)&&c.textContent.trim()===`<!--${h}-->`&&(i.push(T(d||X(c),Lt,null)),h=`${O}${l++}`)}}for(l=0;l<g.length;l++)g[l].replaceWith(st())}let{childNodes:a}=n,{length:r}=a;return r<1?(r=1,n.appendChild(st())):r===1&&s!==1&&a[0].nodeType!==1&&(r=0),N(ut,e,T(n,i,r===1))},ut=new WeakMap,O="is\xB5",ft=e=>(t,o)=>ut.get(t)||Ft(t,o,e),Gt=pt(ft(!1)),Qt=pt(ft(!0)),ot=(e,{s:t,t:o,v:n})=>{if(e.a!==o){let{b:s,c:i}=(t?Qt:Gt)(o,n);e.a=o,e.b=s,e.c=i}for(let{c:s}=e,i=0;i<s.length;i++){let a=n[i],r=s[i];switch(r.u){case B:r.v=B(r.t,Zt(r.c,a),r.v);break;case V:let g=a instanceof _?ot(r.c||(r.c=M()),a):(r.c=null,a);g!==r.v&&(r.v=V(r,g));break;default:a!==r.v&&(r.v=r.u(r.t,a,r.n,r.v))}}return e.b},Zt=(e,t)=>{let o=0,{length:n}=t;for(n<e.length&&e.splice(n);o<n;o++){let s=t[o];s instanceof _?t[o]=ot(e[o]||(e[o]=M()),s):e[o]=null}return t},_=class{constructor(t,o,n){this.s=t,this.t=o,this.v=n}toDOM(t=M()){return ot(t,this)}};var mt=e=>(t,...o)=>new _(e,t,o),A=mt(!1),ce=mt(!0),nt=new WeakMap,R=(e,t)=>((o,n)=>{let s=nt.get(o)||N(nt,o,M()),{b:i}=s,a=typeof n=="function"?n():n,r=a instanceof _?a.toDOM(s):a;return i!==r&&o.replaceChildren((s.b=r).valueOf()),o})(e,t),it=new WeakMap,bt=e=>(t,o)=>{let n=it.get(t)||N(it,t,new Map);return n.get(o)||N(n,o,function(s,...i){return new _(e,s,i).toDOM(this)}.bind(M()))},de=bt(!1),ge=bt(!0);function m(e,...t){let o="";return e.forEach((n,s)=>{o+=n+(t[s]||"")}),o}var vt={default:void 0,s:"@media only screen and (max-width: 640px)"},y=(e,t,o={})=>{let n="";for(let[s,i]of Object.entries(vt)){s!=="default"&&(n+=`${i} {`);for(let[a,r]of Object.entries(t)){let g=o[a]?` ${o[a]} `:" ";for(let[p,l]of Object.entries(r)){let h=e[a],c=l.startsWith("--")?`var(${l})`:l,d=s==="default"?a:`${s}-${a}`,u=s==="default"?`h-${a}`:`${s}-h-${a}`;if(h){let w=h.split(" ").map(k=>`${k}: ${c};`).join(" ");n+=`
+            :host([${d}="${p}"])${g}{
+              ${w}
             }
-            :host([${f}="${u}"]:hover)${d}{
-              ${S}
+            :host([${u}="${p}"]:hover)${g}{
+              ${w}
             }
-          `}else s+=`
-            :host([${p}="${u}"])${d}{
+          `}else n+=`
+            :host([${d}="${p}"])${g}{
               ${l}
             }
-            :host([${f}="${u}"]:hover)${d}{
+            :host([${u}="${p}"]:hover)${g}{
               ${l}
             }
-          `}}r!=="default"&&(s+="}")}return s};function ie(e){if(e===null||e.includes("/"))return!1;let t=String(e);return/[0-9]$/.test(t)}var ae=e=>/%$/.test(e),v=e=>{if(e!==void 0)return ae(e)?e:ie(e)?`${e}px`:e},g={xs:"--spacing-xs",s:"--spacing-s",m:"--spacing-m",l:"--spacing-l",xl:"--spacing-xl"};function E(e){let t="";for(let[o,s]of Object.entries($t)){o!=="default"&&(t+=`${s} {
-`);let r="";for(let[n,a]of Object.entries(e[o]))a!=null&&(r+=`${n}: ${a};
+          `}}s!=="default"&&(n+="}")}return n};function qt(e){if(e===null||e.includes("/"))return!1;let t=String(e);return/[0-9]$/.test(t)}var Jt=e=>/%$/.test(e),v=e=>{if(e!==void 0)return Jt(e)?e:qt(e)?`${e}px`:e},f={xs:"--spacing-xs",s:"--spacing-s",m:"--spacing-m",l:"--spacing-l",xl:"--spacing-xl"};function W(e){let t="";for(let[o,n]of Object.entries(vt)){o!=="default"&&(t+=`${n} {
+`);let s="";for(let[i,a]of Object.entries(e[o]))a!=null&&(s+=`${i}: ${a};
 `);t+=`:host {
-    ${r.trim()}
+    ${s.trim()}
     }
 `,o!=="default"&&(t+=`}
-`)}return t}var k=m`
+`)}return t}var $=m`
 :host([flex="0"]) {
   flex: 0;
 }
@@ -58,164 +58,164 @@ var rettangoli=(()=>{var{isArray:pt}=Array,{getPrototypeOf:Ht,getOwnPropertyDesc
 :host([flex="12"]) {
   flex: 12;
 }
-`;var le={mt:"margin-top",mr:"margin-right",mb:"margin-bottom",ml:"margin-left",m:"margin",mh:"margin-left margin-right",mv:"margin-top margin-bottom"},he={mt:g,mr:g,mb:g,ml:g,m:g,mh:g,mv:g},ce={mt:"button",mr:"button",mb:"button",ml:"button",m:"button",mh:"button",mv:"button"},Ct=w(le,he,ce);var kt=new CSSStyleSheet;kt.replaceSync(m`
-  :host {
-    display: contents;
-  }
-  slot {
-    display: contents;
-  }
+`;var Kt={mt:"margin-top",mr:"margin-right",mb:"margin-bottom",ml:"margin-left",m:"margin",mh:"margin-left margin-right",mv:"margin-top margin-bottom"},Xt={mt:f,mr:f,mb:f,ml:f,m:f,mh:f,mv:f},Yt={mt:"button",mr:"button",mb:"button",ml:"button",m:"button",mh:"button",mv:"button"},yt=y(Kt,Xt,Yt);var wt=({render:e,html:t})=>{let o=new CSSStyleSheet;return o.replaceSync(m`
+    :host {
+      display: contents;
+    }
+    slot {
+      display: contents;
+    }
 
-  button {
-    border-style: solid;
-    padding: 0px;
-    font-size: var(--typography-body-s-font-size);
-    font-weight: var(--typography-body-s-font-weight);
-    line-height: var(--typography-body-s-line-height);
-    letter-spacing: var(--typography-body-s-letter-spacing);
-  }
+    button {
+      border-style: solid;
+      padding: 0px;
+      font-size: var(--typography-body-s-font-size);
+      font-weight: var(--typography-body-s-font-weight);
+      line-height: var(--typography-body-s-line-height);
+      letter-spacing: var(--typography-body-s-letter-spacing);
+    }
 
-  button:hover {
-    cursor: pointer;
-  }
+    button:hover {
+      cursor: pointer;
+    }
 
-  :host([t="ps"]) button,
-  :host([t="p"]) button,
-  :host([t="pl"]) button {
-    color: var(--color-on-primary);
-    border-color: var(--color-primary);
-    background-color: var(--color-primary);
-  }
+    :host([t="ps"]) button,
+    :host([t="p"]) button,
+    :host([t="pl"]) button {
+      color: var(--color-on-primary);
+      border-color: var(--color-primary);
+      background-color: var(--color-primary);
+    }
 
-  :host([t="ps"]) button:hover,
-  :host([t="p"]) button:hover,
-  :host([t="pl"]) button:hover {
-    border-color: var(--color-primary-hover);
-    background-color: var(--color-primary-hover);
-  }
+    :host([t="ps"]) button:hover,
+    :host([t="p"]) button:hover,
+    :host([t="pl"]) button:hover {
+      border-color: var(--color-primary-hover);
+      background-color: var(--color-primary-hover);
+    }
 
-  :host([t="ps"]) button:active,
-  :host([t="p"]) button:active,
-  :host([t="pl"]) button:active {
-    border-color: var(--color-primary-active);
-    background-color: var(--color-primary-active);
-  }
+    :host([t="ps"]) button:active,
+    :host([t="p"]) button:active,
+    :host([t="pl"]) button:active {
+      border-color: var(--color-primary-active);
+      background-color: var(--color-primary-active);
+    }
 
-  :host([t="ss"]) button,
-  :host([t="s"]) button,
-  :host([t="sl"]) button {
-    color: var(--color-on-secondary);
-    border-color: var(--color-secondary);
-    background-color: var(--color-secondary);
-  }
+    :host([t="ss"]) button,
+    :host([t="s"]) button,
+    :host([t="sl"]) button {
+      color: var(--color-on-secondary);
+      border-color: var(--color-secondary);
+      background-color: var(--color-secondary);
+    }
 
-  :host([t="ss"]) button:hover,
-  :host([t="s"]) button:hover,
-  :host([t="sl"]) button:hover {
-    background-color: var(--color-secondary-hover);
-    border-color: var(--color-secondary-hover);
-  }
+    :host([t="ss"]) button:hover,
+    :host([t="s"]) button:hover,
+    :host([t="sl"]) button:hover {
+      background-color: var(--color-secondary-hover);
+      border-color: var(--color-secondary-hover);
+    }
 
-  :host([t="ss"]) button:active,
-  :host([t="s"]) button:active,
-  :host([t="sl"]) button:active {
-    background-color: var(--color-secondary-active);
-    border-color: var(--color-secondary-active);
-  }
+    :host([t="ss"]) button:active,
+    :host([t="s"]) button:active,
+    :host([t="sl"]) button:active {
+      background-color: var(--color-secondary-active);
+      border-color: var(--color-secondary-active);
+    }
 
-  :host([t="es"]) button,
-  :host([t="e"]) button,
-  :host([t="el"]) button {
-    color: var(--color-on-error);
-    border-color: var(--color-error);
-    background-color: var(--color-error);
-  }
+    :host([t="es"]) button,
+    :host([t="e"]) button,
+    :host([t="el"]) button {
+      color: var(--color-on-error);
+      border-color: var(--color-error);
+      background-color: var(--color-error);
+    }
 
-  :host([t="es"]) button:hover,
-  :host([t="e"]) button:hover,
-  :host([t="el"]) button:hover {
-    background-color: var(--color-error-hover);
-    border-color: var(--color-error-hover);
-  }
+    :host([t="es"]) button:hover,
+    :host([t="e"]) button:hover,
+    :host([t="el"]) button:hover {
+      background-color: var(--color-error-hover);
+      border-color: var(--color-error-hover);
+    }
 
-  :host([t="es"]) button:active,
-  :host([t="e"]) button:active,
-  :host([t="el"]) button:active {
-    background-color: var(--color-error-active);
-    border-color: var(--color-error-active);
-  }
+    :host([t="es"]) button:active,
+    :host([t="e"]) button:active,
+    :host([t="el"]) button:active {
+      background-color: var(--color-error-active);
+      border-color: var(--color-error-active);
+    }
 
-  :host([t="ns"]) button,
-  :host([t="n"]) button,
-  :host([t="nl"]) button {
-    color: var(--color-on-surface);
-    border-color: var(--color-surface-container);
-    background-color: var(--color-surface-container);
-  }
+    :host([t="ns"]) button,
+    :host([t="n"]) button,
+    :host([t="nl"]) button {
+      color: var(--color-on-surface);
+      border-color: var(--color-surface-container);
+      background-color: var(--color-surface-container);
+    }
 
-  :host([t="ns"]) button:hover,
-  :host([t="n"]) button:hover,
-  :host([t="nl"]) button:hover {
-    background-color: var(--color-surface-container-high);
-    border-color: var(--color-surface-container-high);
-  }
+    :host([t="ns"]) button:hover,
+    :host([t="n"]) button:hover,
+    :host([t="nl"]) button:hover {
+      background-color: var(--color-surface-container-high);
+      border-color: var(--color-surface-container-high);
+    }
 
-  :host([t="ns"]) button:active,
-  :host([t="n"]) button:active,
-  :host([t="nl"]) button:active {
-    background-color: var(--color-surface-container-high);
-    border-color: var(--color-surface-container-high);
-  }
+    :host([t="ns"]) button:active,
+    :host([t="n"]) button:active,
+    :host([t="nl"]) button:active {
+      background-color: var(--color-surface-container-high);
+      border-color: var(--color-surface-container-high);
+    }
 
-  :host([t="ps"]) button,
-  :host([t="ss"]) button,
-  :host([t="es"]) button,
-  :host([t="ns"]) button {
-    height: var(--button-height-s);
-    padding-left: var(--button-padding-horizontal-s);
-    padding-right: var(--button-padding-horizontal-s);
-    border-radius: var(--button-border-radius-s);
-  }
+    :host([t="ps"]) button,
+    :host([t="ss"]) button,
+    :host([t="es"]) button,
+    :host([t="ns"]) button {
+      height: var(--button-height-s);
+      padding-left: var(--button-padding-horizontal-s);
+      padding-right: var(--button-padding-horizontal-s);
+      border-radius: var(--button-border-radius-s);
+    }
 
-  :host([t="p"]) button,
-  :host([t="s"]) button,
-  :host([t="e"]) button,
-  :host([t="n"]) button {
-    height: var(--button-height-m);
-    padding-left: var(--button-padding-horizontal-m);
-    padding-right: var(--button-padding-horizontal-m);
-    border-radius: var(--button-border-radius-m);
-  }
+    :host([t="p"]) button,
+    :host([t="s"]) button,
+    :host([t="e"]) button,
+    :host([t="n"]) button {
+      height: var(--button-height-m);
+      padding-left: var(--button-padding-horizontal-m);
+      padding-right: var(--button-padding-horizontal-m);
+      border-radius: var(--button-border-radius-m);
+    }
 
-  :host([t="pl"]) button,
-  :host([t="sl"]) button,
-  :host([t="el"]) button,
-  :host([t="nl"]) button {
-    height: var(--button-height-l);
-    padding-left: var(--button-padding-horizontal-l);
-    padding-right: var(--button-padding-horizontal-l);
-    border-radius: var(--button-border-radius-l);
-    font-size: var(--typography-label-l-font-size);
-    font-weight: var(--typography-label-l-font-weight);
-    line-height: var(--typography-label-l-line-height);
-    letter-spacing: var(--typography-label-l-letter-spacing);
-  }
-  ${Ct}
-  ${k}
-`);var ot=class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[kt],y(this.shadow,this.render)}static get observedAttributes(){return["key","href","target","w","t"]}_buttonRef={};_assingRef=t=>{this._buttonRef.current=t;let o=v(this.getAttribute("w"));o==="f"?this._buttonRef.current.style.width="100%":o!=null&&(this._buttonRef.current.style.width=o)};attributeChangedCallback(t,o,s){if(!this._buttonRef.current)return;let r=v(this.getAttribute("w"));r==="f"?this._buttonRef.current.style.width="100%":r!=null&&(this._buttonRef.current.style.width=r,this._buttonRef.current.style.minWidth=r,this._buttonRef.current.style.maxWidth=r),y(this.shadow,this.render)}render=()=>this.getAttribute("href")?x`
-        <a
-          href=${this.getAttribute("href")}
-          target=${this.getAttribute("target")}
-        >
-          <button>
-            <slot></slot>
-          </button>
-        </a>
-      `:x`
-      <button ref=${this._assingRef}>
-        <slot></slot>
-      </button>
-    `},_t=ot;var U=m`
+    :host([t="pl"]) button,
+    :host([t="sl"]) button,
+    :host([t="el"]) button,
+    :host([t="nl"]) button {
+      height: var(--button-height-l);
+      padding-left: var(--button-padding-horizontal-l);
+      padding-right: var(--button-padding-horizontal-l);
+      border-radius: var(--button-border-radius-l);
+      font-size: var(--typography-label-l-font-size);
+      font-weight: var(--typography-label-l-font-weight);
+      line-height: var(--typography-label-l-line-height);
+      letter-spacing: var(--typography-label-l-letter-spacing);
+    }
+    ${yt}
+    ${$}
+  `),class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[o],e(this.shadow,this.render)}static get observedAttributes(){return["key","href","target","w","t"]}_buttonRef={};_assingRef=s=>{this._buttonRef.current=s;let i=v(this.getAttribute("w"));i==="f"?this._buttonRef.current.style.width="100%":i!=null&&(this._buttonRef.current.style.width=i)};attributeChangedCallback(s,i,a){if(!this._buttonRef.current)return;let r=v(this.getAttribute("w"));r==="f"?this._buttonRef.current.style.width="100%":r!=null&&(this._buttonRef.current.style.width=r,this._buttonRef.current.style.minWidth=r,this._buttonRef.current.style.maxWidth=r),e(this.shadow,this.render)}render=()=>this.getAttribute("href")?t`
+          <a
+            href=${this.getAttribute("href")}
+            target=${this.getAttribute("target")}
+          >
+            <button>
+              <slot></slot>
+            </button>
+          </a>
+        `:t`
+        <button ref=${this._assingRef}>
+          <slot></slot>
+        </button>
+      `}};var P=m`
 
   :host([d="h"]) {
     flex-direction: row;
@@ -279,7 +279,7 @@ var rettangoli=(()=>{var{isArray:pt}=Array,{getPrototypeOf:Ht,getOwnPropertyDesc
       justify-content: center;
     }
   }
-`;var de={cur:"cursor"},pe={cur:{p:"pointer",m:"move",grab:"grab",grabbing:"grabbing"}},$=w(de,pe);var F=m`
+`;var te={cur:"cursor"},ee={cur:{p:"pointer",m:"move",grab:"grab",grabbing:"grabbing"}},x=y(te,ee);var U=m`
 :host([sh]:not([sv])) {
     overflow-x: scroll;
     flex-wrap: nowrap;
@@ -297,7 +297,7 @@ var rettangoli=(()=>{var{isArray:pt}=Array,{getPrototypeOf:Ht,getOwnPropertyDesc
     flex-wrap: nowrap;
 }
 
-`;var L={xs:"--border-width-xs",s:"--border-width-s",m:"--border-width-m",l:"--border-width-l",xl:"--border-width-xl"},ge={pos:"position",shadow:"box-shadow",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"},ue={bgc:{p:`
+`;var z={xs:"--border-width-xs",s:"--border-width-s",m:"--border-width-m",l:"--border-width-l",xl:"--border-width-xl"},oe={pos:"position",shadow:"box-shadow",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"},re={bgc:{p:`
     background-color: var(--color-primary);
     color: var(--color-on-primary);
     `,pc:`
@@ -358,36 +358,37 @@ var rettangoli=(()=>{var{isArray:pt}=Array,{getPrototypeOf:Ht,getOwnPropertyDesc
         left: 0;
         top: 0;
         height: 100%;
-        `},shadow:{s:"--shadow-s",m:"--shadow-m",l:"--shadow-l"},pt:g,pr:g,pb:g,pl:g,p:g,ph:g,pv:g,g,gv:g,gh:g,bw:L,bwt:L,bwr:L,bwb:L,bwl:L,bc:{p:"--color-primary",pc:"--color-primary-container",s:"--color-secondary",sc:"--color-secondary-container",e:"--color-error",ec:"--color-error-container",su:"--color-surface",sucl:"--color-surface-container-low",suc:"--color-surface-container",such:"--color-surface-container-high",isu:"--color-inverse-surface",o:"--color-outline",ov:"--color-outline-variant"},br:{xs:"--border-radius-xs",s:"--border-radius-s",m:"--border-radius-m",l:"--border-radius-l",xl:"--border-radius-xl",f:"50%"}},O=w(ge,ue);var fe={mt:"margin-top",mr:"margin-right",mb:"margin-bottom",ml:"margin-left",m:"margin",mh:"margin-left margin-right",mv:"margin-top margin-bottom"},me={mt:g,mr:g,mb:g,ml:g,m:g,mh:g,mv:g},_=w(fe,me);var At=new CSSStyleSheet;At.replaceSync(m`
-  slot {
-    display: contents;
-  }
-  :host([hidden]) {
-    display: none;
-  }
-  :host {
-    display: flex;
-    align-self: auto;
-    align-content: flex-start;
-    flex-wrap: wrap;
-    border-style: solid;
-    border-width: 0;
-    box-sizing: border-box;
-  }
-  :host([stretch]) {
-    align-self: stretch;
-  }
-  ${k}
-  ${F}
-  ${U}
-  ${_}
-  ${$}
-  ${O}
-`);var rt=class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[At],y(this.shadow,this.render)}static get observedAttributes(){return["key","wh","w","h","hidden","s-w","s-h","s-d"]}_styles={default:{},s:{}};attributeChangedCallback(t,o,s){["default","s"].forEach(r=>{let n=c=>`${r==="default"?"":`${r}-`}${c}`,a=this.getAttribute(n("wh")),i=v(a===null?this.getAttribute(n("w")):a),d=v(a===null?this.getAttribute(n("h")):a),u=this.getAttribute(n("o")),l=this.getAttribute(n("z"));l!==null&&(this._styles[r]["z-index"]=l),u!==null&&(this._styles[r].opacity=u),i==="f"?this._styles[r].width="100%":i!==void 0&&(this._styles[r].width=i,this._styles[r]["min-width"]=i,this._styles[r]["max-width"]=i),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("hidden")&&(this._styles[r].display="none")}),y(this.shadow,this.render)}render=()=>x`
-      <style>
-      ${E(this._styles)}
-      </style>
-      <slot></slot> `},jt=rt;var be={at:"text-align"},ve={at:{c:"center",e:"right",j:"justify"},s:{dm:`
+        `},shadow:{s:"--shadow-s",m:"--shadow-m",l:"--shadow-l"},pt:f,pr:f,pb:f,pl:f,p:f,ph:f,pv:f,g:f,gv:f,gh:f,bw:z,bwt:z,bwr:z,bwb:z,bwl:z,bc:{p:"--color-primary",pc:"--color-primary-container",s:"--color-secondary",sc:"--color-secondary-container",e:"--color-error",ec:"--color-error-container",su:"--color-surface",sucl:"--color-surface-container-low",suc:"--color-surface-container",such:"--color-surface-container-high",isu:"--color-inverse-surface",o:"--color-outline",ov:"--color-outline-variant"},br:{xs:"--border-radius-xs",s:"--border-radius-s",m:"--border-radius-m",l:"--border-radius-l",xl:"--border-radius-xl",f:"50%"}},E=y(oe,re);var se={mt:"margin-top",mr:"margin-right",mb:"margin-bottom",ml:"margin-left",m:"margin",mh:"margin-left margin-right",mv:"margin-top margin-bottom"},ne={mt:f,mr:f,mb:f,ml:f,m:f,mh:f,mv:f},C=y(se,ne);var xt=({render:e,html:t})=>{let o=new CSSStyleSheet;return o.replaceSync(m`
+    slot {
+      display: contents;
+    }
+    :host([hidden]) {
+      display: none;
+    }
+    :host {
+      display: flex;
+      align-self: auto;
+      align-content: flex-start;
+      flex-wrap: wrap;
+      border-style: solid;
+      border-width: 0;
+      box-sizing: border-box;
+    }
+    :host([stretch]) {
+      align-self: stretch;
+    }
+    ${$}
+    ${U}
+  ${P}
+  ${C}
+  ${x}
+  ${E}
+  `),class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[o],e(this.shadow,this.render)}static get observedAttributes(){return["key","wh","w","h","hidden","s-w","s-h","s-d"]}_styles={default:{},s:{}};attributeChangedCallback(s,i,a){["default","s"].forEach(r=>{let g=u=>`${r==="default"?"":`${r}-`}${u}`,p=this.getAttribute(g("wh")),l=v(p===null?this.getAttribute(g("w")):p),h=v(p===null?this.getAttribute(g("h")):p),c=this.getAttribute(g("o")),d=this.getAttribute(g("z"));d!==null&&(this._styles[r]["z-index"]=d),c!==null&&(this._styles[r].opacity=c),l==="f"?this._styles[r].width="100%":l!==void 0&&(this._styles[r].width=l,this._styles[r]["min-width"]=l,this._styles[r]["max-width"]=l),h==="f"?this._styles[r].height="100%":h!==void 0&&(this._styles[r].height=h,this._styles[r]["min-height"]=h,this._styles[r]["max-height"]=h),this.hasAttribute("hidden")&&(this._styles[r].display="none")}),e(this.shadow,this.render)}render=()=>t`
+        <style>
+          ${W(this._styles)}
+        </style>
+        <slot></slot>
+      `}};var ie={at:"text-align"},ae={at:{c:"center",e:"right",j:"justify"},s:{dm:`
         font-size: var(--typography-display-m-font-size);
         font-weight: var(--typography-display-m-font-weight);
         line-height: var(--typography-display-m-line-height);
@@ -437,63 +438,61 @@ var rettangoli=(()=>{var{isArray:pt}=Array,{getPrototypeOf:Ht,getOwnPropertyDesc
         font-weight: var(--typography-label-m-font-weight);
         line-height: var(--typography-label-m-line-height);
         letter-spacing: var(--typography-label-m-letter-spacing);
-      `}},Mt=w(be,ve);var ye={c:"color"},we={c:{"on-p":"--color-on-primary","on-pc":"--color-on-primary-container","on-s":"--color-on-secondary","on-sc":"--color-on-secondary-container","on-su":"--color-on-surface","on-su-v":"--color-on-surface-variant","i-on-su":"--color-inverse-on-surface","on-e":"--color-on-error","on-ec":"--color-on-error-container"}},I=w(ye,we);var Wt=new CSSStyleSheet;Wt.replaceSync(m`
-:host {
-  display: block;
-}
-slot {
-  display: contents;
-}
-:host ::slotted(a) {
-  text-decoration: var(--anchor-text-decoration);
-  color: var(--anchor-color);
-}
-:host ::slotted(a:hover) {
-  text-decoration: var(--anchor-text-decoration-hover);
-  color: var(--anchor-color-hover);
-}
-${Mt}
-${I}
-${_}
-${$}
-`);var st=class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[Wt]}static get observedAttributes(){return["key","w","ellipsis"]}connectedCallback(){y(this.shadow,this.render)}attributeChangedCallback(t,o,s){let r=v(this.getAttribute("w"));this.hasAttribute("ellipsis")&&(this.style.overflow="hidden",this.style.textOverflow="ellipsis",this.style.whiteSpace="nowrap"),r==="f"?this.style.width="100%":r!==void 0&&(this.style.width=r),y(this.shadow,this.render)}render=()=>x`
-      <slot></slot>
-    `},Et=st;var Ot=new CSSStyleSheet;Ot.replaceSync(m`
-:host {
-  border-style: solid;
-  box-sizing: border-box;
-  overflow: hidden;
-  border-width: 0;
-}
-slot {
-  display: contents;
-}
-:host([of="con"]) img {
-  object-fit: contain;
-}
-:host([of="cov"]) img {
-  object-fit: cover;
-}
-:host([of="none"]) img {
-  object-fit: none;
-}
-img {
-  height: 100%;
-  width: 100%;
-}
-${O}
-${_}
-${$}
-`);var nt=class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[Ot]}_styles={default:{},s:{}};static get observedAttributes(){return["key","src","wh","w","h","hidden","height","width","s-wh","s-w","s-h"]}connectedCallback(){y(this.shadow,this.render)}attributeChangedCallback(t,o,s){["default","s"].forEach(r=>{let n=c=>`${r==="default"?"":`${r}-`}${c}`,a=this.getAttribute(n("wh")),i=v(a===null?this.getAttribute(n("w")):a),d=v(a===null?this.getAttribute(n("h")):a),u=this.getAttribute(n("o")),l=this.getAttribute(n("z"));l!==null&&(this._styles[r].zIndex=l),u!==null&&(this._styles[r].opacity=u),i==="f"?this._styles[r].width="100%":i!==void 0&&(this._styles[r].width=i,this._styles[r]["min-width"]=i,this._styles[r]["max-width"]=i),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)}),y(this.shadow,this.render)}render=()=>x`
-      <style>
-      ${E(this._styles)}
-      </style>
-      <img
-        src="${this.getAttribute("src")}"
-        width="${this.getAttribute("width")}"
-        height="${this.getAttribute("height")}"
-      >
-    `},Tt=nt;var Nt=m`
+      `}},St=y(ie,ae);var le={c:"color"},he={c:{"on-p":"--color-on-primary","on-pc":"--color-on-primary-container","on-s":"--color-on-secondary","on-sc":"--color-on-secondary-container","on-su":"--color-on-surface","on-su-v":"--color-on-surface-variant","i-on-su":"--color-inverse-on-surface","on-e":"--color-on-error","on-ec":"--color-on-error-container"}},F=y(le,he);var $t=({render:e,html:t})=>{let o=new CSSStyleSheet;o.replaceSync(m`
+    :host {
+      display: block;
+    }
+    slot {
+      display: contents;
+    }
+    :host ::slotted(a) {
+      text-decoration: var(--anchor-text-decoration);
+      color: var(--anchor-color);
+    }
+    :host ::slotted(a:hover) {
+      text-decoration: var(--anchor-text-decoration-hover);
+      color: var(--anchor-color-hover);
+    }
+    ${St}
+    ${F}
+${C}
+${x}
+  `);class n extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[o]}static get observedAttributes(){return["key","w","ellipsis"]}connectedCallback(){e(this.shadow,this.render)}attributeChangedCallback(i,a,r){let g=v(this.getAttribute("w"));this.hasAttribute("ellipsis")&&(this.style.overflow="hidden",this.style.textOverflow="ellipsis",this.style.whiteSpace="nowrap"),g==="f"?this.style.width="100%":g!==void 0&&(this.style.width=g),e(this.shadow,this.render)}render=()=>t` <slot></slot> `}return n};var Ct=({render:e,html:t})=>{let o=new CSSStyleSheet;return o.replaceSync(m`
+    :host {
+      border-style: solid;
+      box-sizing: border-box;
+      overflow: hidden;
+      border-width: 0;
+    }
+    slot {
+      display: contents;
+    }
+    :host([of="con"]) img {
+      object-fit: contain;
+    }
+    :host([of="cov"]) img {
+      object-fit: cover;
+    }
+    :host([of="none"]) img {
+      object-fit: none;
+    }
+    img {
+      height: 100%;
+      width: 100%;
+    }
+    ${E}
+    ${C}
+${x}
+  `),class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[o]}_styles={default:{},s:{}};static get observedAttributes(){return["key","src","wh","w","h","hidden","height","width","s-wh","s-w","s-h"]}connectedCallback(){e(this.shadow,this.render)}attributeChangedCallback(s,i,a){["default","s"].forEach(r=>{let g=u=>`${r==="default"?"":`${r}-`}${u}`,p=this.getAttribute(g("wh")),l=v(p===null?this.getAttribute(g("w")):p),h=v(p===null?this.getAttribute(g("h")):p),c=this.getAttribute(g("o")),d=this.getAttribute(g("z"));d!==null&&(this._styles[r].zIndex=d),c!==null&&(this._styles[r].opacity=c),l==="f"?this._styles[r].width="100%":l!==void 0&&(this._styles[r].width=l,this._styles[r]["min-width"]=l,this._styles[r]["max-width"]=l),h==="f"?this._styles[r].height="100%":h!==void 0&&(this._styles[r].height=h,this._styles[r]["min-height"]=h,this._styles[r]["max-height"]=h)}),e(this.shadow,this.render)}render=()=>t`
+        <style>
+          ${W(this._styles)}
+        </style>
+        <img
+          src="${this.getAttribute("src")}"
+          width="${this.getAttribute("width")}"
+          height="${this.getAttribute("height")}"
+        />
+      `}};var kt=m`
 :host([pt="xs"]) svg {
   padding-top: var(--spacing-xs);
 }
@@ -609,42 +608,42 @@ ${$}
   padding-top: var(--spacing-xl);
   padding-bottom: var(--spacing-xl);
 }
-`;var Rt=new CSSStyleSheet;Rt.replaceSync(m`
-${I}
-${Nt}
-${k}
+`;var _t=({render:e,html:t})=>{let o=new CSSStyleSheet;return o.replaceSync(m`
+    ${F}
+    ${kt}
 ${$}
-`);var it=class e extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[Rt]}static _icons={};static get observedAttributes(){return["key","svg","w","h","wh"]}static get icons(){return e._icons}static addIcon(t,o){e._icons[t]=o}connectedCallback(){this.render()}attributeChangedCallback(t,o,s){let r=this.getAttribute("wh"),n=v(r===null?this.getAttribute("w"):r),a=v(r===null?this.getAttribute("h"):r);n&&(this.style.width=n),a&&(this.style.height=a),this.render()}render=()=>{try{let t=this.getAttribute("svg"),o=e._icons[t]||(window.rtglIcons||{})[t];if(o){this.shadow.innerHTML=o;return}}catch(t){console.log("error in rtgl-svg render",t)}this.shadow.innerHTML=""}},zt=it;var Lt=new CSSStyleSheet;Lt.replaceSync(m`
-  slot {
-    display: contents;
-  }
-  :host([hidden]) {
-    display: none;
-  }
-  :host {
-    display: flex;
-    align-self: auto;
-    align-content: flex-start;
-    flex-wrap: wrap;
-    border-style: solid;
-    border-width: 0;
-    box-sizing: border-box;
-  }
-  :host([stretch]) {
-    align-self: stretch;
-  }
-  ${k}
-  ${F}
-  ${U}
-  ${_}
-  ${$}
-  ${O}
-`);var at=class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[Lt]}connectedCallback(){y(this.shadow,this.render)}static get observedAttributes(){return["key","wh","w","h","hidden","s-w","s-h","s-d"]}_styles={default:{},s:{}};attributeChangedCallback(t,o,s){["default","s"].forEach(r=>{let n=c=>`${r==="default"?"":`${r}-`}${c}`,a=this.getAttribute(n("wh")),i=v(a===null?this.getAttribute(n("w")):a),d=v(a===null?this.getAttribute(n("h")):a),u=this.getAttribute(n("o")),l=this.getAttribute(n("z"));l!==null&&(this._styles[r]["z-index"]=l),u!==null&&(this._styles[r].opacity=u),i==="f"?this._styles[r].width="100%":i!==void 0&&(this._styles[r].width=i,this._styles[r]["min-width"]=i,this._styles[r]["max-width"]=i),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("hidden")&&(this._styles[r].display="none")}),setTimeout(()=>{y(this.shadow,this.render)},0)}render=()=>x`
-      <style>
-        ${E(this._styles)}
-      </style>
-      <slot name="top"></slot>
-      ${this.items?.map((t,o)=>(typeof this.itemsRenderer=="function"?this.itemsRenderer:this.itemsRenderer.maps[t[this.itemsRenderer.key]])(t,o))}
-      <slot name="bottom"></slot>
-    `},Vt=at;customElements.define("rtgl-button",_t);customElements.define("rtgl-view",jt);customElements.define("rtgl-text",Et);customElements.define("rtgl-image",Tt);customElements.define("rtgl-svg",zt);customElements.define("rtgl-list-view",Vt);})();
+${x}
+  `),class G extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[o]}static _icons={};static get observedAttributes(){return["key","svg","w","h","wh"]}static get icons(){return G._icons}static addIcon(s,i){G._icons[s]=i}connectedCallback(){this.render()}attributeChangedCallback(s,i,a){let r=this.getAttribute("wh"),g=v(r===null?this.getAttribute("w"):r),p=v(r===null?this.getAttribute("h"):r);g&&(this.style.width=g),p&&(this.style.height=p),this.render()}render=()=>{try{let s=this.getAttribute("svg"),i=G._icons[s]||(window.rtglIcons||{})[s];if(i){this.shadow.innerHTML=i;return}}catch(s){console.log("error in rtgl-svg render",s)}this.shadow.innerHTML=""}}};var At=({render:e,html:t})=>{let o=new CSSStyleSheet;return o.replaceSync(m`
+    slot {
+      display: contents;
+    }
+    :host([hidden]) {
+      display: none;
+    }
+    :host {
+      display: flex;
+      align-self: auto;
+      align-content: flex-start;
+      flex-wrap: wrap;
+      border-style: solid;
+      border-width: 0;
+      box-sizing: border-box;
+    }
+    :host([stretch]) {
+      align-self: stretch;
+    }
+    ${$}
+    ${U}
+  ${P}
+  ${C}
+  ${x}
+  ${E}
+  `),class extends HTMLElement{constructor(){super(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[o]}connectedCallback(){e(this.shadow,this.render)}static get observedAttributes(){return["key","wh","w","h","hidden","s-w","s-h","s-d"]}_styles={default:{},s:{}};attributeChangedCallback(s,i,a){["default","s"].forEach(r=>{let g=u=>`${r==="default"?"":`${r}-`}${u}`,p=this.getAttribute(g("wh")),l=v(p===null?this.getAttribute(g("w")):p),h=v(p===null?this.getAttribute(g("h")):p),c=this.getAttribute(g("o")),d=this.getAttribute(g("z"));d!==null&&(this._styles[r]["z-index"]=d),c!==null&&(this._styles[r].opacity=c),l==="f"?this._styles[r].width="100%":l!==void 0&&(this._styles[r].width=l,this._styles[r]["min-width"]=l,this._styles[r]["max-width"]=l),h==="f"?this._styles[r].height="100%":h!==void 0&&(this._styles[r].height=h,this._styles[r]["min-height"]=h,this._styles[r]["max-height"]=h),this.hasAttribute("hidden")&&(this._styles[r].display="none")}),setTimeout(()=>{e(this.shadow,this.render)},0)}render=()=>t`
+        <style>
+          ${W(this._styles)}
+        </style>
+        <slot name="top"></slot>
+        ${this.items?.map((s,i)=>(typeof this.itemsRenderer=="function"?this.itemsRenderer:this.itemsRenderer.maps[s[this.itemsRenderer.key]])(s,i))}
+        <slot name="bottom"></slot>
+      `}};customElements.define("rtgl-button",wt({render:R,html:A}));customElements.define("rtgl-view",xt({render:R,html:A}));customElements.define("rtgl-text",$t({render:R,html:A}));customElements.define("rtgl-image",Ct({render:R,html:A}));customElements.define("rtgl-svg",_t({render:R,html:A}));customElements.define("rtgl-list-view",At({render:R,html:A}));})();
 /*! (c) Andrea Giammarchi - MIT */