@digitalmeadow/control-panel 1.0.0 → 1.0.2

package/README.md

@@ -1,6 +1,12 @@
-# Control Panel
+# @digitalmeadow/control-panel
 
-GUI control panel for creative coding.
+ControlPanel control panel for creative coding.
+
+## Features
+
+- Dependency free
+- Minimal API
+- Audio and MIDI input signals
 
 ## Controllers
 
@@ -16,23 +22,23 @@ GUI control panel for creative coding.
 ## Usage
 
 ```typescript
-import { GUI } from "./src/gui";
+import { ControlPanel } from "./src/controlPanel";
 
 const state = { number: 50, color: "#3498db", enabled: true };
-const gui = new GUI();
+const controlPanel = new ControlPanel();
 
-gui.addNumber(state, "number", { min: 0, max: 100, step: 1 });
-gui.addColor(state, "color");
-gui.addBoolean(state, "enabled");
-gui.addButton("Reset", () => gui.reset());
+controlPanel.addNumber(state, "number", { min: 0, max: 100, step: 1 });
+controlPanel.addColor(state, "color");
+controlPanel.addBoolean(state, "enabled");
+controlPanel.addButton("Reset", () => controlPanel.reset());
 
-gui.saveDefaultPreset();
+controlPanel.saveDefaultPreset();
 ```
 
 ## Folders
 
 ```typescript
-const folder = gui.addFolder("Settings");
+const folder = controlPanel.addFolder("Settings");
 folder.addNumber(state, "value", { min: 0, max: 100 });
 
 const nested = folder.addFolder("Advanced");
@@ -49,20 +55,20 @@ pnpm build
 ## API
 
 ```typescript
-gui.addNumber(object, property, options?)
-gui.addSelect(object, property, options?)
-gui.addBoolean(object, property, options?)
-gui.addButton(label, fn, options?)
-gui.addRadio(object, property, options?)
-gui.addColor(object, property, options?)
-gui.addGradient(object, property, options?)
-gui.addArray(object, property, options?)
-gui.addFolder(title)
-
-gui.save()
-gui.load(state)
-gui.reset()
-gui.saveDefaultPreset()
+controlPanel.addNumber(object, property, options?)
+controlPanel.addSelect(object, property, options?)
+controlPanel.addBoolean(object, property, options?)
+controlPanel.addButton(label, fn, options?)
+controlPanel.addRadio(object, property, options?)
+controlPanel.addColor(object, property, options?)
+controlPanel.addGradient(object, property, options?)
+controlPanel.addArray(object, property, options?)
+controlPanel.addFolder(title)
+
+controlPanel.save()
+controlPanel.load(state)
+controlPanel.reset()
+controlPanel.saveDefaultPreset()
 ```
 
 ## Options

package/dist/ControlPanel.d.ts

@@ -0,0 +1,56 @@
+import "./styles.css";
+import { Controller } from "./controllers/Controller";
+import { NumberController, type NumberControllerOptions } from "./controllers/NumberController";
+import { SelectController, type SelectControllerOptions } from "./controllers/SelectController";
+import { ButtonController, type ButtonControllerOptions } from "./controllers/ButtonController";
+import { BooleanController, type BooleanControllerOptions } from "./controllers/BooleanController";
+import { RadioController, type RadioControllerOptions } from "./controllers/RadioController";
+import { ColorController, type ColorControllerOptions } from "./controllers/ColorController";
+import { GradientController, type GradientControllerOptions } from "./controllers/GradientController";
+import { ArrayController, type ArrayControllerOptions } from "./controllers/ArrayController";
+import { Stats } from "./stats";
+export interface ControlPanelOptions {
+    title?: string;
+    presetsPrefix?: string;
+}
+export interface ControlPanelSectionState {
+    controllers: Record<string, any>;
+    folders: Record<string, ControlPanelSectionState>;
+}
+export declare abstract class ControlPanelContainer {
+    abstract contentElement: HTMLElement;
+    controllers: Controller<any>[];
+    folders: Folder[];
+    addNumber(object: any, property: string, options?: NumberControllerOptions): NumberController;
+    addSelect<T>(object: any, property: string, options?: SelectControllerOptions<T>): SelectController<T>;
+    addBoolean(object: any, property: string, options?: BooleanControllerOptions): BooleanController;
+    addButton(label: string, fn: () => void, options?: ButtonControllerOptions): ButtonController;
+    addRadio<T>(object: any, property: string, options?: RadioControllerOptions<T>): RadioController<T>;
+    addColor(object: any, property: string, options?: ColorControllerOptions): ColorController;
+    addGradient(object: any, property: string, options?: GradientControllerOptions): GradientController;
+    addArray(object: any, property: string, options?: ArrayControllerOptions): ArrayController;
+    addFolder(title: string): Folder;
+    save(): ControlPanelSectionState;
+    load(state: ControlPanelSectionState): void;
+    reset(): void;
+}
+export declare class Folder extends ControlPanelContainer {
+    domElement: HTMLDetailsElement;
+    contentElement: HTMLElement;
+    summaryElement: HTMLElement;
+    title: string;
+    constructor(title: string);
+}
+export declare class ControlPanel extends ControlPanelContainer {
+    domElement: HTMLDetailsElement;
+    summaryElement: HTMLElement;
+    contentElement: HTMLElement;
+    stats: Stats;
+    private presetStoragePrefix;
+    constructor(container?: HTMLElement, options?: ControlPanelOptions);
+    saveToLocalStorage(key: string): void;
+    loadFromLocalStorage(key: string): void;
+    saveDefaultPreset(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=ControlPanel.d.ts.map

package/dist/ControlPanel.d.ts.map

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

package/dist/controllers/ArrayController.d.ts

@@ -0,0 +1,24 @@
+import { Controller, type ControllerOptions } from "./Controller";
+export type ArrayItemType = "color" | "number" | "string";
+export interface ArrayControllerOptions extends ControllerOptions {
+    itemType?: ArrayItemType;
+}
+export declare class ArrayController extends Controller<string> {
+    items: string[];
+    itemType: ArrayItemType;
+    itemsContainer: HTMLElement;
+    private initialOptions;
+    constructor(object: any, property: string, options?: ArrayControllerOptions);
+    private parseValue;
+    private serializeValue;
+    private getDefaultItemValue;
+    private addItem;
+    private updateValue;
+    private updateSummary;
+    renderItems(): void;
+    updateDisplay(): void;
+    save(): string[];
+    load(data: any): void;
+    reset(): void;
+}
+//# sourceMappingURL=ArrayController.d.ts.map

package/dist/controllers/ArrayController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayController.d.ts","sourceRoot":"","sources":["../../src/controllers/ArrayController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,qBAAa,eAAgB,SAAQ,UAAU,CAAC,MAAM,CAAC;IACrD,KAAK,EAAE,MAAM,EAAE,CAAM;IACrB,QAAQ,EAAE,aAAa,CAAC;IACxB,cAAc,EAAE,WAAW,CAAC;IAC5B,OAAO,CAAC,cAAc,CAAyB;gBAG7C,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,sBAA2B;IAyDtC,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IAOrB,WAAW;IAgDX,aAAa;IAIb,IAAI,IAAI,MAAM,EAAE;IAIhB,IAAI,CAAC,IAAI,EAAE,GAAG;IAUd,KAAK;CAMN"}

package/dist/controllers/BooleanController.d.ts

@@ -0,0 +1,9 @@
+import { Controller, type ControllerOptions } from "./Controller";
+export interface BooleanControllerOptions extends ControllerOptions {
+}
+export declare class BooleanController extends Controller<boolean> {
+    input: HTMLInputElement;
+    constructor(object: any, property: string, options?: BooleanControllerOptions);
+    updateDisplay(): void;
+}
+//# sourceMappingURL=BooleanController.d.ts.map

package/dist/controllers/BooleanController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanController.d.ts","sourceRoot":"","sources":["../../src/controllers/BooleanController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;CAAG;AAEtE,qBAAa,iBAAkB,SAAQ,UAAU,CAAC,OAAO,CAAC;IACxD,KAAK,EAAE,gBAAgB,CAAC;gBAGtB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,wBAA6B;IAkBxC,aAAa;CAGd"}

package/dist/controllers/ButtonController.d.ts

@@ -0,0 +1,9 @@
+import { Controller, type ControllerOptions } from "./Controller";
+export interface ButtonControllerOptions extends ControllerOptions {
+}
+export declare class ButtonController extends Controller<() => void> {
+    button: HTMLButtonElement;
+    constructor(label: string, fn: () => void, options?: ButtonControllerOptions);
+    updateDisplay(): void;
+}
+//# sourceMappingURL=ButtonController.d.ts.map

package/dist/controllers/ButtonController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonController.d.ts","sourceRoot":"","sources":["../../src/controllers/ButtonController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;CAAG;AAErE,qBAAa,gBAAiB,SAAQ,UAAU,CAAC,MAAM,IAAI,CAAC;IAC1D,MAAM,EAAE,iBAAiB,CAAC;gBAGxB,KAAK,EAAE,MAAM,EACb,EAAE,EAAE,MAAM,IAAI,EACd,OAAO,GAAE,uBAA4B;IAsBvC,aAAa;CACd"}

package/dist/controllers/ColorController.d.ts

@@ -0,0 +1,9 @@
+import { Controller, type ControllerOptions } from "./Controller";
+export interface ColorControllerOptions extends ControllerOptions {
+}
+export declare class ColorController extends Controller<string> {
+    input: HTMLInputElement;
+    constructor(object: any, property: string, options?: ColorControllerOptions);
+    updateDisplay(): void;
+}
+//# sourceMappingURL=ColorController.d.ts.map

package/dist/controllers/ColorController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorController.d.ts","sourceRoot":"","sources":["../../src/controllers/ColorController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;CAAG;AAEpE,qBAAa,eAAgB,SAAQ,UAAU,CAAC,MAAM,CAAC;IACrD,KAAK,EAAE,gBAAgB,CAAC;gBAGtB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,sBAA2B;IAoBtC,aAAa;CAGd"}

package/dist/controllers/Controller.d.ts

@@ -0,0 +1,27 @@
+export type ChangeCallback<T> = (value: T) => void;
+export interface ControllerOptions {
+    label?: string;
+    disabled?: boolean;
+    id?: string;
+}
+export declare abstract class Controller<T> {
+    static audio: import("..").AudioSignals;
+    static midi: import("..").MidiSignals;
+    readonly key: string;
+    readonly initialValue: T;
+    domElement: HTMLElement;
+    protected object: any;
+    protected property: string;
+    protected changeFns: Set<ChangeCallback<T>>;
+    constructor(object: any, property: string, options?: ControllerOptions);
+    get value(): T;
+    setValue(value: T, shouldEmit?: boolean): void;
+    save(): any;
+    load(data: any): void;
+    reset(): void;
+    abstract updateDisplay(): void;
+    onChange(fn: ChangeCallback<T>): this;
+    protected emitChange(value: T): void;
+    protected appendWidget(widget: HTMLElement): void;
+}
+//# sourceMappingURL=Controller.d.ts.map

package/dist/controllers/Controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controller.d.ts","sourceRoot":"","sources":["../../src/controllers/Controller.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,8BAAsB,UAAU,CAAC,CAAC;IAChC,MAAM,CAAC,KAAK,4BAAgB;IAC5B,MAAM,CAAC,IAAI,2BAAe;IAE1B,SAAgB,GAAG,EAAE,MAAM,CAAC;IAC5B,SAAgB,YAAY,EAAE,CAAC,CAAC;IAChC,UAAU,EAAE,WAAW,CAAC;IACxB,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC;IACtB,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAa;gBAE5C,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB;IAoB1E,IAAI,KAAK,IAAI,CAAC,CAEb;IAED,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,UAAO;IAQpC,IAAI,IAAI,GAAG;IAIX,IAAI,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIb,QAAQ,CAAC,aAAa,IAAI,IAAI;IAE9B,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAK9B,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAM7B,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW;CAG3C"}

package/dist/controllers/GradientController.d.ts

@@ -0,0 +1,37 @@
+import { Controller, type ControllerOptions } from "./Controller";
+import { type SignalHandlerState } from "../signals/SignalHandler";
+export interface ColorStop {
+    color: string;
+    position: number;
+}
+export interface GradientControllerOptions extends ControllerOptions {
+    stops?: ColorStop[];
+}
+interface GradientControllerState {
+    stops: ColorStop[];
+    settings: {
+        signal: SignalHandlerState;
+    };
+}
+export declare class GradientController extends Controller<string> {
+    stops: ColorStop[];
+    private signalHandler?;
+    private pingPongDirection;
+    private animationT;
+    private manualPosition;
+    displayColor: HTMLElement;
+    displayText: HTMLElement;
+    stopsContainer: HTMLElement;
+    private initialOptions;
+    constructor(object: any, property: string, options?: GradientControllerOptions);
+    sortStops(): void;
+    renderStops(): void;
+    updateOutput(t?: number): void;
+    updateDisplay(): void;
+    private applySignal;
+    save(): GradientControllerState;
+    load(data: any): void;
+    reset(): void;
+}
+export {};
+//# sourceMappingURL=GradientController.d.ts.map

package/dist/controllers/GradientController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientController.d.ts","sourceRoot":"","sources":["../../src/controllers/GradientController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGlE,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB;IAClE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,EAAE;QACR,MAAM,EAAE,kBAAkB,CAAC;KAC5B,CAAC;CACH;AAED,qBAAa,kBAAmB,SAAQ,UAAU,CAAC,MAAM,CAAC;IAExD,KAAK,EAAE,SAAS,EAAE,CAAM;IAGxB,OAAO,CAAC,aAAa,CAAC,CAAgB;IACtC,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,cAAc,CAAa;IAGnC,YAAY,EAAE,WAAW,CAAC;IAC1B,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,WAAW,CAAC;IAE5B,OAAO,CAAC,cAAc,CAA4B;gBAGhD,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,yBAA8B;IAiFzC,SAAS;IAIT,WAAW;IAkDX,YAAY,CAAC,CAAC,GAAE,MAA4B;IAoC5C,aAAa;IASb,OAAO,CAAC,WAAW;IAmCnB,IAAI,IAAI,uBAAuB;IAS/B,IAAI,CAAC,IAAI,EAAE,GAAG;IAWd,KAAK;CAUN"}

package/dist/controllers/NumberController.d.ts

@@ -0,0 +1,42 @@
+import { Controller, type ControllerOptions } from "./Controller";
+import { type SignalHandlerState } from "../signals/SignalHandler";
+export interface NumberControllerOptions extends ControllerOptions {
+    min?: number;
+    max?: number;
+    step?: number;
+}
+interface NumberControllerState {
+    value: number;
+    settings: {
+        min: number;
+        max: number;
+        step: string;
+        signal: SignalHandlerState;
+    };
+}
+export declare class NumberController extends Controller<number> {
+    input: HTMLInputElement;
+    display: HTMLElement;
+    private signalHandler?;
+    private pingPongDirection;
+    private min;
+    private max;
+    private initialOptions;
+    private minInput;
+    private maxInput;
+    private stepInput;
+    constructor(object: any, property: string, options?: NumberControllerOptions);
+    setMin(val: string | number): void;
+    setMax(val: string | number): void;
+    setStep(val: string | number | undefined): void;
+    private applySignal;
+    private roundToStep;
+    private createSetting;
+    updateDisplay(): void;
+    save(): NumberControllerState;
+    load(data: any): void;
+    reset(): void;
+    private resetSettings;
+}
+export {};
+//# sourceMappingURL=NumberController.d.ts.map

package/dist/controllers/NumberController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberController.d.ts","sourceRoot":"","sources":["../../src/controllers/NumberController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,kBAAkB,CAAC;KAC5B,CAAC;CACH;AAED,qBAAa,gBAAiB,SAAQ,UAAU,CAAC,MAAM,CAAC;IACtD,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,aAAa,CAAC,CAAgB;IACtC,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,GAAG,CAAe;IAE1B,OAAO,CAAC,cAAc,CAA0B;IAGhD,OAAO,CAAC,QAAQ,CAAoB;IACpC,OAAO,CAAC,QAAQ,CAAoB;IACpC,OAAO,CAAC,SAAS,CAAoB;gBAGnC,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,uBAA4B;IA6FvC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAa3B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAa3B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAkBxC,OAAO,CAAC,WAAW;IA6CnB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,aAAa;IA0BrB,aAAa;IAOb,IAAI,IAAI,qBAAqB;IAY7B,IAAI,CAAC,IAAI,EAAE,GAAG;IA6Cd,KAAK;IAKL,OAAO,CAAC,aAAa;CAWtB"}

package/dist/controllers/RadioController.d.ts

@@ -0,0 +1,12 @@
+import { Controller, type ControllerOptions } from "./Controller";
+export interface RadioControllerOptions<T> extends ControllerOptions {
+    options?: T[];
+}
+export declare class RadioController<T> extends Controller<T> {
+    container: HTMLElement;
+    buttons: HTMLButtonElement[];
+    optionValues: T[];
+    constructor(object: any, property: string, options: RadioControllerOptions<T>);
+    updateDisplay(): void;
+}
+//# sourceMappingURL=RadioController.d.ts.map

package/dist/controllers/RadioController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioController.d.ts","sourceRoot":"","sources":["../../src/controllers/RadioController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,WAAW,sBAAsB,CAAC,CAAC,CAAE,SAAQ,iBAAiB;IAClE,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;CACf;AAED,qBAAa,eAAe,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACnD,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAClC,YAAY,EAAE,CAAC,EAAE,CAAM;gBAGrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAyBpC,aAAa;CAWd"}

package/dist/controllers/SelectController.d.ts

@@ -0,0 +1,12 @@
+import { Controller, type ControllerOptions } from "./Controller";
+export interface SelectControllerOptions<T> extends ControllerOptions {
+    options?: T[];
+}
+export declare class SelectController<T> extends Controller<T> {
+    select: HTMLSelectElement;
+    optionValues: T[];
+    constructor(object: any, property: string, options: SelectControllerOptions<T>);
+    setOptions(options: T[]): void;
+    updateDisplay(): void;
+}
+//# sourceMappingURL=SelectController.d.ts.map

package/dist/controllers/SelectController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectController.d.ts","sourceRoot":"","sources":["../../src/controllers/SelectController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,WAAW,uBAAuB,CAAC,CAAC,CAAE,SAAQ,iBAAiB;IACnE,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;CACf;AAED,qBAAa,gBAAgB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACpD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,YAAY,EAAE,CAAC,EAAE,CAAM;gBAGrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC;IA0BrC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE;IAevB,aAAa;CAMd"}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { ControlPanel } from "./ControlPanel";
+export { Controller } from "./controllers/Controller";
+export { NumberController, type NumberControllerOptions, } from "./controllers/NumberController";
+export { SelectController, type SelectControllerOptions, } from "./controllers/SelectController";
+export { BooleanController, type BooleanControllerOptions, } from "./controllers/BooleanController";
+export { ButtonController, type ButtonControllerOptions, } from "./controllers/ButtonController";
+export { RadioController, type RadioControllerOptions, } from "./controllers/RadioController";
+export { ColorController, type ColorControllerOptions, } from "./controllers/ColorController";
+export { GradientController, type GradientControllerOptions, } from "./controllers/GradientController";
+export { ArrayController, type ArrayControllerOptions, } from "./controllers/ArrayController";
+export { AudioSignals, audioSignals } from "./signals/AudioSignals";
+export { MidiSignals, midiSignals } from "./signals/MidiSignals";
+//# 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,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,GAC7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,GAC7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,iBAAiB,EACjB,KAAK,wBAAwB,GAC9B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,GAC7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,kBAAkB,EAClB,KAAK,yBAAyB,GAC/B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}