verstak 0.24.270 → 0.24.272

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

@@ -1,4 +1,13 @@
-import { RxNode, BaseDriver, Transaction } from "reactronic";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { RxNode, BaseDriver, Transaction, obs, ObservableObject } from "reactronic";
 import { equalElCoords, parseElCoords } from "./ElUtils.js";
 export var ElKind;
 (function (ElKind) {
@@ -11,25 +20,34 @@ export var ElKind;
     ElKind[ElKind["cursor"] = 6] = "cursor";
     ElKind[ElKind["native"] = 7] = "native";
 })(ElKind || (ElKind = {}));
-export var Align;
-(function (Align) {
-    Align[Align["default"] = 0] = "default";
-    Align[Align["left"] = 4] = "left";
-    Align[Align["centerX"] = 5] = "centerX";
-    Align[Align["right"] = 6] = "right";
-    Align[Align["stretchX"] = 7] = "stretchX";
-    Align[Align["top"] = 32] = "top";
-    Align[Align["centerY"] = 40] = "centerY";
-    Align[Align["bottom"] = 48] = "bottom";
-    Align[Align["stretchY"] = 56] = "stretchY";
-    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 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 Direction;
+(function (Direction) {
+    Direction[Direction["horizontal"] = 0] = "horizontal";
+    Direction[Direction["vertical"] = 1] = "vertical";
+})(Direction || (Direction = {}));
+class Size extends ObservableObject {
+    constructor() {
+        super();
+        this.raw = { min: "", max: "" };
+        this.minPx = 0;
+        this.maxPx = Number.POSITIVE_INFINITY;
+        this.preferredUsed = false;
+    }
+}
 export class ElDriver extends BaseDriver {
     allocate(node) {
         return new ElImpl(node);
@@ -46,14 +64,17 @@ export class ElImpl {
         this._kind = ElKind.part;
         this._area = undefined;
         this._coords = UndefinedElCoords;
-        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._alignmentInside = Align.default;
+        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._contentWrapping = true;
         this._overlayVisible = undefined;
+        this._sealed = undefined;
         this._splitView = undefined;
         this._hasStylingPresets = false;
     }
@@ -102,6 +123,7 @@ export class ElImpl {
         if (value.min !== w.min || value.max !== w.max) {
             ElImpl.applyWidth(this, value);
             this._width.raw = value;
+            this._width.preferredUsed = false;
         }
     }
     get widthPx() { return this._width; }
@@ -112,12 +134,19 @@ export class ElImpl {
         if (value.maxPx !== w.maxPx)
             this._width.maxPx = value.maxPx;
     }
+    get preferredWidthUsed() {
+        return this._width.preferredUsed;
+    }
+    set preferredWidthUsed(value) {
+        this._width.preferredUsed = value;
+    }
     get height() { return this._height.raw; }
     set height(value) {
         const h = this._height.raw;
         if (value.min !== h.min || value.max !== h.max) {
             ElImpl.applyHeight(this, value);
             this._height.raw = value;
+            this._height.preferredUsed = false;
         }
     }
     get heightPx() { return this._height; }
@@ -128,22 +157,44 @@ export class ElImpl {
         if (value.maxPx !== w.maxPx)
             this._height.maxPx = value.maxPx;
     }
+    get preferredHeightUsed() {
+        return this._height.preferredUsed;
+    }
+    set preferredHeightUsed(value) {
+        this._height.preferredUsed = value;
+    }
     get alignment() { return this._alignment; }
     set alignment(value) {
         const existing = this._alignment;
         if (value !== existing) {
-            ElImpl.applyAlignment(this, existing, value, this._alignmentInside, this._alignmentInside, this._stretchingStrengthX, this._stretchingStrengthY);
+            ElImpl.applyAlignment(this, existing, value, this._alignmentInside, this._alignmentInside, this._stretchingStrengthX);
             this._alignment = value;
         }
     }
+    get verticalAlignment() { return this._verticalAlignment; }
+    set verticalAlignment(value) {
+        const existing = this._verticalAlignment;
+        if (value !== existing) {
+            ElImpl.applyVerticalAlignment(this, existing, value, this._verticalAlignmentInside, this._verticalAlignmentInside, this._stretchingStrengthY);
+            this._verticalAlignment = value;
+        }
+    }
     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);
+            ElImpl.applyAlignment(this, this._alignment, this._alignment, existing, value, this._stretchingStrengthX);
             this._alignmentInside = value;
         }
     }
+    get verticalAlignmentInside() { return this._verticalAlignmentInside; }
+    set verticalAlignmentInside(value) {
+        const existing = this._verticalAlignmentInside;
+        if (value !== existing) {
+            ElImpl.applyVerticalAlignment(this, this._verticalAlignment, this._verticalAlignment, existing, value, this._stretchingStrengthY);
+            this._verticalAlignmentInside = value;
+        }
+    }
     get stretchingStrengthX() { return this._stretchingStrengthX; }
     set stretchingStrengthX(value) {
         const existing = this._stretchingStrengthX;
@@ -174,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) {
@@ -181,6 +239,12 @@ export class ElImpl {
             this._splitView = value;
         }
     }
+    get partitionSizeInSplitViewPx() {
+        var _a;
+        if (this.layoutInfo === undefined)
+            this.layoutInfo = new ElLayoutInfo(InitialElLayoutInfo);
+        return (_a = this.layoutInfo.effectiveSizePx) !== null && _a !== void 0 ? _a : 0;
+    }
     get style() { return this.native.style; }
     useStylingPreset(stylingPresetName, enabled) {
         ElImpl.applyStylingPreset(this, this._hasStylingPresets, stylingPresetName, enabled);
@@ -226,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 : "";
@@ -239,31 +303,31 @@ 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, strengthX, strengthY) {
-        var _a;
+    static applyAlignment(element, oldPrimary, newPrimary, oldInside, newInside, strength) {
+        var _a, _b;
+        oldPrimary !== null && oldPrimary !== void 0 ? oldPrimary : (oldPrimary = Alignment.left);
+        newPrimary !== null && newPrimary !== void 0 ? newPrimary : (newPrimary = Alignment.left);
+        oldInside !== null && oldInside !== void 0 ? oldInside : (oldInside = oldPrimary);
+        newInside !== null && newInside !== void 0 ? newInside : (newInside = newPrimary);
         const css = element.style;
         let hostLayout = undefined;
-        let hostCss = undefined;
         if (element.node.host.driver.isPartition) {
             const hostEl = element.node.host.element;
-            hostCss = hostEl.style;
             hostLayout = hostEl.layoutInfo;
             if (hostLayout === undefined)
                 hostLayout = hostEl.layoutInfo = new ElLayoutInfo(InitialElLayoutInfo);
         }
-        if (newInside === Align.default)
-            newInside = newPrimary;
         let isEffectiveAlignerX = false;
         if (hostLayout) {
-            const isAligner = alignedX(newPrimary, Align.centerX) ||
-                alignedX(newPrimary, Align.right);
+            const isAligner = newPrimary === Alignment.center ||
+                newPrimary === Alignment.right;
             isEffectiveAlignerX = isAligner && (hostLayout.alignerX === undefined ||
                 element.index <= hostLayout.alignerX.index);
             if (hostLayout.alignerX === element) {
@@ -274,72 +338,90 @@ 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;
                 }
             }
         }
-        switch (newPrimary & 0b00000111) {
+        switch (newPrimary) {
             default:
-            case Align.left:
+            case Alignment.left:
                 css.justifySelf = "start";
-                if (alignedX(oldPrimary, Align.centerX)) {
+                if (oldPrimary === Alignment.center) {
                     css.marginLeft = "";
                     css.marginRight = "";
                 }
-                else if ((oldPrimary & Align.right) === Align.right)
+                else if (oldPrimary === Alignment.right)
                     css.marginLeft = "";
                 break;
-            case Align.centerX:
+            case Alignment.center:
                 css.justifySelf = "center";
                 if (hostLayout)
                     css.marginLeft = isEffectiveAlignerX ? "auto" : "";
                 css.marginRight = "auto";
                 break;
-            case Align.right:
+            case Alignment.right:
                 css.justifySelf = "end";
                 if (hostLayout)
                     css.marginLeft = isEffectiveAlignerX ? "auto" : "";
-                if (alignedX(oldPrimary, Align.centerX))
+                if (oldPrimary === Alignment.center)
                     css.marginRight = "";
                 break;
-            case Align.stretchX:
+            case Alignment.stretch:
                 css.justifySelf = "stretch";
-                if (alignedX(oldPrimary, Align.centerX)) {
+                if (oldPrimary === Alignment.center) {
                     css.marginLeft = "";
                     css.marginRight = "";
                 }
-                else if (alignedX(oldPrimary, Align.right))
+                else if (oldPrimary === Alignment.right)
                     css.marginLeft = "";
                 break;
         }
-        switch (newInside & 0b00000111) {
+        switch (newInside) {
             default:
-            case Align.left:
+            case Alignment.left:
                 css.alignItems = "start";
                 css.textAlign = "left";
                 break;
-            case Align.centerX:
+            case Alignment.center:
                 css.alignItems = "center";
                 css.textAlign = "center";
                 break;
-            case Align.right:
+            case Alignment.right:
                 css.alignItems = "end";
                 css.textAlign = "right";
                 break;
-            case Align.stretchX:
+            case Alignment.stretch:
                 css.alignItems = "stretch";
                 css.textAlign = "justify";
                 break;
         }
+        if (newPrimary === Alignment.stretch && strength === undefined)
+            ElImpl.applyStretchingStrengthX(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);
+        oldInside !== null && oldInside !== void 0 ? oldInside : (oldInside = oldPrimary);
+        newInside !== null && newInside !== void 0 ? newInside : (newInside = newPrimary);
+        const css = element.style;
+        let hostLayout = undefined;
+        let hostCss = undefined;
+        if (element.node.host.driver.isPartition) {
+            const hostEl = element.node.host.element;
+            hostCss = hostEl.style;
+            hostLayout = hostEl.layoutInfo;
+            if (hostLayout === undefined)
+                hostLayout = hostEl.layoutInfo = new ElLayoutInfo(InitialElLayoutInfo);
+        }
         let isEffectiveAlignerY = false;
         if (hostLayout) {
-            const isAligner = alignedY(newPrimary, Align.centerY) ||
-                alignedY(newPrimary, Align.bottom);
+            const isAligner = newPrimary === VerticalAlignment.center ||
+                newPrimary === VerticalAlignment.bottom;
             isEffectiveAlignerY = isAligner && (hostLayout.alignerY === undefined ||
-                !alignedY(hostLayout.alignerY.alignment, Align.centerY));
+                hostLayout.alignerY.verticalAlignment !== VerticalAlignment.center);
             if (hostLayout.alignerY === element) {
                 if (!isEffectiveAlignerY) {
                     hostCss.marginTop = "";
@@ -352,66 +434,47 @@ export class ElImpl {
                 }
             }
         }
-        switch (newPrimary & 0b00111000) {
+        switch (newPrimary) {
             default:
-            case Align.top:
+            case VerticalAlignment.top:
                 css.alignSelf = "start";
                 break;
-            case Align.centerY:
+            case VerticalAlignment.center:
                 css.alignSelf = "center";
                 break;
-            case Align.bottom:
+            case VerticalAlignment.bottom:
                 css.alignSelf = "end";
                 break;
-            case Align.stretchY:
+            case VerticalAlignment.stretch:
                 css.alignSelf = "stretch";
                 break;
         }
-        switch (newInside & 0b00111000) {
+        switch (newInside) {
             default:
-            case Align.top:
+            case VerticalAlignment.top:
                 css.justifyContent = "start";
                 break;
-            case Align.centerY:
+            case VerticalAlignment.center:
                 css.justifyContent = "center";
                 break;
-            case Align.bottom:
+            case VerticalAlignment.bottom:
                 css.justifyContent = "end";
                 break;
-            case Align.stretchY:
+            case VerticalAlignment.stretch:
                 css.justifyContent = "stretch";
                 break;
         }
-        if (alignedX(newPrimary, Align.stretchX) && strengthX === undefined)
-            ElImpl.applyStretchingStrengthX(element, 0, 1);
-        if (alignedY(newPrimary, Align.stretchY) && strengthY === undefined)
+        if (newPrimary === VerticalAlignment.stretch && strength === undefined)
             ElImpl.applyStretchingStrengthY(element, 0, 1);
     }
     static applyStretchingStrengthX(element, existing, value) {
-        var _a;
         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;
             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) {
@@ -426,7 +489,7 @@ export class ElImpl {
     static applyStretchingStrengthY(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;
             let delta = 0;
@@ -494,30 +557,19 @@ export class ElImpl {
                 s.position = s.display = s.left = s.right = s.top = s.bottom = "";
         }
     }
-    static applySplitView(element, value) {
+    static applySealed(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 applySplitView(element, value) {
+        const e = element.native;
+        if (e instanceof HTMLElement) {
+            element.sealed = value;
+            e.style.position = value !== undefined ? "relative" : "";
+        }
+    }
     static applyStylingPreset(element, secondary, styleName, enabled) {
         const native = element.native;
         enabled !== null && enabled !== void 0 ? enabled : (enabled = true);
@@ -539,10 +591,45 @@ export class ElLayoutInfo {
         this.effectiveSizePx = 0;
         this.offsetXpx = 0;
         this.offsetYpx = 0;
-        this.containerSizeXpx = 0;
-        this.containerSizeYpx = 0;
+        this.contentSizeXpx = 0;
+        this.contentSizeYpx = 0;
+        this.borderSizeXpx = 0;
+        this.borderSizeYpx = 0;
+        this.isConstrained = false;
     }
 }
+__decorate([
+    obs,
+    __metadata("design:type", Number)
+], ElLayoutInfo.prototype, "effectiveSizePx", void 0);
+__decorate([
+    obs,
+    __metadata("design:type", Number)
+], ElLayoutInfo.prototype, "offsetXpx", void 0);
+__decorate([
+    obs,
+    __metadata("design:type", Number)
+], ElLayoutInfo.prototype, "offsetYpx", void 0);
+__decorate([
+    obs,
+    __metadata("design:type", Number)
+], ElLayoutInfo.prototype, "contentSizeXpx", void 0);
+__decorate([
+    obs,
+    __metadata("design:type", Number)
+], ElLayoutInfo.prototype, "contentSizeYpx", void 0);
+__decorate([
+    obs,
+    __metadata("design:type", Number)
+], ElLayoutInfo.prototype, "borderSizeYpx", void 0);
+__decorate([
+    obs,
+    __metadata("design:type", Number)
+], ElLayoutInfo.prototype, "borderSizeXpx", void 0);
+__decorate([
+    obs,
+    __metadata("design:type", Boolean)
+], ElLayoutInfo.prototype, "isConstrained", void 0);
 var ElLayoutInfoFlags;
 (function (ElLayoutInfoFlags) {
     ElLayoutInfoFlags[ElLayoutInfoFlags["none"] = 0] = "none";
@@ -552,7 +639,7 @@ var ElLayoutInfoFlags;
     ElLayoutInfoFlags[ElLayoutInfoFlags["childrenRelayoutIsNeeded"] = 8] = "childrenRelayoutIsNeeded";
 })(ElLayoutInfoFlags || (ElLayoutInfoFlags = {}));
 const UndefinedElCoords = Object.freeze({ x1: 0, y1: 0, x2: 0, y2: 0 });
-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 }));
+export const InitialElLayoutInfo = Object.freeze(new ElLayoutInfo({ x: 1, y: 1, runningMaxX: 0, runningMaxY: 0, flags: ElLayoutInfoFlags.none, effectiveSizePx: 0, offsetXpx: 0, offsetYpx: 0, contentSizeXpx: 0, contentSizeYpx: 0, borderSizeXpx: 0, borderSizeYpx: 0, isConstrained: false }));
 function getElCoordsAndAdjustLayoutInfo(isRegularElement, area, maxX, maxY, prevElLayoutInfo, layoutInfo) {
     var _a, _b;
     let result;
@@ -722,8 +809,7 @@ const VerstakDriversByLayout = [
         const owner = el.node.owner.element;
         s.position = "absolute";
         s.zIndex = `${Number.MAX_SAFE_INTEGER}`;
-        s.backgroundColor = "#00BB00";
-        if (owner.splitView === SplitView.horizontal) {
+        if (owner.splitView === Direction.horizontal) {
             s.width = "4px";
             s.marginLeft = "-2px";
             s.top = s.bottom = "0";
@@ -741,9 +827,3 @@ const VerstakDriversByLayout = [
     el => {
     },
 ];
-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,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;

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

@@ -4,6 +4,9 @@ export function objectHasMember(obj, member) {
 export function clamp(value, min, max) {
     return Math.min(max, Math.max(min, value));
 }
+export function parseLetters(value) {
+    return value.split("").reduce((p, c) => p * 26 + parseInt(c, 36) - 9, 0);
+}
 export function emitLetters(n) {
     if (n < 0)
         throw new Error(`emitLetters: argument (${n}) should not be negative or zero`);
@@ -15,6 +18,32 @@ export function emitLetters(n) {
     }
     return result;
 }
+export function parseSignedLetters(letters) {
+    const { sign, value } = parseSign(letters);
+    return sign * parseLetters(value);
+}
+export function emitSignedLetters(num) {
+    const letters = emitLetters(Math.abs(num) - 1);
+    return emitSign(Math.sign(num), letters);
+}
+export function parseSignedNumber(number) {
+    const { sign, value } = parseSign(number);
+    return sign * Number.parseInt(value);
+}
+export function emitSignedNumber(num) {
+    return emitSign(Math.sign(num), Math.abs(num));
+}
+export function parseSign(value) {
+    const openBraceIndex = value.indexOf("(");
+    const closeBraceIndex = value.indexOf(")");
+    const sign = ~openBraceIndex && ~closeBraceIndex ? -1 : 1;
+    if (sign < 0)
+        value = value.substring(openBraceIndex + 1, closeBraceIndex);
+    return { sign, value };
+}
+export function emitSign(sign, num) {
+    return sign < 0 ? `(${num})` : `${num}`;
+}
 export function parseElCoords(text, result) {
     let i = 0;
     let value = 0;
@@ -26,14 +55,14 @@ export function parseElCoords(text, result) {
             if (component % 2 === 0)
                 value = value * 26 + charCode - 64;
             else
-                console.error(`Digit is expected, but letter ('${text[i]}') was read`);
+                console.error(`Digit is expected, but letter ("${text[i]}") was read`);
         }
         else if (isLowercaseLetter(charCode)) {
             if (component % 2 === 0) {
                 value = value * 26 + charCode - 96;
             }
             else {
-                console.error(`Digit is expected, but letter ('${text[i]}') was read`);
+                console.error(`Digit is expected, but letter ("${text[i]}") was read`);
             }
         }
         else if (isDigit(charCode)) {
@@ -87,18 +116,18 @@ export function parseElCoords(text, result) {
         }
         else if (charCode === 58) {
             if (sign < 0)
-                console.error(`area '${text}': e1`);
+                console.error(`area "${text}": e1`);
             if (component === 1)
                 result.y1 = value * sign;
             else if (component !== 2)
-                console.error(`area '${text}': [e2] component = ${component}`);
+                console.error(`area "${text}": [e2] component = ${component}`);
             component = 2;
             value = 0;
         }
         else if (isWhitespace(charCode)) {
         }
         else {
-            console.error(`Unknown symbol '${text[i]}' in '${text}'`);
+            console.error(`Unknown symbol "${text[i]}" in "${text}"`);
         }
         i++;
     }
@@ -168,15 +197,15 @@ export function emitCellPosition(x, y) {
 export function equalElCoords(a, b) {
     return a.x1 === b.x1 && a.y1 === b.y1 && a.x2 === b.x2 && a.y1 === b.y2;
 }
-function isWhitespace(char) {
+export function isWhitespace(char) {
     return char === 32 || (char >= 9 && char <= 13) || char === 133 || char === 160;
 }
-function isDigit(input, index) {
+export function isDigit(input, index) {
     return 48 <= input && input <= 57;
 }
-function isCapitalLetter(ch) {
+export function isCapitalLetter(ch) {
     return 65 <= ch && ch <= 90;
 }
-function isLowercaseLetter(ch) {
+export function isLowercaseLetter(ch) {
     return 97 <= ch && ch <= 122;
 }