@webalternatif/js-core 1.2.0 → 1.2.1

package/dist/cjs/dom.js

@@ -517,11 +517,12 @@ export default {
     return null;
   },
   /**
-   * @param {NodeList} nodeList
+   * @param {NodeList|Element|Array<Element>} nodeList
    * @returns {Element|null}
    */
   first: function first(nodeList) {
-    return nodeList !== null && nodeList !== void 0 && nodeList.length ? nodeList.item(0) : null;
+    if (nodeList instanceof Element) return nodeList;
+    return nodeList.length ? Array.from(nodeList)[0] : null;
   },
   /**
    * @param {NodeList|Array<Element>} nodeList
@@ -592,5 +593,25 @@ export default {
       if (!(e instanceof Element)) return false;
       return selectorIsString ? !e.matches(selector) : e !== selector;
     });
+  },
+  /**
+   * @param {Element} el
+   * @param {Element} child
+   * @param {Element} oldChild
+   */
+  replaceChild: function replaceChild(el, child, oldChild) {
+    return el.replaceChild(child, oldChild);
+  },
+  /**
+   * @param {Element} el
+   * @param {Element[]} children
+   * @returns {Element}
+   */
+  replaceChildren: function replaceChildren(el) {
+    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);
+    return el;
   }
 };

package/dist/esm/dom.js

@@ -517,11 +517,12 @@ export default {
     return null;
   },
   /**
-   * @param {NodeList} nodeList
+   * @param {NodeList|Element|Array<Element>} nodeList
    * @returns {Element|null}
    */
   first: function first(nodeList) {
-    return nodeList !== null && nodeList !== void 0 && nodeList.length ? nodeList.item(0) : null;
+    if (nodeList instanceof Element) return nodeList;
+    return nodeList.length ? Array.from(nodeList)[0] : null;
   },
   /**
    * @param {NodeList|Array<Element>} nodeList
@@ -592,5 +593,25 @@ export default {
       if (!(e instanceof Element)) return false;
       return selectorIsString ? !e.matches(selector) : e !== selector;
     });
+  },
+  /**
+   * @param {Element} el
+   * @param {Element} child
+   * @param {Element} oldChild
+   */
+  replaceChild: function replaceChild(el, child, oldChild) {
+    return el.replaceChild(child, oldChild);
+  },
+  /**
+   * @param {Element} el
+   * @param {Element[]} children
+   * @returns {Element}
+   */
+  replaceChildren: function replaceChildren(el) {
+    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);
+    return el;
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webalternatif/js-core",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "type": "module",
   "types": "types/index.d.ts",
   "main": "dist/cjs/index.js",

package/types/dom.d.ts

@@ -212,10 +212,10 @@ declare namespace _default {
      */
     function closestFindOne(el: Element, selectorClosest: string, selectorFindOne: string): Element | null;
     /**
-     * @param {NodeList} nodeList
+     * @param {NodeList|Element|Array<Element>} nodeList
      * @returns {Element|null}
      */
-    function first(nodeList: NodeList): Element | null;
+    function first(nodeList: NodeList | Element | Array<Element>): Element | null;
     /**
      * @param {NodeList|Array<Element>} nodeList
      * @returns {Element|null}
@@ -255,5 +255,17 @@ declare namespace _default {
      * @return {Element[]}
      */
     function not(el: Element | NodeList, selector: string | Element): Element[];
+    /**
+     * @param {Element} el
+     * @param {Element} child
+     * @param {Element} oldChild
+     */
+    function replaceChild(el: Element, child: Element, oldChild: Element): Element;
+    /**
+     * @param {Element} el
+     * @param {Element[]} children
+     * @returns {Element}
+     */
+    function replaceChildren(el: Element, ...children: Element[]): Element;
 }
 export default _default;

package/types/index.d.ts

@@ -66,7 +66,7 @@ declare const webf: {
         } | string, value?: string): Element;
         closestFind(el: Element, selectorClosest: string, selectorFind: string): NodeList | null;
         closestFindOne(el: Element, selectorClosest: string, selectorFindOne: string): Element | null;
-        first(nodeList: NodeList): Element | null;
+        first(nodeList: NodeList | Element | Array<Element>): Element | null;
         last(nodeList: NodeList | Array<Element>): Element | null;
         create(html: string): Element | null;
         eq(nodeList: NodeList, index?: number): Element | null;
@@ -74,6 +74,8 @@ declare const webf: {
         before(el: Element, newEl: Element): Element;
         empty(el: Element): Element;
         not(el: Element | NodeList, selector: string | Element): Element[];
+        replaceChild(el: Element, child: Element, oldChild: Element): Element;
+        replaceChildren(el: Element, ...children: Element[]): Element;
     };
     isWindow: (o: any) => boolean;
     isDomElement: (o: any) => boolean;