@rettangoli/ui 0.1.2-rc26 → 0.1.2-rc28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/rettangoli-iife-layout.min.js +13 -12
- package/dist/rettangoli-iife-ui.min.js +18 -17
- package/package.json +1 -1
- package/src/components/form/form.handlers.js +14 -0
- package/src/components/form/form.view.yaml +11 -4
- package/src/components/select/select.handlers.js +92 -8
- package/src/components/select/select.store.js +70 -8
- package/src/components/select/select.view.yaml +39 -9
- package/src/primitives/svg.js +2 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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
|
|
1
|
+
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 f=I[i],v=c.startsWith("--")?`var(${c})`:c,b=n==="default"?i:`${n}-${i}`,T=n==="default"?`h-${i}`:`${n}-h-${i}`;if(f){let L=f.split(" ").map(Y=>`${Y}: ${v};`).join(" ");s+=`
|
|
2
2
|
:host([${b}="${d}"])${h}{
|
|
3
3
|
${L}
|
|
4
4
|
}
|
|
@@ -387,7 +387,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
387
387
|
left: 0;
|
|
388
388
|
top: 0;
|
|
389
389
|
height: 100%;
|
|
390
|
-
`},shadow:{sm:"--shadow-sm",md:"--shadow-md",lg:"--shadow-lg"},pt:o,pr:o,pb:o,pl:o,p:o,ph:o,pv:o,g:o,gv:o,gh:o,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"}},k=p(rt);var ot={mt:o,mr:o,mb:o,ml:o,m:o,mh:o,mv:o},
|
|
390
|
+
`},shadow:{sm:"--shadow-sm",md:"--shadow-md",lg:"--shadow-lg"},pt:o,pr:o,pb:o,pl:o,p:o,ph:o,pv:o,g:o,gv:o,gh:o,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"}},k=p(rt);var ot={mt:o,mr:o,mb:o,ml:o,m:o,mh:o,mv:o},u=p(ot);var $=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(a`
|
|
391
391
|
slot {
|
|
392
392
|
display: contents;
|
|
393
393
|
}
|
|
@@ -409,7 +409,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
409
409
|
${S}
|
|
410
410
|
${V}
|
|
411
411
|
${U}
|
|
412
|
-
${
|
|
412
|
+
${u}
|
|
413
413
|
${m}
|
|
414
414
|
${k}
|
|
415
415
|
${_}
|
|
@@ -427,7 +427,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
427
427
|
bottom: 0;
|
|
428
428
|
z-index: 1;
|
|
429
429
|
}
|
|
430
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styleElement=document.createElement("style"),this._slotElement=document.createElement("slot"),this._linkElement=null,this.shadow.appendChild(this._styleElement),this._updateDOM()}static get observedAttributes(){return["href","target","op",...w([...y,"wh","w","h","hidden","sh","sv","z"])]}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),s=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,s?this._linkElement.target=s:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}attributeChangedCallback(t,s,n){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let l=b=>`${i==="default"?"":`${i}-`}${b}`,h=this.getAttribute(l("wh")),d=g(h===null?this.getAttribute(l("w")):h),c=g(h===null?this.getAttribute(l("h")):h),
|
|
430
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styleElement=document.createElement("style"),this._slotElement=document.createElement("slot"),this._linkElement=null,this.shadow.appendChild(this._styleElement),this._updateDOM()}static get observedAttributes(){return["href","target","op",...w([...y,"wh","w","h","hidden","sh","sv","z"])]}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),s=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,s?this._linkElement.target=s:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}attributeChangedCallback(t,s,n){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let l=b=>`${i==="default"?"":`${i}-`}${b}`,h=this.getAttribute(l("wh")),d=g(h===null?this.getAttribute(l("w")):h),c=g(h===null?this.getAttribute(l("h")):h),f=this.getAttribute(l("op")),v=this.getAttribute(l("z"));v!==null&&(this._styles[i]["z-index"]=v),f!==null&&(this._styles[i].opacity=f),d==="f"?this._styles[i].width="var(--width-stretch)":d!==void 0&&(this._styles[i].width=d,this._styles[i]["min-width"]=d,this._styles[i]["max-width"]=d),c==="f"?this._styles[i].height="100%":c!==void 0&&(this._styles[i].height=c,this._styles[i]["min-height"]=c,this._styles[i]["max-height"]=c),this.hasAttribute(l("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(l("visible"))&&(this._styles[i].display="flex !important")});let r=x(this._styles);r!==this._lastStyleString&&(this._styleElement.textContent=r,this._lastStyleString=r)}},N=({render:e,html:t})=>$;var lt={ta:{s:"start",c:"center",e:"end",j:"justify"},s:{h1:`
|
|
431
431
|
font-size: var(--h1-font-size);
|
|
432
432
|
font-weight: var(--h1-font-weight);
|
|
433
433
|
line-height: var(--h1-line-height);
|
|
@@ -467,7 +467,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
467
467
|
font-weight: var(--xs-font-weight);
|
|
468
468
|
line-height: var(--xs-line-height);
|
|
469
469
|
letter-spacing: var(--xs-letter-spacing);
|
|
470
|
-
`}},P=p(lt);var at={c:{fg:"--foreground",de:"--destructive","pr-fg":"--primary-foreground","se-fg":"--secondary-foreground","mu-fg":"--muted-foreground","ac-fg":"--accent-foreground"}},A=p(at);var
|
|
470
|
+
`}},P=p(lt);var at={c:{fg:"--foreground",de:"--destructive","pr-fg":"--primary-foreground","se-fg":"--secondary-foreground","mu-fg":"--muted-foreground","ac-fg":"--accent-foreground"}},A=p(at);var z=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(a`
|
|
471
471
|
:host {
|
|
472
472
|
display: block;
|
|
473
473
|
font-size: var(--md-font-size);
|
|
@@ -500,9 +500,9 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
500
500
|
}
|
|
501
501
|
${P}
|
|
502
502
|
${A}
|
|
503
|
-
${
|
|
503
|
+
${u}
|
|
504
504
|
${m}
|
|
505
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._slotElement=document.createElement("slot"),this._linkElement=null,this._updateDOM()}static get observedAttributes(){return["key","w","ellipsis","href","target"]}connectedCallback(){this._updateStyling(),this._updateDOM()}attributeChangedCallback(t,s,n){t==="href"||t==="target"?this._updateDOM():this._updateStyling()}_updateStyling(){let t=g(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"),s=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,s?this._linkElement.target=s:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}},K=({render:e,html:t})
|
|
505
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._slotElement=document.createElement("slot"),this._linkElement=null,this._updateDOM()}static get observedAttributes(){return["key","w","ellipsis","href","target"]}connectedCallback(){this._updateStyling(),this._updateDOM()}attributeChangedCallback(t,s,n){t==="href"||t==="target"?this._updateDOM():this._updateStyling()}_updateStyling(){let t=g(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"),s=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,s?this._linkElement.target=s:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}},K=({render:e,html:t})=>z;var M=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(a`
|
|
506
506
|
:host {
|
|
507
507
|
border-style: solid;
|
|
508
508
|
box-sizing: border-box;
|
|
@@ -539,9 +539,9 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
539
539
|
}
|
|
540
540
|
|
|
541
541
|
${k}
|
|
542
|
-
${
|
|
542
|
+
${u}
|
|
543
543
|
${m}
|
|
544
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styleElement=document.createElement("style"),this._imgElement=document.createElement("img"),this._linkElement=null,this.shadow.appendChild(this._styleElement),this._updateDOM()}static get observedAttributes(){return w([...y,"key","src","href","target","wh","w","h","hidden","height","width","z"])}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),s=this.getAttribute("target");t?(this._linkElement||(this._linkElement=document.createElement("a")),this._linkElement.href=t,s?this._linkElement.target=s: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,s,n){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let l=b=>`${i==="default"?"":`${i}-`}${b}`,h=this.getAttribute(l("wh")),d=g(h===null?this.getAttribute(l("w")):h),c=g(h===null?this.getAttribute(l("h")):h),
|
|
544
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styleElement=document.createElement("style"),this._imgElement=document.createElement("img"),this._linkElement=null,this.shadow.appendChild(this._styleElement),this._updateDOM()}static get observedAttributes(){return w([...y,"key","src","href","target","wh","w","h","hidden","height","width","z"])}_styles={default:{},sm:{},md:{},lg:{},xl:{}};_lastStyleString="";_updateDOM(){let t=this.getAttribute("href"),s=this.getAttribute("target");t?(this._linkElement||(this._linkElement=document.createElement("a")),this._linkElement.href=t,s?this._linkElement.target=s: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,s,n){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let l=b=>`${i==="default"?"":`${i}-`}${b}`,h=this.getAttribute(l("wh")),d=g(h===null?this.getAttribute(l("w")):h),c=g(h===null?this.getAttribute(l("h")):h),f=this.getAttribute(l("o")),v=this.getAttribute(l("z"));v!==null&&(this._styles[i]["z-index"]=v),f!==null&&(this._styles[i].opacity=f),d==="f"?this._styles[i].width="var(--width-stretch)":d!==void 0&&(this._styles[i].width=d,this._styles[i]["min-width"]=d,this._styles[i]["max-width"]=d),c==="f"?this._styles[i].height="100%":c!==void 0&&(this._styles[i].height=c,this._styles[i]["min-height"]=c,this._styles[i]["max-height"]=c),this.hasAttribute(l("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(l("visible"))&&(this._styles[i].display="block !important")});let r=x(this._styles);r!==this._lastStyleString&&(this._styleElement.textContent=r,this._lastStyleString=r),this._updateImageAttributes()}_updateImageAttributes(){let t=this.getAttribute("src"),s=this.getAttribute("width"),n=this.getAttribute("height");t!==null&&this._imgElement.setAttribute("src",t),s!==null&&this._imgElement.setAttribute("width",s),n!==null&&this._imgElement.setAttribute("height",n)}connectedCallback(){this._updateImageAttributes()}},Q=({render:e,html:t})=>M;var F=a`
|
|
545
545
|
:host([pt="xs"]) svg {
|
|
546
546
|
padding-top: var(--spacing-xs);
|
|
547
547
|
}
|
|
@@ -663,6 +663,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
663
663
|
}
|
|
664
664
|
${A}
|
|
665
665
|
${F}
|
|
666
|
+
${u}
|
|
666
667
|
${S}
|
|
667
668
|
${m}
|
|
668
669
|
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet]}static get observedAttributes(){return["key","svg","w","h","wh"]}static get icons(){return e._icons}static addIcon(t,s){e._icons[t]=s}connectedCallback(){this._updateSizing(),this._render()}attributeChangedCallback(t,s,n){this._updateSizing(),this._render()}_updateSizing(){let t=this.getAttribute("wh"),s=g(t===null?this.getAttribute("w"):t),n=g(t===null?this.getAttribute("h"):t);s&&(this.style.width=s),n&&(this.style.height=n)}_render(){try{let t=this.getAttribute("svg"),s=e._icons[t]||(window.rtglIcons||{})[t];if(s){this.shadow.innerHTML=s;return}}catch(t){console.log("error in rtgl-svg render",t)}this.shadow.innerHTML=""}},R=({render:e,html:t})=>j;var O=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(a`
|
|
@@ -698,9 +699,9 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
698
699
|
input:disabled {
|
|
699
700
|
cursor: not-allowed;
|
|
700
701
|
}
|
|
701
|
-
${
|
|
702
|
+
${u}
|
|
702
703
|
${m}
|
|
703
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("input",this._onChange)}static get observedAttributes(){return["key","type","placeholder","disabled","value","s",...w([...y,"wh","w","h","hidden","visible","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}focus(){this._inputElement.focus()}_onChange=t=>{this.dispatchEvent(new CustomEvent("input-change",{detail:{value:this._inputElement.value}}))};attributeChangedCallback(t,s,n){if(t==="key"&&s!==n){requestAnimationFrame(()=>{let i=this.getAttribute("value");this._inputElement.value=i??""});return}if(["type","placeholder","disabled","value","step","s"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let l=b=>`${i==="default"?"":`${i}-`}${b}`,h=this.getAttribute(l("wh")),d=g(h===null?this.getAttribute(l("w")):h),c=g(h===null?this.getAttribute(l("h")):h),
|
|
704
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("input",this._onChange)}static get observedAttributes(){return["key","type","placeholder","disabled","value","s",...w([...y,"wh","w","h","hidden","visible","op","z"])]}get value(){return this._inputElement.value}set value(t){this._inputElement.value=t}focus(){this._inputElement.focus()}_onChange=t=>{this.dispatchEvent(new CustomEvent("input-change",{detail:{value:this._inputElement.value}}))};attributeChangedCallback(t,s,n){if(t==="key"&&s!==n){requestAnimationFrame(()=>{let i=this.getAttribute("value");this._inputElement.value=i??""});return}if(["type","placeholder","disabled","value","step","s"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let l=b=>`${i==="default"?"":`${i}-`}${b}`,h=this.getAttribute(l("wh")),d=g(h===null?this.getAttribute(l("w")):h),c=g(h===null?this.getAttribute(l("h")):h),f=this.getAttribute(l("op")),v=this.getAttribute(l("z"));v!==null&&(this._styles[i]["z-index"]=v),f!==null&&(this._styles[i].opacity=f),d==="f"?this._styles[i].width="var(--width-stretch)":d!==void 0&&(this._styles[i].width=d,this._styles[i]["min-width"]=d,this._styles[i]["max-width"]=d),c==="f"?this._styles[i].height="100%":c!==void 0&&(this._styles[i].height=c,this._styles[i]["min-height"]=c,this._styles[i]["max-height"]=c),this.hasAttribute(l("hidden"))&&(this._styles[i].display="none !important"),this.hasAttribute(l("visible"))&&(this._styles[i].display="block !important")});let r=x(this._styles,"input");r!==this._lastStyleString&&(this._styleElement.textContent=r,this._lastStyleString=r)}_updateInputAttributes(){let t=this.getAttribute("type")||"text",s=this.getAttribute("placeholder"),n=this.getAttribute("value"),r=this.getAttribute("step"),i=this.hasAttribute("disabled");this._inputElement.setAttribute("type",t),s!==null?this._inputElement.setAttribute("placeholder",s):this._inputElement.removeAttribute("placeholder"),n!==null&&(this._inputElement.value=n),r!==null?this._inputElement.setAttribute("step",r):this._inputElement.removeAttribute("step"),i?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},G=({render:e,html:t})=>O;var W=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(a`
|
|
704
705
|
:host {
|
|
705
706
|
display: contents;
|
|
706
707
|
}
|
|
@@ -723,7 +724,7 @@ var rettangoli=(()=>{function a(e,...t){let s="";return e.forEach((n,r)=>{s+=n+(
|
|
|
723
724
|
textarea:focus {
|
|
724
725
|
border-color: var(--foreground);
|
|
725
726
|
}
|
|
726
|
-
${
|
|
727
|
+
${u}
|
|
727
728
|
${m}
|
|
728
729
|
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"closed"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._textareaElement=document.createElement("textarea"),this._textareaElement.setAttribute("type","text"),this.shadow.appendChild(this._textareaElement),this._textareaElement.addEventListener("input",this._onChange)}_onChange=t=>{this.dispatchEvent(new CustomEvent("textarea-change",{detail:{value:this._textareaElement.value}}))};static get observedAttributes(){return["key","w","ellipsis","cols","rows","placeholder","value"]}get value(){return this._textareaElement.value}set value(t){this._textareaElement.value=t}connectedCallback(){this._updateTextareaAttributes()}attributeChangedCallback(t,s,n){if(t==="key"&&s!==n){requestAnimationFrame(()=>{let r=this.getAttribute("value");this._textareaElement.value=r??""});return}this._updateTextareaAttributes()}_updateTextareaAttributes(){let t=this.getAttribute("cols"),s=this.getAttribute("rows"),n=this.getAttribute("placeholder"),r=this.getAttribute("value");t!==null?this._textareaElement.setAttribute("cols",t):this._textareaElement.removeAttribute("cols"),s!==null?this._textareaElement.setAttribute("rows",s):this._textareaElement.removeAttribute("rows"),n!==null?this._textareaElement.setAttribute("placeholder",n):this._textareaElement.removeAttribute("placeholder"),r!==null&&(this._textareaElement.value=r)}},J=({render:e,html:t})=>W;var D=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(a`
|
|
729
730
|
:host {
|