verstak 0.24.263 → 0.24.265

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

@@ -10,10 +10,10 @@ export type El<T = any, M = any> = {
     area: ElArea;
     width: Range;
     widthJustMin: string;
-    widthJustGrowth: number;
+    widthGrowth: number | undefined;
     height: Range;
     heightJustMin: string;
-    heightJustGrowth: number;
+    heightGrowth: number | undefined;
     contentAlignment: Align;
     boundsAlignment: Align;
     contentWrapping: boolean;
@@ -50,7 +50,6 @@ export declare enum Align {
 export type Range = {
     readonly min?: string;
     readonly max?: string;
-    readonly growth?: number;
 };
 export type MarkedRange = Range & {
     readonly marker?: string;
@@ -70,7 +69,9 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     private _area;
     private _coords;
     private _width;
+    private _widthGrowth;
     private _height;
+    private _heightGrowth;
     private _contentAlignment;
     private _boundsAlignment;
     private _contentWrapping;
@@ -89,14 +90,14 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     set width(value: Range);
     get widthJustMin(): string;
     set widthJustMin(value: string);
-    get widthJustGrowth(): number;
-    set widthJustGrowth(value: number);
+    get widthGrowth(): number | undefined;
+    set widthGrowth(value: number | undefined);
     get height(): Range;
     set height(value: Range);
     get heightJustMin(): string;
     set heightJustMin(value: string);
-    get heightJustGrowth(): number;
-    set heightJustGrowth(value: number);
+    get heightGrowth(): number | undefined;
+    set heightGrowth(value: number | undefined);
     get contentAlignment(): Align;
     set contentAlignment(value: Align);
     get boundsAlignment(): Align;

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

@@ -38,8 +38,10 @@ export class ElImpl {
         this._kind = ElKind.part;
         this._area = undefined;
         this._coords = UndefinedElCoords;
-        this._width = { min: "", max: "", growth: 0 };
-        this._height = { min: "", max: "", growth: 0 };
+        this._width = { min: "", max: "" };
+        this._widthGrowth = undefined;
+        this._height = { min: "", max: "" };
+        this._heightGrowth = undefined;
         this._contentAlignment = Align.default;
         this._boundsAlignment = Align.default;
         this._contentWrapping = true;
@@ -66,7 +68,7 @@ export class ElImpl {
         var _a, _b;
         const node = this.node;
         const driver = node.driver;
-        if (!driver.isPartitionSeparator) {
+        if (!driver.isPartition) {
             const owner = node.owner;
             const ownerEl = owner.element;
             const prevEl = (_a = node.seat.prev) === null || _a === void 0 ? void 0 : _a.instance.element;
@@ -86,7 +88,7 @@ export class ElImpl {
     }
     get width() { return this._width; }
     set width(value) {
-        var _a, _b, _c;
+        var _a, _b;
         const w = this._width;
         let updated = false;
         if (value.min !== w.min) {
@@ -97,20 +99,21 @@ export class ElImpl {
             Apply.maxWidth(this, (_b = value.max) !== null && _b !== void 0 ? _b : "");
             updated = true;
         }
-        if (value.growth !== w.growth) {
-            Apply.widthGrowth(this, (_c = value.growth) !== null && _c !== void 0 ? _c : 0);
-            updated = true;
-        }
         if (updated)
             this._width = value;
     }
     get widthJustMin() { var _a; return (_a = this._width.min) !== null && _a !== void 0 ? _a : ""; }
     set widthJustMin(value) { this.width = { min: value }; }
-    get widthJustGrowth() { var _a; return (_a = this._width.growth) !== null && _a !== void 0 ? _a : 0; }
-    set widthJustGrowth(value) { this.width = { growth: value }; }
+    get widthGrowth() { return this._widthGrowth; }
+    set widthGrowth(value) {
+        if (value !== this._widthGrowth) {
+            Apply.widthGrowth(this, value !== null && value !== void 0 ? value : 0);
+            this._widthGrowth = value;
+        }
+    }
     get height() { return this._height; }
     set height(value) {
-        var _a, _b, _c;
+        var _a, _b;
         const w = this._height;
         let updated = false;
         if (value.min !== w.min) {
@@ -121,17 +124,18 @@ export class ElImpl {
             Apply.maxHeight(this, (_b = value.max) !== null && _b !== void 0 ? _b : "");
             updated = true;
         }
-        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 heightJustMin() { var _a; return (_a = this._height.min) !== null && _a !== void 0 ? _a : ""; }
     set heightJustMin(value) { this.height = { min: value }; }
-    get heightJustGrowth() { var _a; return (_a = this._height.growth) !== null && _a !== void 0 ? _a : 0; }
-    set heightJustGrowth(value) { this.height = { growth: value }; }
+    get heightGrowth() { return this._heightGrowth; }
+    set heightGrowth(value) {
+        if (value !== this._heightGrowth) {
+            Apply.heightGrowth(this, value !== null && value !== void 0 ? value : 0);
+            this._heightGrowth = value;
+        }
+    }
     get contentAlignment() { return this._contentAlignment; }
     set contentAlignment(value) {
         if (value !== this._contentAlignment) {
@@ -345,7 +349,7 @@ export class Apply {
     static heightGrowth(element, value) {
         const bNode = element.node;
         const driver = bNode.driver;
-        if (driver.isPartitionSeparator) {
+        if (driver.isPartition) {
             if (element.native instanceof HTMLElement) {
                 const s = element.native.style;
                 if (value > 0)
@@ -356,7 +360,7 @@ export class Apply {
         }
         else {
             const hostDriver = bNode.host.driver;
-            if (hostDriver.isPartitionSeparator) {
+            if (hostDriver.isPartition) {
                 const host = bNode.host.seat.instance;
                 Apply.boundsAlignment(element, Align.stretch);
                 Apply.heightGrowth(host.element, value);
@@ -458,8 +462,8 @@ export class Apply {
     }
 }
 export const Constants = {
-    element: "element",
-    partition: "partition",
+    element: "el",
+    partition: "part",
     group: "group",
     layouts: ["section", "table", "note", "group", "", ""],
     keyAttrName: "key",

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

@@ -4,7 +4,7 @@ import { HtmlElementDriver } 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 startNewRow(shiftCursorDown?: number): void;
+export declare function rowBreak(shiftCursorDown?: number): void;
 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>>;

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

@@ -8,10 +8,10 @@ export function Table(declaration, preset) {
     return RxNode.declare(Drivers.table, declaration, preset);
 }
 export function row(builder, shiftCursorDown) {
-    startNewRow(shiftCursorDown);
+    rowBreak(shiftCursorDown);
     builder === null || builder === void 0 ? void 0 : builder();
 }
-export function startNewRow(shiftCursorDown) {
+export function rowBreak(shiftCursorDown) {
     RxNode.declare(Drivers.partition);
 }
 export function cursor(areaParams) {
@@ -44,7 +44,7 @@ export class VerstakElementDriver extends HtmlElementDriver {
     update(node) {
         const element = node.element;
         if (element.kind === ElKind.section)
-            startNewRow();
+            rowBreak();
         return super.update(node);
     }
 }

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

@@ -6,10 +6,10 @@ export class WebDriver extends ElDriver {
     create(node) {
         this.setNativeElement(node);
         const e = node.element.native;
-        if (RxSystem.isLogging && e !== undefined && !node.driver.isPartitionSeparator)
+        if (RxSystem.isLogging && e !== undefined && !node.driver.isPartition)
             e.setAttribute(Constants.keyAttrName, node.key);
         super.create(node);
-        if (e == undefined && RxSystem.isLogging && !node.driver.isPartitionSeparator)
+        if (e == undefined && RxSystem.isLogging && !node.driver.isPartition)
             node.element.native.setAttribute(Constants.keyAttrName, node.key);
     }
     destroy(node, isLeader) {
@@ -33,9 +33,9 @@ export class WebDriver extends ElDriver {
             const automaticHost = RxNode.findMatchingHost(node, n => n.element.native instanceof HTMLElement || n.element.native instanceof SVGElement);
             const automaticNativeHost = automaticHost === null || automaticHost === void 0 ? void 0 : automaticHost.element.native;
             if (automaticNativeHost) {
-                if (sequential && !node.driver.isPartitionSeparator) {
+                if (sequential && !node.driver.isPartition) {
                     const after = RxNode.findMatchingPrevSibling(node, n => n.element.native instanceof HTMLElement || n.element.native instanceof SVGElement);
-                    if (after === undefined || after.driver.isPartitionSeparator) {
+                    if (after === undefined || after.driver.isPartition) {
                         if (automaticNativeHost !== native.parentNode || !native.previousSibling)
                             automaticNativeHost.prepend(native);
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verstak",
-  "version": "0.24.263",
+  "version": "0.24.265",
   "description": "Verstak - Front-End Library",
   "publisher": "Nezaboodka Software",
   "license": "Apache-2.0",
@@ -31,7 +31,7 @@
   },
   "homepage": "https://github.com/nezaboodka/verstak/blob/master/README.md#readme",
   "dependencies": {
-    "reactronic": "^0.24.263"
+    "reactronic": "^0.24.265"
   },
   "devDependencies": {
     "@types/node": "20.11.17",