verstak 0.95.25045 → 0.95.25047

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

@@ -1,6 +1,6 @@
 import { ReactiveTreeNode, Mode, derivative } from "reactronic";
 import { Block, JustText, OnClick } from "verstak";
-import { sxModel } from "./common/Utils.js";
+import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Button(declaration) {
@@ -8,7 +8,7 @@ export function Button(declaration) {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = sxModel({
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = rxModel({
                 icon: "fa-solid fa-square",
                 label: ReactiveTreeNode.current.key,
             }));

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

@@ -1,12 +1,12 @@
 import { Mode, derivative } from "reactronic";
 import { Block } from "verstak";
-import { sxModel } from "./common/Utils.js";
+import { rxModel } from "./common/Utils.js";
 export function Image(declaration) {
     return (Block(derivative(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = sxModel({ source: undefined }));
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = rxModel({ source: undefined }));
         },
         script: el => {
             const m = el.model;

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

@@ -1,6 +1,6 @@
 import { Mode, derivative } from "reactronic";
 import { Block, JustText, OnFocus, rowBreak, Fragment, KeyboardModifiers, Horizontal, Vertical } from "verstak";
-import { sxModel } from "./common/Utils.js";
+import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Input(declaration) {
@@ -29,7 +29,7 @@ export function Input(declaration) {
 }
 export function composeInputModel(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    return sxModel({
+    return rxModel({
         icon: props === null || props === void 0 ? void 0 : props.icon,
         text: (_a = props === null || props === void 0 ? void 0 : props.text) !== null && _a !== void 0 ? _a : "",
         options: (_b = props === null || props === void 0 ? void 0 : props.options) !== null && _b !== void 0 ? _b : [],

package/build/dist/source/components/RealTimeClock.d.ts

@@ -1,5 +1,5 @@
-import { SxObject } from "reactronic";
-export declare class RealTimeClock extends SxObject {
+import { RxObject } from "reactronic";
+export declare class RealTimeClock extends RxObject {
     hour: number;
     minute: number;
     second: number;

package/build/dist/source/components/RealTimeClock.js

@@ -7,8 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { SxObject, transaction, reaction } from "reactronic";
-export class RealTimeClock extends SxObject {
+import { RxObject, transaction, reaction } from "reactronic";
+export class RealTimeClock extends RxObject {
     constructor(interval = 1000) {
         super();
         this.hour = 0;

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

@@ -1,6 +1,6 @@
 import { Mode, derivative } from "reactronic";
 import { Block, JustText } from "verstak";
-import { sxModel } from "./common/Utils.js";
+import { rxModel } from "./common/Utils.js";
 export function Spinner(declaration) {
     return (Block(derivative(declaration, {
         mode: Mode.autonomous,
@@ -16,7 +16,7 @@ export function Spinner(declaration) {
 }
 export function composeSpinnerModel(props) {
     var _a, _b;
-    return sxModel({
+    return rxModel({
         active: (_a = props === null || props === void 0 ? void 0 : props.active) !== null && _a !== void 0 ? _a : false,
         color: (_b = props === null || props === void 0 ? void 0 : props.color) !== null && _b !== void 0 ? _b : "",
     });

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

@@ -1,6 +1,6 @@
 import { ReactiveTreeNode, Mode, derivative } from "reactronic";
 import { Block, JustText, OnClick } from "verstak";
-import { sxModel } from "./common/Utils.js";
+import { rxModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Toggle(declaration) {
@@ -8,7 +8,7 @@ export function Toggle(declaration) {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = sxModel({
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = rxModel({
                 label: ReactiveTreeNode.current.key,
                 checked: true,
                 color: "green"

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

@@ -6,5 +6,5 @@ export * from "./Spinner.v.js";
 export * from "./Toggle.v.js";
 export * from "./Markdown.v.js";
 export * from "./Theme.js";
-export { sxModel } from "./common/Utils.js";
+export { rxModel } from "./common/Utils.js";
 export { RealTimeClock } from "./RealTimeClock.js";

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

@@ -6,5 +6,5 @@ export * from "./Spinner.v.js";
 export * from "./Toggle.v.js";
 export * from "./Markdown.v.js";
 export * from "./Theme.js";
-export { sxModel } from "./common/Utils.js";
+export { rxModel } from "./common/Utils.js";
 export { RealTimeClock } from "./RealTimeClock.js";

package/build/dist/source/components/common/Utils.d.ts

@@ -2,4 +2,4 @@ import { Ref } from "reactronic";
 export type ValuesOrRefs<T> = {
     [K in keyof T]: T[K] | Ref<T[K]>;
 };
-export declare function sxModel<T extends Object>(modelProps: ValuesOrRefs<T>): T;
+export declare function rxModel<T extends Object>(modelProps: ValuesOrRefs<T>): T;

package/build/dist/source/components/common/Utils.js

@@ -1,8 +1,8 @@
-import { SxObject, Ref, runTransactional, Isolation } from "reactronic";
-export function sxModel(modelProps) {
-    return runTransactional({ isolation: Isolation.disjoinFromOuterTransaction }, () => new SxComposition(modelProps));
+import { RxObject, Ref, runTransactional, Isolation } from "reactronic";
+export function rxModel(modelProps) {
+    return runTransactional({ isolation: Isolation.disjoinFromOuterTransaction }, () => new RxComposition(modelProps));
 }
-class SxComposition extends SxObject {
+class RxComposition extends RxObject {
     constructor(composition) {
         super();
         convertValuesToFieldsAndRefsToGetSet(this, composition);

package/build/dist/source/components/theme/Styling.d.ts

@@ -1,4 +1,4 @@
-import { SxObject } from "reactronic";
+import { RxObject } from "reactronic";
 export type BasicAbstractTheme = {
     fillColor: string;
     textColor: string;
@@ -10,7 +10,7 @@ export type BasicAbstractTheme = {
     outlinePadding: string;
     shadow: string;
 };
-export declare class Styling extends SxObject {
+export declare class Styling extends RxObject {
     protected readonly $: BasicAbstractTheme;
     constructor($: BasicAbstractTheme);
 }

package/build/dist/source/components/theme/Styling.js

@@ -7,8 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { SxObject, signal } from "reactronic";
-export class Styling extends SxObject {
+import { RxObject, signal } from "reactronic";
+export class Styling extends RxObject {
     constructor($) {
         super();
         this.$ = $;

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { ReactiveTreeNode, BaseDriver, Transaction, signal, SxObject } from "reactronic";
+import { ReactiveTreeNode, BaseDriver, Transaction, signal, RxObject } from "reactronic";
 import { ElKind, Horizontal, Vertical, Direction } from "./El.js";
 import { equalElCoords, parseElCoords } from "./ElUtils.js";
 export class ElDriver extends BaseDriver {
@@ -535,7 +535,7 @@ export class ElImpl {
             native.className = enabled ? styleName : "";
     }
 }
-class Size extends SxObject {
+class Size extends RxObject {
     constructor() {
         super();
         this.raw = { min: "", max: "" };

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

@@ -222,8 +222,8 @@ export function isSplitViewPartition(childDriver) {
 function overrideMethod(declaration, method, func) {
     const baseScript = declaration[method];
     declaration[method] = baseScript !== undefined
-        ? (el, base) => { baseScript(el, base); func(el); }
-        : (el, base) => { base(); func(el); };
+        ? (el, base) => { baseScript.call(el, el, base); func.call(el, el); }
+        : (el, base) => { base(); func.call(el, el); };
 }
 export class PartitionDriver extends HtmlDriver {
     runScript(node) {

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

@@ -1,5 +1,5 @@
-export declare function restyler<T>(restyle: () => T): SxStyles<T>;
-export declare class SxStyles<T> {
+export declare function restyler<T>(restyle: () => T): RxStyles<T>;
+export declare class RxStyles<T> {
     private readonly restyle;
     constructor(restyle: () => T);
     protected cache(): T;

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

@@ -9,9 +9,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { cache, runTransactional } from "reactronic";
 export function restyler(restyle) {
-    return runTransactional(() => new SxStyles(restyle));
+    return runTransactional(() => new RxStyles(restyle));
 }
-export class SxStyles {
+export class RxStyles {
     constructor(restyle) {
         this.restyle = restyle;
     }
@@ -27,4 +27,4 @@ __decorate([
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Object)
-], SxStyles.prototype, "cache", null);
+], RxStyles.prototype, "cache", null);

package/build/dist/source/core/sensors/Sensor.d.ts

@@ -1,5 +1,5 @@
-import { SxObject } from "reactronic";
-export declare class Sensor extends SxObject {
+import { RxObject } from "reactronic";
+export declare class Sensor extends RxObject {
     revision: number;
     elementDataList: unknown[];
     get topElementData(): unknown;

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

@@ -1,5 +1,5 @@
-import { SxObject } from "reactronic";
-export class Sensor extends SxObject {
+import { RxObject } from "reactronic";
+export class Sensor extends RxObject {
     constructor() {
         super(...arguments);
         this.revision = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verstak",
-  "version": "0.95.25045",
+  "version": "0.95.25047",
   "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.95.25045"
+    "reactronic": "^0.95.25047"
   },
   "devDependencies": {
     "@types/markdown-it": "14.1.2",