@vessel-dsp/control-ui 0.6.4 → 0.6.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ControlSurface.d.ts +2 -2
- package/dist/ControlSurface.d.ts.map +1 -1
- package/dist/ControlSurface.js +62 -31
- package/dist/ControlSurface.js.map +1 -1
- package/dist/appearance.d.ts +1 -1
- package/dist/appearance.d.ts.map +1 -1
- package/dist/appearance.js +20 -14
- package/dist/appearance.js.map +1 -1
- package/dist/components/ConcentricKnob.d.ts +22 -0
- package/dist/components/ConcentricKnob.d.ts.map +1 -0
- package/dist/components/ConcentricKnob.js +15 -0
- package/dist/components/ConcentricKnob.js.map +1 -0
- package/dist/components/ControlFrame.d.ts +3 -3
- package/dist/components/ControlFrame.d.ts.map +1 -1
- package/dist/components/ControlFrame.js +3 -3
- package/dist/components/ControlFrame.js.map +1 -1
- package/dist/components/DetentedRotarySelect.d.ts +2 -2
- package/dist/components/DetentedRotarySelect.d.ts.map +1 -1
- package/dist/components/DetentedRotarySelect.js +6 -6
- package/dist/components/DetentedRotarySelect.js.map +1 -1
- package/dist/components/FootswitchButton.d.ts +2 -2
- package/dist/components/FootswitchButton.d.ts.map +1 -1
- package/dist/components/FootswitchButton.js +7 -7
- package/dist/components/FootswitchButton.js.map +1 -1
- package/dist/components/JackIndicator.d.ts +15 -0
- package/dist/components/JackIndicator.d.ts.map +1 -0
- package/dist/components/JackIndicator.js +11 -0
- package/dist/components/JackIndicator.js.map +1 -0
- package/dist/components/KnobControl.d.ts +2 -2
- package/dist/components/KnobControl.d.ts.map +1 -1
- package/dist/components/KnobControl.js +42 -31
- package/dist/components/KnobControl.js.map +1 -1
- package/dist/components/LedIndicator.d.ts +2 -2
- package/dist/components/LedIndicator.d.ts.map +1 -1
- package/dist/components/LedIndicator.js +4 -4
- package/dist/components/LedIndicator.js.map +1 -1
- package/dist/components/SwitchSelectControl.d.ts +2 -2
- package/dist/components/SwitchSelectControl.d.ts.map +1 -1
- package/dist/components/SwitchSelectControl.js +3 -3
- package/dist/components/SwitchSelectControl.js.map +1 -1
- package/dist/components/ToggleSwitchControl.d.ts +2 -2
- package/dist/components/ToggleSwitchControl.d.ts.map +1 -1
- package/dist/components/ToggleSwitchControl.js +3 -3
- package/dist/components/ToggleSwitchControl.js.map +1 -1
- package/dist/controls.d.ts +2 -2
- package/dist/controls.d.ts.map +1 -1
- package/dist/controls.js +55 -37
- package/dist/controls.js.map +1 -1
- package/dist/index.d.ts +32 -28
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +17 -15
- package/dist/index.js.map +1 -1
- package/dist/render-plan.d.ts +2 -2
- package/dist/render-plan.d.ts.map +1 -1
- package/dist/render-plan.js +67 -10
- package/dist/render-plan.js.map +1 -1
- package/dist/state.d.ts +1 -1
- package/dist/state.d.ts.map +1 -1
- package/dist/state.js +7 -4
- package/dist/state.js.map +1 -1
- package/dist/styles.css +250 -203
- package/dist/theme.d.ts +3 -3
- package/dist/theme.d.ts.map +1 -1
- package/dist/theme.js +21 -11
- package/dist/theme.js.map +1 -1
- package/dist/types.d.ts +15 -6
- package/dist/types.d.ts.map +1 -1
- package/dist/useControlState.d.ts +1 -1
- package/dist/useControlState.d.ts.map +1 -1
- package/dist/useControlState.js +2 -2
- package/dist/useControlState.js.map +1 -1
- package/dist/utils.d.ts.map +1 -1
- package/dist/utils.js +3 -1
- package/dist/utils.js.map +1 -1
- package/package.json +70 -70
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useRef, useState } from
|
|
3
|
-
import { knobStepSize } from
|
|
4
|
-
import { formatControlValue, snapControlPosition } from
|
|
5
|
-
import { cx } from
|
|
6
|
-
import { ControlFrame } from
|
|
2
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
|
+
import { knobStepSize } from "@vessel-dsp/core";
|
|
4
|
+
import { formatControlValue, snapControlPosition } from "../controls.js";
|
|
5
|
+
import { cx } from "../utils.js";
|
|
6
|
+
import { ControlFrame } from "./ControlFrame.js";
|
|
7
7
|
const KNOB_SWEEP_DEGREES = 300;
|
|
8
8
|
const KNOB_START_DEGREES = -150;
|
|
9
9
|
const KNOB_DRAG_PIXELS_PER_RANGE = 160;
|
|
@@ -11,12 +11,12 @@ export function KnobControl({ control, position, disabled = false, label = contr
|
|
|
11
11
|
const drag = useRef(undefined);
|
|
12
12
|
const [localPosition, setLocalPosition] = useState(undefined);
|
|
13
13
|
const [isDragging, setIsDragging] = useState(false);
|
|
14
|
-
const normalizedPosition = snapControlPosition({ kind:
|
|
14
|
+
const normalizedPosition = snapControlPosition({ kind: "knob", control }, position);
|
|
15
15
|
const previousNormalizedPosition = useRef(normalizedPosition);
|
|
16
16
|
const displayPosition = localPosition ?? normalizedPosition;
|
|
17
17
|
const rotation = KNOB_START_DEGREES + displayPosition * KNOB_SWEEP_DEGREES;
|
|
18
18
|
const progress = displayPosition * KNOB_SWEEP_DEGREES;
|
|
19
|
-
const readout = formatControlValue({ kind:
|
|
19
|
+
const readout = formatControlValue({ kind: "knob", control }, { kind: "knob", position: displayPosition });
|
|
20
20
|
useEffect(() => {
|
|
21
21
|
if (previousNormalizedPosition.current === normalizedPosition) {
|
|
22
22
|
return;
|
|
@@ -30,7 +30,7 @@ export function KnobControl({ control, position, disabled = false, label = contr
|
|
|
30
30
|
if (disabled) {
|
|
31
31
|
return undefined;
|
|
32
32
|
}
|
|
33
|
-
return snapControlPosition({ kind:
|
|
33
|
+
return snapControlPosition({ kind: "knob", control }, nextPosition);
|
|
34
34
|
}
|
|
35
35
|
function setPosition(nextPosition) {
|
|
36
36
|
const snapped = snapPosition(nextPosition);
|
|
@@ -42,13 +42,15 @@ export function KnobControl({ control, position, disabled = false, label = contr
|
|
|
42
42
|
}
|
|
43
43
|
function updateDragPosition(pointerId, clientX, movementX) {
|
|
44
44
|
const currentDrag = drag.current;
|
|
45
|
-
if (currentDrag === undefined ||
|
|
45
|
+
if (currentDrag === undefined ||
|
|
46
|
+
(pointerId !== undefined && currentDrag.pointerId !== pointerId)) {
|
|
46
47
|
return;
|
|
47
48
|
}
|
|
48
49
|
const hasRelativeMovement = movementX !== undefined && Number.isFinite(movementX);
|
|
49
50
|
const nextPosition = hasRelativeMovement
|
|
50
51
|
? currentDrag.position + movementX / KNOB_DRAG_PIXELS_PER_RANGE
|
|
51
|
-
: currentDrag.startPosition +
|
|
52
|
+
: currentDrag.startPosition +
|
|
53
|
+
(clientX - currentDrag.startX) / KNOB_DRAG_PIXELS_PER_RANGE;
|
|
52
54
|
const snapped = snapPosition(nextPosition);
|
|
53
55
|
if (snapped === undefined) {
|
|
54
56
|
return;
|
|
@@ -62,7 +64,8 @@ export function KnobControl({ control, position, disabled = false, label = contr
|
|
|
62
64
|
}
|
|
63
65
|
function finishDrag(pointerId) {
|
|
64
66
|
const currentDrag = drag.current;
|
|
65
|
-
if (currentDrag === undefined ||
|
|
67
|
+
if (currentDrag === undefined ||
|
|
68
|
+
(pointerId !== undefined && currentDrag.pointerId !== pointerId)) {
|
|
66
69
|
return;
|
|
67
70
|
}
|
|
68
71
|
drag.current = undefined;
|
|
@@ -125,29 +128,29 @@ export function KnobControl({ control, position, disabled = false, label = contr
|
|
|
125
128
|
}
|
|
126
129
|
function handleKeyDown(event) {
|
|
127
130
|
const step = knobStepSize(control) ?? 0.01;
|
|
128
|
-
if (event.key ===
|
|
131
|
+
if (event.key === "ArrowRight" || event.key === "ArrowUp") {
|
|
129
132
|
event.preventDefault();
|
|
130
133
|
setPosition(normalizedPosition + step);
|
|
131
134
|
}
|
|
132
|
-
if (event.key ===
|
|
135
|
+
if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
|
|
133
136
|
event.preventDefault();
|
|
134
137
|
setPosition(normalizedPosition - step);
|
|
135
138
|
}
|
|
136
|
-
if (event.key ===
|
|
139
|
+
if (event.key === "Home") {
|
|
137
140
|
event.preventDefault();
|
|
138
141
|
setPosition(0);
|
|
139
142
|
}
|
|
140
|
-
if (event.key ===
|
|
143
|
+
if (event.key === "End") {
|
|
141
144
|
event.preventDefault();
|
|
142
145
|
setPosition(1);
|
|
143
146
|
}
|
|
144
147
|
}
|
|
145
148
|
const knobStyle = {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
+
"--vdsp-control-ui-knob-rotation": `${rotation}deg`,
|
|
150
|
+
"--vdsp-control-ui-knob-sweep": `${KNOB_SWEEP_DEGREES}deg`,
|
|
151
|
+
"--vdsp-control-ui-knob-progress": `${progress}deg`,
|
|
149
152
|
};
|
|
150
|
-
return (_jsx(ControlFrame, { label: label, readout: readout, disabled: disabled, className: className, classNames: classNames, children: _jsxs("button", { type: "button", className: cx(
|
|
153
|
+
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" }) })] }) }));
|
|
151
154
|
}
|
|
152
155
|
function addKnobDragDocumentListeners(ownerDocument, handlers) {
|
|
153
156
|
function handlePointerMove(event) {
|
|
@@ -164,26 +167,34 @@ function addKnobDragDocumentListeners(ownerDocument, handlers) {
|
|
|
164
167
|
function handleMouseEnd() {
|
|
165
168
|
handlers.end(undefined);
|
|
166
169
|
}
|
|
167
|
-
ownerDocument.addEventListener(
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
ownerDocument.addEventListener(
|
|
171
|
-
ownerDocument.addEventListener(
|
|
170
|
+
ownerDocument.addEventListener("pointermove", handlePointerMove, {
|
|
171
|
+
passive: false,
|
|
172
|
+
});
|
|
173
|
+
ownerDocument.addEventListener("pointerup", handlePointerEnd);
|
|
174
|
+
ownerDocument.addEventListener("pointercancel", handlePointerEnd);
|
|
175
|
+
ownerDocument.addEventListener("mousemove", handleMouseMove, {
|
|
176
|
+
passive: false,
|
|
177
|
+
});
|
|
178
|
+
ownerDocument.addEventListener("mouseup", handleMouseEnd);
|
|
172
179
|
return () => {
|
|
173
|
-
ownerDocument.removeEventListener(
|
|
174
|
-
ownerDocument.removeEventListener(
|
|
175
|
-
ownerDocument.removeEventListener(
|
|
176
|
-
ownerDocument.removeEventListener(
|
|
177
|
-
ownerDocument.removeEventListener(
|
|
180
|
+
ownerDocument.removeEventListener("pointermove", handlePointerMove);
|
|
181
|
+
ownerDocument.removeEventListener("pointerup", handlePointerEnd);
|
|
182
|
+
ownerDocument.removeEventListener("pointercancel", handlePointerEnd);
|
|
183
|
+
ownerDocument.removeEventListener("mousemove", handleMouseMove);
|
|
184
|
+
ownerDocument.removeEventListener("mouseup", handleMouseEnd);
|
|
178
185
|
};
|
|
179
186
|
}
|
|
180
187
|
function addKnobDraggingDocumentClass(ownerDocument) {
|
|
181
|
-
const className =
|
|
188
|
+
const className = "vdsp-control-ui-is-knob-dragging";
|
|
182
189
|
ownerDocument.documentElement.classList.add(className);
|
|
183
190
|
return () => ownerDocument.documentElement.classList.remove(className);
|
|
184
191
|
}
|
|
185
192
|
function requestKnobPointerLock(target) {
|
|
186
|
-
const candidates = [
|
|
193
|
+
const candidates = [
|
|
194
|
+
target,
|
|
195
|
+
target.ownerDocument.body,
|
|
196
|
+
target.ownerDocument.documentElement,
|
|
197
|
+
];
|
|
187
198
|
for (const candidate of candidates) {
|
|
188
199
|
const requestPointerLock = candidate?.requestPointerLock;
|
|
189
200
|
if (requestPointerLock === undefined) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KnobControl.js","sourceRoot":"","sources":["../../src/components/KnobControl.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEtE,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC;AAChC,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAuBvC,MAAM,UAAU,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"KnobControl.js","sourceRoot":"","sources":["../../src/components/KnobControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { LedIndicator as CoreLedIndicator, LedValue } from
|
|
2
|
-
import type { ControlFrameClassNames } from
|
|
1
|
+
import type { LedIndicator as CoreLedIndicator, LedValue } from "@vessel-dsp/core";
|
|
2
|
+
import type { ControlFrameClassNames } from "../types";
|
|
3
3
|
export type LedIndicatorProps = Readonly<{
|
|
4
4
|
control: CoreLedIndicator;
|
|
5
5
|
value: LedValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LedIndicator.d.ts","sourceRoot":"","sources":["../../src/components/LedIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"LedIndicator.d.ts","sourceRoot":"","sources":["../../src/components/LedIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,YAAY,IAAI,gBAAgB,EAChC,QAAQ,EACR,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAIvD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACxC,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;CAChD,CAAC,CAAC;AAEH,wBAAgB,YAAY,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,KAAoB,EACpB,SAAS,EACT,UAAU,GACV,EAAE,iBAAiB,+BA6BnB"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cx } from
|
|
3
|
-
import { ControlFrame } from
|
|
2
|
+
import { cx } from "../utils.js";
|
|
3
|
+
import { ControlFrame } from "./ControlFrame.js";
|
|
4
4
|
export function LedIndicator({ control, value, disabled = false, label = control.name, className, classNames, }) {
|
|
5
5
|
const intensity = value.intensity ?? (value.on ? 1 : 0);
|
|
6
6
|
const ledStyle = {
|
|
7
|
-
|
|
7
|
+
"--vdsp-control-ui-led-intensity": intensity,
|
|
8
8
|
};
|
|
9
|
-
return (_jsx(ControlFrame, { label: label, readout: value.on ?
|
|
9
|
+
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 }) }));
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=LedIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LedIndicator.js","sourceRoot":"","sources":["../../src/components/LedIndicator.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"LedIndicator.js","sourceRoot":"","sources":["../../src/components/LedIndicator.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C,MAAM,UAAU,YAAY,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,OAAO,CAAC,IAAI,EACpB,SAAS,EACT,UAAU,GACS;IACnB,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;QAChB,iCAAiC,EAAE,SAAS;KACyB,CAAC;IAEvE,OAAO,CACN,KAAC,YAAY,IACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,YAEtB,eACC,SAAS,EAAE,EAAE,CACZ,yBAAyB,EACzB,qBAAqB,EACrB,KAAK,CAAC,EAAE,IAAI,OAAO,EACnB,UAAU,EAAE,OAAO,CACnB,EACD,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,GAC/B,GACY,CACf,CAAC;AACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { SwitchControl } from
|
|
2
|
-
import type { ControlFrameClassNames } from
|
|
1
|
+
import type { SwitchControl } from "@vessel-dsp/core";
|
|
2
|
+
import type { ControlFrameClassNames } from "../types";
|
|
3
3
|
export type SwitchSelectControlProps = Readonly<{
|
|
4
4
|
control: SwitchControl;
|
|
5
5
|
position: number;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;IAC/C,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;CAC5D,CAAC,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,EACnC,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,KAAoB,EACpB,SAAS,EACT,UAAU,EACV,gBAAgB,GAChB,EAAE,wBAAwB,+BA8B1B"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cx } from
|
|
3
|
-
import { ControlFrame } from
|
|
2
|
+
import { cx } from "../utils.js";
|
|
3
|
+
import { ControlFrame } from "./ControlFrame.js";
|
|
4
4
|
export function SwitchSelectControl({ control, position, disabled = false, label = control.name, className, classNames, onPositionChange, }) {
|
|
5
|
-
return (_jsx(ControlFrame, { label: label, disabled: disabled, className: className, classNames: classNames, children: _jsx("select", { className: cx(
|
|
5
|
+
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))) }) }));
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=SwitchSelectControl.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EACnC,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,OAAO,CAAC,IAAI,EACpB,SAAS,EACT,UAAU,EACV,gBAAgB,GACU;IAC1B,OAAO,CACN,KAAC,YAAY,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,YAEtB,iBACC,SAAS,EAAE,EAAE,CACZ,yBAAyB,EACzB,wBAAwB,EACxB,UAAU,EAAE,OAAO,CACnB,EACD,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,CACnB,gBAAgB,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,YAGrD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxD,kBAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,0BAC7B,KAAK,GAAG,CAAC,KADP,KAAK,CAET,CACT,CAAC,GACM,GACK,CACf,CAAC;AACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { SwitchControl } from
|
|
2
|
-
import type { ControlFrameClassNames } from
|
|
1
|
+
import type { SwitchControl } from "@vessel-dsp/core";
|
|
2
|
+
import type { ControlFrameClassNames } from "../types";
|
|
3
3
|
export type ToggleSwitchControlProps = Readonly<{
|
|
4
4
|
control: SwitchControl;
|
|
5
5
|
position: number;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;IAC/C,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;CAC5D,CAAC,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,EACnC,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,KAAoB,EACpB,SAAS,EACT,UAAU,EACV,gBAAgB,GAChB,EAAE,wBAAwB,+BAsC1B"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cx } from
|
|
3
|
-
import { ControlFrame } from
|
|
2
|
+
import { cx } from "../utils.js";
|
|
3
|
+
import { ControlFrame } from "./ControlFrame.js";
|
|
4
4
|
export function ToggleSwitchControl({ control, position, disabled = false, label = control.name, className, classNames, onPositionChange, }) {
|
|
5
5
|
const checked = position > 0;
|
|
6
6
|
function handleClick() {
|
|
@@ -8,6 +8,6 @@ export function ToggleSwitchControl({ control, position, disabled = false, label
|
|
|
8
8
|
onPositionChange?.(checked ? 0 : 1);
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
|
-
return (_jsx(ControlFrame, { label: label, readout: `Position ${position + 1}`, disabled: disabled, className: className, classNames: classNames, children: _jsx("button", { type: "button", className: cx(
|
|
11
|
+
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" }) }) }) }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=ToggleSwitchControl.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,EACnC,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,OAAO,CAAC,IAAI,EACpB,SAAS,EACT,UAAU,EACV,gBAAgB,GACU;IAC1B,MAAM,OAAO,GAAG,QAAQ,GAAG,CAAC,CAAC;IAE7B,SAAS,WAAW;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACf,gBAAgB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;IACF,CAAC;IAED,OAAO,CACN,KAAC,YAAY,IACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,QAAQ,GAAG,CAAC,EAAE,EACnC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,YAEtB,iBACC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACZ,yBAAyB,EACzB,wBAAwB,EACxB,OAAO,IAAI,YAAY,EACvB,UAAU,EAAE,OAAO,CACnB,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,YAC9C,eAAM,SAAS,EAAC,+BAA+B,GAAG,GAC5C,GACC,GACK,CACf,CAAC;AACH,CAAC"}
|
package/dist/controls.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { ControlState, ControlValue, Panel } from
|
|
2
|
-
import type { ControlUiControlRef } from
|
|
1
|
+
import type { ControlState, ControlValue, Panel } from "@vessel-dsp/core";
|
|
2
|
+
import type { ControlUiControlRef } from "./types";
|
|
3
3
|
export declare function findPanelControl(panel: Panel, controlId: string): ControlUiControlRef | undefined;
|
|
4
4
|
export declare function controlValueForId(state: ControlState, controlId: string): ControlValue | undefined;
|
|
5
5
|
export declare function clampControlPosition(position: number): number;
|
package/dist/controls.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,YAAY,EACZ,YAAY,EAIZ,KAAK,EAGL,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,GACf,mBAAmB,GAAG,SAAS,CA+BjC;AAED,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,MAAM,GACf,YAAY,GAAG,SAAS,CAE1B;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED,wBAAgB,mBAAmB,CAClC,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,MAAM,GACd,MAAM,CAMR;AAED,wBAAgB,uBAAuB,CACtC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,GACf,MAAM,CAGR;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAe5E;AAED,wBAAgB,eAAe,CAC9B,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,GACpC,YAAY,CAqCd;AAED,wBAAgB,kBAAkB,CACjC,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,YAAY,GAAG,SAAS,GAC7B,MAAM,CA8BR"}
|
package/dist/controls.js
CHANGED
|
@@ -1,21 +1,25 @@
|
|
|
1
|
-
import { nearestKnobStep, snapKnobPosition } from
|
|
2
|
-
import { clampNumber, formatNumber } from
|
|
1
|
+
import { nearestKnobStep, snapKnobPosition } from "@vessel-dsp/core";
|
|
2
|
+
import { clampNumber, formatNumber } from "./utils.js";
|
|
3
3
|
export function findPanelControl(panel, controlId) {
|
|
4
4
|
const knob = panel.knobs.find((control) => control.id === controlId);
|
|
5
5
|
if (knob !== undefined) {
|
|
6
|
-
return { kind:
|
|
6
|
+
return { kind: "knob", control: knob };
|
|
7
7
|
}
|
|
8
8
|
const slider = (panel.sliders ?? []).find((control) => control.id === controlId);
|
|
9
9
|
if (slider !== undefined) {
|
|
10
|
-
return { kind:
|
|
10
|
+
return { kind: "slider", control: slider };
|
|
11
11
|
}
|
|
12
12
|
const switchControl = panel.switches.find((control) => control.id === controlId);
|
|
13
13
|
if (switchControl !== undefined) {
|
|
14
|
-
return { kind:
|
|
14
|
+
return { kind: "switch", control: switchControl };
|
|
15
15
|
}
|
|
16
16
|
const led = panel.leds.find((control) => control.id === controlId);
|
|
17
17
|
if (led !== undefined) {
|
|
18
|
-
return { kind:
|
|
18
|
+
return { kind: "led", control: led };
|
|
19
|
+
}
|
|
20
|
+
const jack = panel.jacks.find((control) => control.id === controlId);
|
|
21
|
+
if (jack !== undefined) {
|
|
22
|
+
return { kind: "jack", control: jack };
|
|
19
23
|
}
|
|
20
24
|
return undefined;
|
|
21
25
|
}
|
|
@@ -27,7 +31,7 @@ export function clampControlPosition(position) {
|
|
|
27
31
|
}
|
|
28
32
|
export function snapControlPosition(control, position) {
|
|
29
33
|
const clamped = clampControlPosition(position);
|
|
30
|
-
if (control.kind !==
|
|
34
|
+
if (control.kind !== "knob") {
|
|
31
35
|
return clamped;
|
|
32
36
|
}
|
|
33
37
|
return snapKnobPosition(control.control, clamped);
|
|
@@ -37,65 +41,78 @@ export function normalizeSwitchPosition(position, positions) {
|
|
|
37
41
|
return Math.round(clampNumber(position, 0, maxPosition));
|
|
38
42
|
}
|
|
39
43
|
export function valuePosition(value) {
|
|
40
|
-
if (typeof value ===
|
|
44
|
+
if (typeof value === "number") {
|
|
41
45
|
return value;
|
|
42
46
|
}
|
|
43
|
-
if (typeof value ===
|
|
47
|
+
if (typeof value === "boolean") {
|
|
44
48
|
return value ? 1 : 0;
|
|
45
49
|
}
|
|
46
50
|
switch (value.kind) {
|
|
47
|
-
case
|
|
48
|
-
case
|
|
49
|
-
case
|
|
51
|
+
case "knob":
|
|
52
|
+
case "slider":
|
|
53
|
+
case "switch":
|
|
50
54
|
return value.position;
|
|
51
|
-
case
|
|
55
|
+
case "led":
|
|
52
56
|
return value.on ? 1 : 0;
|
|
53
57
|
}
|
|
54
58
|
}
|
|
55
59
|
export function valueForControl(control, value) {
|
|
56
60
|
switch (control.kind) {
|
|
57
|
-
case
|
|
58
|
-
return {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
61
|
+
case "knob":
|
|
62
|
+
return {
|
|
63
|
+
kind: "knob",
|
|
64
|
+
position: snapControlPosition(control, valuePosition(value)),
|
|
65
|
+
};
|
|
66
|
+
case "slider":
|
|
67
|
+
return {
|
|
68
|
+
kind: "slider",
|
|
69
|
+
position: clampControlPosition(valuePosition(value)),
|
|
70
|
+
};
|
|
71
|
+
case "switch":
|
|
62
72
|
return {
|
|
63
|
-
kind:
|
|
73
|
+
kind: "switch",
|
|
64
74
|
position: normalizeSwitchPosition(valuePosition(value), control.control.positions),
|
|
65
75
|
};
|
|
66
|
-
case
|
|
67
|
-
if (typeof value ===
|
|
76
|
+
case "led": {
|
|
77
|
+
if (typeof value === "object" && value.kind === "led") {
|
|
68
78
|
return value;
|
|
69
79
|
}
|
|
70
80
|
throw new Error(`LED control "${control.control.id}" is read-only in control-ui`);
|
|
71
81
|
}
|
|
82
|
+
case "jack":
|
|
83
|
+
throw new Error(`Jack "${control.control.id}" is read-only in control-ui`);
|
|
84
|
+
case "concentric-knob":
|
|
85
|
+
throw new Error(`Concentric knob "${control.control.id}" is set per tier in control-ui`);
|
|
72
86
|
}
|
|
73
87
|
}
|
|
74
88
|
export function formatControlValue(control, value) {
|
|
75
89
|
if (value === undefined) {
|
|
76
|
-
return
|
|
90
|
+
return "";
|
|
77
91
|
}
|
|
78
92
|
switch (control.kind) {
|
|
79
|
-
case
|
|
80
|
-
if (value.kind !==
|
|
81
|
-
return
|
|
93
|
+
case "knob":
|
|
94
|
+
if (value.kind !== "knob") {
|
|
95
|
+
return "";
|
|
82
96
|
}
|
|
83
97
|
return formatKnobValue(control.control, value.position);
|
|
84
|
-
case
|
|
85
|
-
if (value.kind !==
|
|
86
|
-
return
|
|
98
|
+
case "slider":
|
|
99
|
+
if (value.kind !== "slider") {
|
|
100
|
+
return "";
|
|
87
101
|
}
|
|
88
102
|
return formatSliderValue(control.control, value.position);
|
|
89
|
-
case
|
|
90
|
-
if (value.kind !==
|
|
91
|
-
return
|
|
103
|
+
case "switch":
|
|
104
|
+
if (value.kind !== "switch") {
|
|
105
|
+
return "";
|
|
92
106
|
}
|
|
93
107
|
return `Position ${value.position + 1}`;
|
|
94
|
-
case
|
|
95
|
-
if (value.kind !==
|
|
96
|
-
return
|
|
108
|
+
case "led":
|
|
109
|
+
if (value.kind !== "led") {
|
|
110
|
+
return "";
|
|
97
111
|
}
|
|
98
|
-
return value.on ?
|
|
112
|
+
return value.on ? "On" : "Off";
|
|
113
|
+
case "jack":
|
|
114
|
+
case "concentric-knob":
|
|
115
|
+
return "";
|
|
99
116
|
}
|
|
100
117
|
}
|
|
101
118
|
function formatKnobValue(knob, position) {
|
|
@@ -109,7 +126,8 @@ function formatSliderValue(slider, position) {
|
|
|
109
126
|
if (slider.range === undefined) {
|
|
110
127
|
return `${Math.round(clampControlPosition(position) * 100)}%`;
|
|
111
128
|
}
|
|
112
|
-
const value = slider.range.min +
|
|
113
|
-
|
|
129
|
+
const value = slider.range.min +
|
|
130
|
+
clampControlPosition(position) * (slider.range.max - slider.range.min);
|
|
131
|
+
return `${formatNumber(value)}${slider.range.unit === undefined ? "" : ` ${slider.range.unit}`}`;
|
|
114
132
|
}
|
|
115
133
|
//# sourceMappingURL=controls.js.map
|
package/dist/controls.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controls.js","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,MAAM,UAAU,gBAAgB,
|
|
1
|
+
{"version":3,"file":"controls.js","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,29 +1,33 @@
|
|
|
1
|
-
export type { ControlAppearance, ControlAppearanceMap, ControlFrameClassNames, ControlSurfaceClassNames, ControlUiControlRef, ControlUiTheme, } from
|
|
2
|
-
export { resolveControlAppearance } from
|
|
3
|
-
export { clampControlPosition, controlValueForId, findPanelControl, formatControlValue, normalizeSwitchPosition, snapControlPosition, valueForControl, valuePosition, } from
|
|
4
|
-
export { applyControlUiMessage, controlMessageForValue, createControlUiState, } from
|
|
5
|
-
export type { ControlSurfaceRenderItem, ControlSurfaceRenderPlanOptions } from
|
|
6
|
-
export { createControlSurfaceRenderPlan } from
|
|
7
|
-
export type { ControlUiThemeProviderProps } from
|
|
8
|
-
export { ControlUiThemeProvider, themeToCssVariables, useControlUiTheme } from
|
|
9
|
-
export type { ControlFrameProps } from
|
|
10
|
-
export { ControlFrame } from
|
|
11
|
-
export type { KnobControlProps } from
|
|
12
|
-
export { KnobControl } from
|
|
13
|
-
export type {
|
|
14
|
-
export {
|
|
15
|
-
export type {
|
|
16
|
-
export {
|
|
17
|
-
export type {
|
|
18
|
-
export {
|
|
19
|
-
export type {
|
|
20
|
-
export {
|
|
21
|
-
export type {
|
|
22
|
-
export {
|
|
23
|
-
export type {
|
|
24
|
-
export {
|
|
25
|
-
export type {
|
|
26
|
-
export {
|
|
27
|
-
export type {
|
|
28
|
-
export {
|
|
1
|
+
export type { ControlAppearance, ControlAppearanceMap, ControlFrameClassNames, ControlSurfaceClassNames, ControlUiControlRef, ControlUiTheme, } from "./types";
|
|
2
|
+
export { resolveControlAppearance } from "./appearance";
|
|
3
|
+
export { clampControlPosition, controlValueForId, findPanelControl, formatControlValue, normalizeSwitchPosition, snapControlPosition, valueForControl, valuePosition, } from "./controls";
|
|
4
|
+
export { applyControlUiMessage, controlMessageForValue, createControlUiState, } from "./state";
|
|
5
|
+
export type { ControlSurfaceRenderItem, ControlSurfaceRenderPlanOptions, } from "./render-plan";
|
|
6
|
+
export { createControlSurfaceRenderPlan } from "./render-plan";
|
|
7
|
+
export type { ControlUiThemeProviderProps } from "./theme";
|
|
8
|
+
export { ControlUiThemeProvider, themeToCssVariables, useControlUiTheme, } from "./theme";
|
|
9
|
+
export type { ControlFrameProps } from "./components/ControlFrame";
|
|
10
|
+
export { ControlFrame } from "./components/ControlFrame";
|
|
11
|
+
export type { KnobControlProps } from "./components/KnobControl";
|
|
12
|
+
export { KnobControl } from "./components/KnobControl";
|
|
13
|
+
export type { ConcentricKnobProps } from "./components/ConcentricKnob";
|
|
14
|
+
export { ConcentricKnob } from "./components/ConcentricKnob";
|
|
15
|
+
export type { JackIndicatorProps } from "./components/JackIndicator";
|
|
16
|
+
export { JackIndicator } from "./components/JackIndicator";
|
|
17
|
+
export type { FootswitchButtonProps } from "./components/FootswitchButton";
|
|
18
|
+
export { FootswitchButton } from "./components/FootswitchButton";
|
|
19
|
+
export type { ToggleSwitchControlProps } from "./components/ToggleSwitchControl";
|
|
20
|
+
export { ToggleSwitchControl } from "./components/ToggleSwitchControl";
|
|
21
|
+
export type { GraphicEqSliderProps } from "./components/GraphicEqSlider";
|
|
22
|
+
export { GraphicEqSlider } from "./components/GraphicEqSlider";
|
|
23
|
+
export type { DetentedRotarySelectProps } from "./components/DetentedRotarySelect";
|
|
24
|
+
export { DetentedRotarySelect } from "./components/DetentedRotarySelect";
|
|
25
|
+
export type { LedIndicatorProps } from "./components/LedIndicator";
|
|
26
|
+
export { LedIndicator } from "./components/LedIndicator";
|
|
27
|
+
export type { SwitchSelectControlProps } from "./components/SwitchSelectControl";
|
|
28
|
+
export { SwitchSelectControl } from "./components/SwitchSelectControl";
|
|
29
|
+
export type { ControlSurfaceProps } from "./ControlSurface";
|
|
30
|
+
export { ControlSurface } from "./ControlSurface";
|
|
31
|
+
export type { UseControlStateOptions, UseControlStateResult, } from "./useControlState";
|
|
32
|
+
export { useControlState } from "./useControlState";
|
|
29
33
|
//# sourceMappingURL=index.d.ts.map
|