@jolly-pixel/ui 1.0.1

package/dist/interaction/drag/dropIndex.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Main-axis extent of one existing child, in client pixels.
+ */
+export interface DropCandidate {
+    start: number;
+    size: number;
+}
+export interface ResolveDropIndexOptions {
+    /** Pointer position on the same axis as the candidates. */
+    position: number;
+    /** Children ordered by ascending `start`. */
+    candidates: readonly DropCandidate[];
+    /** Index currently previewed, or `null` for an unbiased resolution. */
+    current?: number | null;
+    /** Pixels the pointer must clear past a midpoint to leave `current`. */
+    deadBand?: number;
+}
+/**
+ * Resolves the insertion index a pointer sits at, in `[0, candidates.length]`.
+ *
+ * Passing `current` adds hysteresis: the result stays on `current` until the
+ * pointer clears the separating midpoint by `deadBand` pixels, so a hand
+ * resting on a boundary cannot oscillate between two indices.
+ */
+export declare function resolveDropIndex(options: ResolveDropIndexOptions): number;
+//# sourceMappingURL=dropIndex.d.ts.map

package/dist/interaction/drag/dropIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropIndex.d.ts","sourceRoot":"","sources":["../../../src/interaction/drag/dropIndex.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,uBAAuB;IACtC,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,UAAU,EAAE,SAAS,aAAa,EAAE,CAAC;IACrC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,uBAAuB,GAC/B,MAAM,CAuCR"}

package/dist/interaction/drag/dropIndex.js

@@ -0,0 +1,34 @@
+// CONSTANTS
+const kDefaultDeadBand = 6;
+/**
+ * Resolves the insertion index a pointer sits at, in `[0, candidates.length]`.
+ *
+ * Passing `current` adds hysteresis: the result stays on `current` until the
+ * pointer clears the separating midpoint by `deadBand` pixels, so a hand
+ * resting on a boundary cannot oscillate between two indices.
+ */
+export function resolveDropIndex(options) {
+    const { position, candidates, current = null, deadBand = kDefaultDeadBand } = options;
+    let raw = 0;
+    while (raw < candidates.length &&
+        midpointOf(candidates[raw]) < position) {
+        raw++;
+    }
+    // An out-of-range `current` describes a stale list, so it carries no bias.
+    if (current === null ||
+        current < 0 ||
+        current > candidates.length ||
+        raw === current) {
+        return raw;
+    }
+    if (raw > current) {
+        const boundary = midpointOf(candidates[current]) + deadBand;
+        return position > boundary ? raw : current;
+    }
+    const boundary = midpointOf(candidates[current - 1]) - deadBand;
+    return position < boundary ? raw : current;
+}
+function midpointOf(candidate) {
+    return candidate.start + (candidate.size / 2);
+}
+//# sourceMappingURL=dropIndex.js.map

package/dist/interaction/drag/dropIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropIndex.js","sourceRoot":"","sources":["../../../src/interaction/drag/dropIndex.ts"],"names":[],"mappings":"AAAA,YAAY;AACZ,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAqB3B;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAC9B,OAAgC;IAEhC,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,gBAAgB,EAC5B,GAAG,OAAO,CAAC;IAEZ,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,OACE,GAAG,GAAG,UAAU,CAAC,MAAM;QACvB,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,EACtC,CAAC;QACD,GAAG,EAAE,CAAC;IACR,CAAC;IAED,2EAA2E;IAC3E,IACE,OAAO,KAAK,IAAI;QAChB,OAAO,GAAG,CAAC;QACX,OAAO,GAAG,UAAU,CAAC,MAAM;QAC3B,GAAG,KAAK,OAAO,EACf,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC;IAED,IAAI,GAAG,GAAG,OAAO,EAAE,CAAC;QAClB,MAAM,QAAQ,GAAG,UAAU,CACzB,UAAU,CAAC,OAAO,CAAC,CACpB,GAAG,QAAQ,CAAC;QAEb,OAAO,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7C,CAAC;IAED,MAAM,QAAQ,GAAG,UAAU,CACzB,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CACxB,GAAG,QAAQ,CAAC;IAEb,OAAO,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7C,CAAC;AAED,SAAS,UAAU,CACjB,SAAwB;IAExB,OAAO,SAAS,CAAC,KAAK,GAAG,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;AAChD,CAAC"}

package/dist/interaction/ensureDocumentStyles.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Installs a document-level stylesheet once, including under server rendering.
+ */
+export declare function ensureDocumentStyles(id: string, css: string, ownerDocument?: Document | undefined): void;
+//# sourceMappingURL=ensureDocumentStyles.d.ts.map

package/dist/interaction/ensureDocumentStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensureDocumentStyles.d.ts","sourceRoot":"","sources":["../../src/interaction/ensureDocumentStyles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,aAAa,GAAE,QAAQ,GAAG,SAA+B,GACxD,IAAI,CAYN"}

package/dist/interaction/ensureDocumentStyles.js

@@ -0,0 +1,14 @@
+/**
+ * Installs a document-level stylesheet once, including under server rendering.
+ */
+export function ensureDocumentStyles(id, css, ownerDocument = globalThis.document) {
+    if (ownerDocument === undefined ||
+        ownerDocument.getElementById(id) !== null) {
+        return;
+    }
+    const style = ownerDocument.createElement("style");
+    style.id = id;
+    style.textContent = css;
+    ownerDocument.head.append(style);
+}
+//# sourceMappingURL=ensureDocumentStyles.js.map

package/dist/interaction/ensureDocumentStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensureDocumentStyles.js","sourceRoot":"","sources":["../../src/interaction/ensureDocumentStyles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAClC,EAAU,EACV,GAAW,EACX,gBAAsC,UAAU,CAAC,QAAQ;IAEzD,IACE,aAAa,KAAK,SAAS;QAC3B,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,KAAK,IAAI,EACzC,CAAC;QACD,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,CAAC,WAAW,GAAG,GAAG,CAAC;IACxB,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC"}

package/dist/interaction/scrub/ScrubController.d.ts

@@ -0,0 +1,27 @@
+import type { ReactiveController, ReactiveControllerHost } from "lit";
+export interface ScrubOptions {
+    /**
+     * Resolves the current scrub target.
+     */
+    target(): HTMLElement | null;
+    step(): number;
+    /**
+     * Value at drag start.
+     */
+    start(): number | undefined;
+    min?(): number;
+    max?(): number;
+    onInput(value: number): void;
+    onCommit(value: number): void;
+}
+/**
+ * Handles pointer scrubbing from the value captured at `pointerdown`.
+ */
+export declare class ScrubController implements ReactiveController {
+    #private;
+    constructor(host: ReactiveControllerHost & HTMLElement, options: ScrubOptions);
+    get dragging(): boolean;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+//# sourceMappingURL=ScrubController.d.ts.map

package/dist/interaction/scrub/ScrubController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubController.d.ts","sourceRoot":"","sources":["../../../src/interaction/scrub/ScrubController.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,KAAK,CAAC;AAab,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,MAAM,IAAI,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,IAAI,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,IAAI,MAAM,GAAG,SAAS,CAAC;IAC5B,GAAG,CAAC,IAAI,MAAM,CAAC;IACf,GAAG,CAAC,IAAI,MAAM,CAAC;IACf,OAAO,CACL,KAAK,EAAE,MAAM,GACZ,IAAI,CAAC;IACR,QAAQ,CACN,KAAK,EAAE,MAAM,GACZ,IAAI,CAAC;CACT;AAED;;GAEG;AACH,qBAAa,eAAgB,YAAW,kBAAkB;;gBAUtD,IAAI,EAAE,sBAAsB,GAAG,WAAW,EAC1C,OAAO,EAAE,YAAY;IAOvB,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,aAAa,IAAI,IAAI;IAOrB,gBAAgB,IAAI,IAAI;CA4IzB"}

package/dist/interaction/scrub/ScrubController.js

@@ -0,0 +1,114 @@
+// Import Internal Dependencies
+import { valueFromDelta } from "../../numeric/valueFromDelta.js";
+import { ensureDocumentStyles } from "../ensureDocumentStyles.js";
+import { createDragGuide } from "./dragGuide.js";
+import { multiplierFor } from "../../numeric/modifierMultiplier.js";
+import { kFallback } from "../../theme/styles/fallbacks.js";
+import { resolveThemeToken } from "../../theme/resolveThemeToken.js";
+// CONSTANTS
+const kDraggingClass = "jolly-scrub-dragging";
+/**
+ * Handles pointer scrubbing from the value captured at `pointerdown`.
+ */
+export class ScrubController {
+    #host;
+    #options;
+    #element = null;
+    #pointerId = null;
+    #startValue = 0;
+    #startX = 0;
+    #guide = null;
+    constructor(host, options) {
+        this.#host = host;
+        this.#options = options;
+        host.addController(this);
+    }
+    get dragging() {
+        return this.#pointerId !== null;
+    }
+    hostConnected() {
+        this.#host.addEventListener("pointerdown", this.#onPointerDown);
+    }
+    hostDisconnected() {
+        this.#host.removeEventListener("pointerdown", this.#onPointerDown);
+        this.#end();
+    }
+    #onPointerDown = (event) => {
+        if (event.button !== 0 || this.dragging) {
+            return;
+        }
+        const target = this.#options.target();
+        if (target === null ||
+            !event.composedPath().includes(target)) {
+            return;
+        }
+        // Mixed values have no scrub starting point.
+        const start = this.#options.start();
+        if (start === undefined) {
+            return;
+        }
+        this.#element = target;
+        this.#pointerId = event.pointerId;
+        this.#startValue = start;
+        this.#startX = event.clientX;
+        target.setPointerCapture(event.pointerId);
+        target.addEventListener("pointermove", this.#onPointerMove);
+        target.addEventListener("pointerup", this.#onPointerUp);
+        target.addEventListener("pointercancel", this.#onPointerUp);
+        ensureDocumentStyles("jolly-drag-styles", `
+      html.jolly-scrub-dragging,
+      html.jolly-scrub-dragging * {
+        cursor: ew-resize !important;
+        user-select: none !important;
+      }
+    `);
+        document.documentElement.classList.add(kDraggingClass);
+        const { top, height } = target.getBoundingClientRect();
+        this.#guide = createDragGuide(top + (height / 2), event.clientX, resolveThemeToken(this.#host, "--jolly-focus-ring", String(kFallback.focusRing)));
+        // Prevent native text selection while dragging.
+        event.preventDefault();
+    };
+    #onPointerMove = (event) => {
+        if (event.pointerId !== this.#pointerId) {
+            return;
+        }
+        this.#guide?.update(event.clientX);
+        this.#options.onInput(this.#valueAt(event));
+    };
+    #onPointerUp = (event) => {
+        if (event.pointerId !== this.#pointerId) {
+            return;
+        }
+        const value = this.#valueAt(event);
+        this.#end();
+        this.#options.onCommit(value);
+    };
+    #valueAt(event) {
+        return valueFromDelta({
+            start: this.#startValue,
+            deltaPx: event.clientX - this.#startX,
+            step: this.#options.step(),
+            multiplier: multiplierFor(event),
+            min: this.#options.min?.(),
+            max: this.#options.max?.()
+        });
+    }
+    #end() {
+        const element = this.#element;
+        if (element !== null &&
+            this.#pointerId !== null) {
+            element.removeEventListener("pointermove", this.#onPointerMove);
+            element.removeEventListener("pointerup", this.#onPointerUp);
+            element.removeEventListener("pointercancel", this.#onPointerUp);
+            if (element.hasPointerCapture(this.#pointerId)) {
+                element.releasePointerCapture(this.#pointerId);
+            }
+        }
+        this.#element = null;
+        this.#pointerId = null;
+        document.documentElement.classList.remove(kDraggingClass);
+        this.#guide?.destroy();
+        this.#guide = null;
+    }
+}
+//# sourceMappingURL=ScrubController.js.map

package/dist/interaction/scrub/ScrubController.js.map

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

package/dist/interaction/scrub/dragGuide.d.ts

@@ -0,0 +1,9 @@
+export interface DragGuide {
+    update(currentX: number): void;
+    destroy(): void;
+}
+/**
+ * Creates the document-level guide shown during a scrub drag.
+ */
+export declare function createDragGuide(originY: number, startX: number, color: string): DragGuide;
+//# sourceMappingURL=dragGuide.d.ts.map

package/dist/interaction/scrub/dragGuide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragGuide.d.ts","sourceRoot":"","sources":["../../../src/interaction/scrub/dragGuide.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;IACxB,MAAM,CACJ,QAAQ,EAAE,MAAM,GACf,IAAI,CAAC;IACR,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,GACZ,SAAS,CA+EX"}

package/dist/interaction/scrub/dragGuide.js

@@ -0,0 +1,54 @@
+// CONSTANTS
+const kSvgNs = "http://www.w3.org/2000/svg";
+/**
+ * Creates the document-level guide shown during a scrub drag.
+ */
+export function createDragGuide(originY, startX, color) {
+    const svg = document.createElementNS(kSvgNs, "svg");
+    svg.setAttribute("class", "jolly-scrub-guide");
+    Object.assign(svg.style, {
+        position: "fixed",
+        inset: "0",
+        width: "100vw",
+        height: "100vh",
+        pointerEvents: "none",
+        zIndex: "2147483647"
+    });
+    const line = document.createElementNS(kSvgNs, "line");
+    line.setAttribute("x1", String(startX));
+    line.setAttribute("y1", String(originY));
+    line.setAttribute("y2", String(originY));
+    line.setAttribute("stroke", color);
+    line.setAttribute("stroke-width", "1");
+    line.setAttribute("stroke-dasharray", "4 3");
+    svg.append(line);
+    const arrow = document.createElementNS(kSvgNs, "polygon");
+    arrow.setAttribute("fill", color);
+    svg.append(arrow);
+    document.body.append(svg);
+    function update(currentX) {
+        line.setAttribute("x2", String(currentX));
+        // No arrow until the pointer moves.
+        if (currentX === startX) {
+            arrow.setAttribute("points", "");
+            return;
+        }
+        const direction = currentX > startX ? 1 : -1;
+        const tipX = currentX + (direction * 5);
+        const points = [
+            [tipX, originY],
+            [tipX - (direction * 6), originY - 4],
+            [tipX - (direction * 6), originY + 4]
+        ].map((point) => point.join(",")).join(" ");
+        arrow.setAttribute("points", points);
+    }
+    // Avoid the SVG default `x2` of zero before the first move.
+    update(startX);
+    return {
+        update,
+        destroy() {
+            svg.remove();
+        }
+    };
+}
+//# sourceMappingURL=dragGuide.js.map

package/dist/interaction/scrub/dragGuide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragGuide.js","sourceRoot":"","sources":["../../../src/interaction/scrub/dragGuide.ts"],"names":[],"mappings":"AAAA,YAAY;AACZ,MAAM,MAAM,GAAG,4BAA4B,CAAC;AAS5C;;GAEG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAe,EACf,MAAc,EACd,KAAa;IAEb,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAClC,MAAM,EACN,KAAK,CACN,CAAC;IACF,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;IAC/C,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE;QACvB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,YAAY;KACrB,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CACnC,MAAM,EACN,MAAM,CACP,CAAC;IACF,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACnC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IACvC,IAAI,CAAC,YAAY,CACf,kBAAkB,EAClB,KAAK,CACN,CAAC;IACF,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjB,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CACpC,MAAM,EACN,SAAS,CACV,CAAC;IACF,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAClC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAElB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAE1B,SAAS,MAAM,CACb,QAAgB;QAEhB,IAAI,CAAC,YAAY,CACf,IAAI,EACJ,MAAM,CAAC,QAAQ,CAAC,CACjB,CAAC;QAEF,oCAAoC;QACpC,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACxB,KAAK,CAAC,YAAY,CAChB,QAAQ,EACR,EAAE,CACH,CAAC;YAEF,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,IAAI,GAAG,QAAQ,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG;YACb,CAAC,IAAI,EAAE,OAAO,CAAC;YACf,CAAC,IAAI,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC;YACrC,CAAC,IAAI,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC;SACtC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5C,KAAK,CAAC,YAAY,CAChB,QAAQ,EACR,MAAM,CACP,CAAC;IACJ,CAAC;IAED,4DAA4D;IAC5D,MAAM,CAAC,MAAM,CAAC,CAAC;IAEf,OAAO;QACL,MAAM;QACN,OAAO;YACL,GAAG,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/math/AxisController.d.ts

@@ -0,0 +1,37 @@
+import { type LitElement, type TemplateResult } from "lit";
+export interface AxisControllerOptions {
+    /**
+     * Matches the box's `data-axis` attribute,
+     * used to target its scrub handle.
+     */
+    key: string;
+    /**
+     * Short glyph shown in the corner chip, e.g. "X".
+     */
+    label: string;
+    ariaLabel(): string;
+    /**
+     * CSS custom property name for the corner chip color, e.g. "--jolly-axis-x".
+     */
+    colorVar?: string;
+    step(): number;
+    min(): number;
+    max(): number;
+    /** `undefined` renders the mixed placeholder and blocks scrubbing. */
+    value(): number | undefined;
+    editable(): boolean;
+    disabled(): boolean;
+    onInput(value: number): void;
+    onChange(value: number): void;
+}
+/**
+ * Coordinates one axis's scrub handle, expression input and keyboard steps.
+ * ScrubController owns host lifecycle; drafts change only in event handlers.
+ */
+export declare class AxisController {
+    #private;
+    constructor(host: LitElement, options: AxisControllerOptions);
+    get dragging(): boolean;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=AxisController.d.ts.map

package/dist/math/AxisController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisController.d.ts","sourceRoot":"","sources":["../../src/math/AxisController.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAcb,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,IAAI,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,IAAI,MAAM,CAAC;IACf,GAAG,IAAI,MAAM,CAAC;IACd,GAAG,IAAI,MAAM,CAAC;IACd,sEAAsE;IACtE,KAAK,IAAI,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,IAAI,OAAO,CAAC;IACpB,QAAQ,IAAI,OAAO,CAAC;IACpB,OAAO,CACL,KAAK,EAAE,MAAM,GACZ,IAAI,CAAC;IACR,QAAQ,CACN,KAAK,EAAE,MAAM,GACZ,IAAI,CAAC;CACT;AAED;;;GAGG;AACH,qBAAa,cAAc;;gBAQvB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,qBAAqB;IAuBhC,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,MAAM,IAAI,cAAc;CAqIzB"}

package/dist/math/AxisController.js

@@ -0,0 +1,141 @@
+// Import Third-party Dependencies
+import { html, nothing } from "lit";
+// Import Internal Dependencies
+import { ScrubController } from "../interaction/scrub/ScrubController.js";
+import { multiplierFor } from "../numeric/modifierMultiplier.js";
+import { valueFromDelta } from "../numeric/valueFromDelta.js";
+import { formatNumber, parseNumeric, quantize } from "../numeric/format.js";
+import { MIXED_PLACEHOLDER } from "../field/mixed.js";
+import { isInputElement } from "../dom.js";
+/**
+ * Coordinates one axis's scrub handle, expression input and keyboard steps.
+ * ScrubController owns host lifecycle; drafts change only in event handlers.
+ */
+export class AxisController {
+    #host;
+    #options;
+    #draft = null;
+    #error = null;
+    #scrub;
+    constructor(host, options) {
+        this.#host = host;
+        this.#options = options;
+        this.#scrub = new ScrubController(host, {
+            target: () => this.#host.renderRoot.querySelector(`.axis-box[data-axis="${options.key}"] .scrub-handle`),
+            step: () => options.step(),
+            start: () => (options.editable() ? options.value() : undefined),
+            min: () => options.min(),
+            max: () => options.max(),
+            onInput: (value) => {
+                this.#draft = null;
+                options.onInput(value);
+            },
+            onCommit: (value) => {
+                this.#draft = null;
+                options.onChange(value);
+            }
+        });
+    }
+    get dragging() {
+        return this.#scrub.dragging;
+    }
+    render() {
+        const { key, label, colorVar } = this.#options;
+        const value = this.#options.value();
+        const displayed = this.#draft ?? (value === undefined ? "" : formatNumber(value, this.#options.step()));
+        const showMixed = this.#draft === null && value === undefined;
+        return html `
+      <span
+        class="axis-box"
+        data-axis=${key}
+        style=${colorVar ? `--jolly-axis-color: var(${colorVar})` : nothing}
+      >
+        <span class="axis-tag" aria-hidden="true">${label}</span>
+        <span class="scrub-handle" aria-hidden="true"></span>
+        <input
+          type="text"
+          inputmode="decimal"
+          aria-label=${this.#options.ariaLabel()}
+          .value=${displayed}
+          placeholder=${showMixed ? MIXED_PLACEHOLDER : ""}
+          ?disabled=${this.#options.disabled()}
+          ?readonly=${!this.#options.editable()}
+          aria-invalid=${this.#error === null ? nothing : "true"}
+          @input=${this.#onInput}
+          @keydown=${this.#onKeyDown}
+          @blur=${this.#onBlur}
+        >
+      </span>
+    `;
+    }
+    #onInput = (event) => {
+        if (!isInputElement(event.target)) {
+            return;
+        }
+        this.#draft = event.target.value;
+        this.#error = null;
+        this.#host.requestUpdate();
+    };
+    #onKeyDown = (event) => {
+        if (event.key === "Enter") {
+            this.#commit();
+        }
+        else if (event.key === "Escape") {
+            // Keep parent popovers open while discarding a draft.
+            event.stopPropagation();
+            this.#clear();
+        }
+        else if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+            this.#step(event);
+        }
+    };
+    #onBlur = () => {
+        if (this.#scrub.dragging) {
+            return;
+        }
+        this.#commit();
+    };
+    #step(event) {
+        const start = this.#options.editable() ? this.#options.value() : undefined;
+        if (start === undefined) {
+            return;
+        }
+        // Prevent the input caret from moving.
+        event.preventDefault();
+        const direction = event.key === "ArrowUp" ? 1 : -1;
+        const step = this.#options.step() * multiplierFor(event);
+        this.#options.onChange(valueFromDelta({
+            start,
+            deltaPx: direction,
+            step,
+            pixelsPerStep: 1,
+            min: this.#options.min(),
+            max: this.#options.max()
+        }));
+    }
+    #commit() {
+        if (this.#scrub.dragging ||
+            this.#draft === null ||
+            !this.#options.editable()) {
+            return;
+        }
+        const result = parseNumeric(this.#draft);
+        if (result === null) {
+            this.#clear();
+            return;
+        }
+        if (!result.ok) {
+            this.#error = result.error;
+            this.#host.requestUpdate();
+            return;
+        }
+        this.#clear();
+        this.#options.onChange(quantize(result.value, this.#options.step(), this.#options.min(), this.#options.max()));
+    }
+    #clear() {
+        this.#draft = null;
+        this.#error = null;
+        this.#host.requestUpdate();
+    }
+}
+//# sourceMappingURL=AxisController.js.map

package/dist/math/AxisController.js.map

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

package/dist/math/Point2d.d.ts

@@ -0,0 +1,33 @@
+import { type TemplateResult } from "lit";
+import { JollyField } from "../field/JollyField.ts";
+import { type FieldValue } from "../field/mixed.ts";
+import type { VectorValue } from "./types.ts";
+export type Point2dAxis = "x" | "y";
+export interface Point2dDefaults {
+    step: number;
+    min: number;
+    max: number;
+}
+/**
+ * Draggable 2D pad using a bounded Vector2 value.
+ * A drag sets both axes, so it has no per-axis Mixed state.
+ */
+export declare class Point2d extends JollyField<VectorValue<Point2dAxis>> {
+    #private;
+    static readonly Defaults: Point2dDefaults;
+    static styles: import("lit").CSSResult[];
+    value: FieldValue<VectorValue<Point2dAxis>>;
+    default: VectorValue<Point2dAxis> | undefined;
+    step: number;
+    min: number;
+    max: number;
+    constructor();
+    protected valuesEqual(a: VectorValue<Point2dAxis>, b: VectorValue<Point2dAxis>): boolean;
+    protected renderValue(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "jolly-point2d": Point2d;
+    }
+}
+//# sourceMappingURL=Point2d.d.ts.map

package/dist/math/Point2d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Point2d.d.ts","sourceRoot":"","sources":["../../src/math/Point2d.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAO9C,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,qBACa,OAAQ,SAAQ,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;;IAC/D,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAIvC;IAEF,OAAgB,MAAM,4BAGpB;IAGM,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;IAG5C,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IAG9C,IAAI,EAAE,MAAM,CAAC;IAGb,GAAG,EAAE,MAAM,CAAC;IAGZ,GAAG,EAAE,MAAM,CAAC;;cAcD,WAAW,CAC5B,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,EAC3B,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,GAC1B,OAAO;IAIV,SAAS,CAAC,WAAW,IAAI,cAAc;CA6HxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,OAAO,CAAC;KAC1B;CACF"}