@webalternatif/js-core 1.1.1 → 1.1.3

package/dist/esm/dom.js

@@ -1,100 +1,115 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isWindow = exports.isDomElement = exports.getStyle = exports.default = void 0;
-var _is = require("./is.js");
-var _string = require("./string.js");
-var _traversal = require("./traversal.js");
-var _array = require("./array.js");
-const isWindow = function (o) {
+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";
+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;
 };
-exports.isWindow = isWindow;
-const isDomElement = function (o) {
-  return (0, _is.isObject)(o) && o instanceof HTMLElement;
+export var isDomElement = function isDomElement(o) {
+  return isObject(o) && o instanceof HTMLElement;
 };
-exports.isDomElement = isDomElement;
-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);
-    return computedStyle.getPropertyValue(cssRule) || computedStyle[(0, _string.camelCase)(cssRule)] || '';
+    var computedStyle = window.getComputedStyle(elem, null);
+    return computedStyle.getPropertyValue(cssRule) || computedStyle[camelCase(cssRule)] || '';
   }
-  return elem.style[(0, _string.camelCase)(cssRule)] || '';
+  return elem.style[camelCase(cssRule)] || '';
 };
-exports.getStyle = getStyle;
-var _default = exports.default = {
+export default {
   /**
    * @param {Element} el
    * @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));
   },
   /**
-   * @param {Element|Document|string} refEl
-   * @param {string} [selector='*']
-   * @returns {NodeList}
+   * @param {Element|Document} refEl
+   * @param {string|Element|NodeList|Array<Element>} [selector]
+   * @returns {Element|null}
    */
-  find(refEl, selector = '*') {
-    if ((0, _is.isString)(refEl)) {
-      selector = refEl;
-      refEl = document;
-    }
-    try {
-      return refEl.querySelectorAll(selector);
-    } catch (e) {
-      return document.querySelectorAll(':not(*)');
-    }
+  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|string} refEl
-   * @param {string} [selector='*']
-   * @returns {Element|null}
+   * @param {Element|Document} refEl
+   * @param {string|Element|NodeList|Array<Element>} selector
+   * @returns {Array<Element>}
    */
-  findOne(refEl, selector = '*') {
-    if ((0, _is.isString)(refEl)) {
+  find: function find(refEl, selector) {
+    if (undefined === selector) {
       selector = refEl;
       refEl = document;
     }
-    try {
-      return refEl.querySelector(selector);
-    } catch (e) {
-      return null;
+    if (selector instanceof Element) {
+      selector = [selector];
     }
+    if (isArrayLike(selector)) {
+      return map(Array.from(selector), function (i, el) {
+        if (el instanceof Element) {
+          return refEl === el || refEl.contains(el) ? el : null;
+        }
+        return null;
+      });
+    }
+    return Array.from(refEl.querySelectorAll(selector));
   },
   /**
-   * @param {Element} el
+   * @param {Element|NodeList|Array<Element>} el
    * @param {string} className
-   * @returns {Element}
+   * @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);
-    el.classList.add(...classNames);
+    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) {
+        var _e$classList;
+        (_e$classList = e.classList).add.apply(_e$classList, _toConsumableArray(classNames));
+      }
+    });
     return el;
   },
   /**
-   * @param {Element} el
-   * @param {string} classNames
-   * @returns {Element}
-   */
-  removeClass(el, classNames) {
-    if (!classNames) return el;
-    el.classList.remove(...classNames.split(' ').map(c => c.trim()).filter(Boolean));
+   * @param {Element|NodeList|Array<Element>} el
+   * @param {string} className
+   * @returns {Element|NodeList|Array<Element>}
+   */
+  removeClass: function removeClass(el, className) {
+    if (!className) return;
+    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) {
+        var _e$classList2;
+        (_e$classList2 = e.classList).remove.apply(_e$classList2, _toConsumableArray(classNames));
+      }
+    });
     return el;
   },
   /**
@@ -103,8 +118,12 @@ var _default = exports.default = {
    * @param {boolean} [force]
    * @returns {Element}
    */
-  toggleClass(el, classNames, force) {
-    (0, _traversal.each)(classNames.split(' ').map(c => c.trim()).filter(Boolean), (i, 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;
   },
   /**
@@ -112,40 +131,84 @@ var _default = exports.default = {
    * @param {string} classNames
    * @returns {boolean}
    */
-  hasClass(el, classNames) {
-    return (0, _array.compareArray)([...el.classList], classNames.split(' ').map(c => c.trim()).filter(Boolean));
+  hasClass: function hasClass(el, classNames) {
+    if (!classNames) return false;
+    var foundClasses = true;
+    foreach(classNames.split(' ').map(function (c) {
+      return c.trim();
+    }).filter(Boolean), function (c) {
+      if (el.classList.contains(c)) {
+        return true;
+      }
+      foundClasses = false;
+      return false;
+    });
+    return foundClasses;
   },
   /**
-   * @param {Element} el
-   * @param {Element} child
-   * @returns {Element}
+   * @param {Node} node
+   * @param {...Node} children
+   * @returns {Node}
    */
-  append(el, child) {
-    el.append(child);
-    return el;
+  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;
   },
   /**
-   * @param {Element} el
-   * @param {Element} child
-   * @returns {Element}
+   * @param {Node} node
+   * @param {...Node} children
+   * @returns {Node}
    */
-  prepend(el, child) {
-    el.prepend(child);
-    return el;
+  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} el
+   * @param {Element|NodeList|Array<Element>|string} els
    * @returns {void}
    */
-  remove(el) {
-    el.remove();
+  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(function (e) {
+          return e.remove();
+        });
+      } else {
+        _this.remove(_this.find(el));
+      }
+    });
   },
   /**
    * @param {Element} el
-   * @param {string} [selector]
+   * @param {string|Element} selector
    * @returns {Element|null}
    */
-  closest(el, selector) {
+  closest: function closest(el, selector) {
+    if (selector instanceof Element) {
+      if (el === selector) {
+        return el;
+      }
+      var parentEl = el.parentElement;
+      while (parentEl) {
+        if (parentEl === selector) {
+          return parentEl;
+        }
+        parentEl = parentEl.parentElement;
+      }
+      return null;
+    }
     return el.closest(selector);
   },
   /**
@@ -153,21 +216,23 @@ var _default = exports.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;
     }
-    return sibling;
+    return null;
   },
   /**
    * @param {Element} el
    * @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;
@@ -179,9 +244,9 @@ var _default = exports.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);
@@ -195,9 +260,9 @@ var _default = exports.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);
@@ -206,12 +271,52 @@ var _default = exports.default = {
     }
     return siblings;
   },
+  /**
+   * @param {Element} el
+   * @param {Element|string} selector
+   * @returns {Element[]}
+   */
+  nextUntil: function nextUntil(el, selector) {
+    var selectorIsElement = false;
+    var list = [];
+    if (selector instanceof Element) {
+      selectorIsElement = true;
+    }
+    var nextSibling = el.nextElementSibling;
+    while (nextSibling) {
+      var found = selectorIsElement ? nextSibling === selector : nextSibling.matches(selector);
+      if (found) break;
+      list.push(nextSibling);
+      nextSibling = nextSibling.nextElementSibling;
+    }
+    return list;
+  },
+  /**
+   * @param {Element} el
+   * @param {Element|string} selector
+   * @returns {Element[]}
+   */
+  prevUntil: function prevUntil(el, selector) {
+    var selectorIsElement = false;
+    var list = [];
+    if (selector instanceof Element) {
+      selectorIsElement = true;
+    }
+    var prevSibling = el.previousElementSibling;
+    while (prevSibling) {
+      var found = selectorIsElement ? prevSibling === selector : prevSibling.matches(selector);
+      if (found) break;
+      list.push(prevSibling);
+      prevSibling = prevSibling.previousElementSibling;
+    }
+    return list;
+  },
   /**
    * @param {Element} el
    * @param {Element} wrappingElement
    * @returns {Element}
    */
-  wrap(el, wrappingElement) {
+  wrap: function wrap(el, wrappingElement) {
     if (!wrappingElement.isConnected) {
       el.parentNode.insertBefore(wrappingElement, el);
     }
@@ -224,7 +329,7 @@ var _default = exports.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);
@@ -239,7 +344,7 @@ var _default = exports.default = {
    * @param {*} [value]
    * @returns {*|Element}
    */
-  prop(el, name, value) {
+  prop: function prop(el, name, value) {
     if (undefined === value) {
       return el[name];
     }
@@ -251,9 +356,9 @@ var _default = exports.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;
   },
   /**
@@ -261,18 +366,18 @@ var _default = exports.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';
@@ -282,8 +387,8 @@ var _default = exports.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 {
@@ -296,24 +401,33 @@ var _default = exports.default = {
    * @param {Element} el
    * @returns {Element}
    */
-  toggle(el) {
+  toggle: function toggle(el) {
     return 'none' === el.style.display ? this.show(el) : this.hide(el);
   },
   /**
    * @param {Element} el
    * @param {Object<string, string>|string} name
    * @param {string} [value]
-   * @returns {Element}
+   * @returns {Element|DOMStringMap}
    */
-  data(el, name, value) {
-    if ((0, _is.isPlainObject)(name)) {
-      (0, _traversal.each)(name, (k, v) => this.data(el, k, v));
+  data: function data(el, name, value) {
+    var _this2 = this;
+    if (undefined === name && undefined === value) {
+      return el.dataset;
+    }
+    if (webf.isPlainObject(name)) {
+      webf.each(name, function (k, v) {
+        return _this2.data(el, k, v);
+      });
       return el;
     }
-    const isAttr = /^data-/.test(name + '');
-    const key = (0, _string.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);
+    if (null === value) {
+      this.removeData(el, key);
+      return el;
+    }
     el.dataset[key] = value;
     return el;
   },
@@ -322,8 +436,8 @@ var _default = exports.default = {
    * @param {string} name
    * @returns {Element|*}
    */
-  removeData(el, name) {
-    const key = (name + '').replace(/^data-/, '').camelCase();
+  removeData: function removeData(el, name) {
+    var key = camelCase((name + '').replace(/^data-/, ''));
     delete el.dataset[key];
     return el;
   },
@@ -334,7 +448,8 @@ var _default = exports.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;
   },
@@ -345,35 +460,34 @@ var _default = exports.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;
   },
   /**
    * @param {HTMLElement} el
-   * @param {Object<string, string>|string} styles
+   * @param {Object<string, string>|string} style
    * @param {string} [value]
    * @returns {Element}
    */
-  css(el, styles, value) {
-    if ((0, _is.isString)(styles)) {
+  css: function css(el, style, value) {
+    var _this3 = this;
+    if (isString(style)) {
+      var prop = style.startsWith('--') ? style : camelCase(style);
       if (undefined === value) {
-        return styles.startsWith('--') ? el.style.getPropertyValue(styles) : el.style[styles];
+        return getStyle(el, prop);
       }
-      if (styles.startsWith('--')) {
-        el.style.setProperty(styles, String(value));
+      if (prop.startsWith('--')) {
+        el.style.setProperty(prop, String(value));
       } else {
-        el.style[styles] = value;
+        if (typeof value === "number" && !inArray(prop, cssNumber)) value += 'px';
+        el.style[prop] = value;
       }
-      return el;
+    } else {
+      each(style, function (name, v) {
+        _this3.css(el, name, v);
+      });
     }
-    (0, _traversal.each)(styles, (name, v) => {
-      if (name.startsWith('--')) {
-        el.style.setProperty(name, String(v));
-      } else {
-        el.style[name] = v;
-      }
-    });
     return el;
   },
   /**
@@ -382,8 +496,8 @@ var _default = exports.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);
     }
@@ -395,8 +509,8 @@ var _default = exports.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);
     }
@@ -406,31 +520,34 @@ var _default = exports.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} nodeList
+   * @param {NodeList|Array<Element>} nodeList
    * @returns {Element|null}
    */
-  last(nodeList) {
-    return nodeList.length ? nodeList.item(nodeList.length - 1) : null;
+  last: function last(nodeList) {
+    var arr = Array.from(nodeList)[0];
+    return arr[arr.length - 1];
   },
   /**
    * @param {string} html
-   * @returns {Element}
+   * @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;
+    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;
@@ -442,7 +559,7 @@ var _default = exports.default = {
    * @param {Element} newEl
    * @returns {Element}
    */
-  after(el, newEl) {
+  after: function after(el, newEl) {
     return el.parentElement.insertBefore(newEl, el.nextElementSibling);
   },
   /**
@@ -450,17 +567,30 @@ var _default = exports.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);
     }
     return el;
+  },
+  /**
+   * @param {Element|NodeList} el
+   * @param {string|Element} selector
+   * @return {Element[]}
+   */
+  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;
+    });
   }
 };