@rettangoli/ui 0.1.25 → 0.1.26
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 +10 -10
- package/dist/rettangoli-iife-ui.min.js +10 -10
- package/package.json +1 -1
- package/src/primitives/button.js +1 -1
- package/src/primitives/colorPicker.js +1 -1
- package/src/primitives/image.js +1 -1
- package/src/primitives/input-number.js +1 -1
- package/src/primitives/input.js +1 -1
- package/src/primitives/slider.js +1 -1
- package/src/primitives/svg.js +1 -1
- package/src/primitives/text.js +1 -1
- package/src/primitives/textarea.js +1 -1
- package/src/primitives/view.js +1 -1
|
@@ -261,7 +261,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
261
261
|
|
|
262
262
|
${R}
|
|
263
263
|
${x}
|
|
264
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
264
|
+
`))}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`
|
|
265
265
|
|
|
266
266
|
:host([d="h"]) {
|
|
267
267
|
flex-direction: row;
|
|
@@ -434,7 +434,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
434
434
|
bottom: 0;
|
|
435
435
|
z-index: 1;
|
|
436
436
|
}
|
|
437
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
437
|
+
`))}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:`
|
|
438
438
|
font-size: var(--h1-font-size);
|
|
439
439
|
font-weight: var(--h1-font-weight);
|
|
440
440
|
line-height: var(--h1-line-height);
|
|
@@ -509,7 +509,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
509
509
|
${$}
|
|
510
510
|
${f}
|
|
511
511
|
${g}
|
|
512
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
512
|
+
`))}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`
|
|
513
513
|
:host {
|
|
514
514
|
border-style: solid;
|
|
515
515
|
box-sizing: border-box;
|
|
@@ -548,7 +548,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
548
548
|
${C}
|
|
549
549
|
${f}
|
|
550
550
|
${g}
|
|
551
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
551
|
+
`))}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`
|
|
552
552
|
:host([pt="xs"]) svg {
|
|
553
553
|
padding-top: var(--spacing-xs);
|
|
554
554
|
}
|
|
@@ -674,7 +674,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
674
674
|
${f}
|
|
675
675
|
${x}
|
|
676
676
|
${g}
|
|
677
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
677
|
+
`))}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`
|
|
678
678
|
:host {
|
|
679
679
|
display: contents;
|
|
680
680
|
}
|
|
@@ -709,7 +709,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
709
709
|
}
|
|
710
710
|
${f}
|
|
711
711
|
${g}
|
|
712
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
712
|
+
`))}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`
|
|
713
713
|
:host {
|
|
714
714
|
display: contents;
|
|
715
715
|
}
|
|
@@ -744,7 +744,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
744
744
|
}
|
|
745
745
|
${f}
|
|
746
746
|
${g}
|
|
747
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
747
|
+
`))}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`
|
|
748
748
|
:host {
|
|
749
749
|
display: contents;
|
|
750
750
|
}
|
|
@@ -769,7 +769,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
769
769
|
}
|
|
770
770
|
${f}
|
|
771
771
|
${g}
|
|
772
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
772
|
+
`))}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`
|
|
773
773
|
:host {
|
|
774
774
|
display: contents;
|
|
775
775
|
}
|
|
@@ -792,7 +792,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
792
792
|
}
|
|
793
793
|
${f}
|
|
794
794
|
${g}
|
|
795
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
795
|
+
`))}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`
|
|
796
796
|
:host {
|
|
797
797
|
display: contents;
|
|
798
798
|
}
|
|
@@ -846,7 +846,7 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
|
|
|
846
846
|
}
|
|
847
847
|
${f}
|
|
848
848
|
${g}
|
|
849
|
-
`))}constructor(){super(),s.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
849
|
+
`))}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`
|
|
850
850
|
:host {
|
|
851
851
|
display: contents;
|
|
852
852
|
}
|
|
@@ -261,7 +261,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
261
261
|
|
|
262
262
|
${gr}
|
|
263
263
|
${we}
|
|
264
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
264
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),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","icon","disabled","v","s","sq","ip"]}connectedCallback(){this._updateButton()}attributeChangedCallback(t,r,s){this._updateButton()}_updateButton(){this.shadow.innerHTML="",this._updateIcon(),this.hasAttribute("sq")||this._updateWidth(),this.hasAttribute("disabled")?this._buttonElement.setAttribute("disabled",""):this._buttonElement.removeAttribute("disabled");let r=this.getAttribute("href");if(r){let s=document.createElement("a");s.setAttribute("href",r);let n=this.getAttribute("target");n&&s.setAttribute("target",n),s.appendChild(this._buttonElement),this.shadow.appendChild(s),this._containerElement=s}else this.shadow.appendChild(this._buttonElement),this._containerElement=this._buttonElement}_updateIcon(){this._iconElement&&(this._iconElement.remove(),this._iconElement=null);let t=this.getAttribute("icon");if(t){let r={pr:"pr-fg",se:"ac-fg",de:"pr-fg",ol:"ac-fg",gh:"ac-fg",lk:"ac-fg"},s={sm:14,md:18,lg:22},n=r[this.getAttribute("v")]||"pr-fg",i=18;if(this.hasAttribute("sq")){let l={sm:14,lg:22},p=this.getAttribute("s");i=l[p]||18}else i=s[this.getAttribute("s")]||18;this._iconElement=document.createElement("rtgl-svg"),this._iconElement.setAttribute("svg",t),this._iconElement.setAttribute("c",n),this._iconElement.setAttribute("wh",i.toString()),this.getAttribute("ip")==="s"?this._buttonElement.insertBefore(this._iconElement,this._slotElement):this._buttonElement.appendChild(this._iconElement)}}_updateWidth(){let t=j(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()}},vr=({render:e,html:t})=>st;var br=L`
|
|
265
265
|
|
|
266
266
|
:host([d="h"]) {
|
|
267
267
|
flex-direction: row;
|
|
@@ -434,7 +434,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
434
434
|
bottom: 0;
|
|
435
435
|
z-index: 1;
|
|
436
436
|
}
|
|
437
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
437
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),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",...ee([...Z,"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"),r=this.getAttribute("target");this._slotElement.parentNode!==this.shadow&&this.shadow.appendChild(this._slotElement),t?(this._linkElement||(this._linkElement=document.createElement("a"),this.shadow.appendChild(this._linkElement)),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}connectedCallback(){this.updateStyles()}updateStyles(){this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(r=>{let s=_=>`${r==="default"?"":`${r}-`}${_}`,n=this.getAttribute(s("wh")),i=j(n===null?this.getAttribute(s("w")):n),a=j(n===null?this.getAttribute(s("h")):n),l=this.getAttribute(s("op")),p=this.getAttribute(s("z"));p!==null&&(this._styles[r]["z-index"]=p),l!==null&&(this._styles[r].opacity=l),i==="f"?this._styles[r].width="var(--width-stretch)":i!==void 0&&(this._styles[r].width=i,this._styles[r]["min-width"]=i,this._styles[r]["max-width"]=i),a==="f"?this._styles[r].height="100%":a!==void 0&&(this._styles[r].height=a,this._styles[r]["min-height"]=a,this._styles[r]["max-height"]=a),this.hasAttribute(s("hide"))&&(this._styles[r].display="none"),this.hasAttribute(s("show"))&&(this._styles[r].display="flex");let o=this.getAttribute(s("d")),c=this.getAttribute(s("ah")),u=this.getAttribute(s("av"));o==="h"?this._styles[r]["flex-direction"]="row":o==="v"?this._styles[r]["flex-direction"]="column":r==="default"&&!o&&["sm","md","lg","xl"].some(x=>this.hasAttribute(`${x}-d`))&&(this._styles[r]["flex-direction"]="column");let h=o==="h",f=o==="v"||!o;h&&(c==="c"?this._styles[r]["justify-content"]="center":c==="e"?this._styles[r]["justify-content"]="flex-end":c==="s"&&(this._styles[r]["justify-content"]="flex-start"),u==="c"?(this._styles[r]["align-items"]="center",this._styles[r]["align-content"]="center"):u==="e"?(this._styles[r]["align-items"]="flex-end",this._styles[r]["align-content"]="flex-end"):u==="s"&&(this._styles[r]["align-items"]="flex-start")),f&&(c!==null||u!==null)&&(c==="c"?this._styles[r]["align-items"]="center":c==="e"?this._styles[r]["align-items"]="flex-end":c==="s"&&(this._styles[r]["align-items"]="flex-start"),u==="c"?this._styles[r]["justify-content"]="center":u==="e"?this._styles[r]["justify-content"]="flex-end":u==="s"&&(this._styles[r]["justify-content"]="flex-start"));let d=this.getAttribute(s("flex"));d!==null&&(this._styles[r].flex=d),this.getAttribute(s("fw"))==="w"&&(this._styles[r]["flex-wrap"]="wrap");let b=this.hasAttribute(s("sh")),m=this.hasAttribute(s("sv")),w=this.getAttribute(s("overflow"));b&&m?(this._styles[r].overflow="scroll",this._styles[r]["flex-wrap"]="nowrap"):b?(this._styles[r]["overflow-x"]="scroll",this._styles[r]["flex-wrap"]="nowrap"):m&&(this._styles[r]["overflow-y"]="scroll",this._styles[r]["flex-wrap"]="nowrap"),w==="hidden"&&(this._styles[r].overflow="hidden",this._styles[r]["flex-wrap"]="nowrap")});let t=te(this._styles);t!==this._lastStyleString&&(this._styleElement.textContent=t,this._lastStyleString=t)}attributeChangedCallback(t,r,s){if(t==="href"||t==="target"){this._updateDOM();return}r!==s&&this.updateStyles()}},_r=({render:e,html:t})=>it;var fi={ta:{s:"start",c:"center",e:"end",j:"justify"},s:{h1:`
|
|
438
438
|
font-size: var(--h1-font-size);
|
|
439
439
|
font-weight: var(--h1-font-weight);
|
|
440
440
|
line-height: var(--h1-line-height);
|
|
@@ -509,7 +509,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
509
509
|
${Me}
|
|
510
510
|
${q}
|
|
511
511
|
${J}
|
|
512
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
512
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._slotElement=document.createElement("slot"),this._linkElement=null,this._updateDOM()}static get observedAttributes(){return["key","w","ellipsis","href","target"]}connectedCallback(){this._updateStyling(),this._updateDOM()}attributeChangedCallback(t,r,s){t==="href"||t==="target"?this._updateDOM():this._updateStyling()}_updateStyling(){let t=j(this.getAttribute("w"));this.hasAttribute("ellipsis")?(this.style.overflow="hidden",this.style.textOverflow="ellipsis",this.style.whiteSpace="nowrap"):(this.style.overflow="",this.style.textOverflow="",this.style.whiteSpace=""),t==="f"?this.style.width="var(--width-stretch)":t!==void 0?this.style.width=t:this.style.width=""}_updateDOM(){let t=this.getAttribute("href"),r=this.getAttribute("target");this._slotElement.parentNode!==this.shadow&&this.shadow.appendChild(this._slotElement),t?(this._linkElement||(this._linkElement=document.createElement("a"),this.shadow.appendChild(this._linkElement)),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target")):this._linkElement&&(this.shadow.removeChild(this._linkElement),this._linkElement=null)}},Ar=({render:e,html:t})=>nt;var at=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(L`
|
|
513
513
|
:host {
|
|
514
514
|
border-style: solid;
|
|
515
515
|
box-sizing: border-box;
|
|
@@ -548,7 +548,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
548
548
|
${We}
|
|
549
549
|
${q}
|
|
550
550
|
${J}
|
|
551
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
551
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),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 ee([...Z,"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"),r=this.getAttribute("target");t?(this._linkElement||(this._linkElement=document.createElement("a")),this._linkElement.href=t,r?this._linkElement.target=r:this._linkElement.removeAttribute("target"),this._linkElement.appendChild(this._imgElement),this._linkElement.parentNode!==this.shadow&&this.shadow.appendChild(this._linkElement)):this._linkElement?(this._imgElement.parentNode===this._linkElement&&this.shadow.appendChild(this._imgElement),this._linkElement.parentNode===this.shadow&&this.shadow.removeChild(this._linkElement),this._linkElement=null):this._imgElement.parentNode!==this.shadow&&this.shadow.appendChild(this._imgElement)}attributeChangedCallback(t,r,s){if(t==="href"||t==="target"){this._updateDOM();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let a=h=>`${i==="default"?"":`${i}-`}${h}`,l=this.getAttribute(a("wh")),p=j(l===null?this.getAttribute(a("w")):l),o=j(l===null?this.getAttribute(a("h")):l),c=this.getAttribute(a("o")),u=this.getAttribute(a("z"));u!==null&&(this._styles[i]["z-index"]=u),c!==null&&(this._styles[i].opacity=c),p==="f"?this._styles[i].width="var(--width-stretch)":p!==void 0&&(this._styles[i].width=p,this._styles[i]["min-width"]=p,this._styles[i]["max-width"]=p),o==="f"?this._styles[i].height="100%":o!==void 0&&(this._styles[i].height=o,this._styles[i]["min-height"]=o,this._styles[i]["max-height"]=o),this.hasAttribute(a("hide"))&&(this._styles[i].display="none !important"),this.hasAttribute(a("show"))&&(this._styles[i].display="block !important")});let n=te(this._styles);n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n),this._updateImageAttributes()}_updateImageAttributes(){let t=this.getAttribute("src"),r=this.getAttribute("width"),s=this.getAttribute("height");t!==null&&this._imgElement.setAttribute("src",t),r!==null&&this._imgElement.setAttribute("width",r),s!==null&&this._imgElement.setAttribute("height",s)}connectedCallback(){this._updateImageAttributes()}},Er=({render:e,html:t})=>at;var kr=L`
|
|
552
552
|
:host([pt="xs"]) svg {
|
|
553
553
|
padding-top: var(--spacing-xs);
|
|
554
554
|
}
|
|
@@ -674,7 +674,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
674
674
|
${q}
|
|
675
675
|
${we}
|
|
676
676
|
${J}
|
|
677
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
677
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.styleSheet]}static get observedAttributes(){return["key","svg","w","h","wh"]}static get icons(){return e._icons}static addIcon(t,r){e._icons[t]=r}connectedCallback(){this._updateSizing(),this._render()}attributeChangedCallback(t,r,s){this._updateSizing(),this._render()}_updateSizing(){let t=this.getAttribute("wh"),r=j(t===null?this.getAttribute("w"):t),s=j(t===null?this.getAttribute("h"):t);r&&(this.style.width=r),s&&(this.style.height=s)}_render(){try{let t=this.getAttribute("svg"),r=e._icons[t]||(window.rtglIcons||{})[t];if(r){this.shadow.innerHTML=r;return}}catch(t){console.log("error in rtgl-svg render",t)}this.shadow.innerHTML=""}},$r=({render:e,html:t})=>ot;var lt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(L`
|
|
678
678
|
:host {
|
|
679
679
|
display: contents;
|
|
680
680
|
}
|
|
@@ -709,7 +709,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
709
709
|
}
|
|
710
710
|
${q}
|
|
711
711
|
${J}
|
|
712
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
712
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),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",...ee([...Z,"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,r,s){if(t==="value"&&requestAnimationFrame(()=>{let i=this.getAttribute("value");this._inputElement.value=i??""}),t==="placeholder"&&requestAnimationFrame(()=>{let i=this.getAttribute("placeholder");i===void 0||i==="null"?this._inputElement.removeAttribute("placeholder"):this._inputElement.setAttribute("placeholder",i??"")}),["type","disabled","step","s"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let a=h=>`${i==="default"?"":`${i}-`}${h}`,l=this.getAttribute(a("wh")),p=j(l===null?this.getAttribute(a("w")):l),o=j(l===null?this.getAttribute(a("h")):l),c=this.getAttribute(a("op")),u=this.getAttribute(a("z"));u!==null&&(this._styles[i]["z-index"]=u),c!==null&&(this._styles[i].opacity=c),p==="f"?this._styles[i].width="var(--width-stretch)":p!==void 0&&(this._styles[i].width=p,this._styles[i]["min-width"]=p,this._styles[i]["max-width"]=p),o==="f"?this._styles[i].height="100%":o!==void 0&&(this._styles[i].height=o,this._styles[i]["min-height"]=o,this._styles[i]["max-height"]=o),this.hasAttribute(a("hide"))&&(this._styles[i].display="none !important"),this.hasAttribute(a("show"))&&(this._styles[i].display="block !important")});let n=te(this._styles,"input");n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("type")||"text",r=this.getAttribute("step"),s=this.hasAttribute("disabled");this._inputElement.setAttribute("type",t),r!==null?this._inputElement.setAttribute("step",r):this._inputElement.removeAttribute("step"),s?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},Sr=({render:e,html:t})=>lt;var pt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(L`
|
|
713
713
|
:host {
|
|
714
714
|
display: contents;
|
|
715
715
|
}
|
|
@@ -744,7 +744,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
744
744
|
}
|
|
745
745
|
${q}
|
|
746
746
|
${J}
|
|
747
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
747
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),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","step","min","max","s",...ee([...Z,"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 r=this._inputElement.value,s=parseFloat(r);if(!isNaN(s)){let n=this.getAttribute("min");if(n!==null){let a=parseFloat(n);!isNaN(a)&&s<a&&(s=a,this._inputElement.value=a.toString())}let i=this.getAttribute("max");if(i!==null){let a=parseFloat(i);!isNaN(a)&&s>a&&(s=a,this._inputElement.value=a.toString())}this.dispatchEvent(new CustomEvent("input-change",{detail:{value:s}}))}};attributeChangedCallback(t,r,s){if(t==="value"&&requestAnimationFrame(()=>{let i=this.getAttribute("value");this._inputElement.value=i??""}),t==="placeholder"&&requestAnimationFrame(()=>{let i=this.getAttribute("placeholder");i===void 0||i==="null"?this._inputElement.removeAttribute("placeholder"):this._inputElement.setAttribute("placeholder",i??"")}),["type","disabled","step","min","max","s"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let a=h=>`${i==="default"?"":`${i}-`}${h}`,l=this.getAttribute(a("wh")),p=j(l===null?this.getAttribute(a("w")):l),o=j(l===null?this.getAttribute(a("h")):l),c=this.getAttribute(a("op")),u=this.getAttribute(a("z"));u!==null&&(this._styles[i]["z-index"]=u),c!==null&&(this._styles[i].opacity=c),p==="f"?this._styles[i].width="var(--width-stretch)":p!==void 0&&(this._styles[i].width=p,this._styles[i]["min-width"]=p,this._styles[i]["max-width"]=p),o==="f"?this._styles[i].height="100%":o!==void 0&&(this._styles[i].height=o,this._styles[i]["min-height"]=o,this._styles[i]["max-height"]=o),this.hasAttribute(a("hide"))&&(this._styles[i].display="none !important"),this.hasAttribute(a("show"))&&(this._styles[i].display="block !important")});let n=te(this._styles,"input");n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("type")||"number",r=this.getAttribute("step"),s=this.getAttribute("min"),n=this.getAttribute("max"),i=this.hasAttribute("disabled");this._inputElement.setAttribute("type",t),r!==null?this._inputElement.setAttribute("step",r):this._inputElement.removeAttribute("step"),s!==null?this._inputElement.setAttribute("min",s):this._inputElement.removeAttribute("min"),n!==null?this._inputElement.setAttribute("max",n):this._inputElement.removeAttribute("max"),i?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},Cr=({render:e,html:t})=>pt;var ct=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(L`
|
|
748
748
|
:host {
|
|
749
749
|
display: contents;
|
|
750
750
|
}
|
|
@@ -769,7 +769,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
769
769
|
}
|
|
770
770
|
${q}
|
|
771
771
|
${J}
|
|
772
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
772
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.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",...ee([...Z,"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,r,s){if(t==="value"&&requestAnimationFrame(()=>{let i=this.getAttribute("value");this._textareaElement.value=i??""}),t==="placeholder"&&requestAnimationFrame(()=>{let i=this.getAttribute("placeholder");i===void 0||i==="null"?this._textareaElement.removeAttribute("placeholder"):this._textareaElement.setAttribute("placeholder",i??"")}),["cols","rows","disabled"].includes(t)){this._updateTextareaAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let a=h=>`${i==="default"?"":`${i}-`}${h}`,l=this.getAttribute(a("wh")),p=j(l===null?this.getAttribute(a("w")):l),o=j(l===null?this.getAttribute(a("h")):l),c=this.getAttribute(a("op")),u=this.getAttribute(a("z"));u!==null&&(this._styles[i]["z-index"]=u),c!==null&&(this._styles[i].opacity=c),p==="f"?this._styles[i].width="var(--width-stretch)":p!==void 0&&(this._styles[i].width=p,this._styles[i]["min-width"]=p,this._styles[i]["max-width"]=p),o==="f"?this._styles[i].height="100%":o!==void 0&&(this._styles[i].height=o,this._styles[i]["min-height"]=o,this._styles[i]["max-height"]=o),this.hasAttribute(a("hide"))&&(this._styles[i].display="none !important"),this.hasAttribute(a("show"))&&(this._styles[i].display="block !important")});let n=te(this._styles,"textarea");n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateTextareaAttributes(){let t=this.getAttribute("cols"),r=this.getAttribute("rows"),s=this.hasAttribute("disabled");t!==null?this._textareaElement.setAttribute("cols",t):this._textareaElement.removeAttribute("cols"),r!==null?this._textareaElement.setAttribute("rows",r):this._textareaElement.removeAttribute("rows"),s?this._textareaElement.setAttribute("disabled",""):this._textareaElement.removeAttribute("disabled")}},Ir=({render:e,html:t})=>ct;var ut=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(L`
|
|
773
773
|
:host {
|
|
774
774
|
display: contents;
|
|
775
775
|
}
|
|
@@ -792,7 +792,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
792
792
|
}
|
|
793
793
|
${q}
|
|
794
794
|
${J}
|
|
795
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
795
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._inputElement.type="color",this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("change",this._onChange),this._inputElement.addEventListener("input",this._onInput)}static get observedAttributes(){return["key","value","disabled",...ee([...Z,"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,r,s){if(t==="key"&&r!==s){requestAnimationFrame(()=>{let i=this.getAttribute("value");this._inputElement.value=i??"#000000"});return}if(["value","disabled"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let a=h=>`${i==="default"?"":`${i}-`}${h}`,l=this.getAttribute(a("wh")),p=j(l===null?this.getAttribute(a("w")):l),o=j(l===null?this.getAttribute(a("h")):l),c=this.getAttribute(a("op")),u=this.getAttribute(a("z"));u!==null&&(this._styles[i]["z-index"]=u),c!==null&&(this._styles[i].opacity=c),p==="f"?this._styles[i].width="var(--width-stretch)":p!==void 0&&(this._styles[i].width=p,this._styles[i]["min-width"]=p,this._styles[i]["max-width"]=p),o==="f"?this._styles[i].height="100%":o!==void 0&&(this._styles[i].height=o,this._styles[i]["min-height"]=o,this._styles[i]["max-height"]=o),this.hasAttribute(a("hide"))&&(this._styles[i].display="none !important"),this.hasAttribute(a("show"))&&(this._styles[i].display="block !important")});let n=te(this._styles,'input[type="color"]');n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("value"),r=this.hasAttribute("disabled");t!==null&&(this._inputElement.value=t),r?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},Or=({render:e,html:t})=>ut;var ht=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(L`
|
|
796
796
|
:host {
|
|
797
797
|
display: contents;
|
|
798
798
|
}
|
|
@@ -846,7 +846,7 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
|
|
|
846
846
|
}
|
|
847
847
|
${q}
|
|
848
848
|
${J}
|
|
849
|
-
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"
|
|
849
|
+
`))}constructor(){super(),e.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[e.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._inputElement=document.createElement("input"),this._inputElement.type="range",this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._inputElement),this._inputElement.addEventListener("input",this._onInput),this._inputElement.addEventListener("change",this._onChange)}static get observedAttributes(){return["key","value","min","max","step","disabled",...ee([...Z,"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,r,s){if(t==="key"&&r!==s){requestAnimationFrame(()=>{let i=this.getAttribute("value"),a=this.getAttribute("min")||"0";this._inputElement.value=i??a});return}if(["value","min","max","step","disabled"].includes(t)){this._updateInputAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(i=>{let a=h=>`${i==="default"?"":`${i}-`}${h}`,l=this.getAttribute(a("wh")),p=j(l===null?this.getAttribute(a("w")):l),o=j(l===null?this.getAttribute(a("h")):l),c=this.getAttribute(a("op")),u=this.getAttribute(a("z"));u!==null&&(this._styles[i]["z-index"]=u),c!==null&&(this._styles[i].opacity=c),p==="f"?this._styles[i].width="var(--width-stretch)":p!==void 0&&(this._styles[i].width=p,this._styles[i]["min-width"]=p,this._styles[i]["max-width"]=p),o==="f"?this._styles[i].height="100%":o!==void 0&&(this._styles[i].height=o,this._styles[i]["min-height"]=o,this._styles[i]["max-height"]=o),this.hasAttribute(a("hide"))&&(this._styles[i].display="none !important"),this.hasAttribute(a("show"))&&(this._styles[i].display="block !important")});let n=te(this._styles,'input[type="range"]');n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateInputAttributes(){let t=this.getAttribute("value"),r=this.getAttribute("min"),s=this.getAttribute("max"),n=this.getAttribute("step"),i=this.hasAttribute("disabled");t!==null?this._inputElement.value=t:this._inputElement.value=r??0,r!==null?this._inputElement.min=r:this._inputElement.min="0",s!==null?this._inputElement.max=s:this._inputElement.max="100",n!==null?this._inputElement.step=n:this._inputElement.step="1",i?this._inputElement.setAttribute("disabled",""):this._inputElement.removeAttribute("disabled")}connectedCallback(){this._updateInputAttributes()}},Tr=({render:e,html:t})=>ht;var dt=class e extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){e.styleSheet||(e.styleSheet=new CSSStyleSheet,e.styleSheet.replaceSync(L`
|
|
850
850
|
:host {
|
|
851
851
|
display: contents;
|
|
852
852
|
}
|
package/package.json
CHANGED
package/src/primitives/button.js
CHANGED
|
@@ -161,7 +161,7 @@ class RettangoliButtonElement extends HTMLElement {
|
|
|
161
161
|
constructor() {
|
|
162
162
|
super();
|
|
163
163
|
RettangoliButtonElement.initializeStyleSheet();
|
|
164
|
-
this.shadow = this.attachShadow({ mode: "
|
|
164
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
165
165
|
this.shadow.adoptedStyleSheets = [RettangoliButtonElement.styleSheet];
|
|
166
166
|
|
|
167
167
|
// Create initial DOM structure
|
|
@@ -45,7 +45,7 @@ class RettangoliColorPickerElement extends HTMLElement {
|
|
|
45
45
|
constructor() {
|
|
46
46
|
super();
|
|
47
47
|
RettangoliColorPickerElement.initializeStyleSheet();
|
|
48
|
-
this.shadow = this.attachShadow({ mode: "
|
|
48
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
49
49
|
this.shadow.adoptedStyleSheets = [RettangoliColorPickerElement.styleSheet];
|
|
50
50
|
|
|
51
51
|
// Initialize style tracking properties
|
package/src/primitives/image.js
CHANGED
|
@@ -63,7 +63,7 @@ class RettangoliImageElement extends HTMLElement {
|
|
|
63
63
|
constructor() {
|
|
64
64
|
super();
|
|
65
65
|
RettangoliImageElement.initializeStyleSheet();
|
|
66
|
-
this.shadow = this.attachShadow({ mode: "
|
|
66
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
67
67
|
this.shadow.adoptedStyleSheets = [RettangoliImageElement.styleSheet];
|
|
68
68
|
|
|
69
69
|
// Create initial DOM structure
|
|
@@ -57,7 +57,7 @@ class RettangoliInputNumberElement extends HTMLElement {
|
|
|
57
57
|
constructor() {
|
|
58
58
|
super();
|
|
59
59
|
RettangoliInputNumberElement.initializeStyleSheet();
|
|
60
|
-
this.shadow = this.attachShadow({ mode: "
|
|
60
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
61
61
|
this.shadow.adoptedStyleSheets = [RettangoliInputNumberElement.styleSheet];
|
|
62
62
|
|
|
63
63
|
// Initialize style tracking properties
|
package/src/primitives/input.js
CHANGED
|
@@ -57,7 +57,7 @@ class RettangoliInputElement extends HTMLElement {
|
|
|
57
57
|
constructor() {
|
|
58
58
|
super();
|
|
59
59
|
RettangoliInputElement.initializeStyleSheet();
|
|
60
|
-
this.shadow = this.attachShadow({ mode: "
|
|
60
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
61
61
|
this.shadow.adoptedStyleSheets = [RettangoliInputElement.styleSheet];
|
|
62
62
|
|
|
63
63
|
// Initialize style tracking properties
|
package/src/primitives/slider.js
CHANGED
|
@@ -76,7 +76,7 @@ class RettangoliSliderElement extends HTMLElement {
|
|
|
76
76
|
constructor() {
|
|
77
77
|
super();
|
|
78
78
|
RettangoliSliderElement.initializeStyleSheet();
|
|
79
|
-
this.shadow = this.attachShadow({ mode: "
|
|
79
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
80
80
|
this.shadow.adoptedStyleSheets = [RettangoliSliderElement.styleSheet];
|
|
81
81
|
|
|
82
82
|
// Initialize style tracking properties
|
package/src/primitives/svg.js
CHANGED
|
@@ -30,7 +30,7 @@ class RettangoliSvgElement extends HTMLElement {
|
|
|
30
30
|
constructor() {
|
|
31
31
|
super();
|
|
32
32
|
RettangoliSvgElement.initializeStyleSheet();
|
|
33
|
-
this.shadow = this.attachShadow({ mode: "
|
|
33
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
34
34
|
this.shadow.adoptedStyleSheets = [RettangoliSvgElement.styleSheet];
|
|
35
35
|
}
|
|
36
36
|
|
package/src/primitives/text.js
CHANGED
|
@@ -53,7 +53,7 @@ class RettangoliTextElement extends HTMLElement {
|
|
|
53
53
|
constructor() {
|
|
54
54
|
super();
|
|
55
55
|
RettangoliTextElement.initializeStyleSheet();
|
|
56
|
-
this.shadow = this.attachShadow({ mode: "
|
|
56
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
57
57
|
this.shadow.adoptedStyleSheets = [RettangoliTextElement.styleSheet];
|
|
58
58
|
|
|
59
59
|
// Create initial DOM structure
|
|
@@ -47,7 +47,7 @@ class RettangoliTextAreaElement extends HTMLElement {
|
|
|
47
47
|
constructor() {
|
|
48
48
|
super();
|
|
49
49
|
RettangoliTextAreaElement.initializeStyleSheet();
|
|
50
|
-
this.shadow = this.attachShadow({ mode: "
|
|
50
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
51
51
|
this.shadow.adoptedStyleSheets = [RettangoliTextAreaElement.styleSheet];
|
|
52
52
|
|
|
53
53
|
// Initialize style tracking properties
|
package/src/primitives/view.js
CHANGED
|
@@ -67,7 +67,7 @@ class RettangoliViewElement extends HTMLElement {
|
|
|
67
67
|
constructor() {
|
|
68
68
|
super();
|
|
69
69
|
RettangoliViewElement.initializeStyleSheet();
|
|
70
|
-
this.shadow = this.attachShadow({ mode: "
|
|
70
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
71
71
|
this.shadow.adoptedStyleSheets = [RettangoliViewElement.styleSheet];
|
|
72
72
|
|
|
73
73
|
// Create initial DOM structure
|