@davidsouther/jiffies 2.2.4 → 2.3.0

package/lib/cjs/dom/css/core.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSide = exports.getSize = exports.isSize = exports.isSide = void 0;
-const constants_js_1 = require("./constants.js");
-function isSide(v) {
-    return constants_js_1.Sides[v] !== undefined;
-}
-exports.isSide = isSide;
-function isSize(v) {
-    return constants_js_1.Sizes[v] !== undefined;
-}
-exports.isSize = isSize;
-function getSize(size) {
-    return constants_js_1.Sizes[size];
-}
-exports.getSize = getSize;
-function getSide(side) {
-    switch (side) {
-        case "t":
-            return [...getSide("tl"), ...getSide("tr")];
-        case "r":
-            return [...getSide("tr"), ...getSide("br")];
-        case "b":
-            return [...getSide("br"), ...getSide("bl")];
-        case "l":
-            return [...getSide("tl"), ...getSide("bl")];
-        default:
-            return [constants_js_1.Sides[side]];
-    }
-}
-exports.getSide = getSide;

package/lib/cjs/dom/css/fstyle.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compileFStyle = void 0;
-const case_js_1 = require("../../case.js");
-function compileFStyle(fstyle, prefix = "") {
-    const properties = [];
-    const rules = [];
-    for (const [key, value] of Object.entries(fstyle)) {
-        if (typeof value == "string") {
-            properties.push({ key, value });
-        }
-        else {
-            rules.push({ key, value });
-        }
-    }
-    let rule = "";
-    if (properties.length > 0) {
-        rule += `${prefix} {\n`;
-        for (const { key, value } of properties) {
-            rule += `  ${(0, case_js_1.dashCase)(key)}: ${value};\n`;
-        }
-        rule += "}\n\n";
-    }
-    for (const { key, value } of rules) {
-        if (key.startsWith("@media")) {
-            rule += `${key} {\n`;
-            rule += compileFStyle(value, "  ");
-            rule += `}\n\n`;
-        }
-        else {
-            rule += compileFStyle(value, `${prefix} ${key}`);
-        }
-    }
-    return rule;
-}
-exports.compileFStyle = compileFStyle;

package/lib/cjs/dom/css/sizing.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.width = void 0;
-const constants_js_1 = require("./constants.js");
-function width(amount, block) {
-    if (amount === undefined && constants_js_1.Widths[block] !== undefined) {
-        amount = block;
-    }
-    return {
-        ...(block === "inline" ? { display: "inline-block" } : {}),
-        width: constants_js_1.Widths[amount] ?? "0",
-    };
-}
-exports.width = width;

package/lib/cjs/dom/dom.js

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.update = exports.up = exports.normalizeArguments = exports.CLEAR = void 0;
-const Events = Symbol("events");
-exports.CLEAR = Symbol("Clear children");
-function isAttrs(attrs) {
-    if (!attrs) {
-        return false;
-    }
-    if (typeof attrs === "object") {
-        return !attrs.nodeType;
-    }
-    return false;
-}
-function normalizeArguments(attrs, children = [], defaultAttrs = {}) {
-    let attributes;
-    if (isAttrs(attrs)) {
-        attributes = attrs;
-    }
-    else {
-        if (attrs !== undefined) {
-            children.unshift(attrs);
-        }
-        attributes = defaultAttrs;
-    }
-    return [attributes, children.flat()];
-}
-exports.normalizeArguments = normalizeArguments;
-function up(element, attrs, ...children) {
-    return update(element, ...normalizeArguments(attrs, children));
-}
-exports.up = up;
-function update(element, attrs, children) {
-    // Track events, to remove later
-    const $events = (element[Events] ??= new Map());
-    const { style = {}, events = {}, ...rest } = attrs;
-    Object.entries(events).forEach(([k, v]) => {
-        if (v === null) {
-            if ($events.has(k)) {
-                const listener = $events.get(k);
-                element.removeEventListener(k, listener);
-            }
-        }
-        else if (v !== undefined) {
-            element.addEventListener(k, v);
-            $events.set(k, v);
-        }
-    });
-    const _style = element.style;
-    if (_style) {
-        if (typeof style === "string") {
-            _style.cssText = style;
-        }
-        else {
-            Object.entries(style).forEach(([k, v]) => {
-                // @ts-ignore Object.entries is unable to statically look into args
-                _style[k] = v;
-            });
-        }
-    }
-    Object.entries(rest).forEach(([k, v]) => {
-        if (k === "class") {
-            v = Array.isArray(v)
-                ? v
-                : (typeof v === "string" ? v : `${v}`).split(/\s+/m);
-            v
-                .filter((s) => s !== "")
-                .forEach((c) => {
-                if (c.startsWith("!")) {
-                    element.classList.remove(c.substring(1));
-                }
-                else {
-                    element.classList.add(c);
-                }
-            });
-            return;
-        }
-        const useNamespace = element.namespaceURI &&
-            element.namespaceURI != "http://www.w3.org/1999/xhtml";
-        const remove = !v;
-        if (useNamespace) {
-            if (remove) {
-                element.removeAttributeNS(element.namespaceURI, k);
-            }
-            else if (v === true) {
-                element.setAttributeNS(element.namespaceURI, k, k);
-            }
-            else {
-                element.setAttributeNS(element.namespaceURI, k, v);
-            }
-        }
-        else {
-            if (remove) {
-                element.removeAttribute(k);
-            }
-            else if (v === true) {
-                element.setAttribute(k, k);
-            }
-            else {
-                element.setAttribute(k, v);
-            }
-        }
-    });
-    if (children?.length > 0) {
-        element.replaceChildren(...(children[0] === exports.CLEAR ? [] : children));
-    }
-    element.update ??= (attrs, ...children) => update(element, ...normalizeArguments(attrs, children));
-    return element;
-}
-exports.update = update;

package/lib/cjs/dom/fc.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FC = exports.State = void 0;
-const dom_js_1 = require("./dom.js");
-exports.State = Symbol();
-function FC(name, component) {
-    class FCImpl extends HTMLElement {
-        constructor() {
-            super();
-        }
-        [exports.State] = {};
-        #attrs = {};
-        #children = [];
-        update(attrs, ...children) {
-            [attrs, children] = (0, dom_js_1.normalizeArguments)(attrs, children);
-            if (children[0] === dom_js_1.CLEAR) {
-                this.#children = [];
-            }
-            else if (children.length > 0) {
-                this.#children = children;
-            }
-            this.#attrs = { ...this.#attrs, ...attrs };
-            // Apply updates from the attrs to the dom node itself
-            (0, dom_js_1.update)(this, this.#attrs, []);
-            // Re-run the component function using new element, attrs, and children.
-            const replace = [component(this, this.#attrs, this.#children)];
-            this.replaceChildren(...replace.flat());
-            return this;
-        }
-    }
-    customElements.define(name, FCImpl);
-    const ctor = (attrs, ...children) => {
-        const element = document.createElement(name);
-        element.update(attrs, ...children);
-        return element;
-    };
-    return ctor;
-}
-exports.FC = FC;

package/lib/cjs/dom/fc.test.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_js_1 = require("../scope/index.js");
-const html_js_1 = require("./html.js");
-const fc_js_1 = require("./fc.js");
-(0, index_js_1.describe)("FC", () => {
-    (0, index_js_1.it)("creates FCs", () => {
-        const Input = (0, fc_js_1.FC)("fc-input", (el, attrs, children) => (0, html_js_1.label)(attrs.placeholder ?? attrs.name, (0, html_js_1.input)(attrs), ...children));
-        const f = (0, html_js_1.form)({ action: "#", method: "POST" }, (0, html_js_1.div)({ class: "grid" }, Input({
-            name: "firstName",
-            placeholder: "First Name",
-            required: true,
-        }), Input({
-            name: "lastName",
-            placeholder: "Last Name",
-            required: true,
-        })), Input({ name: "email", type: "email", placeholder: "E-Mail" }, (0, html_js_1.small)("We'll never share your information.")), (0, html_js_1.button)({ type: "submit" }, "Submit"));
-        // document.body.appendChild(f);
-        (0, index_js_1.expect)(f.children.length).toBe(3);
-        (0, index_js_1.expect)(f.querySelectorAll("input[required]").length).toBe(2);
-        (0, index_js_1.expect)(f.querySelectorAll('input[name="firstName"]').length).toBe(1);
-    });
-});

package/lib/cjs/dom/form/form.app.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.App = void 0;
-const html_js_1 = require("../html.js");
-const form_js_1 = require("./form.js");
-const App = () => (0, html_js_1.main)({ class: "container" }, (0, html_js_1.article)((0, form_js_1.Form)({
-    events: {
-        submit(event) {
-            console.log("Should see fields for firstname, lastname, email, etc");
-            console.log(event);
-        },
-    },
-}, (0, html_js_1.div)({ class: "grid" }, (0, form_js_1.Input)({ id: "firstname", placeholder: "First name" }), (0, form_js_1.Input)({ id: "lastname", placeholder: "Last name" })), (0, form_js_1.Input)({
-    id: "email",
-    type: "email",
-    placeholder: "Email address",
-    required: true,
-}, (0, html_js_1.small)("We will never share your email with anyone.")), (0, html_js_1.button)({ type: "submit" }, "Submit"), (0, html_js_1.div)({ class: "grid" }, (0, form_js_1.Input)({ id: "valid", placeholder: "Valid", "aria-invalid": "false" }), (0, form_js_1.Input)({
-    id: "invalid",
-    placeholder: "Invalid",
-    "aria-invalid": "true",
-}), (0, form_js_1.Input)({ id: "disabled", placeholder: "Disabled", disabled: true }), (0, form_js_1.Input)({ id: "readonly", value: "Readonly", readOnly: true }))
-// Dropdown({id: 'fruit', label: "Fruit", placeholder: "Select a fruit...", options: ['Banana', 'Watermelon', 'Apple', 'Orange', 'Mango']}),
-// Radios({legend: 'Size', options: {small: 'Small', medium: 'Medium', large: 'Large', extralarge: "Extra Large"}, checked: 'small'}),
-// Checkboxes({options: {terms: 'I agree to the Terms and Conditions', termsSharing: {label: 'I agree to share my information with partners', disabled: true, checked: true}}),
-)));
-exports.App = App;

package/lib/cjs/dom/form/form.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = exports.Checkbox = exports.Radio = exports.Switches = exports.Checks = exports.Radios = exports.Dropdown = exports.Option = exports.Button = exports.Select = exports.Input = exports.Form = void 0;
-const html_js_1 = require("../html.js");
-const Form = (attrs, ...children) => {
-    if (attrs.events?.submit) {
-        const submit = attrs.events.submit;
-        attrs.events.submit = (event) => {
-            event.preventDefault();
-            submit(event);
-        };
-    }
-    return (0, html_js_1.form)(attrs, ...children);
-};
-exports.Form = Form;
-const Input = (attrs, ...children) => (0, html_js_1.label)((0, html_js_1.input)(attrs), ...children);
-exports.Input = Input;
-const Select = (attrs) => (0, html_js_1.label)({ style: attrs.style ?? {} }, (0, html_js_1.select)({ events: attrs.events ?? {} }, ...prepareOptions(attrs.options, attrs.selected).map(exports.Option)));
-exports.Select = Select;
-const Button = () => { };
-exports.Button = Button;
-const prepareOptions = (attrs, selected) => Array.isArray(attrs)
-    ? attrs.map((value) => ({
-        value,
-        label: value,
-        selected: selected == value,
-    }))
-    : Object.entries(attrs).map(([value, label]) => typeof label === "string"
-        ? { value, label, selected: selected === value }
-        : { value, ...label });
-const Option = (attrs) => (0, html_js_1.option)(attrs);
-exports.Option = Option;
-const Dropdown = (attrs, ...options) => (0, exports.Select)({
-    ...attrs,
-    options: typeof options[0] == "string" ? options : options[0],
-});
-exports.Dropdown = Dropdown;
-const Radios = () => { };
-exports.Radios = Radios;
-const Checks = () => { };
-exports.Checks = Checks;
-const Switches = () => { };
-exports.Switches = Switches;
-const Radio = (attrs) => (0, exports.Input)({ type: "radio" });
-exports.Radio = Radio;
-const Checkbox = (attrs) => (0, exports.Input)({ type: "checkbox" });
-exports.Checkbox = Checkbox;
-const Switch = () => (0, exports.Checkbox)({ role: "switch" });
-exports.Switch = Switch;

package/lib/cjs/dom/form/form.test.js

@@ -1 +0,0 @@
-"use strict";

package/lib/cjs/dom/html.js

@@ -1,119 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i = exports.html = exports.hr = exports.hgroup = exports.header = exports.head = exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.form = exports.footer = exports.figure = exports.figcaption = exports.fieldset = exports.embed = exports.em = exports.dt = exports.dl = exports.div = exports.dialog = exports.dfn = exports.details = exports.del = exports.dd = exports.datalist = exports.data = exports.colgroup = exports.col = exports.code = exports.cite = exports.caption = exports.canvas = exports.button = exports.br = exports.body = exports.blockquote = exports.bdo = exports.bdi = exports.base = exports.b = exports.audio = exports.aside = exports.article = exports.area = exports.address = exports.abbr = exports.a = void 0;
-exports.textarea = exports.template = exports.td = exports.tbody = exports.table = exports.sup = exports.summary = exports.sub = exports.style = exports.strong = exports.span = exports.source = exports.small = exports.slot = exports.select = exports.section = exports.script = exports.samp = exports.s = exports.ruby = exports.rt = exports.rp = exports.q = exports.progress = exports.pre = exports.picture = exports.param = exports.p = exports.output = exports.option = exports.optgroup = exports.ol = exports.object = exports.noscript = exports.nav = exports.meter = exports.meta = exports.menu = exports.mark = exports.map = exports.main = exports.link = exports.li = exports.legend = exports.label = exports.kbd = exports.ins = exports.input = exports.img = exports.iframe = void 0;
-exports.wbr = exports.video = exports.htmlvar = exports.ul = exports.u = exports.track = exports.tr = exports.title = exports.time = exports.thead = exports.th = exports.tfoot = void 0;
-const dom_js_1 = require("./dom.js");
-const makeHTMLElement = (name) => (attrs, ...children) => (0, dom_js_1.up)(document.createElement(name), attrs, ...children);
-exports.a = makeHTMLElement("a");
-exports.abbr = makeHTMLElement("abbr");
-exports.address = makeHTMLElement("address");
-exports.area = makeHTMLElement("area");
-exports.article = makeHTMLElement("article");
-exports.aside = makeHTMLElement("aside");
-exports.audio = makeHTMLElement("audio");
-exports.b = makeHTMLElement("b");
-exports.base = makeHTMLElement("base");
-exports.bdi = makeHTMLElement("bdi");
-exports.bdo = makeHTMLElement("bdo");
-exports.blockquote = makeHTMLElement("blockquote");
-exports.body = makeHTMLElement("body");
-exports.br = makeHTMLElement("br");
-exports.button = makeHTMLElement("button");
-exports.canvas = makeHTMLElement("canvas");
-exports.caption = makeHTMLElement("caption");
-exports.cite = makeHTMLElement("cite");
-exports.code = makeHTMLElement("code");
-exports.col = makeHTMLElement("col");
-exports.colgroup = makeHTMLElement("colgroup");
-exports.data = makeHTMLElement("data");
-exports.datalist = makeHTMLElement("datalist");
-exports.dd = makeHTMLElement("dd");
-exports.del = makeHTMLElement("del");
-exports.details = makeHTMLElement("details");
-exports.dfn = makeHTMLElement("dfn");
-exports.dialog = makeHTMLElement("dialog");
-exports.div = makeHTMLElement("div");
-exports.dl = makeHTMLElement("dl");
-exports.dt = makeHTMLElement("dt");
-exports.em = makeHTMLElement("em");
-exports.embed = makeHTMLElement("embed");
-exports.fieldset = makeHTMLElement("fieldset");
-exports.figcaption = makeHTMLElement("figcaption");
-exports.figure = makeHTMLElement("figure");
-exports.footer = makeHTMLElement("footer");
-exports.form = makeHTMLElement("form");
-exports.h1 = makeHTMLElement("h1");
-exports.h2 = makeHTMLElement("h2");
-exports.h3 = makeHTMLElement("h3");
-exports.h4 = makeHTMLElement("h4");
-exports.h5 = makeHTMLElement("h5");
-exports.h6 = makeHTMLElement("h6");
-exports.head = makeHTMLElement("head");
-exports.header = makeHTMLElement("header");
-exports.hgroup = makeHTMLElement("hgroup");
-exports.hr = makeHTMLElement("hr");
-exports.html = makeHTMLElement("html");
-exports.i = makeHTMLElement("i");
-exports.iframe = makeHTMLElement("iframe");
-exports.img = makeHTMLElement("img");
-exports.input = makeHTMLElement("input");
-exports.ins = makeHTMLElement("ins");
-exports.kbd = makeHTMLElement("kbd");
-exports.label = makeHTMLElement("label");
-exports.legend = makeHTMLElement("legend");
-exports.li = makeHTMLElement("li");
-exports.link = makeHTMLElement("link");
-exports.main = makeHTMLElement("main");
-exports.map = makeHTMLElement("map");
-exports.mark = makeHTMLElement("mark");
-exports.menu = makeHTMLElement("menu");
-exports.meta = makeHTMLElement("meta");
-exports.meter = makeHTMLElement("meter");
-exports.nav = makeHTMLElement("nav");
-exports.noscript = makeHTMLElement("noscript");
-exports.object = makeHTMLElement("object");
-exports.ol = makeHTMLElement("ol");
-exports.optgroup = makeHTMLElement("optgroup");
-exports.option = makeHTMLElement("option");
-exports.output = makeHTMLElement("output");
-exports.p = makeHTMLElement("p");
-exports.param = makeHTMLElement("param");
-exports.picture = makeHTMLElement("picture");
-exports.pre = makeHTMLElement("pre");
-exports.progress = makeHTMLElement("progress");
-exports.q = makeHTMLElement("q");
-exports.rp = makeHTMLElement("rp");
-exports.rt = makeHTMLElement("rt");
-exports.ruby = makeHTMLElement("ruby");
-exports.s = makeHTMLElement("s");
-exports.samp = makeHTMLElement("samp");
-exports.script = makeHTMLElement("script");
-exports.section = makeHTMLElement("section");
-exports.select = makeHTMLElement("select");
-exports.slot = makeHTMLElement("slot");
-exports.small = makeHTMLElement("small");
-exports.source = makeHTMLElement("source");
-exports.span = makeHTMLElement("span");
-exports.strong = makeHTMLElement("strong");
-exports.style = makeHTMLElement("style");
-exports.sub = makeHTMLElement("sub");
-exports.summary = makeHTMLElement("summary");
-exports.sup = makeHTMLElement("sup");
-exports.table = makeHTMLElement("table");
-exports.tbody = makeHTMLElement("tbody");
-exports.td = makeHTMLElement("td");
-exports.template = makeHTMLElement("template");
-exports.textarea = makeHTMLElement("textarea");
-exports.tfoot = makeHTMLElement("tfoot");
-exports.th = makeHTMLElement("th");
-exports.thead = makeHTMLElement("thead");
-exports.time = makeHTMLElement("time");
-exports.title = makeHTMLElement("title");
-exports.tr = makeHTMLElement("tr");
-exports.track = makeHTMLElement("track");
-exports.u = makeHTMLElement("u");
-exports.ul = makeHTMLElement("ul");
-exports.htmlvar = makeHTMLElement("var"); // var is reserved, export as variable
-exports.video = makeHTMLElement("video");
-exports.wbr = makeHTMLElement("wbr");

package/lib/cjs/dom/html.test.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const describe_js_1 = require("../scope/describe.js");
-const expect_js_1 = require("../scope/expect.js");
-const html_js_1 = require("./html.js");
-(0, describe_js_1.describe)("html", () => {
-    (0, describe_js_1.it)("creates HTML Elements", () => {
-        let tableBody;
-        const myTable = (0, html_js_1.table)((0, html_js_1.thead)((0, html_js_1.tr)((0, html_js_1.th)("Col A"), (0, html_js_1.th)("Col B"))), (tableBody = (0, html_js_1.tbody)()));
-        for (let x = 1; x <= 3; x++) {
-            tableBody.appendChild((0, html_js_1.tr)((0, html_js_1.td)(`${x}`), (0, html_js_1.td)(`${x * 2}`)));
-        }
-        (0, expect_js_1.expect)(myTable.textContent).toEqual("Col ACol B122436");
-    });
-    (0, describe_js_1.it)("attaches event handlers", () => {
-        let clicked = 0;
-        const btn = (0, html_js_1.button)({
-            events: {
-                click: () => {
-                    clicked += 1;
-                },
-            },
-        });
-        btn.dispatchEvent(new Event("click"));
-        (0, expect_js_1.expect)(clicked).toBe(1);
-    });
-    (0, describe_js_1.it)("removes event handlers", () => {
-        let clicked = 0;
-        const btn = (0, html_js_1.button)({
-            events: {
-                click: () => {
-                    clicked += 1;
-                },
-            },
-        });
-        btn.dispatchEvent(new Event("click"));
-        (0, expect_js_1.expect)(clicked).toBe(1);
-        btn.update({ events: { click: null } });
-        btn.dispatchEvent(new Event("click"));
-        (0, expect_js_1.expect)(clicked).toBe(1);
-    });
-    (0, describe_js_1.it)("sets style properties", () => {
-        const btn = (0, html_js_1.button)({
-            style: { flexDirection: "column" },
-        });
-        (0, expect_js_1.expect)(btn.style.flexDirection).toBe("column");
-    });
-    (0, describe_js_1.it)("sets style, attributes, and events together", () => {
-        let clicked = false;
-        const btn = (0, html_js_1.button)({
-            class: "test-class",
-            style: { flexDirection: "column" },
-            events: { click: () => (clicked = true) },
-        });
-        btn.dispatchEvent(new Event("click"));
-        (0, expect_js_1.expect)(btn.classList.contains("test-class")).toBe(true);
-        (0, expect_js_1.expect)(btn.style.flexDirection).toBe("column");
-        (0, expect_js_1.expect)(clicked).toBe(true);
-    });
-});

package/lib/cjs/dom/observable.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.O = void 0;
-function O(element, observable) {
-    observable.subscribe((t) => {
-        element.update(...t);
-    });
-    return element;
-}
-exports.O = O;

package/lib/cjs/dom/observable.test.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const observable_js_1 = require("./observable.js");
-const observable_js_2 = require("../observable/observable.js");
-const describe_js_1 = require("../scope/describe.js");
-const expect_js_1 = require("../scope/expect.js");
-const html_js_1 = require("./html.js");
-(0, describe_js_1.describe)("DOM Observable", () => {
-    (0, describe_js_1.it)("updates a dom node with observable results", async () => {
-        const subject = new observable_js_2.Subject();
-        const observable = subject.pipe((0, observable_js_2.map)((s) => [s]));
-        const element = (0, observable_js_1.O)((0, html_js_1.div)(), observable);
-        (0, expect_js_1.expect)(element.innerText).toEqual("");
-        await subject.next("H");
-        (0, expect_js_1.expect)(element.innerText).toEqual("H");
-        await subject.next("He");
-        (0, expect_js_1.expect)(element.innerText).toEqual("He");
-    });
-    (0, describe_js_1.it)("updates a dom node's attributes", async () => {
-        const classes = new observable_js_2.Subject();
-        const observable = classes.map((c) => [{ class: c.join(" ") }]);
-        const element = (0, observable_js_1.O)((0, html_js_1.span)(), observable);
-        (0, expect_js_1.expect)(element.classList.contains("warning")).toBe(false);
-        (0, expect_js_1.expect)(element.classList.contains("error")).toBe(false);
-        await classes.next(["warning"]);
-        (0, expect_js_1.expect)(element.classList.contains("warning")).toBe(true);
-        (0, expect_js_1.expect)(element.classList.contains("error")).toBe(false);
-        await classes.next(["error"]);
-        (0, expect_js_1.expect)(element.classList.contains("warning")).toBe(true);
-        (0, expect_js_1.expect)(element.classList.contains("error")).toBe(true);
-        await classes.next(["!warning", "!error"]);
-        (0, expect_js_1.expect)(element.classList.contains("warning")).toBe(false);
-        (0, expect_js_1.expect)(element.classList.contains("error")).toBe(false);
-    });
-});

package/lib/cjs/dom/provide.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.retrieve = exports.provide = void 0;
-let registry = {};
-function provide(items) {
-    registry = { ...registry, ...items };
-}
-exports.provide = provide;
-function retrieve(key) {
-    return registry[key];
-}
-exports.retrieve = retrieve;

package/lib/cjs/dom/router/link.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.link = void 0;
-const html_js_1 = require("../html.js");
-const router_js_1 = require("./router.js");
-const link = ({ href, link }) => (0, html_js_1.a)({ href: router_js_1.Router.href(href), events: { click: router_js_1.Router.navigate(href) } }, link);
-exports.link = link;

package/lib/cjs/dom/router/router.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Router = void 0;
-let baseURI = `${document.baseURI}`;
-const normalizeHref = () => {
-    return location.href + "/" === baseURI ? baseURI : location.href;
-};
-let globalRouter;
-exports.Router = {
-    local(links, index) {
-        return exports.Router.for(links, index, false);
-    },
-    for(links, index, setGlobalRouter = true) {
-        let target;
-        const partialRouter = (t) => {
-            target = t;
-            const href = normalizeHref();
-            const route = href === baseURI ? baseURI + index : href;
-            doNavigate(route);
-            window.addEventListener("popstate", () => {
-                doNavigate(location.href);
-            });
-            return target;
-        };
-        const doNavigate = (link) => {
-            link = link.replace(baseURI, "") || index;
-            if (link === partialRouter.current) {
-                return false;
-            }
-            partialRouter.current = link;
-            target.update((links.find(({ href }) => link.endsWith(href))?.target ??
-                (() => undefined))());
-            return true;
-        };
-        const navigate = (url) => {
-            return (event) => {
-                event.preventDefault();
-                if (doNavigate(url || index)) {
-                    history.pushState(null, "", url);
-                }
-            };
-        };
-        partialRouter.navigate = navigate;
-        if (setGlobalRouter) {
-            globalRouter = partialRouter;
-        }
-        return partialRouter;
-    },
-    href(link) {
-        return `${baseURI}${link.replace(/^\//, "")}`;
-    },
-    navigate(href) {
-        return globalRouter?.navigate(href);
-    },
-};