@nightshadeui/util 2.12.5 → 2.13.0

package/out/DomEventProxy.d.ts

@@ -0,0 +1,10 @@
+type Listener = EventListenerOrEventListenerObject;
+export declare class DomEventProxy {
+    private target;
+    private entries;
+    constructor(target: EventTarget);
+    add(type: string, listener: Listener, options?: AddEventListenerOptions | boolean): void;
+    removeAll(): void;
+}
+export {};
+//# sourceMappingURL=DomEventProxy.d.ts.map

package/out/DomEventProxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomEventProxy.d.ts","sourceRoot":"","sources":["../src/DomEventProxy.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG,kCAAkC,CAAC;AAQnD,qBAAa,aAAa;IAIV,OAAO,CAAC,MAAM;IAF1B,OAAO,CAAC,OAAO,CAAe;gBAEV,MAAM,EAAE,WAAW;IAEvC,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,uBAAuB,GAAG,OAAO;IAKjF,SAAS;CAOZ"}

package/out/DomEventProxy.js

@@ -0,0 +1,17 @@
+export class DomEventProxy {
+    constructor(target) {
+        this.target = target;
+        this.entries = [];
+    }
+    add(type, listener, options) {
+        this.target.addEventListener(type, listener, options);
+        this.entries.push({ type, listener, options });
+    }
+    removeAll() {
+        for (const entry of this.entries) {
+            this.target.removeEventListener(entry.type, entry.listener, entry.options);
+        }
+        this.entries = [];
+    }
+}
+//# sourceMappingURL=DomEventProxy.js.map

package/out/DomEventProxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomEventProxy.js","sourceRoot":"","sources":["../src/DomEventProxy.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,aAAa;IAItB,YAAoB,MAAmB;QAAnB,WAAM,GAAN,MAAM,CAAa;QAF/B,YAAO,GAAY,EAAE,CAAC;IAEY,CAAC;IAE3C,GAAG,CAAC,IAAY,EAAE,QAAkB,EAAE,OAA2C;QAC7E,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACtD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IACnD,CAAC;IAED,SAAS;QACL,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAC/E,CAAC;QACD,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;CAEJ"}

package/out/InputStateManager.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Tracks global pointer position, button and modifier state, and dispatches
+ * semantic UI events (`uiclick`, `uidrag*`, `uiactivate`) on the DOM.
+ *
+ * Call {@link mount} when the application should begin listening (typically when
+ * your shell is mounted) and {@link unmount} to remove listeners.
+ */
+export declare class InputStateManager {
+    lastMousePos: {
+        x: number;
+        y: number;
+    };
+    lmbPressed: boolean;
+    mmbPressed: boolean;
+    rmbPressed: boolean;
+    altKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    shiftKey: boolean;
+    /** Minimum pointer movement (px) before a press becomes a drag. */
+    dragDistance: number;
+    private windowEvents;
+    private lastMouseDownPos;
+    private lastMouseDownTarget;
+    private dragTarget;
+    private inClickVicinity;
+    private listening;
+    get ctrlOrMetaKey(): boolean;
+    mount(): void;
+    unmount(): void;
+    private onMouseDown;
+    private onMouseMove;
+    private onMouseUp;
+    private onKeyDown;
+    private onKeyUp;
+    private updateModifiers;
+    private dispatchActivate;
+    private isDragAllowed;
+    private cloneMouseEvent;
+}
+//# sourceMappingURL=InputStateManager.d.ts.map

package/out/InputStateManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStateManager.d.ts","sourceRoot":"","sources":["../src/InputStateManager.ts"],"names":[],"mappings":"AASA;;;;;;GAMG;AACH,qBAAa,iBAAiB;IAE1B,YAAY;;;MAA+D;IAE3E,UAAU,UAAS;IACnB,UAAU,UAAS;IACnB,UAAU,UAAS;IAEnB,MAAM,UAAS;IACf,OAAO,UAAS;IAChB,OAAO,UAAS;IAChB,QAAQ,UAAS;IAEjB,mEAAmE;IACnE,YAAY,SAAK;IAEjB,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,gBAAgB,CAA+D;IACvF,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,aAAa,YAEhB;IAED,KAAK;IAYL,OAAO;IAWP,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,SAAS;IAsBjB,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,eAAe;CAiB1B"}

package/out/InputStateManager.js

@@ -0,0 +1,160 @@
+import { DomEventProxy } from './DomEventProxy.js';
+const NO_DRAG_SELECTORS = [
+    'button', 'a', 'input', 'textarea', 'select',
+    '[role="textbox"]', '[role="button"]', '[nodrag]',
+];
+/**
+ * Tracks global pointer position, button and modifier state, and dispatches
+ * semantic UI events (`uiclick`, `uidrag*`, `uiactivate`) on the DOM.
+ *
+ * Call {@link mount} when the application should begin listening (typically when
+ * your shell is mounted) and {@link unmount} to remove listeners.
+ */
+export class InputStateManager {
+    constructor() {
+        this.lastMousePos = { x: window.innerWidth * 0.5, y: window.innerHeight * 0.5 };
+        this.lmbPressed = false;
+        this.mmbPressed = false;
+        this.rmbPressed = false;
+        this.altKey = false;
+        this.ctrlKey = false;
+        this.metaKey = false;
+        this.shiftKey = false;
+        /** Minimum pointer movement (px) before a press becomes a drag. */
+        this.dragDistance = 4;
+        this.windowEvents = new DomEventProxy(window);
+        this.lastMouseDownPos = { x: window.innerWidth * 0.5, y: window.innerHeight * 0.5 };
+        this.lastMouseDownTarget = null;
+        this.dragTarget = null;
+        this.inClickVicinity = false;
+        this.listening = false;
+    }
+    get ctrlOrMetaKey() {
+        return this.ctrlKey || this.metaKey;
+    }
+    mount() {
+        if (this.listening) {
+            return;
+        }
+        this.listening = true;
+        this.windowEvents.add('mousedown', event => this.onMouseDown(event));
+        this.windowEvents.add('mousemove', event => this.onMouseMove(event));
+        this.windowEvents.add('mouseup', event => this.onMouseUp(event));
+        this.windowEvents.add('keydown', event => this.onKeyDown(event));
+        this.windowEvents.add('keyup', event => this.onKeyUp(event));
+    }
+    unmount() {
+        if (!this.listening) {
+            return;
+        }
+        this.listening = false;
+        this.windowEvents.removeAll();
+        this.dragTarget = null;
+        this.inClickVicinity = false;
+        this.lastMouseDownTarget = null;
+    }
+    onMouseDown(ev) {
+        this.lastMousePos = { x: ev.pageX, y: ev.pageY };
+        this.lmbPressed = ev.button === 0;
+        this.mmbPressed = ev.button === 1;
+        this.rmbPressed = ev.button === 2;
+        if (ev.button !== 0) {
+            return;
+        }
+        this.lastMouseDownPos = { x: ev.pageX, y: ev.pageY };
+        this.lastMouseDownTarget = ev.target;
+        this.inClickVicinity = true;
+    }
+    onMouseMove(ev) {
+        this.lastMousePos = { x: ev.pageX, y: ev.pageY };
+        if (!this.lmbPressed) {
+            return;
+        }
+        if (this.dragTarget) {
+            this.dragTarget.dispatchEvent(this.cloneMouseEvent('uidragmove', ev));
+            return;
+        }
+        if (!this.inClickVicinity || !this.lastMouseDownTarget) {
+            return;
+        }
+        const dx = ev.pageX - this.lastMouseDownPos.x;
+        const dy = ev.pageY - this.lastMouseDownPos.y;
+        if (Math.hypot(dx, dy) < this.dragDistance) {
+            return;
+        }
+        this.inClickVicinity = false;
+        if (this.isDragAllowed(this.lastMouseDownTarget)) {
+            this.dragTarget = this.lastMouseDownTarget;
+            this.dragTarget.dispatchEvent(this.cloneMouseEvent('uidragstart', ev));
+        }
+    }
+    onMouseUp(ev) {
+        if (ev.button === 0) {
+            const dragTarget = this.dragTarget;
+            const inClickVicinity = this.inClickVicinity;
+            const lastMouseDownTarget = this.lastMouseDownTarget;
+            this.dragTarget = null;
+            this.inClickVicinity = false;
+            this.lastMouseDownTarget = null;
+            if (dragTarget) {
+                dragTarget.dispatchEvent(this.cloneMouseEvent('uidragend', ev));
+            }
+            if (inClickVicinity && lastMouseDownTarget) {
+                lastMouseDownTarget.dispatchEvent(this.cloneMouseEvent('uiclick', ev));
+                this.dispatchActivate(lastMouseDownTarget, ev);
+            }
+        }
+        this.lastMousePos = { x: ev.pageX, y: ev.pageY };
+        this.lmbPressed = false;
+        this.mmbPressed = false;
+        this.rmbPressed = false;
+    }
+    onKeyDown(ev) {
+        this.updateModifiers(ev);
+        if ((ev.key === 'Enter' || ev.key === ' ') && ev.target) {
+            if (ev.target === document.body && ev.key === ' ') {
+                ev.preventDefault();
+            }
+            this.dispatchActivate(ev.target, ev);
+        }
+    }
+    onKeyUp(ev) {
+        this.updateModifiers(ev);
+    }
+    updateModifiers(ev) {
+        this.altKey = ev.altKey;
+        this.ctrlKey = ev.ctrlKey;
+        this.metaKey = ev.metaKey;
+        this.shiftKey = ev.shiftKey;
+    }
+    dispatchActivate(target, baseEvent) {
+        const el = target;
+        if (el.closest(':disabled')) {
+            return;
+        }
+        target.dispatchEvent(new CustomEvent('uiactivate', { detail: baseEvent }));
+    }
+    isDragAllowed(target) {
+        if (!(target instanceof Element)) {
+            return false;
+        }
+        return !target.closest(NO_DRAG_SELECTORS.join(','));
+    }
+    cloneMouseEvent(type, ev) {
+        return new MouseEvent(type, {
+            bubbles: true,
+            cancelable: true,
+            clientX: ev.clientX,
+            clientY: ev.clientY,
+            screenX: ev.screenX,
+            screenY: ev.screenY,
+            button: ev.button,
+            buttons: ev.buttons,
+            ctrlKey: ev.ctrlKey,
+            shiftKey: ev.shiftKey,
+            altKey: ev.altKey,
+            metaKey: ev.metaKey,
+        });
+    }
+}
+//# sourceMappingURL=InputStateManager.js.map

package/out/InputStateManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStateManager.js","sourceRoot":"","sources":["../src/InputStateManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,iBAAiB,GAAG;IACtB,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ;IAC5C,kBAAkB,EAAE,iBAAiB,EAAE,UAAU;CACpD,CAAC;AAIF;;;;;;GAMG;AACH,MAAM,OAAO,iBAAiB;IAA9B;QAEI,iBAAY,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC;QAE3E,eAAU,GAAG,KAAK,CAAC;QACnB,eAAU,GAAG,KAAK,CAAC;QACnB,eAAU,GAAG,KAAK,CAAC;QAEnB,WAAM,GAAG,KAAK,CAAC;QACf,YAAO,GAAG,KAAK,CAAC;QAChB,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QAEjB,mEAAmE;QACnE,iBAAY,GAAG,CAAC,CAAC;QAET,iBAAY,GAAG,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC;QACzC,qBAAgB,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC;QAC/E,wBAAmB,GAAuB,IAAI,CAAC;QAC/C,eAAU,GAAuB,IAAI,CAAC;QACtC,oBAAe,GAAG,KAAK,CAAC;QACxB,cAAS,GAAG,KAAK,CAAC;IA6I9B,CAAC;IA3IG,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC;IACxC,CAAC;IAED,KAAK;QACD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,OAAO;QACX,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAmB,CAAC,CAAC,CAAC;QACnF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAmB,CAAC,CAAC,CAAC;QACnF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAmB,CAAC,CAAC,CAAC;QAC/E,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAsB,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAsB,CAAC,CAAC,CAAC;IAClF,CAAC;IAED,OAAO;QACH,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAClB,OAAO;QACX,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;QAC9B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;IACpC,CAAC;IAEO,WAAW,CAAC,EAAc;QAC9B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC;QACjD,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;QAClC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAClB,OAAO;QACX,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC;QACrD,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC,MAAM,CAAC;QACrC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAChC,CAAC;IAEO,WAAW,CAAC,EAAc;QAC9B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC;QACjD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;YACtE,OAAO;QACX,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACrD,OAAO;QACX,CAAC;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAC9C,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,OAAO;QACX,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC/C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC;YAC3C,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC;QAC3E,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,EAAc;QAC5B,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAClB,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YACnC,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;YAC7C,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;YACrD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;YAChC,IAAI,UAAU,EAAE,CAAC;gBACb,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;YACpE,CAAC;YACD,IAAI,eAAe,IAAI,mBAAmB,EAAE,CAAC;gBACzC,mBAAmB,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;gBACvE,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;YACnD,CAAC;QACL,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC;QACjD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC;IAEO,SAAS,CAAC,EAAiB;QAC/B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QACzB,IAAI,CAAC,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;YACtD,IAAI,EAAE,CAAC,MAAM,KAAK,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBAChD,EAAE,CAAC,cAAc,EAAE,CAAC;YACxB,CAAC;YACD,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACzC,CAAC;IACL,CAAC;IAEO,OAAO,CAAC,EAAiB;QAC7B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC;IAEO,eAAe,CAAC,EAAa;QACjC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;IAChC,CAAC;IAEO,gBAAgB,CAAC,MAAmB,EAAE,SAAgB;QAC1D,MAAM,EAAE,GAAG,MAAqB,CAAC;QACjC,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;YAC1B,OAAO;QACX,CAAC;QACD,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;IAC/E,CAAC;IAEO,aAAa,CAAC,MAAmB;QACrC,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,CAAC;IAEO,eAAe,CAAC,IAAY,EAAE,EAAc;QAChD,OAAO,IAAI,UAAU,CAAC,IAAI,EAAE;YACxB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,EAAE,CAAC,OAAO;YACnB,OAAO,EAAE,EAAE,CAAC,OAAO;YACnB,OAAO,EAAE,EAAE,CAAC,OAAO;YACnB,OAAO,EAAE,EAAE,CAAC,OAAO;YACnB,MAAM,EAAE,EAAE,CAAC,MAAM;YACjB,OAAO,EAAE,EAAE,CAAC,OAAO;YACnB,OAAO,EAAE,EAAE,CAAC,OAAO;YACnB,QAAQ,EAAE,EAAE,CAAC,QAAQ;YACrB,MAAM,EAAE,EAAE,CAAC,MAAM;YACjB,OAAO,EAAE,EAAE,CAAC,OAAO;SACtB,CAAC,CAAC;IACP,CAAC;CAEJ"}

package/out/box.d.ts

@@ -0,0 +1,13 @@
+import { type Point } from './point.js';
+export type Box = [Point, Point];
+export declare function boxFromPoints(a: Point, b: Point): Box;
+export declare function boxOverlap(a: Box, b: Box): boolean;
+export declare function boxContains(box: Box, point: Point): boolean;
+export declare function boxCovers(boundingBox: Box, box: Box): boolean;
+export declare function boxEquals(a: Box, b: Box): boolean;
+export declare function boxScale(box: Box, scale: number): Box;
+export declare function boxCenter(box: Box): Point;
+export declare function boundingBox(a: Box, b: Box): Box;
+export declare function boxArea(box: Box): number;
+export declare function clampPointToBox(point: Point, box: Box): Point;
+//# sourceMappingURL=box.d.ts.map

package/out/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../src/box.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAA2B,MAAM,YAAY,CAAC;AAEjE,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAEjC,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,GAAG,CAIrD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,OAAO,CAKlD;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,CAE3D;AAED,wBAAgB,SAAS,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAI7D;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,WAEvC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,OAE/C;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,KAAK,CAMzC;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAG,GAAG,CAW/C;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,UAI/B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,KAAK,CAK7D"}

package/out/box.js

@@ -0,0 +1,58 @@
+import { clamp } from './math.js';
+import { pointsEqual, scalePoint } from './point.js';
+export function boxFromPoints(a, b) {
+    const min = { x: Math.min(a.x, b.x), y: Math.min(a.y, b.y) };
+    const max = { x: Math.max(a.x, b.x), y: Math.max(a.y, b.y) };
+    return [min, max];
+}
+export function boxOverlap(a, b) {
+    // https://stackoverflow.com/questions/20925818/algorithm-to-check-if-two-boxes-overlap
+    const xOverlap = a[1].x >= b[0].x && b[1].x >= a[0].x;
+    const yOverlap = a[1].y >= b[0].y && b[1].y >= a[0].y;
+    return xOverlap && yOverlap;
+}
+export function boxContains(box, point) {
+    return boxOverlap(box, [point, point]);
+}
+export function boxCovers(boundingBox, box) {
+    const [a, b] = boundingBox;
+    const [c, d] = box;
+    return a.x <= c.x && a.y <= c.y && b.x >= d.x && b.y >= d.y;
+}
+export function boxEquals(a, b) {
+    return pointsEqual(a[0], b[0]) && pointsEqual(a[1], b[1]);
+}
+export function boxScale(box, scale) {
+    return boxFromPoints(scalePoint(box[0], scale), scalePoint(box[1], scale));
+}
+export function boxCenter(box) {
+    const [min, max] = box;
+    return {
+        x: (max.x - min.x) * .5 + min.x,
+        y: (max.y - min.y) * .5 + min.y,
+    };
+}
+export function boundingBox(a, b) {
+    return [
+        {
+            x: Math.min(a[0].x, b[0].x),
+            y: Math.min(a[0].y, b[0].y),
+        },
+        {
+            x: Math.max(a[1].x, b[1].x),
+            y: Math.max(a[1].y, b[1].y),
+        },
+    ];
+}
+export function boxArea(box) {
+    const a = Math.abs(box[0].x - box[1].x);
+    const b = Math.abs(box[0].y - box[1].y);
+    return a * b;
+}
+export function clampPointToBox(point, box) {
+    return {
+        x: clamp(point.x, box[0].x, box[1].x),
+        y: clamp(point.y, box[0].y, box[1].y),
+    };
+}
+//# sourceMappingURL=box.js.map

package/out/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../src/box.ts"],"names":[],"mappings":"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"}

package/out/css.d.ts

@@ -0,0 +1,4 @@
+export declare function getCssVar(el: HTMLElement | null | undefined, name: string, fallback: string): string;
+export declare function getCssVarNumber(el: HTMLElement | null | undefined, name: string, fallback: number): number;
+export declare function getCssColorVar(el: HTMLElement | null | undefined, name: string, fallback: string): string;
+//# sourceMappingURL=css.d.ts.map

package/out/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAI3F;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAIjG;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAahG"}

package/out/css.js

@@ -0,0 +1,25 @@
+export function getCssVar(el, name, fallback) {
+    const root = el ?? document.documentElement;
+    const value = getComputedStyle(root).getPropertyValue(name).trim();
+    return value || fallback;
+}
+export function getCssVarNumber(el, name, fallback) {
+    const raw = getCssVar(el, name, String(fallback));
+    const parsed = Number(raw.replace(/px|em|%|vh|vw/g, ''));
+    return Number.isFinite(parsed) ? parsed : fallback;
+}
+export function getCssColorVar(el, name, fallback) {
+    const root = el ?? document.documentElement;
+    const value = getCssVar(el, name, fallback);
+    const probe = document.createElement('span');
+    probe.style.position = 'absolute';
+    probe.style.visibility = 'hidden';
+    probe.style.pointerEvents = 'none';
+    probe.style.color = fallback;
+    probe.style.color = value;
+    root.appendChild(probe);
+    const resolved = getComputedStyle(probe).color.trim();
+    probe.remove();
+    return resolved || fallback;
+}
+//# sourceMappingURL=css.js.map

package/out/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAC,EAAkC,EAAE,IAAY,EAAE,QAAgB;IACxF,MAAM,IAAI,GAAG,EAAE,IAAI,QAAQ,CAAC,eAAe,CAAC;IAC5C,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;IACnE,OAAO,KAAK,IAAI,QAAQ,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAkC,EAAE,IAAY,EAAE,QAAgB;IAC9F,MAAM,GAAG,GAAG,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC;IACzD,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAkC,EAAE,IAAY,EAAE,QAAgB;IAC7F,MAAM,IAAI,GAAG,EAAE,IAAI,QAAQ,CAAC,eAAe,CAAC;IAC5C,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAClC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;IAClC,KAAK,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAC1B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACxB,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACtD,KAAK,CAAC,MAAM,EAAE,CAAC;IACf,OAAO,QAAQ,IAAI,QAAQ,CAAC;AAChC,CAAC"}

package/out/grid.d.ts

@@ -0,0 +1,3 @@
+export declare function createGridLinesSvg(cellSize: number, subdivisions: number, majorColor: string, minorColor: string): string;
+export declare function createGridDotsSvg(cellSize: number, subdivisions: number, majorColor: string, majorRadius: number | undefined, minorColor: string, minorRadius?: number): string;
+//# sourceMappingURL=grid.d.ts.map

package/out/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/grid.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAC9B,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,UAwBrB;AAED,wBAAgB,iBAAiB,CAC7B,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,WAAW,oBAAI,EACf,UAAU,EAAE,MAAM,EAClB,WAAW,SAAI,UA8BlB"}

package/out/grid.js

@@ -0,0 +1,55 @@
+export function createGridLinesSvg(cellSize, subdivisions, majorColor, minorColor) {
+    const subdivCoords = getSubdivCoords(cellSize, subdivisions)
+        .map(_ => _ + 1);
+    const lines = [
+        `<svg xmlns="http://www.w3.org/2000/svg"
+        width="${cellSize}"
+        height="${cellSize}"
+        viewBox="0 0 ${cellSize} ${cellSize}">`
+    ];
+    // Minor lines
+    for (const c of subdivCoords) {
+        lines.push(`<path d="M0,${c} H ${cellSize}" stroke="${minorColor}" stroke-width="1"/>`);
+        lines.push(`<path d="M${c},0 V ${cellSize}" stroke="${minorColor}" stroke-width="1"/>`);
+    }
+    // Major lines
+    lines.push(`<path d="M0,1 H ${cellSize}" stroke="${majorColor}" stroke-width="1"/>`);
+    lines.push(`<path d="M1,0 V ${cellSize}" stroke="${majorColor}" stroke-width="1"/>`);
+    lines.push('</svg>');
+    return lines.join('');
+}
+export function createGridDotsSvg(cellSize, subdivisions, majorColor, majorRadius = 2, minorColor, minorRadius = 1) {
+    const minorCoords = [0, ...getSubdivCoords(cellSize, subdivisions), cellSize];
+    const majorCoords = [0, cellSize];
+    const lines = [
+        `<svg xmlns="http://www.w3.org/2000/svg"
+        width="${cellSize}"
+        height="${cellSize}"
+        viewBox="0 0 ${cellSize} ${cellSize}">`,
+    ];
+    if (minorRadius) {
+        for (const x of minorCoords) {
+            for (const y of minorCoords) {
+                lines.push(`<circle cx="${x}" cy="${y}" r="${minorRadius}" fill="${minorColor}"/>`);
+            }
+        }
+    }
+    if (majorRadius) {
+        for (const x of majorCoords) {
+            for (const y of majorCoords) {
+                lines.push(`<circle cx="${x}" cy="${y}" r="${majorRadius}" fill="${majorColor}"/>`);
+            }
+        }
+    }
+    lines.push('</svg>');
+    return lines.join('');
+}
+function getSubdivCoords(cellSize, subdivisions) {
+    const subdivCoords = [];
+    const k = Math.round(cellSize / subdivisions);
+    for (let i = 1; i < subdivisions; i++) {
+        subdivCoords.push(k * i);
+    }
+    return subdivCoords;
+}
+//# sourceMappingURL=grid.js.map

package/out/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../src/grid.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB,CAC9B,QAAgB,EAChB,YAAoB,EACpB,UAAkB,EAClB,UAAkB;IAElB,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC;SACvD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACrB,MAAM,KAAK,GAAG;QACV;iBACS,QAAQ;kBACP,QAAQ;uBACH,QAAQ,IAAI,QAAQ,IAAI;KAC1C,CAAC;IACF,cAAc;IACd,KAAK,MAAM,CAAC,IAAI,YAAY,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CACN,eAAe,CAAC,MAAM,QAAQ,aAAa,UAAU,sBAAsB,CAC9E,CAAC;QACF,KAAK,CAAC,IAAI,CACN,aAAa,CAAC,QAAQ,QAAQ,aAAa,UAAU,sBAAsB,CAC9E,CAAC;IACN,CAAC;IACD,cAAc;IACd,KAAK,CAAC,IAAI,CAAC,mBAAmB,QAAQ,aAAa,UAAU,sBAAsB,CAAC,CAAC;IACrF,KAAK,CAAC,IAAI,CAAC,mBAAmB,QAAQ,aAAa,UAAU,sBAAsB,CAAC,CAAC;IACrF,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC7B,QAAgB,EAChB,YAAoB,EACpB,UAAkB,EAClB,WAAW,GAAG,CAAC,EACf,UAAkB,EAClB,WAAW,GAAG,CAAC;IAEf,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC9E,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG;QACV;iBACS,QAAQ;kBACP,QAAQ;uBACH,QAAQ,IAAI,QAAQ,IAAI;KAC1C,CAAC;IACF,IAAI,WAAW,EAAE,CAAC;QACd,KAAK,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC;YAC1B,KAAK,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACN,eAAe,CAAC,SAAS,CAAC,QAAQ,WAAW,WAAW,UAAU,KAAK,CAC1E,CAAC;YACN,CAAC;QACL,CAAC;IACL,CAAC;IACD,IAAI,WAAW,EAAE,CAAC;QACd,KAAK,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC;YAC1B,KAAK,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CACN,eAAe,CAAC,SAAS,CAAC,QAAQ,WAAW,WAAW,UAAU,KAAK,CAC1E,CAAC;YACN,CAAC;QACL,CAAC;IACL,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,eAAe,CAAC,QAAgB,EAAE,YAAoB;IAC3D,MAAM,YAAY,GAAa,EAAE,CAAC;IAClC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAC;IAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,YAAY,CAAC;AACxB,CAAC"}

package/out/index.d.ts

@@ -0,0 +1,8 @@
+export * from './box.js';
+export * from './css.js';
+export * from './DomEventProxy.js';
+export * from './grid.js';
+export * from './InputStateManager.js';
+export * from './math.js';
+export * from './point.js';
+//# sourceMappingURL=index.d.ts.map

package/out/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/out/index.js

@@ -0,0 +1,8 @@
+export * from './box.js';
+export * from './css.js';
+export * from './DomEventProxy.js';
+export * from './grid.js';
+export * from './InputStateManager.js';
+export * from './math.js';
+export * from './point.js';
+//# sourceMappingURL=index.js.map

package/out/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/out/math.d.ts

@@ -0,0 +1,2 @@
+export declare function clamp(value: number, min: number, max: number): number;
+//# sourceMappingURL=math.d.ts.map

package/out/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../src/math.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAE5D"}

package/out/math.js

@@ -0,0 +1,4 @@
+export function clamp(value, min, max) {
+    return Math.max(min, Math.min(max, value));
+}
+//# sourceMappingURL=math.js.map

package/out/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","sourceRoot":"","sources":["../src/math.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACzD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC"}

package/out/point.d.ts

@@ -0,0 +1,11 @@
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare function pointsEqual(a: Point, b: Point, threshold?: number): boolean;
+export declare function clonePoint(point: Point): Point;
+export declare function addPoints(a: Point, b: Point): Point;
+export declare function subtractPoints(a: Point, b: Point): Point;
+export declare function scalePoint(p: Point, fac: number): Point;
+export declare function normalizePoint(p: Point): Point;
+//# sourceMappingURL=point.d.ts.map

package/out/point.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"point.d.ts","sourceRoot":"","sources":["../src/point.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,SAAI,WAE5D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAE9C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,CAKnD;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,CAKxD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,CAKvD;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,CAS9C"}

package/out/point.js

@@ -0,0 +1,35 @@
+export function pointsEqual(a, b, threshold = 0) {
+    return Math.abs(a.x - b.x) <= threshold && Math.abs(a.y - b.y) <= threshold;
+}
+export function clonePoint(point) {
+    return { x: point.x, y: point.y };
+}
+export function addPoints(a, b) {
+    return {
+        x: a.x + b.x,
+        y: a.y + b.y,
+    };
+}
+export function subtractPoints(a, b) {
+    return {
+        x: a.x - b.x,
+        y: a.y - b.y,
+    };
+}
+export function scalePoint(p, fac) {
+    return {
+        x: p.x * fac,
+        y: p.y * fac,
+    };
+}
+export function normalizePoint(p) {
+    const l = Math.hypot(p.x, p.y);
+    if (l === 0) {
+        return { x: 0, y: 0 };
+    }
+    return {
+        x: p.x / l,
+        y: p.y / l,
+    };
+}
+//# sourceMappingURL=point.js.map

package/out/point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"point.js","sourceRoot":"","sources":["../src/point.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,WAAW,CAAC,CAAQ,EAAE,CAAQ,EAAE,SAAS,GAAG,CAAC;IACzD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAY;IACnC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,CAAQ,EAAE,CAAQ;IACxC,OAAO;QACH,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACZ,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;KACf,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,CAAQ,EAAE,CAAQ;IAC7C,OAAO;QACH,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACZ,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;KACf,CAAC;AACN,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,CAAQ,EAAE,GAAW;IAC5C,OAAO;QACH,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG;QACZ,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG;KACf,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,CAAQ;IACnC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACV,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACV,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;KACb,CAAC;AACN,CAAC"}

package/package.json

@@ -1,12 +1,28 @@
 {
     "name": "@nightshadeui/util",
-    "version": "2.12.5",
+    "version": "2.13.0",
     "description": "Shared utility helpers for Nightshade packages",
     "author": "Boris Okunskiy",
     "license": "ISC",
+    "type": "module",
     "sideEffects": false,
     "exports": {
-        ".": "./src/index.ts",
-        "./src": "./src/index.ts"
+        ".": {
+            "types": "./out/index.d.ts",
+            "import": "./out/index.js",
+            "default": "./out/index.js"
+        },
+        "./src": {
+            "types": "./src/index.ts",
+            "import": "./src/index.ts",
+            "default": "./src/index.ts"
+        }
+    },
+    "files": [
+        "out",
+        "src"
+    ],
+    "scripts": {
+        "build": "tsc -b"
     }
 }

package/src/InputStateManager.ts

@@ -0,0 +1,179 @@
+import { DomEventProxy } from './DomEventProxy.js';
+
+const NO_DRAG_SELECTORS = [
+    'button', 'a', 'input', 'textarea', 'select',
+    '[role="textbox"]', '[role="button"]', '[nodrag]',
+];
+
+type Modifiers = Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'metaKey' | 'shiftKey'>;
+
+/**
+ * Tracks global pointer position, button and modifier state, and dispatches
+ * semantic UI events (`uiclick`, `uidrag*`, `uiactivate`) on the DOM.
+ *
+ * Call {@link mount} when the application should begin listening (typically when
+ * your shell is mounted) and {@link unmount} to remove listeners.
+ */
+export class InputStateManager {
+
+    lastMousePos = { x: window.innerWidth * 0.5, y: window.innerHeight * 0.5 };
+
+    lmbPressed = false;
+    mmbPressed = false;
+    rmbPressed = false;
+
+    altKey = false;
+    ctrlKey = false;
+    metaKey = false;
+    shiftKey = false;
+
+    /** Minimum pointer movement (px) before a press becomes a drag. */
+    dragDistance = 4;
+
+    private windowEvents = new DomEventProxy(window);
+    private lastMouseDownPos = { x: window.innerWidth * 0.5, y: window.innerHeight * 0.5 };
+    private lastMouseDownTarget: EventTarget | null = null;
+    private dragTarget: EventTarget | null = null;
+    private inClickVicinity = false;
+    private listening = false;
+
+    get ctrlOrMetaKey() {
+        return this.ctrlKey || this.metaKey;
+    }
+
+    mount() {
+        if (this.listening) {
+            return;
+        }
+        this.listening = true;
+        this.windowEvents.add('mousedown', event => this.onMouseDown(event as MouseEvent));
+        this.windowEvents.add('mousemove', event => this.onMouseMove(event as MouseEvent));
+        this.windowEvents.add('mouseup', event => this.onMouseUp(event as MouseEvent));
+        this.windowEvents.add('keydown', event => this.onKeyDown(event as KeyboardEvent));
+        this.windowEvents.add('keyup', event => this.onKeyUp(event as KeyboardEvent));
+    }
+
+    unmount() {
+        if (!this.listening) {
+            return;
+        }
+        this.listening = false;
+        this.windowEvents.removeAll();
+        this.dragTarget = null;
+        this.inClickVicinity = false;
+        this.lastMouseDownTarget = null;
+    }
+
+    private onMouseDown(ev: MouseEvent) {
+        this.lastMousePos = { x: ev.pageX, y: ev.pageY };
+        this.lmbPressed = ev.button === 0;
+        this.mmbPressed = ev.button === 1;
+        this.rmbPressed = ev.button === 2;
+        if (ev.button !== 0) {
+            return;
+        }
+        this.lastMouseDownPos = { x: ev.pageX, y: ev.pageY };
+        this.lastMouseDownTarget = ev.target;
+        this.inClickVicinity = true;
+    }
+
+    private onMouseMove(ev: MouseEvent) {
+        this.lastMousePos = { x: ev.pageX, y: ev.pageY };
+        if (!this.lmbPressed) {
+            return;
+        }
+        if (this.dragTarget) {
+            this.dragTarget.dispatchEvent(this.cloneMouseEvent('uidragmove', ev));
+            return;
+        }
+        if (!this.inClickVicinity || !this.lastMouseDownTarget) {
+            return;
+        }
+        const dx = ev.pageX - this.lastMouseDownPos.x;
+        const dy = ev.pageY - this.lastMouseDownPos.y;
+        if (Math.hypot(dx, dy) < this.dragDistance) {
+            return;
+        }
+        this.inClickVicinity = false;
+        if (this.isDragAllowed(this.lastMouseDownTarget)) {
+            this.dragTarget = this.lastMouseDownTarget;
+            this.dragTarget.dispatchEvent(this.cloneMouseEvent('uidragstart', ev));
+        }
+    }
+
+    private onMouseUp(ev: MouseEvent) {
+        if (ev.button === 0) {
+            const dragTarget = this.dragTarget;
+            const inClickVicinity = this.inClickVicinity;
+            const lastMouseDownTarget = this.lastMouseDownTarget;
+            this.dragTarget = null;
+            this.inClickVicinity = false;
+            this.lastMouseDownTarget = null;
+            if (dragTarget) {
+                dragTarget.dispatchEvent(this.cloneMouseEvent('uidragend', ev));
+            }
+            if (inClickVicinity && lastMouseDownTarget) {
+                lastMouseDownTarget.dispatchEvent(this.cloneMouseEvent('uiclick', ev));
+                this.dispatchActivate(lastMouseDownTarget, ev);
+            }
+        }
+        this.lastMousePos = { x: ev.pageX, y: ev.pageY };
+        this.lmbPressed = false;
+        this.mmbPressed = false;
+        this.rmbPressed = false;
+    }
+
+    private onKeyDown(ev: KeyboardEvent) {
+        this.updateModifiers(ev);
+        if ((ev.key === 'Enter' || ev.key === ' ') && ev.target) {
+            if (ev.target === document.body && ev.key === ' ') {
+                ev.preventDefault();
+            }
+            this.dispatchActivate(ev.target, ev);
+        }
+    }
+
+    private onKeyUp(ev: KeyboardEvent) {
+        this.updateModifiers(ev);
+    }
+
+    private updateModifiers(ev: Modifiers) {
+        this.altKey = ev.altKey;
+        this.ctrlKey = ev.ctrlKey;
+        this.metaKey = ev.metaKey;
+        this.shiftKey = ev.shiftKey;
+    }
+
+    private dispatchActivate(target: EventTarget, baseEvent: Event) {
+        const el = target as HTMLElement;
+        if (el.closest(':disabled')) {
+            return;
+        }
+        target.dispatchEvent(new CustomEvent('uiactivate', { detail: baseEvent }));
+    }
+
+    private isDragAllowed(target: EventTarget) {
+        if (!(target instanceof Element)) {
+            return false;
+        }
+        return !target.closest(NO_DRAG_SELECTORS.join(','));
+    }
+
+    private cloneMouseEvent(type: string, ev: MouseEvent) {
+        return new MouseEvent(type, {
+            bubbles: true,
+            cancelable: true,
+            clientX: ev.clientX,
+            clientY: ev.clientY,
+            screenX: ev.screenX,
+            screenY: ev.screenY,
+            button: ev.button,
+            buttons: ev.buttons,
+            ctrlKey: ev.ctrlKey,
+            shiftKey: ev.shiftKey,
+            altKey: ev.altKey,
+            metaKey: ev.metaKey,
+        });
+    }
+
+}

package/src/index.ts

@@ -2,5 +2,6 @@ export * from './box.js';
 export * from './css.js';
 export * from './DomEventProxy.js';
 export * from './grid.js';
+export * from './InputStateManager.js';
 export * from './math.js';
 export * from './point.js';

package/tsconfig.json

@@ -1,15 +0,0 @@
-{
-    "extends": "../../tsconfig.base.json",
-    "include": [
-        "**/*.ts"
-    ],
-    "compilerOptions": {
-        "rootDir": "src",
-        "lib": [
-            "ES2022",
-            "DOM",
-            "DOM.Iterable"
-        ],
-        "noEmit": true
-    }
-}