vue-audio-ui 0.1.0 → 0.1.1

package/dist/src/composables/useMetering.d.ts

@@ -1,7 +1,8 @@
-export declare function useMetering(audioCtx: BaseAudioContext, fftSize: number): {
+export declare function useMetering(fftSize: number, input?: AudioNode): {
     getPeakDb: (buffer: Float32Array) => number;
     getRmsDb: (buffer: Float32Array) => number;
-    getFloatTimeDomainData: () => Float32Array;
-    getFloatFrequencyData: () => Float32Array;
-    analyzer: AnalyserNode;
+    getFloatTimeDomainData: () => Float32Array | undefined;
+    getFloatFrequencyData: () => Float32Array | undefined;
+    onInputChanged: (newInput: AudioNode | undefined, oldInput: AudioNode | undefined) => void;
+    disposeMetering: (input?: AudioNode) => void;
 };

package/dist/src/lib/v-a-analog-meter.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { AnalogMeterType } from '../types/v-audio-ui-types';
+import { AnalogMeterType } from '../types/vue-audio-ui-types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     input: {
         required: false;

package/dist/src/lib/v-a-audio-file-visualizer.vue.d.ts

@@ -1,14 +1,25 @@
-import { CurvedRange } from '../util/curved-range';
+import { CurvedRange } from '../util/curved-range.ts';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    amplitudeData: {
+        required: false;
+        type: {
+            new (buffer: ArrayBuffer, byteOffset?: number, length?: number): Float32Array<ArrayBuffer>;
+            readonly prototype: Float32Array<ArrayBufferLike>;
+            readonly BYTES_PER_ELEMENT: number;
+            of(...items: number[]): Float32Array<ArrayBuffer>;
+            from(arrayLike: ArrayLike<number>): Float32Array<ArrayBuffer>;
+            from<T>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => number, thisArg?: any): Float32Array<ArrayBuffer>;
+            from(elements: Iterable<number>): Float32Array<ArrayBuffer>;
+            from<T>(elements: Iterable<T>, mapfn?: (v: T, k: number) => number, thisArg?: any): Float32Array<ArrayBuffer>;
+        };
+    };
     lineColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     backgroundColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     width: {
         required: false;
@@ -18,14 +29,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     height: {
         required: false;
         type: NumberConstructor;
-        default: number;
     };
 }>, {}, {
     canvas: HTMLCanvasElement | null;
     canvasContext: CanvasRenderingContext2D | null;
-    amplitudeData: Float32Array<ArrayBuffer>;
     markerPosition: number;
     markerIndex: number;
+    selectionPosition: number | undefined;
+    selectionIndex: number | undefined;
     zoomWindowStartIndex: number;
     zoomWindowEndIndex: number;
     zoom: number;
@@ -41,32 +52,53 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     graphHeight(): number;
     zoomMult(): number;
     zoomWindowLength(): number;
+    canvasLineColor(): string;
+    canvasBackgroundColor(): string;
+    canvasMarkerColor(): string;
+    canvasSelectColor(): string;
 }, {
-    loadAudioFromAmplitudeData(data: Float32Array<ArrayBuffer>): void;
+    pixelsToSamples(px: number): number;
     shiftZoomWindow(numSamples: number): void;
     setZoomWindow(): void;
     drawZoom(): void;
     getMaxSampleValue(sampleData: Float32Array, startIndex: number, endIndex: number): number;
     getMinSampleValue(sampleData: Float32Array, startIndex: number, endIndex: number): number;
     getAvgSampleValue(sampleData: Float32Array, startIndex: number, endIndex: number): number;
-    drawAmplitudeSamples(): void;
-    drawAmplitudeAvg(): void;
+    drawMarker(): void;
+    drawSelection(): void;
+    drawPoint(x: number, y: number): void;
+    drawBackground(): void;
     drawAmplitudeMinMax(): void;
+    drawAmplitudeSampleLine(drawSamplePoints?: boolean): void;
+    drawAmplitudeAvg(): void;
     drawAmplitude(): void;
     onCanvasDoubleClick(): void;
     onCanvasMouseDown(e: MouseEvent): void;
-    endDrag(): void;
     onClickDrag(e: MouseEvent): void;
+    endClickDrag(): void;
+    onCtrlClickDrag(e: MouseEvent): void;
+    endCtrlClickDrag(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    amplitudeData: {
+        required: false;
+        type: {
+            new (buffer: ArrayBuffer, byteOffset?: number, length?: number): Float32Array<ArrayBuffer>;
+            readonly prototype: Float32Array<ArrayBufferLike>;
+            readonly BYTES_PER_ELEMENT: number;
+            of(...items: number[]): Float32Array<ArrayBuffer>;
+            from(arrayLike: ArrayLike<number>): Float32Array<ArrayBuffer>;
+            from<T>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => number, thisArg?: any): Float32Array<ArrayBuffer>;
+            from(elements: Iterable<number>): Float32Array<ArrayBuffer>;
+            from<T>(elements: Iterable<T>, mapfn?: (v: T, k: number) => number, thisArg?: any): Float32Array<ArrayBuffer>;
+        };
+    };
     lineColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     backgroundColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     width: {
         required: false;
@@ -76,12 +108,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     height: {
         required: false;
         type: NumberConstructor;
-        default: number;
     };
 }>> & Readonly<{}>, {
     width: number;
-    height: number;
-    lineColor: string;
-    backgroundColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/lib/v-a-digital-meter-stereo.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { DigitalMeterType } from '../types/v-audio-ui-types';
+import { DigitalMeterType } from '../types/vue-audio-ui-types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     leftInput: {
         required: false;
@@ -33,12 +33,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     barColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     backgroundColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     markerColor: {
         required: false;
@@ -98,12 +96,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     barColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     backgroundColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     markerColor: {
         required: false;
@@ -135,10 +131,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     fftSize: number;
     width: number;
     height: number;
-    backgroundColor: string;
     font: string;
     clippingColor: string;
-    barColor: string;
     markerColor: string;
     drawMarkers: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/src/lib/v-a-digital-meter.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { DigitalMeterType } from '../types/v-audio-ui-types';
+import { DigitalMeterType } from '../types/vue-audio-ui-types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     input: {
         required: false;
@@ -22,22 +22,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     clippingColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     barColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     backgroundColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     markerColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     drawMarkers: {
         required: false;
@@ -67,6 +63,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     getFloatTimeDomainData: () => Float32Array | undefined;
     getFloatFrequencyData: () => Float32Array | undefined;
     onInputChanged: (newInput: AudioNode | undefined, oldInput: AudioNode | undefined) => void;
+    disposeMetering: (input?: AudioNode) => void;
 }, {
     canvasCxt: CanvasRenderingContext2D | null;
 }, {
@@ -99,22 +96,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     clippingColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     barColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     backgroundColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     markerColor: {
         required: false;
         type: StringConstructor;
-        default: string;
     };
     drawMarkers: {
         required: false;
@@ -142,11 +135,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     fftSize: number;
     width: number;
     height: number;
-    backgroundColor: string;
     font: string;
-    clippingColor: string;
-    barColor: string;
-    markerColor: string;
     drawMarkers: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/lib/v-a-envelope-adsr.vue.d.ts

@@ -0,0 +1,111 @@
+import { PropType } from 'vue';
+interface AdsrSettings {
+    attack: number;
+    decay: number;
+    sustain: number;
+    release: number;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<AdsrSettings>;
+        required: true;
+    };
+    attackMax: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    decayMax: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    releaseMax: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        required: false;
+    };
+}>, {
+    backgroundColor: import('vue').Ref<string, string>;
+    envelopeColor: import('vue').Ref<string, string>;
+    anchorColor: import('vue').Ref<string, string>;
+    anchorRadius: import('vue').Ref<number, number>;
+    ghostAnchorRadius: import('vue').Ref<number, number>;
+    activeAnchorId: import('vue').Ref<string, string>;
+    startX: import('vue').Ref<number, number>;
+    startY: import('vue').Ref<number, number>;
+    attackPeakX: import('vue').Ref<number, number>;
+    attackPeakY: import('vue').Ref<number, number>;
+    decayEndX: import('vue').Ref<number, number>;
+    decayEndY: import('vue').Ref<number, number>;
+    releaseEndX: import('vue').Ref<number, number>;
+    releaseEndY: import('vue').Ref<number, number>;
+    envTime: import('vue').ComputedRef<number>;
+    containerWidth: import('vue').ComputedRef<number>;
+    containerHeight: import('vue').ComputedRef<number>;
+    graphWidth: import('vue').ComputedRef<number>;
+    graphHeight: import('vue').ComputedRef<number>;
+    envHeight: import('vue').ComputedRef<number>;
+    attackTotalWidth: import('vue').ComputedRef<number>;
+    attackWidth: import('vue').ComputedRef<number>;
+    decayTotalWidth: import('vue').ComputedRef<number>;
+    decayWidth: import('vue').ComputedRef<number>;
+    sustainTotalWidth: import('vue').ComputedRef<number>;
+    releaseTotalWidth: import('vue').ComputedRef<number>;
+    releaseWidth: import('vue').ComputedRef<number>;
+    adsrPath: import('vue').ComputedRef<string>;
+    attackAnchorMouseDown: (e: MouseEvent | TouchEvent) => void;
+    decaySustainAnchorMouseDown: (e: MouseEvent | TouchEvent) => void;
+    releaseAnchorMouseDown: (e: MouseEvent | TouchEvent) => void;
+    onMouseUp: () => void;
+    onMouseLeave: () => void;
+    onMove: (pageX: number, pageY: number) => void;
+    onMouseMove: (e: MouseEvent) => void;
+    onTouchMove: (e: TouchEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<AdsrSettings>;
+        required: true;
+    };
+    attackMax: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    decayMax: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    releaseMax: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        required: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    width: number;
+    attackMax: number;
+    decayMax: number;
+    releaseMax: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/lib/v-a-mod-matrix.vue.d.ts

@@ -0,0 +1,47 @@
+type DestinationNode = AudioParam | AudioNode;
+export type ModMatrixSource = {
+    node: AudioNode;
+    name: string;
+    minValue: number;
+    maxValue: number;
+};
+export type ModMatrixDestination = {
+    node: DestinationNode;
+    name: string;
+    minValue: number;
+    maxValue: number;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    sources: {
+        type: () => Array<ModMatrixSource>;
+        required: true;
+    };
+    destinations: {
+        type: () => Array<ModMatrixDestination>;
+        required: true;
+    };
+    loggerNode: {
+        type: {
+            new (): AudioNode;
+            prototype: AudioNode;
+        };
+        required: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    sources: {
+        type: () => Array<ModMatrixSource>;
+        required: true;
+    };
+    destinations: {
+        type: () => Array<ModMatrixDestination>;
+        required: true;
+    };
+    loggerNode: {
+        type: {
+            new (): AudioNode;
+            prototype: AudioNode;
+        };
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/lib/v-a-num-box.vue.d.ts

@@ -0,0 +1,72 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: NumberConstructor;
+    };
+    minValue: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    fixedDecimals: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    showBorder: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: NumberConstructor;
+    };
+    minValue: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    fixedDecimals: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    showBorder: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    minValue: number;
+    maxValue: number;
+    fixedDecimals: number;
+    showBorder: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    numBox: HTMLDivElement;
+    manualInputEl: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/lib/{v-a-analog-meter-stereo.vue.d.ts → v-a-oscilloscope.vue.d.ts}

@@ -1,68 +1,61 @@
-import { PropType } from 'vue';
-import { AnalogMeterType } from '../types/v-audio-ui-types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    leftInput: {
-        required: false;
+    input: {
         type: {
             new (): AudioNode;
             prototype: AudioNode;
         };
+        required: false;
     };
-    rightInput: {
+    width: {
+        type: NumberConstructor;
         required: false;
-        type: {
-            new (): AudioNode;
-            prototype: AudioNode;
-        };
+        default: number;
     };
-    type: {
+    height: {
+        type: NumberConstructor;
         required: false;
-        type: PropType<AnalogMeterType>;
-        default: string;
     };
     fftSize: {
-        required: false;
         type: NumberConstructor;
+        required: false;
         default: number;
+        validator(n: number): boolean;
     };
-    width: {
+    lineColor: {
+        type: StringConstructor;
         required: false;
-        type: NumberConstructor;
-        default: number;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    leftInput: {
-        required: false;
+    input: {
         type: {
             new (): AudioNode;
             prototype: AudioNode;
         };
+        required: false;
     };
-    rightInput: {
+    width: {
+        type: NumberConstructor;
         required: false;
-        type: {
-            new (): AudioNode;
-            prototype: AudioNode;
-        };
+        default: number;
     };
-    type: {
+    height: {
+        type: NumberConstructor;
         required: false;
-        type: PropType<AnalogMeterType>;
-        default: string;
     };
     fftSize: {
-        required: false;
         type: NumberConstructor;
+        required: false;
         default: number;
+        validator(n: number): boolean;
     };
-    width: {
+    lineColor: {
+        type: StringConstructor;
         required: false;
-        type: NumberConstructor;
-        default: number;
     };
 }>> & Readonly<{}>, {
-    type: AnalogMeterType;
     fftSize: number;
     width: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    analyserCanvas: HTMLCanvasElement;
+}, HTMLCanvasElement>;
 export default _default;

package/dist/src/lib/v-a-piano.vue.d.ts

@@ -0,0 +1,71 @@
+export interface IDomPiano {
+    displayKeyDown(keyNumber: number): void;
+    displayKeyUp(keyNumber: number): void;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    enableKeyControls: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    startingOctave: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    numOctaves: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    enableKeyboardControls: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keySlideOn" | "keySlideOff" | "keyMouseDown" | "keyMouseUp" | "keyboardKeyDown" | "keyboardKeyUp")[], "keySlideOn" | "keySlideOff" | "keyMouseDown" | "keyMouseUp" | "keyboardKeyDown" | "keyboardKeyUp", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    enableKeyControls: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    startingOctave: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    numOctaves: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    enableKeyboardControls: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onKeySlideOn?: ((...args: any[]) => any) | undefined;
+    onKeySlideOff?: ((...args: any[]) => any) | undefined;
+    onKeyMouseDown?: ((...args: any[]) => any) | undefined;
+    onKeyMouseUp?: ((...args: any[]) => any) | undefined;
+    onKeyboardKeyDown?: ((...args: any[]) => any) | undefined;
+    onKeyboardKeyUp?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    enableKeyControls: boolean;
+    startingOctave: number;
+    numOctaves: number;
+    enableKeyboardControls: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;