verstak 0.96.26021 → 0.96.26023

package/build/dist/source/components/Button.v.js

@@ -1,10 +1,10 @@
-import { ReactiveTreeNode, derivative } from "reactronic";
+import { ReactiveTreeNode, setBasis } from "reactronic";
 import { Block, OnClick } from "verstak";
 import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Button(declaration) {
-    return (Block(derivative(declaration, {
+    return (Block(setBasis(declaration, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = rxModel({

package/build/dist/source/components/Icon.v.js

@@ -1,8 +1,8 @@
-import { derivative } from "reactronic";
+import { setBasis } from "reactronic";
 import { Block } from "verstak";
 import { Theme } from "./Theme.js";
 export function Icon(name, declaration) {
-    return (Block(derivative(declaration, {
+    return (Block(setBasis(declaration, {
         signalArgs: { name },
         body() {
             const theme = Theme.current.icon;

package/build/dist/source/components/Image.v.js

@@ -1,8 +1,8 @@
-import { derivative } from "reactronic";
+import { setBasis } from "reactronic";
 import { Block } from "verstak";
 import { rxModel } from "./common/Utils.js";
 export function Image(declaration) {
-    return (Block(derivative(declaration, {
+    return (Block(setBasis(declaration, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = rxModel({ source: undefined }));

package/build/dist/source/components/Input.v.js

@@ -1,10 +1,10 @@
-import { Mode, derivative } from "reactronic";
+import { Mode, setBasis } from "reactronic";
 import { Block, OnFocus, rowBreak, Fragment, KeyboardModifiers, Horizontal, Vertical } from "verstak";
 import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Input(declaration) {
-    return (Block(derivative(declaration, {
+    return (Block(setBasis(declaration, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = composeInputModel());

package/build/dist/source/components/Spinner.v.js

@@ -1,8 +1,8 @@
-import { Mode, derivative } from "reactronic";
+import { Mode, setBasis } from "reactronic";
 import { Block } from "verstak";
 import { rxModel } from "./common/Utils.js";
 export function Spinner(declaration) {
-    return (Block(derivative(declaration, {
+    return (Block(setBasis(declaration, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = composeSpinnerModel());

package/build/dist/source/components/Toggle.v.js

@@ -1,10 +1,10 @@
-import { ReactiveTreeNode, Mode, derivative } from "reactronic";
+import { ReactiveTreeNode, Mode, setBasis } from "reactronic";
 import { Block, OnClick } from "verstak";
 import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Toggle(declaration) {
-    return (Block(derivative(declaration, {
+    return (Block(setBasis(declaration, {
         preparation() {
             var _a;
             (_a = this.model) !== null && _a !== void 0 ? _a : (this.model = rxModel({

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

@@ -95,8 +95,8 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     private static applyCoords;
     private static applyWidth;
     private static applyHeight;
-    private static applyHorizontal;
-    private static applyVertical;
+    private static applyHorizontally;
+    private static applyVertically;
     private static applyStretchingStrengthH;
     private static applyStretchingStrengthV;
     private static applyContentWrapping;

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

@@ -118,7 +118,7 @@ export class ElImpl {
     set horizontally(value) {
         const existing = this._horizontal;
         if (value !== existing) {
-            ElImpl.applyHorizontal(this, existing, value, this._contentHorizontal, this._contentHorizontal, this._stretchingStrengthHorizontally);
+            ElImpl.applyHorizontally(this, existing, value, this._contentHorizontal, this._contentHorizontal, this._stretchingStrengthHorizontally);
             this._horizontal = value;
         }
     }
@@ -126,7 +126,7 @@ export class ElImpl {
     set vertically(value) {
         const existing = this._vertical;
         if (value !== existing) {
-            ElImpl.applyVertical(this, existing, value, this._contentVertical, this._contentVertical, this._stretchingStrengthVertically);
+            ElImpl.applyVertically(this, existing, value, this._contentVertical, this._contentVertical, this._stretchingStrengthVertically);
             this._vertical = value;
         }
     }
@@ -134,7 +134,7 @@ export class ElImpl {
     set contentHorizontally(value) {
         const existing = this._contentHorizontal;
         if (value !== existing) {
-            ElImpl.applyHorizontal(this, this._horizontal, this._horizontal, existing, value, this._stretchingStrengthHorizontally);
+            ElImpl.applyHorizontally(this, this._horizontal, this._horizontal, existing, value, this._stretchingStrengthHorizontally);
             this._contentHorizontal = value;
         }
     }
@@ -142,7 +142,7 @@ export class ElImpl {
     set contentVertically(value) {
         const existing = this._contentVertical;
         if (value !== existing) {
-            ElImpl.applyVertical(this, this._vertical, this._vertical, existing, value, this._stretchingStrengthVertically);
+            ElImpl.applyVertically(this, this._vertical, this._vertical, existing, value, this._stretchingStrengthVertically);
             this._contentVertical = value;
         }
     }
@@ -282,7 +282,7 @@ export class ElImpl {
             s.maxHeight = (_b = value.max) !== null && _b !== void 0 ? _b : "";
         }
     }
-    static applyHorizontal(element, oldPrimary, newPrimary, oldInside, newInside, strength) {
+    static applyHorizontally(element, oldPrimary, newPrimary, oldInside, newInside, strength) {
         var _a, _b;
         oldPrimary !== null && oldPrimary !== void 0 ? oldPrimary : (oldPrimary = Horizontal.left);
         newPrimary !== null && newPrimary !== void 0 ? newPrimary : (newPrimary = Horizontal.left);
@@ -375,7 +375,7 @@ export class ElImpl {
         if (newPrimary >= Horizontal.stretch && strength === undefined)
             ElImpl.applyStretchingStrengthH(element, 0, 1);
     }
-    static applyVertical(element, oldPrimary, newPrimary, oldInside, newInside, strength) {
+    static applyVertically(element, oldPrimary, newPrimary, oldInside, newInside, strength) {
         oldPrimary !== null && oldPrimary !== void 0 ? oldPrimary : (oldPrimary = Vertical.top);
         newPrimary !== null && newPrimary !== void 0 ? newPrimary : (newPrimary = Vertical.top);
         oldInside !== null && oldInside !== void 0 ? oldInside : (oldInside = oldPrimary);

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

@@ -1,9 +1,9 @@
-import { ReactiveTreeNode, ReactiveTreeNodeDecl, ReactiveTreeNodeDriver, Script, Mode, LinkedItem, ScriptAsync } from "reactronic";
+import { ReactiveTreeNode, ReactiveTreeNodeDecl, ReactiveTreeNodeDriver, Script, Mode, LinkedItem, ScriptAsync, Handler } from "reactronic";
 import { El, ElPlace } from "./El.js";
 import { CursorCommandDriver } from "./ElDriver.js";
 import { HtmlDriver } from "./WebDriver.js";
-export declare function Window(body?: Script<El<HTMLBodyElement>>, bodyTask?: ScriptAsync<El<HTMLBodyElement>>, key?: string, mode?: Mode, unmounted?: boolean, preparation?: Script<El<HTMLBodyElement>>, preparationTask?: ScriptAsync<El<HTMLBodyElement>>, mounting?: Script<El<HTMLBodyElement>>, finalization?: Script<El<HTMLBodyElement>>, signalArgs?: unknown, basis?: ReactiveTreeNodeDecl<El<HTMLBodyElement>>): ReactiveTreeNode<El<HTMLBodyElement>>;
-export declare function Window(declaration?: ReactiveTreeNodeDecl<El<HTMLBodyElement>>): ReactiveTreeNode<El<HTMLBodyElement>>;
+export declare function Window(body?: Script<El<HTMLElement>>, bodyTask?: ScriptAsync<El<HTMLElement>>, key?: string, mode?: Mode, unmounted?: boolean, preparation?: Script<El<HTMLElement>>, preparationTask?: ScriptAsync<El<HTMLElement>>, mounting?: Script<El<HTMLElement>>, finalization?: Script<El<HTMLElement>>, signalArgs?: unknown, basis?: ReactiveTreeNodeDecl<El<HTMLElement>>): ReactiveTreeNode<El<HTMLElement>>;
+export declare function Window(declaration?: ReactiveTreeNodeDecl<El<HTMLElement>>): ReactiveTreeNode<El<HTMLElement>>;
 export declare function Block<M = unknown>(body?: Script<El<HTMLElement, M>>, bodyTask?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, unmounted?: boolean, preparation?: Script<El<HTMLElement, M>>, preparationTask?: ScriptAsync<El<HTMLElement, M>>, mounting?: Script<El<HTMLElement>>, finalization?: Script<El<HTMLElement, M>>, signalArgs?: unknown, basis?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
 export declare function Block<M = unknown>(declaration?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
 export declare function Table<M = unknown>(body?: Script<El<HTMLElement, M>>, bodyTask?: ScriptAsync<El<HTMLElement, M>>, key?: string, mode?: Mode, unmounted?: boolean, preparation?: Script<El<HTMLElement, M>>, preparationTask?: ScriptAsync<El<HTMLElement, M>>, mounting?: Script<El<HTMLElement>>, finalization?: Script<El<HTMLElement, M>>, signalArgs?: unknown, basis?: ReactiveTreeNodeDecl<El<HTMLElement, M>>): ReactiveTreeNode<El<HTMLElement, M>>;
@@ -23,6 +23,11 @@ export declare class BlockDriver<T extends HTMLElement> extends HtmlDriver<T> {
     declareChild(ownerNode: ReactiveTreeNode<El<T, any>>, childDriver: ReactiveTreeNodeDriver<any>, childDeclaration?: ReactiveTreeNodeDecl<any> | undefined, childBasis?: ReactiveTreeNodeDecl<any> | undefined): LinkedItem<ReactiveTreeNode> | undefined;
 }
 export declare function isSplitViewPartition(childDriver: ReactiveTreeNodeDriver): boolean;
+export declare class StaticBlockDriver<T extends HTMLElement> extends BlockDriver<T> {
+    readonly native: T;
+    constructor(native: T, name: string, isPartition: boolean, initialize?: Handler<El<T>>);
+    assignNativeElement(node: ReactiveTreeNode<El<T>>): void;
+}
 export declare class PartitionDriver<T extends HTMLElement> extends HtmlDriver<T> {
     rebuildBody(node: ReactiveTreeNode<El<T>>): void | Promise<void>;
     provideHost(node: ReactiveTreeNode<El<T, any>>): ReactiveTreeNode<El<T, any>>;

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

@@ -4,9 +4,9 @@ import { clamp } from "./ElUtils.js";
 import { Constants, CursorCommandDriver, ElDriver, ElLayoutInfo, InitialElLayoutInfo } from "./ElDriver.js";
 import { getPrioritiesForEmptySpaceDistribution, getPrioritiesForSizeChanging, relayout, relayoutUsingSplitter } from "./SplitViewMath.js";
 import { Axis, BodyFontSize, Dimension, toPx } from "./Sizes.js";
-import { HtmlDriver, StaticDriver } from "./WebDriver.js";
+import { HtmlDriver } from "./WebDriver.js";
 export function Window(bodyOrDeclaration, bodyTask, key, mode, unmounted, preparation, preparationTask, mounting, finalization, signalArgs, basis) {
-    const driver = new StaticDriver(global.document.body, "Page", false, el => el.kind = ElKind.block);
+    const driver = new StaticBlockDriver(global.document.body, "Page", false, el => el.kind = ElKind.block);
     return declare(driver, bodyOrDeclaration, bodyTask, key, mode, unmounted, preparation, preparationTask, mounting, finalization, signalArgs, basis);
 }
 export function Block(bodyOrDeclaration, bodyTask, key, mode, unmounted, preparation, preparationTask, mounting, finalization, signalArgs, basis) {
@@ -211,6 +211,15 @@ function overrideMethod(declaration, method, func) {
         ? (el, base) => { baseScript.call(el, el, base); func.call(el, el); }
         : (el, base) => { base(); func.call(el, el); };
 }
+export class StaticBlockDriver extends BlockDriver {
+    constructor(native, name, isPartition, initialize) {
+        super(name, isPartition, initialize);
+        this.native = native;
+    }
+    assignNativeElement(node) {
+        node.element.native = this.native;
+    }
+}
 export class PartitionDriver extends HtmlDriver {
     rebuildBody(node) {
         const result = super.rebuildBody(node);

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

@@ -17,7 +17,7 @@ export declare class WebDriver<T extends Element, M = unknown> extends ElDriver<
 }
 export declare class StaticDriver<T extends HTMLElement> extends WebDriver<T> {
     readonly native: T;
-    constructor(native: T, name: string, isRow: boolean, initialize?: Handler<El<T>>);
+    constructor(native: T, name: string, isPartition: boolean, initialize?: Handler<El<T>>);
     assignNativeElement(node: ReactiveTreeNode<El<T>>): void;
 }
 export declare class HtmlDriver<T extends HTMLElement, M = any> extends WebDriver<T, M> {

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

@@ -105,8 +105,8 @@ export class WebDriver extends ElDriver {
     }
 }
 export class StaticDriver extends WebDriver {
-    constructor(native, name, isRow, initialize) {
-        super(name, isRow, initialize);
+    constructor(native, name, isPartition, initialize) {
+        super(name, isPartition, initialize);
         this.native = native;
     }
     assignNativeElement(node) {

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

@@ -1,8 +1,8 @@
-import { derivative } from "reactronic";
+import { setBasis } from "reactronic";
 import { Div } from "./HtmlElements.js";
 import { Fragment } from "../core/Elements.js";
 export function DraggableArea(draggingId, builder) {
-    return (Div(derivative(builder, {
+    return (Div(setBasis(builder, {
         body() {
             const e = this.native;
             const model = this.model;

package/package.json

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