verstak 0.24.301 → 0.24.305

package/build/dist/source/archive/RxDomV1.js

@@ -345,8 +345,8 @@ export class RxDom {
             }
         }
     }
-    static renderIncrementally(parent, p1, p2, checkEveryN = 30, timeLimit = 12) {
-        return __awaiter(this, void 0, void 0, function* () {
+    static renderIncrementally(parent_1, p1_1, p2_1) {
+        return __awaiter(this, arguments, void 0, function* (parent, p1, p2, checkEveryN = 30, timeLimit = 12) {
             if (Transaction.isFrameOver(checkEveryN, timeLimit))
                 yield Transaction.requestNextFrame();
             if (!Transaction.isCanceled) {

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

@@ -65,8 +65,8 @@ export class ElImpl {
         this._kind = ElKind.part;
         this._place = undefined;
         this._coords = UndefinedElCoords;
-        this._width = Transaction.isolate(() => new Size());
-        this._height = Transaction.isolate(() => new Size());
+        this._width = new Size();
+        this._height = new Size();
         this._horizontal = undefined;
         this._vertical = undefined;
         this._contentHorizontal = undefined;
@@ -557,7 +557,12 @@ export class ElImpl {
         const e = element.native;
         if (e instanceof HTMLElement) {
             element.sealed = value;
-            Transaction.isolate(() => e.sensors.resize.observeResizing(element, value !== undefined));
+            const t = Transaction.current;
+            Transaction.outside(() => {
+                t.whenFinished(true).then(() => {
+                    e.sensors.resize.observeResizing(element, value !== undefined);
+                }, e => { });
+            });
         }
     }
     static applyStylingPreset(element, secondary, styleName, enabled) {

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

@@ -1,20 +1,20 @@
 import { RxNodeDecl, RxNodeDriver, RxNode, Script, MergedItem } from "reactronic";
 import { CursorCommandDriver, El, ElPlace } from "./El.js";
 import { HtmlDriver } from "./HtmlDriver.js";
-export declare function Panel<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 Panel<M = unknown>(declaration?: RxNodeDecl<El<HTMLElement, M>>, basis?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
+export declare function Table<M = unknown, R = void>(declaration?: RxNodeDecl<El<HTMLElement, M>>, basis?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
 export declare function row<T = void>(builder?: (element: void) => T, shiftCursorDown?: number): void;
-export declare function Splitter<M = unknown, R = void>(declaration?: RxNodeDecl<El<HTMLElement, M>>, preset?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
+export declare function Splitter<M = unknown, R = void>(declaration?: RxNodeDecl<El<HTMLElement, M>>, basis?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
 export declare function rowBreak(shiftCursorDown?: number): void;
 export declare function declareSplitter<T>(index: number, splitViewNode: RxNode<El<T>>): RxNode<El<HTMLElement>>;
 export declare function cursor(areaParams: ElPlace): 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>>;
+export declare function Group<M = unknown, R = void>(declaration?: RxNodeDecl<El<HTMLElement, M>>, basis?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
 export declare function Handling<M = unknown>(script: Script<El<void, M>>): RxNode<El<void, M>>;
-export declare function SyntheticElement<M = unknown>(declaration?: RxNodeDecl<El<void, M>>, preset?: RxNodeDecl<El<void, M>>): RxNode<El<void, M>>;
+export declare function SyntheticElement<M = unknown>(declaration?: RxNodeDecl<El<void, M>>, basis?: RxNodeDecl<El<void, M>>): RxNode<El<void, M>>;
 export declare class PanelDriver<T extends HTMLElement> extends HtmlDriver<T> {
     update(node: RxNode<El<T>>): void | Promise<void>;
-    child(ownerNode: RxNode<El<T, any>>, childDriver: RxNodeDriver<any>, childDeclaration?: RxNodeDecl<any> | undefined, childPreset?: RxNodeDecl<any> | undefined): MergedItem<RxNode> | undefined;
+    child(ownerNode: RxNode<El<T, any>>, childDriver: RxNodeDriver<any>, childDeclaration?: RxNodeDecl<any> | undefined, childBasis?: RxNodeDecl<any> | undefined): MergedItem<RxNode> | undefined;
 }
 export declare function isSplitViewPartition(childDriver: RxNodeDriver): boolean;
 export declare class PartitionDriver<T extends HTMLElement> extends HtmlDriver<T> {

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

@@ -4,18 +4,18 @@ import { getPrioritiesForEmptySpaceDistribution, getPrioritiesForSizeChanging, r
 import { Axis, BodyFontSize, Dimension, toPx } from "./Sizes.js";
 import { HtmlDriver } from "./HtmlDriver.js";
 import { clamp } from "./ElUtils.js";
-export function Panel(declaration, preset) {
-    return RxNode.declare(Drivers.panel, declaration, preset);
+export function Panel(declaration, basis) {
+    return RxNode.declare(Drivers.panel, declaration, basis);
 }
-export function Table(declaration, preset) {
-    return RxNode.declare(Drivers.table, declaration, preset);
+export function Table(declaration, basis) {
+    return RxNode.declare(Drivers.table, declaration, basis);
 }
 export function row(builder, shiftCursorDown) {
     rowBreak(shiftCursorDown);
     builder === null || builder === void 0 ? void 0 : builder();
 }
-export function Splitter(declaration, preset) {
-    return RxNode.declare(Drivers.splitter, declaration, preset);
+export function Splitter(declaration, basis) {
+    return RxNode.declare(Drivers.splitter, declaration, basis);
 }
 export function rowBreak(shiftCursorDown) {
     RxNode.declare(Drivers.partition);
@@ -90,14 +90,14 @@ export function Note(content, formatted, declaration) {
         },
     });
 }
-export function Group(declaration, preset) {
-    return RxNode.declare(Drivers.group, declaration, preset);
+export function Group(declaration, basis) {
+    return RxNode.declare(Drivers.group, declaration, basis);
 }
 export function Handling(script) {
     return SyntheticElement({ mode: Mode.independentUpdate, script });
 }
-export function SyntheticElement(declaration, preset) {
-    return RxNode.declare(Drivers.synthetic, declaration, preset);
+export function SyntheticElement(declaration, basis) {
+    return RxNode.declare(Drivers.synthetic, declaration, basis);
 }
 export class PanelDriver extends HtmlDriver {
     update(node) {
@@ -173,7 +173,7 @@ export class PanelDriver extends HtmlDriver {
         }
         return result;
     }
-    child(ownerNode, childDriver, childDeclaration, childPreset) {
+    child(ownerNode, childDriver, childDeclaration, childBasis) {
         var _a;
         let result = undefined;
         const el = ownerNode.element;

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

@@ -2,7 +2,7 @@ import { RxNode, Handler } from "reactronic";
 import { El, ElDriver } from "./El.js";
 export declare class WebDriver<T extends Element, M = unknown> extends ElDriver<T, M> {
     setNativeElement(node: RxNode<El<T, M>>): void;
-    create(node: RxNode<El<T, M>>): void;
+    create(node: RxNode<El<T, M>>): void | Promise<void>;
     destroy(node: RxNode<El<T, M>>, isLeader: boolean): boolean;
     mount(node: RxNode<El<T, M>>): void;
     update(node: RxNode<El<T, M>>): void | Promise<void>;

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

@@ -1,4 +1,4 @@
-import { RxSystem, RxNode } from "reactronic";
+import { RxSystem, RxNode, proceedSyncOrAsync } from "reactronic";
 import { Constants, ElDriver, ElImpl } from "./El.js";
 export class WebDriver extends ElDriver {
     setNativeElement(node) {
@@ -8,9 +8,10 @@ export class WebDriver extends ElDriver {
         const e = node.element.native;
         if (RxSystem.isLogging && e !== undefined && !node.driver.isPartition)
             e.setAttribute(Constants.keyAttrName, node.key);
-        super.create(node);
+        const result = super.create(node);
         if (e == undefined && RxSystem.isLogging && !node.driver.isPartition)
             node.element.native.setAttribute(Constants.keyAttrName, node.key);
+        return result;
     }
     destroy(node, isLeader) {
         var _a;
@@ -58,14 +59,17 @@ export class WebDriver extends ElDriver {
         const element = node.element;
         if (element instanceof ElImpl)
             element.prepareForUpdate();
-        const result = super.update(node);
-        if (element.place === undefined) {
-            const oel = node.owner.element;
-            if (oel instanceof ElImpl && oel.isTable)
-                element.place = undefined;
-        }
-        if (gBlinkingEffectMarker)
-            blink(element.native, RxNode.currentUpdatePriority, node.stamp);
+        let result = super.update(node);
+        result = proceedSyncOrAsync(result, v => {
+            if (element.place === undefined) {
+                const oel = node.owner.element;
+                if (oel instanceof ElImpl && oel.isTable)
+                    element.place = undefined;
+            }
+            if (gBlinkingEffectMarker)
+                blink(element.native, RxNode.currentUpdatePriority, node.stamp);
+        }, e => {
+        });
         return result;
     }
     static findBrotherlyHost(node) {