@koine/dom 2.0.0-beta.8 → 2.0.0-beta.80

package/_listen-delegation.cjs.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var utils = require('@koine/utils');
+var escapeSelector = require('./escapeSelector.cjs.js');
+
+let activeEvents = {};
+let 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;
+};
+let getRunTarget = (target, selector) => {
+    if (["*", "window", window].includes(selector)) {
+        return window;
+    }
+    if ([
+        "document",
+        "document.documentElement",
+        document,
+        document.documentElement,
+    ].includes(selector))
+        return document;
+    if (utils.isString(selector)) {
+        return target.closest(escapeSelector.escapeSelector(selector));
+    }
+    if (typeof selector !== "string" && selector.contains) {
+        if (selector === target) {
+            return target;
+        }
+        if (selector.contains(target)) {
+            return selector;
+        }
+        return false;
+    }
+    return false;
+};
+let eventHandler = (event) => {
+    activeEvents[event.type]?.forEach(function (listener) {
+        const target = getRunTarget(event.target, listener.selector);
+        if (!target) {
+            return;
+        }
+        listener.callback(event, target);
+    });
+};
+
+exports.activeEvents = activeEvents;
+exports.eventHandler = eventHandler;
+exports.getIndex = getIndex;
+exports.getRunTarget = getRunTarget;

package/_listen-delegation.d.ts

@@ -1,39 +1 @@
-import type { AnyDOMEvent, AnyDOMEventTarget, AnyDOMEventType } from "./types";
-/**
- * @internal
- */
-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;
+export {};

package/_listen-delegation.esm.js

@@ -0,0 +1,48 @@
+import { isString } from '@koine/utils';
+import { escapeSelector } from './escapeSelector.esm.js';
+
+let activeEvents = {};
+let 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;
+};
+let 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;
+};
+let eventHandler = (event) => {
+    activeEvents[event.type]?.forEach(function (listener) {
+        const target = getRunTarget(event.target, listener.selector);
+        if (!target) {
+            return;
+        }
+        listener.callback(event, target);
+    });
+};
+
+export { activeEvents as a, getIndex as b, eventHandler as e, getRunTarget as g };

package/addClass.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./addClass";
+export { default } from "./addClass";

package/addClass.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./addClass.cjs.js').default;

package/addClass.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let addClass = (el, className = "") => {
+    if (process.env["NODE_ENV"] === "development") {
+        if (!el) {
+            console.warn("[@koine/dom:addClass] unexisting DOM element");
+            return;
+        }
+    }
+    if (el)
+        el.classList.add(className);
+};
+
+exports.addClass = addClass;
+exports["default"] = addClass;

package/addClass.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './addClass.cjs.js';
+export { _default as default } from './addClass.cjs.default.js';

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 declare let addClass: <T extends Element = HTMLElement>(el?: T | undefined, className?: string) => void;
 export default addClass;

package/addClass.esm.js

@@ -0,0 +1,12 @@
+let addClass = (el, className = "") => {
+    if (process.env["NODE_ENV"] === "development") {
+        if (!el) {
+            console.warn("[@koine/dom:addClass] unexisting DOM element");
+            return;
+        }
+    }
+    if (el)
+        el.classList.add(className);
+};
+
+export { addClass, addClass as default };

package/calculateFixedOffset.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./calculateFixedOffset";
+export { default } from "./calculateFixedOffset";

package/calculateFixedOffset.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./calculateFixedOffset.cjs.js').default;

package/calculateFixedOffset.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var domEach = require('./domEach.cjs.js');
+require('./domAll.cjs.js');
+
+let calculateFixedOffset = (selector = "[data-fixed]") => {
+    let fixedOffset = 0;
+    domEach.domEach(selector, ($el) => {
+        fixedOffset += $el.offsetHeight;
+    });
+    return fixedOffset;
+};
+
+exports.calculateFixedOffset = calculateFixedOffset;
+exports["default"] = calculateFixedOffset;

package/calculateFixedOffset.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './calculateFixedOffset.cjs.js';
+export { _default as default } from './calculateFixedOffset.cjs.default.js';

package/calculateFixedOffset.d.ts

@@ -1,2 +1,2 @@
-export declare function calculateFixedOffset(selector?: string): number;
+export declare let calculateFixedOffset: (selector?: string) => number;
 export default calculateFixedOffset;

package/calculateFixedOffset.esm.js

@@ -0,0 +1,12 @@
+import { domEach } from './domEach.esm.js';
+import './domAll.esm.js';
+
+let calculateFixedOffset = (selector = "[data-fixed]") => {
+    let fixedOffset = 0;
+    domEach(selector, ($el) => {
+        fixedOffset += $el.offsetHeight;
+    });
+    return fixedOffset;
+};
+
+export { calculateFixedOffset, calculateFixedOffset as default };

package/createElement.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./createElement";
+export { default } from "./createElement";

package/createElement.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./createElement.cjs.js').default;

package/createElement.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var addClass = require('./addClass.cjs.js');
+
+let createElement = (type, className) => {
+    const el = document.createElement(type);
+    if (className) {
+        addClass.addClass(el, className);
+    }
+    return el;
+};
+
+exports.createElement = createElement;
+exports["default"] = createElement;

package/createElement.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './createElement.cjs.js';
+export { _default as default } from './createElement.cjs.default.js';

package/createElement.d.ts

@@ -1,9 +1,3 @@
-/**
- * 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;
+type LiteralUnion<LiteralType, BaseType extends string> = LiteralType | (BaseType & Record<never, never>);
+export declare let createElement: <TType extends LiteralUnion<keyof HTMLElementTagNameMap, string>, TElement extends HTMLElement = TType extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[TType] : HTMLElement>(type: TType, className?: string) => TElement;
 export default createElement;

package/createElement.esm.js

@@ -0,0 +1,11 @@
+import { addClass } from './addClass.esm.js';
+
+let createElement = (type, className) => {
+    const el = document.createElement(type);
+    if (className) {
+        addClass(el, className);
+    }
+    return el;
+};
+
+export { createElement, createElement as default };

package/dom.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./dom";
+export { default } from "./dom";

package/dom.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./dom.cjs.js').default;

package/dom.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let dom = (selector, parent, avoidEscape) => (parent ? parent : document).querySelector(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
+
+exports["default"] = dom;
+exports.dom = dom;

package/dom.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './dom.cjs.js';
+export { _default as default } from './dom.cjs.default.js';

package/dom.d.ts

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

package/dom.esm.js

@@ -0,0 +1,3 @@
+let dom = (selector, parent, avoidEscape) => (parent ? parent : document).querySelector(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
+
+export { dom as default, dom };

package/domAll.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./domAll";
+export { default } from "./domAll";

package/domAll.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./domAll.cjs.js').default;

package/domAll.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let domAll = (selector, parent, avoidEscape) => (parent ? parent : document).querySelectorAll(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
+
+exports["default"] = domAll;
+exports.domAll = domAll;

package/domAll.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './domAll.cjs.js';
+export { _default as default } from './domAll.cjs.default.js';

package/domAll.d.ts

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

package/domAll.esm.js

@@ -0,0 +1,3 @@
+let domAll = (selector, parent, avoidEscape) => (parent ? parent : document).querySelectorAll(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
+
+export { domAll as default, domAll };

package/domEach.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./domEach";
+export { default } from "./domEach";

package/domEach.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./domEach.cjs.js').default;

package/domEach.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var domAll = require('./domAll.cjs.js');
+
+let domEach = (selector, callback, parent, scope) => {
+    const nodes = domAll.domAll(selector, parent);
+    for (let i = 0; i < nodes.length; i++) {
+        callback.call(scope, nodes[i], i);
+    }
+};
+
+exports["default"] = domEach;
+exports.domEach = domEach;

package/domEach.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './domEach.cjs.js';
+export { _default as default } from './domEach.cjs.default.js';

package/domEach.d.ts

@@ -0,0 +1,2 @@
+export declare let domEach: <T extends Element = HTMLElement>(selector: string, callback: ($element: T, index: number) => any, parent?: HTMLElement, scope?: object) => void;
+export default domEach;

package/domEach.esm.js

@@ -0,0 +1,10 @@
+import { domAll } from './domAll.esm.js';
+
+let domEach = (selector, callback, parent, scope) => {
+    const nodes = domAll(selector, parent);
+    for (let i = 0; i < nodes.length; i++) {
+        callback.call(scope, nodes[i], i);
+    }
+};
+
+export { domEach as default, domEach };

package/emitEvent.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./emitEvent";
+export { default } from "./emitEvent";

package/emitEvent.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./emitEvent.cjs.js').default;

package/emitEvent.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let emitEvent = (type = "customEvent", detail = {}) => {
+    if (typeof window.CustomEvent !== "function")
+        return;
+    document.dispatchEvent(new CustomEvent(type, {
+        bubbles: true,
+        detail,
+    }));
+};
+
+exports["default"] = emitEvent;
+exports.emitEvent = emitEvent;

package/emitEvent.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './emitEvent.cjs.js';
+export { _default as default } from './emitEvent.cjs.default.js';

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 declare let emitEvent: (type?: string, detail?: {}) => void;
 export default emitEvent;

package/emitEvent.esm.js

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

package/escapeSelector.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./escapeSelector";
+export { default } from "./escapeSelector";

package/escapeSelector.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./escapeSelector.cjs.js').default;

package/escapeSelector.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let escapeSelector = (selector) => selector.replace(/:/g, "\\:");
+
+exports["default"] = escapeSelector;
+exports.escapeSelector = escapeSelector;

package/escapeSelector.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './escapeSelector.cjs.js';
+export { _default as default } from './escapeSelector.cjs.default.js';

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 declare let escapeSelector: (selector: string) => string;
 export default escapeSelector;

package/escapeSelector.esm.js

@@ -0,0 +1,3 @@
+let escapeSelector = (selector) => selector.replace(/:/g, "\\:");
+
+export { escapeSelector as default, escapeSelector };

package/exists.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./exists";
+export { default } from "./exists";

package/exists.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./exists.cjs.js').default;

package/exists.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let exists = (node) => node && node instanceof window.HTMLElement;
+
+exports["default"] = exists;
+exports.exists = exists;

package/exists.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './exists.cjs.js';
+export { _default as default } from './exists.cjs.default.js';

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 declare let exists: (node?: Element) => boolean | undefined;
 export default exists;

package/exists.esm.js

@@ -0,0 +1,3 @@
+let exists = (node) => node && node instanceof window.HTMLElement;
+
+export { exists as default, exists };

package/forEach.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./forEach";
+export { default } from "./forEach";

package/forEach.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./forEach.cjs.js').default;

package/forEach.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let forEach = (nodes, callback, scope) => {
+    for (let i = 0; i < nodes.length; i++) {
+        callback.call(scope, nodes[i], i);
+    }
+};
+
+exports["default"] = forEach;
+exports.forEach = forEach;

package/forEach.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './forEach.cjs.js';
+export { _default as default } from './forEach.cjs.default.js';

package/forEach.d.ts

@@ -1,8 +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<TScope = object>(nodes: HTMLElement[], callback: (this: TScope, $element: HTMLElement, index: number) => any, scope?: TScope): void;
-export declare function forEach<TScope = object>(nodes: NodeListOf<HTMLElement> | HTMLElement[], callback: (this: TScope, $element: HTMLElement, index: number) => any, scope?: TScope): void;
+export declare let forEach: <T extends HTMLElement, TScope = object>(nodes: NodeListOf<T> | T[], callback: (this: TScope, $element: T, index: number) => any, scope?: TScope | undefined) => void;
 export default forEach;

package/forEach.esm.js

@@ -0,0 +1,7 @@
+let forEach = (nodes, callback, scope) => {
+    for (let i = 0; i < nodes.length; i++) {
+        callback.call(scope, nodes[i], i);
+    }
+};
+
+export { forEach as default, forEach };

package/getDataAttr.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./getDataAttr";
+export { default } from "./getDataAttr";

package/getDataAttr.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./getDataAttr.cjs.js').default;

package/getDataAttr.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let getDataAttr = (element, attribute) => element.getAttribute("data-" + attribute);
+
+exports["default"] = getDataAttr;
+exports.getDataAttr = getDataAttr;

package/getDataAttr.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './getDataAttr.cjs.js';
+export { _default as default } from './getDataAttr.cjs.default.js';

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 declare let getDataAttr: (element: HTMLElement, attribute: string) => string | null;
 export default getDataAttr;

package/getDataAttr.esm.js

@@ -0,0 +1,3 @@
+let getDataAttr = (element, attribute) => element.getAttribute("data-" + attribute);
+
+export { getDataAttr as default, getDataAttr };

package/getDocumentHeight.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./getDocumentHeight";
+export { default } from "./getDocumentHeight";

package/getDocumentHeight.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./getDocumentHeight.cjs.js').default;

package/getDocumentHeight.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let getDocumentHeight = () => {
+    const { body, documentElement } = document;
+    return Math.max(body.scrollHeight, documentElement.scrollHeight, body.offsetHeight, documentElement.offsetHeight, body.clientHeight, documentElement.clientHeight);
+};
+
+exports["default"] = getDocumentHeight;
+exports.getDocumentHeight = getDocumentHeight;