filestash/public/lib/rxjs/dom.js

import rxjs from "./index.js";

export function textContent($node, selector = "") {
    if (selector) $node = $node.querySelector(selector);
    if (!$node) throw new Error("dom not found for '" + selector + "'");
    return rxjs.tap((val) => $node.textContent = val);
}

export function htmlContent($node, selector = "") {
    if (selector) $node = $node.querySelector(selector);
    if (!$node) throw new Error("dom not found for '" + selector + "'");
    return rxjs.tap((val) => $node.innerHTML = val);
}

export function setAttribute($node, selector = "", attr = "") {
    if (selector) $node = $node.querySelector(selector);
    if (!$node) throw new Error("dom not found for '" + selector + "'");
    return rxjs.tap((val) => ($node.getAttribute(attr) != val) && $node.setAttribute(attr, val));
}

export function removeAttribute($node, selector = "", attr = "") {
    if (selector) $node = $node.querySelector(selector);
    if (!$node) throw new Error("dom not found for '" + selector + "'");
    return rxjs.tap(() => $node.removeAttribute(attr));
}

export function getAttribute($node, selector = "", attr = "") {
    if (selector) $node = $node.querySelector(selector);
    if (!$node) throw new Error("dom not found for '" + selector + "'");
    return rxjs.map(() => $node.getAttribute(attr))
}

export function setValue($node, selector, attr) {
    if (selector) $node = $node.querySelector(selector);
    if (!$node) throw new Error("dom not found for '" + selector + "'");
    return rxjs.tap((val) => $node[attr] = val);
}

export function addClassList($node, selector) {
    if (selector) $node = $node.querySelector(selector);
    if (!$node) throw new Error("dom not found for '" + selector + "'");
    return rxjs.tap((className) => $node.classList.add(className));
}

export function removeClassList($node, selector, className) {
    if (selector) $node = $node.querySelector(selector);
    if (!$node) throw new Error("dom not found for '" + selector + "'");
    return rxjs.tap((className) => $node.classList.remove(className));
}