@koine/dom 2.0.0-beta.9 → 2.0.0-beta.91

package/listenResize.mjs

@@ -1,7 +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 const listenResize = (handler, el)=>on(el || window, "resize", handler);
-export default listenResize;

package/listenResizeDebounced.js

@@ -1,50 +0,0 @@
-"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, {
-    listenResizeDebounced: function() {
-        return listenResizeDebounced;
-    },
-    default: function() {
-        return _default // 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;
-        ;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _debounce = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/debounce"));
-const _listenResize = /*#__PURE__*/ _interop_require_default._(require("./listenResize"));
-const listenResizeDebounced = (el, ...args)=>(0, _listenResize.default)((0, _debounce.default)(...args), el);
-const _default = listenResizeDebounced;

package/listenResizeDebounced.mjs

@@ -1,34 +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 const listenResizeDebounced = (el, ...args)=>listenResize(debounce(...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,23 +0,0 @@
-"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, {
-    listenResizeThrottled: function() {
-        return listenResizeThrottled;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _throttle = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/throttle"));
-const _listenResize = require("./listenResize");
-const listenResizeThrottled = (el, ...args)=>(0, _listenResize.listenResize)((0, _throttle.default)(...args), el);
-const _default = listenResizeThrottled;

package/listenResizeThrottled.mjs

@@ -1,8 +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 const listenResizeThrottled = (el, ...args)=>listenResize(throttle(...args), el);
-export default listenResizeThrottled;

package/listenScroll.js

@@ -1,24 +0,0 @@
-"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, {
-    listenScroll: function() {
-        return listenScroll;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _on = require("./on");
-const listenScroll = (handler, el)=>(0, _on.on)(el || window, "scroll", handler, {
-        capture: true,
-        passive: true
-    });
-const _default = listenScroll;

package/listenScroll.mjs

@@ -1,10 +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 const listenScroll = (handler, el)=>on(el || window, "scroll", handler, {
-        capture: true,
-        passive: true
-    });
-export default listenScroll;

package/listenScrollDebounced.js

@@ -1,23 +0,0 @@
-"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, {
-    listenScrollDebounced: function() {
-        return listenScrollDebounced;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _debounce = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/debounce"));
-const _listenScroll = require("./listenScroll");
-const listenScrollDebounced = (el, ...args)=>(0, _listenScroll.listenScroll)((0, _debounce.default)(...args), el);
-const _default = listenScrollDebounced;

package/listenScrollDebounced.mjs

@@ -1,8 +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 const listenScrollDebounced = (el, ...args)=>listenScroll(debounce(...args), el);
-export default listenScrollDebounced;

package/listenScrollThrottled.js

@@ -1,23 +0,0 @@
-"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, {
-    listenScrollThrottled: function() {
-        return listenScrollThrottled;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _throttle = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/throttle"));
-const _listenScroll = require("./listenScroll");
-const listenScrollThrottled = (el, ...args)=>(0, _listenScroll.listenScroll)((0, _throttle.default)(...args), el);
-const _default = listenScrollThrottled;

package/listenScrollThrottled.mjs

@@ -1,8 +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 const listenScrollThrottled = (el, ...args)=>listenScroll(throttle(...args), el);
-export default listenScrollThrottled;

package/off.js

@@ -1,27 +0,0 @@
-"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, {
-    off: function() {
-        return off;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function off(el, type, handler, 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);
-}
-const _default = off;

package/off.mjs

@@ -1,11 +0,0 @@
-/**
- * Shortcut for `removeEventListener`
- */ export function off(el, type, handler, 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,36 +0,0 @@
-// import noop from "@koine/utils/noop"; FIXME: build breaks with this import
-"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, {
-    on: function() {
-        return on;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _off = /*#__PURE__*/ _interop_require_default._(require("./off"));
-function on(el, type, handler, // handler: THandler /* EventListener |  */ /* ((event: Event) => void) */,
-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 ()=>(0, _off.default)(el, type, handler);
-    }
-    // return noop;
-    return ()=>void 0;
-}
-const _default = on;

package/on.mjs

@@ -1,21 +0,0 @@
-// import noop from "@koine/utils/noop"; FIXME: build breaks with this import
-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, // handler: THandler /* EventListener |  */ /* ((event: Event) => void) */,
-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 ()=>off(el, type, handler);
-    }
-    // return noop;
-    return ()=>void 0;
-}
-export default on;

package/onClickOutside.js

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

package/onClickOutside.mjs

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

package/once.js

@@ -1,29 +0,0 @@
-"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, {
-    once: function() {
-        return once;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _off = /*#__PURE__*/ _interop_require_default._(require("./off"));
-const _on = /*#__PURE__*/ _interop_require_default._(require("./on"));
-function once(el, type, handler, options = false) {
-    const handlerWrapper = (event)=>{
-        handler(event);
-        (0, _off.default)(el, type, handlerWrapper);
-    };
-    return (0, _on.default)(el, type, handlerWrapper, options);
-}
-const _default = once;

package/once.mjs

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

package/removeClass.js

@@ -1,30 +0,0 @@
-/**
- * Remove class shortcut
- */ "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, {
-    removeClass: function() {
-        return removeClass;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function removeClass(el, className = "") {
-    if (process.env["NODE_ENV"] !== "production") {
-        if (!el) {
-            "[@koine/dom:removeClass] unexisting DOM element";
-            return;
-        }
-    }
-    if (el) el.classList.remove(className);
-}
-const _default = removeClass;

package/removeClass.mjs

@@ -1,12 +0,0 @@
-/**
- * Remove class shortcut
- */ export function removeClass(el, 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,48 +0,0 @@
-"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, {
-    scrollTo: function() {
-        return scrollTo;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _off = require("./off");
-const _on = require("./on");
-function scrollTo(destination, callback, fallbackTimeout, behavior) {
-    const fixedDestination = destination.toFixed();
-    if (callback) {
-        let callbackFired = false;
-        const onScroll = function() {
-            if (window.pageYOffset.toFixed() === fixedDestination) {
-                (0, _off.off)(window, "scroll", onScroll);
-                callbackFired = true;
-                callback();
-            }
-        };
-        (0, _on.on)(window, "scroll", onScroll);
-        onScroll();
-        if (fallbackTimeout) {
-            setTimeout(()=>{
-                if (!callbackFired) {
-                    (0, _off.off)(window, "scroll", onScroll);
-                    callback();
-                }
-            }, fallbackTimeout);
-        }
-    }
-    window.scrollTo({
-        top: destination,
-        behavior: behavior || "smooth"
-    });
-}
-const _default = scrollTo;

package/scrollTo.mjs

@@ -1,39 +0,0 @@
-import { off } from "./off";
-import { on } from "./on";
-/**
- * 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) {
-    const fixedDestination = destination.toFixed();
-    if (callback) {
-        let callbackFired = false;
-        const onScroll = function() {
-            if (window.pageYOffset.toFixed() === fixedDestination) {
-                off(window, "scroll", onScroll);
-                callbackFired = true;
-                callback();
-            }
-        };
-        on(window, "scroll", onScroll);
-        onScroll();
-        if (fallbackTimeout) {
-            setTimeout(()=>{
-                if (!callbackFired) {
-                    off(window, "scroll", onScroll);
-                    callback();
-                }
-            }, fallbackTimeout);
-        }
-    }
-    window.scrollTo({
-        top: destination,
-        behavior: behavior || "smooth"
-    });
-}
-export default scrollTo;

package/setDataAttr.js

@@ -1,35 +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
- */ "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, {
-    setDataAttr: function() {
-        return setDataAttr;
-    },
-    default: function() {
-        return _default;
-    }
-});
-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());
-}
-const _default = setDataAttr;

package/setDataAttr.mjs

@@ -1,17 +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,38 +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
- */ "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, {
-    setVendorCSS: function() {
-        return setVendorCSS;
-    },
-    default: function() {
-        return _default;
-    }
-});
-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...
-    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;
-}
-const _default = setVendorCSS;

package/setVendorCSS.mjs

@@ -1,20 +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) {
-    const 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;