@davidsouther/jiffies 1.1.0 → 2.0.2

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/{build/observable → lib/cjs/dom}/observable.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

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/{build → lib/cjs}/dom/provide.d.ts

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

@@ -1,6 +1,6 @@
-export interface Link {
-    href: string;
-    link: string;
-    target: () => Node;
-}
-export declare const link: ({ href, link }: Link) => HTMLAnchorElement;
+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,12 +1,12 @@
-import { DOMElement } from "../dom";
-import { Link } from "./link";
-export interface Router {
-    current?: string;
-    navigate: (url: string) => (event: Event) => void;
-    (target: DOMElement): DOMElement;
-}
-export declare const Router: {
-    for(links: Link[], index: string, setGlobalRouter?: boolean): Router;
-    href(link: string): string;
-    navigate(href: string): (event: Event) => void;
-};
+import { DOMElement } from "../dom.js";
+import { Link } from "./link.js";
+export interface Router {
+    current?: string;
+    navigate: (url: string) => (event: Event) => void;
+    (target: DOMElement): DOMElement;
+}
+export declare const Router: {
+    for(links: Link[], index: string, setGlobalRouter?: boolean): Router;
+    href(link: string): string;
+    navigate(href: string): (event: Event) => void;
+};

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/{build → lib/cjs}/dom/svg.d.ts

@@ -1,64 +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;
+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;