@koine/dom 2.0.0-beta.72 → 2.0.0-beta.74

package/$.d.ts

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

package/$.js

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

package/$all.d.ts

@@ -1 +1,2 @@
 export declare let $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,2 @@
+export let $all = (selector, parent, avoidEscape) => (parent ? parent : document).querySelectorAll(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
+export default $all;

package/$each.d.ts

@@ -1 +1,2 @@
 export declare let $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";
+export 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 default $each;

package/_listen-delegation.d.ts

@@ -1,10 +1 @@
-import type { AnyDOMEvent, AnyDOMEventTarget, AnyDOMEventType } from "./types";
-export type EventCallback<TTarget extends AnyDOMEventTarget = AnyDOMEventTarget, TType extends AnyDOMEventType = AnyDOMEventType> = (event: AnyDOMEvent<TType>, desiredTarget: TTarget) => any;
-export type ListenEvent = {
-    selector: string;
-    callback: EventCallback;
-};
-export declare let activeEvents: Partial<Record<AnyDOMEventType, ListenEvent[]>>;
-export declare let getIndex: (arr: ListenEvent[], selector: string, callback: EventCallback) => number;
-export declare let getRunTarget: (target: Element, selector: string | Window | Document | Element) => false | Window | Document | Element | null;
-export declare let eventHandler: (event: Event) => void;
+export {};

package/_listen-delegation.js

@@ -0,0 +1,45 @@
+import { isString } from "@koine/utils";
+import { escapeSelector } from "./escapeSelector";
+export let activeEvents = {};
+export 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;
+};
+export 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;
+};
+export let eventHandler = (event) => {
+    activeEvents[event.type]?.forEach(function (listener) {
+        const target = getRunTarget(event.target, listener.selector);
+        if (!target) {
+            return;
+        }
+        listener.callback(event, target);
+    });
+};

package/addClass.d.ts

@@ -1 +1,2 @@
 export declare let addClass: <T extends Element = HTMLElement>(el?: T | undefined, className?: string) => void;
+export default addClass;

package/addClass.js

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

package/calculateFixedOffset.d.ts

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

package/calculateFixedOffset.js

@@ -0,0 +1,9 @@
+import { $each } from "./$each";
+export let calculateFixedOffset = (selector = "[data-fixed]") => {
+    let fixedOffset = 0;
+    $each(selector, ($el) => {
+        fixedOffset += $el.offsetHeight;
+    });
+    return fixedOffset;
+};
+export default calculateFixedOffset;

package/createElement.d.ts

@@ -1,2 +1,3 @@
 import type { LiteralUnion } from "@koine/utils";
 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.js

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

package/emitEvent.d.ts

@@ -1 +1,2 @@
 export declare let emitEvent: (type?: string, detail?: {}) => void;
+export default emitEvent;

package/emitEvent.js

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

package/escapeSelector.d.ts

@@ -1 +1,2 @@
 export declare let escapeSelector: (selector: string) => string;
+export default escapeSelector;

package/escapeSelector.js

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

package/exists.d.ts

@@ -1 +1,2 @@
 export declare let exists: (node?: Element) => boolean | undefined;
+export default exists;

package/exists.js

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

package/forEach.d.ts

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

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

package/getDataAttr.d.ts

@@ -1 +1,2 @@
 export declare let getDataAttr: (element: HTMLElement, attribute: string) => string | null;
+export default getDataAttr;

package/getDataAttr.js

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

package/getDocumentHeight.d.ts

@@ -1 +1,2 @@
 export declare let getDocumentHeight: () => number;
+export default getDocumentHeight;

package/getDocumentHeight.js

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

package/getHeight.d.ts

@@ -1 +1,2 @@
 export declare let getHeight: <T extends Element>(element: T) => number;
+export default getHeight;

package/getHeight.js

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

package/getListeners.d.ts

@@ -1 +1,2 @@
 export declare let 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";
+export let getListeners = () => {
+    const obj = {};
+    for (const type in activeEvents) {
+        obj[type] = activeEvents[type];
+    }
+    return obj;
+};
+export default getListeners;

package/getOffset.d.ts

@@ -2,3 +2,4 @@ export declare let getOffset: <T extends HTMLElement>(elem: T) => {
     top: number;
     left: number;
 };
+export default getOffset;

package/getOffset.js

@@ -0,0 +1,11 @@
+export 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 };
+};
+export default getOffset;

package/getOffsetTop.d.ts

@@ -1 +1,2 @@
 export declare let getOffsetTop: <T extends HTMLElement>(elem: T) => number;
+export default getOffsetTop;

package/getOffsetTop.js

@@ -0,0 +1,11 @@
+export let getOffsetTop = (elem) => {
+    let 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 +1,2 @@
 export declare let getOffsetTopSlim: <T extends HTMLElement>(elem: T) => number;
+export default getOffsetTopSlim;

package/getOffsetTopSlim.js

@@ -0,0 +1,2 @@
+export let getOffsetTopSlim = (elem) => elem.getBoundingClientRect().top + window.scrollY;
+export default getOffsetTopSlim;

package/getScrollbarWidth.d.ts

@@ -1 +1,2 @@
 export declare let getScrollbarWidth: <T extends HTMLElement>(element?: T | undefined) => number;
+export default getScrollbarWidth;

package/getScrollbarWidth.js

@@ -0,0 +1,2 @@
+export let getScrollbarWidth = (element) => window.innerWidth - (element || document.documentElement).clientWidth;
+export default getScrollbarWidth;

package/getStyleValue.d.ts

@@ -1 +1,2 @@
 export declare let getStyleValue: <T extends HTMLElement>(el: T, prop: string) => string;
+export default getStyleValue;

package/getStyleValue.js

@@ -0,0 +1,2 @@
+export let getStyleValue = (el, prop) => getComputedStyle(el, null).getPropertyValue(prop);
+export default getStyleValue;

package/getVisualBackgroundColor.d.ts

@@ -1 +1,2 @@
 export declare let getVisualBackgroundColor: (elem?: null | HTMLElement) => string;
+export default getVisualBackgroundColor;

package/getVisualBackgroundColor.js

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

package/index.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@koine/utils');
 
-let $=(e,r,t)=>(r||document).querySelector(t?e:e.replace(/:/g,"\\:"));
+let $=(e,t,r)=>(t||document).querySelector(r?e:e.replace(/:/g,"\\:"));
 
-let $all=(e,l,r)=>(l||document).querySelectorAll(r?e:e.replace(/:/g,"\\:"));
+let $all=(e,l,t)=>(l||document).querySelectorAll(t?e:e.replace(/:/g,"\\:"));
 
-let $each=(e,t,o,r)=>{let a=$all(e,o);for(let l=0;l<a.length;l++)t.call(r,a[l],l);};
+let $each=(l,t,a,o)=>{let r=$all(l,a);for(let e=0;e<r.length;e++)t.call(o,r[e],e);};
 
 let addClass=(e,s="")=>{if("development"===process.env.NODE_ENV&&!e){console.warn("[@koine/dom:addClass] unexisting DOM element");return}e&&e.classList.add(s);};
 
@@ -22,7 +22,7 @@ let escapeSelector=e=>e.replace(/:/g,"\\:");
 
 let exists=e=>e&&e instanceof window.HTMLElement;
 
-let forEach=(l,e,t)=>{for(let o=0;o<l.length;o++)e.call(t,l[o],o);};
+let forEach=(e,l,t)=>{for(let o=0;o<e.length;o++)l.call(t,e[o],o);};
 
 let getDataAttr=(t,e)=>t.getAttribute("data-"+e);
 
@@ -34,7 +34,7 @@ let activeEvents={};let getIndex=(e,t,n)=>{for(let r=0;r<e.length;r++)if(e[r].se
 
 let getListeners=()=>{let t={};for(let r in activeEvents)t[r]=activeEvents[r];return t};
 
-let getOffset=f=>{let e=0,t=0;for(;f&&!isNaN(f.offsetLeft)&&!isNaN(f.offsetTop);)e+=f.offsetLeft-f.scrollLeft,t+=f.offsetTop-f.scrollTop,f=f.offsetParent;return {top:t,left:e}};
+let getOffset=e=>{let f=0,t=0;for(;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)f+=e.offsetLeft-e.scrollLeft,t+=e.offsetTop-e.scrollTop,e=e.offsetParent;return {top:t,left:f}};
 
 let getOffsetTop=e=>{let t=0;if(e.offsetParent)for(;e;)t+=e.offsetTop,e=e.offsetParent;return t>=0?t:0};
 
@@ -56,43 +56,43 @@ let isNodeList=t=>{let e=Object.prototype.toString.call(t);return "object"==type
 
 let isTotallyScrolled=l=>!!l&&l.scrollHeight-l.scrollTop<=l.clientHeight;
 
-let off=(e,n,o,t=!1)=>{"development"!==process.env.NODE_ENV||e||console.warn("[@koine/dom:off] unexisting DOM element"),e&&e.removeEventListener(n,o,t);};
+let off=(e,o,n,t=!1)=>{"development"!==process.env.NODE_ENV||e||console.warn("[@koine/dom:off] unexisting DOM element"),e&&e.removeEventListener(o,n,t);};
 
-let on=(n,t,i,r=!1)=>("development"!==process.env.NODE_ENV||n||console.warn("[@koine/dom:on] unexisting DOM element"),n)?(n.addEventListener(t,i,r),()=>off(n,t,i)):utils.noop;
+let on=(n,t,r,i=!1)=>("development"!==process.env.NODE_ENV||n||console.warn("[@koine/dom:on] unexisting DOM element"),n)?(n.addEventListener(t,r,i),()=>off(n,t,r)):utils.noop;
 
-let listenLoaded=e=>on(document,"DOMContentLoaded",e);
+let listenLoaded=o=>on(document,"DOMContentLoaded",o);
 
-let listen=(e,l,r)=>{l&&r&&e.split(",").forEach(function(e){activeEvents[e=e.trim()]||(activeEvents[e]=[],on(window,e,eventHandler,!0)),activeEvents[e]?.push({selector:l,callback:r});});};
+let listen=(i,l,r)=>{l&&r&&i.split(",").forEach(function(i){activeEvents[i=i.trim()]||(activeEvents[i]=[],on(window,i,eventHandler,!0)),activeEvents[i]?.push({selector:l,callback:r});});};
 
-let unlisten=(l,o,n)=>{l.split(",").forEach(l=>{let f=activeEvents[l=l.trim()];if(!f)return;if(f.length<2||!o){delete activeEvents[l],off(window,l,eventHandler,!0);return}let m=getIndex(f,o,n);m<0||activeEvents[l].splice(m,1);});};
+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);});};
 
-let listenOnce=(n,o,r)=>listen(n,o,function e(l){let m=getRunTarget(l.target,o);r(l,m||window),unlisten(n,o,e);});
+let listenOnce=(i,o,l)=>listen(i,o,function e(r){let m=getRunTarget(r.target,o);l(r,m||window),unlisten(i,o,e);});
 
-let listenResize=(i,o)=>on(o||window,"resize",i);
+let listenResize=(i,t)=>on(t||window,"resize",i);
 
-let listenResizeDebounced=(o,...t)=>listenResize(utils.debounce(...t),o);
+let listenResizeDebounced=(t,...o)=>listenResize(utils.debounce(...o),t);
 
 let listenResizeThrottled=(i,...o)=>listenResize(utils.throttle(...o),i);
 
-let listenScroll=(l,r)=>on(r||window,"scroll",l,{capture:!0,passive:!0});
+let listenScroll=(o,e)=>on(e||window,"scroll",o,{capture:!0,passive:!0});
 
-let listenScrollDebounced=(e,...r)=>listenScroll(utils.debounce(...r),e);
+let listenScrollDebounced=(o,...t)=>listenScroll(utils.debounce(...t),o);
 
-let listenScrollThrottled=(t,...r)=>listenScroll(utils.throttle(...r),t);
+let listenScrollThrottled=(o,...r)=>listenScroll(utils.throttle(...r),o);
 
-let once=(t,e,f,m=!1)=>{let n=r=>{f(r),off(t,e,n);};return on(t,e,n,m)};
+let once=(r,t,f,m=!1)=>{let n=e=>{f(e),off(r,t,n);};return on(r,t,n,m)};
 
-let onClickOutside=(c,e,r=!1)=>{let i=t=>{!c.contains(t.target)&&(e(t),r&&n());},n=()=>{off(document,"click",i);};return on(document,"click",i),n};
+let onClickOutside=(e,c,i=!1)=>{let r=t=>{!e.contains(t.target)&&(c(t),i&&n());},n=()=>{off(document,"click",r);};return on(document,"click",r),n};
 
 let removeClass=(e,s="")=>{("development"!==process.env.NODE_ENV||e)&&e&&e.classList.remove(s);};
 
-let scrollTo=(i,l,e,r)=>{let w=i.toFixed();if(l){let i=!1,r=function(){window.pageYOffset.toFixed()===w&&(off(window,"scroll",r),i=!0,l());};on(window,"scroll",r),r(),e&&setTimeout(()=>{i||(off(window,"scroll",r),l());},e);}window.scrollTo({top:i,behavior:r||"smooth"});};
+let scrollTo=(t,e,i,r)=>{let w=t.toFixed();if(e){let t=!1,r=function(){window.pageYOffset.toFixed()===w&&(off(window,"scroll",r),t=!0,e());};on(window,"scroll",r),r(),i&&setTimeout(()=>{t||(off(window,"scroll",r),e());},i);}window.scrollTo({top:t,behavior:r||"smooth"});};
 
 let setDataAttr=(t,e,r)=>{if(null==r){t.removeAttribute("data-"+e);return}t.setAttribute("data-"+e,r.toString());};
 
 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;};
 
-let siblings=e=>{if(e&&e.parentNode){let r=e.parentNode.firstChild,t=[];for(;r;r=r.nextSibling)1===r.nodeType&&r!==e&&t.push(r);return t}return []};
+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 []};
 
 let toArray=r=>Array.prototype.slice.call(r);
 

package/index.esm.js

@@ -1,10 +1,10 @@
 import { isString, noop, debounce, throttle } from '@koine/utils';
 
-let $=(e,r,t)=>(r||document).querySelector(t?e:e.replace(/:/g,"\\:"));
+let $=(e,t,r)=>(t||document).querySelector(r?e:e.replace(/:/g,"\\:"));
 
-let $all=(e,l,r)=>(l||document).querySelectorAll(r?e:e.replace(/:/g,"\\:"));
+let $all=(e,l,t)=>(l||document).querySelectorAll(t?e:e.replace(/:/g,"\\:"));
 
-let $each=(e,t,o,r)=>{let a=$all(e,o);for(let l=0;l<a.length;l++)t.call(r,a[l],l);};
+let $each=(l,t,a,o)=>{let r=$all(l,a);for(let e=0;e<r.length;e++)t.call(o,r[e],e);};
 
 let addClass=(e,s="")=>{if("development"===process.env.NODE_ENV&&!e){console.warn("[@koine/dom:addClass] unexisting DOM element");return}e&&e.classList.add(s);};
 
@@ -18,7 +18,7 @@ let escapeSelector=e=>e.replace(/:/g,"\\:");
 
 let exists=e=>e&&e instanceof window.HTMLElement;
 
-let forEach=(l,e,t)=>{for(let o=0;o<l.length;o++)e.call(t,l[o],o);};
+let forEach=(e,l,t)=>{for(let o=0;o<e.length;o++)l.call(t,e[o],o);};
 
 let getDataAttr=(t,e)=>t.getAttribute("data-"+e);
 
@@ -30,7 +30,7 @@ let activeEvents={};let getIndex=(e,t,n)=>{for(let r=0;r<e.length;r++)if(e[r].se
 
 let getListeners=()=>{let t={};for(let r in activeEvents)t[r]=activeEvents[r];return t};
 
-let getOffset=f=>{let e=0,t=0;for(;f&&!isNaN(f.offsetLeft)&&!isNaN(f.offsetTop);)e+=f.offsetLeft-f.scrollLeft,t+=f.offsetTop-f.scrollTop,f=f.offsetParent;return {top:t,left:e}};
+let getOffset=e=>{let f=0,t=0;for(;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)f+=e.offsetLeft-e.scrollLeft,t+=e.offsetTop-e.scrollTop,e=e.offsetParent;return {top:t,left:f}};
 
 let getOffsetTop=e=>{let t=0;if(e.offsetParent)for(;e;)t+=e.offsetTop,e=e.offsetParent;return t>=0?t:0};
 
@@ -52,43 +52,43 @@ let isNodeList=t=>{let e=Object.prototype.toString.call(t);return "object"==type
 
 let isTotallyScrolled=l=>!!l&&l.scrollHeight-l.scrollTop<=l.clientHeight;
 
-let off=(e,n,o,t=!1)=>{"development"!==process.env.NODE_ENV||e||console.warn("[@koine/dom:off] unexisting DOM element"),e&&e.removeEventListener(n,o,t);};
+let off=(e,o,n,t=!1)=>{"development"!==process.env.NODE_ENV||e||console.warn("[@koine/dom:off] unexisting DOM element"),e&&e.removeEventListener(o,n,t);};
 
-let on=(n,t,i,r=!1)=>("development"!==process.env.NODE_ENV||n||console.warn("[@koine/dom:on] unexisting DOM element"),n)?(n.addEventListener(t,i,r),()=>off(n,t,i)):noop;
+let on=(n,t,r,i=!1)=>("development"!==process.env.NODE_ENV||n||console.warn("[@koine/dom:on] unexisting DOM element"),n)?(n.addEventListener(t,r,i),()=>off(n,t,r)):noop;
 
-let listenLoaded=e=>on(document,"DOMContentLoaded",e);
+let listenLoaded=o=>on(document,"DOMContentLoaded",o);
 
-let listen=(e,l,r)=>{l&&r&&e.split(",").forEach(function(e){activeEvents[e=e.trim()]||(activeEvents[e]=[],on(window,e,eventHandler,!0)),activeEvents[e]?.push({selector:l,callback:r});});};
+let listen=(i,l,r)=>{l&&r&&i.split(",").forEach(function(i){activeEvents[i=i.trim()]||(activeEvents[i]=[],on(window,i,eventHandler,!0)),activeEvents[i]?.push({selector:l,callback:r});});};
 
-let unlisten=(l,o,n)=>{l.split(",").forEach(l=>{let f=activeEvents[l=l.trim()];if(!f)return;if(f.length<2||!o){delete activeEvents[l],off(window,l,eventHandler,!0);return}let m=getIndex(f,o,n);m<0||activeEvents[l].splice(m,1);});};
+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);});};
 
-let listenOnce=(n,o,r)=>listen(n,o,function e(l){let m=getRunTarget(l.target,o);r(l,m||window),unlisten(n,o,e);});
+let listenOnce=(i,o,l)=>listen(i,o,function e(r){let m=getRunTarget(r.target,o);l(r,m||window),unlisten(i,o,e);});
 
-let listenResize=(i,o)=>on(o||window,"resize",i);
+let listenResize=(i,t)=>on(t||window,"resize",i);
 
-let listenResizeDebounced=(o,...t)=>listenResize(debounce(...t),o);
+let listenResizeDebounced=(t,...o)=>listenResize(debounce(...o),t);
 
 let listenResizeThrottled=(i,...o)=>listenResize(throttle(...o),i);
 
-let listenScroll=(l,r)=>on(r||window,"scroll",l,{capture:!0,passive:!0});
+let listenScroll=(o,e)=>on(e||window,"scroll",o,{capture:!0,passive:!0});
 
-let listenScrollDebounced=(e,...r)=>listenScroll(debounce(...r),e);
+let listenScrollDebounced=(o,...t)=>listenScroll(debounce(...t),o);
 
-let listenScrollThrottled=(t,...r)=>listenScroll(throttle(...r),t);
+let listenScrollThrottled=(o,...r)=>listenScroll(throttle(...r),o);
 
-let once=(t,e,f,m=!1)=>{let n=r=>{f(r),off(t,e,n);};return on(t,e,n,m)};
+let once=(r,t,f,m=!1)=>{let n=e=>{f(e),off(r,t,n);};return on(r,t,n,m)};
 
-let onClickOutside=(c,e,r=!1)=>{let i=t=>{!c.contains(t.target)&&(e(t),r&&n());},n=()=>{off(document,"click",i);};return on(document,"click",i),n};
+let onClickOutside=(e,c,i=!1)=>{let r=t=>{!e.contains(t.target)&&(c(t),i&&n());},n=()=>{off(document,"click",r);};return on(document,"click",r),n};
 
 let removeClass=(e,s="")=>{("development"!==process.env.NODE_ENV||e)&&e&&e.classList.remove(s);};
 
-let scrollTo=(i,l,e,r)=>{let w=i.toFixed();if(l){let i=!1,r=function(){window.pageYOffset.toFixed()===w&&(off(window,"scroll",r),i=!0,l());};on(window,"scroll",r),r(),e&&setTimeout(()=>{i||(off(window,"scroll",r),l());},e);}window.scrollTo({top:i,behavior:r||"smooth"});};
+let scrollTo=(t,e,i,r)=>{let w=t.toFixed();if(e){let t=!1,r=function(){window.pageYOffset.toFixed()===w&&(off(window,"scroll",r),t=!0,e());};on(window,"scroll",r),r(),i&&setTimeout(()=>{t||(off(window,"scroll",r),e());},i);}window.scrollTo({top:t,behavior:r||"smooth"});};
 
 let setDataAttr=(t,e,r)=>{if(null==r){t.removeAttribute("data-"+e);return}t.setAttribute("data-"+e,r.toString());};
 
 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;};
 
-let siblings=e=>{if(e&&e.parentNode){let r=e.parentNode.firstChild,t=[];for(;r;r=r.nextSibling)1===r.nodeType&&r!==e&&t.push(r);return t}return []};
+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 []};
 
 let toArray=r=>Array.prototype.slice.call(r);
 

package/index.js

@@ -0,0 +1,45 @@
+export { $ } from "./$";
+export { $all } from "./$all";
+export { $each } from "./$each";
+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";

package/injectCss.d.ts

@@ -1 +1,2 @@
 export declare let injectCss: (id: string, cssString?: string, root?: Document) => void;
+export default injectCss;

package/injectCss.js

@@ -0,0 +1,11 @@
+import { $ } from "./$";
+export let injectCss = (id, cssString = "", root = document) => {
+    let styleblock = $("#" + id);
+    if (!styleblock) {
+        styleblock = root.createElement("style");
+        styleblock.id = id;
+        root.body.appendChild(styleblock);
+    }
+    styleblock.innerHTML = cssString;
+};
+export default injectCss;

package/isHidden.d.ts

@@ -1 +1,2 @@
 export declare let isHidden: <T extends HTMLElement>(el?: T | undefined) => boolean;
+export default isHidden;

package/isHidden.js

@@ -0,0 +1,2 @@
+export let isHidden = (el) => !el || el.offsetParent === null;
+export default isHidden;

package/isInViewport.d.ts

@@ -1 +1,2 @@
 export declare let isInViewport: <T extends Element>(elem: T) => boolean;
+export default isInViewport;

package/isInViewport.js

@@ -0,0 +1,10 @@
+export let isInViewport = (elem) => {
+    const 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.d.ts

@@ -1 +1,2 @@
 export declare let isNodeList: (nodes: any) => nodes is NodeList;
+export default isNodeList;

package/isNodeList.js

@@ -0,0 +1,9 @@
+export let isNodeList = (nodes) => {
+    const 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.d.ts

@@ -1 +1,2 @@
 export declare let isTotallyScrolled: <T extends HTMLElement>(el?: T | null | undefined) => boolean;
+export default isTotallyScrolled;

package/isTotallyScrolled.js

@@ -0,0 +1,2 @@
+export let isTotallyScrolled = (el) => el ? el.scrollHeight - el.scrollTop <= el.clientHeight : false;
+export default isTotallyScrolled;

package/listen.d.ts

@@ -1,3 +1,4 @@
 import { type EventCallback } from "./_listen-delegation";
 import type { AnyDOMEventTarget, AnyDOMEventType } from "./types";
 export declare let listen: <TTypes extends AnyDOMEventType, TTarget extends AnyDOMEventTarget = AnyDOMEventTarget>(types: TTypes, selector: string, callback: EventCallback<TTarget, TTypes>) => void;
+export default listen;

package/listen.js

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

package/listenLoaded.d.ts

@@ -1 +1,2 @@
 export declare let listenLoaded: (handler: (event: Event) => any) => () => void;
+export default listenLoaded;

package/listenLoaded.js

@@ -0,0 +1,3 @@
+import { on } from "./on";
+export let listenLoaded = (handler) => on(document, "DOMContentLoaded", handler);
+export default listenLoaded;

package/listenOnce.d.ts

@@ -1,2 +1,3 @@
 import { type EventCallback } from "./_listen-delegation";
 export declare let listenOnce: (types: string, selector: string, callback: EventCallback) => void;
+export default listenOnce;

package/listenOnce.js

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

package/listenResize.d.ts

@@ -1,2 +1,3 @@
 import type { AnyDOMEventTargetLoose } from "./types";
 export declare let listenResize: (handler: () => void, el?: AnyDOMEventTargetLoose) => () => void;
+export default listenResize;

package/listenResize.js

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

package/listenResizeDebounced.d.ts

@@ -1,2 +1,3 @@
 import { listenResize } from "./listenResize";
 export declare let listenResizeDebounced: (el?: Parameters<typeof listenResize>[1], fn: (...args: any[]) => any, wait?: number | undefined, immediate?: boolean | undefined) => () => void;
+export default listenResizeDebounced;

package/listenResizeDebounced.js

@@ -0,0 +1,4 @@
+import { debounce } from "@koine/utils";
+import { listenResize } from "./listenResize";
+export let listenResizeDebounced = (el, ...args) => listenResize(debounce(...args), el);
+export default listenResizeDebounced;

package/listenResizeThrottled.d.ts

@@ -1,2 +1,3 @@
 import { listenResize } from "./listenResize";
 export declare let listenResizeThrottled: (el?: Parameters<typeof listenResize>[1], fn: Function, limit: number, context?: unknown) => () => void;
+export default listenResizeThrottled;

package/listenResizeThrottled.js

@@ -0,0 +1,4 @@
+import { throttle } from "@koine/utils";
+import { listenResize } from "./listenResize";
+export let listenResizeThrottled = (el, ...args) => listenResize(throttle(...args), el);
+export default listenResizeThrottled;

package/listenScroll.d.ts

@@ -1,2 +1,3 @@
 import type { AnyDOMEventTargetLoose } from "./types";
 export declare let listenScroll: (handler: () => void, el?: AnyDOMEventTargetLoose) => () => void;
+export default listenScroll;

package/listenScroll.js

@@ -0,0 +1,6 @@
+import { on } from "./on";
+export let listenScroll = (handler, el) => on(el || window, "scroll", handler, {
+    capture: true,
+    passive: true,
+});
+export default listenScroll;

package/listenScrollDebounced.d.ts

@@ -1,2 +1,3 @@
 import { listenScroll } from "./listenScroll";
 export declare let listenScrollDebounced: (el?: Parameters<typeof listenScroll>[1], fn: (...args: any[]) => any, wait?: number | undefined, immediate?: boolean | undefined) => () => void;
+export default listenScrollDebounced;

package/listenScrollDebounced.js

@@ -0,0 +1,4 @@
+import { debounce } from "@koine/utils";
+import { listenScroll } from "./listenScroll";
+export let listenScrollDebounced = (el, ...args) => listenScroll(debounce(...args), el);
+export default listenScrollDebounced;

package/listenScrollThrottled.d.ts

@@ -1,2 +1,3 @@
 import { listenScroll } from "./listenScroll";
 export declare let listenScrollThrottled: (el?: Parameters<typeof listenScroll>[1], fn: Function, limit: number, context?: unknown) => () => void;
+export default listenScrollThrottled;

package/listenScrollThrottled.js

@@ -0,0 +1,4 @@
+import { throttle } from "@koine/utils";
+import { listenScroll } from "./listenScroll";
+export let listenScrollThrottled = (el, ...args) => listenScroll(throttle(...args), el);
+export default listenScrollThrottled;

package/off.d.ts

@@ -1,2 +1,3 @@
 import type { AnyDOMEvent, AnyDOMEventTargetLoose, AnyDOMEventType } from "./types";
 export declare let off: <TType extends AnyDOMEventType>(el: AnyDOMEventTargetLoose, type: TType, handler: (event: AnyDOMEvent<TType>) => void, options?: EventListenerOptions | boolean) => void;
+export default off;

package/off.js

@@ -0,0 +1,10 @@
+export let off = (el, type, handler, options = false) => {
+    if (process.env["NODE_ENV"] === "development") {
+        if (!el) {
+            console.warn("[@koine/dom:off] unexisting DOM element");
+        }
+    }
+    if (el)
+        el.removeEventListener(type, handler, options);
+};
+export default off;

package/on.d.ts

@@ -1,2 +1,3 @@
 import type { AnyDOMEvent, AnyDOMEventTargetLoose, AnyDOMEventType } from "./types";
 export declare let on: <TType extends AnyDOMEventType>(el: AnyDOMEventTargetLoose, type: TType, handler: (event: AnyDOMEvent<TType>) => void, options?: AddEventListenerOptions | boolean) => () => void;
+export default on;

package/on.js

@@ -0,0 +1,15 @@
+import { noop } from "@koine/utils";
+import { off } from "./off";
+export let on = (el, type, handler, options = false) => {
+    if (process.env["NODE_ENV"] === "development") {
+        if (!el) {
+            console.warn("[@koine/dom:on] unexisting DOM element");
+        }
+    }
+    if (el) {
+        el.addEventListener(type, handler, options);
+        return () => off(el, type, handler);
+    }
+    return noop;
+};
+export default on;

package/onClickOutside.d.ts

@@ -1 +1,2 @@
 export declare let onClickOutside: <T extends HTMLElement>(element: T, callback: (event: Event) => any, autoUnbind?: boolean) => () => void;
+export default onClickOutside;

package/onClickOutside.js

@@ -0,0 +1,17 @@
+import { off } from "./off";
+import { on } from "./on";
+export let onClickOutside = (element, callback, autoUnbind = false) => {
+    const bind = (event) => {
+        if (!element.contains(event.target)) {
+            callback(event);
+            if (autoUnbind)
+                unbind();
+        }
+    };
+    const unbind = () => {
+        off(document, "click", bind);
+    };
+    on(document, "click", bind);
+    return unbind;
+};
+export default onClickOutside;

package/once.d.ts

@@ -1,2 +1,3 @@
 import type { AnyDOMEventTargetLoose } from "./types";
 export declare let once: (el: AnyDOMEventTargetLoose, type: string, handler: EventListener, options?: EventListenerOptions | boolean) => () => void;
+export default once;

package/once.js

@@ -0,0 +1,10 @@
+import { off } from "./off";
+import { on } from "./on";
+export let once = (el, type, handler, options = false) => {
+    const handlerWrapper = (event) => {
+        handler(event);
+        off(el, type, handlerWrapper);
+    };
+    return on(el, type, handlerWrapper, options);
+};
+export default once;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@koine/dom",
   "sideEffects": false,
   "dependencies": {
-    "@koine/utils": "2.0.0-beta.72"
+    "@koine/utils": "2.0.0-beta.74"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -14,5 +14,5 @@
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",
-  "version": "2.0.0-beta.72"
+  "version": "2.0.0-beta.74"
 }

package/removeClass.d.ts

@@ -1 +1,2 @@
 export declare let removeClass: <T extends Element>(el?: T | undefined, className?: string) => void;
+export default removeClass;

package/removeClass.js

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

package/scrollTo.d.ts

@@ -1 +1,2 @@
 export declare let scrollTo: (destination: number, callback?: () => void, fallbackTimeout?: number, behavior?: ScrollBehavior) => void;
+export default scrollTo;

package/scrollTo.js

@@ -0,0 +1,30 @@
+import { off } from "./off";
+import { on } from "./on";
+export let scrollTo = (destination, callback, fallbackTimeout, behavior) => {
+    const fixedDestination = destination.toFixed();
+    if (callback) {
+        let callbackFired = false;
+        const onScroll = function () {
+            if (window.pageYOffset.toFixed() === fixedDestination) {
+                off(window, "scroll", onScroll);
+                callbackFired = true;
+                callback();
+            }
+        };
+        on(window, "scroll", onScroll);
+        onScroll();
+        if (fallbackTimeout) {
+            setTimeout(() => {
+                if (!callbackFired) {
+                    off(window, "scroll", onScroll);
+                    callback();
+                }
+            }, fallbackTimeout);
+        }
+    }
+    window.scrollTo({
+        top: destination,
+        behavior: behavior || "smooth",
+    });
+};
+export default scrollTo;

package/setDataAttr.d.ts

@@ -1 +1,2 @@
 export declare let setDataAttr: <T extends Element>(element: T, attribute: string, value?: string | number | null | boolean) => void;
+export default setDataAttr;

package/setDataAttr.js

@@ -0,0 +1,8 @@
+export let setDataAttr = (element, attribute, value) => {
+    if (value === null || typeof value === "undefined") {
+        element.removeAttribute("data-" + attribute);
+        return;
+    }
+    element.setAttribute("data-" + attribute, value.toString());
+};
+export default setDataAttr;

package/setVendorCSS.d.ts

@@ -1 +1,2 @@
 export declare let setVendorCSS: <T extends HTMLElement>(element: T, prop: string, value: string | number | boolean) => void;
+export default setVendorCSS;

package/setVendorCSS.js

@@ -0,0 +1,9 @@
+export let setVendorCSS = (element, prop, value) => {
+    const propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
+    element.style["webkit" + propUpper] = value;
+    element.style["moz" + propUpper] = value;
+    element.style["ms" + propUpper] = value;
+    element.style["o" + propUpper] = value;
+    element.style[prop] = value;
+};
+export default setVendorCSS;

package/siblings.d.ts

@@ -1 +1,2 @@
 export declare let siblings: <T extends Element>(node: T) => Element[];
+export default siblings;

package/siblings.js

@@ -0,0 +1,14 @@
+export let siblings = (node) => {
+    if (node && node.parentNode) {
+        let n = node.parentNode.firstChild;
+        const matched = [];
+        for (; n; n = n.nextSibling) {
+            if (n.nodeType === 1 && n !== node) {
+                matched.push(n);
+            }
+        }
+        return matched;
+    }
+    return [];
+};
+export default siblings;

package/toArray.d.ts

@@ -1 +1,2 @@
 export declare let toArray: <T extends Element>(nodeList: NodeListOf<T> | HTMLFormControlsCollection) => T[] | HTMLFormElement[];
+export default toArray;

package/toArray.js

@@ -0,0 +1,2 @@
+export let toArray = (nodeList) => Array.prototype.slice.call(nodeList);
+export default toArray;

package/types.js

@@ -0,0 +1 @@
+export {};

package/unlisten.d.ts

@@ -1,3 +1,4 @@
 import { type EventCallback } from "./_listen-delegation";
 import type { AnyDOMEventTarget, AnyDOMEventType } from "./types";
 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.js

@@ -0,0 +1,20 @@
+import { activeEvents, eventHandler, getIndex, } from "./_listen-delegation";
+import { off } from "./off";
+export let unlisten = (types, selector, callback) => {
+    types.split(",").forEach((type) => {
+        type = type.trim();
+        const events = activeEvents[type];
+        if (!events)
+            return;
+        if (events.length < 2 || !selector) {
+            delete activeEvents[type];
+            off(window, type, eventHandler, true);
+            return;
+        }
+        const index = getIndex(events, selector, callback);
+        if (index < 0)
+            return;
+        activeEvents[type].splice(index, 1);
+    });
+};
+export default unlisten;