@koine/dom 2.0.0-beta.1 → 2.0.0-beta.4

package/setVendorCSS.mjs

@@ -4,9 +4,8 @@
  * @param element A single HTMLElement
  * @param prop CSS rule proerty
  * @param value The CSS value to set, it will be automatically vendor prefixed
- */
-export function setVendorCSS(element, prop, value) {
-    var propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
+ */ export function setVendorCSS(element, prop, value) {
+    const propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
     // @ts-expect-error nevermind now...
     element.style["webkit" + propUpper] = value;
     // @ts-expect-error nevermind now...

package/siblings.js

@@ -1,16 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.siblings = void 0;
 /**
  * Finds siblings nodes of the passed node.
  *
  * @borrows @glidejs/glide/src/utils/dom (source)
- */
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    siblings: function() {
+        return siblings;
+    },
+    default: function() {
+        return _default;
+    }
+});
 function siblings(node) {
     if (node && node.parentNode) {
-        var n = node.parentNode.firstChild;
-        var matched = [];
-        for (; n; n = n.nextSibling) {
+        let n = node.parentNode.firstChild;
+        const matched = [];
+        for(; n; n = n.nextSibling){
             if (n.nodeType === 1 && n !== node) {
                 matched.push(n);
             }
@@ -19,5 +33,4 @@ function siblings(node) {
     }
     return [];
 }
-exports.siblings = siblings;
-exports.default = siblings;
+const _default = siblings;

package/siblings.mjs

@@ -2,12 +2,11 @@
  * Finds siblings nodes of the passed node.
  *
  * @borrows @glidejs/glide/src/utils/dom (source)
- */
-export function siblings(node) {
+ */ export function siblings(node) {
     if (node && node.parentNode) {
-        var n = node.parentNode.firstChild;
-        var matched = [];
-        for (; n; n = n.nextSibling) {
+        let n = node.parentNode.firstChild;
+        const matched = [];
+        for(; n; n = n.nextSibling){
             if (n.nodeType === 1 && n !== node) {
                 matched.push(n);
             }

package/toArray.js

@@ -1,13 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toArray = void 0;
 /**
  * Node list to array
  *
  * @param nodeList
- */
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    toArray: function() {
+        return toArray;
+    },
+    default: function() {
+        return _default;
+    }
+});
 function toArray(nodeList) {
     return Array.prototype.slice.call(nodeList);
 }
-exports.toArray = toArray;
-exports.default = toArray;
+const _default = toArray;

package/toArray.mjs

@@ -2,8 +2,7 @@
  * Node list to array
  *
  * @param nodeList
- */
-export function toArray(nodeList) {
+ */ export function toArray(nodeList) {
     return Array.prototype.slice.call(nodeList);
 }
 export default toArray;

package/types.d.ts

@@ -1,3 +1,4 @@
+import { LiteralUnion } from "type-fest";
 import type { AnythingFalsy } from "@koine/utils/types";
 export type AnyDOMEventTarget = Window | Document | HTMLElement | Element;
 /**
@@ -5,3 +6,7 @@ export type AnyDOMEventTarget = Window | Document | HTMLElement | Element;
  * to `window` in case of _scroll_ or _resize_ events
  */
 export type AnyDOMEventTargetLoose = AnyDOMEventTarget | AnythingFalsy;
+type StandardDOMEventTypes = keyof GlobalEventHandlersEventMap;
+export type AnyDOMEventType = LiteralUnion<StandardDOMEventTypes | "storage" | "popstate", string>;
+export type AnyDOMEvent<TType extends AnyDOMEventType> = TType extends StandardDOMEventTypes ? GlobalEventHandlersEventMap[TType] : TType extends "storage" ? StorageEvent : TType extends "popstate" ? PopStateEvent : Event;
+export {};

package/types.js

@@ -1,2 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/types.mjs

@@ -1 +1 @@
-export {};
+export { };

package/unlisten.d.ts

@@ -1,4 +1,5 @@
 import { type EventCallback } from "./_listen-delegation";
+import type { AnyDOMEventTarget, AnyDOMEventType } from "./types";
 /**
  * Stop listening for an event
  *
@@ -8,5 +9,5 @@ import { type EventCallback } from "./_listen-delegation";
  * @param selector The selector to remove the event from
  * @param callback The function to remove
  */
-export declare function unlisten(types: string, selector: string, callback: EventCallback): void;
+export declare function unlisten<TTypes extends AnyDOMEventType, TTarget extends AnyDOMEventTarget = AnyDOMEventTarget>(types: TTypes, selector: string, callback: EventCallback<TTarget, TTypes>): void;
 export default unlisten;

package/unlisten.js

@@ -1,37 +1,45 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.unlisten = void 0;
-var _listen_delegation_1 = require("./_listen-delegation");
-var off_1 = require("./off");
-/**
- * Stop listening for an event
- *
- * @category listen-delegation
- *
- * @param types The event type or types (comma separated)
- * @param selector The selector to remove the event from
- * @param callback The function to remove
- */
-function unlisten(types, selector, callback) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    unlisten: function() {
+        return unlisten;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _listendelegation = require("./_listen-delegation");
+const _off = require("./off");
+function unlisten(types, // | `${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes},${TTypes},${TTypes}`,
+selector, callback) {
     // Loop through each event type
-    types.split(",").forEach(function (type) {
+    types.split(",").forEach(function(type) {
         // Remove whitespace
         type = type.trim();
         // if event type doesn't exist, bail
-        if (!_listen_delegation_1.activeEvents[type])
-            return;
+        if (!_listendelegation.activeEvents[type]) return;
         // If it's the last event of it's type, remove entirely
-        if (_listen_delegation_1.activeEvents[type].length < 2 || !selector) {
-            delete _listen_delegation_1.activeEvents[type];
-            (0, off_1.off)(window, type, _listen_delegation_1.eventHandler, true);
+        if (_listendelegation.activeEvents[type].length < 2 || !selector) {
+            delete _listendelegation.activeEvents[type];
+            (0, _off.off)(window, type, _listendelegation.eventHandler, true);
             return;
         }
         // Otherwise, remove event
-        var index = (0, _listen_delegation_1.getIndex)(_listen_delegation_1.activeEvents[type], selector, callback);
-        if (index < 0)
-            return;
-        _listen_delegation_1.activeEvents[type].splice(index, 1);
+        // @ts-expect-error FIXME: type...
+        const index = (0, _listendelegation.getIndex)(_listendelegation.activeEvents[type], selector, callback);
+        if (index < 0) return;
+        _listendelegation.activeEvents[type].splice(index, 1);
     });
 }
-exports.unlisten = unlisten;
-exports.default = unlisten;
+const _default = unlisten;

package/unlisten.mjs

@@ -1,4 +1,4 @@
-import { activeEvents, getIndex, eventHandler, } from "./_listen-delegation";
+import { activeEvents, eventHandler, getIndex } from "./_listen-delegation";
 import { off } from "./off";
 /**
  * Stop listening for an event
@@ -8,15 +8,17 @@ import { off } from "./off";
  * @param types The event type or types (comma separated)
  * @param selector The selector to remove the event from
  * @param callback The function to remove
- */
-export function unlisten(types, selector, callback) {
+ */ export function unlisten(types, // | `${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes},${TTypes},${TTypes}`,
+selector, callback) {
     // Loop through each event type
-    types.split(",").forEach(function (type) {
+    types.split(",").forEach(function(type) {
         // Remove whitespace
         type = type.trim();
         // if event type doesn't exist, bail
-        if (!activeEvents[type])
-            return;
+        if (!activeEvents[type]) return;
         // If it's the last event of it's type, remove entirely
         if (activeEvents[type].length < 2 || !selector) {
             delete activeEvents[type];
@@ -24,9 +26,9 @@ export function unlisten(types, selector, callback) {
             return;
         }
         // Otherwise, remove event
-        var index = getIndex(activeEvents[type], selector, callback);
-        if (index < 0)
-            return;
+        // @ts-expect-error FIXME: type...
+        const index = getIndex(activeEvents[type], selector, callback);
+        if (index < 0) return;
         activeEvents[type].splice(index, 1);
     });
 }

package/getVisualBackground.d.ts

@@ -1,6 +0,0 @@
-/**
- * Get the background color of an element eventually looking recursively into
- * its parents, if nothing is found it returns a `#fff` background
- */
-export declare function getVisualBackgroundColor(elem?: null | HTMLElement): string;
-export default getVisualBackgroundColor;

package/getVisualBackground.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVisualBackgroundColor = void 0;
-/**
- * Get the background color of an element eventually looking recursively into
- * its parents, if nothing is found it returns a `#fff` background
- */
-function getVisualBackgroundColor(elem) {
-    if (!elem)
-        return "#fff";
-    var transparent = "rgba(0, 0, 0, 0)";
-    var transparentIE11 = "transparent";
-    // if (!elem) return transparent;
-    var bg = window.getComputedStyle(elem).backgroundColor;
-    if (bg === transparent || bg === transparentIE11) {
-        var parent_1 = elem.parentElement;
-        if (parent_1) {
-            return getVisualBackgroundColor(parent_1);
-        }
-        return "#fff";
-    }
-    return bg;
-}
-exports.getVisualBackgroundColor = getVisualBackgroundColor;
-exports.default = getVisualBackgroundColor;

package/getVisualBackground.mjs

@@ -1,21 +0,0 @@
-/**
- * Get the background color of an element eventually looking recursively into
- * its parents, if nothing is found it returns a `#fff` background
- */
-export function getVisualBackgroundColor(elem) {
-    if (!elem)
-        return "#fff";
-    var transparent = "rgba(0, 0, 0, 0)";
-    var transparentIE11 = "transparent";
-    // if (!elem) return transparent;
-    var bg = window.getComputedStyle(elem).backgroundColor;
-    if (bg === transparent || bg === transparentIE11) {
-        var parent_1 = elem.parentElement;
-        if (parent_1) {
-            return getVisualBackgroundColor(parent_1);
-        }
-        return "#fff";
-    }
-    return bg;
-}
-export default getVisualBackgroundColor;