verstak 0.24.269 → 0.24.270

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

@@ -1,10 +1,5 @@
-import { RxNode, BaseDriver } from "reactronic";
+import { RxNode, BaseDriver, Transaction } from "reactronic";
 import { equalElCoords, parseElCoords } from "./ElUtils.js";
-export class ElDriver extends BaseDriver {
-    allocate(node) {
-        return new ElImpl(node);
-    }
-}
 export var ElKind;
 (function (ElKind) {
     ElKind[ElKind["section"] = 0] = "section";
@@ -12,8 +7,9 @@ export var ElKind;
     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["splitter"] = 5] = "splitter";
+    ElKind[ElKind["cursor"] = 6] = "cursor";
+    ElKind[ElKind["native"] = 7] = "native";
 })(ElKind || (ElKind = {}));
 export var Align;
 (function (Align) {
@@ -29,6 +25,16 @@ export var Align;
     Align[Align["centerXY"] = 45] = "centerXY";
     Align[Align["stretchXY"] = 63] = "stretchXY";
 })(Align || (Align = {}));
+export var SplitView;
+(function (SplitView) {
+    SplitView[SplitView["horizontal"] = 0] = "horizontal";
+    SplitView[SplitView["vertical"] = 1] = "vertical";
+})(SplitView || (SplitView = {}));
+export class ElDriver extends BaseDriver {
+    allocate(node) {
+        return new ElImpl(node);
+    }
+}
 export class ElImpl {
     constructor(node) {
         this.node = node;
@@ -40,14 +46,15 @@ export class ElImpl {
         this._kind = ElKind.part;
         this._area = undefined;
         this._coords = UndefinedElCoords;
-        this._width = { min: "", max: "" };
-        this._height = { min: "", max: "" };
+        this._width = { raw: { min: "", max: "" }, minPx: 0, maxPx: Number.POSITIVE_INFINITY };
+        this._height = { raw: { min: "", max: "" }, minPx: 0, maxPx: Number.POSITIVE_INFINITY };
         this._alignment = Align.default;
-        this._extraAlignment = Align.default;
+        this._alignmentInside = Align.default;
         this._stretchingStrengthX = undefined;
         this._stretchingStrengthY = undefined;
         this._contentWrapping = true;
         this._overlayVisible = undefined;
+        this._splitView = undefined;
         this._hasStylingPresets = false;
     }
     prepareForUpdate() {
@@ -89,59 +96,59 @@ export class ElImpl {
         else
             this.rowBreak();
     }
-    get width() { return this._width; }
+    get width() { return this._width.raw; }
     set width(value) {
-        var _a, _b;
-        const w = this._width;
-        let updated = false;
-        if (value.min !== w.min) {
-            ElImpl.applyMinWidth(this, (_a = value.min) !== null && _a !== void 0 ? _a : "");
-            updated = true;
+        const w = this._width.raw;
+        if (value.min !== w.min || value.max !== w.max) {
+            ElImpl.applyWidth(this, value);
+            this._width.raw = value;
         }
-        if (value.max !== w.max) {
-            ElImpl.applyMaxWidth(this, (_b = value.max) !== null && _b !== void 0 ? _b : "");
-            updated = true;
-        }
-        if (updated)
-            this._width = value;
     }
-    get height() { return this._height; }
+    get widthPx() { return this._width; }
+    set widthPx(value) {
+        const w = this._width;
+        if (value.minPx !== w.minPx)
+            this._width.minPx = value.minPx;
+        if (value.maxPx !== w.maxPx)
+            this._width.maxPx = value.maxPx;
+    }
+    get height() { return this._height.raw; }
     set height(value) {
-        var _a, _b;
-        const w = this._height;
-        let updated = false;
-        if (value.min !== w.min) {
-            ElImpl.applyMinHeight(this, (_a = value.min) !== null && _a !== void 0 ? _a : "");
-            updated = true;
-        }
-        if (value.max !== w.max) {
-            ElImpl.applyMaxHeight(this, (_b = value.max) !== null && _b !== void 0 ? _b : "");
-            updated = true;
+        const h = this._height.raw;
+        if (value.min !== h.min || value.max !== h.max) {
+            ElImpl.applyHeight(this, value);
+            this._height.raw = value;
         }
-        if (updated)
-            this._height = value;
+    }
+    get heightPx() { return this._height; }
+    set heightPx(value) {
+        const w = this._height;
+        if (value.minPx !== w.minPx)
+            this._height.minPx = value.minPx;
+        if (value.maxPx !== w.maxPx)
+            this._height.maxPx = value.maxPx;
     }
     get alignment() { return this._alignment; }
     set alignment(value) {
         const existing = this._alignment;
         if (value !== existing) {
-            ElImpl.applyAlignment(this, existing, value, this._extraAlignment, this._extraAlignment, this._stretchingStrengthX, this._stretchingStrengthY);
+            ElImpl.applyAlignment(this, existing, value, this._alignmentInside, this._alignmentInside, this._stretchingStrengthX, this._stretchingStrengthY);
             this._alignment = value;
         }
     }
-    get extraAlignment() { return this._extraAlignment; }
-    set extraAlignment(value) {
-        const existing = this._extraAlignment;
+    get alignmentInside() { return this._alignmentInside; }
+    set alignmentInside(value) {
+        const existing = this._alignmentInside;
         if (value !== existing) {
             ElImpl.applyAlignment(this, this._alignment, this._alignment, existing, value, this._stretchingStrengthX, this._stretchingStrengthY);
-            this._extraAlignment = value;
+            this._alignmentInside = value;
         }
     }
     get stretchingStrengthX() { return this._stretchingStrengthX; }
     set stretchingStrengthX(value) {
         const existing = this._stretchingStrengthX;
         if (value !== existing) {
-            ElImpl.applyStretchingStrengthX(this, existing !== null && existing !== void 0 ? existing : 0, value !== null && value !== void 0 ? value : 0);
+            ElImpl.applyStretchingStrengthX(this, existing, value);
             this._stretchingStrengthX = value;
         }
     }
@@ -149,7 +156,7 @@ export class ElImpl {
     set stretchingStrengthY(value) {
         const existing = this._stretchingStrengthY;
         if (value !== existing) {
-            ElImpl.applyStretchingStrengthY(this, existing !== null && existing !== void 0 ? existing : 0, value !== null && value !== void 0 ? value : 0);
+            ElImpl.applyStretchingStrengthY(this, existing, value);
             this._stretchingStrengthY = value;
         }
     }
@@ -167,6 +174,13 @@ export class ElImpl {
             this._overlayVisible = value;
         }
     }
+    get splitView() { return this._splitView; }
+    set splitView(value) {
+        if (value !== this._splitView) {
+            ElImpl.applySplitView(this, value);
+            this._splitView = value;
+        }
+    }
     get style() { return this.native.style; }
     useStylingPreset(stylingPresetName, enabled) {
         ElImpl.applyStylingPreset(this, this._hasStylingPresets, stylingPresetName, enabled);
@@ -177,6 +191,9 @@ export class ElImpl {
         for (const child of this.node.children.items(after))
             yield child.instance.element;
     }
+    static *childrenOf(node, onlyAfter) {
+        return node.element.children(onlyAfter);
+    }
     rowBreak() {
         var _a, _b;
         const node = this.node;
@@ -203,19 +220,33 @@ export class ElImpl {
         else
             s.gridArea = "";
     }
-    static applyMinWidth(element, value) {
-        element.style.minWidth = `${value}`;
-    }
-    static applyMaxWidth(element, value) {
-        element.style.maxWidth = `${value}`;
-    }
-    static applyMinHeight(element, value) {
-        element.style.minHeight = `${value}`;
+    static applyWidth(element, value) {
+        var _a, _b;
+        const s = element.style;
+        const node = element.node;
+        const owner = node.owner;
+        const ownerEl = owner.element;
+        if (ownerEl.splitView === SplitView.horizontal) {
+        }
+        else {
+            s.minWidth = (_a = value.min) !== null && _a !== void 0 ? _a : "";
+            s.maxWidth = (_b = value.max) !== null && _b !== void 0 ? _b : "";
+        }
     }
-    static applyMaxHeight(element, value) {
-        element.style.maxHeight = `${value}`;
+    static applyHeight(element, value) {
+        var _a, _b;
+        const s = element.style;
+        const node = element.node;
+        const owner = node.owner;
+        const ownerEl = owner.element;
+        if (ownerEl.splitView === SplitView.vertical) {
+        }
+        else {
+            s.minHeight = (_a = value.min) !== null && _a !== void 0 ? _a : "";
+            s.maxHeight = (_b = value.max) !== null && _b !== void 0 ? _b : "";
+        }
     }
-    static applyAlignment(element, oldPrimary, newPrimary, oldExtra, newExtra, strengthX, strengthY) {
+    static applyAlignment(element, oldPrimary, newPrimary, oldInside, newInside, strengthX, strengthY) {
         var _a;
         const css = element.style;
         let hostLayout = undefined;
@@ -227,12 +258,12 @@ export class ElImpl {
             if (hostLayout === undefined)
                 hostLayout = hostEl.layoutInfo = new ElLayoutInfo(InitialElLayoutInfo);
         }
-        if (newExtra === Align.default)
-            newExtra = newPrimary;
+        if (newInside === Align.default)
+            newInside = newPrimary;
         let isEffectiveAlignerX = false;
         if (hostLayout) {
-            const isAligner = alignIs(newPrimary, Align.centerX) ||
-                alignIs(newPrimary, Align.right);
+            const isAligner = alignedX(newPrimary, Align.centerX) ||
+                alignedX(newPrimary, Align.right);
             isEffectiveAlignerX = isAligner && (hostLayout.alignerX === undefined ||
                 element.index <= hostLayout.alignerX.index);
             if (hostLayout.alignerX === element) {
@@ -254,7 +285,7 @@ export class ElImpl {
             default:
             case Align.left:
                 css.justifySelf = "start";
-                if (alignIs(oldPrimary, Align.centerX)) {
+                if (alignedX(oldPrimary, Align.centerX)) {
                     css.marginLeft = "";
                     css.marginRight = "";
                 }
@@ -271,20 +302,20 @@ export class ElImpl {
                 css.justifySelf = "end";
                 if (hostLayout)
                     css.marginLeft = isEffectiveAlignerX ? "auto" : "";
-                if (alignIs(oldPrimary, Align.centerX))
+                if (alignedX(oldPrimary, Align.centerX))
                     css.marginRight = "";
                 break;
             case Align.stretchX:
                 css.justifySelf = "stretch";
-                if (alignIs(oldPrimary, Align.centerX)) {
+                if (alignedX(oldPrimary, Align.centerX)) {
                     css.marginLeft = "";
                     css.marginRight = "";
                 }
-                else if (alignIs(oldPrimary, Align.right))
+                else if (alignedX(oldPrimary, Align.right))
                     css.marginLeft = "";
                 break;
         }
-        switch (newExtra & 0b00000111) {
+        switch (newInside & 0b00000111) {
             default:
             case Align.left:
                 css.alignItems = "start";
@@ -305,14 +336,13 @@ export class ElImpl {
         }
         let isEffectiveAlignerY = false;
         if (hostLayout) {
-            const isAligner = alignIs(newPrimary, Align.centerY) ||
-                alignIs(newPrimary, Align.bottom);
+            const isAligner = alignedY(newPrimary, Align.centerY) ||
+                alignedY(newPrimary, Align.bottom);
             isEffectiveAlignerY = isAligner && (hostLayout.alignerY === undefined ||
-                !alignIs(hostLayout.alignerY.alignment, Align.centerY));
+                !alignedY(hostLayout.alignerY.alignment, Align.centerY));
             if (hostLayout.alignerY === element) {
                 if (!isEffectiveAlignerY) {
                     hostCss.marginTop = "";
-                    throw new Error("changing alignment leader is not implemented yet");
                 }
             }
             else {
@@ -337,7 +367,7 @@ export class ElImpl {
                 css.alignSelf = "stretch";
                 break;
         }
-        switch (newExtra & 0b00111000) {
+        switch (newInside & 0b00111000) {
             default:
             case Align.top:
                 css.justifyContent = "start";
@@ -352,25 +382,21 @@ export class ElImpl {
                 css.justifyContent = "stretch";
                 break;
         }
-        if (alignIs(newPrimary, Align.stretchX) && strengthX === undefined)
+        if (alignedX(newPrimary, Align.stretchX) && strengthX === undefined)
             ElImpl.applyStretchingStrengthX(element, 0, 1);
-        if (alignIs(newPrimary, Align.stretchY) && strengthY === undefined)
+        if (alignedY(newPrimary, Align.stretchY) && strengthY === undefined)
             ElImpl.applyStretchingStrengthY(element, 0, 1);
     }
     static applyStretchingStrengthX(element, existing, value) {
         var _a;
         const s = element.style;
-        if (value > 0) {
-            s.flexGrow = `${value}`;
-            s.flexBasis = "0";
-        }
-        else {
-            s.flexGrow = "";
-            s.flexBasis = "";
-        }
         const host = element.node.host;
-        if (host.driver.isPartition) {
+        if (host.driver.isPartition && element.splitView === undefined) {
+            const hostEl = host.element;
+            hostEl._stretchingStrengthX = value;
             let delta = 0;
+            existing !== null && existing !== void 0 ? existing : (existing = 0);
+            value !== null && value !== void 0 ? value : (value = 0);
             if (existing === 0) {
                 if (value !== 0)
                     delta = 1;
@@ -380,7 +406,6 @@ export class ElImpl {
                     delta = -1;
             }
             if (delta !== 0) {
-                const hostEl = host.element;
                 const count = (_a = hostEl._stretchingStrengthX) !== null && _a !== void 0 ? _a : 0 + delta;
                 if (count === 1)
                     s.alignSelf = "stretch";
@@ -388,12 +413,25 @@ export class ElImpl {
                     s.alignSelf = "";
             }
         }
+        value !== null && value !== void 0 ? value : (value = 0);
+        if (value > 0) {
+            s.flexGrow = `${value}`;
+            s.flexBasis = "0";
+        }
+        else {
+            s.flexGrow = "";
+            s.flexBasis = "";
+        }
     }
     static applyStretchingStrengthY(element, existing, value) {
         var _a;
         const host = element.node.host;
-        if (host.driver.isPartition) {
+        if (host.driver.isPartition && element.splitView === undefined) {
+            const hostElement = host.element;
+            hostElement._stretchingStrengthY = value;
             let delta = 0;
+            existing !== null && existing !== void 0 ? existing : (existing = 0);
+            value !== null && value !== void 0 ? value : (value = 0);
             if (existing === 0) {
                 if (value !== 0)
                     delta = 1;
@@ -403,7 +441,6 @@ export class ElImpl {
                     delta = -1;
             }
             if (delta !== 0) {
-                const hostElement = host.element;
                 const count = (_a = hostElement._stretchingStrengthY) !== null && _a !== void 0 ? _a : 0 + delta;
                 const s = hostElement.style;
                 if (count === 1)
@@ -457,6 +494,30 @@ export class ElImpl {
                 s.position = s.display = s.left = s.right = s.top = s.bottom = "";
         }
     }
+    static applySplitView(element, value) {
+        const e = element.native;
+        if (e instanceof HTMLElement) {
+            const s = e.style;
+            if (value !== undefined) {
+                s.display = "flex";
+                s.position = "relative";
+                if (value === SplitView.horizontal) {
+                    s.flexDirection = "row";
+                    s.overflow = "scroll hidden";
+                }
+                else {
+                    s.flexDirection = "column";
+                    s.overflow = "hidden scroll";
+                }
+            }
+            else {
+                s.display = "";
+                s.position = "";
+                s.overflow = "";
+            }
+            Transaction.separate(() => e.sensors.resize.observeResizing(element, value !== undefined));
+        }
+    }
     static applyStylingPreset(element, secondary, styleName, enabled) {
         const native = element.native;
         enabled !== null && enabled !== void 0 ? enabled : (enabled = true);
@@ -466,7 +527,7 @@ export class ElImpl {
             native.className = enabled ? styleName : "";
     }
 }
-class ElLayoutInfo {
+export class ElLayoutInfo {
     constructor(prev) {
         this.x = prev.x;
         this.y = prev.y;
@@ -475,6 +536,11 @@ class ElLayoutInfo {
         this.alignerX = undefined;
         this.alignerY = undefined;
         this.flags = prev.flags & ~ElLayoutInfoFlags.ownCursorPosition;
+        this.effectiveSizePx = 0;
+        this.offsetXpx = 0;
+        this.offsetYpx = 0;
+        this.containerSizeXpx = 0;
+        this.containerSizeYpx = 0;
     }
 }
 var ElLayoutInfoFlags;
@@ -483,9 +549,10 @@ var ElLayoutInfoFlags;
     ElLayoutInfoFlags[ElLayoutInfoFlags["ownCursorPosition"] = 1] = "ownCursorPosition";
     ElLayoutInfoFlags[ElLayoutInfoFlags["usesRunningColumnCount"] = 2] = "usesRunningColumnCount";
     ElLayoutInfoFlags[ElLayoutInfoFlags["usesRunningRowCount"] = 4] = "usesRunningRowCount";
+    ElLayoutInfoFlags[ElLayoutInfoFlags["childrenRelayoutIsNeeded"] = 8] = "childrenRelayoutIsNeeded";
 })(ElLayoutInfoFlags || (ElLayoutInfoFlags = {}));
 const UndefinedElCoords = Object.freeze({ x1: 0, y1: 0, x2: 0, y2: 0 });
-const InitialElLayoutInfo = Object.freeze(new ElLayoutInfo({ x: 1, y: 1, runningMaxX: 0, runningMaxY: 0, flags: ElLayoutInfoFlags.none }));
+export const InitialElLayoutInfo = Object.freeze(new ElLayoutInfo({ x: 1, y: 1, runningMaxX: 0, runningMaxY: 0, flags: ElLayoutInfoFlags.none, effectiveSizePx: 0, offsetXpx: 0, offsetYpx: 0, containerSizeXpx: 0, containerSizeYpx: 0 }));
 function getElCoordsAndAdjustLayoutInfo(isRegularElement, area, maxX, maxY, prevElLayoutInfo, layoutInfo) {
     var _a, _b;
     let result;
@@ -597,55 +664,86 @@ export class CursorCommandDriver extends ElDriver {
 export const Constants = {
     element: "el",
     partition: "part",
+    splitter: "splitter",
     group: "group",
-    layouts: ["section", "table", "note", "group", "", ""],
+    layouts: ["section", "table", "note", "group", "", "", ""],
     keyAttrName: "key",
     kindAttrName: "kind",
 };
 const VerstakDriversByLayout = [
     el => {
         const owner = el.node.owner.element;
-        const s = el.native.style;
+        const s = el.style;
         s.display = "flex";
         s.flexDirection = "column";
         s.alignSelf = owner.isTable ? "stretch" : "center";
         s.textAlign = "initial";
         s.flexShrink = "1";
         s.minWidth = "0";
+        if (owner.splitView !== undefined) {
+            s.overflow = "hidden";
+            s.flexGrow = "1";
+        }
     },
     el => {
         const owner = el.node.owner.element;
-        const s = el.native.style;
+        const s = el.style;
         s.alignSelf = owner.isTable ? "stretch" : "center";
         s.display = "grid";
         s.flexBasis = "0";
         s.gridAutoRows = "minmax(min-content, 1fr)";
         s.gridAutoColumns = "minmax(min-content, 1fr)";
         s.textAlign = "initial";
+        if (owner.splitView !== undefined) {
+            s.overflow = "hidden";
+            s.flexGrow = "1";
+        }
     },
     el => {
         const owner = el.node.owner.element;
-        const s = el.native.style;
+        const s = el.style;
         s.alignSelf = owner.isTable ? "stretch" : "center";
         s.display = "inline-grid";
         s.flexShrink = "1";
     },
     el => {
-        const s = el.native.style;
+        const s = el.style;
         s.display = "contents";
     },
     el => {
         const owner = el.node.owner.element;
-        const s = el.native.style;
+        const s = el.style;
         s.display = owner.isTable ? "contents" : "flex";
         s.flexDirection = "row";
         s.gap = "inherit";
     },
+    el => {
+        const s = el.style;
+        const owner = el.node.owner.element;
+        s.position = "absolute";
+        s.zIndex = `${Number.MAX_SAFE_INTEGER}`;
+        s.backgroundColor = "#00BB00";
+        if (owner.splitView === SplitView.horizontal) {
+            s.width = "4px";
+            s.marginLeft = "-2px";
+            s.top = s.bottom = "0";
+            s.cursor = "col-resize";
+        }
+        else {
+            s.height = "4px";
+            s.marginTop = "-2px";
+            s.left = s.right = "0";
+            s.cursor = "row-resize";
+        }
+    },
     el => {
     },
     el => {
     },
 ];
-function alignIs(align, like) {
-    return (align & like) == like;
+function alignedX(align, like) {
+    return (align & 0b00000011) == (like & 0b00000011);
+}
+function alignedY(align, like) {
+    return (align & 0b00011000) == (like & 0b00011000);
 }

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

@@ -1,5 +1,6 @@
 import { ElCoords } from "./El.js";
 export declare function objectHasMember<T>(obj: any, member: string): obj is T;
+export declare function clamp(value: number, min: number, max: number): number;
 export declare function emitLetters(n: number): string;
 export declare function parseElCoords(text: string, result: ElCoords): ElCoords;
 export declare function emitElCoords(value: ElCoords): string;

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

@@ -1,6 +1,9 @@
 export function objectHasMember(obj, member) {
     return obj === Object(obj) && !Array.isArray(obj) && member in obj;
 }
+export function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
 export function emitLetters(n) {
     if (n < 0)
         throw new Error(`emitLetters: argument (${n}) should not be negative or zero`);

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

@@ -1,15 +1,29 @@
-import { RxNodeDecl, RxNode, Delegate } from "reactronic";
-import { El, ElArea } from "./El.js";
-import { HtmlElementDriver } from "./HtmlDriver.js";
+import { RxNodeDecl, RxNodeDriver, RxNode, Delegate, MergedItem } from "reactronic";
+import { CursorCommandDriver, El, ElArea } from "./El.js";
+import { HtmlDriver } from "./HtmlDriver.js";
 export declare function Section<M = unknown>(declaration?: RxNodeDecl<El<HTMLElement, M>>, preset?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
 export declare function Table<M = unknown, R = void>(declaration?: RxNodeDecl<El<HTMLElement, M>>, preset?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
 export declare function row<T = void>(builder?: (element: void) => T, shiftCursorDown?: number): void;
+export declare function Splitter<M = unknown, R = void>(declaration?: RxNodeDecl<El<HTMLElement, M>>, preset?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
 export declare function rowBreak(shiftCursorDown?: number): void;
+export declare function declareSplitter<T>(index: number, splitViewNode: RxNode<El<T>>): RxNode<El<HTMLElement>>;
 export declare function cursor(areaParams: ElArea): void;
 export declare function Note(content: string, formatted?: boolean, declaration?: RxNodeDecl<El<HTMLElement, void>>): RxNode<El<HTMLElement, void>>;
 export declare function Group<M = unknown, R = void>(declaration?: RxNodeDecl<El<HTMLElement, M>>, preset?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
 export declare function Handling<M = unknown>(onChange: Delegate<El<void, M>>): RxNode<El<void, M>>;
 export declare function SyntheticElement<M = unknown>(declaration?: RxNodeDecl<El<void, M>>, preset?: RxNodeDecl<El<void, M>>): RxNode<El<void, M>>;
-export declare class VerstakElementDriver<T extends HTMLElement> extends HtmlElementDriver<T> {
+export declare class SectionDriver<T extends HTMLElement> extends HtmlDriver<T> {
     update(node: RxNode<El<T>>): void | Promise<void>;
+    child(ownerNode: RxNode<El<T, any>>, childDriver: RxNodeDriver<any>, childDeclaration?: RxNodeDecl<any> | undefined, childPreset?: RxNodeDecl<any> | undefined): MergedItem<RxNode> | undefined;
 }
+export declare function isSplitViewPartition(childDriver: RxNodeDriver): boolean;
+export declare const Drivers: {
+    section: SectionDriver<HTMLElement>;
+    table: HtmlDriver<HTMLElement, any>;
+    note: HtmlDriver<HTMLElement, any>;
+    group: HtmlDriver<HTMLElement, any>;
+    partition: HtmlDriver<HTMLElement, any>;
+    splitter: HtmlDriver<HTMLElement, any>;
+    cursor: CursorCommandDriver;
+    synthetic: RxNodeDriver<El<void, any>>;
+};