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

package/setDataAttr.esm.js

@@ -0,0 +1,3 @@
+let setDataAttr=(t,e,r)=>{if(null==r){t.removeAttribute("data-"+e);return}t.setAttribute("data-"+e,r.toString());};
+
+export { setDataAttr as default, setDataAttr };

package/setVendorCSS.cjs.d.ts

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

package/setVendorCSS.cjs.default.js

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

package/setVendorCSS.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let setVendorCSS=(e,t,s)=>{let l=t.charAt(0).toUpperCase()+t.slice(1);e.style["webkit"+l]=s,e.style["moz"+l]=s,e.style["ms"+l]=s,e.style["o"+l]=s,e.style[t]=s;};
+
+exports.default = setVendorCSS;
+exports.setVendorCSS = setVendorCSS;

package/setVendorCSS.cjs.mjs

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

package/setVendorCSS.d.ts

@@ -1,2 +1,9 @@
-export declare function setVendorCSS(element: HTMLElement, prop: string, value: string | number | boolean): void;
+/**
+ * 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
+ */
+export declare let setVendorCSS: <T extends HTMLElement>(element: T, prop: string, value: string | number | boolean) => void;
 export default setVendorCSS;

package/setVendorCSS.esm.d.ts

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

package/setVendorCSS.esm.js

@@ -0,0 +1,3 @@
+let setVendorCSS=(e,t,s)=>{let l=t.charAt(0).toUpperCase()+t.slice(1);e.style["webkit"+l]=s,e.style["moz"+l]=s,e.style["ms"+l]=s,e.style["o"+l]=s,e.style[t]=s;};
+
+export { setVendorCSS as default, setVendorCSS };

package/siblings.cjs.d.ts

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

package/siblings.cjs.default.js

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

package/siblings.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let siblings=e=>{if(e&&e.parentNode){let t=e.parentNode.firstChild,r=[];for(;t;t=t.nextSibling)1===t.nodeType&&t!==e&&r.push(t);return r}return []};
+
+exports.default = siblings;
+exports.siblings = siblings;

package/siblings.cjs.mjs

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

package/siblings.d.ts

@@ -1,2 +1,7 @@
-export declare function siblings(node: Element): Element[];
+/**
+ * Finds siblings nodes of the passed node.
+ *
+ * @borrows @glidejs/glide/src/utils/dom (source)
+ */
+export declare let siblings: <T extends Element>(node: T) => Element[];
 export default siblings;

package/siblings.esm.d.ts

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

package/siblings.esm.js

@@ -0,0 +1,3 @@
+let siblings=e=>{if(e&&e.parentNode){let t=e.parentNode.firstChild,r=[];for(;t;t=t.nextSibling)1===t.nodeType&&t!==e&&r.push(t);return r}return []};
+
+export { siblings as default, siblings };

package/toArray.cjs.d.ts

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

package/toArray.cjs.default.js

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

package/toArray.cjs.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+let toArray=r=>Array.prototype.slice.call(r);
+
+exports.default = toArray;
+exports.toArray = toArray;

package/toArray.cjs.mjs

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

package/toArray.d.ts

@@ -1,2 +1,7 @@
-export declare function toArray<T extends Element = HTMLElement>(nodeList: NodeListOf<T> | HTMLFormControlsCollection): T[] | HTMLFormElement[];
+/**
+ * Node list to array
+ *
+ * @param nodeList
+ */
+export declare let toArray: <T extends Element>(nodeList: NodeListOf<T> | HTMLFormControlsCollection) => T[] | HTMLFormElement[];
 export default toArray;

package/toArray.esm.d.ts

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

package/toArray.esm.js

@@ -0,0 +1,3 @@
+let toArray=r=>Array.prototype.slice.call(r);
+
+export { toArray as default, toArray };

package/types.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./types";

package/types.cjs.default.js

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

package/types.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/types.cjs.mjs

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

package/types.d.ts

@@ -1,6 +1,9 @@
-import { LiteralUnion } from "type-fest";
-import type { AnythingFalsy } from "@koine/utils/types";
+import type { AnythingFalsy, LiteralUnion } from "@koine/utils";
 export type AnyDOMEventTarget = Window | Document | HTMLElement | Element;
+/**
+ * We use it either throwing an error on unexisting element or falling back
+ * to `window` in case of _scroll_ or _resize_ events
+ */
 export type AnyDOMEventTargetLoose = AnyDOMEventTarget | AnythingFalsy;
 type StandardDOMEventTypes = keyof GlobalEventHandlersEventMap;
 export type AnyDOMEventType = LiteralUnion<StandardDOMEventTypes | "storage" | "popstate", string>;

package/types.esm.d.ts

@@ -0,0 +1 @@
+export * from "./types";

package/types.esm.js

@@ -0,0 +1 @@
+

package/unlisten.cjs.d.ts

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

package/unlisten.cjs.default.js

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

package/unlisten.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _listenDelegation = require('./_listen-delegation.cjs.js');
+var off = require('./off.cjs.js');
+
+let unlisten=(r,n,o)=>{r.split(",").forEach(r=>{let f=_listenDelegation.activeEvents[r=r.trim()];if(!f)return;if(f.length<2||!n){delete _listenDelegation.activeEvents[r],off.off(window,r,_listenDelegation.eventHandler,!0);return}let p=_listenDelegation.getIndex(f,n,o);p<0||_listenDelegation.activeEvents[r].splice(p,1);});};
+
+exports.default = unlisten;
+exports.unlisten = unlisten;

package/unlisten.cjs.mjs

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

package/unlisten.d.ts

@@ -1,4 +1,13 @@
-import { type EventCallback } from "./_listen-delegation.js";
-import type { AnyDOMEventTarget, AnyDOMEventType } from "./types.js";
-export declare function unlisten<TTypes extends AnyDOMEventType, TTarget extends AnyDOMEventTarget = AnyDOMEventTarget>(types: TTypes, selector: string, callback: EventCallback<TTarget, TTypes>): void;
+import { type EventCallback } from "./_listen-delegation";
+import type { AnyDOMEventTarget, AnyDOMEventType } from "./types";
+/**
+ * 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
+ */
+export declare let unlisten: <TTypes extends AnyDOMEventType, TTarget extends AnyDOMEventTarget = AnyDOMEventTarget>(types: TTypes, selector: string, callback: EventCallback<TTarget, TTypes>) => void;
 export default unlisten;

package/unlisten.esm.d.ts

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

package/unlisten.esm.js

@@ -0,0 +1,6 @@
+import { activeEvents, eventHandler, getIndex } from './_listen-delegation.esm.js';
+import { off } from './off.esm.js';
+
+let unlisten=(r,n,o)=>{r.split(",").forEach(r=>{let f=activeEvents[r=r.trim()];if(!f)return;if(f.length<2||!n){delete activeEvents[r],off(window,r,eventHandler,!0);return}let p=getIndex(f,n,o);p<0||activeEvents[r].splice(p,1);});};
+
+export { unlisten as default, unlisten };

package/$.d.ts

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

package/$.js

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

package/$all.d.ts

@@ -1,2 +0,0 @@
-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

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

package/$each.d.ts

@@ -1,2 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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.js

@@ -1,46 +0,0 @@
-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.js

@@ -1,12 +0,0 @@
-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);
-}
-export default addClass;

package/calculateFixedOffset.js

@@ -1,10 +0,0 @@
-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.js

@@ -1,9 +0,0 @@
-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.js

@@ -1,11 +0,0 @@
-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.js

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

package/exists.js

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

package/forEach.js

@@ -1,6 +0,0 @@
-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.js

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

package/getDocumentHeight.js

@@ -1,5 +0,0 @@
-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.js

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

package/getListeners.js

@@ -1,9 +0,0 @@
-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.js

@@ -1,11 +0,0 @@
-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.js

@@ -1,11 +0,0 @@
-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.js

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

package/getScrollbarWidth.js

@@ -1,4 +0,0 @@
-export function getScrollbarWidth(element) {
-    return window.innerWidth - (element || document.documentElement).clientWidth;
-}
-export default getScrollbarWidth;

package/getStyleValue.js

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

package/getVisualBackgroundColor.js

@@ -1,16 +0,0 @@
-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.js

@@ -1,45 +0,0 @@
-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.js

@@ -1,13 +0,0 @@
-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");
-        styleblock.id = id;
-        root.body.appendChild(styleblock);
-    }
-    styleblock.innerHTML = cssString;
-}
-export default injectCss;

package/isHidden.js

@@ -1,4 +0,0 @@
-export function isHidden(el) {
-    return !el || el.offsetParent === null;
-}
-export default isHidden;

package/isInViewport.js

@@ -1,10 +0,0 @@
-export 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));
-}
-export default isInViewport;

package/isNodeList.js

@@ -1,9 +0,0 @@
-export 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)));
-}
-export default isNodeList;

package/isTotallyScrolled.js

@@ -1,4 +0,0 @@
-export function isTotallyScrolled(el) {
-    return el ? el.scrollHeight - el.scrollTop <= el.clientHeight : false;
-}
-export default isTotallyScrolled;

package/listen.js

@@ -1,19 +0,0 @@
-import { activeEvents, eventHandler, } from "./_listen-delegation.js";
-import { on } from "./on.js";
-export function listen(types, selector, callback) {
-    if (!selector || !callback)
-        return;
-    types.split(",").forEach(function (type) {
-        var _a;
-        type = type.trim();
-        if (!activeEvents[type]) {
-            activeEvents[type] = [];
-            on(window, type, eventHandler, true);
-        }
-        (_a = activeEvents[type]) === null || _a === void 0 ? void 0 : _a.push({
-            selector: selector,
-            callback: callback,
-        });
-    });
-}
-export default listen;

package/listenLoaded.js

@@ -1,5 +0,0 @@
-import { on } from "./on.js";
-export function listenLoaded(handler) {
-    on(document, "DOMContentLoaded", handler);
-}
-export default listenLoaded;

package/listenOnce.js

@@ -1,11 +0,0 @@
-import { getRunTarget } from "./_listen-delegation.js";
-import { listen } from "./listen.js";
-import { unlisten } from "./unlisten.js";
-export function listenOnce(types, selector, callback) {
-    listen(types, selector, function temp(event) {
-        var target = getRunTarget(event.target, selector);
-        callback(event, target || window);
-        unlisten(types, selector, temp);
-    });
-}
-export default listenOnce;

package/listenResize.js

@@ -1,3 +0,0 @@
-import { on } from "./on.js";
-export var listenResize = function (handler, el) { return on(el || window, "resize", handler); };
-export default listenResize;

package/listenResizeDebounced.js

@@ -1,10 +0,0 @@
-import debounce from "@koine/utils/debounce";
-import listenResize from "./listenResize.js";
-export var listenResizeDebounced = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return listenResize(debounce.apply(void 0, args), el);
-};
-export default listenResizeDebounced;

package/listenResizeThrottled.js

@@ -1,10 +0,0 @@
-import throttle from "@koine/utils/throttle";
-import { listenResize } from "./listenResize.js";
-export var listenResizeThrottled = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return listenResize(throttle.apply(void 0, args), el);
-};
-export default listenResizeThrottled;