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

package/listenScrollThrottled.js

@@ -1,20 +1,23 @@
 "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) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    listenScrollThrottled: function() {
+        return listenScrollThrottled;
+    },
+    default: function() {
+        return _default;
     }
-    return (0, listenScroll_1.listenScroll)(throttle_1.default.apply(void 0, args), el);
-};
-exports.listenScrollThrottled = listenScrollThrottled;
-exports.default = exports.listenScrollThrottled;
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _throttle = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/throttle"));
+const _listenScroll = require("./listenScroll");
+const listenScrollThrottled = (el, ...args)=>(0, _listenScroll.listenScroll)((0, _throttle.default)(...args), el);
+const _default = listenScrollThrottled;

package/listenScrollThrottled.mjs

@@ -4,12 +4,5 @@ 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
- */
-export var listenScrollThrottled = function (el) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    return listenScroll(throttle.apply(void 0, args), el);
-};
+ */ export const listenScrollThrottled = (el, ...args)=>listenScroll(throttle(...args), el);
 export default listenScrollThrottled;

package/off.d.ts

@@ -1,6 +1,6 @@
-import type { AnyDOMEventTargetLoose } from "./types";
+import type { AnyDOMEvent, AnyDOMEventTargetLoose, AnyDOMEventType } from "./types";
 /**
  * Shortcut for `removeEventListener`
  */
-export declare function off(el: AnyDOMEventTargetLoose, type: string, handler: EventListener, options?: EventListenerOptions | boolean): void;
+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,18 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.off = void 0;
-/**
- * Shortcut for `removeEventListener`
- */
-function off(el, type, handler, options) {
-    if (options === void 0) { options = false; }
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    off: function() {
+        return off;
+    },
+    default: function() {
+        return _default;
+    }
+});
+function off(el, type, handler, options = false) {
     if (process.env["NODE_ENV"] !== "production") {
         if (!el) {
             console.warn("[@koine/dom:off] unexisting DOM element");
         }
     }
-    if (el)
-        el.removeEventListener(type, handler, options);
+    if (el) el.removeEventListener(type, handler, options);
 }
-exports.off = off;
-exports.default = off;
+const _default = off;

package/off.mjs

@@ -1,14 +1,11 @@
 /**
  * Shortcut for `removeEventListener`
- */
-export function off(el, type, handler, options) {
-    if (options === void 0) { options = false; }
+ */ export function off(el, type, handler, options = false) {
     if (process.env["NODE_ENV"] !== "production") {
         if (!el) {
             console.warn("[@koine/dom:off] unexisting DOM element");
         }
     }
-    if (el)
-        el.removeEventListener(type, handler, options);
+    if (el) el.removeEventListener(type, handler, options);
 }
 export default off;

package/on.d.ts

@@ -1,8 +1,8 @@
-import type { AnyDOMEventTargetLoose } from "./types";
+import type { AnyDOMEvent, AnyDOMEventTargetLoose, AnyDOMEventType } 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;
+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,15 +1,26 @@
+// import noop from "@koine/utils/noop"; FIXME: build breaks with this import
 "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) {
-    if (options === void 0) { options = false; }
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    on: function() {
+        return on;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _off = /*#__PURE__*/ _interop_require_default._(require("./off"));
+function on(el, type, handler, // handler: THandler /* EventListener |  */ /* ((event: Event) => void) */,
+options = false) {
     if (process.env["NODE_ENV"] !== "production") {
         if (!el) {
             console.warn("[@koine/dom:on] unexisting DOM element");
@@ -17,10 +28,9 @@ function on(el, type, handler /* EventListener |  */ /* ((event: Event) => void)
     }
     if (el) {
         el.addEventListener(type, handler, options);
-        return function () { return (0, off_1.default)(el, type, handler); };
+        return ()=>(0, _off.default)(el, type, handler);
     }
     // return noop;
-    return function () { return void 0; };
+    return ()=>void 0;
 }
-exports.on = on;
-exports.default = on;
+const _default = on;

package/on.mjs

@@ -1,11 +1,11 @@
+// import noop from "@koine/utils/noop"; FIXME: build breaks with this import
 import off from "./off";
 /**
  * Shortcut for `addEventListener`
  *
  * @returns An automatic unbinding function to run to deregister the listener upon call
- */
-export function on(el, type, handler /* EventListener |  */ /* ((event: Event) => void) */, options) {
-    if (options === void 0) { options = false; }
+ */ export function on(el, type, handler, // handler: THandler /* EventListener |  */ /* ((event: Event) => void) */,
+options = false) {
     if (process.env["NODE_ENV"] !== "production") {
         if (!el) {
             console.warn("[@koine/dom:on] unexisting DOM element");
@@ -13,9 +13,9 @@ export function on(el, type, handler /* EventListener |  */ /* ((event: Event) =
     }
     if (el) {
         el.addEventListener(type, handler, options);
-        return function () { return off(el, type, handler); };
+        return ()=>off(el, type, handler);
     }
     // return noop;
-    return function () { return void 0; };
+    return ()=>void 0;
 }
 export default on;

package/onClickOutside.js

@@ -1,21 +1,25 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onClickOutside = void 0;
-var index_1 = require("./index");
-function onClickOutside(element, callback, autoUnbind) {
-    if (autoUnbind === void 0) { autoUnbind = false; }
-    var bind = function (event) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "onClickOutside", {
+    enumerable: true,
+    get: function() {
+        return onClickOutside;
+    }
+});
+const _index = require("./index");
+function onClickOutside(element, callback, autoUnbind = false) {
+    const bind = (event)=>{
         // if (event.target.closest(element) === null) {
         if (!element.contains(event.target)) {
             callback(event);
-            if (autoUnbind)
-                unbind();
+            if (autoUnbind) unbind();
         }
     };
-    var unbind = function () {
-        (0, index_1.off)(document, "click", bind);
+    const unbind = ()=>{
+        (0, _index.off)(document, "click", bind);
     };
-    (0, index_1.on)(document, "click", bind);
+    (0, _index.on)(document, "click", bind);
     return unbind;
 }
-exports.onClickOutside = onClickOutside;

package/onClickOutside.mjs

@@ -1,15 +1,13 @@
-import { on, off } from "./index";
-export function onClickOutside(element, callback, autoUnbind) {
-    if (autoUnbind === void 0) { autoUnbind = false; }
-    var bind = function (event) {
+import { off, on } from "./index";
+export function onClickOutside(element, callback, autoUnbind = false) {
+    const bind = (event)=>{
         // if (event.target.closest(element) === null) {
         if (!element.contains(event.target)) {
             callback(event);
-            if (autoUnbind)
-                unbind();
+            if (autoUnbind) unbind();
         }
     };
-    var unbind = function () {
+    const unbind = ()=>{
         off(document, "click", bind);
     };
     on(document, "click", bind);

package/once.js

@@ -1,20 +1,29 @@
 "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) {
-    if (options === void 0) { options = false; }
-    var handlerWrapper = function (event) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    once: function() {
+        return once;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _off = /*#__PURE__*/ _interop_require_default._(require("./off"));
+const _on = /*#__PURE__*/ _interop_require_default._(require("./on"));
+function once(el, type, handler, options = false) {
+    const handlerWrapper = (event)=>{
         handler(event);
-        (0, off_1.default)(el, type, handlerWrapper);
+        (0, _off.default)(el, type, handlerWrapper);
     };
-    return (0, on_1.default)(el, type, handlerWrapper, options);
+    return (0, _on.default)(el, type, handlerWrapper, options);
 }
-exports.once = once;
-exports.default = once;
+const _default = once;

package/once.mjs

@@ -1,12 +1,10 @@
-import on from "./on";
 import off from "./off";
+import on from "./on";
 /**
  * One shot listener, it `addEventListener` and removes it first time is called
  * with `removeEventListener`
- */
-export function once(el, type, handler, options) {
-    if (options === void 0) { options = false; }
-    var handlerWrapper = function (event) {
+ */ export function once(el, type, handler, options = false) {
+    const handlerWrapper = (event)=>{
         handler(event);
         off(el, type, handlerWrapper);
     };

package/package.json

@@ -2,15 +2,19 @@
   "name": "@koine/dom",
   "sideEffects": false,
   "dependencies": {
-    "clsx": "1.2.1",
+    "clsx": "^1.2.1",
     "ts-debounce": "^4.0.0",
-    "type-fest": "^3.11.1"
-  },
-  "peerDependencies": {
-    "tslib": "2.5.3"
+    "type-fest": "^3.12.0"
   },
+  "peerDependencies": {},
+  "module": "./index.mjs",
   "main": "./index.js",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.js"
+    }
+  },
   "types": "./index.d.ts",
-  "version": "2.0.0-beta.2",
-  "module": "./index.mjs"
-}
+  "version": "2.0.0-beta.5"
+}

package/removeClass.js

@@ -1,19 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeClass = void 0;
 /**
  * Remove class shortcut
- */
-function removeClass(el, className) {
-    if (className === void 0) { className = ""; }
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    removeClass: function() {
+        return removeClass;
+    },
+    default: function() {
+        return _default;
+    }
+});
+function removeClass(el, className = "") {
     if (process.env["NODE_ENV"] !== "production") {
         if (!el) {
-            ("[@koine/dom:removeClass] unexisting DOM element");
+            "[@koine/dom:removeClass] unexisting DOM element";
             return;
         }
     }
-    if (el)
-        el.classList.remove(className);
+    if (el) el.classList.remove(className);
 }
-exports.removeClass = removeClass;
-exports.default = removeClass;
+const _default = removeClass;

package/removeClass.mjs

@@ -1,15 +1,12 @@
 /**
  * Remove class shortcut
- */
-export function removeClass(el, className) {
-    if (className === void 0) { className = ""; }
+ */ export function removeClass(el, className = "") {
     if (process.env["NODE_ENV"] !== "production") {
         if (!el) {
-            ("[@koine/dom:removeClass] unexisting DOM element");
+            "[@koine/dom:removeClass] unexisting DOM element";
             return;
         }
     }
-    if (el)
-        el.classList.remove(className);
+    if (el) el.classList.remove(className);
 }
 export default removeClass;

package/scrollTo.js

@@ -1,35 +1,40 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollTo = void 0;
-var on_1 = require("./on");
-var off_1 = require("./off");
-/**
- * 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"]
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    scrollTo: function() {
+        return scrollTo;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _off = require("./off");
+const _on = require("./on");
 function scrollTo(destination, callback, fallbackTimeout, behavior) {
-    var fixedDestination = destination.toFixed();
+    const fixedDestination = destination.toFixed();
     if (callback) {
-        var callbackFired_1 = false;
-        var onScroll_1 = function () {
+        let callbackFired = false;
+        const onScroll = function() {
             if (window.pageYOffset.toFixed() === fixedDestination) {
-                (0, off_1.off)(window, "scroll", onScroll_1);
-                callbackFired_1 = true;
+                (0, _off.off)(window, "scroll", onScroll);
+                callbackFired = true;
                 callback();
             }
         };
-        (0, on_1.on)(window, "scroll", onScroll_1);
-        onScroll_1();
+        (0, _on.on)(window, "scroll", onScroll);
+        onScroll();
         if (fallbackTimeout) {
-            setTimeout(function () {
-                if (!callbackFired_1) {
-                    (0, off_1.off)(window, "scroll", onScroll_1);
+            setTimeout(()=>{
+                if (!callbackFired) {
+                    (0, _off.off)(window, "scroll", onScroll);
                     callback();
                 }
             }, fallbackTimeout);
@@ -37,8 +42,7 @@ function scrollTo(destination, callback, fallbackTimeout, behavior) {
     }
     window.scrollTo({
         top: destination,
-        behavior: behavior || "smooth",
+        behavior: behavior || "smooth"
     });
 }
-exports.scrollTo = scrollTo;
-exports.default = scrollTo;
+const _default = scrollTo;

package/scrollTo.mjs

@@ -1,5 +1,5 @@
-import { on } from "./on";
 import { off } from "./off";
+import { on } from "./on";
 /**
  * Native `scrollTo`, `"smooth"` and with callback
  *
@@ -9,24 +9,23 @@ import { off } from "./off";
  * @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 function scrollTo(destination, callback, fallbackTimeout, behavior) {
-    var fixedDestination = destination.toFixed();
+ */ export function scrollTo(destination, callback, fallbackTimeout, behavior) {
+    const fixedDestination = destination.toFixed();
     if (callback) {
-        var callbackFired_1 = false;
-        var onScroll_1 = function () {
+        let callbackFired = false;
+        const onScroll = function() {
             if (window.pageYOffset.toFixed() === fixedDestination) {
-                off(window, "scroll", onScroll_1);
-                callbackFired_1 = true;
+                off(window, "scroll", onScroll);
+                callbackFired = true;
                 callback();
             }
         };
-        on(window, "scroll", onScroll_1);
-        onScroll_1();
+        on(window, "scroll", onScroll);
+        onScroll();
         if (fallbackTimeout) {
-            setTimeout(function () {
-                if (!callbackFired_1) {
-                    off(window, "scroll", onScroll_1);
+            setTimeout(()=>{
+                if (!callbackFired) {
+                    off(window, "scroll", onScroll);
                     callback();
                 }
             }, fallbackTimeout);
@@ -34,7 +33,7 @@ export function scrollTo(destination, callback, fallbackTimeout, behavior) {
     }
     window.scrollTo({
         top: destination,
-        behavior: behavior || "smooth",
+        behavior: behavior || "smooth"
     });
 }
 export default scrollTo;

package/setDataAttr.js

@@ -1,13 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setDataAttr = void 0;
 /**
  * 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
- */
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    setDataAttr: function() {
+        return setDataAttr;
+    },
+    default: function() {
+        return _default;
+    }
+});
 function setDataAttr(element, attribute, value) {
     if (value === null || typeof value === "undefined") {
         // delete element.dataset[attribute];
@@ -18,5 +32,4 @@ function setDataAttr(element, attribute, value) {
     // element.dataset[attribute] = value.toString();
     element.setAttribute("data-" + attribute, value.toString());
 }
-exports.setDataAttr = setDataAttr;
-exports.default = setDataAttr;
+const _default = setDataAttr;

package/setDataAttr.mjs

@@ -4,8 +4,7 @@
  * @param element
  * @param attribute The name of the `data-{attr}`
  * @param value The value to set, `null` or `undefined` will remove the attribute
- */
-export function setDataAttr(element, attribute, value) {
+ */ export function setDataAttr(element, attribute, value) {
     if (value === null || typeof value === "undefined") {
         // delete element.dataset[attribute];
         // return;

package/setVendorCSS.js

@@ -1,15 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setVendorCSS = void 0;
 /**
  * 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
- */
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    setVendorCSS: function() {
+        return setVendorCSS;
+    },
+    default: function() {
+        return _default;
+    }
+});
 function setVendorCSS(element, prop, value) {
-    var propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
+    const propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
     // @ts-expect-error nevermind now...
     element.style["webkit" + propUpper] = value;
     // @ts-expect-error nevermind now...
@@ -21,5 +35,4 @@ function setVendorCSS(element, prop, value) {
     // @ts-expect-error nevermind now...
     element.style[prop] = value;
 }
-exports.setVendorCSS = setVendorCSS;
-exports.default = setVendorCSS;
+const _default = setVendorCSS;