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

package/package.json

@@ -2,13 +2,13 @@
   "name": "@koine/dom",
   "sideEffects": false,
   "dependencies": {
-    "@koine/utils": "2.0.0-beta.10"
+    "@koine/utils": "2.0.0-beta.12"
   },
   "module": "./index.mjs",
   "main": "./index.js",
   "types": "./index.d.ts",
   "peerDependencies": {
-    "type-fest": "^3.12.0"
+    "type-fest": "^4.1.0"
   },
-  "version": "2.0.0-beta.10"
+  "version": "2.0.0-beta.12"
 }

package/$$.js

@@ -1,29 +0,0 @@
-/**
- * Sizzle/jQuery like DOM nodes shortcut for `document.querySelectorAll`
- * To avoid an extra function call we inline the above `escape`
- *
- * @param string selector DOM selector
- * @param parent It falls back to `window.document`
- * @param avoidEscape Whether to avoid escaping `:` in the selector string
- */ "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, {
-    $$: function() {
-        return $$;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function $$(selector, parent, avoidEscape) {
-    return (parent ? parent : document).querySelectorAll(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
-}
-const _default = $$;

package/$.js

@@ -1,32 +0,0 @@
-/**
- * Sizzle/jQuery like DOM nodes shortcut for `document.querySelector`
- * To avoid an extra function call we inline the above `escape`
- *
- * @param selector DOM selector
- * @param parent It falls back to `window.document`
- * @param avoidEscape Whether to avoid escaping `:` in the selector string
- * @example <caption>Basic DOM selection</caption>
- * const $container = $(".my-section:");
- * const $el = $("[data-some-attr]", $container);
- */ "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, {
-    $: function() {
-        return $;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function $(selector, parent, avoidEscape) {
-    return (parent ? parent : document).querySelector(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
-}
-const _default = $;

package/$each.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, {
-    $each: function() {
-        return $each;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _$$ = /*#__PURE__*/ _interop_require_default._(require("./$$"));
-function $each(selector, callback, parent, scope) {
-    const nodes = (0, _$$.default)(selector, parent);
-    for(let i = 0; i < nodes.length; i++){
-        callback.call(scope, nodes[i], i);
-    }
-}
-const _default = $each;

package/_listen-delegation.js

@@ -1,83 +0,0 @@
-/**
- * Listen: events delegation system
- *
- * From:
- * https://github.com/cferdinandi/events
- * https://github.com/cferdinandi/events/blob/master/src/js/events/events.js
- *
- * @fileoverview
- */ "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, {
-    activeEvents: function() {
-        return activeEvents;
-    },
-    getIndex: function() {
-        return getIndex;
-    },
-    getRunTarget: function() {
-        return getRunTarget;
-    },
-    eventHandler: function() {
-        return eventHandler;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _isString = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isString"));
-const _escapeSelector = /*#__PURE__*/ _interop_require_default._(require("./escapeSelector"));
-const activeEvents = {};
-function getIndex(arr, selector, callback) {
-    for(let i = 0; i < arr.length; i++){
-        if (arr[i].selector === selector && arr[i].callback.toString() === callback.toString()) return i;
-    }
-    return -1;
-}
-function getRunTarget(target, selector) {
-    // @ts-expect-error FIXME: type
-    if ([
-        "*",
-        "window",
-        window
-    ].includes(selector)) {
-        return window;
-    }
-    if ([
-        "document",
-        "document.documentElement",
-        document,
-        document.documentElement
-    ].includes(selector)) return document;
-    if ((0, _isString.default)(selector)) {
-        return target.closest((0, _escapeSelector.default)(selector));
-    }
-    // @ts-expect-error FIXME: type
-    if (typeof selector !== "string" && selector.contains) {
-        if (selector === target) {
-            return target;
-        }
-        // @ts-expect-error FIXME: type
-        if (selector.contains(target)) {
-            return selector;
-        }
-        return false;
-    }
-    return false;
-}
-function eventHandler(event) {
-    // if (!activeEvents[event.type]) return;
-    activeEvents[event.type]?.forEach(function(listener) {
-        const target = getRunTarget(event.target, listener.selector);
-        if (!target) {
-            return;
-        }
-        listener.callback(event, target);
-    });
-}

package/addClass.js

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

package/calculateFixedOffset.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, {
-    calculateFixedOffset: function() {
-        return calculateFixedOffset;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _$each = require("./$each");
-function calculateFixedOffset(selector = "[data-fixed]") {
-    let fixedOffset = 0;
-    (0, _$each.$each)(selector, ($el)=>{
-        fixedOffset += $el.offsetHeight;
-    });
-    return fixedOffset;
-}
-const _default = calculateFixedOffset;

package/createElement.js

@@ -1,28 +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, {
-    createElement: function() {
-        return createElement;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _addClass = /*#__PURE__*/ _interop_require_default._(require("./addClass"));
-function createElement(type, className) {
-    const el = document.createElement(type);
-    if (className) {
-        (0, _addClass.default)(el, className);
-    }
-    return el;
-}
-const _default = createElement;

package/emitEvent.js

@@ -1,28 +0,0 @@
-/**
- * Emit event (use only if the targeted browser supports `CustomEvent`s)
- */ "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, {
-    emitEvent: function() {
-        return emitEvent;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function emitEvent(type = "customEvent", detail = {}) {
-    if (typeof window.CustomEvent !== "function") return;
-    document.dispatchEvent(new CustomEvent(type, {
-        bubbles: true,
-        detail
-    }));
-}
-const _default = emitEvent;

package/escapeSelector.js

@@ -1,27 +0,0 @@
-/**
- * Escape colons to allow use class names as `.module:block__element`
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector#Escaping_special_characters
- *
- * @param selector
- */ "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, {
-    escapeSelector: function() {
-        return escapeSelector;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function escapeSelector(selector) {
-    return selector.replace(/:/g, "\\:");
-}
-const _default = escapeSelector;

package/exists.js

@@ -1,29 +0,0 @@
-/**
- * Checks if passed node exist and is a valid element.
- *
- * @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, {
-    exists: function() {
-        return exists;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function exists(node) {
-    if (node && node instanceof window.HTMLElement) {
-        return true;
-    }
-    return false;
-}
-const _default = exists;

package/forEach.js

@@ -1,53 +0,0 @@
-/**
- * For each, iterate through a `NodeList` or an `array` of `HTMLElement`s
- *
- * @param scope The optional `this` of the callback function
- */ "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, {
-    forEach: function() {
-        return forEach;
-    },
-    default: function() {
-        return _default // /**
-         //  * For each, iterate through a `NodeList` or an `array` of `HTMLElement`s
-         //  *
-         //  * @param scope The optional `this` of the callback function
-         //  */
-         // export function forEach<TScope = object>(
-         //   nodes: HTMLElement[],
-         //   callback: (this: TScope, $element: HTMLElement, index: number) => any,
-         //   scope?: TScope
-         // ): void;
-         // export function forEach<TScope = object>(
-         //   nodes: NodeListOf<HTMLElement> | HTMLElement[],
-         //   callback: (this: TScope, $element: HTMLElement, index: number) => any,
-         //   scope?: TScope
-         // ): void;
-         // export function forEach<T extends Element, TScope = object>(
-         //   nodes: NodeListOf<T> | HTMLElement[],
-         //   callback: (this: TScope, $element: T, index: number) => any,
-         //   scope?: TScope
-         // ) {
-         //   for (let i = 0; i < nodes.length; i++) {
-         //     callback.call(scope as TScope, nodes[i] as T, i);
-         //   }
-         // }
-         // export default forEach;
-        ;
-    }
-});
-function forEach(nodes, callback, scope) {
-    for(let i = 0; i < nodes.length; i++){
-        callback.call(scope, nodes[i], i);
-    }
-}
-const _default = forEach;

package/getDataAttr.js

@@ -1,30 +0,0 @@
-// TODO: maybe move to `dataset` API but consider the comment about Safari here
-// https://stackoverflow.com/a/9201264/1938970
-/**
- * Get data attribute
- *
- * @param element
- * @param attribute The name of the `data-{attr}`
- */ "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, {
-    getDataAttr: function() {
-        return getDataAttr;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function getDataAttr(element, attribute) {
-    // return element.dataset[attribute];
-    return element.getAttribute("data-" + attribute);
-}
-const _default = getDataAttr;

package/getDocumentHeight.js

@@ -1,27 +0,0 @@
-/**
- * Determine the document's height
- *
- * @see https://github.com/cferdinandi/smooth-scroll (credits)
- */ "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, {
-    getDocumentHeight: function() {
-        return getDocumentHeight;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function getDocumentHeight() {
-    const { body, documentElement } = document;
-    return Math.max(body.scrollHeight, documentElement.scrollHeight, body.offsetHeight, documentElement.offsetHeight, body.clientHeight, documentElement.clientHeight);
-}
-const _default = getDocumentHeight;

package/getHeight.js

@@ -1,24 +0,0 @@
-/**
- * Get element height
- */ "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, {
-    getHeight: function() {
-        return getHeight;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function getHeight(element) {
-    return parseInt(window.getComputedStyle(element).height, 10);
-}
-const _default = getHeight;

package/getListeners.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, {
-    getListeners: function() {
-        return getListeners;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _listendelegation = require("./_listen-delegation");
-function getListeners() {
-    const obj = {};
-    for(const type in _listendelegation.activeEvents){
-        // if (activeEvents.hasOwnProperty(type)) {
-        obj[type] = _listendelegation.activeEvents[type];
-    // }
-    }
-    return obj;
-}
-const _default = getListeners;

package/getOffset.js

@@ -1,38 +0,0 @@
-/**
- * Get an element's distance from the top and left of the Document.
- *
- * @param elem The HTML node element
- * @return Distance from the top and left in pixels
- */ "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, {
-    getOffset: function() {
-        return getOffset;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function getOffset(elem) {
-    let left = 0;
-    let top = 0;
-    while(elem && !isNaN(elem.offsetLeft) && !isNaN(elem.offsetTop)){
-        left += elem.offsetLeft - elem.scrollLeft;
-        top += elem.offsetTop - elem.scrollTop;
-        // @ts-expect-error nevermind?
-        elem = elem.offsetParent;
-    }
-    return {
-        top,
-        left
-    };
-}
-const _default = getOffset;

package/getOffsetTop.js

@@ -1,37 +0,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
- */ "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, {
-    getOffsetTop: function() {
-        return getOffsetTop;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function getOffsetTop(elem) {
-    let location = 0;
-    if (elem.offsetParent) {
-        while(elem){
-            location += elem.offsetTop;
-            // @ts-expect-error nevermind?
-            elem = elem.offsetParent;
-        }
-    }
-    return location >= 0 ? location : 0;
-}
-const _default = getOffsetTop;

package/getOffsetTopSlim.js

@@ -1,30 +0,0 @@
-/**
- * Get an element's distance from the top of the Document (using more modern/performant
- * technique compared to {@link ./getOffsetTop})
- *
- * @see https://stackoverflow.com/q/5598743/1938970
- *
- * @param elem The HTML node element
- * @return Distance from the top in pixels
- */ "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, {
-    getOffsetTopSlim: function() {
-        return getOffsetTopSlim;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function getOffsetTopSlim(elem) {
-    return elem.getBoundingClientRect().top + window.scrollY;
-}
-const _default = getOffsetTopSlim;

package/getScrollbarWidth.js

@@ -1,24 +0,0 @@
-/**
- * Get scrollbar's current width
- */ "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, {
-    getScrollbarWidth: function() {
-        return getScrollbarWidth;
-    },
-    default: function() {
-        return _default;
-    }
-});
-function getScrollbarWidth(element) {
-    return window.innerWidth - (element || document.documentElement).clientWidth;
-}
-const _default = getScrollbarWidth;