@rettangoli/ui 1.0.0-rc13 → 1.0.0-rc14
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 +3 -0
- package/dist/rettangoli-iife-ui.min.js +133 -61
- package/package.json +7 -3
- package/src/components/form/form.handlers.js +328 -152
- package/src/components/form/form.methods.js +199 -0
- package/src/components/form/form.schema.yaml +16 -271
- package/src/components/form/form.store.js +398 -95
- package/src/components/form/form.view.yaml +67 -52
- package/src/components/popoverInput/popoverInput.handlers.js +61 -50
- package/src/components/popoverInput/popoverInput.schema.yaml +0 -1
- package/src/components/popoverInput/popoverInput.store.js +7 -3
- package/src/components/popoverInput/popoverInput.view.yaml +2 -2
- package/src/components/select/select.handlers.js +15 -19
- package/src/components/select/select.schema.yaml +2 -0
- package/src/components/select/select.store.js +8 -6
- package/src/components/select/select.view.yaml +4 -4
- package/src/components/sliderInput/sliderInput.handlers.js +15 -1
- package/src/entry-iife-ui.js +2 -0
- package/src/index.js +2 -0
- package/src/primitives/checkbox.js +295 -0
- package/src/primitives/textarea.js +3 -0
|
@@ -760,6 +760,9 @@ var rettangoli=(()=>{var O=`
|
|
|
760
760
|
textarea:focus {
|
|
761
761
|
border-color: var(--foreground);
|
|
762
762
|
}
|
|
763
|
+
textarea:disabled {
|
|
764
|
+
cursor: not-allowed;
|
|
765
|
+
}
|
|
763
766
|
${b}
|
|
764
767
|
${p}
|
|
765
768
|
`))}constructor(){super(),i.initializeStyleSheet(),this.shadow=this.attachShadow({mode:"open"}),this.shadow.adoptedStyleSheets=[i.styleSheet],this._styles={default:{},sm:{},md:{},lg:{},xl:{}},this._lastStyleString="",this._textareaElement=document.createElement("textarea"),this._styleElement=document.createElement("style"),this.shadow.appendChild(this._styleElement),this.shadow.appendChild(this._textareaElement),this._textareaElement.addEventListener("input",this._onInput),this._textareaElement.addEventListener("change",this._onChange)}_onInput=()=>{this.dispatchEvent(new CustomEvent("value-input",{detail:{value:this._textareaElement.value},bubbles:!0}))};_onChange=()=>{this.dispatchEvent(new CustomEvent("value-change",{detail:{value:this._textareaElement.value},bubbles:!0}))};static get observedAttributes(){return["key","placeholder","disabled","value","cols","rows",..._([...E,"wh","w","h","hide","show","op","z"])]}get value(){return this._textareaElement.value}set value(t){this._textareaElement.value=t}connectedCallback(){this._updateTextareaAttributes()}focus(){this._textareaElement&&this._textareaElement.focus()}select(){this._textareaElement&&this._textareaElement.select()}attributeChangedCallback(t,e,s){if(t==="key"){requestAnimationFrame(()=>{let r=this.getAttribute("value");this._textareaElement.value=r??""});return}if(t==="value"&&requestAnimationFrame(()=>{let r=this.getAttribute("value");this._textareaElement.value=r??""}),t==="placeholder"&&requestAnimationFrame(()=>{let r=this.getAttribute("placeholder");r===void 0||r==="null"?this._textareaElement.removeAttribute("placeholder"):this._textareaElement.setAttribute("placeholder",r??"")}),["cols","rows","disabled"].includes(t)){this._updateTextareaAttributes();return}this._styles={default:{},sm:{},md:{},lg:{},xl:{}},["default","sm","md","lg","xl"].forEach(r=>{let o=y=>`${r==="default"?"":`${r}-`}${y}`,a=this.getAttribute(o("wh")),l=c(a===null?this.getAttribute(o("w")):a),d=c(a===null?this.getAttribute(o("h")):a),x=this.getAttribute(o("op")),v=this.getAttribute(o("z"));v!==null&&(this._styles[r]["z-index"]=v),x!==null&&(this._styles[r].opacity=x),l==="f"?this._styles[r].width="var(--width-stretch)":l!==void 0&&(this._styles[r].width=l,this._styles[r]["min-width"]=l,this._styles[r]["max-width"]=l),d==="f"?this._styles[r].height="100%":d!==void 0&&(this._styles[r].height=d,this._styles[r]["min-height"]=d,this._styles[r]["max-height"]=d),this.hasAttribute(o("hide"))&&(this._styles[r].display="none"),this.hasAttribute(o("show"))&&(this._styles[r].display="block")});let n=w(this._styles,"textarea");n!==this._lastStyleString&&(this._styleElement.textContent=n,this._lastStyleString=n)}_updateTextareaAttributes(){let t=this.getAttribute("cols"),e=this.getAttribute("rows"),s=this.hasAttribute("disabled");t!==null?this._textareaElement.setAttribute("cols",t):this._textareaElement.removeAttribute("cols"),e!==null?this._textareaElement.setAttribute("rows",e):this._textareaElement.removeAttribute("rows"),s?this._textareaElement.setAttribute("disabled",""):this._textareaElement.removeAttribute("disabled")}},yt=({render:i,html:t})=>X;var Nt=["mt","mr","mb","ml","m","mh","mv","cur"],Pt=/^#[0-9a-fA-F]{6}$/,Q=class i extends HTMLElement{static styleSheet=null;static initializeStyleSheet(){i.styleSheet||(i.styleSheet=new CSSStyleSheet,i.styleSheet.replaceSync(u`
|