verstak 0.96.26029 → 0.96.26035

package/build/dist/source/components/Button.v.d.ts

@@ -1,8 +1,8 @@
-import { ReactiveTreeNode, ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNode, ReactiveTreeNodeDesc } from "reactronic";
 import { El } from "verstak";
 export type ButtonModel = {
     icon?: string;
     label?: string;
     action?(): void;
 };
-export declare function Button(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, ButtonModel>>): ReactiveTreeNode<El<HTMLElement, ButtonModel>>;
+export declare function Button(description?: ReactiveTreeNodeDesc<El<HTMLElement, ButtonModel>>): ReactiveTreeNode<El<HTMLElement, ButtonModel>>;

package/build/dist/source/components/Button.v.js

@@ -1,10 +1,10 @@
 import { ReactiveTreeNode, setBasis } from "reactronic";
-import { Block, OnClick } from "verstak";
+import { Element, OnClick } from "verstak";
 import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
-export function Button(declaration) {
-    return (Block(setBasis(declaration, {
+export function Button(description) {
+    return (Element(setBasis(description, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = rxModel({
@@ -25,7 +25,7 @@ export function Button(declaration) {
                 });
             }
             if (m.label) {
-                Block({
+                Element({
                     body(el, base) {
                         base();
                         this.textIsFormatted = false;

package/build/dist/source/components/Icon.v.d.ts

@@ -1,3 +1,3 @@
-import { ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNodeDesc } from "reactronic";
 import { El } from "verstak";
-export declare function Icon(name: string, declaration?: ReactiveTreeNodeDecl<El<HTMLElement, void>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, void>>;
+export declare function Icon(name: string, description?: ReactiveTreeNodeDesc<El<HTMLElement, void>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, void>>;

package/build/dist/source/components/Icon.v.js

@@ -1,8 +1,8 @@
 import { setBasis } from "reactronic";
-import { Block } from "verstak";
+import { Element } from "verstak";
 import { Theme } from "./Theme.js";
-export function Icon(name, declaration) {
-    return (Block(setBasis(declaration, {
+export function Icon(name, description) {
+    return (Element(setBasis(description, {
         signalArgs: { name },
         body() {
             const theme = Theme.current.icon;

package/build/dist/source/components/Image.v.d.ts

@@ -1,6 +1,6 @@
-import { ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNodeDesc } from "reactronic";
 import { El } from "verstak";
 export type ImageModel = {
     source?: string;
 };
-export declare function Image(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, ImageModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, ImageModel>>;
+export declare function Image(description?: ReactiveTreeNodeDesc<El<HTMLElement, ImageModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, ImageModel>>;

package/build/dist/source/components/Image.v.js

@@ -1,8 +1,8 @@
 import { setBasis } from "reactronic";
-import { Block } from "verstak";
+import { Element } from "verstak";
 import { rxModel } from "./common/Utils.js";
-export function Image(declaration) {
-    return (Block(setBasis(declaration, {
+export function Image(description) {
+    return (Element(setBasis(description, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = rxModel({ source: undefined }));

package/build/dist/source/components/Input.v.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNodeDesc } from "reactronic";
 import { FocusModel, El } from "verstak";
 import { ValuesOrRefs } from "./common/Utils.js";
 export type InputModel<T = string> = FocusModel & {
@@ -12,5 +12,5 @@ export type InputModel<T = string> = FocusModel & {
     isHotText: boolean;
     inputStyle: string;
 };
-export declare function Input(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, InputModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, InputModel<string>>>;
+export declare function Input(description?: ReactiveTreeNodeDesc<El<HTMLElement, InputModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, InputModel<string>>>;
 export declare function composeInputModel<T>(props?: Partial<ValuesOrRefs<InputModel<T>>>): InputModel<T>;

package/build/dist/source/components/Input.v.js

@@ -1,10 +1,10 @@
 import { Mode, setBasis } from "reactronic";
-import { Block, OnFocus, rowBreak, Fragment, KeyboardModifiers, H, V } from "verstak";
+import { Element, OnFocus, rowBreak, Fragment, KeyboardModifiers, H, V } from "verstak";
 import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
-export function Input(declaration) {
-    return (Block(setBasis(declaration, {
+export function Input(description) {
+    return (Element(setBasis(description, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = composeInputModel());
@@ -42,7 +42,7 @@ export function composeInputModel(props) {
     });
 }
 function InputField(model, styling) {
-    return (Block({
+    return (Element({
         key: InputField.name,
         mode: Mode.primitive,
         preparation(el, base) {
@@ -79,7 +79,7 @@ function InputField(model, styling) {
     }));
 }
 function InputPopup(model, styling) {
-    return (Block({
+    return (Element({
         key: InputPopup.name,
         mode: Mode.primitive,
         body() {
@@ -91,7 +91,7 @@ function InputPopup(model, styling) {
                 if (options.length > 0) {
                     for (const x of model.options) {
                         rowBreak();
-                        Block({
+                        Element({
                             key: x,
                             mode: Mode.primitive,
                             preparation() {
@@ -102,7 +102,7 @@ function InputPopup(model, styling) {
                     }
                 }
                 else
-                    Block({
+                    Element({
                         key: "(nothing)",
                         mode: Mode.primitive,
                         body() {

package/build/dist/source/components/Markdown.v.js

@@ -1,8 +1,8 @@
 import Md from "markdown-it";
 import * as prism from "prismjs";
-import { Block } from "verstak";
+import { Element } from "verstak";
 export function Markdown(content) {
-    return (Block({
+    return (Element({
         preparation(el, base) {
             this.contentWrapping = true;
             base();

package/build/dist/source/components/Spinner.v.d.ts

@@ -1,9 +1,9 @@
-import { ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNodeDesc } from "reactronic";
 import { El } from "verstak";
 import { ValuesOrRefs } from "./common/Utils.js";
 export type SpinnerModel = {
     active: boolean;
     color: string;
 };
-export declare function Spinner(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, SpinnerModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, SpinnerModel>>;
+export declare function Spinner(description?: ReactiveTreeNodeDesc<El<HTMLElement, SpinnerModel>>): import("reactronic").ReactiveTreeNode<El<HTMLElement, SpinnerModel>>;
 export declare function composeSpinnerModel<T>(props?: Partial<ValuesOrRefs<SpinnerModel>>): SpinnerModel;

package/build/dist/source/components/Spinner.v.js

@@ -1,8 +1,8 @@
 import { Mode, setBasis } from "reactronic";
-import { Block } from "verstak";
+import { Element } from "verstak";
 import { rxModel } from "./common/Utils.js";
-export function Spinner(declaration) {
-    return (Block(setBasis(declaration, {
+export function Spinner(description) {
+    return (Element(setBasis(description, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = composeSpinnerModel());
@@ -10,7 +10,7 @@ export function Spinner(declaration) {
         body() {
             const m = this.model;
             if (m.active)
-                Block({
+                Element({
                     mode: Mode.primitive,
                     body() {
                         this.text = "loading...";

package/build/dist/source/components/Toggle.v.d.ts

@@ -1,8 +1,8 @@
-import { ReactiveTreeNode, ReactiveTreeNodeDecl } from "reactronic";
+import { ReactiveTreeNode, ReactiveTreeNodeDesc } from "reactronic";
 import { El } from "verstak";
 export type ToggleModel = {
     label?: string;
     checked?: boolean;
     color?: string;
 };
-export declare function Toggle(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, ToggleModel>>): ReactiveTreeNode<El<HTMLElement, ToggleModel>>;
+export declare function Toggle(description?: ReactiveTreeNodeDesc<El<HTMLElement, ToggleModel>>): ReactiveTreeNode<El<HTMLElement, ToggleModel>>;

package/build/dist/source/components/Toggle.v.js

@@ -1,10 +1,10 @@
 import { ReactiveTreeNode, Mode, setBasis } from "reactronic";
-import { Block, OnClick } from "verstak";
+import { Element, OnClick } from "verstak";
 import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
-export function Toggle(declaration) {
-    return (Block(setBasis(declaration, {
+export function Toggle(description) {
+    return (Element(setBasis(description, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = rxModel({
@@ -27,7 +27,7 @@ export function Toggle(declaration) {
                 },
             });
             if (m.label) {
-                Block({
+                Element({
                     mode: Mode.primitive,
                     body(el, base) {
                         base();

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

@@ -37,7 +37,7 @@ export type El<T = any, M = any> = {
     useStylingPreset(stylingPresetName: string, enabled?: boolean): void;
 };
 export declare enum ElKind {
-    block = 0,
+    element = 0,
     table = 1,
     group = 2,
     partition = 3,

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

@@ -1,6 +1,6 @@
 export var ElKind;
 (function (ElKind) {
-    ElKind[ElKind["block"] = 0] = "block";
+    ElKind[ElKind["element"] = 0] = "element";
     ElKind[ElKind["table"] = 1] = "table";
     ElKind[ElKind["group"] = 2] = "group";
     ElKind[ElKind["partition"] = 3] = "partition";

package/build/dist/source/core/ElDriver.d.ts

@@ -34,7 +34,7 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     constructor(node: ReactiveTreeNode<El<T, M>>);
     prepareForUpdate(): void;
     get rank(): number;
-    get isBlock(): boolean;
+    get isElement(): boolean;
     get isTable(): boolean;
     get isAuxiliary(): boolean;
     get kind(): ElKind;
@@ -144,21 +144,7 @@ declare enum ElLayoutInfoFlags {
     childrenRelayoutIsNeeded = 8
 }
 export declare const InitialElLayoutInfo: ElLayoutInfo;
-export declare class CursorCommand {
-    absolute?: string;
-    columnShift?: number;
-    rowShift?: number;
-}
-export declare class CursorCommandDriver extends ElDriver<Element, unknown> {
-    constructor();
-}
 export declare const Constants: {
-    element: string;
-    partition: string;
-    wrapper: string;
-    splitter: string;
-    group: string;
-    layouts: string[];
     keyAttrName: string;
     kindAttrName: string;
     ownReactiveTreeNodeKey: symbol;

package/build/dist/source/core/ElDriver.js

@@ -50,7 +50,7 @@ export class ElImpl {
         this._hasStylingPresets = false;
     }
     get rank() { return this.node.rank; }
-    get isBlock() { return this.kind === ElKind.block; }
+    get isElement() { return this.kind === ElKind.element; }
     get isTable() { return this.kind === ElKind.table; }
     get isAuxiliary() { return this.kind > ElKind.table; }
     get kind() { return this._kind; }
@@ -72,7 +72,7 @@ export class ElImpl {
             const prevEl = (_a = node.prev) === null || _a === void 0 ? void 0 : _a.element;
             const prevElLayoutInfo = (_b = prevEl === null || prevEl === void 0 ? void 0 : prevEl.layoutInfo) !== null && _b !== void 0 ? _b : InitialElLayoutInfo;
             const layoutInfo = this.layoutInfo = owner.children.isStrictOrder ? new ElLayoutInfo(prevElLayoutInfo) : undefined;
-            const isCursorElement = driver instanceof CursorCommandDriver;
+            const isCursorElement = this.kind === ElKind.cursor;
             const coords = getElCoordsAndAdjustLayoutInfo(!isCursorElement, value, ownerEl.maxColumnCount, ownerEl.maxRowCount, prevElLayoutInfo, layoutInfo);
             if (!equalElCoords(coords, this._coords)) {
                 if (this.native !== undefined)
@@ -352,6 +352,7 @@ export class ElImpl {
             el.classList.add(StylingClassNameByAlignmentVerticalRowWise[value]);
     }
     static applySelfAlignmentHorizontal(element, existing, value) {
+        var _a;
         const e = element.native;
         if (existing !== undefined) {
             e.classList.remove(StylingClassNameBySelfAlignmentHorizontal[existing]);
@@ -360,7 +361,7 @@ export class ElImpl {
         }
         if (value !== undefined) {
             e.classList.add(StylingClassNameBySelfAlignmentHorizontal[value]);
-            const grow = element.selfStretchingStrengthHorizontal;
+            const grow = (_a = element.selfStretchingStrengthHorizontal) !== null && _a !== void 0 ? _a : 1;
             if ((value === H.stretch || value === H.stretchAndFix) && grow !== undefined && grow !== 1)
                 element.style.flexGrow = `${grow}`;
             else
@@ -669,27 +670,14 @@ function absolutizePosition(pos, cursor, max) {
         pos = Math.min(pos, max);
     return pos;
 }
-export class CursorCommand {
-}
-export class CursorCommandDriver extends ElDriver {
-    constructor() {
-        super("cursor", false, el => el.kind = ElKind.cursor);
-    }
-}
 export const Constants = {
-    element: "el",
-    partition: "part",
-    wrapper: "wrapper",
-    splitter: "splitter",
-    group: "group",
-    layouts: ["block", "table", "group", "", "", ""],
     keyAttrName: "key",
     kindAttrName: "kind",
     ownReactiveTreeNodeKey: Symbol("own-reactive-tree-node"),
 };
 const DriversByLayout = [
     el => {
-        el.native.classList.add("v5k-block");
+        el.native.classList.add("v5k-element");
     },
     el => {
         el.native.classList.add("v5k-table");

package/build/dist/source/core/HtmlApiExt.d.ts

@@ -1,5 +1,5 @@
 import { DataForSensor } from "../core/sensors/DataForSensor.js";
-import { HtmlSensors } from "../core/sensors/HtmlSensors.js";
+import { HtmlSensors } from "../core/sensors/api.js";
 declare global {
     interface Element {
         sensors: HtmlSensors;

package/build/dist/source/core/HtmlApiExt.js

@@ -1,5 +1,5 @@
 import { SymDataForSensor, SymHtmlSensors, SymResizeObserver } from "../core/sensors/DataForSensor.js";
-import { HtmlSensors } from "../core/sensors/HtmlSensors.js";
+import { HtmlSensors } from "../core/sensors/api.js";
 const ElementType = Element !== null && Element !== void 0 ? Element : global.Element;
 if (ElementType !== undefined) {
     Object.defineProperty(ElementType.prototype, "sensors", {

package/build/dist/source/core/SplitViewMath.js

@@ -1,6 +1,7 @@
 import { Direction } from "./El.js";
 import { clamp } from "./ElUtils.js";
-import { Drivers, isSplitViewPartition } from "./Elements.js";
+import { isSplitViewPartition } from "./elements/Splitter.js";
+import { SplitterDriver } from "./elements/Splitter.js";
 const DEBUG = false;
 const eps = 0.0001;
 export function equal(a, b) {
@@ -133,7 +134,7 @@ export function layout(splitViewNode) {
                 }
             }
         }
-        else if (child.driver === Drivers.splitter) {
+        else if (child.driver instanceof SplitterDriver) {
             const el = child.element;
             if (el.native !== undefined) {
                 el.style.display = isSplitterEnabled ? "block" : "none";

package/build/dist/source/core/WebDriver.d.ts

@@ -17,7 +17,7 @@ export declare class WebDriver<T extends Element, M = unknown> extends ElDriver<
 }
 export declare class StaticDriver<T extends HTMLElement> extends WebDriver<T> {
     readonly native: T;
-    constructor(native: T, name: string, isPartition: boolean, initialize?: Handler<El<T>>);
+    constructor(native: T, id: string, isPartition: boolean, initialize?: Handler<El<T>>);
     assignNativeElement(node: ReactiveTreeNode<El<T>>): void;
 }
 export declare class HtmlDriver<T extends HTMLElement, M = any> extends WebDriver<T, M> {

package/build/dist/source/core/WebDriver.js

@@ -105,8 +105,8 @@ export class WebDriver extends ElDriver {
     }
 }
 export class StaticDriver extends WebDriver {
-    constructor(native, name, isPartition, initialize) {
-        super(name, isPartition, initialize);
+    constructor(native, id, isPartition, initialize) {
+        super(id, isPartition, initialize);
         this.native = native;
     }
     assignNativeElement(node) {
@@ -115,12 +115,12 @@ export class StaticDriver extends WebDriver {
 }
 export class HtmlDriver extends WebDriver {
     assignNativeElement(node) {
-        node.element.native = document.createElement(node.driver.name);
+        node.element.native = document.createElement(node.driver.id);
     }
 }
 export class SvgDriver extends WebDriver {
     assignNativeElement(node) {
-        node.element.native = document.createElementNS("http://www.w3.org/2000/svg", node.driver.name);
+        node.element.native = document.createElementNS("http://www.w3.org/2000/svg", node.driver.id);
     }
 }
 function blink(element, priority, revision) {

package/build/dist/source/core/api.d.ts

@@ -5,7 +5,7 @@ export * from "./ElDriver.js";
 export * from "./WebDriver.js";
 export * from "./Sizes.js";
 export * from "./SplitViewMath.js";
-export * from "./Elements.js";
+export * from "./elements/api.js";
 export * from "./sensors/api.js";
 export * from "./HtmlApiExt.js";
 import "./HtmlApiExt.js";

package/build/dist/source/core/api.js

@@ -5,7 +5,7 @@ export * from "./ElDriver.js";
 export * from "./WebDriver.js";
 export * from "./Sizes.js";
 export * from "./SplitViewMath.js";
-export * from "./Elements.js";
+export * from "./elements/api.js";
 export * from "./sensors/api.js";
 export * from "./HtmlApiExt.js";
 import "./HtmlApiExt.js";

package/build/dist/source/core/elements/ApplicationWindow.d.ts

@@ -0,0 +1,13 @@
+import { ReactiveTreeNode, ReactiveTreeNodeDesc, Script, Mode, ScriptAsync } from "reactronic";
+import { El } from "../El.js";
+import { ElementDriver } from "./Element.js";
+export declare function ApplicationWindow(body: Script<El<HTMLElement>>): ReactiveTreeNode<El<HTMLElement>>;
+export declare function ApplicationWindow(key: string, body: Script<El<HTMLElement>>): ReactiveTreeNode<El<HTMLElement>>;
+export declare function ApplicationWindow(mode: Mode, body: Script<El<HTMLElement>>): ReactiveTreeNode<El<HTMLElement>>;
+export declare function ApplicationWindow(description: ReactiveTreeNodeDesc<El<HTMLElement>>): ReactiveTreeNode<El<HTMLElement>>;
+export declare function ApplicationWindow(key?: string, mode?: Mode, body?: Script<El<HTMLElement>>, bodyTask?: ScriptAsync<El<HTMLElement>>, preparation?: Script<El<HTMLElement>>, preparationTask?: ScriptAsync<El<HTMLElement>>, mounting?: Script<El<HTMLElement>>, finalization?: Script<El<HTMLElement>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<HTMLElement>>): ReactiveTreeNode<El<HTMLElement>>;
+export declare class ApplicationWindowDriver<T extends HTMLElement> extends ElementDriver<T> {
+    readonly native: T;
+    constructor(native: T);
+    assignNativeElement(node: ReactiveTreeNode<El<T>>): void;
+}

package/build/dist/source/core/elements/ApplicationWindow.js

@@ -0,0 +1,20 @@
+import { describe } from "reactronic";
+import { ElementDriver } from "./Element.js";
+import { acquireVerstakStyleSheet } from "./v5k.js";
+export function ApplicationWindow(bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis) {
+    acquireVerstakStyleSheet();
+    const page = (document !== null && document !== void 0 ? document : global.document).body;
+    const driver = new ApplicationWindowDriver(page);
+    page.classList.add("v5k-app");
+    page.classList.add("v5k-element");
+    return describe(driver, bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis);
+}
+export class ApplicationWindowDriver extends ElementDriver {
+    constructor(native) {
+        super();
+        this.native = native;
+    }
+    assignNativeElement(node) {
+        node.element.native = this.native;
+    }
+}

package/build/dist/source/core/elements/Cursor.d.ts

@@ -0,0 +1,13 @@
+import { ElPlace } from "../El.js";
+import { ElDriver } from "../ElDriver.js";
+export declare function cursor(place: ElPlace): void;
+export declare class CursorCommand {
+    absolute?: string;
+    columnShift?: number;
+    rowShift?: number;
+}
+export declare class CursorCommandDriver extends ElDriver<Element, unknown> {
+    static readonly id = "cursor";
+    static readonly glob: CursorCommandDriver;
+    constructor();
+}

package/build/dist/source/core/elements/Cursor.js

@@ -0,0 +1,19 @@
+import { describe } from "reactronic";
+import { ElKind } from "../El.js";
+import { ElDriver } from "../ElDriver.js";
+export function cursor(place) {
+    describe(CursorCommandDriver.glob, {
+        body() {
+            this.place = place;
+        },
+    });
+}
+export class CursorCommand {
+}
+export class CursorCommandDriver extends ElDriver {
+    constructor() {
+        super(CursorCommandDriver.id, false, el => el.kind = ElKind.cursor);
+    }
+}
+CursorCommandDriver.id = "cursor";
+CursorCommandDriver.glob = new CursorCommandDriver();

package/build/dist/source/core/elements/Element.d.ts

@@ -0,0 +1,15 @@
+import { ReactiveTreeNode, ReactiveTreeNodeDesc, ReactiveTreeNodeDriver, LinkedItem, Script, Mode, ScriptAsync } from "reactronic";
+import { El } from "../El.js";
+import { HtmlDriver } from "../WebDriver.js";
+export declare function Element<M = unknown>(body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Element<M = unknown>(key: string, body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Element<M = unknown>(mode: Mode, body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Element<M = unknown>(description: ReactiveTreeNodeDesc<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Element<M = unknown>(key?: string, mode?: Mode, body?: Script<El<HTMLElement, M>>, bodyTask?: ScriptAsync<El<HTMLElement, M>>, preparation?: Script<El<HTMLElement, M>>, preparationTask?: ScriptAsync<El<HTMLElement, M>>, mounting?: Script<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare class ElementDriver<T extends HTMLElement> extends HtmlDriver<T> {
+    static readonly id: string;
+    static readonly glob: ElementDriver<HTMLElement>;
+    constructor();
+    rebuildBody(node: ReactiveTreeNode<El<T>>): void | Promise<void>;
+    describeChild(ownerNode: ReactiveTreeNode<El<T, any>>, childDriver: ReactiveTreeNodeDriver<any>, childDescription?: ReactiveTreeNodeDesc<any> | undefined, childBasis?: ReactiveTreeNodeDesc<any> | undefined): LinkedItem<ReactiveTreeNode> | undefined;
+}