@koine/dom 2.0.0-beta.7 → 2.0.0-beta.70

package/$.d.ts

@@ -1,13 +1 @@
-/**
- * Sizzle/jQuery like DOM nodes shortcut for `document.querySelector`
- * To avoid an extra function call we inline the above `escape`
- *
- * @param selector DOM selector
- * @param parent It falls back to `window.document`
- * @param avoidEscape Whether to avoid escaping `:` in the selector string
- * @example <caption>Basic DOM selection</caption>
- * const $container = $(".my-section:");
- * const $el = $("[data-some-attr]", $container);
- */
-export declare function $<T extends Element = HTMLElement>(selector: string, parent?: HTMLElement | Document | null, avoidEscape?: boolean): T;
-export default $;
+export declare let $: <T extends Element = HTMLElement>(selector: string, parent?: HTMLElement | Document | null, avoidEscape?: boolean) => T;

package/$all.d.ts

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

package/$each.d.ts

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

package/_listen-delegation.d.ts

@@ -1,39 +1,10 @@
 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 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;

package/addClass.d.ts

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

package/calculateFixedOffset.d.ts

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

package/createElement.d.ts

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

package/emitEvent.d.ts

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

package/escapeSelector.d.ts

@@ -1,8 +1 @@
-/**
- * Escape colons to allow use class names as `.module:block__element`
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector#Escaping_special_characters
- *
- * @param selector
- */
-export declare function escapeSelector(selector: string): string;
-export default escapeSelector;
+export declare let escapeSelector: (selector: string) => string;

package/exists.d.ts

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

package/forEach.d.ts

@@ -1,8 +1 @@
-/**
- * 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 default forEach;
+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;

package/getDataAttr.d.ts

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

package/getDocumentHeight.d.ts

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

package/getHeight.d.ts

@@ -1,5 +1 @@
-/**
- * Get element height
- */
-export declare function getHeight(element: HTMLElement): number;
-export default getHeight;
+export declare let getHeight: <T extends Element>(element: T) => number;

package/getListeners.d.ts

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

package/getOffset.d.ts

@@ -1,11 +1,4 @@
-/**
- * Get an element's distance from the top and left of the Document.
- *
- * @param elem The HTML node element
- * @return Distance from the top and left in pixels
- */
-export declare function getOffset(elem: HTMLElement): {
+export declare let getOffset: <T extends HTMLElement>(elem: T) => {
     top: number;
     left: number;
 };
-export default getOffset;

package/getOffsetTop.d.ts

@@ -1,10 +1 @@
-/**
- * Get an element's distance from the top of the Document.
- *
- * @see https://vanillajstoolkit.com/helpers/getoffsettop/
- *
- * @param elem The HTML node element
- * @return Distance from the top in pixels
- */
-export declare function getOffsetTop(elem: HTMLElement): number;
-export default getOffsetTop;
+export declare let getOffsetTop: <T extends HTMLElement>(elem: T) => number;

package/getOffsetTopSlim.d.ts

@@ -1,11 +1 @@
-/**
- * Get an element's distance from the top of the Document (using more modern/performant
- * technique compared to {@link ./getOffsetTop})
- *
- * @see https://stackoverflow.com/q/5598743/1938970
- *
- * @param elem The HTML node element
- * @return Distance from the top in pixels
- */
-export declare function getOffsetTopSlim(elem: HTMLElement): number;
-export default getOffsetTopSlim;
+export declare let getOffsetTopSlim: <T extends HTMLElement>(elem: T) => number;

package/getScrollbarWidth.d.ts

@@ -1,5 +1 @@
-/**
- * Get scrollbar's current width
- */
-export declare function getScrollbarWidth(element?: HTMLElement): number;
-export default getScrollbarWidth;
+export declare let getScrollbarWidth: <T extends HTMLElement>(element?: T | undefined) => number;

package/getStyleValue.d.ts

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

package/getVisualBackgroundColor.d.ts

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

package/index.cjs.d.ts

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

package/index.cjs.default.js

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

package/index.cjs.js

@@ -0,0 +1,143 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+let $=(e,r,t)=>(r||document).querySelector(t?e:e.replace(/:/g,"\\:"));
+
+let $all=(e,l,r)=>(l||document).querySelectorAll(r?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 addClass=(e,s="")=>{if("development"===process.env.NODE_ENV&&!e){console.warn("[@koine/dom:addClass] unexisting DOM element");return}e&&e.classList.add(s);};
+
+let calculateFixedOffset=(t="[data-fixed]")=>{let f=0;return $each(t,e=>{f+=e.offsetHeight;}),f};
+
+let createElement=(t,r)=>{let l=document.createElement(t);return r&&addClass(l,r),l};
+
+let emitEvent=(t="customEvent",e={})=>{"function"==typeof window.CustomEvent&&document.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:e}));};
+
+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 getDataAttr=(t,e)=>t.getAttribute("data-"+e);
+
+let getDocumentHeight=()=>{let{body:t,documentElement:e}=document;return Math.max(t.scrollHeight,e.scrollHeight,t.offsetHeight,e.offsetHeight,t.clientHeight,e.clientHeight)};
+
+let getHeight=e=>parseInt(window.getComputedStyle(e).height,10);
+
+let activeEvents={};let getIndex=(e,t,n)=>{for(let r=0;r<e.length;r++)if(e[r].selector===t&&e[r].callback.toString()===n.toString())return r;return -1};let getRunTarget=(n,r)=>{if(["*","window",window].includes(r))return window;if(["document","document.documentElement",document,document.documentElement].includes(r))return document;if(utils.isString(r))return n.closest(escapeSelector(r));if("string"!=typeof r&&r.contains){if(r===n)return n;if(r.contains(n))return r}return !1};let eventHandler=e=>{activeEvents[e.type]?.forEach(function(t){let n=getRunTarget(e.target,t.selector);n&&t.callback(e,n);});};
+
+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 getOffsetTop=e=>{let t=0;if(e.offsetParent)for(;e;)t+=e.offsetTop,e=e.offsetParent;return t>=0?t:0};
+
+let getOffsetTopSlim=t=>t.getBoundingClientRect().top+window.scrollY;
+
+let getScrollbarWidth=t=>window.innerWidth-(t||document.documentElement).clientWidth;
+
+let getStyleValue=(e,t)=>getComputedStyle(e,null).getPropertyValue(t);
+
+let getVisualBackgroundColor=r=>{if(!r)return "#fff";let e=window.getComputedStyle(r).backgroundColor;if("rgba(0, 0, 0, 0)"===e||"transparent"===e){let e=r.parentElement;return e?getVisualBackgroundColor(e):"#fff"}return e};
+
+let injectCss=(t,n="",d=document)=>{let i=$("#"+t);i||((i=d.createElement("style")).id=t,d.body.appendChild(i)),i.innerHTML=n;};
+
+let isHidden=e=>!e||null===e.offsetParent;
+
+let isInViewport=t=>{let e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)};
+
+let isNodeList=t=>{let e=Object.prototype.toString.call(t);return "object"==typeof t&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(e)&&"number"==typeof t.length&&(0===t.length||"object"==typeof t[0]&&t[0].nodeType>0)};
+
+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 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 listenLoaded=e=>on(document,"DOMContentLoaded",e);
+
+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 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 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 listenResize=(i,o)=>on(o||window,"resize",i);
+
+let listenResizeDebounced=(o,...t)=>listenResize(utils.debounce(...t),o);
+
+let listenResizeThrottled=(i,...o)=>listenResize(utils.throttle(...o),i);
+
+let listenScroll=(l,r)=>on(r||window,"scroll",l,{capture:!0,passive:!0});
+
+let listenScrollDebounced=(e,...r)=>listenScroll(utils.debounce(...r),e);
+
+let listenScrollThrottled=(t,...r)=>listenScroll(utils.throttle(...r),t);
+
+let once=(t,e,f,m=!1)=>{let n=r=>{f(r),off(t,e,n);};return on(t,e,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 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 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 toArray=r=>Array.prototype.slice.call(r);
+
+exports.$ = $;
+exports.$all = $all;
+exports.$each = $each;
+exports.addClass = addClass;
+exports.calculateFixedOffset = calculateFixedOffset;
+exports.createElement = createElement;
+exports.emitEvent = emitEvent;
+exports.escapeSelector = escapeSelector;
+exports.exists = exists;
+exports.forEach = forEach;
+exports.getDataAttr = getDataAttr;
+exports.getDocumentHeight = getDocumentHeight;
+exports.getHeight = getHeight;
+exports.getListeners = getListeners;
+exports.getOffset = getOffset;
+exports.getOffsetTop = getOffsetTop;
+exports.getOffsetTopSlim = getOffsetTopSlim;
+exports.getScrollbarWidth = getScrollbarWidth;
+exports.getStyleValue = getStyleValue;
+exports.getVisualBackgroundColor = getVisualBackgroundColor;
+exports.injectCss = injectCss;
+exports.isHidden = isHidden;
+exports.isInViewport = isInViewport;
+exports.isNodeList = isNodeList;
+exports.isTotallyScrolled = isTotallyScrolled;
+exports.listen = listen;
+exports.listenLoaded = listenLoaded;
+exports.listenOnce = listenOnce;
+exports.listenResize = listenResize;
+exports.listenResizeDebounced = listenResizeDebounced;
+exports.listenResizeThrottled = listenResizeThrottled;
+exports.listenScroll = listenScroll;
+exports.listenScrollDebounced = listenScrollDebounced;
+exports.listenScrollThrottled = listenScrollThrottled;
+exports.off = off;
+exports.on = on;
+exports.onClickOutside = onClickOutside;
+exports.once = once;
+exports.removeClass = removeClass;
+exports.scrollTo = scrollTo;
+exports.setDataAttr = setDataAttr;
+exports.setVendorCSS = setVendorCSS;
+exports.siblings = siblings;
+exports.toArray = toArray;
+exports.unlisten = unlisten;

package/index.cjs.mjs

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

package/index.d.ts

@@ -1,6 +1,6 @@
-export { $$ } from "./$$";
-export { $each } from "./$each";
 export { $ } from "./$";
+export { $all } from "./$all";
+export { $each } from "./$each";
 export { addClass } from "./addClass";
 export { calculateFixedOffset } from "./calculateFixedOffset";
 export { createElement } from "./createElement";
@@ -43,4 +43,4 @@ export { setVendorCSS } from "./setVendorCSS";
 export { siblings } from "./siblings";
 export { toArray } from "./toArray";
 export { unlisten } from "./unlisten";
-export type { AnyDOMEventTarget, AnyDOMEventTargetLoose } from "./types";
+export type { AnyDOMEventTarget, AnyDOMEventTargetLoose, AnyDOMEventType, AnyDOMEvent, } from "./types";

package/index.esm.js

@@ -0,0 +1,95 @@
+import { isString, noop, debounce, throttle } from '@koine/utils';
+
+let $=(e,r,t)=>(r||document).querySelector(t?e:e.replace(/:/g,"\\:"));
+
+let $all=(e,l,r)=>(l||document).querySelectorAll(r?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 addClass=(e,s="")=>{if("development"===process.env.NODE_ENV&&!e){console.warn("[@koine/dom:addClass] unexisting DOM element");return}e&&e.classList.add(s);};
+
+let calculateFixedOffset=(t="[data-fixed]")=>{let f=0;return $each(t,e=>{f+=e.offsetHeight;}),f};
+
+let createElement=(t,r)=>{let l=document.createElement(t);return r&&addClass(l,r),l};
+
+let emitEvent=(t="customEvent",e={})=>{"function"==typeof window.CustomEvent&&document.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:e}));};
+
+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 getDataAttr=(t,e)=>t.getAttribute("data-"+e);
+
+let getDocumentHeight=()=>{let{body:t,documentElement:e}=document;return Math.max(t.scrollHeight,e.scrollHeight,t.offsetHeight,e.offsetHeight,t.clientHeight,e.clientHeight)};
+
+let getHeight=e=>parseInt(window.getComputedStyle(e).height,10);
+
+let activeEvents={};let getIndex=(e,t,n)=>{for(let r=0;r<e.length;r++)if(e[r].selector===t&&e[r].callback.toString()===n.toString())return r;return -1};let getRunTarget=(n,r)=>{if(["*","window",window].includes(r))return window;if(["document","document.documentElement",document,document.documentElement].includes(r))return document;if(isString(r))return n.closest(escapeSelector(r));if("string"!=typeof r&&r.contains){if(r===n)return n;if(r.contains(n))return r}return !1};let eventHandler=e=>{activeEvents[e.type]?.forEach(function(t){let n=getRunTarget(e.target,t.selector);n&&t.callback(e,n);});};
+
+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 getOffsetTop=e=>{let t=0;if(e.offsetParent)for(;e;)t+=e.offsetTop,e=e.offsetParent;return t>=0?t:0};
+
+let getOffsetTopSlim=t=>t.getBoundingClientRect().top+window.scrollY;
+
+let getScrollbarWidth=t=>window.innerWidth-(t||document.documentElement).clientWidth;
+
+let getStyleValue=(e,t)=>getComputedStyle(e,null).getPropertyValue(t);
+
+let getVisualBackgroundColor=r=>{if(!r)return "#fff";let e=window.getComputedStyle(r).backgroundColor;if("rgba(0, 0, 0, 0)"===e||"transparent"===e){let e=r.parentElement;return e?getVisualBackgroundColor(e):"#fff"}return e};
+
+let injectCss=(t,n="",d=document)=>{let i=$("#"+t);i||((i=d.createElement("style")).id=t,d.body.appendChild(i)),i.innerHTML=n;};
+
+let isHidden=e=>!e||null===e.offsetParent;
+
+let isInViewport=t=>{let e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)};
+
+let isNodeList=t=>{let e=Object.prototype.toString.call(t);return "object"==typeof t&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(e)&&"number"==typeof t.length&&(0===t.length||"object"==typeof t[0]&&t[0].nodeType>0)};
+
+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 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 listenLoaded=e=>on(document,"DOMContentLoaded",e);
+
+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 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 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 listenResize=(i,o)=>on(o||window,"resize",i);
+
+let listenResizeDebounced=(o,...t)=>listenResize(debounce(...t),o);
+
+let listenResizeThrottled=(i,...o)=>listenResize(throttle(...o),i);
+
+let listenScroll=(l,r)=>on(r||window,"scroll",l,{capture:!0,passive:!0});
+
+let listenScrollDebounced=(e,...r)=>listenScroll(debounce(...r),e);
+
+let listenScrollThrottled=(t,...r)=>listenScroll(throttle(...r),t);
+
+let once=(t,e,f,m=!1)=>{let n=r=>{f(r),off(t,e,n);};return on(t,e,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 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 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 toArray=r=>Array.prototype.slice.call(r);
+
+export { $, $all, $each, addClass, calculateFixedOffset, createElement, emitEvent, escapeSelector, exists, forEach, getDataAttr, getDocumentHeight, getHeight, getListeners, getOffset, getOffsetTop, getOffsetTopSlim, getScrollbarWidth, getStyleValue, getVisualBackgroundColor, injectCss, isHidden, isInViewport, isNodeList, isTotallyScrolled, listen, listenLoaded, listenOnce, listenResize, listenResizeDebounced, listenResizeThrottled, listenScroll, listenScrollDebounced, listenScrollThrottled, off, on, onClickOutside, once, removeClass, scrollTo, setDataAttr, setVendorCSS, siblings, toArray, unlisten };

package/injectCss.d.ts

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

package/isHidden.d.ts

@@ -1,5 +1 @@
-/**
- * Is element hidden?
- */
-export declare function isHidden(el?: HTMLElement): boolean;
-export default isHidden;
+export declare let isHidden: <T extends HTMLElement>(el?: T | undefined) => boolean;

package/isInViewport.d.ts

@@ -1,10 +1 @@
-/**
- * Determine if an element is in the viewport
- *
- * @borrows (c) 2017 Chris Ferdinandi, MIT License, https://gomakethings.com
- *
- * @param elem The element
- * @return Returns true if element is in the viewport
- */
-export declare function isInViewport(elem: Element): boolean;
-export default isInViewport;
+export declare let isInViewport: <T extends Element>(elem: T) => boolean;

package/isNodeList.d.ts

@@ -1,7 +1 @@
-/**
- * Is node list
- *
- * @param nodes The object to check
- */
-export declare function isNodeList<T>(nodes: any): nodes is NodeList;
-export default isNodeList;
+export declare let isNodeList: (nodes: any) => nodes is NodeList;

package/isTotallyScrolled.d.ts

@@ -1,8 +1 @@
-/**
- * Is element totally scrolled
- *
- * @see https://github.com/willmcpo/body-scroll-lock/blob/master/src/bodyScrollLock.js#L116
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions
- */
-export declare function isTotallyScrolled(el?: HTMLElement): boolean;
-export default isTotallyScrolled;
+export declare let isTotallyScrolled: <T extends HTMLElement>(el?: T | null | undefined) => boolean;

package/listen.d.ts

@@ -1,13 +1,3 @@
 import { type EventCallback } from "./_listen-delegation";
 import type { AnyDOMEventTarget, AnyDOMEventType } from "./types";
-/**
- * Listen an event
- *
- * @category listen-delegation
- *
- * @param types The event type or types (comma separated)
- * @param selector The selector to run the event on
- * @param callback The function to run when the event fires
- */
-export declare function listen<TTypes extends AnyDOMEventType, TTarget extends AnyDOMEventTarget = AnyDOMEventTarget>(types: TTypes, selector: string, callback: EventCallback<TTarget, TTypes>): void;
-export default listen;
+export declare let listen: <TTypes extends AnyDOMEventType, TTarget extends AnyDOMEventTarget = AnyDOMEventTarget>(types: TTypes, selector: string, callback: EventCallback<TTarget, TTypes>) => void;

package/listenLoaded.d.ts

@@ -1,7 +1 @@
-/**
- * Fires a callback when the DOM content is loaded
- *
- * @see https://mathiasbynens.be/notes/settimeout-onload
- */
-export declare function listenLoaded(handler: (event: Event) => any): void;
-export default listenLoaded;
+export declare let listenLoaded: (handler: (event: Event) => any) => () => void;

package/listenOnce.d.ts

@@ -1,12 +1,2 @@
 import { type EventCallback } from "./_listen-delegation";
-/**
- * Listen an event, and automatically unlisten it after it's first run
- *
- * @category listen-delegation
- *
- * @param types The event type or types (comma separated)
- * @param selector The selector to run the event on
- * @param callback The function to run when the event fires
- */
-export declare function listenOnce(types: string, selector: string, callback: EventCallback): void;
-export default listenOnce;
+export declare let listenOnce: (types: string, selector: string, callback: EventCallback) => void;

package/listenResize.d.ts

@@ -1,8 +1,2 @@
 import type { AnyDOMEventTargetLoose } from "./types";
-/**
- * Listen element's (`window` by default) _scroll_ event
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export declare const listenResize: (handler: () => void, el?: AnyDOMEventTargetLoose) => () => void;
-export default listenResize;
+export declare let listenResize: (handler: () => void, el?: AnyDOMEventTargetLoose) => () => void;

package/listenResizeDebounced.d.ts

@@ -1,8 +1,2 @@
-import listenResize from "./listenResize";
-/**
- * Listen element's (`window` by default) _resize_ event debouncing the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export declare const listenResizeDebounced: (el?: Parameters<typeof listenResize>[1], fn: (...args: any[]) => any, wait?: number | undefined, immediate?: boolean | undefined) => () => void;
-export default listenResizeDebounced;
+import { listenResize } from "./listenResize";
+export declare let listenResizeDebounced: (el?: Parameters<typeof listenResize>[1], fn: (...args: any[]) => any, wait?: number | undefined, immediate?: boolean | undefined) => () => void;