@davidsouther/jiffies 1.1.0 → 2.0.0

package/lib/esm/dom/html.d.ts

@@ -0,0 +1,113 @@
+import { DenormAttrs, DenormChildren } from "./dom.js";
+export declare const a: (attrs?: DenormAttrs<HTMLAnchorElement, {}> | undefined, ...children: DenormChildren[]) => HTMLAnchorElement;
+export declare const abbr: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const address: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const area: (attrs?: DenormAttrs<HTMLAreaElement, {}> | undefined, ...children: DenormChildren[]) => HTMLAreaElement;
+export declare const article: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const aside: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const audio: (attrs?: DenormAttrs<HTMLAudioElement, {}> | undefined, ...children: DenormChildren[]) => HTMLAudioElement;
+export declare const b: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const base: (attrs?: DenormAttrs<HTMLBaseElement, {}> | undefined, ...children: DenormChildren[]) => HTMLBaseElement;
+export declare const bdi: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const bdo: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const blockquote: (attrs?: DenormAttrs<HTMLQuoteElement, {}> | undefined, ...children: DenormChildren[]) => HTMLQuoteElement;
+export declare const body: (attrs?: DenormAttrs<HTMLBodyElement, {}> | undefined, ...children: DenormChildren[]) => HTMLBodyElement;
+export declare const br: (attrs?: DenormAttrs<HTMLBRElement, {}> | undefined, ...children: DenormChildren[]) => HTMLBRElement;
+export declare const button: (attrs?: DenormAttrs<HTMLButtonElement, {}> | undefined, ...children: DenormChildren[]) => HTMLButtonElement;
+export declare const canvas: (attrs?: DenormAttrs<HTMLCanvasElement, {}> | undefined, ...children: DenormChildren[]) => HTMLCanvasElement;
+export declare const caption: (attrs?: DenormAttrs<HTMLTableCaptionElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableCaptionElement;
+export declare const cite: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const code: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const col: (attrs?: DenormAttrs<HTMLTableColElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableColElement;
+export declare const colgroup: (attrs?: DenormAttrs<HTMLTableColElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableColElement;
+export declare const data: (attrs?: DenormAttrs<HTMLDataElement, {}> | undefined, ...children: DenormChildren[]) => HTMLDataElement;
+export declare const datalist: (attrs?: DenormAttrs<HTMLDataListElement, {}> | undefined, ...children: DenormChildren[]) => HTMLDataListElement;
+export declare const dd: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const del: (attrs?: DenormAttrs<HTMLModElement, {}> | undefined, ...children: DenormChildren[]) => HTMLModElement;
+export declare const details: (attrs?: DenormAttrs<HTMLDetailsElement, {}> | undefined, ...children: DenormChildren[]) => HTMLDetailsElement;
+export declare const dfn: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const dialog: (attrs?: DenormAttrs<HTMLDialogElement, {}> | undefined, ...children: DenormChildren[]) => HTMLDialogElement;
+export declare const div: (attrs?: DenormAttrs<HTMLDivElement, {}> | undefined, ...children: DenormChildren[]) => HTMLDivElement;
+export declare const dl: (attrs?: DenormAttrs<HTMLDListElement, {}> | undefined, ...children: DenormChildren[]) => HTMLDListElement;
+export declare const dt: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const em: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const embed: (attrs?: DenormAttrs<HTMLEmbedElement, {}> | undefined, ...children: DenormChildren[]) => HTMLEmbedElement;
+export declare const fieldset: (attrs?: DenormAttrs<HTMLFieldSetElement, {}> | undefined, ...children: DenormChildren[]) => HTMLFieldSetElement;
+export declare const figcaption: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const figure: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const footer: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const form: (attrs?: DenormAttrs<HTMLFormElement, {}> | undefined, ...children: DenormChildren[]) => HTMLFormElement;
+export declare const h1: (attrs?: DenormAttrs<HTMLHeadingElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHeadingElement;
+export declare const h2: (attrs?: DenormAttrs<HTMLHeadingElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHeadingElement;
+export declare const h3: (attrs?: DenormAttrs<HTMLHeadingElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHeadingElement;
+export declare const h4: (attrs?: DenormAttrs<HTMLHeadingElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHeadingElement;
+export declare const h5: (attrs?: DenormAttrs<HTMLHeadingElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHeadingElement;
+export declare const h6: (attrs?: DenormAttrs<HTMLHeadingElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHeadingElement;
+export declare const head: (attrs?: DenormAttrs<HTMLHeadElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHeadElement;
+export declare const header: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const hgroup: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const hr: (attrs?: DenormAttrs<HTMLHRElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHRElement;
+export declare const html: (attrs?: DenormAttrs<HTMLHtmlElement, {}> | undefined, ...children: DenormChildren[]) => HTMLHtmlElement;
+export declare const i: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const iframe: (attrs?: DenormAttrs<HTMLIFrameElement, {}> | undefined, ...children: DenormChildren[]) => HTMLIFrameElement;
+export declare const img: (attrs?: DenormAttrs<HTMLImageElement, {}> | undefined, ...children: DenormChildren[]) => HTMLImageElement;
+export declare const input: (attrs?: DenormAttrs<HTMLInputElement, {}> | undefined, ...children: DenormChildren[]) => HTMLInputElement;
+export declare const ins: (attrs?: DenormAttrs<HTMLModElement, {}> | undefined, ...children: DenormChildren[]) => HTMLModElement;
+export declare const kbd: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const label: (attrs?: DenormAttrs<HTMLLabelElement, {}> | undefined, ...children: DenormChildren[]) => HTMLLabelElement;
+export declare const legend: (attrs?: DenormAttrs<HTMLLegendElement, {}> | undefined, ...children: DenormChildren[]) => HTMLLegendElement;
+export declare const li: (attrs?: DenormAttrs<HTMLLIElement, {}> | undefined, ...children: DenormChildren[]) => HTMLLIElement;
+export declare const link: (attrs?: DenormAttrs<HTMLLinkElement, {}> | undefined, ...children: DenormChildren[]) => HTMLLinkElement;
+export declare const main: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const map: (attrs?: DenormAttrs<HTMLMapElement, {}> | undefined, ...children: DenormChildren[]) => HTMLMapElement;
+export declare const mark: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const menu: (attrs?: DenormAttrs<HTMLMenuElement, {}> | undefined, ...children: DenormChildren[]) => HTMLMenuElement;
+export declare const meta: (attrs?: DenormAttrs<HTMLMetaElement, {}> | undefined, ...children: DenormChildren[]) => HTMLMetaElement;
+export declare const meter: (attrs?: DenormAttrs<HTMLMeterElement, {}> | undefined, ...children: DenormChildren[]) => HTMLMeterElement;
+export declare const nav: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const noscript: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const object: (attrs?: DenormAttrs<HTMLObjectElement, {}> | undefined, ...children: DenormChildren[]) => HTMLObjectElement;
+export declare const ol: (attrs?: DenormAttrs<HTMLOListElement, {}> | undefined, ...children: DenormChildren[]) => HTMLOListElement;
+export declare const optgroup: (attrs?: DenormAttrs<HTMLOptGroupElement, {}> | undefined, ...children: DenormChildren[]) => HTMLOptGroupElement;
+export declare const option: (attrs?: DenormAttrs<HTMLOptionElement, {}> | undefined, ...children: DenormChildren[]) => HTMLOptionElement;
+export declare const output: (attrs?: DenormAttrs<HTMLOutputElement, {}> | undefined, ...children: DenormChildren[]) => HTMLOutputElement;
+export declare const p: (attrs?: DenormAttrs<HTMLParagraphElement, {}> | undefined, ...children: DenormChildren[]) => HTMLParagraphElement;
+export declare const param: (attrs?: DenormAttrs<HTMLParamElement, {}> | undefined, ...children: DenormChildren[]) => HTMLParamElement;
+export declare const picture: (attrs?: DenormAttrs<HTMLPictureElement, {}> | undefined, ...children: DenormChildren[]) => HTMLPictureElement;
+export declare const pre: (attrs?: DenormAttrs<HTMLPreElement, {}> | undefined, ...children: DenormChildren[]) => HTMLPreElement;
+export declare const progress: (attrs?: DenormAttrs<HTMLProgressElement, {}> | undefined, ...children: DenormChildren[]) => HTMLProgressElement;
+export declare const q: (attrs?: DenormAttrs<HTMLQuoteElement, {}> | undefined, ...children: DenormChildren[]) => HTMLQuoteElement;
+export declare const rp: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const rt: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const ruby: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const s: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const samp: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const script: (attrs?: DenormAttrs<HTMLScriptElement, {}> | undefined, ...children: DenormChildren[]) => HTMLScriptElement;
+export declare const section: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const select: (attrs?: DenormAttrs<HTMLSelectElement, {}> | undefined, ...children: DenormChildren[]) => HTMLSelectElement;
+export declare const slot: (attrs?: DenormAttrs<HTMLSlotElement, {}> | undefined, ...children: DenormChildren[]) => HTMLSlotElement;
+export declare const small: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const source: (attrs?: DenormAttrs<HTMLSourceElement, {}> | undefined, ...children: DenormChildren[]) => HTMLSourceElement;
+export declare const span: (attrs?: DenormAttrs<HTMLSpanElement, {}> | undefined, ...children: DenormChildren[]) => HTMLSpanElement;
+export declare const strong: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const style: (attrs?: DenormAttrs<HTMLStyleElement, {}> | undefined, ...children: DenormChildren[]) => HTMLStyleElement;
+export declare const sub: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const summary: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const sup: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const table: (attrs?: DenormAttrs<HTMLTableElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableElement;
+export declare const tbody: (attrs?: DenormAttrs<HTMLTableSectionElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableSectionElement;
+export declare const td: (attrs?: DenormAttrs<HTMLTableCellElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableCellElement;
+export declare const template: (attrs?: DenormAttrs<HTMLTemplateElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTemplateElement;
+export declare const textarea: (attrs?: DenormAttrs<HTMLTextAreaElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTextAreaElement;
+export declare const tfoot: (attrs?: DenormAttrs<HTMLTableSectionElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableSectionElement;
+export declare const th: (attrs?: DenormAttrs<HTMLTableCellElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableCellElement;
+export declare const thead: (attrs?: DenormAttrs<HTMLTableSectionElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableSectionElement;
+export declare const time: (attrs?: DenormAttrs<HTMLTimeElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTimeElement;
+export declare const title: (attrs?: DenormAttrs<HTMLTitleElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTitleElement;
+export declare const tr: (attrs?: DenormAttrs<HTMLTableRowElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTableRowElement;
+export declare const track: (attrs?: DenormAttrs<HTMLTrackElement, {}> | undefined, ...children: DenormChildren[]) => HTMLTrackElement;
+export declare const u: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const ul: (attrs?: DenormAttrs<HTMLUListElement, {}> | undefined, ...children: DenormChildren[]) => HTMLUListElement;
+export declare const htmlvar: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;
+export declare const video: (attrs?: DenormAttrs<HTMLVideoElement, {}> | undefined, ...children: DenormChildren[]) => HTMLVideoElement;
+export declare const wbr: (attrs?: DenormAttrs<HTMLElement, {}> | undefined, ...children: DenormChildren[]) => HTMLElement;

package/{build → lib/esm}/dom/html.js

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

package/lib/esm/dom/html.test.d.ts

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

package/{build → lib/esm}/dom/html.test.js

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

package/lib/esm/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/esm/dom/observable.js

@@ -0,0 +1,6 @@
+export function O(element, observable) {
+    observable.subscribe((t) => {
+        element.update(...t);
+    });
+    return element;
+}

package/lib/esm/dom/observable.test.d.ts

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

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

@@ -0,0 +1,33 @@
+import { O } from "./observable.js";
+import { Subject, map } from "../observable/observable.js";
+import { describe, it } from "../scope/describe.js";
+import { expect } from "../scope/expect.js";
+import { div, span } from "./html.js";
+describe("DOM Observable", () => {
+    it("updates a dom node with observable results", async () => {
+        const subject = new Subject();
+        const observable = subject.pipe(map((s) => [s]));
+        const element = O(div(), observable);
+        expect(element.innerText).toEqual("");
+        await subject.next("H");
+        expect(element.innerText).toEqual("H");
+        await subject.next("He");
+        expect(element.innerText).toEqual("He");
+    });
+    it("updates a dom node's attributes", async () => {
+        const classes = new Subject();
+        const observable = classes.map((c) => [{ class: c.join(" ") }]);
+        const element = O(span(), observable);
+        expect(element.classList.contains("warning")).toBe(false);
+        expect(element.classList.contains("error")).toBe(false);
+        await classes.next(["warning"]);
+        expect(element.classList.contains("warning")).toBe(true);
+        expect(element.classList.contains("error")).toBe(false);
+        await classes.next(["error"]);
+        expect(element.classList.contains("warning")).toBe(true);
+        expect(element.classList.contains("error")).toBe(true);
+        await classes.next(["!warning", "!error"]);
+        expect(element.classList.contains("warning")).toBe(false);
+        expect(element.classList.contains("error")).toBe(false);
+    });
+});

package/lib/esm/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/{build → lib/esm}/dom/provide.js

@@ -1,7 +1,7 @@
-let registry = {};
-export function provide(items) {
-    registry = { ...registry, ...items };
-}
-export function retrieve(key) {
-    return registry[key];
-}
+let registry = {};
+export function provide(items) {
+    registry = { ...registry, ...items };
+}
+export function retrieve(key) {
+    return registry[key];
+}

package/lib/esm/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/{build → lib/esm}/dom/router/link.js

@@ -1,3 +1,3 @@
-import { a } from "../html.js";
-import { Router } from "./router.js";
-export const link = ({ href, link }) => a({ href: Router.href(href), events: { click: Router.navigate(href) } }, link);
+import { a } from "../html.js";
+import { Router } from "./router.js";
+export const link = ({ href, link }) => a({ href: Router.href(href), events: { click: Router.navigate(href) } }, link);

package/lib/esm/dom/router/router.d.ts

@@ -0,0 +1,12 @@
+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;
+};