verstak 0.23.122 → 0.23.123

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

@@ -1,44 +1,44 @@
 import { Verstak, ElKind, Align, CursorCommandDriver, BaseDriver } from "../core/api.js";
 import { HtmlDriver } from "./HtmlDriver.js";
-export function Section(builder, base) {
-    return Verstak.claim(Drivers.section, builder, base);
+export function Section(spec, base) {
+    return Verstak.specify(Drivers.section, spec, base);
 }
-export function Table(builder, base) {
-    return Verstak.claim(Drivers.table, builder, base);
+export function Table(spec, base) {
+    return Verstak.specify(Drivers.table, spec, base);
 }
 export function row(builder, shiftCursorDown) {
     startNewRow(shiftCursorDown);
     builder === null || builder === void 0 ? void 0 : builder();
 }
 export function startNewRow(shiftCursorDown) {
-    Verstak.claim(Drivers.row);
+    Verstak.specify(Drivers.row);
 }
 export function cursor(areaParams) {
-    Verstak.claim(Drivers.cursor, {
+    Verstak.specify(Drivers.cursor, {
         update(b) {
             b.area = areaParams;
         },
     });
 }
-export function Note(content, builder) {
-    return Verstak.claim(Drivers.note, builder, {
+export function Note(content, spec) {
+    return Verstak.specify(Drivers.note, spec, {
         update(b) {
             b.native.innerText = content;
         }
     });
 }
-export function HtmlNote(content, builder) {
-    return Verstak.claim(Drivers.note, builder, {
+export function HtmlNote(content, spec) {
+    return Verstak.specify(Drivers.note, spec, {
         update(b) {
             b.native.innerHTML = content;
         }
     });
 }
-export function Group(builder, base) {
-    return Verstak.claim(Drivers.group, builder, base);
+export function Group(spec, base) {
+    return Verstak.specify(Drivers.group, spec, base);
 }
-export function Fragment(builder, base) {
-    return Verstak.claim(BaseDriver.fragment, builder, base);
+export function Fragment(spec, base) {
+    return Verstak.specify(BaseDriver.fragment, spec, base);
 }
 export class VerstakHtmlDriver extends HtmlDriver {
     applyKind(element, value) {
@@ -80,7 +80,7 @@ export class VerstakHtmlDriver extends HtmlDriver {
     applyHeightGrowth(element, value) {
         const bNode = element.node;
         const driver = bNode.driver;
-        if (driver.isRow) {
+        if (driver.isSeparator) {
             const s = element.native.style;
             if (value > 0)
                 s.flexGrow = `${value}`;
@@ -88,10 +88,10 @@ export class VerstakHtmlDriver extends HtmlDriver {
                 s.flexGrow = "";
         }
         else {
-            const hostDriver = bNode.host.node.driver;
-            if (hostDriver.isRow) {
+            const hostDriver = bNode.host.driver;
+            if (hostDriver.isSeparator) {
                 driver.applyElementAlignment(element, Align.ToBounds);
-                hostDriver.applyHeightGrowth(bNode.host, value);
+                hostDriver.applyHeightGrowth(bNode.host.slot.instance, value);
             }
         }
     }
@@ -202,14 +202,14 @@ const VerstakDriversByLayout = [
         const s = el.native.style;
         s.display = "flex";
         s.flexDirection = "column";
-        s.alignSelf = el.node.owner.isTable ? "stretch" : "center";
+        s.alignSelf = el.node.owner.slot.instance.isTable ? "stretch" : "center";
         s.textAlign = "initial";
         s.flexShrink = "1";
         s.minWidth = "0";
     },
     el => {
         const s = el.native.style;
-        s.alignSelf = el.node.owner.isTable ? "stretch" : "center";
+        s.alignSelf = el.node.owner.slot.instance.isTable ? "stretch" : "center";
         s.display = "grid";
         s.flexBasis = "0";
         s.gridAutoRows = "minmax(min-content, 1fr)";
@@ -218,7 +218,7 @@ const VerstakDriversByLayout = [
     },
     el => {
         const s = el.native.style;
-        s.alignSelf = el.node.owner.isTable ? "stretch" : "center";
+        s.alignSelf = el.node.owner.slot.instance.isTable ? "stretch" : "center";
         s.display = "inline-grid";
         s.flexShrink = "1";
     },
@@ -228,7 +228,7 @@ const VerstakDriversByLayout = [
     },
     el => {
         const s = el.native.style;
-        s.display = el.node.owner.isTable ? "none" : "flex";
+        s.display = el.node.owner.slot.instance.isTable ? "none" : "flex";
         s.flexDirection = "row";
     },
 ];

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

@@ -1,13 +1,10 @@
 import { MergeItem } from "reactronic";
 import { El, BaseDriver } from "../core/api.js";
 export declare abstract class BaseHtmlDriver<T extends Element, C = unknown> extends BaseDriver<T, C> {
-    create(element: El<T, unknown, C, void>, result: {
-        native?: T;
-        controller?: C;
-    }): void;
+    create(element: El<T, unknown, C, void>): void;
     initialize(element: El<T, unknown, C, void>): void;
     finalize(element: El<T, unknown, C>, isLeader: boolean): boolean;
-    mount(element: El<T, unknown, C>, nativeHost?: T): void;
+    mount(element: El<T, unknown, C>): void;
     relocate(element: El<T, unknown, C>): void;
     update(element: El<T, unknown, C>): void | Promise<void>;
     static get blinkingEffectMarker(): string | undefined;
@@ -16,14 +13,8 @@ export declare abstract class BaseHtmlDriver<T extends Element, C = unknown> ext
     static findPrevSiblingHtmlElement(ties: MergeItem<El<any>>): MergeItem<El<HTMLElement | SVGElement>> | undefined;
 }
 export declare class HtmlDriver<T extends HTMLElement, C = unknown> extends BaseHtmlDriver<T, C> {
-    create(element: El<T, unknown, C, void>, result: {
-        native?: T | undefined;
-        controller?: C | undefined;
-    }): void;
+    create(element: El<T, unknown, C, void>): void;
 }
 export declare class SvgDriver<T extends SVGElement, C = unknown> extends BaseHtmlDriver<T, C> {
-    create(element: El<T, unknown, C, void>, result: {
-        native?: T | undefined;
-        controller?: C | undefined;
-    }): void;
+    create(element: El<T, unknown, C, void>): void;
 }

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

@@ -1,11 +1,11 @@
 import { Rx } from "reactronic";
 import { Verstak, BaseDriver } from "../core/api.js";
 export class BaseHtmlDriver extends BaseDriver {
-    create(element, result) {
-        super.create(element, result);
+    create(element) {
+        super.create(element);
     }
     initialize(element) {
-        if (Rx.isLogging && !element.node.driver.isRow)
+        if (Rx.isLogging && !element.node.driver.isSeparator)
             element.native.setAttribute("key", element.node.key);
         super.initialize(element);
     }
@@ -20,16 +20,16 @@ export class BaseHtmlDriver extends BaseDriver {
         super.finalize(element, isLeader);
         return false;
     }
-    mount(element, nativeHost) {
+    mount(element) {
         const native = element.native;
         if (native) {
             const node = element.node;
-            const sequential = node.owner.node.children.isStrict;
+            const sequential = node.owner.children.isStrict;
             const automaticNativeHost = BaseHtmlDriver.findEffectiveHtmlElementHost(element).native;
             if (automaticNativeHost) {
-                if (sequential && !node.driver.isRow) {
-                    const after = BaseHtmlDriver.findPrevSiblingHtmlElement(element.node.ties);
-                    if (after === undefined || after.instance.node.driver.isRow) {
+                if (sequential && !node.driver.isSeparator) {
+                    const after = BaseHtmlDriver.findPrevSiblingHtmlElement(element.node.slot);
+                    if (after === undefined || after.instance.node.driver.isSeparator) {
                         if (automaticNativeHost !== native.parentNode || !native.previousSibling)
                             automaticNativeHost.prepend(native);
                     }
@@ -62,10 +62,10 @@ export class BaseHtmlDriver extends BaseDriver {
     }
     static findEffectiveHtmlElementHost(element) {
         let p = element.node.host;
-        while (p.native instanceof HTMLElement === false &&
-            p.native instanceof SVGElement === false && p !== element)
-            p = p.node.host;
-        return p;
+        while (p.slot.instance.native instanceof HTMLElement === false &&
+            p.slot.instance.native instanceof SVGElement === false && p !== element.node)
+            p = p.host;
+        return p.slot.instance;
     }
     static findPrevSiblingHtmlElement(ties) {
         let p = ties.prev;
@@ -75,15 +75,15 @@ export class BaseHtmlDriver extends BaseDriver {
     }
 }
 export class HtmlDriver extends BaseHtmlDriver {
-    create(element, result) {
-        result.native = document.createElement(element.node.driver.name);
-        super.create(element, result);
+    create(element) {
+        element.native = document.createElement(element.node.driver.name);
+        super.create(element);
     }
 }
 export class SvgDriver extends BaseHtmlDriver {
-    create(element, result) {
-        result.native = document.createElementNS("http://www.w3.org/2000/svg", element.node.driver.name);
-        super.create(element, result);
+    create(element) {
+        element.native = document.createElementNS("http://www.w3.org/2000/svg", element.node.driver.name);
+        super.create(element);
     }
 }
 function blink(element, priority, revision) {