@tremolo-ui/vue 0.7.0 → 0.8.0

package/dist/index.d.cts

@@ -160,8 +160,8 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
   /** Make the input unusable. The parts carry `data-disabled`. */
   disabled: BooleanConstructor;
 }>> & Readonly<{
-  onChange?: ((files: File[]) => any) | undefined;
   onReject?: ((files: File[]) => any) | undefined;
+  onChange?: ((files: File[]) => any) | undefined;
 }>, {
   multiple: boolean;
   disabled: boolean;
@@ -233,7 +233,7 @@ export declare const Knob: import("vue").DefineComponent<import("vue").ExtractPr
   /** Where the active arc starts. @default min */
   startValue: NumberConstructor;
   /** Width and height of the knob. Sets `--knob-size`. */
-  size: (NumberConstructor | StringConstructor)[];
+  size: (StringConstructor | NumberConstructor)[];
   /** The cursor to show while dragging. @default { cursor: 'grabbing' } */
   externalStyles: PropType<{
     cursor?: string;
@@ -304,7 +304,7 @@ export declare const Knob: import("vue").DefineComponent<import("vue").ExtractPr
   /** Where the active arc starts. @default min */
   startValue: NumberConstructor;
   /** Width and height of the knob. Sets `--knob-size`. */
-  size: (NumberConstructor | StringConstructor)[];
+  size: (StringConstructor | NumberConstructor)[];
   /** The cursor to show while dragging. @default { cursor: 'grabbing' } */
   externalStyles: PropType<{
     cursor?: string;
@@ -343,8 +343,8 @@ export declare const Knob: import("vue").DefineComponent<import("vue").ExtractPr
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-  wheel: ModifierValue<InputEventOption> | null;
   disabled: boolean;
+  wheel: ModifierValue<InputEventOption> | null;
   step: number;
   keyboard: ModifierValue<InputEventOption> | null;
   dragSensitivity: ModifierValue<number>;
@@ -363,7 +363,7 @@ export declare const KnobActiveLine: import("vue").DefineComponent<import("vue")
     default: string;
   };
   strokeWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: number;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -374,7 +374,7 @@ export declare const KnobActiveLine: import("vue").DefineComponent<import("vue")
     default: string;
   };
   strokeWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: number;
   };
 }>> & Readonly<{}>, {
@@ -393,7 +393,7 @@ export declare const KnobInactiveLine: import("vue").DefineComponent<import("vue
     default: string;
   };
   strokeWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: number;
   };
 }>, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -404,7 +404,7 @@ export declare const KnobInactiveLine: import("vue").DefineComponent<import("vue
     default: string;
   };
   strokeWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: number;
   };
 }>> & Readonly<{}>, {
@@ -686,9 +686,9 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
+  disabled: boolean;
   drag: number | null;
   wheel: import("@tremolo-ui/dom").ModifierValue<import("@tremolo-ui/dom").InputEventOption> | null;
-  disabled: boolean;
   step: number;
   keyboard: import("@tremolo-ui/dom").ModifierValue<import("@tremolo-ui/dom").InputEventOption> | null;
   dragSensitivity: import("@tremolo-ui/dom").ModifierValue<number>;
@@ -985,8 +985,8 @@ export declare const PointsEditor: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{
   "onUpdate:selection"?: ((selection: string[]) => any) | undefined;
 }>, {
-  wheel: ModifierValue<InputEventOption> | null;
   disabled: boolean;
+  wheel: ModifierValue<InputEventOption> | null;
   keyboard: ModifierValue<InputEventOption> | null;
   dragSensitivity: ModifierValue<number>;
   readonly: boolean;
@@ -1098,8 +1098,8 @@ export declare const PointsEditorPoint: import("vue").DefineComponent<import("vu
   onDragStart?: ((value: PointPosition) => any) | undefined;
   onDragEnd?: ((value: PointPosition) => any) | undefined;
 }>, {
-  wheel: ModifierValue<InputEventOption> | null;
   disabled: boolean;
+  wheel: ModifierValue<InputEventOption> | null;
   keyboard: ModifierValue<InputEventOption> | null;
   readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1252,9 +1252,9 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
   onDragStart?: ((value: number) => any) | undefined;
   onDragEnd?: ((value: number) => any) | undefined;
 }>, {
+  disabled: boolean;
   reverse: boolean;
   wheel: import("@tremolo-ui/dom").ModifierValue<import("@tremolo-ui/dom").InputEventOption> | null;
-  disabled: boolean;
   step: number;
   vertical: boolean;
   keyboard: import("@tremolo-ui/dom").ModifierValue<import("@tremolo-ui/dom").InputEventOption> | null;
@@ -1267,7 +1267,7 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
 /** The marks along the slider: written out as options, or built from `options`. */
 export declare const SliderMarks: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** Space between the marks and the track. Sets `--gap`. */
-  gap: (NumberConstructor | StringConstructor)[];
+  gap: (StringConstructor | NumberConstructor)[];
   /**
    * Build the marks instead of writing `SliderMarksOption` out: a number
    * puts one every that many, `'step'` one every `step`. The default slot
@@ -1278,7 +1278,7 @@ export declare const SliderMarks: import("vue").DefineComponent<import("vue").Ex
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /** Space between the marks and the track. Sets `--gap`. */
-  gap: (NumberConstructor | StringConstructor)[];
+  gap: (StringConstructor | NumberConstructor)[];
   /**
    * Build the marks instead of writing `SliderMarksOption` out: a number
    * puts one every that many, `'step'` one every `step`. The default slot
@@ -1309,11 +1309,11 @@ export declare const SliderMarksOption: import("vue").DefineComponent<import("vu
     default: undefined;
   };
   /** Thickness of the mark. Sets `--thickness`. */
-  thickness: (NumberConstructor | StringConstructor)[];
+  thickness: (StringConstructor | NumberConstructor)[];
   /** Length of the mark. Sets `--length`. */
-  length: (NumberConstructor | StringConstructor)[];
+  length: (StringConstructor | NumberConstructor)[];
   /** Space between the mark and the label. Sets `--gap`. */
-  gap: (NumberConstructor | StringConstructor)[];
+  gap: (StringConstructor | NumberConstructor)[];
   /** Classes for the mark and the label inside the option. */
   classes: PropType<{
     mark?: string;
@@ -1346,11 +1346,11 @@ export declare const SliderMarksOption: import("vue").DefineComponent<import("vu
     default: undefined;
   };
   /** Thickness of the mark. Sets `--thickness`. */
-  thickness: (NumberConstructor | StringConstructor)[];
+  thickness: (StringConstructor | NumberConstructor)[];
   /** Length of the mark. Sets `--length`. */
-  length: (NumberConstructor | StringConstructor)[];
+  length: (StringConstructor | NumberConstructor)[];
   /** Space between the mark and the label. Sets `--gap`. */
-  gap: (NumberConstructor | StringConstructor)[];
+  gap: (StringConstructor | NumberConstructor)[];
   /** Classes for the mark and the label inside the option. */
   classes: PropType<{
     mark?: string;
@@ -1385,9 +1385,9 @@ export declare const SliderThumb: import("vue").DefineComponent<import("vue").Ex
 /** The track the thumb runs along, and what the pointer is measured against. */
 export declare const SliderTrack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** How long the track is along the axis the slider runs. Sets `--length`. */
-  length: (NumberConstructor | StringConstructor)[];
+  length: (StringConstructor | NumberConstructor)[];
   /** How thick the track is across that axis. Sets `--thickness`. */
-  thickness: (NumberConstructor | StringConstructor)[];
+  thickness: (StringConstructor | NumberConstructor)[];
   /** Colour of the part from `min` to the value. Sets `--active`. */
   active: StringConstructor;
   /** Colour of the rest of the track. Sets `--inactive`. */
@@ -1396,9 +1396,9 @@ export declare const SliderTrack: import("vue").DefineComponent<import("vue").Ex
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /** How long the track is along the axis the slider runs. Sets `--length`. */
-  length: (NumberConstructor | StringConstructor)[];
+  length: (StringConstructor | NumberConstructor)[];
   /** How thick the track is across that axis. Sets `--thickness`. */
-  thickness: (NumberConstructor | StringConstructor)[];
+  thickness: (StringConstructor | NumberConstructor)[];
   /** Colour of the part from `min` to the value. Sets `--active`. */
   active: StringConstructor;
   /** Colour of the rest of the track. Sets `--inactive`. */
@@ -1546,9 +1546,9 @@ export declare const XYPad: import("vue").DefineComponent<import("vue").ExtractP
   onDragStart?: ((value: XY<number>) => any) | undefined;
   onDragEnd?: ((value: XY<number>) => any) | undefined;
 }>, {
+  disabled: boolean;
   reverse: boolean | readonly [x: boolean, y: boolean];
   wheel: ModifierValue<InputEventOption> | null;
-  disabled: boolean;
   step: number | readonly [x: number, y: number];
   keyboard: ModifierValue<InputEventOption> | null;
   dragSensitivity: ModifierValue<number>;

package/dist/index.d.ts

@@ -160,8 +160,8 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
   /** Make the input unusable. The parts carry `data-disabled`. */
   disabled: BooleanConstructor;
 }>> & Readonly<{
-  onChange?: ((files: File[]) => any) | undefined;
   onReject?: ((files: File[]) => any) | undefined;
+  onChange?: ((files: File[]) => any) | undefined;
 }>, {
   multiple: boolean;
   disabled: boolean;
@@ -233,7 +233,7 @@ export declare const Knob: import("vue").DefineComponent<import("vue").ExtractPr
   /** Where the active arc starts. @default min */
   startValue: NumberConstructor;
   /** Width and height of the knob. Sets `--knob-size`. */
-  size: (NumberConstructor | StringConstructor)[];
+  size: (StringConstructor | NumberConstructor)[];
   /** The cursor to show while dragging. @default { cursor: 'grabbing' } */
   externalStyles: PropType<{
     cursor?: string;
@@ -304,7 +304,7 @@ export declare const Knob: import("vue").DefineComponent<import("vue").ExtractPr
   /** Where the active arc starts. @default min */
   startValue: NumberConstructor;
   /** Width and height of the knob. Sets `--knob-size`. */
-  size: (NumberConstructor | StringConstructor)[];
+  size: (StringConstructor | NumberConstructor)[];
   /** The cursor to show while dragging. @default { cursor: 'grabbing' } */
   externalStyles: PropType<{
     cursor?: string;
@@ -343,8 +343,8 @@ export declare const Knob: import("vue").DefineComponent<import("vue").ExtractPr
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-  wheel: ModifierValue<InputEventOption> | null;
   disabled: boolean;
+  wheel: ModifierValue<InputEventOption> | null;
   step: number;
   keyboard: ModifierValue<InputEventOption> | null;
   dragSensitivity: ModifierValue<number>;
@@ -363,7 +363,7 @@ export declare const KnobActiveLine: import("vue").DefineComponent<import("vue")
     default: string;
   };
   strokeWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: number;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -374,7 +374,7 @@ export declare const KnobActiveLine: import("vue").DefineComponent<import("vue")
     default: string;
   };
   strokeWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: number;
   };
 }>> & Readonly<{}>, {
@@ -393,7 +393,7 @@ export declare const KnobInactiveLine: import("vue").DefineComponent<import("vue
     default: string;
   };
   strokeWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: number;
   };
 }>, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -404,7 +404,7 @@ export declare const KnobInactiveLine: import("vue").DefineComponent<import("vue
     default: string;
   };
   strokeWidth: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: number;
   };
 }>> & Readonly<{}>, {
@@ -686,9 +686,9 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
+  disabled: boolean;
   drag: number | null;
   wheel: import("@tremolo-ui/dom").ModifierValue<import("@tremolo-ui/dom").InputEventOption> | null;
-  disabled: boolean;
   step: number;
   keyboard: import("@tremolo-ui/dom").ModifierValue<import("@tremolo-ui/dom").InputEventOption> | null;
   dragSensitivity: import("@tremolo-ui/dom").ModifierValue<number>;
@@ -985,8 +985,8 @@ export declare const PointsEditor: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{
   "onUpdate:selection"?: ((selection: string[]) => any) | undefined;
 }>, {
-  wheel: ModifierValue<InputEventOption> | null;
   disabled: boolean;
+  wheel: ModifierValue<InputEventOption> | null;
   keyboard: ModifierValue<InputEventOption> | null;
   dragSensitivity: ModifierValue<number>;
   readonly: boolean;
@@ -1098,8 +1098,8 @@ export declare const PointsEditorPoint: import("vue").DefineComponent<import("vu
   onDragStart?: ((value: PointPosition) => any) | undefined;
   onDragEnd?: ((value: PointPosition) => any) | undefined;
 }>, {
-  wheel: ModifierValue<InputEventOption> | null;
   disabled: boolean;
+  wheel: ModifierValue<InputEventOption> | null;
   keyboard: ModifierValue<InputEventOption> | null;
   readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1252,9 +1252,9 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
   onDragStart?: ((value: number) => any) | undefined;
   onDragEnd?: ((value: number) => any) | undefined;
 }>, {
+  disabled: boolean;
   reverse: boolean;
   wheel: import("@tremolo-ui/dom").ModifierValue<import("@tremolo-ui/dom").InputEventOption> | null;
-  disabled: boolean;
   step: number;
   vertical: boolean;
   keyboard: import("@tremolo-ui/dom").ModifierValue<import("@tremolo-ui/dom").InputEventOption> | null;
@@ -1267,7 +1267,7 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
 /** The marks along the slider: written out as options, or built from `options`. */
 export declare const SliderMarks: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** Space between the marks and the track. Sets `--gap`. */
-  gap: (NumberConstructor | StringConstructor)[];
+  gap: (StringConstructor | NumberConstructor)[];
   /**
    * Build the marks instead of writing `SliderMarksOption` out: a number
    * puts one every that many, `'step'` one every `step`. The default slot
@@ -1278,7 +1278,7 @@ export declare const SliderMarks: import("vue").DefineComponent<import("vue").Ex
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /** Space between the marks and the track. Sets `--gap`. */
-  gap: (NumberConstructor | StringConstructor)[];
+  gap: (StringConstructor | NumberConstructor)[];
   /**
    * Build the marks instead of writing `SliderMarksOption` out: a number
    * puts one every that many, `'step'` one every `step`. The default slot
@@ -1309,11 +1309,11 @@ export declare const SliderMarksOption: import("vue").DefineComponent<import("vu
     default: undefined;
   };
   /** Thickness of the mark. Sets `--thickness`. */
-  thickness: (NumberConstructor | StringConstructor)[];
+  thickness: (StringConstructor | NumberConstructor)[];
   /** Length of the mark. Sets `--length`. */
-  length: (NumberConstructor | StringConstructor)[];
+  length: (StringConstructor | NumberConstructor)[];
   /** Space between the mark and the label. Sets `--gap`. */
-  gap: (NumberConstructor | StringConstructor)[];
+  gap: (StringConstructor | NumberConstructor)[];
   /** Classes for the mark and the label inside the option. */
   classes: PropType<{
     mark?: string;
@@ -1346,11 +1346,11 @@ export declare const SliderMarksOption: import("vue").DefineComponent<import("vu
     default: undefined;
   };
   /** Thickness of the mark. Sets `--thickness`. */
-  thickness: (NumberConstructor | StringConstructor)[];
+  thickness: (StringConstructor | NumberConstructor)[];
   /** Length of the mark. Sets `--length`. */
-  length: (NumberConstructor | StringConstructor)[];
+  length: (StringConstructor | NumberConstructor)[];
   /** Space between the mark and the label. Sets `--gap`. */
-  gap: (NumberConstructor | StringConstructor)[];
+  gap: (StringConstructor | NumberConstructor)[];
   /** Classes for the mark and the label inside the option. */
   classes: PropType<{
     mark?: string;
@@ -1385,9 +1385,9 @@ export declare const SliderThumb: import("vue").DefineComponent<import("vue").Ex
 /** The track the thumb runs along, and what the pointer is measured against. */
 export declare const SliderTrack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** How long the track is along the axis the slider runs. Sets `--length`. */
-  length: (NumberConstructor | StringConstructor)[];
+  length: (StringConstructor | NumberConstructor)[];
   /** How thick the track is across that axis. Sets `--thickness`. */
-  thickness: (NumberConstructor | StringConstructor)[];
+  thickness: (StringConstructor | NumberConstructor)[];
   /** Colour of the part from `min` to the value. Sets `--active`. */
   active: StringConstructor;
   /** Colour of the rest of the track. Sets `--inactive`. */
@@ -1396,9 +1396,9 @@ export declare const SliderTrack: import("vue").DefineComponent<import("vue").Ex
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /** How long the track is along the axis the slider runs. Sets `--length`. */
-  length: (NumberConstructor | StringConstructor)[];
+  length: (StringConstructor | NumberConstructor)[];
   /** How thick the track is across that axis. Sets `--thickness`. */
-  thickness: (NumberConstructor | StringConstructor)[];
+  thickness: (StringConstructor | NumberConstructor)[];
   /** Colour of the part from `min` to the value. Sets `--active`. */
   active: StringConstructor;
   /** Colour of the rest of the track. Sets `--inactive`. */
@@ -1546,9 +1546,9 @@ export declare const XYPad: import("vue").DefineComponent<import("vue").ExtractP
   onDragStart?: ((value: XY<number>) => any) | undefined;
   onDragEnd?: ((value: XY<number>) => any) | undefined;
 }>, {
+  disabled: boolean;
   reverse: boolean | readonly [x: boolean, y: boolean];
   wheel: ModifierValue<InputEventOption> | null;
-  disabled: boolean;
   step: number | readonly [x: number, y: number];
   keyboard: ModifierValue<InputEventOption> | null;
   dragSensitivity: ModifierValue<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tremolo-ui/vue",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Vue component library for audio app",
   "type": "module",
   "sideEffects": false,
@@ -26,7 +26,7 @@
     "@testing-library/vue": "8.1.0",
     "@vitejs/plugin-vue": "6.0.9",
     "@vue/test-utils": "2.5.1",
-    "esbuild": "0.28.1",
+    "esbuild": "0.28.2",
     "storybook": "10.6.0",
     "vue-tsc": "3.3.11",
     "vue": "3.5.43"
@@ -35,8 +35,8 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@tremolo-ui/dom": "^0.7.0",
-    "@tremolo-ui/functions": "^0.7.0"
+    "@tremolo-ui/dom": "^0.8.0",
+    "@tremolo-ui/functions": "^0.8.0"
   },
   "files": [
     "dist",