verstak 0.96.26004 → 0.96.26010

package/build/dist/source/components/Theme.js

@@ -27,4 +27,4 @@ export class Theme {
         Theme.gCurrent.value = value;
     }
 }
-Theme.gCurrent = new ReactiveTreeVariable(runTransactional({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));
+Theme.gCurrent = new ReactiveTreeVariable(Theme.name, runTransactional({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));

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

@@ -1,7 +1,7 @@
 import { ReactiveTreeNode } from "reactronic";
 export type El<T = any, M = any> = {
     readonly node: ReactiveTreeNode<El<T, M>>;
-    readonly index: number;
+    readonly rank: number;
     native: T;
     model: M;
     kind: ElKind;

package/build/dist/source/core/ElDriver.d.ts

@@ -31,7 +31,7 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     private _hasStylingPresets;
     constructor(node: ReactiveTreeNode<El<T, M>>);
     prepareForUpdate(): void;
-    get index(): number;
+    get rank(): number;
     get isBlock(): boolean;
     get isTable(): boolean;
     get isAuxiliary(): boolean;

package/build/dist/source/core/ElDriver.js

@@ -47,7 +47,7 @@ export class ElImpl {
         this._place = undefined;
         this._hasStylingPresets = false;
     }
-    get index() { return this.node.slot.index; }
+    get rank() { return this.node.rank; }
     get isBlock() { return this.kind === ElKind.block; }
     get isTable() { return this.kind === ElKind.table; }
     get isAuxiliary() { return this.kind > ElKind.table; }
@@ -67,9 +67,9 @@ export class ElImpl {
         if (!driver.isPartition) {
             const owner = node.owner;
             const ownerEl = owner.element;
-            const prevEl = (_a = node.slot.prev) === null || _a === void 0 ? void 0 : _a.instance.element;
+            const prevEl = (_a = node.prev) === null || _a === void 0 ? void 0 : _a.element;
             const prevElLayoutInfo = (_b = prevEl === null || prevEl === void 0 ? void 0 : prevEl.layoutInfo) !== null && _b !== void 0 ? _b : InitialElLayoutInfo;
-            const layoutInfo = this.layoutInfo = owner.children.isStrict ? new ElLayoutInfo(prevElLayoutInfo) : undefined;
+            const layoutInfo = this.layoutInfo = owner.children.isStrictOrder ? new ElLayoutInfo(prevElLayoutInfo) : undefined;
             const isCursorElement = driver instanceof CursorCommandDriver;
             const coords = getElCoordsAndAdjustLayoutInfo(!isCursorElement, value, ownerEl.maxColumnCount, ownerEl.maxRowCount, prevElLayoutInfo, layoutInfo);
             if (!equalElCoords(coords, this._coords)) {
@@ -223,9 +223,9 @@ export class ElImpl {
         this._hasStylingPresets = true;
     }
     *children(onlyAfter) {
-        const after = onlyAfter === null || onlyAfter === void 0 ? void 0 : onlyAfter.node.slot;
+        const after = onlyAfter === null || onlyAfter === void 0 ? void 0 : onlyAfter.node;
         for (const child of this.node.children.items(after))
-            yield child.instance.element;
+            yield child.element;
     }
     static *childrenOf(node, onlyAfter) {
         return node.element.children(onlyAfter);
@@ -233,7 +233,7 @@ export class ElImpl {
     rowBreak() {
         var _a, _b;
         const node = this.node;
-        const prevEl = (_a = node.slot.prev) === null || _a === void 0 ? void 0 : _a.instance.element;
+        const prevEl = (_a = node.prev) === null || _a === void 0 ? void 0 : _a.element;
         const prevElLayoutInfo = (_b = prevEl === null || prevEl === void 0 ? void 0 : prevEl.layoutInfo) !== null && _b !== void 0 ? _b : InitialElLayoutInfo;
         const layoutInfo = this.layoutInfo = new ElLayoutInfo(prevElLayoutInfo);
         layoutInfo.x = 1;
@@ -301,7 +301,7 @@ export class ElImpl {
             const isAligner = newPrimary === Horizontal.center ||
                 newPrimary === Horizontal.right;
             isEffectiveAlignerX = isAligner && (hostLayout.alignerX === undefined ||
-                element.index <= hostLayout.alignerX.index);
+                element.rank <= hostLayout.alignerX.rank);
             if (hostLayout.alignerX === element) {
                 if (!isEffectiveAlignerX) {
                     css.marginLeft = "";

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

@@ -61,8 +61,7 @@ export function declareSplitter(index, splitViewNode) {
                         else {
                             e.setAttribute("rx-dragging", "true");
                             const initialSizesPx = [];
-                            for (const item of splitViewNode.children.items()) {
-                                const child = item.instance;
+                            for (const child of splitViewNode.children.items()) {
                                 if (isSplitViewPartition(child.driver)) {
                                     const sizePx = (_c = (_b = child.element.layoutInfo) === null || _b === void 0 ? void 0 : _b.effectiveSizePx) !== null && _c !== void 0 ? _c : 0;
                                     initialSizesPx.push({ node: child, sizePx });
@@ -130,8 +129,8 @@ export class BlockDriver extends HtmlDriver {
                         const preferred = [];
                         const sizesPx = [];
                         for (const child of node.children.items()) {
-                            const partEl = child.instance.element;
-                            if (isSplitViewPartition(child.instance.driver) && partEl !== undefined) {
+                            const partEl = child.element;
+                            if (isSplitViewPartition(child.driver) && partEl !== undefined) {
                                 const size = isHorizontal ? partEl.width : partEl.height;
                                 const options = {
                                     axis: isHorizontal ? Axis.X : Axis.Y, lineSizePx: BodyFontSize, fontSizePx: BodyFontSize,
@@ -153,7 +152,7 @@ export class BlockDriver extends HtmlDriver {
                                     preferred.push(i);
                                 }
                                 const sizePx = partEl.layoutInfo.effectiveSizePx = clamp(partEl.layoutInfo.effectiveSizePx, minPx, maxPx);
-                                sizesPx.push({ node: child.instance, sizePx });
+                                sizesPx.push({ node: child, sizePx });
                                 i++;
                             }
                         }
@@ -172,14 +171,13 @@ export class BlockDriver extends HtmlDriver {
         return result;
     }
     declareChild(ownerNode, childDriver, childDeclaration, childBasis) {
-        var _a;
         let result = undefined;
         const el = ownerNode.element;
         if (el.splitView !== undefined) {
             if (isSplitViewPartition(childDriver)) {
                 let partCount = 0;
                 for (const child of ownerNode.children.items()) {
-                    if (isSplitViewPartition(child.instance.driver))
+                    if (isSplitViewPartition(child.driver))
                         partCount++;
                 }
                 const isHorizontal = el.splitView === Direction.horizontal;
@@ -200,8 +198,8 @@ export class BlockDriver extends HtmlDriver {
         }
         else {
             if (childDriver.isPartition) {
-                const last = ownerNode.children.lastItem();
-                if (((_a = last === null || last === void 0 ? void 0 : last.instance) === null || _a === void 0 ? void 0 : _a.driver) === childDriver)
+                const last = ownerNode.children.lastItem;
+                if ((last === null || last === void 0 ? void 0 : last.driver) === childDriver)
                     result = last;
             }
         }
@@ -253,7 +251,7 @@ export class PartitionDriver extends HtmlDriver {
         let host;
         const ownerEl = node.owner.element;
         if (ownerEl.sealed !== undefined)
-            host = node.children.firstItem().instance;
+            host = node.children.firstItem;
         else
             host = node;
         return host;

package/build/dist/source/core/Sizes.js

@@ -36,8 +36,8 @@ export class Dimension {
         return Dimension.gLineSizePx;
     }
 }
-Dimension.gFontSizePx = new ReactiveTreeVariable();
-Dimension.gLineSizePx = new ReactiveTreeVariable();
+Dimension.gFontSizePx = new ReactiveTreeVariable("gFontSizePx");
+Dimension.gLineSizePx = new ReactiveTreeVariable("gLineSizePx");
 export function dim(num, unit) {
     return new Dimension(num, unit);
 }

package/build/dist/source/core/SplitViewMath.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveTreeNode, ReconciliationList } from "reactronic";
+import { ReactiveTreeNode, LinkedList } from "reactronic";
 import { ElImpl } from "./ElDriver.js";
 export declare function equal(a: number, b: number): boolean;
 export declare function less(a: number, b: number): boolean;
@@ -17,11 +17,11 @@ export declare function resizeUsingDelta(splitViewNode: ReactiveTreeNode<ElImpl>
 }>, force?: boolean): number;
 export declare function layout(splitViewNode: ReactiveTreeNode<ElImpl>): void;
 export declare function getPrioritiesForSplitter(index: number, size: number): ReadonlyArray<number>;
-export declare function getPrioritiesForSizeChanging(isHorizontal: boolean, children: ReconciliationList<ReactiveTreeNode>, indexes: Array<number>): {
+export declare function getPrioritiesForSizeChanging(isHorizontal: boolean, children: LinkedList<ReactiveTreeNode>, indexes: Array<number>): {
     resizable: ReadonlyArray<number>;
     manuallyResizable: ReadonlyArray<number>;
 };
-export declare function getPrioritiesForEmptySpaceDistribution(isHorizontal: boolean, children: ReconciliationList<ReactiveTreeNode>): {
+export declare function getPrioritiesForEmptySpaceDistribution(isHorizontal: boolean, children: LinkedList<ReactiveTreeNode>): {
     resizable: ReadonlyArray<number>;
     manuallyResizable: ReadonlyArray<number>;
 };

package/build/dist/source/core/SplitViewMath.js

@@ -94,7 +94,7 @@ export function resizeUsingDelta(splitViewNode, deltaPx, index, priorities, size
     return beforeDeltaPx;
 }
 export function layout(splitViewNode) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const isHorizontal = splitViewNode.element.splitView === Direction.horizontal;
     let posPx = 0;
     let shrinkBefore = false;
@@ -102,12 +102,11 @@ export function layout(splitViewNode) {
     let isSplitterEnabled = false;
     const sizesPx = [];
     const layoutInfo = splitViewNode.element.layoutInfo;
-    for (const item of splitViewNode.children.items()) {
-        const child = item.instance;
+    for (const child of splitViewNode.children.items()) {
         if (isSplitViewPartition(child.driver)) {
             const el = child.element;
             if (el.native !== undefined) {
-                const current = item;
+                const current = child;
                 const sizePx = isHorizontal ? el.widthPx : el.heightPx;
                 const effectiveSizePx = (_b = (_a = el.layoutInfo) === null || _a === void 0 ? void 0 : _a.effectiveSizePx) !== null && _b !== void 0 ? _b : 0;
                 posPx += effectiveSizePx;
@@ -118,8 +117,7 @@ export function layout(splitViewNode) {
                 growBefore || (growBefore = greater(sizePx.maxPx - effectiveSizePx, 0));
                 let shrinkAfter = false;
                 let growAfter = false;
-                for (const item of splitViewNode.children.items(current)) {
-                    const child = item.instance;
+                for (const child of splitViewNode.children.items(current)) {
                     if (isSplitViewPartition(child.driver)) {
                         const el = child.element;
                         if (el.native !== undefined) {
@@ -148,7 +146,7 @@ export function layout(splitViewNode) {
     }
     const containerSizePx = (_e = (isHorizontal ? layoutInfo === null || layoutInfo === void 0 ? void 0 : layoutInfo.contentSizeXpx : layoutInfo === null || layoutInfo === void 0 ? void 0 : layoutInfo.contentSizeYpx)) !== null && _e !== void 0 ? _e : 0;
     const isOverflowing = greater(posPx, containerSizePx);
-    const wrapper = (_g = (_f = splitViewNode.children.firstItem()) === null || _f === void 0 ? void 0 : _f.instance.children.firstItem()) === null || _g === void 0 ? void 0 : _g.instance;
+    const wrapper = (_f = splitViewNode.children.firstItem) === null || _f === void 0 ? void 0 : _f.children.firstItem;
     if (wrapper !== undefined) {
         if (isHorizontal)
             wrapper.element.style.gridTemplateColumns = sizesPx.map(x => `${x}px`).join(" ");
@@ -186,9 +184,9 @@ export function getPrioritiesForSizeChanging(isHorizontal, children, indexes) {
     var _a, _b;
     const resizable = [];
     const manuallyResizable = [];
-    const items = Array.from(children.items()).filter(x => isSplitViewPartition(x.instance.driver));
+    const items = Array.from(children.items()).filter(x => isSplitViewPartition(x.driver));
     for (let i = items.length - 1; i >= 0; i--) {
-        const el = items[i].instance.element;
+        const el = items[i].element;
         const strength = (_a = (isHorizontal ? el.stretchingStrengthHorizontally : el.stretchingStrengthVertically)) !== null && _a !== void 0 ? _a : 1;
         if (!indexes.includes(i)) {
             if (strength > 0)
@@ -200,7 +198,7 @@ export function getPrioritiesForSizeChanging(isHorizontal, children, indexes) {
     let r = 0;
     let mr = 0;
     for (const i of indexes) {
-        const el = items[i].instance.element;
+        const el = items[i].element;
         const strength = (_b = (isHorizontal ? el.stretchingStrengthHorizontally : el.stretchingStrengthVertically)) !== null && _b !== void 0 ? _b : 1;
         if (strength > 0)
             r |= 1 << i;
@@ -219,8 +217,8 @@ export function getPrioritiesForEmptySpaceDistribution(isHorizontal, children) {
     let mr = 0;
     let i = 0;
     for (const child of children.items()) {
-        if (isSplitViewPartition(child.instance.driver)) {
-            const el = child.instance.element;
+        if (isSplitViewPartition(child.driver)) {
+            const el = child.element;
             const strength = (_a = (isHorizontal ? el.stretchingStrengthHorizontally : el.stretchingStrengthVertically)) !== null && _a !== void 0 ? _a : 1;
             if (strength > 0)
                 r |= 1 << i;

package/build/dist/source/core/WebDriver.js

@@ -32,7 +32,7 @@ export class WebDriver extends ElDriver {
         const el = node.element;
         const native = el.native;
         if (native) {
-            const sequential = node.owner.children.isStrict;
+            const sequential = node.owner.children.isStrictOrder;
             const autoHost = ReactiveTreeNode.findMatchingHost(node, n => n.element.native instanceof HTMLElement || n.element.native instanceof SVGElement);
             const automaticNativeHost = autoHost !== node.owner
                 ? autoHost === null || autoHost === void 0 ? void 0 : autoHost.driver.provideHost(autoHost).element.native

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verstak",
-  "version": "0.96.26004",
+  "version": "0.96.26010",
   "description": "Verstak - Front-End Library",
   "publisher": "Nezaboodka Software",
   "license": "Apache-2.0",
@@ -42,7 +42,7 @@
     "markdown-it": "^14.1.0",
     "markdown-it-prism": "^2.3.0",
     "prismjs": "^1.30.0",
-    "reactronic": "^0.96.26004"
+    "reactronic": "^0.96.26010"
   },
   "devDependencies": {
     "@types/markdown-it": "14.1.2",