verstak 0.92.25015 → 0.93.25026

package/README.md

@@ -38,7 +38,8 @@ applied, are **consistently propagated** to corresponding
 visual components for (re)rendering. All that is done in
 automatic, seamless, and fine-grained way, because Verstak
 **takes full care of tracking dependencies** between visual
-components (observers) and state objects (observables).
+components (reactive functions) and application state
+(triggering objects).
 
 Example application: https://nevod.io ([source code](https://gitlab.com/nezaboodka/nevod.web.public/-/blob/master/README.md)).
 

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

@@ -1,14 +1,14 @@
 import { Mode, ReactiveNode } from "reactronic";
-import { Panel, Note, OnClick } from "verstak";
-import { observableModel } from "./common/Utils.js";
+import { Division, JustText, OnClick } from "verstak";
+import { triggeringModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Button(declaration) {
-    return (Panel(ReactiveNode.withBasis(declaration, {
+    return (Division(ReactiveNode.withBasis(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = observableModel({
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = triggeringModel({
                 icon: "fa-solid fa-square",
                 label: ReactiveNode.key,
             }));
@@ -26,7 +26,7 @@ export function Button(declaration) {
                 });
             }
             if (m.label) {
-                Note(m.label, false, {
+                JustText(m.label, false, {
                     script: (el, base) => {
                         base();
                         el.useStylingPreset(theme.label);

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

@@ -1,8 +1,8 @@
 import { Mode, ReactiveNode } from "reactronic";
-import { Panel } from "verstak";
+import { Division } from "verstak";
 import { Theme } from "./Theme.js";
 export function Icon(name, declaration) {
-    return (Panel(ReactiveNode.withBasis(declaration, {
+    return (Division(ReactiveNode.withBasis(declaration, {
         mode: Mode.autonomous,
         triggers: { name },
         script: el => {

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

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

package/build/dist/source/components/{Field.v.d.ts → Input.v.d.ts}

@@ -1,7 +1,7 @@
 import { ReactiveNodeDecl, ReactiveNode } from "reactronic";
 import { FocusModel, El } from "verstak";
 import { ValuesOrRefs } from "./common/Utils.js";
-export type FieldModel<T = string> = FocusModel & {
+export type InputModel<T = string> = FocusModel & {
     icon?: string;
     text: string;
     options: Array<T>;
@@ -12,5 +12,5 @@ export type FieldModel<T = string> = FocusModel & {
     isHotText: boolean;
     inputStyle: string;
 };
-export declare function Field(declaration?: ReactiveNodeDecl<El<HTMLElement, FieldModel>>): ReactiveNode<El<HTMLElement, FieldModel<string>>>;
-export declare function composeFieldModel<T>(props?: Partial<ValuesOrRefs<FieldModel<T>>>): FieldModel<T>;
+export declare function Input(declaration?: ReactiveNodeDecl<El<HTMLElement, InputModel>>): ReactiveNode<El<HTMLElement, InputModel<string>>>;
+export declare function composeInputModel<T>(props?: Partial<ValuesOrRefs<InputModel<T>>>): InputModel<T>;

package/build/dist/source/components/{Field.v.js → Input.v.js}

@@ -1,19 +1,19 @@
 import { Mode, ReactiveNode } from "reactronic";
-import { Panel, Note, OnFocus, rowBreak, Handling, KeyboardModifiers, Horizontal, Vertical } from "verstak";
-import { observableModel } from "./common/Utils.js";
+import { Division, JustText, OnFocus, rowBreak, Fragment, KeyboardModifiers, Horizontal, Vertical } from "verstak";
+import { triggeringModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
-export function Field(declaration) {
-    return (Panel(ReactiveNode.withBasis(declaration, {
+export function Input(declaration) {
+    return (Division(ReactiveNode.withBasis(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = composeFieldModel());
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = composeInputModel());
             el.native.dataForSensor.focus = el.model;
         },
         script: el => {
             const m = el.model;
-            const theme = Theme.current.field;
+            const theme = Theme.current.input;
             el.useStylingPreset(theme.main);
             if (m.icon)
                 Icon(m.icon, {
@@ -22,14 +22,14 @@ export function Field(declaration) {
                         el.useStylingPreset(theme.icon);
                     },
                 });
-            FieldInput(m, theme);
-            FieldPopup(m, theme);
+            InputField(m, theme);
+            InputPopup(m, theme);
         },
     })));
 }
-export function composeFieldModel(props) {
+export function composeInputModel(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    return observableModel({
+    return triggeringModel({
         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 : [],
@@ -42,12 +42,12 @@ export function composeFieldModel(props) {
         inputStyle: (_h = props === null || props === void 0 ? void 0 : props.inputStyle) !== null && _h !== void 0 ? _h : "",
     });
 }
-function FieldInput(model, s) {
-    return (Note(model.text, false, {
-        key: FieldInput.name,
+function InputField(model, styling) {
+    return (JustText(model.text, false, {
+        key: InputField.name,
         preparation: (el, base) => {
             const e = el.native;
-            el.useStylingPreset(s.input);
+            el.useStylingPreset(styling.field);
             el.horizontally = Horizontal.stretch;
             el.vertically = Vertical.stretch;
             e.tabIndex = 0;
@@ -59,7 +59,7 @@ function FieldInput(model, s) {
             const e = el.native;
             if (!model.isEditMode)
                 e.innerText = model.text;
-            Handling(() => {
+            Fragment(() => {
                 const keyboard = e.sensors.keyboard;
                 if (keyboard.down) {
                     if (isApplyKey(model, keyboard))
@@ -78,19 +78,19 @@ function FieldInput(model, s) {
         },
     }));
 }
-function FieldPopup(model, s) {
-    return (Panel({
-        key: FieldPopup.name,
+function InputPopup(model, styling) {
+    return (Division({
+        key: InputPopup.name,
         script: el => {
-            el.useStylingPreset(s.popup);
-            Handling(() => model.position = el.native.sensors.scroll.y);
+            el.useStylingPreset(styling.popup);
+            Fragment(() => model.position = el.native.sensors.scroll.y);
             const visible = el.overlayVisible = model.isEditMode;
             if (visible) {
                 const options = model.options;
                 if (options.length > 0) {
                     for (const x of model.options) {
                         rowBreak();
-                        Note(x, false, {
+                        JustText(x, false, {
                             key: x,
                             preparation: el => {
                                 el.contentWrapping = false;
@@ -99,7 +99,7 @@ function FieldPopup(model, s) {
                     }
                 }
                 else
-                    Note("(nothing)", false, { key: "(nothing)" });
+                    JustText("(nothing)", false, { key: "(nothing)" });
             }
         },
     }));

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

@@ -1,8 +1,8 @@
-import { Note } from "verstak";
+import { JustText } from "verstak";
 import Md from "markdown-it";
 import * as prism from "prismjs";
 export function Markdown(content) {
-    return (Note(md.render(content), true, {
+    return (JustText(md.render(content), true, {
         preparation: (el, base) => {
             el.contentWrapping = true;
             base();

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

@@ -1,5 +1,5 @@
-import { ObservableObject } from "reactronic";
-export declare class RealTimeClock extends ObservableObject {
+import { TriggeringObject } from "reactronic";
+export declare class RealTimeClock extends TriggeringObject {
     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 { ObservableObject, atomic, reactive } from "reactronic";
-export class RealTimeClock extends ObservableObject {
+import { TriggeringObject, atomic, reaction } from "reactronic";
+export class RealTimeClock extends TriggeringObject {
     constructor(interval = 1000) {
         super();
         this.hour = 0;
@@ -57,7 +57,7 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], RealTimeClock.prototype, "tick", null);
 __decorate([
-    reactive,
+    reaction,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)

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

@@ -1,8 +1,8 @@
 import { Mode, ReactiveNode } from "reactronic";
-import { Panel, Note } from "verstak";
-import { observableModel } from "./common/Utils.js";
+import { Division, JustText } from "verstak";
+import { triggeringModel } from "./common/Utils.js";
 export function Spinner(declaration) {
-    return (Panel(ReactiveNode.withBasis(declaration, {
+    return (Division(ReactiveNode.withBasis(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
@@ -10,13 +10,13 @@ export function Spinner(declaration) {
         },
         script: el => {
             const m = el.model;
-            m.active && Note("loading...");
+            m.active && JustText("loading...");
         },
     })));
 }
 export function composeSpinnerModel(props) {
     var _a, _b;
-    return observableModel({
+    return triggeringModel({
         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/Theme.d.ts

@@ -1,15 +1,15 @@
 import { BasicAbstractTheme } from "./theme/Styling.js";
 import { ButtonStyling, DefaultButtonStyling } from "./theme/Button.s.js";
-import { FieldStyling, DefaultFieldStyling } from "./theme/Field.s.js";
+import { InputStyling, DefaultInputStyling } from "./theme/Input.s.js";
 import { IconStyling, DefaultIconStyling } from "./theme/Icon.s.js";
 import { ToggleStyling, DefaultToggleStyling } from "./theme/Toggle.s.js";
 export { type ButtonStyling, type DefaultButtonStyling } from "./theme/Button.s.js";
-export { type FieldStyling, type DefaultFieldStyling } from "./theme/Field.s.js";
+export { type InputStyling, type DefaultInputStyling } from "./theme/Input.s.js";
 export { type IconStyling, type DefaultIconStyling } from "./theme/Icon.s.js";
 export { type ToggleStyling, type DefaultToggleStyling } from "./theme/Toggle.s.js";
 export type AbstractTheme = BasicAbstractTheme & {
     readonly button: ButtonStyling;
-    readonly field: FieldStyling;
+    readonly input: InputStyling;
     readonly icon: IconStyling;
     readonly toggle: ToggleStyling;
 };
@@ -28,7 +28,7 @@ export declare class Theme implements AbstractTheme {
     outlinePadding: string;
     shadow: string;
     button: DefaultButtonStyling;
-    field: DefaultFieldStyling;
+    input: DefaultInputStyling;
     icon: DefaultIconStyling;
     toggle: DefaultToggleStyling;
 }

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

@@ -1,6 +1,6 @@
-import { atomicRun, ReactiveNodeVariable, Isolation } from "reactronic";
+import { runAtomically, ReactiveNodeVariable, Isolation } from "reactronic";
 import { DefaultButtonStyling } from "./theme/Button.s.js";
-import { DefaultFieldStyling } from "./theme/Field.s.js";
+import { DefaultInputStyling } from "./theme/Input.s.js";
 import { DefaultIconStyling } from "./theme/Icon.s.js";
 import { DefaultToggleStyling } from "./theme/Toggle.s.js";
 export class Theme {
@@ -16,7 +16,7 @@ export class Theme {
         this.outlinePadding = "0.25em";
         this.shadow = "0.1rem 0.1rem 0.5rem 0 rgba(127, 127, 127, 0.5)";
         this.button = new DefaultButtonStyling(this);
-        this.field = new DefaultFieldStyling(this);
+        this.input = new DefaultInputStyling(this);
         this.icon = new DefaultIconStyling(this);
         this.toggle = new DefaultToggleStyling(this);
     }
@@ -27,4 +27,4 @@ export class Theme {
         Theme.gCurrent.value = value;
     }
 }
-Theme.gCurrent = new ReactiveNodeVariable(atomicRun({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));
+Theme.gCurrent = new ReactiveNodeVariable(runAtomically({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));

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

@@ -1,14 +1,14 @@
 import { Mode, ReactiveNode } from "reactronic";
-import { Panel, Note, OnClick } from "verstak";
-import { observableModel } from "./common/Utils.js";
+import { Division, JustText, OnClick } from "verstak";
+import { triggeringModel } from "./common/Utils.js";
 import { Theme } from "./Theme.js";
 import { Icon } from "./Icon.v.js";
 export function Toggle(declaration) {
-    return (Panel(ReactiveNode.withBasis(declaration, {
+    return (Division(ReactiveNode.withBasis(declaration, {
         mode: Mode.autonomous,
         preparation: el => {
             var _a;
-            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = observableModel({
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = triggeringModel({
                 label: ReactiveNode.key,
                 checked: true,
                 color: "green"
@@ -28,7 +28,7 @@ export function Toggle(declaration) {
                 },
             });
             if (m.label) {
-                Note(m.label, false, {
+                JustText(m.label, false, {
                     script: (el, base) => {
                         base();
                         el.useStylingPreset(toggleTheme.label);

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

@@ -1,10 +1,10 @@
 export * from "./Button.v.js";
-export * from "./Field.v.js";
+export * from "./Input.v.js";
 export * from "./Icon.v.js";
 export * from "./Image.v.js";
 export * from "./Spinner.v.js";
 export * from "./Toggle.v.js";
 export * from "./Markdown.v.js";
 export * from "./Theme.js";
-export { observableModel } from "./common/Utils.js";
+export { triggeringModel } from "./common/Utils.js";
 export { RealTimeClock } from "./RealTimeClock.js";

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

@@ -1,10 +1,10 @@
 export * from "./Button.v.js";
-export * from "./Field.v.js";
+export * from "./Input.v.js";
 export * from "./Icon.v.js";
 export * from "./Image.v.js";
 export * from "./Spinner.v.js";
 export * from "./Toggle.v.js";
 export * from "./Markdown.v.js";
 export * from "./Theme.js";
-export { observableModel } from "./common/Utils.js";
+export { triggeringModel } 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 observableModel<T extends Object>(modelProps: ValuesOrRefs<T>): T;
+export declare function triggeringModel<T extends Object>(modelProps: ValuesOrRefs<T>): T;

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

@@ -1,8 +1,8 @@
-import { ObservableObject, Ref, atomicRun, Isolation } from "reactronic";
-export function observableModel(modelProps) {
-    return atomicRun({ isolation: Isolation.disjoinFromOuterTransaction }, () => new ObservableComposition(modelProps));
+import { TriggeringObject, Ref, runAtomically, Isolation } from "reactronic";
+export function triggeringModel(modelProps) {
+    return runAtomically({ isolation: Isolation.disjoinFromOuterTransaction }, () => new TriggeringComposition(modelProps));
 }
-class ObservableComposition extends ObservableObject {
+class TriggeringComposition extends TriggeringObject {
     constructor(composition) {
         super();
         convertValuesToFieldsAndRefsToGetSet(this, composition);

package/build/dist/source/components/theme/Button.s.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 { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultButtonStyling extends Styling {
@@ -33,17 +33,17 @@ export class DefaultButtonStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultButtonStyling.prototype, "label", null);

package/build/dist/source/components/theme/Icon.s.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 { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultIconStyling extends Styling {
@@ -20,7 +20,7 @@ export class DefaultIconStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultIconStyling.prototype, "main", null);

package/build/dist/source/components/theme/{Field.s.d.ts → Input.s.d.ts}

@@ -1,13 +1,13 @@
 import { Styling } from "./Styling.js";
-export type FieldStyling = {
+export type InputStyling = {
     main: string;
     icon: string;
-    input: string;
+    field: string;
     popup: string;
 };
-export declare class DefaultFieldStyling extends Styling implements FieldStyling {
+export declare class DefaultInputStyling extends Styling implements InputStyling {
     get main(): string;
     get icon(): string;
-    get input(): string;
+    get field(): string;
     get popup(): string;
 }

package/build/dist/source/components/theme/{Field.s.js → Input.s.js}

@@ -7,10 +7,10 @@ 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 { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
-export class DefaultFieldStyling extends Styling {
+export class DefaultInputStyling extends Styling {
     get main() {
         return css `
     border-radius: ${this.$.borderRadius};
@@ -26,7 +26,7 @@ export class DefaultFieldStyling extends Styling {
     color: ${this.$.outlineColor};
   `;
     }
-    get input() {
+    get field() {
         return css `
     padding: ${this.$.outlinePadding};
   `;
@@ -47,22 +47,22 @@ export class DefaultFieldStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
-], DefaultFieldStyling.prototype, "main", null);
+], DefaultInputStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
-], DefaultFieldStyling.prototype, "icon", null);
+], DefaultInputStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
-], DefaultFieldStyling.prototype, "input", null);
+], DefaultInputStyling.prototype, "field", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
-], DefaultFieldStyling.prototype, "popup", null);
+], DefaultInputStyling.prototype, "popup", null);

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

@@ -1,4 +1,4 @@
-import { ObservableObject } from "reactronic";
+import { TriggeringObject } 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 ObservableObject {
+export declare class Styling extends TriggeringObject {
     protected readonly $: BasicAbstractTheme;
     constructor($: BasicAbstractTheme);
 }

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

@@ -7,14 +7,14 @@ 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 { ObservableObject, unobservable } from "reactronic";
-export class Styling extends ObservableObject {
+import { TriggeringObject, trigger } from "reactronic";
+export class Styling extends TriggeringObject {
     constructor($) {
         super();
         this.$ = $;
     }
 }
 __decorate([
-    unobservable,
+    trigger(false),
     __metadata("design:type", Object)
 ], Styling.prototype, "$", void 0);

package/build/dist/source/components/theme/Toggle.s.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 { cached } from "reactronic";
+import { cache } from "reactronic";
 import { css } from "@emotion/css";
 import { Styling } from "./Styling.js";
 export class DefaultToggleStyling extends Styling {
@@ -32,17 +32,17 @@ export class DefaultToggleStyling extends Styling {
     }
 }
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "main", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "icon", null);
 __decorate([
-    cached,
+    cache,
     __metadata("design:type", String),
     __metadata("design:paramtypes", [])
 ], DefaultToggleStyling.prototype, "label", null);

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

@@ -31,11 +31,11 @@ export type El<T = any, M = any> = {
     useStylingPreset(stylingPresetName: string, enabled?: boolean): void;
 };
 export declare enum ElKind {
-    panel = 0,
+    division = 0,
     table = 1,
-    note = 2,
+    text = 2,
     group = 3,
-    part = 4,
+    partition = 4,
     splitter = 5,
     cursor = 6,
     native = 7

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

@@ -1,10 +1,10 @@
 export var ElKind;
 (function (ElKind) {
-    ElKind[ElKind["panel"] = 0] = "panel";
+    ElKind[ElKind["division"] = 0] = "division";
     ElKind[ElKind["table"] = 1] = "table";
-    ElKind[ElKind["note"] = 2] = "note";
+    ElKind[ElKind["text"] = 2] = "text";
     ElKind[ElKind["group"] = 3] = "group";
-    ElKind[ElKind["part"] = 4] = "part";
+    ElKind[ElKind["partition"] = 4] = "partition";
     ElKind[ElKind["splitter"] = 5] = "splitter";
     ElKind[ElKind["cursor"] = 6] = "cursor";
     ElKind[ElKind["native"] = 7] = "native";

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

@@ -29,7 +29,7 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
     constructor(node: ReactiveNode<El<T, M>>);
     prepareForUpdate(): void;
     get index(): number;
-    get isPanel(): boolean;
+    get isDivision(): boolean;
     get isTable(): boolean;
     get isAuxiliary(): boolean;
     get kind(): ElKind;