@govbr-ds/core
Version:
Padrão Digital de Governo
2 lines • 1.62 kB
JavaScript
!function t(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define("core",[],r):"object"==typeof exports?exports.core=r():e.core=r()}(self,(()=>(()=>{var t=()=>{},e,r=()=>{};(()=>{class t{constructor(t,e){this.name=t,this.component=e,this._setBehavior(),this._setKeyup()}_setBehavior(){this.limit=this.component.querySelector(".limit"),this.current=this.component.querySelector(".current"),null!==this.component.querySelector("textarea")&&(this.maximum=this.component.querySelector("textarea").getAttribute("maxlength")),this.characters=this.component.querySelector(".characters"),this.currentValue=this.component.querySelector(".current")}_setKeyup(){this.component.addEventListener("keyup",(()=>{this.updateAssist()})),this.component.querySelector("textarea").addEventListener("focus",(()=>{this.updateAssist()}))}updateAssist(){const t=this.component.querySelector("textarea").textLength;if(t<=this.maximum&&!this.characters){this.limit&&(this.limit.innerHTML="");const e=this.maximum-t,r=`Restam ${e}caracteres `,s=`<span aria-live="polite">Restam <strong >${e}</strong > caracteres</span>`;this.currentValue&&(this.currentValue.innerHTML=s)}!this.characters&&this.limit?0===t&&""===this.limit.innerHTML&&(this.limit.innerHTML=`<span aria-live="polite">Limite máximo de <strong >${this.maximum}</strong> caracteres</span>`,this.currentValue.innerHTML=""):this.characters&&(this.characters.innerHTML=`<span ><strong >${t}</strong> caracteres digitados</span>`)}}var e=null})(),t();var s={};return r(),s})()));
//# sourceMappingURL=textarea.min.js.map