@antimatter-audio/antimatter-ui 16.2.12 → 16.2.14

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.
Files changed (20) hide show
  1. package/dist/index.js +262 -183
  2. package/dist/index.js.map +1 -1
  3. package/dist/styles.css +11 -0
  4. package/dist/types/advanced/ControlGroup/ControlGroup.d.ts +8 -1
  5. package/dist/types/advanced/ControlGroup/ControlGroup.d.ts.map +1 -1
  6. package/dist/types/advanced/ModMatrix/ModMatrixCell.d.ts.map +1 -1
  7. package/dist/types/common/utils.d.ts +3 -2
  8. package/dist/types/common/utils.d.ts.map +1 -1
  9. package/dist/types/core/Input/Input.d.ts +2 -1
  10. package/dist/types/core/Input/Input.d.ts.map +1 -1
  11. package/dist/types/core/Label/Label.d.ts.map +1 -1
  12. package/dist/types/core/Slider/RotaryCombobox.d.ts.map +1 -1
  13. package/dist/types/core/Slider/RotarySlider.d.ts +3 -1
  14. package/dist/types/core/Slider/RotarySlider.d.ts.map +1 -1
  15. package/dist/types/core/Slider/Slider.d.ts +2 -1
  16. package/dist/types/core/Slider/Slider.d.ts.map +1 -1
  17. package/dist/types/hooks/useCombobox.d.ts +2 -2
  18. package/dist/types/hooks/useCombobox.d.ts.map +1 -1
  19. package/dist/types/hooks/useSlider.d.ts.map +1 -1
  20. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -34,7 +34,7 @@ function styleInject(css, ref) {
34
34
  }
35
35
  }
36
36
 
37
- var css_248z$k = "@theme static {\n /* Default theme colors */\n --color-brand: #bb68d9;\n --color-brand-900: #1b181c;\n /* --color-brand-900: #443342; */\n --color-brand-700: #932eb8;\n --color-brand-600: #ac47d1;\n --color-brand-400: #d199e6;\n --color-brand-300: #f3d4f4;\n --color-brand-secondary: #18d6d6;\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 /* Main section theme colors */\n --color-GreenScreen-100: #1b4b3d;\n --color-GreenScreen-200: #29705b;\n --color-GreenScreen-300: #369679;\n --color-GreenScreen-400: #44bb97;\n --color-GreenScreen-500: #61c6a7;\n --color-GreenScreen-600: #7cd0b7;\n --color-GreenScreen-700: #a1ddcb;\n --color-GreenScreen-1000: #c7ebe0;\n\n --color-AmberScreen-100: #371815;\n --color-AmberScreen-200: #5c2824;\n --color-AmberScreen-300: #813932;\n --color-AmberScreen-400: #a54940;\n --color-AmberScreen-500: #bd5e56;\n --color-AmberScreen-600: #c6746c;\n --color-AmberScreen-700: #d49691;\n --color-AmberScreen-1000: #e2b9b6;\n\n --color-BlackScreen-100: #000000;\n --color-BlackScreen-200: #0b0b0f;\n --color-BlackScreen-300: #16161d;\n --color-BlackScreen-400: #21212c;\n --color-BlackScreen-500: #2c2c3a;\n --color-BlackScreen-600: #373749;\n --color-BlackScreen-700: #424257;\n --color-BlackScreen-1000: #4d4d66;\n\n --color-GreenAccent-100: #082b20;\n --color-GreenAccent-200: #105640;\n --color-GreenAccent-300: #188160;\n --color-GreenAccent-400: #21ab7f;\n --color-GreenAccent-500: #27ca96;\n --color-GreenAccent-600: #3edaa9;\n --color-GreenAccent-700: #69e2bc;\n --color-GreenAccent-1000: #94ebcf;\n\n --color-YellowAccent-100: #ad6a05;\n --color-YellowAccent-200: #df8807;\n --color-YellowAccent-300: #f8a220;\n --color-YellowAccent-400: #fab752;\n --color-YellowAccent-500: #faba58;\n --color-YellowAccent-600: #fac16b;\n --color-YellowAccent-700: #fbcb83;\n --color-YellowAccent-1000: #fcd69c;\n\n --color-RedAccent-100: #260d10;\n --color-RedAccent-200: #391318;\n --color-RedAccent-300: #4d191f;\n --color-RedAccent-400: #602027;\n --color-RedAccent-500: #73262f;\n --color-RedAccent-600: #862d37;\n --color-RedAccent-700: #99333f;\n --color-RedAccent-1000: #bf404f;\n\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-lv1: #0e0e12;\n --bg-lv2: #121216;\n --bg-lv3: #16171d;\n --bg-lv4: #212128;\n --bg-lv5: #2b2b31;\n --bg-lv6: #3b3b44;\n --bg-lv7: #4c4a54;\n --bg-lv8: #595763;\n --bg-lv9: #838091;\n --bg-lv10: #9a96ab;\n --bg-lv11: #9999a7;\n --bg-lv12: #c1c1c1;\n --bg-selected: #2e2c33;\n\n /* --bg-lv3-brightened: #1a1b21; */\n\n --font-leagueSpartan: 'LeagueSpartan';\n --text-xxs: 0.5rem;\n --text-xs: 0.625rem;\n --text-sm: 0.7rem;\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: default;\n}\n\ndiv:focus,\ndiv:focus-visible {\n outline: none;\n appearance: textfield;\n}\n\n/* .cursor-hidden * {\n cursor: none !important;\n} */\n::-webkit-scrollbar,\n::-webkit-scrollbar-track {\n background-color: var(--bg-lv4);\n scrollbar-width: 3px;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(--bg-lv7);\n border-radius: 6px;\n width: 3px;\n}\n\n* {\n -ms-overflow-style: none;\n}\n\n/* div::-webkit-scrollbar {\n display: none;\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
+ var css_248z$k = "@theme static {\n /* Default theme colors */\n --color-brand: #bb68d9;\n --color-brand-900: #1b181c;\n /* --color-brand-900: #443342; */\n --color-brand-700: #932eb8;\n --color-brand-600: #ac47d1;\n --color-brand-400: #d199e6;\n --color-brand-300: #f3d4f4;\n --color-brand-secondary: #18d6d6;\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 /* Main section theme colors */\n --color-GreenScreen-100: #1b4b3d;\n --color-GreenScreen-200: #29705b;\n --color-GreenScreen-300: #369679;\n --color-GreenScreen-400: #44bb97;\n --color-GreenScreen-500: #61c6a7;\n --color-GreenScreen-600: #7cd0b7;\n --color-GreenScreen-700: #a1ddcb;\n --color-GreenScreen-1000: #c7ebe0;\n\n --color-AmberScreen-100: #371815;\n --color-AmberScreen-200: #5c2824;\n --color-AmberScreen-300: #813932;\n --color-AmberScreen-400: #a54940;\n --color-AmberScreen-500: #bd5e56;\n --color-AmberScreen-600: #c6746c;\n --color-AmberScreen-700: #d49691;\n --color-AmberScreen-1000: #e2b9b6;\n\n --color-BlackScreen-100: #000000;\n --color-BlackScreen-200: #0b0b0f;\n --color-BlackScreen-300: #16161d;\n --color-BlackScreen-400: #21212c;\n --color-BlackScreen-500: #2c2c3a;\n --color-BlackScreen-600: #373749;\n --color-BlackScreen-700: #424257;\n --color-BlackScreen-1000: #4d4d66;\n\n --color-GreenAccent-100: #082b20;\n --color-GreenAccent-200: #105640;\n --color-GreenAccent-300: #188160;\n --color-GreenAccent-400: #21ab7f;\n --color-GreenAccent-500: #27ca96;\n --color-GreenAccent-600: #3edaa9;\n --color-GreenAccent-700: #69e2bc;\n --color-GreenAccent-1000: #94ebcf;\n\n --color-YellowAccent-100: #ad6a05;\n --color-YellowAccent-200: #df8807;\n --color-YellowAccent-300: #f8a220;\n --color-YellowAccent-400: #fab752;\n --color-YellowAccent-500: #faba58;\n --color-YellowAccent-600: #fac16b;\n --color-YellowAccent-700: #fbcb83;\n --color-YellowAccent-1000: #fcd69c;\n\n --color-RedAccent-100: #260d10;\n --color-RedAccent-200: #391318;\n --color-RedAccent-300: #4d191f;\n --color-RedAccent-400: #602027;\n --color-RedAccent-500: #73262f;\n --color-RedAccent-600: #862d37;\n --color-RedAccent-700: #99333f;\n --color-RedAccent-1000: #bf404f;\n\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-lv1: #0e0e12;\n --bg-lv2: #121216;\n --bg-lv3: #16171d;\n --bg-lv4: #212128;\n --bg-lv5: #2b2b31;\n --bg-lv6: #3b3b44;\n --bg-lv7: #4c4a54;\n --bg-lv8: #595763;\n --bg-lv9: #838091;\n --bg-lv10: #9a96ab;\n --bg-lv11: #9999a7;\n --bg-lv12: #c1c1c1;\n --bg-selected: #2e2c33;\n\n /* --bg-lv3-brightened: #1a1b21; */\n\n --font-leagueSpartan: 'LeagueSpartan';\n --text-xxs: 0.5rem;\n --text-xs: 0.625rem;\n --text-sm: 0.7rem;\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\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type='number'] {\n -moz-appearance: textfield;\n appearance: textfield;\n}\n\nbutton,\nbutton:hover,\nbutton:focus,\nbutton:focus-visible {\n outline: none;\n}\n\nbutton:disabled,\ninput:disabled {\n cursor: default;\n}\n\ndiv:focus,\ndiv:focus-visible {\n outline: none;\n appearance: textfield;\n}\n\n/* .cursor-hidden * {\n cursor: none !important;\n} */\n::-webkit-scrollbar,\n::-webkit-scrollbar-track {\n background-color: var(--bg-lv4);\n scrollbar-width: 3px;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(--bg-lv7);\n border-radius: 6px;\n width: 3px;\n}\n\n* {\n -ms-overflow-style: none;\n}\n\n/* div::-webkit-scrollbar {\n display: none;\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";
38
38
  styleInject(css_248z$k);
39
39
 
40
40
  var Spacing;
@@ -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
- let velocityMultiplier = Math.sign(delta ?? 1);
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,29 +387,34 @@ const incrementValue = ({ incrementType, numSteps, delta, prevVal, interval, inc
381
387
  } else {
382
388
  spreadMultiplier = 60;
383
389
  }
384
- if (delta) {
385
- const maxMultiplier = 0.7;
386
- if (incrementType === IncrementType.standard) {
387
- velocityMultiplier = delta * Math.max((spread ?? 0) * initialSpreadMultiplier, maxMultiplier);
388
- } else if (incrementBy && incrementType === IncrementType.button) {
389
- velocityMultiplier = incrementBy;
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 ?? 0);
393
- const newValue = (prevVal ?? 0) + normalisedInterval * velocityMultiplier * spreadMultiplier;
394
- return parseFloat(newValue.toFixed(2));
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
- let spreadMultiplier;
398
- if (numOptions < 50) {
399
- spreadMultiplier = 0.7;
400
- } else if (numOptions >= 50 && numOptions < 150) {
401
- spreadMultiplier = 3;
402
- } else {
403
- spreadMultiplier = 4;
406
+ let spreadMultiplier = 1;
407
+ if (numOptions) {
408
+ if (numOptions < 50) {
409
+ spreadMultiplier = 0.7;
410
+ } else if (numOptions >= 50 && numOptions < 150) {
411
+ spreadMultiplier = 3;
412
+ } else {
413
+ spreadMultiplier = 4;
414
+ }
404
415
  }
405
416
  const velocityMultiplier = Math.max(velocity, 1);
406
- return velocity > 0.5 ? selectedIndex + incrementBy * velocityMultiplier * spreadMultiplier : selectedIndex + incrementBy;
417
+ return velocity && velocity > 0.5 ? selectedIndex + incrementBy * velocityMultiplier * spreadMultiplier : selectedIndex + incrementBy;
407
418
  };
408
419
  const generateDropShadowFilterString = (colors, radius)=>{
409
420
  let output = [];
@@ -1232,7 +1243,7 @@ Icon.icon = Icons;
1232
1243
  Icon.padding = Spacing;
1233
1244
  Icon.margin = Spacing;
1234
1245
 
1235
- function Label({ value, id, className, style, color = 'var(--color-text)', highlightColor = 'var(--color-text)', padding = [
1246
+ function Label({ value, id, className, style, color = 'var(--color-text)', highlightColor, padding = [
1236
1247
  Spacing.none
1237
1248
  ], uppercase, outerGlowRadius, outerGlowColor, blur, children, htmlFor, fontSize = FontSizes.medium, ...rest }) {
1238
1249
  const [componentIsHovered, setComponentIsHovered] = useState(false);
@@ -1257,7 +1268,7 @@ function Label({ value, id, className, style, color = 'var(--color-text)', highl
1257
1268
  // ? `0 0 ${outerGlowRadius}px ${outerGlowColor}`
1258
1269
  // : 'none' + `blur(${blur}px)`
1259
1270
  // })`,
1260
- color: componentIsHovered ? highlightColor : color,
1271
+ color: componentIsHovered && highlightColor ? highlightColor : color,
1261
1272
  ...style
1262
1273
  },
1263
1274
  className: classnames('Label', 'select-none', className),
@@ -2055,14 +2066,22 @@ const useCombobox = ({ id, label, items = [], filter, onChange, displayValInHead
2055
2066
  });
2056
2067
  }
2057
2068
  };
2058
- const incrementValue = ()=>{
2069
+ const incrementComboboxIndex = ()=>{
2059
2070
  if (selectedIndex < properties.choices.length - 1) {
2060
- handleChange(selectedIndex + 1);
2071
+ const newIndex = incrementIndex({
2072
+ selectedIndex,
2073
+ incrementBy: 1
2074
+ });
2075
+ handleChange(newIndex);
2061
2076
  }
2062
2077
  };
2063
- const decrementValue = ()=>{
2078
+ const decrementComboboxIndex = ()=>{
2064
2079
  if (selectedIndex > 0) {
2065
- handleChange(selectedIndex - 1);
2080
+ const newIndex = incrementIndex({
2081
+ selectedIndex,
2082
+ incrementBy: -1
2083
+ });
2084
+ handleChange(newIndex);
2066
2085
  }
2067
2086
  };
2068
2087
  return {
@@ -2078,8 +2097,8 @@ const useCombobox = ({ id, label, items = [], filter, onChange, displayValInHead
2078
2097
  onClick,
2079
2098
  onDoubleClick,
2080
2099
  bindDrag,
2081
- incrementValue,
2082
- decrementValue
2100
+ incrementComboboxIndex,
2101
+ decrementComboboxIndex
2083
2102
  };
2084
2103
  };
2085
2104
 
@@ -2245,7 +2264,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2245
2264
  0,
2246
2265
  0
2247
2266
  ], buttonBackgroundColor = 'var(--bg-lv4)', buttonHighlightColor, buttonHeight = 34, outerGlowRadius, outerGlowColors, className, onChange, isDisabled, anchorTo = AnchorTo.bottomLeft, width = 110, listItemHeight = 34, id, style }) {
2248
- const { selectedIndexLabel, choices, onMouseEnter, onMouseExit, handleChange, onClick, incrementValue, properties, decrementValue } = useCombobox({
2267
+ const { selectedIndexLabel, choices, onMouseEnter, onMouseExit, handleChange, onClick, incrementComboboxIndex, properties, decrementComboboxIndex } = useCombobox({
2249
2268
  id,
2250
2269
  label,
2251
2270
  onChange
@@ -2381,7 +2400,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2381
2400
  IconButton.padding.xSmall,
2382
2401
  IconButton.padding.small
2383
2402
  ],
2384
- onClick: decrementValue
2403
+ onClick: decrementComboboxIndex
2385
2404
  }),
2386
2405
  jsx(IconButton, {
2387
2406
  id: "Combobox-down-arrow",
@@ -2401,7 +2420,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2401
2420
  IconButton.padding.small,
2402
2421
  IconButton.padding.small
2403
2422
  ],
2404
- onClick: incrementValue
2423
+ onClick: incrementComboboxIndex
2405
2424
  })
2406
2425
  ]
2407
2426
  })
@@ -2514,7 +2533,7 @@ function Combobox({ id, key, label, showLabel = true, color, labelColor = 'var(-
2514
2533
  Combobox.componentType = ComponentType;
2515
2534
  Combobox.anchorTo = AnchorTo;
2516
2535
 
2517
- 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}\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.isActive .TextInput {\n -webkit-user-select: auto;\n -moz-user-select: auto;\n -ms-user-select: auto;\n user-select: auto;\n}\n";
2536
+ 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.isActive .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.isActive .TextInput {\n -webkit-user-select: auto;\n -moz-user-select: auto;\n -ms-user-select: auto;\n user-select: auto;\n}\n";
2518
2537
  styleInject(css_248z$d);
2519
2538
 
2520
2539
  // import { decimalToPercent, percentToDecimal } from '../../common/utils';
@@ -2524,14 +2543,19 @@ var InputTypes;
2524
2543
  InputTypes["text"] = "text";
2525
2544
  InputTypes["number"] = "number";
2526
2545
  })(InputTypes || (InputTypes = {}));
2527
- function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style, outerGlowRadius, outerGlowColor, blur, className, isDisabled, id, textColor = 'var(--color-text)', highlightColor = 'var(--color-brand)', textAlign = TextAlign.center }) {
2546
+ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style, outerGlowRadius, outerGlowColor, blur, className, isDisabled, id, textColor = 'var(--color-text)', highlightColor = 'var(--color-brand)', textAlign = TextAlign.center, ...rest }) {
2528
2547
  const [internalValue, setInternalValue] = useState(value);
2529
2548
  // const [hasError, setHasError] = useState<boolean>(false);
2530
- const [isHighlighted, setIsHighlighted] = useState(false);
2549
+ // const [isHighlighted, setIsHighlighted] = useState<boolean>(false);
2531
2550
  const valueRef = useRef(null);
2551
+ const inputRef = useRef(null);
2532
2552
  const isLocalhost = window.location.hostname === 'localhost';
2553
+ const inputId = `${id}-input`;
2533
2554
  // Sets up listeners to handle changes on the backend
2534
- const currentOuterGlowColor = !isHighlighted ? outerGlowColor : highlightColor;
2555
+ // const currentOuterGlowColor = !isHighlighted
2556
+ // ? outerGlowColor
2557
+ // : highlightColor;
2558
+ const currentOuterGlowColor = outerGlowColor;
2535
2559
  useEffect(()=>{
2536
2560
  const sliderState = Juce.getSliderState(id);
2537
2561
  const legalVal = snapToLegalValue({
@@ -2564,28 +2588,11 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2564
2588
  window
2565
2589
  ]);
2566
2590
  // (inputValue === '' || /^-?\d+$/.test(inputValue)
2567
- function clickListener(event) {
2568
- if (event.target.id === `${id}-input`) {
2569
- document.getElementById(`${id}-input`)?.focus();
2570
- setIsHighlighted(true);
2571
- } else {
2572
- setIsHighlighted(false);
2573
- document.getElementById(`${id}-input`)?.blur();
2574
- }
2575
- }
2576
- function keyDownListener(event) {
2577
- const validChar = /\d|\-|\./;
2578
- if (document.activeElement?.id === id && validChar.test(event.key)) {
2579
- event.preventDefault();
2580
- document.getElementById(`${id}-input`)?.focus();
2581
- setIsHighlighted(true);
2582
- setInternalValue(event.key);
2583
- }
2584
- }
2585
2591
  function handleSubmit(e) {
2586
2592
  const newValue = e.target.value;
2593
+ // const htmlInput = document.getElementById(inputId) as HTMLInputElement;
2587
2594
  const { scaledValue, properties } = Juce.getSliderState(id);
2588
- if (valueRef?.current !== newValue && e.target.id === `${id}-input`) {
2595
+ if (valueRef?.current !== newValue && e.target.id === inputId) {
2589
2596
  const validValue = getValidValueForInput({
2590
2597
  value: newValue,
2591
2598
  oldValue: scaledValue,
@@ -2596,34 +2603,8 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2596
2603
  if (validValue === valueRef.current) {
2597
2604
  setInternalValue(validValue);
2598
2605
  }
2599
- document.getElementById(id)?.focus();
2600
- }
2601
- }
2602
- useEffect(()=>{
2603
- document.addEventListener('click', clickListener);
2604
- document.addEventListener('keydown', keyDownListener);
2605
- return ()=>{
2606
- document.removeEventListener('click', clickListener);
2607
- document.removeEventListener('keydown', keyDownListener);
2608
- };
2609
- }, [
2610
- window,
2611
- isHighlighted
2612
- ]);
2613
- function handleKeyUp(e) {
2614
- if (e.key === 'Enter') {
2615
- handleSubmit(e);
2616
- setIsHighlighted(false);
2617
- if (document.activeElement?.id === `${id}-input`) {
2618
- document.activeElement.blur();
2619
- }
2620
2606
  }
2621
2607
  }
2622
- const inputRef = useRef('');
2623
- // detects when the user is actively typing
2624
- inputRef?.current && // inputRef?.current?.addEventListener('keypress', handleKeyPress);
2625
- // triggers a check to see if the user is actually done typing
2626
- inputRef?.current && inputRef?.current?.addEventListener('keyup', handleKeyUp);
2627
2608
  const handleChange = useCallback((e)=>{
2628
2609
  // Don't set the internal value if the value exceeds the max length
2629
2610
  // Don't set the internal value if the value contains an invalid character
@@ -2638,14 +2619,31 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2638
2619
  // setInternalValue(value);
2639
2620
  // }, [value]);
2640
2621
  return jsx("input", {
2641
- id: `${id}-input`,
2622
+ id: inputId,
2642
2623
  ref: inputRef,
2643
- className: classnames('TextInput', isHighlighted ? 'is-highlighted' : '', className),
2624
+ className: classnames('TextInput', className),
2625
+ // onFocus={() => setIsHighlighted(true)}
2626
+ onBlur: (e)=>{
2627
+ // setIsHighlighted(false);
2628
+ handleSubmit(e);
2629
+ },
2630
+ onMouseUp: (e)=>{
2631
+ e.preventDefault();
2632
+ e.target.select();
2633
+ },
2634
+ onClick: (e)=>{
2635
+ e.target.select();
2636
+ },
2637
+ onFocus: (e)=>{
2638
+ e.target.select();
2639
+ },
2644
2640
  spellCheck: false,
2645
2641
  style: {
2642
+ //@ts-expect-error
2643
+ '--input-highlight-color': highlightColor,
2644
+ '--input-color': textColor,
2646
2645
  fontSize: `var(--text-${fontSize}`,
2647
2646
  textAlign: textAlign,
2648
- color: !isHighlighted ? textColor : highlightColor,
2649
2647
  textShadow: currentOuterGlowColor && outerGlowRadius ? getTextOuterGlowString(currentOuterGlowColor, outerGlowRadius) : 'none',
2650
2648
  // filter: `drop-shadow(${
2651
2649
  // outerGlowRadius && outerGlowColor
@@ -2655,11 +2653,11 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2655
2653
  ...style
2656
2654
  },
2657
2655
  value: internalValue,
2658
- onKeyUp: ()=>handleKeyUp,
2659
- onBlur: (e)=>handleSubmit(e),
2656
+ // onKeyUp={() => handleKeyUp}
2660
2657
  disabled: isDisabled,
2661
2658
  // onFocus={(e) => e.target.select()}
2662
- onChange: (e)=>handleChange(e)
2659
+ onChange: (e)=>handleChange(e),
2660
+ ...rest
2663
2661
  });
2664
2662
  }
2665
2663
  Input.type = InputTypes;
@@ -2676,18 +2674,18 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2676
2674
  }, marks, isRandomizable, isStandalone, randomizerObject, resetterObject, isControlGroup = false, orientation = Orientation.vertical, dragOrientation = Orientation.vertical, mockInitialNormalisedValue = 0.0, updateModSlotPreview = true, onChange, sliderElementRef, isDisabled = false })=>{
2677
2675
  // const sliderState: JuceSlider = Juce.getSliderState(id);
2678
2676
  // if isLocalhost is true, the front end app is running outside of JUCE in a browser.
2679
- const [ctrlIsDown, setCtrlIsDown] = useState(false);
2677
+ const [optionIsDown, setOptionIsDown] = useState(false);
2680
2678
  const isLocalhost = window?.location?.hostname === 'localhost';
2681
2679
  const keyDownListener = (event)=>{
2682
2680
  if (event.key === 'Alt') {
2683
2681
  event.preventDefault();
2684
- setCtrlIsDown(true);
2682
+ setOptionIsDown(true);
2685
2683
  }
2686
2684
  };
2687
2685
  const keyUpListener = (event)=>{
2688
2686
  if (event.key === 'Alt') {
2689
2687
  event.preventDefault();
2690
- setCtrlIsDown(false);
2688
+ setOptionIsDown(false);
2691
2689
  }
2692
2690
  };
2693
2691
  // getNormalisedValue:
@@ -2704,7 +2702,7 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2704
2702
  const sliderState = Juce.getSliderState(id);
2705
2703
  // const numSteps = sliderState?.getNumSteps();
2706
2704
  const [scaledValue, setScaledValue] = useState(0);
2707
- const [normalisedValue, setNormalisedValue] = useState(0);
2705
+ const [normalisedValue, setNormalisedValue] = useState(sliderState?.normalisedValue);
2708
2706
  const dragInProgress = useRef(false);
2709
2707
  const { highlightedItemChanged, setDefaultParameter, updateModSlotRowTarget, getModSlotPreview, mainPanelrandomizerObject } = useGlobalContext();
2710
2708
  const randomizerObjectToUse = randomizerObject && Object.keys(randomizerObject).length > 0 ? randomizerObject : mainPanelrandomizerObject;
@@ -2812,12 +2810,10 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2812
2810
  const deltaVal = dragOrientation === Orientation.vertical ? delta[1] * -1 : delta[0];
2813
2811
  const newValue = incrementValue({
2814
2812
  delta: deltaVal,
2815
- numSteps: properties?.numSteps ?? 0,
2816
- incrementType: ctrlIsDown ? IncrementType.fine : IncrementType.standard,
2813
+ incrementType: optionIsDown ? IncrementType.fine : IncrementType.standard,
2817
2814
  prevVal: previousScaledValueRef.current || 0,
2818
2815
  interval: properties?.interval ?? 0,
2819
- min: properties?.start,
2820
- max: properties?.end
2816
+ numSteps: properties?.numSteps ?? 0
2821
2817
  });
2822
2818
  setJuceScaledValue(newValue);
2823
2819
  }
@@ -2879,13 +2875,13 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2879
2875
  };
2880
2876
  };
2881
2877
 
2882
- 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\n.corner-border {\n --b: 1px; /* thickness of the border */\n --c: var(--color-gray-500); /* 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";
2878
+ 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";
2883
2879
  styleInject(css_248z$c);
2884
2880
 
2885
- var css_248z$b = "";
2881
+ var css_248z$b = ".ControlGroup.isActive {\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";
2886
2882
  styleInject(css_248z$b);
2887
2883
 
2888
- function ControlGroup({ id, isDisabled = false, className, onChangeActiveState, children, width = 'auto' }) {
2884
+ function ControlGroup({ id, isDisabled = false, className, onChangeActiveState, children, inputRef, width = 'auto', ...rest }) {
2889
2885
  // EXPECTED CONTROL GROUP STRUCTURE
2890
2886
  // <ControlGroup id={id-control-group} is-active>
2891
2887
  // <Slider id={id}></Slider>
@@ -2894,75 +2890,143 @@ function ControlGroup({ id, isDisabled = false, className, onChangeActiveState,
2894
2890
  const groupId = `${id}-control-group`;
2895
2891
  const [isActive, setIsActive] = useState(false);
2896
2892
  const sliderState = Juce.getSliderState(id);
2897
- const clickListener = (event)=>{
2893
+ const isOptionPressed = useRef(false);
2894
+ const mousedownListener = (event)=>{
2898
2895
  if (!isDisabled) {
2899
- if (event.target.closest('.controlGroup')?.id === groupId) {
2896
+ if (event.target.closest('.ControlGroup')?.id === groupId) {
2900
2897
  setIsActive(true);
2901
2898
  onChangeActiveState && onChangeActiveState(true);
2902
- document.getElementById(`${id}-input`)?.focus();
2903
- document.getElementById(`${id}-input`)?.select();
2899
+ // const input = inputRef?.current;
2900
+ // if (input) {
2901
+ // input?.focus();
2902
+ // }
2903
+ // input?.select();
2904
2904
  // event.stopPropagation();
2905
2905
  } else {
2906
+ const input = inputRef?.current;
2906
2907
  setIsActive(false);
2907
2908
  onChangeActiveState && onChangeActiveState(false);
2908
- document.getElementById(`${id}-input`)?.blur();
2909
+ input?.blur();
2909
2910
  // event.stopPropagation();
2910
2911
  }
2911
2912
  }
2912
2913
  };
2914
+ const mouseupListener = (event)=>{
2915
+ if (event.target.closest('.ControlGroup')?.id === groupId) {
2916
+ setIsActive(true);
2917
+ onChangeActiveState && onChangeActiveState(true);
2918
+ // const input = inputRef?.current;
2919
+ // if (input) {
2920
+ // input?.focus();
2921
+ // input?.select();
2922
+ // }
2923
+ }
2924
+ // event.stopPropagation();
2925
+ };
2913
2926
  const increment = ()=>{
2914
- const normalisedVal = sliderState?.getNormalisedValue();
2927
+ const scaledVal = sliderState?.scaledValue;
2915
2928
  const newValue = incrementValue({
2916
2929
  incrementType: IncrementType.button,
2917
- incrementBy: 10,
2930
+ incrementBy: 5,
2918
2931
  numSteps: sliderState?.properties?.numSteps,
2919
- prevVal: normalisedVal,
2932
+ prevVal: scaledVal,
2920
2933
  interval: sliderState?.properties?.interval
2921
2934
  });
2922
- sliderState.setNormalisedValue(newValue);
2935
+ sliderState.setScaledValue(newValue);
2923
2936
  };
2924
2937
  const decrement = ()=>{
2925
- const normalisedVal = sliderState?.getNormalisedValue();
2938
+ const scaledVal = sliderState?.scaledValue;
2926
2939
  const newValue = incrementValue({
2927
2940
  incrementType: IncrementType.button,
2928
- incrementBy: -10,
2941
+ incrementBy: -5,
2929
2942
  numSteps: sliderState?.properties?.numSteps,
2930
- prevVal: normalisedVal,
2943
+ prevVal: scaledVal,
2931
2944
  interval: sliderState?.properties?.interval
2932
2945
  });
2933
- sliderState?.setNormalisedValue(newValue);
2946
+ sliderState?.setScaledValue(newValue);
2934
2947
  };
2935
2948
  function keyDownListener(event) {
2936
- if (isActive && !isDisabled) {
2937
- if (event.key === 'ArrowLeft') {
2949
+ if (!isDisabled) {
2950
+ const isNumber = /^[\d.-]$/.test(event.key);
2951
+ const hasFocus = document.activeElement?.id === inputRef?.current?.id || `${document.activeElement?.id}-input` === inputRef?.current?.id;
2952
+ if (isNumber) {
2953
+ const input = inputRef?.current;
2954
+ if (input && id === document?.activeElement?.id) {
2955
+ input.focus();
2956
+ input.select();
2957
+ // input.value = event.key;
2958
+ }
2959
+ }
2960
+ if (event.key === 'Alt') {
2938
2961
  event.preventDefault();
2939
- decrement();
2962
+ isOptionPressed.current = true;
2940
2963
  }
2941
- if (event.key === 'ArrowRight') {
2964
+ if (event.key === 'Tab') {
2942
2965
  event.preventDefault();
2943
- increment();
2966
+ if (isOptionPressed.current === true) {
2967
+ if (hasFocus) {
2968
+ const input = inputRef?.current;
2969
+ setIsActive(false);
2970
+ onChangeActiveState && onChangeActiveState(false);
2971
+ input?.blur();
2972
+ }
2973
+ } else {
2974
+ event.stopPropagation();
2975
+ // TODO: pass tab key press to JUCE
2976
+ // window?.__JUCE__?.backend?.emitEvent('tabKeyPressed', {});
2977
+ }
2978
+ }
2979
+ if (hasFocus) {
2980
+ if (event.key === 'ArrowLeft') {
2981
+ event.preventDefault();
2982
+ decrement();
2983
+ }
2984
+ if (event.key === 'ArrowRight') {
2985
+ event.preventDefault();
2986
+ increment();
2987
+ }
2988
+ }
2989
+ }
2990
+ }
2991
+ function handleKeyUp(e) {
2992
+ if (e.key === 'Alt') {
2993
+ e.preventDefault();
2994
+ isOptionPressed.current = false;
2995
+ }
2996
+ if (e.key === 'Enter') {
2997
+ e.preventDefault();
2998
+ if (document.activeElement?.id === inputRef?.current?.id || `${document.activeElement?.id}-input` === inputRef?.current?.id) {
2999
+ const input = inputRef?.current;
3000
+ setIsActive(false);
3001
+ onChangeActiveState && onChangeActiveState(false);
3002
+ input?.blur();
2944
3003
  }
2945
3004
  }
2946
3005
  }
2947
3006
  useEffect(()=>{
2948
- document.addEventListener('click', clickListener);
3007
+ document.addEventListener('mousedown', mousedownListener);
3008
+ document.addEventListener('mouseup', mouseupListener);
2949
3009
  document.addEventListener('keydown', keyDownListener);
3010
+ document.addEventListener('keyup', handleKeyUp);
2950
3011
  return ()=>{
2951
- document.removeEventListener('click', clickListener);
3012
+ document.removeEventListener('mousedown', mousedownListener);
3013
+ document.removeEventListener('mouseup', mouseupListener);
2952
3014
  document.removeEventListener('keydown', keyDownListener);
3015
+ document.removeEventListener('keyup', handleKeyUp);
2953
3016
  };
2954
3017
  }, [
2955
3018
  window,
2956
- isActive,
2957
3019
  isDisabled
2958
3020
  ]);
2959
3021
  return jsx(Box, {
2960
3022
  id: groupId,
2961
3023
  width: width,
2962
- className: `controlGroup ${isActive ? 'isActive' : ''} ${isDisabled ? 'isDisabled' : ''} ${className ? className : ''}`,
3024
+ ...rest,
3025
+ className: `ControlGroup ${isActive ? 'isActive' : ''} ${isDisabled ? 'isDisabled' : ''} ${className ? className : ''}`,
2963
3026
  children: children
2964
3027
  });
2965
3028
  }
3029
+ ControlGroup.FlexDirection = FlexDirection$1;
2966
3030
 
2967
3031
  const ProgressCircle = ({ width, height, polarity = Polarity.unipolar, strokeWidth = 5, // trackOffset = 0,
2968
3032
  indicatorLineColor, indicatorLineGradient, outerGlowRadius, outerGlowColors = [], blur, indicatorLineRange, trackColor, radius, circ, activeZone, normalisedValue })=>{
@@ -3575,8 +3639,8 @@ activeColor = 'var(--color-brand)', inactiveColor = 'var(--bg-lv1)', shape = Ind
3575
3639
 
3576
3640
  // Rotary Slider UI component.
3577
3641
  // Connects to Juce's Slider element
3578
- function RotarySlider({ polarity = Polarity.unipolar, label, className, id, onChange, innerCircleGap, trackWidth = TrackWidths.small, isRandomizable = false, randomizerObject, resetterObject, // trackOffset,
3579
- indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor, indicatorLineActiveArea, trackColor = 'var(--color-brand-900)', trackStrokeColor, handleStrokeColor = 'var(--color-brand)', handleFillColor, outerGlowRadius, outerGlowColors, blur, size = RotarySliderSizes.small, width, labelColor, showLabel = true, inputHighlightColor, handleShape, mockInitialNormalisedValue = 0, mockProperties = {
3642
+ function RotarySlider({ polarity = Polarity.unipolar, label, className, id, onChange, innerCircleGap, trackWidth = TrackWidths.small, isRandomizable = false, isHighlighted, randomizerObject, resetterObject, // trackOffset,
3643
+ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor, indicatorLineActiveArea, trackColor = 'var(--color-brand-900)', trackStrokeColor, handleStrokeColor = 'var(--color-brand)', handleFillColor, outerGlowRadius, outerGlowColors, blur, size = RotarySliderSizes.small, width, labelColor, showLabel = true, inputHighlightColor, cornerBorderHighlightColor = 'var(--color-brand)', handleShape, mockInitialNormalisedValue = 0, mockProperties = {
3580
3644
  start: 20.0,
3581
3645
  end: 15000.0,
3582
3646
  interval: 0.1,
@@ -3592,20 +3656,14 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
3592
3656
  isRandomizable,
3593
3657
  randomizerObject
3594
3658
  });
3595
- // console.log(
3596
- // normalisedValue,
3597
- // scaledValue,
3598
- // 'normalisedValuenormalisedValuenormalisedValuenormalisedValuenormalisedValue',
3599
- // );
3600
- // const defaultGradientColor =
3601
- // size === RotarySliderSizes.large
3602
- // ? GradientStyles.multicolor
3603
- // : GradientStyles.unicolor;
3659
+ const highlightWrapperRef = useRef(null);
3660
+ const inputRef = useRef(null);
3661
+ // console.l
3604
3662
  // const defaultTrackWidth = size === RotarySliderSizes.large ? 5 : 3;
3605
3663
  const defaultHandleShape = size === RotarySliderSizes.large ? RotarySliderHandleShapes.circle : RotarySliderHandleShapes.rectangle;
3606
- return jsx(ControlGroup, {
3607
- id: id,
3608
- width: width,
3664
+ return jsx(Box, {
3665
+ width: Box.width.auto,
3666
+ height: Box.height.auto,
3609
3667
  children: jsxs(Box, {
3610
3668
  className: `RotarySlider-wrapper`,
3611
3669
  flexDirection: Box.flexDirection.column,
@@ -3625,59 +3683,75 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
3625
3683
  outerGlowColor: labelColor,
3626
3684
  outerGlowRadius: outerGlowRadius
3627
3685
  }) : null,
3628
- jsx(PositioningWrapper, {
3629
- top: '25%',
3630
- left: '-16px',
3631
- width: `${rotarySliderSizeMap?.[size]?.width}px`,
3632
- height: `${rotarySliderSizeMap?.[size]?.height}px`,
3633
- positionedElement: indicatorId ? jsx(IndicatorLight, {
3634
- id: indicatorId
3635
- }) : null,
3636
- children: jsx(RotaryCircle, {
3637
- polarity: polarity,
3638
- className: className,
3639
- id: id,
3640
- trackWidth: trackWidth,
3641
- handleShape: handleShape ?? defaultHandleShape,
3642
- // trackOffset={trackOffset}
3643
- innerCircleGap: innerCircleGap,
3644
- indicatorLineActiveArea: indicatorLineActiveArea,
3645
- sliderValue: normalisedValue,
3646
- bindDrag: bindDrag,
3647
- onDoubleClick: setToDefaultState,
3648
- size: size,
3649
- indicatorLineColor: indicatorLineColor,
3650
- indicatorLineGradient: indicatorLineGradient,
3651
- trackColor: trackColor,
3652
- trackStrokeColor: trackStrokeColor,
3653
- handleStrokeColor: handleStrokeColor,
3654
- handleFillColor: handleFillColor,
3655
- outerGlowRadius: outerGlowRadius,
3656
- outerGlowColors: outerGlowColors,
3657
- blur: blur
3658
- })
3659
- }),
3660
- jsx(Input, {
3661
- className: "ProgressCircle-value",
3662
- value: scaledValue,
3686
+ jsxs(ControlGroup, {
3663
3687
  id: id,
3664
- min: properties?.start || 0,
3665
- max: properties?.end || 0,
3666
- fontSize: Input.fontSize.xSmall,
3667
- textAlign: Input.textAlign.center,
3668
- textColor: labelColor,
3669
- highlightColor: inputHighlightColor,
3670
- outerGlowColor: labelColor,
3671
- outerGlowRadius: outerGlowRadius,
3672
- blur: blur,
3688
+ width: width,
3689
+ inputRef: inputRef,
3690
+ flexDirection: ControlGroup.FlexDirection.column,
3691
+ ref: highlightWrapperRef,
3692
+ className: `RotarySlider-HighlightWrapper`,
3673
3693
  style: {
3674
- fontWeight: 'bold',
3675
- width: '100%',
3676
- maxWidth: `${rotarySliderSizeMap?.[size]?.width}px`
3694
+ '--slider-highlight-color': cornerBorderHighlightColor,
3695
+ width: `${rotarySliderSizeMap?.[size]?.width + 10}px`,
3696
+ height: `${rotarySliderSizeMap?.[size]?.height + 10}px`
3677
3697
  },
3678
- onComplete: (value)=>{
3679
- value !== undefined && setScaledState(value);
3680
- }
3698
+ children: [
3699
+ jsx(PositioningWrapper, {
3700
+ top: '25%',
3701
+ left: '-16px',
3702
+ width: `${rotarySliderSizeMap?.[size]?.width}px`,
3703
+ height: `${rotarySliderSizeMap?.[size]?.height}px`,
3704
+ positionedElement: indicatorId ? jsx(IndicatorLight, {
3705
+ id: indicatorId
3706
+ }) : null,
3707
+ children: jsx(RotaryCircle, {
3708
+ polarity: polarity,
3709
+ className: className,
3710
+ id: id,
3711
+ trackWidth: trackWidth,
3712
+ handleShape: handleShape ?? defaultHandleShape,
3713
+ // trackOffset={trackOffset}
3714
+ innerCircleGap: innerCircleGap,
3715
+ indicatorLineActiveArea: indicatorLineActiveArea,
3716
+ sliderValue: normalisedValue,
3717
+ bindDrag: bindDrag,
3718
+ onDoubleClick: setToDefaultState,
3719
+ size: size,
3720
+ indicatorLineColor: indicatorLineColor,
3721
+ indicatorLineGradient: indicatorLineGradient,
3722
+ trackColor: trackColor,
3723
+ trackStrokeColor: trackStrokeColor,
3724
+ handleStrokeColor: handleStrokeColor,
3725
+ handleFillColor: handleFillColor,
3726
+ outerGlowRadius: outerGlowRadius,
3727
+ outerGlowColors: outerGlowColors,
3728
+ blur: blur
3729
+ })
3730
+ }),
3731
+ jsx(Input, {
3732
+ className: "ProgressCircle-value",
3733
+ value: scaledValue,
3734
+ id: id,
3735
+ min: properties?.start || 0,
3736
+ max: properties?.end || 0,
3737
+ fontSize: Input.fontSize.xSmall,
3738
+ textAlign: Input.textAlign.center,
3739
+ textColor: labelColor,
3740
+ highlightColor: inputHighlightColor,
3741
+ outerGlowColor: labelColor,
3742
+ outerGlowRadius: outerGlowRadius,
3743
+ blur: blur,
3744
+ ref: inputRef,
3745
+ style: {
3746
+ fontWeight: 'bold',
3747
+ width: '100%',
3748
+ maxWidth: `${rotarySliderSizeMap?.[size]?.width}px`
3749
+ },
3750
+ onComplete: (value)=>{
3751
+ value !== undefined && setScaledState(value);
3752
+ }
3753
+ })
3754
+ ]
3681
3755
  })
3682
3756
  ]
3683
3757
  })
@@ -3984,6 +4058,7 @@ innerCircleGap, labelColor, inputHighlightColor, indicatorLineColor, indicatorLi
3984
4058
  return jsx(ControlGroup, {
3985
4059
  id: id,
3986
4060
  width: width,
4061
+ inputRef: null,
3987
4062
  children: jsxs(Box, {
3988
4063
  className: `RotarySlider-wrapper`,
3989
4064
  flexDirection: Box.flexDirection.column,
@@ -4062,7 +4137,7 @@ var SliderVariants;
4062
4137
  SliderVariants["rotary"] = "rotary";
4063
4138
  SliderVariants["rotaryCombobox"] = "rotaryCombobox";
4064
4139
  })(SliderVariants || (SliderVariants = {}));
4065
- function Slider({ variant = SliderVariants.rotary, polarity = Polarity.unipolar, inputHighlightColor = 'var(--color-brand)', label, labelColor, showLabel, indicatorLineColor, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, handleShape, showHandle, showInsetBoxShadow, indicatorLineGradient, outerGlowRadius, outerGlowColors, blur, trackWidth, trackBorderRadius, className, id, width, height, onChange, indicatorId, innerCircleGap, size = RotarySliderSizes.small, // trackOffset = 0,
4140
+ function Slider({ variant = SliderVariants.rotary, polarity = Polarity.unipolar, inputHighlightColor = 'var(--color-brand)', label, labelColor, showLabel, indicatorLineColor, cornerBorderHighlightColor, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, handleShape, showHandle, showInsetBoxShadow, indicatorLineGradient, outerGlowRadius, outerGlowColors, blur, trackWidth, trackBorderRadius, className, id, width, height, onChange, indicatorId, innerCircleGap, size = RotarySliderSizes.small, // trackOffset = 0,
4066
4141
  mockInitialNormalisedValue = 0, showValue, includeValueInHeight, marks, isRandomizable, randomizerObject, resetterObject, rotationBehavior, orientation, dragOrientation, isStandalone, isHighlighted, mockProperties = {
4067
4142
  start: 20.0,
4068
4143
  end: 15000.0,
@@ -4076,6 +4151,7 @@ mockInitialNormalisedValue = 0, showValue, includeValueInHeight, marks, isRandom
4076
4151
  label: label,
4077
4152
  labelColor: labelColor,
4078
4153
  trackWidth: trackWidth,
4154
+ cornerBorderHighlightColor: cornerBorderHighlightColor,
4079
4155
  indicatorLineColor: indicatorLineColor,
4080
4156
  indicatorLineGradient: indicatorLineGradient,
4081
4157
  width: width,
@@ -5643,6 +5719,7 @@ SingleBarViz.orientation = Orientation;
5643
5719
  function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5644
5720
  const { setDefaultParameter, updateModSlotRowTarget, globalState: { modSlotTargets } } = useGlobalContext();
5645
5721
  const [_, setIsActive] = useState(false);
5722
+ const inputRef = useRef(null);
5646
5723
  const { bindDrag, normalisedValue, scaledValue, properties, setScaledState } = useSlider({
5647
5724
  id: modifier,
5648
5725
  rowId,
@@ -5664,6 +5741,7 @@ function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5664
5741
  id: modifier,
5665
5742
  className: "ModMatrixCell-Wrapper",
5666
5743
  isDisabled: isDisabled,
5744
+ inputRef: inputRef,
5667
5745
  onChangeActiveState: (isActive)=>setIsActive(isActive),
5668
5746
  children: jsxs(Box, {
5669
5747
  className: `ModMatrixCell ${isDisabled ? 'isDisabled' : ''}`,
@@ -5689,6 +5767,7 @@ function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5689
5767
  className: "ModMatrixInput",
5690
5768
  value: scaledValue,
5691
5769
  id: modifier,
5770
+ ref: inputRef,
5692
5771
  isDisabled: isDisabled,
5693
5772
  min: properties?.start || 0,
5694
5773
  max: properties?.end || 0,
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
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]}
package/dist/styles.css CHANGED
@@ -208,6 +208,17 @@ input:focus-visible {
208
208
  appearance: textfield;
209
209
  }
210
210
 
211
+ input::-webkit-outer-spin-button,
212
+ input::-webkit-inner-spin-button {
213
+ -webkit-appearance: none;
214
+ margin: 0;
215
+ }
216
+
217
+ input[type='number'] {
218
+ -moz-appearance: textfield;
219
+ appearance: textfield;
220
+ }
221
+
211
222
  button,
212
223
  button:hover,
213
224
  button:focus,
package/dist/types/advanced/ControlGroup/ControlGroup.d.ts CHANGED
@@ -1,11 +1,18 @@
1
1
  import React from 'react';
2
2
  import './ControlGroup.css';
3
- declare function ControlGroup({ id, isDisabled, className, onChangeActiveState, children, width, }: React.PropsWithChildren<{
3
+ import { FlexDirection } from '../../common/types';
4
+ declare function ControlGroup({ id, isDisabled, className, onChangeActiveState, children, inputRef, width, ...rest }: React.PropsWithChildren<{
4
5
  id: string;
5
6
  width?: string;
7
+ flexDirection?: FlexDirection;
6
8
  onChangeActiveState?: (isActive: boolean) => any;
7
9
  isDisabled?: boolean;
10
+ inputRef: React.RefObject<HTMLInputElement | null> | null;
8
11
  className?: string;
12
+ [key: string]: any;
9
13
  }>): import("react/jsx-runtime").JSX.Element;
14
+ declare namespace ControlGroup {
15
+ var FlexDirection: typeof import("../../common/types").FlexDirection;
16
+ }
10
17
  export default ControlGroup;
11
18
  //# sourceMappingURL=ControlGroup.d.ts.map
package/dist/types/advanced/ControlGroup/ControlGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ControlGroup.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ControlGroup/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,oBAAoB,CAAC;AAG5B,iBAAS,YAAY,CAAC,EACpB,EAAE,EACF,UAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,KAAc,GACf,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,2CAoFD;AAED,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"ControlGroup.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ControlGroup/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAiB,MAAM,oBAAoB,CAAC;AAElE,iBAAS,YAAY,CAAC,EACpB,EAAE,EACF,UAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,KAAc,EACd,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC,2CAkKD;kBApLQ,YAAY;;;AAwLrB,eAAe,YAAY,CAAC"}
package/dist/types/advanced/ModMatrix/ModMatrixCell.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModMatrixCell.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModMatrix/ModMatrixCell.tsx"],"names":[],"mappings":"AAWA,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,2CA+FA;AAED,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ModMatrixCell.d.ts","sourceRoot":"","sources":["../../../../src/advanced/ModMatrix/ModMatrixCell.tsx"],"names":[],"mappings":"AAWA,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,2CAkGA;AAED,eAAe,aAAa,CAAC"}
package/dist/types/common/utils.d.ts CHANGED
@@ -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;
@@ -63,9 +64,9 @@ export declare const incrementValue: ({ incrementType, numSteps, delta, prevVal,
63
64
  }) => number;
64
65
  export declare function throttle(mainFunction: any, delay: number): (...args: any) => void;
65
66
  export declare const incrementIndex: ({ velocity, numOptions, incrementBy, selectedIndex, }: {
66
- velocity: number;
67
+ velocity?: number;
67
68
  incrementBy: number;
68
- numOptions: number;
69
+ numOptions?: number;
69
70
  selectedIndex: number;
70
71
  }) => number;
71
72
  export declare const stringToInt: (value: string) => number;
package/dist/types/common/utils.d.ts.map CHANGED
@@ -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;AAiCF,eAAO,MAAM,cAAc,GAAI,+EAS5B,CACC;IACE,aAAa,EAAE,aAAa,CAAC,IAAI,GAAG,aAAa,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GACD;IACE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CACJ,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,WAoCA,CAAC;AAGF,wBAAgB,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAC/C,GAAG,MAAM,GAAG,UAQrB;AAED,eAAO,MAAM,cAAc,GAAI,uDAK5B;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,WAeA,CAAC;AAYF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,WACW,CAAC;AAErD,eAAO,MAAM,8BAA8B,GACzC,SAAS,KAAK,CAAC,MAAM,CAAC,EACtB,SAAS,MAAM,KACd,MAcF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,gBAAgB,MAAM,EACtB,iBAAiB,MAAM,WAE6E,CAAC;AAEvG,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,GAAG,MAAM,WACiB,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,GAAG,MAAM,uBACO,CAAC;AAEhE,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,GAAG,MAAM,EACtB,YAAW,MAAa,WACuC,CAAC;AAElE,eAAO,MAAM,cAAc,GACzB,aAAa,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EACnC,iBAAiB,gBAAgB,EACjC,qBAAqB,OAAO,oBAc7B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,uEAM7B;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;CAC1B,MACS,OAAO,MAAM,SA0BtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,qEAOpC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAE3C,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,MACS,OAAO,MAAM,SAwBtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,4EAOjC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,MACS,OAAO,MAAM,SAetB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6DAKjC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC/C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,WAAW,EAAE,wBAAwB,CAAC;CACvC,MACS,OAAO,MAAM,SAgBtB,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/common/utils.ts"],"names":[],"mappings":"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"}
package/dist/types/core/Input/Input.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare enum InputTypes {
5
5
  text = "text",
6
6
  number = "number"
7
7
  }
8
- declare function Input({ onComplete, value, min, max, fontSize, style, outerGlowRadius, outerGlowColor, blur, className, isDisabled, id, textColor, highlightColor, textAlign, }: {
8
+ declare function Input({ onComplete, value, min, max, fontSize, style, outerGlowRadius, outerGlowColor, blur, className, isDisabled, id, textColor, highlightColor, textAlign, ...rest }: {
9
9
  onComplete: (scaledValue: number) => any;
10
10
  type?: InputTypes;
11
11
  id: string;
@@ -24,6 +24,7 @@ declare function Input({ onComplete, value, min, max, fontSize, style, outerGlow
24
24
  isDisabled?: boolean;
25
25
  style?: React.CSSProperties;
26
26
  className?: string;
27
+ [key: string]: any;
27
28
  }): import("react/jsx-runtime").JSX.Element;
28
29
  declare namespace Input {
29
30
  var type: typeof InputTypes;
package/dist/types/core/Input/Input.d.ts.map CHANGED
@@ -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,GAC7B,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;CACpB,2CA+JA;kBAlMQ,KAAK;;;;;AAwMd,eAAe,KAAK,CAAC"}
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,2CAgIA;kBArKQ,KAAK;;;;;AA2Kd,eAAe,KAAK,CAAC"}
package/dist/types/core/Label/Label.d.ts.map CHANGED
@@ -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,cAAoC,EACpC,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,2CAoCrC;kBApDQ,KAAK;;;;AAyDd,eAAe,KAAK,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,2CAoCrC;kBApDQ,KAAK;;;;AAyDd,eAAe,KAAK,CAAC"}
package/dist/types/core/Slider/RotaryCombobox.d.ts.map CHANGED
@@ -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,2CAoFD;kBAjJQ,cAAc;;;;;AAsJvB,eAAe,cAAc,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,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,2CAqFD;kBAlJQ,cAAc;;;;;AAuJvB,eAAe,cAAc,CAAC"}
package/dist/types/core/Slider/RotarySlider.d.ts CHANGED
@@ -3,11 +3,12 @@ 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 RotarySlider({ polarity, label, className, id, onChange, innerCircleGap, trackWidth, isRandomizable, randomizerObject, resetterObject, indicatorId, indicatorLineColor, indicatorLineGradient, indicatorLineActiveArea, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, outerGlowRadius, outerGlowColors, blur, size, width, labelColor, showLabel, inputHighlightColor, handleShape, mockInitialNormalisedValue, mockProperties, style, }: React.PropsWithChildren<{
6
+ declare function RotarySlider({ polarity, label, className, id, onChange, innerCircleGap, trackWidth, isRandomizable, isHighlighted, randomizerObject, resetterObject, indicatorId, indicatorLineColor, indicatorLineGradient, indicatorLineActiveArea, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, outerGlowRadius, outerGlowColors, blur, size, width, labelColor, showLabel, inputHighlightColor, cornerBorderHighlightColor, handleShape, mockInitialNormalisedValue, mockProperties, style, }: React.PropsWithChildren<{
7
7
  id: any;
8
8
  polarity?: Polarity;
9
9
  rotationBehavior?: SliderRotationBehavior;
10
10
  isRandomizable?: boolean;
11
+ isHighlighted?: boolean;
11
12
  randomizerObject?: Observable;
12
13
  onChange?: (newValue: any) => void;
13
14
  className?: string;
@@ -15,6 +16,7 @@ declare function RotarySlider({ polarity, label, className, id, onChange, innerC
15
16
  width?: string;
16
17
  innerCircleGap?: number;
17
18
  outerGlowRadius?: number;
19
+ cornerBorderHighlightColor?: string;
18
20
  outerGlowColors?: Array<string>;
19
21
  blur?: number;
20
22
  indicatorId?: string;
package/dist/types/core/Slider/RotarySlider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RotarySlider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/RotarySlider.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,YAAY,CAAC,EACpB,QAA4B,EAC5B,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,cAAc,EACd,UAA8B,EAC9B,cAAsB,EACtB,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,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,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,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,2CAoHD;kBA5LQ,YAAY;;;;;;;AAmMrB,eAAe,YAAY,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;AAS5B,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,2CAqID;kBAjNQ,YAAY;;;;;;;AAwNrB,eAAe,YAAY,CAAC"}
package/dist/types/core/Slider/Slider.d.ts CHANGED
@@ -19,6 +19,7 @@ export interface CommonProps {
19
19
  resetterObject?: Observable;
20
20
  includeValueInHeight?: boolean;
21
21
  trackWidth?: TrackWidths | number;
22
+ cornerBorderHighlightColor?: string;
22
23
  indicatorLineColor?: string;
23
24
  trackColor?: string;
24
25
  trackStrokeColor?: string;
@@ -74,7 +75,7 @@ export type ConditionalProps = {
74
75
  RotarySliderHandleShapes?: never;
75
76
  };
76
77
  type SliderProps = CommonProps & ConditionalProps;
77
- declare function Slider({ variant, polarity, inputHighlightColor, label, labelColor, showLabel, indicatorLineColor, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, handleShape, showHandle, showInsetBoxShadow, indicatorLineGradient, outerGlowRadius, outerGlowColors, blur, trackWidth, trackBorderRadius, className, id, width, height, onChange, indicatorId, innerCircleGap, size, mockInitialNormalisedValue, showValue, includeValueInHeight, marks, isRandomizable, randomizerObject, resetterObject, rotationBehavior, orientation, dragOrientation, isStandalone, isHighlighted, mockProperties, style, }: React.PropsWithChildren<SliderProps>): import("react/jsx-runtime").JSX.Element;
78
+ declare function Slider({ variant, polarity, inputHighlightColor, label, labelColor, showLabel, indicatorLineColor, cornerBorderHighlightColor, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, handleShape, showHandle, showInsetBoxShadow, indicatorLineGradient, outerGlowRadius, outerGlowColors, blur, trackWidth, trackBorderRadius, className, id, width, height, onChange, indicatorId, innerCircleGap, size, mockInitialNormalisedValue, showValue, includeValueInHeight, marks, isRandomizable, randomizerObject, resetterObject, rotationBehavior, orientation, dragOrientation, isStandalone, isHighlighted, mockProperties, style, }: React.PropsWithChildren<SliderProps>): import("react/jsx-runtime").JSX.Element;
78
79
  declare namespace Slider {
79
80
  var polarity: typeof Polarity;
80
81
  var size: typeof RotarySliderSizes;
package/dist/types/core/Slider/Slider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/Slider.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/core/Slider/Slider.tsx"],"names":[],"mappings":"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"}
package/dist/types/hooks/useCombobox.d.ts CHANGED
@@ -28,8 +28,8 @@ declare const useCombobox: ({ id, label, items, filter, onChange, displayValInHe
28
28
  onClick: () => void;
29
29
  onDoubleClick?: () => void;
30
30
  bindDrag?: () => void;
31
- incrementValue: () => void;
32
- decrementValue: () => void;
31
+ incrementComboboxIndex: () => void;
32
+ decrementComboboxIndex: () => void;
33
33
  };
34
34
  export default useCombobox;
35
35
  //# sourceMappingURL=useCombobox.d.ts.map
package/dist/types/hooks/useCombobox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCombobox.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,UAAU,MAAM;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,QAAA,MAAM,WAAW,GAAI,2JAYlB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC,GAC/C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,KAAG;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;CAqO5B,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCombobox.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,UAAU,MAAM;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,QAAA,MAAM,WAAW,GAAI,2JAYlB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC,GAC/C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,KAAG;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,EAAE,MAAM,IAAI,CAAC;CA6OpC,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/dist/types/hooks/useSlider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAKnB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAiB,MAAM,iBAAiB,CAAC;AAG/E,QAAA,MAAM,SAAS,GAAI,0QAwBhB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uBAAuB,CAAC,EAAE,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IACnC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;+BA8FuC,MAAM;;;;;;;;CA8J7C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAKnB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAiB,MAAM,iBAAiB,CAAC;AAG/E,QAAA,MAAM,SAAS,GAAI,0QAwBhB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uBAAuB,CAAC,EAAE,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IACnC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;+BAgGuC,MAAM;;;;;;;;CA4J7C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antimatter-audio/antimatter-ui",
3
- "version": "16.2.12",
3
+ "version": "16.2.14",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",