verstak 0.23.113 → 0.23.115

package/build/dist/source/api.d.ts

@@ -1,2 +1,2 @@
-export * from "./core/api";
-export * from "./html/api";
+export * from "./core/api.js";
+export * from "./html/api.js";

package/build/dist/source/api.js

@@ -1,2 +1,2 @@
-export * from "./core/api";
-export * from "./html/api";
+export * from "./core/api.js";
+export * from "./html/api.js";

package/build/dist/source/archive/RxDomV1.d.ts

@@ -1,4 +1,4 @@
-import { Render, SuperRender, RxNodeType, RxNodeInstance, RxNode } from "./RxDomV1.Types";
+import { Render, SuperRender, RxNodeType, RxNodeInstance, RxNode } from "./RxDomV1.Types.js";
 export declare class BasicNodeType<E, O> implements RxNodeType<E, O> {
     readonly name: string;
     readonly sequential: boolean;

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

@@ -17,7 +17,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { reactive, nonreactive, Transaction, Rx, options, Reentrance } from "reactronic";
-import { RxNode } from "./RxDomV1.Types";
+import { RxNode } from "./RxDomV1.Types.js";
 export class BasicNodeType {
     constructor(name, sequential) {
         this.name = name;

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

@@ -31,10 +31,10 @@ export interface Block<T = unknown, M = unknown, C = unknown, R = void> {
     blockAlignment: Align;
     contentWrapping: boolean;
     overlayVisible: boolean | undefined;
-    updatePriority?: Priority;
+    rebuildPriority?: Priority;
     childrenShuffling: boolean;
     strictOrder: boolean;
-    readonly isInitialUpdate: boolean;
+    readonly isInitialRebuild: boolean;
     useStyle(styleName: string, enabled?: boolean): void;
     configureReactronic(options: Partial<MemberOptions>): MemberOptions;
 }
@@ -76,7 +76,7 @@ export interface Driver<T, C = unknown> {
     }): void;
     initialize(block: Block<T, unknown, C>): void;
     mount(block: Block<T, unknown, C>): void;
-    update(block: Block<T, unknown, C>): void | Promise<void>;
+    rebuild(block: Block<T, unknown, C>): void | Promise<void>;
     finalize(block: Block<T, unknown, C>, isLeader: boolean): boolean;
     applyKind(block: Block<T, any, C, any>, value: BlockKind): void;
     applyCoords(block: Block<T, any, C, any>, value: BlockCoords | undefined): void;

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

@@ -1,4 +1,4 @@
-import { BlockCoords } from "./Interfaces";
+import { BlockCoords } from "./Interfaces.js";
 export declare function parseBlockCoords(text: string, result: BlockCoords): BlockCoords;
 export declare function emitBlockCoords(value: BlockCoords): string;
 export declare function emitLetters(n: number): string;

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

@@ -187,7 +187,7 @@ export function getCallerInfo(prefix) {
     i = i >= 0 ? i + 2 : 5;
     let caller = extractFunctionAndLocation(lines[i]);
     let location = caller;
-    if (caller.func.endsWith(".update")) {
+    if (caller.func.endsWith(".rebuild")) {
         i = i - 1;
         caller = extractFunctionAndLocation(lines[i]);
         location = extractFunctionAndLocation(lines[i + 1]);

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

@@ -1,14 +1,14 @@
 import { LoggingOptions } from "reactronic";
-import { BlockCoords, BlockKind, Priority, Align, BlockBuilder, Block, Driver, SimpleDelegate } from "./Interfaces";
+import { BlockCoords, BlockKind, Priority, Align, BlockBuilder, Block, Driver, SimpleDelegate } from "./Interfaces.js";
 export declare class Verstak {
     static readonly shortFrameDuration = 16;
     static readonly longFrameDuration = 300;
-    static currentUpdatePriority: Priority;
+    static currentRebuildPriority: Priority;
     static frameDuration: number;
     static claim<T = undefined, M = unknown, C = unknown, R = void>(driver: Driver<T>, builder?: BlockBuilder<T, M, C, R>, base?: BlockBuilder<T, M, C, R>): Block<T, M, C, R>;
     static get block(): Block;
-    static triggerUpdate(block: Block<any, any, any, void>, triggers: unknown): void;
-    static updatedNestedTreesThenDo(action: (error: unknown) => void): void;
+    static triggerRebuild(block: Block<any, any, any, void>, triggers: unknown): void;
+    static rebuildNestedTreesThenDo(action: (error: unknown) => void): void;
     static getDefaultLoggingOptions(): LoggingOptions | undefined;
     static setDefaultLoggingOptions(logging?: LoggingOptions): void;
 }
@@ -25,7 +25,7 @@ export declare class BaseDriver<T, C = unknown> implements Driver<T, C> {
     }): void;
     initialize(block: Block<T, unknown, C>): void;
     mount(block: Block<T, unknown, C>): void;
-    update(block: Block<T, unknown, C>): void | Promise<void>;
+    rebuild(block: Block<T, unknown, C>): void | Promise<void>;
     finalize(block: Block<T, unknown, C>, isLeader: boolean): boolean;
     applyKind(block: Block<T, any, C, any>, value: BlockKind): void;
     applyCoords(block: Block<T, any, C, any>, value: BlockCoords | undefined): void;

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

@@ -17,8 +17,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { reactive, nonreactive, Transaction, options, Reentrance, Rx, Collection, ObservableObject, raw } from "reactronic";
-import { BlockKind, Priority, Mode, Align } from "./Interfaces";
-import { emitLetters, equalBlockCoords, parseBlockCoords, getCallerInfo } from "./Utils";
+import { BlockKind, Priority, Mode, Align } from "./Interfaces.js";
+import { emitLetters, equalBlockCoords, parseBlockCoords, getCallerInfo } from "./Utils.js";
 export class Verstak {
     static claim(driver, builder, base) {
         var _a;
@@ -37,7 +37,7 @@ export class Verstak {
                 if (((_a = last === null || last === void 0 ? void 0 : last.instance) === null || _a === void 0 ? void 0 : _a.node.driver) === driver)
                     ex = last;
             }
-            ex !== null && ex !== void 0 ? ex : (ex = children.claim(key = key || generateKey(owner), undefined, "nested blocks can be declared inside update function only"));
+            ex !== null && ex !== void 0 ? ex : (ex = children.claim(key = key || generateKey(owner), undefined, "nested blocks can be declared inside rebuild function only"));
             if (ex) {
                 result = ex.instance;
                 const node = result.node;
@@ -56,7 +56,7 @@ export class Verstak {
         else {
             result = new BlockImpl(key || "", driver, owner, builder);
             result.node.ties = Collection.createItem(result);
-            triggerUpdate(result.node.ties);
+            triggerRebuild(result.node.ties);
         }
         return result;
     }
@@ -65,16 +65,16 @@ export class Verstak {
             throw new Error("current block is undefined");
         return gCurrent.instance;
     }
-    static triggerUpdate(block, triggers) {
+    static triggerRebuild(block, triggers) {
         const b = block;
         const builder = b.node.builder;
         if (!triggersAreEqual(triggers, builder.triggers)) {
             builder.triggers = triggers;
-            triggerUpdate(b.node.ties);
+            triggerRebuild(b.node.ties);
         }
     }
-    static updatedNestedTreesThenDo(action) {
-        runUpdateNestedTreesThenDo(undefined, action);
+    static rebuildNestedTreesThenDo(action) {
+        runRebuildNestedTreesThenDo(undefined, action);
     }
     static getDefaultLoggingOptions() {
         return BlockImpl.logging;
@@ -85,7 +85,7 @@ export class Verstak {
 }
 Verstak.shortFrameDuration = 16;
 Verstak.longFrameDuration = 300;
-Verstak.currentUpdatePriority = Priority.Realtime;
+Verstak.currentRebuildPriority = Priority.Realtime;
 Verstak.frameDuration = Verstak.longFrameDuration;
 export class BaseDriver {
     constructor(name, isRow, preset) {
@@ -108,8 +108,8 @@ export class BaseDriver {
     }
     mount(block) {
     }
-    update(block) {
-        chainedUpdate(block, block.node.builder);
+    rebuild(block) {
+        chainedRebuild(block, block.node.builder);
     }
     finalize(block, isLeader) {
         const b = block;
@@ -169,13 +169,13 @@ function chainedInitialize(block, bb) {
     else if (base)
         chainedInitialize(block, base);
 }
-function chainedUpdate(block, bb) {
-    const update = bb.rebuild;
+function chainedRebuild(block, bb) {
+    const rebuild = bb.rebuild;
     const base = bb.base;
-    if (update)
-        update(block, base ? () => chainedUpdate(block, base) : NOP);
+    if (rebuild)
+        rebuild(block, base ? () => chainedRebuild(block, base) : NOP);
     else if (base)
-        chainedUpdate(block, base);
+        chainedRebuild(block, base);
 }
 function chainedFinalize(block, bb) {
     const finalize = bb.finalize;
@@ -302,23 +302,23 @@ class BlockImpl {
         this._contentWrapping = true;
         this._overlayVisible = undefined;
         this._hasStyles = false;
-        this.updatePriority = Priority.Realtime;
+        this.rebuildPriority = Priority.Realtime;
         this.childrenShuffling = false;
         BlockImpl.grandBlockCount++;
         if (this.isOn(Mode.PinpointRebuild))
             BlockImpl.disposableBlockCount++;
     }
-    update(_triggers) {
-        updateNow(this.node.ties);
+    rebuild(_triggers) {
+        rebuildNow(this.node.ties);
     }
-    prepareForUpdate() {
+    prepareForRebuild() {
         this._area = undefined;
         this._hasStyles = false;
     }
     isOn(mode) {
         return (chainedMode(this.node.builder) & mode) === mode;
     }
-    get isInitialUpdate() { return this.node.stamp === 2; }
+    get isInitialRebuild() { return this.node.stamp === 2; }
     get isAuxiliary() { return this.kind > BlockKind.Note; }
     get isSection() { return this.kind === BlockKind.Section; }
     get isTable() { return this.kind === BlockKind.Table; }
@@ -430,7 +430,7 @@ class BlockImpl {
     configureReactronic(options) {
         if (this.node.stamp !== 1 || !this.isOn(Mode.PinpointRebuild))
             throw new Error("reactronic can be configured only for blocks with separate reaction mode and only inside initialize");
-        return Rx.getController(this.update).configure(options);
+        return Rx.getController(this.rebuild).configure(options);
     }
     static get curr() {
         if (!gCurrent)
@@ -498,7 +498,7 @@ __decorate([
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
-], BlockImpl.prototype, "update", null);
+], BlockImpl.prototype, "rebuild", null);
 function getBlockKey(block) {
     const node = block.node;
     return node.stamp >= 0 ? node.key : undefined;
@@ -580,7 +580,7 @@ function getEffectiveBlockCoords(isRegularBlock, area, maxX, maxY, cursorPositio
         throw new Error("relative layout requires sequential children");
     return result;
 }
-function runUpdateNestedTreesThenDo(error, action) {
+function runRebuildNestedTreesThenDo(error, action) {
     var _a;
     const curr = BlockImpl.curr;
     const owner = curr.instance;
@@ -604,10 +604,10 @@ function runUpdateNestedTreesThenDo(error, action) {
                     const block = item.instance;
                     const isRow = block.node.driver.isRow;
                     const host = isRow ? owner : hostingRow;
-                    const p = (_a = block.updatePriority) !== null && _a !== void 0 ? _a : Priority.Realtime;
+                    const p = (_a = block.rebuildPriority) !== null && _a !== void 0 ? _a : Priority.Realtime;
                     mounting = markToMountIfNecessary(mounting, host, item, children, sequential);
                     if (p === Priority.Realtime)
-                        triggerUpdate(item);
+                        triggerRebuild(item);
                     else if (p === Priority.Normal)
                         p1 = push(item, p1);
                     else
@@ -616,7 +616,7 @@ function runUpdateNestedTreesThenDo(error, action) {
                         hostingRow = block;
                 }
                 if (!Transaction.isCanceled && (p1 !== undefined || p2 !== undefined))
-                    promised = startIncrementalUpdate(curr, children, p1, p2).then(() => action(error), e => action(e));
+                    promised = startIncrementalRebuild(curr, children, p1, p2).then(() => action(error), e => action(e));
             }
         }
         finally {
@@ -639,34 +639,34 @@ function markToMountIfNecessary(mounting, host, ties, children, sequential) {
     node.host = host;
     return mounting;
 }
-function startIncrementalUpdate(owner, allChildren, priority1, priority2) {
+function startIncrementalRebuild(owner, allChildren, priority1, priority2) {
     return __awaiter(this, void 0, void 0, function* () {
         const stamp = owner.instance.node.stamp;
         if (priority1)
-            yield updateIncrementally(owner, stamp, allChildren, priority1, Priority.Normal);
+            yield rebuildIncrementally(owner, stamp, allChildren, priority1, Priority.Normal);
         if (priority2)
-            yield updateIncrementally(owner, stamp, allChildren, priority2, Priority.Background);
+            yield rebuildIncrementally(owner, stamp, allChildren, priority2, Priority.Background);
     });
 }
-function updateIncrementally(owner, stamp, allChildren, items, priority) {
+function rebuildIncrementally(owner, stamp, allChildren, items, priority) {
     return __awaiter(this, void 0, void 0, function* () {
         yield Transaction.requestNextFrame();
         const block = owner.instance;
         if (!Transaction.isCanceled || !Transaction.isFrameOver(1, Verstak.shortFrameDuration / 3)) {
-            let outerPriority = Verstak.currentUpdatePriority;
-            Verstak.currentUpdatePriority = priority;
+            let outerPriority = Verstak.currentRebuildPriority;
+            Verstak.currentRebuildPriority = priority;
             try {
                 if (block.childrenShuffling)
                     shuffle(items);
                 const frameDurationLimit = priority === Priority.Background ? Verstak.shortFrameDuration : Infinity;
                 let frameDuration = Math.min(frameDurationLimit, Math.max(Verstak.frameDuration / 4, Verstak.shortFrameDuration));
                 for (const child of items) {
-                    triggerUpdate(child);
+                    triggerRebuild(child);
                     if (Transaction.isFrameOver(1, frameDuration)) {
-                        Verstak.currentUpdatePriority = outerPriority;
+                        Verstak.currentRebuildPriority = outerPriority;
                         yield Transaction.requestNextFrame(0);
-                        outerPriority = Verstak.currentUpdatePriority;
-                        Verstak.currentUpdatePriority = priority;
+                        outerPriority = Verstak.currentRebuildPriority;
+                        Verstak.currentRebuildPriority = priority;
                         frameDuration = Math.min(4 * frameDuration, Math.min(frameDurationLimit, Verstak.frameDuration));
                     }
                     if (Transaction.isCanceled && Transaction.isFrameOver(1, Verstak.shortFrameDuration / 3))
@@ -674,12 +674,12 @@ function updateIncrementally(owner, stamp, allChildren, items, priority) {
                 }
             }
             finally {
-                Verstak.currentUpdatePriority = outerPriority;
+                Verstak.currentRebuildPriority = outerPriority;
             }
         }
     });
 }
-function triggerUpdate(ties) {
+function triggerRebuild(ties) {
     const b = ties.instance;
     const node = b.node;
     if (node.stamp >= 0) {
@@ -688,15 +688,15 @@ function triggerUpdate(ties) {
                 Transaction.outside(() => {
                     if (Rx.isLogging)
                         Rx.setLoggingHint(b, node.key);
-                    Rx.getController(b.update).configure({
+                    Rx.getController(b.rebuild).configure({
                         order: node.level,
                     });
                 });
             }
-            nonreactive(b.update, node.builder.triggers);
+            nonreactive(b.rebuild, node.builder.triggers);
         }
         else
-            updateNow(ties);
+            rebuildNow(ties);
     }
 }
 function mountIfNecessary(block) {
@@ -714,7 +714,7 @@ function mountIfNecessary(block) {
     else if (block.isMoved && block.isAutoMountEnabled)
         nonreactive(() => driver.mount(block));
 }
-function updateNow(ties) {
+function rebuildNow(ties) {
     const b = ties.instance;
     const node = b.node;
     if (node.stamp >= 0) {
@@ -724,20 +724,20 @@ function updateNow(ties) {
                 mountIfNecessary(b);
                 node.stamp++;
                 node.numerator = 0;
-                b.prepareForUpdate();
+                b.prepareForRebuild();
                 node.children.beginMerge();
                 const driver = node.driver;
-                result = driver.update(b);
+                result = driver.rebuild(b);
                 if (b.area === undefined && node.owner.isTable)
                     b.area = undefined;
                 if (result instanceof Promise)
-                    result.then(v => { runUpdateNestedTreesThenDo(undefined, NOP); return v; }, e => { console.log(e); runUpdateNestedTreesThenDo(e !== null && e !== void 0 ? e : new Error("unknown error"), NOP); });
+                    result.then(v => { runRebuildNestedTreesThenDo(undefined, NOP); return v; }, e => { console.log(e); runRebuildNestedTreesThenDo(e !== null && e !== void 0 ? e : new Error("unknown error"), NOP); });
                 else
-                    runUpdateNestedTreesThenDo(undefined, NOP);
+                    runRebuildNestedTreesThenDo(undefined, NOP);
             }
             catch (e) {
-                runUpdateNestedTreesThenDo(e, NOP);
-                console.log(`Update failed: ${node.key}`);
+                runRebuildNestedTreesThenDo(e, NOP);
+                console.log(`Rebuild failed: ${node.key}`);
                 console.log(`${e}`);
             }
         });

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

@@ -1,4 +1,4 @@
-export * from "./Interfaces";
-export * from "./Utils";
-export * from "./Restyler";
-export * from "./Verstak";
+export * from "./Interfaces.js";
+export * from "./Utils.js";
+export * from "./Restyler.js";
+export * from "./Verstak.js";

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

@@ -1,4 +1,4 @@
-export * from "./Interfaces";
-export * from "./Utils";
-export * from "./Restyler";
-export * from "./Verstak";
+export * from "./Interfaces.js";
+export * from "./Utils.js";
+export * from "./Restyler.js";
+export * from "./Verstak.js";

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

@@ -1,9 +1,9 @@
-import { Block, BlockKind, BlockBuilder, Align, BlockCoords, BlockArea } from "../core/api";
-import { HtmlDriver } from "./HtmlDriver";
+import { Block, BlockKind, BlockBuilder, Align, BlockCoords, BlockArea } from "../core/api.js";
+import { HtmlDriver } from "./HtmlDriver.js";
 export declare function Section<M = unknown, R = void>(builder?: BlockBuilder<HTMLElement, M, R>, base?: BlockBuilder<HTMLElement, M, R>): Block<HTMLElement, M, R>;
 export declare function Table<M = unknown, R = void>(builder?: BlockBuilder<HTMLElement, M, R>, base?: BlockBuilder<HTMLElement, M, R>): Block<HTMLElement, M, R>;
 export declare function row<T = void>(builder?: (block: void) => T, shiftCursorDown?: number): void;
-export declare function fromNewRow(shiftCursorDown?: number): void;
+export declare function startNewRow(shiftCursorDown?: number): void;
 export declare function cursor(areaParams: BlockArea): void;
 export declare function Note(content: string, builder?: BlockBuilder<HTMLElement, void, void>): Block<HTMLElement, void, void>;
 export declare function HtmlNote(content: string, builder?: BlockBuilder<HTMLElement, void, void>): Block<HTMLElement, void, void>;
@@ -23,5 +23,5 @@ export declare class VerstakHtmlDriver<T extends HTMLElement> extends HtmlDriver
     applyContentWrapping(block: Block<T>, value: boolean): void;
     applyOverlayVisible(block: Block<T>, value: boolean | undefined): void;
     applyStyle(block: Block<T, any, any>, secondary: boolean, styleName: string, enabled?: boolean): void;
-    update(block: Block<T>): void | Promise<void>;
+    rebuild(block: Block<T>): void | Promise<void>;
 }

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

@@ -1,5 +1,5 @@
-import { Verstak, BlockKind, Align, CursorCommandDriver, BaseDriver } from "../core/api";
-import { HtmlDriver } from "./HtmlDriver";
+import { Verstak, BlockKind, Align, CursorCommandDriver, BaseDriver } from "../core/api.js";
+import { HtmlDriver } from "./HtmlDriver.js";
 export function Section(builder, base) {
     return Verstak.claim(Drivers.section, builder, base);
 }
@@ -7,10 +7,10 @@ export function Table(builder, base) {
     return Verstak.claim(Drivers.table, builder, base);
 }
 export function row(builder, shiftCursorDown) {
-    fromNewRow(shiftCursorDown);
+    startNewRow(shiftCursorDown);
     builder === null || builder === void 0 ? void 0 : builder();
 }
-export function fromNewRow(shiftCursorDown) {
+export function startNewRow(shiftCursorDown) {
     Verstak.claim(Drivers.row);
 }
 export function cursor(areaParams) {
@@ -177,10 +177,10 @@ export class VerstakHtmlDriver extends HtmlDriver {
         else
             e.className = enabled ? styleName : "";
     }
-    update(block) {
+    rebuild(block) {
         if (block.kind <= BlockKind.Table)
-            fromNewRow();
-        return super.update(block);
+            startNewRow();
+        return super.rebuild(block);
     }
 }
 const Constants = {

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

@@ -1,4 +1,4 @@
-import { DataForSensor } from "./sensors/DataForSensor";
+import { DataForSensor } from "./sensors/DataForSensor.js";
 declare global {
     interface Element {
         dataForSensor: DataForSensor;

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

@@ -1,4 +1,4 @@
-import { SymDataForSensor, SymResizeObserver } from "./sensors/DataForSensor";
+import { SymDataForSensor, SymResizeObserver } from "./sensors/DataForSensor.js";
 const ElementType = global.Element;
 if (ElementType !== undefined) {
     Object.defineProperty(ElementType.prototype, "dataForSensor", {

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

@@ -1,4 +1,4 @@
-import { Block, BlockBuilder } from "../core/api";
+import { Block, BlockBuilder } from "../core/api.js";
 export declare function HtmlBody(builder?: BlockBuilder<HTMLElement>, base?: BlockBuilder<HTMLElement>): Block<HTMLElement>;
 export declare function A<M = unknown, R = void>(builder?: BlockBuilder<HTMLAnchorElement, M, void, R>, base?: BlockBuilder<HTMLAnchorElement, M, void, R>): Block<HTMLAnchorElement, M, void, R>;
 export declare function Abbr<M = unknown, R = void>(builder?: BlockBuilder<HTMLElement, M, void, R>, base?: BlockBuilder<HTMLElement, M, void, R>): Block<HTMLElement, M, void, R>;

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

@@ -1,5 +1,5 @@
-import { Verstak, StaticDriver, BlockKind } from "../core/api";
-import { HtmlDriver, SvgDriver } from "./HtmlDriver";
+import { Verstak, StaticDriver, BlockKind } from "../core/api.js";
+import { HtmlDriver, SvgDriver } from "./HtmlDriver.js";
 export function HtmlBody(builder, base) {
     const driver = new StaticDriver(global.document.body, "HtmlBody", false, b => b.kind = BlockKind.Section);
     return Verstak.claim(driver, builder, base);

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

@@ -1,5 +1,5 @@
 import { Item } from "reactronic";
-import { Block, BaseDriver } from "../core/api";
+import { Block, BaseDriver } from "../core/api.js";
 export declare abstract class BaseHtmlDriver<T extends Element, C = unknown> extends BaseDriver<T, C> {
     create(block: Block<T, unknown, C, void>, b: {
         native?: T;
@@ -9,7 +9,7 @@ export declare abstract class BaseHtmlDriver<T extends Element, C = unknown> ext
     finalize(block: Block<T, unknown, C>, isLeader: boolean): boolean;
     mount(block: Block<T, unknown, C>): void;
     relocate(block: Block<T, unknown, C>): void;
-    update(block: Block<T, unknown, C>): void | Promise<void>;
+    rebuild(block: Block<T, unknown, C>): void | Promise<void>;
     static get blinkingEffectMarker(): string | undefined;
     static set blinkingEffectMarker(value: string | undefined);
     static findEffectiveHtmlBlockHost(block: Block<any>): Block<HTMLElement | SVGElement>;

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

@@ -1,5 +1,5 @@
 import { Rx } from "reactronic";
-import { Verstak, BaseDriver } from "../core/api";
+import { Verstak, BaseDriver } from "../core/api.js";
 export class BaseHtmlDriver extends BaseDriver {
     create(block, b) {
         super.create(block, b);
@@ -48,10 +48,10 @@ export class BaseHtmlDriver extends BaseDriver {
     }
     relocate(block) {
     }
-    update(block) {
-        const result = super.update(block);
+    rebuild(block) {
+        const result = super.rebuild(block);
         if (gBlinkingEffectMarker)
-            blink(block.native, Verstak.currentUpdatePriority, block.node.stamp);
+            blink(block.native, Verstak.currentRebuildPriority, block.node.stamp);
         return result;
     }
     static get blinkingEffectMarker() {

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

@@ -1,2 +1,2 @@
-import { FocusModel } from "./sensors/FocusSensor";
+import { FocusModel } from "./sensors/FocusSensor.js";
 export declare function FocuserReaction(key: string, target: HTMLElement, model: FocusModel, switchEditMode?: ((model?: FocusModel) => void) | undefined): void;

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

@@ -1,5 +1,5 @@
-import { Mode } from "../core/api";
-import { Fragment } from "./Blocks";
+import { Mode } from "../core/api.js";
+import { Fragment } from "./Blocks.js";
 export function FocuserReaction(key, target, model, switchEditMode = undefined) {
     Fragment({
         key,

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

@@ -1,18 +1,18 @@
-export * from "./HtmlDriver";
-export * from "./HtmlBlocks";
-export * from "./HtmlApiExt";
-export * from "./Blocks";
-export * from "./ReactingFocuser";
-export * from "./sensors/Sensor";
-export * from "./sensors/PointerSensor";
-export * from "./sensors/BasePointerSensor";
-export * from "./sensors/FocusSensor";
-export * from "./sensors/ButtonSensor";
-export * from "./sensors/HoverSensor";
-export * from "./sensors/WheelSensor";
-export * from "./sensors/KeyboardSensor";
-export * from "./sensors/ResizeSensor";
-export * from "./sensors/HtmlDragSensor";
-export * from "./sensors/HtmlSensors";
-export * from "./sensors/WindowSensor";
-import "./HtmlApiExt";
+export * from "./HtmlDriver.js";
+export * from "./HtmlBlocks.js";
+export * from "./HtmlApiExt.js";
+export * from "./Blocks.js";
+export * from "./ReactingFocuser.js";
+export * from "./sensors/Sensor.js";
+export * from "./sensors/PointerSensor.js";
+export * from "./sensors/BasePointerSensor.js";
+export * from "./sensors/FocusSensor.js";
+export * from "./sensors/ButtonSensor.js";
+export * from "./sensors/HoverSensor.js";
+export * from "./sensors/WheelSensor.js";
+export * from "./sensors/KeyboardSensor.js";
+export * from "./sensors/ResizeSensor.js";
+export * from "./sensors/HtmlDragSensor.js";
+export * from "./sensors/HtmlSensors.js";
+export * from "./sensors/WindowSensor.js";
+import "./HtmlApiExt.js";

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

@@ -1,18 +1,18 @@
-export * from "./HtmlDriver";
-export * from "./HtmlBlocks";
-export * from "./HtmlApiExt";
-export * from "./Blocks";
-export * from "./ReactingFocuser";
-export * from "./sensors/Sensor";
-export * from "./sensors/PointerSensor";
-export * from "./sensors/BasePointerSensor";
-export * from "./sensors/FocusSensor";
-export * from "./sensors/ButtonSensor";
-export * from "./sensors/HoverSensor";
-export * from "./sensors/WheelSensor";
-export * from "./sensors/KeyboardSensor";
-export * from "./sensors/ResizeSensor";
-export * from "./sensors/HtmlDragSensor";
-export * from "./sensors/HtmlSensors";
-export * from "./sensors/WindowSensor";
-import "./HtmlApiExt";
+export * from "./HtmlDriver.js";
+export * from "./HtmlBlocks.js";
+export * from "./HtmlApiExt.js";
+export * from "./Blocks.js";
+export * from "./ReactingFocuser.js";
+export * from "./sensors/Sensor.js";
+export * from "./sensors/PointerSensor.js";
+export * from "./sensors/BasePointerSensor.js";
+export * from "./sensors/FocusSensor.js";
+export * from "./sensors/ButtonSensor.js";
+export * from "./sensors/HoverSensor.js";
+export * from "./sensors/WheelSensor.js";
+export * from "./sensors/KeyboardSensor.js";
+export * from "./sensors/ResizeSensor.js";
+export * from "./sensors/HtmlDragSensor.js";
+export * from "./sensors/HtmlSensors.js";
+export * from "./sensors/WindowSensor.js";
+import "./HtmlApiExt.js";

package/build/dist/source/html/sensors/BasePointerSensor.d.ts

@@ -1,7 +1,7 @@
-import { FocusSensor } from "./FocusSensor";
-import { HtmlElementSensor } from "./HtmlElementSensor";
-import { KeyboardModifiers } from "./KeyboardSensor";
-import { WindowSensor } from "./WindowSensor";
+import { FocusSensor } from "./FocusSensor.js";
+import { HtmlElementSensor } from "./HtmlElementSensor.js";
+import { KeyboardModifiers } from "./KeyboardSensor.js";
+import { WindowSensor } from "./WindowSensor.js";
 export declare enum PointerButton {
     None = 0,
     Left = 1,

package/build/dist/source/html/sensors/BasePointerSensor.js

@@ -1,5 +1,5 @@
-import { HtmlElementSensor } from "./HtmlElementSensor";
-import { KeyboardModifiers } from "./KeyboardSensor";
+import { HtmlElementSensor } from "./HtmlElementSensor.js";
+import { KeyboardModifiers } from "./KeyboardSensor.js";
 export var PointerButton;
 (function (PointerButton) {
     PointerButton[PointerButton["None"] = 0] = "None";

package/build/dist/source/html/sensors/ButtonSensor.d.ts

@@ -1,6 +1,6 @@
-import { PointerButton, BasePointerSensor } from "./BasePointerSensor";
-import { FocusSensor } from "./FocusSensor";
-import { WindowSensor } from "./WindowSensor";
+import { PointerButton, BasePointerSensor } from "./BasePointerSensor.js";
+import { FocusSensor } from "./FocusSensor.js";
+import { WindowSensor } from "./WindowSensor.js";
 export declare enum ButtonState {
     Pressed = 0,
     Selecting = 1,

package/build/dist/source/html/sensors/ButtonSensor.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, Reentrance, transactional, Transaction, LoggingLevel } from "reactronic";
-import { extractPointerButton, isPointerButtonDown, PointerButton, BasePointerSensor } from "./BasePointerSensor";
-import { findTargetElementData, SymDataForSensor } from "./DataForSensor";
-import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor";
+import { extractPointerButton, isPointerButtonDown, PointerButton, BasePointerSensor } from "./BasePointerSensor.js";
+import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
+import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
 export var ButtonState;
 (function (ButtonState) {
     ButtonState[ButtonState["Pressed"] = 0] = "Pressed";

package/build/dist/source/html/sensors/FocusSensor.d.ts

@@ -1,6 +1,6 @@
 import { ToggleRef } from "reactronic";
-import { HtmlElementSensor } from "./HtmlElementSensor";
-import { WindowSensor } from "./WindowSensor";
+import { HtmlElementSensor } from "./HtmlElementSensor.js";
+import { WindowSensor } from "./WindowSensor.js";
 export interface FocusModel {
     isEditMode: boolean;
     onFocusIn?: (focus: FocusSensor) => void;

package/build/dist/source/html/sensors/FocusSensor.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, transactional, LoggingLevel } from "reactronic";
-import { objectHasMember } from "../../core/Utils";
-import { grabElementDataList, SymDataForSensor } from "./DataForSensor";
-import { HtmlElementSensor } from "./HtmlElementSensor";
+import { objectHasMember } from "../../core/Utils.js";
+import { grabElementDataList, SymDataForSensor } from "./DataForSensor.js";
+import { HtmlElementSensor } from "./HtmlElementSensor.js";
 export class FocusSensor extends HtmlElementSensor {
     constructor(windowSensor) {
         super(undefined, windowSensor);

package/build/dist/source/html/sensors/HoverSensor.d.ts

@@ -1,4 +1,4 @@
-import { BasePointerSensor } from "./BasePointerSensor";
+import { BasePointerSensor } from "./BasePointerSensor.js";
 export declare class HoverSensor extends BasePointerSensor {
     target: unknown;
     constructor();

package/build/dist/source/html/sensors/HoverSensor.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, transactional, LoggingLevel } from "reactronic";
-import { findTargetElementData, SymDataForSensor } from "./DataForSensor";
-import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor";
-import { BasePointerSensor } from "./BasePointerSensor";
+import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
+import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
+import { BasePointerSensor } from "./BasePointerSensor.js";
 export class HoverSensor extends BasePointerSensor {
     constructor() {
         super();

package/build/dist/source/html/sensors/HtmlDragSensor.d.ts

@@ -1,7 +1,7 @@
-import { FocusSensor } from "./FocusSensor";
-import { HtmlElementSensor } from "./HtmlElementSensor";
-import { KeyboardModifiers } from "./KeyboardSensor";
-import { WindowSensor } from "./WindowSensor";
+import { FocusSensor } from "./FocusSensor.js";
+import { HtmlElementSensor } from "./HtmlElementSensor.js";
+import { KeyboardModifiers } from "./KeyboardSensor.js";
+import { WindowSensor } from "./WindowSensor.js";
 export type DragEffectAllowed = "none" | "copy" | "copyLink" | "copyMove" | "link" | "linkMove" | "move" | "all" | "uninitialized";
 export type DropEffect = "none" | "copy" | "link" | "move";
 export declare class HtmlDragSensor extends HtmlElementSensor {

package/build/dist/source/html/sensors/HtmlDragSensor.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, reactive, transactional, raw, Transaction, LoggingLevel } from "reactronic";
-import { findTargetElementData, SymDataForSensor } from "./DataForSensor";
-import { HtmlElementSensor } from "./HtmlElementSensor";
-import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor";
+import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
+import { HtmlElementSensor } from "./HtmlElementSensor.js";
+import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
 export class HtmlDragSensor extends HtmlElementSensor {
     constructor(focusSensor, windowSensor) {
         super(focusSensor, windowSensor);

package/build/dist/source/html/sensors/HtmlElementSensor.d.ts

@@ -1,6 +1,6 @@
-import { DataForSensor } from "./DataForSensor";
-import { Sensor } from "./Sensor";
-import { WindowSensor } from "./WindowSensor";
+import { DataForSensor } from "./DataForSensor.js";
+import { Sensor } from "./Sensor.js";
+import { WindowSensor } from "./WindowSensor.js";
 export declare class HtmlElementSensor extends Sensor {
     readonly focusSensor?: any;
     readonly windowSensor?: WindowSensor;

package/build/dist/source/html/sensors/HtmlElementSensor.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { raw } from "reactronic";
-import { SymDataForSensor } from "./DataForSensor";
-import { Sensor } from "./Sensor";
-import { WindowSensor } from "./WindowSensor";
+import { SymDataForSensor } from "./DataForSensor.js";
+import { Sensor } from "./Sensor.js";
+import { WindowSensor } from "./WindowSensor.js";
 export class HtmlElementSensor extends Sensor {
     constructor(focusSensor, windowSensor) {
         super();

package/build/dist/source/html/sensors/HtmlSensors.d.ts

@@ -1,12 +1,12 @@
-import { FocusSensor } from "./FocusSensor";
-import { HoverSensor } from "./HoverSensor";
-import { HtmlDragSensor } from "./HtmlDragSensor";
-import { KeyboardSensor } from "./KeyboardSensor";
-import { ButtonSensor } from "./ButtonSensor";
-import { ResizeSensor } from "./ResizeSensor";
-import { WheelSensor } from "./WheelSensor";
-import { WindowSensor } from "./WindowSensor";
-import { PointerSensor } from "./PointerSensor";
+import { FocusSensor } from "./FocusSensor.js";
+import { HoverSensor } from "./HoverSensor.js";
+import { HtmlDragSensor } from "./HtmlDragSensor.js";
+import { KeyboardSensor } from "./KeyboardSensor.js";
+import { ButtonSensor } from "./ButtonSensor.js";
+import { ResizeSensor } from "./ResizeSensor.js";
+import { WheelSensor } from "./WheelSensor.js";
+import { WindowSensor } from "./WindowSensor.js";
+import { PointerSensor } from "./PointerSensor.js";
 export declare class HtmlSensors {
     readonly window: WindowSensor;
     readonly focus: FocusSensor;

package/build/dist/source/html/sensors/HtmlSensors.js

@@ -8,15 +8,15 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { transactional } from "reactronic";
-import { FocusSensor } from "./FocusSensor";
-import { HoverSensor } from "./HoverSensor";
-import { HtmlDragSensor } from "./HtmlDragSensor";
-import { KeyboardSensor } from "./KeyboardSensor";
-import { ButtonSensor } from "./ButtonSensor";
-import { ResizeSensor } from "./ResizeSensor";
-import { WheelSensor } from "./WheelSensor";
-import { WindowSensor } from "./WindowSensor";
-import { PointerSensor } from "./PointerSensor";
+import { FocusSensor } from "./FocusSensor.js";
+import { HoverSensor } from "./HoverSensor.js";
+import { HtmlDragSensor } from "./HtmlDragSensor.js";
+import { KeyboardSensor } from "./KeyboardSensor.js";
+import { ButtonSensor } from "./ButtonSensor.js";
+import { ResizeSensor } from "./ResizeSensor.js";
+import { WheelSensor } from "./WheelSensor.js";
+import { WindowSensor } from "./WindowSensor.js";
+import { PointerSensor } from "./PointerSensor.js";
 export class HtmlSensors {
     constructor() {
         this.window = new WindowSensor();

package/build/dist/source/html/sensors/KeyboardSensor.d.ts

@@ -1,4 +1,4 @@
-import { HtmlElementSensor } from "./HtmlElementSensor";
+import { HtmlElementSensor } from "./HtmlElementSensor.js";
 export declare enum KeyboardModifiers {
     None = 0,
     Ctrl = 1,

package/build/dist/source/html/sensors/KeyboardSensor.js

@@ -8,8 +8,8 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, sensitive, transactional, LoggingLevel } from "reactronic";
-import { grabElementDataList, SymDataForSensor } from "./DataForSensor";
-import { HtmlElementSensor } from "./HtmlElementSensor";
+import { grabElementDataList, SymDataForSensor } from "./DataForSensor.js";
+import { HtmlElementSensor } from "./HtmlElementSensor.js";
 export var KeyboardModifiers;
 (function (KeyboardModifiers) {
     KeyboardModifiers[KeyboardModifiers["None"] = 0] = "None";

package/build/dist/source/html/sensors/PointerSensor.d.ts

@@ -1,7 +1,7 @@
-import { PointerButton, BasePointerSensor } from "./BasePointerSensor";
-import { FocusSensor } from "./FocusSensor";
-import { KeyboardModifiers } from "./KeyboardSensor";
-import { WindowSensor } from "./WindowSensor";
+import { PointerButton, BasePointerSensor } from "./BasePointerSensor.js";
+import { FocusSensor } from "./FocusSensor.js";
+import { KeyboardModifiers } from "./KeyboardSensor.js";
+import { WindowSensor } from "./WindowSensor.js";
 export declare class PointerSensor extends BasePointerSensor {
     pointerButton: PointerButton;
     private clickable;

package/build/dist/source/html/sensors/PointerSensor.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, reactive, Reentrance, transactional, raw, Transaction, LoggingLevel } from "reactronic";
-import { extractPointerButton, isPointerButtonDown, PointerButton, BasePointerSensor } from "./BasePointerSensor";
-import { findTargetElementData, SymDataForSensor } from "./DataForSensor";
-import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor";
+import { extractPointerButton, isPointerButtonDown, PointerButton, BasePointerSensor } from "./BasePointerSensor.js";
+import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
+import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
 export class PointerSensor extends BasePointerSensor {
     constructor(focusSensor, windowSensor) {
         super(focusSensor, windowSensor);

package/build/dist/source/html/sensors/ResizeSensor.d.ts

@@ -1,5 +1,5 @@
-import { Block } from "../../core/api";
-import { Sensor } from "./Sensor";
+import { Block } from "../../core/api.js";
+import { Sensor } from "./Sensor.js";
 export interface ResizedElement {
     readonly borderBoxSize: ReadonlyArray<ResizeObserverSize>;
     readonly contentBoxSize: ReadonlyArray<ResizeObserverSize>;

package/build/dist/source/html/sensors/ResizeSensor.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, transactional, LoggingLevel } from "reactronic";
-import { Sensor } from "./Sensor";
+import { Sensor } from "./Sensor.js";
 export class ResizeSensor extends Sensor {
     constructor() {
         super();

package/build/dist/source/html/sensors/WheelSensor.d.ts

@@ -1,4 +1,4 @@
-import { BasePointerSensor } from "./BasePointerSensor";
+import { BasePointerSensor } from "./BasePointerSensor.js";
 export declare class WheelSensor extends BasePointerSensor {
     target: unknown;
     deltaX: number;

package/build/dist/source/html/sensors/WheelSensor.js

@@ -8,9 +8,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { options, Reentrance, transactional, LoggingLevel } from "reactronic";
-import { findTargetElementData, SymDataForSensor } from "./DataForSensor";
-import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor";
-import { BasePointerSensor } from "./BasePointerSensor";
+import { findTargetElementData, SymDataForSensor } from "./DataForSensor.js";
+import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor.js";
+import { BasePointerSensor } from "./BasePointerSensor.js";
 export class WheelSensor extends BasePointerSensor {
     constructor() {
         super();

package/build/dist/source/html/sensors/WindowSensor.d.ts

@@ -1,5 +1,5 @@
 import { ToggleRef } from "reactronic";
-import { Sensor } from "./Sensor";
+import { Sensor } from "./Sensor.js";
 export interface WindowModel {
     popupToggle?: ToggleRef;
 }

package/build/dist/source/html/sensors/WindowSensor.js

@@ -8,8 +8,8 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { ToggleRef, transactional } from "reactronic";
-import { objectHasMember } from "../../core/Utils";
-import { Sensor } from "./Sensor";
+import { objectHasMember } from "../../core/Utils.js";
+import { Sensor } from "./Sensor.js";
 export class WindowSensor extends Sensor {
     constructor() {
         super(...arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verstak",
-  "version": "0.23.113",
+  "version": "0.23.115",
   "description": "Verstak - Front-End Library",
   "publisher": "Nezaboodka Software",
   "license": "Apache-2.0",
@@ -31,18 +31,18 @@
   },
   "homepage": "https://github.com/nezaboodka/verstak/blob/master/README.md#readme",
   "dependencies": {
-    "reactronic": "^0.23.103"
+    "reactronic": "^0.23.104"
   },
   "devDependencies": {
-    "@types/node": "18.11.18",
-    "@typescript-eslint/eslint-plugin": "5.47.1",
-    "@typescript-eslint/parser": "5.47.1",
-    "ava": "4.3.3",
-    "c8": "7.12.0",
-    "eslint": "8.30.0",
+    "@types/node": "20.6.3",
+    "@typescript-eslint/eslint-plugin": "6.7.2",
+    "@typescript-eslint/parser": "6.7.2",
+    "ava": "5.3.1",
+    "c8": "8.0.1",
+    "eslint": "8.49.0",
     "ts-node": "10.9.1",
-    "tsconfig-paths": "4.1.1",
-    "typescript": "4.9.4"
+    "tsconfig-paths": "4.2.0",
+    "typescript": "5.2.2"
   },
   "scripts": {
     "build": "eslint source/**/*.ts test/**/*.ts && tsc",