@koine/dom 1.0.80

package/once.d.ts

@@ -0,0 +1,6 @@
+/**
+ * One shot listener, it `addEventListener` and removes it first time is called
+ * with `removeEventListener`
+ */
+export declare function once(el: Window | Document | HTMLElement, type: string, handler: EventListener, options?: EventListenerOptions | boolean): void;
+export default once;

package/once.js

@@ -0,0 +1,15 @@
+import on from "./on";
+import off from "./off";
+/**
+ * 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) {
+        handler(event);
+        off(el, type, handlerWrapper);
+    };
+    on(el, type, handlerWrapper, options);
+}
+export default once;

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@koine/dom",
+  "sideEffects": false,
+  "main": "./node/index.js",
+  "typings": "./index.d.ts",
+  "dependencies": {
+    "@koine/utils": "1.0.80",
+    "ts-debounce": "^4.0.0",
+    "date-fns-tz": "^1.3.7",
+    "tslib": "^2.4.0"
+  },
+  "peerDependencies": {},
+  "version": "1.0.80",
+  "module": "./index.js",
+  "types": "./index.d.ts"
+}

package/removeClass.d.ts

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

package/removeClass.js

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

package/scrollTo.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Native `scrollTo`, `"smooth"` and with callback
+ *
+ * @borrows https://stackoverflow.com/a/55686711/1938970
+ *
+ * @param offset - offset to scroll to
+ * @param callback - callback function
+ */
+export declare function scrollTo(offset: number, callback?: () => void): void;
+export default scrollTo;

package/scrollTo.js

@@ -0,0 +1,28 @@
+import { on } from "./on";
+import { off } from "./off";
+/**
+ * Native `scrollTo`, `"smooth"` and with callback
+ *
+ * @borrows https://stackoverflow.com/a/55686711/1938970
+ *
+ * @param offset - offset to scroll to
+ * @param callback - callback function
+ */
+export function scrollTo(offset, callback) {
+    var fixedOffset = offset.toFixed();
+    if (callback) {
+        var onScroll_1 = function () {
+            if (window.pageYOffset.toFixed() === fixedOffset) {
+                off(window, "scroll", onScroll_1);
+                callback();
+            }
+        };
+        on(window, "scroll", onScroll_1);
+        onScroll_1();
+    }
+    window.scrollTo({
+        top: offset,
+        behavior: "smooth",
+    });
+}
+export default scrollTo;

package/setDataAttr.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 default setDataAttr;

package/setDataAttr.js

@@ -0,0 +1,18 @@
+/**
+ * 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 function setDataAttr(element, attribute, value) {
+    if (value === null || typeof value === "undefined") {
+        // delete element.dataset[attribute];
+        // return;
+        element.removeAttribute("data-" + attribute);
+        return;
+    }
+    // element.dataset[attribute] = value.toString();
+    element.setAttribute("data-" + attribute, value.toString());
+}
+export default setDataAttr;

package/setVendorCSS.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 default setVendorCSS;

package/setVendorCSS.js

@@ -0,0 +1,21 @@
+/**
+ * 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 function setVendorCSS(element, prop, value) {
+    var propUpper = prop.charAt(0).toUpperCase() + prop.slice(1);
+    // @ts-expect-error nevermind now...
+    element.style["webkit" + propUpper] = value;
+    // @ts-expect-error nevermind now...
+    element.style["moz" + propUpper] = value;
+    // @ts-expect-error nevermind now...
+    element.style["ms" + propUpper] = value;
+    // @ts-expect-error nevermind now...
+    element.style["o" + propUpper] = value;
+    // @ts-expect-error nevermind now...
+    element.style[prop] = value;
+}
+export default setVendorCSS;

package/siblings.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Finds siblings nodes of the passed node.
+ *
+ * @borrows @glidejs/glide/src/utils/dom (source)
+ */
+export declare function siblings(node: Element): Element[];
+export default siblings;

package/siblings.js

@@ -0,0 +1,19 @@
+/**
+ * Finds siblings nodes of the passed node.
+ *
+ * @borrows @glidejs/glide/src/utils/dom (source)
+ */
+export function siblings(node) {
+    if (node && node.parentNode) {
+        var n = node.parentNode.firstChild;
+        var matched = [];
+        for (; n; n = n.nextSibling) {
+            if (n.nodeType === 1 && n !== node) {
+                matched.push(n);
+            }
+        }
+        return matched;
+    }
+    return [];
+}
+export default siblings;

package/toArray.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Node list to array
+ *
+ * @param nodeList
+ */
+export declare function toArray<T extends Element = HTMLElement>(nodeList: NodeListOf<T> | HTMLFormControlsCollection): T[] | HTMLFormElement[];
+export default toArray;

package/toArray.js

@@ -0,0 +1,9 @@
+/**
+ * Node list to array
+ *
+ * @param nodeList
+ */
+export function toArray(nodeList) {
+    return Array.prototype.slice.call(nodeList);
+}
+export default toArray;

package/unlisten.d.ts

@@ -0,0 +1,12 @@
+import { type EventCallback } from "./_listen-delegation";
+/**
+ * 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(types: string, selector: string, callback: EventCallback): void;
+export default unlisten;

package/unlisten.js

@@ -0,0 +1,33 @@
+import { activeEvents, getIndex, eventHandler, } from "./_listen-delegation";
+import { off } from "./off";
+/**
+ * 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 function unlisten(types, selector, callback) {
+    // Loop through each event type
+    types.split(",").forEach(function (type) {
+        // Remove whitespace
+        type = type.trim();
+        // if event type doesn't exist, bail
+        if (!activeEvents[type])
+            return;
+        // If it's the last event of it's type, remove entirely
+        if (activeEvents[type].length < 2 || !selector) {
+            delete activeEvents[type];
+            off(window, type, eventHandler, true);
+            return;
+        }
+        // Otherwise, remove event
+        var index = getIndex(activeEvents[type], selector, callback);
+        if (index < 0)
+            return;
+        activeEvents[type].splice(index, 1);
+    });
+}
+export default unlisten;