@koine/dom 2.0.0-beta.76 → 2.0.0-beta.78

package/$.cjs.default.js

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

package/$.cjs.mjs

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

package/$all.cjs.default.js

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

package/$all.cjs.mjs

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

package/$each.cjs.default.js

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

package/$each.cjs.mjs

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

package/README.md

@@ -0,0 +1 @@
+# @koine/dom

package/_.cjs.d.ts

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

package/_.cjs.js

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

package/_.esm.js

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

package/_all.cjs.d.ts

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

package/_all.cjs.js

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

package/_all.esm.js

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

package/_each.cjs.d.ts

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

package/_each.cjs.js

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

package/_each.esm.js

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

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.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.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 $each = require('./_each.cjs.js');
+require('./_all.cjs.js');
+
+let calculateFixedOffset = (selector = "[data-fixed]") => {
+    let fixedOffset = 0;
+    $each.$each(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.esm.js

@@ -0,0 +1,12 @@
+import { $each } from './_each.esm.js';
+import './_all.esm.js';
+
+let calculateFixedOffset = (selector = "[data-fixed]") => {
+    let fixedOffset = 0;
+    $each(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,3 +1,3 @@
-import type { LiteralUnion } from "@koine/utils";
+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/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.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.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.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.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.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;

package/getDocumentHeight.cjs.mjs

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

package/getDocumentHeight.esm.js

@@ -0,0 +1,6 @@
+let getDocumentHeight = () => {
+    const { body, documentElement } = document;
+    return Math.max(body.scrollHeight, documentElement.scrollHeight, body.offsetHeight, documentElement.offsetHeight, body.clientHeight, documentElement.clientHeight);
+};
+
+export { getDocumentHeight as default, getDocumentHeight };

package/getHeight.cjs.d.ts

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

package/getHeight.cjs.default.js

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

package/getHeight.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let getHeight = (element) => parseInt(window.getComputedStyle(element).height, 10);
+
+exports["default"] = getHeight;
+exports.getHeight = getHeight;

package/getHeight.cjs.mjs

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

package/getHeight.esm.js

@@ -0,0 +1,3 @@
+let getHeight = (element) => parseInt(window.getComputedStyle(element).height, 10);
+
+export { getHeight as default, getHeight };

package/getListeners.cjs.d.ts

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

package/getListeners.cjs.default.js

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

package/getListeners.cjs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _listenDelegation = require('./_listen-delegation.cjs.js');
+require('@koine/utils');
+require('./escapeSelector.cjs.js');
+
+let getListeners = () => {
+    const obj = {};
+    for (const type in _listenDelegation.activeEvents) {
+        obj[type] = _listenDelegation.activeEvents[type];
+    }
+    return obj;
+};
+
+exports["default"] = getListeners;
+exports.getListeners = getListeners;

package/getListeners.cjs.mjs

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

package/getListeners.esm.js

@@ -0,0 +1,13 @@
+import { a as activeEvents } from './_listen-delegation.esm.js';
+import '@koine/utils';
+import './escapeSelector.esm.js';
+
+let getListeners = () => {
+    const obj = {};
+    for (const type in activeEvents) {
+        obj[type] = activeEvents[type];
+    }
+    return obj;
+};
+
+export { getListeners as default, getListeners };

package/getOffset.cjs.d.ts

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

package/getOffset.cjs.default.js

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

package/getOffset.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let 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;
+        elem = elem.offsetParent;
+    }
+    return { top, left };
+};
+
+exports["default"] = getOffset;
+exports.getOffset = getOffset;

package/getOffset.cjs.mjs

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