@koine/dom 2.0.0-beta.13 → 2.0.0-beta.15

package/$.d.ts

@@ -1,13 +1,2 @@
-/**
- * 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);
- */
 export declare function $<T extends Element = HTMLElement>(selector: string, parent?: HTMLElement | Document | null, avoidEscape?: boolean): T;
 export default $;

package/$.js

@@ -0,0 +1,4 @@
+export function $(selector, parent, avoidEscape) {
+    return (parent ? parent : document).querySelector(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
+}
+export default $;

package/$all.d.ts

@@ -0,0 +1,2 @@
+export declare function $all<T extends Element = HTMLElement>(selector: string, parent?: Element | HTMLElement | Document | null, avoidEscape?: boolean): NodeListOf<T>;
+export default $all;

package/$all.js

@@ -0,0 +1,4 @@
+export function $all(selector, parent, avoidEscape) {
+    return (parent ? parent : document).querySelectorAll(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
+}
+export default $all;

package/$each.d.ts

@@ -1,11 +1,2 @@
-/**
- * Each shortcut, iterate through a NodeList of HTMLElements retrieved with the
- * given selector (and optionally a parent container passed as thrid arguement)
- *
- * @param selector DOM selector
- * @param callback
- * @param parent It falls back to `window.document`
- * @param scope
- */
 export declare function $each<T extends Element = HTMLElement>(selector: string, callback: ($element: T, index: number) => any, parent?: HTMLElement, scope?: object): void;
 export default $each;

package/$each.js

@@ -0,0 +1,8 @@
+import $all from "./$all.js";
+export function $each(selector, callback, parent, scope) {
+    var nodes = $all(selector, parent);
+    for (var i = 0; i < nodes.length; i++) {
+        callback.call(scope, nodes[i], i);
+    }
+}
+export default $each;

package/_listen-delegation.d.ts

@@ -1,39 +1,10 @@
-import type { AnyDOMEvent, AnyDOMEventTarget, AnyDOMEventType } from "./types";
-/**
- * @internal
- */
+import type { AnyDOMEvent, AnyDOMEventTarget, AnyDOMEventType } from "./types.js";
 export type EventCallback<TTarget extends AnyDOMEventTarget = AnyDOMEventTarget, TType extends AnyDOMEventType = AnyDOMEventType> = (event: AnyDOMEvent<TType>, desiredTarget: TTarget) => any;
-/**
- * @internal
- */
 export type ListenEvent = {
     selector: string;
     callback: EventCallback;
 };
-/**
- * Active events
- *
- * @internal
- */
 export declare const activeEvents: Partial<Record<AnyDOMEventType, ListenEvent[]>>;
-/**
- * Get the index for the listener
- *
- * @internal
- */
 export declare function getIndex(arr: ListenEvent[], selector: string, callback: EventCallback): number;
-/**
- * Check if the listener callback should run or not
- *
- * @internal
- * @param target The event.target
- * @param selector The selector/element to check the target against
- * @return If not false, run listener and pass the targeted element to use in the callback
- */
 export declare function getRunTarget(target: Element, selector: string | Window | Document | Element): false | Element | Document | Window | null;
-/**
- * Handle listeners after event fires
- *
- * @internal
- */
 export declare function eventHandler(event: Event): void;

package/_listen-delegation.js

@@ -0,0 +1,46 @@
+import isString from "@koine/utils/isString";
+import escapeSelector from "./escapeSelector.js";
+export var activeEvents = {};
+export function getIndex(arr, selector, callback) {
+    for (var i = 0; i < arr.length; i++) {
+        if (arr[i].selector === selector &&
+            arr[i].callback.toString() === callback.toString())
+            return i;
+    }
+    return -1;
+}
+export function getRunTarget(target, selector) {
+    if (["*", "window", window].includes(selector)) {
+        return window;
+    }
+    if ([
+        "document",
+        "document.documentElement",
+        document,
+        document.documentElement,
+    ].includes(selector))
+        return document;
+    if (isString(selector)) {
+        return target.closest(escapeSelector(selector));
+    }
+    if (typeof selector !== "string" && selector.contains) {
+        if (selector === target) {
+            return target;
+        }
+        if (selector.contains(target)) {
+            return selector;
+        }
+        return false;
+    }
+    return false;
+}
+export function eventHandler(event) {
+    var _a;
+    (_a = activeEvents[event.type]) === null || _a === void 0 ? void 0 : _a.forEach(function (listener) {
+        var target = getRunTarget(event.target, listener.selector);
+        if (!target) {
+            return;
+        }
+        listener.callback(event, target);
+    });
+}

package/addClass.d.ts

@@ -1,5 +1,2 @@
-/**
- * Add class shortcut
- */
 export declare function addClass<T extends Element = HTMLElement>(el?: T, className?: string): void;
 export default addClass;

package/{addClass.mjs → addClass.js}

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

package/calculateFixedOffset.js

@@ -0,0 +1,10 @@
+import { $each } from "./$each.js";
+export function calculateFixedOffset(selector) {
+    if (selector === void 0) { selector = "[data-fixed]"; }
+    var fixedOffset = 0;
+    $each(selector, function ($el) {
+        fixedOffset += $el.offsetHeight;
+    });
+    return fixedOffset;
+}
+export default calculateFixedOffset;

package/createElement.d.ts

@@ -1,9 +1,2 @@
-/**
- * Shortcut for `document.createElement`, allowing to to create an HTML element
- * with a given className directly (a very common use case)
- *
- * @param type
- * @param className
- */
 export declare function createElement(type: string, className?: string): HTMLElement;
 export default createElement;

package/createElement.js

@@ -0,0 +1,9 @@
+import addClass from "./addClass.js";
+export function createElement(type, className) {
+    var el = document.createElement(type);
+    if (className) {
+        addClass(el, className);
+    }
+    return el;
+}
+export default createElement;

package/emitEvent.d.ts

@@ -1,5 +1,2 @@
-/**
- * Emit event (use only if the targeted browser supports `CustomEvent`s)
- */
 export declare function emitEvent(type?: string, detail?: {}): void;
 export default emitEvent;

package/emitEvent.js

@@ -0,0 +1,11 @@
+export function emitEvent(type, detail) {
+    if (type === void 0) { type = "customEvent"; }
+    if (detail === void 0) { detail = {}; }
+    if (typeof window.CustomEvent !== "function")
+        return;
+    document.dispatchEvent(new CustomEvent(type, {
+        bubbles: true,
+        detail: detail,
+    }));
+}
+export default emitEvent;

package/escapeSelector.d.ts

@@ -1,8 +1,2 @@
-/**
- * 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
- */
 export declare function escapeSelector(selector: string): string;
 export default escapeSelector;

package/escapeSelector.js

@@ -0,0 +1,4 @@
+export function escapeSelector(selector) {
+    return selector.replace(/:/g, "\\:");
+}
+export default escapeSelector;

package/exists.d.ts

@@ -1,7 +1,2 @@
-/**
- * Checks if passed node exist and is a valid element.
- *
- * @borrows @glidejs/glide/src/utils/dom (source)
- */
 export declare function exists(node?: Element): boolean;
 export default exists;

package/exists.js

@@ -0,0 +1,7 @@
+export function exists(node) {
+    if (node && node instanceof window.HTMLElement) {
+        return true;
+    }
+    return false;
+}
+export default exists;

package/forEach.d.ts

@@ -1,7 +1,2 @@
-/**
- * For each, iterate through a `NodeList` or an `array` of `HTMLElement`s
- *
- * @param scope The optional `this` of the callback function
- */
 export declare function forEach<T extends HTMLElement, TScope = object>(nodes: NodeListOf<T> | T[], callback: (this: TScope, $element: T, index: number) => any, scope?: TScope): void;
 export default forEach;

package/forEach.js

@@ -0,0 +1,6 @@
+export function forEach(nodes, callback, scope) {
+    for (var i = 0; i < nodes.length; i++) {
+        callback.call(scope, nodes[i], i);
+    }
+}
+export default forEach;

package/getDataAttr.d.ts

@@ -1,8 +1,2 @@
-/**
- * Get data attribute
- *
- * @param element
- * @param attribute The name of the `data-{attr}`
- */
 export declare function getDataAttr(element: HTMLElement, attribute: string): string | null;
 export default getDataAttr;

package/getDataAttr.js

@@ -0,0 +1,4 @@
+export function getDataAttr(element, attribute) {
+    return element.getAttribute("data-" + attribute);
+}
+export default getDataAttr;

package/getDocumentHeight.d.ts

@@ -1,7 +1,2 @@
-/**
- * Determine the document's height
- *
- * @see https://github.com/cferdinandi/smooth-scroll (credits)
- */
 export declare function getDocumentHeight(): number;
 export default getDocumentHeight;

package/{getDocumentHeight.mjs → getDocumentHeight.js}

@@ -1,9 +1,5 @@
-/**
- * Determine the document's height
- *
- * @see https://github.com/cferdinandi/smooth-scroll (credits)
- */ export function getDocumentHeight() {
-    const { body, documentElement } = document;
+export function getDocumentHeight() {
+    var body = document.body, documentElement = document.documentElement;
     return Math.max(body.scrollHeight, documentElement.scrollHeight, body.offsetHeight, documentElement.offsetHeight, body.clientHeight, documentElement.clientHeight);
 }
 export default getDocumentHeight;

package/getHeight.d.ts

@@ -1,5 +1,2 @@
-/**
- * Get element height
- */
 export declare function getHeight(element: HTMLElement): number;
 export default getHeight;

package/{getHeight.mjs → getHeight.js}

@@ -1,6 +1,4 @@
-/**
- * Get element height
- */ export function getHeight(element) {
+export function getHeight(element) {
     return parseInt(window.getComputedStyle(element).height, 10);
 }
 export default getHeight;

package/getListeners.d.ts

@@ -1,9 +1,2 @@
-/**
- * Get an immutable copy of all active event listeners
- *
- * @category listen-delegation
- *
- * @return Active event listeners
- */
 export declare function getListeners(): Partial<Record<import("./types").AnyDOMEventType, import("./_listen-delegation").ListenEvent[]>>;
 export default getListeners;

package/getListeners.js

@@ -0,0 +1,9 @@
+import { activeEvents } from "./_listen-delegation.js";
+export function getListeners() {
+    var obj = {};
+    for (var type in activeEvents) {
+        obj[type] = activeEvents[type];
+    }
+    return obj;
+}
+export default getListeners;

package/getOffset.d.ts

@@ -1,9 +1,3 @@
-/**
- * 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
- */
 export declare function getOffset(elem: HTMLElement): {
     top: number;
     left: number;

package/getOffset.js

@@ -0,0 +1,11 @@
+export function getOffset(elem) {
+    var left = 0;
+    var top = 0;
+    while (elem && !isNaN(elem.offsetLeft) && !isNaN(elem.offsetTop)) {
+        left += elem.offsetLeft - elem.scrollLeft;
+        top += elem.offsetTop - elem.scrollTop;
+        elem = elem.offsetParent;
+    }
+    return { top: top, left: left };
+}
+export default getOffset;

package/getOffsetTop.d.ts

@@ -1,10 +1,2 @@
-/**
- * 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
- */
 export declare function getOffsetTop(elem: HTMLElement): number;
 export default getOffsetTop;

package/getOffsetTop.js

@@ -0,0 +1,11 @@
+export function getOffsetTop(elem) {
+    var location = 0;
+    if (elem.offsetParent) {
+        while (elem) {
+            location += elem.offsetTop;
+            elem = elem.offsetParent;
+        }
+    }
+    return location >= 0 ? location : 0;
+}
+export default getOffsetTop;

package/getOffsetTopSlim.d.ts

@@ -1,11 +1,2 @@
-/**
- * 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
- */
 export declare function getOffsetTopSlim(elem: HTMLElement): number;
 export default getOffsetTopSlim;

package/getOffsetTopSlim.js

@@ -0,0 +1,4 @@
+export function getOffsetTopSlim(elem) {
+    return elem.getBoundingClientRect().top + window.scrollY;
+}
+export default getOffsetTopSlim;

package/getScrollbarWidth.d.ts

@@ -1,5 +1,2 @@
-/**
- * Get scrollbar's current width
- */
 export declare function getScrollbarWidth(element?: HTMLElement): number;
 export default getScrollbarWidth;

package/{getScrollbarWidth.mjs → getScrollbarWidth.js}

@@ -1,6 +1,4 @@
-/**
- * Get scrollbar's current width
- */ export function getScrollbarWidth(element) {
+export function getScrollbarWidth(element) {
     return window.innerWidth - (element || document.documentElement).clientWidth;
 }
 export default getScrollbarWidth;

package/getStyleValue.d.ts

@@ -1,8 +1,2 @@
-/**
- * Return the current style value for an element CSS property
- *
- * @param el The element to compute
- * @param prop The style property
- */
 export declare function getStyleValue(el: HTMLElement, prop: string): string;
 export default getStyleValue;

package/getStyleValue.js

@@ -0,0 +1,4 @@
+export function getStyleValue(el, prop) {
+    return getComputedStyle(el, null).getPropertyValue(prop);
+}
+export default getStyleValue;

package/getVisualBackgroundColor.d.ts

@@ -1,6 +1,2 @@
-/**
- * Get the background color of an element eventually looking recursively into
- * its parents, if nothing is found it returns a `#fff` background
- */
 export declare function getVisualBackgroundColor(elem?: null | HTMLElement): string;
 export default getVisualBackgroundColor;

package/getVisualBackgroundColor.js

@@ -0,0 +1,16 @@
+export function getVisualBackgroundColor(elem) {
+    if (!elem)
+        return "#fff";
+    var transparent = "rgba(0, 0, 0, 0)";
+    var transparentIE11 = "transparent";
+    var bg = window.getComputedStyle(elem).backgroundColor;
+    if (bg === transparent || bg === transparentIE11) {
+        var parent_1 = elem.parentElement;
+        if (parent_1) {
+            return getVisualBackgroundColor(parent_1);
+        }
+        return "#fff";
+    }
+    return bg;
+}
+export default getVisualBackgroundColor;

package/index.d.ts

@@ -1,46 +1,46 @@
-export { $$ } from "./$$";
-export { $each } from "./$each";
-export { $ } from "./$";
-export { addClass } from "./addClass";
-export { calculateFixedOffset } from "./calculateFixedOffset";
-export { createElement } from "./createElement";
-export { emitEvent } from "./emitEvent";
-export { escapeSelector } from "./escapeSelector";
-export { exists } from "./exists";
-export { forEach } from "./forEach";
-export { getDataAttr } from "./getDataAttr";
-export { getDocumentHeight } from "./getDocumentHeight";
-export { getHeight } from "./getHeight";
-export { getListeners } from "./getListeners";
-export { getOffset } from "./getOffset";
-export { getOffsetTop } from "./getOffsetTop";
-export { getOffsetTopSlim } from "./getOffsetTopSlim";
-export { getScrollbarWidth } from "./getScrollbarWidth";
-export { getStyleValue } from "./getStyleValue";
-export { getVisualBackgroundColor } from "./getVisualBackgroundColor";
-export { injectCss } from "./injectCss";
-export { isHidden } from "./isHidden";
-export { isInViewport } from "./isInViewport";
-export { isNodeList } from "./isNodeList";
-export { isTotallyScrolled } from "./isTotallyScrolled";
-export { listenLoaded } from "./listenLoaded";
-export { listenOnce } from "./listenOnce";
-export { listenResize } from "./listenResize";
-export { listenResizeDebounced } from "./listenResizeDebounced";
-export { listenResizeThrottled } from "./listenResizeThrottled";
-export { listenScroll } from "./listenScroll";
-export { listenScrollDebounced } from "./listenScrollDebounced";
-export { listenScrollThrottled } from "./listenScrollThrottled";
-export { listen } from "./listen";
-export { off } from "./off";
-export { once } from "./once";
-export { onClickOutside } from "./onClickOutside";
-export { on } from "./on";
-export { removeClass } from "./removeClass";
-export { scrollTo } from "./scrollTo";
-export { setDataAttr } from "./setDataAttr";
-export { setVendorCSS } from "./setVendorCSS";
-export { siblings } from "./siblings";
-export { toArray } from "./toArray";
-export { unlisten } from "./unlisten";
-export type { AnyDOMEventTarget, AnyDOMEventTargetLoose } from "./types";
+export { $ } from "./$.js";
+export { $all } from "./$all.js";
+export { $each } from "./$each.js";
+export { addClass } from "./addClass.js";
+export { calculateFixedOffset } from "./calculateFixedOffset.js";
+export { createElement } from "./createElement.js";
+export { emitEvent } from "./emitEvent.js";
+export { escapeSelector } from "./escapeSelector.js";
+export { exists } from "./exists.js";
+export { forEach } from "./forEach.js";
+export { getDataAttr } from "./getDataAttr.js";
+export { getDocumentHeight } from "./getDocumentHeight.js";
+export { getHeight } from "./getHeight.js";
+export { getListeners } from "./getListeners.js";
+export { getOffset } from "./getOffset.js";
+export { getOffsetTop } from "./getOffsetTop.js";
+export { getOffsetTopSlim } from "./getOffsetTopSlim.js";
+export { getScrollbarWidth } from "./getScrollbarWidth.js";
+export { getStyleValue } from "./getStyleValue.js";
+export { getVisualBackgroundColor } from "./getVisualBackgroundColor.js";
+export { injectCss } from "./injectCss.js";
+export { isHidden } from "./isHidden.js";
+export { isInViewport } from "./isInViewport.js";
+export { isNodeList } from "./isNodeList.js";
+export { isTotallyScrolled } from "./isTotallyScrolled.js";
+export { listenLoaded } from "./listenLoaded.js";
+export { listenOnce } from "./listenOnce.js";
+export { listenResize } from "./listenResize.js";
+export { listenResizeDebounced } from "./listenResizeDebounced.js";
+export { listenResizeThrottled } from "./listenResizeThrottled.js";
+export { listenScroll } from "./listenScroll.js";
+export { listenScrollDebounced } from "./listenScrollDebounced.js";
+export { listenScrollThrottled } from "./listenScrollThrottled.js";
+export { listen } from "./listen.js";
+export { off } from "./off.js";
+export { once } from "./once.js";
+export { onClickOutside } from "./onClickOutside.js";
+export { on } from "./on.js";
+export { removeClass } from "./removeClass.js";
+export { scrollTo } from "./scrollTo.js";
+export { setDataAttr } from "./setDataAttr.js";
+export { setVendorCSS } from "./setVendorCSS.js";
+export { siblings } from "./siblings.js";
+export { toArray } from "./toArray.js";
+export { unlisten } from "./unlisten.js";
+export type { AnyDOMEventTarget, AnyDOMEventTargetLoose, AnyDOMEventType, AnyDOMEvent, } from "./types.js";

package/index.js

@@ -0,0 +1,45 @@
+export { $ } from "./$.js";
+export { $all } from "./$all.js";
+export { $each } from "./$each.js";
+export { addClass } from "./addClass.js";
+export { calculateFixedOffset } from "./calculateFixedOffset.js";
+export { createElement } from "./createElement.js";
+export { emitEvent } from "./emitEvent.js";
+export { escapeSelector } from "./escapeSelector.js";
+export { exists } from "./exists.js";
+export { forEach } from "./forEach.js";
+export { getDataAttr } from "./getDataAttr.js";
+export { getDocumentHeight } from "./getDocumentHeight.js";
+export { getHeight } from "./getHeight.js";
+export { getListeners } from "./getListeners.js";
+export { getOffset } from "./getOffset.js";
+export { getOffsetTop } from "./getOffsetTop.js";
+export { getOffsetTopSlim } from "./getOffsetTopSlim.js";
+export { getScrollbarWidth } from "./getScrollbarWidth.js";
+export { getStyleValue } from "./getStyleValue.js";
+export { getVisualBackgroundColor } from "./getVisualBackgroundColor.js";
+export { injectCss } from "./injectCss.js";
+export { isHidden } from "./isHidden.js";
+export { isInViewport } from "./isInViewport.js";
+export { isNodeList } from "./isNodeList.js";
+export { isTotallyScrolled } from "./isTotallyScrolled.js";
+export { listenLoaded } from "./listenLoaded.js";
+export { listenOnce } from "./listenOnce.js";
+export { listenResize } from "./listenResize.js";
+export { listenResizeDebounced } from "./listenResizeDebounced.js";
+export { listenResizeThrottled } from "./listenResizeThrottled.js";
+export { listenScroll } from "./listenScroll.js";
+export { listenScrollDebounced } from "./listenScrollDebounced.js";
+export { listenScrollThrottled } from "./listenScrollThrottled.js";
+export { listen } from "./listen.js";
+export { off } from "./off.js";
+export { once } from "./once.js";
+export { onClickOutside } from "./onClickOutside.js";
+export { on } from "./on.js";
+export { removeClass } from "./removeClass.js";
+export { scrollTo } from "./scrollTo.js";
+export { setDataAttr } from "./setDataAttr.js";
+export { setVendorCSS } from "./setVendorCSS.js";
+export { siblings } from "./siblings.js";
+export { toArray } from "./toArray.js";
+export { unlisten } from "./unlisten.js";

package/injectCss.d.ts

@@ -1,5 +1,2 @@
-/**
- * Inject css
- */
 export declare function injectCss(id: string, cssString?: string, root?: Document): void;
 export default injectCss;

package/{injectCss.mjs → injectCss.js}

@@ -1,7 +1,7 @@
-/**
- * Inject css
- */ export function injectCss(id, cssString = "", root = document) {
-    let styleblock;
+export 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");

package/isHidden.d.ts

@@ -1,5 +1,2 @@
-/**
- * Is element hidden?
- */
 export declare function isHidden(el?: HTMLElement): boolean;
 export default isHidden;