@antimatter-audio/antimatter-ui 16.3.0 → 16.5.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/index.js +292 -242
- package/dist/index.js.map +1 -1
- package/dist/types/advanced/ControlGroupWrapper/ControlGroupWrapper.d.ts +19 -0
- package/dist/types/advanced/ControlGroupWrapper/ControlGroupWrapper.d.ts.map +1 -0
- package/dist/types/advanced/ModMatrix/ModMatrixCell.d.ts.map +1 -1
- package/dist/types/advanced/ModuleFooter/SeqPanel.d.ts.map +1 -1
- package/dist/types/common/utils.d.ts +1 -0
- package/dist/types/common/utils.d.ts.map +1 -1
- package/dist/types/core/Input/Input.d.ts.map +1 -1
- package/dist/types/core/Label/Label.d.ts.map +1 -1
- package/dist/types/core/Slider/RotaryCombobox.d.ts +2 -1
- package/dist/types/core/Slider/RotaryCombobox.d.ts.map +1 -1
- package/dist/types/core/Slider/RotarySlider.d.ts.map +1 -1
- package/dist/types/hooks/useGroupFocus.d.ts +9 -0
- package/dist/types/hooks/useGroupFocus.d.ts.map +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -259,7 +259,7 @@ function snapToLegalValue({ value, properties }) {
|
|
|
259
259
|
if (interval == 0) return value;
|
|
260
260
|
const roundedInterval = parseFloat(interval?.toFixed(2));
|
|
261
261
|
const formattedValue = start + roundedInterval * Math.floor((value - start) / roundedInterval + 0.5);
|
|
262
|
-
return parseFloat(clamp(formattedValue, start, end)
|
|
262
|
+
return parseFloat(clamp(formattedValue, start, end)?.toFixed(2));
|
|
263
263
|
}
|
|
264
264
|
// const validNumber = /^-?\.?\d+(\.\d)?$/;
|
|
265
265
|
// const lastNumberIsDigit = /\d$/;
|
|
@@ -277,17 +277,17 @@ const getValidValueForInput = ({ value, oldValue, properties })=>{
|
|
|
277
277
|
const { start, end } = properties;
|
|
278
278
|
if (validValue !== null && validValue !== undefined) {
|
|
279
279
|
if (parseFloat(validValue) > end) {
|
|
280
|
-
return parseFloat(end
|
|
280
|
+
return parseFloat(end?.toFixed(2));
|
|
281
281
|
} else if (parseFloat(validValue) < start) {
|
|
282
|
-
return parseFloat(start
|
|
282
|
+
return parseFloat(start?.toFixed(2));
|
|
283
283
|
} else {
|
|
284
284
|
return parseFloat(snapToLegalValue({
|
|
285
285
|
value: parseFloat(validValue),
|
|
286
286
|
properties
|
|
287
|
-
})
|
|
287
|
+
})?.toFixed(2));
|
|
288
288
|
}
|
|
289
289
|
} else {
|
|
290
|
-
return parseFloat(oldValue
|
|
290
|
+
return parseFloat(oldValue?.toFixed(2));
|
|
291
291
|
}
|
|
292
292
|
};
|
|
293
293
|
const getBarTransformStyles = ({ polarity, orientation, isDisabled })=>{
|
|
@@ -337,7 +337,7 @@ const randomizeValue = (min, max)=>{
|
|
|
337
337
|
return Math.random() * (max - min) + min;
|
|
338
338
|
};
|
|
339
339
|
const getNormalisedInterval = (interval)=>{
|
|
340
|
-
const roundedInterval = Number(interval
|
|
340
|
+
const roundedInterval = Number(interval?.toFixed(2));
|
|
341
341
|
if (roundedInterval) {
|
|
342
342
|
if (roundedInterval >= 1) {
|
|
343
343
|
return roundedInterval * 0.01;
|
|
@@ -365,11 +365,17 @@ const getNormalisedInterval = (interval)=>{
|
|
|
365
365
|
// min?: number;
|
|
366
366
|
// max?: number;
|
|
367
367
|
// }
|
|
368
|
+
const getSign = (value)=>{
|
|
369
|
+
const initialVal = Math.sign(value ?? 1);
|
|
370
|
+
return Object.is(-0, initialVal) ? -1 : Object.is(0, initialVal) ? 1 : initialVal;
|
|
371
|
+
};
|
|
368
372
|
const incrementValue = ({ incrementType, numSteps, delta, prevVal, interval, incrementBy, min = 0, max = 1 })=>{
|
|
369
373
|
const spreadDigitCount = Math.round(Math.abs(numSteps * interval)).toString().length;
|
|
370
374
|
const spread = numSteps * interval;
|
|
375
|
+
// const incrementInterval = incrementBy ? interval * incrementBy : interval;
|
|
371
376
|
let initialSpreadMultiplier = 0.01;
|
|
372
|
-
|
|
377
|
+
const sign = getSign(incrementType !== IncrementType.button ? delta : incrementBy);
|
|
378
|
+
let velocityMultiplier = 1;
|
|
373
379
|
// let spreadMultiplier;
|
|
374
380
|
let spreadMultiplier = 1;
|
|
375
381
|
if (spreadDigitCount <= 1) {
|
|
@@ -381,17 +387,20 @@ const incrementValue = ({ incrementType, numSteps, delta, prevVal, interval, inc
|
|
|
381
387
|
} else {
|
|
382
388
|
spreadMultiplier = 60;
|
|
383
389
|
}
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
+
const maxMultiplier = 0.7;
|
|
391
|
+
const getVelocityMultiplier = (value)=>Math.abs(value) * Math.max((spread ?? 0) * initialSpreadMultiplier, maxMultiplier);
|
|
392
|
+
if (incrementType === IncrementType.standard) {
|
|
393
|
+
if (delta) {
|
|
394
|
+
velocityMultiplier = getVelocityMultiplier(delta);
|
|
395
|
+
}
|
|
396
|
+
} else if (incrementType === IncrementType.button) {
|
|
397
|
+
if (incrementBy) {
|
|
398
|
+
velocityMultiplier = getVelocityMultiplier(incrementBy);
|
|
390
399
|
}
|
|
391
400
|
}
|
|
392
|
-
const normalisedInterval = getNormalisedInterval(interval
|
|
393
|
-
const newValue = (prevVal ?? 0) + normalisedInterval * velocityMultiplier * spreadMultiplier;
|
|
394
|
-
return
|
|
401
|
+
const normalisedInterval = getNormalisedInterval(interval);
|
|
402
|
+
const newValue = parseFloat(((prevVal ?? 0) + normalisedInterval * velocityMultiplier * spreadMultiplier * sign)?.toFixed(2));
|
|
403
|
+
return newValue;
|
|
395
404
|
};
|
|
396
405
|
const incrementIndex = ({ velocity = 0, numOptions, incrementBy, selectedIndex })=>{
|
|
397
406
|
let spreadMultiplier = 1;
|
|
@@ -1253,6 +1262,7 @@ function Label({ value, id, className, style, color = 'var(--color-text)', highl
|
|
|
1253
1262
|
userSelect: 'none',
|
|
1254
1263
|
textTransform: uppercase ? 'uppercase' : 'none',
|
|
1255
1264
|
cursor: 'inherit',
|
|
1265
|
+
whiteSpace: 'nowrap',
|
|
1256
1266
|
textShadow: outerGlowColor && outerGlowRadius ? getTextOuterGlowString(outerGlowColor, outerGlowRadius) : 'none',
|
|
1257
1267
|
// filter: `drop-shadow(${
|
|
1258
1268
|
// outerGlowRadius && outerGlowColor
|
|
@@ -2524,7 +2534,7 @@ function Combobox({ id, key, label, showLabel = true, color, labelColor = 'var(-
|
|
|
2524
2534
|
Combobox.componentType = ComponentType;
|
|
2525
2535
|
Combobox.anchorTo = AnchorTo;
|
|
2526
2536
|
|
|
2527
|
-
var css_248z$d = ".TextInput {\n pointer-events: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: var(--input-color);\n}\n\n.TextInput:focus,\n.
|
|
2537
|
+
var css_248z$d = ".TextInput {\n pointer-events: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: var(--input-color);\n}\n\n.TextInput:focus,\n.isFocused .TextInput {\n color: var(--input-highlight-color);\n}\n\n.TextInput::-moz-selection {\n background: transparent;\n}\n.TextInput::selection {\n background: transparent;\n}\n\n.TextInput:disabled {\n -webkit-user-select: none;\n user-select: none;\n}\n\n/* .TextInput:focus{} */\n\n.isFocused .TextInput {\n -webkit-user-select: auto;\n -moz-user-select: auto;\n -ms-user-select: auto;\n user-select: auto;\n}\n";
|
|
2528
2538
|
styleInject(css_248z$d);
|
|
2529
2539
|
|
|
2530
2540
|
// import { decimalToPercent, percentToDecimal } from '../../common/utils';
|
|
@@ -2558,8 +2568,21 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
|
|
|
2558
2568
|
}, [
|
|
2559
2569
|
id
|
|
2560
2570
|
]);
|
|
2571
|
+
function handleKeyUp(e) {
|
|
2572
|
+
const newValue = e.target.value;
|
|
2573
|
+
if (e.key === 'Enter') {
|
|
2574
|
+
if (valueRef?.current !== newValue && e.target.id === inputId) {
|
|
2575
|
+
handleSubmit(e);
|
|
2576
|
+
const htmlInput = document.getElementById(inputId);
|
|
2577
|
+
setTimeout(()=>{
|
|
2578
|
+
htmlInput?.select();
|
|
2579
|
+
}, 0);
|
|
2580
|
+
}
|
|
2581
|
+
}
|
|
2582
|
+
}
|
|
2561
2583
|
useEffect(()=>{
|
|
2562
2584
|
if (!isLocalhost) {
|
|
2585
|
+
document.addEventListener('keyup', handleKeyUp);
|
|
2563
2586
|
//TODO: don't get slider state if value is passed as a prop?
|
|
2564
2587
|
const sliderState = Juce.getSliderState(id);
|
|
2565
2588
|
const valueListenerId = sliderState?.valueChangedEvent.addListener((e)=>{
|
|
@@ -2571,6 +2594,7 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
|
|
|
2571
2594
|
setInternalValue(legalVal);
|
|
2572
2595
|
});
|
|
2573
2596
|
return ()=>{
|
|
2597
|
+
document.removeEventListener('keyup', handleKeyUp);
|
|
2574
2598
|
sliderState?.valueChangedEvent.removeListener(valueListenerId);
|
|
2575
2599
|
};
|
|
2576
2600
|
}
|
|
@@ -2581,7 +2605,6 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
|
|
|
2581
2605
|
// (inputValue === '' || /^-?\d+$/.test(inputValue)
|
|
2582
2606
|
function handleSubmit(e) {
|
|
2583
2607
|
const newValue = e.target.value;
|
|
2584
|
-
// const htmlInput = document.getElementById(inputId) as HTMLInputElement;
|
|
2585
2608
|
const { scaledValue, properties } = Juce.getSliderState(id);
|
|
2586
2609
|
if (valueRef?.current !== newValue && e.target.id === inputId) {
|
|
2587
2610
|
const validValue = getValidValueForInput({
|
|
@@ -2726,9 +2749,9 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
|
|
|
2726
2749
|
// TODO: take out mod slot logic
|
|
2727
2750
|
const changeHandler = (scaledValue, sliderId)=>{
|
|
2728
2751
|
if (rowId === modSlotPreview?.targetIndex) {
|
|
2729
|
-
onChange && onChange(parseFloat(scaledValue
|
|
2752
|
+
onChange && onChange(parseFloat(scaledValue?.toFixed(2)), rowId);
|
|
2730
2753
|
} else {
|
|
2731
|
-
onChange && onChange(parseFloat(scaledValue
|
|
2754
|
+
onChange && onChange(parseFloat(scaledValue?.toFixed(2)), sliderId);
|
|
2732
2755
|
}
|
|
2733
2756
|
};
|
|
2734
2757
|
// Update JUCE state
|
|
@@ -2757,11 +2780,11 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
|
|
|
2757
2780
|
const valueListenerId = sliderState?.valueChangedEvent.addListener(()=>{
|
|
2758
2781
|
const sliderState = Juce.getSliderState(id);
|
|
2759
2782
|
setNormalisedValue(sliderState.getNormalisedValue());
|
|
2760
|
-
setScaledValue(parseFloat(sliderState?.scaledValue
|
|
2783
|
+
setScaledValue(parseFloat(sliderState?.scaledValue?.toFixed(2)));
|
|
2761
2784
|
if (displayValInHeader && (label || properties?.name)) {
|
|
2762
2785
|
highlightedItemChanged({
|
|
2763
2786
|
label: label || properties?.name || '',
|
|
2764
|
-
value: parseFloat(sliderState?.scaledValue
|
|
2787
|
+
value: parseFloat(sliderState?.scaledValue?.toFixed(2))
|
|
2765
2788
|
});
|
|
2766
2789
|
}
|
|
2767
2790
|
});
|
|
@@ -2869,155 +2892,32 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
|
|
|
2869
2892
|
var css_248z$c = ".RotarySlider {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\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}\n\n.RotarySlider-Indicator-handle {\n position: absolute;\n top: 3px;\n right: 0;\n left: 50%;\n width: 3px;\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: 3px;\n height: 6px;\n}\n\n.RotarySlider-CenterCircle {\n position: relative;\n border-radius: 100%;\n border: 2px solid var(--color-gray-300);\n /* background: var(--color-gray-800); */\n background: radial-gradient(\n circle at center,\n var(--bg-lv4) 50%,\n var(--bg-lv3) 80%\n );\n}\n\n.RotarySlider-CenterCircle:after {\n content: '';\n width: 4px;\n height: 4px;\n background: var(--color-gray-300);\n border-radius: 100%;\n position: absolute;\n left: 8px;\n top: 3px;\n}\n\n.RotarySlider-positioning-wrapper {\n position: absolute;\n height: 100%;\n width: 100%;\n}\n.ProgressCircle {\n fill: none;\n pointer-events: none;\n}\n\n.ProgressCircle-value {\n text-align: center;\n margin-top: -4px;\n height: 0.8rem;\n line-height: 0.8rem;\n}\n\n.ProgressCircle-bg {\n stroke-width: 3px;\n transform-origin: center;\n /* transform: rotate(135deg); */\n font-size: var(--text-sm);\n pointer-events: none;\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 pointer-events: none;\n}\n";
|
|
2870
2893
|
styleInject(css_248z$c);
|
|
2871
2894
|
|
|
2872
|
-
var css_248z$b = ".ControlGroup.
|
|
2895
|
+
var css_248z$b = ".ControlGroup.isFocused {\n --b: 1px; /* thickness of the border */\n --c: var(--slider-highlight-color); /* color of the border */\n --w: 5px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background:\n conic-gradient(from 90deg at top var(--b) left var(--b), var(--_g)) 0 0 /\n var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100% 0 /\n var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0 100% /\n var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n}\n";
|
|
2873
2896
|
styleInject(css_248z$b);
|
|
2874
2897
|
|
|
2875
|
-
function
|
|
2898
|
+
function ControlGroupWrapper({ id, isDisabled = false, isFocused, className, children, width = 'auto', height = 'auto', borderHighlightColor = 'var(--color-brand)', flexDirection = FlexDirection$1.column, style }) {
|
|
2876
2899
|
// EXPECTED CONTROL GROUP STRUCTURE
|
|
2877
|
-
// <ControlGroup id={id-control-group}
|
|
2900
|
+
// <ControlGroup id={id-control-group}>
|
|
2878
2901
|
// <Slider id={id}></Slider>
|
|
2879
2902
|
// <Input id={id-input}></Input>
|
|
2880
2903
|
// </ControlGroup>
|
|
2881
2904
|
const groupId = `${id}-control-group`;
|
|
2882
|
-
const [isActive, setIsActive] = useState(false);
|
|
2883
|
-
const sliderState = Juce.getSliderState(id);
|
|
2884
|
-
const isOptionPressed = useRef(false);
|
|
2885
|
-
const mousedownListener = (event)=>{
|
|
2886
|
-
if (!isDisabled) {
|
|
2887
|
-
if (event.target.closest('.ControlGroup')?.id === groupId) {
|
|
2888
|
-
setIsActive(true);
|
|
2889
|
-
onChangeActiveState && onChangeActiveState(true);
|
|
2890
|
-
// const input = inputRef?.current;
|
|
2891
|
-
// if (input) {
|
|
2892
|
-
// input?.focus();
|
|
2893
|
-
// }
|
|
2894
|
-
// input?.select();
|
|
2895
|
-
// event.stopPropagation();
|
|
2896
|
-
} else {
|
|
2897
|
-
const input = inputRef?.current;
|
|
2898
|
-
setIsActive(false);
|
|
2899
|
-
onChangeActiveState && onChangeActiveState(false);
|
|
2900
|
-
input?.blur();
|
|
2901
|
-
// event.stopPropagation();
|
|
2902
|
-
}
|
|
2903
|
-
}
|
|
2904
|
-
};
|
|
2905
|
-
const mouseupListener = (event)=>{
|
|
2906
|
-
if (event.target.closest('.ControlGroup')?.id === groupId) {
|
|
2907
|
-
setIsActive(true);
|
|
2908
|
-
onChangeActiveState && onChangeActiveState(true);
|
|
2909
|
-
// const input = inputRef?.current;
|
|
2910
|
-
// if (input) {
|
|
2911
|
-
// input?.focus();
|
|
2912
|
-
// input?.select();
|
|
2913
|
-
// }
|
|
2914
|
-
}
|
|
2915
|
-
// event.stopPropagation();
|
|
2916
|
-
};
|
|
2917
|
-
const increment = ()=>{
|
|
2918
|
-
const normalisedVal = sliderState?.getNormalisedValue();
|
|
2919
|
-
const newValue = incrementValue({
|
|
2920
|
-
incrementType: IncrementType.button,
|
|
2921
|
-
incrementBy: 10,
|
|
2922
|
-
numSteps: sliderState?.properties?.numSteps,
|
|
2923
|
-
prevVal: normalisedVal,
|
|
2924
|
-
interval: sliderState?.properties?.interval
|
|
2925
|
-
});
|
|
2926
|
-
sliderState.setNormalisedValue(newValue);
|
|
2927
|
-
};
|
|
2928
|
-
const decrement = ()=>{
|
|
2929
|
-
const normalisedVal = sliderState?.getNormalisedValue();
|
|
2930
|
-
const newValue = incrementValue({
|
|
2931
|
-
incrementType: IncrementType.button,
|
|
2932
|
-
incrementBy: -10,
|
|
2933
|
-
numSteps: sliderState?.properties?.numSteps,
|
|
2934
|
-
prevVal: normalisedVal,
|
|
2935
|
-
interval: sliderState?.properties?.interval
|
|
2936
|
-
});
|
|
2937
|
-
sliderState?.setNormalisedValue(newValue);
|
|
2938
|
-
};
|
|
2939
|
-
function keyDownListener(event) {
|
|
2940
|
-
if (!isDisabled) {
|
|
2941
|
-
const isNumber = /^[\d.-]$/.test(event.key);
|
|
2942
|
-
const hasFocus = document.activeElement?.id === inputRef?.current?.id || `${document.activeElement?.id}-input` === inputRef?.current?.id;
|
|
2943
|
-
if (isNumber) {
|
|
2944
|
-
const input = inputRef?.current;
|
|
2945
|
-
if (input && id === document?.activeElement?.id) {
|
|
2946
|
-
input.focus();
|
|
2947
|
-
input.select();
|
|
2948
|
-
// input.value = event.key;
|
|
2949
|
-
}
|
|
2950
|
-
}
|
|
2951
|
-
if (event.key === 'Alt') {
|
|
2952
|
-
event.preventDefault();
|
|
2953
|
-
isOptionPressed.current = true;
|
|
2954
|
-
}
|
|
2955
|
-
if (event.key === 'Tab') {
|
|
2956
|
-
event.preventDefault();
|
|
2957
|
-
if (isOptionPressed.current === true) {
|
|
2958
|
-
if (hasFocus) {
|
|
2959
|
-
const input = inputRef?.current;
|
|
2960
|
-
setIsActive(false);
|
|
2961
|
-
onChangeActiveState && onChangeActiveState(false);
|
|
2962
|
-
input?.blur();
|
|
2963
|
-
}
|
|
2964
|
-
} else {
|
|
2965
|
-
event.stopPropagation();
|
|
2966
|
-
// TODO: pass tab key press to JUCE
|
|
2967
|
-
// window?.__JUCE__?.backend?.emitEvent('tabKeyPressed', {});
|
|
2968
|
-
}
|
|
2969
|
-
}
|
|
2970
|
-
if (hasFocus) {
|
|
2971
|
-
if (event.key === 'ArrowLeft') {
|
|
2972
|
-
event.preventDefault();
|
|
2973
|
-
decrement();
|
|
2974
|
-
}
|
|
2975
|
-
if (event.key === 'ArrowRight') {
|
|
2976
|
-
event.preventDefault();
|
|
2977
|
-
increment();
|
|
2978
|
-
}
|
|
2979
|
-
}
|
|
2980
|
-
}
|
|
2981
|
-
}
|
|
2982
|
-
function handleKeyUp(e) {
|
|
2983
|
-
if (e.key === 'Alt') {
|
|
2984
|
-
e.preventDefault();
|
|
2985
|
-
isOptionPressed.current = false;
|
|
2986
|
-
}
|
|
2987
|
-
if (e.key === 'Enter') {
|
|
2988
|
-
e.preventDefault();
|
|
2989
|
-
if (document.activeElement?.id === inputRef?.current?.id || `${document.activeElement?.id}-input` === inputRef?.current?.id) {
|
|
2990
|
-
const input = inputRef?.current;
|
|
2991
|
-
setIsActive(false);
|
|
2992
|
-
onChangeActiveState && onChangeActiveState(false);
|
|
2993
|
-
input?.blur();
|
|
2994
|
-
}
|
|
2995
|
-
}
|
|
2996
|
-
}
|
|
2997
|
-
useEffect(()=>{
|
|
2998
|
-
document.addEventListener('mousedown', mousedownListener);
|
|
2999
|
-
document.addEventListener('mouseup', mouseupListener);
|
|
3000
|
-
document.addEventListener('keydown', keyDownListener);
|
|
3001
|
-
document.addEventListener('keyup', handleKeyUp);
|
|
3002
|
-
return ()=>{
|
|
3003
|
-
document.removeEventListener('mousedown', mousedownListener);
|
|
3004
|
-
document.removeEventListener('mouseup', mouseupListener);
|
|
3005
|
-
document.removeEventListener('keydown', keyDownListener);
|
|
3006
|
-
document.removeEventListener('keyup', handleKeyUp);
|
|
3007
|
-
};
|
|
3008
|
-
}, [
|
|
3009
|
-
window,
|
|
3010
|
-
isDisabled
|
|
3011
|
-
]);
|
|
3012
2905
|
return jsx(Box, {
|
|
3013
2906
|
id: groupId,
|
|
3014
2907
|
width: width,
|
|
3015
|
-
|
|
3016
|
-
|
|
2908
|
+
className: `ControlGroup ${isFocused ? 'isFocused' : ''} ${isDisabled ? 'isDisabled' : ''} ${className ? className : ''}`,
|
|
2909
|
+
style: {
|
|
2910
|
+
//@ts-expect-error
|
|
2911
|
+
'--slider-highlight-color': borderHighlightColor,
|
|
2912
|
+
width,
|
|
2913
|
+
height,
|
|
2914
|
+
flexDirection: flexDirection,
|
|
2915
|
+
...style
|
|
2916
|
+
},
|
|
3017
2917
|
children: children
|
|
3018
2918
|
});
|
|
3019
2919
|
}
|
|
3020
|
-
|
|
2920
|
+
ControlGroupWrapper.FlexDirection = FlexDirection$1;
|
|
3021
2921
|
|
|
3022
2922
|
const ProgressCircle = ({ width, height, polarity = Polarity.unipolar, strokeWidth = 5, // trackOffset = 0,
|
|
3023
2923
|
indicatorLineColor, indicatorLineGradient, outerGlowRadius, outerGlowColors = [], blur, indicatorLineRange, trackColor, radius, circ, activeZone, normalisedValue })=>{
|
|
@@ -3628,6 +3528,144 @@ activeColor = 'var(--color-brand)', inactiveColor = 'var(--bg-lv1)', shape = Ind
|
|
|
3628
3528
|
});
|
|
3629
3529
|
}
|
|
3630
3530
|
|
|
3531
|
+
function useGroupFocus({ isDisabled, id, inputRef }) {
|
|
3532
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
3533
|
+
const isOptionPressed = useRef(false);
|
|
3534
|
+
const groupId = `${id}-control-group`;
|
|
3535
|
+
const inputId = `${id}-input`;
|
|
3536
|
+
const sliderState = Juce.getSliderState(id);
|
|
3537
|
+
const comboBoxState = Juce.getComboBoxState(id);
|
|
3538
|
+
const mousedownListener = (event)=>{
|
|
3539
|
+
if (!isDisabled) {
|
|
3540
|
+
if (event.target.closest('.ControlGroup')?.id === groupId) {
|
|
3541
|
+
setIsFocused(true);
|
|
3542
|
+
// const input = inputRef?.current;
|
|
3543
|
+
// if (input) {
|
|
3544
|
+
// input?.focus();
|
|
3545
|
+
// }
|
|
3546
|
+
// input?.select();
|
|
3547
|
+
// event.stopPropagation();
|
|
3548
|
+
} else {
|
|
3549
|
+
const input = inputRef?.current;
|
|
3550
|
+
setIsFocused(false);
|
|
3551
|
+
input?.blur();
|
|
3552
|
+
// event.stopPropagation();
|
|
3553
|
+
}
|
|
3554
|
+
}
|
|
3555
|
+
};
|
|
3556
|
+
const mouseupListener = (event)=>{
|
|
3557
|
+
if (event.target.closest('.ControlGroup')?.id === groupId) {
|
|
3558
|
+
setIsFocused(true);
|
|
3559
|
+
// const input = inputRef?.current;
|
|
3560
|
+
// if (input) {
|
|
3561
|
+
// input?.focus();
|
|
3562
|
+
// input?.select();
|
|
3563
|
+
// }
|
|
3564
|
+
}
|
|
3565
|
+
// event.stopPropagation();
|
|
3566
|
+
};
|
|
3567
|
+
const increment = ()=>{
|
|
3568
|
+
const isMainSliderACombobox = comboBoxState?.properties?.choices?.length > 0;
|
|
3569
|
+
if (!isMainSliderACombobox) {
|
|
3570
|
+
const scaledVal = sliderState?.scaledValue;
|
|
3571
|
+
const newValue = incrementValue({
|
|
3572
|
+
incrementType: IncrementType.button,
|
|
3573
|
+
incrementBy: 5,
|
|
3574
|
+
numSteps: sliderState?.properties?.numSteps,
|
|
3575
|
+
prevVal: scaledVal,
|
|
3576
|
+
interval: sliderState?.properties?.interval
|
|
3577
|
+
});
|
|
3578
|
+
sliderState.setScaledValue(newValue);
|
|
3579
|
+
} else {
|
|
3580
|
+
const selectedIndex = comboBoxState?.getChoiceIndex();
|
|
3581
|
+
comboBoxState.setChoiceIndex(Math.min(selectedIndex + 1, comboBoxState?.properties?.choices?.length - 1));
|
|
3582
|
+
}
|
|
3583
|
+
};
|
|
3584
|
+
const decrement = ()=>{
|
|
3585
|
+
const isMainSliderACombobox = comboBoxState?.properties?.choices?.length > 0;
|
|
3586
|
+
if (!isMainSliderACombobox) {
|
|
3587
|
+
const scaledVal = sliderState?.scaledValue;
|
|
3588
|
+
const newValue = incrementValue({
|
|
3589
|
+
incrementType: IncrementType.button,
|
|
3590
|
+
incrementBy: -5,
|
|
3591
|
+
numSteps: sliderState?.properties?.numSteps,
|
|
3592
|
+
prevVal: scaledVal,
|
|
3593
|
+
interval: sliderState?.properties?.interval
|
|
3594
|
+
});
|
|
3595
|
+
sliderState?.setScaledValue(newValue);
|
|
3596
|
+
} else {
|
|
3597
|
+
const selectedIndex = comboBoxState?.getChoiceIndex();
|
|
3598
|
+
comboBoxState.setChoiceIndex(Math.max(selectedIndex - 1, 0));
|
|
3599
|
+
}
|
|
3600
|
+
};
|
|
3601
|
+
function keyDownListener(event) {
|
|
3602
|
+
if (!isDisabled) {
|
|
3603
|
+
const isNumber = /^[\d.-]$/.test(event.key);
|
|
3604
|
+
const hasFocus = document.activeElement?.id === inputId || `${document.activeElement?.id}-input` === inputId;
|
|
3605
|
+
if (isNumber) {
|
|
3606
|
+
const input = inputRef?.current;
|
|
3607
|
+
if (input && id === document?.activeElement?.id) {
|
|
3608
|
+
input.focus();
|
|
3609
|
+
input.select();
|
|
3610
|
+
// input.value = event.key;
|
|
3611
|
+
}
|
|
3612
|
+
}
|
|
3613
|
+
if (event.key === 'Alt') {
|
|
3614
|
+
event.preventDefault();
|
|
3615
|
+
isOptionPressed.current = true;
|
|
3616
|
+
}
|
|
3617
|
+
if (event.key === 'Tab') {
|
|
3618
|
+
event.preventDefault();
|
|
3619
|
+
if (isOptionPressed.current === true) {
|
|
3620
|
+
if (hasFocus) {
|
|
3621
|
+
const input = inputRef?.current;
|
|
3622
|
+
setIsFocused(false);
|
|
3623
|
+
input?.blur();
|
|
3624
|
+
}
|
|
3625
|
+
} else {
|
|
3626
|
+
event.stopPropagation();
|
|
3627
|
+
// TODO: pass tab key press to JUCE
|
|
3628
|
+
// window?.__JUCE__?.backend?.emitEvent('tabKeyPressed', {});
|
|
3629
|
+
}
|
|
3630
|
+
}
|
|
3631
|
+
if (hasFocus) {
|
|
3632
|
+
if (event.key === 'ArrowLeft') {
|
|
3633
|
+
event.preventDefault();
|
|
3634
|
+
decrement();
|
|
3635
|
+
}
|
|
3636
|
+
if (event.key === 'ArrowRight') {
|
|
3637
|
+
event.preventDefault();
|
|
3638
|
+
increment();
|
|
3639
|
+
}
|
|
3640
|
+
}
|
|
3641
|
+
}
|
|
3642
|
+
}
|
|
3643
|
+
function handleKeyUp(e) {
|
|
3644
|
+
if (e.key === 'Alt') {
|
|
3645
|
+
e.preventDefault();
|
|
3646
|
+
isOptionPressed.current = false;
|
|
3647
|
+
}
|
|
3648
|
+
}
|
|
3649
|
+
useEffect(()=>{
|
|
3650
|
+
document.addEventListener('mousedown', mousedownListener);
|
|
3651
|
+
document.addEventListener('mouseup', mouseupListener);
|
|
3652
|
+
document.addEventListener('keydown', keyDownListener);
|
|
3653
|
+
document.addEventListener('keyup', handleKeyUp);
|
|
3654
|
+
return ()=>{
|
|
3655
|
+
document.removeEventListener('mousedown', mousedownListener);
|
|
3656
|
+
document.removeEventListener('mouseup', mouseupListener);
|
|
3657
|
+
document.removeEventListener('keydown', keyDownListener);
|
|
3658
|
+
document.removeEventListener('keyup', handleKeyUp);
|
|
3659
|
+
};
|
|
3660
|
+
}, [
|
|
3661
|
+
window,
|
|
3662
|
+
isDisabled
|
|
3663
|
+
]);
|
|
3664
|
+
return {
|
|
3665
|
+
isFocused
|
|
3666
|
+
};
|
|
3667
|
+
}
|
|
3668
|
+
|
|
3631
3669
|
// Rotary Slider UI component.
|
|
3632
3670
|
// Connects to Juce's Slider element
|
|
3633
3671
|
function RotarySlider({ polarity = Polarity.unipolar, label, className, id, onChange, innerCircleGap, trackWidth = TrackWidths.small, isRandomizable = false, isHighlighted, randomizerObject, resetterObject, // trackOffset,
|
|
@@ -3647,8 +3685,12 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
|
|
|
3647
3685
|
isRandomizable,
|
|
3648
3686
|
randomizerObject
|
|
3649
3687
|
});
|
|
3650
|
-
const highlightWrapperRef = useRef(null);
|
|
3688
|
+
// const highlightWrapperRef = useRef<HTMLDivElement>(null);
|
|
3651
3689
|
const inputRef = useRef(null);
|
|
3690
|
+
const { isFocused } = useGroupFocus({
|
|
3691
|
+
id,
|
|
3692
|
+
inputRef
|
|
3693
|
+
});
|
|
3652
3694
|
// console.l
|
|
3653
3695
|
// const defaultTrackWidth = size === RotarySliderSizes.large ? 5 : 3;
|
|
3654
3696
|
const defaultHandleShape = size === RotarySliderSizes.large ? RotarySliderHandleShapes.circle : RotarySliderHandleShapes.rectangle;
|
|
@@ -3660,6 +3702,7 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
|
|
|
3660
3702
|
flexDirection: Box.flexDirection.column,
|
|
3661
3703
|
gap: Box.gap.none,
|
|
3662
3704
|
flex: `0 1 auto`,
|
|
3705
|
+
width: Box.width.auto,
|
|
3663
3706
|
children: [
|
|
3664
3707
|
(label || properties?.name) && showLabel ? jsx(Label, {
|
|
3665
3708
|
padding: [
|
|
@@ -3674,18 +3717,13 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
|
|
|
3674
3717
|
outerGlowColor: labelColor,
|
|
3675
3718
|
outerGlowRadius: outerGlowRadius
|
|
3676
3719
|
}) : null,
|
|
3677
|
-
jsxs(
|
|
3720
|
+
jsxs(ControlGroupWrapper, {
|
|
3678
3721
|
id: id,
|
|
3679
|
-
width: width
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
ref: highlightWrapperRef,
|
|
3722
|
+
width: `${rotarySliderSizeMap?.[size]?.width + 10}px`,
|
|
3723
|
+
height: `${rotarySliderSizeMap?.[size]?.height + 10}px`,
|
|
3724
|
+
isFocused: isFocused,
|
|
3683
3725
|
className: `RotarySlider-HighlightWrapper`,
|
|
3684
|
-
|
|
3685
|
-
'--slider-highlight-color': cornerBorderHighlightColor,
|
|
3686
|
-
width: `${rotarySliderSizeMap?.[size]?.width + 10}px`,
|
|
3687
|
-
height: `${rotarySliderSizeMap?.[size]?.height + 10}px`
|
|
3688
|
-
},
|
|
3726
|
+
borderHighlightColor: cornerBorderHighlightColor,
|
|
3689
3727
|
children: [
|
|
3690
3728
|
jsx(PositioningWrapper, {
|
|
3691
3729
|
top: '25%',
|
|
@@ -3723,6 +3761,7 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
|
|
|
3723
3761
|
className: "ProgressCircle-value",
|
|
3724
3762
|
value: scaledValue,
|
|
3725
3763
|
id: id,
|
|
3764
|
+
isDisabled: !isFocused,
|
|
3726
3765
|
min: properties?.start || 0,
|
|
3727
3766
|
max: properties?.end || 0,
|
|
3728
3767
|
fontSize: Input.fontSize.xSmall,
|
|
@@ -3918,7 +3957,7 @@ mockInitialNormalisedValue = 0, mockProperties = {
|
|
|
3918
3957
|
fontSize: Label.fontSize.xXSmall,
|
|
3919
3958
|
onMouseEnter: ()=>setHoveredMark(item?.label),
|
|
3920
3959
|
onMouseLeave: ()=>setHoveredMark(null),
|
|
3921
|
-
color: +normalisedValue
|
|
3960
|
+
color: +normalisedValue?.toFixed(2) === +item?.value?.toFixed(2) || hoveredMark === item?.label ? markHighlightColor : markColor,
|
|
3922
3961
|
highlightColor: markHighlightColor,
|
|
3923
3962
|
onClick: ()=>{
|
|
3924
3963
|
setScaledState(scaledValue);
|
|
@@ -4041,79 +4080,86 @@ Slider$1.orientation = Orientation;
|
|
|
4041
4080
|
// Rotary Slider UI component.
|
|
4042
4081
|
// Connects to Juce's Slider element
|
|
4043
4082
|
function RotaryCombobox({ polarity = Polarity.unipolar, label, className, id, indicatorId, showLabel = true, trackWidth = TrackWidths.small, width, // trackOffset,
|
|
4044
|
-
innerCircleGap, labelColor, inputHighlightColor, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor, trackColor = 'var(--color-brand-900)', trackStrokeColor, handleStrokeColor = 'var(--color-brand)', handleFillColor, outerGlowRadius, outerGlowColors, isRandomizable, randomizerObject, resetterObject, blur, size = RotarySliderSizes.small, handleShape }) {
|
|
4083
|
+
innerCircleGap, labelColor, inputHighlightColor, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor, cornerBorderHighlightColor = 'var(--color-brand)', trackColor = 'var(--color-brand-900)', trackStrokeColor, handleStrokeColor = 'var(--color-brand)', handleFillColor, outerGlowRadius, outerGlowColors, isRandomizable, randomizerObject, resetterObject, blur, size = RotarySliderSizes.small, handleShape }) {
|
|
4045
4084
|
const { selectedIndex, choices, selectedIndexLabel, onDoubleClick, bindDrag, properties } = useCombobox({
|
|
4046
4085
|
id: id,
|
|
4047
4086
|
randomizerObject
|
|
4048
4087
|
});
|
|
4049
|
-
|
|
4050
|
-
id
|
|
4051
|
-
|
|
4052
|
-
|
|
4053
|
-
|
|
4054
|
-
|
|
4055
|
-
|
|
4056
|
-
|
|
4057
|
-
|
|
4058
|
-
|
|
4059
|
-
|
|
4060
|
-
|
|
4061
|
-
|
|
4062
|
-
|
|
4063
|
-
|
|
4064
|
-
|
|
4065
|
-
|
|
4066
|
-
|
|
4067
|
-
|
|
4068
|
-
|
|
4069
|
-
|
|
4070
|
-
|
|
4071
|
-
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
|
|
4075
|
-
|
|
4076
|
-
|
|
4077
|
-
|
|
4078
|
-
|
|
4079
|
-
|
|
4080
|
-
|
|
4081
|
-
|
|
4082
|
-
|
|
4083
|
-
|
|
4084
|
-
|
|
4085
|
-
|
|
4086
|
-
|
|
4087
|
-
|
|
4088
|
-
|
|
4089
|
-
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4093
|
-
|
|
4094
|
-
|
|
4095
|
-
|
|
4096
|
-
|
|
4097
|
-
|
|
4098
|
-
|
|
4099
|
-
|
|
4100
|
-
|
|
4101
|
-
|
|
4102
|
-
|
|
4088
|
+
const { isFocused } = useGroupFocus({
|
|
4089
|
+
id
|
|
4090
|
+
});
|
|
4091
|
+
return jsxs(Box, {
|
|
4092
|
+
className: `RotarySlider-wrapper`,
|
|
4093
|
+
flexDirection: Box.flexDirection.column,
|
|
4094
|
+
gap: Box.gap.none,
|
|
4095
|
+
flex: `0 1 auto`,
|
|
4096
|
+
height: "90px",
|
|
4097
|
+
width: Box.width.auto,
|
|
4098
|
+
children: [
|
|
4099
|
+
(label || properties?.name) && showLabel ? jsx(Label, {
|
|
4100
|
+
outerGlowColor: labelColor,
|
|
4101
|
+
outerGlowRadius: outerGlowRadius,
|
|
4102
|
+
padding: [
|
|
4103
|
+
Label.padding.none,
|
|
4104
|
+
Label.padding.none,
|
|
4105
|
+
Label.padding.small,
|
|
4106
|
+
Label.padding.none
|
|
4107
|
+
],
|
|
4108
|
+
color: labelColor,
|
|
4109
|
+
fontSize: Label.fontSize.xSmall,
|
|
4110
|
+
value: label || properties?.name
|
|
4111
|
+
}) : null,
|
|
4112
|
+
jsxs(ControlGroupWrapper, {
|
|
4113
|
+
id: id,
|
|
4114
|
+
width: width,
|
|
4115
|
+
isFocused: isFocused,
|
|
4116
|
+
borderHighlightColor: cornerBorderHighlightColor,
|
|
4117
|
+
children: [
|
|
4118
|
+
jsx(PositioningWrapper, {
|
|
4119
|
+
top: '25%',
|
|
4120
|
+
left: '-16px',
|
|
4121
|
+
width: `${rotarySliderSizeMap?.[size]?.width}px`,
|
|
4122
|
+
height: `${rotarySliderSizeMap?.[size]?.height}px`,
|
|
4123
|
+
positionedElement: indicatorId ? jsx(IndicatorLight, {
|
|
4124
|
+
id: indicatorId
|
|
4125
|
+
}) : null,
|
|
4126
|
+
children: jsx(RotaryCircle, {
|
|
4127
|
+
polarity: polarity,
|
|
4128
|
+
className: className,
|
|
4129
|
+
id: id,
|
|
4130
|
+
handleShape: handleShape,
|
|
4131
|
+
trackWidth: trackWidth,
|
|
4132
|
+
innerCircleGap: innerCircleGap,
|
|
4133
|
+
// trackOffset={trackOffset}
|
|
4134
|
+
sliderValue: scaledToNormalised({
|
|
4135
|
+
scaledValue: selectedIndex,
|
|
4136
|
+
start: 0,
|
|
4137
|
+
end: choices.length - 1
|
|
4138
|
+
}),
|
|
4139
|
+
bindDrag: bindDrag,
|
|
4140
|
+
onDoubleClick: onDoubleClick,
|
|
4141
|
+
size: size,
|
|
4142
|
+
indicatorLineColor: indicatorLineColor,
|
|
4143
|
+
indicatorLineGradient: indicatorLineGradient,
|
|
4144
|
+
trackColor: trackColor,
|
|
4145
|
+
trackStrokeColor: trackStrokeColor,
|
|
4146
|
+
handleStrokeColor: handleStrokeColor,
|
|
4147
|
+
handleFillColor: handleFillColor,
|
|
4148
|
+
outerGlowRadius: outerGlowRadius,
|
|
4149
|
+
outerGlowColors: outerGlowColors,
|
|
4150
|
+
blur: blur
|
|
4151
|
+
})
|
|
4152
|
+
}),
|
|
4153
|
+
jsx(Label, {
|
|
4154
|
+
color: labelColor,
|
|
4155
|
+
outerGlowColor: labelColor,
|
|
4103
4156
|
outerGlowRadius: outerGlowRadius,
|
|
4104
|
-
|
|
4105
|
-
|
|
4157
|
+
fontSize: Label.fontSize.xSmall,
|
|
4158
|
+
children: selectedIndexLabel
|
|
4106
4159
|
})
|
|
4107
|
-
|
|
4108
|
-
|
|
4109
|
-
|
|
4110
|
-
outerGlowColor: labelColor,
|
|
4111
|
-
outerGlowRadius: outerGlowRadius,
|
|
4112
|
-
fontSize: Label.fontSize.xSmall,
|
|
4113
|
-
children: selectedIndexLabel
|
|
4114
|
-
})
|
|
4115
|
-
]
|
|
4116
|
-
})
|
|
4160
|
+
]
|
|
4161
|
+
})
|
|
4162
|
+
]
|
|
4117
4163
|
});
|
|
4118
4164
|
}
|
|
4119
4165
|
RotaryCombobox.polarity = Polarity;
|
|
@@ -5709,7 +5755,7 @@ SingleBarViz.orientation = Orientation;
|
|
|
5709
5755
|
|
|
5710
5756
|
function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
|
|
5711
5757
|
const { setDefaultParameter, updateModSlotRowTarget, globalState: { modSlotTargets } } = useGlobalContext();
|
|
5712
|
-
const [_, setIsActive] = useState(false);
|
|
5758
|
+
// const [_, setIsActive] = useState(false);
|
|
5713
5759
|
const inputRef = useRef(null);
|
|
5714
5760
|
const { bindDrag, normalisedValue, scaledValue, properties, setScaledState } = useSlider({
|
|
5715
5761
|
id: modifier,
|
|
@@ -5728,12 +5774,15 @@ function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
|
|
|
5728
5774
|
isDisabled,
|
|
5729
5775
|
isControlGroup: true
|
|
5730
5776
|
});
|
|
5731
|
-
|
|
5777
|
+
const { isFocused } = useGroupFocus({
|
|
5778
|
+
id: rowId,
|
|
5779
|
+
inputRef
|
|
5780
|
+
});
|
|
5781
|
+
return jsx(ControlGroupWrapper, {
|
|
5782
|
+
isFocused: isFocused,
|
|
5732
5783
|
id: modifier,
|
|
5733
5784
|
className: "ModMatrixCell-Wrapper",
|
|
5734
5785
|
isDisabled: isDisabled,
|
|
5735
|
-
inputRef: inputRef,
|
|
5736
|
-
onChangeActiveState: (isActive)=>setIsActive(isActive),
|
|
5737
5786
|
children: jsxs(Box, {
|
|
5738
5787
|
className: `ModMatrixCell ${isDisabled ? 'isDisabled' : ''}`,
|
|
5739
5788
|
justifyContent: Box.justifyContent.flexEnd,
|
|
@@ -6686,7 +6735,8 @@ function SeqTab$1({ seqId }) {
|
|
|
6686
6735
|
// Box.padding.mediumLarge,
|
|
6687
6736
|
// ]}
|
|
6688
6737
|
dividerRight: true,
|
|
6689
|
-
width: Box.width.
|
|
6738
|
+
width: Box.width.full,
|
|
6739
|
+
gap: Box.gap.large,
|
|
6690
6740
|
children: [
|
|
6691
6741
|
syncType === 0 ? jsx(Slider, {
|
|
6692
6742
|
id: `seq${seqId}_hertz`,
|
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,CAAC;;AAEzD,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,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF
|
|
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,CAAC;;AAEzD,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,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './ControlGroupWrapper.css';
|
|
3
|
+
import { FlexDirection } from '../../common/types';
|
|
4
|
+
declare function ControlGroupWrapper({ id, isDisabled, isFocused, className, children, width, height, borderHighlightColor, flexDirection, style, }: React.PropsWithChildren<{
|
|
5
|
+
id: string;
|
|
6
|
+
width?: string;
|
|
7
|
+
height?: string;
|
|
8
|
+
isFocused: boolean;
|
|
9
|
+
flexDirection?: FlexDirection;
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
borderHighlightColor?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
}>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare namespace ControlGroupWrapper {
|
|
16
|
+
var FlexDirection: typeof import("../../common/types").FlexDirection;
|
|
17
|
+
}
|
|
18
|
+
export default ControlGroupWrapper;
|
|
19
|
+
//# sourceMappingURL=ControlGroupWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ControlGroupWrapper.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ControlGroupWrapper/ControlGroupWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,iBAAS,mBAAmB,CAAC,EAC3B,EAAE,EACF,UAAkB,EAClB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAc,EACd,MAAe,EACf,oBAA2C,EAC3C,aAAoC,EACpC,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC,2CAyBD;kBA9CQ,mBAAmB;;;AAkD5B,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModMatrixCell.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModMatrix/ModMatrixCell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModMatrixCell.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModMatrix/ModMatrixCell.tsx"],"names":[],"mappings":"AAYA,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,2CAwGA;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeqPanel.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModuleFooter/SeqPanel.tsx"],"names":[],"mappings":"AAeA,iBAAS,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"SeqPanel.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModuleFooter/SeqPanel.tsx"],"names":[],"mappings":"AAeA,iBAAS,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,2CAmN3C;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -46,6 +46,7 @@ export declare const getBarTransformStyles: ({ polarity, orientation, isDisabled
|
|
|
46
46
|
top?: undefined;
|
|
47
47
|
} | undefined;
|
|
48
48
|
export declare const randomizeValue: (min: number, max: number) => number;
|
|
49
|
+
export declare const getSign: (value?: number) => number;
|
|
49
50
|
export declare const incrementValue: ({ incrementType, numSteps, delta, prevVal, interval, incrementBy, min, max, }: ({
|
|
50
51
|
incrementType: IncrementType.fine | IncrementType.standard;
|
|
51
52
|
delta?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/common/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,aAAa,EACd,MAAM,SAAS,CAAC;AAOjB,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,UAAU,GACX,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC,sBAOA;AAGD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,KAAK,EACL,GAAG,EACH,IAAI,GACL,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,UAEA;AAED,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,GAAG,MAAM,WAGtD,CAAC;AAEJ,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,GAAG,MAAM,WAGtD,CAAC;AAEJ,eAAO,MAAM,qBAAqB,GAAI,MAAM,MAAM,GAAG,MAAM,YAG1D,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,EAAE,YAAO,EAAE,YAAO,WAElD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,oBAAoB,CAAC;CAClC,UAQA;AAKD,eAAO,MAAM,mBAAmB,GAAI,GAAG,GAAG,YAMzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kCAInC;IACD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,oBAAoB,CAAC;CAClC,WAuBA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,wCAInC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;;;;;;;;;;;;;;;;aA8CA,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,WAEtD,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/common/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/core/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,aAAa,CAAC;AAGrB,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,iBAAS,KAAK,CAAC,EACb,UAAU,EACV,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAA2B,EAC3B,KAAK,EACL,eAAe,EACf,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,EAAE,EACF,SAA+B,EAC/B,cAAqC,EACrC,SAA4B,EAC5B,GAAG,IAAI,EACR,EAAE;IACD,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,GAAG,CAAC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/core/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,aAAa,CAAC;AAGrB,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,iBAAS,KAAK,CAAC,EACb,UAAU,EACV,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAA2B,EAC3B,KAAK,EACL,eAAe,EACf,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,EAAE,EACF,SAA+B,EAC/B,cAAqC,EACrC,SAA4B,EAC5B,GAAG,IAAI,EACR,EAAE;IACD,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,GAAG,CAAC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,2CA+IA;kBApLQ,KAAK;;;;;AA0Ld,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/core/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAGxD,MAAM,WAAW,UAAU;IAEzB,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAA2B,EAC3B,cAAc,EACd,OAAwB,EACxB,SAAS,EACT,eAAe,EACf,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/core/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAGxD,MAAM,WAAW,UAAU;IAEzB,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAEzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAA2B,EAC3B,cAAc,EACd,OAAwB,EACxB,SAAS,EACT,eAAe,EACf,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,2CAqCrC;kBArDQ,KAAK;;;;AA0Dd,eAAe,KAAK,CAAC"}
|
|
@@ -3,7 +3,7 @@ import '../Input/Input';
|
|
|
3
3
|
import { JuceSliderProperties, SliderRotationBehavior, RotarySliderSizes, RotarySliderHandleShapes, TrackWidths } from './types';
|
|
4
4
|
import { Polarity, GradientStyles, Observable } from '../../common/types';
|
|
5
5
|
import './RotarySlider.css';
|
|
6
|
-
declare function RotaryCombobox({ polarity, label, className, id, indicatorId, showLabel, trackWidth, width, innerCircleGap, labelColor, inputHighlightColor, indicatorLineColor, indicatorLineGradient, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, outerGlowRadius, outerGlowColors, isRandomizable, randomizerObject, resetterObject, blur, size, handleShape, }: React.PropsWithChildren<{
|
|
6
|
+
declare function RotaryCombobox({ polarity, label, className, id, indicatorId, showLabel, trackWidth, width, innerCircleGap, labelColor, inputHighlightColor, indicatorLineColor, indicatorLineGradient, cornerBorderHighlightColor, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, outerGlowRadius, outerGlowColors, isRandomizable, randomizerObject, resetterObject, blur, size, handleShape, }: React.PropsWithChildren<{
|
|
7
7
|
id: any;
|
|
8
8
|
indicatorId?: string;
|
|
9
9
|
polarity?: Polarity;
|
|
@@ -14,6 +14,7 @@ declare function RotaryCombobox({ polarity, label, className, id, indicatorId, s
|
|
|
14
14
|
onChange?: (newValue: any) => void;
|
|
15
15
|
className?: string;
|
|
16
16
|
trackWidth?: TrackWidths | number;
|
|
17
|
+
cornerBorderHighlightColor?: string;
|
|
17
18
|
innerCircleGap?: number;
|
|
18
19
|
showLabel?: boolean;
|
|
19
20
|
indicatorLineColor?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RotaryCombobox.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotaryCombobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EAEjB,wBAAwB,EACxB,WAAW,EACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAK1E,OAAO,oBAAoB,CAAC;AAS5B,iBAAS,cAAc,CAAC,EACtB,QAA4B,EAC5B,KAAK,EACL,SAAS,EACT,EAAE,EACF,WAAW,EACX,SAAgB,EAChB,UAA8B,EAC9B,KAAK,EAEL,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,qBAA+C,EAC/C,UAAqC,EACrC,gBAAgB,EAChB,iBAAwC,EACxC,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,IAA8B,EAC9B,WAAW,GACZ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAGzB,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,
|
|
1
|
+
{"version":3,"file":"RotaryCombobox.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotaryCombobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EAEjB,wBAAwB,EACxB,WAAW,EACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAK1E,OAAO,oBAAoB,CAAC;AAS5B,iBAAS,cAAc,CAAC,EACtB,QAA4B,EAC5B,KAAK,EACL,SAAS,EACT,EAAE,EACF,WAAW,EACX,SAAgB,EAChB,UAA8B,EAC9B,KAAK,EAEL,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,qBAA+C,EAC/C,0BAAiD,EACjD,UAAqC,EACrC,gBAAgB,EAChB,iBAAwC,EACxC,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,IAA8B,EAC9B,WAAW,GACZ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAGzB,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,2CA8FD;kBA7JQ,cAAc;;;;;AAkKvB,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotarySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,gBAAgB,CAAC;AACxB,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EAEjB,wBAAwB,EACxB,WAAW,EACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAK1E,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotarySlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,gBAAgB,CAAC;AACxB,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EAEjB,wBAAwB,EACxB,WAAW,EACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAK1E,OAAO,oBAAoB,CAAC;AAU5B,iBAAS,YAAY,CAAC,EACpB,QAA4B,EAC5B,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,cAAc,EACd,UAA8B,EAC9B,cAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,cAAc,EAEd,WAAW,EACX,kBAAkB,EAClB,qBAA+C,EAC/C,uBAAuB,EACvB,UAAqC,EACrC,gBAAgB,EAChB,iBAAwC,EACxC,eAAe,EACf,eAAe,EACf,eAAe,EACf,IAAI,EACJ,IAA8B,EAC9B,KAAK,EACL,UAAU,EACV,SAAgB,EAChB,mBAAmB,EACnB,0BAAiD,EACjD,WAAW,EACX,0BAA8B,EAC9B,cAKC,EACD,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAGzB,EAAE,EAAE,GAAG,CAAC;IACR,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,cAAc,CAAC;IACvC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC,CAAC,2CAgID;kBA5MQ,YAAY;;;;;;;AAmNrB,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare function useGroupFocus({ isDisabled, id, inputRef, }: {
|
|
2
|
+
isDisabled?: boolean;
|
|
3
|
+
id: string;
|
|
4
|
+
inputRef?: React.RefObject<HTMLInputElement | null> | null;
|
|
5
|
+
}): {
|
|
6
|
+
isFocused: boolean;
|
|
7
|
+
};
|
|
8
|
+
export default useGroupFocus;
|
|
9
|
+
//# sourceMappingURL=useGroupFocus.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useGroupFocus.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGroupFocus.ts"],"names":[],"mappings":"AAKA,iBAAS,aAAa,CAAC,EACrB,UAAU,EACV,EAAE,EACF,QAAQ,GACT,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CAC5D;;EAwJA;AAED,eAAe,aAAa,CAAC"}
|