@davidsouther/jiffies 1.0.0-beta.1 → 2.0.0

package/lib/cjs/dom/html.js

@@ -0,0 +1,119 @@
+"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

@@ -0,0 +1,60 @@
+"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.d.ts

@@ -0,0 +1,2 @@
+import { Observable } from "../observable/observable.js";
+export declare function O<E extends Element>(element: E, observable: Observable<Parameters<E["update"]>>): E;

package/lib/cjs/dom/observable.js

@@ -0,0 +1,10 @@
+"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

@@ -0,0 +1,35 @@
+"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.d.ts

@@ -0,0 +1,3 @@
+import { Option } from "../result.js";
+export declare function provide(items: Record<string, unknown>): void;
+export declare function retrieve<T>(key: string): Option<T>;

package/lib/cjs/dom/provide.js

@@ -0,0 +1,12 @@
+"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.d.ts

@@ -0,0 +1,6 @@
+export interface Link {
+    href: string;
+    link: string;
+    target: () => Node;
+}
+export declare const link: ({ href, link }: Link) => HTMLAnchorElement;

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

@@ -0,0 +1,7 @@
+"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/{build → lib/cjs}/dom/router/router.d.ts

@@ -1,9 +1,9 @@
-import { DOMElement, Updatable } from "../dom";
-import { Link } from "./link";
+import { DOMElement } from "../dom.js";
+import { Link } from "./link.js";
 export interface Router {
     current?: string;
     navigate: (url: string) => (event: Event) => void;
-    (target: Updatable<DOMElement>): Updatable<DOMElement>;
+    (target: DOMElement): DOMElement;
 }
 export declare const Router: {
     for(links: Link[], index: string, setGlobalRouter?: boolean): Router;

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

@@ -0,0 +1,52 @@
+"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 = {
+    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);
+    },
+};

package/lib/cjs/dom/svg.d.ts

@@ -0,0 +1,64 @@
+import { DenormAttrs, DenormChildren } from "./dom.js";
+export declare const a: (attrs?: DenormAttrs<SVGAElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const animate: (attrs?: DenormAttrs<SVGAnimateElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const animateMotion: (attrs?: DenormAttrs<SVGAnimateMotionElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const animateTransform: (attrs?: DenormAttrs<SVGAnimateTransformElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const circle: (attrs?: DenormAttrs<SVGCircleElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const clipPath: (attrs?: DenormAttrs<SVGClipPathElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const defs: (attrs?: DenormAttrs<SVGDefsElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const desc: (attrs?: DenormAttrs<SVGDescElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const ellipse: (attrs?: DenormAttrs<SVGEllipseElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feBlend: (attrs?: DenormAttrs<SVGFEBlendElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feColorMatrix: (attrs?: DenormAttrs<SVGFEColorMatrixElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feComponentTransfer: (attrs?: DenormAttrs<SVGFEComponentTransferElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feComposite: (attrs?: DenormAttrs<SVGFECompositeElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feConvolveMatrix: (attrs?: DenormAttrs<SVGFEConvolveMatrixElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feDiffuseLighting: (attrs?: DenormAttrs<SVGFEDiffuseLightingElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feDisplacementMap: (attrs?: DenormAttrs<SVGFEDisplacementMapElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feDistantLight: (attrs?: DenormAttrs<SVGFEDistantLightElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feDropShadow: (attrs?: DenormAttrs<SVGFEDropShadowElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feFlood: (attrs?: DenormAttrs<SVGFEFloodElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feFuncA: (attrs?: DenormAttrs<SVGFEFuncAElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feFuncB: (attrs?: DenormAttrs<SVGFEFuncBElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feFuncG: (attrs?: DenormAttrs<SVGFEFuncGElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feFuncR: (attrs?: DenormAttrs<SVGFEFuncRElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feGaussianBlur: (attrs?: DenormAttrs<SVGFEGaussianBlurElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feImage: (attrs?: DenormAttrs<SVGFEImageElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feMerge: (attrs?: DenormAttrs<SVGFEMergeElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feMergeNode: (attrs?: DenormAttrs<SVGFEMergeNodeElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feMorphology: (attrs?: DenormAttrs<SVGFEMorphologyElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feOffset: (attrs?: DenormAttrs<SVGFEOffsetElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const fePointLight: (attrs?: DenormAttrs<SVGFEPointLightElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feSpecularLighting: (attrs?: DenormAttrs<SVGFESpecularLightingElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feSpotLight: (attrs?: DenormAttrs<SVGFESpotLightElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feTile: (attrs?: DenormAttrs<SVGFETileElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const feTurbulence: (attrs?: DenormAttrs<SVGFETurbulenceElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const filter: (attrs?: DenormAttrs<SVGFilterElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const foreignObject: (attrs?: DenormAttrs<SVGForeignObjectElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const g: (attrs?: DenormAttrs<SVGGElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const image: (attrs?: DenormAttrs<SVGImageElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const line: (attrs?: DenormAttrs<SVGLineElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const linearGradient: (attrs?: DenormAttrs<SVGLinearGradientElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const marker: (attrs?: DenormAttrs<SVGMarkerElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const mask: (attrs?: DenormAttrs<SVGMaskElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const metadata: (attrs?: DenormAttrs<SVGMetadataElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const mpath: (attrs?: DenormAttrs<SVGMPathElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const path: (attrs?: DenormAttrs<SVGPathElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const pattern: (attrs?: DenormAttrs<SVGPatternElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const polygon: (attrs?: DenormAttrs<SVGPolygonElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const polyline: (attrs?: DenormAttrs<SVGPolylineElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const radialGradient: (attrs?: DenormAttrs<SVGRadialGradientElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const rect: (attrs?: DenormAttrs<SVGRectElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const script: (attrs?: DenormAttrs<SVGScriptElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const set: (attrs?: DenormAttrs<SVGSetElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const stop: (attrs?: DenormAttrs<SVGStopElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const style: (attrs?: DenormAttrs<SVGStyleElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const svg: (attrs?: DenormAttrs<SVGSVGElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const svgswitch: (attrs?: DenormAttrs<SVGSwitchElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const symbol: (attrs?: DenormAttrs<SVGSymbolElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const text: (attrs?: DenormAttrs<SVGTextElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const textPath: (attrs?: DenormAttrs<SVGTextPathElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const title: (attrs?: DenormAttrs<SVGTitleElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const tspan: (attrs?: DenormAttrs<SVGTSpanElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const use: (attrs?: DenormAttrs<SVGUseElement, {}> | undefined, ...children: DenormChildren[]) => Element;
+export declare const view: (attrs?: DenormAttrs<SVGViewElement, {}> | undefined, ...children: DenormChildren[]) => Element;

package/lib/cjs/dom/svg.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rect = exports.radialGradient = exports.polyline = exports.polygon = exports.pattern = exports.path = exports.mpath = exports.metadata = exports.mask = exports.marker = exports.linearGradient = exports.line = exports.image = exports.g = exports.foreignObject = exports.filter = exports.feTurbulence = exports.feTile = exports.feSpotLight = exports.feSpecularLighting = exports.fePointLight = exports.feOffset = exports.feMorphology = exports.feMergeNode = exports.feMerge = exports.feImage = exports.feGaussianBlur = exports.feFuncR = exports.feFuncG = exports.feFuncB = exports.feFuncA = exports.feFlood = exports.feDropShadow = exports.feDistantLight = exports.feDisplacementMap = exports.feDiffuseLighting = exports.feConvolveMatrix = exports.feComposite = exports.feComponentTransfer = exports.feColorMatrix = exports.feBlend = exports.ellipse = exports.desc = exports.defs = exports.clipPath = exports.circle = exports.animateTransform = exports.animateMotion = exports.animate = exports.a = void 0;
+exports.view = exports.use = exports.tspan = exports.title = exports.textPath = exports.text = exports.symbol = exports.svgswitch = exports.svg = exports.style = exports.stop = exports.set = exports.script = void 0;
+const dom_js_1 = require("./dom.js");
+const makeSVGElement = (name) => (attrs, ...children) => (0, dom_js_1.up)(document.createElementNS("http://www.w3.org/2000/svg", name), attrs, ...children);
+exports.a = makeSVGElement("a");
+exports.animate = makeSVGElement("animate");
+exports.animateMotion = makeSVGElement("animateMotion");
+exports.animateTransform = makeSVGElement("animateTransform");
+exports.circle = makeSVGElement("circle");
+exports.clipPath = makeSVGElement("clipPath");
+exports.defs = makeSVGElement("defs");
+exports.desc = makeSVGElement("desc");
+exports.ellipse = makeSVGElement("ellipse");
+exports.feBlend = makeSVGElement("feBlend");
+exports.feColorMatrix = makeSVGElement("feColorMatrix");
+exports.feComponentTransfer = makeSVGElement("feComponentTransfer");
+exports.feComposite = makeSVGElement("feComposite");
+exports.feConvolveMatrix = makeSVGElement("feConvolveMatrix");
+exports.feDiffuseLighting = makeSVGElement("feDiffuseLighting");
+exports.feDisplacementMap = makeSVGElement("feDisplacementMap");
+exports.feDistantLight = makeSVGElement("feDistantLight");
+exports.feDropShadow = makeSVGElement("feDropShadow");
+exports.feFlood = makeSVGElement("feFlood");
+exports.feFuncA = makeSVGElement("feFuncA");
+exports.feFuncB = makeSVGElement("feFuncB");
+exports.feFuncG = makeSVGElement("feFuncG");
+exports.feFuncR = makeSVGElement("feFuncR");
+exports.feGaussianBlur = makeSVGElement("feGaussianBlur");
+exports.feImage = makeSVGElement("feImage");
+exports.feMerge = makeSVGElement("feMerge");
+exports.feMergeNode = makeSVGElement("feMergeNode");
+exports.feMorphology = makeSVGElement("feMorphology");
+exports.feOffset = makeSVGElement("feOffset");
+exports.fePointLight = makeSVGElement("fePointLight");
+exports.feSpecularLighting = makeSVGElement("feSpecularLighting");
+exports.feSpotLight = makeSVGElement("feSpotLight");
+exports.feTile = makeSVGElement("feTile");
+exports.feTurbulence = makeSVGElement("feTurbulence");
+exports.filter = makeSVGElement("filter");
+exports.foreignObject = makeSVGElement("foreignObject");
+exports.g = makeSVGElement("g");
+exports.image = makeSVGElement("image");
+exports.line = makeSVGElement("line");
+exports.linearGradient = makeSVGElement("linearGradient");
+exports.marker = makeSVGElement("marker");
+exports.mask = makeSVGElement("mask");
+exports.metadata = makeSVGElement("metadata");
+exports.mpath = makeSVGElement("mpath");
+exports.path = makeSVGElement("path");
+exports.pattern = makeSVGElement("pattern");
+exports.polygon = makeSVGElement("polygon");
+exports.polyline = makeSVGElement("polyline");
+exports.radialGradient = makeSVGElement("radialGradient");
+exports.rect = makeSVGElement("rect");
+exports.script = makeSVGElement("script");
+exports.set = makeSVGElement("set");
+exports.stop = makeSVGElement("stop");
+exports.style = makeSVGElement("style");
+exports.svg = makeSVGElement("svg");
+exports.svgswitch = makeSVGElement("switch");
+exports.symbol = makeSVGElement("symbol");
+exports.text = makeSVGElement("text");
+exports.textPath = makeSVGElement("textPath");
+exports.title = makeSVGElement("title");
+exports.tspan = makeSVGElement("tspan");
+exports.use = makeSVGElement("use");
+exports.view = makeSVGElement("view");

package/lib/cjs/dom/test.d.ts

@@ -0,0 +1 @@
+export declare function loadTests(): Promise<void>;

package/lib/cjs/dom/test.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadTests = void 0;
+async function loadTests() {
+    if (process?.env.CI?.toLowerCase() === "true")
+        return;
+    await Promise.all([
+        Promise.resolve().then(() => require("./html.test.js")),
+        Promise.resolve().then(() => require("./fc.test.js")),
+        Promise.resolve().then(() => require("./observable.test.js")),
+    ]);
+}
+exports.loadTests = loadTests;

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

@@ -0,0 +1,24 @@
+"use strict";
+/**
+https://github.com/frenic/csstype v3.0.11
+Copyright (c) 2017-2018 Fredrik Nicol
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/{build → lib/cjs}/dom/types/html.d.ts

@@ -1,4 +1,4 @@
-import { Properties } from "./css.js";
+import { Properties } from "./css";
 export interface AriaAttributes {
     [_: `aria-${string}`]: string;
 }

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/dom/xml.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.xml = void 0;
+function xml(tag, attributes, children = []) {
+    const attrs = Object.entries(attributes).reduce((attrs, [attr, val]) => `${attrs} ${attr}="${val}"`, "");
+    return `<${tag} ${attrs}>${children.join("")}</${tag}>`;
+}
+exports.xml = xml;

package/lib/cjs/equal.d.ts

@@ -0,0 +1,5 @@
+export declare function compareArrays<T>(equal: (a: T, b: T, partial: boolean) => boolean): (A: T[], B: T[], partial?: boolean) => boolean;
+export declare const equalArrays: (A: any[], B: any[], partial?: boolean) => boolean;
+export declare const matchArrays: <A>(a: A[], b: A[], partial?: boolean) => boolean;
+export declare const matchObjects: (a: {}, b: {}, partial?: boolean) => boolean;
+export declare function equals<A>(a: A | A[], b: A | A[], partial?: boolean): boolean;

package/lib/cjs/equal.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.equals = exports.matchObjects = exports.matchArrays = exports.equalArrays = exports.compareArrays = void 0;
+function compareArrays(equal) {
+    return (a, b, partial = false) => a.length === b.length && a.every((e, i) => equal(e, b[i], partial));
+}
+exports.compareArrays = compareArrays;
+exports.equalArrays = compareArrays(Object.is);
+exports.matchArrays = compareArrays(equals);
+function asArray(a) {
+    return Object.entries(a).sort((a, b) => a[0].localeCompare(b[0]));
+}
+const matchObjects = (a, b, partial = true) => {
+    for (const [k, v] of Object.entries(a)) {
+        if (!b.hasOwnProperty(k) && partial)
+            continue;
+        // @ts-ignore
+        if (!equals(v, b[k], partial))
+            return false;
+    }
+    return true;
+};
+exports.matchObjects = matchObjects;
+function equals(a, b, partial = false) {
+    // runtime type checking
+    switch (typeof a) {
+        case "object":
+            if (b === undefined) {
+                return false;
+            }
+            if (a instanceof Array && b instanceof Array) {
+                return (0, exports.matchArrays)(a, b, partial);
+            }
+            else {
+                return (0, exports.matchObjects)(a, b, partial);
+            }
+        case "function":
+            return a.name === b.name;
+        default:
+            return Object.is(a, b);
+    }
+}
+exports.equals = equals;

package/lib/cjs/equal.test.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const index_js_1 = require("./scope/index.js");
+const equal_js_1 = require("./equal.js");
+(0, index_js_1.describe)("Equality", () => {
+    (0, index_js_1.it)("compares objects", () => {
+        (0, index_js_1.expect)((0, equal_js_1.equals)({ a: 1, b: 2 }, { b: 2, a: 1 })).toBe(true);
+        (0, index_js_1.expect)((0, equal_js_1.equals)({ a: 1, b: 2 }, { b: 1, a: 2 })).toBe(false);
+    });
+    (0, index_js_1.it)("compares primitives", () => {
+        (0, index_js_1.expect)((0, equal_js_1.equals)(1, 1)).toBe(true);
+        (0, index_js_1.expect)((0, equal_js_1.equals)(1, -1)).toBe(false);
+        (0, index_js_1.expect)((0, equal_js_1.equals)(0, -0)).toBe(false);
+        (0, index_js_1.expect)((0, equal_js_1.equals)(NaN, NaN)).toBe(true);
+    });
+    (0, index_js_1.it)("compares arrays", () => {
+        (0, index_js_1.expect)((0, equal_js_1.equalArrays)([1, 2, 3], [1, 2, 3])).toBe(true);
+        (0, index_js_1.expect)((0, equal_js_1.equalArrays)([1], [2, 3])).toBe(false);
+        (0, index_js_1.expect)((0, equal_js_1.equalArrays)([{ a: 1 }], [{ a: 1 }])).toBe(false);
+        (0, index_js_1.expect)((0, equal_js_1.matchArrays)([{ a: 1 }], [{ a: 1 }])).toBe(true);
+    });
+});