@rettangoli/ui 0.1.2-rc25 → 0.1.2-rc26

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

@@ -1,4 +1,4 @@
-var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(t[r]||"")}),s}var Z=["xs","sm","md","lg","xl"],I={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"},y=Object.keys(I),w=e=>e.concat(Z.flatMap(t=>e.map(s=>`${t}-${s}`))),H={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)"},p=(e,t={})=>{let s="";for(let[n,r]of Object.entries(H)){n!=="default"&&(s+=`${r} {`);for(let[i,l]of Object.entries(e)){let h=t[i]?` ${t[i]} `:" ";for(let[d,c]of Object.entries(l)){let u=I[i],f=c.startsWith("--")?`var(${c})`:c,b=n==="default"?i:`${n}-${i}`,T=n==="default"?`h-${i}`:`${n}-h-${i}`;if(u){let L=u.split(" ").map(Y=>`${Y}: ${f};`).join(" ");s+=`
+var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(t[r]||"")}),s}var Z=["xs","sm","md","lg","xl"],I={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"},y=Object.keys(I),w=e=>e.concat(Z.flatMap(t=>e.map(s=>`${t}-${s}`))),B={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)"},p=(e,t={})=>{let s="";for(let[n,r]of Object.entries(B)){n!=="default"&&(s+=`${r} {`);for(let[i,l]of Object.entries(e)){let h=t[i]?` ${t[i]} `:" ";for(let[d,c]of Object.entries(l)){let u=I[i],f=c.startsWith("--")?`var(${c})`:c,b=n==="default"?i:`${n}-${i}`,T=n==="default"?`h-${i}`:`${n}-h-${i}`;if(u){let L=u.split(" ").map(Y=>`${Y}: ${f};`).join(" ");s+=`
             :host([${b}="${d}"])${h}{
               ${L}
             }
@@ -12,7 +12,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
             :host([${T}="${d}"]:hover)${h}{
               ${c}
             }
-          `}}n!=="default"&&(s+="}")}return s};function tt(e){if(e===null||e.includes("/"))return!1;let t=String(e);return/[0-9]$/.test(t)}var et=e=>/%$/.test(e),g=e=>{if(e!==void 0)return et(e)?e:tt(e)?`${e}px`:Object.keys(o).includes(e)?`var(${o[e]})`:e},o={xs:"--spacing-xs",sm:"--spacing-sm",md:"--spacing-md",lg:"--spacing-lg",xl:"--spacing-xl"};function x(e,t=":host"){let s="";for(let[n,r]of Object.entries(H)){n!=="default"&&(s+=`${r} {
+          `}}n!=="default"&&(s+="}")}return s};function tt(e){if(e===null||e.includes("/"))return!1;let t=String(e);return/[0-9]$/.test(t)}var et=e=>/%$/.test(e),g=e=>{if(e!==void 0)return et(e)?e:tt(e)?`${e}px`:Object.keys(o).includes(e)?`var(${o[e]})`:e},o={xs:"--spacing-xs",sm:"--spacing-sm",md:"--spacing-md",lg:"--spacing-lg",xl:"--spacing-xl"};function x(e,t=":host"){let s="";for(let[n,r]of Object.entries(B)){n!=="default"&&(s+=`${r} {
 `);let i="";for(let[l,h]of Object.entries(e[n]))h!=null&&(i+=`${l}: ${h};
 `);s+=`${t} {
     ${i.trim()}
@@ -104,7 +104,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
     `,lk:`
       background-color: transparent;
       color: var(--foreground);
-    `}},st={mt:"button",mr:"button",mb:"button",ml:"button",m:"button",mh:"button",mv:"button",s:"button",v:"button"},B=p(it,st);var _=a`
+    `}},st={mt:"button",mr:"button",mb:"button",ml:"button",m:"button",mh:"button",mv:"button",s:"button",v:"button"},H=p(it,st);var _=a`
   a, a:link, a:visited, a:hover, a:active {
     color: inherit;
     text-decoration: none;
@@ -256,7 +256,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
           display: contents;
         }
 
-        ${B}
+        ${H}
         ${S}
       `))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._containerElement=null,this._buttonElement=document.createElement("button"),this._slotElement=document.createElement("slot"),this._iconElement=null,this._buttonElement.appendChild(this._slotElement)}static get observedAttributes(){return["key","href","target","w","t","icon","disabled","v","s","sq","ip"]}connectedCallback(){this._updateButton()}attributeChangedCallback(t,s,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 s=this.getAttribute("href");if(s){let n=document.createElement("a");n.setAttribute("href",s);let r=this.getAttribute("target");r&&n.setAttribute("target",r),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 s={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},r=s[this.getAttribute("v")]||"pr-fg",i=18;if(this.hasAttribute("sq")){let h={sm:14,lg:22},d=this.getAttribute("s");i=h[d]||18}else i=n[this.getAttribute("t")]||18;this._iconElement=document.createElement("rtgl-svg"),this._iconElement.setAttribute("svg",t),this._iconElement.setAttribute("c",r),this._iconElement.setAttribute("wh",i.toString()),this.getAttribute("ip")==="s"?this._buttonElement.insertBefore(this._iconElement,this._slotElement):this._buttonElement.appendChild(this._iconElement)}}_updateWidth(){let t=g(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="")}},q=({render:e,html:t})=>C;var U=a`