verstak 0.24.271 → 0.24.273

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

@@ -8,15 +8,16 @@ export type El<T = any, M = any> = {
     area: ElArea;
     width: Range;
     height: Range;
-    alignment: Alignment | undefined;
-    alignmentInside: Alignment | undefined;
-    verticalAlignment: VerticalAlignment | undefined;
-    verticalAlignmentInside: VerticalAlignment | undefined;
-    stretchingStrengthX: number | undefined;
-    stretchingStrengthY: number | undefined;
+    horizontal: PosH | undefined;
+    contentHorizontal: PosH | undefined;
+    vertical: PosV | undefined;
+    contentVertical: PosV | undefined;
+    stretchingStrengthH: number | undefined;
+    stretchingStrengthV: number | undefined;
     contentWrapping: boolean;
     overlayVisible: boolean | undefined;
-    splitView: SplitView | undefined;
+    sealed: Direction | undefined;
+    splitView: Direction | undefined;
     widthPx: {
         minPx: number;
         maxPx: number;
@@ -30,7 +31,7 @@ export type El<T = any, M = any> = {
     useStylingPreset(stylingPresetName: string, enabled?: boolean): void;
 };
 export declare enum ElKind {
-    section = 0,
+    panel = 0,
     table = 1,
     note = 2,
     group = 3,
@@ -45,13 +46,13 @@ export type ElCoords = {
     x2: number;
     y2: number;
 };
-export declare enum Alignment {
+export declare enum PosH {
     left = 0,
     center = 1,
     right = 2,
     stretch = 3
 }
-export declare enum VerticalAlignment {
+export declare enum PosV {
     top = 0,
     center = 1,
     bottom = 2,
@@ -69,7 +70,7 @@ export type ElArea = undefined | string | {
     cellsOverWidth?: number;
     cellsOverHeight?: number;
 };
-export declare enum SplitView {
+export declare enum Direction {
     horizontal = 0,
     vertical = 1
 }
@@ -88,20 +89,21 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     private _coords;
     private _width;
     private _height;
-    private _alignment;
-    private _verticalAlignment;
-    private _alignmentInside;
-    private _verticalAlignmentInside;
-    private _stretchingStrengthX;
-    private _stretchingStrengthY;
+    private _horizontal;
+    private _vertical;
+    private _contentHorizontal;
+    private _contentVertical;
+    private _stretchingStrengthH;
+    private _stretchingStrengthV;
     private _contentWrapping;
     private _overlayVisible;
+    private _sealed;
     private _splitView;
     private _hasStylingPresets;
     constructor(node: RxNode<El<T, M>>);
     prepareForUpdate(): void;
     get index(): number;
-    get isSection(): boolean;
+    get isPanel(): boolean;
     get isTable(): boolean;
     get isAuxiliary(): boolean;
     get kind(): ElKind;
@@ -132,24 +134,26 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     });
     get preferredHeightUsed(): boolean;
     set preferredHeightUsed(value: boolean);
-    get alignment(): Alignment | undefined;
-    set alignment(value: Alignment | undefined);
-    get verticalAlignment(): VerticalAlignment | undefined;
-    set verticalAlignment(value: VerticalAlignment | undefined);
-    get alignmentInside(): Alignment | undefined;
-    set alignmentInside(value: Alignment | undefined);
-    get verticalAlignmentInside(): VerticalAlignment | undefined;
-    set verticalAlignmentInside(value: VerticalAlignment | undefined);
-    get stretchingStrengthX(): number | undefined;
-    set stretchingStrengthX(value: number | undefined);
-    get stretchingStrengthY(): number | undefined;
-    set stretchingStrengthY(value: number | undefined);
+    get horizontal(): PosH | undefined;
+    set horizontal(value: PosH | undefined);
+    get vertical(): PosV | undefined;
+    set vertical(value: PosV | undefined);
+    get contentHorizontal(): PosH | undefined;
+    set contentHorizontal(value: PosH | undefined);
+    get contentVertical(): PosV | undefined;
+    set contentVertical(value: PosV | undefined);
+    get stretchingStrengthH(): number | undefined;
+    set stretchingStrengthH(value: number | undefined);
+    get stretchingStrengthV(): number | undefined;
+    set stretchingStrengthV(value: number | undefined);
     get contentWrapping(): boolean;
     set contentWrapping(value: boolean);
     get overlayVisible(): boolean | undefined;
     set overlayVisible(value: boolean | undefined);
-    get splitView(): SplitView | undefined;
-    set splitView(value: SplitView | undefined);
+    get sealed(): Direction | undefined;
+    set sealed(value: Direction | undefined);
+    get splitView(): Direction | undefined;
+    set splitView(value: Direction | undefined);
     get partitionSizeInSplitViewPx(): number;
     get style(): CSSStyleDeclaration;
     useStylingPreset(stylingPresetName: string, enabled?: boolean): void;
@@ -160,13 +164,14 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     private static applyCoords;
     private static applyWidth;
     private static applyHeight;
-    private static applyAlignment;
-    private static applyVerticalAlignment;
-    private static applyStretchingStrengthX;
-    private static applyStretchingStrengthY;
+    private static applyHorizontal;
+    private static applyVertical;
+    private static applyStretchingStrengthH;
+    private static applyStretchingStrengthV;
     private static applyContentWrapping;
     private static applyOverlayVisible;
-    static applySplitView<T extends Element>(element: El<T, any>, value: SplitView | undefined): void;
+    static applySealed<T extends Element>(element: El<T, any>, value: Direction | undefined): void;
+    static applySplitView<T extends Element>(element: El<T, any>, value: Direction | undefined): void;
     private static applyStylingPreset;
 }
 export declare class ElLayoutInfo {

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

@@ -11,7 +11,7 @@ import { RxNode, BaseDriver, Transaction, obs, ObservableObject } from "reactron
 import { equalElCoords, parseElCoords } from "./ElUtils.js";
 export var ElKind;
 (function (ElKind) {
-    ElKind[ElKind["section"] = 0] = "section";
+    ElKind[ElKind["panel"] = 0] = "panel";
     ElKind[ElKind["table"] = 1] = "table";
     ElKind[ElKind["note"] = 2] = "note";
     ElKind[ElKind["group"] = 3] = "group";
@@ -20,25 +20,25 @@ export var ElKind;
     ElKind[ElKind["cursor"] = 6] = "cursor";
     ElKind[ElKind["native"] = 7] = "native";
 })(ElKind || (ElKind = {}));
-export var Alignment;
-(function (Alignment) {
-    Alignment[Alignment["left"] = 0] = "left";
-    Alignment[Alignment["center"] = 1] = "center";
-    Alignment[Alignment["right"] = 2] = "right";
-    Alignment[Alignment["stretch"] = 3] = "stretch";
-})(Alignment || (Alignment = {}));
-export var VerticalAlignment;
-(function (VerticalAlignment) {
-    VerticalAlignment[VerticalAlignment["top"] = 0] = "top";
-    VerticalAlignment[VerticalAlignment["center"] = 1] = "center";
-    VerticalAlignment[VerticalAlignment["bottom"] = 2] = "bottom";
-    VerticalAlignment[VerticalAlignment["stretch"] = 3] = "stretch";
-})(VerticalAlignment || (VerticalAlignment = {}));
-export var SplitView;
-(function (SplitView) {
-    SplitView[SplitView["horizontal"] = 0] = "horizontal";
-    SplitView[SplitView["vertical"] = 1] = "vertical";
-})(SplitView || (SplitView = {}));
+export var PosH;
+(function (PosH) {
+    PosH[PosH["left"] = 0] = "left";
+    PosH[PosH["center"] = 1] = "center";
+    PosH[PosH["right"] = 2] = "right";
+    PosH[PosH["stretch"] = 3] = "stretch";
+})(PosH || (PosH = {}));
+export var PosV;
+(function (PosV) {
+    PosV[PosV["top"] = 0] = "top";
+    PosV[PosV["center"] = 1] = "center";
+    PosV[PosV["bottom"] = 2] = "bottom";
+    PosV[PosV["stretch"] = 3] = "stretch";
+})(PosV || (PosV = {}));
+export var Direction;
+(function (Direction) {
+    Direction[Direction["horizontal"] = 0] = "horizontal";
+    Direction[Direction["vertical"] = 1] = "vertical";
+})(Direction || (Direction = {}));
 class Size extends ObservableObject {
     constructor() {
         super();
@@ -66,14 +66,15 @@ export class ElImpl {
         this._coords = UndefinedElCoords;
         this._width = Transaction.separate(() => new Size());
         this._height = Transaction.separate(() => new Size());
-        this._alignment = undefined;
-        this._verticalAlignment = undefined;
-        this._alignmentInside = undefined;
-        this._verticalAlignmentInside = undefined;
-        this._stretchingStrengthX = undefined;
-        this._stretchingStrengthY = undefined;
+        this._horizontal = undefined;
+        this._vertical = undefined;
+        this._contentHorizontal = undefined;
+        this._contentVertical = undefined;
+        this._stretchingStrengthH = undefined;
+        this._stretchingStrengthV = undefined;
         this._contentWrapping = true;
         this._overlayVisible = undefined;
+        this._sealed = undefined;
         this._splitView = undefined;
         this._hasStylingPresets = false;
     }
@@ -82,7 +83,7 @@ export class ElImpl {
         this._hasStylingPresets = false;
     }
     get index() { return this.node.seat.index; }
-    get isSection() { return this.kind === ElKind.section; }
+    get isPanel() { return this.kind === ElKind.panel; }
     get isTable() { return this.kind === ElKind.table; }
     get isAuxiliary() { return this.kind > ElKind.note; }
     get kind() { return this._kind; }
@@ -119,7 +120,7 @@ export class ElImpl {
     get width() { return this._width.raw; }
     set width(value) {
         const w = this._width.raw;
-        if (value.min !== w.min || value.max !== w.max) {
+        if (value.min !== w.min || value.max !== w.max || value.preferred !== undefined) {
             ElImpl.applyWidth(this, value);
             this._width.raw = value;
             this._width.preferredUsed = false;
@@ -142,7 +143,7 @@ export class ElImpl {
     get height() { return this._height.raw; }
     set height(value) {
         const h = this._height.raw;
-        if (value.min !== h.min || value.max !== h.max) {
+        if (value.min !== h.min || value.max !== h.max || value.preferred !== undefined) {
             ElImpl.applyHeight(this, value);
             this._height.raw = value;
             this._height.preferredUsed = false;
@@ -162,52 +163,52 @@ export class ElImpl {
     set preferredHeightUsed(value) {
         this._height.preferredUsed = value;
     }
-    get alignment() { return this._alignment; }
-    set alignment(value) {
-        const existing = this._alignment;
+    get horizontal() { return this._horizontal; }
+    set horizontal(value) {
+        const existing = this._horizontal;
         if (value !== existing) {
-            ElImpl.applyAlignment(this, existing, value, this._alignmentInside, this._alignmentInside, this._stretchingStrengthX);
-            this._alignment = value;
+            ElImpl.applyHorizontal(this, existing, value, this._contentHorizontal, this._contentHorizontal, this._stretchingStrengthH);
+            this._horizontal = value;
         }
     }
-    get verticalAlignment() { return this._verticalAlignment; }
-    set verticalAlignment(value) {
-        const existing = this._verticalAlignment;
+    get vertical() { return this._vertical; }
+    set vertical(value) {
+        const existing = this._vertical;
         if (value !== existing) {
-            ElImpl.applyVerticalAlignment(this, existing, value, this._verticalAlignmentInside, this._verticalAlignmentInside, this._stretchingStrengthY);
-            this._verticalAlignment = value;
+            ElImpl.applyVertical(this, existing, value, this._contentVertical, this._contentVertical, this._stretchingStrengthV);
+            this._vertical = value;
         }
     }
-    get alignmentInside() { return this._alignmentInside; }
-    set alignmentInside(value) {
-        const existing = this._alignmentInside;
+    get contentHorizontal() { return this._contentHorizontal; }
+    set contentHorizontal(value) {
+        const existing = this._contentHorizontal;
         if (value !== existing) {
-            ElImpl.applyAlignment(this, this._alignment, this._alignment, existing, value, this._stretchingStrengthX);
-            this._alignmentInside = value;
+            ElImpl.applyHorizontal(this, this._horizontal, this._horizontal, existing, value, this._stretchingStrengthH);
+            this._contentHorizontal = value;
         }
     }
-    get verticalAlignmentInside() { return this._verticalAlignmentInside; }
-    set verticalAlignmentInside(value) {
-        const existing = this._verticalAlignmentInside;
+    get contentVertical() { return this._contentVertical; }
+    set contentVertical(value) {
+        const existing = this._contentVertical;
         if (value !== existing) {
-            ElImpl.applyVerticalAlignment(this, this._verticalAlignment, this._verticalAlignment, existing, value, this._stretchingStrengthY);
-            this._verticalAlignmentInside = value;
+            ElImpl.applyVertical(this, this._vertical, this._vertical, existing, value, this._stretchingStrengthV);
+            this._contentVertical = value;
         }
     }
-    get stretchingStrengthX() { return this._stretchingStrengthX; }
-    set stretchingStrengthX(value) {
-        const existing = this._stretchingStrengthX;
+    get stretchingStrengthH() { return this._stretchingStrengthH; }
+    set stretchingStrengthH(value) {
+        const existing = this._stretchingStrengthH;
         if (value !== existing) {
-            ElImpl.applyStretchingStrengthX(this, existing, value);
-            this._stretchingStrengthX = value;
+            ElImpl.applyStretchingStrengthH(this, existing, value);
+            this._stretchingStrengthH = value;
         }
     }
-    get stretchingStrengthY() { return this._stretchingStrengthY; }
-    set stretchingStrengthY(value) {
-        const existing = this._stretchingStrengthY;
+    get stretchingStrengthV() { return this._stretchingStrengthV; }
+    set stretchingStrengthV(value) {
+        const existing = this._stretchingStrengthV;
         if (value !== existing) {
-            ElImpl.applyStretchingStrengthY(this, existing, value);
-            this._stretchingStrengthY = value;
+            ElImpl.applyStretchingStrengthV(this, existing, value);
+            this._stretchingStrengthV = value;
         }
     }
     get contentWrapping() { return this._contentWrapping; }
@@ -224,6 +225,13 @@ export class ElImpl {
             this._overlayVisible = value;
         }
     }
+    get sealed() { return this._sealed; }
+    set sealed(value) {
+        if (value !== this._sealed) {
+            ElImpl.applySealed(this, value);
+            this._sealed = value;
+        }
+    }
     get splitView() { return this._splitView; }
     set splitView(value) {
         if (value !== this._splitView) {
@@ -282,7 +290,7 @@ export class ElImpl {
         const node = element.node;
         const owner = node.owner;
         const ownerEl = owner.element;
-        if (ownerEl.splitView === SplitView.horizontal) {
+        if (ownerEl.splitView === Direction.horizontal) {
         }
         else {
             s.minWidth = (_a = value.min) !== null && _a !== void 0 ? _a : "";
@@ -295,17 +303,17 @@ export class ElImpl {
         const node = element.node;
         const owner = node.owner;
         const ownerEl = owner.element;
-        if (ownerEl.splitView === SplitView.vertical) {
+        if (ownerEl.splitView === Direction.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, oldInside, newInside, strength) {
-        var _a;
-        oldPrimary !== null && oldPrimary !== void 0 ? oldPrimary : (oldPrimary = Alignment.left);
-        newPrimary !== null && newPrimary !== void 0 ? newPrimary : (newPrimary = Alignment.left);
+    static applyHorizontal(element, oldPrimary, newPrimary, oldInside, newInside, strength) {
+        var _a, _b;
+        oldPrimary !== null && oldPrimary !== void 0 ? oldPrimary : (oldPrimary = PosH.left);
+        newPrimary !== null && newPrimary !== void 0 ? newPrimary : (newPrimary = PosH.left);
         oldInside !== null && oldInside !== void 0 ? oldInside : (oldInside = oldPrimary);
         newInside !== null && newInside !== void 0 ? newInside : (newInside = newPrimary);
         const css = element.style;
@@ -318,8 +326,8 @@ export class ElImpl {
         }
         let isEffectiveAlignerX = false;
         if (hostLayout) {
-            const isAligner = newPrimary === Alignment.center ||
-                newPrimary === Alignment.right;
+            const isAligner = newPrimary === PosH.center ||
+                newPrimary === PosH.right;
             isEffectiveAlignerX = isAligner && (hostLayout.alignerX === undefined ||
                 element.index <= hostLayout.alignerX.index);
             if (hostLayout.alignerX === element) {
@@ -330,7 +338,7 @@ export class ElImpl {
             }
             else {
                 if (isEffectiveAlignerX) {
-                    const existingAlignerCss = (_a = hostLayout.alignerX) === null || _a === void 0 ? void 0 : _a.style;
+                    const existingAlignerCss = (_b = (_a = hostLayout.alignerX) === null || _a === void 0 ? void 0 : _a.native) === null || _b === void 0 ? void 0 : _b.style;
                     if (existingAlignerCss)
                         existingAlignerCss.marginLeft = "";
                     hostLayout.alignerX = element;
@@ -339,63 +347,63 @@ export class ElImpl {
         }
         switch (newPrimary) {
             default:
-            case Alignment.left:
+            case PosH.left:
                 css.justifySelf = "start";
-                if (oldPrimary === Alignment.center) {
+                if (oldPrimary === PosH.center) {
                     css.marginLeft = "";
                     css.marginRight = "";
                 }
-                else if (oldPrimary === Alignment.right)
+                else if (oldPrimary === PosH.right)
                     css.marginLeft = "";
                 break;
-            case Alignment.center:
+            case PosH.center:
                 css.justifySelf = "center";
                 if (hostLayout)
                     css.marginLeft = isEffectiveAlignerX ? "auto" : "";
                 css.marginRight = "auto";
                 break;
-            case Alignment.right:
+            case PosH.right:
                 css.justifySelf = "end";
                 if (hostLayout)
                     css.marginLeft = isEffectiveAlignerX ? "auto" : "";
-                if (oldPrimary === Alignment.center)
+                if (oldPrimary === PosH.center)
                     css.marginRight = "";
                 break;
-            case Alignment.stretch:
+            case PosH.stretch:
                 css.justifySelf = "stretch";
-                if (oldPrimary === Alignment.center) {
+                if (oldPrimary === PosH.center) {
                     css.marginLeft = "";
                     css.marginRight = "";
                 }
-                else if (oldPrimary === Alignment.right)
+                else if (oldPrimary === PosH.right)
                     css.marginLeft = "";
                 break;
         }
         switch (newInside) {
             default:
-            case Alignment.left:
+            case PosH.left:
                 css.alignItems = "start";
                 css.textAlign = "left";
                 break;
-            case Alignment.center:
+            case PosH.center:
                 css.alignItems = "center";
                 css.textAlign = "center";
                 break;
-            case Alignment.right:
+            case PosH.right:
                 css.alignItems = "end";
                 css.textAlign = "right";
                 break;
-            case Alignment.stretch:
+            case PosH.stretch:
                 css.alignItems = "stretch";
                 css.textAlign = "justify";
                 break;
         }
-        if (newPrimary === Alignment.stretch && strength === undefined)
-            ElImpl.applyStretchingStrengthX(element, 0, 1);
+        if (newPrimary === PosH.stretch && strength === undefined)
+            ElImpl.applyStretchingStrengthH(element, 0, 1);
     }
-    static applyVerticalAlignment(element, oldPrimary, newPrimary, oldInside, newInside, strength) {
-        oldPrimary !== null && oldPrimary !== void 0 ? oldPrimary : (oldPrimary = VerticalAlignment.top);
-        newPrimary !== null && newPrimary !== void 0 ? newPrimary : (newPrimary = VerticalAlignment.top);
+    static applyVertical(element, oldPrimary, newPrimary, oldInside, newInside, strength) {
+        oldPrimary !== null && oldPrimary !== void 0 ? oldPrimary : (oldPrimary = PosV.top);
+        newPrimary !== null && newPrimary !== void 0 ? newPrimary : (newPrimary = PosV.top);
         oldInside !== null && oldInside !== void 0 ? oldInside : (oldInside = oldPrimary);
         newInside !== null && newInside !== void 0 ? newInside : (newInside = newPrimary);
         const css = element.style;
@@ -410,10 +418,10 @@ export class ElImpl {
         }
         let isEffectiveAlignerY = false;
         if (hostLayout) {
-            const isAligner = newPrimary === VerticalAlignment.center ||
-                newPrimary === VerticalAlignment.bottom;
+            const isAligner = newPrimary === PosV.center ||
+                newPrimary === PosV.bottom;
             isEffectiveAlignerY = isAligner && (hostLayout.alignerY === undefined ||
-                hostLayout.alignerY.verticalAlignment !== VerticalAlignment.center);
+                hostLayout.alignerY.vertical !== PosV.center);
             if (hostLayout.alignerY === element) {
                 if (!isEffectiveAlignerY) {
                     hostCss.marginTop = "";
@@ -428,62 +436,45 @@ export class ElImpl {
         }
         switch (newPrimary) {
             default:
-            case VerticalAlignment.top:
+            case PosV.top:
                 css.alignSelf = "start";
                 break;
-            case VerticalAlignment.center:
+            case PosV.center:
                 css.alignSelf = "center";
                 break;
-            case VerticalAlignment.bottom:
+            case PosV.bottom:
                 css.alignSelf = "end";
                 break;
-            case VerticalAlignment.stretch:
+            case PosV.stretch:
                 css.alignSelf = "stretch";
                 break;
         }
         switch (newInside) {
             default:
-            case VerticalAlignment.top:
+            case PosV.top:
                 css.justifyContent = "start";
                 break;
-            case VerticalAlignment.center:
+            case PosV.center:
                 css.justifyContent = "center";
                 break;
-            case VerticalAlignment.bottom:
+            case PosV.bottom:
                 css.justifyContent = "end";
                 break;
-            case VerticalAlignment.stretch:
+            case PosV.stretch:
                 css.justifyContent = "stretch";
                 break;
         }
-        if (newPrimary === VerticalAlignment.stretch && strength === undefined)
-            ElImpl.applyStretchingStrengthY(element, 0, 1);
+        if (newPrimary === PosV.stretch && strength === undefined)
+            ElImpl.applyStretchingStrengthV(element, 0, 1);
     }
-    static applyStretchingStrengthX(element, existing, value) {
-        var _a;
+    static applyStretchingStrengthH(element, existing, value) {
         const s = element.style;
         const host = element.node.host;
-        if (host.driver.isPartition && element.splitView === undefined) {
+        if (host.driver.isPartition) {
             const hostEl = host.element;
-            hostEl._stretchingStrengthX = value;
-            let delta = 0;
+            hostEl._stretchingStrengthH = value;
             existing !== null && existing !== void 0 ? existing : (existing = 0);
             value !== null && value !== void 0 ? value : (value = 0);
-            if (existing === 0) {
-                if (value !== 0)
-                    delta = 1;
-            }
-            else if (value === 0) {
-                if (existing !== 0)
-                    delta = -1;
-            }
-            if (delta !== 0) {
-                const count = (_a = hostEl._stretchingStrengthX) !== null && _a !== void 0 ? _a : 0 + delta;
-                if (count === 1)
-                    s.alignSelf = "stretch";
-                else if (count === 0)
-                    s.alignSelf = "";
-            }
         }
         value !== null && value !== void 0 ? value : (value = 0);
         if (value > 0) {
@@ -495,12 +486,12 @@ export class ElImpl {
             s.flexBasis = "";
         }
     }
-    static applyStretchingStrengthY(element, existing, value) {
+    static applyStretchingStrengthV(element, existing, value) {
         var _a;
         const host = element.node.host;
-        if (host.driver.isPartition && element.splitView === undefined) {
+        if (host.driver.isPartition) {
             const hostElement = host.element;
-            hostElement._stretchingStrengthY = value;
+            hostElement._stretchingStrengthV = value;
             let delta = 0;
             existing !== null && existing !== void 0 ? existing : (existing = 0);
             value !== null && value !== void 0 ? value : (value = 0);
@@ -513,7 +504,7 @@ export class ElImpl {
                     delta = -1;
             }
             if (delta !== 0) {
-                const count = (_a = hostElement._stretchingStrengthY) !== null && _a !== void 0 ? _a : 0 + delta;
+                const count = (_a = hostElement._stretchingStrengthV) !== null && _a !== void 0 ? _a : 0 + delta;
                 const s = hostElement.style;
                 if (count === 1)
                     s.flexGrow = `${value}`;
@@ -566,11 +557,17 @@ export class ElImpl {
                 s.position = s.display = s.left = s.right = s.top = s.bottom = "";
         }
     }
+    static applySealed(element, value) {
+        const e = element.native;
+        if (e instanceof HTMLElement) {
+            Transaction.separate(() => e.sensors.resize.observeResizing(element, value !== undefined));
+        }
+    }
     static applySplitView(element, value) {
         const e = element.native;
         if (e instanceof HTMLElement) {
+            element.sealed = value;
             e.style.position = value !== undefined ? "relative" : "";
-            Transaction.separate(() => e.sensors.resize.observeResizing(element, value !== undefined));
         }
     }
     static applyStylingPreset(element, secondary, styleName, enabled) {
@@ -812,7 +809,7 @@ const VerstakDriversByLayout = [
         const owner = el.node.owner.element;
         s.position = "absolute";
         s.zIndex = `${Number.MAX_SAFE_INTEGER}`;
-        if (owner.splitView === SplitView.horizontal) {
+        if (owner.splitView === Direction.horizontal) {
             s.width = "4px";
             s.marginLeft = "-2px";
             s.top = s.bottom = "0";

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

@@ -1,8 +1,22 @@
 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 parseLetters(value: string): number;
 export declare function emitLetters(n: number): string;
+export declare function parseSignedLetters(letters: string): number;
+export declare function emitSignedLetters(num: number): string;
+export declare function parseSignedNumber(number: string): number;
+export declare function emitSignedNumber(num: number): string;
+export declare function parseSign(value: string): {
+    sign: number;
+    value: string;
+};
+export declare function emitSign(sign: number, num: number | string): string;
 export declare function parseElCoords(text: string, result: ElCoords): ElCoords;
 export declare function emitElCoords(value: ElCoords): string;
 export declare function emitCellPosition(x: number, y: number): string;
 export declare function equalElCoords(a: ElCoords, b: ElCoords): boolean;
+export declare function isWhitespace(char: number): boolean;
+export declare function isDigit(input: number, index?: number): boolean;
+export declare function isCapitalLetter(ch: number): boolean;
+export declare function isLowercaseLetter(ch: number): boolean;