verstak 0.24.269 → 0.24.271

package/build/dist/source/html/HtmlElements.js

@@ -1,6 +1,6 @@
 import { RxNode } from "reactronic";
 import { ElKind } from "./El.js";
-import { HtmlElementDriver, StaticDriver, SvgElementDriver } from "./HtmlDriver.js";
+import { StaticDriver, HtmlDriver, SvgDriver } from "./HtmlDriver.js";
 export function Page(declaration, preset) {
     const driver = new StaticDriver(global.document.body, "Page", false, el => el.kind = ElKind.section);
     return RxNode.declare(driver, declaration, preset);
@@ -179,179 +179,179 @@ export function TSpan(declaration, preset) { return RxNode.declare(SvgTags.tspan
 export function Use(declaration, preset) { return RxNode.declare(SvgTags.use, declaration, preset); }
 export function View(declaration, preset) { return RxNode.declare(SvgTags.view, declaration, preset); }
 const HtmlTags = {
-    a: new HtmlElementDriver("a", false, el => el.kind = ElKind.native),
-    abbr: new HtmlElementDriver("abbr", false, el => el.kind = ElKind.native),
-    address: new HtmlElementDriver("address", false, el => el.kind = ElKind.native),
-    area: new HtmlElementDriver("area", false, el => el.kind = ElKind.native),
-    article: new HtmlElementDriver("article", false, el => el.kind = ElKind.native),
-    aside: new HtmlElementDriver("aside", false, el => el.kind = ElKind.native),
-    audio: new HtmlElementDriver("audio", false, el => el.kind = ElKind.native),
-    b: new HtmlElementDriver("b", false, el => el.kind = ElKind.native),
-    base: new HtmlElementDriver("base", false, el => el.kind = ElKind.native),
-    bdi: new HtmlElementDriver("bdi", false, el => el.kind = ElKind.native),
-    bdo: new HtmlElementDriver("bdo", false, el => el.kind = ElKind.native),
-    big: new HtmlElementDriver("big", false, el => el.kind = ElKind.native),
-    blockquote: new HtmlElementDriver("blockquote", false, el => el.kind = ElKind.native),
-    body: new HtmlElementDriver("body", false, el => el.kind = ElKind.native),
-    br: new HtmlElementDriver("br", false, el => el.kind = ElKind.native),
-    button: new HtmlElementDriver("button", false, el => el.kind = ElKind.native),
-    canvas: new HtmlElementDriver("canvas", false, el => el.kind = ElKind.native),
-    caption: new HtmlElementDriver("caption", false, el => el.kind = ElKind.native),
-    cite: new HtmlElementDriver("cite", false, el => el.kind = ElKind.native),
-    code: new HtmlElementDriver("code", false, el => el.kind = ElKind.native),
-    col: new HtmlElementDriver("col", false, el => el.kind = ElKind.native),
-    colgroup: new HtmlElementDriver("colgroup", false, el => el.kind = ElKind.native),
-    data: new HtmlElementDriver("data", false, el => el.kind = ElKind.native),
-    datalist: new HtmlElementDriver("datalist", false, el => el.kind = ElKind.native),
-    dd: new HtmlElementDriver("dd", false, el => el.kind = ElKind.native),
-    del: new HtmlElementDriver("del", false, el => el.kind = ElKind.native),
-    details: new HtmlElementDriver("details", false, el => el.kind = ElKind.native),
-    dfn: new HtmlElementDriver("dfn", false, el => el.kind = ElKind.native),
-    div: new HtmlElementDriver("div", false, el => el.kind = ElKind.native),
-    dl: new HtmlElementDriver("dl", false, el => el.kind = ElKind.native),
-    dt: new HtmlElementDriver("dt", false, el => el.kind = ElKind.native),
-    em: new HtmlElementDriver("em", false, el => el.kind = ElKind.native),
-    embed: new HtmlElementDriver("embed", false, el => el.kind = ElKind.native),
-    fieldset: new HtmlElementDriver("fieldset", false, el => el.kind = ElKind.native),
-    figcaption: new HtmlElementDriver("figcaption", false, el => el.kind = ElKind.native),
-    figure: new HtmlElementDriver("figure", false, el => el.kind = ElKind.native),
-    footer: new HtmlElementDriver("footer", false, el => el.kind = ElKind.native),
-    form: new HtmlElementDriver("form", false, el => el.kind = ElKind.native),
-    h1: new HtmlElementDriver("h1", false, el => el.kind = ElKind.native),
-    h2: new HtmlElementDriver("h2", false, el => el.kind = ElKind.native),
-    h3: new HtmlElementDriver("h3", false, el => el.kind = ElKind.native),
-    h4: new HtmlElementDriver("h4", false, el => el.kind = ElKind.native),
-    h5: new HtmlElementDriver("h5", false, el => el.kind = ElKind.native),
-    h6: new HtmlElementDriver("h6", false, el => el.kind = ElKind.native),
-    head: new HtmlElementDriver("head", false, el => el.kind = ElKind.native),
-    header: new HtmlElementDriver("header", false, el => el.kind = ElKind.native),
-    hgroup: new HtmlElementDriver("hgroup", false, el => el.kind = ElKind.native),
-    hr: new HtmlElementDriver("hr", false, el => el.kind = ElKind.native),
-    html: new HtmlElementDriver("html", false, el => el.kind = ElKind.native),
-    i: new HtmlElementDriver("i", false, el => el.kind = ElKind.native),
-    iframe: new HtmlElementDriver("iframe", false, el => el.kind = ElKind.native),
-    img: new HtmlElementDriver("img", false, el => el.kind = ElKind.native),
-    input: new HtmlElementDriver("input", false, el => el.kind = ElKind.native),
-    ins: new HtmlElementDriver("ins", false, el => el.kind = ElKind.native),
-    kbd: new HtmlElementDriver("kbd", false, el => el.kind = ElKind.native),
-    keygen: new HtmlElementDriver("keygen", false, el => el.kind = ElKind.native),
-    label: new HtmlElementDriver("label", false, el => el.kind = ElKind.native),
-    legend: new HtmlElementDriver("legend", false, el => el.kind = ElKind.native),
-    li: new HtmlElementDriver("li", false, el => el.kind = ElKind.native),
-    link: new HtmlElementDriver("link", false, el => el.kind = ElKind.native),
-    main: new HtmlElementDriver("main", false, el => el.kind = ElKind.native),
-    map: new HtmlElementDriver("map", false, el => el.kind = ElKind.native),
-    mark: new HtmlElementDriver("mark", false, el => el.kind = ElKind.native),
-    menu: new HtmlElementDriver("menu", false, el => el.kind = ElKind.native),
-    menuitem: new HtmlElementDriver("menuitem", false, el => el.kind = ElKind.native),
-    meta: new HtmlElementDriver("meta", false, el => el.kind = ElKind.native),
-    meter: new HtmlElementDriver("meter", false, el => el.kind = ElKind.native),
-    nav: new HtmlElementDriver("nav", false, el => el.kind = ElKind.native),
-    noindex: new HtmlElementDriver("noindex", false, el => el.kind = ElKind.native),
-    noscript: new HtmlElementDriver("noscript", false, el => el.kind = ElKind.native),
-    object: new HtmlElementDriver("object", false, el => el.kind = ElKind.native),
-    ol: new HtmlElementDriver("ol", false, el => el.kind = ElKind.native),
-    optgroup: new HtmlElementDriver("optgroup", false, el => el.kind = ElKind.native),
-    option: new HtmlElementDriver("option", false, el => el.kind = ElKind.native),
-    output: new HtmlElementDriver("output", false, el => el.kind = ElKind.native),
-    p: new HtmlElementDriver("p", false, el => el.kind = ElKind.native),
-    param: new HtmlElementDriver("param", false, el => el.kind = ElKind.native),
-    picture: new HtmlElementDriver("picture", false, el => el.kind = ElKind.native),
-    pre: new HtmlElementDriver("pre", false, el => el.kind = ElKind.native),
-    progress: new HtmlElementDriver("progress", false, el => el.kind = ElKind.native),
-    q: new HtmlElementDriver("q", false, el => el.kind = ElKind.native),
-    rp: new HtmlElementDriver("rp", false, el => el.kind = ElKind.native),
-    rt: new HtmlElementDriver("rt", false, el => el.kind = ElKind.native),
-    ruby: new HtmlElementDriver("ruby", false, el => el.kind = ElKind.native),
-    s: new HtmlElementDriver("s", false, el => el.kind = ElKind.native),
-    samp: new HtmlElementDriver("samp", false, el => el.kind = ElKind.native),
-    script: new HtmlElementDriver("script", false, el => el.kind = ElKind.native),
-    section: new HtmlElementDriver("section", false, el => el.kind = ElKind.native),
-    select: new HtmlElementDriver("select", false, el => el.kind = ElKind.native),
-    small: new HtmlElementDriver("small", false, el => el.kind = ElKind.native),
-    source: new HtmlElementDriver("source", false, el => el.kind = ElKind.native),
-    span: new HtmlElementDriver("span", false, el => el.kind = ElKind.native),
-    strong: new HtmlElementDriver("strong", false, el => el.kind = ElKind.native),
-    style: new HtmlElementDriver("style", false, el => el.kind = ElKind.native),
-    sub: new HtmlElementDriver("sub", false, el => el.kind = ElKind.native),
-    summary: new HtmlElementDriver("summary", false, el => el.kind = ElKind.native),
-    sup: new HtmlElementDriver("sup", false, el => el.kind = ElKind.native),
-    table: new HtmlElementDriver("table", false, el => el.kind = ElKind.native),
-    template: new HtmlElementDriver("template", false, el => el.kind = ElKind.native),
-    tbody: new HtmlElementDriver("tbody", false, el => el.kind = ElKind.native),
-    td: new HtmlElementDriver("td", false, el => el.kind = ElKind.native),
-    textarea: new HtmlElementDriver("textarea", false, el => el.kind = ElKind.native),
-    tfoot: new HtmlElementDriver("tfoot", false, el => el.kind = ElKind.native),
-    th: new HtmlElementDriver("th", false, el => el.kind = ElKind.native),
-    thead: new HtmlElementDriver("thead", false, el => el.kind = ElKind.native),
-    time: new HtmlElementDriver("time", false, el => el.kind = ElKind.native),
-    title: new HtmlElementDriver("title", false, el => el.kind = ElKind.native),
-    tr: new HtmlElementDriver("tr", false, el => el.kind = ElKind.native),
-    track: new HtmlElementDriver("track", false, el => el.kind = ElKind.native),
-    u: new HtmlElementDriver("u", false, el => el.kind = ElKind.native),
-    ul: new HtmlElementDriver("ul", false, el => el.kind = ElKind.native),
-    var: new HtmlElementDriver("var", false, el => el.kind = ElKind.native),
-    video: new HtmlElementDriver("video", false, el => el.kind = ElKind.native),
-    wbr: new HtmlElementDriver("wbr", false, el => el.kind = ElKind.native),
+    a: new HtmlDriver("a", false, el => el.kind = ElKind.native),
+    abbr: new HtmlDriver("abbr", false, el => el.kind = ElKind.native),
+    address: new HtmlDriver("address", false, el => el.kind = ElKind.native),
+    area: new HtmlDriver("area", false, el => el.kind = ElKind.native),
+    article: new HtmlDriver("article", false, el => el.kind = ElKind.native),
+    aside: new HtmlDriver("aside", false, el => el.kind = ElKind.native),
+    audio: new HtmlDriver("audio", false, el => el.kind = ElKind.native),
+    b: new HtmlDriver("b", false, el => el.kind = ElKind.native),
+    base: new HtmlDriver("base", false, el => el.kind = ElKind.native),
+    bdi: new HtmlDriver("bdi", false, el => el.kind = ElKind.native),
+    bdo: new HtmlDriver("bdo", false, el => el.kind = ElKind.native),
+    big: new HtmlDriver("big", false, el => el.kind = ElKind.native),
+    blockquote: new HtmlDriver("blockquote", false, el => el.kind = ElKind.native),
+    body: new HtmlDriver("body", false, el => el.kind = ElKind.native),
+    br: new HtmlDriver("br", false, el => el.kind = ElKind.native),
+    button: new HtmlDriver("button", false, el => el.kind = ElKind.native),
+    canvas: new HtmlDriver("canvas", false, el => el.kind = ElKind.native),
+    caption: new HtmlDriver("caption", false, el => el.kind = ElKind.native),
+    cite: new HtmlDriver("cite", false, el => el.kind = ElKind.native),
+    code: new HtmlDriver("code", false, el => el.kind = ElKind.native),
+    col: new HtmlDriver("col", false, el => el.kind = ElKind.native),
+    colgroup: new HtmlDriver("colgroup", false, el => el.kind = ElKind.native),
+    data: new HtmlDriver("data", false, el => el.kind = ElKind.native),
+    datalist: new HtmlDriver("datalist", false, el => el.kind = ElKind.native),
+    dd: new HtmlDriver("dd", false, el => el.kind = ElKind.native),
+    del: new HtmlDriver("del", false, el => el.kind = ElKind.native),
+    details: new HtmlDriver("details", false, el => el.kind = ElKind.native),
+    dfn: new HtmlDriver("dfn", false, el => el.kind = ElKind.native),
+    div: new HtmlDriver("div", false, el => el.kind = ElKind.native),
+    dl: new HtmlDriver("dl", false, el => el.kind = ElKind.native),
+    dt: new HtmlDriver("dt", false, el => el.kind = ElKind.native),
+    em: new HtmlDriver("em", false, el => el.kind = ElKind.native),
+    embed: new HtmlDriver("embed", false, el => el.kind = ElKind.native),
+    fieldset: new HtmlDriver("fieldset", false, el => el.kind = ElKind.native),
+    figcaption: new HtmlDriver("figcaption", false, el => el.kind = ElKind.native),
+    figure: new HtmlDriver("figure", false, el => el.kind = ElKind.native),
+    footer: new HtmlDriver("footer", false, el => el.kind = ElKind.native),
+    form: new HtmlDriver("form", false, el => el.kind = ElKind.native),
+    h1: new HtmlDriver("h1", false, el => el.kind = ElKind.native),
+    h2: new HtmlDriver("h2", false, el => el.kind = ElKind.native),
+    h3: new HtmlDriver("h3", false, el => el.kind = ElKind.native),
+    h4: new HtmlDriver("h4", false, el => el.kind = ElKind.native),
+    h5: new HtmlDriver("h5", false, el => el.kind = ElKind.native),
+    h6: new HtmlDriver("h6", false, el => el.kind = ElKind.native),
+    head: new HtmlDriver("head", false, el => el.kind = ElKind.native),
+    header: new HtmlDriver("header", false, el => el.kind = ElKind.native),
+    hgroup: new HtmlDriver("hgroup", false, el => el.kind = ElKind.native),
+    hr: new HtmlDriver("hr", false, el => el.kind = ElKind.native),
+    html: new HtmlDriver("html", false, el => el.kind = ElKind.native),
+    i: new HtmlDriver("i", false, el => el.kind = ElKind.native),
+    iframe: new HtmlDriver("iframe", false, el => el.kind = ElKind.native),
+    img: new HtmlDriver("img", false, el => el.kind = ElKind.native),
+    input: new HtmlDriver("input", false, el => el.kind = ElKind.native),
+    ins: new HtmlDriver("ins", false, el => el.kind = ElKind.native),
+    kbd: new HtmlDriver("kbd", false, el => el.kind = ElKind.native),
+    keygen: new HtmlDriver("keygen", false, el => el.kind = ElKind.native),
+    label: new HtmlDriver("label", false, el => el.kind = ElKind.native),
+    legend: new HtmlDriver("legend", false, el => el.kind = ElKind.native),
+    li: new HtmlDriver("li", false, el => el.kind = ElKind.native),
+    link: new HtmlDriver("link", false, el => el.kind = ElKind.native),
+    main: new HtmlDriver("main", false, el => el.kind = ElKind.native),
+    map: new HtmlDriver("map", false, el => el.kind = ElKind.native),
+    mark: new HtmlDriver("mark", false, el => el.kind = ElKind.native),
+    menu: new HtmlDriver("menu", false, el => el.kind = ElKind.native),
+    menuitem: new HtmlDriver("menuitem", false, el => el.kind = ElKind.native),
+    meta: new HtmlDriver("meta", false, el => el.kind = ElKind.native),
+    meter: new HtmlDriver("meter", false, el => el.kind = ElKind.native),
+    nav: new HtmlDriver("nav", false, el => el.kind = ElKind.native),
+    noindex: new HtmlDriver("noindex", false, el => el.kind = ElKind.native),
+    noscript: new HtmlDriver("noscript", false, el => el.kind = ElKind.native),
+    object: new HtmlDriver("object", false, el => el.kind = ElKind.native),
+    ol: new HtmlDriver("ol", false, el => el.kind = ElKind.native),
+    optgroup: new HtmlDriver("optgroup", false, el => el.kind = ElKind.native),
+    option: new HtmlDriver("option", false, el => el.kind = ElKind.native),
+    output: new HtmlDriver("output", false, el => el.kind = ElKind.native),
+    p: new HtmlDriver("p", false, el => el.kind = ElKind.native),
+    param: new HtmlDriver("param", false, el => el.kind = ElKind.native),
+    picture: new HtmlDriver("picture", false, el => el.kind = ElKind.native),
+    pre: new HtmlDriver("pre", false, el => el.kind = ElKind.native),
+    progress: new HtmlDriver("progress", false, el => el.kind = ElKind.native),
+    q: new HtmlDriver("q", false, el => el.kind = ElKind.native),
+    rp: new HtmlDriver("rp", false, el => el.kind = ElKind.native),
+    rt: new HtmlDriver("rt", false, el => el.kind = ElKind.native),
+    ruby: new HtmlDriver("ruby", false, el => el.kind = ElKind.native),
+    s: new HtmlDriver("s", false, el => el.kind = ElKind.native),
+    samp: new HtmlDriver("samp", false, el => el.kind = ElKind.native),
+    script: new HtmlDriver("script", false, el => el.kind = ElKind.native),
+    section: new HtmlDriver("section", false, el => el.kind = ElKind.native),
+    select: new HtmlDriver("select", false, el => el.kind = ElKind.native),
+    small: new HtmlDriver("small", false, el => el.kind = ElKind.native),
+    source: new HtmlDriver("source", false, el => el.kind = ElKind.native),
+    span: new HtmlDriver("span", false, el => el.kind = ElKind.native),
+    strong: new HtmlDriver("strong", false, el => el.kind = ElKind.native),
+    style: new HtmlDriver("style", false, el => el.kind = ElKind.native),
+    sub: new HtmlDriver("sub", false, el => el.kind = ElKind.native),
+    summary: new HtmlDriver("summary", false, el => el.kind = ElKind.native),
+    sup: new HtmlDriver("sup", false, el => el.kind = ElKind.native),
+    table: new HtmlDriver("table", false, el => el.kind = ElKind.native),
+    template: new HtmlDriver("template", false, el => el.kind = ElKind.native),
+    tbody: new HtmlDriver("tbody", false, el => el.kind = ElKind.native),
+    td: new HtmlDriver("td", false, el => el.kind = ElKind.native),
+    textarea: new HtmlDriver("textarea", false, el => el.kind = ElKind.native),
+    tfoot: new HtmlDriver("tfoot", false, el => el.kind = ElKind.native),
+    th: new HtmlDriver("th", false, el => el.kind = ElKind.native),
+    thead: new HtmlDriver("thead", false, el => el.kind = ElKind.native),
+    time: new HtmlDriver("time", false, el => el.kind = ElKind.native),
+    title: new HtmlDriver("title", false, el => el.kind = ElKind.native),
+    tr: new HtmlDriver("tr", false, el => el.kind = ElKind.native),
+    track: new HtmlDriver("track", false, el => el.kind = ElKind.native),
+    u: new HtmlDriver("u", false, el => el.kind = ElKind.native),
+    ul: new HtmlDriver("ul", false, el => el.kind = ElKind.native),
+    var: new HtmlDriver("var", false, el => el.kind = ElKind.native),
+    video: new HtmlDriver("video", false, el => el.kind = ElKind.native),
+    wbr: new HtmlDriver("wbr", false, el => el.kind = ElKind.native),
 };
 const SvgTags = {
-    svg: new SvgElementDriver("svg", false, el => el.kind = ElKind.native),
-    a: new SvgElementDriver("a", false, el => el.kind = ElKind.native),
-    animate: new SvgElementDriver("animate", false, el => el.kind = ElKind.native),
-    animateMotion: new SvgElementDriver("animateMotion", false, el => el.kind = ElKind.native),
-    animateTransform: new SvgElementDriver("animateTransform", false, el => el.kind = ElKind.native),
-    circle: new SvgElementDriver("circle", false, el => el.kind = ElKind.native),
-    clipPath: new SvgElementDriver("clipPath", false, el => el.kind = ElKind.native),
-    defs: new SvgElementDriver("defs", false, el => el.kind = ElKind.native),
-    desc: new SvgElementDriver("desc", false, el => el.kind = ElKind.native),
-    ellipse: new SvgElementDriver("ellipse", false, el => el.kind = ElKind.native),
-    feBlend: new SvgElementDriver("feBlend", false, el => el.kind = ElKind.native),
-    feColorMatrix: new SvgElementDriver("feColorMatrix", false, el => el.kind = ElKind.native),
-    feComponentTransfer: new SvgElementDriver("feComponentTransfer", false, el => el.kind = ElKind.native),
-    feComposite: new SvgElementDriver("feComposite", false, el => el.kind = ElKind.native),
-    feConvolveMatrix: new SvgElementDriver("feConvolveMatrix", false, el => el.kind = ElKind.native),
-    feDiffuseLighting: new SvgElementDriver("feDiffuseLighting", false, el => el.kind = ElKind.native),
-    feDisplacementMap: new SvgElementDriver("feDisplacementMap", false, el => el.kind = ElKind.native),
-    feDistantLight: new SvgElementDriver("feDistantLight", false, el => el.kind = ElKind.native),
-    feDropShadow: new SvgElementDriver("feDropShadow", false, el => el.kind = ElKind.native),
-    feFlood: new SvgElementDriver("feFlood", false, el => el.kind = ElKind.native),
-    feFuncA: new SvgElementDriver("feFuncA", false, el => el.kind = ElKind.native),
-    feFuncB: new SvgElementDriver("feFuncB", false, el => el.kind = ElKind.native),
-    feFuncG: new SvgElementDriver("feFuncG", false, el => el.kind = ElKind.native),
-    feFuncR: new SvgElementDriver("feFuncR", false, el => el.kind = ElKind.native),
-    feGaussianBlur: new SvgElementDriver("feGaussianBlur", false, el => el.kind = ElKind.native),
-    feImage: new SvgElementDriver("feImage", false, el => el.kind = ElKind.native),
-    feMerge: new SvgElementDriver("feMerge", false, el => el.kind = ElKind.native),
-    feMergeNode: new SvgElementDriver("feMergeNode", false, el => el.kind = ElKind.native),
-    feMorphology: new SvgElementDriver("feMorphology", false, el => el.kind = ElKind.native),
-    feOffset: new SvgElementDriver("feOffset", false, el => el.kind = ElKind.native),
-    fePointLight: new SvgElementDriver("fePointLight", false, el => el.kind = ElKind.native),
-    feSpecularLighting: new SvgElementDriver("feSpecularLighting", false, el => el.kind = ElKind.native),
-    feSpotLight: new SvgElementDriver("feSpotLight", false, el => el.kind = ElKind.native),
-    feTile: new SvgElementDriver("feTile", false, el => el.kind = ElKind.native),
-    feTurbulence: new SvgElementDriver("feTurbulence", false, el => el.kind = ElKind.native),
-    filter: new SvgElementDriver("filter", false, el => el.kind = ElKind.native),
-    foreignObject: new SvgElementDriver("foreignObject", false, el => el.kind = ElKind.native),
-    g: new SvgElementDriver("g", false, el => el.kind = ElKind.native),
-    image: new SvgElementDriver("image", false, el => el.kind = ElKind.native),
-    line: new SvgElementDriver("line", false, el => el.kind = ElKind.native),
-    linearGradient: new SvgElementDriver("linearGradient", false, el => el.kind = ElKind.native),
-    marker: new SvgElementDriver("marker", false, el => el.kind = ElKind.native),
-    mask: new SvgElementDriver("mask", false, el => el.kind = ElKind.native),
-    metadata: new SvgElementDriver("metadata", false, el => el.kind = ElKind.native),
-    mpath: new SvgElementDriver("mpath", false, el => el.kind = ElKind.native),
-    path: new SvgElementDriver("path", false, el => el.kind = ElKind.native),
-    pattern: new SvgElementDriver("pattern", false, el => el.kind = ElKind.native),
-    polygon: new SvgElementDriver("polygon", false, el => el.kind = ElKind.native),
-    polyline: new SvgElementDriver("polyline", false, el => el.kind = ElKind.native),
-    radialGradient: new SvgElementDriver("radialGradient", false, el => el.kind = ElKind.native),
-    rect: new SvgElementDriver("rect", false, el => el.kind = ElKind.native),
-    stop: new SvgElementDriver("stop", false, el => el.kind = ElKind.native),
-    switch: new SvgElementDriver("switch", false, el => el.kind = ElKind.native),
-    symbol: new SvgElementDriver("symbol", false, el => el.kind = ElKind.native),
-    text: new SvgElementDriver("text", false, el => el.kind = ElKind.native),
-    textPath: new SvgElementDriver("textPath", false, el => el.kind = ElKind.native),
-    tspan: new SvgElementDriver("tspan", false, el => el.kind = ElKind.native),
-    use: new SvgElementDriver("use", false, el => el.kind = ElKind.native),
-    view: new SvgElementDriver("view", false, el => el.kind = ElKind.native),
+    svg: new SvgDriver("svg", false, el => el.kind = ElKind.native),
+    a: new SvgDriver("a", false, el => el.kind = ElKind.native),
+    animate: new SvgDriver("animate", false, el => el.kind = ElKind.native),
+    animateMotion: new SvgDriver("animateMotion", false, el => el.kind = ElKind.native),
+    animateTransform: new SvgDriver("animateTransform", false, el => el.kind = ElKind.native),
+    circle: new SvgDriver("circle", false, el => el.kind = ElKind.native),
+    clipPath: new SvgDriver("clipPath", false, el => el.kind = ElKind.native),
+    defs: new SvgDriver("defs", false, el => el.kind = ElKind.native),
+    desc: new SvgDriver("desc", false, el => el.kind = ElKind.native),
+    ellipse: new SvgDriver("ellipse", false, el => el.kind = ElKind.native),
+    feBlend: new SvgDriver("feBlend", false, el => el.kind = ElKind.native),
+    feColorMatrix: new SvgDriver("feColorMatrix", false, el => el.kind = ElKind.native),
+    feComponentTransfer: new SvgDriver("feComponentTransfer", false, el => el.kind = ElKind.native),
+    feComposite: new SvgDriver("feComposite", false, el => el.kind = ElKind.native),
+    feConvolveMatrix: new SvgDriver("feConvolveMatrix", false, el => el.kind = ElKind.native),
+    feDiffuseLighting: new SvgDriver("feDiffuseLighting", false, el => el.kind = ElKind.native),
+    feDisplacementMap: new SvgDriver("feDisplacementMap", false, el => el.kind = ElKind.native),
+    feDistantLight: new SvgDriver("feDistantLight", false, el => el.kind = ElKind.native),
+    feDropShadow: new SvgDriver("feDropShadow", false, el => el.kind = ElKind.native),
+    feFlood: new SvgDriver("feFlood", false, el => el.kind = ElKind.native),
+    feFuncA: new SvgDriver("feFuncA", false, el => el.kind = ElKind.native),
+    feFuncB: new SvgDriver("feFuncB", false, el => el.kind = ElKind.native),
+    feFuncG: new SvgDriver("feFuncG", false, el => el.kind = ElKind.native),
+    feFuncR: new SvgDriver("feFuncR", false, el => el.kind = ElKind.native),
+    feGaussianBlur: new SvgDriver("feGaussianBlur", false, el => el.kind = ElKind.native),
+    feImage: new SvgDriver("feImage", false, el => el.kind = ElKind.native),
+    feMerge: new SvgDriver("feMerge", false, el => el.kind = ElKind.native),
+    feMergeNode: new SvgDriver("feMergeNode", false, el => el.kind = ElKind.native),
+    feMorphology: new SvgDriver("feMorphology", false, el => el.kind = ElKind.native),
+    feOffset: new SvgDriver("feOffset", false, el => el.kind = ElKind.native),
+    fePointLight: new SvgDriver("fePointLight", false, el => el.kind = ElKind.native),
+    feSpecularLighting: new SvgDriver("feSpecularLighting", false, el => el.kind = ElKind.native),
+    feSpotLight: new SvgDriver("feSpotLight", false, el => el.kind = ElKind.native),
+    feTile: new SvgDriver("feTile", false, el => el.kind = ElKind.native),
+    feTurbulence: new SvgDriver("feTurbulence", false, el => el.kind = ElKind.native),
+    filter: new SvgDriver("filter", false, el => el.kind = ElKind.native),
+    foreignObject: new SvgDriver("foreignObject", false, el => el.kind = ElKind.native),
+    g: new SvgDriver("g", false, el => el.kind = ElKind.native),
+    image: new SvgDriver("image", false, el => el.kind = ElKind.native),
+    line: new SvgDriver("line", false, el => el.kind = ElKind.native),
+    linearGradient: new SvgDriver("linearGradient", false, el => el.kind = ElKind.native),
+    marker: new SvgDriver("marker", false, el => el.kind = ElKind.native),
+    mask: new SvgDriver("mask", false, el => el.kind = ElKind.native),
+    metadata: new SvgDriver("metadata", false, el => el.kind = ElKind.native),
+    mpath: new SvgDriver("mpath", false, el => el.kind = ElKind.native),
+    path: new SvgDriver("path", false, el => el.kind = ElKind.native),
+    pattern: new SvgDriver("pattern", false, el => el.kind = ElKind.native),
+    polygon: new SvgDriver("polygon", false, el => el.kind = ElKind.native),
+    polyline: new SvgDriver("polyline", false, el => el.kind = ElKind.native),
+    radialGradient: new SvgDriver("radialGradient", false, el => el.kind = ElKind.native),
+    rect: new SvgDriver("rect", false, el => el.kind = ElKind.native),
+    stop: new SvgDriver("stop", false, el => el.kind = ElKind.native),
+    switch: new SvgDriver("switch", false, el => el.kind = ElKind.native),
+    symbol: new SvgDriver("symbol", false, el => el.kind = ElKind.native),
+    text: new SvgDriver("text", false, el => el.kind = ElKind.native),
+    textPath: new SvgDriver("textPath", false, el => el.kind = ElKind.native),
+    tspan: new SvgDriver("tspan", false, el => el.kind = ElKind.native),
+    use: new SvgDriver("use", false, el => el.kind = ElKind.native),
+    view: new SvgDriver("view", false, el => el.kind = ElKind.native),
 };

package/build/dist/source/html/Sizes.d.ts

@@ -0,0 +1,37 @@
+import { RxNodeVariable } from "reactronic";
+export declare enum Axis {
+    X = 0,
+    Y = 1
+}
+export type NoUnit = void;
+export type DistanceUnit = "px" | "ln" | "em" | "rem" | "vw" | "vh" | "%" | "f";
+export declare class Dimension<T = NoUnit> {
+    num: number;
+    unit?: T;
+    constructor(num: number, unit?: T);
+    clone(): Dimension<T>;
+    equalsTo(another: Dimension<T>): boolean;
+    static parse<T>(text: string): Dimension<T>;
+    static emit<T>(value: Dimension<T>): string;
+    static readonly gFontSizePx: RxNodeVariable<number>;
+    private static readonly gLineSizePx;
+    static get lineSizePx(): number;
+    static set lineSizePx(value: number);
+    static getLineSizePx(): RxNodeVariable<number>;
+}
+export declare function dim<T = NoUnit>(num: number, unit?: T): Dimension<T>;
+export type SizeConverterOptions = {
+    axis: Axis;
+    lineSizePx: number;
+    fontSizePx: number;
+    containerSizeXpx: number;
+    containerSizeYpx: number;
+};
+export declare const BodyFontSize: number;
+export declare const BodySmallFontSize: number;
+export declare function px(num: number): Dimension<DistanceUnit>;
+export declare function ln(num: number): Dimension<DistanceUnit>;
+export declare function fromPx(value: number, unit: DistanceUnit, options: SizeConverterOptions): number;
+export declare function fromPx<T>(value: Dimension<T>, options: SizeConverterOptions): number;
+export declare function toPx(value: number, unit: DistanceUnit, options: SizeConverterOptions): number;
+export declare function toPx<T>(value: Dimension<T>, options: SizeConverterOptions): number;

package/build/dist/source/html/Sizes.js

@@ -0,0 +1,139 @@
+import { RxNodeVariable } from "reactronic";
+export var Axis;
+(function (Axis) {
+    Axis[Axis["X"] = 0] = "X";
+    Axis[Axis["Y"] = 1] = "Y";
+})(Axis || (Axis = {}));
+export class Dimension {
+    constructor(num, unit) {
+        this.num = num;
+        this.unit = unit;
+    }
+    clone() {
+        return new Dimension(this.num, this.unit);
+    }
+    equalsTo(another) {
+        return this.num === another.num && this.unit === another.unit;
+    }
+    static parse(text) {
+        text = text.trim();
+        const splitPos = text.search(/[^0-9.]/);
+        const num = Number.parseFloat(~splitPos ? text.substring(0, splitPos) : text);
+        const unit = ~splitPos ? text.substring(splitPos, text.length).trim() : undefined;
+        return dim(num, unit);
+    }
+    static emit(value) {
+        var _a;
+        return `${value.num}${(_a = value.unit) !== null && _a !== void 0 ? _a : ""}`;
+    }
+    static get lineSizePx() {
+        return Dimension.gLineSizePx.value;
+    }
+    static set lineSizePx(value) {
+        Dimension.gLineSizePx.value = value;
+    }
+    static getLineSizePx() {
+        return Dimension.gLineSizePx;
+    }
+}
+Dimension.gFontSizePx = new RxNodeVariable();
+Dimension.gLineSizePx = new RxNodeVariable();
+export function dim(num, unit) {
+    return new Dimension(num, unit);
+}
+export const BodyFontSize = Number.parseFloat(getComputedStyle(document.body).fontSize);
+export const BodySmallFontSize = Math.ceil(BodyFontSize * 0.75);
+export function px(num) {
+    return dim(num, "px");
+}
+export function ln(num) {
+    return dim(num, "ln");
+}
+export function fromPx(value, ...args) {
+    const isValueNumber = typeof value === "number";
+    const { num, unit } = isValueNumber
+        ? { num: value, unit: args[0] }
+        : value;
+    const options = isValueNumber ? args[1] : args[0];
+    let result = 0;
+    switch (unit) {
+        case "px":
+            result = num;
+            break;
+        case "ln":
+            result = pxToEmOrN(num, options.lineSizePx);
+            break;
+        case "em":
+            result = pxToEmOrN(num, options.fontSizePx);
+            break;
+        case "rem":
+            result = pxToRem(num);
+            break;
+        case "vw":
+            result = pxToPercent(num, options.containerSizeXpx);
+            break;
+        case "vh":
+            result = pxToPercent(num, options.containerSizeYpx);
+            break;
+        case "%":
+            result = pxToPercent(num, options.axis === Axis.X ? options.containerSizeXpx : options.containerSizeYpx);
+            break;
+        default:
+            result = num;
+            break;
+    }
+    return result;
+}
+export function toPx(value, ...args) {
+    const isValueNumber = typeof value === "number";
+    const { num, unit } = isValueNumber
+        ? { num: value, unit: args[0] }
+        : value;
+    const options = isValueNumber ? args[1] : args[0];
+    let result = 0;
+    switch (unit) {
+        case "px":
+            result = num;
+            break;
+        case "ln":
+            result = emOrNToPx(num, options.lineSizePx);
+            break;
+        case "em":
+            result = emOrNToPx(num, options.fontSizePx);
+            break;
+        case "rem":
+            result = remToPx(num);
+            break;
+        case "vw":
+            result = percentToPx(num, options.containerSizeXpx);
+            break;
+        case "vh":
+            result = percentToPx(num, options.containerSizeYpx);
+            break;
+        case "%":
+            result = percentToPx(num, options.axis === Axis.X ? options.containerSizeXpx : options.containerSizeYpx);
+            break;
+        default:
+            result = num;
+            break;
+    }
+    return result;
+}
+function pxToPercent(px, containerSizePx) {
+    return px * 100 / containerSizePx;
+}
+function pxToRem(px) {
+    return px / BodyFontSize;
+}
+function pxToEmOrN(px, sizePx) {
+    return px / sizePx;
+}
+function percentToPx(percent, containerSizePx) {
+    return percent * containerSizePx / 100;
+}
+function remToPx(rem) {
+    return Math.round(rem * BodyFontSize);
+}
+function emOrNToPx(em, sizePx) {
+    return Math.round(em * sizePx);
+}

package/build/dist/source/html/SplitViewMath.d.ts

@@ -0,0 +1,27 @@
+import { MergeList, RxNode } from "reactronic";
+import { ElImpl } from "./El.js";
+export declare function equal(a: number, b: number): boolean;
+export declare function less(a: number, b: number): boolean;
+export declare function greater(a: number, b: number): boolean;
+export declare function relayoutUsingSplitter(splitViewNode: RxNode<ElImpl>, deltaPx: number, index: number, initialSizesPx: Array<{
+    node: RxNode<ElImpl>;
+    sizePx: number;
+}>, priorities?: ReadonlyArray<number>): void;
+export declare function relayout(splitViewNode: RxNode<ElImpl>, priorities: ReadonlyArray<number>, manuallyResizablePriorities: ReadonlyArray<number>, sizesPx: Array<{
+    node: RxNode<ElImpl>;
+    sizePx: number;
+}>): void;
+export declare function resizeUsingDelta(splitViewNode: RxNode<ElImpl>, deltaPx: number, index: number, priorities: ReadonlyArray<number>, sizesPx: Array<{
+    node: RxNode<ElImpl>;
+    sizePx: number;
+}>, force?: boolean): number;
+export declare function layout(splitViewNode: RxNode<ElImpl>): void;
+export declare function getPrioritiesForSplitter(index: number, size: number): ReadonlyArray<number>;
+export declare function getPrioritiesForSizeChanging(isHorizontal: boolean, children: MergeList<RxNode>, indexes: Array<number>): {
+    resizable: ReadonlyArray<number>;
+    manuallyResizable: ReadonlyArray<number>;
+};
+export declare function getPrioritiesForEmptySpaceDistribution(isHorizontal: boolean, children: MergeList<RxNode>): {
+    resizable: ReadonlyArray<number>;
+    manuallyResizable: ReadonlyArray<number>;
+};