toolshed-8.x-1.x-dev/js/Element.min.js

"use strict";(({Toolshed:r})=>{r.Element=class s{constructor(e,t,s){r.isString(e)&&(e=document.createElement(e.toUpperCase())),this.el=e,this.eventListeners=new Map,t&&this.setAttrs(t),s&&this.attachTo(s)}get id(){return this.el.id}set id(e){this.el.id=e}get tagName(){return this.el.tagName}get className(){return this.el.className}set className(e){this.el.className=e}get classList(){return this.el.classList}get style(){return this.el.style}get dataset(){return this.el.dataset}get parentNode(){return this.el.parentNode}get parentElement(){return this.el.parentElement}get innerHTML(){return this.el.innerHTML}set innerHTML(e){this.el.innerHTML=e}get textContent(){return this.el.textContent}set textContent(e){this.el.textContent=e}addClass(e){Array.isArray(e)?e.forEach(e=>this.classList.add(e)):this.classList.add(e)}removeClass(e){Array.isArray(e)?e.forEach(e=>this.classList.remove(e)):this.classList.remove(e)}setStyles(e){Object.assign(this.style,e)}getAttr(e){return this.el.hasAttribute(e)?this.el.getAttribute(e):null}setAttr(e,t){switch(e){case"class":this.addClass(t);break;case"style":if(!r.isString(t)){this.setStyles(t);break}case"html":this.innerHTML=t;break;case"text":this.textContent=t;default:this.el.setAttribute(e,t)}}setAttrs(e){Object.entries(e).forEach(([e,t])=>this.setAttr(e,t))}removeAttrs(e){(e=r.isString(e)?[e]:e).forEach(e=>this.el.removeAttribute(e))}prependChild(e){this.insertBefore(e,this.el.firstElementChild)}appendChild(e){this.insertBefore(e)}insertBefore(e,t){e=e instanceof s?e.el:e,t=t instanceof s?t.el:t,this.el.insertBefore(e,t)}removeChild(e){this.el.removeChild(e instanceof s?e.el:e)}empty(){for(;this.el.firstChild;)this.el.removeChild(this.el.lastChild)}attachTo(e,t="parent"){"after"===t||"before"===t?(e.parentNode||document.body).insertBefore(this.el,"before"===t?e:e.nextSibling):e.appendChild(this.el)}detach(){this.parentNode&&this.parentNode.removeChild(this.el)}find(e,t=!0){return t?this.el.querySelectorAll(e):this.el.querySelector(e)}findByClass(e){return this.el.getElementsByClassName(e)}on(e,t,s={}){var r=this.eventListeners;r.has(e)?r.get(e).push(t):r.set(e,[t]),this.el.addEventListener(e,t,s)}off(e,t){var s,r=this.eventListeners.get(e);t?(r&&-1<(s=r.indexOf(t))&&r.splice(s,1),this.el.removeEventListener(e,t)):r&&r.forEach(e=>this.el.removeEventListener(e))}destroy(e){this.eventListeners.forEach((e,t)=>{e.forEach(e=>this.el.removeEventListener(t,e))}),e&&this.detach()}},r.FormElement=class extends r.Element{get value(){return this.el.value}set value(e){this.el.value=e}get form(){return this.el.form||this.el.closest("form")}}})(Drupal);