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

package/listenResizeDebounced.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenResizeDebounced = void 0;
-var tslib_1 = require("tslib");
-var debounce_1 = tslib_1.__importDefault(require("@koine/utils/debounce"));
-var listenResize_1 = tslib_1.__importDefault(require("./listenResize"));
-/**
- * Listen element's (`window` by default) _resize_ event debouncing the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenResizeDebounced = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return (0, listenResize_1.default)(debounce_1.default.apply(void 0, args), el);
-};
-exports.listenResizeDebounced = listenResizeDebounced;
-exports.default = exports.listenResizeDebounced;
-// EXP: with too complex overload signature...
-// import debounce from "@koine/utils/debounce";
-// import isUndefined from "@koine/utils/isUndefined";
-// import listenResize from "./listenResize";
-// /**
-//  * Listen element's (`window` by default) _resize_ event debouncing the callback
-//  *
-//  * @returns An automatic unbinding function to run to deregister the listener upon call
-//  */
-// export function listenResizeDebounced(
-//   ...args: Parameters<typeof debounce>
-// ): ReturnType<typeof listenResize>;
-// export function listenResizeDebounced(
-//   el: Parameters<typeof listenResize>[1],
-//   ...args: Parameters<typeof debounce>
-// ): ReturnType<typeof listenResize>;
-// export function listenResizeDebounced(
-//   ...args:
-//     | [Parameters<typeof listenResize>[1], ...Parameters<typeof debounce>]
-//     | Parameters<typeof debounce>
-// ) {
-//   if (isUndefined(args[0])) {
-//     return listenResize(debounce(...args));
-//   }
-//   return listenResize(debounce(...args.slice(1)), args[0]);
-// }
-// export default listenResizeDebounced;

package/listenResizeDebounced.mjs

@@ -1,42 +0,0 @@
-import debounce from "@koine/utils/debounce";
-import listenResize from "./listenResize";
-/**
- * Listen element's (`window` by default) _resize_ event debouncing the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export var listenResizeDebounced = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return listenResize(debounce.apply(void 0, args), el);
-};
-export default listenResizeDebounced;
-// EXP: with too complex overload signature...
-// import debounce from "@koine/utils/debounce";
-// import isUndefined from "@koine/utils/isUndefined";
-// import listenResize from "./listenResize";
-// /**
-//  * Listen element's (`window` by default) _resize_ event debouncing the callback
-//  *
-//  * @returns An automatic unbinding function to run to deregister the listener upon call
-//  */
-// export function listenResizeDebounced(
-//   ...args: Parameters<typeof debounce>
-// ): ReturnType<typeof listenResize>;
-// export function listenResizeDebounced(
-//   el: Parameters<typeof listenResize>[1],
-//   ...args: Parameters<typeof debounce>
-// ): ReturnType<typeof listenResize>;
-// export function listenResizeDebounced(
-//   ...args:
-//     | [Parameters<typeof listenResize>[1], ...Parameters<typeof debounce>]
-//     | Parameters<typeof debounce>
-// ) {
-//   if (isUndefined(args[0])) {
-//     return listenResize(debounce(...args));
-//   }
-//   return listenResize(debounce(...args.slice(1)), args[0]);
-// }
-// export default listenResizeDebounced;

package/listenResizeThrottled.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenResizeThrottled = void 0;
-var tslib_1 = require("tslib");
-var throttle_1 = tslib_1.__importDefault(require("@koine/utils/throttle"));
-var listenResize_1 = require("./listenResize");
-/**
- * Listen element's (`window` by default) _resize_ event throttling the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenResizeThrottled = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return (0, listenResize_1.listenResize)(throttle_1.default.apply(void 0, args), el);
-};
-exports.listenResizeThrottled = listenResizeThrottled;
-exports.default = exports.listenResizeThrottled;

package/listenResizeThrottled.mjs

@@ -1,15 +0,0 @@
-import throttle from "@koine/utils/throttle";
-import { listenResize } from "./listenResize";
-/**
- * Listen element's (`window` by default) _resize_ event throttling the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export var listenResizeThrottled = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return listenResize(throttle.apply(void 0, args), el);
-};
-export default listenResizeThrottled;

package/listenScroll.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenScroll = void 0;
-var on_1 = require("./on");
-/**
- * Listen element's (`window` by default) _scroll_ event
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenScroll = function (handler, el) {
-    return (0, on_1.on)(el || window, "scroll", handler, {
-        capture: true,
-        passive: true,
-    });
-};
-exports.listenScroll = listenScroll;
-exports.default = exports.listenScroll;

package/listenScroll.mjs

@@ -1,13 +0,0 @@
-import { on } from "./on";
-/**
- * Listen element's (`window` by default) _scroll_ event
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export var listenScroll = function (handler, el) {
-    return on(el || window, "scroll", handler, {
-        capture: true,
-        passive: true,
-    });
-};
-export default listenScroll;

package/listenScrollDebounced.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenScrollDebounced = void 0;
-var tslib_1 = require("tslib");
-var debounce_1 = tslib_1.__importDefault(require("@koine/utils/debounce"));
-var listenScroll_1 = require("./listenScroll");
-/**
- * Listen element's (`window` by default) _scroll_ event debouncing the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenScrollDebounced = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return (0, listenScroll_1.listenScroll)(debounce_1.default.apply(void 0, args), el);
-};
-exports.listenScrollDebounced = listenScrollDebounced;
-exports.default = exports.listenScrollDebounced;

package/listenScrollDebounced.mjs

@@ -1,15 +0,0 @@
-import debounce from "@koine/utils/debounce";
-import { listenScroll } from "./listenScroll";
-/**
- * Listen element's (`window` by default) _scroll_ event debouncing the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export var listenScrollDebounced = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return listenScroll(debounce.apply(void 0, args), el);
-};
-export default listenScrollDebounced;

package/listenScrollThrottled.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenScrollThrottled = void 0;
-var tslib_1 = require("tslib");
-var throttle_1 = tslib_1.__importDefault(require("@koine/utils/throttle"));
-var listenScroll_1 = require("./listenScroll");
-/**
- * Listen element's (`window` by default) _scroll_ event throttling the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenScrollThrottled = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return (0, listenScroll_1.listenScroll)(throttle_1.default.apply(void 0, args), el);
-};
-exports.listenScrollThrottled = listenScrollThrottled;
-exports.default = exports.listenScrollThrottled;

package/listenScrollThrottled.mjs

@@ -1,15 +0,0 @@
-import throttle from "@koine/utils/throttle";
-import { listenScroll } from "./listenScroll";
-/**
- * Listen element's (`window` by default) _scroll_ event throttling the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export var listenScrollThrottled = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return listenScroll(throttle.apply(void 0, args), el);
-};
-export default listenScrollThrottled;

package/off.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.off = void 0;
-/**
- * Shortcut for `removeEventListener`
- */
-function off(el, type, handler, options) {
-    if (options === void 0) { options = false; }
-    if (process.env["NODE_ENV"] !== "production") {
-        if (!el) {
-            console.warn("[@koine/dom:off] unexisting DOM element");
-        }
-    }
-    if (el)
-        el.removeEventListener(type, handler, options);
-}
-exports.off = off;
-exports.default = off;

package/off.mjs

@@ -1,14 +0,0 @@
-/**
- * Shortcut for `removeEventListener`
- */
-export function off(el, type, handler, options) {
-    if (options === void 0) { options = false; }
-    if (process.env["NODE_ENV"] !== "production") {
-        if (!el) {
-            console.warn("[@koine/dom:off] unexisting DOM element");
-        }
-    }
-    if (el)
-        el.removeEventListener(type, handler, options);
-}
-export default off;

package/on.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.on = void 0;
-var tslib_1 = require("tslib");
-var off_1 = tslib_1.__importDefault(require("./off"));
-/**
- * Shortcut for `addEventListener`
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-function on(el, type, handler /* EventListener |  */ /* ((event: Event) => void) */, options) {
-    if (options === void 0) { options = false; }
-    if (process.env["NODE_ENV"] !== "production") {
-        if (!el) {
-            console.warn("[@koine/dom:on] unexisting DOM element");
-        }
-    }
-    if (el) {
-        el.addEventListener(type, handler, options);
-        return function () { return (0, off_1.default)(el, type, handler); };
-    }
-    // return noop;
-    return function () { return void 0; };
-}
-exports.on = on;
-exports.default = on;

package/on.mjs

@@ -1,21 +0,0 @@
-import off from "./off";
-/**
- * Shortcut for `addEventListener`
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export function on(el, type, handler /* EventListener |  */ /* ((event: Event) => void) */, options) {
-    if (options === void 0) { options = false; }
-    if (process.env["NODE_ENV"] !== "production") {
-        if (!el) {
-            console.warn("[@koine/dom:on] unexisting DOM element");
-        }
-    }
-    if (el) {
-        el.addEventListener(type, handler, options);
-        return function () { return off(el, type, handler); };
-    }
-    // return noop;
-    return function () { return void 0; };
-}
-export default on;

package/onClickOutside.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onClickOutside = void 0;
-var index_1 = require("./index");
-function onClickOutside(element, callback, autoUnbind) {
-    if (autoUnbind === void 0) { autoUnbind = false; }
-    var bind = function (event) {
-        // if (event.target.closest(element) === null) {
-        if (!element.contains(event.target)) {
-            callback(event);
-            if (autoUnbind)
-                unbind();
-        }
-    };
-    var unbind = function () {
-        (0, index_1.off)(document, "click", bind);
-    };
-    (0, index_1.on)(document, "click", bind);
-    return unbind;
-}
-exports.onClickOutside = onClickOutside;

package/onClickOutside.mjs

@@ -1,17 +0,0 @@
-import { on, off } from "./index";
-export function onClickOutside(element, callback, autoUnbind) {
-    if (autoUnbind === void 0) { autoUnbind = false; }
-    var bind = function (event) {
-        // if (event.target.closest(element) === null) {
-        if (!element.contains(event.target)) {
-            callback(event);
-            if (autoUnbind)
-                unbind();
-        }
-    };
-    var unbind = function () {
-        off(document, "click", bind);
-    };
-    on(document, "click", bind);
-    return unbind;
-}

package/once.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.once = void 0;
-var tslib_1 = require("tslib");
-var on_1 = tslib_1.__importDefault(require("./on"));
-var off_1 = tslib_1.__importDefault(require("./off"));
-/**
- * One shot listener, it `addEventListener` and removes it first time is called
- * with `removeEventListener`
- */
-function once(el, type, handler, options) {
-    if (options === void 0) { options = false; }
-    var handlerWrapper = function (event) {
-        handler(event);
-        (0, off_1.default)(el, type, handlerWrapper);
-    };
-    return (0, on_1.default)(el, type, handlerWrapper, options);
-}
-exports.once = once;
-exports.default = once;

package/once.mjs

@@ -1,15 +0,0 @@
-import on from "./on";
-import off from "./off";
-/**
- * One shot listener, it `addEventListener` and removes it first time is called
- * with `removeEventListener`
- */
-export function once(el, type, handler, options) {
-    if (options === void 0) { options = false; }
-    var handlerWrapper = function (event) {
-        handler(event);
-        off(el, type, handlerWrapper);
-    };
-    return on(el, type, handlerWrapper, options);
-}
-export default once;

package/removeClass.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeClass = void 0;
-/**
- * Remove class shortcut
- */
-function removeClass(el, className) {
-    if (className === void 0) { className = ""; }
-    if (process.env["NODE_ENV"] !== "production") {
-        if (!el) {
-            ("[@koine/dom:removeClass] unexisting DOM element");
-            return;
-        }
-    }
-    if (el)
-        el.classList.remove(className);
-}
-exports.removeClass = removeClass;
-exports.default = removeClass;

package/removeClass.mjs

@@ -1,15 +0,0 @@
-/**
- * Remove class shortcut
- */
-export function removeClass(el, className) {
-    if (className === void 0) { className = ""; }
-    if (process.env["NODE_ENV"] !== "production") {
-        if (!el) {
-            ("[@koine/dom:removeClass] unexisting DOM element");
-            return;
-        }
-    }
-    if (el)
-        el.classList.remove(className);
-}
-export default removeClass;

package/scrollTo.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollTo = void 0;
-var on_1 = require("./on");
-var off_1 = require("./off");
-/**
- * Native `scrollTo`, `"smooth"` and with callback
- *
- * @borrows https://stackoverflow.com/a/55686711/1938970
- *
- * @param offset - offset to scroll to
- * @param callback - callback function
- * @param [fallbackTimeout] - this appears to be needed in some hard to reproduce scenario on safari, where the callback seem to be never called
- * @param [behavior="smooth"]
- */
-function scrollTo(destination, callback, fallbackTimeout, behavior) {
-    var fixedDestination = destination.toFixed();
-    if (callback) {
-        var callbackFired_1 = false;
-        var onScroll_1 = function () {
-            if (window.pageYOffset.toFixed() === fixedDestination) {
-                (0, off_1.off)(window, "scroll", onScroll_1);
-                callbackFired_1 = true;
-                callback();
-            }
-        };
-        (0, on_1.on)(window, "scroll", onScroll_1);
-        onScroll_1();
-        if (fallbackTimeout) {
-            setTimeout(function () {
-                if (!callbackFired_1) {
-                    (0, off_1.off)(window, "scroll", onScroll_1);
-                    callback();
-                }
-            }, fallbackTimeout);
-        }
-    }
-    window.scrollTo({
-        top: destination,
-        behavior: behavior || "smooth",
-    });
-}
-exports.scrollTo = scrollTo;
-exports.default = scrollTo;

package/scrollTo.mjs

@@ -1,40 +0,0 @@
-import { on } from "./on";
-import { off } from "./off";
-/**
- * Native `scrollTo`, `"smooth"` and with callback
- *
- * @borrows https://stackoverflow.com/a/55686711/1938970
- *
- * @param offset - offset to scroll to
- * @param callback - callback function
- * @param [fallbackTimeout] - this appears to be needed in some hard to reproduce scenario on safari, where the callback seem to be never called
- * @param [behavior="smooth"]
- */
-export function scrollTo(destination, callback, fallbackTimeout, behavior) {
-    var fixedDestination = destination.toFixed();
-    if (callback) {
-        var callbackFired_1 = false;
-        var onScroll_1 = function () {
-            if (window.pageYOffset.toFixed() === fixedDestination) {
-                off(window, "scroll", onScroll_1);
-                callbackFired_1 = true;
-                callback();
-            }
-        };
-        on(window, "scroll", onScroll_1);
-        onScroll_1();
-        if (fallbackTimeout) {
-            setTimeout(function () {
-                if (!callbackFired_1) {
-                    off(window, "scroll", onScroll_1);
-                    callback();
-                }
-            }, fallbackTimeout);
-        }
-    }
-    window.scrollTo({
-        top: destination,
-        behavior: behavior || "smooth",
-    });
-}
-export default scrollTo;

package/setDataAttr.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setDataAttr = void 0;
-/**
- * Set data attribute
- *
- * @param element
- * @param attribute The name of the `data-{attr}`
- * @param value The value to set, `null` or `undefined` will remove the attribute
- */
-function setDataAttr(element, attribute, value) {
-    if (value === null || typeof value === "undefined") {
-        // delete element.dataset[attribute];
-        // return;
-        element.removeAttribute("data-" + attribute);
-        return;
-    }
-    // element.dataset[attribute] = value.toString();
-    element.setAttribute("data-" + attribute, value.toString());
-}
-exports.setDataAttr = setDataAttr;
-exports.default = setDataAttr;

package/setDataAttr.mjs

@@ -1,18 +0,0 @@
-/**
- * Set data attribute
- *
- * @param element
- * @param attribute The name of the `data-{attr}`
- * @param value The value to set, `null` or `undefined` will remove the attribute
- */
-export function setDataAttr(element, attribute, value) {
-    if (value === null || typeof value === "undefined") {
-        // delete element.dataset[attribute];
-        // return;
-        element.removeAttribute("data-" + attribute);
-        return;
-    }
-    // element.dataset[attribute] = value.toString();
-    element.setAttribute("data-" + attribute, value.toString());
-}
-export default setDataAttr;

package/setVendorCSS.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setVendorCSS = void 0;
-/**
- * Set vendor CSS rule
- *
- * @param element A single HTMLElement
- * @param prop CSS rule proerty
- * @param value The CSS value to set, it will be automatically vendor prefixed
- */
-function setVendorCSS(element, prop, value) {
-    var propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
-    // @ts-expect-error nevermind now...
-    element.style["webkit" + propUpper] = value;
-    // @ts-expect-error nevermind now...
-    element.style["moz" + propUpper] = value;
-    // @ts-expect-error nevermind now...
-    element.style["ms" + propUpper] = value;
-    // @ts-expect-error nevermind now...
-    element.style["o" + propUpper] = value;
-    // @ts-expect-error nevermind now...
-    element.style[prop] = value;
-}
-exports.setVendorCSS = setVendorCSS;
-exports.default = setVendorCSS;

package/setVendorCSS.mjs

@@ -1,21 +0,0 @@
-/**
- * Set vendor CSS rule
- *
- * @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);
-    // @ts-expect-error nevermind now...
-    element.style["webkit" + propUpper] = value;
-    // @ts-expect-error nevermind now...
-    element.style["moz" + propUpper] = value;
-    // @ts-expect-error nevermind now...
-    element.style["ms" + propUpper] = value;
-    // @ts-expect-error nevermind now...
-    element.style["o" + propUpper] = value;
-    // @ts-expect-error nevermind now...
-    element.style[prop] = value;
-}
-export default setVendorCSS;

package/siblings.js

@@ -1,23 +0,0 @@
-"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)
- */
-function siblings(node) {
-    if (node && node.parentNode) {
-        var n = node.parentNode.firstChild;
-        var matched = [];
-        for (; n; n = n.nextSibling) {
-            if (n.nodeType === 1 && n !== node) {
-                matched.push(n);
-            }
-        }
-        return matched;
-    }
-    return [];
-}
-exports.siblings = siblings;
-exports.default = siblings;

package/siblings.mjs

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