@digitalmeadow/control-panel 1.0.1 → 1.0.2

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":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,EAC7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,EAC7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,EAC7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,iBAAiB,EACjB,KAAK,wBAAwB,EAC9B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,EAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,EAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,kBAAkB,EAClB,KAAK,yBAAyB,EAC/B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,EAC5B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;CACnD;AAED,8BAAsB,qBAAqB;IACzC,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC;IACrC,WAAW,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAM;IACpC,OAAO,EAAE,MAAM,EAAE,CAAM;IAEvB,SAAS,CACP,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,uBAA4B;IAQvC,SAAS,CAAC,CAAC,EACT,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,uBAAuB,CAAC,CAAC,CAAM;IAQ1C,UAAU,CACR,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,wBAA6B;IAQxC,SAAS,CACP,KAAK,EAAE,MAAM,EACb,EAAE,EAAE,MAAM,IAAI,EACd,OAAO,GAAE,uBAA4B;IAQvC,QAAQ,CAAC,CAAC,EACR,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,sBAAsB,CAAC,CAAC,CAAmC;IAQtE,QAAQ,CACN,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,sBAA2B;IAQtC,WAAW,CACT,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,yBAA8B;IAQzC,QAAQ,CACN,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,sBAA2B;IAQtC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAOhC,IAAI,IAAI,wBAAwB;IAoBhC,IAAI,CAAC,KAAK,EAAE,wBAAwB;IAqCpC,KAAK;CAYN;AAED,qBAAa,MAAO,SAAQ,qBAAqB;IAC/C,UAAU,EAAE,kBAAkB,CAAC;IAC/B,cAAc,EAAE,WAAW,CAAC;IAC5B,cAAc,EAAE,WAAW,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;gBAEF,KAAK,EAAE,MAAM;CA2B1B;AAED,qBAAa,YAAa,SAAQ,qBAAqB;IACrD,UAAU,EAAE,kBAAkB,CAAC;IAC/B,cAAc,EAAE,WAAW,CAAC;IAC5B,cAAc,EAAE,WAAW,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,mBAAmB,CAAS;gBAExB,SAAS,CAAC,EAAE,WAAW,EAAE,OAAO,GAAE,mBAAwB;IA+RtE,kBAAkB,CAAC,GAAG,EAAE,MAAM;IAS9B,oBAAoB,CAAC,GAAG,EAAE,MAAM;IAYhC,iBAAiB;IAQjB,OAAO;CAMR"}

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"}

package/dist/signals/AudioSignals.d.ts

@@ -0,0 +1,35 @@
+export type AudioInputType = "microphone" | "browser";
+export declare class AudioSignals {
+    ctx: AudioContext;
+    analyser: AnalyserNode;
+    source: MediaStreamAudioSourceNode | null;
+    stream: MediaStream | null;
+    fftSize: number;
+    dataArray: Uint8Array<ArrayBuffer>;
+    waveformArray: Uint8Array<ArrayBuffer>;
+    smoothingTimeConstant: number;
+    spectrumBoost: number;
+    levels: {
+        bass: number;
+        mids: number;
+        highs: number;
+        volume: number;
+    };
+    peaks: {
+        bass: number;
+        mids: number;
+        highs: number;
+        volume: number;
+    };
+    private _isAnalyzing;
+    constructor();
+    setFFTSize(size: 256 | 512 | 1024 | 2048): void;
+    setInput(type: AudioInputType): Promise<void>;
+    loop: () => void;
+    update(): void;
+    private processLevel;
+    private getAverage;
+    getSignal(type: "bass" | "mids" | "highs" | "volume"): () => number;
+}
+export declare const audioSignals: AudioSignals;
+//# sourceMappingURL=AudioSignals.d.ts.map

package/dist/signals/AudioSignals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioSignals.d.ts","sourceRoot":"","sources":["../../src/signals/AudioSignals.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,SAAS,CAAC;AAEtD,qBAAa,YAAY;IACvB,GAAG,EAAE,YAAY,CAAC;IAClB,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,EAAE,0BAA0B,GAAG,IAAI,CAAQ;IACjD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAQ;IAElC,OAAO,SAAQ;IACf,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACnC,aAAa,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAGvC,qBAAqB,SAAQ;IAC7B,aAAa,SAAO;IAGpB,MAAM;;;;;MAKJ;IAEF,KAAK;;;;;MAKH;IAEF,OAAO,CAAC,YAAY,CAAS;;IAa7B,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI;IAQlC,QAAQ,CAAC,IAAI,EAAE,cAAc;IA0CnC,IAAI,aAIF;IAEF,MAAM;IAoCN,OAAO,CAAC,YAAY;IAoBpB,OAAO,CAAC,UAAU;IAYlB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;CAGrD;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}

package/dist/signals/MidiSignals.d.ts

@@ -0,0 +1,18 @@
+export declare class MidiSignals {
+    midiAccess: any;
+    values: Map<string, number>;
+    isListening: boolean;
+    resolveListen: ((id: string) => void) | null;
+    listeningCallback: (() => void) | null;
+    constructor();
+    init(): Promise<void>;
+    setupInputs(): void;
+    handleMessage(message: any): void;
+    getIdFromMessage(message: any): string;
+    normalizeValue(data: Uint8Array): number;
+    listen(): Promise<string>;
+    cancelListen(): void;
+    getSignal(id: string): () => number;
+}
+export declare const midiSignals: MidiSignals;
+//# sourceMappingURL=MidiSignals.d.ts.map

package/dist/signals/MidiSignals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MidiSignals.d.ts","sourceRoot":"","sources":["../../src/signals/MidiSignals.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAW;IACtB,UAAU,EAAE,GAAG,CAAQ;IACvB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAa;IACxC,WAAW,UAAS;IACpB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IACpD,iBAAiB,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAQ;;IAMxC,IAAI;IAoBV,WAAW;IAQX,aAAa,CAAC,OAAO,EAAE,GAAG;IA0B1B,gBAAgB,CAAC,OAAO,EAAE,GAAG;IAa7B,cAAc,CAAC,IAAI,EAAE,UAAU;IAiB/B,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;IAQzB,YAAY;IAKZ,SAAS,CAAC,EAAE,EAAE,MAAM;CAGrB;AAED,eAAO,MAAM,WAAW,aAAoB,CAAC"}

package/dist/signals/SignalHandler.d.ts

@@ -0,0 +1,41 @@
+import { type Ease } from "../utils/easings";
+export type SignalBehaviour = "forward" | "backward" | "loopForward" | "loopBackward" | "pingpong";
+export interface SignalHandlerOptions {
+    container: HTMLElement;
+    onChange: (easedValue: number, behaviour: SignalBehaviour) => void;
+}
+export interface SignalHandlerState {
+    type: string | null;
+    midiId: string | null;
+    ease: Ease;
+    behaviour: SignalBehaviour;
+}
+export declare class SignalHandler {
+    private rafId;
+    private currentSignalType;
+    private currentMidiId;
+    private currentEase;
+    private currentBehaviour;
+    private signalSelect;
+    private midiRow;
+    private midiBtn;
+    private easeRow;
+    private easeSelect;
+    private behaviourRow;
+    private behaviourSelect;
+    private onChange;
+    constructor(options: SignalHandlerOptions);
+    private setupControllers;
+    private createSettingSelect;
+    setSignalType(val: string | null): void;
+    setMidiId(id: string | null): void;
+    setEase(val: Ease): void;
+    setBehaviour(val: SignalBehaviour): void;
+    private loop;
+    start(): void;
+    stop(): void;
+    save(): SignalHandlerState;
+    load(data: SignalHandlerState | null): void;
+    reset(): void;
+}
+//# sourceMappingURL=SignalHandler.d.ts.map

package/dist/signals/SignalHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalHandler.d.ts","sourceRoot":"","sources":["../../src/signals/SignalHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,UAAU,GACV,aAAa,GACb,cAAc,GACd,UAAU,CAAC;AAEf,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,eAAe,CAAC;CAC5B;AAED,qBAAa,aAAa;IAExB,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,iBAAiB,CAMT;IAChB,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,gBAAgB,CAA8B;IAGtD,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,UAAU,CAAqB;IACvC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,eAAe,CAAqB;IAG5C,OAAO,CAAC,QAAQ,CAA2D;gBAE/D,OAAO,EAAE,oBAAoB;IAKzC,OAAO,CAAC,gBAAgB;IAgExB,OAAO,CAAC,mBAAmB;IAyB3B,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IA4BhC,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAK3B,OAAO,CAAC,GAAG,EAAE,IAAI;IAKjB,YAAY,CAAC,GAAG,EAAE,eAAe;IAKjC,OAAO,CAAC,IAAI,CAkBV;IAEF,KAAK;IAML,IAAI;IAOJ,IAAI,IAAI,kBAAkB;IAS1B,IAAI,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI;IASpC,KAAK;CAMN"}

package/dist/stats.d.ts

@@ -0,0 +1,11 @@
+export declare class Stats {
+    domElement: HTMLElement;
+    frames: number;
+    pollingInterval: number;
+    prevTime: number;
+    rafId: number;
+    constructor();
+    render: () => void;
+    destroy(): void;
+}
+//# sourceMappingURL=stats.d.ts.map

package/dist/stats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats.d.ts","sourceRoot":"","sources":["../src/stats.ts"],"names":[],"mappings":"AAEA,qBAAa,KAAK;IAChB,UAAU,EAAE,WAAW,CAAC;IACxB,MAAM,SAAK;IACX,eAAe,SAAQ;IACvB,QAAQ,SAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;;IAOd,MAAM,aAoBJ;IAEF,OAAO;CAGR"}

package/dist/utils/color.d.ts

@@ -0,0 +1,2 @@
+export declare function lerpColor(a: string, b: string, amount: number): string;
+//# sourceMappingURL=color.d.ts.map

package/dist/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AA2CA,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAuBtE"}

package/dist/utils/dom.d.ts

@@ -0,0 +1,3 @@
+export declare function createElement<K extends keyof HTMLElementTagNameMap>(tag: K, attributes?: Record<string, string | number | boolean | object>, children?: (string | HTMLElement)[]): HTMLElementTagNameMap[K];
+export declare function createDeleteButton(onClick: () => void): HTMLButtonElement;
+//# sourceMappingURL=dom.d.ts.map

package/dist/utils/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACjE,GAAG,EAAE,CAAC,EACN,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAM,EACnE,QAAQ,GAAE,CAAC,MAAM,GAAG,WAAW,CAAC,EAAO,GACtC,qBAAqB,CAAC,CAAC,CAAC,CA4B1B;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,iBAAiB,CAUzE"}

package/dist/utils/easings.d.ts

@@ -0,0 +1,3 @@
+export type Ease = "linear" | "quadIn" | "quadOut" | "quadInOut" | "cubicIn" | "cubicOut" | "cubicInOut" | "expoIn" | "expoOut" | "expoInOut" | "sineIn" | "sineOut" | "sineInOut";
+export declare const easings: Record<Ease, (t: number) => number>;
+//# sourceMappingURL=easings.d.ts.map

package/dist/utils/easings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"easings.d.ts","sourceRoot":"","sources":["../../src/utils/easings.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GACZ,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,WAAW,CAAC;AAEhB,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAuBvD,CAAC"}

package/dist/utils/math.d.ts

@@ -0,0 +1,3 @@
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function map_range(value: number, inputRange: number[], outputRange: number[]): number;
+//# sourceMappingURL=math.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/utils/math.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAE5D;AAID,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAAE,EACpB,WAAW,EAAE,MAAM,EAAE,UA8BtB"}

package/dist/utils/strings.d.ts

@@ -0,0 +1,2 @@
+export declare function formatStringCamelToSentence(str: string): string;
+//# sourceMappingURL=strings.d.ts.map

package/dist/utils/strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/utils/strings.ts"],"names":[],"mappings":"AAAA,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAK/D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitalmeadow/control-panel",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "description": "A minimalist, framework-agnostic control panel GUI",
   "author": "Digital Meadow <inbox@digitalmeadow.studio> (https://digitalmeadow.studio)",
@@ -16,19 +16,19 @@
   "files": [
     "dist"
   ],
-  "main": "./dist/control-panel.umd.cjs",
-  "module": "./dist/control-panel.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/control-panel.js",
-      "require": "./dist/control-panel.umd.cjs"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vite build && tsc",
     "preview": "vite preview"
   },
   "devDependencies": {