verstak 0.24.502 → 0.24.508

package/build/dist/source/express/Theme.d.ts

@@ -0,0 +1,34 @@
+import { AbstractTheme } from "./theme/Styling.js";
+import { ButtonStyling, DefaultButtonStyling } from "./theme/Button.s.js";
+import { FieldStyling, DefaultFieldStyling } from "./theme/Field.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 IconStyling, type DefaultIconStyling } from "./theme/Icon.s.js";
+export { type ToggleStyling, type DefaultToggleStyling } from "./theme/Toggle.s.js";
+export type VerstakExpressTheme = AbstractTheme & {
+    readonly button: ButtonStyling;
+    readonly field: FieldStyling;
+    readonly icon: IconStyling;
+    readonly toggle: ToggleStyling;
+};
+export declare class Theme implements VerstakExpressTheme {
+    private static readonly gCurrent;
+    static get current(): VerstakExpressTheme;
+    static set current(value: VerstakExpressTheme);
+    name: string;
+    fillColor: string;
+    textColor: string;
+    positiveColor: string;
+    negativeColor: string;
+    borderRadius: string;
+    outlineWidth: string;
+    outlineColor: string;
+    outlinePadding: string;
+    shadow: string;
+    button: DefaultButtonStyling;
+    field: DefaultFieldStyling;
+    icon: DefaultIconStyling;
+    toggle: DefaultToggleStyling;
+}

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

@@ -0,0 +1,30 @@
+import { Transaction, ReactiveNodeVariable, Isolation } from "reactronic";
+import { DefaultButtonStyling } from "./theme/Button.s.js";
+import { DefaultFieldStyling } from "./theme/Field.s.js";
+import { DefaultIconStyling } from "./theme/Icon.s.js";
+import { DefaultToggleStyling } from "./theme/Toggle.s.js";
+export class Theme {
+    constructor() {
+        this.name = "Default Gost Theme";
+        this.fillColor = "white";
+        this.textColor = "black";
+        this.positiveColor = "green";
+        this.negativeColor = "red";
+        this.borderRadius = "0.35rem";
+        this.outlineWidth = "1px";
+        this.outlineColor = "rgba(127, 127, 127, 0.5)";
+        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.icon = new DefaultIconStyling(this);
+        this.toggle = new DefaultToggleStyling(this);
+    }
+    static get current() {
+        return Theme.gCurrent.value;
+    }
+    static set current(value) {
+        Theme.gCurrent.value = value;
+    }
+}
+Theme.gCurrent = new ReactiveNodeVariable(Transaction.run({ isolation: Isolation.disjoinFromOuterTransaction }, () => new Theme()));

package/build/dist/source/express/Toggle.v.d.ts

@@ -0,0 +1,8 @@
+import { ReactiveNodeDecl, ReactiveNode } from "reactronic";
+import { El } from "verstak";
+export type ToggleModel = {
+    label?: string;
+    checked?: boolean;
+    color?: string;
+};
+export declare function Toggle(declaration?: ReactiveNodeDecl<El<HTMLElement, ToggleModel>>): ReactiveNode<El<HTMLElement, ToggleModel>>;

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

@@ -0,0 +1,40 @@
+import { Transaction, Mode, ReactiveNode } from "reactronic";
+import { Panel, Note } from "verstak";
+import { observableModel } from "./common/Utils.js";
+import { Theme } from "./Theme.js";
+import { Icon } from "./Icon.v.js";
+export function Toggle(declaration) {
+    return (Panel(ReactiveNode.withBasis(declaration, {
+        mode: Mode.autonomous,
+        preparation: el => {
+            var _a;
+            (_a = el.model) !== null && _a !== void 0 ? _a : (el.model = observableModel({
+                label: ReactiveNode.key,
+                checked: true,
+                color: "green"
+            }));
+            el.native.onclick = () => Transaction.run(null, () => el.model.checked = !el.model.checked);
+        },
+        content: el => {
+            const m = el.model;
+            const theme = Theme.current;
+            const toggleTheme = theme.toggle;
+            el.useStylingPreset(toggleTheme.main);
+            Icon(`fa-solid fa-toggle-${m.checked ? "on" : "off"}`, {
+                content: (el, base) => {
+                    var _a;
+                    base();
+                    el.useStylingPreset(toggleTheme.icon);
+                    el.style.color = m.checked ? ((_a = theme.positiveColor) !== null && _a !== void 0 ? _a : "") : "";
+                },
+            });
+            if (m.label)
+                Note(m.label, false, {
+                    content: (el, base) => {
+                        base();
+                        el.useStylingPreset(toggleTheme.label);
+                    },
+                });
+        },
+    })));
+}

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

@@ -0,0 +1,9 @@
+export * from "./Button.v.js";
+export * from "./Field.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";

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

@@ -0,0 +1,9 @@
+export * from "./Button.v.js";
+export * from "./Field.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";

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

@@ -0,0 +1,5 @@
+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;

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

@@ -0,0 +1,26 @@
+import { ObservableObject, Ref, Transaction, Isolation } from "reactronic";
+export function observableModel(modelProps) {
+    return Transaction.run({ isolation: Isolation.disjoinFromOuterTransaction }, () => new ObservableComposition(modelProps));
+}
+class ObservableComposition extends ObservableObject {
+    constructor(composition) {
+        super();
+        convertValuesToFieldsAndRefsToGetSet(this, composition);
+    }
+}
+function convertValuesToFieldsAndRefsToGetSet(target, composition) {
+    for (const key in composition) {
+        const x = composition[key];
+        if (x instanceof Ref) {
+            Object.defineProperty(target, key, {
+                get() { return x.variable; },
+                set(v) { x.variable = v; return true; },
+                enumerable: true,
+            });
+        }
+        else {
+            const t = target;
+            t[key] = x;
+        }
+    }
+}

package/build/dist/source/express/theme/Button.s.d.ts

@@ -0,0 +1,11 @@
+import { Styling } from "./Styling.js";
+export type ButtonStyling = {
+    main: string;
+    icon: string;
+    label: string;
+};
+export declare class DefaultButtonStyling extends Styling implements ButtonStyling {
+    get main(): string;
+    get icon(): string;
+    get label(): string;
+}

package/build/dist/source/express/theme/Button.s.js

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { css } from "@emotion/css";
+import { Styling } from "./Styling.js";
+export class DefaultButtonStyling extends Styling {
+    get main() {
+        return css `
+    cursor: pointer;
+    border-radius: ${this.$.borderRadius};
+    user-select: none;
+  `;
+    }
+    get icon() {
+        return css `
+    min-width: auto;
+    margin-left: ${this.$.outlinePadding};
+    margin-right: ${this.$.outlinePadding};
+  `;
+    }
+    get label() {
+        return css `
+    margin-left: ${this.$.outlinePadding};
+    margin-right: ${this.$.outlinePadding};
+  `;
+    }
+}
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultButtonStyling.prototype, "main", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultButtonStyling.prototype, "icon", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultButtonStyling.prototype, "label", null);

package/build/dist/source/express/theme/Field.s.d.ts

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

package/build/dist/source/express/theme/Field.s.js

@@ -0,0 +1,68 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { css } from "@emotion/css";
+import { Styling } from "./Styling.js";
+export class DefaultFieldStyling extends Styling {
+    get main() {
+        return css `
+    border-radius: ${this.$.borderRadius};
+    outline: ${this.$.outlineWidth} solid ${this.$.outlineColor};
+    outline-offset: -${this.$.outlineWidth};
+  `;
+    }
+    get icon() {
+        return css `
+    margin-left: ${this.$.outlinePadding};
+    min-width: 1.25em;
+    text-align: center;
+    color: ${this.$.outlineColor};
+  `;
+    }
+    get input() {
+        return css `
+    padding: ${this.$.outlinePadding};
+  `;
+    }
+    get popup() {
+        return css `
+    border-radius: ${this.$.borderRadius};
+    outline: ${this.$.outlineWidth} solid ${this.$.outlineColor};
+    outline-offset: -${this.$.outlineWidth};
+    padding: ${this.$.outlinePadding};
+    background-color: ${this.$.fillColor};
+    margin-top: -${this.$.outlineWidth};
+    margin-bottom: -${this.$.outlineWidth};
+    box-shadow: ${this.$.shadow};
+    overflow: scroll;
+    height: 4rem;
+  `;
+    }
+}
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultFieldStyling.prototype, "main", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultFieldStyling.prototype, "icon", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultFieldStyling.prototype, "input", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultFieldStyling.prototype, "popup", null);

package/build/dist/source/express/theme/Icon.s.d.ts

@@ -0,0 +1,7 @@
+import { Styling } from "./Styling.js";
+export type IconStyling = {
+    main: string;
+};
+export declare class DefaultIconStyling extends Styling implements IconStyling {
+    get main(): string;
+}

package/build/dist/source/express/theme/Icon.s.js

@@ -0,0 +1,26 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { css } from "@emotion/css";
+import { Styling } from "./Styling.js";
+export class DefaultIconStyling extends Styling {
+    get main() {
+        return css `
+    min-width: 1.25em;
+    min-height: auto;
+    text-align: center;
+  `;
+    }
+}
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultIconStyling.prototype, "main", null);

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

@@ -0,0 +1,16 @@
+import { ObservableObject } from "reactronic";
+export type AbstractTheme = {
+    fillColor: string;
+    textColor: string;
+    positiveColor: string;
+    negativeColor: string;
+    borderRadius: string;
+    outlineWidth: string;
+    outlineColor: string;
+    outlinePadding: string;
+    shadow: string;
+};
+export declare class Styling extends ObservableObject {
+    protected readonly $: AbstractTheme;
+    constructor($: AbstractTheme);
+}

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

@@ -0,0 +1,20 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { ObservableObject, raw } from "reactronic";
+export class Styling extends ObservableObject {
+    constructor($) {
+        super();
+        this.$ = $;
+    }
+}
+__decorate([
+    raw,
+    __metadata("design:type", Object)
+], Styling.prototype, "$", void 0);

package/build/dist/source/express/theme/Toggle.s.d.ts

@@ -0,0 +1,11 @@
+import { Styling } from "./Styling.js";
+export type ToggleStyling = {
+    main: string;
+    icon: string;
+    label: string;
+};
+export declare class DefaultToggleStyling extends Styling implements ToggleStyling {
+    get main(): string;
+    get icon(): string;
+    get label(): string;
+}

package/build/dist/source/express/theme/Toggle.s.js

@@ -0,0 +1,48 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { css } from "@emotion/css";
+import { Styling } from "./Styling.js";
+export class DefaultToggleStyling extends Styling {
+    get main() {
+        return css `
+    cursor: pointer;
+    user-select: none;
+  `;
+    }
+    get icon() {
+        return css `
+    min-width: auto;
+    margin-left: ${this.$.outlinePadding};
+    margin-right: ${this.$.outlinePadding};
+  `;
+    }
+    get label() {
+        return css `
+    margin-left: ${this.$.outlinePadding};
+    margin-right: ${this.$.outlinePadding};
+  `;
+    }
+}
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultToggleStyling.prototype, "main", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultToggleStyling.prototype, "icon", null);
+__decorate([
+    cached,
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], DefaultToggleStyling.prototype, "label", null);

package/build/dist/source/html/DraggableArea.view.d.ts

@@ -1,6 +1,6 @@
 import { ReactiveNodeDecl, ReactiveNode } from "reactronic";
-import { El } from "./El.js";
-import { PointerSensor } from "./sensors/PointerSensor.js";
+import { El } from "../core/El.js";
+import { PointerSensor } from "../sensors/PointerSensor.js";
 export type DragAndDropHandler = (pointer: PointerSensor) => void;
 export interface DraggableAreaModel {
     dragStartedAction?: DragAndDropHandler;

package/build/dist/source/html/DraggableArea.view.js

@@ -1,6 +1,6 @@
 import { Mode, ReactiveNode } from "reactronic";
 import { Div } from "./HtmlElements.js";
-import { Handling } from "./Elements.js";
+import { Handling } from "../core/Elements.js";
 export function DraggableArea(draggingId, builder) {
     return (Div(ReactiveNode.withBasis(builder, {
         mode: Mode.autonomous,

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

@@ -1,5 +1,5 @@
-import { DataForSensor } from "./sensors/DataForSensor.js";
-import { HtmlSensors } from "./sensors/HtmlSensors.js";
+import { DataForSensor } from "../sensors/DataForSensor.js";
+import { HtmlSensors } from "../sensors/HtmlSensors.js";
 declare global {
     interface Element {
         sensors: HtmlSensors;

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

@@ -1,5 +1,5 @@
-import { SymDataForSensor, SymHtmlSensors, SymResizeObserver } from "./sensors/DataForSensor.js";
-import { HtmlSensors } from "./sensors/HtmlSensors.js";
+import { SymDataForSensor, SymHtmlSensors, SymResizeObserver } from "../sensors/DataForSensor.js";
+import { HtmlSensors } from "../sensors/HtmlSensors.js";
 const ElementType = global.Element;
 if (ElementType !== undefined) {
     Object.defineProperty(ElementType.prototype, "sensors", {

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

@@ -1,7 +1,5 @@
-import { ReactiveNode, ReactiveNodeDecl, Script as Scr, ScriptAsync as ScrAsync, Mode } from "reactronic";
-import { El } from "./El.js";
-export declare function Window(content?: Scr<El<HTMLBodyElement>>, contentAsync?: ScrAsync<El<HTMLBodyElement>>, key?: string, mode?: Mode, preparation?: Scr<El<HTMLBodyElement>>, preparationAsync?: ScrAsync<El<HTMLBodyElement>>, finalization?: Scr<El<HTMLBodyElement>>, triggers?: unknown, basis?: ReactiveNodeDecl<El<HTMLBodyElement>>): ReactiveNode<El<HTMLBodyElement>>;
-export declare function Window(declaration?: ReactiveNodeDecl<El<HTMLBodyElement>>): ReactiveNode<El<HTMLBodyElement>>;
+import { ReactiveNode, ReactiveNodeDecl } from "reactronic";
+import { El } from "../core/El.js";
 export declare function A<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLAnchorElement, M>>): ReactiveNode<El<HTMLAnchorElement, M>>;
 export declare function Abbr<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;
 export declare function Address<M = unknown>(declaration?: ReactiveNodeDecl<El<HTMLElement, M>>): ReactiveNode<El<HTMLElement, M>>;

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

@@ -1,10 +1,6 @@
 import { ReactiveNode } from "reactronic";
-import { ElKind } from "./El.js";
-import { StaticDriver, HtmlDriver, SvgDriver } from "./HtmlDriver.js";
-export function Window(contentOrDeclaration, contentAsync, key, mode, preparation, preparationAsync, finalization, triggers, basis) {
-    const driver = new StaticDriver(global.document.body, "Page", false, el => el.kind = ElKind.panel);
-    return ReactiveNode.declare(driver, contentOrDeclaration, contentAsync, key, mode, preparation, preparationAsync, finalization, triggers, basis);
-}
+import { ElKind } from "../core/El.js";
+import { HtmlDriver, SvgDriver } from "../core/WebDriver.js";
 export function A(declaration) { return ReactiveNode.declare(HtmlTags.a, declaration); }
 export function Abbr(declaration) { return ReactiveNode.declare(HtmlTags.abbr, declaration); }
 export function Address(declaration) { return ReactiveNode.declare(HtmlTags.address, declaration); }

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

@@ -1,22 +1,3 @@
-export * from "./ElUtils.js";
-export * from "./El.js";
-export * from "./HtmlDriver.js";
 export * from "./HtmlElements.js";
 export * from "./HtmlApiExt.js";
-export * from "./Elements.js";
-export * from "./Handlers.js";
-export * from "./Sizes.js";
-export * from "./SplitViewMath.js";
-export * from "./sensors/Sensor.js";
-export * from "./sensors/PointerSensor.js";
-export * from "./sensors/BasePointerSensor.js";
-export * from "./sensors/FocusSensor.js";
-export * from "./sensors/ButtonSensor.js";
-export * from "./sensors/HoverSensor.js";
-export * from "./sensors/WheelSensor.js";
-export * from "./sensors/KeyboardSensor.js";
-export * from "./sensors/ResizeSensor.js";
-export * from "./sensors/HtmlDragSensor.js";
-export * from "./sensors/HtmlSensors.js";
-export * from "./sensors/WindowSensor.js";
 import "./HtmlApiExt.js";

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

@@ -1,22 +1,3 @@
-export * from "./ElUtils.js";
-export * from "./El.js";
-export * from "./HtmlDriver.js";
 export * from "./HtmlElements.js";
 export * from "./HtmlApiExt.js";
-export * from "./Elements.js";
-export * from "./Handlers.js";
-export * from "./Sizes.js";
-export * from "./SplitViewMath.js";
-export * from "./sensors/Sensor.js";
-export * from "./sensors/PointerSensor.js";
-export * from "./sensors/BasePointerSensor.js";
-export * from "./sensors/FocusSensor.js";
-export * from "./sensors/ButtonSensor.js";
-export * from "./sensors/HoverSensor.js";
-export * from "./sensors/WheelSensor.js";
-export * from "./sensors/KeyboardSensor.js";
-export * from "./sensors/ResizeSensor.js";
-export * from "./sensors/HtmlDragSensor.js";
-export * from "./sensors/HtmlSensors.js";
-export * from "./sensors/WindowSensor.js";
 import "./HtmlApiExt.js";

package/build/dist/source/{html/sensors → sensors}/FocusSensor.js

@@ -8,7 +8,7 @@ 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, Transaction } from "reactronic";
-import { objectHasMember } from "../ElUtils.js";
+import { objectHasMember } from "../core/ElUtils.js";
 import { grabElementDataList, SymDataForSensor } from "./DataForSensor.js";
 import { HtmlElementSensor } from "./HtmlElementSensor.js";
 export class FocusSensor extends HtmlElementSensor {

package/build/dist/source/{html → sensors}/Handlers.d.ts

@@ -1,7 +1,7 @@
 import { ToggleRef } from "reactronic";
-import { FocusModel } from "./sensors/FocusSensor.js";
-import { ResizedElement } from "./sensors/ResizeSensor.js";
-import { PointerSensor } from "./sensors/PointerSensor.js";
+import { FocusModel } from "./FocusSensor.js";
+import { ResizedElement } from "./ResizeSensor.js";
+import { PointerSensor } from "./PointerSensor.js";
 export declare function OnClick(target: HTMLElement, action: ((pointer: PointerSensor) => void) | ToggleRef | undefined, key?: string): void;
 export declare function OnClickAsync(target: HTMLElement, action: ((pointer: PointerSensor) => Promise<void>) | ToggleRef | undefined, key?: string): void;
 export declare function OnResize(target: HTMLElement, action: ((element: ResizedElement) => void) | undefined, key?: string): void;

package/build/dist/source/{html → sensors}/Handlers.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Mode, ToggleRef, unobs } from "reactronic";
-import { SyntheticElement } from "./Elements.js";
+import { SyntheticElement } from "../core/Elements.js";
 export function OnClick(target, action, key) {
     if (action !== undefined) {
         SyntheticElement({

package/build/dist/source/{html/sensors → sensors}/ResizeSensor.d.ts

@@ -1,4 +1,4 @@
-import { El } from "../El.js";
+import { El } from "../core/El.js";
 import { Sensor } from "./Sensor.js";
 export type ResizedElement = {
     readonly borderBoxSize: ReadonlyArray<ResizeObserverSize>;

package/build/dist/source/{html/sensors → sensors}/WindowSensor.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { ToggleRef, transactional } from "reactronic";
-import { objectHasMember } from "../ElUtils.js";
+import { objectHasMember } from "../core/ElUtils.js";
 import { Sensor } from "./Sensor.js";
 export class WindowSensor extends Sensor {
     constructor() {

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

@@ -0,0 +1,13 @@
+export * from "./Sensor.js";
+export * from "./PointerSensor.js";
+export * from "./BasePointerSensor.js";
+export * from "./FocusSensor.js";
+export * from "./ButtonSensor.js";
+export * from "./HoverSensor.js";
+export * from "./WheelSensor.js";
+export * from "./KeyboardSensor.js";
+export * from "./ResizeSensor.js";
+export * from "./HtmlDragSensor.js";
+export * from "./HtmlSensors.js";
+export * from "./WindowSensor.js";
+export * from "./Handlers.js";

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

@@ -0,0 +1,13 @@
+export * from "./Sensor.js";
+export * from "./PointerSensor.js";
+export * from "./BasePointerSensor.js";
+export * from "./FocusSensor.js";
+export * from "./ButtonSensor.js";
+export * from "./HoverSensor.js";
+export * from "./WheelSensor.js";
+export * from "./KeyboardSensor.js";
+export * from "./ResizeSensor.js";
+export * from "./HtmlDragSensor.js";
+export * from "./HtmlSensors.js";
+export * from "./WindowSensor.js";
+export * from "./Handlers.js";