verstak 0.24.311 → 0.24.400

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

@@ -3,8 +3,8 @@ import { Div } from "./HtmlElements.js";
 import { Handling } from "./Elements.js";
 export function DraggableArea(draggingId, builder) {
     return (Div(ReactiveNode.withBasis(builder, {
-        mode: Mode.independentUpdate,
-        script: b => {
+        mode: Mode.autonomous,
+        content: b => {
             const e = b.native;
             const model = b.model;
             const dataForSensor = e.dataForSensor;

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

@@ -1,21 +1,21 @@
 import { ReactiveNodeDecl, ReactiveNodeDriver, ReactiveNode, Script, Mode, MergedItem, ScriptAsync } from "reactronic";
 import { CursorCommandDriver, El, ElPlace } from "./El.js";
 import { HtmlDriver } from "./HtmlDriver.js";
-export declare function Panel<M = unknown>(script?: Script<El<HTMLElement, M>>, scriptAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, creation?: Script<El<HTMLElement, M>>, creationAsync?: ScriptAsync<El<HTMLElement, M>>, destruction?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
+export declare function Panel<M = unknown>(content?: Script<El<HTMLElement, M>>, contentAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, creation?: Script<El<HTMLElement, M>>, creationAsync?: ScriptAsync<El<HTMLElement, M>>, destruction?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
 export declare function Panel<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function Table<M = unknown>(script?: Script<El<HTMLElement, M>>, scriptAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, creation?: Script<El<HTMLElement, M>>, creationAsync?: ScriptAsync<El<HTMLElement, M>>, destruction?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
+export declare function Table<M = unknown>(content?: Script<El<HTMLElement, M>>, contentAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, creation?: Script<El<HTMLElement, M>>, creationAsync?: ScriptAsync<El<HTMLElement, M>>, destruction?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
 export declare function Table<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
 export declare function row<T = void>(builder?: (element: void) => T, shiftCursorDown?: number): void;
-export declare function Splitter<M = unknown>(script?: Script<El<HTMLElement, M>>, scriptAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, creation?: Script<El<HTMLElement, M>>, creationAsync?: ScriptAsync<El<HTMLElement, M>>, destruction?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
+export declare function Splitter<M = unknown>(content?: Script<El<HTMLElement, M>>, contentAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, creation?: Script<El<HTMLElement, M>>, creationAsync?: ScriptAsync<El<HTMLElement, M>>, destruction?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
 export declare function Splitter<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
 export declare function rowBreak(shiftCursorDown?: number): void;
 export declare function declareSplitter<T>(index: number, splitViewNode: ReactiveNode<El<T>>): ReactiveNode<El<HTMLElement>>;
 export declare function cursor(areaParams: ElPlace): void;
 export declare function Note(content: string, formatted?: boolean, declaration?: ReactiveNodeDecl<El<HTMLElement, void>>): ReactiveNode<El<HTMLElement, void>>;
-export declare function Group<M = unknown>(script?: Script<El<HTMLElement, M>>, scriptAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, creation?: Script<El<HTMLElement, M>>, creationAsync?: ScriptAsync<El<HTMLElement, M>>, destruction?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
+export declare function Group<M = unknown>(content?: Script<El<HTMLElement, M>>, contentAsync?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, creation?: Script<El<HTMLElement, M>>, creationAsync?: ScriptAsync<El<HTMLElement, M>>, destruction?: Script<El<HTMLElement, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
 export declare function Group<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
-export declare function Handling<M = unknown>(script: Script<El<void, M>>): ReactiveNode<El<void, M>>;
-export declare function SyntheticElement<M = unknown>(script?: Script<El<void, M>>, scriptAsync?: ScriptAsync<El<void, M>>, key?: string, mode?: Mode, creation?: Script<El<void, M>>, creationAsync?: ScriptAsync<El<void, M>>, destruction?: Script<El<void, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<void, M>>): ReactiveNode<El<void, M>>;
+export declare function Handling<M = unknown>(content: Script<El<void, M>>): ReactiveNode<El<void, M>>;
+export declare function SyntheticElement<M = unknown>(content?: Script<El<void, M>>, contentAsync?: ScriptAsync<El<void, M>>, key?: string, mode?: Mode, creation?: Script<El<void, M>>, creationAsync?: ScriptAsync<El<void, M>>, destruction?: Script<El<void, M>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<void, M>>): ReactiveNode<El<void, M>>;
 export declare function SyntheticElement<M = unknown>(declaration?: ReactiveNodeDecl<El<void, M>>): ReactiveNode<El<void, M>>;
 export declare class PanelDriver<T extends HTMLElement> extends HtmlDriver<T> {
     update(node: ReactiveNode<El<T>>): void | Promise<void>;

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(scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
-    return ReactiveNode.declare(Drivers.panel, scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
+export function Panel(contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
+    return ReactiveNode.declare(Drivers.panel, contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
 }
-export function Table(scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
-    return ReactiveNode.declare(Drivers.table, scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
+export function Table(contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
+    return ReactiveNode.declare(Drivers.table, contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
 }
 export function row(builder, shiftCursorDown) {
     rowBreak(shiftCursorDown);
     builder === null || builder === void 0 ? void 0 : builder();
 }
-export function Splitter(scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
-    return ReactiveNode.declare(Drivers.splitter, scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
+export function Splitter(contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
+    return ReactiveNode.declare(Drivers.splitter, contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
 }
 export function rowBreak(shiftCursorDown) {
     ReactiveNode.declare(Drivers.partition);
@@ -24,9 +24,9 @@ export function declareSplitter(index, splitViewNode) {
     const key = `splitter-${index}`;
     return (Splitter({
         key,
-        mode: Mode.independentUpdate,
+        mode: Mode.autonomous,
         creation: el => el.native.className = `splitter ${key}`,
-        script: b => {
+        content: b => {
             const e = b.native;
             const model = b.model;
             const dataForSensor = e.dataForSensor;
@@ -75,14 +75,14 @@ export function declareSplitter(index, splitViewNode) {
 }
 export function cursor(areaParams) {
     ReactiveNode.declare(Drivers.cursor, {
-        script: el => {
+        content: el => {
             el.place = areaParams;
         },
     });
 }
 export function Note(content, formatted, declaration) {
     return ReactiveNode.declare(Drivers.note, ReactiveNode.withBasis(declaration, {
-        script: el => {
+        content: el => {
             if (formatted)
                 el.native.innerHTML = content;
             else
@@ -90,14 +90,14 @@ export function Note(content, formatted, declaration) {
         },
     }));
 }
-export function Group(scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
-    return ReactiveNode.declare(Drivers.group, scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
+export function Group(contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
+    return ReactiveNode.declare(Drivers.group, contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
 }
-export function Handling(script) {
-    return SyntheticElement({ mode: Mode.independentUpdate, script });
+export function Handling(content) {
+    return SyntheticElement({ mode: Mode.autonomous, content });
 }
-export function SyntheticElement(scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
-    return ReactiveNode.declare(Drivers.synthetic, scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
+export function SyntheticElement(contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
+    return ReactiveNode.declare(Drivers.synthetic, contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
 }
 export class PanelDriver extends HtmlDriver {
     update(node) {
@@ -122,8 +122,8 @@ export class PanelDriver extends HtmlDriver {
                 }
             });
             const relayoutEl = SyntheticElement({
-                mode: Mode.independentUpdate,
-                script: () => {
+                mode: Mode.autonomous,
+                content: () => {
                     const native = el.native;
                     const isHorizontal = el.splitView === Direction.horizontal;
                     if (layoutInfo.isUpdateFinished) {
@@ -190,7 +190,7 @@ export class PanelDriver extends HtmlDriver {
                     if (childDeclaration.triggers === undefined)
                         childDeclaration.triggers = {};
                     Object.defineProperty(childDeclaration.triggers, "index", { value: partCount });
-                    overrideMethod(childDeclaration, "script", el => {
+                    overrideMethod(childDeclaration, "content", el => {
                         if (isHorizontal)
                             el.style.gridColumn = `${partCount + 1}`;
                         else
@@ -227,7 +227,7 @@ export class PartitionDriver extends HtmlDriver {
         if (ownerEl.sealed !== undefined) {
             node.element.style.flexGrow = "1";
             ReactiveNode.declare(Drivers.wrapper, {
-                script: el => {
+                content: el => {
                     const ownerEl = el.node.owner.owner.element;
                     if (ownerEl.splitView !== undefined) {
                         el.style.display = "grid";

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

@@ -13,9 +13,9 @@ export function OnClick(target, action, key) {
     if (action !== undefined) {
         SyntheticElement({
             key,
-            mode: Mode.independentUpdate,
+            mode: Mode.autonomous,
             triggers: { target },
-            script: el => {
+            content: el => {
                 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,9 +33,9 @@ export function OnClickAsync(target, action, key) {
     if (action !== undefined) {
         SyntheticElement({
             key,
-            mode: Mode.independentUpdate,
+            mode: Mode.autonomous,
             triggers: { target },
-            scriptAsync: (el) => __awaiter(this, void 0, void 0, function* () {
+            contentAsync: (el) => __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) {
                     if (action instanceof Function) {
@@ -53,9 +53,9 @@ export function OnResize(target, action, key) {
     if (action) {
         SyntheticElement({
             key,
-            mode: Mode.independentUpdate,
+            mode: Mode.autonomous,
             triggers: { target },
-            script: el => {
+            content: el => {
                 const resize = target.sensors.resize;
                 resize.resizedElements.forEach(x => {
                     action(x);
@@ -67,12 +67,12 @@ export function OnResize(target, action, key) {
 export function OnFocus(target, model, switchEditMode = undefined, key) {
     SyntheticElement({
         key,
-        mode: Mode.independentUpdate,
+        mode: Mode.autonomous,
         triggers: { target, model },
         creation: el => {
             el.node.configureReactronic({ throttling: 0 });
         },
-        script: el => {
+        content: el => {
             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/HtmlElements.d.ts

@@ -1,6 +1,6 @@
 import { ReactiveNode, ReactiveNodeDecl, Script as Scr, ScriptAsync as ScrAsync, Mode } from "reactronic";
 import { El } from "./El.js";
-export declare function Page(script?: Scr<El<HTMLBodyElement>>, scriptAsync?: ScrAsync<El<HTMLBodyElement>>, key?: string, mode?: Mode, creation?: Scr<El<HTMLBodyElement>>, creationAsync?: ScrAsync<El<HTMLBodyElement>>, destruction?: Scr<El<HTMLBodyElement>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLBodyElement>>): ReactiveNode<El<HTMLBodyElement>>;
+export declare function Page(content?: Scr<El<HTMLBodyElement>>, contentAsync?: ScrAsync<El<HTMLBodyElement>>, key?: string, mode?: Mode, creation?: Scr<El<HTMLBodyElement>>, creationAsync?: ScrAsync<El<HTMLBodyElement>>, destruction?: Scr<El<HTMLBodyElement>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLBodyElement>>): ReactiveNode<El<HTMLBodyElement>>;
 export declare function Page(declaration?: ReactiveNodeDecl<El<HTMLBodyElement>>): ReactiveNode<El<HTMLBodyElement>>;
 export declare function A<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLAnchorElement, M>>): ReactiveNode<El<HTMLAnchorElement, M>>;
 export declare function Abbr<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;

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

@@ -1,9 +1,9 @@
 import { ReactiveNode } from "reactronic";
 import { ElKind } from "./El.js";
 import { StaticDriver, HtmlDriver, SvgDriver } from "./HtmlDriver.js";
-export function Page(scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
+export function Page(contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis) {
     const driver = new StaticDriver(global.document.body, "Page", false, el => el.kind = ElKind.panel);
-    return ReactiveNode.declare(driver, scriptOrDeclaration, scriptAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
+    return ReactiveNode.declare(driver, contentOrDeclaration, contentAsync, key, mode, creation, creationAsync, destruction, triggers, basis);
 }
 export function A(declaration) { return ReactiveNode.declare(HtmlTags.a, declaration); }
 export function Abbr(declaration) { return ReactiveNode.declare(HtmlTags.abbr, declaration); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verstak",
-  "version": "0.24.311",
+  "version": "0.24.400",
   "description": "Verstak - Front-End Library",
   "publisher": "Nezaboodka Software",
   "license": "Apache-2.0",
@@ -31,15 +31,15 @@
   },
   "homepage": "https://github.com/nezaboodka/verstak/blob/master/README.md#readme",
   "dependencies": {
-    "reactronic": "^0.24.309"
+    "reactronic": "^0.24.400"
   },
   "devDependencies": {
-    "@types/node": "20.11.17",
-    "@typescript-eslint/eslint-plugin": "6.21.0",
-    "@typescript-eslint/parser": "6.21.0",
-    "ava": "6.1.1",
-    "c8": "9.1.0",
-    "eslint": "8.56.0",
+    "@types/node": "22.8.5",
+    "@typescript-eslint/eslint-plugin": "8.12.2",
+    "@typescript-eslint/parser": "8.12.2",
+    "ava": "6.2.0",
+    "c8": "10.1.2",
+    "eslint": "9.13.0",
     "ts-node": "10.9.2",
     "tsconfig-paths": "4.2.0",
     "typescript": "5.5.4"