@webalternatif/js-core 1.1.2 → 1.2.0

package/dist/esm/dom.js

@@ -1,20 +1,26 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { isArray, isArrayLike, isObject, isString } from "./is.js";
 import { camelCase } from "./string.js";
 import { each, foreach, map } from "./traversal.js";
 import { inArray } from "./array.js";
-const cssNumber = ['animationIterationCount', 'aspectRatio', 'borderImageSlice', 'columnCount', 'flexGrow', 'flexShrink', 'fontWeight', 'gridArea', 'gridColumn', 'gridColumnEnd', 'gridColumnStart', 'gridRow', 'gridRowEnd', 'gridRowStart', 'lineHeight', 'opacity', 'order', 'orphans', 'scale', 'widows', 'zIndex', 'zoom', 'fillOpacity', 'floodOpacity', 'stopOpacity', 'strokeMiterlimit', 'strokeOpacity'];
-export const isWindow = function (o) {
+var cssNumber = ['animationIterationCount', 'aspectRatio', 'borderImageSlice', 'columnCount', 'flexGrow', 'flexShrink', 'fontWeight', 'gridArea', 'gridColumn', 'gridColumnEnd', 'gridColumnStart', 'gridRow', 'gridRowEnd', 'gridRowStart', 'lineHeight', 'opacity', 'order', 'orphans', 'scale', 'widows', 'zIndex', 'zoom', 'fillOpacity', 'floodOpacity', 'stopOpacity', 'strokeMiterlimit', 'strokeOpacity'];
+export var isWindow = function isWindow(o) {
   return !!o && o === o.window;
 };
-export const isDomElement = function (o) {
+export var isDomElement = function isDomElement(o) {
   return isObject(o) && o instanceof HTMLElement;
 };
-export const getStyle = function (elem, cssRule) {
+export var getStyle = function getStyle(elem, cssRule) {
   if (!isDomElement(elem)) {
     return '';
   }
   if (window.getComputedStyle) {
-    const computedStyle = window.getComputedStyle(elem, null);
+    var computedStyle = window.getComputedStyle(elem, null);
     return computedStyle.getPropertyValue(cssRule) || computedStyle[camelCase(cssRule)] || '';
   }
   return elem.style[camelCase(cssRule)] || '';
@@ -25,15 +31,15 @@ export default {
    * @param {string} [selector]
    * @returns {NodeList}
    */
-  children(el, selector) {
-    return selector ? this.find(el, `:scope > ${selector}`) : el.children;
+  children: function children(el, selector) {
+    return selector ? this.find(el, ":scope > ".concat(selector)) : el.children;
   },
   /**
    * @param {Element} el
    * @param {string} [selector]
    * @returns {Element|null}
    */
-  child(el, selector) {
+  child: function child(el, selector) {
     return this.first(this.children(el, selector));
   },
   /**
@@ -41,15 +47,16 @@ export default {
    * @param {string|Element|NodeList|Array<Element>} [selector]
    * @returns {Element|null}
    */
-  findOne(refEl, selector) {
-    return this.find(refEl, selector)[0] ?? null;
+  findOne: function findOne(refEl, selector) {
+    var _this$find$;
+    return (_this$find$ = this.find(refEl, selector)[0]) !== null && _this$find$ !== void 0 ? _this$find$ : null;
   },
   /**
    * @param {Element|Document} refEl
    * @param {string|Element|NodeList|Array<Element>} selector
    * @returns {Array<Element>}
    */
-  find(refEl, selector) {
+  find: function find(refEl, selector) {
     if (undefined === selector) {
       selector = refEl;
       refEl = document;
@@ -58,7 +65,7 @@ export default {
       selector = [selector];
     }
     if (isArrayLike(selector)) {
-      return map(Array.from(selector), (i, el) => {
+      return map(Array.from(selector), function (i, el) {
         if (el instanceof Element) {
           return refEl === el || refEl.contains(el) ? el : null;
         }
@@ -72,13 +79,16 @@ export default {
    * @param {string} className
    * @returns {Element|NodeList|Array<Element>}
    */
-  addClass(el, className) {
+  addClass: function addClass(el, className) {
     if (!className) return el;
-    const classNames = className.split(' ').map(c => c.trim()).filter(Boolean);
-    const elements = el instanceof Element ? [el] : Array.from(el);
-    elements.forEach(e => {
+    var classNames = className.split(' ').map(function (c) {
+      return c.trim();
+    }).filter(Boolean);
+    var elements = el instanceof Element ? [el] : Array.from(el);
+    elements.forEach(function (e) {
       if (e instanceof Element) {
-        e.classList.add(...classNames);
+        var _e$classList;
+        (_e$classList = e.classList).add.apply(_e$classList, _toConsumableArray(classNames));
       }
     });
     return el;
@@ -88,13 +98,16 @@ export default {
    * @param {string} className
    * @returns {Element|NodeList|Array<Element>}
    */
-  removeClass(el, className) {
+  removeClass: function removeClass(el, className) {
     if (!className) return;
-    const classNames = className.split(' ').map(c => c.trim()).filter(Boolean);
-    const elements = el instanceof Element ? [el] : Array.from(el);
-    elements.forEach(e => {
+    var classNames = className.split(' ').map(function (c) {
+      return c.trim();
+    }).filter(Boolean);
+    var elements = el instanceof Element ? [el] : Array.from(el);
+    elements.forEach(function (e) {
       if (e instanceof Element) {
-        e.classList.remove(...classNames);
+        var _e$classList2;
+        (_e$classList2 = e.classList).remove.apply(_e$classList2, _toConsumableArray(classNames));
       }
     });
     return el;
@@ -105,8 +118,12 @@ export default {
    * @param {boolean} [force]
    * @returns {Element}
    */
-  toggleClass(el, classNames, force) {
-    foreach(classNames.split(' ').map(c => c.trim()).filter(Boolean), c => el.classList.toggle(c, force));
+  toggleClass: function toggleClass(el, classNames, force) {
+    foreach(classNames.split(' ').map(function (c) {
+      return c.trim();
+    }).filter(Boolean), function (c) {
+      return el.classList.toggle(c, force);
+    });
     return el;
   },
   /**
@@ -114,10 +131,12 @@ export default {
    * @param {string} classNames
    * @returns {boolean}
    */
-  hasClass(el, classNames) {
+  hasClass: function hasClass(el, classNames) {
     if (!classNames) return false;
-    let foundClasses = true;
-    foreach(classNames.split(' ').map(c => c.trim()).filter(Boolean), c => {
+    var foundClasses = true;
+    foreach(classNames.split(' ').map(function (c) {
+      return c.trim();
+    }).filter(Boolean), function (c) {
       if (el.classList.contains(c)) {
         return true;
       }
@@ -131,8 +150,11 @@ export default {
    * @param {...Node} children
    * @returns {Node}
    */
-  append(node, ...children) {
-    node.append(...children);
+  append: function append(node) {
+    for (var _len = arguments.length, children = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      children[_key - 1] = arguments[_key];
+    }
+    node.append.apply(node, children);
     return node;
   },
   /**
@@ -140,22 +162,31 @@ export default {
    * @param {...Node} children
    * @returns {Node}
    */
-  prepend(node, ...children) {
-    node.prepend(...children);
+  prepend: function prepend(node) {
+    for (var _len2 = arguments.length, children = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      children[_key2 - 1] = arguments[_key2];
+    }
+    node.prepend.apply(node, children);
     return node;
   },
   /**
    * @param {Element|NodeList|Array<Element>|string} els
    * @returns {void}
    */
-  remove(...els) {
-    els.forEach(el => {
+  remove: function remove() {
+    var _this = this;
+    for (var _len3 = arguments.length, els = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      els[_key3] = arguments[_key3];
+    }
+    els.forEach(function (el) {
       if (el instanceof Element) {
         el.remove();
       } else if (el instanceof NodeList || isArray(el)) {
-        Array.from(el).forEach(e => e.remove());
+        Array.from(el).forEach(function (e) {
+          return e.remove();
+        });
       } else {
-        this.remove(this.find(el));
+        _this.remove(_this.find(el));
       }
     });
   },
@@ -164,12 +195,12 @@ export default {
    * @param {string|Element} selector
    * @returns {Element|null}
    */
-  closest(el, selector) {
+  closest: function closest(el, selector) {
     if (selector instanceof Element) {
       if (el === selector) {
         return el;
       }
-      let parentEl = el.parentElement;
+      var parentEl = el.parentElement;
       while (parentEl) {
         if (parentEl === selector) {
           return parentEl;
@@ -185,8 +216,9 @@ export default {
    * @param {string} [selector]
    * @returns {Element|null}
    */
-  next(el, selector = null) {
-    let sibling = el.nextElementSibling;
+  next: function next(el) {
+    var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var sibling = el.nextElementSibling;
     if (!selector) return sibling;
     if (sibling && sibling.matches(selector)) {
       return sibling;
@@ -198,8 +230,9 @@ export default {
    * @param {string|null} [selector]
    * @returns {Element|null}
    */
-  prev(el, selector = null) {
-    let sibling = el.previousElementSibling;
+  prev: function prev(el) {
+    var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var sibling = el.previousElementSibling;
     if (!selector) return sibling;
     if (sibling && sibling.matches(selector)) {
       return sibling;
@@ -211,9 +244,9 @@ export default {
    * @param {string} [selector]
    * @returns {Element[]}
    */
-  nextAll(el, selector) {
-    const siblings = [];
-    let sibling = el.nextElementSibling;
+  nextAll: function nextAll(el, selector) {
+    var siblings = [];
+    var sibling = el.nextElementSibling;
     while (sibling) {
       if (undefined === selector || sibling.matches(selector)) {
         siblings.push(sibling);
@@ -227,9 +260,9 @@ export default {
    * @param {string} [selector]
    * @returns {Element[]}
    */
-  prevAll(el, selector) {
-    const siblings = [];
-    let sibling = el.previousElementSibling;
+  prevAll: function prevAll(el, selector) {
+    var siblings = [];
+    var sibling = el.previousElementSibling;
     while (sibling) {
       if (undefined === selector || sibling.matches(selector)) {
         siblings.push(sibling);
@@ -243,15 +276,15 @@ export default {
    * @param {Element|string} selector
    * @returns {Element[]}
    */
-  nextUntil(el, selector) {
-    let selectorIsElement = false;
-    const list = [];
+  nextUntil: function nextUntil(el, selector) {
+    var selectorIsElement = false;
+    var list = [];
     if (selector instanceof Element) {
       selectorIsElement = true;
     }
-    let nextSibling = el.nextElementSibling;
+    var nextSibling = el.nextElementSibling;
     while (nextSibling) {
-      const found = selectorIsElement ? nextSibling === selector : nextSibling.matches(selector);
+      var found = selectorIsElement ? nextSibling === selector : nextSibling.matches(selector);
       if (found) break;
       list.push(nextSibling);
       nextSibling = nextSibling.nextElementSibling;
@@ -263,15 +296,15 @@ export default {
    * @param {Element|string} selector
    * @returns {Element[]}
    */
-  prevUntil(el, selector) {
-    let selectorIsElement = false;
-    const list = [];
+  prevUntil: function prevUntil(el, selector) {
+    var selectorIsElement = false;
+    var list = [];
     if (selector instanceof Element) {
       selectorIsElement = true;
     }
-    let prevSibling = el.previousElementSibling;
+    var prevSibling = el.previousElementSibling;
     while (prevSibling) {
-      const found = selectorIsElement ? prevSibling === selector : prevSibling.matches(selector);
+      var found = selectorIsElement ? prevSibling === selector : prevSibling.matches(selector);
       if (found) break;
       list.push(prevSibling);
       prevSibling = prevSibling.previousElementSibling;
@@ -283,7 +316,7 @@ export default {
    * @param {Element} wrappingElement
    * @returns {Element}
    */
-  wrap(el, wrappingElement) {
+  wrap: function wrap(el, wrappingElement) {
     if (!wrappingElement.isConnected) {
       el.parentNode.insertBefore(wrappingElement, el);
     }
@@ -296,7 +329,7 @@ export default {
    * @param {*} [value]
    * @returns {Element|*}
    */
-  attr(el, name, value) {
+  attr: function attr(el, name, value) {
     if (undefined === value) return el.getAttribute(name);
     if (null === value) {
       el.removeAttribute(name);
@@ -311,7 +344,7 @@ export default {
    * @param {*} [value]
    * @returns {*|Element}
    */
-  prop(el, name, value) {
+  prop: function prop(el, name, value) {
     if (undefined === value) {
       return el[name];
     }
@@ -323,9 +356,9 @@ export default {
    * @param {string} [html]
    * @returns {Element|*}
    */
-  html(el, html) {
-    if (undefined === html) return el.innerHTML;
-    el.innerHTML = html;
+  html: function html(el, _html) {
+    if (undefined === _html) return el.innerHTML;
+    el.innerHTML = _html;
     return el;
   },
   /**
@@ -333,18 +366,18 @@ export default {
    * @param {string} [text]
    * @returns {Element|*}
    */
-  text(el, text) {
-    if (undefined === text) return el.innerText;
-    el.innerText = text;
+  text: function text(el, _text) {
+    if (undefined === _text) return el.innerText;
+    el.innerText = _text;
     return el;
   },
   /**
    * @param {Element} el
    * @returns {Element}
    */
-  hide(el) {
+  hide: function hide(el) {
     if (undefined === this.data(el, '__display__')) {
-      const display = getComputedStyle(el).display;
+      var display = getComputedStyle(el).display;
       this.data(el, '__display__', display);
     }
     el.style.display = 'none';
@@ -354,8 +387,8 @@ export default {
    * @param {Element} el
    * @returns {Element}
    */
-  show(el) {
-    const dataDisplay = this.data(el, '__display__');
+  show: function show(el) {
+    var dataDisplay = this.data(el, '__display__');
     if (undefined === dataDisplay) {
       el.style.removeProperty('display');
     } else {
@@ -368,7 +401,7 @@ export default {
    * @param {Element} el
    * @returns {Element}
    */
-  toggle(el) {
+  toggle: function toggle(el) {
     return 'none' === el.style.display ? this.show(el) : this.hide(el);
   },
   /**
@@ -377,16 +410,19 @@ export default {
    * @param {string} [value]
    * @returns {Element|DOMStringMap}
    */
-  data(el, name, value) {
+  data: function data(el, name, value) {
+    var _this2 = this;
     if (undefined === name && undefined === value) {
       return el.dataset;
     }
     if (webf.isPlainObject(name)) {
-      webf.each(name, (k, v) => this.data(el, k, v));
+      webf.each(name, function (k, v) {
+        return _this2.data(el, k, v);
+      });
       return el;
     }
-    const isAttr = /^data-/.test(name + '');
-    const key = camelCase(isAttr ? (name + '').replace(/^data-/, '') : name + '');
+    var isAttr = /^data-/.test(name + '');
+    var key = camelCase(isAttr ? (name + '').replace(/^data-/, '') : name + '');
     if (undefined === value) return el.dataset[key];
     if (null === value) {
       this.removeData(el, key);
@@ -400,8 +436,8 @@ export default {
    * @param {string} name
    * @returns {Element|*}
    */
-  removeData(el, name) {
-    const key = camelCase((name + '').replace(/^data-/, ''));
+  removeData: function removeData(el, name) {
+    var key = camelCase((name + '').replace(/^data-/, ''));
     delete el.dataset[key];
     return el;
   },
@@ -412,7 +448,8 @@ export default {
    * @param {AddEventListenerOptions|false} options
    * @returns {Element}
    */
-  on(el, event, handler, options = false) {
+  on: function on(el, event, handler) {
+    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     el.addEventListener(event, handler, options);
     return el;
   },
@@ -423,7 +460,7 @@ export default {
    * @param {Object} options
    * @returns {Element}
    */
-  off(el, event, handler, options) {
+  off: function off(el, event, handler, options) {
     el.removeEventListener(event, handler, options);
     return el;
   },
@@ -433,9 +470,10 @@ export default {
    * @param {string} [value]
    * @returns {Element}
    */
-  css(el, style, value) {
+  css: function css(el, style, value) {
+    var _this3 = this;
     if (isString(style)) {
-      const prop = style.startsWith('--') ? style : camelCase(style);
+      var prop = style.startsWith('--') ? style : camelCase(style);
       if (undefined === value) {
         return getStyle(el, prop);
       }
@@ -446,8 +484,8 @@ export default {
         el.style[prop] = value;
       }
     } else {
-      each(style, (name, v) => {
-        this.css(el, name, v);
+      each(style, function (name, v) {
+        _this3.css(el, name, v);
       });
     }
     return el;
@@ -458,8 +496,8 @@ export default {
    * @param {string} selectorFind
    * @returns {NodeList|null}
    */
-  closestFind(el, selectorClosest, selectorFind) {
-    const closest = this.closest(el, selectorClosest);
+  closestFind: function closestFind(el, selectorClosest, selectorFind) {
+    var closest = this.closest(el, selectorClosest);
     if (closest) {
       return this.find(closest, selectorFind);
     }
@@ -471,8 +509,8 @@ export default {
    * @param {string} selectorFindOne
    * @returns {Element|null}
    */
-  closestFindOne(el, selectorClosest, selectorFindOne) {
-    const closest = this.closest(el, selectorClosest);
+  closestFindOne: function closestFindOne(el, selectorClosest, selectorFindOne) {
+    var closest = this.closest(el, selectorClosest);
     if (closest) {
       return this.findOne(closest, selectorFindOne);
     }
@@ -482,32 +520,34 @@ export default {
    * @param {NodeList} nodeList
    * @returns {Element|null}
    */
-  first(nodeList) {
-    return nodeList?.length ? nodeList.item(0) : null;
+  first: function first(nodeList) {
+    return nodeList !== null && nodeList !== void 0 && nodeList.length ? nodeList.item(0) : null;
   },
   /**
    * @param {NodeList|Array<Element>} nodeList
    * @returns {Element|null}
    */
-  last(nodeList) {
-    const arr = Array.from(nodeList)[0];
+  last: function last(nodeList) {
+    var arr = Array.from(nodeList)[0];
     return arr[arr.length - 1];
   },
   /**
    * @param {string} html
    * @returns {Element|null}
    */
-  create(html) {
-    const tpl = document.createElement('template');
+  create: function create(html) {
+    var _tpl$content$firstEle;
+    var tpl = document.createElement('template');
     tpl.innerHTML = html.trim();
-    return tpl.content.firstElementChild ?? null;
+    return (_tpl$content$firstEle = tpl.content.firstElementChild) !== null && _tpl$content$firstEle !== void 0 ? _tpl$content$firstEle : null;
   },
   /**
    * @param {NodeList} nodeList
    * @param {number} [index=0]
    * @returns {Element|null}
    */
-  eq(nodeList, index = 0) {
+  eq: function eq(nodeList) {
+    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     if (Math.abs(index) >= nodeList.length) return null;
     if (index < 0) {
       index = nodeList.length + index;
@@ -519,7 +559,7 @@ export default {
    * @param {Element} newEl
    * @returns {Element}
    */
-  after(el, newEl) {
+  after: function after(el, newEl) {
     return el.parentElement.insertBefore(newEl, el.nextElementSibling);
   },
   /**
@@ -527,14 +567,14 @@ export default {
    * @param {Element} newEl
    * @returns {Element}
    */
-  before(el, newEl) {
+  before: function before(el, newEl) {
     return el.parentElement.insertBefore(newEl, el);
   },
   /**
    * @param {Element} el
    * @returns {Element}
    */
-  empty(el) {
+  empty: function empty(el) {
     while (el.firstChild) {
       el.removeChild(el.firstChild);
     }
@@ -545,10 +585,10 @@ export default {
    * @param {string|Element} selector
    * @return {Element[]}
    */
-  not(el, selector) {
-    const elements = el instanceof Element ? [el] : Array.from(el);
-    const selectorIsString = webf.isString(selector);
-    return elements.filter(e => {
+  not: function not(el, selector) {
+    var elements = el instanceof Element ? [el] : Array.from(el);
+    var selectorIsString = webf.isString(selector);
+    return elements.filter(function (e) {
       if (!(e instanceof Element)) return false;
       return selectorIsString ? !e.matches(selector) : e !== selector;
     });