@antimatter-audio/antimatter-ui 10.4.0 → 10.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/advanced/ModMatrix/ModMatrixCell.d.ts.map +1 -1
- package/dist/advanced/ModuleFooter/LFOTab.d.ts.map +1 -1
- package/dist/advanced/ModuleFooter/ModuleFooter.d.ts +0 -1
- package/dist/advanced/ModuleFooter/ModuleFooter.d.ts.map +1 -1
- package/dist/core/Dropdown/Dropdown.d.ts +4 -2
- package/dist/core/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/core/Label/Label.d.ts +2 -1
- package/dist/core/Label/Label.d.ts.map +1 -1
- package/dist/core/Slider/BarSlider.d.ts.map +1 -1
- package/dist/core/Slider/RotarySlider.d.ts +5 -1
- package/dist/core/Slider/RotarySlider.d.ts.map +1 -1
- package/dist/hooks/useSlider.d.ts +4 -2
- package/dist/hooks/useSlider.d.ts.map +1 -1
- package/dist/index.js +92 -54
- package/dist/index.js.map +1 -1
- package/dist/src/advanced/ModMatrix/ModMatrixCell.d.ts.map +1 -1
- package/dist/src/advanced/ModuleFooter/LFOTab.d.ts.map +1 -1
- package/dist/src/core/Label/Label.d.ts +2 -1
- package/dist/src/core/Label/Label.d.ts.map +1 -1
- package/dist/src/core/Slider/BarSlider.d.ts.map +1 -1
- package/dist/src/core/Slider/RotarySlider.d.ts +4 -1
- package/dist/src/core/Slider/RotarySlider.d.ts.map +1 -1
- package/dist/src/hooks/useSlider.d.ts +4 -2
- package/dist/src/hooks/useSlider.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModMatrixCell.d.ts","sourceRoot":"","sources":["../../../src/advanced/ModMatrix/ModMatrixCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,
|
|
1
|
+
{"version":3,"file":"ModMatrixCell.d.ts","sourceRoot":"","sources":["../../../src/advanced/ModMatrix/ModMatrixCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,qBAwCA;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LFOTab.d.ts","sourceRoot":"","sources":["../../../src/advanced/ModuleFooter/LFOTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,iBAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"LFOTab.d.ts","sourceRoot":"","sources":["../../../src/advanced/ModuleFooter/LFOTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,iBAAS,MAAM,sBAwCd;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -9,7 +9,6 @@ export declare enum FooterTabs {
|
|
|
9
9
|
}
|
|
10
10
|
export declare const ModMatrixTab: () => React.JSX.Element;
|
|
11
11
|
export declare const InputModTab: () => React.JSX.Element;
|
|
12
|
-
export declare const LFOsTab: () => React.JSX.Element;
|
|
13
12
|
export declare const SequencerTab: () => React.JSX.Element;
|
|
14
13
|
export declare const SettingsTab: () => React.JSX.Element;
|
|
15
14
|
declare function ModuleFooter({ className, style, }: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleFooter.d.ts","sourceRoot":"","sources":["../../../src/advanced/ModuleFooter/ModuleFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModuleFooter.d.ts","sourceRoot":"","sources":["../../../src/advanced/ModuleFooter/ModuleFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,oBAAoB,CAAC;AAE5B,oBAAY,UAAU;IACpB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,YAAY,yBAExB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAEvB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAExB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAEvB,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,KAAK,GACN,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,qBA0FA;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -4,11 +4,13 @@ export interface DropdownProps {
|
|
|
4
4
|
id: string;
|
|
5
5
|
items?: Array<string>;
|
|
6
6
|
label: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
labelColor?: string;
|
|
7
9
|
className?: string;
|
|
8
10
|
style?: React.CSSProperties;
|
|
9
11
|
onMouseOver?: (label: string, value: number) => void;
|
|
10
|
-
onChange?: (event:
|
|
12
|
+
onChange?: (event: string) => any;
|
|
11
13
|
}
|
|
12
|
-
declare function Dropdown({ label, className, onChange, id, style }: DropdownProps): React.JSX.Element;
|
|
14
|
+
declare function Dropdown({ label, color, labelColor, className, onChange, id, style, }: DropdownProps): React.JSX.Element;
|
|
13
15
|
export default Dropdown;
|
|
14
16
|
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/core/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/core/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,gBAAgB,CAAC;AAIxB,MAAM,WAAW,aAAa;IAG5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;CACnC;AAED,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,KAA2B,EAC3B,UAAgC,EAChC,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,GACN,EAAE,aAAa,qBAqDf;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -4,12 +4,13 @@ export interface LabelProps {
|
|
|
4
4
|
padding?: Array<Spacing>;
|
|
5
5
|
value?: string | number;
|
|
6
6
|
fontSize?: FontSizes;
|
|
7
|
+
color?: string;
|
|
7
8
|
id?: string;
|
|
8
9
|
htmlFor?: string;
|
|
9
10
|
className?: string;
|
|
10
11
|
style?: object;
|
|
11
12
|
}
|
|
12
|
-
declare function Label({ value, id, className, style, padding, children, htmlFor, fontSize, }: React.PropsWithChildren<LabelProps>): React.JSX.Element;
|
|
13
|
+
declare function Label({ value, id, className, style, color, padding, children, htmlFor, fontSize, }: React.PropsWithChildren<LabelProps>): React.JSX.Element;
|
|
13
14
|
declare namespace Label {
|
|
14
15
|
var padding: typeof Spacing;
|
|
15
16
|
var fontSize: typeof FontSizes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/core/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,UAAU;IAEzB,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/core/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,UAAU;IAEzB,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAA2B,EAC3B,OAAwB,EACxB,QAAQ,EACR,OAAO,EACP,QAA2B,GAC5B,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,qBAqBrC;kBA/BQ,KAAK;;;;AAoCd,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarSlider.d.ts","sourceRoot":"","sources":["../../../src/core/Slider/BarSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAS3D,MAAM,WAAW,WAAW;IAG1B,EAAE,EAAE,GAAG,CAAC;IAER,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;IAElC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IAKH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAoCpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,iBAAS,MAAM,CAAC,EACd,QAA0B,EAC1B,iBAAwC,EACxC,cAAsB,EACtB,SAAS,EACT,EAAE,EACF,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EAEL,0BAA8B,EAC9B,cAKC,GACF,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"BarSlider.d.ts","sourceRoot":"","sources":["../../../src/core/Slider/BarSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAS3D,MAAM,WAAW,WAAW;IAG1B,EAAE,EAAE,GAAG,CAAC;IAER,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;IAElC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IAKH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAoCpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,iBAAS,MAAM,CAAC,EACd,QAA0B,EAC1B,iBAAwC,EACxC,cAAsB,EACtB,SAAS,EACT,EAAE,EACF,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EAEL,0BAA8B,EAC9B,cAKC,GACF,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,qBA+DtC;kBAjFQ,MAAM;;;;;AAuFf,eAAe,MAAM,CAAC"}
|
|
@@ -11,8 +11,12 @@ export interface RotarySliderProps {
|
|
|
11
11
|
onChange?: (newValue: any) => void;
|
|
12
12
|
className?: string;
|
|
13
13
|
color?: string;
|
|
14
|
+
bgColor?: string;
|
|
15
|
+
width?: number;
|
|
16
|
+
height?: number;
|
|
14
17
|
style?: object;
|
|
15
18
|
label: string;
|
|
19
|
+
labelColor?: string;
|
|
16
20
|
/**
|
|
17
21
|
* Returns the scaled value of the parameter. This corresponds to the return value of
|
|
18
22
|
* NormalisableRange::convertFrom0to1() (C++). This value will differ from a linear
|
|
@@ -21,7 +25,7 @@ export interface RotarySliderProps {
|
|
|
21
25
|
mockInitialNormalisedValue?: number;
|
|
22
26
|
mockProperties?: JuceSliderProperties;
|
|
23
27
|
}
|
|
24
|
-
declare function RotarySlider({ polarity, label, className, id, onChange, rotationBehavior, mockInitialNormalisedValue, isRandomizable, mockProperties, color, style, }: React.PropsWithChildren<RotarySliderProps>): React.JSX.Element;
|
|
28
|
+
declare function RotarySlider({ polarity, label, className, id, onChange, rotationBehavior, mockInitialNormalisedValue, isRandomizable, mockProperties, labelColor, color, bgColor, width, height, style, }: React.PropsWithChildren<RotarySliderProps>): React.JSX.Element;
|
|
25
29
|
declare namespace RotarySlider {
|
|
26
30
|
var sliderPolarity: typeof Polarity;
|
|
27
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../src/core/Slider/RotarySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../src/core/Slider/RotarySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,OAAO,oBAAoB,CAAC;AA+E5B,MAAM,WAAW,iBAAiB;IAGhC,EAAE,EAAE,GAAG,CAAC;IAER,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAIpB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IAKH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAoCpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,iBAAS,YAAY,CAAC,EACpB,QAA0B,EAC1B,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,gBAAyD,EAEzD,0BAA8B,EAC9B,cAAsB,EACtB,cAKC,EACD,UAAU,EACV,KAA+B,EAC/B,OAAiC,EACjC,KAAU,EACV,MAAW,EACX,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,qBAmE5C;kBAzFQ,YAAY;;;AA4FrB,eAAe,YAAY,CAAC"}
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { JuceSliderProperties } from '../core/Slider/types';
|
|
2
2
|
import { Orientation } from 'common/types';
|
|
3
|
-
declare const useSlider: ({ id, label, displayValInHeader, mockProperties, isRandomizable, mockInitialNormalisedValue, onChange, }: {
|
|
3
|
+
declare const useSlider: ({ id, label, displayValInHeader, mockProperties, isRandomizable, orientation, dragOrientation, mockInitialNormalisedValue, onChange, }: {
|
|
4
4
|
id: string;
|
|
5
5
|
label?: string;
|
|
6
6
|
displayValInHeader?: boolean;
|
|
7
7
|
mockProperties?: JuceSliderProperties;
|
|
8
8
|
isRandomizable?: boolean;
|
|
9
|
+
orientation?: Orientation;
|
|
10
|
+
dragOrientation?: Orientation;
|
|
9
11
|
mockInitialNormalisedValue?: number;
|
|
10
12
|
onChange?: (newValue: any) => any;
|
|
11
13
|
}) => {
|
|
12
14
|
setNormalisedState: (newValue: number) => void;
|
|
13
15
|
setScaledState: (newValue: number) => void;
|
|
14
16
|
onMouseEnter: () => void;
|
|
15
|
-
bindBarSliderDrag: (
|
|
17
|
+
bindBarSliderDrag: () => import("@use-gesture/react/dist/declarations/src/types").ReactDOMAttributes;
|
|
16
18
|
bindDrag: (...args: any[]) => import("@use-gesture/react/dist/declarations/src/types").ReactDOMAttributes;
|
|
17
19
|
normalisedValue: number;
|
|
18
20
|
scaledValue: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../src/hooks/useSlider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAc,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,QAAA,MAAM,SAAS,GAAI,
|
|
1
|
+
{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../src/hooks/useSlider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAc,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,QAAA,MAAM,SAAS,GAAI,wIAehB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;CACnC;mCAyGuC,MAAM;+BASV,MAAM;;;;;;;CA+JzC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -33,7 +33,7 @@ function styleInject(css, ref) {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
var css_248z$b = "@import 'tailwindcss';\n@import 'tailwindcss/base';\n@import 'tailwindcss/utilities';\n\n@theme static {\n --color-brand: #bb68d9;\n --color-alert: #8a0101;\n --color-text: #bab6cf;\n --color-gray-100: #c7c3de;\n --color-gray-200: #9a96ab;\n --color-gray-300: #838091;\n --color-gray-400: #595763;\n --color-gray-500: #4c4a54;\n --color-gray-600: #2e2c33;\n --color-gray-700: #1e1d21;\n --color-gray-800: #101012;\n --color-gray-900: #09090a;\n\n --color-VFDBlue-100: #0d3814;\n --color-VFDBlue-200: #234e4a;\n --color-VFDBlue-300: #128073;\n --color-VFDBlue-400: #138c6e;\n --color-VFDBlue-500: #1abe95;\n --color-VFDBlue-600: #23d8a4;\n --color-VFDBlue-700: #4aeea4;\n --color-VFDBlue-1000: #35edb4;\n --spacing-none: 0px;\n --spacing-xs: 2px;\n --spacing-sm: 4px;\n --spacing-ms: 6px;\n --spacing-md: 8px;\n --spacing-ml: 12px;\n --spacing-lg: 16px;\n --spacing-xl: 20px;\n --m-none: 0px;\n --m-xs: 2px;\n --m-sm: 4px;\n --m-ms: 6px;\n --m-md: 8px;\n --m-ml: 12px;\n --m-lg: 16px;\n --m-xl: 20px;\n --mt-none: 0px;\n --mt-xs: 2px;\n --mt-sm: 4px;\n --mt-ms: 6px;\n --mt-md: 8px;\n --mt-ml: 12px;\n --mt-lg: 16px;\n --mt-xl: 20px;\n --mr-none: 0px;\n --mr-xs: 2px;\n --mr-sm: 4px;\n --mr-ms: 6px;\n --mr-md: 8px;\n --mr-ml: 12px;\n --mr-lg: 16px;\n --mr-xl: 20px;\n --mb-none: 0px;\n --mb-xs: 2px;\n --mb-sm: 4px;\n --mb-ms: 6px;\n --mb-md: 8px;\n --mb-ml: 12px;\n --mb-lg: 16px;\n --mb-xl: 20px;\n --ml-none: 0px;\n --ml-xs: 2px;\n --ml-sm: 4px;\n --ml-ms: 6px;\n --ml-md: 8px;\n --ml-ml: 12px;\n --ml-lg: 16px;\n --ml-xl: 20px;\n --p-none: 0px;\n --p-xs: 2px;\n --p-sm: 4px;\n --p-ms: 6px;\n --p-md: 8px;\n --p-ml: 12px;\n --p-lg: 16px;\n --p-xl: 20px;\n --pt-none: 0px;\n --pt-xs: 2px;\n --pt-sm: 4px;\n --pt-ms: 6px;\n --pt-md: 8px;\n --pt-ml: 12px;\n --pt-lg: 16px;\n --pt-xl: 20px;\n --pr-none: 0px;\n --pr-xs: 2px;\n --pr-sm: 4px;\n --pr-ms: 6px;\n --pr-md: 8px;\n --pr-ml: 12px;\n --pr-lg: 16px;\n --pr-xl: 20px;\n --pb-none: 0px;\n --pb-xs: 2px;\n --pb-sm: 4px;\n --pb-ms: 6px;\n --pb-md: 8px;\n --pb-ml: 12px;\n --pb-lg: 16px;\n --pb-xl: 20px;\n --pl-none: 0px;\n --pl-xs: 2px;\n --pl-sm: 4px;\n --pl-ms: 6px;\n --pl-md: 8px;\n --pl-ml: 12px;\n --pl-lg: 16px;\n --pl-xl: 20px;\n --bg-page: #1e1d21;\n --bg-section: #1e1d21;\n --bg-popover: #09090a;\n --bg-highlighted: #838091;\n --bg-muted: #595763;\n --bg-selected: #2e2c33;\n --bg-input: #1e1d21;\n --font-leagueSpartan: 'LeagueSpartan';\n --text-xs: 0.625rem;\n --text-sm: 0.75rem;\n --text-ms: 0.813rem;\n --text-md: 0.875rem;\n --text-lg: 1rem;\n --text-xl: 1.25rem;\n --text-title: 1.75rem;\n --gap-none: 0px;\n --gap-xs: 2px;\n --gap-sm: 4px;\n --gap-ms: 6px;\n --gap-md: 8px;\n --gap-ml: 12px;\n --gap-lg: 16px;\n --gap-xl: 20px;\n}\n\ninput,\ninput:hover,\ninput:focus,\ninput:focus-visible {\n background: transparent;\n border: none;\n outline: none;\n appearance: textfield;\n}\n\nbutton,\nbutton:hover,\nbutton:focus,\nbutton:focus-visible {\n outline: none;\n}\n\nbutton:disabled,\ninput:disabled {\n cursor: not-allowed;\n}\n\ndiv:focus,\ndiv:focus-visible {\n outline: none;\n appearance: textfield;\n}\n\n@font-face {\n font-family: LeagueSpartan;\n /* ascent-override: 70%; */\n src: url('./common/assets/fonts/LeagueSpartan-Regular.ttf');\n}\n\n@font-face {\n font-family: LeagueSpartan;\n /* ascent-override: 70%; */\n src: url('./common/assets/fonts/LeagueSpartan-Thin.ttf');\n font-weight: lighter;\n}\n";
|
|
36
|
+
var css_248z$b = "@import 'tailwindcss';\n@import 'tailwindcss/base';\n@import 'tailwindcss/utilities';\n\n@theme static {\n --color-brand: #bb68d9;\n --color-brand-600: #932eb8;\n --color-brand-400: #d199e6;\n --color-alert: #8a0101;\n --color-text: #bab6cf;\n --color-gray-100: #c7c3de;\n --color-gray-200: #9a96ab;\n --color-gray-300: #838091;\n --color-gray-400: #595763;\n --color-gray-500: #4c4a54;\n --color-gray-600: #2e2c33;\n --color-gray-700: #1e1d21;\n --color-gray-800: #101012;\n --color-gray-900: #09090a;\n\n --color-VFDBlue-100: #0d3814;\n --color-VFDBlue-200: #234e4a;\n --color-VFDBlue-300: #128073;\n --color-VFDBlue-400: #138c6e;\n --color-VFDBlue-500: #1abe95;\n --color-VFDBlue-600: #23d8a4;\n --color-VFDBlue-700: #4aeea4;\n --color-VFDBlue-1000: #35edb4;\n --spacing-none: 0px;\n --spacing-xs: 2px;\n --spacing-sm: 4px;\n --spacing-ms: 6px;\n --spacing-md: 8px;\n --spacing-ml: 12px;\n --spacing-lg: 16px;\n --spacing-xl: 20px;\n --m-none: 0px;\n --m-xs: 2px;\n --m-sm: 4px;\n --m-ms: 6px;\n --m-md: 8px;\n --m-ml: 12px;\n --m-lg: 16px;\n --m-xl: 20px;\n --mt-none: 0px;\n --mt-xs: 2px;\n --mt-sm: 4px;\n --mt-ms: 6px;\n --mt-md: 8px;\n --mt-ml: 12px;\n --mt-lg: 16px;\n --mt-xl: 20px;\n --mr-none: 0px;\n --mr-xs: 2px;\n --mr-sm: 4px;\n --mr-ms: 6px;\n --mr-md: 8px;\n --mr-ml: 12px;\n --mr-lg: 16px;\n --mr-xl: 20px;\n --mb-none: 0px;\n --mb-xs: 2px;\n --mb-sm: 4px;\n --mb-ms: 6px;\n --mb-md: 8px;\n --mb-ml: 12px;\n --mb-lg: 16px;\n --mb-xl: 20px;\n --ml-none: 0px;\n --ml-xs: 2px;\n --ml-sm: 4px;\n --ml-ms: 6px;\n --ml-md: 8px;\n --ml-ml: 12px;\n --ml-lg: 16px;\n --ml-xl: 20px;\n --p-none: 0px;\n --p-xs: 2px;\n --p-sm: 4px;\n --p-ms: 6px;\n --p-md: 8px;\n --p-ml: 12px;\n --p-lg: 16px;\n --p-xl: 20px;\n --pt-none: 0px;\n --pt-xs: 2px;\n --pt-sm: 4px;\n --pt-ms: 6px;\n --pt-md: 8px;\n --pt-ml: 12px;\n --pt-lg: 16px;\n --pt-xl: 20px;\n --pr-none: 0px;\n --pr-xs: 2px;\n --pr-sm: 4px;\n --pr-ms: 6px;\n --pr-md: 8px;\n --pr-ml: 12px;\n --pr-lg: 16px;\n --pr-xl: 20px;\n --pb-none: 0px;\n --pb-xs: 2px;\n --pb-sm: 4px;\n --pb-ms: 6px;\n --pb-md: 8px;\n --pb-ml: 12px;\n --pb-lg: 16px;\n --pb-xl: 20px;\n --pl-none: 0px;\n --pl-xs: 2px;\n --pl-sm: 4px;\n --pl-ms: 6px;\n --pl-md: 8px;\n --pl-ml: 12px;\n --pl-lg: 16px;\n --pl-xl: 20px;\n --bg-page: #1e1d21;\n --bg-section: #1e1d21;\n --bg-popover: #09090a;\n --bg-highlighted: #838091;\n --bg-muted: #595763;\n --bg-selected: #2e2c33;\n --bg-input: #1e1d21;\n --font-leagueSpartan: 'LeagueSpartan';\n --text-xs: 0.625rem;\n --text-sm: 0.75rem;\n --text-ms: 0.813rem;\n --text-md: 0.875rem;\n --text-lg: 1rem;\n --text-xl: 1.25rem;\n --text-title: 1.75rem;\n --gap-none: 0px;\n --gap-xs: 2px;\n --gap-sm: 4px;\n --gap-ms: 6px;\n --gap-md: 8px;\n --gap-ml: 12px;\n --gap-lg: 16px;\n --gap-xl: 20px;\n}\n\ninput,\ninput:hover,\ninput:focus,\ninput:focus-visible {\n background: transparent;\n border: none;\n outline: none;\n appearance: textfield;\n}\n\nbutton,\nbutton:hover,\nbutton:focus,\nbutton:focus-visible {\n outline: none;\n}\n\nbutton:disabled,\ninput:disabled {\n cursor: not-allowed;\n}\n\ndiv:focus,\ndiv:focus-visible {\n outline: none;\n appearance: textfield;\n}\n\n@font-face {\n font-family: LeagueSpartan;\n /* ascent-override: 70%; */\n src: url('./common/assets/fonts/LeagueSpartan-Regular.ttf');\n}\n\n@font-face {\n font-family: LeagueSpartan;\n /* ascent-override: 70%; */\n src: url('./common/assets/fonts/LeagueSpartan-Thin.ttf');\n font-weight: lighter;\n}\n";
|
|
37
37
|
styleInject(css_248z$b);
|
|
38
38
|
|
|
39
39
|
var Spacing = /*#__PURE__*/ function(Spacing) {
|
|
@@ -958,7 +958,7 @@ function _object_spread$h(target) {
|
|
|
958
958
|
return target;
|
|
959
959
|
}
|
|
960
960
|
function Label(param) {
|
|
961
|
-
var value = param.value, id = param.id, className = param.className, style = param.style, _param_padding = param.padding, padding = _param_padding === void 0 ? [
|
|
961
|
+
var value = param.value, id = param.id, className = param.className, style = param.style, _param_color = param.color, color = _param_color === void 0 ? 'var(--color-text)' : _param_color, _param_padding = param.padding, padding = _param_padding === void 0 ? [
|
|
962
962
|
Spacing.none
|
|
963
963
|
] : _param_padding, children = param.children, htmlFor = param.htmlFor, _param_fontSize = param.fontSize, fontSize = _param_fontSize === void 0 ? FontSizes.medium : _param_fontSize;
|
|
964
964
|
var _padding_, _padding_1, _padding_2, _ref;
|
|
@@ -972,7 +972,8 @@ function Label(param) {
|
|
|
972
972
|
paddingBottom: "var(--p-".concat((_padding_1 = padding[2]) !== null && _padding_1 !== void 0 ? _padding_1 : padding[0], ")"),
|
|
973
973
|
paddingLeft: "var(--p-".concat((_ref = (_padding_2 = padding[3]) !== null && _padding_2 !== void 0 ? _padding_2 : padding[1]) !== null && _ref !== void 0 ? _ref : padding[0], ")"),
|
|
974
974
|
WebkitUserSelect: 'none',
|
|
975
|
-
userSelect: 'none'
|
|
975
|
+
userSelect: 'none',
|
|
976
|
+
color: color
|
|
976
977
|
}, style),
|
|
977
978
|
className: classnames('Label', 'select-none', className)
|
|
978
979
|
}, value ? value : children);
|
|
@@ -1050,7 +1051,7 @@ function Dropdown(param) {
|
|
|
1050
1051
|
padding: [
|
|
1051
1052
|
Label.padding.mediumSmall
|
|
1052
1053
|
],
|
|
1053
|
-
fontSize: Label.fontSize.
|
|
1054
|
+
fontSize: Label.fontSize.xSmall,
|
|
1054
1055
|
value: label,
|
|
1055
1056
|
style: {
|
|
1056
1057
|
color: "".concat(labelColor ? labelColor : 'initial')
|
|
@@ -1355,12 +1356,6 @@ var SliderType = /*#__PURE__*/ function(SliderType) {
|
|
|
1355
1356
|
SliderType["custom"] = "custom";
|
|
1356
1357
|
return SliderType;
|
|
1357
1358
|
}({});
|
|
1358
|
-
var SliderRotationBehavior = /*#__PURE__*/ function(SliderRotationBehavior) {
|
|
1359
|
-
SliderRotationBehavior["rotateIndicator"] = "rotateIndicator";
|
|
1360
|
-
SliderRotationBehavior["rotateKnob"] = "rotateKnob";
|
|
1361
|
-
SliderRotationBehavior["noRotation"] = "noRotation";
|
|
1362
|
-
return SliderRotationBehavior;
|
|
1363
|
-
}({});
|
|
1364
1359
|
|
|
1365
1360
|
var clamp = function(val) {
|
|
1366
1361
|
var min = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, max = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
|
|
@@ -1443,7 +1438,7 @@ var useSlider = function(param) {
|
|
|
1443
1438
|
end: 15000,
|
|
1444
1439
|
interval: 0.1,
|
|
1445
1440
|
skew: 0.7
|
|
1446
|
-
} : _param_mockProperties, _param_isRandomizable = param.isRandomizable, isRandomizable = _param_isRandomizable === void 0 ? false : _param_isRandomizable, _param_mockInitialNormalisedValue = param.mockInitialNormalisedValue, mockInitialNormalisedValue = _param_mockInitialNormalisedValue === void 0 ? 0.0 : _param_mockInitialNormalisedValue, onChange = param.onChange;
|
|
1441
|
+
} : _param_mockProperties, _param_isRandomizable = param.isRandomizable, isRandomizable = _param_isRandomizable === void 0 ? false : _param_isRandomizable, _param_orientation = param.orientation, orientation = _param_orientation === void 0 ? Orientation.vertical : _param_orientation, _param_dragOrientation = param.dragOrientation, dragOrientation = _param_dragOrientation === void 0 ? Orientation.vertical : _param_dragOrientation, _param_mockInitialNormalisedValue = param.mockInitialNormalisedValue, mockInitialNormalisedValue = _param_mockInitialNormalisedValue === void 0 ? 0.0 : _param_mockInitialNormalisedValue, onChange = param.onChange;
|
|
1447
1442
|
// const sliderState: JuceSlider = Juce.getSliderState(id);
|
|
1448
1443
|
// if isLocalhost is true, the front end app is running outside of JUCE in a browser.
|
|
1449
1444
|
var isLocalhost = window.location.hostname === 'localhost';
|
|
@@ -1590,7 +1585,6 @@ var useSlider = function(param) {
|
|
|
1590
1585
|
preventDefault: true
|
|
1591
1586
|
});
|
|
1592
1587
|
var bindBarSliderDrag = function() {
|
|
1593
|
-
var orientation = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Orientation.vertical;
|
|
1594
1588
|
var drag = useDrag(function(param) {
|
|
1595
1589
|
var down = param.down, event = param.event, first = param.first, last = param.last;
|
|
1596
1590
|
var _event_target;
|
|
@@ -1630,6 +1624,8 @@ var useSlider = function(param) {
|
|
|
1630
1624
|
var newValue;
|
|
1631
1625
|
if (orientation === Orientation.vertical) {
|
|
1632
1626
|
newValue = 1 - y / rect.height;
|
|
1627
|
+
} else if (orientation === Orientation.horizontal && dragOrientation === Orientation.vertical) {
|
|
1628
|
+
newValue = 1 - y / rect.width;
|
|
1633
1629
|
} else {
|
|
1634
1630
|
newValue = x / rect.width;
|
|
1635
1631
|
}
|
|
@@ -1668,7 +1664,7 @@ var useSlider = function(param) {
|
|
|
1668
1664
|
};
|
|
1669
1665
|
};
|
|
1670
1666
|
|
|
1671
|
-
var css_248z$6 = ".RotarySlider {\n position: relative;\n
|
|
1667
|
+
var css_248z$6 = ".RotarySlider {\n position: relative;\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n}\n\n.RotarySlider-Inner {\n height: 100%;\n width: 100%;\n right: 0;\n top: 0;\n bottom: 0;\n left: 0;\n background-color: var(--bg-popover);\n border-radius: 50%;\n}\n\n.RotarySlider-Indicator {\n position: absolute;\n top: 0;\n right: 0;\n left: 50%;\n width: var(--spacing-xs);\n height: 50%;\n transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);\n}\n\n.RotarySlider-center-marker {\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 0 5px 8px 5px;\n transform: rotate(180deg);\n padding-bottom: var(--spacing-sm);\n}\n\n.ProgressCircle-wrapper {\n position: relative;\n}\n.ProgressCircle {\n fill: none;\n}\n\n.ProgressCircle-value {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n text-align: center;\n}\n\n.ProgressCircle-bg {\n stroke-width: 3px;\n transform-origin: center;\n transform: rotate(135deg);\n stroke-linecap: round;\n font-size: var(--text-sm);\n}\n.ProgressCircle-fg {\n stroke-width: 3px;\n /* stroke-dasharray: 75; */\n /* stroke-dashoffset: calc(880 - (660 * 0) / 100); */\n transform-origin: center;\n stroke-linecap: round;\n}\n";
|
|
1672
1668
|
styleInject(css_248z$6);
|
|
1673
1669
|
|
|
1674
1670
|
function _define_property$e(obj, key, value) {
|
|
@@ -1718,14 +1714,67 @@ function _object_spread_props$1(target, source) {
|
|
|
1718
1714
|
}
|
|
1719
1715
|
return target;
|
|
1720
1716
|
}
|
|
1717
|
+
var ProgressCircle = function(param) {
|
|
1718
|
+
var color = param.color, bgColor = param.bgColor, _param_width = param.width, width = _param_width === void 0 ? 40 : _param_width, _param_height = param.height, height = _param_height === void 0 ? 40 : _param_height, _param_strokeWidth = param.strokeWidth, strokeWidth = _param_strokeWidth === void 0 ? 3 : _param_strokeWidth, _param_polarity = param.polarity, polarity = _param_polarity === void 0 ? Polarity.linear : _param_polarity, value = param.value;
|
|
1719
|
+
var cx = width / 2;
|
|
1720
|
+
var cy = height / 2;
|
|
1721
|
+
var radius = (width - strokeWidth * 2) / 2;
|
|
1722
|
+
var circ = 2 * 3.14 * radius;
|
|
1723
|
+
var activeZone = circ - circ * 0.25;
|
|
1724
|
+
var linearOffset = circ - activeZone * (value * 100) / 100;
|
|
1725
|
+
var bipolarOffset = circ - activeZone * (value * 100 - 50) / 100;
|
|
1726
|
+
return /*#__PURE__*/ React__default.createElement("svg", {
|
|
1727
|
+
className: "ProgressCircle",
|
|
1728
|
+
width: width,
|
|
1729
|
+
height: height
|
|
1730
|
+
}, /*#__PURE__*/ React__default.createElement("circle", {
|
|
1731
|
+
className: "ProgressCircle-bg",
|
|
1732
|
+
cx: cx,
|
|
1733
|
+
cy: cy,
|
|
1734
|
+
r: radius,
|
|
1735
|
+
style: {
|
|
1736
|
+
stroke: bgColor,
|
|
1737
|
+
strokeWidth: strokeWidth,
|
|
1738
|
+
strokeDasharray: "".concat(activeZone)
|
|
1739
|
+
}
|
|
1740
|
+
}), polarity === Polarity.bipolar ? /*#__PURE__*/ React__default.createElement("circle", {
|
|
1741
|
+
id: "circle2",
|
|
1742
|
+
className: "ProgressCircle-fg",
|
|
1743
|
+
cx: cx,
|
|
1744
|
+
cy: cy,
|
|
1745
|
+
r: radius,
|
|
1746
|
+
style: {
|
|
1747
|
+
stroke: color,
|
|
1748
|
+
strokeWidth: strokeWidth,
|
|
1749
|
+
strokeLinecap: 'round',
|
|
1750
|
+
strokeDasharray: circ,
|
|
1751
|
+
transform: "rotate(270deg)",
|
|
1752
|
+
strokeDashoffset: 107.5
|
|
1753
|
+
}
|
|
1754
|
+
}) : null, /*#__PURE__*/ React__default.createElement("circle", {
|
|
1755
|
+
id: "circle2",
|
|
1756
|
+
className: "ProgressCircle-fg",
|
|
1757
|
+
cx: cx,
|
|
1758
|
+
cy: cy,
|
|
1759
|
+
r: radius,
|
|
1760
|
+
style: {
|
|
1761
|
+
stroke: color,
|
|
1762
|
+
strokeWidth: strokeWidth,
|
|
1763
|
+
strokeLinecap: 'round',
|
|
1764
|
+
strokeDasharray: circ,
|
|
1765
|
+
transform: "rotate(".concat(polarity === Polarity.linear ? '135deg' : '270deg', ")"),
|
|
1766
|
+
strokeDashoffset: polarity === Polarity.linear ? linearOffset : bipolarOffset
|
|
1767
|
+
}
|
|
1768
|
+
}));
|
|
1769
|
+
};
|
|
1721
1770
|
function RotarySlider(param) {
|
|
1722
|
-
var _param_polarity = param.polarity, polarity = _param_polarity === void 0 ? Polarity.linear : _param_polarity, label = param.label, className = param.className, id = param.id, onChange = param.onChange
|
|
1771
|
+
var _param_polarity = param.polarity, polarity = _param_polarity === void 0 ? Polarity.linear : _param_polarity, label = param.label, className = param.className, id = param.id, onChange = param.onChange; param.rotationBehavior; var _param_mockInitialNormalisedValue = param.// Mocks the initial scaled value of the slider for web veiws outside of JUCE
|
|
1723
1772
|
mockInitialNormalisedValue, mockInitialNormalisedValue = _param_mockInitialNormalisedValue === void 0 ? 0 : _param_mockInitialNormalisedValue, _param_isRandomizable = param.isRandomizable, isRandomizable = _param_isRandomizable === void 0 ? false : _param_isRandomizable, _param_mockProperties = param.mockProperties, mockProperties = _param_mockProperties === void 0 ? {
|
|
1724
1773
|
start: 20.0,
|
|
1725
1774
|
end: 15000.0,
|
|
1726
1775
|
interval: 0.1,
|
|
1727
1776
|
skew: 0.7
|
|
1728
|
-
} : _param_mockProperties
|
|
1777
|
+
} : _param_mockProperties; param.labelColor; var _param_color = param.color, color = _param_color === void 0 ? 'var(--color-gray-500)' : _param_color, _param_bgColor = param.bgColor, bgColor = _param_bgColor === void 0 ? 'var(--color-gray-200)' : _param_bgColor, _param_width = param.width, width = _param_width === void 0 ? 40 : _param_width, _param_height = param.height, height = _param_height === void 0 ? 40 : _param_height, style = param.style;
|
|
1729
1778
|
var _useSlider = useSlider({
|
|
1730
1779
|
id: id,
|
|
1731
1780
|
label: label,
|
|
@@ -1733,7 +1782,8 @@ function RotarySlider(param) {
|
|
|
1733
1782
|
mockInitialNormalisedValue: mockInitialNormalisedValue,
|
|
1734
1783
|
onChange: onChange,
|
|
1735
1784
|
isRandomizable: isRandomizable
|
|
1736
|
-
}), bindDrag = _useSlider.bindDrag, normalisedValue = _useSlider.normalisedValue, onMouseEnter = _useSlider.onMouseEnter;
|
|
1785
|
+
}), bindDrag = _useSlider.bindDrag, normalisedValue = _useSlider.normalisedValue, scaledValue = _useSlider.scaledValue, onMouseEnter = _useSlider.onMouseEnter;
|
|
1786
|
+
console.log(id, 'IDIDDIDI');
|
|
1737
1787
|
return /*#__PURE__*/ React__default.createElement(Box, {
|
|
1738
1788
|
flexDirection: Box.flexDirection.column
|
|
1739
1789
|
}, polarity === Polarity.bipolar && /*#__PURE__*/ React__default.createElement("div", {
|
|
@@ -1746,27 +1796,30 @@ function RotarySlider(param) {
|
|
|
1746
1796
|
}, bindDrag()), {
|
|
1747
1797
|
onMouseEnter: onMouseEnter,
|
|
1748
1798
|
style: _object_spread$e({
|
|
1749
|
-
touchAction: 'none'
|
|
1799
|
+
touchAction: 'none',
|
|
1800
|
+
height: "".concat(height, "px"),
|
|
1801
|
+
width: "".concat(width, "px")
|
|
1750
1802
|
}, style)
|
|
1751
1803
|
}), normalisedValue !== null ? /*#__PURE__*/ React__default.createElement("div", {
|
|
1752
|
-
className:
|
|
1804
|
+
className: "ProgressCircle-wrapper"
|
|
1805
|
+
}, /*#__PURE__*/ React__default.createElement(ProgressCircle, {
|
|
1806
|
+
value: normalisedValue,
|
|
1807
|
+
polarity: polarity,
|
|
1808
|
+
color: bgColor,
|
|
1809
|
+
bgColor: color
|
|
1810
|
+
}), /*#__PURE__*/ React__default.createElement(Label, {
|
|
1811
|
+
className: "ProgressCircle-value",
|
|
1812
|
+
color: "var(--color-gray-200)",
|
|
1813
|
+
fontSize: Label.fontSize.xSmall,
|
|
1753
1814
|
style: {
|
|
1754
|
-
|
|
1815
|
+
fontWeight: 'bold'
|
|
1755
1816
|
}
|
|
1756
|
-
}, /*#__PURE__*/ React__default.createElement(
|
|
1757
|
-
className: classnames('RotarySlider-Indicator'),
|
|
1758
|
-
style: _object_spread$e({
|
|
1759
|
-
backgroundColor: color
|
|
1760
|
-
}, style)
|
|
1761
|
-
})) : ''), /*#__PURE__*/ React__default.createElement(Label, {
|
|
1817
|
+
}, scaledValue)) : ''), /*#__PURE__*/ React__default.createElement(Label, {
|
|
1762
1818
|
padding: [
|
|
1763
1819
|
Label.padding.mediumSmall
|
|
1764
1820
|
],
|
|
1765
|
-
fontSize: Label.fontSize.
|
|
1766
|
-
value: label
|
|
1767
|
-
style: {
|
|
1768
|
-
color: "".concat(labelColor ? labelColor : 'initial')
|
|
1769
|
-
}
|
|
1821
|
+
fontSize: Label.fontSize.xSmall,
|
|
1822
|
+
value: label
|
|
1770
1823
|
}));
|
|
1771
1824
|
}
|
|
1772
1825
|
RotarySlider.sliderPolarity = Polarity;
|
|
@@ -1867,7 +1920,8 @@ function Slider(param) {
|
|
|
1867
1920
|
Label.padding.mediumSmall
|
|
1868
1921
|
],
|
|
1869
1922
|
fontSize: Label.fontSize.small,
|
|
1870
|
-
value: label
|
|
1923
|
+
value: label,
|
|
1924
|
+
color: color
|
|
1871
1925
|
}));
|
|
1872
1926
|
}
|
|
1873
1927
|
Slider.sliderType = SliderType;
|
|
@@ -3578,7 +3632,7 @@ function ModuleHeader(param) {
|
|
|
3578
3632
|
}, "Advanced")))));
|
|
3579
3633
|
}
|
|
3580
3634
|
|
|
3581
|
-
var css_248z$1 = ".ModMatrix {\n color: var(--color-text);\n font-size: var(--text-ms);\n}\n\n.ModMatrixCell {\n background: #252429;\n position: relative;\n
|
|
3635
|
+
var css_248z$1 = ".ModMatrix {\n color: var(--color-text);\n font-size: var(--text-ms);\n}\n\n.ModMatrixCell {\n background: #252429;\n position: relative;\n}\n\n.ModMatrixToggleCell {\n cursor: pointer;\n}\n\n.ModMatrixComboboxCell {\n background: #252429;\n cursor: pointer;\n}\n\n.ModMatrixComboboxItems {\n position: absolute;\n z-index: 50;\n bottom: -151px;\n left: 0px;\n height: 150px;\n width: 100%;\n background: var(--color-gray-500);\n color: var(--color-text);\n font-family: var(--font-leagueSpartan);\n overflow-y: auto;\n overflow-x: hidden;\n cursor: pointer;\n}\n\n.ModMatrixComboboxItem:hover,\n.ModMatrixComboboxItem:active,\n.ModMatrixComboboxItem[data-selected] {\n background: var(--color-gray-600);\n}\n\n.ModMatrixComboboxItem {\n padding: var(--spacing-md) var(--spacing-lg);\n width: 100%;\n}\n.ModMatrixComboboxButton {\n cursor: pointer;\n}\n";
|
|
3582
3636
|
styleInject(css_248z$1);
|
|
3583
3637
|
|
|
3584
3638
|
var targetColors = [
|
|
@@ -4003,7 +4057,9 @@ function ModMatrixCell(param) {
|
|
|
4003
4057
|
var _SingleBarViz_polarity;
|
|
4004
4058
|
var _useSlider = useSlider({
|
|
4005
4059
|
id: modifier,
|
|
4006
|
-
displayValInHeader: false
|
|
4060
|
+
displayValInHeader: false,
|
|
4061
|
+
orientation: Orientation.horizontal,
|
|
4062
|
+
dragOrientation: Orientation.vertical
|
|
4007
4063
|
}), bindBarSliderDrag = _useSlider.bindBarSliderDrag, normalisedValue = _useSlider.normalisedValue;
|
|
4008
4064
|
var scaledNormalisedValue = normalisedValue * 100;
|
|
4009
4065
|
return /*#__PURE__*/ React__default.createElement(Box, _object_spread$2({
|
|
@@ -4016,7 +4072,7 @@ function ModMatrixCell(param) {
|
|
|
4016
4072
|
pointerEvents: 'all'
|
|
4017
4073
|
}, style),
|
|
4018
4074
|
height: '2.5rem'
|
|
4019
|
-
}, bindBarSliderDrag(
|
|
4075
|
+
}, bindBarSliderDrag()), /*#__PURE__*/ React__default.createElement(Box, {
|
|
4020
4076
|
flex: "1",
|
|
4021
4077
|
style: {
|
|
4022
4078
|
pointerEvents: 'none'
|
|
@@ -4484,15 +4540,11 @@ function LFOTab() {
|
|
|
4484
4540
|
id: "LFO1_Wave",
|
|
4485
4541
|
label: "LFO1 Wave"
|
|
4486
4542
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4487
|
-
labelColor: "var(--color-text)",
|
|
4488
4543
|
id: "LFO1_Hz",
|
|
4489
|
-
label: "LFO1 Hz"
|
|
4490
|
-
color: "var(--color-brand)"
|
|
4544
|
+
label: "LFO1 Hz"
|
|
4491
4545
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4492
|
-
labelColor: "var(--color-text)",
|
|
4493
4546
|
id: "LFO1_Hz_Hi",
|
|
4494
|
-
label: "LFO1 Hz Hi"
|
|
4495
|
-
color: "var(--color-brand)"
|
|
4547
|
+
label: "LFO1 Hz Hi"
|
|
4496
4548
|
}), /*#__PURE__*/ React__default.createElement(Dropdown, {
|
|
4497
4549
|
labelColor: "var(--color-text)",
|
|
4498
4550
|
color: "var(--color-brand)",
|
|
@@ -4504,40 +4556,26 @@ function LFOTab() {
|
|
|
4504
4556
|
id: "LFO1_SyncType",
|
|
4505
4557
|
label: "LFO1 Sync Type"
|
|
4506
4558
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4507
|
-
color: "var(--color-brand)",
|
|
4508
|
-
labelColor: "var(--color-text)",
|
|
4509
4559
|
id: "LFO1_Sixteenths",
|
|
4510
4560
|
label: "LFO1 Sixteenths"
|
|
4511
4561
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4512
|
-
color: "var(--color-brand)",
|
|
4513
|
-
labelColor: "var(--color-text)",
|
|
4514
4562
|
id: "LFO1_Thirds",
|
|
4515
4563
|
label: "LFO1 Thirds"
|
|
4516
4564
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4517
|
-
color: "var(--color-brand)",
|
|
4518
|
-
labelColor: "var(--color-text)",
|
|
4519
4565
|
polarity: RotarySlider.sliderPolarity.bipolar,
|
|
4520
4566
|
id: "LFO1_Sync_Offset",
|
|
4521
4567
|
label: "LFO1 Sync Offset"
|
|
4522
4568
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4523
|
-
color: "var(--color-brand)",
|
|
4524
|
-
labelColor: "var(--color-text)",
|
|
4525
4569
|
polarity: RotarySlider.sliderPolarity.bipolar,
|
|
4526
4570
|
id: "LFO1_Phase",
|
|
4527
4571
|
label: "LFO1 Phase"
|
|
4528
4572
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4529
|
-
color: "var(--color-brand)",
|
|
4530
|
-
labelColor: "var(--color-text)",
|
|
4531
4573
|
id: "LFO1_Width",
|
|
4532
4574
|
label: "LFO1 Width"
|
|
4533
4575
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4534
|
-
color: "var(--color-brand)",
|
|
4535
|
-
labelColor: "var(--color-text)",
|
|
4536
4576
|
id: "LFO1_Amp",
|
|
4537
4577
|
label: "LFO1 Amp"
|
|
4538
4578
|
}), /*#__PURE__*/ React__default.createElement(RotarySlider, {
|
|
4539
|
-
color: "var(--color-brand)",
|
|
4540
|
-
labelColor: "var(--color-text)",
|
|
4541
4579
|
id: "LFO1_Rand",
|
|
4542
4580
|
label: "LFO1 Rand"
|
|
4543
4581
|
}));
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO;;AAExD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B;AACA,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B;;AAEA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD;AACA
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO;;AAExD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B;AACA,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B;;AAEA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModMatrixCell.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModMatrix/ModMatrixCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,
|
|
1
|
+
{"version":3,"file":"ModMatrixCell.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModMatrix/ModMatrixCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,qBAwCA;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LFOTab.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModuleFooter/LFOTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,iBAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"LFOTab.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModuleFooter/LFOTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,iBAAS,MAAM,sBAwCd;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -4,12 +4,13 @@ export interface LabelProps {
|
|
|
4
4
|
padding?: Array<Spacing>;
|
|
5
5
|
value?: string | number;
|
|
6
6
|
fontSize?: FontSizes;
|
|
7
|
+
color?: string;
|
|
7
8
|
id?: string;
|
|
8
9
|
htmlFor?: string;
|
|
9
10
|
className?: string;
|
|
10
11
|
style?: object;
|
|
11
12
|
}
|
|
12
|
-
declare function Label({ value, id, className, style, padding, children, htmlFor, fontSize, }: React.PropsWithChildren<LabelProps>): React.JSX.Element;
|
|
13
|
+
declare function Label({ value, id, className, style, color, padding, children, htmlFor, fontSize, }: React.PropsWithChildren<LabelProps>): React.JSX.Element;
|
|
13
14
|
declare namespace Label {
|
|
14
15
|
var padding: typeof Spacing;
|
|
15
16
|
var fontSize: typeof FontSizes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/core/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,UAAU;IAEzB,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/core/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,UAAU;IAEzB,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAA2B,EAC3B,OAAwB,EACxB,QAAQ,EACR,OAAO,EACP,QAA2B,GAC5B,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,qBAqBrC;kBA/BQ,KAAK;;;;AAoCd,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarSlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/BarSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAS3D,MAAM,WAAW,WAAW;IAG1B,EAAE,EAAE,GAAG,CAAC;IAER,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;IAElC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IAKH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAoCpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,iBAAS,MAAM,CAAC,EACd,QAA0B,EAC1B,iBAAwC,EACxC,cAAsB,EACtB,SAAS,EACT,EAAE,EACF,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EAEL,0BAA8B,EAC9B,cAKC,GACF,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"BarSlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/BarSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAS3D,MAAM,WAAW,WAAW;IAG1B,EAAE,EAAE,GAAG,CAAC;IAER,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAGpB,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;IAElC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IAKH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAoCpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,iBAAS,MAAM,CAAC,EACd,QAA0B,EAC1B,iBAAwC,EACxC,cAAsB,EACtB,SAAS,EACT,EAAE,EACF,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EAEL,0BAA8B,EAC9B,cAKC,GACF,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,qBA+DtC;kBAjFQ,MAAM;;;;;AAuFf,eAAe,MAAM,CAAC"}
|
|
@@ -11,6 +11,9 @@ export interface RotarySliderProps {
|
|
|
11
11
|
onChange?: (newValue: any) => void;
|
|
12
12
|
className?: string;
|
|
13
13
|
color?: string;
|
|
14
|
+
bgColor?: string;
|
|
15
|
+
width?: number;
|
|
16
|
+
height?: number;
|
|
14
17
|
style?: object;
|
|
15
18
|
label: string;
|
|
16
19
|
labelColor?: string;
|
|
@@ -22,7 +25,7 @@ export interface RotarySliderProps {
|
|
|
22
25
|
mockInitialNormalisedValue?: number;
|
|
23
26
|
mockProperties?: JuceSliderProperties;
|
|
24
27
|
}
|
|
25
|
-
declare function RotarySlider({ polarity, label, className, id, onChange, rotationBehavior, mockInitialNormalisedValue, isRandomizable, mockProperties, labelColor, color, style, }: React.PropsWithChildren<RotarySliderProps>): React.JSX.Element;
|
|
28
|
+
declare function RotarySlider({ polarity, label, className, id, onChange, rotationBehavior, mockInitialNormalisedValue, isRandomizable, mockProperties, labelColor, color, bgColor, width, height, style, }: React.PropsWithChildren<RotarySliderProps>): React.JSX.Element;
|
|
26
29
|
declare namespace RotarySlider {
|
|
27
30
|
var sliderPolarity: typeof Polarity;
|
|
28
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotarySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotarySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,OAAO,oBAAoB,CAAC;AA+E5B,MAAM,WAAW,iBAAiB;IAGhC,EAAE,EAAE,GAAG,CAAC;IAER,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAIpB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAEnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IAKH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAoCpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC;AAED,iBAAS,YAAY,CAAC,EACpB,QAA0B,EAC1B,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,gBAAyD,EAEzD,0BAA8B,EAC9B,cAAsB,EACtB,cAKC,EACD,UAAU,EACV,KAA+B,EAC/B,OAAiC,EACjC,KAAU,EACV,MAAW,EACX,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,qBAmE5C;kBAzFQ,YAAY;;;AA4FrB,eAAe,YAAY,CAAC"}
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { JuceSliderProperties } from '../core/Slider/types';
|
|
2
2
|
import { Orientation } from 'common/types';
|
|
3
|
-
declare const useSlider: ({ id, label, displayValInHeader, mockProperties, isRandomizable, mockInitialNormalisedValue, onChange, }: {
|
|
3
|
+
declare const useSlider: ({ id, label, displayValInHeader, mockProperties, isRandomizable, orientation, dragOrientation, mockInitialNormalisedValue, onChange, }: {
|
|
4
4
|
id: string;
|
|
5
5
|
label?: string;
|
|
6
6
|
displayValInHeader?: boolean;
|
|
7
7
|
mockProperties?: JuceSliderProperties;
|
|
8
8
|
isRandomizable?: boolean;
|
|
9
|
+
orientation?: Orientation;
|
|
10
|
+
dragOrientation?: Orientation;
|
|
9
11
|
mockInitialNormalisedValue?: number;
|
|
10
12
|
onChange?: (newValue: any) => any;
|
|
11
13
|
}) => {
|
|
12
14
|
setNormalisedState: (newValue: number) => void;
|
|
13
15
|
setScaledState: (newValue: number) => void;
|
|
14
16
|
onMouseEnter: () => void;
|
|
15
|
-
bindBarSliderDrag: (
|
|
17
|
+
bindBarSliderDrag: () => import("@use-gesture/react/dist/declarations/src/types").ReactDOMAttributes;
|
|
16
18
|
bindDrag: (...args: any[]) => import("@use-gesture/react/dist/declarations/src/types").ReactDOMAttributes;
|
|
17
19
|
normalisedValue: number;
|
|
18
20
|
scaledValue: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAc,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,QAAA,MAAM,SAAS,GAAI,
|
|
1
|
+
{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAc,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,QAAA,MAAM,SAAS,GAAI,wIAehB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;CACnC;mCAyGuC,MAAM;+BASV,MAAM;;;;;;;CA+JzC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|