@koine/dom 2.0.0-beta.12 → 2.0.0-beta.120

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.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.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.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.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.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.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;

package/siblings.mjs

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

package/toArray.mjs

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

package/types.mjs

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

package/typings.d.ts

@@ -1,4 +0,0 @@
-/**
- * List here the global variables used by third party scripts supported within
- * the `koine` ecosystem.
- */

package/unlisten.mjs

@@ -1,35 +0,0 @@
-import { activeEvents, eventHandler, getIndex } from "./_listen-delegation";
-import { off } from "./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
- */ 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) {
-        // Remove whitespace
-        type = type.trim();
-        // if event type doesn't exist, bail
-        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];
-            off(window, type, eventHandler, true);
-            return;
-        }
-        // Otherwise, remove event
-        // @ts-expect-error FIXME: type...
-        const index = getIndex(activeEvents[type], selector, callback);
-        if (index < 0) return;
-        activeEvents[type].splice(index, 1);
-    });
-}
-export default unlisten;