jb-textarea 3.3.0 → 3.3.1

package/dist/jb-textarea.cjs.js

@@ -1,2 +1,2 @@
-"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,k,j,E,C,K,V,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").checkValidity(!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(this.showValidationError.bind(this),this.clearValidationError.bind(this),(()=>this.value),(()=>t(this,s,"f")),t(this,i,"m",K).bind(this),t(this,i,"m",T).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){t(this,d,"f").messageBox.innerHTML=e,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").checkValidity(!1);if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=t(this,u,"f").checkValidity(!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",E).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",j).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",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 n=e.target.value;a(this,s,n,"f"),t(this,i,"m",V).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)},E=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",V).call(this,!0);t(this,i,"m",C).call(this).defaultPrevented&&e.preventDefault()},C=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},K=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},V=function(e){if(!this.isAutoValidationDisabled)return t(this,u,"f").checkValidity(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;
+"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;
 //# sourceMappingURL=jb-textarea.cjs.js.map

package/dist/jb-textarea.cjs.js.map

@@ -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 { 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.checkValidity(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>(this.showValidationError.bind(this), this.clearValidationError.bind(this), () => this.value, () => this.#value, this.#getInsideValidation.bind(this), this.#setValidationResult.bind(this));\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: string) {\r\n    this.#elements.messageBox.innerHTML = error;\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.checkValidity(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.checkValidity(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","checkValidity","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","showValidationError","bind","clearValidationError","_JBTextareaWebComponent_getInsideValidation","_JBTextareaWebComponent_setValidationResult","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","messageBox","innerHTML","classList","text","remove","validationMessage","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","message","stateType","showError","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"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"}
+{"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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"}

package/dist/jb-textarea.js

@@ -1,2 +1,2 @@
-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,k,j,E,C,K,V,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").checkValidity(!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(this.showValidationError.bind(this),this.clearValidationError.bind(this),(()=>this.value),(()=>t(this,s,"f")),t(this,i,"m",K).bind(this),t(this,i,"m",T).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){t(this,d,"f").messageBox.innerHTML=e,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").checkValidity(!1);if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=t(this,u,"f").checkValidity(!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",E).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",j).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",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 n=e.target.value;a(this,s,n,"f"),t(this,i,"m",V).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)},E=function(e){const n=e.target.value;a(this,s,n,"f"),t(this,i,"m",V).call(this,!0);t(this,i,"m",C).call(this).defaultPrevented&&e.preventDefault()},C=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},K=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},V=function(e){if(!this.isAutoValidationDisabled)return t(this,u,"f").checkValidity(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};
+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};
 //# sourceMappingURL=jb-textarea.js.map

package/dist/jb-textarea.js.map

@@ -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 { 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.checkValidity(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>(this.showValidationError.bind(this), this.clearValidationError.bind(this), () => this.value, () => this.#value, this.#getInsideValidation.bind(this), this.#setValidationResult.bind(this));\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: string) {\r\n    this.#elements.messageBox.innerHTML = error;\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.checkValidity(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.checkValidity(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","checkValidity","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","showValidationError","bind","clearValidationError","_JBTextareaWebComponent_getInsideValidation","_JBTextareaWebComponent_setValidationResult","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","messageBox","innerHTML","classList","text","remove","validationMessage","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","message","stateType","showError","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"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"}
+{"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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"}

package/dist/jb-textarea.umd.js

@@ -1,2 +1,2 @@
-!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,k,j,E,C,T,K,V,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").checkValidity(!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(this.showValidationError.bind(this),this.clearValidationError.bind(this),(()=>this.value),(()=>a(this,s,"f")),a(this,n,"m",K).bind(this),a(this,n,"m",L).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){a(this,h,"f").messageBox.innerHTML=e,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").checkValidity(!1);if(!e.isAllValid){const e=new CustomEvent("invalid");this.dispatchEvent(e)}return e.isAllValid}reportValidity(){const e=a(this,f,"f").checkValidity(!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",C).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",k).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",E).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()},k=function(e){this.autoHeight&&a(this,n,"m",v).call(this),a(this,n,"m",j).call(this,e)},j=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)},E=function(e){const t=e.target.value;i(this,s,t,"f"),a(this,n,"m",V).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)},C=function(e){const t=e.target.value;i(this,s,t,"f"),a(this,n,"m",V).call(this,!0);a(this,n,"m",T).call(this).defaultPrevented&&e.preventDefault()},T=function(){const e=new Event("change",{bubbles:!0,cancelable:!0});return this.dispatchEvent(e),e},K=function(){const e=[];return this.required&&e.push({validator:/.{1}/g,message:this.getAttribute("label")+" میبایست حتما وارد شود",stateType:"valueMissing"}),e},V=function(e){if(!this.isAutoValidationDisabled)return a(this,f,"f").checkValidity(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}));
+!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}));
 //# sourceMappingURL=jb-textarea.umd.js.map

package/dist/jb-textarea.umd.js.map

@@ -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 { 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.checkValidity(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>(this.showValidationError.bind(this), this.clearValidationError.bind(this), () => this.value, () => this.#value, this.#getInsideValidation.bind(this), this.#setValidationResult.bind(this));\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: string) {\r\n    this.#elements.messageBox.innerHTML = error;\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.checkValidity(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.checkValidity(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","checkValidity","name","getAttribute","isDirty","initialValue","constructor","super","set","_JBTextareaWebComponent_internals","_JBTextareaWebComponent_elements","ValidationHelper","showValidationError","bind","clearValidationError","_JBTextareaWebComponent_getInsideValidation","_JBTextareaWebComponent_setValidationResult","attachInternals","_JBTextareaWebComponent_initWebComponent","_JBTextareaWebComponent_initProp","validation","observedAttributes","attributeChangedCallback","oldValue","newValue","error","messageBox","innerHTML","classList","text","remove","validationMessage","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","message","stateType","showError","result","setValidity","forEach","res","isValid","customElements","get","window","define"],"mappings":"0iCAQM,MAAOA,UAA+BC,YAC1C,yBAAWC,GACT,OAAO,CACR,CAED,SAAIC,GACF,OAAOC,EAAAC,KAAIC,EAAA,IACZ,CACD,SAAIH,CAAMA,GACRI,EAAAF,KAAIC,EAAUH,EAAK,KACnBC,EAAAC,KAAqBG,EAAA,KAACL,MAAQA,EAC1BE,KAAKI,YACPL,EAAAC,KAAIK,EAAA,IAAAC,GAAJC,KAAAP,KAEH,CAED,4BAAIQ,GACF,OAAOT,EAAAC,KAAIS,EAAA,IACZ,CACD,4BAAID,CAAyBV,GAC3BI,EAAAF,KAAIS,EAA6BX,EAAK,IACvC,CAED,YAAIY,GACF,OAAOX,EAAAC,KAAIW,EAAA,IACZ,CACD,YAAID,CAASZ,GACXI,EAAAF,KAAIW,EAAab,EAAK,KACtBC,EAAAC,YAAeY,SAASF,SAAWZ,EAC/BA,EAEDC,EAAAC,YAAwBa,QAAQC,IAAI,YAEpCf,EAAAC,YAAwBa,QAAQE,OAAO,WAE3C,CAED,YAAIC,CAASlB,GACXI,EAAAF,KAAIiB,EAAanB,EAAK,KACtBC,EAAAC,KAAgBkB,EAAA,KAACC,eAAc,EAChC,CACD,YAAIH,GACF,OAAOjB,EAAAC,KAAIiB,EAAA,IACZ,CAGD,QAAIG,GACF,OAAOpB,KAAKqB,aAAa,SAAW,EACrC,CAED,WAAIC,GACF,OAAOvB,EAAAC,KAAIC,EAAA,OAAYD,KAAKuB,YAC7B,CACD,WAAAC,GACEC,oBAlDFxB,EAAAyB,IAAA1B,KAAS,IAWTS,EAAAiB,IAAA1B,MAA4B,GAO5BW,EAAAe,IAAA1B,MAAY,GAcZiB,EAAAS,IAAA1B,MAAY,GAQZ2B,EAA8BD,IAAA1B,UAAA,GAK9BA,KAAYuB,aAAG,GAafpB,EAAuCuB,IAAA1B,UAAA,GACvC4B,EAA+BF,IAAA1B,UAAA,GA2B/BA,KAAUI,YAAG,EACbc,EAAcQ,IAAA1B,KAAA,IAAI6B,EAAgBA,iBAAkB7B,KAAK8B,oBAAoBC,KAAK/B,MAAOA,KAAKgC,qBAAqBD,KAAK/B,OAAO,IAAMA,KAAKF,QAAO,IAAMC,EAAAC,aAAaD,EAAAC,KAAIK,EAAA,IAAA4B,GAAsBF,KAAK/B,MAAOD,EAAAC,KAAIK,EAAA,IAAA6B,GAAsBH,KAAK/B,QApCpM,mBAAxBA,KAAKmC,iBAEdjC,EAAAF,KAAkB2B,EAAA3B,KAAKmC,uBAEzBpC,EAAAC,KAAIK,EAAA,IAAA+B,GAAJ7B,KAAAP,MACAD,EAAAC,KAAIK,EAAA,IAAAgC,GAAJ9B,KAAAP,KACD,CA+BD,cAAIsC,GACF,OAAOvC,EAAAC,KAAIkB,EAAA,IACZ,CAKD,6BAAWqB,GACT,MAAO,CAAC,QAAS,UAAW,QAAS,cAAc,WACpD,CACD,wBAAAC,CAAyBpB,EAAcqB,EAAkBC,GAEvD3C,EAAAC,cAAAO,KAAAP,KAAwBoB,EAAMsB,EAC/B,CA2KD,mBAAAZ,CAAoBa,GAClB5C,EAAAC,YAAe4C,WAAWC,UAAYF,EACtC5C,EAAAC,KAAc4B,EAAA,KAACgB,WAAWE,UAAUhC,IAAI,QACzC,CACD,oBAAAkB,GACE,MAAMe,EAAO/C,KAAKqB,aAAa,YAAc,GAC7CtB,EAAAC,YAAe4C,WAAWC,UAAYE,EACtChD,EAAAC,KAAc4B,EAAA,KAACgB,WAAWE,UAAUE,OAAO,QAC5C,CAmCD,qBAAIC,GACF,OAAOlD,EAAAC,KAAe2B,EAAA,KAACsB,iBACxB,CAMD,aAAA9B,GACE,MAAM+B,EAAmBnD,EAAAC,KAAIkB,EAAA,KAAaC,eAAc,GACxD,IAAK+B,EAAiBC,WAAY,CAChC,MAAMC,EAAQ,IAAIC,YAAY,WAC9BrD,KAAKsD,cAAcF,EACpB,CACD,OAAOF,EAAiBC,UACzB,CAKD,cAAAI,GACE,MAAML,EAAmBnD,EAAAC,KAAIkB,EAAA,KAAaC,eAAc,GACxD,IAAK+B,EAAiBC,WAAY,CAChC,MAAMC,EAAQ,IAAIC,YAAY,WAC9BrD,KAAKsD,cAAcF,EACpB,CACD,OAAOF,EAAiBC,UACzB,6IAzRC,MAAMK,EAAaxD,KAAKyD,aAAa,CACnCC,KAAM,OACNC,gBAAe,IAGXC,EAAUC,SAASC,cAAc,YACvCF,EAAQf,UAFK,kgFAGbW,EAAWO,YAAYH,EAAQI,QAAQC,WAAU,IACjD/D,EAAAF,OAAwBwD,EAAWU,cAAc,0BAA0B,KAC3EhE,EAAAF,KAAiB4B,EAAA,CACfhB,SAAUb,EAAAC,KAAqBG,EAAA,KAC/BgE,MAAOX,EAAWU,cAAc,SAChCE,WAAYZ,EAAWU,cAAc,sBACrCtB,WAAYY,EAAWU,cAAc,iBACtC,KACDnE,EAAAC,KAAIK,EAAA,IAAAgE,GAAJ9D,KAAAP,KACF,EAACqE,EAAA,WAECtE,EAAAC,YAAeY,SAAS0D,iBAAiB,UAAWC,GAAMxE,EAAAC,KAAmBK,EAAA,IAAAmE,GAAAjE,KAAnBP,KAAoBuE,KAC9ExE,EAAAC,KAAc4B,EAAA,KAAChB,SAAS0D,iBAAiB,cAAevE,EAAAC,cAAyB+B,KAAK/B,OACtFD,EAAAC,YAAeY,SAAS0D,iBAAiB,SAAUC,GAAMxE,EAAAC,KAAkBK,EAAA,IAAAoE,GAAAlE,KAAlBP,KAAoBuE,KAC7ExE,EAAAC,KAAc4B,EAAA,KAAChB,SAAS0D,iBAAiB,WAAYvE,EAAAC,cAAsB+B,KAAK/B,OAChFD,EAAAC,KAAc4B,EAAA,KAAChB,SAAS0D,iBAAiB,QAASvE,EAAAC,cAAmB+B,KAAK/B,OAC1ED,EAAAC,KAAc4B,EAAA,KAAChB,SAAS0D,iBAAiB,UAAWvE,EAAAC,cAAqB+B,KAAK/B,MAChF,EAACqC,EAAA,WAOCrC,KAAKF,MAAQE,KAAKqB,aAAa,UAAY,EAE7C,EAACqD,EAAA,SAQkBtD,EAActB,GAC/B,OAAQsB,GACN,IAAK,QACHrB,EAAAC,YAAeoE,WAAWvB,UAAY/C,EACzB,MAATA,GAA0B6E,MAAT7E,GAA+B,IAATA,EACzCC,EAAAC,KAAc4B,EAAA,KAACuC,MAAMrB,UAAUhC,IAAI,UAEnCf,EAAAC,KAAc4B,EAAA,KAACuC,MAAMrB,UAAUE,OAAO,UAExC,MACF,IAAK,UACHjD,EAAAC,YAAe4C,WAAWC,UAAY/C,EACtC,MACF,IAAK,cACHC,EAAAC,YAAsB4E,aAAa,cAAe9E,GAClD,MACF,IAAK,QACHE,KAAKF,MAAQA,EACb,MACF,IAAK,WACHE,KAAKgB,SAAqB,KAAVlB,GAAyB,SAATA,EAItC,EAACQ,EAAA,WAECP,EAAAC,YAAsB6E,MAAMC,OAAS,MACrC/E,EAAAC,KAAqBG,EAAA,KAAC0E,MAAMC,OAAU/E,EAAAC,YAAkC,aAAI,IAC9E,aACoBuE,GAClBxE,EAAAC,KAA8BK,EAAA,IAAA0E,GAAAxE,KAA9BP,KAA+BuE,EACjC,aAC0BA,GACxB,MAAMS,EAAgB,CACpBC,QAASV,EAAEU,QACXC,WAAYX,EAAEW,WACdC,SAAUZ,EAAEY,SACZC,KAAMb,EAAEa,KACRC,YAAad,EAAEc,YACfC,UAAWf,EAAEe,UACbC,aAAchB,EAAEgB,aAChBC,KAAMjB,EAAEiB,KACRC,OAAQlB,EAAEkB,OACVC,aAAcnB,EAAEoB,mBAEZvC,EAAQ,IAAIwC,WAAW,cAAeZ,GAK5C,OAJAhF,KAAKsD,cAAcF,GACfA,EAAMyC,kBACRtB,EAAEuB,iBAEG1C,EAAMyC,gBACf,aACgBtB,GACd,MAAMwB,EAAqC,CACzCC,IAAKzB,EAAEyB,IACPC,QAAS1B,EAAE0B,QACXC,KAAM3B,EAAE2B,KACRC,QAAS5B,EAAE4B,QACXC,SAAU7B,EAAE6B,SACZC,OAAQ9B,EAAE8B,OACVC,SAAU/B,EAAE+B,SACZC,MAAOhC,EAAEgC,MACTrB,YAAY,EACZsB,SAAUjC,EAAEiC,SACZf,OAAQlB,EAAEkB,OACVR,QAASV,EAAEU,QACXE,SAAUZ,EAAEY,SACZE,YAAad,EAAEc,YACfoB,QAASlC,EAAEkC,QACXC,OAAQnC,EAAEmC,OACVlB,KAAMjB,EAAEiB,MAEJpC,EAAQ,IAAIuD,cAAc,UAAWZ,GACf/F,KAAKsD,cAAcF,IAG7CmB,EAAEuB,gBAEN,aACiBvB,GACf,MAAMqC,EAAqC,CACzCZ,IAAKzB,EAAEyB,IACPC,QAAS1B,EAAE0B,QACXC,KAAM3B,EAAE2B,KACRC,QAAS5B,EAAE4B,QACXC,SAAU7B,EAAE6B,SACZC,OAAQ9B,EAAE8B,OACVC,SAAU/B,EAAE+B,SACZC,MAAOhC,EAAEgC,MACTrB,YAAY,EACZsB,SAAUjC,EAAEiC,SACZf,OAAQlB,EAAEkB,OACVR,QAASV,EAAEU,QACXE,SAAUZ,EAAEY,SACZE,YAAad,EAAEc,YACfoB,QAASlC,EAAEkC,QACXC,OAAQnC,EAAEmC,OACVlB,KAAMjB,EAAEiB,MAEJpC,EAAQ,IAAIuD,cAAc,WAAYC,GAChB5G,KAAKsD,cAAcF,IAG7CmB,EAAEuB,gBAEN,aACcvB,GACRvE,KAAKI,YACPL,EAAAC,KAAIK,EAAA,IAAAC,GAAJC,KAAAP,MAEFD,EAAAC,KAAuBK,EAAA,IAAAwG,GAAAtG,KAAvBP,KAAwBuE,EAC1B,aACmBA,GACjB,MAAMuC,EAAkC,CACtC7B,QAASV,EAAEU,QACXC,WAAYX,EAAEW,WACdC,SAAUZ,EAAEY,SACZC,KAAMb,EAAEa,KACRG,aAAchB,EAAEgB,aAChBE,OAAQlB,EAAEkB,OACVH,UAAWf,EAAEe,UACbD,YAAad,EAAEc,YACfK,aAAcnB,EAAEoB,kBAChBH,KAAMjB,EAAEiB,MAEJpC,EAAQ,IAAIwC,WAAW,QAASkB,GACtC9G,KAAKsD,cAAcF,EACrB,aACcmB,GACZ,MAAMwC,EAAaxC,EAAEyC,OAA+BlH,MAEpDI,EAAAF,KAAIC,EAAU8G,EAAS,KACvBhH,EAAAC,KAAmBK,EAAA,IAAA4G,GAAA1G,KAAnBP,MAAoB,GACpB,MAAMkH,EAAkC,CACtClB,IAAKzB,EAAEyB,IACPC,QAAS1B,EAAE0B,QACXC,KAAM3B,EAAE2B,KACRC,QAAS5B,EAAE4B,QACXC,SAAU7B,EAAE6B,SACZC,OAAQ9B,EAAE8B,OACVC,SAAU/B,EAAE+B,SACZC,MAAOhC,EAAEgC,MACTtB,QAASV,EAAEU,QACXC,WAAYX,EAAEW,WACdC,SAAUZ,EAAEY,SACZM,OAAQlB,EAAEkB,OACVJ,YAAad,EAAEc,YACfmB,SAAUjC,EAAEiC,SACZC,QAASlC,EAAEkC,QACXC,OAAQnC,EAAEmC,OACVlB,KAAMjB,EAAEiB,MAEJpC,EAAQ,IAAIuD,cAAc,QAASO,GACzClH,KAAKsD,cAAcF,EACrB,aACemB,GACb,MAAMwC,EAAaxC,EAAEyC,OAA+BlH,MAEpDI,EAAAF,KAAIC,EAAU8G,EAAS,KACvBhH,EAAAC,KAAmBK,EAAA,IAAA4G,GAAA1G,KAAnBP,MAAoB,GACID,EAAAC,cAAAO,KAAAP,MACL6F,kBACjBtB,EAAEuB,gBAEN,EAACqB,EAAA,WAEC,MAAM/D,EAAQ,IAAIgE,MAAM,SAAS,CAACnC,SAAQ,EAAKC,YAAW,IAE1D,OADAlF,KAAKsD,cAAcF,GACZA,CACT,EAACnB,EAAA,WAWC,MAAMoF,EAAoD,GAQ1D,OAPIrH,KAAKgB,UACPqG,EAAeC,KAAK,CAClBC,UAAW,QACXC,QAASxH,KAAKqB,aAAa,SAAlBrB,yBACTyH,UAAW,iBAGRJ,CACT,aACeK,GACb,IAAK1H,KAAKQ,yBACR,OAAOT,EAAAC,KAAgBkB,EAAA,KAACC,cAAcuG,EAE1C,aAIqBC,GACnB,GAAIA,EAAOxE,WACTpD,EAAAC,YAAgB4H,YAAY,CAAA,EAAI,QAC3B,CACL,MAAM/G,EAA6B,CAAA,EACnC,IAAI2G,EAAU,GACdG,EAAON,eAAeQ,SAASC,IACxBA,EAAIC,UACHD,EAAIxF,WAAWmF,YAAa5G,EAAOiH,EAAIxF,WAAWmF,YAAa,GACpD,IAAXD,IAAiBA,EAAUM,EAAIN,SACpC,IAEHzH,EAAAC,YAAgB4H,YAAY/G,EAAQ2G,EACrC,CACH,GA+B0BQ,eAAeC,IAAI,gBAG7CC,OAAOF,eAAeG,OAAO,cAAexI"}
+{"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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"}

package/dist/web-component/jb-textarea/lib/jb-textarea.d.ts

@@ -1,4 +1,4 @@
-import { ValidationHelper, type WithValidation } from 'jb-validation';
+import { ShowValidationErrorInput, ValidationHelper, type WithValidation } from 'jb-validation';
 import type { JBFormInputStandards } from 'jb-form';
 import { ValidationValue } from './types';
 export { ValidationValue };
@@ -21,7 +21,7 @@ export declare class JBTextareaWebComponent extends HTMLElement implements WithV
     get validation(): ValidationHelper<string>;
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    showValidationError(error: string): void;
+    showValidationError(error: ShowValidationErrorInput | string): void;
     clearValidationError(): void;
     get validationMessage(): string;
     /**

package/lib/jb-textarea.ts

@@ -1,6 +1,6 @@
 import HTML from './jb-textarea.html';
 import CSS from './jb-textarea.scss';
-import { ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from 'jb-validation';
+import { ShowValidationErrorInput, ValidationHelper, type ValidationItem, type ValidationResult, type WithValidation } from 'jb-validation';
 import type { JBFormInputStandards } from 'jb-form';
 import { JBTextareaElements, ValidationValue } from './types';
 //export all internal type for user easier access
@@ -45,7 +45,7 @@ export class JBTextareaWebComponent extends HTMLElement implements WithValidatio
   #required = false;
   set required(value: boolean) {
     this.#required = value;
-    this.#validation.checkValidity(false);
+    this.#validation.checkValiditySync({showError:false});
   }
   get required() {
     return this.#required;
@@ -97,7 +97,14 @@ export class JBTextareaWebComponent extends HTMLElement implements WithValidatio
     this.#elements.textarea.addEventListener('keydown', this.#onInputKeyDown.bind(this));
   }
   autoHeight = false;
-  #validation = new ValidationHelper<ValidationValue>(this.showValidationError.bind(this), this.clearValidationError.bind(this), () => this.value, () => this.#value, this.#getInsideValidation.bind(this), this.#setValidationResult.bind(this));
+  #validation = new ValidationHelper<ValidationValue>({
+    clearValidationError:this.clearValidationError.bind(this),
+    getInputtedValue:() => this.#value,
+    getValueString:() => this.value,
+    getInsideValidations:this.#getInsideValidation.bind(this),
+    setValidationResult:this.#setValidationResult.bind(this),
+    showValidationError:this.showValidationError.bind(this)
+  });
   get validation() {
     return this.#validation;
   }
@@ -282,8 +289,9 @@ export class JBTextareaWebComponent extends HTMLElement implements WithValidatio
     this.dispatchEvent(event);
     return event;
   }
-  showValidationError(error: string) {
-    this.#elements.messageBox.innerHTML = error;
+  showValidationError(error: ShowValidationErrorInput | string) {
+    const message = typeof error == "string"?error:error.message;
+    this.#elements.messageBox.innerHTML = message;
     this.#elements.messageBox.classList.add('error');
   }
   clearValidationError() {
@@ -304,7 +312,7 @@ export class JBTextareaWebComponent extends HTMLElement implements WithValidatio
   }
   #checkValidity(showError: boolean) {
     if (!this.isAutoValidationDisabled) {
-      return this.#validation.checkValidity(showError);
+      return this.#validation.checkValidity({showError});
     }
   }
   /**
@@ -334,7 +342,7 @@ export class JBTextareaWebComponent extends HTMLElement implements WithValidatio
  * this method used by #internal of component
  */
   checkValidity(): boolean {
-    const validationResult = this.#validation.checkValidity(false);
+    const validationResult = this.#validation.checkValiditySync({showError:false});
     if (!validationResult.isAllValid) {
       const event = new CustomEvent('invalid');
       this.dispatchEvent(event);
@@ -346,7 +354,7 @@ export class JBTextareaWebComponent extends HTMLElement implements WithValidatio
  * @description this method used to check for validity and show error to user
  */
   reportValidity(): boolean {
-    const validationResult = this.#validation.checkValidity(true);
+    const validationResult = this.#validation.checkValiditySync({showError:true});
     if (!validationResult.isAllValid) {
       const event = new CustomEvent('invalid');
       this.dispatchEvent(event);

package/package.json

@@ -13,7 +13,7 @@
     "web component",
     "web-component"
   ],
-  "version": "3.3.0",
+  "version": "3.3.1",
   "bugs": "https://github.com/javadbat/jb-textarea/issues",
   "license": "MIT",
   "files": [

package/dist/modules/jb-validation/types.d.ts

@@ -1 +0,0 @@
-export * from './dist/modules/jb-validation/lib/types.js';

package/dist/web-component/jb-form/lib/types.d.ts

@@ -1,28 +0,0 @@
-import { ValidationResult, ValidationResultSummary, WithValidation } from "jb-validation/types";
-export interface JBFormInputStandards<TValue = string> {
-    disabled: boolean;
-    required: boolean;
-    name: string;
-    value: TValue;
-    /**
-    * @description check if user change the value of component based on value provided from outside and return true if user change a initial value
-    */
-    readonly isDirty: boolean;
-    initialValue: TValue;
-}
-export type TraverseResult<T> = {
-    [key: string]: T;
-};
-export type FormValidationMessages = {
-    [key: string]: string;
-};
-export type FormValidationSummary = {
-    [key: string]: ValidationResultSummary | null;
-};
-export type FormValidationResult = {
-    [key: string]: ValidationResult<any> | null;
-};
-export type FormValues<TValue = any> = {
-    [key: string]: TValue;
-};
-export type ExtractFunction<T> = (formElement: Partial<WithValidation & JBFormInputStandards>) => T;

package/dist/web-component/jb-form/types.d.ts

@@ -1 +0,0 @@
-export * from './dist/web-component/jb-form/lib/types';