jizy-dom 1.0.0 → 1.0.3

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Joffrey Demetz
+Copyright (c) 2015-present Joffrey Demetz
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DOM", {
+  enumerable: true,
+  get: function get() {
+    return _Core.DOM;
+  }
+});
+Object.defineProperty(exports, "Selector", {
+  enumerable: true,
+  get: function get() {
+    return _Selector.Selector;
+  }
+});
+exports["default"] = void 0;
+Object.defineProperty(exports, "domUtils", {
+  enumerable: true,
+  get: function get() {
+    return _utils.domUtils;
+  }
+});
+Object.defineProperty(exports, "extendDOMAccess", {
+  enumerable: true,
+  get: function get() {
+    return _access.extendDOMAccess;
+  }
+});
+Object.defineProperty(exports, "extendDOMAnimations", {
+  enumerable: true,
+  get: function get() {
+    return _animations.extendDOMAnimations;
+  }
+});
+Object.defineProperty(exports, "extendDOMAttributes", {
+  enumerable: true,
+  get: function get() {
+    return _attributes.extendDOMAttributes;
+  }
+});
+Object.defineProperty(exports, "extendDOMContents", {
+  enumerable: true,
+  get: function get() {
+    return _contents.extendDOMContents;
+  }
+});
+Object.defineProperty(exports, "extendDOMEvents", {
+  enumerable: true,
+  get: function get() {
+    return _events.extendDOMEvents;
+  }
+});
+Object.defineProperty(exports, "extendDOMManipulation", {
+  enumerable: true,
+  get: function get() {
+    return _manipulation.extendDOMManipulation;
+  }
+});
+Object.defineProperty(exports, "extendDOMMisc", {
+  enumerable: true,
+  get: function get() {
+    return _misc.extendDOMMisc;
+  }
+});
+Object.defineProperty(exports, "extendDOMSwipe", {
+  enumerable: true,
+  get: function get() {
+    return _swipe.extendDOMSwipe;
+  }
+});
+Object.defineProperty(exports, "extendDOMTraversal", {
+  enumerable: true,
+  get: function get() {
+    return _traversal.extendDOMTraversal;
+  }
+});
+exports.jDOMplugin = exports.jDOMcreate = exports.jDOM = void 0;
+var _Selector = require("./lib/Selector.js");
+var _Core = require("./lib/Core.js");
+var _utils = require("./lib/utils.js");
+var _attributes = require("./lib/attributes.js");
+var _manipulation = require("./lib/manipulation.js");
+var _access = require("./lib/access.js");
+var _traversal = require("./lib/traversal.js");
+var _contents = require("./lib/contents.js");
+var _events = require("./lib/events.js");
+var _animations = require("./lib/animations.js");
+var _swipe = require("./lib/swipe.js");
+var _misc = require("./lib/misc.js");
+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 _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 _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; }
+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; }
+var jDOM = exports.jDOM = function jDOM(selector, context) {
+  return new _Core.DOM(selector, context);
+};
+var jDOMplugin = exports.jDOMplugin = function jDOMplugin(name, fn) {
+  _Core.DOM.prototype[name] = fn;
+};
+var jDOMcreate = exports.jDOMcreate = function jDOMcreate(tag) {
+  var attrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var el = document.createElement(tag);
+  var wrapped = new _Core.DOM([el]);
+  if (attrs.className) {
+    wrapped.addClass(attrs.className);
+    delete attrs.className;
+  }
+  if (attrs.text) {
+    wrapped.text(attrs.text);
+    delete attrs.text;
+  }
+  if (attrs.html) {
+    wrapped.html(attrs.html);
+    delete attrs.html;
+  }
+  for (var _i = 0, _Object$entries = Object.entries(attrs); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      key = _Object$entries$_i[0],
+      val = _Object$entries$_i[1];
+    wrapped.attr(key, val);
+  }
+  return wrapped;
+};
+var _default = exports["default"] = _Core.DOM;

package/dist/lib/Core.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DOM = void 0;
+var _utils = require("./utils.js");
+var _Selector = require("./Selector.js");
+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); }
+var DOM = exports.DOM = /*#__PURE__*/function () {
+  function DOM(selector) {
+    var _this = this;
+    var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
+    _classCallCheck(this, DOM);
+    this.elems = (0, _Selector.Selector)(selector, context);
+    this.elems.forEach(function (el) {
+      return _this._patchElement(el);
+    });
+  }
+  return _createClass(DOM, [{
+    key: "_patchElement",
+    value: function _patchElement(el) {
+      var _arguments = arguments,
+        _this2 = this;
+      el.data = function (key, val) {
+        if (!key) return _this2._getAllData(el);
+        return _arguments.length === 2 ? _this2._setData(el, key, val) : _this2._getData(el, key);
+      };
+      el.css = function (prop, val) {
+        var important = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+        return _arguments.length === 1 ? _this2._getCss(el, prop) : _this2._setCss(el, prop, val, important);
+      };
+      el.addClass = function (cls) {
+        return _this2._class(el, 'add', cls);
+      };
+      el.removeClass = function (cls) {
+        return _this2._class(el, 'remove', cls);
+      };
+      el.hasClass = function (cls) {
+        return el.classList.contains(cls);
+      };
+      el.hasClasses = function (clsList) {
+        return clsList.some(function (cls) {
+          return el.classList.contains(cls);
+        });
+      };
+      el.hasAllClasses = function (clsList) {
+        return clsList.every(function (cls) {
+          return el.classList.contains(cls);
+        });
+      };
+    }
+  }, {
+    key: "_getCss",
+    value: function _getCss(el, prop) {
+      return el.style[_utils.domUtils.camelize(prop)] || getComputedStyle(el).getPropertyValue(_utils.domUtils.dasherize(prop));
+    }
+  }, {
+    key: "_setCss",
+    value: function _setCss(el, prop, val, important) {
+      if (val === null) el.style.removeProperty(_utils.domUtils.dasherize(prop));else if (important) el.style.setProperty(_utils.domUtils.dasherize(prop), _utils.domUtils.maybeAddPx(prop, val), 'important');else el.style[_utils.domUtils.camelize(prop)] = _utils.domUtils.maybeAddPx(prop, val);
+    }
+  }, {
+    key: "_getData",
+    value: function _getData(el, key) {
+      var attr = el.getAttribute("data-".concat(_utils.domUtils.dasherize(key)));
+      return attr !== null ? _utils.domUtils.deserializeValue(attr) : undefined;
+    }
+  }, {
+    key: "_setData",
+    value: function _setData(el, key, val) {
+      if (_typeof(val) === 'object') {
+        for (var k in val) this._setData(el, "".concat(key, "-").concat(k), val[k]);
+      } else {
+        _utils.domUtils.setAttr(el, "data-".concat(_utils.domUtils.dasherize(key)), val);
+      }
+    }
+  }, {
+    key: "_getAllData",
+    value: function _getAllData(el) {
+      var data = {};
+      for (var key in el.dataset) data[key] = this._getData(el, key);
+      return data;
+    }
+  }, {
+    key: "_class",
+    value: function _class(el, action, cls) {
+      cls.split(' ').forEach(function (c) {
+        return c && el.classList[action](c);
+      });
+    }
+  }, {
+    key: "each",
+    value: function each(callback) {
+      var _this3 = this;
+      this.elems.forEach(function (el, i) {
+        return callback.call(_this3, el, i);
+      });
+      return this;
+    }
+  }]);
+}();

package/dist/lib/Selector.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Selector = Selector;
+function Selector(selector) {
+  var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
+  if (!selector) return [];
+  if (selector instanceof Element || selector === window || selector.nodeType) {
+    return [selector];
+  }
+  if (selector instanceof NodeList || Array.isArray(selector)) {
+    return Array.from(selector);
+  }
+  if (typeof selector === 'string') {
+    return Array.from((context || document).querySelectorAll(selector));
+  }
+  return [];
+}

package/dist/lib/access.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMAccess = extendDOMAccess;
+function extendDOMAccess(DOM) {
+  DOM.prototype.toArray = function () {
+    return this.elems;
+  };
+  DOM.prototype.exists = function () {
+    return this.elems.length > 0;
+  };
+  DOM.prototype.size = function () {
+    return this.elems.length;
+  };
+  DOM.prototype.map = function (callback) {
+    var _this = this;
+    var results = [];
+    this.elems.forEach(function (el, i) {
+      var result = callback.call(_this, el, i);
+      if (result !== false) results.push(result);
+    });
+    return results;
+  };
+  DOM.prototype.filter = function (callback) {
+    var _this2 = this;
+    if (typeof callback !== 'function') {
+      var selector = callback;
+      callback = function callback(el) {
+        return el.matches(selector);
+      };
+    }
+    var filtered = this.elems.filter(function (el, i) {
+      return callback.call(_this2, el, i) !== false;
+    });
+    return new DOM(filtered);
+  };
+  DOM.prototype.not = function (selector) {
+    var exclude = [];
+    if (typeof selector === 'function') {
+      this.each(function (el, i) {
+        if (!selector.call(el, i)) exclude.push(el);
+      });
+    } else {
+      exclude = new DOM(selector).toArray();
+    }
+    var result = this.elems.filter(function (el) {
+      return !exclude.includes(el);
+    });
+    return new DOM(result);
+  };
+  DOM.prototype.get = function () {
+    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var idx = index >= 0 ? index : this.elems.length + index;
+    return this.elems[idx] ? new DOM(this.elems[idx]) : this;
+  };
+  DOM.prototype.getElement = function () {
+    var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
+    return this.elems[0] || document.createElement(tag);
+  };
+  DOM.prototype.is = function (selector) {
+    var el = this.elems[0];
+    if (!el) return false;
+    if (selector instanceof HTMLElement) return el === selector;
+    if (selector instanceof DOM) return el === selector.getElement();
+    if (typeof selector === 'string') {
+      if (selector === ':visible') return getComputedStyle(el).display !== 'none';
+      if (selector === ':hidden') return getComputedStyle(el).display === 'none';
+      return el.matches(selector);
+    }
+    return false;
+  };
+}

package/dist/lib/animations.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMAnimations = extendDOMAnimations;
+function slide(el, direction) {
+  var speed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;
+  var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'ease';
+  var delay = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  var display = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'block';
+  return new Promise(function (resolve) {
+    if (el.dataset.sliding) return resolve(el);
+    el.dataset.sliding = true;
+    var isDown = direction === 'down';
+    if (isDown && getComputedStyle(el).display !== 'none') {
+      delete el.dataset.sliding;
+      return resolve(el);
+    }
+    var fullHeight = el.scrollHeight;
+    if (isDown) {
+      el.style.display = display;
+      el.style.overflow = 'hidden';
+      el.style.height = '0px';
+      el.offsetHeight;
+    }
+    requestAnimationFrame(function () {
+      el.style.transition = "height ".concat(speed, "ms ").concat(easing);
+      el.style.height = isDown ? "".concat(fullHeight, "px") : '0px';
+      setTimeout(function () {
+        el.style.removeProperty('transition');
+        el.style.removeProperty('height');
+        el.style.removeProperty('overflow');
+        if (!isDown) el.style.display = 'none';
+        delete el.dataset.sliding;
+        resolve(el);
+      }, speed + delay);
+    });
+  });
+}
+function extendDOMAnimations(DOM) {
+  DOM.prototype.slideDown = function () {
+    var speed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
+    var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ease';
+    var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    var display = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'block';
+    return this.each(function (el) {
+      return slide(el, 'down', speed, easing, delay, display);
+    });
+  };
+  DOM.prototype.slideUp = function () {
+    var speed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
+    var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ease';
+    var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    return this.each(function (el) {
+      return slide(el, 'up', speed, easing, delay);
+    });
+  };
+  DOM.prototype.slideToggle = function () {
+    var speed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
+    var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ease';
+    var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    var display = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'block';
+    return this.each(function (el) {
+      var isHidden = getComputedStyle(el).display === 'none';
+      return slide(el, isHidden ? 'down' : 'up', speed, easing, delay, display);
+    });
+  };
+}

package/dist/lib/attributes.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMAttributes = extendDOMAttributes;
+var _utils = require("./utils.js");
+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 _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 _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; }
+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 _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 extendDOMAttributes(DOM) {
+  var _arguments = arguments;
+  var dasherize = _utils.domUtils.dasherize,
+    camelize = _utils.domUtils.camelize,
+    deserializeValue = _utils.domUtils.deserializeValue,
+    setAttr = _utils.domUtils.setAttr,
+    propMap = _utils.domUtils.propMap;
+  var css = function css(el, key, value) {
+    var important = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    if (_arguments.length >= 3) {
+      if (value === null) {
+        el.style.removeProperty(dasherize(key));
+      } else {
+        value = _utils.domUtils.maybeAddPx(dasherize(key), value);
+        if (important) {
+          el.style.setProperty(dasherize(key), value, 'important');
+        } else {
+          el.style[camelize(key)] = value;
+        }
+      }
+      return;
+    }
+    return el.style[camelize(key)] || getComputedStyle(el).getPropertyValue(dasherize(key));
+  };
+  DOM.prototype.css = function (prop, value, important) {
+    var _this = this;
+    if (arguments.length >= 2) {
+      return this.each(function (el) {
+        return css(el, prop, value, important);
+      });
+    }
+    if (!this.elems.length) return null;
+    if (typeof prop === 'string') {
+      return css(this.elems[0], prop);
+    }
+    if (Array.isArray(prop)) {
+      var result = {};
+      prop.forEach(function (key) {
+        result[key] = css(_this.elems[0], key);
+      });
+      return result;
+    }
+    return null;
+  };
+  DOM.prototype.data = function (key, value) {
+    if (arguments.length >= 1 && key) {
+      var _this$elems$, _this$elems$$getAttri;
+      if (arguments.length === 2) {
+        return this.each(function (el) {
+          if (_typeof(value) === 'object' && value !== null) {
+            Object.entries(value).forEach(function (_ref) {
+              var _ref2 = _slicedToArray(_ref, 2),
+                subKey = _ref2[0],
+                subVal = _ref2[1];
+              el.setAttribute("data-".concat(dasherize(key + '-' + subKey)), subVal);
+            });
+          } else {
+            el.setAttribute("data-".concat(dasherize(key)), value);
+          }
+        });
+      }
+      var val = (_this$elems$ = this.elems[0]) === null || _this$elems$ === void 0 || (_this$elems$$getAttri = _this$elems$.getAttribute) === null || _this$elems$$getAttri === void 0 ? void 0 : _this$elems$$getAttri.call(_this$elems$, "data-".concat(dasherize(key)));
+      return val !== null ? deserializeValue(val) : undefined;
+    }
+    var dataset = {};
+    var el = this.elems[0];
+    if (el && el.dataset) {
+      for (var k in el.dataset) {
+        dataset[k] = deserializeValue(el.dataset[k]);
+      }
+    }
+    return dataset;
+  };
+  DOM.prototype.attr = function (name, value) {
+    if (arguments.length === 2) {
+      return this.each(function (el) {
+        if (el.nodeType === 1) setAttr(el, name, value);
+      });
+    }
+    var el = this.elems[0];
+    if ((el === null || el === void 0 ? void 0 : el.nodeType) === 1) {
+      return el.getAttribute(name);
+    }
+    return null;
+  };
+  DOM.prototype.prop = function (name, value) {
+    var propName = propMap[name] || name;
+    if (arguments.length === 2) {
+      return this.each(function (el) {
+        el[propName] = value;
+      });
+    }
+    var el = this.elems[0];
+    return el ? el[propName] : undefined;
+  };
+  DOM.prototype.tagName = function () {
+    return this.elems.length > 0 ? this.elems[0].tagName : null;
+  };
+  DOM.prototype.val = function (value) {
+    if (arguments.length > 0) {
+      return this.each(function (el) {
+        return el.value = value !== null && value !== void 0 ? value : '';
+      });
+    }
+    return this.elems.length > 0 ? this.elems[0].value : null;
+  };
+  DOM.prototype.outerHeight = function () {
+    var el = this.elems[0];
+    if (!el) return 0;
+    var style = getComputedStyle(el);
+    return el.offsetHeight + parseInt(style.marginTop) + parseInt(style.marginBottom);
+  };
+  DOM.prototype.outerWidth = function () {
+    var el = this.elems[0];
+    if (!el) return 0;
+    var style = getComputedStyle(el);
+    return el.offsetWidth + parseInt(style.marginLeft) + parseInt(style.marginRight);
+  };
+  DOM.prototype.addClass = function (className) {
+    return this.each(function (el) {
+      return el.classList.add(className);
+    });
+  };
+  DOM.prototype.removeClass = function (className) {
+    return this.each(function (el) {
+      return el.classList.remove(className);
+    });
+  };
+  DOM.prototype.toggleClass = function (className) {
+    return this.each(function (el) {
+      return el.classList.toggle(className);
+    });
+  };
+  DOM.prototype.replaceClass = function (oldClass, newClass) {
+    return this.each(function (el) {
+      return el.classList.replace(oldClass, newClass);
+    });
+  };
+  DOM.prototype.hasClass = function (className) {
+    return this.elems.length > 0 ? this.elems[0].classList.contains(className) : false;
+  };
+  DOM.prototype.hasClasses = function (classNames) {
+    var _this2 = this;
+    return this.elems.length > 0 ? classNames.every(function (className) {
+      return _this2.elems[0].classList.contains(className);
+    }) : false;
+  };
+  DOM.prototype.containsClass = function (search) {
+    return this.elems.length > 0 ? Array.from(this.elems[0].classList).some(function (className) {
+      return className.includes(search);
+    }) : false;
+  };
+}

package/dist/lib/contents.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMContents = extendDOMContents;
+function extendDOMContents(DOM) {
+  DOM.prototype.text = function (value) {
+    if (arguments.length > 0) {
+      return this.each(function (el) {
+        return el.innerText = value;
+      });
+    }
+    return this.elems.length > 0 ? this.elems[0].innerText : null;
+  };
+  DOM.prototype.html = function (value) {
+    if (arguments.length > 0) {
+      return this.each(function (el) {
+        return el.innerHTML = value;
+      });
+    }
+    return this.elems.length > 0 ? this.elems[0].innerHTML : null;
+  };
+  DOM.prototype.content = function (value) {
+    if (arguments.length > 0) {
+      return this.each(function (el) {
+        return el.textContent = value;
+      });
+    }
+    return this.elems.length > 0 ? this.elems[0].textContent : null;
+  };
+}

package/dist/lib/events.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMEvents = extendDOMEvents;
+var _utils = require("./utils.js");
+function extendDOMEvents(DOM) {
+  DOM.prototype.on = function (events, callback) {
+    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var list = events.split(/\s+/);
+    return this.each(function (el) {
+      return list.forEach(function (e) {
+        return el.addEventListener(e, callback, options);
+      });
+    });
+  };
+  DOM.prototype.off = function (events, callback) {
+    var list = events.split(/\s+/);
+    return this.each(function (el) {
+      return list.forEach(function (e) {
+        return el.removeEventListener(e, callback);
+      });
+    });
+  };
+  DOM.prototype.delegate = function (events, selector, callback) {
+    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    return this.on(events, function (event) {
+      if (event.target && _utils.domUtils.matches(event.target, selector)) {
+        callback.call(event.target, event);
+      }
+    }, options);
+  };
+  DOM.prototype.trigger = function (type) {
+    var detail = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var bubbles = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var cancelable = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    var evt = detail ? new CustomEvent(type, {
+      detail: detail,
+      bubbles: bubbles,
+      cancelable: cancelable
+    }) : new Event(type, {
+      bubbles: bubbles,
+      cancelable: cancelable
+    });
+    return this.each(function (el) {
+      return el.dispatchEvent(evt);
+    });
+  };
+  DOM.prototype.submit = function () {
+    var el = this.elems[0];
+    if ((el === null || el === void 0 ? void 0 : el.tagName) === 'FORM') el.submit();
+    return this;
+  };
+  DOM.prototype.focus = function () {
+    var _this$elems$, _this$elems$$focus;
+    (_this$elems$ = this.elems[0]) === null || _this$elems$ === void 0 || (_this$elems$$focus = _this$elems$.focus) === null || _this$elems$$focus === void 0 || _this$elems$$focus.call(_this$elems$);
+    return this;
+  };
+}

package/dist/lib/manipulation.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMManipulation = extendDOMManipulation;
+function extendDOMManipulation(DOM, Selector) {
+  DOM.prototype.insert = function (newEl, position) {
+    var map = {
+      before: 'beforebegin',
+      after: 'afterend',
+      prepend: 'afterbegin',
+      append: 'beforeend'
+    };
+    position = map[position] || position;
+    return this.each(function (el) {
+      if (newEl instanceof DOM) {
+        newEl.each(function (child) {
+          return el.insertAdjacentElement(position, child);
+        });
+      } else if (newEl instanceof Element) {
+        el.insertAdjacentElement(position, newEl);
+      } else {
+        el.insertAdjacentHTML(position, newEl);
+      }
+    });
+  };
+  DOM.prototype.before = function (newEl) {
+    return this.insert(newEl, 'before');
+  };
+  DOM.prototype.after = function (newEl) {
+    return this.insert(newEl, 'after');
+  };
+  DOM.prototype.append = function (newEl) {
+    return this.insert(newEl, 'append');
+  };
+  DOM.prototype.prepend = function (newEl) {
+    return this.insert(newEl, 'prepend');
+  };
+  DOM.prototype.replaceWith = function (newEl) {
+    this.insert(newEl, 'before');
+    this.remove();
+    return this;
+  };
+  DOM.prototype.remove = function () {
+    return this.each(function (el) {
+      var _el$parentNode;
+      return (_el$parentNode = el.parentNode) === null || _el$parentNode === void 0 ? void 0 : _el$parentNode.removeChild(el);
+    });
+  };
+  DOM.prototype.wrap = function (wrapper) {
+    return this.each(function (el) {
+      el.parentNode.insertBefore(wrapper, el);
+      wrapper.appendChild(el);
+    });
+  };
+}

package/dist/lib/misc.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMMisc = extendDOMMisc;
+var _utils = require("./utils.js");
+function extendDOMMisc(DOM) {
+  DOM.prototype.toggle = function () {
+    return this.each(function (el) {
+      var display = _utils.domUtils.guessDefaultDisplay(el);
+      if (!el.dataset.cssInitialDisplay) {
+        el.dataset.cssInitialDisplay = display;
+      }
+      el.style.display = el.style.display === 'none' || getComputedStyle(el).display === 'none' ? el.dataset.cssInitialDisplay : 'none';
+    });
+  };
+  DOM.prototype.show = function () {
+    return this.each(function (el) {
+      var display = _utils.domUtils.guessDefaultDisplay(el);
+      if (!el.dataset.cssInitialDisplay) {
+        el.dataset.cssInitialDisplay = display;
+      }
+      el.style.display = el.dataset.cssInitialDisplay;
+    });
+  };
+  DOM.prototype.hide = function () {
+    return this.each(function (el) {
+      if (!el.dataset.cssInitialDisplay) {
+        el.dataset.cssInitialDisplay = _utils.domUtils.guessDefaultDisplay(el);
+      }
+      el.style.display = 'none';
+    });
+  };
+  DOM.prototype.offset = function () {
+    if (!this.elems.length) return {
+      top: 0,
+      left: 0
+    };
+    var rect = this.elems[0].getBoundingClientRect();
+    return {
+      top: rect.top + window.pageYOffset,
+      left: rect.left + window.pageXOffset
+    };
+  };
+  DOM.prototype.scrollTop = function (position) {
+    var _this$elems$;
+    if (arguments.length > 0) {
+      return this.each(function (el) {
+        el.style.scrollBehavior = 'smooth';
+        el.scrollTop = position || 0;
+      });
+    }
+    return ((_this$elems$ = this.elems[0]) === null || _this$elems$ === void 0 ? void 0 : _this$elems$.scrollTop) || 0;
+  };
+  DOM.prototype.serialize = function () {
+    if (!this.elems.length || !(this.elems[0] instanceof HTMLFormElement)) return '';
+    var formData = new FormData(this.elems[0]);
+    return new URLSearchParams(formData).toString();
+  };
+}

package/dist/lib/swipe.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMSwipe = extendDOMSwipe;
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, 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 extendDOMSwipe(DOM) {
+  DOM.prototype.swipe = function (callback) {
+    var ignore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
+      return false;
+    };
+    var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var config = _objectSpread({
+      threshold: 20,
+      restraint: 100,
+      allowedTime: 300,
+      scrolling: false
+    }, opts);
+    return this.each(function (el) {
+      var startX, startY, startTime;
+      var handleStart = function handleStart(e) {
+        if (ignore(e)) return;
+        var touch = e.changedTouches[0];
+        startX = touch.pageX;
+        startY = touch.pageY;
+        startTime = Date.now();
+        if (!config.scrolling) e.preventDefault();
+      };
+      var handleMove = function handleMove(e) {
+        if (!config.scrolling) e.preventDefault();
+      };
+      var handleEnd = function handleEnd(e) {
+        if (ignore(e)) return;
+        var touch = e.changedTouches[0];
+        var distX = touch.pageX - startX;
+        var distY = touch.pageY - startY;
+        var elapsed = Date.now() - startTime;
+        var swipedir = 'none';
+        if (elapsed <= config.allowedTime) {
+          if (Math.abs(distX) >= config.threshold && Math.abs(distY) <= config.restraint) {
+            swipedir = distX < 0 ? 'left' : 'right';
+          } else if (Math.abs(distY) >= config.threshold && Math.abs(distX) <= config.restraint) {
+            swipedir = distY < 0 ? 'up' : 'down';
+          }
+        }
+        if (swipedir !== 'none') callback(e, swipedir);
+      };
+      el.addEventListener('touchstart', handleStart, {
+        passive: true
+      });
+      el.addEventListener('touchmove', handleMove, {
+        passive: true
+      });
+      el.addEventListener('touchend', handleEnd, {
+        passive: true
+      });
+    });
+  };
+}

package/dist/lib/traversal.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendDOMTraversal = extendDOMTraversal;
+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; }
+function extendDOMTraversal(DOM) {
+  DOM.prototype.parent = function (selector) {
+    var parents = this.elems.map(function (el) {
+      return el.parentNode;
+    }).filter(Boolean);
+    return selector ? new DOM(parents).filter(selector) : new DOM(parents);
+  };
+  DOM.prototype.children = function (selector) {
+    var all = [];
+    this.each(function (el) {
+      return all.push.apply(all, _toConsumableArray(el.children));
+    });
+    return selector ? new DOM(all).filter(selector) : new DOM(all);
+  };
+  DOM.prototype.closest = function (selector) {
+    var found = this.elems.map(function (el) {
+      return el.closest(selector);
+    }).filter(Boolean);
+    return new DOM(found);
+  };
+  DOM.prototype.prev = function (selector) {
+    var prev = this.elems.map(function (el) {
+      return el.previousElementSibling;
+    }).filter(Boolean);
+    return selector ? new DOM(prev).filter(selector) : new DOM(prev);
+  };
+  DOM.prototype.next = function (selector) {
+    var next = this.elems.map(function (el) {
+      return el.nextElementSibling;
+    }).filter(Boolean);
+    return selector ? new DOM(next).filter(selector) : new DOM(next);
+  };
+  DOM.prototype.first = function (selector) {
+    var first = this.elems.map(function (el) {
+      return el.firstElementChild;
+    }).filter(Boolean);
+    return selector ? new DOM(first).filter(selector) : new DOM(first);
+  };
+  DOM.prototype.last = function (selector) {
+    var last = this.elems.map(function (el) {
+      return el.lastElementChild;
+    }).filter(Boolean);
+    return selector ? new DOM(last).filter(selector) : new DOM(last);
+  };
+  DOM.prototype.find = function (selector) {
+    var elems = [];
+    this.each(function (el) {
+      var found = Selector(selector, el);
+      if (found && found.length) elems.push.apply(elems, _toConsumableArray(found));
+    });
+    return new DOM(elems);
+  };
+}

package/dist/lib/utils.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.domUtils = void 0;
+var domUtils = exports.domUtils = {
+  cssNumber: {
+    'column-count': 1,
+    'columns': 1,
+    'font-weight': 1,
+    'line-height': 1,
+    'opacity': 1,
+    'z-index': 1,
+    'zoom': 1
+  },
+  propMap: {
+    tabindex: 'tabIndex',
+    readonly: 'readOnly',
+    "for": 'htmlFor',
+    "class": 'className',
+    maxlength: 'maxLength',
+    cellspacing: 'cellSpacing',
+    cellpadding: 'cellPadding',
+    rowspan: 'rowSpan',
+    colspan: 'colSpan',
+    usemap: 'useMap',
+    frameborder: 'frameBorder',
+    contenteditable: 'contentEditable'
+  },
+  dasherize: function dasherize(str) {
+    return str.replace(/([A-Z])/g, '-$1').toLowerCase();
+  },
+  camelize: function camelize(str) {
+    return str.replace(/-([a-z])/g, function (_, c) {
+      return c.toUpperCase();
+    });
+  },
+  matches: function matches(el, selector) {
+    var _el$matches, _el$webkitMatchesSele, _el$mozMatchesSelecto;
+    return (el === null || el === void 0 || (_el$matches = el.matches) === null || _el$matches === void 0 ? void 0 : _el$matches.call(el, selector)) || (el === null || el === void 0 || (_el$webkitMatchesSele = el.webkitMatchesSelector) === null || _el$webkitMatchesSele === void 0 ? void 0 : _el$webkitMatchesSele.call(el, selector)) || (el === null || el === void 0 || (_el$mozMatchesSelecto = el.mozMatchesSelector) === null || _el$mozMatchesSelecto === void 0 ? void 0 : _el$mozMatchesSelecto.call(el, selector)) || false;
+  },
+  maybeAddPx: function maybeAddPx(prop, value) {
+    return typeof value === 'number' && !domUtils.cssNumber[prop] ? "".concat(value, "px") : value;
+  },
+  setAttr: function setAttr(el, name, value) {
+    value == null ? el.removeAttribute(name) : el.setAttribute(name, value);
+  },
+  deserializeValue: function deserializeValue(value) {
+    try {
+      if (value === 'true') return true;
+      if (value === 'false') return false;
+      if (value === 'null') return null;
+      if (+value + '' === value) return +value;
+      if (/^[\[{]/.test(value)) return JSON.parse(value);
+      return value;
+    } catch (_unused) {
+      return value;
+    }
+  },
+  guessDefaultDisplay: function guessDefaultDisplay(el) {
+    var tag = el.tagName.toLowerCase();
+    switch (tag) {
+      case 'table':
+        return 'table';
+      case 'thead':
+        return 'table-header-group';
+      case 'tfoot':
+        return 'table-footer-group';
+      case 'tr':
+        return 'table-row';
+      case 'th':
+      case 'td':
+        return 'table-cell';
+      case 'span':
+        return 'inline';
+      case 'li':
+        return 'list-item';
+    }
+    return 'block';
+  }
+};

package/index.js

@@ -1,6 +1,6 @@
 import { Selector } from './lib/Selector.js';
 import { DOM } from './lib/Core.js';
-import { domUtils } from './lib/Utils.js';
+import { domUtils } from './lib/utils.js';
 import { extendDOMAttributes } from './lib/attributes.js';
 import { extendDOMManipulation } from './lib/manipulation.js';
 import { extendDOMAccess } from './lib/access.js';
@@ -11,6 +11,7 @@ import { extendDOMAnimations } from './lib/animations.js';
 import { extendDOMSwipe } from './lib/swipe.js';
 import { extendDOMMisc } from './lib/misc.js';
 
+
 const jDOM = function(selector, context) {
 	return new DOM(selector, context);
 };
@@ -45,16 +46,19 @@ const jDOMcreate = function(tag, attrs = {}) {
 	return wrapped;
 };
 
-export { 
-    jDOM, 
-    Selector, 
-    domUtils, 
+export {
+    Selector,
     DOM,
-    jDOM,
-    jDOMplugin,
-    jDOMcreate,
-    extendDOMAttributes, extendDOMManipulation, extendDOMAccess, 
-    extendDOMTraversal, extendDOMContents, extendDOMEvents, 
-    extendDOMAnimations, extendDOMSwipe, extendDOMMisc 
+    domUtils,
+    extendDOMAttributes,
+    extendDOMManipulation,
+    extendDOMAccess,
+    extendDOMTraversal,
+    extendDOMContents,
+    extendDOMEvents,
+    extendDOMAnimations,
+    extendDOMSwipe,
+    extendDOMMisc
 };
-
+export { jDOM, jDOMplugin, jDOMcreate };
+export default DOM;

package/lib/Core.js

@@ -1,4 +1,4 @@
-import { domUtils } from './Utils.js';
+import { domUtils } from './utils.js';
 import { Selector } from './Selector.js';
 
 export class DOM {

package/lib/access.js

@@ -12,11 +12,6 @@ export function extendDOMAccess(DOM) {
 		return this.elems.length;
 	};
 
-	DOM.prototype.each = function(callback) {
-		this.elems.forEach((el, i) => callback.call(this, el, i));
-		return this;
-	};
-
 	DOM.prototype.map = function(callback) {
 		const results = [];
 		this.elems.forEach((el, i) => {

package/lib/attributes.js

@@ -1,4 +1,4 @@
-import { domUtils } from './Utils.js';
+import { domUtils } from './utils.js';
 
 export function extendDOMAttributes(DOM) {
 	const { dasherize, camelize, deserializeValue, setAttr, propMap } = domUtils;

package/lib/events.js

@@ -1,4 +1,4 @@
-import { domUtils } from './Utils.js';
+import { domUtils } from './utils.js';
 
 export function extendDOMEvents(DOM) {
 	DOM.prototype.on = function(events, callback, options = false) {

package/lib/manipulation.js

@@ -41,12 +41,4 @@ export function extendDOMManipulation(DOM, Selector) {
 		});
 	};
 
-	DOM.prototype.find = function(selector) {
-		let elems = [];
-		this.each(el => {
-			let found = Selector(selector, el);
-			if (found && found.length) elems.push(...found);
-		});
-		return new DOM(elems);
-	};
 }

package/lib/misc.js

@@ -1,4 +1,4 @@
-import { domUtils } from './Utils.js';
+import { domUtils } from './utils.js';
 
 export function extendDOMMisc(DOM) {
 	DOM.prototype.toggle = function() {

package/lib/traversal.js

@@ -34,5 +34,14 @@ export function extendDOMTraversal(DOM) {
 		const last = this.elems.map(el => el.lastElementChild).filter(Boolean);
 		return selector ? new DOM(last).filter(selector) : new DOM(last);
 	};
+
+	DOM.prototype.find = function(selector) {
+		let elems = [];
+		this.each(el => {
+			let found = Selector(selector, el);
+			if (found && found.length) elems.push(...found);
+		});
+		return new DOM(elems);
+	};
 }
 

package/package.json

@@ -1,23 +1,35 @@
 {
   "name": "jizy-dom",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "My own DOM utility",
+  "type": "module",
   "main": "index.js",
+  "module": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "babel . --out-dir dist --ignore node_modules,dist",
+    "test": "echo 'Add tests here if needed'"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/joffreydemetz/jizy-dom.git"
   },
   "keywords": [
-    "DOM",
-    "Jizy"
+    "dom",
+    "manipulation",
+    "library"
   ],
-  "author": "Joffrey Demetz",
+  "author": "Joffrey Demetz <joffrey.demetz@gmail.com> (https://joffreydemetz.com/jizy-modalizer/)",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/joffreydemetz/jizy-dom/issues"
   },
-  "homepage": "https://github.com/joffreydemetz/jizy-dom#readme"
+  "homepage": "https://github.com/joffreydemetz/jizy-dom#readme",
+  "directories": {
+    "lib": "lib"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.27.0",
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9"
+  }
 }