verstak 0.22.500 → 0.22.503

package/build/dist/source/html/{HtmlNodeFactory.js → HtmlDriver.js}

@@ -1,15 +1,15 @@
-import { Rx } from 'reactronic';
-import { Block, BlockFactory } from '../core/api';
-export class AbstractHtmlBlockFactory extends BlockFactory {
+import { Rx } from "reactronic";
+import { VBlock, AbstractDriver } from "../core/api";
+export class BaseHtmlDriver extends AbstractDriver {
     initialize(block, element) {
         element = this.createElement(block);
-        if (Rx.isLogging)
-            element.id = block.name;
+        if (Rx.isLogging && this.name)
+            element.setAttribute("n", block.name);
         super.initialize(block, element);
     }
     finalize(block, isLeader) {
         var _a;
-        const e = block.impl;
+        const e = block.native;
         if (e) {
             (_a = e.resizeObserver) === null || _a === void 0 ? void 0 : _a.unobserve(e);
             if (isLeader)
@@ -18,19 +18,19 @@ export class AbstractHtmlBlockFactory extends BlockFactory {
         super.finalize(block, isLeader);
         return false;
     }
-    layout(block, strict) {
-        const e = block.impl;
+    deploy(block, sequential) {
+        const e = block.native;
         if (e) {
-            const nativeParent = AbstractHtmlBlockFactory.findNearestParentHtmlBlock(block).impl;
+            const nativeParent = BaseHtmlDriver.findNearestParentHtmlBlock(block).native;
             if (nativeParent) {
-                if (strict) {
-                    const after = AbstractHtmlBlockFactory.findPrevSiblingHtmlBlock(block.item);
+                if (sequential) {
+                    const after = BaseHtmlDriver.findPrevSiblingHtmlBlock(block.item);
                     if (after === undefined) {
                         if (nativeParent !== e.parentNode || !e.previousSibling)
                             nativeParent.prepend(e);
                     }
-                    else if (after.self.parent.impl === nativeParent) {
-                        const nativeAfter = after.self.impl;
+                    else {
+                        const nativeAfter = after.instance.native;
                         if (nativeAfter instanceof Element) {
                             if (nativeAfter.nextSibling !== e)
                                 nativeParent.insertBefore(e, nativeAfter.nextSibling);
@@ -42,10 +42,12 @@ export class AbstractHtmlBlockFactory extends BlockFactory {
             }
         }
     }
+    relocate(block) {
+    }
     render(block) {
         const result = super.render(block);
         if (gBlinkingEffect)
-            blink(block.impl, Block.currentRenderingPriority, block.stamp);
+            blink(block.native, VBlock.currentRenderingPriority, block.stamp);
         return result;
     }
     static get blinkingEffect() {
@@ -54,7 +56,7 @@ export class AbstractHtmlBlockFactory extends BlockFactory {
     static set blinkingEffect(value) {
         if (value === undefined) {
             const effect = gBlinkingEffect;
-            Block.forAllBlocksDo((e) => {
+            VBlock.runForAllBlocks((e) => {
                 if (e instanceof HTMLElement)
                     e.classList.remove(`${effect}-0`, `${effect}-1`);
             });
@@ -62,26 +64,26 @@ export class AbstractHtmlBlockFactory extends BlockFactory {
         gBlinkingEffect = value;
     }
     static findNearestParentHtmlBlock(block) {
-        let p = block.parent;
-        while (p.impl instanceof Element === false && p !== block)
-            p = p.parent;
+        let p = block.host;
+        while (p.native instanceof Element === false && p !== block)
+            p = p.host;
         return p;
     }
     static findPrevSiblingHtmlBlock(item) {
         let p = item.prev;
-        while (p && !(p.self.impl instanceof Element))
+        while (p && !(p.instance.native instanceof Element))
             p = p.prev;
         return p;
     }
 }
-export class HtmlBlockFactory extends AbstractHtmlBlockFactory {
+export class HtmlDriver extends BaseHtmlDriver {
     createElement(block) {
-        return document.createElement(block.factory.name);
+        return document.createElement(block.driver.name);
     }
 }
-export class SvgBlockFactory extends AbstractHtmlBlockFactory {
+export class SvgDriver extends BaseHtmlDriver {
     createElement(block) {
-        return document.createElementNS('http://www.w3.org/2000/svg', block.factory.name);
+        return document.createElementNS("http://www.w3.org/2000/svg", block.driver.name);
     }
 }
 function blink(e, priority, revision) {

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

@@ -0,0 +1,2 @@
+import { FocusModel } from "./sensors/FocusSensor";
+export declare function ReactingFocuser(name: string, target: HTMLElement, model: FocusModel, switchEditMode?: ((model?: FocusModel) => void) | undefined): void;

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

@@ -0,0 +1,16 @@
+import { VBlock } from "../core/api";
+export function ReactingFocuser(name, target, model, switchEditMode = undefined) {
+    VBlock.claim(name, {
+        reacting: true,
+        triggers: { target, model },
+        throttling: 0,
+        render() {
+            if (switchEditMode !== undefined) {
+                switchEditMode(model);
+            }
+            else {
+                model.isEditMode ? target.focus() : target.blur();
+            }
+        },
+    });
+}

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

@@ -1,17 +1,18 @@
-export * from './HtmlNodeFactory';
-export * from './HtmlElements';
-export * from './HtmlApiExt';
-export * from './RxFocuser';
-export * from './sensors/Sensor';
-export * from './sensors/PointerSensor';
-export * from './sensors/BasePointerSensor';
-export * from './sensors/FocusSensor';
-export * from './sensors/ButtonSensor';
-export * from './sensors/HoverSensor';
-export * from './sensors/WheelSensor';
-export * from './sensors/KeyboardSensor';
-export * from './sensors/ResizeSensor';
-export * from './sensors/HtmlDragSensor';
-export * from './sensors/HtmlSensors';
-export * from './sensors/WindowSensor';
-import './HtmlApiExt';
+export * from "./HtmlDriver";
+export * from "./HtmlBlocks";
+export * from "./HtmlApiExt";
+export * from "./Blocks";
+export * from "./ReactingFocuser";
+export * from "./sensors/Sensor";
+export * from "./sensors/PointerSensor";
+export * from "./sensors/BasePointerSensor";
+export * from "./sensors/FocusSensor";
+export * from "./sensors/ButtonSensor";
+export * from "./sensors/HoverSensor";
+export * from "./sensors/WheelSensor";
+export * from "./sensors/KeyboardSensor";
+export * from "./sensors/ResizeSensor";
+export * from "./sensors/HtmlDragSensor";
+export * from "./sensors/HtmlSensors";
+export * from "./sensors/WindowSensor";
+import "./HtmlApiExt";

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

@@ -1,17 +1,18 @@
-export * from './HtmlNodeFactory';
-export * from './HtmlElements';
-export * from './HtmlApiExt';
-export * from './RxFocuser';
-export * from './sensors/Sensor';
-export * from './sensors/PointerSensor';
-export * from './sensors/BasePointerSensor';
-export * from './sensors/FocusSensor';
-export * from './sensors/ButtonSensor';
-export * from './sensors/HoverSensor';
-export * from './sensors/WheelSensor';
-export * from './sensors/KeyboardSensor';
-export * from './sensors/ResizeSensor';
-export * from './sensors/HtmlDragSensor';
-export * from './sensors/HtmlSensors';
-export * from './sensors/WindowSensor';
-import './HtmlApiExt';
+export * from "./HtmlDriver";
+export * from "./HtmlBlocks";
+export * from "./HtmlApiExt";
+export * from "./Blocks";
+export * from "./ReactingFocuser";
+export * from "./sensors/Sensor";
+export * from "./sensors/PointerSensor";
+export * from "./sensors/BasePointerSensor";
+export * from "./sensors/FocusSensor";
+export * from "./sensors/ButtonSensor";
+export * from "./sensors/HoverSensor";
+export * from "./sensors/WheelSensor";
+export * from "./sensors/KeyboardSensor";
+export * from "./sensors/ResizeSensor";
+export * from "./sensors/HtmlDragSensor";
+export * from "./sensors/HtmlSensors";
+export * from "./sensors/WindowSensor";
+import "./HtmlApiExt";

package/build/dist/source/html/sensors/BasePointerSensor.d.ts

@@ -1,7 +1,7 @@
-import { FocusSensor } from './FocusSensor';
-import { HtmlElementSensor } from './HtmlElementSensor';
-import { KeyboardModifiers } from './KeyboardSensor';
-import { WindowSensor } from './WindowSensor';
+import { FocusSensor } from "./FocusSensor";
+import { HtmlElementSensor } from "./HtmlElementSensor";
+import { KeyboardModifiers } from "./KeyboardSensor";
+import { WindowSensor } from "./WindowSensor";
 export declare enum PointerButton {
     None = 0,
     Left = 1,

package/build/dist/source/html/sensors/BasePointerSensor.js

@@ -1,5 +1,5 @@
-import { HtmlElementSensor } from './HtmlElementSensor';
-import { KeyboardModifiers } from './KeyboardSensor';
+import { HtmlElementSensor } from "./HtmlElementSensor";
+import { KeyboardModifiers } from "./KeyboardSensor";
 export var PointerButton;
 (function (PointerButton) {
     PointerButton[PointerButton["None"] = 0] = "None";

package/build/dist/source/html/sensors/ButtonSensor.d.ts

@@ -1,6 +1,6 @@
-import { PointerButton, BasePointerSensor } from './BasePointerSensor';
-import { FocusSensor } from './FocusSensor';
-import { WindowSensor } from './WindowSensor';
+import { PointerButton, BasePointerSensor } from "./BasePointerSensor";
+import { FocusSensor } from "./FocusSensor";
+import { WindowSensor } from "./WindowSensor";
 export declare enum ButtonState {
     Pressed = 0,
     Selecting = 1,

package/build/dist/source/html/sensors/ButtonSensor.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 { options, Reentrance, transactional, Transaction, LoggingLevel } from 'reactronic';
-import { extractPointerButton, isPointerButtonDown, PointerButton, BasePointerSensor } from './BasePointerSensor';
-import { findTargetElementData, SymDataForSensor } from './DataForSensor';
-import { extractModifierKeys, KeyboardModifiers } from './KeyboardSensor';
+import { options, Reentrance, transactional, Transaction, LoggingLevel } from "reactronic";
+import { extractPointerButton, isPointerButtonDown, PointerButton, BasePointerSensor } from "./BasePointerSensor";
+import { findTargetElementData, SymDataForSensor } from "./DataForSensor";
+import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor";
 export var ButtonState;
 (function (ButtonState) {
     ButtonState[ButtonState["Pressed"] = 0] = "Pressed";
@@ -33,19 +33,19 @@ export class ButtonSensor extends BasePointerSensor {
         const existing = this.sourceElement;
         if (element !== existing) {
             if (existing) {
-                existing.removeEventListener('pointerdown', this.onPointerDown.bind(this), { capture: true });
-                existing.removeEventListener('pointermove', this.onPointerMove.bind(this), { capture: true });
-                existing.removeEventListener('pointerup', this.onPointerUp.bind(this), { capture: true });
-                existing.removeEventListener('lostpointercapture', this.onLostPointerCapture.bind(this), { capture: true });
-                existing.removeEventListener('keydown', this.onKeyDown.bind(this), { capture: true });
+                existing.removeEventListener("pointerdown", this.onPointerDown.bind(this), { capture: true });
+                existing.removeEventListener("pointermove", this.onPointerMove.bind(this), { capture: true });
+                existing.removeEventListener("pointerup", this.onPointerUp.bind(this), { capture: true });
+                existing.removeEventListener("lostpointercapture", this.onLostPointerCapture.bind(this), { capture: true });
+                existing.removeEventListener("keydown", this.onKeyDown.bind(this), { capture: true });
             }
             this.sourceElement = element;
             if (element && enabled) {
-                element.addEventListener('pointerdown', this.onPointerDown.bind(this), { capture: true });
-                element.addEventListener('pointermove', this.onPointerMove.bind(this), { capture: true });
-                element.addEventListener('pointerup', this.onPointerUp.bind(this), { capture: true });
-                element.addEventListener('lostpointercapture', this.onLostPointerCapture.bind(this), { capture: true });
-                element.addEventListener('keydown', this.onKeyDown.bind(this), { capture: true });
+                element.addEventListener("pointerdown", this.onPointerDown.bind(this), { capture: true });
+                element.addEventListener("pointermove", this.onPointerMove.bind(this), { capture: true });
+                element.addEventListener("pointerup", this.onPointerUp.bind(this), { capture: true });
+                element.addEventListener("lostpointercapture", this.onLostPointerCapture.bind(this), { capture: true });
+                element.addEventListener("keydown", this.onKeyDown.bind(this), { capture: true });
             }
         }
     }
@@ -89,7 +89,7 @@ export class ButtonSensor extends BasePointerSensor {
         }
     }
     onKeyDown(e) {
-        if (e.key === 'Escape' && this.state !== ButtonState.Released) {
+        if (e.key === "Escape" && this.state !== ButtonState.Released) {
             this.cancel();
             this.reset();
         }
@@ -99,7 +99,7 @@ export class ButtonSensor extends BasePointerSensor {
         this.stopPropagation = false;
         const targetPath = e.composedPath();
         const underPointer = document.elementsFromPoint(e.clientX, e.clientY);
-        const { data, window } = findTargetElementData(targetPath, underPointer, SymDataForSensor, ['button']);
+        const { data, window } = findTargetElementData(targetPath, underPointer, SymDataForSensor, ["button"]);
         const originData = data === null || data === void 0 ? void 0 : data.button;
         if (originData) {
             this.state = ButtonState.Pressed;
@@ -112,7 +112,7 @@ export class ButtonSensor extends BasePointerSensor {
         }
         Transaction.separate(() => {
             var _a;
-            (_a = this.windowSensor) === null || _a === void 0 ? void 0 : _a.setActiveWindow(window, 'button');
+            (_a = this.windowSensor) === null || _a === void 0 ? void 0 : _a.setActiveWindow(window, "button");
         });
     }
     selecting(e) {

package/build/dist/source/html/sensors/DataForSensor.js

@@ -1,5 +1,5 @@
-export const SymDataForSensor = Symbol('DataForSensor');
-export const SymResizeObserver = Symbol('ResizeObserver');
+export const SymDataForSensor = Symbol("DataForSensor");
+export const SymResizeObserver = Symbol("ResizeObserver");
 export const EmptyDataArray = [];
 export function findTargetElementData(targetPath, underPointer, sym, anyOfPayloadKeys, ignoreWindow = false) {
     let result = undefined;
@@ -11,8 +11,8 @@ export function findTargetElementData(targetPath, underPointer, sym, anyOfPayloa
         if (candidateData !== undefined) {
             if (!ignoreWindow) {
                 if (window === undefined)
-                    window = candidateData['window'];
-                else if (window !== candidateData['window'])
+                    window = candidateData["window"];
+                else if (window !== candidateData["window"])
                     break;
             }
             if (result === undefined) {
@@ -42,8 +42,8 @@ export function grabElementDataList(targetPath, sym, payloadKey, existing, ignor
         if (candidateData !== undefined) {
             if (!ignoreWindow) {
                 if (window === undefined)
-                    window = candidateData['window'];
-                else if (window !== candidateData['window'])
+                    window = candidateData["window"];
+                else if (window !== candidateData["window"])
                     break;
             }
             payload = candidateData[payloadKey];

package/build/dist/source/html/sensors/FocusSensor.d.ts

@@ -1,6 +1,6 @@
-import { ToggleRef } from 'reactronic';
-import { HtmlElementSensor } from './HtmlElementSensor';
-import { WindowSensor } from './WindowSensor';
+import { ToggleRef } from "reactronic";
+import { HtmlElementSensor } from "./HtmlElementSensor";
+import { WindowSensor } from "./WindowSensor";
 export interface FocusModel {
     isEditMode: boolean;
     onFocusIn?: (focus: FocusSensor) => void;

package/build/dist/source/html/sensors/FocusSensor.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 { options, transactional, LoggingLevel } from 'reactronic';
-import { objectHasMember } from '../../core/Utils';
-import { grabElementDataList, SymDataForSensor } from './DataForSensor';
-import { HtmlElementSensor } from './HtmlElementSensor';
+import { options, transactional, LoggingLevel } from "reactronic";
+import { objectHasMember } from "../../core/Utils";
+import { grabElementDataList, SymDataForSensor } from "./DataForSensor";
+import { HtmlElementSensor } from "./HtmlElementSensor";
 export class FocusSensor extends HtmlElementSensor {
     constructor(windowSensor) {
         super(undefined, windowSensor);
@@ -18,16 +18,16 @@ export class FocusSensor extends HtmlElementSensor {
         this.oldActiveData = undefined;
         this.contextElementDataList = [];
     }
-    setActiveData(data, debugHint = '') {
+    setActiveData(data, debugHint = "") {
         var _a, _b;
         if (data !== this.activeData) {
             const activeData = this.activeData;
-            if (activeData !== undefined && objectHasMember(activeData, 'isEditMode')) {
+            if (activeData !== undefined && objectHasMember(activeData, "isEditMode")) {
                 activeData.isEditMode = false;
                 (_a = activeData.onFocusOut) === null || _a === void 0 ? void 0 : _a.call(activeData, this);
             }
             if (data !== undefined) {
-                if (objectHasMember(data, 'isEditMode')) {
+                if (objectHasMember(data, "isEditMode")) {
                     data.isEditMode = true;
                     (_b = data.onFocusIn) === null || _b === void 0 ? void 0 : _b.call(data, this);
                 }
@@ -40,15 +40,15 @@ export class FocusSensor extends HtmlElementSensor {
         const existing = this.sourceElement;
         if (element !== existing) {
             if (existing) {
-                existing.removeEventListener('focusin', this.onFocusIn.bind(this), { capture: true });
-                existing.removeEventListener('focusout', this.onFocusOut.bind(this), { capture: true });
-                existing.removeEventListener('mousedown', this.onMouseDown.bind(this), { capture: true });
+                existing.removeEventListener("focusin", this.onFocusIn.bind(this), { capture: true });
+                existing.removeEventListener("focusout", this.onFocusOut.bind(this), { capture: true });
+                existing.removeEventListener("mousedown", this.onMouseDown.bind(this), { capture: true });
             }
             this.sourceElement = element;
             if (element && enabled) {
-                element.addEventListener('focusin', this.onFocusIn.bind(this), { capture: true });
-                element.addEventListener('focusout', this.onFocusOut.bind(this), { capture: true });
-                element.addEventListener('mousedown', this.onMouseDown.bind(this), { capture: true });
+                element.addEventListener("focusin", this.onFocusIn.bind(this), { capture: true });
+                element.addEventListener("focusout", this.onFocusOut.bind(this), { capture: true });
+                element.addEventListener("mousedown", this.onMouseDown.bind(this), { capture: true });
             }
         }
     }
@@ -71,11 +71,11 @@ export class FocusSensor extends HtmlElementSensor {
     doFocusIn(e) {
         var _a;
         const path = e.composedPath();
-        const { dataList: focusDataList, activeData: focusActiveData, window } = grabElementDataList(path, SymDataForSensor, 'focus', this.elementDataList, false, e => document.activeElement === e);
+        const { dataList: focusDataList, activeData: focusActiveData, window } = grabElementDataList(path, SymDataForSensor, "focus", this.elementDataList, false, e => document.activeElement === e);
         this.elementDataList = focusDataList;
         this.setActiveData(focusActiveData);
         (_a = this.windowSensor) === null || _a === void 0 ? void 0 : _a.setActiveWindow(window);
-        const { dataList: contextDataList } = grabElementDataList(path, SymDataForSensor, 'context', this.contextElementDataList, true);
+        const { dataList: contextDataList } = grabElementDataList(path, SymDataForSensor, "context", this.contextElementDataList, true);
         this.contextElementDataList = toggleContextRefs(this, this.contextElementDataList, contextDataList);
         this.reset();
     }
@@ -84,16 +84,16 @@ export class FocusSensor extends HtmlElementSensor {
         const isLosingFocus = e.relatedTarget === null;
         if (isLosingFocus) {
             const path = e.composedPath();
-            const { dataList } = grabElementDataList(path, SymDataForSensor, 'focus', this.elementDataList, true);
+            const { dataList } = grabElementDataList(path, SymDataForSensor, "focus", this.elementDataList, true);
             this.elementDataList = dataList;
             const filteredElementDataList = dataList.filter(x => x !== this.activeData);
             if (filteredElementDataList.length > 0) {
-                this.trySetEditMode(filteredElementDataList[0], '  └─');
+                this.trySetEditMode(filteredElementDataList[0], "  └─");
             }
             else {
                 const defaultData = this.getDefaultSensorData();
                 if ((defaultData === null || defaultData === void 0 ? void 0 : defaultData.focus) !== undefined) {
-                    this.trySetEditMode(defaultData.focus, '    └─');
+                    this.trySetEditMode(defaultData.focus, "    └─");
                 }
                 else {
                     this.setActiveData(undefined);
@@ -110,21 +110,21 @@ export class FocusSensor extends HtmlElementSensor {
         const path = e.composedPath();
         const isClickInsideTabIndexedElement = path.find(el => el !== document.body && el.tabIndex >= 0) !== undefined;
         if (path.length > 0 && !isClickInsideTabIndexedElement) {
-            const { dataList } = grabElementDataList(path, SymDataForSensor, 'focus', this.elementDataList, true);
+            const { dataList } = grabElementDataList(path, SymDataForSensor, "focus", this.elementDataList, true);
             this.elementDataList = dataList;
             if (dataList.length > 0) {
-                this.trySetEditMode(dataList[0], '└─');
+                this.trySetEditMode(dataList[0], "└─");
                 e.preventDefault();
             }
-            const { dataList: contextDataList } = grabElementDataList(path, SymDataForSensor, 'context', this.contextElementDataList, true);
+            const { dataList: contextDataList } = grabElementDataList(path, SymDataForSensor, "context", this.contextElementDataList, true);
             this.contextElementDataList = toggleContextRefs(this, this.contextElementDataList, contextDataList);
             this.reset();
         }
         else {
         }
     }
-    trySetEditMode(candidateData, indent = '') {
-        if (candidateData !== undefined && objectHasMember(candidateData, 'isEditMode')) {
+    trySetEditMode(candidateData, indent = "") {
+        if (candidateData !== undefined && objectHasMember(candidateData, "isEditMode")) {
             candidateData.isEditMode = true;
         }
     }
@@ -165,16 +165,16 @@ function toggleContextRefs(focusSensor, existing, updated) {
     if (updated !== existing) {
         existing.forEach(x => {
             var _a;
-            if (objectHasMember(x, 'contextToggle') && x.contextToggle && x.contextToggle.valueOn !== x.contextToggle.valueOff)
+            if (objectHasMember(x, "contextToggle") && x.contextToggle && x.contextToggle.valueOn !== x.contextToggle.valueOff)
                 x.contextToggle.variable = x.contextToggle.valueOff;
-            if (objectHasMember(x, 'onContextOut'))
+            if (objectHasMember(x, "onContextOut"))
                 (_a = x.onContextOut) === null || _a === void 0 ? void 0 : _a.call(x, focusSensor);
         });
         updated.forEach(x => {
             var _a;
-            if (objectHasMember(x, 'contextToggle') && x.contextToggle)
+            if (objectHasMember(x, "contextToggle") && x.contextToggle)
                 x.contextToggle.variable = x.contextToggle.valueOn;
-            if (objectHasMember(x, 'onContextIn'))
+            if (objectHasMember(x, "onContextIn"))
                 (_a = x.onContextIn) === null || _a === void 0 ? void 0 : _a.call(x, focusSensor);
         });
     }

package/build/dist/source/html/sensors/HoverSensor.d.ts

@@ -1,4 +1,4 @@
-import { BasePointerSensor } from './BasePointerSensor';
+import { BasePointerSensor } from "./BasePointerSensor";
 export declare class HoverSensor extends BasePointerSensor {
     target: unknown;
     constructor();

package/build/dist/source/html/sensors/HoverSensor.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 { options, transactional, LoggingLevel } from 'reactronic';
-import { findTargetElementData, SymDataForSensor } from './DataForSensor';
-import { extractModifierKeys, KeyboardModifiers } from './KeyboardSensor';
-import { BasePointerSensor } from './BasePointerSensor';
+import { options, transactional, LoggingLevel } from "reactronic";
+import { findTargetElementData, SymDataForSensor } from "./DataForSensor";
+import { extractModifierKeys, KeyboardModifiers } from "./KeyboardSensor";
+import { BasePointerSensor } from "./BasePointerSensor";
 export class HoverSensor extends BasePointerSensor {
     constructor() {
         super();
@@ -21,13 +21,13 @@ export class HoverSensor extends BasePointerSensor {
         const existing = this.sourceElement;
         if (element !== existing) {
             if (existing) {
-                existing.removeEventListener('pointerover', this.onPointerOver.bind(this), { capture: true });
-                existing.removeEventListener('pointerout', this.onPointerOut.bind(this), { capture: true });
+                existing.removeEventListener("pointerover", this.onPointerOver.bind(this), { capture: true });
+                existing.removeEventListener("pointerout", this.onPointerOut.bind(this), { capture: true });
             }
             this.sourceElement = element;
             if (element && enabled) {
-                element.addEventListener('pointerover', this.onPointerOver.bind(this), { capture: true });
-                element.addEventListener('pointerout', this.onPointerOut.bind(this), { capture: true });
+                element.addEventListener("pointerover", this.onPointerOver.bind(this), { capture: true });
+                element.addEventListener("pointerout", this.onPointerOut.bind(this), { capture: true });
             }
         }
     }
@@ -43,7 +43,7 @@ export class HoverSensor extends BasePointerSensor {
         this.stopPropagation = false;
         const targetPath = e.composedPath();
         const underPointer = document.elementsFromPoint(e.clientX, e.clientY);
-        this.target = (_a = findTargetElementData(targetPath, underPointer, SymDataForSensor, ['hover']).data) === null || _a === void 0 ? void 0 : _a.hover;
+        this.target = (_a = findTargetElementData(targetPath, underPointer, SymDataForSensor, ["hover"]).data) === null || _a === void 0 ? void 0 : _a.hover;
         this.modifiers = extractModifierKeys(e);
         this.positionX = e.clientX;
         this.positionY = e.clientY;

package/build/dist/source/html/sensors/HtmlDragSensor.d.ts

@@ -1,9 +1,9 @@
-import { FocusSensor } from './FocusSensor';
-import { HtmlElementSensor } from './HtmlElementSensor';
-import { KeyboardModifiers } from './KeyboardSensor';
-import { WindowSensor } from './WindowSensor';
-export declare type DragEffectAllowed = 'none' | 'copy' | 'copyLink' | 'copyMove' | 'link' | 'linkMove' | 'move' | 'all' | 'uninitialized';
-export declare type DropEffect = 'none' | 'copy' | 'link' | 'move';
+import { FocusSensor } from "./FocusSensor";
+import { HtmlElementSensor } from "./HtmlElementSensor";
+import { KeyboardModifiers } from "./KeyboardSensor";
+import { WindowSensor } from "./WindowSensor";
+export declare type DragEffectAllowed = "none" | "copy" | "copyLink" | "copyMove" | "link" | "linkMove" | "move" | "all" | "uninitialized";
+export declare type DropEffect = "none" | "copy" | "link" | "move";
 export declare class HtmlDragSensor extends HtmlElementSensor {
     draggable: unknown;
     dragSource: unknown;