verstak 0.24.131 → 0.24.133

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

@@ -8,12 +8,10 @@ export type El<T = any, M = any> = {
     model: M;
     kind: ElKind;
     area: ElArea;
-    widthGrowth: number;
-    minWidth: string;
-    maxWidth: string;
-    heightGrowth: number;
-    minHeight: string;
-    maxHeight: string;
+    width: Range;
+    widthFixed: string;
+    height: Range;
+    heightFixed: string;
     contentAlignment: Align;
     elementAlignment: Align;
     contentWrapping: boolean;
@@ -38,23 +36,22 @@ export type ElCoords = {
 };
 export declare enum Align {
     default = 16,
-    toBounds = 0,
-    toLeft = 1,
-    toCenterX = 2,
-    toRight = 3,
-    toTop = 4,
-    toCenterY = 8,
-    toBottom = 12,
-    toCenter = 10
+    fit = 0,
+    left = 1,
+    centerX = 2,
+    right = 3,
+    top = 4,
+    centerY = 8,
+    bottom = 12,
+    center = 10
 }
-export type ElasticSize = {
-    cells?: number;
-    min?: string;
-    max?: string;
-    growth?: number;
+export type Range = {
+    readonly min?: string;
+    readonly max?: string;
+    readonly growth?: number;
 };
-export type TrackSize = ElasticSize & {
-    track?: string | number;
+export type MarkedRange = Range & {
+    readonly marker?: string;
 };
 export type ElArea = undefined | string | {
     cellsOverWidth?: number;
@@ -70,12 +67,8 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     private _kind;
     private _area;
     private _coords;
-    private _widthGrowth;
-    private _minWidth;
-    private _maxWidth;
-    private _heightGrowth;
-    private _minHeight;
-    private _maxHeight;
+    private _width;
+    private _height;
     private _contentAlignment;
     private _elementAlignment;
     private _contentWrapping;
@@ -90,18 +83,14 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     set kind(value: ElKind);
     get area(): ElArea;
     set area(value: ElArea);
-    get widthGrowth(): number;
-    set widthGrowth(value: number);
-    get minWidth(): string;
-    set minWidth(value: string);
-    get maxWidth(): string;
-    set maxWidth(value: string);
-    get heightGrowth(): number;
-    set heightGrowth(value: number);
-    get minHeight(): string;
-    set minHeight(value: string);
-    get maxHeight(): string;
-    set maxHeight(value: string);
+    get width(): Range;
+    set width(value: Range);
+    get widthFixed(): string;
+    set widthFixed(value: string);
+    get height(): Range;
+    set height(value: Range);
+    get heightFixed(): string;
+    set heightFixed(value: string);
     get contentAlignment(): Align;
     set contentAlignment(value: Align);
     get elementAlignment(): Align;
@@ -141,7 +130,7 @@ export declare class Apply {
     static coords<T extends Element>(element: El<T, any>, value: ElCoords | undefined): void;
     static widthGrowth<T extends Element>(element: El<T, any>, value: number): void;
     static minWidth<T extends Element>(element: El<T, any>, value: string): void;
-    static applyMaxWidth<T extends Element>(element: El<T, any>, value: string): void;
+    static maxWidth<T extends Element>(element: El<T, any>, value: string): void;
     static heightGrowth<T extends Element>(element: El<T, any>, value: number): void;
     static minHeight<T extends Element>(element: El<T, any>, value: string): void;
     static maxHeight<T extends Element>(element: El<T, any>, value: string): void;

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

@@ -18,14 +18,14 @@ export var ElKind;
 export var Align;
 (function (Align) {
     Align[Align["default"] = 16] = "default";
-    Align[Align["toBounds"] = 0] = "toBounds";
-    Align[Align["toLeft"] = 1] = "toLeft";
-    Align[Align["toCenterX"] = 2] = "toCenterX";
-    Align[Align["toRight"] = 3] = "toRight";
-    Align[Align["toTop"] = 4] = "toTop";
-    Align[Align["toCenterY"] = 8] = "toCenterY";
-    Align[Align["toBottom"] = 12] = "toBottom";
-    Align[Align["toCenter"] = 10] = "toCenter";
+    Align[Align["fit"] = 0] = "fit";
+    Align[Align["left"] = 1] = "left";
+    Align[Align["centerX"] = 2] = "centerX";
+    Align[Align["right"] = 3] = "right";
+    Align[Align["top"] = 4] = "top";
+    Align[Align["centerY"] = 8] = "centerY";
+    Align[Align["bottom"] = 12] = "bottom";
+    Align[Align["center"] = 10] = "center";
 })(Align || (Align = {}));
 export class ElImpl {
     constructor(node) {
@@ -38,12 +38,8 @@ export class ElImpl {
         this._kind = ElKind.part;
         this._area = undefined;
         this._coords = UndefinedElCoords;
-        this._widthGrowth = 0;
-        this._minWidth = "";
-        this._maxWidth = "";
-        this._heightGrowth = 0;
-        this._minHeight = "";
-        this._maxHeight = "";
+        this._width = { min: "", max: "", growth: 0 };
+        this._height = { min: "", max: "", growth: 0 };
         this._contentAlignment = Align.default;
         this._elementAlignment = Align.default;
         this._contentWrapping = true;
@@ -88,48 +84,50 @@ export class ElImpl {
         else
             this.rowBreak();
     }
-    get widthGrowth() { return this._widthGrowth; }
-    set widthGrowth(value) {
-        if (value !== this._widthGrowth) {
-            Apply.widthGrowth(this, value);
-            this._widthGrowth = value;
+    get width() { return this._width; }
+    set width(value) {
+        var _a, _b, _c;
+        const w = this._width;
+        let updated = false;
+        if (value.min !== w.min) {
+            Apply.minWidth(this, (_a = value.min) !== null && _a !== void 0 ? _a : "");
+            updated = true;
         }
-    }
-    get minWidth() { return this._minWidth; }
-    set minWidth(value) {
-        if (value !== this._minWidth) {
-            Apply.minWidth(this, value);
-            this._minWidth = value;
+        if (value.max !== w.max) {
+            Apply.maxWidth(this, (_b = value.max) !== null && _b !== void 0 ? _b : "");
+            updated = true;
         }
-    }
-    get maxWidth() { return this._maxWidth; }
-    set maxWidth(value) {
-        if (value !== this._maxWidth) {
-            Apply.applyMaxWidth(this, value);
-            this._maxWidth = value;
+        if (value.growth !== w.growth) {
+            Apply.widthGrowth(this, (_c = value.growth) !== null && _c !== void 0 ? _c : 0);
+            updated = true;
         }
-    }
-    get heightGrowth() { return this._heightGrowth; }
-    set heightGrowth(value) {
-        if (value !== this._heightGrowth) {
-            Apply.heightGrowth(this, value);
-            this._heightGrowth = value;
+        if (updated)
+            this._width = value;
+    }
+    get widthFixed() { var _a; return (_a = this._width.min) !== null && _a !== void 0 ? _a : ""; }
+    set widthFixed(value) { this.width = { min: value }; }
+    get height() { return this._height; }
+    set height(value) {
+        var _a, _b, _c;
+        const w = this._height;
+        let updated = false;
+        if (value.min !== w.min) {
+            Apply.minHeight(this, (_a = value.min) !== null && _a !== void 0 ? _a : "");
+            updated = true;
         }
-    }
-    get minHeight() { return this._minHeight; }
-    set minHeight(value) {
-        if (value !== this._minHeight) {
-            Apply.minHeight(this, value);
-            this._minHeight = value;
+        if (value.max !== w.max) {
+            Apply.maxHeight(this, (_b = value.max) !== null && _b !== void 0 ? _b : "");
+            updated = true;
         }
-    }
-    get maxHeight() { return this._maxHeight; }
-    set maxHeight(value) {
-        if (value !== this._maxHeight) {
-            Apply.maxHeight(this, value);
-            this._maxHeight = value;
+        if (value.growth !== w.growth) {
+            Apply.heightGrowth(this, (_c = value.growth) !== null && _c !== void 0 ? _c : 0);
+            updated = true;
         }
+        if (updated)
+            this._height = value;
     }
+    get heightFixed() { var _a; return (_a = this._height.min) !== null && _a !== void 0 ? _a : ""; }
+    set heightFixed(value) { this.height = { min: value }; }
     get contentAlignment() { return this._contentAlignment; }
     set contentAlignment(value) {
         if (value !== this._contentAlignment) {
@@ -336,7 +334,7 @@ export class Apply {
         if (element.native instanceof HTMLElement)
             element.native.style.minWidth = `${value}`;
     }
-    static applyMaxWidth(element, value) {
+    static maxWidth(element, value) {
         if (element.native instanceof HTMLElement)
             element.native.style.maxWidth = `${value}`;
     }
@@ -356,7 +354,7 @@ export class Apply {
             const hostDriver = bNode.host.driver;
             if (hostDriver.isPartitionSeparator) {
                 const host = bNode.host.seat.instance;
-                Apply.elementAlignment(element, Align.toBounds);
+                Apply.elementAlignment(element, Align.fit);
                 Apply.heightGrowth(host.element, value);
             }
         }

package/package.json

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