@koine/dom 1.0.80

package/node/getOffsetTop.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOffsetTop = void 0;
+/**
+ * Get an element's distance from the top of the Document.
+ *
+ * @see https://vanillajstoolkit.com/helpers/getoffsettop/
+ *
+ * @param elem The HTML node element
+ * @return Distance from the top in pixels
+ */
+function getOffsetTop(elem) {
+    var location = 0;
+    if (elem.offsetParent) {
+        while (elem) {
+            location += elem.offsetTop;
+            // @ts-expect-error nevermind?
+            elem = elem.offsetParent;
+        }
+    }
+    return location >= 0 ? location : 0;
+}
+exports.getOffsetTop = getOffsetTop;
+exports.default = getOffsetTop;

package/node/getScrollbarWidth.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScrollbarWidth = void 0;
+/**
+ * Get scrollbar's current width
+ */
+function getScrollbarWidth(element) {
+    return window.innerWidth - (element || document.documentElement).clientWidth;
+}
+exports.getScrollbarWidth = getScrollbarWidth;
+exports.default = getScrollbarWidth;

package/node/getStyleValue.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyleValue = void 0;
+/**
+ * Return the current style value for an element CSS property
+ *
+ * @param el The element to compute
+ * @param prop The style property
+ */
+function getStyleValue(el, prop) {
+    return getComputedStyle(el, null).getPropertyValue(prop);
+}
+exports.getStyleValue = getStyleValue;
+exports.default = getStyleValue;

package/node/index.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./$$"), exports);
+tslib_1.__exportStar(require("./$each"), exports);
+tslib_1.__exportStar(require("./$"), exports);
+tslib_1.__exportStar(require("./addClass"), exports);
+tslib_1.__exportStar(require("./calculateFixedOffset"), exports);
+tslib_1.__exportStar(require("./createElement"), exports);
+tslib_1.__exportStar(require("./emitEvent"), exports);
+tslib_1.__exportStar(require("./escapeSelector"), exports);
+tslib_1.__exportStar(require("./exists"), exports);
+tslib_1.__exportStar(require("./forEach"), exports);
+tslib_1.__exportStar(require("./getDataAttr"), exports);
+tslib_1.__exportStar(require("./getDocumentHeight"), exports);
+tslib_1.__exportStar(require("./getHeight"), exports);
+tslib_1.__exportStar(require("./getListeners"), exports);
+tslib_1.__exportStar(require("./getOffsetTop"), exports);
+tslib_1.__exportStar(require("./getOffset"), exports);
+tslib_1.__exportStar(require("./getScrollbarWidth"), exports);
+tslib_1.__exportStar(require("./getStyleValue"), exports);
+tslib_1.__exportStar(require("./index"), exports);
+tslib_1.__exportStar(require("./injectCss"), exports);
+tslib_1.__exportStar(require("./isHidden"), exports);
+tslib_1.__exportStar(require("./isInViewport"), exports);
+tslib_1.__exportStar(require("./isNodeList"), exports);
+tslib_1.__exportStar(require("./isTotallyScrolled"), exports);
+tslib_1.__exportStar(require("./listenLoaded"), exports);
+tslib_1.__exportStar(require("./listenOnce"), exports);
+tslib_1.__exportStar(require("./listenResize"), exports);
+tslib_1.__exportStar(require("./listenScroll"), exports);
+tslib_1.__exportStar(require("./listen"), exports);
+tslib_1.__exportStar(require("./off"), exports);
+tslib_1.__exportStar(require("./once"), exports);
+tslib_1.__exportStar(require("./onClickOutside"), exports);
+tslib_1.__exportStar(require("./on"), exports);
+tslib_1.__exportStar(require("./removeClass"), exports);
+tslib_1.__exportStar(require("./scrollTo"), exports);
+tslib_1.__exportStar(require("./setDataAttr"), exports);
+tslib_1.__exportStar(require("./setVendorCSS"), exports);
+tslib_1.__exportStar(require("./siblings"), exports);
+tslib_1.__exportStar(require("./toArray"), exports);
+tslib_1.__exportStar(require("./unlisten"), exports);

package/node/injectCss.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectCss = void 0;
+/**
+ * Inject css
+ */
+function injectCss(id, cssString, root) {
+    if (cssString === void 0) { cssString = ""; }
+    if (root === void 0) { root = document; }
+    var styleblock;
+    styleblock = root.getElementById(id);
+    if (!styleblock) {
+        styleblock = root.createElement("style");
+        styleblock.id = id;
+        root.body.appendChild(styleblock);
+    }
+    styleblock.innerHTML = cssString;
+}
+exports.injectCss = injectCss;
+exports.default = injectCss;

package/node/isHidden.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHidden = void 0;
+/**
+ * Is element hidden?
+ */
+function isHidden(el) {
+    return !el || el.offsetParent === null;
+}
+exports.isHidden = isHidden;
+exports.default = isHidden;

package/node/isInViewport.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isInViewport = void 0;
+/**
+ * Determine if an element is in the viewport
+ *
+ * @borrows (c) 2017 Chris Ferdinandi, MIT License, https://gomakethings.com
+ *
+ * @param elem The element
+ * @return Returns true if element is in the viewport
+ */
+function isInViewport(elem) {
+    var distance = elem.getBoundingClientRect();
+    return (distance.top >= 0 &&
+        distance.left >= 0 &&
+        distance.bottom <=
+            (window.innerHeight || document.documentElement.clientHeight) &&
+        distance.right <=
+            (window.innerWidth || document.documentElement.clientWidth));
+}
+exports.isInViewport = isInViewport;
+exports.default = isInViewport;

package/node/isNodeList.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNodeList = void 0;
+/**
+ * Is node list
+ *
+ * @param nodes The object to check
+ */
+function isNodeList(nodes) {
+    var stringRepr = Object.prototype.toString.call(nodes);
+    return (typeof nodes === "object" &&
+        /^\[object (HTMLCollection|NodeList|Object)\]$/.test(stringRepr) &&
+        typeof nodes.length === "number" &&
+        (nodes.length === 0 ||
+            (typeof nodes[0] === "object" && nodes[0].nodeType > 0)));
+}
+exports.isNodeList = isNodeList;
+exports.default = isNodeList;

package/node/isTotallyScrolled.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTotallyScrolled = void 0;
+/**
+ * Is element totally scrolled
+ *
+ * @see https://github.com/willmcpo/body-scroll-lock/blob/master/src/bodyScrollLock.js#L116
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions
+ */
+function isTotallyScrolled(el) {
+    return el ? el.scrollHeight - el.scrollTop <= el.clientHeight : false;
+}
+exports.isTotallyScrolled = isTotallyScrolled;
+exports.default = isTotallyScrolled;

package/node/listen.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listen = void 0;
+var _listen_delegation_1 = require("./_listen-delegation");
+var on_1 = require("./on");
+/**
+ * Listen an event
+ *
+ * @category listen-delegation
+ *
+ * @param types The event type or types (comma separated)
+ * @param selector The selector to run the event on
+ * @param callback The function to run when the event fires
+ */
+function listen(types, selector, callback) {
+    // Make sure there's a selector and callback
+    if (!selector || !callback)
+        return;
+    // Loop through each event type
+    types.split(",").forEach(function (type) {
+        // Remove whitespace
+        type = type.trim();
+        // If no event of this type yet, setup
+        if (!_listen_delegation_1.activeEvents[type]) {
+            _listen_delegation_1.activeEvents[type] = [];
+            (0, on_1.on)(window, type, _listen_delegation_1.eventHandler, true);
+        }
+        // Push to active events
+        _listen_delegation_1.activeEvents[type].push({
+            selector: selector,
+            callback: callback,
+        });
+    });
+}
+exports.listen = listen;
+exports.default = listen;

package/node/listenLoaded.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listenLoaded = void 0;
+var on_1 = require("./on");
+/**
+ * Fires a callback when the DOM content is loaded
+ *
+ * @see https://mathiasbynens.be/notes/settimeout-onload
+ */
+function listenLoaded(handler) {
+    (0, on_1.on)(document, "DOMContentLoaded", handler);
+    // document.addEventListener("DOMContentLoaded", setTimeout(handler, 4));
+}
+exports.listenLoaded = listenLoaded;
+exports.default = listenLoaded;

package/node/listenOnce.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listenOnce = void 0;
+var _listen_delegation_1 = require("./_listen-delegation");
+var listen_1 = require("./listen");
+var unlisten_1 = require("./unlisten");
+/**
+ * Listen an event, and automatically unlisten it after it's first run
+ *
+ * @category listen-delegation
+ *
+ * @param types The event type or types (comma separated)
+ * @param selector The selector to run the event on
+ * @param callback The function to run when the event fires
+ */
+function listenOnce(types, selector, callback) {
+    (0, listen_1.listen)(types, selector, function temp(event) {
+        var target = (0, _listen_delegation_1.getRunTarget)(event.target, selector);
+        callback(event, target || window);
+        (0, unlisten_1.unlisten)(types, selector, temp);
+    });
+}
+exports.listenOnce = listenOnce;
+exports.default = listenOnce;

package/node/listenResize.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listenResize = void 0;
+var utils_1 = require("@koine/utils");
+var on_1 = require("./on");
+var off_1 = require("./off");
+/**
+ * Listen window resize event debouncing the given handler
+ *
+ * @returns An automatic unbinding function to run to deregister the listener upon call
+ */
+function listenResize() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var handler = utils_1.debounce.apply(void 0, args);
+    (0, on_1.on)(window, "resize", handler);
+    /**
+     * Unbind the previously attached scroll handler
+     */
+    function unbinder() {
+        handler.cancel();
+        (0, off_1.off)(window, "resize", handler);
+    }
+    return unbinder;
+}
+exports.listenResize = listenResize;
+exports.default = listenResize;

package/node/listenScroll.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listenScroll = void 0;
+var utils_1 = require("@koine/utils");
+var on_1 = require("./on");
+var off_1 = require("./off");
+/**
+ * Listen window scroll event debouncing the given handler
+ *
+ * @returns An automatic unbinding function to run to deregister the listener upon call
+ */
+function listenScroll() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var handler = utils_1.debounce.apply(void 0, args);
+    (0, on_1.on)(window, "scroll", handler, {
+        capture: true,
+        passive: true,
+    });
+    /**
+     * Unbind the previously attached scroll handler
+     */
+    function unbinder() {
+        handler.cancel();
+        (0, off_1.off)(window, "scroll", handler);
+    }
+    return unbinder;
+}
+exports.listenScroll = listenScroll;
+exports.default = listenScroll;

package/node/off.js

@@ -0,0 +1,19 @@
+"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");
+            return;
+        }
+    }
+    if (el)
+        el.removeEventListener(type, handler, options);
+}
+exports.off = off;
+exports.default = off;

package/node/on.js

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

package/node/onClickOutside.js

@@ -0,0 +1,21 @@
+"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/node/once.js

@@ -0,0 +1,20 @@
+"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);
+    };
+    (0, on_1.default)(el, type, handlerWrapper, options);
+}
+exports.once = once;
+exports.default = once;

package/node/removeClass.js

@@ -0,0 +1,19 @@
+"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/node/scrollTo.js

@@ -0,0 +1,32 @@
+"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
+ */
+function scrollTo(offset, callback) {
+    var fixedOffset = offset.toFixed();
+    if (callback) {
+        var onScroll_1 = function () {
+            if (window.pageYOffset.toFixed() === fixedOffset) {
+                (0, off_1.off)(window, "scroll", onScroll_1);
+                callback();
+            }
+        };
+        (0, on_1.on)(window, "scroll", onScroll_1);
+        onScroll_1();
+    }
+    window.scrollTo({
+        top: offset,
+        behavior: "smooth",
+    });
+}
+exports.scrollTo = scrollTo;
+exports.default = scrollTo;

package/node/setDataAttr.js

@@ -0,0 +1,22 @@
+"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/node/setVendorCSS.js

@@ -0,0 +1,25 @@
+"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/node/siblings.js

@@ -0,0 +1,23 @@
+"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/node/toArray.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toArray = void 0;
+/**
+ * Node list to array
+ *
+ * @param nodeList
+ */
+function toArray(nodeList) {
+    return Array.prototype.slice.call(nodeList);
+}
+exports.toArray = toArray;
+exports.default = toArray;

package/node/unlisten.js

@@ -0,0 +1,37 @@
+"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) {
+    // Loop through each event 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 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);
+            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);
+    });
+}
+exports.unlisten = unlisten;
+exports.default = unlisten;

package/off.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Shortcut for `removeEventListener`
+ */
+export declare function off(el: Window | Document | HTMLElement | Element, type: string, handler: EventListener, options?: EventListenerOptions | boolean): void;
+export default off;

package/off.js

@@ -0,0 +1,15 @@
+/**
+ * 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");
+            return;
+        }
+    }
+    if (el)
+        el.removeEventListener(type, handler, options);
+}
+export default off;

package/on.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Shortcut for `addEventListener`
+ */
+export declare function on(el: Window | Document | HTMLElement | Element, type: string, handler: EventListener, options?: AddEventListenerOptions | boolean): void;
+export default on;

package/on.js

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

package/onClickOutside.d.ts

@@ -0,0 +1 @@
+export declare function onClickOutside(element: HTMLElement, callback: (event: Event) => any, autoUnbind?: boolean): () => void;

package/onClickOutside.js

@@ -0,0 +1,17 @@
+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;
+}