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

package/$$.d.ts

@@ -6,5 +6,5 @@
  * @param parent It falls back to `window.document`
  * @param avoidEscape Whether to avoid escaping `:` in the selector string
  */
-export declare function $$<T extends Element = HTMLElement>(selector: string, parent?: HTMLElement | Document, avoidEscape?: boolean): NodeListOf<T>;
+export declare function $$<T extends Element = HTMLElement>(selector: string, parent?: Element | HTMLElement | Document | null, avoidEscape?: boolean): NodeListOf<T>;
 export default $$;

package/$$.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$$ = void 0;
 /**
  * Sizzle/jQuery like DOM nodes shortcut for `document.querySelectorAll`
  * To avoid an extra function call we inline the above `escape`
@@ -8,9 +5,25 @@ exports.$$ = void 0;
  * @param string selector DOM selector
  * @param parent It falls back to `window.document`
  * @param avoidEscape Whether to avoid escaping `:` in the selector string
- */
+ */ "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, {
+    $$: function() {
+        return $$;
+    },
+    default: function() {
+        return _default;
+    }
+});
 function $$(selector, parent, avoidEscape) {
     return (parent ? parent : document).querySelectorAll(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
 }
-exports.$$ = $$;
-exports.default = $$;
+const _default = $$;

package/$$.mjs

@@ -5,8 +5,7 @@
  * @param string selector DOM selector
  * @param parent It falls back to `window.document`
  * @param avoidEscape Whether to avoid escaping `:` in the selector string
- */
-export function $$(selector, parent, avoidEscape) {
+ */ export function $$(selector, parent, avoidEscape) {
     return (parent ? parent : document).querySelectorAll(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
 }
 export default $$;

package/$.d.ts

@@ -9,5 +9,5 @@
  * const $container = $(".my-section:");
  * const $el = $("[data-some-attr]", $container);
  */
-export declare function $<T extends Element = HTMLElement>(selector: string, parent?: HTMLElement | Document, avoidEscape?: boolean): T;
+export declare function $<T extends Element = HTMLElement>(selector: string, parent?: HTMLElement | Document | null, avoidEscape?: boolean): T;
 export default $;

package/$.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$ = void 0;
 /**
  * Sizzle/jQuery like DOM nodes shortcut for `document.querySelector`
  * To avoid an extra function call we inline the above `escape`
@@ -11,9 +8,25 @@ exports.$ = void 0;
  * @example <caption>Basic DOM selection</caption>
  * const $container = $(".my-section:");
  * const $el = $("[data-some-attr]", $container);
- */
+ */ "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, {
+    $: function() {
+        return $;
+    },
+    default: function() {
+        return _default;
+    }
+});
 function $(selector, parent, avoidEscape) {
     return (parent ? parent : document).querySelector(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
 }
-exports.$ = $;
-exports.default = $;
+const _default = $;

package/$.mjs

@@ -8,8 +8,7 @@
  * @example <caption>Basic DOM selection</caption>
  * const $container = $(".my-section:");
  * const $el = $("[data-some-attr]", $container);
- */
-export function $(selector, parent, avoidEscape) {
+ */ export function $(selector, parent, avoidEscape) {
     return (parent ? parent : document).querySelector(avoidEscape ? selector : selector.replace(/:/g, "\\:"));
 }
 export default $;

package/$each.js

@@ -1,22 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$each = void 0;
-var tslib_1 = require("tslib");
-var __1 = tslib_1.__importDefault(require("./$$"));
-/**
- * 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
- */
+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, {
+    $each: function() {
+        return $each;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _$$ = /*#__PURE__*/ _interop_require_default._(require("./$$"));
 function $each(selector, callback, parent, scope) {
-    var nodes = (0, __1.default)(selector, parent);
-    for (var i = 0; i < nodes.length; i++) {
+    const nodes = (0, _$$.default)(selector, parent);
+    for(let i = 0; i < nodes.length; i++){
         callback.call(scope, nodes[i], i);
     }
 }
-exports.$each = $each;
-exports.default = $each;
+const _default = $each;

package/$each.mjs

@@ -7,10 +7,9 @@ import $$ from "./$$";
  * @param callback
  * @param parent It falls back to `window.document`
  * @param scope
- */
-export function $each(selector, callback, parent, scope) {
-    var nodes = $$(selector, parent);
-    for (var i = 0; i < nodes.length; i++) {
+ */ export function $each(selector, callback, parent, scope) {
+    const nodes = $$(selector, parent);
+    for(let i = 0; i < nodes.length; i++){
         callback.call(scope, nodes[i], i);
     }
 }

package/_listen-delegation.d.ts

@@ -1,7 +1,8 @@
+import type { AnyDOMEvent, AnyDOMEventTarget, AnyDOMEventType } from "./types";
 /**
  * @internal
  */
-export type EventCallback = (event: Event, desiredTarget: Window | Document | Element) => any;
+export type EventCallback<TTarget extends AnyDOMEventTarget = AnyDOMEventTarget, TType extends AnyDOMEventType = AnyDOMEventType> = (event: AnyDOMEvent<TType>, desiredTarget: TTarget) => any;
 /**
  * @internal
  */
@@ -14,7 +15,7 @@ export type ListenEvent = {
  *
  * @internal
  */
-export declare const activeEvents: Record<Event["type"], ListenEvent[]>;
+export declare const activeEvents: Partial<Record<AnyDOMEventType, ListenEvent[]>>;
 /**
  * Get the index for the listener
  *

package/_listen-delegation.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.eventHandler = exports.getRunTarget = exports.getIndex = exports.activeEvents = void 0;
-var tslib_1 = require("tslib");
 /**
  * Listen: events delegation system
  *
@@ -10,52 +6,57 @@ var tslib_1 = require("tslib");
  * https://github.com/cferdinandi/events/blob/master/src/js/events/events.js
  *
  * @fileoverview
- */
-var isString_1 = tslib_1.__importDefault(require("@koine/utils/isString"));
-var escapeSelector_1 = tslib_1.__importDefault(require("./escapeSelector"));
-/**
- * Active events
- *
- * @internal
- */
-exports.activeEvents = {};
-/**
- * Get the index for the listener
- *
- * @internal
- */
+ */ "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, {
+    activeEvents: function() {
+        return activeEvents;
+    },
+    getIndex: function() {
+        return getIndex;
+    },
+    getRunTarget: function() {
+        return getRunTarget;
+    },
+    eventHandler: function() {
+        return eventHandler;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _isString = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isString"));
+const _escapeSelector = /*#__PURE__*/ _interop_require_default._(require("./escapeSelector"));
+const activeEvents = {};
 function getIndex(arr, selector, callback) {
-    for (var i = 0; i < arr.length; i++) {
-        if (arr[i].selector === selector &&
-            arr[i].callback.toString() === callback.toString())
-            return i;
+    for(let i = 0; i < arr.length; i++){
+        if (arr[i].selector === selector && arr[i].callback.toString() === callback.toString()) return i;
     }
     return -1;
 }
-exports.getIndex = getIndex;
-/**
- * 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
- */
 function getRunTarget(target, selector) {
     // @ts-expect-error FIXME: type
-    if (["*", "window", window].includes(selector)) {
+    if ([
+        "*",
+        "window",
+        window
+    ].includes(selector)) {
         return window;
     }
     if ([
         "document",
         "document.documentElement",
         document,
-        document.documentElement,
-        // @ts-expect-error FIXME: type
-    ].includes(selector))
-        return document;
-    if ((0, isString_1.default)(selector)) {
-        return target.closest((0, escapeSelector_1.default)(selector));
+        document.documentElement
+    ].includes(selector)) return document;
+    if ((0, _isString.default)(selector)) {
+        return target.closest((0, _escapeSelector.default)(selector));
     }
     // @ts-expect-error FIXME: type
     if (typeof selector !== "string" && selector.contains) {
@@ -70,21 +71,13 @@ function getRunTarget(target, selector) {
     }
     return false;
 }
-exports.getRunTarget = getRunTarget;
-/**
- * Handle listeners after event fires
- *
- * @internal
- */
 function eventHandler(event) {
-    if (!exports.activeEvents[event.type])
-        return;
-    exports.activeEvents[event.type].forEach(function (listener) {
-        var target = getRunTarget(event.target, listener.selector);
+    // 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);
     });
 }
-exports.eventHandler = eventHandler;

package/_listen-delegation.mjs

@@ -6,25 +6,20 @@
  * https://github.com/cferdinandi/events/blob/master/src/js/events/events.js
  *
  * @fileoverview
- */
-import isString from "@koine/utils/isString";
+ */ import isString from "@koine/utils/isString";
 import escapeSelector from "./escapeSelector";
 /**
  * Active events
  *
  * @internal
- */
-export var activeEvents = {};
+ */ export const activeEvents = {};
 /**
  * Get the index for the listener
  *
  * @internal
- */
-export function getIndex(arr, selector, callback) {
-    for (var i = 0; i < arr.length; i++) {
-        if (arr[i].selector === selector &&
-            arr[i].callback.toString() === callback.toString())
-            return i;
+ */ 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;
 }
@@ -35,20 +30,21 @@ export function getIndex(arr, selector, callback) {
  * @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) {
+ */ export function getRunTarget(target, selector) {
     // @ts-expect-error FIXME: type
-    if (["*", "window", window].includes(selector)) {
+    if ([
+        "*",
+        "window",
+        window
+    ].includes(selector)) {
         return window;
     }
     if ([
         "document",
         "document.documentElement",
         document,
-        document.documentElement,
-        // @ts-expect-error FIXME: type
-    ].includes(selector))
-        return document;
+        document.documentElement
+    ].includes(selector)) return document;
     if (isString(selector)) {
         return target.closest(escapeSelector(selector));
     }
@@ -69,12 +65,10 @@ export function getRunTarget(target, selector) {
  * Handle listeners after event fires
  *
  * @internal
- */
-export function eventHandler(event) {
-    if (!activeEvents[event.type])
-        return;
-    activeEvents[event.type].forEach(function (listener) {
-        var target = getRunTarget(event.target, listener.selector);
+ */ 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;
         }

package/addClass.js

@@ -1,19 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addClass = void 0;
 /**
  * Add class shortcut
- */
-function addClass(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, {
+    addClass: function() {
+        return addClass;
+    },
+    default: function() {
+        return _default;
+    }
+});
+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);
+    if (el) el.classList.add(className);
 }
-exports.addClass = addClass;
-exports.default = addClass;
+const _default = addClass;

package/addClass.mjs

@@ -1,15 +1,12 @@
 /**
  * Add class shortcut
- */
-export function addClass(el, className) {
-    if (className === void 0) { className = ""; }
+ */ 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);
+    if (el) el.classList.add(className);
 }
 export default addClass;

package/calculateFixedOffset.js

@@ -1,14 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateFixedOffset = void 0;
-var _each_1 = require("./$each");
-function calculateFixedOffset(selector) {
-    if (selector === void 0) { selector = "[data-fixed]"; }
-    var fixedOffset = 0;
-    (0, _each_1.$each)(selector, function ($el) {
+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, {
+    calculateFixedOffset: function() {
+        return calculateFixedOffset;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _$each = require("./$each");
+function calculateFixedOffset(selector = "[data-fixed]") {
+    let fixedOffset = 0;
+    (0, _$each.$each)(selector, ($el)=>{
         fixedOffset += $el.offsetHeight;
     });
     return fixedOffset;
 }
-exports.calculateFixedOffset = calculateFixedOffset;
-exports.default = calculateFixedOffset;
+const _default = calculateFixedOffset;

package/calculateFixedOffset.mjs

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

package/createElement.js

@@ -1,21 +1,28 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createElement = void 0;
-var tslib_1 = require("tslib");
-var addClass_1 = tslib_1.__importDefault(require("./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
- */
+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, {
+    createElement: function() {
+        return createElement;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _addClass = /*#__PURE__*/ _interop_require_default._(require("./addClass"));
 function createElement(type, className) {
-    var el = document.createElement(type);
+    const el = document.createElement(type);
     if (className) {
-        (0, addClass_1.default)(el, className);
+        (0, _addClass.default)(el, className);
     }
     return el;
 }
-exports.createElement = createElement;
-exports.default = createElement;
+const _default = createElement;

package/createElement.mjs

@@ -5,9 +5,8 @@ import addClass from "./addClass";
  *
  * @param type
  * @param className
- */
-export function createElement(type, className) {
-    var el = document.createElement(type);
+ */ export function createElement(type, className) {
+    const el = document.createElement(type);
     if (className) {
         addClass(el, className);
     }

package/emitEvent.js

@@ -1,18 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitEvent = void 0;
 /**
  * Emit event (use only if the targeted browser supports `CustomEvent`s)
- */
-function emitEvent(type, detail) {
-    if (type === void 0) { type = "customEvent"; }
-    if (detail === void 0) { detail = {}; }
-    if (typeof window.CustomEvent !== "function")
-        return;
+ */ "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, {
+    emitEvent: function() {
+        return emitEvent;
+    },
+    default: function() {
+        return _default;
+    }
+});
+function emitEvent(type = "customEvent", detail = {}) {
+    if (typeof window.CustomEvent !== "function") return;
     document.dispatchEvent(new CustomEvent(type, {
         bubbles: true,
-        detail: detail,
+        detail
     }));
 }
-exports.emitEvent = emitEvent;
-exports.default = emitEvent;
+const _default = emitEvent;

package/emitEvent.mjs

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

package/escapeSelector.js

@@ -1,14 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.escapeSelector = void 0;
 /**
  * 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
- */
+ */ "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, {
+    escapeSelector: function() {
+        return escapeSelector;
+    },
+    default: function() {
+        return _default;
+    }
+});
 function escapeSelector(selector) {
     return selector.replace(/:/g, "\\:");
 }
-exports.escapeSelector = escapeSelector;
-exports.default = escapeSelector;
+const _default = escapeSelector;

package/escapeSelector.mjs

@@ -3,8 +3,7 @@
  * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector#Escaping_special_characters
  *
  * @param selector
- */
-export function escapeSelector(selector) {
+ */ export function escapeSelector(selector) {
     return selector.replace(/:/g, "\\:");
 }
 export default escapeSelector;