verstak 0.96.26035 → 0.96.26041

package/build/dist/source/core/elements/Element.js

@@ -8,16 +8,16 @@ import { HtmlDriver } from "../WebDriver.js";
 import { Fragment } from "./Fragment.js";
 import { PartitionDriver } from "./Partition.js";
 import { describeSplitter, isSplitViewPartition } from "./Splitter.js";
-export function Element(bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis) {
-    return describe(ElementDriver.glob, bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis);
+export function Element(setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis) {
+    return describe(Element.name, ElementDriver.glob, setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis);
 }
 export class ElementDriver extends HtmlDriver {
     constructor() {
         super(ElementDriver.id, false, el => el.kind = ElKind.element);
     }
-    rebuildBody(node) {
+    runSetup(node) {
         const el = node.element;
-        const result = super.rebuildBody(node);
+        const result = super.runSetup(node);
         if (el.splitView !== undefined) {
             if (el.layoutInfo === undefined)
                 el.layoutInfo = new ElLayoutInfo(InitialElLayoutInfo);
@@ -36,7 +36,7 @@ export class ElementDriver extends HtmlDriver {
                 }
             });
             const relayoutEl = Fragment({
-                body() {
+                setup() {
                     const native = el.native;
                     const isHorizontal = el.splitView === Direction.horizontal;
                     if (layoutInfo.isUpdateFinished) {
@@ -82,7 +82,7 @@ export class ElementDriver extends HtmlDriver {
             });
             ReactiveTreeNode.launchNestedNodesThenDo(() => {
                 layoutInfo.isUpdateFinished = true;
-                ReactiveTreeNode.rebuildBody(relayoutEl, { stamp: node.stamp });
+                ReactiveTreeNode.launchSetup(relayoutEl, { stamp: node.stamp });
             });
         }
         return result;
@@ -102,7 +102,7 @@ export class ElementDriver extends HtmlDriver {
                     if (childDescription.signalArgs === undefined)
                         childDescription.signalArgs = {};
                     Object.defineProperty(childDescription.signalArgs, "index", { value: partCount });
-                    overrideMethod(childDescription, "body", el => {
+                    overrideMethod(childDescription, "setup", el => {
                         if (isHorizontal)
                             el.style.gridColumn = `${partCount + 1}`;
                         else
@@ -120,7 +120,7 @@ export class ElementDriver extends HtmlDriver {
                     result = last;
             }
             else if (last === undefined) {
-                describe(PartitionDriver.glob, {});
+                describe("Partition", PartitionDriver.glob, {});
             }
         }
         return result;

package/build/dist/source/core/elements/Fragment.d.ts

@@ -1,11 +1,11 @@
 import { ReactiveTreeNode, ReactiveTreeNodeDesc, ReactiveTreeNodeDriver, Script, Mode, ScriptAsync } from "reactronic";
 import { El } from "../El.js";
 import { ElDriver } from "../ElDriver.js";
-export declare function Fragment<M = unknown>(body: Script<El<void, M>>): ReactiveTreeNode<El<void, M>>;
-export declare function Fragment<M = unknown>(key: string, body: Script<El<void, M>>): ReactiveTreeNode<El<void, M>>;
-export declare function Fragment<M = unknown>(mode: Mode, body: Script<El<void, M>>): ReactiveTreeNode<El<void, M>>;
-export declare function Fragment<M = unknown>(description: ReactiveTreeNodeDesc<El<void, M>>): ReactiveTreeNode<El<void, M>>;
-export declare function Fragment<M = unknown>(key?: string, mode?: Mode, body?: Script<El<void, M>>, bodyTask?: ScriptAsync<El<void, M>>, preparation?: Script<El<void, M>>, preparationTask?: ScriptAsync<El<void, M>>, mounting?: Script<El<void, M>>, finalization?: Script<El<void, M>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<void, M>>): ReactiveTreeNode<El<void, M>>;
+export declare function Fragment<M = unknown, D = unknown>(setup: Script<El<void, M, D>>): ReactiveTreeNode<El<void, M, D>>;
+export declare function Fragment<M = unknown, D = unknown>(key: string, setup: Script<El<void, M, D>>): ReactiveTreeNode<El<void, M, D>>;
+export declare function Fragment<M = unknown, D = unknown>(mode: Mode, setup: Script<El<void, M, D>>): ReactiveTreeNode<El<void, M, D>>;
+export declare function Fragment<M = unknown, D = unknown>(description: ReactiveTreeNodeDesc<El<void, M, D>>): ReactiveTreeNode<El<void, M, D>>;
+export declare function Fragment<M = unknown, D = unknown>(key?: string, mode?: Mode, setup?: Script<El<void, M, D>>, setupTask?: ScriptAsync<El<void, M, D>>, creation?: Script<El<void, M, D>>, creationTask?: ScriptAsync<El<void, M, D>>, mounting?: Script<El<void, M, D>>, destruction?: Script<El<void, M, D>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<void, M, D>>): ReactiveTreeNode<El<void, M, D>>;
 export declare class FragmentDriver extends ElDriver<HTMLElement> {
     static readonly id = "fragment";
     static readonly glob: ReactiveTreeNodeDriver<El<void, any>>;

package/build/dist/source/core/elements/Fragment.js

@@ -1,11 +1,11 @@
 import { Mode, args2desc, describe } from "reactronic";
 import { ElKind } from "../El.js";
 import { ElDriver } from "../ElDriver.js";
-export function Fragment(bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis) {
-    var _a;
-    const desc = args2desc(bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis);
-    desc.mode = ((_a = desc.mode) !== null && _a !== void 0 ? _a : Mode.default) | Mode.fragment;
-    return describe(FragmentDriver.glob, desc);
+export function Fragment(setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis) {
+    var _a, _b;
+    const desc = (_a = args2desc(setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis)) !== null && _a !== void 0 ? _a : {};
+    desc.mode = ((_b = desc.mode) !== null && _b !== void 0 ? _b : Mode.default) | Mode.fragment;
+    return describe(Fragment.name, FragmentDriver.glob, desc);
 }
 export class FragmentDriver extends ElDriver {
     constructor() {

package/build/dist/source/core/elements/Group.d.ts

@@ -1,11 +1,11 @@
 import { ReactiveTreeNode, ReactiveTreeNodeDesc, Script, Mode, ScriptAsync } from "reactronic";
 import { El } from "../El.js";
 import { HtmlDriver } from "../WebDriver.js";
-export declare function Group<M = unknown>(body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Group<M = unknown>(key: string, body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Group<M = unknown>(mode: Mode, body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Group<M = unknown>(description: ReactiveTreeNodeDesc<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Group<M = unknown>(key?: string, mode?: Mode, body?: Script<El<HTMLElement, M>>, bodyTask?: ScriptAsync<El<HTMLElement, M>>, preparation?: Script<El<HTMLElement, M>>, preparationTask?: ScriptAsync<El<HTMLElement, M>>, mounting?: Script<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Group<M = unknown, D = unknown>(setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Group<M = unknown, D = unknown>(key: string, setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Group<M = unknown, D = unknown>(mode: Mode, setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Group<M = unknown, D = unknown>(description: ReactiveTreeNodeDesc<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Group<M = unknown, D = unknown>(key?: string, mode?: Mode, setup?: Script<El<HTMLElement, M, D>>, setupTask?: ScriptAsync<El<HTMLElement, M, D>>, creation?: Script<El<HTMLElement, M, D>>, creationTask?: ScriptAsync<El<HTMLElement, M, D>>, mounting?: Script<El<HTMLElement, M, D>>, destruction?: Script<El<HTMLElement, M, D>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
 export declare class GroupDriver extends HtmlDriver<HTMLElement> {
     static readonly id = "group";
     static readonly glob: GroupDriver;

package/build/dist/source/core/elements/Group.js

@@ -1,8 +1,8 @@
 import { describe } from "reactronic";
 import { ElKind } from "../El.js";
 import { HtmlDriver } from "../WebDriver.js";
-export function Group(bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis) {
-    return describe(GroupDriver.glob, bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis);
+export function Group(setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis) {
+    return describe(Group.name, GroupDriver.glob, setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis);
 }
 export class GroupDriver extends HtmlDriver {
     constructor() {

package/build/dist/source/core/elements/Partition.d.ts

@@ -7,7 +7,7 @@ export declare class PartitionDriver<T extends HTMLElement> extends HtmlDriver<T
     static readonly id = "part";
     static readonly glob: PartitionDriver<HTMLElement>;
     constructor();
-    rebuildBody(node: ReactiveTreeNode<El<T>>): void | Promise<void>;
+    runSetup(node: ReactiveTreeNode<El<T>>): void | Promise<void>;
     provideHost(node: ReactiveTreeNode<El<T, any>>): ReactiveTreeNode<El<T, any>>;
 }
 export declare class WrapperDriver extends HtmlDriver<HTMLElement> {

package/build/dist/source/core/elements/Partition.js

@@ -6,19 +6,19 @@ export function row(builder, shiftCursorDown) {
     builder === null || builder === void 0 ? void 0 : builder();
 }
 export function rowBreak(shiftCursorDown) {
-    describe(PartitionDriver.glob, {});
+    describe("RowBreak", PartitionDriver.glob, {});
 }
 export class PartitionDriver extends HtmlDriver {
     constructor() {
         super(PartitionDriver.id, true, el => el.kind = ElKind.partition);
     }
-    rebuildBody(node) {
-        const result = super.rebuildBody(node);
+    runSetup(node) {
+        const result = super.runSetup(node);
         const ownerEl = node.owner.element;
         if (ownerEl.sealed !== undefined) {
             node.element.style.flexGrow = "1";
-            describe(WrapperDriver.glob, {
-                body() {
+            describe("Wrapper", WrapperDriver.glob, {
+                setup() {
                     const ownerEl = this.node.owner.owner.element;
                     if (ownerEl.splitView !== undefined) {
                         this.style.display = "grid";

package/build/dist/source/core/elements/Splitter.d.ts

@@ -1,11 +1,11 @@
 import { ReactiveTreeNode, ReactiveTreeNodeDesc, ReactiveTreeNodeDriver, Script, Mode, ScriptAsync } from "reactronic";
 import { El } from "../El.js";
 import { HtmlDriver } from "../WebDriver.js";
-export declare function Splitter<M = unknown>(body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Splitter<M = unknown>(key: string, body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Splitter<M = unknown>(mode: Mode, body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Splitter<M = unknown>(description: ReactiveTreeNodeDesc<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Splitter<M = unknown>(key?: string, mode?: Mode, body?: Script<El<HTMLElement, M>>, bodyTask?: ScriptAsync<El<HTMLElement, M>>, preparation?: Script<El<HTMLElement, M>>, preparationTask?: ScriptAsync<El<HTMLElement, M>>, mounting?: Script<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Splitter<M = unknown, D = unknown>(setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Splitter<M = unknown, D = unknown>(key: string, setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Splitter<M = unknown, D = unknown>(mode: Mode, setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Splitter<M = unknown, D = unknown>(description: ReactiveTreeNodeDesc<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Splitter<M = unknown, D = unknown>(key?: string, mode?: Mode, setup?: Script<El<HTMLElement, M, D>>, setupTask?: ScriptAsync<El<HTMLElement, M, D>>, creation?: Script<El<HTMLElement, M, D>>, creationTask?: ScriptAsync<El<HTMLElement, M, D>>, mounting?: Script<El<HTMLElement, M, D>>, destruction?: Script<El<HTMLElement, M, D>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
 export declare function describeSplitter<T>(index: number, splitViewNode: ReactiveTreeNode<El<T>>): ReactiveTreeNode<El<HTMLElement>>;
 export declare class SplitterDriver extends HtmlDriver<HTMLElement> {
     static readonly id = "splitter";

package/build/dist/source/core/elements/Splitter.js

@@ -3,17 +3,17 @@ import { Direction, ElKind } from "../El.js";
 import { HtmlDriver } from "../WebDriver.js";
 import { relayoutUsingSplitter } from "../SplitViewMath.js";
 import { Fragment, FragmentDriver } from "./Fragment.js";
-export function Splitter(bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis) {
-    return describe(SplitterDriver.glob, bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis);
+export function Splitter(setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis) {
+    return describe(Splitter.name, SplitterDriver.glob, setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis);
 }
 export function describeSplitter(index, splitViewNode) {
     const key = `splitter-${index}`;
     return (Splitter({
         key,
-        preparation() {
+        creation() {
             this.native.className = `splitter ${key}`;
         },
-        body() {
+        setup() {
             const e = this.native;
             const model = this.model;
             const dataForSensor = e.dataForSensor;

package/build/dist/source/core/elements/Table.d.ts

@@ -1,11 +1,11 @@
 import { ReactiveTreeNode, ReactiveTreeNodeDesc, Script, Mode, ScriptAsync } from "reactronic";
 import { El } from "../El.js";
 import { HtmlDriver } from "../WebDriver.js";
-export declare function Table<M = unknown>(body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Table<M = unknown>(key: string, body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Table<M = unknown>(mode: Mode, body: Script<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Table<M = unknown>(description: ReactiveTreeNodeDesc<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
-export declare function Table<M = unknown>(key?: string, mode?: Mode, body?: Script<El<HTMLElement, M>>, bodyTask?: ScriptAsync<El<HTMLElement, M>>, preparation?: Script<El<HTMLElement, M>>, preparationTask?: ScriptAsync<El<HTMLElement, M>>, mounting?: Script<El<HTMLElement, M>>, finalization?: Script<El<HTMLElement, M>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
+export declare function Table<M = unknown, D = unknown>(setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Table<M = unknown, D = unknown>(key: string, setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Table<M = unknown, D = unknown>(mode: Mode, setup: Script<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Table<M = unknown, D = unknown>(description: ReactiveTreeNodeDesc<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
+export declare function Table<M = unknown, D = unknown>(key?: string, mode?: Mode, setup?: Script<El<HTMLElement, M, D>>, setupTask?: ScriptAsync<El<HTMLElement, M, D>>, creation?: Script<El<HTMLElement, M, D>>, creationTask?: ScriptAsync<El<HTMLElement, M, D>>, mounting?: Script<El<HTMLElement, M, D>>, destruction?: Script<El<HTMLElement, M, D>>, signalArgs?: unknown, unmounted?: boolean, basis?: ReactiveTreeNodeDesc<El<HTMLElement, M, D>>): ReactiveTreeNode<El<HTMLElement, M, D>>;
 export declare class TableDriver extends HtmlDriver<HTMLElement> {
     static readonly id = "el";
     static readonly glob: TableDriver;

package/build/dist/source/core/elements/Table.js

@@ -1,8 +1,8 @@
 import { describe } from "reactronic";
 import { ElKind } from "../El.js";
 import { HtmlDriver } from "../WebDriver.js";
-export function Table(bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis) {
-    return describe(TableDriver.glob, bodyOrKeyOrModeDescription, bodyOrMode, body, bodyTask, preparation, preparationTask, mounting, finalization, signalArgs, unmounted, basis);
+export function Table(setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis) {
+    return describe(Table.name, TableDriver.glob, setupOrKeyOrModeDescription, setupOrMode, setup, setupTask, creation, creationTask, mounting, destruction, signalArgs, unmounted, basis);
 }
 export class TableDriver extends HtmlDriver {
     constructor() {

package/build/dist/source/core/sensors/Handlers.js

@@ -14,7 +14,7 @@ export function OnClick(target, action, key) {
         Fragment({
             key,
             signalArgs: { target },
-            body() {
+            setup() {
                 const pointer = target.sensors.pointer;
                 if (target.dataForSensor.click !== undefined && pointer.clicked === target.dataForSensor.click || target.dataForSensor.click === undefined && pointer.clicked) {
                     if (action instanceof Function) {
@@ -33,7 +33,7 @@ export function OnClickAsync(target, action, key) {
         Fragment({
             key,
             signalArgs: { target },
-            bodyTask() {
+            setupTask() {
                 return __awaiter(this, void 0, void 0, function* () {
                     const pointer = target.sensors.pointer;
                     if (target.dataForSensor.click !== undefined && pointer.clicked === target.dataForSensor.click || target.dataForSensor.click === undefined && pointer.clicked) {
@@ -54,7 +54,7 @@ export function OnResize(target, action, key) {
         Fragment({
             key,
             signalArgs: { target },
-            body() {
+            setup() {
                 const resize = target.sensors.resize;
                 resize.resizedElements.forEach(x => {
                     action(x);
@@ -67,10 +67,10 @@ export function OnFocus(target, model, switchEditMode = undefined, key) {
     Fragment({
         key,
         signalArgs: { target, model },
-        preparation() {
+        creation() {
             this.node.configureReactivity({ throttling: 0 });
         },
-        body() {
+        setup() {
             if (switchEditMode === undefined && !(target instanceof HTMLInputElement || target.hasAttribute("tabindex")))
                 console.warn(`"${key !== null && key !== void 0 ? key : "noname"}" element must have "tabindex" attribute set in order to be focusable`);
             if (switchEditMode !== undefined) {

package/build/dist/source/html/DraggableArea.view.js

@@ -3,7 +3,7 @@ import { Div } from "./HtmlElements.js";
 import { Fragment } from "../core/elements/api.js";
 export function DraggableArea(draggingId, builder) {
     return (Div(setBasis(builder, {
-        body() {
+        setup() {
             const e = this.native;
             const model = this.model;
             const dataForSensor = e.dataForSensor;