verstak 0.24.112 → 0.24.114

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

@@ -1,6 +1,7 @@
 import { SimpleDelegate, RxNode } from "reactronic";
 import { El, ElDriver } from "./El.js";
-export declare class VerstakDriver<T extends Element, M = unknown, C = unknown> extends ElDriver<T, M, C> {
+export declare abstract class WebDriver<T extends Element, M = unknown, C = unknown> extends ElDriver<T, M, C> {
+    abstract acquireNativeElement(element: El<T, M, C>): T;
     initialize(element: El<T, M, C>): void;
     finalize(element: El<T, M, C>, isLeader: boolean): boolean;
     mount(element: El<T, M, C>): void;
@@ -10,15 +11,15 @@ export declare class VerstakDriver<T extends Element, M = unknown, C = unknown>
     static get blinkingEffectMarker(): string | undefined;
     static set blinkingEffectMarker(value: string | undefined);
 }
-export declare class StaticDriver<T extends HTMLElement> extends VerstakDriver<T> {
+export declare class StaticDriver<T extends HTMLElement> extends WebDriver<T> {
     readonly native: T;
     constructor(native: T, name: string, isRow: boolean, predefine?: SimpleDelegate<El<T>>);
-    initialize(element: El<T>): void;
+    acquireNativeElement(): T;
 }
-export declare class HtmlDriver<T extends HTMLElement, M = any, C = any> extends VerstakDriver<T, M, C> {
+export declare class HtmlDriver<T extends HTMLElement, M = any, C = any> extends WebDriver<T, M, C> {
     static readonly group: HtmlDriver<any, any, any>;
-    initialize(element: El<T, any, C, void>): void;
+    acquireNativeElement(element: El<T, M, C>): T;
 }
-export declare class SvgDriver<T extends SVGElement, M = any, C = any> extends VerstakDriver<T, M, C> {
-    initialize(element: El<T, any, C, void>): void;
+export declare class SvgDriver<T extends SVGElement, M = any, C = any> extends WebDriver<T, M, C> {
+    acquireNativeElement(element: El<T, M, C>): T;
 }

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

@@ -1,9 +1,10 @@
 import { RxSystem, RxTree } from "reactronic";
 import { Constants, ElDriver, ElImpl, ElKind } from "./El.js";
-export class VerstakDriver extends ElDriver {
+export class WebDriver extends ElDriver {
     initialize(element) {
+        const native = element.native = this.acquireNativeElement(element);
         if (RxSystem.isLogging && !element.node.driver.isPartitionSeparator)
-            element.native.setAttribute(Constants.keyAttrName, element.node.key);
+            native.setAttribute(Constants.keyAttrName, element.node.key);
         super.initialize(element);
     }
     finalize(element, isLeader) {
@@ -15,6 +16,7 @@ export class VerstakDriver extends ElDriver {
                 native.remove();
         }
         super.finalize(element, isLeader);
+        element.native = null;
         return false;
     }
     mount(element) {
@@ -70,27 +72,24 @@ export class VerstakDriver extends ElDriver {
         gBlinkingEffectMarker = value;
     }
 }
-export class StaticDriver extends VerstakDriver {
+export class StaticDriver extends WebDriver {
     constructor(native, name, isRow, predefine) {
         super(name, isRow, predefine);
         this.native = native;
     }
-    initialize(element) {
-        element.native = this.native;
-        super.initialize(element);
+    acquireNativeElement() {
+        return this.native;
     }
 }
-export class HtmlDriver extends VerstakDriver {
-    initialize(element) {
-        element.native = document.createElement(element.node.driver.name);
-        super.initialize(element);
+export class HtmlDriver extends WebDriver {
+    acquireNativeElement(element) {
+        return document.createElement(element.node.driver.name);
     }
 }
 HtmlDriver.group = new HtmlDriver("group", false, el => el.kind = ElKind.Group);
-export class SvgDriver extends VerstakDriver {
-    initialize(element) {
-        element.native = document.createElementNS("http://www.w3.org/2000/svg", element.node.driver.name);
-        super.initialize(element);
+export class SvgDriver extends WebDriver {
+    acquireNativeElement(element) {
+        return document.createElementNS("http://www.w3.org/2000/svg", element.node.driver.name);
     }
 }
 function blink(element, priority, revision) {

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

@@ -3,7 +3,7 @@ import { Fragment } from "./Elements.js";
 export function FocuserReaction(key, target, model, switchEditMode = undefined) {
     Fragment({
         key,
-        mode: Mode.PinpointUpdate,
+        mode: Mode.IndependentUpdate,
         triggers: { target, model },
         initialize(b) {
             b.node.configureReactronic({ throttling: 0 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verstak",
-  "version": "0.24.112",
+  "version": "0.24.114",
   "description": "Verstak - Front-End Library",
   "publisher": "Nezaboodka Software",
   "license": "Apache-2.0",
@@ -31,7 +31,7 @@
   },
   "homepage": "https://github.com/nezaboodka/verstak/blob/master/README.md#readme",
   "dependencies": {
-    "reactronic": "^0.24.112"
+    "reactronic": "^0.24.114"
   },
   "devDependencies": {
     "@types/node": "20.10.4",