@koine/dom 2.0.0-beta.11 → 2.0.0-beta.110

package/scrollTo.cjs.default.js

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

package/scrollTo.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var off = require('./off.cjs.js');
+var on = require('./on.cjs.js');
+require('@koine/utils');
+
+/**
+ * Native `scrollTo`, `"smooth"` and with callback
+ *
+ * @borrows https://stackoverflow.com/a/55686711/1938970
+ *
+ * @param offset - offset to scroll to
+ * @param callback - callback function
+ * @param [fallbackTimeout] - this appears to be needed in some hard to reproduce scenario on safari, where the callback seem to be never called
+ * @param [behavior="smooth"]
+ */let scrollTo=(t,e,i,r)=>{let w=t.toFixed();if(e){let t=!1,r=function(){window.pageYOffset.toFixed()===w&&(off.off(window,"scroll",r),t=!0,e());};on.on(window,"scroll",r),r(),i&&setTimeout(()=>{t||(off.off(window,"scroll",r),e());},i);}window.scrollTo({top:t,behavior:r||"smooth"});};
+
+exports["default"] = scrollTo;
+exports.scrollTo = scrollTo;

package/scrollTo.cjs.mjs

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

package/scrollTo.d.ts

@@ -1,12 +1,2 @@
-/**
- * Native `scrollTo`, `"smooth"` and with callback
- *
- * @borrows https://stackoverflow.com/a/55686711/1938970
- *
- * @param offset - offset to scroll to
- * @param callback - callback function
- * @param [fallbackTimeout] - this appears to be needed in some hard to reproduce scenario on safari, where the callback seem to be never called
- * @param [behavior="smooth"]
- */
-export declare function scrollTo(destination: number, callback?: () => void, fallbackTimeout?: number, behavior?: ScrollBehavior): void;
+export declare let scrollTo: (destination: number, callback?: () => void, fallbackTimeout?: number, behavior?: ScrollBehavior) => void;
 export default scrollTo;

package/scrollTo.esm.js

@@ -0,0 +1,16 @@
+import { off } from './off.esm.js';
+import { on } from './on.esm.js';
+import '@koine/utils';
+
+/**
+ * Native `scrollTo`, `"smooth"` and with callback
+ *
+ * @borrows https://stackoverflow.com/a/55686711/1938970
+ *
+ * @param offset - offset to scroll to
+ * @param callback - callback function
+ * @param [fallbackTimeout] - this appears to be needed in some hard to reproduce scenario on safari, where the callback seem to be never called
+ * @param [behavior="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"});};
+
+export { scrollTo as default, scrollTo };

package/setDataAttr.cjs.d.ts

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

package/setDataAttr.cjs.default.js

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

package/setDataAttr.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Set data attribute
+ *
+ * @param element
+ * @param attribute The name of the `data-{attr}`
+ * @param value The value to set, `null` or `undefined` will remove the attribute
+ */let setDataAttr=(t,e,r)=>{if(null==r){// delete element.dataset[attribute];
+// return;
+t.removeAttribute("data-"+e);return}// element.dataset[attribute] = value.toString();
+t.setAttribute("data-"+e,r.toString());};
+
+exports["default"] = setDataAttr;
+exports.setDataAttr = setDataAttr;

package/setDataAttr.cjs.mjs

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

package/setDataAttr.d.ts

@@ -1,9 +1,2 @@
-/**
- * Set data attribute
- *
- * @param element
- * @param attribute The name of the `data-{attr}`
- * @param value The value to set, `null` or `undefined` will remove the attribute
- */
-export declare function setDataAttr(element: Element, attribute: string, value?: string | number | null | boolean): void;
+export declare let setDataAttr: <T extends Element>(element: T, attribute: string, value?: string | number | null | boolean) => void;
 export default setDataAttr;

package/setDataAttr.esm.js

@@ -0,0 +1,12 @@
+/**
+ * Set data attribute
+ *
+ * @param element
+ * @param attribute The name of the `data-{attr}`
+ * @param value The value to set, `null` or `undefined` will remove the attribute
+ */let setDataAttr=(t,e,r)=>{if(null==r){// delete element.dataset[attribute];
+// return;
+t.removeAttribute("data-"+e);return}// element.dataset[attribute] = value.toString();
+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,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 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
+ */let setVendorCSS=(e,t,s)=>{let l=t.charAt(0).toUpperCase()+t.slice(1);// @ts-expect-error nevermind now...
+e.style["webkit"+l]=s,// @ts-expect-error nevermind now...
+e.style["moz"+l]=s,// @ts-expect-error nevermind now...
+e.style["ms"+l]=s,// @ts-expect-error nevermind now...
+e.style["o"+l]=s,// @ts-expect-error nevermind now...
+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,9 +1,2 @@
-/**
- * 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 function setVendorCSS(element: HTMLElement, prop: string, value: string | number | boolean): void;
+export declare let setVendorCSS: <T extends HTMLElement>(element: T, prop: string, value: string | number | boolean) => void;
 export default setVendorCSS;

package/setVendorCSS.esm.js

@@ -0,0 +1,14 @@
+/**
+ * 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
+ */let setVendorCSS=(e,t,s)=>{let l=t.charAt(0).toUpperCase()+t.slice(1);// @ts-expect-error nevermind now...
+e.style["webkit"+l]=s,// @ts-expect-error nevermind now...
+e.style["moz"+l]=s,// @ts-expect-error nevermind now...
+e.style["ms"+l]=s,// @ts-expect-error nevermind now...
+e.style["o"+l]=s,// @ts-expect-error nevermind now...
+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,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Finds siblings nodes of the passed node.
+ *
+ * @borrows @glidejs/glide/src/utils/dom (source)
+ */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,7 +1,2 @@
-/**
- * Finds siblings nodes of the passed node.
- *
- * @borrows @glidejs/glide/src/utils/dom (source)
- */
-export declare function siblings(node: Element): Element[];
+export declare let siblings: <T extends Element>(node: T) => Element[];
 export default siblings;

package/siblings.esm.js

@@ -0,0 +1,7 @@
+/**
+ * Finds siblings nodes of the passed node.
+ *
+ * @borrows @glidejs/glide/src/utils/dom (source)
+ */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,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Node list to array
+ *
+ * @param nodeList
+ */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,7 +1,2 @@
-/**
- * Node list to array
- *
- * @param nodeList
- */
-export declare function toArray<T extends Element = HTMLElement>(nodeList: NodeListOf<T> | HTMLFormControlsCollection): T[] | HTMLFormElement[];
+export declare let toArray: <T extends Element>(nodeList: NodeListOf<T> | HTMLFormControlsCollection) => T[] | HTMLFormElement[];
 export default toArray;

package/toArray.esm.js

@@ -0,0 +1,7 @@
+/**
+ * Node list to array
+ *
+ * @param nodeList
+ */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,10 +1,5 @@
-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.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,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _listenDelegation = require('./_listen-delegation.cjs.js');
+var off = require('./off.cjs.js');
+require('@koine/utils');
+require('./escapeSelector.cjs.js');
+
+/**
+ * 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
+ */let unlisten=(r,// | `${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes},${TTypes},${TTypes}`,
+n,o)=>{// Loop through each event type
+r.split(",").forEach(r=>{let f=_listenDelegation.activeEvents[// Remove whitespace
+r=r.trim()];// if event type doesn't exist, bail
+if(!f)return;// If it's the last event of it's type, remove entirely
+if(f.length<2||!n){delete _listenDelegation.activeEvents[r],off.off(window,r,_listenDelegation.eventHandler,!0);return}// Otherwise, remove event
+// @ts-expect-error FIXME: type...
+let p=_listenDelegation.getIndex(f,n,o);p<0||// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+_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,13 +1,4 @@
 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 function unlisten<TTypes extends AnyDOMEventType, TTarget extends AnyDOMEventTarget = AnyDOMEventTarget>(types: TTypes, selector: string, callback: EventCallback<TTarget, TTypes>): void;
+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.js

@@ -0,0 +1,27 @@
+import { a as activeEvents, e as eventHandler, b as getIndex } from './_listen-delegation.esm.js';
+import { off } from './off.esm.js';
+import '@koine/utils';
+import './escapeSelector.esm.js';
+
+/**
+ * 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
+ */let unlisten=(r,// | `${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes},${TTypes}`
+// | `${TTypes},${TTypes},${TTypes},${TTypes},${TTypes}`,
+n,o)=>{// Loop through each event type
+r.split(",").forEach(r=>{let f=activeEvents[// Remove whitespace
+r=r.trim()];// if event type doesn't exist, bail
+if(!f)return;// If it's the last event of it's type, remove entirely
+if(f.length<2||!n){delete activeEvents[r],off(window,r,eventHandler,!0);return}// Otherwise, remove event
+// @ts-expect-error FIXME: type...
+let p=getIndex(f,n,o);p<0||// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+activeEvents[r].splice(p,1);});};
+
+export { unlisten as default, unlisten };

package/_listen-delegation.mjs

@@ -1,77 +0,0 @@
-/**
- * Listen: events delegation system
- *
- * From:
- * https://github.com/cferdinandi/events
- * https://github.com/cferdinandi/events/blob/master/src/js/events/events.js
- *
- * @fileoverview
- */ import isString from "@koine/utils/isString";
-import escapeSelector from "./escapeSelector";
-/**
- * Active events
- *
- * @internal
- */ export const activeEvents = {};
-/**
- * Get the index for the listener
- *
- * @internal
- */ export function 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;
-}
-/**
- * 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 function getRunTarget(target, selector) {
-    // @ts-expect-error FIXME: type
-    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));
-    }
-    // @ts-expect-error FIXME: type
-    if (typeof selector !== "string" && selector.contains) {
-        if (selector === target) {
-            return target;
-        }
-        // @ts-expect-error FIXME: type
-        if (selector.contains(target)) {
-            return selector;
-        }
-        return false;
-    }
-    return false;
-}
-/**
- * Handle listeners after event fires
- *
- * @internal
- */ export function eventHandler(event) {
-    // if (!activeEvents[event.type]) return;
-    activeEvents[event.type]?.forEach(function(listener) {
-        const target = getRunTarget(event.target, listener.selector);
-        if (!target) {
-            return;
-        }
-        listener.callback(event, target);
-    });
-}

package/addClass.mjs

@@ -1,12 +0,0 @@
-/**
- * Add class shortcut
- */ export function addClass(el, 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.mjs

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

package/createElement.mjs

@@ -1,15 +0,0 @@
-import addClass from "./addClass";
-/**
- * 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 function createElement(type, className) {
-    const el = document.createElement(type);
-    if (className) {
-        addClass(el, className);
-    }
-    return el;
-}
-export default createElement;

package/emitEvent.mjs

@@ -1,10 +0,0 @@
-/**
- * Emit event (use only if the targeted browser supports `CustomEvent`s)
- */ export function emitEvent(type = "customEvent", detail = {}) {
-    if (typeof window.CustomEvent !== "function") return;
-    document.dispatchEvent(new CustomEvent(type, {
-        bubbles: true,
-        detail
-    }));
-}
-export default emitEvent;

package/exists.mjs

@@ -1,11 +0,0 @@
-/**
- * Checks if passed node exist and is a valid element.
- *
- * @borrows @glidejs/glide/src/utils/dom (source)
- */ export function exists(node) {
-    if (node && node instanceof window.HTMLElement) {
-        return true;
-    }
-    return false;
-}
-export default exists;

package/forEach.mjs

@@ -1,34 +0,0 @@
-/**
- * For each, iterate through a `NodeList` or an `array` of `HTMLElement`s
- *
- * @param scope The optional `this` of the callback function
- */ export function forEach(nodes, callback, scope) {
-    for(let i = 0; i < nodes.length; i++){
-        callback.call(scope, nodes[i], i);
-    }
-}
-export default forEach; // /**
- //  * For each, iterate through a `NodeList` or an `array` of `HTMLElement`s
- //  *
- //  * @param scope The optional `this` of the callback function
- //  */
- // export function forEach<TScope = object>(
- //   nodes: HTMLElement[],
- //   callback: (this: TScope, $element: HTMLElement, index: number) => any,
- //   scope?: TScope
- // ): void;
- // export function forEach<TScope = object>(
- //   nodes: NodeListOf<HTMLElement> | HTMLElement[],
- //   callback: (this: TScope, $element: HTMLElement, index: number) => any,
- //   scope?: TScope
- // ): void;
- // export function forEach<T extends Element, TScope = object>(
- //   nodes: NodeListOf<T> | HTMLElement[],
- //   callback: (this: TScope, $element: T, index: number) => any,
- //   scope?: TScope
- // ) {
- //   for (let i = 0; i < nodes.length; i++) {
- //     callback.call(scope as TScope, nodes[i] as T, i);
- //   }
- // }
- // export default forEach;

package/getDocumentHeight.mjs

@@ -1,9 +0,0 @@
-/**
- * Determine the document's height
- *
- * @see https://github.com/cferdinandi/smooth-scroll (credits)
- */ export function 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.mjs

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

package/getListeners.mjs

@@ -1,17 +0,0 @@
-import { activeEvents } from "./_listen-delegation";
-/**
- * Get an immutable copy of all active event listeners
- *
- * @category listen-delegation
- *
- * @return Active event listeners
- */ export function getListeners() {
-    const obj = {};
-    for(const type in activeEvents){
-        // if (activeEvents.hasOwnProperty(type)) {
-        obj[type] = activeEvents[type];
-    // }
-    }
-    return obj;
-}
-export default getListeners;

package/getOffset.mjs

@@ -1,20 +0,0 @@
-/**
- * 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 function 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;
-        // @ts-expect-error nevermind?
-        elem = elem.offsetParent;
-    }
-    return {
-        top,
-        left
-    };
-}
-export default getOffset;

package/getOffsetTop.mjs

@@ -1,19 +0,0 @@
-/**
- * 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 function getOffsetTop(elem) {
-    let location = 0;
-    if (elem.offsetParent) {
-        while(elem){
-            location += elem.offsetTop;
-            // @ts-expect-error nevermind?
-            elem = elem.offsetParent;
-        }
-    }
-    return location >= 0 ? location : 0;
-}
-export default getOffsetTop;