@webalternatif/js-core 1.3.0 → 1.4.0

package/dist/cjs/Mouse.js

@@ -0,0 +1,62 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+import { isTouchDevice } from "./is.js";
+var Mouse = /*#__PURE__*/function () {
+  function Mouse() {
+    _classCallCheck(this, Mouse);
+  }
+  return _createClass(Mouse, null, [{
+    key: "getPosition",
+    value: function getPosition(ev, element) {
+      ev = _assertClassBrand(Mouse, this, _getEvent).call(this, ev);
+      var rect = {
+        left: 0,
+        top: 0
+      };
+      if (element instanceof Element) {
+        var r = element.getBoundingClientRect();
+        rect = {
+          left: window.scrollX + r.left,
+          top: window.scrollY + r.top
+        };
+      }
+      return {
+        x: ev.pageX !== undefined ? ev.pageX - rect.left : rect.left,
+        y: ev.pageY !== undefined ? ev.pageY - rect.top : rect.top
+      };
+    }
+  }, {
+    key: "getViewportPosition",
+    value: function getViewportPosition(ev) {
+      ev = _assertClassBrand(Mouse, this, _getEvent).call(this, ev);
+      return {
+        x: ev.clientX,
+        y: ev.clientY
+      };
+    }
+  }, {
+    key: "getElement",
+    value: function getElement(ev) {
+      ev = _assertClassBrand(Mouse, this, _getEvent).call(this, ev);
+      return window.document.elementFromPoint(ev.clientX, ev.clientY);
+    }
+  }]);
+}();
+function _getEvent(ev) {
+  var _ev$originalEvent;
+  if (isTouchDevice()) {
+    var orgEvent = ev.originalEvent ? ev.originalEvent : ev;
+    if (orgEvent.changedTouches && orgEvent.changedTouches.length) {
+      ev = orgEvent.changedTouches[0];
+    } else if (orgEvent.touches) {
+      ev = orgEvent.touches[0];
+    }
+  }
+  return (_ev$originalEvent = ev.originalEvent) !== null && _ev$originalEvent !== void 0 ? _ev$originalEvent : ev;
+}
+export default Mouse;

package/dist/cjs/Translator.js

@@ -0,0 +1,110 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+import { isFunction, isPlainObject } from "./is.js";
+import { each, extend } from "./traversal.js";
+
+/**
+ * @typedef {string | (() => string)} TranslatorValue
+ */
+
+/**
+ * @typedef {Record<string, Record<string, Record<string, TranslatorValue>>>} TranslatorNsMapping
+ */
+
+/**
+ * @typedef {Record<string, Record<string, TranslatorValue>>} TranslatorCoreMapping
+ */
+
+/**
+ * @typedef {TranslatorNsMapping | TranslatorCoreMapping} TranslatorMapping
+ */
+var _lang = /*#__PURE__*/new WeakMap();
+var _mapping = /*#__PURE__*/new WeakMap();
+var _Translator_brand = /*#__PURE__*/new WeakSet();
+var Translator = /*#__PURE__*/function () {
+  /**
+   * @param {TranslatorMapping} mapping
+   * @param {string} [defaultLang]
+   */
+  function Translator(_mapping2, defaultLang) {
+    _classCallCheck(this, Translator);
+    _classPrivateMethodInitSpec(this, _Translator_brand);
+    /** @type string */
+    _classPrivateFieldInitSpec(this, _lang, void 0);
+    /** @type TranslatorMapping */
+    _classPrivateFieldInitSpec(this, _mapping, void 0);
+    _assertClassBrand(_Translator_brand, this, _setMapping).call(this, _mapping2);
+    this.setLang(defaultLang);
+  }
+  return _createClass(Translator, [{
+    key: "translate",
+    value:
+    /**
+     * @param {string} label
+     * @param {string} [namespace]
+     * @param {string} [lang]
+     * @returns {string}
+     */
+    function translate(label, namespace, lang) {
+      lang = undefined === lang ? this.getLang() : lang;
+      namespace = undefined === namespace ? 'core' : namespace;
+      var translationExists = undefined !== _classPrivateFieldGet(_mapping, this)[namespace] && undefined !== _classPrivateFieldGet(_mapping, this)[namespace][lang] && undefined !== _classPrivateFieldGet(_mapping, this)[namespace][lang][label];
+      if (translationExists) {
+        var tr = _classPrivateFieldGet(_mapping, this)[namespace][lang][label];
+        return isFunction(tr) ? tr() : tr;
+      }
+      return 'en' !== lang ? this.translate(label, namespace, 'en') : label;
+    }
+  }, {
+    key: "_",
+    value: function _() {
+      return this.translate.apply(this, arguments);
+    }
+  }, {
+    key: "getLang",
+    value: function getLang() {
+      return _classPrivateFieldGet(_lang, this);
+    }
+  }, {
+    key: "setLang",
+    value: function setLang(lang) {
+      if (!lang) {
+        if (typeof navigator !== 'undefined' && navigator.language) {
+          lang = navigator.language;
+        } else if (typeof process !== 'undefined' && process.env) {
+          lang = process.env.LANG || process.env.LC_ALL || process.env.LC_MESSAGES;
+        }
+      }
+      _classPrivateFieldSet(_lang, this, (lang || 'en').trim().toLowerCase().slice(0, 2));
+    }
+  }]);
+}();
+function _setMapping(mapping) {
+  var nsMapping = {},
+    coreMapping = {};
+  each(mapping, function (ns, langs) {
+    each(langs, function (lang, trads) {
+      if (isPlainObject(trads)) {
+        if (undefined === nsMapping[ns]) nsMapping[ns] = {};
+        nsMapping[ns][lang] = trads;
+      } else {
+        if (undefined === coreMapping[ns]) coreMapping[ns] = {};
+        coreMapping[ns][lang] = trads;
+      }
+    });
+  });
+  _classPrivateFieldSet(_mapping, this, extend(true, nsMapping, {
+    core: extend({}, nsMapping.core || {}, coreMapping)
+  }));
+}
+export { Translator as default };

package/dist/cjs/dom.js

@@ -1,3 +1,7 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 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; } }
@@ -8,8 +12,109 @@ import { isArray, isArrayLike, isFunction, isObject, isPlainObject, isString } f
 import { camelCase } from "./string.js";
 import { each, foreach, map } from "./traversal.js";
 import { inArray } from "./array.js";
+import Mouse from "./Mouse.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'];
-var LISTENERS = new WeakMap();
+var LISTENERS = new Map();
+var CUSTOM_EVENTS = ['longtap', 'dbltap'];
+var ENABLED_EVENTS = new Set();
+var _teardownLongTap = null;
+var _teardownDblTap = null;
+var supplyEvent = function supplyEvent(event) {
+  if (ENABLED_EVENTS !== null && ENABLED_EVENTS !== void 0 && ENABLED_EVENTS.has(event)) return;
+  if (event === 'longtap') enableLongTap();
+  if (event === 'dbltap') enableDblTap();
+  ENABLED_EVENTS.add(event);
+};
+var enableLongTap = function enableLongTap() {
+  var LONGPRESS_DELAY = 800;
+  var MOVE_TOLERANCE = 8;
+  var timer = null;
+  var startX = 0;
+  var startY = 0;
+  var target = null;
+  var start = function start(ev) {
+    target = ev.target;
+    var pos = Mouse.getViewportPosition(ev);
+    startX = pos.x;
+    startY = pos.y;
+    timer = setTimeout(function () {
+      target.dispatchEvent(new CustomEvent('longtap', {
+        bubbles: true,
+        cancelable: true,
+        detail: {
+          originalEvent: ev
+        }
+      }));
+      timer = null;
+    }, LONGPRESS_DELAY);
+  };
+  var move = function move(ev) {
+    if (!timer) return;
+    var pos = Mouse.getViewportPosition(ev);
+    if (Math.hypot(pos.x - startX, pos.y - startY) > MOVE_TOLERANCE) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  };
+  var end = function end() {
+    if (timer) clearTimeout(timer);
+    timer = null;
+  };
+  document.addEventListener('touchstart', start, {
+    passive: true
+  });
+  document.addEventListener('touchmove', move, {
+    passive: true
+  });
+  document.addEventListener('touchend', end);
+  document.addEventListener('touchcancel', end);
+  _teardownLongTap = function teardownLongTap() {
+    document.removeEventListener('touchstart', start, {
+      passive: true
+    });
+    document.removeEventListener('touchmove', move, {
+      passive: true
+    });
+    document.removeEventListener('touchend', end);
+    document.removeEventListener('touchcancel', end);
+    _teardownLongTap = null;
+  };
+};
+var enableDblTap = function enableDblTap() {
+  var DBLTAP_DELAY = 300;
+  var MOVE_TOLERANCE = 8;
+  var lastTapTime = 0;
+  var lastPos = null;
+  var start = function start(ev) {
+    var target = ev.target;
+    if (Date.now() - lastTapTime > DBLTAP_DELAY) {
+      lastTapTime = Date.now();
+      lastPos = Mouse.getViewportPosition(ev);
+    } else {
+      var pos = Mouse.getViewportPosition(ev);
+      if (Math.hypot(pos.x - lastPos.x, pos.y - lastPos.y) <= MOVE_TOLERANCE) {
+        target.dispatchEvent(new CustomEvent('dbltap', {
+          bubbles: true,
+          cancelable: true,
+          detail: {
+            originalEvent: ev
+          }
+        }));
+      }
+      lastTapTime = Date.now();
+      lastPos = pos;
+    }
+  };
+  document.addEventListener('touchstart', start, {
+    passive: true
+  });
+  _teardownDblTap = function teardownDblTap() {
+    document.removeEventListener('touchstart', start, {
+      passive: true
+    });
+    _teardownDblTap = null;
+  };
+};
 
 /**
  * @param {any} o
@@ -50,7 +155,7 @@ export var getStyle = function getStyle(el, cssRule) {
   }
   return el.style[camelCase(cssRule)] || '';
 };
-export default {
+var dom = {
   /**
    * @param {Element} el
    * @param {string} [selector]
@@ -68,16 +173,16 @@ export default {
     return this.first(this.children(el, selector));
   },
   /**
-   * @param {Element|Document} refEl
-   * @param {string|Element|NodeList|Array<Element>} [selector]
-   * @returns {Element|null}
+   * @param {Element|Document|string} refEl
+   * @param {string|Element|NodeList|Array<Element>} selector
+   * @returns {Element}
    */
   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 {Element|Document|string} refEl
    * @param {string|Element|NodeList|Array<Element>} selector
    * @returns {Array<Element>}
    */
@@ -97,12 +202,16 @@ export default {
         return null;
       });
     }
-    return Array.from(refEl.querySelectorAll(selector));
+    try {
+      return Array.from(refEl.querySelectorAll(selector));
+    } catch (e) {
+      return [];
+    }
   },
   /**
-   * @param {Element} el
+   * @param {Element|string} el
    * @param {string} data
-   * @param {string} value
+   * @param {string} [value]
    * @returns {Element|null}
    */
   findOneByData: function findOneByData(el, data, value) {
@@ -110,9 +219,9 @@ export default {
     return (_this$findByData$ = this.findByData(el, data, value)[0]) !== null && _this$findByData$ !== void 0 ? _this$findByData$ : null;
   },
   /**
-   * @param {Element} el
+   * @param {Element|string} el
    * @param {string} data
-   * @param {string} value
+   * @param {string} [value]
    * @returns {Element[]}
    */
   findByData: function findByData(el, data, value) {
@@ -218,7 +327,7 @@ export default {
     for (var _len2 = arguments.length, children = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       children[_key2 - 1] = arguments[_key2];
     }
-    foreach(children, function (child) {
+    foreach([].concat(children).reverse(), function (child) {
       if (isString(child)) {
         child = _this2.create(child);
       }
@@ -249,7 +358,7 @@ export default {
   },
   /**
    * @param {Element} el
-   * @param {string|Element} selector
+   * @param {string|Element} [selector]
    * @returns {Element|null}
    */
   closest: function closest(el, selector) {
@@ -266,6 +375,9 @@ export default {
       }
       return null;
     }
+    if (undefined === selector) {
+      return el;
+    }
     return el.closest(selector);
   },
   /**
@@ -513,7 +625,11 @@ export default {
       handler = selector;
       selector = null;
     }
-    foreach(events.split(' '), function (event) {
+    foreach(events.split(' '), function (rawEvent) {
+      var _rawEvent$split = rawEvent.split('.'),
+        _rawEvent$split2 = _slicedToArray(_rawEvent$split, 2),
+        event = _rawEvent$split2[0],
+        namespace = _rawEvent$split2[1];
       var listener = function listener(ev) {
         if (!selector) {
           handler.call(el, ev);
@@ -522,11 +638,11 @@ export default {
         var currentTarget = ev.target;
         while (currentTarget && currentTarget !== el) {
           if (_this5.matches(currentTarget, selector)) {
-            var wrappedEv = Object.assign({}, ev, {
+            var wrappedEv = {
               originalEvent: ev,
               type: ev.type,
-              currentTarget: currentTarget,
               target: ev.target,
+              currentTarget: currentTarget,
               relatedTarget: ev.relatedTarget,
               button: ev.button,
               pageX: ev.pageX,
@@ -540,7 +656,7 @@ export default {
               stopImmediatePropagation: function stopImmediatePropagation() {
                 return ev.stopImmediatePropagation.apply(ev, arguments);
               }
-            });
+            };
             handler.call(currentTarget, wrappedEv);
             break;
           }
@@ -557,16 +673,20 @@ export default {
         handler: handler,
         selector: selector,
         listener: listener,
+        namespace: namespace,
         options: options
       });
+      if (inArray(event, CUSTOM_EVENTS)) {
+        supplyEvent(event);
+      }
       el.addEventListener(event, listener, options);
     });
     return el;
   },
   /**
    * @param {Element|Document|Window} el
-   * @param {string} events
-   * @param {string|Element|function} selector
+   * @param {string} [events]
+   * @param {string|Element|function} [selector]
    * @param {function|AddEventListenerOptions|boolean} [handler]
    * @param {AddEventListenerOptions|boolean} [options]
    * @returns {Element}
@@ -579,10 +699,19 @@ export default {
     }
     var store = LISTENERS.get(el);
     if (!store) return el;
-    foreach(events.split(' '), function (event) {
-      each(_toConsumableArray(store).reverse(), function (i, l) {
-        if (l.event === event && l.handler === handler && l.selector === selector && (options === undefined || l.options === options)) {
-          el.removeEventListener(event, l.listener, l.options);
+    var evts = events ? events.split(' ') : [undefined];
+    foreach(evts, function (rawEvent) {
+      var _ref = undefined === rawEvent ? [undefined, undefined] : rawEvent.split('.'),
+        _ref2 = _slicedToArray(_ref, 2),
+        event = _ref2[0],
+        namespace = _ref2[1];
+      event = !event ? undefined : event;
+      var hasEvent = undefined !== event;
+      var hasNs = undefined !== namespace;
+      foreach(_toConsumableArray(store).reverse(), function (l) {
+        var match = !hasEvent && !hasNs || hasEvent && !hasNs && l.event === event || !hasEvent && hasNs && l.namespace === namespace || hasEvent && hasNs && l.event === event && l.namespace === namespace;
+        if (match && (undefined === event || l.event === event) && (undefined === handler || l.handler === handler) && (undefined === selector || l.selector === selector) && (undefined === namespace || l.namespace === namespace) && (undefined === options || l.options === options)) {
+          el.removeEventListener(l.event, l.listener, l.options);
           var index = store.indexOf(l);
           index !== -1 && store.splice(index, 1);
         }
@@ -620,14 +749,14 @@ export default {
    * @param {Element} el
    * @param {string} selectorClosest
    * @param {string} selectorFind
-   * @returns {NodeList|null}
+   * @returns {Array<Element>}
    */
   closestFind: function closestFind(el, selectorClosest, selectorFind) {
     var closest = this.closest(el, selectorClosest);
     if (closest) {
       return this.find(closest, selectorFind);
     }
-    return null;
+    return [];
   },
   /**
    * @param {Element} el
@@ -657,18 +786,30 @@ export default {
    */
   last: function last(nodeList) {
     var _arr;
+    if (nodeList instanceof Element) return nodeList;
     var arr = Array.from(nodeList);
     return (_arr = arr[arr.length - 1]) !== null && _arr !== void 0 ? _arr : null;
   },
   /**
    * @param {string} html
-   * @returns {Element|null}
+   * @returns {Element|DocumentFragment|null}
    */
   create: function create(html) {
-    var _tpl$content$firstEle;
+    html += '';
+    var isTagName = function isTagName(s) {
+      return /^[A-Za-z][A-Za-z0-9-]*$/.test(s);
+    };
+    if (isTagName(html)) {
+      return document.createElement(html);
+    }
     var tpl = document.createElement('template');
     tpl.innerHTML = html.trim();
-    return (_tpl$content$firstEle = tpl.content.firstElementChild) !== null && _tpl$content$firstEle !== void 0 ? _tpl$content$firstEle : null;
+    var frag = tpl.content;
+    if (frag.childElementCount === 1 && frag.children.length === 1) {
+      return frag.firstElementChild;
+    }
+    if (!frag.firstChild) return null;
+    return frag.cloneNode(true);
   },
   /**
    * @param {NodeList|Array<Element>} nodeList
@@ -720,13 +861,13 @@ export default {
     return el;
   },
   /**
-   * @param {Element|NodeList} el
+   * @param {Element|NodeList|Array<Element>} el
    * @param {string|Element} selector
-   * @return {Element[]}
+   * @return {Array<Element>}
    */
   not: function not(el, selector) {
     var elements = el instanceof Element ? [el] : Array.from(el);
-    var selectorIsString = webf.isString(selector);
+    var selectorIsString = isString(selector);
     return elements.filter(function (e) {
       if (!(e instanceof Element)) return false;
       return selectorIsString ? !e.matches(selector) : e !== selector;
@@ -747,6 +888,7 @@ export default {
    * @param {string|Element} selector
    */
   matches: function matches(el, selector) {
+    if (!el) return false;
     return selector instanceof Element ? selector === el : el.matches(selector);
   },
   /**
@@ -759,14 +901,22 @@ export default {
   },
   /**
    * @param {Element} el
-   * @param {Element[]} children
+   * @param {NodeList|Array<Element>|string[]} children
    * @returns {Element}
    */
   replaceChildren: function replaceChildren(el) {
+    var _this7 = this;
+    var nodes = [];
     for (var _len4 = arguments.length, children = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
       children[_key4 - 1] = arguments[_key4];
     }
-    el.replaceChildren.apply(el, children);
+    foreach(children, function (child) {
+      if (isString(child)) {
+        child = _this7.create(child);
+      }
+      if (child) nodes.push(child);
+    });
+    el.replaceChildren.apply(el, nodes);
     return el;
   },
   /**
@@ -792,4 +942,13 @@ export default {
       left: rect.left + wOffset.left
     };
   }
-};
+};
+if ('test' === process.env.NODE_ENV) {
+  dom.__resetCustomEventsForTests = function () {
+    var _teardownLongTap2, _teardownDblTap2;
+    ENABLED_EVENTS.clear();
+    (_teardownLongTap2 = _teardownLongTap) === null || _teardownLongTap2 === void 0 || _teardownLongTap2();
+    (_teardownDblTap2 = _teardownDblTap) === null || _teardownDblTap2 === void 0 || _teardownDblTap2();
+  };
+}
+export default dom;

package/dist/cjs/index.js

@@ -13,8 +13,9 @@ import * as traversal from './traversal.js';
 import dom, { getStyle, isDomElement, isWindow, isDocument } from './dom.js';
 import * as math from './math.js';
 import * as utils from './utils.js';
-import * as i18n from './i18n.js';
+import * as i18n from './Translator.js';
 import eventDispatcher from './eventDispatcher.js';
+import Mouse from './Mouse.js';
 var webf = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, stringFunctions), arrayFunctions), traversal), is), random), {}, {
   dom: dom,
   isWindow: isWindow,
@@ -22,7 +23,8 @@ var webf = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread
   isDomElement: isDomElement,
   getStyle: getStyle
 }, math), utils), i18n), {}, {
-  eventDispatcher: eventDispatcher
+  eventDispatcher: eventDispatcher,
+  Mouse: Mouse
 });
 export default webf;
-export { stringFunctions, arrayFunctions, traversal, is, random, getStyle, dom, math, utils, eventDispatcher };
+export { stringFunctions, arrayFunctions, traversal, is, random, getStyle, dom, math, utils, eventDispatcher, Mouse };

package/dist/cjs/is.js

@@ -24,7 +24,9 @@ export var isUndefined = function isUndefined(v) {
   return typeof v === 'undefined';
 };
 export var isArrayLike = function isArrayLike(o) {
-  return null !== o && !isString(o) && !isFunction(o) && isInt(o.length) && o.length >= 0 && Number.isFinite(o.length);
+  return !!o && !isString(o) && !isFunction(o) && isInt(o.length)
+  // && o.length >= 0
+  && Number.isFinite(o.length);
 };
 export var isArray = function isArray(a) {
   return Array.isArray(a);