@ixfx/components 0.2.3 → 0.2.4

package/dist/xy-pad.d.ts

@@ -0,0 +1,117 @@
+import type { PropertyValues } from 'lit';
+/**
+ * <x-xy-pad> — 2D touch-friendly XY pad for controlling two parameters.
+ *
+ * Generic pad that accepts min/max/value for both axes with configurable labels.
+ * Each axis can independently use logarithmic or linear scaling.
+ * Y axis is inverted (top = high value).
+ *
+ * Properties
+ *   xMin, xMax, x      – horizontal range and current value
+ *   yMin, yMax, y      – vertical range and current value
+ *   xScale, yScale     – 'log' (default) or 'linear'
+ *   xSnapStep, ySnapStep – snap granularity for pointer and keyboard moves (defaults: 1 / 0.01)
+ *   xLabel, yLabel     – axis labels (displayed in corners)
+ *   showCrosshairs      – show X/Y axis lines (default: false)
+ *   showGrid            – show background grid (default: false)
+ *
+ * CSS variables:
+ *   --marker-size         – size of the position marker (default: 10cqb)
+ *   --crosshair-color     – colour of both crosshair lines (default: surface-hh)
+ *   --crosshair-width     – thickness of both crosshair lines (default: 2px)
+ *   --crosshair-x-color   – colour of the vertical (X) crosshair line; falls back to --crosshair-color
+ *   --crosshair-x-width   – thickness of the vertical (X) crosshair line; falls back to --crosshair-width
+ *   --crosshair-y-color   – colour of the horizontal (Y) crosshair line; falls back to --crosshair-color
+ *   --crosshair-y-width   – thickness of the horizontal (Y) crosshair line; falls back to --crosshair-width
+ *   --grid-color          – colour of grid lines (default: surface-hh)
+ *   --grid-width          – thickness of grid lines (default: 1px)
+ *   --x-pct               – current X position as unitless number (0–100), set on host so external styles can use it
+ *   --y-pct               – current Y position as unitless number (0–100), set on host so external styles can use it
+ *   --radius-pct          – distance from center as unitless number (0–100), set on host so external styles can use it
+ *   hide-cursor           – boolean, hide cursor during drag and hover (default: false)
+ *
+ * Events
+ *   input – CustomEvent { detail: { x: number, y: number } }, bubbles + composed, fires continuously during drag
+ *   change – CustomEvent { detail: { x: number, y: number } }, bubbles + composed, fires when drag ends
+ *
+ * Methods
+ *   getRelativeX() – returns X position as 0–1 fraction
+ *   getRelativeY() – returns Y position as 0–1 fraction
+ *   getPolar() – returns { radius: number, angle: number } where radius is 0–1 and angle is in radians (0 to 2π, 0 = right, clockwise)
+ */
+import { html, LitElement } from 'lit';
+export declare class XyPad extends LitElement {
+    static styles: import("lit").CSSResult[];
+    xMin: number;
+    xMax: number;
+    x: number;
+    yMin: number;
+    yMax: number;
+    y: number;
+    xScale: string;
+    yScale: string;
+    xSnapStep?: number;
+    ySnapStep?: number;
+    xLabel: string;
+    yLabel: string;
+    showCrosshairs: boolean;
+    showGrid: boolean;
+    hideCursor: boolean;
+    disabled: boolean;
+    /** Number of quantised stops for both axes. Overridden by stops-x/stops-y if set. */
+    stops?: number;
+    /** Number of quantised stops for X axis. If set, overrides the stops setting for X. */
+    stopsX?: number;
+    /** Number of quantised stops for Y axis. If set, overrides the stops setting for Y. */
+    stopsY?: number;
+    private _dragging;
+    private _dragStartX;
+    private _dragStartY;
+    private _pressedKeys;
+    private _onKeyDown;
+    private _onKeyUp;
+    private _handleKeyboardMove;
+    private _onPointerDown;
+    private _onPointerMove;
+    private _onPointerUp;
+    private _updateFromPointer;
+    private _setPctVars;
+    /**
+     * Returns X position as a 0–1 fraction.
+     */
+    getRelativeX(): number;
+    /**
+     * Returns Y position as a 0–1 fraction.
+     */
+    getRelativeY(): number;
+    /**
+     * Returns polar coordinates.
+     * - radius: 0–1 distance from center
+     * - angle: radians, 0 = right, clockwise (0 to 2π)
+     */
+    getPolar(): {
+        radius: number;
+        angle: number;
+    };
+    updated(_changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    render(): ReturnType<typeof html>;
+}
+export type XyPadInputDetail = {
+    readonly x: number;
+    readonly y: number;
+};
+export type XyPadInputEvent = CustomEvent<XyPadInputDetail>;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ixfx-xy-pad': XyPad;
+    }
+}
+export interface XyPadEventMap {
+    input: XyPadInputEvent;
+    change: XyPadInputEvent;
+}
+export interface XyPad {
+    addEventListener: (<K extends keyof XyPadEventMap>(type: K, listener: (this: XyPad, event: XyPadEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}
+//# sourceMappingURL=xy-pad.d.ts.map

package/dist/xy-pad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xy-pad.d.ts","sourceRoot":"","sources":["../src/xy-pad.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAO,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AA6B5C,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,4BAkHnB;IAEyB,IAAI,SAAK;IACT,IAAI,SAAO;IACX,CAAC,SAAM;IAEP,IAAI,SAAK;IACT,IAAI,SAAO;IACX,CAAC,SAAM;IAEP,MAAM,SAAY;IAClB,MAAM,SAAY;IACQ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAE7C,MAAM,SAAO;IACb,MAAM,SAAO;IAEiC,cAAc,UAAS;IAC7B,QAAQ,UAAS;IACf,UAAU,UAAS;IAC7C,QAAQ,UAAS;IAE7D,qFAAqF;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IAE3C,uFAAuF;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAElE,uFAAuF;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAElE,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,YAAY,CAAqB;IAEzC,OAAO,CAAC,UAAU,CAqBhB;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,mBAAmB,CAyCzB;IAEF,OAAO,CAAC,cAAc,CAapB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,kBAAkB;IA+B1B,OAAO,CAAC,WAAW;IAiBnB;;OAEG;IACH,YAAY,IAAI,MAAM;IAKtB;;OAEG;IACH,YAAY,IAAI,MAAM;IAKtB;;;;OAIG;IACH,QAAQ,IAAI;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IAUpC,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAKvC,oBAAoB,IAAI,IAAI;IAM5B,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC;CAe3C;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;AAE5D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,KAAK,CAAC;KACtB;CACF;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,MAAM,aAAa,EAC/C,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,EACxD,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,KACxC,IAAI,CAAC,GAAG,CAAC,CACZ,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,KACxC,IAAI,CAAC,CAAC;CACZ"}

package/dist/xy-pad.js

@@ -0,0 +1,455 @@
+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;
+};
+/**
+ * <x-xy-pad> — 2D touch-friendly XY pad for controlling two parameters.
+ *
+ * Generic pad that accepts min/max/value for both axes with configurable labels.
+ * Each axis can independently use logarithmic or linear scaling.
+ * Y axis is inverted (top = high value).
+ *
+ * Properties
+ *   xMin, xMax, x      – horizontal range and current value
+ *   yMin, yMax, y      – vertical range and current value
+ *   xScale, yScale     – 'log' (default) or 'linear'
+ *   xSnapStep, ySnapStep – snap granularity for pointer and keyboard moves (defaults: 1 / 0.01)
+ *   xLabel, yLabel     – axis labels (displayed in corners)
+ *   showCrosshairs      – show X/Y axis lines (default: false)
+ *   showGrid            – show background grid (default: false)
+ *
+ * CSS variables:
+ *   --marker-size         – size of the position marker (default: 10cqb)
+ *   --crosshair-color     – colour of both crosshair lines (default: surface-hh)
+ *   --crosshair-width     – thickness of both crosshair lines (default: 2px)
+ *   --crosshair-x-color   – colour of the vertical (X) crosshair line; falls back to --crosshair-color
+ *   --crosshair-x-width   – thickness of the vertical (X) crosshair line; falls back to --crosshair-width
+ *   --crosshair-y-color   – colour of the horizontal (Y) crosshair line; falls back to --crosshair-color
+ *   --crosshair-y-width   – thickness of the horizontal (Y) crosshair line; falls back to --crosshair-width
+ *   --grid-color          – colour of grid lines (default: surface-hh)
+ *   --grid-width          – thickness of grid lines (default: 1px)
+ *   --x-pct               – current X position as unitless number (0–100), set on host so external styles can use it
+ *   --y-pct               – current Y position as unitless number (0–100), set on host so external styles can use it
+ *   --radius-pct          – distance from center as unitless number (0–100), set on host so external styles can use it
+ *   hide-cursor           – boolean, hide cursor during drag and hover (default: false)
+ *
+ * Events
+ *   input – CustomEvent { detail: { x: number, y: number } }, bubbles + composed, fires continuously during drag
+ *   change – CustomEvent { detail: { x: number, y: number } }, bubbles + composed, fires when drag ends
+ *
+ * Methods
+ *   getRelativeX() – returns X position as 0–1 fraction
+ *   getRelativeY() – returns Y position as 0–1 fraction
+ *   getPolar() – returns { radius: number, angle: number } where radius is 0–1 and angle is in radians (0 to 2π, 0 = right, clockwise)
+ */
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { KEY_STEP_DIVISOR, resolveStep } from './keyboard.js';
+import { prominenceStyles } from './styles/prominence.js';
+// ---------------------------------------------------------------------------
+// Scale helpers — log or linear, selected per-axis
+// ---------------------------------------------------------------------------
+function valueToFrac(value, min, max, scale) {
+    if (scale === `linear`)
+        return (value - min) / (max - min);
+    return Math.log(value / min) / Math.log(max / min);
+}
+function fracToValue(frac, min, max, scale) {
+    if (scale === `linear`)
+        return min + frac * (max - min);
+    return min * (max / min) ** frac;
+}
+function quantise(value, min, max, stops) {
+    if (!stops || stops <= 1)
+        return value;
+    const range = max - min;
+    const step = range / stops;
+    return Math.round((value - min) / step) * step + min;
+}
+let XyPad = class XyPad extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.xMin = 1;
+        this.xMax = 100;
+        this.x = 50;
+        this.yMin = 1;
+        this.yMax = 100;
+        this.y = 50;
+        this.xScale = `linear`;
+        this.yScale = `linear`;
+        this.xLabel = `X`;
+        this.yLabel = `Y`;
+        this.showCrosshairs = false;
+        this.showGrid = false;
+        this.hideCursor = false;
+        this.disabled = false;
+        this._dragging = false;
+        this._dragStartX = 0;
+        this._dragStartY = 0;
+        this._pressedKeys = new Set();
+        this._onKeyDown = (e) => {
+            if (this.disabled)
+                return;
+            if ([`ArrowLeft`, `ArrowRight`, `ArrowUp`, `ArrowDown`].includes(e.key)) {
+                e.preventDefault();
+                this._pressedKeys.add(e.key);
+                this._handleKeyboardMove(e.shiftKey);
+            }
+            else if (e.key === `Home` || e.key === `End`) {
+                e.preventDefault();
+                const newX = e.key === `Home` ? this.xMin : this.xMax;
+                const newY = e.key === `Home` ? this.yMin : this.yMax;
+                if (newX !== this.x || newY !== this.y) {
+                    this.x = newX;
+                    this.y = newY;
+                    this.dispatchEvent(new CustomEvent(`input`, {
+                        detail: { x: this.x, y: this.y },
+                        bubbles: true,
+                        composed: true,
+                    }));
+                }
+            }
+        };
+        this._onKeyUp = (e) => {
+            this._pressedKeys.delete(e.key);
+        };
+        this._handleKeyboardMove = (shiftKey) => {
+            const shiftDivisor = shiftKey ? KEY_STEP_DIVISOR : 1;
+            const xRange = this.xMax - this.xMin;
+            const yRange = this.yMax - this.yMin;
+            const effectiveStopsX = this.stopsX ?? this.stops;
+            const effectiveStopsY = this.stopsY ?? this.stops;
+            const xStep = resolveStep(xRange, effectiveStopsX, undefined) / shiftDivisor;
+            const yStep = resolveStep(yRange, effectiveStopsY, undefined) / shiftDivisor;
+            let newX = this.x;
+            let newY = this.y;
+            if (this._pressedKeys.has(`ArrowLeft`)) {
+                newX = Math.max(this.xMin, this.x - xStep);
+            }
+            if (this._pressedKeys.has(`ArrowRight`)) {
+                newX = Math.min(this.xMax, this.x + xStep);
+            }
+            if (this._pressedKeys.has(`ArrowUp`)) {
+                newY = Math.min(this.yMax, this.y + yStep);
+            }
+            if (this._pressedKeys.has(`ArrowDown`)) {
+                newY = Math.max(this.yMin, this.y - yStep);
+            }
+            if (newX !== this.x || newY !== this.y) {
+                let finalX = (this.xSnapStep && this.xSnapStep > 0) ? Math.round(newX / this.xSnapStep) * this.xSnapStep : newX;
+                let finalY = (this.ySnapStep && this.ySnapStep > 0) ? Math.round(newY / this.ySnapStep) * this.ySnapStep : newY;
+                finalX = quantise(finalX, this.xMin, this.xMax, effectiveStopsX);
+                finalY = quantise(finalY, this.yMin, this.yMax, effectiveStopsY);
+                this.x = finalX;
+                this.y = finalY;
+                this.dispatchEvent(new CustomEvent(`input`, {
+                    detail: { x: this.x, y: this.y },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        };
+        this._onPointerDown = (e) => {
+            e.preventDefault();
+            const pad = this.renderRoot.querySelector(`.xy-pad-area`);
+            pad?.focus();
+            if (pad)
+                pad.setPointerCapture(e.pointerId);
+            this._dragging = true;
+            this._dragStartX = this.x;
+            this._dragStartY = this.y;
+            this.setAttribute(`dragging`, ``);
+            this._updateFromPointer(e);
+            globalThis.addEventListener(`pointermove`, this._onPointerMove);
+            globalThis.addEventListener(`pointerup`, this._onPointerUp);
+        };
+        this._onPointerMove = (e) => {
+            if (!this._dragging)
+                return;
+            e.preventDefault();
+            this._updateFromPointer(e);
+        };
+        this._onPointerUp = () => {
+            const hasChanged = this.x !== this._dragStartX || this.y !== this._dragStartY;
+            this._dragging = false;
+            this.removeAttribute(`dragging`);
+            globalThis.removeEventListener(`pointermove`, this._onPointerMove);
+            globalThis.removeEventListener(`pointerup`, this._onPointerUp);
+            if (hasChanged) {
+                this.dispatchEvent(new CustomEvent(`change`, {
+                    detail: { x: this.x, y: this.y },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        };
+    }
+    static { this.styles = [prominenceStyles, css `
+    :host {
+      display: block;
+      width: 200px;
+      height: 200px;
+      touch-action: none;
+      user-select: none;
+      container-type: size;
+      --marker-size: 10cqb;
+      --crosshair-color: var(--surface-6);
+      --crosshair-width: 2px;
+      --crosshair-x-color: var(--crosshair-color);
+      --crosshair-x-width: var(--crosshair-width);
+      --crosshair-y-color: var(--crosshair-color);
+      --crosshair-y-width: var(--crosshair-width);
+      --grid-color: var(--surface-6);
+      --grid-width: 1px;
+      --_space-s: var(--space-s, 4px);
+      --_space-m: var(--space-m, 8px);
+    }
+    .xy-pad-area {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      background: var(--xy-pad-bg, var(--surface-3));
+      border: var(--border);
+      border-radius: var(--radius-m);
+      overflow: hidden;
+      box-shadow: var(--deboss-3);
+      cursor: var(--cursor-display, crosshair);
+    }
+    :host([dragging]) .xy-pad-area {
+      cursor: none;
+    }
+
+    .xy-pad-area:focus {
+      outline: none;
+    }
+
+    .xy-pad-area:focus-visible {
+      outline: 2px solid var(--accent);
+      outline-offset: 2px;
+    }
+    .xy-pad-area::before,
+    .xy-pad-area::after {
+      content: '';
+      position: absolute;
+      pointer-events: none;
+      opacity: var(--show-crosshairs, 0);
+    }
+    :host([show-crosshairs]) {
+      --show-crosshairs: 1;
+    }
+    .xy-pad-area::before {
+      left: 0;
+      right: 0;
+      top: calc(100% - var(--y-pct, 50) * 1%);
+      height: var(--crosshair-y-width);
+      background: var(--crosshair-y-color);
+    }
+    .xy-pad-area::after {
+      top: 0;
+      bottom: 0;
+      left: calc(var(--x-pct, 50) * 1%);
+      width: var(--crosshair-x-width);
+      background: var(--crosshair-x-color);
+    }
+
+    .xy-pad-grid {
+      position: absolute;
+      inset: 0;
+      background-image:
+        linear-gradient(to right, var(--grid-color) var(--grid-width), transparent var(--grid-width)),
+        linear-gradient(to bottom, var(--grid-color) var(--grid-width), transparent var(--grid-width));
+      background-size: 10cqb 10cqb;
+      pointer-events: none;
+      opacity: var(--show-grid, 0);
+    }
+    :host([show-grid]) {
+      --show-grid: 1;
+    }
+    
+    .xy-pad-marker {
+      position: absolute;
+      width: var(--marker-size, 10cqb);
+      height: var(--marker-size, 10cqb);
+      border-radius: 50%;
+      background: var(--surface-2-accent, var(--accent));
+      top: calc(100% - var(--y-pct, 50) * 1%);
+      left: calc(var(--x-pct, 50) * 1%);
+      transform: translate(-50%, -50%);
+      pointer-events: none;
+      z-index: 2;
+    }
+    .xy-pad-label-x {
+      position: absolute;
+      bottom: var(--_space-s);
+      color: var(--surface-muted-text);
+      font-size: var(--text-s, 12px);
+      pointer-events: none;
+      width: 100%;
+      text-align: center;
+    }
+    .xy-pad-label-y {
+      position: absolute;
+      top: var(--_space-s);
+      left: var(--_space-m);
+      color: var(--surface-muted-text);
+      font-size: var(--text-s, 12px);
+      pointer-events: none;
+      writing-mode: sideways-lr;
+      height:100%;
+      text-align:center;
+    }
+  `]; }
+    _updateFromPointer(e) {
+        const pad = this.renderRoot.querySelector(`.xy-pad-area`);
+        if (!pad)
+            return;
+        const rect = pad.getBoundingClientRect();
+        const xFrac = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
+        const yFrac = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height));
+        const newX = fracToValue(xFrac, this.xMin, this.xMax, this.xScale);
+        const newY = fracToValue(yFrac, this.yMin, this.yMax, this.yScale);
+        let finalX = (this.xSnapStep && this.xSnapStep > 0) ? Math.round(newX / this.xSnapStep) * this.xSnapStep : newX;
+        let finalY = (this.ySnapStep && this.ySnapStep > 0) ? Math.round(newY / this.ySnapStep) * this.ySnapStep : newY;
+        const effectiveStopsX = this.stopsX ?? this.stops;
+        const effectiveStopsY = this.stopsY ?? this.stops;
+        finalX = quantise(finalX, this.xMin, this.xMax, effectiveStopsX);
+        finalY = quantise(finalY, this.yMin, this.yMax, effectiveStopsY);
+        this.x = finalX;
+        this.y = finalY;
+        this.dispatchEvent(new CustomEvent(`input`, {
+            detail: { x: this.x, y: this.y },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _setPctVars() {
+        const cx = Math.max(this.xMin, Math.min(this.xMax, this.x));
+        const cy = Math.max(this.yMin, Math.min(this.yMax, this.y));
+        const xPct = valueToFrac(cx, this.xMin, this.xMax, this.xScale) * 100;
+        const yPct = valueToFrac(cy, this.yMin, this.yMax, this.yScale) * 100;
+        this.style.setProperty(`--x-pct`, `${xPct}`);
+        this.style.setProperty(`--y-pct`, `${yPct}`);
+        // Calculate radius from center (50, 50) - distance as 0-100
+        const dx = xPct - 50;
+        const dy = yPct - 50;
+        const radiusPct = Math.sqrt(dx * dx + dy * dy);
+        this.style.setProperty(`--radius-pct`, `${radiusPct}`);
+    }
+    // ── Public API ─────────────────────────────────────────────────────────────
+    /**
+     * Returns X position as a 0–1 fraction.
+     */
+    getRelativeX() {
+        const cx = Math.max(this.xMin, Math.min(this.xMax, this.x));
+        return valueToFrac(cx, this.xMin, this.xMax, this.xScale);
+    }
+    /**
+     * Returns Y position as a 0–1 fraction.
+     */
+    getRelativeY() {
+        const cy = Math.max(this.yMin, Math.min(this.yMax, this.y));
+        return valueToFrac(cy, this.yMin, this.yMax, this.yScale);
+    }
+    /**
+     * Returns polar coordinates.
+     * - radius: 0–1 distance from center
+     * - angle: radians, 0 = right, clockwise (0 to 2π)
+     */
+    getPolar() {
+        const xRel = this.getRelativeX() - 0.5; // -0.5 to 0.5
+        const yRel = this.getRelativeY() - 0.5; // -0.5 to 0.5
+        const radius = Math.sqrt(xRel * xRel + yRel * yRel) * 2; // 0 to 1
+        let angle = Math.atan2(yRel, xRel); // -π to π
+        if (angle < 0)
+            angle += 2 * Math.PI; // 0 to 2π
+        return { radius, angle };
+    }
+    updated(_changed) {
+        super.updated(_changed);
+        this._setPctVars();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._onPointerUp();
+        this._pressedKeys.clear();
+    }
+    render() {
+        return html `
+      <div class="xy-pad-area"
+           tabindex=${this.disabled ? -1 : 0}
+           @pointerdown=${this._onPointerDown}
+           @keydown=${this._onKeyDown}
+           @keyup=${this._onKeyUp}
+           @blur=${() => this._pressedKeys.clear()}>
+        ${this.showGrid ? html `<div class="xy-pad-grid"></div>` : ``}
+        <div class="xy-pad-marker"></div>
+        <div class="xy-pad-label-x">${this.xLabel}</div>
+        <div class="xy-pad-label-y">${this.yLabel}</div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], XyPad.prototype, "xMin", void 0);
+__decorate([
+    property({ type: Number })
+], XyPad.prototype, "xMax", void 0);
+__decorate([
+    property({ type: Number })
+], XyPad.prototype, "x", void 0);
+__decorate([
+    property({ type: Number })
+], XyPad.prototype, "yMin", void 0);
+__decorate([
+    property({ type: Number })
+], XyPad.prototype, "yMax", void 0);
+__decorate([
+    property({ type: Number })
+], XyPad.prototype, "y", void 0);
+__decorate([
+    property({ type: String })
+], XyPad.prototype, "xScale", void 0);
+__decorate([
+    property({ type: String })
+], XyPad.prototype, "yScale", void 0);
+__decorate([
+    property({ type: Number, attribute: `x-snap-step` })
+], XyPad.prototype, "xSnapStep", void 0);
+__decorate([
+    property({ type: Number, attribute: `y-snap-step` })
+], XyPad.prototype, "ySnapStep", void 0);
+__decorate([
+    property({ type: String })
+], XyPad.prototype, "xLabel", void 0);
+__decorate([
+    property({ type: String })
+], XyPad.prototype, "yLabel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: `show-crosshairs` })
+], XyPad.prototype, "showCrosshairs", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: `show-grid` })
+], XyPad.prototype, "showGrid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: `hide-cursor` })
+], XyPad.prototype, "hideCursor", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], XyPad.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], XyPad.prototype, "stops", void 0);
+__decorate([
+    property({ type: Number, attribute: `stops-x` })
+], XyPad.prototype, "stopsX", void 0);
+__decorate([
+    property({ type: Number, attribute: `stops-y` })
+], XyPad.prototype, "stopsY", void 0);
+XyPad = __decorate([
+    customElement(`ixfx-xy-pad`)
+], XyPad);
+export { XyPad };
+//# sourceMappingURL=xy-pad.js.map

package/dist/xy-pad.js.map

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