@vessel-dsp/control-ui 0.6.4

package/dist/components/KnobControl.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { knobStepSize } from '@vessel-dsp/core';
+import { formatControlValue, snapControlPosition } from '../controls.js';
+import { cx } from '../utils.js';
+import { ControlFrame } from './ControlFrame.js';
+const KNOB_SWEEP_DEGREES = 300;
+const KNOB_START_DEGREES = -150;
+const KNOB_DRAG_PIXELS_PER_RANGE = 160;
+export function KnobControl({ control, position, disabled = false, label = control.name, className, classNames, onPositionChange, }) {
+    const drag = useRef(undefined);
+    const [localPosition, setLocalPosition] = useState(undefined);
+    const [isDragging, setIsDragging] = useState(false);
+    const normalizedPosition = snapControlPosition({ kind: 'knob', control }, position);
+    const previousNormalizedPosition = useRef(normalizedPosition);
+    const displayPosition = localPosition ?? normalizedPosition;
+    const rotation = KNOB_START_DEGREES + displayPosition * KNOB_SWEEP_DEGREES;
+    const progress = displayPosition * KNOB_SWEEP_DEGREES;
+    const readout = formatControlValue({ kind: 'knob', control }, { kind: 'knob', position: displayPosition });
+    useEffect(() => {
+        if (previousNormalizedPosition.current === normalizedPosition) {
+            return;
+        }
+        previousNormalizedPosition.current = normalizedPosition;
+        if (drag.current === undefined) {
+            setLocalPosition(undefined);
+        }
+    }, [normalizedPosition]);
+    function snapPosition(nextPosition) {
+        if (disabled) {
+            return undefined;
+        }
+        return snapControlPosition({ kind: 'knob', control }, nextPosition);
+    }
+    function setPosition(nextPosition) {
+        const snapped = snapPosition(nextPosition);
+        if (snapped === undefined) {
+            return;
+        }
+        setLocalPosition(snapped);
+        onPositionChange?.(snapped);
+    }
+    function updateDragPosition(pointerId, clientX, movementX) {
+        const currentDrag = drag.current;
+        if (currentDrag === undefined || (pointerId !== undefined && currentDrag.pointerId !== pointerId)) {
+            return;
+        }
+        const hasRelativeMovement = movementX !== undefined && Number.isFinite(movementX);
+        const nextPosition = hasRelativeMovement
+            ? currentDrag.position + movementX / KNOB_DRAG_PIXELS_PER_RANGE
+            : currentDrag.startPosition + (clientX - currentDrag.startX) / KNOB_DRAG_PIXELS_PER_RANGE;
+        const snapped = snapPosition(nextPosition);
+        if (snapped === undefined) {
+            return;
+        }
+        if (snapped === currentDrag.position) {
+            return;
+        }
+        currentDrag.position = snapped;
+        setLocalPosition(snapped);
+        onPositionChange?.(snapped);
+    }
+    function finishDrag(pointerId) {
+        const currentDrag = drag.current;
+        if (currentDrag === undefined || (pointerId !== undefined && currentDrag.pointerId !== pointerId)) {
+            return;
+        }
+        drag.current = undefined;
+        setIsDragging(false);
+        currentDrag.removeDocumentListeners();
+        currentDrag.removeCursorLockClass();
+        try {
+            currentDrag.target.releasePointerCapture(currentDrag.pointerId);
+        }
+        catch {
+            // Pointer capture may already be released by the browser.
+        }
+        try {
+            currentDrag.ownerDocument.exitPointerLock?.();
+        }
+        catch {
+            // Some test and embedded environments expose partial pointer-lock APIs.
+        }
+    }
+    function handlePointerDown(event) {
+        if (disabled) {
+            return;
+        }
+        event.preventDefault?.();
+        const target = event.currentTarget;
+        const ownerDocument = target.ownerDocument;
+        const removeDocumentListeners = addKnobDragDocumentListeners(ownerDocument, {
+            move: (clientX, movementX, pointerId) => updateDragPosition(pointerId, clientX, movementX),
+            end: (pointerId) => finishDrag(pointerId),
+        });
+        const removeCursorLockClass = addKnobDraggingDocumentClass(ownerDocument);
+        drag.current = {
+            pointerId: event.pointerId,
+            startX: event.clientX,
+            startPosition: normalizedPosition,
+            position: normalizedPosition,
+            target,
+            ownerDocument,
+            removeDocumentListeners,
+            removeCursorLockClass,
+        };
+        setLocalPosition(normalizedPosition);
+        setIsDragging(true);
+        try {
+            target.setPointerCapture(event.pointerId);
+        }
+        catch {
+            // Document-level listeners still keep the drag active when capture is unavailable.
+        }
+        requestKnobPointerLock(target);
+    }
+    function handlePointerMove(event) {
+        if (drag.current?.removeDocumentListeners !== undefined) {
+            return;
+        }
+        updateDragPosition(event.pointerId, event.clientX, event.movementX);
+    }
+    function handlePointerUp(event) {
+        finishDrag(event.pointerId);
+    }
+    function handleKeyDown(event) {
+        const step = knobStepSize(control) ?? 0.01;
+        if (event.key === 'ArrowRight' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            setPosition(normalizedPosition + step);
+        }
+        if (event.key === 'ArrowLeft' || event.key === 'ArrowDown') {
+            event.preventDefault();
+            setPosition(normalizedPosition - step);
+        }
+        if (event.key === 'Home') {
+            event.preventDefault();
+            setPosition(0);
+        }
+        if (event.key === 'End') {
+            event.preventDefault();
+            setPosition(1);
+        }
+    }
+    const knobStyle = {
+        '--vdsp-control-ui-knob-rotation': `${rotation}deg`,
+        '--vdsp-control-ui-knob-sweep': `${KNOB_SWEEP_DEGREES}deg`,
+        '--vdsp-control-ui-knob-progress': `${progress}deg`,
+    };
+    return (_jsx(ControlFrame, { label: label, readout: readout, disabled: disabled, className: className, classNames: classNames, children: _jsxs("button", { type: "button", className: cx('vdsp-control-ui-control', 'vdsp-control-ui-knob', isDragging && 'is-dragging', classNames?.control), style: knobStyle, role: "slider", "aria-label": control.name, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(displayPosition * 100), disabled: disabled, "data-vdsp-control-id": control.id, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, onKeyDown: handleKeyDown, children: [_jsx("span", { className: "vdsp-control-ui-knob__progress", "aria-hidden": "true", children: _jsx("span", { className: "vdsp-control-ui-knob__progress-fill" }) }), _jsx("span", { className: "vdsp-control-ui-knob__body", children: _jsx("span", { className: "vdsp-control-ui-knob__indicator-line" }) })] }) }));
+}
+function addKnobDragDocumentListeners(ownerDocument, handlers) {
+    function handlePointerMove(event) {
+        event.preventDefault();
+        handlers.move(event.clientX, event.movementX, event.pointerId);
+    }
+    function handleMouseMove(event) {
+        event.preventDefault();
+        handlers.move(event.clientX, event.movementX, undefined);
+    }
+    function handlePointerEnd(event) {
+        handlers.end(event.pointerId);
+    }
+    function handleMouseEnd() {
+        handlers.end(undefined);
+    }
+    ownerDocument.addEventListener('pointermove', handlePointerMove, { passive: false });
+    ownerDocument.addEventListener('pointerup', handlePointerEnd);
+    ownerDocument.addEventListener('pointercancel', handlePointerEnd);
+    ownerDocument.addEventListener('mousemove', handleMouseMove, { passive: false });
+    ownerDocument.addEventListener('mouseup', handleMouseEnd);
+    return () => {
+        ownerDocument.removeEventListener('pointermove', handlePointerMove);
+        ownerDocument.removeEventListener('pointerup', handlePointerEnd);
+        ownerDocument.removeEventListener('pointercancel', handlePointerEnd);
+        ownerDocument.removeEventListener('mousemove', handleMouseMove);
+        ownerDocument.removeEventListener('mouseup', handleMouseEnd);
+    };
+}
+function addKnobDraggingDocumentClass(ownerDocument) {
+    const className = 'vdsp-control-ui-is-knob-dragging';
+    ownerDocument.documentElement.classList.add(className);
+    return () => ownerDocument.documentElement.classList.remove(className);
+}
+function requestKnobPointerLock(target) {
+    const candidates = [target, target.ownerDocument.body, target.ownerDocument.documentElement];
+    for (const candidate of candidates) {
+        const requestPointerLock = candidate?.requestPointerLock;
+        if (requestPointerLock === undefined) {
+            continue;
+        }
+        try {
+            requestPointerLock.call(candidate);
+            return;
+        }
+        catch {
+            // Try the next DOM target. Pointer capture still works without pointer lock.
+        }
+    }
+}
+//# sourceMappingURL=KnobControl.js.map

package/dist/components/KnobControl.js.map

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

package/dist/components/LedIndicator.d.ts

@@ -0,0 +1,12 @@
+import type { LedIndicator as CoreLedIndicator, LedValue } from '@vessel-dsp/core';
+import type { ControlFrameClassNames } from '../types';
+export type LedIndicatorProps = Readonly<{
+    control: CoreLedIndicator;
+    value: LedValue;
+    disabled?: boolean;
+    label?: string;
+    className?: string | undefined;
+    classNames?: ControlFrameClassNames | undefined;
+}>;
+export declare function LedIndicator({ control, value, disabled, label, className, classNames, }: LedIndicatorProps): import("react").JSX.Element;
+//# sourceMappingURL=LedIndicator.d.ts.map

package/dist/components/LedIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LedIndicator.d.ts","sourceRoot":"","sources":["../../src/components/LedIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIvD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACrC,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;CACnD,CAAC,CAAC;AAEH,wBAAgB,YAAY,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,KAAoB,EACpB,SAAS,EACT,UAAU,GACb,EAAE,iBAAiB,+BAkBnB"}

package/dist/components/LedIndicator.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '../utils.js';
+import { ControlFrame } from './ControlFrame.js';
+export function LedIndicator({ control, value, disabled = false, label = control.name, className, classNames, }) {
+    const intensity = value.intensity ?? (value.on ? 1 : 0);
+    const ledStyle = {
+        '--vdsp-control-ui-led-intensity': intensity,
+    };
+    return (_jsx(ControlFrame, { label: label, readout: value.on ? 'On' : 'Off', disabled: disabled, className: className, classNames: classNames, children: _jsx("span", { className: cx('vdsp-control-ui-control', 'vdsp-control-ui-led', value.on && 'is-on', classNames?.control), style: ledStyle, role: "status", "aria-label": `${control.name} ${value.on ? 'on' : 'off'}`, "data-vdsp-control-id": control.id }) }));
+}
+//# sourceMappingURL=LedIndicator.js.map

package/dist/components/LedIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LedIndicator.js","sourceRoot":"","sources":["../../src/components/LedIndicator.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C,MAAM,UAAU,YAAY,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,OAAO,CAAC,IAAI,EACpB,SAAS,EACT,UAAU,GACM;IAChB,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG;QACb,iCAAiC,EAAE,SAAS;KACsB,CAAC;IAEvE,OAAO,CACH,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,YAC1H,eACI,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,IAAI,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,EACzG,KAAK,EAAE,QAAQ,EACf,IAAI,EAAC,QAAQ,gBACD,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,0BAClC,OAAO,CAAC,EAAE,GAClC,GACS,CAClB,CAAC;AACN,CAAC"}

package/dist/components/SwitchSelectControl.d.ts

@@ -0,0 +1,13 @@
+import type { SwitchControl } from '@vessel-dsp/core';
+import type { ControlFrameClassNames } from '../types';
+export type SwitchSelectControlProps = Readonly<{
+    control: SwitchControl;
+    position: number;
+    disabled?: boolean;
+    label?: string;
+    className?: string | undefined;
+    classNames?: ControlFrameClassNames | undefined;
+    onPositionChange?: ((position: number) => void) | undefined;
+}>;
+export declare function SwitchSelectControl({ control, position, disabled, label, className, classNames, onPositionChange, }: SwitchSelectControlProps): import("react").JSX.Element;
+//# sourceMappingURL=SwitchSelectControl.d.ts.map

package/dist/components/SwitchSelectControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchSelectControl.d.ts","sourceRoot":"","sources":["../../src/components/SwitchSelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIvD,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC5C,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/D,CAAC,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,KAAoB,EACpB,SAAS,EACT,UAAU,EACV,gBAAgB,GACnB,EAAE,wBAAwB,+BAmB1B"}

package/dist/components/SwitchSelectControl.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '../utils.js';
+import { ControlFrame } from './ControlFrame.js';
+export function SwitchSelectControl({ control, position, disabled = false, label = control.name, className, classNames, onPositionChange, }) {
+    return (_jsx(ControlFrame, { label: label, disabled: disabled, className: className, classNames: classNames, children: _jsx("select", { className: cx('vdsp-control-ui-control', 'vdsp-control-ui-select', classNames?.control), value: String(position), "aria-label": control.name, disabled: disabled, "data-vdsp-control-id": control.id, onChange: (event) => onPositionChange?.(Number(event.currentTarget.value)), children: Array.from({ length: control.positions }, (_, index) => (_jsxs("option", { value: String(index), children: ["Position ", index + 1] }, index))) }) }));
+}
+//# sourceMappingURL=SwitchSelectControl.js.map

package/dist/components/SwitchSelectControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchSelectControl.js","sourceRoot":"","sources":["../../src/components/SwitchSelectControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAY9C,MAAM,UAAU,mBAAmB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,OAAO,CAAC,IAAI,EACpB,SAAS,EACT,UAAU,EACV,gBAAgB,GACO;IACvB,OAAO,CACH,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,YACxF,iBACI,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,wBAAwB,EAAE,UAAU,EAAE,OAAO,CAAC,EACvF,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,gBACX,OAAO,CAAC,IAAI,EACxB,QAAQ,EAAE,QAAQ,0BACI,OAAO,CAAC,EAAE,EAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,YAEzE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,kBAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,0BAC1B,KAAK,GAAG,CAAC,KADV,KAAK,CAET,CACZ,CAAC,GACG,GACE,CAClB,CAAC;AACN,CAAC"}

package/dist/components/ToggleSwitchControl.d.ts

@@ -0,0 +1,13 @@
+import type { SwitchControl } from '@vessel-dsp/core';
+import type { ControlFrameClassNames } from '../types';
+export type ToggleSwitchControlProps = Readonly<{
+    control: SwitchControl;
+    position: number;
+    disabled?: boolean;
+    label?: string;
+    className?: string | undefined;
+    classNames?: ControlFrameClassNames | undefined;
+    onPositionChange?: ((position: number) => void) | undefined;
+}>;
+export declare function ToggleSwitchControl({ control, position, disabled, label, className, classNames, onPositionChange, }: ToggleSwitchControlProps): import("react").JSX.Element;
+//# sourceMappingURL=ToggleSwitchControl.d.ts.map

package/dist/components/ToggleSwitchControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitchControl.d.ts","sourceRoot":"","sources":["../../src/components/ToggleSwitchControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIvD,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC5C,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/D,CAAC,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,KAAoB,EACpB,SAAS,EACT,UAAU,EACV,gBAAgB,GACnB,EAAE,wBAAwB,+BAgC1B"}

package/dist/components/ToggleSwitchControl.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '../utils.js';
+import { ControlFrame } from './ControlFrame.js';
+export function ToggleSwitchControl({ control, position, disabled = false, label = control.name, className, classNames, onPositionChange, }) {
+    const checked = position > 0;
+    function handleClick() {
+        if (!disabled) {
+            onPositionChange?.(checked ? 0 : 1);
+        }
+    }
+    return (_jsx(ControlFrame, { label: label, readout: `Position ${position + 1}`, disabled: disabled, className: className, classNames: classNames, children: _jsx("button", { type: "button", className: cx('vdsp-control-ui-control', 'vdsp-control-ui-toggle', checked && 'is-checked', classNames?.control), role: "switch", "aria-label": control.name, "aria-checked": checked, disabled: disabled, "data-vdsp-control-id": control.id, onClick: handleClick, children: _jsx("span", { className: "vdsp-control-ui-toggle__track", children: _jsx("span", { className: "vdsp-control-ui-toggle__thumb" }) }) }) }));
+}
+//# sourceMappingURL=ToggleSwitchControl.js.map

package/dist/components/ToggleSwitchControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitchControl.js","sourceRoot":"","sources":["../../src/components/ToggleSwitchControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAY9C,MAAM,UAAU,mBAAmB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,OAAO,CAAC,IAAI,EACpB,SAAS,EACT,UAAU,EACV,gBAAgB,GACO;IACvB,MAAM,OAAO,GAAG,QAAQ,GAAG,CAAC,CAAC;IAE7B,SAAS,WAAW;QAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,gBAAgB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;IAED,OAAO,CACH,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,QAAQ,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,YAC7H,iBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACT,yBAAyB,EACzB,wBAAwB,EACxB,OAAO,IAAI,YAAY,EACvB,UAAU,EAAE,OAAO,CACtB,EACD,IAAI,EAAC,QAAQ,gBACD,OAAO,CAAC,IAAI,kBACV,OAAO,EACrB,QAAQ,EAAE,QAAQ,0BACI,OAAO,CAAC,EAAE,EAChC,OAAO,EAAE,WAAW,YAEpB,eAAM,SAAS,EAAC,+BAA+B,YAC3C,eAAM,SAAS,EAAC,+BAA+B,GAAG,GAC/C,GACF,GACE,CAClB,CAAC;AACN,CAAC"}

package/dist/controls.d.ts

@@ -0,0 +1,11 @@
+import type { ControlState, ControlValue, Panel } from '@vessel-dsp/core';
+import type { ControlUiControlRef } from './types';
+export declare function findPanelControl(panel: Panel, controlId: string): ControlUiControlRef | undefined;
+export declare function controlValueForId(state: ControlState, controlId: string): ControlValue | undefined;
+export declare function clampControlPosition(position: number): number;
+export declare function snapControlPosition(control: ControlUiControlRef, position: number): number;
+export declare function normalizeSwitchPosition(position: number, positions: number): number;
+export declare function valuePosition(value: ControlValue | number | boolean): number;
+export declare function valueForControl(control: ControlUiControlRef, value: ControlValue | number | boolean): ControlValue;
+export declare function formatControlValue(control: ControlUiControlRef, value: ControlValue | undefined): string;
+//# sourceMappingURL=controls.d.ts.map

package/dist/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EACZ,YAAY,EAIZ,KAAK,EAGR,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAsBjG;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAElG;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAM1F;AAED,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAGnF;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAe5E;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAkBlH;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,GAAG,SAAS,GAAG,MAAM,CA2BxG"}

package/dist/controls.js

@@ -0,0 +1,115 @@
+import { nearestKnobStep, snapKnobPosition } from '@vessel-dsp/core';
+import { clampNumber, formatNumber } from './utils.js';
+export function findPanelControl(panel, controlId) {
+    const knob = panel.knobs.find((control) => control.id === controlId);
+    if (knob !== undefined) {
+        return { kind: 'knob', control: knob };
+    }
+    const slider = (panel.sliders ?? []).find((control) => control.id === controlId);
+    if (slider !== undefined) {
+        return { kind: 'slider', control: slider };
+    }
+    const switchControl = panel.switches.find((control) => control.id === controlId);
+    if (switchControl !== undefined) {
+        return { kind: 'switch', control: switchControl };
+    }
+    const led = panel.leds.find((control) => control.id === controlId);
+    if (led !== undefined) {
+        return { kind: 'led', control: led };
+    }
+    return undefined;
+}
+export function controlValueForId(state, controlId) {
+    return state[controlId];
+}
+export function clampControlPosition(position) {
+    return clampNumber(position, 0, 1);
+}
+export function snapControlPosition(control, position) {
+    const clamped = clampControlPosition(position);
+    if (control.kind !== 'knob') {
+        return clamped;
+    }
+    return snapKnobPosition(control.control, clamped);
+}
+export function normalizeSwitchPosition(position, positions) {
+    const maxPosition = Math.max(0, positions - 1);
+    return Math.round(clampNumber(position, 0, maxPosition));
+}
+export function valuePosition(value) {
+    if (typeof value === 'number') {
+        return value;
+    }
+    if (typeof value === 'boolean') {
+        return value ? 1 : 0;
+    }
+    switch (value.kind) {
+        case 'knob':
+        case 'slider':
+        case 'switch':
+            return value.position;
+        case 'led':
+            return value.on ? 1 : 0;
+    }
+}
+export function valueForControl(control, value) {
+    switch (control.kind) {
+        case 'knob':
+            return { kind: 'knob', position: snapControlPosition(control, valuePosition(value)) };
+        case 'slider':
+            return { kind: 'slider', position: clampControlPosition(valuePosition(value)) };
+        case 'switch':
+            return {
+                kind: 'switch',
+                position: normalizeSwitchPosition(valuePosition(value), control.control.positions),
+            };
+        case 'led': {
+            if (typeof value === 'object' && value.kind === 'led') {
+                return value;
+            }
+            throw new Error(`LED control "${control.control.id}" is read-only in control-ui`);
+        }
+    }
+}
+export function formatControlValue(control, value) {
+    if (value === undefined) {
+        return '';
+    }
+    switch (control.kind) {
+        case 'knob':
+            if (value.kind !== 'knob') {
+                return '';
+            }
+            return formatKnobValue(control.control, value.position);
+        case 'slider':
+            if (value.kind !== 'slider') {
+                return '';
+            }
+            return formatSliderValue(control.control, value.position);
+        case 'switch':
+            if (value.kind !== 'switch') {
+                return '';
+            }
+            return `Position ${value.position + 1}`;
+        case 'led':
+            if (value.kind !== 'led') {
+                return '';
+            }
+            return value.on ? 'On' : 'Off';
+    }
+}
+function formatKnobValue(knob, position) {
+    const step = nearestKnobStep(knob.steps, position);
+    if (step?.label !== undefined) {
+        return step.label;
+    }
+    return `${Math.round(clampControlPosition(position) * 100)}%`;
+}
+function formatSliderValue(slider, position) {
+    if (slider.range === undefined) {
+        return `${Math.round(clampControlPosition(position) * 100)}%`;
+    }
+    const value = slider.range.min + clampControlPosition(position) * (slider.range.max - slider.range.min);
+    return `${formatNumber(value)}${slider.range.unit === undefined ? '' : ` ${slider.range.unit}`}`;
+}
+//# sourceMappingURL=controls.js.map

package/dist/controls.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+export type { ControlAppearance, ControlAppearanceMap, ControlFrameClassNames, ControlSurfaceClassNames, ControlUiControlRef, ControlUiTheme, } from './types';
+export { resolveControlAppearance } from './appearance';
+export { clampControlPosition, controlValueForId, findPanelControl, formatControlValue, normalizeSwitchPosition, snapControlPosition, valueForControl, valuePosition, } from './controls';
+export { applyControlUiMessage, controlMessageForValue, createControlUiState, } from './state';
+export type { ControlSurfaceRenderItem, ControlSurfaceRenderPlanOptions } from './render-plan';
+export { createControlSurfaceRenderPlan } from './render-plan';
+export type { ControlUiThemeProviderProps } from './theme';
+export { ControlUiThemeProvider, themeToCssVariables, useControlUiTheme } from './theme';
+export type { ControlFrameProps } from './components/ControlFrame';
+export { ControlFrame } from './components/ControlFrame';
+export type { KnobControlProps } from './components/KnobControl';
+export { KnobControl } from './components/KnobControl';
+export type { FootswitchButtonProps } from './components/FootswitchButton';
+export { FootswitchButton } from './components/FootswitchButton';
+export type { ToggleSwitchControlProps } from './components/ToggleSwitchControl';
+export { ToggleSwitchControl } from './components/ToggleSwitchControl';
+export type { GraphicEqSliderProps } from './components/GraphicEqSlider';
+export { GraphicEqSlider } from './components/GraphicEqSlider';
+export type { DetentedRotarySelectProps } from './components/DetentedRotarySelect';
+export { DetentedRotarySelect } from './components/DetentedRotarySelect';
+export type { LedIndicatorProps } from './components/LedIndicator';
+export { LedIndicator } from './components/LedIndicator';
+export type { SwitchSelectControlProps } from './components/SwitchSelectControl';
+export { SwitchSelectControl } from './components/SwitchSelectControl';
+export type { ControlSurfaceProps } from './ControlSurface';
+export { ControlSurface } from './ControlSurface';
+export type { UseControlStateOptions, UseControlStateResult } from './useControlState';
+export { useControlState } from './useControlState';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACR,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,mBAAmB,EACnB,cAAc,GACjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EACH,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,EACf,aAAa,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EACH,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,GACvB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,wBAAwB,EAAE,+BAA+B,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,8BAA8B,EAAE,MAAM,eAAe,CAAC;AAC/D,YAAY,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACzF,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,16 @@
+export { resolveControlAppearance } from './appearance.js';
+export { clampControlPosition, controlValueForId, findPanelControl, formatControlValue, normalizeSwitchPosition, snapControlPosition, valueForControl, valuePosition, } from './controls.js';
+export { applyControlUiMessage, controlMessageForValue, createControlUiState, } from './state.js';
+export { createControlSurfaceRenderPlan } from './render-plan.js';
+export { ControlUiThemeProvider, themeToCssVariables, useControlUiTheme } from './theme.js';
+export { ControlFrame } from './components/ControlFrame.js';
+export { KnobControl } from './components/KnobControl.js';
+export { FootswitchButton } from './components/FootswitchButton.js';
+export { ToggleSwitchControl } from './components/ToggleSwitchControl.js';
+export { GraphicEqSlider } from './components/GraphicEqSlider.js';
+export { DetentedRotarySelect } from './components/DetentedRotarySelect.js';
+export { LedIndicator } from './components/LedIndicator.js';
+export { SwitchSelectControl } from './components/SwitchSelectControl.js';
+export { ControlSurface } from './ControlSurface.js';
+export { useControlState } from './useControlState.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EACH,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,EACf,aAAa,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EACH,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,GACvB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,8BAA8B,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/render-plan.d.ts

@@ -0,0 +1,16 @@
+import type { Panel, PanelElementPlacement } from '@vessel-dsp/core';
+import type { ControlAppearance, ControlAppearanceMap, ControlUiControlRef } from './types';
+export type ControlSurfaceRenderItem = Readonly<{
+    id: string;
+    controlId: string;
+    label: string;
+    faceId?: string;
+    element?: PanelElementPlacement;
+    control: ControlUiControlRef;
+    appearance: ControlAppearance;
+}>;
+export type ControlSurfaceRenderPlanOptions = Readonly<{
+    appearance?: ControlAppearanceMap | undefined;
+}>;
+export declare function createControlSurfaceRenderPlan(panel: Panel, options?: ControlSurfaceRenderPlanOptions): readonly ControlSurfaceRenderItem[];
+//# sourceMappingURL=render-plan.d.ts.map

package/dist/render-plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-plan.d.ts","sourceRoot":"","sources":["../src/render-plan.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE5F,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,MAAM,+BAA+B,GAAG,QAAQ,CAAC;IACnD,UAAU,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CACjD,CAAC,CAAC;AAEH,wBAAgB,8BAA8B,CAC1C,KAAK,EAAE,KAAK,EACZ,OAAO,GAAE,+BAAoC,GAC9C,SAAS,wBAAwB,EAAE,CAkCrC"}

package/dist/render-plan.js

@@ -0,0 +1,58 @@
+import { findPanelControl } from './controls.js';
+import { resolveControlAppearance } from './appearance.js';
+export function createControlSurfaceRenderPlan(panel, options = {}) {
+    const items = [];
+    const seen = new Set();
+    for (const face of panel.placement?.faces ?? []) {
+        for (const element of face.elements) {
+            const controlId = element.bind.controlId;
+            if (controlId === undefined || seen.has(controlId)) {
+                continue;
+            }
+            const control = findPanelControl(panel, controlId);
+            if (control === undefined) {
+                continue;
+            }
+            const item = renderItemForControl(control, options.appearance?.[controlId], element, face.id);
+            if (item !== undefined) {
+                items.push(item);
+                seen.add(controlId);
+            }
+        }
+    }
+    for (const control of fallbackControls(panel)) {
+        if (seen.has(control.control.id)) {
+            continue;
+        }
+        const item = renderItemForControl(control, options.appearance?.[control.control.id]);
+        if (item !== undefined) {
+            items.push(item);
+            seen.add(control.control.id);
+        }
+    }
+    return items;
+}
+function renderItemForControl(control, override, element, faceId) {
+    const appearance = resolveControlAppearance(control, override);
+    if (appearance === 'hidden') {
+        return undefined;
+    }
+    return {
+        id: element?.id ?? control.control.id,
+        controlId: control.control.id,
+        label: element?.label ?? control.control.name,
+        ...(faceId === undefined ? {} : { faceId }),
+        ...(element === undefined ? {} : { element }),
+        control,
+        appearance,
+    };
+}
+function fallbackControls(panel) {
+    return [
+        ...panel.knobs.map((control) => ({ kind: 'knob', control })),
+        ...(panel.sliders ?? []).map((control) => ({ kind: 'slider', control })),
+        ...panel.switches.map((control) => ({ kind: 'switch', control })),
+        ...panel.leds.map((control) => ({ kind: 'led', control })),
+    ];
+}
+//# sourceMappingURL=render-plan.js.map

package/dist/render-plan.js.map

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

package/dist/state.d.ts

@@ -0,0 +1,5 @@
+import type { ControlState, ControlValue, Panel, PanelMessage } from '@vessel-dsp/core';
+export declare function createControlUiState(panel: Panel): ControlState;
+export declare function applyControlUiMessage(panel: Panel, state: ControlState, message: PanelMessage): ControlState;
+export declare function controlMessageForValue(panel: Panel, controlId: string, value: ControlValue | number | boolean, requestId?: string): PanelMessage;
+//# sourceMappingURL=state.d.ts.map

package/dist/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../src/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIxF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,GAAG,YAAY,CAE/D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY,CAM5G;AAED,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,EACtC,SAAS,CAAC,EAAE,MAAM,GACnB,YAAY,CAoBd"}