jb-textarea 3.3.1 → 3.3.2

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.
Files changed (14) hide show
  1. package/dist/jb-textarea.cjs.js +1 -1
  2. package/dist/jb-textarea.cjs.js.br +0 -0
  3. package/dist/jb-textarea.cjs.js.gz +0 -0
  4. package/dist/jb-textarea.cjs.js.map +1 -1
  5. package/dist/jb-textarea.js +1 -1
  6. package/dist/jb-textarea.js.br +0 -0
  7. package/dist/jb-textarea.js.gz +0 -0
  8. package/dist/jb-textarea.js.map +1 -1
  9. package/dist/jb-textarea.umd.js +1 -1
  10. package/dist/jb-textarea.umd.js.br +0 -0
  11. package/dist/jb-textarea.umd.js.gz +0 -0
  12. package/dist/jb-textarea.umd.js.map +1 -1
  13. package/lib/jb-textarea.ts +2 -2
  14. package/package.json +2 -2
package/dist/jb-textarea.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("jb-validation");function t(e,t,a,i){if("a"===a&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?i:"a"===a?i.call(e):i?i.value:t.get(e)}function a(e,t,a,i,s){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?s.call(e,a):s?s.value=a:t.set(e,a),a}"function"==typeof SuppressedError&&SuppressedError;var i,s,n,r,o,l,c,d,h,b,u,p,f,m,v,x,g,y,w,E,k,j,V,C,K,T;class L extends HTMLElement{static get formAssociated(){return!0}get value(){return t(this,s,"f")}set value(e){a(this,s,e,"f"),t(this,c,"f").value=e,this.autoHeight&&t(this,i,"m",m).call(this)}get isAutoValidationDisabled(){return t(this,n,"f")}set isAutoValidationDisabled(e){a(this,n,e,"f")}get disabled(){return t(this,r,"f")}set disabled(e){a(this,r,e,"f"),t(this,d,"f").textarea.disabled=e,e?t(this,l,"f").states?.add("disabled"):t(this,l,"f").states?.delete("disabled")}set required(e){a(this,o,e,"f"),t(this,u,"f").checkValiditySync({showError:!1})}get required(){return t(this,o,"f")}get name(){return this.getAttribute("name")||""}get isDirty(){return t(this,s,"f")!==this.initialValue}constructor(){super(),i.add(this),s.set(this,""),n.set(this,!1),r.set(this,!1),o.set(this,!1),l.set(this,void 0),this.initialValue="",c.set(this,void 0),d.set(this,void 0),this.autoHeight=!1,u.set(this,new e.ValidationHelper({clearValidationError:this.clearValidationError.bind(this),getInputtedValue:()=>t(this,s,"f"),getValueString:()=>this.value,getInsideValidations:t(this,i,"m",C).bind(this),setValidationResult:t(this,i,"m",T).bind(this),showValidationError:this.showValidationError.bind(this)})),"function"==typeof this.attachInternals&&a(this,l,this.attachInternals(),"f"),t(this,i,"m",h).call(this),t(this,i,"m",p).call(this)}get validation(){return t(this,u,"f")}static get observedAttributes(){return["label","message","value","placeholder","required"]}attributeChangedCallback(e,a,s){t(this,i,"m",f).call(this,e,s)}showValidationError(e){const a="string"==typeof e?e:e.message;t(this,d,"f").messageBox.innerHTML=a,t(this,d,"f").messageBox.classList.add("error")}clearValidationError(){const e=this.getAttribute("message")||"";t(this,d,"f").messageBox.innerHTML=e,t(this,d,"f").messageBox.classList.remove("error")}get validationMessage(){return t(this,l,"f").validationMessage}checkValidity(){const e=t(this,u,"f").checkValiditySync({showError:!1});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=t(this,u,"f").checkValiditySync({showError:!0});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}}s=new WeakMap,n=new WeakMap,r=new WeakMap,o=new WeakMap,l=new WeakMap,c=new WeakMap,d=new WeakMap,u=new WeakMap,i=new WeakSet,h=function(){const e=this.attachShadow({mode:"open",delegatesFocus:!0}),s=document.createElement("template");s.innerHTML='<style>:host(:focus),\n:host(:focus-visible) {\n outline: none;\n}\n\n.jb-textarea-web-component {\n width: 100%;\n margin: var(--jb-textarea-margin, 12px 0);\n}\n.jb-textarea-web-component label {\n width: 100%;\n margin: 4px 0px;\n display: block;\n font-size: var(--jb-textarea-label-font-size, 0.8em);\n color: var(--jb-textarea-label-color, #1f1735);\n}\n.jb-textarea-web-component label.--hide {\n display: none;\n}\n.jb-textarea-web-component .textarea-box {\n width: 100%;\n box-sizing: border-box;\n border: solid var(--jb-textarea-border-width, 1px) var(--jb-textarea-border-color, #f7f6f6);\n background-color: var(--jb-textarea-bgcolor, #f7f6f6);\n border-bottom: solid var(--jb-textarea-border-botton-width, 3px) var(--jb-textarea-border-color, #f7f6f6);\n border-radius: var(--jb-textarea-border-radius, 16px);\n display: block;\n transition: ease 0.3s all;\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n}\n.jb-textarea-web-component .textarea-box:focus-within {\n border-color: var(--jb-textarea-border-color-focus, #1e2832);\n}\n.jb-textarea-web-component .textarea-box textarea {\n border: none;\n width: 100%;\n box-sizing: border-box;\n min-height: var(--jb-textarea-min-height, 80px);\n height: var(--jb-textarea-min-height, 80px);\n max-height: var(--jb-textarea-max-height, none);\n background-color: transparent;\n padding: 6px 12px 4px 12px;\n display: block;\n font-family: inherit;\n font-size: var(--jb-textarea-value-font-size, 1.1em);\n color: var(--jb-textarea-value-color, #1f1735);\n margin: 0;\n border-radius: 0;\n resize: vertical;\n color: var(--jb-textarea-value-color, initial);\n}\n.jb-textarea-web-component .textarea-box textarea:focus {\n outline: none;\n}\n.jb-textarea-web-component .textarea-box textarea::placeholder {\n color: var(--jb-textarea-placeholder-color, initial);\n font-size: var(--jb-textarea-placeholder-font-size, initial);\n}\n.jb-textarea-web-component .message-box {\n font-size: var(--jb-textarea-message-font-size, 0.7em);\n padding: 2px 8px;\n color: #929292;\n}\n.jb-textarea-web-component .message-box:empty {\n padding: 0;\n}\n.jb-textarea-web-component .message-box.error {\n color: var(--jb-textarea-message-error-color, red);\n}</style>\n<div class="jb-textarea-web-component">\r\n <label class="--hide"><span class="label-value"></span><span>:</span></label>\r\n <div class="textarea-box">\r\n <textarea class="textarea-input"></textarea>\r\n </div>\r\n <div class="message-box"></div>\r\n</div>',e.appendChild(s.content.cloneNode(!0)),a(this,c,e.querySelector(".textarea-box textarea"),"f"),a(this,d,{textarea:t(this,c,"f"),label:e.querySelector("label"),labelValue:e.querySelector("label .label-value"),messageBox:e.querySelector(".message-box")},"f"),t(this,i,"m",b).call(this)},b=function(){t(this,d,"f").textarea.addEventListener("change",(e=>t(this,i,"m",j).call(this,e))),t(this,d,"f").textarea.addEventListener("beforeinput",t(this,i,"m",v).bind(this)),t(this,d,"f").textarea.addEventListener("input",(e=>t(this,i,"m",w).call(this,e))),t(this,d,"f").textarea.addEventListener("keypress",t(this,i,"m",y).bind(this)),t(this,d,"f").textarea.addEventListener("keyup",t(this,i,"m",k).bind(this)),t(this,d,"f").textarea.addEventListener("keydown",t(this,i,"m",g).bind(this))},p=function(){this.value=this.getAttribute("value")||""},f=function(e,a){switch(e){case"label":t(this,d,"f").labelValue.innerHTML=a,null==a||null==a||""==a?t(this,d,"f").label.classList.add("--hide"):t(this,d,"f").label.classList.remove("--hide");break;case"message":t(this,d,"f").messageBox.innerHTML=a;break;case"placeholder":t(this,c,"f").setAttribute("placeholder",a);break;case"value":this.value=a;break;case"required":this.required=""===a||"true"===a}},m=function(){t(this,c,"f").style.height="4px",t(this,c,"f").style.height=t(this,c,"f").scrollHeight+"px"},v=function(e){t(this,i,"m",x).call(this,e)},x=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,isComposing:e.isComposing,inputType:e.inputType,dataTransfer:e.dataTransfer,view:e.view,detail:e.detail,targetRanges:e.getTargetRanges()},a=new InputEvent("beforeinput",t);return this.dispatchEvent(a),a.defaultPrevented&&e.preventDefault(),a.defaultPrevented},g=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keydown",t);this.dispatchEvent(a)||e.preventDefault()},y=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keypress",t);this.dispatchEvent(a)||e.preventDefault()},w=function(e){this.autoHeight&&t(this,i,"m",m).call(this),t(this,i,"m",E).call(this,e)},E=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,dataTransfer:e.dataTransfer,detail:e.detail,inputType:e.inputType,isComposing:e.isComposing,targetRanges:e.getTargetRanges(),view:e.view},a=new InputEvent("input",t);this.dispatchEvent(a)},k=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",K).call(this,!1);const r={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,detail:e.detail,isComposing:e.isComposing,location:e.location,metaKey:e.metaKey,repeat:e.repeat,view:e.view},o=new KeyboardEvent("keyup",r);this.dispatchEvent(o)},j=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",K).call(this,!0);t(this,i,"m",V).call(this).defaultPrevented&&e.preventDefault()},V=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},C=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},K=function(e){if(!this.isAutoValidationDisabled)return t(this,u,"f").checkValidity({showError:e})},T=function(e){if(e.isAllValid)t(this,l,"f").setValidity({},"");else{const a={};let i="";e.validationList.forEach((e=>{e.isValid||(e.validation.stateType&&(a[e.validation.stateType]=!0),""==i&&(i=e.message))})),t(this,l,"f").setValidity(a,i)}};!customElements.get("jb-textarea")&&window.customElements.define("jb-textarea",L),exports.JBTextareaWebComponent=L;
1
+ "use strict";var e=require("jb-validation");function t(e,t,a,i){if("a"===a&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?i:"a"===a?i.call(e):i?i.value:t.get(e)}function a(e,t,a,i,s){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?s.call(e,a):s?s.value=a:t.set(e,a),a}"function"==typeof SuppressedError&&SuppressedError;var i,s,n,r,o,l,c,d,h,b,u,p,f,m,v,x,g,y,w,E,k,j,V,C,K,T;class L extends HTMLElement{static get formAssociated(){return!0}get value(){return t(this,s,"f")}set value(e){a(this,s,e,"f"),t(this,c,"f").value=e,this.autoHeight&&t(this,i,"m",m).call(this)}get isAutoValidationDisabled(){return t(this,n,"f")}set isAutoValidationDisabled(e){a(this,n,e,"f")}get disabled(){return t(this,r,"f")}set disabled(e){a(this,r,e,"f"),t(this,d,"f").textarea.disabled=e,e?t(this,l,"f").states?.add("disabled"):t(this,l,"f").states?.delete("disabled")}set required(e){a(this,o,e,"f"),t(this,u,"f").checkValiditySync({showError:!1})}get required(){return t(this,o,"f")}get name(){return this.getAttribute("name")||""}get isDirty(){return t(this,s,"f")!==this.initialValue}constructor(){super(),i.add(this),s.set(this,""),n.set(this,!1),r.set(this,!1),o.set(this,!1),l.set(this,void 0),this.initialValue="",c.set(this,void 0),d.set(this,void 0),this.autoHeight=!1,u.set(this,new e.ValidationHelper({clearValidationError:this.clearValidationError.bind(this),getValue:()=>t(this,s,"f"),getValueString:()=>this.value,getValidations:t(this,i,"m",C).bind(this),setValidationResult:t(this,i,"m",T).bind(this),showValidationError:this.showValidationError.bind(this)})),"function"==typeof this.attachInternals&&a(this,l,this.attachInternals(),"f"),t(this,i,"m",h).call(this),t(this,i,"m",p).call(this)}get validation(){return t(this,u,"f")}static get observedAttributes(){return["label","message","value","placeholder","required"]}attributeChangedCallback(e,a,s){t(this,i,"m",f).call(this,e,s)}showValidationError(e){const a="string"==typeof e?e:e.message;t(this,d,"f").messageBox.innerHTML=a,t(this,d,"f").messageBox.classList.add("error")}clearValidationError(){const e=this.getAttribute("message")||"";t(this,d,"f").messageBox.innerHTML=e,t(this,d,"f").messageBox.classList.remove("error")}get validationMessage(){return t(this,l,"f").validationMessage}checkValidity(){const e=t(this,u,"f").checkValiditySync({showError:!1});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=t(this,u,"f").checkValiditySync({showError:!0});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}}s=new WeakMap,n=new WeakMap,r=new WeakMap,o=new WeakMap,l=new WeakMap,c=new WeakMap,d=new WeakMap,u=new WeakMap,i=new WeakSet,h=function(){const e=this.attachShadow({mode:"open",delegatesFocus:!0}),s=document.createElement("template");s.innerHTML='<style>:host(:focus),\n:host(:focus-visible) {\n outline: none;\n}\n\n.jb-textarea-web-component {\n width: 100%;\n margin: var(--jb-textarea-margin, 12px 0);\n}\n.jb-textarea-web-component label {\n width: 100%;\n margin: 4px 0px;\n display: block;\n font-size: var(--jb-textarea-label-font-size, 0.8em);\n color: var(--jb-textarea-label-color, #1f1735);\n}\n.jb-textarea-web-component label.--hide {\n display: none;\n}\n.jb-textarea-web-component .textarea-box {\n width: 100%;\n box-sizing: border-box;\n border: solid var(--jb-textarea-border-width, 1px) var(--jb-textarea-border-color, #f7f6f6);\n background-color: var(--jb-textarea-bgcolor, #f7f6f6);\n border-bottom: solid var(--jb-textarea-border-botton-width, 3px) var(--jb-textarea-border-color, #f7f6f6);\n border-radius: var(--jb-textarea-border-radius, 16px);\n display: block;\n transition: ease 0.3s all;\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n}\n.jb-textarea-web-component .textarea-box:focus-within {\n border-color: var(--jb-textarea-border-color-focus, #1e2832);\n}\n.jb-textarea-web-component .textarea-box textarea {\n border: none;\n width: 100%;\n box-sizing: border-box;\n min-height: var(--jb-textarea-min-height, 80px);\n height: var(--jb-textarea-min-height, 80px);\n max-height: var(--jb-textarea-max-height, none);\n background-color: transparent;\n padding: 6px 12px 4px 12px;\n display: block;\n font-family: inherit;\n font-size: var(--jb-textarea-value-font-size, 1.1em);\n color: var(--jb-textarea-value-color, #1f1735);\n margin: 0;\n border-radius: 0;\n resize: vertical;\n color: var(--jb-textarea-value-color, initial);\n}\n.jb-textarea-web-component .textarea-box textarea:focus {\n outline: none;\n}\n.jb-textarea-web-component .textarea-box textarea::placeholder {\n color: var(--jb-textarea-placeholder-color, initial);\n font-size: var(--jb-textarea-placeholder-font-size, initial);\n}\n.jb-textarea-web-component .message-box {\n font-size: var(--jb-textarea-message-font-size, 0.7em);\n padding: 2px 8px;\n color: #929292;\n}\n.jb-textarea-web-component .message-box:empty {\n padding: 0;\n}\n.jb-textarea-web-component .message-box.error {\n color: var(--jb-textarea-message-error-color, red);\n}</style>\n<div class="jb-textarea-web-component">\r\n <label class="--hide"><span class="label-value"></span><span>:</span></label>\r\n <div class="textarea-box">\r\n <textarea class="textarea-input"></textarea>\r\n </div>\r\n <div class="message-box"></div>\r\n</div>',e.appendChild(s.content.cloneNode(!0)),a(this,c,e.querySelector(".textarea-box textarea"),"f"),a(this,d,{textarea:t(this,c,"f"),label:e.querySelector("label"),labelValue:e.querySelector("label .label-value"),messageBox:e.querySelector(".message-box")},"f"),t(this,i,"m",b).call(this)},b=function(){t(this,d,"f").textarea.addEventListener("change",(e=>t(this,i,"m",j).call(this,e))),t(this,d,"f").textarea.addEventListener("beforeinput",t(this,i,"m",v).bind(this)),t(this,d,"f").textarea.addEventListener("input",(e=>t(this,i,"m",w).call(this,e))),t(this,d,"f").textarea.addEventListener("keypress",t(this,i,"m",y).bind(this)),t(this,d,"f").textarea.addEventListener("keyup",t(this,i,"m",k).bind(this)),t(this,d,"f").textarea.addEventListener("keydown",t(this,i,"m",g).bind(this))},p=function(){this.value=this.getAttribute("value")||""},f=function(e,a){switch(e){case"label":t(this,d,"f").labelValue.innerHTML=a,null==a||null==a||""==a?t(this,d,"f").label.classList.add("--hide"):t(this,d,"f").label.classList.remove("--hide");break;case"message":t(this,d,"f").messageBox.innerHTML=a;break;case"placeholder":t(this,c,"f").setAttribute("placeholder",a);break;case"value":this.value=a;break;case"required":this.required=""===a||"true"===a}},m=function(){t(this,c,"f").style.height="4px",t(this,c,"f").style.height=t(this,c,"f").scrollHeight+"px"},v=function(e){t(this,i,"m",x).call(this,e)},x=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,isComposing:e.isComposing,inputType:e.inputType,dataTransfer:e.dataTransfer,view:e.view,detail:e.detail,targetRanges:e.getTargetRanges()},a=new InputEvent("beforeinput",t);return this.dispatchEvent(a),a.defaultPrevented&&e.preventDefault(),a.defaultPrevented},g=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keydown",t);this.dispatchEvent(a)||e.preventDefault()},y=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keypress",t);this.dispatchEvent(a)||e.preventDefault()},w=function(e){this.autoHeight&&t(this,i,"m",m).call(this),t(this,i,"m",E).call(this,e)},E=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,dataTransfer:e.dataTransfer,detail:e.detail,inputType:e.inputType,isComposing:e.isComposing,targetRanges:e.getTargetRanges(),view:e.view},a=new InputEvent("input",t);this.dispatchEvent(a)},k=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",K).call(this,!1);const r={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,detail:e.detail,isComposing:e.isComposing,location:e.location,metaKey:e.metaKey,repeat:e.repeat,view:e.view},o=new KeyboardEvent("keyup",r);this.dispatchEvent(o)},j=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",K).call(this,!0);t(this,i,"m",V).call(this).defaultPrevented&&e.preventDefault()},V=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},C=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},K=function(e){if(!this.isAutoValidationDisabled)return t(this,u,"f").checkValidity({showError:e})},T=function(e){if(e.isAllValid)t(this,l,"f").setValidity({},"");else{const a={};let i="";e.validationList.forEach((e=>{e.isValid||(e.validation.stateType&&(a[e.validation.stateType]=!0),""==i&&(i=e.message))})),t(this,l,"f").setValidity(a,i)}};!customElements.get("jb-textarea")&&window.customElements.define("jb-textarea",L),exports.JBTextareaWebComponent=L;
2
2
  //# sourceMappingURL=jb-textarea.cjs.js.map
package/dist/jb-textarea.cjs.js.br CHANGED
Binary file
package/dist/jb-textarea.cjs.js.gz CHANGED
Binary file
package/dist/jb-textarea.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"jb-textarea.cjs.js","sources":["../lib/jb-textarea.ts"],"sourcesContent":["import HTML from './jb-textarea.html';\r\nimport CSS from './jb-textarea.scss';\r\nimport { ShowValidationErrorInput, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from 'jb-validation';\r\nimport type { JBFormInputStandards } from 'jb-form';\r\nimport { JBTextareaElements, ValidationValue } from './types';\r\n//export all internal type for user easier access\r\nexport { ValidationValue };\r\n\r\nexport class JBTextareaWebComponent extends HTMLElement implements WithValidation, JBFormInputStandards<string> {\r\n static get formAssociated() {\r\n return true;\r\n }\r\n #value = '';\r\n get value() {\r\n return this.#value;\r\n }\r\n set value(value) {\r\n this.#value = value;\r\n this.#textareaElement.value = value;\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n }\r\n #isAutoValidationDisabled = false;\r\n get isAutoValidationDisabled(): boolean {\r\n return this.#isAutoValidationDisabled;\r\n }\r\n set isAutoValidationDisabled(value: boolean) {\r\n this.#isAutoValidationDisabled = value;\r\n }\r\n #disabled = false;\r\n get disabled() {\r\n return this.#disabled;\r\n }\r\n set disabled(value: boolean) {\r\n this.#disabled = value;\r\n this.#elements.textarea.disabled = value;\r\n if (value) {\r\n //TODO: remove as any when typescript support\r\n (this.#internals as any).states?.add(\"disabled\");\r\n } else {\r\n (this.#internals as any).states?.delete(\"disabled\");\r\n }\r\n }\r\n #required = false;\r\n set required(value: boolean) {\r\n this.#required = value;\r\n this.#validation.checkValiditySync({showError:false});\r\n }\r\n get required() {\r\n return this.#required;\r\n }\r\n #internals?: ElementInternals;\r\n\r\n get name() {\r\n return this.getAttribute('name') || '';\r\n }\r\n initialValue = \"\";\r\n get isDirty(): boolean {\r\n return this.#value !== this.initialValue;\r\n }\r\n constructor() {\r\n super();\r\n if (typeof this.attachInternals == \"function\") {\r\n //some browser dont support attachInternals\r\n this.#internals = this.attachInternals();\r\n }\r\n this.#initWebComponent();\r\n this.#initProp();\r\n }\r\n #textareaElement!: HTMLTextAreaElement;\r\n #elements!: JBTextareaElements;\r\n #initWebComponent() {\r\n const shadowRoot = this.attachShadow({\r\n mode: 'open',\r\n delegatesFocus:true\r\n });\r\n const html = `<style>${CSS}</style>` + '\\n' + HTML;\r\n const element = document.createElement('template');\r\n element.innerHTML = html;\r\n shadowRoot.appendChild(element.content.cloneNode(true));\r\n this.#textareaElement = shadowRoot.querySelector('.textarea-box textarea')!;\r\n this.#elements = {\r\n textarea: this.#textareaElement,\r\n label: shadowRoot.querySelector('label')!,\r\n labelValue: shadowRoot.querySelector('label .label-value')!,\r\n messageBox: shadowRoot.querySelector('.message-box')!\r\n }\r\n this.#registerEventListener();\r\n }\r\n #registerEventListener() {\r\n this.#elements.textarea.addEventListener('change', (e) => this.#onInputChange(e));\r\n this.#elements.textarea.addEventListener('beforeinput', this.#onInputBeforeInput.bind(this));\r\n this.#elements.textarea.addEventListener('input', (e) => this.#onInputInput((e as unknown as InputEvent)));\r\n this.#elements.textarea.addEventListener('keypress', this.#onInputKeyPress.bind(this));\r\n this.#elements.textarea.addEventListener('keyup', this.#onInputKeyup.bind(this));\r\n this.#elements.textarea.addEventListener('keydown', this.#onInputKeyDown.bind(this));\r\n }\r\n autoHeight = false;\r\n #validation = new ValidationHelper<ValidationValue>({\r\n clearValidationError:this.clearValidationError.bind(this),\r\n getInputtedValue:() => this.#value,\r\n getValueString:() => this.value,\r\n getInsideValidations:this.#getInsideValidation.bind(this),\r\n setValidationResult:this.#setValidationResult.bind(this),\r\n showValidationError:this.showValidationError.bind(this)\r\n });\r\n get validation() {\r\n return this.#validation;\r\n }\r\n #initProp() {\r\n this.value = this.getAttribute('value') || '';\r\n\r\n }\r\n static get observedAttributes() {\r\n return ['label', 'message', 'value', 'placeholder',\"required\"];\r\n }\r\n attributeChangedCallback(name: string, oldValue: string, newValue: string) {\r\n // do something when an attribute has changed\r\n this.#onAttributeChange(name, newValue);\r\n }\r\n #onAttributeChange(name: string, value: string) {\r\n switch (name) {\r\n case 'label':\r\n this.#elements.labelValue.innerHTML = value;\r\n if (value == null || value == undefined || value == \"\") {\r\n this.#elements.label.classList.add('--hide');\r\n } else {\r\n this.#elements.label.classList.remove('--hide');\r\n }\r\n break;\r\n case 'message':\r\n this.#elements.messageBox.innerHTML = value;\r\n break;\r\n case 'placeholder':\r\n this.#textareaElement.setAttribute('placeholder', value);\r\n break;\r\n case 'value':\r\n this.value = value;\r\n break;\r\n case 'required':\r\n this.required = value === '' || value ==='true';\r\n break;\r\n }\r\n\r\n }\r\n #changeHeightToContentSize() {\r\n this.#textareaElement.style.height = \"4px\";\r\n this.#textareaElement.style.height = (this.#textareaElement.scrollHeight) + \"px\";\r\n }\r\n #onInputBeforeInput(e: InputEvent) {\r\n this.#dispatchBeforeInputEvent(e);\r\n }\r\n #dispatchBeforeInputEvent(e: InputEvent): boolean {\r\n const eventInitDict = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n isComposing: e.isComposing,\r\n inputType: e.inputType,\r\n dataTransfer: e.dataTransfer,\r\n view: e.view,\r\n detail: e.detail,\r\n targetRanges: e.getTargetRanges(),\r\n };\r\n const event = new InputEvent('beforeinput', eventInitDict);\r\n this.dispatchEvent(event);\r\n if (event.defaultPrevented) {\r\n e.preventDefault();\r\n }\r\n return event.defaultPrevented;\r\n }\r\n #onInputKeyDown(e: KeyboardEvent) {\r\n const keyDownnInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent(\"keydown\", keyDownnInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputKeyPress(e: KeyboardEvent) {\r\n const keyPressInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keypress', keyPressInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputInput(e: InputEvent) {\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n this.#triggerInputEvent(e);\r\n }\r\n #triggerInputEvent(e: InputEvent) {\r\n const inputInitObject: InputEventInit = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n dataTransfer: e.dataTransfer,\r\n detail: e.detail,\r\n inputType: e.inputType,\r\n isComposing: e.isComposing,\r\n targetRanges: e.getTargetRanges(),\r\n view: e.view\r\n };\r\n const event = new InputEvent(\"input\", inputInitObject);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputKeyup(e: KeyboardEvent) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update _value directly becuase we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(false);\r\n const keyUpInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n detail: e.detail,\r\n isComposing: e.isComposing,\r\n location: e.location,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keyup', keyUpInitObj);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputChange(e: Event) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update #value directly because we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(true);\r\n const dispatchedEvent = this.#dispatchChangeEvent();\r\n if(dispatchedEvent.defaultPrevented){\r\n e.preventDefault();\r\n }\r\n }\r\n #dispatchChangeEvent(){\r\n const event = new Event('change',{bubbles:true,cancelable:true});\r\n this.dispatchEvent(event);\r\n return event;\r\n }\r\n showValidationError(error: ShowValidationErrorInput | string) {\r\n const message = typeof error == \"string\"?error:error.message;\r\n this.#elements.messageBox.innerHTML = message;\r\n this.#elements.messageBox.classList.add('error');\r\n }\r\n clearValidationError() {\r\n const text = this.getAttribute('message') || '';\r\n this.#elements.messageBox.innerHTML = text;\r\n this.#elements.messageBox.classList.remove('error');\r\n }\r\n #getInsideValidation(): ValidationItem<ValidationValue>[] {\r\n const validationList: ValidationItem<ValidationValue>[] = [];\r\n if (this.required) {\r\n validationList.push({\r\n validator: /.{1}/g,\r\n message: this.getAttribute(\"label\") +\" \"+ \"میبایست حتما وارد شود\",\r\n stateType: \"valueMissing\"\r\n });\r\n }\r\n return validationList;\r\n }\r\n #checkValidity(showError: boolean) {\r\n if (!this.isAutoValidationDisabled) {\r\n return this.#validation.checkValidity({showError});\r\n }\r\n }\r\n /**\r\n * @description this method called on every checkValidity calls and update validation result of #internal\r\n */\r\n #setValidationResult(result: ValidationResult<ValidationValue>) {\r\n if (result.isAllValid) {\r\n this.#internals.setValidity({}, '');\r\n } else {\r\n const states: ValidityStateFlags = {};\r\n let message = \"\";\r\n result.validationList.forEach((res) => {\r\n if (!res.isValid) {\r\n if (res.validation.stateType) { states[res.validation.stateType] = true; }\r\n if (message == '') { message = res.message; }\r\n }\r\n });\r\n this.#internals.setValidity(states, message);\r\n }\r\n }\r\n get validationMessage() {\r\n return this.#internals.validationMessage;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity but doesn't show error to user and just return the result\r\n * this method used by #internal of component\r\n */\r\n checkValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:false});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity and show error to user\r\n */\r\n reportValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:true});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n}\r\n\r\nconst myElementNotExists = !customElements.get('jb-textarea');\r\nif (myElementNotExists) {\r\n //prevent duplicate registering\r\n window.customElements.define('jb-textarea', JBTextareaWebComponent);\r\n}"],"names":["JBTextareaWebComponent","HTMLElement","formAssociated","value","__classPrivateFieldGet","this","_JBTextareaWebComponent_value","__classPrivateFieldSet","_JBTextareaWebComponent_textareaElement","autoHeight","_JBTextareaWebComponent_instances","_JBTextareaWebComponent_changeHeightToContentSize","call","isAutoValidationDisabled","_JBTextareaWebComponent_isAutoValidationDisabled","disabled","_JBTextareaWebComponent_disabled","textarea","states","add","delete","required","_JBTextareaWebComponent_required","_JBTextareaWebComponent_validation","checkValiditySync","showError","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","clearValidationError","bind","getInputtedValue","getValueString","getInsideValidations","_JBTextareaWebComponent_getInsideValidation","setValidationResult","_JBTextareaWebComponent_setValidationResult","showValidationError","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","message","messageBox","innerHTML","classList","text","remove","validationMessage","checkValidity","validationResult","isAllValid","event","CustomEvent","dispatchEvent","reportValidity","shadowRoot","attachShadow","mode","delegatesFocus","element","document","createElement","appendChild","content","cloneNode","querySelector","label","labelValue","_JBTextareaWebComponent_registerEventListener","addEventListener","e","_JBTextareaWebComponent_onInputChange","_JBTextareaWebComponent_onInputInput","_JBTextareaWebComponent_onAttributeChange","undefined","setAttribute","style","height","_JBTextareaWebComponent_dispatchBeforeInputEvent","eventInitDict","bubbles","cancelable","composed","data","isComposing","inputType","dataTransfer","view","detail","targetRanges","getTargetRanges","InputEvent","defaultPrevented","preventDefault","keyDownnInitObj","key","keyCode","code","ctrlKey","shiftKey","altKey","charCode","which","location","metaKey","repeat","KeyboardEvent","keyPressInitObj","_JBTextareaWebComponent_triggerInputEvent","inputInitObject","inputText","target","_JBTextareaWebComponent_checkValidity","keyUpInitObj","_JBTextareaWebComponent_dispatchChangeEvent","Event","validationList","push","validator","stateType","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"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"}
1
+ {"version":3,"file":"jb-textarea.cjs.js","sources":["../lib/jb-textarea.ts"],"sourcesContent":["import HTML from './jb-textarea.html';\r\nimport CSS from './jb-textarea.scss';\r\nimport { ShowValidationErrorInput, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from 'jb-validation';\r\nimport type { JBFormInputStandards } from 'jb-form';\r\nimport { JBTextareaElements, ValidationValue } from './types';\r\n//export all internal type for user easier access\r\nexport { ValidationValue };\r\n\r\nexport class JBTextareaWebComponent extends HTMLElement implements WithValidation, JBFormInputStandards<string> {\r\n static get formAssociated() {\r\n return true;\r\n }\r\n #value = '';\r\n get value() {\r\n return this.#value;\r\n }\r\n set value(value) {\r\n this.#value = value;\r\n this.#textareaElement.value = value;\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n }\r\n #isAutoValidationDisabled = false;\r\n get isAutoValidationDisabled(): boolean {\r\n return this.#isAutoValidationDisabled;\r\n }\r\n set isAutoValidationDisabled(value: boolean) {\r\n this.#isAutoValidationDisabled = value;\r\n }\r\n #disabled = false;\r\n get disabled() {\r\n return this.#disabled;\r\n }\r\n set disabled(value: boolean) {\r\n this.#disabled = value;\r\n this.#elements.textarea.disabled = value;\r\n if (value) {\r\n //TODO: remove as any when typescript support\r\n (this.#internals as any).states?.add(\"disabled\");\r\n } else {\r\n (this.#internals as any).states?.delete(\"disabled\");\r\n }\r\n }\r\n #required = false;\r\n set required(value: boolean) {\r\n this.#required = value;\r\n this.#validation.checkValiditySync({showError:false});\r\n }\r\n get required() {\r\n return this.#required;\r\n }\r\n #internals?: ElementInternals;\r\n\r\n get name() {\r\n return this.getAttribute('name') || '';\r\n }\r\n initialValue = \"\";\r\n get isDirty(): boolean {\r\n return this.#value !== this.initialValue;\r\n }\r\n constructor() {\r\n super();\r\n if (typeof this.attachInternals == \"function\") {\r\n //some browser dont support attachInternals\r\n this.#internals = this.attachInternals();\r\n }\r\n this.#initWebComponent();\r\n this.#initProp();\r\n }\r\n #textareaElement!: HTMLTextAreaElement;\r\n #elements!: JBTextareaElements;\r\n #initWebComponent() {\r\n const shadowRoot = this.attachShadow({\r\n mode: 'open',\r\n delegatesFocus:true\r\n });\r\n const html = `<style>${CSS}</style>` + '\\n' + HTML;\r\n const element = document.createElement('template');\r\n element.innerHTML = html;\r\n shadowRoot.appendChild(element.content.cloneNode(true));\r\n this.#textareaElement = shadowRoot.querySelector('.textarea-box textarea')!;\r\n this.#elements = {\r\n textarea: this.#textareaElement,\r\n label: shadowRoot.querySelector('label')!,\r\n labelValue: shadowRoot.querySelector('label .label-value')!,\r\n messageBox: shadowRoot.querySelector('.message-box')!\r\n }\r\n this.#registerEventListener();\r\n }\r\n #registerEventListener() {\r\n this.#elements.textarea.addEventListener('change', (e) => this.#onInputChange(e));\r\n this.#elements.textarea.addEventListener('beforeinput', this.#onInputBeforeInput.bind(this));\r\n this.#elements.textarea.addEventListener('input', (e) => this.#onInputInput((e as unknown as InputEvent)));\r\n this.#elements.textarea.addEventListener('keypress', this.#onInputKeyPress.bind(this));\r\n this.#elements.textarea.addEventListener('keyup', this.#onInputKeyup.bind(this));\r\n this.#elements.textarea.addEventListener('keydown', this.#onInputKeyDown.bind(this));\r\n }\r\n autoHeight = false;\r\n #validation = new ValidationHelper<ValidationValue>({\r\n clearValidationError:this.clearValidationError.bind(this),\r\n getValue:() => this.#value,\r\n getValueString:() => this.value,\r\n getValidations:this.#getInsideValidation.bind(this),\r\n setValidationResult:this.#setValidationResult.bind(this),\r\n showValidationError:this.showValidationError.bind(this)\r\n });\r\n get validation() {\r\n return this.#validation;\r\n }\r\n #initProp() {\r\n this.value = this.getAttribute('value') || '';\r\n\r\n }\r\n static get observedAttributes() {\r\n return ['label', 'message', 'value', 'placeholder',\"required\"];\r\n }\r\n attributeChangedCallback(name: string, oldValue: string, newValue: string) {\r\n // do something when an attribute has changed\r\n this.#onAttributeChange(name, newValue);\r\n }\r\n #onAttributeChange(name: string, value: string) {\r\n switch (name) {\r\n case 'label':\r\n this.#elements.labelValue.innerHTML = value;\r\n if (value == null || value == undefined || value == \"\") {\r\n this.#elements.label.classList.add('--hide');\r\n } else {\r\n this.#elements.label.classList.remove('--hide');\r\n }\r\n break;\r\n case 'message':\r\n this.#elements.messageBox.innerHTML = value;\r\n break;\r\n case 'placeholder':\r\n this.#textareaElement.setAttribute('placeholder', value);\r\n break;\r\n case 'value':\r\n this.value = value;\r\n break;\r\n case 'required':\r\n this.required = value === '' || value ==='true';\r\n break;\r\n }\r\n\r\n }\r\n #changeHeightToContentSize() {\r\n this.#textareaElement.style.height = \"4px\";\r\n this.#textareaElement.style.height = (this.#textareaElement.scrollHeight) + \"px\";\r\n }\r\n #onInputBeforeInput(e: InputEvent) {\r\n this.#dispatchBeforeInputEvent(e);\r\n }\r\n #dispatchBeforeInputEvent(e: InputEvent): boolean {\r\n const eventInitDict = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n isComposing: e.isComposing,\r\n inputType: e.inputType,\r\n dataTransfer: e.dataTransfer,\r\n view: e.view,\r\n detail: e.detail,\r\n targetRanges: e.getTargetRanges(),\r\n };\r\n const event = new InputEvent('beforeinput', eventInitDict);\r\n this.dispatchEvent(event);\r\n if (event.defaultPrevented) {\r\n e.preventDefault();\r\n }\r\n return event.defaultPrevented;\r\n }\r\n #onInputKeyDown(e: KeyboardEvent) {\r\n const keyDownnInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent(\"keydown\", keyDownnInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputKeyPress(e: KeyboardEvent) {\r\n const keyPressInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keypress', keyPressInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputInput(e: InputEvent) {\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n this.#triggerInputEvent(e);\r\n }\r\n #triggerInputEvent(e: InputEvent) {\r\n const inputInitObject: InputEventInit = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n dataTransfer: e.dataTransfer,\r\n detail: e.detail,\r\n inputType: e.inputType,\r\n isComposing: e.isComposing,\r\n targetRanges: e.getTargetRanges(),\r\n view: e.view\r\n };\r\n const event = new InputEvent(\"input\", inputInitObject);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputKeyup(e: KeyboardEvent) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update _value directly becuase we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(false);\r\n const keyUpInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n detail: e.detail,\r\n isComposing: e.isComposing,\r\n location: e.location,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keyup', keyUpInitObj);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputChange(e: Event) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update #value directly because we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(true);\r\n const dispatchedEvent = this.#dispatchChangeEvent();\r\n if(dispatchedEvent.defaultPrevented){\r\n e.preventDefault();\r\n }\r\n }\r\n #dispatchChangeEvent(){\r\n const event = new Event('change',{bubbles:true,cancelable:true});\r\n this.dispatchEvent(event);\r\n return event;\r\n }\r\n showValidationError(error: ShowValidationErrorInput | string) {\r\n const message = typeof error == \"string\"?error:error.message;\r\n this.#elements.messageBox.innerHTML = message;\r\n this.#elements.messageBox.classList.add('error');\r\n }\r\n clearValidationError() {\r\n const text = this.getAttribute('message') || '';\r\n this.#elements.messageBox.innerHTML = text;\r\n this.#elements.messageBox.classList.remove('error');\r\n }\r\n #getInsideValidation(): ValidationItem<ValidationValue>[] {\r\n const validationList: ValidationItem<ValidationValue>[] = [];\r\n if (this.required) {\r\n validationList.push({\r\n validator: /.{1}/g,\r\n message: this.getAttribute(\"label\") +\" \"+ \"میبایست حتما وارد شود\",\r\n stateType: \"valueMissing\"\r\n });\r\n }\r\n return validationList;\r\n }\r\n #checkValidity(showError: boolean) {\r\n if (!this.isAutoValidationDisabled) {\r\n return this.#validation.checkValidity({showError});\r\n }\r\n }\r\n /**\r\n * @description this method called on every checkValidity calls and update validation result of #internal\r\n */\r\n #setValidationResult(result: ValidationResult<ValidationValue>) {\r\n if (result.isAllValid) {\r\n this.#internals.setValidity({}, '');\r\n } else {\r\n const states: ValidityStateFlags = {};\r\n let message = \"\";\r\n result.validationList.forEach((res) => {\r\n if (!res.isValid) {\r\n if (res.validation.stateType) { states[res.validation.stateType] = true; }\r\n if (message == '') { message = res.message; }\r\n }\r\n });\r\n this.#internals.setValidity(states, message);\r\n }\r\n }\r\n get validationMessage() {\r\n return this.#internals.validationMessage;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity but doesn't show error to user and just return the result\r\n * this method used by #internal of component\r\n */\r\n checkValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:false});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity and show error to user\r\n */\r\n reportValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:true});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n}\r\n\r\nconst myElementNotExists = !customElements.get('jb-textarea');\r\nif (myElementNotExists) {\r\n //prevent duplicate registering\r\n window.customElements.define('jb-textarea', JBTextareaWebComponent);\r\n}"],"names":["JBTextareaWebComponent","HTMLElement","formAssociated","value","__classPrivateFieldGet","this","_JBTextareaWebComponent_value","__classPrivateFieldSet","_JBTextareaWebComponent_textareaElement","autoHeight","_JBTextareaWebComponent_instances","_JBTextareaWebComponent_changeHeightToContentSize","call","isAutoValidationDisabled","_JBTextareaWebComponent_isAutoValidationDisabled","disabled","_JBTextareaWebComponent_disabled","textarea","states","add","delete","required","_JBTextareaWebComponent_required","_JBTextareaWebComponent_validation","checkValiditySync","showError","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","clearValidationError","bind","getValue","getValueString","getValidations","_JBTextareaWebComponent_getInsideValidation","setValidationResult","_JBTextareaWebComponent_setValidationResult","showValidationError","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","message","messageBox","innerHTML","classList","text","remove","validationMessage","checkValidity","validationResult","isAllValid","event","CustomEvent","dispatchEvent","reportValidity","shadowRoot","attachShadow","mode","delegatesFocus","element","document","createElement","appendChild","content","cloneNode","querySelector","label","labelValue","_JBTextareaWebComponent_registerEventListener","addEventListener","e","_JBTextareaWebComponent_onInputChange","_JBTextareaWebComponent_onInputInput","_JBTextareaWebComponent_onAttributeChange","undefined","setAttribute","style","height","_JBTextareaWebComponent_dispatchBeforeInputEvent","eventInitDict","bubbles","cancelable","composed","data","isComposing","inputType","dataTransfer","view","detail","targetRanges","getTargetRanges","InputEvent","defaultPrevented","preventDefault","keyDownnInitObj","key","keyCode","code","ctrlKey","shiftKey","altKey","charCode","which","location","metaKey","repeat","KeyboardEvent","keyPressInitObj","_JBTextareaWebComponent_triggerInputEvent","inputInitObject","inputText","target","_JBTextareaWebComponent_checkValidity","keyUpInitObj","_JBTextareaWebComponent_dispatchChangeEvent","Event","validationList","push","validator","stateType","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"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"}
package/dist/jb-textarea.js CHANGED
@@ -1,2 +1,2 @@
1
- import{ValidationHelper as e}from"jb-validation";function t(e,t,a,i){if("a"===a&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?i:"a"===a?i.call(e):i?i.value:t.get(e)}function a(e,t,a,i,s){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?s.call(e,a):s?s.value=a:t.set(e,a),a}"function"==typeof SuppressedError&&SuppressedError;var i,s,n,r,o,l,c,d,h,b,u,p,f,m,v,x,g,y,w,E,k,j,V,C,K,T;class L extends HTMLElement{static get formAssociated(){return!0}get value(){return t(this,s,"f")}set value(e){a(this,s,e,"f"),t(this,c,"f").value=e,this.autoHeight&&t(this,i,"m",m).call(this)}get isAutoValidationDisabled(){return t(this,n,"f")}set isAutoValidationDisabled(e){a(this,n,e,"f")}get disabled(){return t(this,r,"f")}set disabled(e){a(this,r,e,"f"),t(this,d,"f").textarea.disabled=e,e?t(this,l,"f").states?.add("disabled"):t(this,l,"f").states?.delete("disabled")}set required(e){a(this,o,e,"f"),t(this,u,"f").checkValiditySync({showError:!1})}get required(){return t(this,o,"f")}get name(){return this.getAttribute("name")||""}get isDirty(){return t(this,s,"f")!==this.initialValue}constructor(){super(),i.add(this),s.set(this,""),n.set(this,!1),r.set(this,!1),o.set(this,!1),l.set(this,void 0),this.initialValue="",c.set(this,void 0),d.set(this,void 0),this.autoHeight=!1,u.set(this,new e({clearValidationError:this.clearValidationError.bind(this),getInputtedValue:()=>t(this,s,"f"),getValueString:()=>this.value,getInsideValidations:t(this,i,"m",C).bind(this),setValidationResult:t(this,i,"m",T).bind(this),showValidationError:this.showValidationError.bind(this)})),"function"==typeof this.attachInternals&&a(this,l,this.attachInternals(),"f"),t(this,i,"m",h).call(this),t(this,i,"m",p).call(this)}get validation(){return t(this,u,"f")}static get observedAttributes(){return["label","message","value","placeholder","required"]}attributeChangedCallback(e,a,s){t(this,i,"m",f).call(this,e,s)}showValidationError(e){const a="string"==typeof e?e:e.message;t(this,d,"f").messageBox.innerHTML=a,t(this,d,"f").messageBox.classList.add("error")}clearValidationError(){const e=this.getAttribute("message")||"";t(this,d,"f").messageBox.innerHTML=e,t(this,d,"f").messageBox.classList.remove("error")}get validationMessage(){return t(this,l,"f").validationMessage}checkValidity(){const e=t(this,u,"f").checkValiditySync({showError:!1});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=t(this,u,"f").checkValiditySync({showError:!0});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}}s=new WeakMap,n=new WeakMap,r=new WeakMap,o=new WeakMap,l=new WeakMap,c=new WeakMap,d=new WeakMap,u=new WeakMap,i=new WeakSet,h=function(){const e=this.attachShadow({mode:"open",delegatesFocus:!0}),s=document.createElement("template");s.innerHTML='<style>:host(:focus),\n:host(:focus-visible) {\n outline: none;\n}\n\n.jb-textarea-web-component {\n width: 100%;\n margin: var(--jb-textarea-margin, 12px 0);\n}\n.jb-textarea-web-component label {\n width: 100%;\n margin: 4px 0px;\n display: block;\n font-size: var(--jb-textarea-label-font-size, 0.8em);\n color: var(--jb-textarea-label-color, #1f1735);\n}\n.jb-textarea-web-component label.--hide {\n display: none;\n}\n.jb-textarea-web-component .textarea-box {\n width: 100%;\n box-sizing: border-box;\n border: solid var(--jb-textarea-border-width, 1px) var(--jb-textarea-border-color, #f7f6f6);\n background-color: var(--jb-textarea-bgcolor, #f7f6f6);\n border-bottom: solid var(--jb-textarea-border-botton-width, 3px) var(--jb-textarea-border-color, #f7f6f6);\n border-radius: var(--jb-textarea-border-radius, 16px);\n display: block;\n transition: ease 0.3s all;\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n}\n.jb-textarea-web-component .textarea-box:focus-within {\n border-color: var(--jb-textarea-border-color-focus, #1e2832);\n}\n.jb-textarea-web-component .textarea-box textarea {\n border: none;\n width: 100%;\n box-sizing: border-box;\n min-height: var(--jb-textarea-min-height, 80px);\n height: var(--jb-textarea-min-height, 80px);\n max-height: var(--jb-textarea-max-height, none);\n background-color: transparent;\n padding: 6px 12px 4px 12px;\n display: block;\n font-family: inherit;\n font-size: var(--jb-textarea-value-font-size, 1.1em);\n color: var(--jb-textarea-value-color, #1f1735);\n margin: 0;\n border-radius: 0;\n resize: vertical;\n color: var(--jb-textarea-value-color, initial);\n}\n.jb-textarea-web-component .textarea-box textarea:focus {\n outline: none;\n}\n.jb-textarea-web-component .textarea-box textarea::placeholder {\n color: var(--jb-textarea-placeholder-color, initial);\n font-size: var(--jb-textarea-placeholder-font-size, initial);\n}\n.jb-textarea-web-component .message-box {\n font-size: var(--jb-textarea-message-font-size, 0.7em);\n padding: 2px 8px;\n color: #929292;\n}\n.jb-textarea-web-component .message-box:empty {\n padding: 0;\n}\n.jb-textarea-web-component .message-box.error {\n color: var(--jb-textarea-message-error-color, red);\n}</style>\n<div class="jb-textarea-web-component">\r\n <label class="--hide"><span class="label-value"></span><span>:</span></label>\r\n <div class="textarea-box">\r\n <textarea class="textarea-input"></textarea>\r\n </div>\r\n <div class="message-box"></div>\r\n</div>',e.appendChild(s.content.cloneNode(!0)),a(this,c,e.querySelector(".textarea-box textarea"),"f"),a(this,d,{textarea:t(this,c,"f"),label:e.querySelector("label"),labelValue:e.querySelector("label .label-value"),messageBox:e.querySelector(".message-box")},"f"),t(this,i,"m",b).call(this)},b=function(){t(this,d,"f").textarea.addEventListener("change",(e=>t(this,i,"m",j).call(this,e))),t(this,d,"f").textarea.addEventListener("beforeinput",t(this,i,"m",v).bind(this)),t(this,d,"f").textarea.addEventListener("input",(e=>t(this,i,"m",w).call(this,e))),t(this,d,"f").textarea.addEventListener("keypress",t(this,i,"m",y).bind(this)),t(this,d,"f").textarea.addEventListener("keyup",t(this,i,"m",k).bind(this)),t(this,d,"f").textarea.addEventListener("keydown",t(this,i,"m",g).bind(this))},p=function(){this.value=this.getAttribute("value")||""},f=function(e,a){switch(e){case"label":t(this,d,"f").labelValue.innerHTML=a,null==a||null==a||""==a?t(this,d,"f").label.classList.add("--hide"):t(this,d,"f").label.classList.remove("--hide");break;case"message":t(this,d,"f").messageBox.innerHTML=a;break;case"placeholder":t(this,c,"f").setAttribute("placeholder",a);break;case"value":this.value=a;break;case"required":this.required=""===a||"true"===a}},m=function(){t(this,c,"f").style.height="4px",t(this,c,"f").style.height=t(this,c,"f").scrollHeight+"px"},v=function(e){t(this,i,"m",x).call(this,e)},x=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,isComposing:e.isComposing,inputType:e.inputType,dataTransfer:e.dataTransfer,view:e.view,detail:e.detail,targetRanges:e.getTargetRanges()},a=new InputEvent("beforeinput",t);return this.dispatchEvent(a),a.defaultPrevented&&e.preventDefault(),a.defaultPrevented},g=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keydown",t);this.dispatchEvent(a)||e.preventDefault()},y=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keypress",t);this.dispatchEvent(a)||e.preventDefault()},w=function(e){this.autoHeight&&t(this,i,"m",m).call(this),t(this,i,"m",E).call(this,e)},E=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,dataTransfer:e.dataTransfer,detail:e.detail,inputType:e.inputType,isComposing:e.isComposing,targetRanges:e.getTargetRanges(),view:e.view},a=new InputEvent("input",t);this.dispatchEvent(a)},k=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",K).call(this,!1);const r={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,detail:e.detail,isComposing:e.isComposing,location:e.location,metaKey:e.metaKey,repeat:e.repeat,view:e.view},o=new KeyboardEvent("keyup",r);this.dispatchEvent(o)},j=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",K).call(this,!0);t(this,i,"m",V).call(this).defaultPrevented&&e.preventDefault()},V=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},C=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},K=function(e){if(!this.isAutoValidationDisabled)return t(this,u,"f").checkValidity({showError:e})},T=function(e){if(e.isAllValid)t(this,l,"f").setValidity({},"");else{const a={};let i="";e.validationList.forEach((e=>{e.isValid||(e.validation.stateType&&(a[e.validation.stateType]=!0),""==i&&(i=e.message))})),t(this,l,"f").setValidity(a,i)}};!customElements.get("jb-textarea")&&window.customElements.define("jb-textarea",L);export{L as JBTextareaWebComponent};
1
+ import{ValidationHelper as e}from"jb-validation";function t(e,t,a,i){if("a"===a&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?i:"a"===a?i.call(e):i?i.value:t.get(e)}function a(e,t,a,i,s){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?s.call(e,a):s?s.value=a:t.set(e,a),a}"function"==typeof SuppressedError&&SuppressedError;var i,s,n,r,o,l,c,d,h,b,u,p,f,m,v,x,g,y,w,E,k,j,V,C,K,T;class L extends HTMLElement{static get formAssociated(){return!0}get value(){return t(this,s,"f")}set value(e){a(this,s,e,"f"),t(this,c,"f").value=e,this.autoHeight&&t(this,i,"m",m).call(this)}get isAutoValidationDisabled(){return t(this,n,"f")}set isAutoValidationDisabled(e){a(this,n,e,"f")}get disabled(){return t(this,r,"f")}set disabled(e){a(this,r,e,"f"),t(this,d,"f").textarea.disabled=e,e?t(this,l,"f").states?.add("disabled"):t(this,l,"f").states?.delete("disabled")}set required(e){a(this,o,e,"f"),t(this,u,"f").checkValiditySync({showError:!1})}get required(){return t(this,o,"f")}get name(){return this.getAttribute("name")||""}get isDirty(){return t(this,s,"f")!==this.initialValue}constructor(){super(),i.add(this),s.set(this,""),n.set(this,!1),r.set(this,!1),o.set(this,!1),l.set(this,void 0),this.initialValue="",c.set(this,void 0),d.set(this,void 0),this.autoHeight=!1,u.set(this,new e({clearValidationError:this.clearValidationError.bind(this),getValue:()=>t(this,s,"f"),getValueString:()=>this.value,getValidations:t(this,i,"m",C).bind(this),setValidationResult:t(this,i,"m",T).bind(this),showValidationError:this.showValidationError.bind(this)})),"function"==typeof this.attachInternals&&a(this,l,this.attachInternals(),"f"),t(this,i,"m",h).call(this),t(this,i,"m",p).call(this)}get validation(){return t(this,u,"f")}static get observedAttributes(){return["label","message","value","placeholder","required"]}attributeChangedCallback(e,a,s){t(this,i,"m",f).call(this,e,s)}showValidationError(e){const a="string"==typeof e?e:e.message;t(this,d,"f").messageBox.innerHTML=a,t(this,d,"f").messageBox.classList.add("error")}clearValidationError(){const e=this.getAttribute("message")||"";t(this,d,"f").messageBox.innerHTML=e,t(this,d,"f").messageBox.classList.remove("error")}get validationMessage(){return t(this,l,"f").validationMessage}checkValidity(){const e=t(this,u,"f").checkValiditySync({showError:!1});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=t(this,u,"f").checkValiditySync({showError:!0});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}}s=new WeakMap,n=new WeakMap,r=new WeakMap,o=new WeakMap,l=new WeakMap,c=new WeakMap,d=new WeakMap,u=new WeakMap,i=new WeakSet,h=function(){const e=this.attachShadow({mode:"open",delegatesFocus:!0}),s=document.createElement("template");s.innerHTML='<style>:host(:focus),\n:host(:focus-visible) {\n outline: none;\n}\n\n.jb-textarea-web-component {\n width: 100%;\n margin: var(--jb-textarea-margin, 12px 0);\n}\n.jb-textarea-web-component label {\n width: 100%;\n margin: 4px 0px;\n display: block;\n font-size: var(--jb-textarea-label-font-size, 0.8em);\n color: var(--jb-textarea-label-color, #1f1735);\n}\n.jb-textarea-web-component label.--hide {\n display: none;\n}\n.jb-textarea-web-component .textarea-box {\n width: 100%;\n box-sizing: border-box;\n border: solid var(--jb-textarea-border-width, 1px) var(--jb-textarea-border-color, #f7f6f6);\n background-color: var(--jb-textarea-bgcolor, #f7f6f6);\n border-bottom: solid var(--jb-textarea-border-botton-width, 3px) var(--jb-textarea-border-color, #f7f6f6);\n border-radius: var(--jb-textarea-border-radius, 16px);\n display: block;\n transition: ease 0.3s all;\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n}\n.jb-textarea-web-component .textarea-box:focus-within {\n border-color: var(--jb-textarea-border-color-focus, #1e2832);\n}\n.jb-textarea-web-component .textarea-box textarea {\n border: none;\n width: 100%;\n box-sizing: border-box;\n min-height: var(--jb-textarea-min-height, 80px);\n height: var(--jb-textarea-min-height, 80px);\n max-height: var(--jb-textarea-max-height, none);\n background-color: transparent;\n padding: 6px 12px 4px 12px;\n display: block;\n font-family: inherit;\n font-size: var(--jb-textarea-value-font-size, 1.1em);\n color: var(--jb-textarea-value-color, #1f1735);\n margin: 0;\n border-radius: 0;\n resize: vertical;\n color: var(--jb-textarea-value-color, initial);\n}\n.jb-textarea-web-component .textarea-box textarea:focus {\n outline: none;\n}\n.jb-textarea-web-component .textarea-box textarea::placeholder {\n color: var(--jb-textarea-placeholder-color, initial);\n font-size: var(--jb-textarea-placeholder-font-size, initial);\n}\n.jb-textarea-web-component .message-box {\n font-size: var(--jb-textarea-message-font-size, 0.7em);\n padding: 2px 8px;\n color: #929292;\n}\n.jb-textarea-web-component .message-box:empty {\n padding: 0;\n}\n.jb-textarea-web-component .message-box.error {\n color: var(--jb-textarea-message-error-color, red);\n}</style>\n<div class="jb-textarea-web-component">\r\n <label class="--hide"><span class="label-value"></span><span>:</span></label>\r\n <div class="textarea-box">\r\n <textarea class="textarea-input"></textarea>\r\n </div>\r\n <div class="message-box"></div>\r\n</div>',e.appendChild(s.content.cloneNode(!0)),a(this,c,e.querySelector(".textarea-box textarea"),"f"),a(this,d,{textarea:t(this,c,"f"),label:e.querySelector("label"),labelValue:e.querySelector("label .label-value"),messageBox:e.querySelector(".message-box")},"f"),t(this,i,"m",b).call(this)},b=function(){t(this,d,"f").textarea.addEventListener("change",(e=>t(this,i,"m",j).call(this,e))),t(this,d,"f").textarea.addEventListener("beforeinput",t(this,i,"m",v).bind(this)),t(this,d,"f").textarea.addEventListener("input",(e=>t(this,i,"m",w).call(this,e))),t(this,d,"f").textarea.addEventListener("keypress",t(this,i,"m",y).bind(this)),t(this,d,"f").textarea.addEventListener("keyup",t(this,i,"m",k).bind(this)),t(this,d,"f").textarea.addEventListener("keydown",t(this,i,"m",g).bind(this))},p=function(){this.value=this.getAttribute("value")||""},f=function(e,a){switch(e){case"label":t(this,d,"f").labelValue.innerHTML=a,null==a||null==a||""==a?t(this,d,"f").label.classList.add("--hide"):t(this,d,"f").label.classList.remove("--hide");break;case"message":t(this,d,"f").messageBox.innerHTML=a;break;case"placeholder":t(this,c,"f").setAttribute("placeholder",a);break;case"value":this.value=a;break;case"required":this.required=""===a||"true"===a}},m=function(){t(this,c,"f").style.height="4px",t(this,c,"f").style.height=t(this,c,"f").scrollHeight+"px"},v=function(e){t(this,i,"m",x).call(this,e)},x=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,isComposing:e.isComposing,inputType:e.inputType,dataTransfer:e.dataTransfer,view:e.view,detail:e.detail,targetRanges:e.getTargetRanges()},a=new InputEvent("beforeinput",t);return this.dispatchEvent(a),a.defaultPrevented&&e.preventDefault(),a.defaultPrevented},g=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keydown",t);this.dispatchEvent(a)||e.preventDefault()},y=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keypress",t);this.dispatchEvent(a)||e.preventDefault()},w=function(e){this.autoHeight&&t(this,i,"m",m).call(this),t(this,i,"m",E).call(this,e)},E=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,dataTransfer:e.dataTransfer,detail:e.detail,inputType:e.inputType,isComposing:e.isComposing,targetRanges:e.getTargetRanges(),view:e.view},a=new InputEvent("input",t);this.dispatchEvent(a)},k=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",K).call(this,!1);const r={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,detail:e.detail,isComposing:e.isComposing,location:e.location,metaKey:e.metaKey,repeat:e.repeat,view:e.view},o=new KeyboardEvent("keyup",r);this.dispatchEvent(o)},j=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",K).call(this,!0);t(this,i,"m",V).call(this).defaultPrevented&&e.preventDefault()},V=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},C=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},K=function(e){if(!this.isAutoValidationDisabled)return t(this,u,"f").checkValidity({showError:e})},T=function(e){if(e.isAllValid)t(this,l,"f").setValidity({},"");else{const a={};let i="";e.validationList.forEach((e=>{e.isValid||(e.validation.stateType&&(a[e.validation.stateType]=!0),""==i&&(i=e.message))})),t(this,l,"f").setValidity(a,i)}};!customElements.get("jb-textarea")&&window.customElements.define("jb-textarea",L);export{L as JBTextareaWebComponent};
2
2
  //# sourceMappingURL=jb-textarea.js.map
package/dist/jb-textarea.js.br CHANGED
Binary file
package/dist/jb-textarea.js.gz CHANGED
Binary file
package/dist/jb-textarea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"jb-textarea.js","sources":["../lib/jb-textarea.ts"],"sourcesContent":["import HTML from './jb-textarea.html';\r\nimport CSS from './jb-textarea.scss';\r\nimport { ShowValidationErrorInput, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from 'jb-validation';\r\nimport type { JBFormInputStandards } from 'jb-form';\r\nimport { JBTextareaElements, ValidationValue } from './types';\r\n//export all internal type for user easier access\r\nexport { ValidationValue };\r\n\r\nexport class JBTextareaWebComponent extends HTMLElement implements WithValidation, JBFormInputStandards<string> {\r\n static get formAssociated() {\r\n return true;\r\n }\r\n #value = '';\r\n get value() {\r\n return this.#value;\r\n }\r\n set value(value) {\r\n this.#value = value;\r\n this.#textareaElement.value = value;\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n }\r\n #isAutoValidationDisabled = false;\r\n get isAutoValidationDisabled(): boolean {\r\n return this.#isAutoValidationDisabled;\r\n }\r\n set isAutoValidationDisabled(value: boolean) {\r\n this.#isAutoValidationDisabled = value;\r\n }\r\n #disabled = false;\r\n get disabled() {\r\n return this.#disabled;\r\n }\r\n set disabled(value: boolean) {\r\n this.#disabled = value;\r\n this.#elements.textarea.disabled = value;\r\n if (value) {\r\n //TODO: remove as any when typescript support\r\n (this.#internals as any).states?.add(\"disabled\");\r\n } else {\r\n (this.#internals as any).states?.delete(\"disabled\");\r\n }\r\n }\r\n #required = false;\r\n set required(value: boolean) {\r\n this.#required = value;\r\n this.#validation.checkValiditySync({showError:false});\r\n }\r\n get required() {\r\n return this.#required;\r\n }\r\n #internals?: ElementInternals;\r\n\r\n get name() {\r\n return this.getAttribute('name') || '';\r\n }\r\n initialValue = \"\";\r\n get isDirty(): boolean {\r\n return this.#value !== this.initialValue;\r\n }\r\n constructor() {\r\n super();\r\n if (typeof this.attachInternals == \"function\") {\r\n //some browser dont support attachInternals\r\n this.#internals = this.attachInternals();\r\n }\r\n this.#initWebComponent();\r\n this.#initProp();\r\n }\r\n #textareaElement!: HTMLTextAreaElement;\r\n #elements!: JBTextareaElements;\r\n #initWebComponent() {\r\n const shadowRoot = this.attachShadow({\r\n mode: 'open',\r\n delegatesFocus:true\r\n });\r\n const html = `<style>${CSS}</style>` + '\\n' + HTML;\r\n const element = document.createElement('template');\r\n element.innerHTML = html;\r\n shadowRoot.appendChild(element.content.cloneNode(true));\r\n this.#textareaElement = shadowRoot.querySelector('.textarea-box textarea')!;\r\n this.#elements = {\r\n textarea: this.#textareaElement,\r\n label: shadowRoot.querySelector('label')!,\r\n labelValue: shadowRoot.querySelector('label .label-value')!,\r\n messageBox: shadowRoot.querySelector('.message-box')!\r\n }\r\n this.#registerEventListener();\r\n }\r\n #registerEventListener() {\r\n this.#elements.textarea.addEventListener('change', (e) => this.#onInputChange(e));\r\n this.#elements.textarea.addEventListener('beforeinput', this.#onInputBeforeInput.bind(this));\r\n this.#elements.textarea.addEventListener('input', (e) => this.#onInputInput((e as unknown as InputEvent)));\r\n this.#elements.textarea.addEventListener('keypress', this.#onInputKeyPress.bind(this));\r\n this.#elements.textarea.addEventListener('keyup', this.#onInputKeyup.bind(this));\r\n this.#elements.textarea.addEventListener('keydown', this.#onInputKeyDown.bind(this));\r\n }\r\n autoHeight = false;\r\n #validation = new ValidationHelper<ValidationValue>({\r\n clearValidationError:this.clearValidationError.bind(this),\r\n getInputtedValue:() => this.#value,\r\n getValueString:() => this.value,\r\n getInsideValidations:this.#getInsideValidation.bind(this),\r\n setValidationResult:this.#setValidationResult.bind(this),\r\n showValidationError:this.showValidationError.bind(this)\r\n });\r\n get validation() {\r\n return this.#validation;\r\n }\r\n #initProp() {\r\n this.value = this.getAttribute('value') || '';\r\n\r\n }\r\n static get observedAttributes() {\r\n return ['label', 'message', 'value', 'placeholder',\"required\"];\r\n }\r\n attributeChangedCallback(name: string, oldValue: string, newValue: string) {\r\n // do something when an attribute has changed\r\n this.#onAttributeChange(name, newValue);\r\n }\r\n #onAttributeChange(name: string, value: string) {\r\n switch (name) {\r\n case 'label':\r\n this.#elements.labelValue.innerHTML = value;\r\n if (value == null || value == undefined || value == \"\") {\r\n this.#elements.label.classList.add('--hide');\r\n } else {\r\n this.#elements.label.classList.remove('--hide');\r\n }\r\n break;\r\n case 'message':\r\n this.#elements.messageBox.innerHTML = value;\r\n break;\r\n case 'placeholder':\r\n this.#textareaElement.setAttribute('placeholder', value);\r\n break;\r\n case 'value':\r\n this.value = value;\r\n break;\r\n case 'required':\r\n this.required = value === '' || value ==='true';\r\n break;\r\n }\r\n\r\n }\r\n #changeHeightToContentSize() {\r\n this.#textareaElement.style.height = \"4px\";\r\n this.#textareaElement.style.height = (this.#textareaElement.scrollHeight) + \"px\";\r\n }\r\n #onInputBeforeInput(e: InputEvent) {\r\n this.#dispatchBeforeInputEvent(e);\r\n }\r\n #dispatchBeforeInputEvent(e: InputEvent): boolean {\r\n const eventInitDict = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n isComposing: e.isComposing,\r\n inputType: e.inputType,\r\n dataTransfer: e.dataTransfer,\r\n view: e.view,\r\n detail: e.detail,\r\n targetRanges: e.getTargetRanges(),\r\n };\r\n const event = new InputEvent('beforeinput', eventInitDict);\r\n this.dispatchEvent(event);\r\n if (event.defaultPrevented) {\r\n e.preventDefault();\r\n }\r\n return event.defaultPrevented;\r\n }\r\n #onInputKeyDown(e: KeyboardEvent) {\r\n const keyDownnInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent(\"keydown\", keyDownnInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputKeyPress(e: KeyboardEvent) {\r\n const keyPressInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keypress', keyPressInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputInput(e: InputEvent) {\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n this.#triggerInputEvent(e);\r\n }\r\n #triggerInputEvent(e: InputEvent) {\r\n const inputInitObject: InputEventInit = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n dataTransfer: e.dataTransfer,\r\n detail: e.detail,\r\n inputType: e.inputType,\r\n isComposing: e.isComposing,\r\n targetRanges: e.getTargetRanges(),\r\n view: e.view\r\n };\r\n const event = new InputEvent(\"input\", inputInitObject);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputKeyup(e: KeyboardEvent) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update _value directly becuase we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(false);\r\n const keyUpInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n detail: e.detail,\r\n isComposing: e.isComposing,\r\n location: e.location,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keyup', keyUpInitObj);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputChange(e: Event) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update #value directly because we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(true);\r\n const dispatchedEvent = this.#dispatchChangeEvent();\r\n if(dispatchedEvent.defaultPrevented){\r\n e.preventDefault();\r\n }\r\n }\r\n #dispatchChangeEvent(){\r\n const event = new Event('change',{bubbles:true,cancelable:true});\r\n this.dispatchEvent(event);\r\n return event;\r\n }\r\n showValidationError(error: ShowValidationErrorInput | string) {\r\n const message = typeof error == \"string\"?error:error.message;\r\n this.#elements.messageBox.innerHTML = message;\r\n this.#elements.messageBox.classList.add('error');\r\n }\r\n clearValidationError() {\r\n const text = this.getAttribute('message') || '';\r\n this.#elements.messageBox.innerHTML = text;\r\n this.#elements.messageBox.classList.remove('error');\r\n }\r\n #getInsideValidation(): ValidationItem<ValidationValue>[] {\r\n const validationList: ValidationItem<ValidationValue>[] = [];\r\n if (this.required) {\r\n validationList.push({\r\n validator: /.{1}/g,\r\n message: this.getAttribute(\"label\") +\" \"+ \"میبایست حتما وارد شود\",\r\n stateType: \"valueMissing\"\r\n });\r\n }\r\n return validationList;\r\n }\r\n #checkValidity(showError: boolean) {\r\n if (!this.isAutoValidationDisabled) {\r\n return this.#validation.checkValidity({showError});\r\n }\r\n }\r\n /**\r\n * @description this method called on every checkValidity calls and update validation result of #internal\r\n */\r\n #setValidationResult(result: ValidationResult<ValidationValue>) {\r\n if (result.isAllValid) {\r\n this.#internals.setValidity({}, '');\r\n } else {\r\n const states: ValidityStateFlags = {};\r\n let message = \"\";\r\n result.validationList.forEach((res) => {\r\n if (!res.isValid) {\r\n if (res.validation.stateType) { states[res.validation.stateType] = true; }\r\n if (message == '') { message = res.message; }\r\n }\r\n });\r\n this.#internals.setValidity(states, message);\r\n }\r\n }\r\n get validationMessage() {\r\n return this.#internals.validationMessage;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity but doesn't show error to user and just return the result\r\n * this method used by #internal of component\r\n */\r\n checkValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:false});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity and show error to user\r\n */\r\n reportValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:true});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n}\r\n\r\nconst myElementNotExists = !customElements.get('jb-textarea');\r\nif (myElementNotExists) {\r\n //prevent duplicate registering\r\n window.customElements.define('jb-textarea', JBTextareaWebComponent);\r\n}"],"names":["JBTextareaWebComponent","HTMLElement","formAssociated","value","__classPrivateFieldGet","this","_JBTextareaWebComponent_value","__classPrivateFieldSet","_JBTextareaWebComponent_textareaElement","autoHeight","_JBTextareaWebComponent_instances","_JBTextareaWebComponent_changeHeightToContentSize","call","isAutoValidationDisabled","_JBTextareaWebComponent_isAutoValidationDisabled","disabled","_JBTextareaWebComponent_disabled","textarea","states","add","delete","required","_JBTextareaWebComponent_required","_JBTextareaWebComponent_validation","checkValiditySync","showError","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","clearValidationError","bind","getInputtedValue","getValueString","getInsideValidations","_JBTextareaWebComponent_getInsideValidation","setValidationResult","_JBTextareaWebComponent_setValidationResult","showValidationError","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","message","messageBox","innerHTML","classList","text","remove","validationMessage","checkValidity","validationResult","isAllValid","event","CustomEvent","dispatchEvent","reportValidity","shadowRoot","attachShadow","mode","delegatesFocus","element","document","createElement","appendChild","content","cloneNode","querySelector","label","labelValue","_JBTextareaWebComponent_registerEventListener","addEventListener","e","_JBTextareaWebComponent_onInputChange","_JBTextareaWebComponent_onInputInput","_JBTextareaWebComponent_onAttributeChange","undefined","setAttribute","style","height","_JBTextareaWebComponent_dispatchBeforeInputEvent","eventInitDict","bubbles","cancelable","composed","data","isComposing","inputType","dataTransfer","view","detail","targetRanges","getTargetRanges","InputEvent","defaultPrevented","preventDefault","keyDownnInitObj","key","keyCode","code","ctrlKey","shiftKey","altKey","charCode","which","location","metaKey","repeat","KeyboardEvent","keyPressInitObj","_JBTextareaWebComponent_triggerInputEvent","inputInitObject","inputText","target","_JBTextareaWebComponent_checkValidity","keyUpInitObj","_JBTextareaWebComponent_dispatchChangeEvent","Event","validationList","push","validator","stateType","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"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"}
1
+ {"version":3,"file":"jb-textarea.js","sources":["../lib/jb-textarea.ts"],"sourcesContent":["import HTML from './jb-textarea.html';\r\nimport CSS from './jb-textarea.scss';\r\nimport { ShowValidationErrorInput, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from 'jb-validation';\r\nimport type { JBFormInputStandards } from 'jb-form';\r\nimport { JBTextareaElements, ValidationValue } from './types';\r\n//export all internal type for user easier access\r\nexport { ValidationValue };\r\n\r\nexport class JBTextareaWebComponent extends HTMLElement implements WithValidation, JBFormInputStandards<string> {\r\n static get formAssociated() {\r\n return true;\r\n }\r\n #value = '';\r\n get value() {\r\n return this.#value;\r\n }\r\n set value(value) {\r\n this.#value = value;\r\n this.#textareaElement.value = value;\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n }\r\n #isAutoValidationDisabled = false;\r\n get isAutoValidationDisabled(): boolean {\r\n return this.#isAutoValidationDisabled;\r\n }\r\n set isAutoValidationDisabled(value: boolean) {\r\n this.#isAutoValidationDisabled = value;\r\n }\r\n #disabled = false;\r\n get disabled() {\r\n return this.#disabled;\r\n }\r\n set disabled(value: boolean) {\r\n this.#disabled = value;\r\n this.#elements.textarea.disabled = value;\r\n if (value) {\r\n //TODO: remove as any when typescript support\r\n (this.#internals as any).states?.add(\"disabled\");\r\n } else {\r\n (this.#internals as any).states?.delete(\"disabled\");\r\n }\r\n }\r\n #required = false;\r\n set required(value: boolean) {\r\n this.#required = value;\r\n this.#validation.checkValiditySync({showError:false});\r\n }\r\n get required() {\r\n return this.#required;\r\n }\r\n #internals?: ElementInternals;\r\n\r\n get name() {\r\n return this.getAttribute('name') || '';\r\n }\r\n initialValue = \"\";\r\n get isDirty(): boolean {\r\n return this.#value !== this.initialValue;\r\n }\r\n constructor() {\r\n super();\r\n if (typeof this.attachInternals == \"function\") {\r\n //some browser dont support attachInternals\r\n this.#internals = this.attachInternals();\r\n }\r\n this.#initWebComponent();\r\n this.#initProp();\r\n }\r\n #textareaElement!: HTMLTextAreaElement;\r\n #elements!: JBTextareaElements;\r\n #initWebComponent() {\r\n const shadowRoot = this.attachShadow({\r\n mode: 'open',\r\n delegatesFocus:true\r\n });\r\n const html = `<style>${CSS}</style>` + '\\n' + HTML;\r\n const element = document.createElement('template');\r\n element.innerHTML = html;\r\n shadowRoot.appendChild(element.content.cloneNode(true));\r\n this.#textareaElement = shadowRoot.querySelector('.textarea-box textarea')!;\r\n this.#elements = {\r\n textarea: this.#textareaElement,\r\n label: shadowRoot.querySelector('label')!,\r\n labelValue: shadowRoot.querySelector('label .label-value')!,\r\n messageBox: shadowRoot.querySelector('.message-box')!\r\n }\r\n this.#registerEventListener();\r\n }\r\n #registerEventListener() {\r\n this.#elements.textarea.addEventListener('change', (e) => this.#onInputChange(e));\r\n this.#elements.textarea.addEventListener('beforeinput', this.#onInputBeforeInput.bind(this));\r\n this.#elements.textarea.addEventListener('input', (e) => this.#onInputInput((e as unknown as InputEvent)));\r\n this.#elements.textarea.addEventListener('keypress', this.#onInputKeyPress.bind(this));\r\n this.#elements.textarea.addEventListener('keyup', this.#onInputKeyup.bind(this));\r\n this.#elements.textarea.addEventListener('keydown', this.#onInputKeyDown.bind(this));\r\n }\r\n autoHeight = false;\r\n #validation = new ValidationHelper<ValidationValue>({\r\n clearValidationError:this.clearValidationError.bind(this),\r\n getValue:() => this.#value,\r\n getValueString:() => this.value,\r\n getValidations:this.#getInsideValidation.bind(this),\r\n setValidationResult:this.#setValidationResult.bind(this),\r\n showValidationError:this.showValidationError.bind(this)\r\n });\r\n get validation() {\r\n return this.#validation;\r\n }\r\n #initProp() {\r\n this.value = this.getAttribute('value') || '';\r\n\r\n }\r\n static get observedAttributes() {\r\n return ['label', 'message', 'value', 'placeholder',\"required\"];\r\n }\r\n attributeChangedCallback(name: string, oldValue: string, newValue: string) {\r\n // do something when an attribute has changed\r\n this.#onAttributeChange(name, newValue);\r\n }\r\n #onAttributeChange(name: string, value: string) {\r\n switch (name) {\r\n case 'label':\r\n this.#elements.labelValue.innerHTML = value;\r\n if (value == null || value == undefined || value == \"\") {\r\n this.#elements.label.classList.add('--hide');\r\n } else {\r\n this.#elements.label.classList.remove('--hide');\r\n }\r\n break;\r\n case 'message':\r\n this.#elements.messageBox.innerHTML = value;\r\n break;\r\n case 'placeholder':\r\n this.#textareaElement.setAttribute('placeholder', value);\r\n break;\r\n case 'value':\r\n this.value = value;\r\n break;\r\n case 'required':\r\n this.required = value === '' || value ==='true';\r\n break;\r\n }\r\n\r\n }\r\n #changeHeightToContentSize() {\r\n this.#textareaElement.style.height = \"4px\";\r\n this.#textareaElement.style.height = (this.#textareaElement.scrollHeight) + \"px\";\r\n }\r\n #onInputBeforeInput(e: InputEvent) {\r\n this.#dispatchBeforeInputEvent(e);\r\n }\r\n #dispatchBeforeInputEvent(e: InputEvent): boolean {\r\n const eventInitDict = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n isComposing: e.isComposing,\r\n inputType: e.inputType,\r\n dataTransfer: e.dataTransfer,\r\n view: e.view,\r\n detail: e.detail,\r\n targetRanges: e.getTargetRanges(),\r\n };\r\n const event = new InputEvent('beforeinput', eventInitDict);\r\n this.dispatchEvent(event);\r\n if (event.defaultPrevented) {\r\n e.preventDefault();\r\n }\r\n return event.defaultPrevented;\r\n }\r\n #onInputKeyDown(e: KeyboardEvent) {\r\n const keyDownnInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent(\"keydown\", keyDownnInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputKeyPress(e: KeyboardEvent) {\r\n const keyPressInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keypress', keyPressInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputInput(e: InputEvent) {\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n this.#triggerInputEvent(e);\r\n }\r\n #triggerInputEvent(e: InputEvent) {\r\n const inputInitObject: InputEventInit = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n dataTransfer: e.dataTransfer,\r\n detail: e.detail,\r\n inputType: e.inputType,\r\n isComposing: e.isComposing,\r\n targetRanges: e.getTargetRanges(),\r\n view: e.view\r\n };\r\n const event = new InputEvent(\"input\", inputInitObject);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputKeyup(e: KeyboardEvent) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update _value directly becuase we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(false);\r\n const keyUpInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n detail: e.detail,\r\n isComposing: e.isComposing,\r\n location: e.location,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keyup', keyUpInitObj);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputChange(e: Event) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update #value directly because we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(true);\r\n const dispatchedEvent = this.#dispatchChangeEvent();\r\n if(dispatchedEvent.defaultPrevented){\r\n e.preventDefault();\r\n }\r\n }\r\n #dispatchChangeEvent(){\r\n const event = new Event('change',{bubbles:true,cancelable:true});\r\n this.dispatchEvent(event);\r\n return event;\r\n }\r\n showValidationError(error: ShowValidationErrorInput | string) {\r\n const message = typeof error == \"string\"?error:error.message;\r\n this.#elements.messageBox.innerHTML = message;\r\n this.#elements.messageBox.classList.add('error');\r\n }\r\n clearValidationError() {\r\n const text = this.getAttribute('message') || '';\r\n this.#elements.messageBox.innerHTML = text;\r\n this.#elements.messageBox.classList.remove('error');\r\n }\r\n #getInsideValidation(): ValidationItem<ValidationValue>[] {\r\n const validationList: ValidationItem<ValidationValue>[] = [];\r\n if (this.required) {\r\n validationList.push({\r\n validator: /.{1}/g,\r\n message: this.getAttribute(\"label\") +\" \"+ \"میبایست حتما وارد شود\",\r\n stateType: \"valueMissing\"\r\n });\r\n }\r\n return validationList;\r\n }\r\n #checkValidity(showError: boolean) {\r\n if (!this.isAutoValidationDisabled) {\r\n return this.#validation.checkValidity({showError});\r\n }\r\n }\r\n /**\r\n * @description this method called on every checkValidity calls and update validation result of #internal\r\n */\r\n #setValidationResult(result: ValidationResult<ValidationValue>) {\r\n if (result.isAllValid) {\r\n this.#internals.setValidity({}, '');\r\n } else {\r\n const states: ValidityStateFlags = {};\r\n let message = \"\";\r\n result.validationList.forEach((res) => {\r\n if (!res.isValid) {\r\n if (res.validation.stateType) { states[res.validation.stateType] = true; }\r\n if (message == '') { message = res.message; }\r\n }\r\n });\r\n this.#internals.setValidity(states, message);\r\n }\r\n }\r\n get validationMessage() {\r\n return this.#internals.validationMessage;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity but doesn't show error to user and just return the result\r\n * this method used by #internal of component\r\n */\r\n checkValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:false});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity and show error to user\r\n */\r\n reportValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:true});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n}\r\n\r\nconst myElementNotExists = !customElements.get('jb-textarea');\r\nif (myElementNotExists) {\r\n //prevent duplicate registering\r\n window.customElements.define('jb-textarea', JBTextareaWebComponent);\r\n}"],"names":["JBTextareaWebComponent","HTMLElement","formAssociated","value","__classPrivateFieldGet","this","_JBTextareaWebComponent_value","__classPrivateFieldSet","_JBTextareaWebComponent_textareaElement","autoHeight","_JBTextareaWebComponent_instances","_JBTextareaWebComponent_changeHeightToContentSize","call","isAutoValidationDisabled","_JBTextareaWebComponent_isAutoValidationDisabled","disabled","_JBTextareaWebComponent_disabled","textarea","states","add","delete","required","_JBTextareaWebComponent_required","_JBTextareaWebComponent_validation","checkValiditySync","showError","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","clearValidationError","bind","getValue","getValueString","getValidations","_JBTextareaWebComponent_getInsideValidation","setValidationResult","_JBTextareaWebComponent_setValidationResult","showValidationError","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","message","messageBox","innerHTML","classList","text","remove","validationMessage","checkValidity","validationResult","isAllValid","event","CustomEvent","dispatchEvent","reportValidity","shadowRoot","attachShadow","mode","delegatesFocus","element","document","createElement","appendChild","content","cloneNode","querySelector","label","labelValue","_JBTextareaWebComponent_registerEventListener","addEventListener","e","_JBTextareaWebComponent_onInputChange","_JBTextareaWebComponent_onInputInput","_JBTextareaWebComponent_onAttributeChange","undefined","setAttribute","style","height","_JBTextareaWebComponent_dispatchBeforeInputEvent","eventInitDict","bubbles","cancelable","composed","data","isComposing","inputType","dataTransfer","view","detail","targetRanges","getTargetRanges","InputEvent","defaultPrevented","preventDefault","keyDownnInitObj","key","keyCode","code","ctrlKey","shiftKey","altKey","charCode","which","location","metaKey","repeat","KeyboardEvent","keyPressInitObj","_JBTextareaWebComponent_triggerInputEvent","inputInitObject","inputText","target","_JBTextareaWebComponent_checkValidity","keyUpInitObj","_JBTextareaWebComponent_dispatchChangeEvent","Event","validationList","push","validator","stateType","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"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"}
package/dist/jb-textarea.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("jb-validation")):"function"==typeof define&&define.amd?define(["exports","jb-validation"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBTextarea={},e.JBValidation)}(this,(function(e,t){"use strict";function a(e,t,a,i){if("a"===a&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?i:"a"===a?i.call(e):i?i.value:t.get(e)}function i(e,t,a,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(e,a):n?n.value=a:t.set(e,a),a}"function"==typeof SuppressedError&&SuppressedError;var n,s,r,o,l,d,c,h,b,u,f,p,m,v,x,g,y,w,E,k,j,V,C,T,K,L;class M extends HTMLElement{static get formAssociated(){return!0}get value(){return a(this,s,"f")}set value(e){i(this,s,e,"f"),a(this,c,"f").value=e,this.autoHeight&&a(this,n,"m",v).call(this)}get isAutoValidationDisabled(){return a(this,r,"f")}set isAutoValidationDisabled(e){i(this,r,e,"f")}get disabled(){return a(this,o,"f")}set disabled(e){i(this,o,e,"f"),a(this,h,"f").textarea.disabled=e,e?a(this,d,"f").states?.add("disabled"):a(this,d,"f").states?.delete("disabled")}set required(e){i(this,l,e,"f"),a(this,f,"f").checkValiditySync({showError:!1})}get required(){return a(this,l,"f")}get name(){return this.getAttribute("name")||""}get isDirty(){return a(this,s,"f")!==this.initialValue}constructor(){super(),n.add(this),s.set(this,""),r.set(this,!1),o.set(this,!1),l.set(this,!1),d.set(this,void 0),this.initialValue="",c.set(this,void 0),h.set(this,void 0),this.autoHeight=!1,f.set(this,new t.ValidationHelper({clearValidationError:this.clearValidationError.bind(this),getInputtedValue:()=>a(this,s,"f"),getValueString:()=>this.value,getInsideValidations:a(this,n,"m",T).bind(this),setValidationResult:a(this,n,"m",L).bind(this),showValidationError:this.showValidationError.bind(this)})),"function"==typeof this.attachInternals&&i(this,d,this.attachInternals(),"f"),a(this,n,"m",b).call(this),a(this,n,"m",p).call(this)}get validation(){return a(this,f,"f")}static get observedAttributes(){return["label","message","value","placeholder","required"]}attributeChangedCallback(e,t,i){a(this,n,"m",m).call(this,e,i)}showValidationError(e){const t="string"==typeof e?e:e.message;a(this,h,"f").messageBox.innerHTML=t,a(this,h,"f").messageBox.classList.add("error")}clearValidationError(){const e=this.getAttribute("message")||"";a(this,h,"f").messageBox.innerHTML=e,a(this,h,"f").messageBox.classList.remove("error")}get validationMessage(){return a(this,d,"f").validationMessage}checkValidity(){const e=a(this,f,"f").checkValiditySync({showError:!1});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=a(this,f,"f").checkValiditySync({showError:!0});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}}s=new WeakMap,r=new WeakMap,o=new WeakMap,l=new WeakMap,d=new WeakMap,c=new WeakMap,h=new WeakMap,f=new WeakMap,n=new WeakSet,b=function(){const e=this.attachShadow({mode:"open",delegatesFocus:!0}),t=document.createElement("template");t.innerHTML='<style>:host(:focus),\n:host(:focus-visible) {\n outline: none;\n}\n\n.jb-textarea-web-component {\n width: 100%;\n margin: var(--jb-textarea-margin, 12px 0);\n}\n.jb-textarea-web-component label {\n width: 100%;\n margin: 4px 0px;\n display: block;\n font-size: var(--jb-textarea-label-font-size, 0.8em);\n color: var(--jb-textarea-label-color, #1f1735);\n}\n.jb-textarea-web-component label.--hide {\n display: none;\n}\n.jb-textarea-web-component .textarea-box {\n width: 100%;\n box-sizing: border-box;\n border: solid var(--jb-textarea-border-width, 1px) var(--jb-textarea-border-color, #f7f6f6);\n background-color: var(--jb-textarea-bgcolor, #f7f6f6);\n border-bottom: solid var(--jb-textarea-border-botton-width, 3px) var(--jb-textarea-border-color, #f7f6f6);\n border-radius: var(--jb-textarea-border-radius, 16px);\n display: block;\n transition: ease 0.3s all;\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n}\n.jb-textarea-web-component .textarea-box:focus-within {\n border-color: var(--jb-textarea-border-color-focus, #1e2832);\n}\n.jb-textarea-web-component .textarea-box textarea {\n border: none;\n width: 100%;\n box-sizing: border-box;\n min-height: var(--jb-textarea-min-height, 80px);\n height: var(--jb-textarea-min-height, 80px);\n max-height: var(--jb-textarea-max-height, none);\n background-color: transparent;\n padding: 6px 12px 4px 12px;\n display: block;\n font-family: inherit;\n font-size: var(--jb-textarea-value-font-size, 1.1em);\n color: var(--jb-textarea-value-color, #1f1735);\n margin: 0;\n border-radius: 0;\n resize: vertical;\n color: var(--jb-textarea-value-color, initial);\n}\n.jb-textarea-web-component .textarea-box textarea:focus {\n outline: none;\n}\n.jb-textarea-web-component .textarea-box textarea::placeholder {\n color: var(--jb-textarea-placeholder-color, initial);\n font-size: var(--jb-textarea-placeholder-font-size, initial);\n}\n.jb-textarea-web-component .message-box {\n font-size: var(--jb-textarea-message-font-size, 0.7em);\n padding: 2px 8px;\n color: #929292;\n}\n.jb-textarea-web-component .message-box:empty {\n padding: 0;\n}\n.jb-textarea-web-component .message-box.error {\n color: var(--jb-textarea-message-error-color, red);\n}</style>\n<div class="jb-textarea-web-component">\r\n <label class="--hide"><span class="label-value"></span><span>:</span></label>\r\n <div class="textarea-box">\r\n <textarea class="textarea-input"></textarea>\r\n </div>\r\n <div class="message-box"></div>\r\n</div>',e.appendChild(t.content.cloneNode(!0)),i(this,c,e.querySelector(".textarea-box textarea"),"f"),i(this,h,{textarea:a(this,c,"f"),label:e.querySelector("label"),labelValue:e.querySelector("label .label-value"),messageBox:e.querySelector(".message-box")},"f"),a(this,n,"m",u).call(this)},u=function(){a(this,h,"f").textarea.addEventListener("change",(e=>a(this,n,"m",V).call(this,e))),a(this,h,"f").textarea.addEventListener("beforeinput",a(this,n,"m",x).bind(this)),a(this,h,"f").textarea.addEventListener("input",(e=>a(this,n,"m",E).call(this,e))),a(this,h,"f").textarea.addEventListener("keypress",a(this,n,"m",w).bind(this)),a(this,h,"f").textarea.addEventListener("keyup",a(this,n,"m",j).bind(this)),a(this,h,"f").textarea.addEventListener("keydown",a(this,n,"m",y).bind(this))},p=function(){this.value=this.getAttribute("value")||""},m=function(e,t){switch(e){case"label":a(this,h,"f").labelValue.innerHTML=t,null==t||null==t||""==t?a(this,h,"f").label.classList.add("--hide"):a(this,h,"f").label.classList.remove("--hide");break;case"message":a(this,h,"f").messageBox.innerHTML=t;break;case"placeholder":a(this,c,"f").setAttribute("placeholder",t);break;case"value":this.value=t;break;case"required":this.required=""===t||"true"===t}},v=function(){a(this,c,"f").style.height="4px",a(this,c,"f").style.height=a(this,c,"f").scrollHeight+"px"},x=function(e){a(this,n,"m",g).call(this,e)},g=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,isComposing:e.isComposing,inputType:e.inputType,dataTransfer:e.dataTransfer,view:e.view,detail:e.detail,targetRanges:e.getTargetRanges()},a=new InputEvent("beforeinput",t);return this.dispatchEvent(a),a.defaultPrevented&&e.preventDefault(),a.defaultPrevented},y=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keydown",t);this.dispatchEvent(a)||e.preventDefault()},w=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keypress",t);this.dispatchEvent(a)||e.preventDefault()},E=function(e){this.autoHeight&&a(this,n,"m",v).call(this),a(this,n,"m",k).call(this,e)},k=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,dataTransfer:e.dataTransfer,detail:e.detail,inputType:e.inputType,isComposing:e.isComposing,targetRanges:e.getTargetRanges(),view:e.view},a=new InputEvent("input",t);this.dispatchEvent(a)},j=function(e){const t=e.target.value;i(this,s,t,"f"),a(this,n,"m",K).call(this,!1);const r={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,detail:e.detail,isComposing:e.isComposing,location:e.location,metaKey:e.metaKey,repeat:e.repeat,view:e.view},o=new KeyboardEvent("keyup",r);this.dispatchEvent(o)},V=function(e){const t=e.target.value;i(this,s,t,"f"),a(this,n,"m",K).call(this,!0);a(this,n,"m",C).call(this).defaultPrevented&&e.preventDefault()},C=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},T=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},K=function(e){if(!this.isAutoValidationDisabled)return a(this,f,"f").checkValidity({showError:e})},L=function(e){if(e.isAllValid)a(this,d,"f").setValidity({},"");else{const t={};let i="";e.validationList.forEach((e=>{e.isValid||(e.validation.stateType&&(t[e.validation.stateType]=!0),""==i&&(i=e.message))})),a(this,d,"f").setValidity(t,i)}};!customElements.get("jb-textarea")&&window.customElements.define("jb-textarea",M),e.JBTextareaWebComponent=M}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("jb-validation")):"function"==typeof define&&define.amd?define(["exports","jb-validation"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBTextarea={},e.JBValidation)}(this,(function(e,t){"use strict";function a(e,t,a,i){if("a"===a&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?i:"a"===a?i.call(e):i?i.value:t.get(e)}function i(e,t,a,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(e,a):n?n.value=a:t.set(e,a),a}"function"==typeof SuppressedError&&SuppressedError;var n,s,r,o,l,d,c,h,b,u,f,p,m,v,x,g,y,w,E,k,j,V,C,T,K,L;class M extends HTMLElement{static get formAssociated(){return!0}get value(){return a(this,s,"f")}set value(e){i(this,s,e,"f"),a(this,c,"f").value=e,this.autoHeight&&a(this,n,"m",v).call(this)}get isAutoValidationDisabled(){return a(this,r,"f")}set isAutoValidationDisabled(e){i(this,r,e,"f")}get disabled(){return a(this,o,"f")}set disabled(e){i(this,o,e,"f"),a(this,h,"f").textarea.disabled=e,e?a(this,d,"f").states?.add("disabled"):a(this,d,"f").states?.delete("disabled")}set required(e){i(this,l,e,"f"),a(this,f,"f").checkValiditySync({showError:!1})}get required(){return a(this,l,"f")}get name(){return this.getAttribute("name")||""}get isDirty(){return a(this,s,"f")!==this.initialValue}constructor(){super(),n.add(this),s.set(this,""),r.set(this,!1),o.set(this,!1),l.set(this,!1),d.set(this,void 0),this.initialValue="",c.set(this,void 0),h.set(this,void 0),this.autoHeight=!1,f.set(this,new t.ValidationHelper({clearValidationError:this.clearValidationError.bind(this),getValue:()=>a(this,s,"f"),getValueString:()=>this.value,getValidations:a(this,n,"m",T).bind(this),setValidationResult:a(this,n,"m",L).bind(this),showValidationError:this.showValidationError.bind(this)})),"function"==typeof this.attachInternals&&i(this,d,this.attachInternals(),"f"),a(this,n,"m",b).call(this),a(this,n,"m",p).call(this)}get validation(){return a(this,f,"f")}static get observedAttributes(){return["label","message","value","placeholder","required"]}attributeChangedCallback(e,t,i){a(this,n,"m",m).call(this,e,i)}showValidationError(e){const t="string"==typeof e?e:e.message;a(this,h,"f").messageBox.innerHTML=t,a(this,h,"f").messageBox.classList.add("error")}clearValidationError(){const e=this.getAttribute("message")||"";a(this,h,"f").messageBox.innerHTML=e,a(this,h,"f").messageBox.classList.remove("error")}get validationMessage(){return a(this,d,"f").validationMessage}checkValidity(){const e=a(this,f,"f").checkValiditySync({showError:!1});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=a(this,f,"f").checkValiditySync({showError:!0});if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}}s=new WeakMap,r=new WeakMap,o=new WeakMap,l=new WeakMap,d=new WeakMap,c=new WeakMap,h=new WeakMap,f=new WeakMap,n=new WeakSet,b=function(){const e=this.attachShadow({mode:"open",delegatesFocus:!0}),t=document.createElement("template");t.innerHTML='<style>:host(:focus),\n:host(:focus-visible) {\n outline: none;\n}\n\n.jb-textarea-web-component {\n width: 100%;\n margin: var(--jb-textarea-margin, 12px 0);\n}\n.jb-textarea-web-component label {\n width: 100%;\n margin: 4px 0px;\n display: block;\n font-size: var(--jb-textarea-label-font-size, 0.8em);\n color: var(--jb-textarea-label-color, #1f1735);\n}\n.jb-textarea-web-component label.--hide {\n display: none;\n}\n.jb-textarea-web-component .textarea-box {\n width: 100%;\n box-sizing: border-box;\n border: solid var(--jb-textarea-border-width, 1px) var(--jb-textarea-border-color, #f7f6f6);\n background-color: var(--jb-textarea-bgcolor, #f7f6f6);\n border-bottom: solid var(--jb-textarea-border-botton-width, 3px) var(--jb-textarea-border-color, #f7f6f6);\n border-radius: var(--jb-textarea-border-radius, 16px);\n display: block;\n transition: ease 0.3s all;\n overflow: hidden;\n display: flex;\n justify-content: space-between;\n}\n.jb-textarea-web-component .textarea-box:focus-within {\n border-color: var(--jb-textarea-border-color-focus, #1e2832);\n}\n.jb-textarea-web-component .textarea-box textarea {\n border: none;\n width: 100%;\n box-sizing: border-box;\n min-height: var(--jb-textarea-min-height, 80px);\n height: var(--jb-textarea-min-height, 80px);\n max-height: var(--jb-textarea-max-height, none);\n background-color: transparent;\n padding: 6px 12px 4px 12px;\n display: block;\n font-family: inherit;\n font-size: var(--jb-textarea-value-font-size, 1.1em);\n color: var(--jb-textarea-value-color, #1f1735);\n margin: 0;\n border-radius: 0;\n resize: vertical;\n color: var(--jb-textarea-value-color, initial);\n}\n.jb-textarea-web-component .textarea-box textarea:focus {\n outline: none;\n}\n.jb-textarea-web-component .textarea-box textarea::placeholder {\n color: var(--jb-textarea-placeholder-color, initial);\n font-size: var(--jb-textarea-placeholder-font-size, initial);\n}\n.jb-textarea-web-component .message-box {\n font-size: var(--jb-textarea-message-font-size, 0.7em);\n padding: 2px 8px;\n color: #929292;\n}\n.jb-textarea-web-component .message-box:empty {\n padding: 0;\n}\n.jb-textarea-web-component .message-box.error {\n color: var(--jb-textarea-message-error-color, red);\n}</style>\n<div class="jb-textarea-web-component">\r\n <label class="--hide"><span class="label-value"></span><span>:</span></label>\r\n <div class="textarea-box">\r\n <textarea class="textarea-input"></textarea>\r\n </div>\r\n <div class="message-box"></div>\r\n</div>',e.appendChild(t.content.cloneNode(!0)),i(this,c,e.querySelector(".textarea-box textarea"),"f"),i(this,h,{textarea:a(this,c,"f"),label:e.querySelector("label"),labelValue:e.querySelector("label .label-value"),messageBox:e.querySelector(".message-box")},"f"),a(this,n,"m",u).call(this)},u=function(){a(this,h,"f").textarea.addEventListener("change",(e=>a(this,n,"m",V).call(this,e))),a(this,h,"f").textarea.addEventListener("beforeinput",a(this,n,"m",x).bind(this)),a(this,h,"f").textarea.addEventListener("input",(e=>a(this,n,"m",E).call(this,e))),a(this,h,"f").textarea.addEventListener("keypress",a(this,n,"m",w).bind(this)),a(this,h,"f").textarea.addEventListener("keyup",a(this,n,"m",j).bind(this)),a(this,h,"f").textarea.addEventListener("keydown",a(this,n,"m",y).bind(this))},p=function(){this.value=this.getAttribute("value")||""},m=function(e,t){switch(e){case"label":a(this,h,"f").labelValue.innerHTML=t,null==t||null==t||""==t?a(this,h,"f").label.classList.add("--hide"):a(this,h,"f").label.classList.remove("--hide");break;case"message":a(this,h,"f").messageBox.innerHTML=t;break;case"placeholder":a(this,c,"f").setAttribute("placeholder",t);break;case"value":this.value=t;break;case"required":this.required=""===t||"true"===t}},v=function(){a(this,c,"f").style.height="4px",a(this,c,"f").style.height=a(this,c,"f").scrollHeight+"px"},x=function(e){a(this,n,"m",g).call(this,e)},g=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,isComposing:e.isComposing,inputType:e.inputType,dataTransfer:e.dataTransfer,view:e.view,detail:e.detail,targetRanges:e.getTargetRanges()},a=new InputEvent("beforeinput",t);return this.dispatchEvent(a),a.defaultPrevented&&e.preventDefault(),a.defaultPrevented},y=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keydown",t);this.dispatchEvent(a)||e.preventDefault()},w=function(e){const t={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,cancelable:!0,location:e.location,detail:e.detail,bubbles:e.bubbles,composed:e.composed,isComposing:e.isComposing,metaKey:e.metaKey,repeat:e.repeat,view:e.view},a=new KeyboardEvent("keypress",t);this.dispatchEvent(a)||e.preventDefault()},E=function(e){this.autoHeight&&a(this,n,"m",v).call(this),a(this,n,"m",k).call(this,e)},k=function(e){const t={bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,data:e.data,dataTransfer:e.dataTransfer,detail:e.detail,inputType:e.inputType,isComposing:e.isComposing,targetRanges:e.getTargetRanges(),view:e.view},a=new InputEvent("input",t);this.dispatchEvent(a)},j=function(e){const t=e.target.value;i(this,s,t,"f"),a(this,n,"m",K).call(this,!1);const r={key:e.key,keyCode:e.keyCode,code:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,charCode:e.charCode,which:e.which,bubbles:e.bubbles,cancelable:e.cancelable,composed:e.composed,detail:e.detail,isComposing:e.isComposing,location:e.location,metaKey:e.metaKey,repeat:e.repeat,view:e.view},o=new KeyboardEvent("keyup",r);this.dispatchEvent(o)},V=function(e){const t=e.target.value;i(this,s,t,"f"),a(this,n,"m",K).call(this,!0);a(this,n,"m",C).call(this).defaultPrevented&&e.preventDefault()},C=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},T=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},K=function(e){if(!this.isAutoValidationDisabled)return a(this,f,"f").checkValidity({showError:e})},L=function(e){if(e.isAllValid)a(this,d,"f").setValidity({},"");else{const t={};let i="";e.validationList.forEach((e=>{e.isValid||(e.validation.stateType&&(t[e.validation.stateType]=!0),""==i&&(i=e.message))})),a(this,d,"f").setValidity(t,i)}};!customElements.get("jb-textarea")&&window.customElements.define("jb-textarea",M),e.JBTextareaWebComponent=M}));
2
2
  //# sourceMappingURL=jb-textarea.umd.js.map
package/dist/jb-textarea.umd.js.br CHANGED
Binary file
package/dist/jb-textarea.umd.js.gz CHANGED
Binary file
package/dist/jb-textarea.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"jb-textarea.umd.js","sources":["../lib/jb-textarea.ts"],"sourcesContent":["import HTML from './jb-textarea.html';\r\nimport CSS from './jb-textarea.scss';\r\nimport { ShowValidationErrorInput, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from 'jb-validation';\r\nimport type { JBFormInputStandards } from 'jb-form';\r\nimport { JBTextareaElements, ValidationValue } from './types';\r\n//export all internal type for user easier access\r\nexport { ValidationValue };\r\n\r\nexport class JBTextareaWebComponent extends HTMLElement implements WithValidation, JBFormInputStandards<string> {\r\n static get formAssociated() {\r\n return true;\r\n }\r\n #value = '';\r\n get value() {\r\n return this.#value;\r\n }\r\n set value(value) {\r\n this.#value = value;\r\n this.#textareaElement.value = value;\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n }\r\n #isAutoValidationDisabled = false;\r\n get isAutoValidationDisabled(): boolean {\r\n return this.#isAutoValidationDisabled;\r\n }\r\n set isAutoValidationDisabled(value: boolean) {\r\n this.#isAutoValidationDisabled = value;\r\n }\r\n #disabled = false;\r\n get disabled() {\r\n return this.#disabled;\r\n }\r\n set disabled(value: boolean) {\r\n this.#disabled = value;\r\n this.#elements.textarea.disabled = value;\r\n if (value) {\r\n //TODO: remove as any when typescript support\r\n (this.#internals as any).states?.add(\"disabled\");\r\n } else {\r\n (this.#internals as any).states?.delete(\"disabled\");\r\n }\r\n }\r\n #required = false;\r\n set required(value: boolean) {\r\n this.#required = value;\r\n this.#validation.checkValiditySync({showError:false});\r\n }\r\n get required() {\r\n return this.#required;\r\n }\r\n #internals?: ElementInternals;\r\n\r\n get name() {\r\n return this.getAttribute('name') || '';\r\n }\r\n initialValue = \"\";\r\n get isDirty(): boolean {\r\n return this.#value !== this.initialValue;\r\n }\r\n constructor() {\r\n super();\r\n if (typeof this.attachInternals == \"function\") {\r\n //some browser dont support attachInternals\r\n this.#internals = this.attachInternals();\r\n }\r\n this.#initWebComponent();\r\n this.#initProp();\r\n }\r\n #textareaElement!: HTMLTextAreaElement;\r\n #elements!: JBTextareaElements;\r\n #initWebComponent() {\r\n const shadowRoot = this.attachShadow({\r\n mode: 'open',\r\n delegatesFocus:true\r\n });\r\n const html = `<style>${CSS}</style>` + '\\n' + HTML;\r\n const element = document.createElement('template');\r\n element.innerHTML = html;\r\n shadowRoot.appendChild(element.content.cloneNode(true));\r\n this.#textareaElement = shadowRoot.querySelector('.textarea-box textarea')!;\r\n this.#elements = {\r\n textarea: this.#textareaElement,\r\n label: shadowRoot.querySelector('label')!,\r\n labelValue: shadowRoot.querySelector('label .label-value')!,\r\n messageBox: shadowRoot.querySelector('.message-box')!\r\n }\r\n this.#registerEventListener();\r\n }\r\n #registerEventListener() {\r\n this.#elements.textarea.addEventListener('change', (e) => this.#onInputChange(e));\r\n this.#elements.textarea.addEventListener('beforeinput', this.#onInputBeforeInput.bind(this));\r\n this.#elements.textarea.addEventListener('input', (e) => this.#onInputInput((e as unknown as InputEvent)));\r\n this.#elements.textarea.addEventListener('keypress', this.#onInputKeyPress.bind(this));\r\n this.#elements.textarea.addEventListener('keyup', this.#onInputKeyup.bind(this));\r\n this.#elements.textarea.addEventListener('keydown', this.#onInputKeyDown.bind(this));\r\n }\r\n autoHeight = false;\r\n #validation = new ValidationHelper<ValidationValue>({\r\n clearValidationError:this.clearValidationError.bind(this),\r\n getInputtedValue:() => this.#value,\r\n getValueString:() => this.value,\r\n getInsideValidations:this.#getInsideValidation.bind(this),\r\n setValidationResult:this.#setValidationResult.bind(this),\r\n showValidationError:this.showValidationError.bind(this)\r\n });\r\n get validation() {\r\n return this.#validation;\r\n }\r\n #initProp() {\r\n this.value = this.getAttribute('value') || '';\r\n\r\n }\r\n static get observedAttributes() {\r\n return ['label', 'message', 'value', 'placeholder',\"required\"];\r\n }\r\n attributeChangedCallback(name: string, oldValue: string, newValue: string) {\r\n // do something when an attribute has changed\r\n this.#onAttributeChange(name, newValue);\r\n }\r\n #onAttributeChange(name: string, value: string) {\r\n switch (name) {\r\n case 'label':\r\n this.#elements.labelValue.innerHTML = value;\r\n if (value == null || value == undefined || value == \"\") {\r\n this.#elements.label.classList.add('--hide');\r\n } else {\r\n this.#elements.label.classList.remove('--hide');\r\n }\r\n break;\r\n case 'message':\r\n this.#elements.messageBox.innerHTML = value;\r\n break;\r\n case 'placeholder':\r\n this.#textareaElement.setAttribute('placeholder', value);\r\n break;\r\n case 'value':\r\n this.value = value;\r\n break;\r\n case 'required':\r\n this.required = value === '' || value ==='true';\r\n break;\r\n }\r\n\r\n }\r\n #changeHeightToContentSize() {\r\n this.#textareaElement.style.height = \"4px\";\r\n this.#textareaElement.style.height = (this.#textareaElement.scrollHeight) + \"px\";\r\n }\r\n #onInputBeforeInput(e: InputEvent) {\r\n this.#dispatchBeforeInputEvent(e);\r\n }\r\n #dispatchBeforeInputEvent(e: InputEvent): boolean {\r\n const eventInitDict = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n isComposing: e.isComposing,\r\n inputType: e.inputType,\r\n dataTransfer: e.dataTransfer,\r\n view: e.view,\r\n detail: e.detail,\r\n targetRanges: e.getTargetRanges(),\r\n };\r\n const event = new InputEvent('beforeinput', eventInitDict);\r\n this.dispatchEvent(event);\r\n if (event.defaultPrevented) {\r\n e.preventDefault();\r\n }\r\n return event.defaultPrevented;\r\n }\r\n #onInputKeyDown(e: KeyboardEvent) {\r\n const keyDownnInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent(\"keydown\", keyDownnInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputKeyPress(e: KeyboardEvent) {\r\n const keyPressInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keypress', keyPressInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputInput(e: InputEvent) {\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n this.#triggerInputEvent(e);\r\n }\r\n #triggerInputEvent(e: InputEvent) {\r\n const inputInitObject: InputEventInit = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n dataTransfer: e.dataTransfer,\r\n detail: e.detail,\r\n inputType: e.inputType,\r\n isComposing: e.isComposing,\r\n targetRanges: e.getTargetRanges(),\r\n view: e.view\r\n };\r\n const event = new InputEvent(\"input\", inputInitObject);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputKeyup(e: KeyboardEvent) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update _value directly becuase we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(false);\r\n const keyUpInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n detail: e.detail,\r\n isComposing: e.isComposing,\r\n location: e.location,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keyup', keyUpInitObj);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputChange(e: Event) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update #value directly because we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(true);\r\n const dispatchedEvent = this.#dispatchChangeEvent();\r\n if(dispatchedEvent.defaultPrevented){\r\n e.preventDefault();\r\n }\r\n }\r\n #dispatchChangeEvent(){\r\n const event = new Event('change',{bubbles:true,cancelable:true});\r\n this.dispatchEvent(event);\r\n return event;\r\n }\r\n showValidationError(error: ShowValidationErrorInput | string) {\r\n const message = typeof error == \"string\"?error:error.message;\r\n this.#elements.messageBox.innerHTML = message;\r\n this.#elements.messageBox.classList.add('error');\r\n }\r\n clearValidationError() {\r\n const text = this.getAttribute('message') || '';\r\n this.#elements.messageBox.innerHTML = text;\r\n this.#elements.messageBox.classList.remove('error');\r\n }\r\n #getInsideValidation(): ValidationItem<ValidationValue>[] {\r\n const validationList: ValidationItem<ValidationValue>[] = [];\r\n if (this.required) {\r\n validationList.push({\r\n validator: /.{1}/g,\r\n message: this.getAttribute(\"label\") +\" \"+ \"میبایست حتما وارد شود\",\r\n stateType: \"valueMissing\"\r\n });\r\n }\r\n return validationList;\r\n }\r\n #checkValidity(showError: boolean) {\r\n if (!this.isAutoValidationDisabled) {\r\n return this.#validation.checkValidity({showError});\r\n }\r\n }\r\n /**\r\n * @description this method called on every checkValidity calls and update validation result of #internal\r\n */\r\n #setValidationResult(result: ValidationResult<ValidationValue>) {\r\n if (result.isAllValid) {\r\n this.#internals.setValidity({}, '');\r\n } else {\r\n const states: ValidityStateFlags = {};\r\n let message = \"\";\r\n result.validationList.forEach((res) => {\r\n if (!res.isValid) {\r\n if (res.validation.stateType) { states[res.validation.stateType] = true; }\r\n if (message == '') { message = res.message; }\r\n }\r\n });\r\n this.#internals.setValidity(states, message);\r\n }\r\n }\r\n get validationMessage() {\r\n return this.#internals.validationMessage;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity but doesn't show error to user and just return the result\r\n * this method used by #internal of component\r\n */\r\n checkValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:false});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity and show error to user\r\n */\r\n reportValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:true});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n}\r\n\r\nconst myElementNotExists = !customElements.get('jb-textarea');\r\nif (myElementNotExists) {\r\n //prevent duplicate registering\r\n window.customElements.define('jb-textarea', JBTextareaWebComponent);\r\n}"],"names":["JBTextareaWebComponent","HTMLElement","formAssociated","value","__classPrivateFieldGet","this","_JBTextareaWebComponent_value","__classPrivateFieldSet","_JBTextareaWebComponent_textareaElement","autoHeight","_JBTextareaWebComponent_instances","_JBTextareaWebComponent_changeHeightToContentSize","call","isAutoValidationDisabled","_JBTextareaWebComponent_isAutoValidationDisabled","disabled","_JBTextareaWebComponent_disabled","textarea","states","add","delete","required","_JBTextareaWebComponent_required","_JBTextareaWebComponent_validation","checkValiditySync","showError","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","clearValidationError","bind","getInputtedValue","getValueString","getInsideValidations","_JBTextareaWebComponent_getInsideValidation","setValidationResult","_JBTextareaWebComponent_setValidationResult","showValidationError","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","message","messageBox","innerHTML","classList","text","remove","validationMessage","checkValidity","validationResult","isAllValid","event","CustomEvent","dispatchEvent","reportValidity","shadowRoot","attachShadow","mode","delegatesFocus","element","document","createElement","appendChild","content","cloneNode","querySelector","label","labelValue","_JBTextareaWebComponent_registerEventListener","addEventListener","e","_JBTextareaWebComponent_onInputChange","_JBTextareaWebComponent_onInputInput","_JBTextareaWebComponent_onAttributeChange","undefined","setAttribute","style","height","_JBTextareaWebComponent_dispatchBeforeInputEvent","eventInitDict","bubbles","cancelable","composed","data","isComposing","inputType","dataTransfer","view","detail","targetRanges","getTargetRanges","InputEvent","defaultPrevented","preventDefault","keyDownnInitObj","key","keyCode","code","ctrlKey","shiftKey","altKey","charCode","which","location","metaKey","repeat","KeyboardEvent","keyPressInitObj","_JBTextareaWebComponent_triggerInputEvent","inputInitObject","inputText","target","_JBTextareaWebComponent_checkValidity","keyUpInitObj","_JBTextareaWebComponent_dispatchChangeEvent","Event","validationList","push","validator","stateType","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"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"}
1
+ {"version":3,"file":"jb-textarea.umd.js","sources":["../lib/jb-textarea.ts"],"sourcesContent":["import HTML from './jb-textarea.html';\r\nimport CSS from './jb-textarea.scss';\r\nimport { ShowValidationErrorInput, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from 'jb-validation';\r\nimport type { JBFormInputStandards } from 'jb-form';\r\nimport { JBTextareaElements, ValidationValue } from './types';\r\n//export all internal type for user easier access\r\nexport { ValidationValue };\r\n\r\nexport class JBTextareaWebComponent extends HTMLElement implements WithValidation, JBFormInputStandards<string> {\r\n static get formAssociated() {\r\n return true;\r\n }\r\n #value = '';\r\n get value() {\r\n return this.#value;\r\n }\r\n set value(value) {\r\n this.#value = value;\r\n this.#textareaElement.value = value;\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n }\r\n #isAutoValidationDisabled = false;\r\n get isAutoValidationDisabled(): boolean {\r\n return this.#isAutoValidationDisabled;\r\n }\r\n set isAutoValidationDisabled(value: boolean) {\r\n this.#isAutoValidationDisabled = value;\r\n }\r\n #disabled = false;\r\n get disabled() {\r\n return this.#disabled;\r\n }\r\n set disabled(value: boolean) {\r\n this.#disabled = value;\r\n this.#elements.textarea.disabled = value;\r\n if (value) {\r\n //TODO: remove as any when typescript support\r\n (this.#internals as any).states?.add(\"disabled\");\r\n } else {\r\n (this.#internals as any).states?.delete(\"disabled\");\r\n }\r\n }\r\n #required = false;\r\n set required(value: boolean) {\r\n this.#required = value;\r\n this.#validation.checkValiditySync({showError:false});\r\n }\r\n get required() {\r\n return this.#required;\r\n }\r\n #internals?: ElementInternals;\r\n\r\n get name() {\r\n return this.getAttribute('name') || '';\r\n }\r\n initialValue = \"\";\r\n get isDirty(): boolean {\r\n return this.#value !== this.initialValue;\r\n }\r\n constructor() {\r\n super();\r\n if (typeof this.attachInternals == \"function\") {\r\n //some browser dont support attachInternals\r\n this.#internals = this.attachInternals();\r\n }\r\n this.#initWebComponent();\r\n this.#initProp();\r\n }\r\n #textareaElement!: HTMLTextAreaElement;\r\n #elements!: JBTextareaElements;\r\n #initWebComponent() {\r\n const shadowRoot = this.attachShadow({\r\n mode: 'open',\r\n delegatesFocus:true\r\n });\r\n const html = `<style>${CSS}</style>` + '\\n' + HTML;\r\n const element = document.createElement('template');\r\n element.innerHTML = html;\r\n shadowRoot.appendChild(element.content.cloneNode(true));\r\n this.#textareaElement = shadowRoot.querySelector('.textarea-box textarea')!;\r\n this.#elements = {\r\n textarea: this.#textareaElement,\r\n label: shadowRoot.querySelector('label')!,\r\n labelValue: shadowRoot.querySelector('label .label-value')!,\r\n messageBox: shadowRoot.querySelector('.message-box')!\r\n }\r\n this.#registerEventListener();\r\n }\r\n #registerEventListener() {\r\n this.#elements.textarea.addEventListener('change', (e) => this.#onInputChange(e));\r\n this.#elements.textarea.addEventListener('beforeinput', this.#onInputBeforeInput.bind(this));\r\n this.#elements.textarea.addEventListener('input', (e) => this.#onInputInput((e as unknown as InputEvent)));\r\n this.#elements.textarea.addEventListener('keypress', this.#onInputKeyPress.bind(this));\r\n this.#elements.textarea.addEventListener('keyup', this.#onInputKeyup.bind(this));\r\n this.#elements.textarea.addEventListener('keydown', this.#onInputKeyDown.bind(this));\r\n }\r\n autoHeight = false;\r\n #validation = new ValidationHelper<ValidationValue>({\r\n clearValidationError:this.clearValidationError.bind(this),\r\n getValue:() => this.#value,\r\n getValueString:() => this.value,\r\n getValidations:this.#getInsideValidation.bind(this),\r\n setValidationResult:this.#setValidationResult.bind(this),\r\n showValidationError:this.showValidationError.bind(this)\r\n });\r\n get validation() {\r\n return this.#validation;\r\n }\r\n #initProp() {\r\n this.value = this.getAttribute('value') || '';\r\n\r\n }\r\n static get observedAttributes() {\r\n return ['label', 'message', 'value', 'placeholder',\"required\"];\r\n }\r\n attributeChangedCallback(name: string, oldValue: string, newValue: string) {\r\n // do something when an attribute has changed\r\n this.#onAttributeChange(name, newValue);\r\n }\r\n #onAttributeChange(name: string, value: string) {\r\n switch (name) {\r\n case 'label':\r\n this.#elements.labelValue.innerHTML = value;\r\n if (value == null || value == undefined || value == \"\") {\r\n this.#elements.label.classList.add('--hide');\r\n } else {\r\n this.#elements.label.classList.remove('--hide');\r\n }\r\n break;\r\n case 'message':\r\n this.#elements.messageBox.innerHTML = value;\r\n break;\r\n case 'placeholder':\r\n this.#textareaElement.setAttribute('placeholder', value);\r\n break;\r\n case 'value':\r\n this.value = value;\r\n break;\r\n case 'required':\r\n this.required = value === '' || value ==='true';\r\n break;\r\n }\r\n\r\n }\r\n #changeHeightToContentSize() {\r\n this.#textareaElement.style.height = \"4px\";\r\n this.#textareaElement.style.height = (this.#textareaElement.scrollHeight) + \"px\";\r\n }\r\n #onInputBeforeInput(e: InputEvent) {\r\n this.#dispatchBeforeInputEvent(e);\r\n }\r\n #dispatchBeforeInputEvent(e: InputEvent): boolean {\r\n const eventInitDict = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n isComposing: e.isComposing,\r\n inputType: e.inputType,\r\n dataTransfer: e.dataTransfer,\r\n view: e.view,\r\n detail: e.detail,\r\n targetRanges: e.getTargetRanges(),\r\n };\r\n const event = new InputEvent('beforeinput', eventInitDict);\r\n this.dispatchEvent(event);\r\n if (event.defaultPrevented) {\r\n e.preventDefault();\r\n }\r\n return event.defaultPrevented;\r\n }\r\n #onInputKeyDown(e: KeyboardEvent) {\r\n const keyDownnInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent(\"keydown\", keyDownnInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputKeyPress(e: KeyboardEvent) {\r\n const keyPressInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n cancelable: true,\r\n location: e.location,\r\n detail: e.detail,\r\n bubbles: e.bubbles,\r\n composed: e.composed,\r\n isComposing: e.isComposing,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keypress', keyPressInitObj);\r\n const isEventNotPrevented = this.dispatchEvent(event);\r\n if (!isEventNotPrevented) {\r\n //if event prevented by e.preventDefault();\r\n e.preventDefault();\r\n }\r\n }\r\n #onInputInput(e: InputEvent) {\r\n if (this.autoHeight) {\r\n this.#changeHeightToContentSize();\r\n }\r\n this.#triggerInputEvent(e);\r\n }\r\n #triggerInputEvent(e: InputEvent) {\r\n const inputInitObject: InputEventInit = {\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n data: e.data,\r\n dataTransfer: e.dataTransfer,\r\n detail: e.detail,\r\n inputType: e.inputType,\r\n isComposing: e.isComposing,\r\n targetRanges: e.getTargetRanges(),\r\n view: e.view\r\n };\r\n const event = new InputEvent(\"input\", inputInitObject);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputKeyup(e: KeyboardEvent) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update _value directly becuase we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(false);\r\n const keyUpInitObj: KeyboardEventInit = {\r\n key: e.key,\r\n keyCode: e.keyCode,\r\n code: e.code,\r\n ctrlKey: e.ctrlKey,\r\n shiftKey: e.shiftKey,\r\n altKey: e.altKey,\r\n charCode: e.charCode,\r\n which: e.which,\r\n bubbles: e.bubbles,\r\n cancelable: e.cancelable,\r\n composed: e.composed,\r\n detail: e.detail,\r\n isComposing: e.isComposing,\r\n location: e.location,\r\n metaKey: e.metaKey,\r\n repeat: e.repeat,\r\n view: e.view\r\n };\r\n const event = new KeyboardEvent('keyup', keyUpInitObj);\r\n this.dispatchEvent(event);\r\n }\r\n #onInputChange(e: Event) {\r\n const inputText = (e.target as HTMLTextAreaElement).value;\r\n //here is the rare time we update #value directly because we want trigger event that may read value directly from dom\r\n this.#value = inputText;\r\n this.#checkValidity(true);\r\n const dispatchedEvent = this.#dispatchChangeEvent();\r\n if(dispatchedEvent.defaultPrevented){\r\n e.preventDefault();\r\n }\r\n }\r\n #dispatchChangeEvent(){\r\n const event = new Event('change',{bubbles:true,cancelable:true});\r\n this.dispatchEvent(event);\r\n return event;\r\n }\r\n showValidationError(error: ShowValidationErrorInput | string) {\r\n const message = typeof error == \"string\"?error:error.message;\r\n this.#elements.messageBox.innerHTML = message;\r\n this.#elements.messageBox.classList.add('error');\r\n }\r\n clearValidationError() {\r\n const text = this.getAttribute('message') || '';\r\n this.#elements.messageBox.innerHTML = text;\r\n this.#elements.messageBox.classList.remove('error');\r\n }\r\n #getInsideValidation(): ValidationItem<ValidationValue>[] {\r\n const validationList: ValidationItem<ValidationValue>[] = [];\r\n if (this.required) {\r\n validationList.push({\r\n validator: /.{1}/g,\r\n message: this.getAttribute(\"label\") +\" \"+ \"میبایست حتما وارد شود\",\r\n stateType: \"valueMissing\"\r\n });\r\n }\r\n return validationList;\r\n }\r\n #checkValidity(showError: boolean) {\r\n if (!this.isAutoValidationDisabled) {\r\n return this.#validation.checkValidity({showError});\r\n }\r\n }\r\n /**\r\n * @description this method called on every checkValidity calls and update validation result of #internal\r\n */\r\n #setValidationResult(result: ValidationResult<ValidationValue>) {\r\n if (result.isAllValid) {\r\n this.#internals.setValidity({}, '');\r\n } else {\r\n const states: ValidityStateFlags = {};\r\n let message = \"\";\r\n result.validationList.forEach((res) => {\r\n if (!res.isValid) {\r\n if (res.validation.stateType) { states[res.validation.stateType] = true; }\r\n if (message == '') { message = res.message; }\r\n }\r\n });\r\n this.#internals.setValidity(states, message);\r\n }\r\n }\r\n get validationMessage() {\r\n return this.#internals.validationMessage;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity but doesn't show error to user and just return the result\r\n * this method used by #internal of component\r\n */\r\n checkValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:false});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n /**\r\n * @public\r\n * @description this method used to check for validity and show error to user\r\n */\r\n reportValidity(): boolean {\r\n const validationResult = this.#validation.checkValiditySync({showError:true});\r\n if (!validationResult.isAllValid) {\r\n const event = new CustomEvent('invalid');\r\n this.dispatchEvent(event);\r\n }\r\n return validationResult.isAllValid;\r\n }\r\n}\r\n\r\nconst myElementNotExists = !customElements.get('jb-textarea');\r\nif (myElementNotExists) {\r\n //prevent duplicate registering\r\n window.customElements.define('jb-textarea', JBTextareaWebComponent);\r\n}"],"names":["JBTextareaWebComponent","HTMLElement","formAssociated","value","__classPrivateFieldGet","this","_JBTextareaWebComponent_value","__classPrivateFieldSet","_JBTextareaWebComponent_textareaElement","autoHeight","_JBTextareaWebComponent_instances","_JBTextareaWebComponent_changeHeightToContentSize","call","isAutoValidationDisabled","_JBTextareaWebComponent_isAutoValidationDisabled","disabled","_JBTextareaWebComponent_disabled","textarea","states","add","delete","required","_JBTextareaWebComponent_required","_JBTextareaWebComponent_validation","checkValiditySync","showError","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","clearValidationError","bind","getValue","getValueString","getValidations","_JBTextareaWebComponent_getInsideValidation","setValidationResult","_JBTextareaWebComponent_setValidationResult","showValidationError","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","message","messageBox","innerHTML","classList","text","remove","validationMessage","checkValidity","validationResult","isAllValid","event","CustomEvent","dispatchEvent","reportValidity","shadowRoot","attachShadow","mode","delegatesFocus","element","document","createElement","appendChild","content","cloneNode","querySelector","label","labelValue","_JBTextareaWebComponent_registerEventListener","addEventListener","e","_JBTextareaWebComponent_onInputChange","_JBTextareaWebComponent_onInputInput","_JBTextareaWebComponent_onAttributeChange","undefined","setAttribute","style","height","_JBTextareaWebComponent_dispatchBeforeInputEvent","eventInitDict","bubbles","cancelable","composed","data","isComposing","inputType","dataTransfer","view","detail","targetRanges","getTargetRanges","InputEvent","defaultPrevented","preventDefault","keyDownnInitObj","key","keyCode","code","ctrlKey","shiftKey","altKey","charCode","which","location","metaKey","repeat","KeyboardEvent","keyPressInitObj","_JBTextareaWebComponent_triggerInputEvent","inputInitObject","inputText","target","_JBTextareaWebComponent_checkValidity","keyUpInitObj","_JBTextareaWebComponent_dispatchChangeEvent","Event","validationList","push","validator","stateType","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"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"}
package/lib/jb-textarea.ts CHANGED
@@ -99,9 +99,9 @@ export class JBTextareaWebComponent extends HTMLElement implements WithValidatio
99
99
  autoHeight = false;
100
100
  #validation = new ValidationHelper<ValidationValue>({
101
101
  clearValidationError:this.clearValidationError.bind(this),
102
- getInputtedValue:() => this.#value,
102
+ getValue:() => this.#value,
103
103
  getValueString:() => this.value,
104
- getInsideValidations:this.#getInsideValidation.bind(this),
104
+ getValidations:this.#getInsideValidation.bind(this),
105
105
  setValidationResult:this.#setValidationResult.bind(this),
106
106
  showValidationError:this.showValidationError.bind(this)
107
107
  });
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "web component",
14
14
  "web-component"
15
15
  ],
16
- "version": "3.3.1",
16
+ "version": "3.3.2",
17
17
  "bugs": "https://github.com/javadbat/jb-textarea/issues",
18
18
  "license": "MIT",
19
19
  "files": [
@@ -29,7 +29,7 @@
29
29
  "url": "git@github.com:javadbat/jb-textarea.git"
30
30
  },
31
31
  "dependencies": {
32
- "jb-validation":">=0.0.6"
32
+ "jb-validation":">=0.2.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "jb-form":">=0.2.0"