verstak 0.24.127 → 0.24.129

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

@@ -18,16 +18,17 @@ export type El<T = any, M = any> = {
     elementAlignment: Align;
     contentWrapping: boolean;
     overlayVisible: boolean | undefined;
-    useStyle(styleName: string, enabled?: boolean): void;
+    readonly style: CSSStyleDeclaration;
+    useStylingPreset(stylingPresetName: string, enabled?: boolean): void;
 };
 export declare enum ElKind {
-    Section = 0,
-    Table = 1,
-    Note = 2,
-    Group = 3,
-    Part = 4,
-    Cursor = 5,
-    Native = 6
+    section = 0,
+    table = 1,
+    note = 2,
+    group = 3,
+    part = 4,
+    cursor = 5,
+    native = 6
 }
 export type ElCoords = {
     x1: number;
@@ -36,15 +37,15 @@ export type ElCoords = {
     y2: number;
 };
 export declare enum Align {
-    Default = 16,
-    ToBounds = 0,
-    ToLeft = 1,
-    ToCenterX = 2,
-    ToRight = 3,
-    ToTop = 4,
-    ToCenterY = 8,
-    ToBottom = 12,
-    ToCenter = 10
+    default = 16,
+    toBounds = 0,
+    toLeft = 1,
+    toCenterX = 2,
+    toRight = 3,
+    toTop = 4,
+    toCenterY = 8,
+    toBottom = 12,
+    toCenter = 10
 }
 export type ElasticSize = {
     cells?: number;
@@ -79,7 +80,7 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     private _elementAlignment;
     private _contentWrapping;
     private _overlayVisible;
-    private _hasStyles;
+    private _hasStylingPresets;
     constructor(node: RxNode<El<T, M>>);
     prepareForUpdate(): void;
     get isSection(): boolean;
@@ -109,7 +110,8 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     set contentWrapping(value: boolean);
     get overlayVisible(): boolean | undefined;
     set overlayVisible(value: boolean | undefined);
-    useStyle(styleName: string, enabled?: boolean): void;
+    get style(): CSSStyleDeclaration;
+    useStylingPreset(stylingPresetName: string, enabled?: boolean): void;
     private rowBreak;
 }
 declare class CursorPosition {
@@ -121,10 +123,10 @@ declare class CursorPosition {
     constructor(prev: CursorPosition);
 }
 declare enum CursorFlags {
-    None = 0,
-    OwnCursorPosition = 1,
-    UsesRunningColumnCount = 2,
-    UsesRunningRowCount = 4
+    none = 0,
+    ownCursorPosition = 1,
+    usesRunningColumnCount = 2,
+    usesRunningRowCount = 4
 }
 export declare class CursorCommand {
     absolute?: string;
@@ -147,7 +149,7 @@ export declare class Apply {
     static elementAlignment<T extends Element>(element: El<T, any>, value: Align): void;
     static contentWrapping<T extends Element>(element: El<T, any>, value: boolean): void;
     static overlayVisible<T extends Element>(element: El<T, any>, value: boolean | undefined): void;
-    static style<T extends Element>(element: El<T, any>, secondary: boolean, styleName: string, enabled?: boolean): void;
+    static stylingPreset<T extends Element>(element: El<T, any>, secondary: boolean, styleName: string, enabled?: boolean): void;
 }
 export declare const Constants: {
     element: string;

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

@@ -7,25 +7,25 @@ export class ElDriver extends BaseDriver {
 }
 export var ElKind;
 (function (ElKind) {
-    ElKind[ElKind["Section"] = 0] = "Section";
-    ElKind[ElKind["Table"] = 1] = "Table";
-    ElKind[ElKind["Note"] = 2] = "Note";
-    ElKind[ElKind["Group"] = 3] = "Group";
-    ElKind[ElKind["Part"] = 4] = "Part";
-    ElKind[ElKind["Cursor"] = 5] = "Cursor";
-    ElKind[ElKind["Native"] = 6] = "Native";
+    ElKind[ElKind["section"] = 0] = "section";
+    ElKind[ElKind["table"] = 1] = "table";
+    ElKind[ElKind["note"] = 2] = "note";
+    ElKind[ElKind["group"] = 3] = "group";
+    ElKind[ElKind["part"] = 4] = "part";
+    ElKind[ElKind["cursor"] = 5] = "cursor";
+    ElKind[ElKind["native"] = 6] = "native";
 })(ElKind || (ElKind = {}));
 export var Align;
 (function (Align) {
-    Align[Align["Default"] = 16] = "Default";
-    Align[Align["ToBounds"] = 0] = "ToBounds";
-    Align[Align["ToLeft"] = 1] = "ToLeft";
-    Align[Align["ToCenterX"] = 2] = "ToCenterX";
-    Align[Align["ToRight"] = 3] = "ToRight";
-    Align[Align["ToTop"] = 4] = "ToTop";
-    Align[Align["ToCenterY"] = 8] = "ToCenterY";
-    Align[Align["ToBottom"] = 12] = "ToBottom";
-    Align[Align["ToCenter"] = 10] = "ToCenter";
+    Align[Align["default"] = 16] = "default";
+    Align[Align["toBounds"] = 0] = "toBounds";
+    Align[Align["toLeft"] = 1] = "toLeft";
+    Align[Align["toCenterX"] = 2] = "toCenterX";
+    Align[Align["toRight"] = 3] = "toRight";
+    Align[Align["toTop"] = 4] = "toTop";
+    Align[Align["toCenterY"] = 8] = "toCenterY";
+    Align[Align["toBottom"] = 12] = "toBottom";
+    Align[Align["toCenter"] = 10] = "toCenter";
 })(Align || (Align = {}));
 export class ElImpl {
     constructor(node) {
@@ -35,7 +35,7 @@ export class ElImpl {
         this.cursorPosition = undefined;
         this.native = undefined;
         this.model = undefined;
-        this._kind = ElKind.Part;
+        this._kind = ElKind.part;
         this._area = undefined;
         this._coords = UndefinedElCoords;
         this._widthGrowth = 0;
@@ -44,19 +44,19 @@ export class ElImpl {
         this._heightGrowth = 0;
         this._minHeight = "";
         this._maxHeight = "";
-        this._contentAlignment = Align.Default;
-        this._elementAlignment = Align.Default;
+        this._contentAlignment = Align.default;
+        this._elementAlignment = Align.default;
         this._contentWrapping = true;
         this._overlayVisible = undefined;
-        this._hasStyles = false;
+        this._hasStylingPresets = false;
     }
     prepareForUpdate() {
         this._area = undefined;
-        this._hasStyles = false;
+        this._hasStylingPresets = false;
     }
-    get isSection() { return this.kind === ElKind.Section; }
-    get isTable() { return this.kind === ElKind.Table; }
-    get isAuxiliary() { return this.kind > ElKind.Note; }
+    get isSection() { return this.kind === ElKind.section; }
+    get isTable() { return this.kind === ElKind.table; }
+    get isAuxiliary() { return this.kind > ElKind.note; }
     get kind() { return this._kind; }
     set kind(value) {
         if (value !== this._kind || this.node.stamp >= Number.MAX_SAFE_INTEGER - 1) {
@@ -158,9 +158,10 @@ export class ElImpl {
             this._overlayVisible = value;
         }
     }
-    useStyle(styleName, enabled) {
-        Apply.style(this, this._hasStyles, styleName, enabled);
-        this._hasStyles = true;
+    get style() { return this.native.style; }
+    useStylingPreset(stylingPresetName, enabled) {
+        Apply.stylingPreset(this, this._hasStylingPresets, stylingPresetName, enabled);
+        this._hasStylingPresets = true;
     }
     rowBreak() {
         var _a, _b;
@@ -178,18 +179,18 @@ class CursorPosition {
         this.y = prev.y;
         this.runningMaxX = prev.runningMaxX;
         this.runningMaxY = prev.runningMaxY;
-        this.flags = prev.flags & ~CursorFlags.OwnCursorPosition;
+        this.flags = prev.flags & ~CursorFlags.ownCursorPosition;
     }
 }
 var CursorFlags;
 (function (CursorFlags) {
-    CursorFlags[CursorFlags["None"] = 0] = "None";
-    CursorFlags[CursorFlags["OwnCursorPosition"] = 1] = "OwnCursorPosition";
-    CursorFlags[CursorFlags["UsesRunningColumnCount"] = 2] = "UsesRunningColumnCount";
-    CursorFlags[CursorFlags["UsesRunningRowCount"] = 4] = "UsesRunningRowCount";
+    CursorFlags[CursorFlags["none"] = 0] = "none";
+    CursorFlags[CursorFlags["ownCursorPosition"] = 1] = "ownCursorPosition";
+    CursorFlags[CursorFlags["usesRunningColumnCount"] = 2] = "usesRunningColumnCount";
+    CursorFlags[CursorFlags["usesRunningRowCount"] = 4] = "usesRunningRowCount";
 })(CursorFlags || (CursorFlags = {}));
 const UndefinedElCoords = Object.freeze({ x1: 0, y1: 0, x2: 0, y2: 0 });
-const InitialCursorPosition = Object.freeze(new CursorPosition({ x: 1, y: 1, runningMaxX: 0, runningMaxY: 0, flags: CursorFlags.None }));
+const InitialCursorPosition = Object.freeze(new CursorPosition({ x: 1, y: 1, runningMaxX: 0, runningMaxY: 0, flags: CursorFlags.none }));
 function getEffectiveElCoords(isRegularElement, area, maxX, maxY, cursorPosition, newCursorPosition) {
     var _a, _b;
     let result;
@@ -199,7 +200,7 @@ function getEffectiveElCoords(isRegularElement, area, maxX, maxY, cursorPosition
         if (newCursorPosition) {
             newCursorPosition.x = isRegularElement ? result.x2 + 1 : result.x1;
             newCursorPosition.y = result.y1;
-            newCursorPosition.flags = CursorFlags.OwnCursorPosition;
+            newCursorPosition.flags = CursorFlags.ownCursorPosition;
         }
     }
     else if (newCursorPosition) {
@@ -216,7 +217,7 @@ function getEffectiveElCoords(isRegularElement, area, maxX, maxY, cursorPosition
         result = { x1: 0, y1: 0, x2: 0, y2: 0 };
         if (dx === 0 && isRegularElement) {
             dx = runningX || 1;
-            newCursorPosition.flags = CursorFlags.UsesRunningColumnCount;
+            newCursorPosition.flags = CursorFlags.usesRunningColumnCount;
         }
         if (dx >= 0) {
             if (isRegularElement) {
@@ -242,7 +243,7 @@ function getEffectiveElCoords(isRegularElement, area, maxX, maxY, cursorPosition
         }
         if (dy === 0 && isRegularElement) {
             dy = runningY || 1;
-            newCursorPosition.flags |= CursorFlags.UsesRunningRowCount;
+            newCursorPosition.flags |= CursorFlags.usesRunningRowCount;
         }
         if (dy >= 0) {
             if (isRegularElement) {
@@ -295,7 +296,7 @@ export class CursorCommand {
 }
 export class CursorCommandDriver extends ElDriver {
     constructor() {
-        super("cursor", false, el => el.kind = ElKind.Cursor);
+        super("cursor", false, el => el.kind = ElKind.cursor);
     }
 }
 export class Apply {
@@ -355,7 +356,7 @@ export class Apply {
             const hostDriver = bNode.host.driver;
             if (hostDriver.isPartitionSeparator) {
                 const host = bNode.host.seat.instance;
-                Apply.elementAlignment(element, Align.ToBounds);
+                Apply.elementAlignment(element, Align.toBounds);
                 Apply.heightGrowth(host.element, value);
             }
         }
@@ -371,7 +372,7 @@ export class Apply {
     static contentAlignment(element, value) {
         if (element.native instanceof HTMLElement) {
             const s = element.native.style;
-            if ((value & Align.Default) === 0) {
+            if ((value & Align.default) === 0) {
                 const v = AlignToCss[(value >> 2) & 0b11];
                 const h = AlignToCss[value & 0b11];
                 const t = TextAlignCss[value & 0b11];
@@ -386,7 +387,7 @@ export class Apply {
     static elementAlignment(element, value) {
         if (element.native instanceof HTMLElement) {
             const s = element.native.style;
-            if ((value & Align.Default) === 0) {
+            if ((value & Align.default) === 0) {
                 const v = AlignToCss[(value >> 2) & 0b11];
                 const h = AlignToCss[value & 0b11];
                 s.alignSelf = v;
@@ -445,7 +446,7 @@ export class Apply {
             }
         }
     }
-    static style(element, secondary, styleName, enabled) {
+    static stylingPreset(element, secondary, styleName, enabled) {
         const native = element.native;
         enabled !== null && enabled !== void 0 ? enabled : (enabled = true);
         if (secondary)

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

@@ -47,17 +47,17 @@ export function SyntheticElement(declaration, preset) {
 export class VerstakElementDriver extends HtmlElementDriver {
     update(node) {
         const element = node.element;
-        if (element.kind === ElKind.Section)
+        if (element.kind === ElKind.section)
             startNewRow();
         return super.update(node);
     }
 }
 const Drivers = {
-    section: new VerstakElementDriver(Constants.element, false, el => el.kind = ElKind.Section),
-    table: new VerstakElementDriver(Constants.element, false, el => el.kind = ElKind.Table),
-    note: new VerstakElementDriver(Constants.element, false, el => el.kind = ElKind.Note),
-    group: new VerstakElementDriver(Constants.group, false, el => el.kind = ElKind.Group),
-    partition: new VerstakElementDriver(Constants.partition, true, el => el.kind = ElKind.Part),
+    section: new VerstakElementDriver(Constants.element, false, el => el.kind = ElKind.section),
+    table: new VerstakElementDriver(Constants.element, false, el => el.kind = ElKind.table),
+    note: new VerstakElementDriver(Constants.element, false, el => el.kind = ElKind.note),
+    group: new VerstakElementDriver(Constants.group, false, el => el.kind = ElKind.group),
+    partition: new VerstakElementDriver(Constants.partition, true, el => el.kind = ElKind.part),
     cursor: new CursorCommandDriver(),
-    pseudo: new ElDriver("pseudo", false, el => el.kind = ElKind.Group),
+    pseudo: new ElDriver("pseudo", false, el => el.kind = ElKind.group),
 };

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

@@ -2,7 +2,7 @@ import { RxNode } from "reactronic";
 import { ElKind } from "./El.js";
 import { HtmlElementDriver, StaticDriver, SvgElementDriver } from "./HtmlDriver.js";
 export function HtmlBody(declaration, preset) {
-    const driver = new StaticDriver(global.document.body, "HtmlBody", false, el => el.kind = ElKind.Section);
+    const driver = new StaticDriver(global.document.body, "HtmlBody", false, el => el.kind = ElKind.section);
     return RxNode.acquire(driver, declaration, preset);
 }
 export function A(declaration, preset) { return RxNode.acquire(HtmlTags.a, declaration, preset); }
@@ -179,179 +179,179 @@ export function TSpan(declaration, preset) { return RxNode.acquire(SvgTags.tspan
 export function Use(declaration, preset) { return RxNode.acquire(SvgTags.use, declaration, preset); }
 export function View(declaration, preset) { return RxNode.acquire(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 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),
 };
 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 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),
 };

package/build/dist/source/html/sensors/BasePointerSensor.d.ts

@@ -3,10 +3,10 @@ import { HtmlElementSensor } from "./HtmlElementSensor.js";
 import { KeyboardModifiers } from "./KeyboardSensor.js";
 import { WindowSensor } from "./WindowSensor.js";
 export declare enum PointerButton {
-    None = 0,
-    Left = 1,
-    Right = 2,
-    Middle = 4
+    none = 0,
+    left = 1,
+    right = 2,
+    middle = 4
 }
 export declare class BasePointerSensor extends HtmlElementSensor {
     positionX: number;

package/build/dist/source/html/sensors/BasePointerSensor.js

@@ -2,29 +2,29 @@ import { HtmlElementSensor } from "./HtmlElementSensor.js";
 import { KeyboardModifiers } from "./KeyboardSensor.js";
 export var PointerButton;
 (function (PointerButton) {
-    PointerButton[PointerButton["None"] = 0] = "None";
-    PointerButton[PointerButton["Left"] = 1] = "Left";
-    PointerButton[PointerButton["Right"] = 2] = "Right";
-    PointerButton[PointerButton["Middle"] = 4] = "Middle";
+    PointerButton[PointerButton["none"] = 0] = "none";
+    PointerButton[PointerButton["left"] = 1] = "left";
+    PointerButton[PointerButton["right"] = 2] = "right";
+    PointerButton[PointerButton["middle"] = 4] = "middle";
 })(PointerButton || (PointerButton = {}));
 export class BasePointerSensor extends HtmlElementSensor {
     constructor(element, focusSensor, windowSensor) {
         super(element, focusSensor, windowSensor);
         this.positionX = Infinity;
         this.positionY = Infinity;
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
     }
 }
 export function extractPointerButton(e) {
     switch (e.button) {
         case 0:
-            return PointerButton.Left;
+            return PointerButton.left;
         case 1:
-            return PointerButton.Middle;
+            return PointerButton.middle;
         case 2:
-            return PointerButton.Right;
+            return PointerButton.right;
         default:
-            return PointerButton.None;
+            return PointerButton.none;
     }
 }
 export function isPointerButtonDown(button, buttonsMask) {

package/build/dist/source/html/sensors/ButtonSensor.d.ts

@@ -2,10 +2,10 @@ import { PointerButton, BasePointerSensor } from "./BasePointerSensor.js";
 import { FocusSensor } from "./FocusSensor.js";
 import { WindowSensor } from "./WindowSensor.js";
 export declare enum ButtonState {
-    Pressed = 0,
-    Selecting = 1,
-    Selected = 2,
-    Released = 3
+    pressed = 0,
+    selecting = 1,
+    selected = 2,
+    released = 3
 }
 export declare class ButtonSensor extends BasePointerSensor {
     state: ButtonState;

package/build/dist/source/html/sensors/ButtonSensor.js

@@ -13,16 +13,16 @@ import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
 import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
 export var ButtonState;
 (function (ButtonState) {
-    ButtonState[ButtonState["Pressed"] = 0] = "Pressed";
-    ButtonState[ButtonState["Selecting"] = 1] = "Selecting";
-    ButtonState[ButtonState["Selected"] = 2] = "Selected";
-    ButtonState[ButtonState["Released"] = 3] = "Released";
+    ButtonState[ButtonState["pressed"] = 0] = "pressed";
+    ButtonState[ButtonState["selecting"] = 1] = "selecting";
+    ButtonState[ButtonState["selected"] = 2] = "selected";
+    ButtonState[ButtonState["released"] = 3] = "released";
 })(ButtonState || (ButtonState = {}));
 export class ButtonSensor extends BasePointerSensor {
     constructor(element, focusSensor, windowSensor) {
         super(element, focusSensor, windowSensor);
-        this.state = ButtonState.Released;
-        this.pointerButton = PointerButton.None;
+        this.state = ButtonState.released;
+        this.pointerButton = PointerButton.none;
         this.originData = undefined;
         this.selectedData = undefined;
         this.selectedX = Infinity;
@@ -47,17 +47,17 @@ export class ButtonSensor extends BasePointerSensor {
         }
     }
     onPointerDown(e) {
-        if (this.state === ButtonState.Released && (this.pointerButton === PointerButton.None))
+        if (this.state === ButtonState.released && (this.pointerButton === PointerButton.none))
             this.press(e);
         this.setPreventDefaultAndStopPropagation(e);
     }
     onPointerMove(e) {
         const state = this.state;
         if (isPointerButtonDown(this.pointerButton, e.buttons)) {
-            if (state === ButtonState.Pressed || state === ButtonState.Selecting)
+            if (state === ButtonState.pressed || state === ButtonState.selecting)
                 this.selecting(e);
         }
-        else if (state !== ButtonState.Released) {
+        else if (state !== ButtonState.released) {
             this.cancel();
             this.reset();
         }
@@ -66,11 +66,11 @@ export class ButtonSensor extends BasePointerSensor {
     onPointerUp(e) {
         const button = extractPointerButton(e);
         if (button === this.pointerButton) {
-            if (this.state === ButtonState.Selecting) {
+            if (this.state === ButtonState.selecting) {
                 this.select(e);
                 this.release();
             }
-            else if (this.state === ButtonState.Pressed) {
+            else if (this.state === ButtonState.pressed) {
                 this.release();
             }
         }
@@ -80,13 +80,13 @@ export class ButtonSensor extends BasePointerSensor {
         this.setPreventDefaultAndStopPropagation(e);
     }
     onLostPointerCapture(e) {
-        if (this.state !== ButtonState.Released) {
+        if (this.state !== ButtonState.released) {
             this.cancel();
             this.reset();
         }
     }
     onKeyDown(e) {
-        if (e.key === "Escape" && this.state !== ButtonState.Released) {
+        if (e.key === "Escape" && this.state !== ButtonState.released) {
             this.cancel();
             this.reset();
         }
@@ -99,7 +99,7 @@ export class ButtonSensor extends BasePointerSensor {
         const { data, window } = findTargetElementData(targetPath, underPointer, SymDataForSensor, ["button"]);
         const originData = data === null || data === void 0 ? void 0 : data.button;
         if (originData) {
-            this.state = ButtonState.Pressed;
+            this.state = ButtonState.pressed;
             this.pointerButton = extractPointerButton(e);
             this.originData = originData;
             this.modifiers = extractModifierKeys(e);
@@ -114,12 +114,12 @@ export class ButtonSensor extends BasePointerSensor {
     }
     selecting(e) {
         this.updateSensorData(e);
-        this.state = ButtonState.Selecting;
+        this.state = ButtonState.selecting;
         this.selected = false;
     }
     select(e) {
         this.updateSensorData(e);
-        this.state = ButtonState.Selected;
+        this.state = ButtonState.selected;
         this.selectedX = e.clientX;
         this.selectedY = e.clientY;
         this.selected = true;
@@ -127,26 +127,26 @@ export class ButtonSensor extends BasePointerSensor {
     release() {
         this.preventDefault = false;
         this.stopPropagation = false;
-        this.state = ButtonState.Released;
+        this.state = ButtonState.released;
         this.revision++;
     }
     cancel() {
-        this.state = ButtonState.Released;
+        this.state = ButtonState.released;
         this.selected = false;
         this.revision++;
     }
     reset() {
         this.preventDefault = false;
         this.stopPropagation = false;
-        this.state = ButtonState.Released;
+        this.state = ButtonState.released;
         this.originData = undefined;
         this.selectedData = undefined;
-        this.pointerButton = PointerButton.None;
+        this.pointerButton = PointerButton.none;
         this.positionX = Infinity;
         this.positionY = Infinity;
         this.selectedX = Infinity;
         this.selectedY = Infinity;
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
         this.selected = false;
     }
     updateSensorData(e) {

package/build/dist/source/html/sensors/HoverSensor.js

@@ -81,7 +81,7 @@ export class HoverSensor extends BasePointerSensor {
         this.target = undefined;
         this.positionX = Infinity;
         this.positionY = Infinity;
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
     }
 }
 __decorate([

package/build/dist/source/html/sensors/HtmlDragSensor.js

@@ -35,13 +35,13 @@ export class HtmlDragSensor extends HtmlElementSensor {
         this.draggingDataTypes = [];
         this.positionX = Infinity;
         this.positionY = Infinity;
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
         this.dropX = Infinity;
         this.dropY = Infinity;
         this.dropped = false;
         this.immediatePositionX = Infinity;
         this.immediatePositionY = Infinity;
-        this.immediateModifiers = KeyboardModifiers.None;
+        this.immediateModifiers = KeyboardModifiers.none;
     }
     getData(format) {
         return this.dataByFormat.get(format);
@@ -214,13 +214,13 @@ export class HtmlDragSensor extends HtmlElementSensor {
         this.draggingDataTypes = [];
         this.positionX = Infinity;
         this.positionY = Infinity;
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
         this.dropX = Infinity;
         this.dropY = Infinity;
         this.dropped = false;
         this.immediatePositionX = Infinity;
         this.immediatePositionY = Infinity;
-        this.immediateModifiers = KeyboardModifiers.None;
+        this.immediateModifiers = KeyboardModifiers.none;
         this.revision++;
     }
     updateDragTarget(e) {

package/build/dist/source/html/sensors/KeyboardSensor.d.ts

@@ -1,20 +1,20 @@
 import { HtmlElementSensor } from "./HtmlElementSensor.js";
 export declare enum KeyboardModifiers {
-    None = 0,
-    Ctrl = 1,
-    Shift = 2,
-    Alt = 4,
-    Meta = 8,
-    CtrlShift = 3,
-    CtrlAlt = 5,
-    CtrlMeta = 9,
-    CtrlShiftAlt = 7,
-    CtrlShiftAltMeta = 15,
-    CtrlShiftMeta = 11,
-    ShiftAlt = 6,
-    ShiftMeta = 10,
-    ShiftAltMeta = 14,
-    AltMeta = 12
+    none = 0,
+    ctrl = 1,
+    shift = 2,
+    alt = 4,
+    meta = 8,
+    ctrlShift = 3,
+    ctrlAlt = 5,
+    ctrlMeta = 9,
+    ctrlShiftAlt = 7,
+    ctrlShiftAltMeta = 15,
+    ctrlShiftMeta = 11,
+    shiftAlt = 6,
+    shiftMeta = 10,
+    shiftAltMeta = 14,
+    altMeta = 12
 }
 export declare class KeyboardSensor extends HtmlElementSensor {
     down: string;

package/build/dist/source/html/sensors/KeyboardSensor.js

@@ -12,28 +12,28 @@ import { grabElementDataList, SymDataForSensor } from "./DataForSensor.js";
 import { HtmlElementSensor } from "./HtmlElementSensor.js";
 export var KeyboardModifiers;
 (function (KeyboardModifiers) {
-    KeyboardModifiers[KeyboardModifiers["None"] = 0] = "None";
-    KeyboardModifiers[KeyboardModifiers["Ctrl"] = 1] = "Ctrl";
-    KeyboardModifiers[KeyboardModifiers["Shift"] = 2] = "Shift";
-    KeyboardModifiers[KeyboardModifiers["Alt"] = 4] = "Alt";
-    KeyboardModifiers[KeyboardModifiers["Meta"] = 8] = "Meta";
-    KeyboardModifiers[KeyboardModifiers["CtrlShift"] = 3] = "CtrlShift";
-    KeyboardModifiers[KeyboardModifiers["CtrlAlt"] = 5] = "CtrlAlt";
-    KeyboardModifiers[KeyboardModifiers["CtrlMeta"] = 9] = "CtrlMeta";
-    KeyboardModifiers[KeyboardModifiers["CtrlShiftAlt"] = 7] = "CtrlShiftAlt";
-    KeyboardModifiers[KeyboardModifiers["CtrlShiftAltMeta"] = 15] = "CtrlShiftAltMeta";
-    KeyboardModifiers[KeyboardModifiers["CtrlShiftMeta"] = 11] = "CtrlShiftMeta";
-    KeyboardModifiers[KeyboardModifiers["ShiftAlt"] = 6] = "ShiftAlt";
-    KeyboardModifiers[KeyboardModifiers["ShiftMeta"] = 10] = "ShiftMeta";
-    KeyboardModifiers[KeyboardModifiers["ShiftAltMeta"] = 14] = "ShiftAltMeta";
-    KeyboardModifiers[KeyboardModifiers["AltMeta"] = 12] = "AltMeta";
+    KeyboardModifiers[KeyboardModifiers["none"] = 0] = "none";
+    KeyboardModifiers[KeyboardModifiers["ctrl"] = 1] = "ctrl";
+    KeyboardModifiers[KeyboardModifiers["shift"] = 2] = "shift";
+    KeyboardModifiers[KeyboardModifiers["alt"] = 4] = "alt";
+    KeyboardModifiers[KeyboardModifiers["meta"] = 8] = "meta";
+    KeyboardModifiers[KeyboardModifiers["ctrlShift"] = 3] = "ctrlShift";
+    KeyboardModifiers[KeyboardModifiers["ctrlAlt"] = 5] = "ctrlAlt";
+    KeyboardModifiers[KeyboardModifiers["ctrlMeta"] = 9] = "ctrlMeta";
+    KeyboardModifiers[KeyboardModifiers["ctrlShiftAlt"] = 7] = "ctrlShiftAlt";
+    KeyboardModifiers[KeyboardModifiers["ctrlShiftAltMeta"] = 15] = "ctrlShiftAltMeta";
+    KeyboardModifiers[KeyboardModifiers["ctrlShiftMeta"] = 11] = "ctrlShiftMeta";
+    KeyboardModifiers[KeyboardModifiers["shiftAlt"] = 6] = "shiftAlt";
+    KeyboardModifiers[KeyboardModifiers["shiftMeta"] = 10] = "shiftMeta";
+    KeyboardModifiers[KeyboardModifiers["shiftAltMeta"] = 14] = "shiftAltMeta";
+    KeyboardModifiers[KeyboardModifiers["altMeta"] = 12] = "altMeta";
 })(KeyboardModifiers || (KeyboardModifiers = {}));
 export class KeyboardSensor extends HtmlElementSensor {
     constructor(element) {
         super(element);
         this.down = "";
         this.up = "";
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
     }
     listen(enabled = true) {
         const element = this.sourceElement;
@@ -51,7 +51,7 @@ export class KeyboardSensor extends HtmlElementSensor {
         this.stopPropagation = false;
         this.down = "";
         this.up = "";
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
     }
     onKeyDown(e) {
         this.keyDown(e);
@@ -80,15 +80,15 @@ export class KeyboardSensor extends HtmlElementSensor {
         this.revision++;
     }
     static getKeyAsModifierIfAny(key) {
-        let modifier = KeyboardModifiers.None;
+        let modifier = KeyboardModifiers.none;
         if (key === "Control")
-            modifier = KeyboardModifiers.Ctrl;
+            modifier = KeyboardModifiers.ctrl;
         else if (key === "Shift")
-            modifier = KeyboardModifiers.Shift;
+            modifier = KeyboardModifiers.shift;
         else if (key === "Alt")
-            modifier = KeyboardModifiers.Alt;
+            modifier = KeyboardModifiers.alt;
         else if (key === "Meta")
-            modifier = KeyboardModifiers.Meta;
+            modifier = KeyboardModifiers.meta;
         return modifier;
     }
 }
@@ -113,22 +113,22 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], KeyboardSensor.prototype, "keyUp", null);
 export function extractModifierKeys(e) {
-    let modifiers = KeyboardModifiers.None;
+    let modifiers = KeyboardModifiers.none;
     if (e.ctrlKey)
-        modifiers |= KeyboardModifiers.Ctrl;
+        modifiers |= KeyboardModifiers.ctrl;
     else
-        modifiers &= ~KeyboardModifiers.Ctrl;
+        modifiers &= ~KeyboardModifiers.ctrl;
     if (e.shiftKey)
-        modifiers |= KeyboardModifiers.Shift;
+        modifiers |= KeyboardModifiers.shift;
     else
-        modifiers &= ~KeyboardModifiers.Shift;
+        modifiers &= ~KeyboardModifiers.shift;
     if (e.altKey)
-        modifiers |= KeyboardModifiers.Alt;
+        modifiers |= KeyboardModifiers.alt;
     else
-        modifiers &= ~KeyboardModifiers.Alt;
+        modifiers &= ~KeyboardModifiers.alt;
     if (e.metaKey)
-        modifiers |= KeyboardModifiers.Meta;
+        modifiers |= KeyboardModifiers.meta;
     else
-        modifiers &= ~KeyboardModifiers.Meta;
+        modifiers &= ~KeyboardModifiers.meta;
     return modifiers;
 }

package/build/dist/source/html/sensors/PointerSensor.js

@@ -16,7 +16,7 @@ export class PointerSensor extends BasePointerSensor {
         super(element, focusSensor, windowSensor);
         this.hotPositionX = Infinity;
         this.hotPositionY = Infinity;
-        this.pointerButton = PointerButton.None;
+        this.pointerButton = PointerButton.none;
         this.tryingDragging = false;
         this.clickable = undefined;
         this.clicking = undefined;
@@ -37,13 +37,13 @@ export class PointerSensor extends BasePointerSensor {
         this.draggingOver = false;
         this.positionX = Infinity;
         this.positionY = Infinity;
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
         this.dropX = Infinity;
         this.dropY = Infinity;
         this.dropped = false;
         this.immediatePositionX = Infinity;
         this.immediatePositionY = Infinity;
-        this.immediateModifiers = KeyboardModifiers.None;
+        this.immediateModifiers = KeyboardModifiers.none;
     }
     getData() {
         return this.draggingData;
@@ -66,7 +66,7 @@ export class PointerSensor extends BasePointerSensor {
     onPointerDown(e) {
         const button = extractPointerButton(e);
         if (!this.dragStarted && this.clickable === undefined &&
-            (button === PointerButton.Left || button === PointerButton.Right)) {
+            (button === PointerButton.left || button === PointerButton.right)) {
             this.tryClickingOrDragging(e);
         }
     }
@@ -206,7 +206,7 @@ export class PointerSensor extends BasePointerSensor {
         this.revision++;
     }
     reset() {
-        this.pointerButton = PointerButton.None;
+        this.pointerButton = PointerButton.none;
         this.clickable = undefined;
         this.clicking = undefined;
         this.clicked = undefined;
@@ -227,13 +227,13 @@ export class PointerSensor extends BasePointerSensor {
         this.draggingOver = false;
         this.positionX = Infinity;
         this.positionY = Infinity;
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
         this.dropX = Infinity;
         this.dropY = Infinity;
         this.dropped = false;
         this.immediatePositionX = Infinity;
         this.immediatePositionY = Infinity;
-        this.immediateModifiers = KeyboardModifiers.None;
+        this.immediateModifiers = KeyboardModifiers.none;
         this.revision++;
     }
     updateClicking(e) {

package/build/dist/source/html/sensors/WheelSensor.js

@@ -40,7 +40,7 @@ export class WheelSensor extends BasePointerSensor {
     doReset() {
         this.preventDefault = false;
         this.stopPropagation = false;
-        this.modifiers = KeyboardModifiers.None;
+        this.modifiers = KeyboardModifiers.none;
         this.positionX = Infinity;
         this.positionY = Infinity;
         this.target = undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verstak",
-  "version": "0.24.127",
+  "version": "0.24.129",
   "description": "Verstak - Front-End Library",
   "publisher": "Nezaboodka Software",
   "license": "Apache-2.0",