@koine/dom 2.0.0-beta.2 → 2.0.0-beta.21

package/listenOnce.js

@@ -1,24 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenOnce = void 0;
-var _listen_delegation_1 = require("./_listen-delegation");
-var listen_1 = require("./listen");
-var unlisten_1 = require("./unlisten");
-/**
- * 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
- */
-function listenOnce(types, selector, callback) {
-    (0, listen_1.listen)(types, selector, function temp(event) {
-        var target = (0, _listen_delegation_1.getRunTarget)(event.target, selector);
+import { getRunTarget } from "./_listen-delegation.js";
+import { listen } from "./listen.js";
+import { unlisten } from "./unlisten.js";
+export function listenOnce(types, selector, callback) {
+    listen(types, selector, function temp(event) {
+        var target = getRunTarget(event.target, selector);
         callback(event, target || window);
-        (0, unlisten_1.unlisten)(types, selector, temp);
+        unlisten(types, selector, temp);
     });
 }
-exports.listenOnce = listenOnce;
-exports.default = listenOnce;
+export default listenOnce;

package/listenResize.d.ts

@@ -1,8 +1,3 @@
-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
- */
+import type { AnyDOMEventTargetLoose } from "./types.js";
 export declare const listenResize: (handler: () => void, el?: AnyDOMEventTargetLoose) => () => void;
 export default listenResize;

package/listenResize.js

@@ -1,12 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenResize = void 0;
-var on_1 = require("./on");
-/**
- * Listen element's (`window` by default) _scroll_ event
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenResize = function (handler, el) { return (0, on_1.on)(el || window, "resize", handler); };
-exports.listenResize = listenResize;
-exports.default = exports.listenResize;
+import { on } from "./on.js";
+export var listenResize = function (handler, el) { return on(el || window, "resize", handler); };
+export default listenResize;

package/listenResizeDebounced.d.ts

@@ -1,8 +1,3 @@
-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
- */
+import listenResize from "./listenResize.js";
 export declare const listenResizeDebounced: (el?: Parameters<typeof listenResize>[1], fn: (...args: any[]) => any, wait?: number | undefined, immediate?: boolean | undefined) => () => void;
 export default listenResizeDebounced;

package/listenResizeDebounced.js

@@ -1,47 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenResizeDebounced = void 0;
-var tslib_1 = require("tslib");
-var debounce_1 = tslib_1.__importDefault(require("@koine/utils/debounce"));
-var listenResize_1 = tslib_1.__importDefault(require("./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
- */
-var listenResizeDebounced = function (el) {
+import { __read, __spreadArray } from "tslib";
+import { debounce } from "@koine/utils";
+import listenResize from "./listenResize.js";
+export var listenResizeDebounced = function (el) {
     var args = [];
     for (var _i = 1; _i < arguments.length; _i++) {
         args[_i - 1] = arguments[_i];
     }
-    return (0, listenResize_1.default)(debounce_1.default.apply(void 0, args), el);
+    return listenResize(debounce.apply(void 0, __spreadArray([], __read(args), false)), el);
 };
-exports.listenResizeDebounced = listenResizeDebounced;
-exports.default = exports.listenResizeDebounced;
-// EXP: with too complex overload signature...
-// import debounce from "@koine/utils/debounce";
-// import isUndefined from "@koine/utils/isUndefined";
-// 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 function listenResizeDebounced(
-//   ...args: Parameters<typeof debounce>
-// ): ReturnType<typeof listenResize>;
-// export function listenResizeDebounced(
-//   el: Parameters<typeof listenResize>[1],
-//   ...args: Parameters<typeof debounce>
-// ): ReturnType<typeof listenResize>;
-// export function listenResizeDebounced(
-//   ...args:
-//     | [Parameters<typeof listenResize>[1], ...Parameters<typeof debounce>]
-//     | Parameters<typeof debounce>
-// ) {
-//   if (isUndefined(args[0])) {
-//     return listenResize(debounce(...args));
-//   }
-//   return listenResize(debounce(...args.slice(1)), args[0]);
-// }
-// export default listenResizeDebounced;
+export default listenResizeDebounced;

package/listenResizeThrottled.d.ts

@@ -1,8 +1,3 @@
-import { listenResize } from "./listenResize";
-/**
- * Listen element's (`window` by default) _resize_ event throttling the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
+import { listenResize } from "./listenResize.js";
 export declare const listenResizeThrottled: (el?: Parameters<typeof listenResize>[1], fn: Function, limit: number, context?: unknown) => () => void;
 export default listenResizeThrottled;

package/listenResizeThrottled.js

@@ -1,20 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenResizeThrottled = void 0;
-var tslib_1 = require("tslib");
-var throttle_1 = tslib_1.__importDefault(require("@koine/utils/throttle"));
-var listenResize_1 = require("./listenResize");
-/**
- * Listen element's (`window` by default) _resize_ event throttling the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenResizeThrottled = function (el) {
+import { __read, __spreadArray } from "tslib";
+import { throttle } from "@koine/utils";
+import { listenResize } from "./listenResize.js";
+export var listenResizeThrottled = function (el) {
     var args = [];
     for (var _i = 1; _i < arguments.length; _i++) {
         args[_i - 1] = arguments[_i];
     }
-    return (0, listenResize_1.listenResize)(throttle_1.default.apply(void 0, args), el);
+    return listenResize(throttle.apply(void 0, __spreadArray([], __read(args), false)), el);
 };
-exports.listenResizeThrottled = listenResizeThrottled;
-exports.default = exports.listenResizeThrottled;
+export default listenResizeThrottled;

package/listenScroll.d.ts

@@ -1,8 +1,3 @@
-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
- */
+import type { AnyDOMEventTargetLoose } from "./types.js";
 export declare const listenScroll: (handler: () => void, el?: AnyDOMEventTargetLoose) => () => void;
 export default listenScroll;

package/listenScroll.js

@@ -1,17 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenScroll = void 0;
-var on_1 = require("./on");
-/**
- * Listen element's (`window` by default) _scroll_ event
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenScroll = function (handler, el) {
-    return (0, on_1.on)(el || window, "scroll", handler, {
+import { on } from "./on.js";
+export var listenScroll = function (handler, el) {
+    return on(el || window, "scroll", handler, {
         capture: true,
         passive: true,
     });
 };
-exports.listenScroll = listenScroll;
-exports.default = exports.listenScroll;
+export default listenScroll;

package/listenScrollDebounced.d.ts

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

package/listenScrollDebounced.js

@@ -1,20 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenScrollDebounced = void 0;
-var tslib_1 = require("tslib");
-var debounce_1 = tslib_1.__importDefault(require("@koine/utils/debounce"));
-var listenScroll_1 = require("./listenScroll");
-/**
- * Listen element's (`window` by default) _scroll_ event debouncing the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenScrollDebounced = function (el) {
+import { __read, __spreadArray } from "tslib";
+import { debounce } from "@koine/utils";
+import { listenScroll } from "./listenScroll.js";
+export var listenScrollDebounced = function (el) {
     var args = [];
     for (var _i = 1; _i < arguments.length; _i++) {
         args[_i - 1] = arguments[_i];
     }
-    return (0, listenScroll_1.listenScroll)(debounce_1.default.apply(void 0, args), el);
+    return listenScroll(debounce.apply(void 0, __spreadArray([], __read(args), false)), el);
 };
-exports.listenScrollDebounced = listenScrollDebounced;
-exports.default = exports.listenScrollDebounced;
+export default listenScrollDebounced;

package/listenScrollThrottled.d.ts

@@ -1,8 +1,3 @@
-import { listenScroll } from "./listenScroll";
-/**
- * Listen element's (`window` by default) _scroll_ event throttling the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
+import { listenScroll } from "./listenScroll.js";
 export declare const listenScrollThrottled: (el?: Parameters<typeof listenScroll>[1], fn: Function, limit: number, context?: unknown) => () => void;
 export default listenScrollThrottled;

package/listenScrollThrottled.js

@@ -1,20 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenScrollThrottled = void 0;
-var tslib_1 = require("tslib");
-var throttle_1 = tslib_1.__importDefault(require("@koine/utils/throttle"));
-var listenScroll_1 = require("./listenScroll");
-/**
- * Listen element's (`window` by default) _scroll_ event throttling the callback
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-var listenScrollThrottled = function (el) {
+import { __read, __spreadArray } from "tslib";
+import { throttle } from "@koine/utils";
+import { listenScroll } from "./listenScroll.js";
+export var listenScrollThrottled = function (el) {
     var args = [];
     for (var _i = 1; _i < arguments.length; _i++) {
         args[_i - 1] = arguments[_i];
     }
-    return (0, listenScroll_1.listenScroll)(throttle_1.default.apply(void 0, args), el);
+    return listenScroll(throttle.apply(void 0, __spreadArray([], __read(args), false)), el);
 };
-exports.listenScrollThrottled = listenScrollThrottled;
-exports.default = exports.listenScrollThrottled;
+export default listenScrollThrottled;

package/off.d.ts

@@ -1,6 +1,3 @@
-import type { AnyDOMEventTargetLoose } from "./types";
-/**
- * Shortcut for `removeEventListener`
- */
-export declare function off(el: AnyDOMEventTargetLoose, type: string, handler: EventListener, options?: EventListenerOptions | boolean): void;
+import type { AnyDOMEvent, AnyDOMEventTargetLoose, AnyDOMEventType } from "./types.js";
+export declare function off<TType extends AnyDOMEventType>(el: AnyDOMEventTargetLoose, type: TType, handler: (event: AnyDOMEvent<TType>) => void, options?: EventListenerOptions | boolean): void;
 export default off;

package/off.js

@@ -1,12 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.off = void 0;
-/**
- * Shortcut for `removeEventListener`
- */
-function off(el, type, handler, options) {
+export function off(el, type, handler, options) {
     if (options === void 0) { options = false; }
-    if (process.env["NODE_ENV"] !== "production") {
+    if (process.env["NODE_ENV"] === "development") {
         if (!el) {
             console.warn("[@koine/dom:off] unexisting DOM element");
         }
@@ -14,5 +8,4 @@ function off(el, type, handler, options) {
     if (el)
         el.removeEventListener(type, handler, options);
 }
-exports.off = off;
-exports.default = off;
+export default off;

package/on.d.ts

@@ -1,8 +1,3 @@
-import type { AnyDOMEventTargetLoose } from "./types";
-/**
- * Shortcut for `addEventListener`
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export declare function on<THandler extends (event: any) => void>(el: AnyDOMEventTargetLoose, type: string, handler: THandler, options?: AddEventListenerOptions | boolean): () => void;
+import type { AnyDOMEvent, AnyDOMEventTargetLoose, AnyDOMEventType } from "./types.js";
+export declare function on<TType extends AnyDOMEventType>(el: AnyDOMEventTargetLoose, type: TType, handler: (event: AnyDOMEvent<TType>) => void, options?: AddEventListenerOptions | boolean): () => void;
 export default on;

package/on.js

@@ -1,26 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.on = void 0;
-var tslib_1 = require("tslib");
-var off_1 = tslib_1.__importDefault(require("./off"));
-/**
- * Shortcut for `addEventListener`
- *
- * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-function on(el, type, handler /* EventListener |  */ /* ((event: Event) => void) */, options) {
+import off from "./off.js";
+export function on(el, type, handler, options) {
     if (options === void 0) { options = false; }
-    if (process.env["NODE_ENV"] !== "production") {
+    if (process.env["NODE_ENV"] === "development") {
         if (!el) {
             console.warn("[@koine/dom:on] unexisting DOM element");
         }
     }
     if (el) {
         el.addEventListener(type, handler, options);
-        return function () { return (0, off_1.default)(el, type, handler); };
+        return function () { return off(el, type, handler); };
     }
-    // return noop;
     return function () { return void 0; };
 }
-exports.on = on;
-exports.default = on;
+export default on;

package/onClickOutside.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onClickOutside = void 0;
-var index_1 = require("./index");
-function onClickOutside(element, callback, autoUnbind) {
+import { off, on } from "./index.js";
+export function onClickOutside(element, callback, autoUnbind) {
     if (autoUnbind === void 0) { autoUnbind = false; }
     var bind = function (event) {
-        // if (event.target.closest(element) === null) {
         if (!element.contains(event.target)) {
             callback(event);
             if (autoUnbind)
@@ -13,9 +9,8 @@ function onClickOutside(element, callback, autoUnbind) {
         }
     };
     var unbind = function () {
-        (0, index_1.off)(document, "click", bind);
+        off(document, "click", bind);
     };
-    (0, index_1.on)(document, "click", bind);
+    on(document, "click", bind);
     return unbind;
 }
-exports.onClickOutside = onClickOutside;

package/once.d.ts

@@ -1,7 +1,3 @@
-import { AnyDOMEventTargetLoose } from "./types";
-/**
- * One shot listener, it `addEventListener` and removes it first time is called
- * with `removeEventListener`
- */
+import { AnyDOMEventTargetLoose } from "./types.js";
 export declare function once(el: AnyDOMEventTargetLoose, type: string, handler: EventListener, options?: EventListenerOptions | boolean): () => void;
 export default once;

package/once.js

@@ -1,20 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.once = void 0;
-var tslib_1 = require("tslib");
-var on_1 = tslib_1.__importDefault(require("./on"));
-var off_1 = tslib_1.__importDefault(require("./off"));
-/**
- * One shot listener, it `addEventListener` and removes it first time is called
- * with `removeEventListener`
- */
-function once(el, type, handler, options) {
+import off from "./off.js";
+import on from "./on.js";
+export function once(el, type, handler, options) {
     if (options === void 0) { options = false; }
     var handlerWrapper = function (event) {
         handler(event);
-        (0, off_1.default)(el, type, handlerWrapper);
+        off(el, type, handlerWrapper);
     };
-    return (0, on_1.default)(el, type, handlerWrapper, options);
+    return on(el, type, handlerWrapper, options);
 }
-exports.once = once;
-exports.default = once;
+export default once;

package/package.json

@@ -2,15 +2,154 @@
   "name": "@koine/dom",
   "sideEffects": false,
   "dependencies": {
-    "clsx": "1.2.1",
-    "ts-debounce": "^4.0.0",
-    "type-fest": "^3.11.1"
+    "@koine/utils": "2.0.0-beta.21"
   },
-  "peerDependencies": {
-    "tslib": "2.5.3"
-  },
-  "main": "./index.js",
   "types": "./index.d.ts",
-  "version": "2.0.0-beta.2",
-  "module": "./index.mjs"
+  "type": "module",
+  "module": "./index.js",
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    },
+    "./$": {
+      "import": "./$.js"
+    },
+    "./$all": {
+      "import": "./$all.js"
+    },
+    "./$each": {
+      "import": "./$each.js"
+    },
+    "./addClass": {
+      "import": "./addClass.js"
+    },
+    "./calculateFixedOffset": {
+      "import": "./calculateFixedOffset.js"
+    },
+    "./createElement": {
+      "import": "./createElement.js"
+    },
+    "./emitEvent": {
+      "import": "./emitEvent.js"
+    },
+    "./escapeSelector": {
+      "import": "./escapeSelector.js"
+    },
+    "./exists": {
+      "import": "./exists.js"
+    },
+    "./forEach": {
+      "import": "./forEach.js"
+    },
+    "./getDataAttr": {
+      "import": "./getDataAttr.js"
+    },
+    "./getDocumentHeight": {
+      "import": "./getDocumentHeight.js"
+    },
+    "./getHeight": {
+      "import": "./getHeight.js"
+    },
+    "./getListeners": {
+      "import": "./getListeners.js"
+    },
+    "./getOffset": {
+      "import": "./getOffset.js"
+    },
+    "./getOffsetTop": {
+      "import": "./getOffsetTop.js"
+    },
+    "./getOffsetTopSlim": {
+      "import": "./getOffsetTopSlim.js"
+    },
+    "./getScrollbarWidth": {
+      "import": "./getScrollbarWidth.js"
+    },
+    "./getStyleValue": {
+      "import": "./getStyleValue.js"
+    },
+    "./getVisualBackgroundColor": {
+      "import": "./getVisualBackgroundColor.js"
+    },
+    "./injectCss": {
+      "import": "./injectCss.js"
+    },
+    "./isHidden": {
+      "import": "./isHidden.js"
+    },
+    "./isInViewport": {
+      "import": "./isInViewport.js"
+    },
+    "./isNodeList": {
+      "import": "./isNodeList.js"
+    },
+    "./isTotallyScrolled": {
+      "import": "./isTotallyScrolled.js"
+    },
+    "./listen": {
+      "import": "./listen.js"
+    },
+    "./listenLoaded": {
+      "import": "./listenLoaded.js"
+    },
+    "./listenOnce": {
+      "import": "./listenOnce.js"
+    },
+    "./listenResize": {
+      "import": "./listenResize.js"
+    },
+    "./listenResizeDebounced": {
+      "import": "./listenResizeDebounced.js"
+    },
+    "./listenResizeThrottled": {
+      "import": "./listenResizeThrottled.js"
+    },
+    "./listenScroll": {
+      "import": "./listenScroll.js"
+    },
+    "./listenScrollDebounced": {
+      "import": "./listenScrollDebounced.js"
+    },
+    "./listenScrollThrottled": {
+      "import": "./listenScrollThrottled.js"
+    },
+    "./off": {
+      "import": "./off.js"
+    },
+    "./on": {
+      "import": "./on.js"
+    },
+    "./onClickOutside": {
+      "import": "./onClickOutside.js"
+    },
+    "./once": {
+      "import": "./once.js"
+    },
+    "./removeClass": {
+      "import": "./removeClass.js"
+    },
+    "./scrollTo": {
+      "import": "./scrollTo.js"
+    },
+    "./setDataAttr": {
+      "import": "./setDataAttr.js"
+    },
+    "./setVendorCSS": {
+      "import": "./setVendorCSS.js"
+    },
+    "./siblings": {
+      "import": "./siblings.js"
+    },
+    "./toArray": {
+      "import": "./toArray.js"
+    },
+    "./types": {
+      "import": "./types.js"
+    },
+    "./unlisten": {
+      "import": "./unlisten.js"
+    }
+  },
+  "peerDependencies": {},
+  "version": "2.0.0-beta.21"
 }

package/removeClass.d.ts

@@ -1,5 +1,2 @@
-/**
- * Remove class shortcut
- */
 export declare function removeClass<T extends Element = HTMLElement>(el?: T, className?: string): void;
 export default removeClass;

package/removeClass.js

@@ -1,12 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeClass = void 0;
-/**
- * Remove class shortcut
- */
-function removeClass(el, className) {
+export function removeClass(el, className) {
     if (className === void 0) { className = ""; }
-    if (process.env["NODE_ENV"] !== "production") {
+    if (process.env["NODE_ENV"] === "development") {
         if (!el) {
             ("[@koine/dom:removeClass] unexisting DOM element");
             return;
@@ -15,5 +9,4 @@ function removeClass(el, className) {
     if (el)
         el.classList.remove(className);
 }
-exports.removeClass = removeClass;
-exports.default = removeClass;
+export default removeClass;

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 default scrollTo;