@antimatter-audio/antimatter-ui 16.2.11 → 16.2.13

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 +248 -179
  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 +2 -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;
@@ -369,42 +369,43 @@ const incrementValue = ({ incrementType, numSteps, delta, prevVal, interval, inc
369
369
  const spreadDigitCount = Math.round(Math.abs(numSteps * interval)).toString().length;
370
370
  const spread = numSteps * interval;
371
371
  let initialSpreadMultiplier = 0.01;
372
- let velocityMultiplier;
372
+ let velocityMultiplier = Math.sign(delta ?? 1);
373
373
  // let spreadMultiplier;
374
- let spreadMultiplier;
374
+ let spreadMultiplier = 1;
375
375
  if (spreadDigitCount <= 1) {
376
376
  spreadMultiplier = 1;
377
377
  } else if (spreadDigitCount === 2) {
378
- spreadMultiplier = 10;
378
+ spreadMultiplier = 5;
379
379
  } else if (spreadDigitCount > 2 && spreadDigitCount > 5) {
380
- spreadMultiplier = 20;
381
- } else {
382
380
  spreadMultiplier = 30;
383
- }
384
- if (delta && incrementType === IncrementType.fine) {
385
- velocityMultiplier = Math.sign(delta);
386
- } else if (delta && incrementType === IncrementType.standard) {
387
- velocityMultiplier = delta * Math.max((spread ?? 0) * initialSpreadMultiplier, 0.7);
388
- } else if (incrementBy && incrementType === IncrementType.button) {
389
- velocityMultiplier = incrementBy;
390
381
  } else {
391
- velocityMultiplier = 0;
382
+ spreadMultiplier = 60;
383
+ }
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
+ }
392
391
  }
393
392
  const normalisedInterval = getNormalisedInterval(interval ?? 0);
394
- const newValue = (prevVal ?? 0) + velocityMultiplier * spreadMultiplier * normalisedInterval;
393
+ const newValue = (prevVal ?? 0) + normalisedInterval * velocityMultiplier * spreadMultiplier;
395
394
  return parseFloat(newValue.toFixed(2));
396
395
  };
397
396
  const incrementIndex = ({ velocity = 0, numOptions, incrementBy, selectedIndex })=>{
398
- let spreadMultiplier;
399
- if (numOptions < 50) {
400
- spreadMultiplier = 0.7;
401
- } else if (numOptions >= 50 && numOptions < 150) {
402
- spreadMultiplier = 3;
403
- } else {
404
- spreadMultiplier = 4;
397
+ let spreadMultiplier = 1;
398
+ if (numOptions) {
399
+ if (numOptions < 50) {
400
+ spreadMultiplier = 0.7;
401
+ } else if (numOptions >= 50 && numOptions < 150) {
402
+ spreadMultiplier = 3;
403
+ } else {
404
+ spreadMultiplier = 4;
405
+ }
405
406
  }
406
407
  const velocityMultiplier = Math.max(velocity, 1);
407
- return velocity > 0.5 ? selectedIndex + incrementBy * velocityMultiplier * spreadMultiplier : selectedIndex + incrementBy;
408
+ return velocity && velocity > 0.5 ? selectedIndex + incrementBy * velocityMultiplier * spreadMultiplier : selectedIndex + incrementBy;
408
409
  };
409
410
  const generateDropShadowFilterString = (colors, radius)=>{
410
411
  let output = [];
@@ -1233,7 +1234,7 @@ Icon.icon = Icons;
1233
1234
  Icon.padding = Spacing;
1234
1235
  Icon.margin = Spacing;
1235
1236
 
1236
- function Label({ value, id, className, style, color = 'var(--color-text)', highlightColor = 'var(--color-text)', padding = [
1237
+ function Label({ value, id, className, style, color = 'var(--color-text)', highlightColor, padding = [
1237
1238
  Spacing.none
1238
1239
  ], uppercase, outerGlowRadius, outerGlowColor, blur, children, htmlFor, fontSize = FontSizes.medium, ...rest }) {
1239
1240
  const [componentIsHovered, setComponentIsHovered] = useState(false);
@@ -1258,7 +1259,7 @@ function Label({ value, id, className, style, color = 'var(--color-text)', highl
1258
1259
  // ? `0 0 ${outerGlowRadius}px ${outerGlowColor}`
1259
1260
  // : 'none' + `blur(${blur}px)`
1260
1261
  // })`,
1261
- color: componentIsHovered ? highlightColor : color,
1262
+ color: componentIsHovered && highlightColor ? highlightColor : color,
1262
1263
  ...style
1263
1264
  },
1264
1265
  className: classnames('Label', 'select-none', className),
@@ -2056,14 +2057,22 @@ const useCombobox = ({ id, label, items = [], filter, onChange, displayValInHead
2056
2057
  });
2057
2058
  }
2058
2059
  };
2059
- const incrementValue = ()=>{
2060
+ const incrementComboboxIndex = ()=>{
2060
2061
  if (selectedIndex < properties.choices.length - 1) {
2061
- handleChange(selectedIndex + 1);
2062
+ const newIndex = incrementIndex({
2063
+ selectedIndex,
2064
+ incrementBy: 1
2065
+ });
2066
+ handleChange(newIndex);
2062
2067
  }
2063
2068
  };
2064
- const decrementValue = ()=>{
2069
+ const decrementComboboxIndex = ()=>{
2065
2070
  if (selectedIndex > 0) {
2066
- handleChange(selectedIndex - 1);
2071
+ const newIndex = incrementIndex({
2072
+ selectedIndex,
2073
+ incrementBy: -1
2074
+ });
2075
+ handleChange(newIndex);
2067
2076
  }
2068
2077
  };
2069
2078
  return {
@@ -2079,8 +2088,8 @@ const useCombobox = ({ id, label, items = [], filter, onChange, displayValInHead
2079
2088
  onClick,
2080
2089
  onDoubleClick,
2081
2090
  bindDrag,
2082
- incrementValue,
2083
- decrementValue
2091
+ incrementComboboxIndex,
2092
+ decrementComboboxIndex
2084
2093
  };
2085
2094
  };
2086
2095
 
@@ -2246,7 +2255,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2246
2255
  0,
2247
2256
  0
2248
2257
  ], buttonBackgroundColor = 'var(--bg-lv4)', buttonHighlightColor, buttonHeight = 34, outerGlowRadius, outerGlowColors, className, onChange, isDisabled, anchorTo = AnchorTo.bottomLeft, width = 110, listItemHeight = 34, id, style }) {
2249
- const { selectedIndexLabel, choices, onMouseEnter, onMouseExit, handleChange, onClick, incrementValue, properties, decrementValue } = useCombobox({
2258
+ const { selectedIndexLabel, choices, onMouseEnter, onMouseExit, handleChange, onClick, incrementComboboxIndex, properties, decrementComboboxIndex } = useCombobox({
2250
2259
  id,
2251
2260
  label,
2252
2261
  onChange
@@ -2382,7 +2391,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2382
2391
  IconButton.padding.xSmall,
2383
2392
  IconButton.padding.small
2384
2393
  ],
2385
- onClick: decrementValue
2394
+ onClick: decrementComboboxIndex
2386
2395
  }),
2387
2396
  jsx(IconButton, {
2388
2397
  id: "Combobox-down-arrow",
@@ -2402,7 +2411,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2402
2411
  IconButton.padding.small,
2403
2412
  IconButton.padding.small
2404
2413
  ],
2405
- onClick: incrementValue
2414
+ onClick: incrementComboboxIndex
2406
2415
  })
2407
2416
  ]
2408
2417
  })
@@ -2515,7 +2524,7 @@ function Combobox({ id, key, label, showLabel = true, color, labelColor = 'var(-
2515
2524
  Combobox.componentType = ComponentType;
2516
2525
  Combobox.anchorTo = AnchorTo;
2517
2526
 
2518
- 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";
2527
+ var css_248z$d = ".TextInput {\n pointer-events: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: var(--input-color);\n}\n\n.TextInput:focus,\n.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";
2519
2528
  styleInject(css_248z$d);
2520
2529
 
2521
2530
  // import { decimalToPercent, percentToDecimal } from '../../common/utils';
@@ -2525,14 +2534,19 @@ var InputTypes;
2525
2534
  InputTypes["text"] = "text";
2526
2535
  InputTypes["number"] = "number";
2527
2536
  })(InputTypes || (InputTypes = {}));
2528
- 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 }) {
2537
+ 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 }) {
2529
2538
  const [internalValue, setInternalValue] = useState(value);
2530
2539
  // const [hasError, setHasError] = useState<boolean>(false);
2531
- const [isHighlighted, setIsHighlighted] = useState(false);
2540
+ // const [isHighlighted, setIsHighlighted] = useState<boolean>(false);
2532
2541
  const valueRef = useRef(null);
2542
+ const inputRef = useRef(null);
2533
2543
  const isLocalhost = window.location.hostname === 'localhost';
2544
+ const inputId = `${id}-input`;
2534
2545
  // Sets up listeners to handle changes on the backend
2535
- const currentOuterGlowColor = !isHighlighted ? outerGlowColor : highlightColor;
2546
+ // const currentOuterGlowColor = !isHighlighted
2547
+ // ? outerGlowColor
2548
+ // : highlightColor;
2549
+ const currentOuterGlowColor = outerGlowColor;
2536
2550
  useEffect(()=>{
2537
2551
  const sliderState = Juce.getSliderState(id);
2538
2552
  const legalVal = snapToLegalValue({
@@ -2565,28 +2579,11 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2565
2579
  window
2566
2580
  ]);
2567
2581
  // (inputValue === '' || /^-?\d+$/.test(inputValue)
2568
- function clickListener(event) {
2569
- if (event.target.id === `${id}-input`) {
2570
- document.getElementById(`${id}-input`)?.focus();
2571
- setIsHighlighted(true);
2572
- } else {
2573
- setIsHighlighted(false);
2574
- document.getElementById(`${id}-input`)?.blur();
2575
- }
2576
- }
2577
- function keyDownListener(event) {
2578
- const validChar = /\d|\-|\./;
2579
- if (document.activeElement?.id === id && validChar.test(event.key)) {
2580
- event.preventDefault();
2581
- document.getElementById(`${id}-input`)?.focus();
2582
- setIsHighlighted(true);
2583
- setInternalValue(event.key);
2584
- }
2585
- }
2586
2582
  function handleSubmit(e) {
2587
2583
  const newValue = e.target.value;
2584
+ // const htmlInput = document.getElementById(inputId) as HTMLInputElement;
2588
2585
  const { scaledValue, properties } = Juce.getSliderState(id);
2589
- if (valueRef?.current !== newValue && e.target.id === `${id}-input`) {
2586
+ if (valueRef?.current !== newValue && e.target.id === inputId) {
2590
2587
  const validValue = getValidValueForInput({
2591
2588
  value: newValue,
2592
2589
  oldValue: scaledValue,
@@ -2597,34 +2594,8 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2597
2594
  if (validValue === valueRef.current) {
2598
2595
  setInternalValue(validValue);
2599
2596
  }
2600
- document.getElementById(id)?.focus();
2601
2597
  }
2602
2598
  }
2603
- useEffect(()=>{
2604
- document.addEventListener('click', clickListener);
2605
- document.addEventListener('keydown', keyDownListener);
2606
- return ()=>{
2607
- document.removeEventListener('click', clickListener);
2608
- document.removeEventListener('keydown', keyDownListener);
2609
- };
2610
- }, [
2611
- window,
2612
- isHighlighted
2613
- ]);
2614
- function handleKeyUp(e) {
2615
- if (e.key === 'Enter') {
2616
- handleSubmit(e);
2617
- setIsHighlighted(false);
2618
- if (document.activeElement?.id === `${id}-input`) {
2619
- document.activeElement.blur();
2620
- }
2621
- }
2622
- }
2623
- const inputRef = useRef('');
2624
- // detects when the user is actively typing
2625
- inputRef?.current && // inputRef?.current?.addEventListener('keypress', handleKeyPress);
2626
- // triggers a check to see if the user is actually done typing
2627
- inputRef?.current && inputRef?.current?.addEventListener('keyup', handleKeyUp);
2628
2599
  const handleChange = useCallback((e)=>{
2629
2600
  // Don't set the internal value if the value exceeds the max length
2630
2601
  // Don't set the internal value if the value contains an invalid character
@@ -2639,14 +2610,31 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2639
2610
  // setInternalValue(value);
2640
2611
  // }, [value]);
2641
2612
  return jsx("input", {
2642
- id: `${id}-input`,
2613
+ id: inputId,
2643
2614
  ref: inputRef,
2644
- className: classnames('TextInput', isHighlighted ? 'is-highlighted' : '', className),
2615
+ className: classnames('TextInput', className),
2616
+ // onFocus={() => setIsHighlighted(true)}
2617
+ onBlur: (e)=>{
2618
+ // setIsHighlighted(false);
2619
+ handleSubmit(e);
2620
+ },
2621
+ onMouseUp: (e)=>{
2622
+ e.preventDefault();
2623
+ e.target.select();
2624
+ },
2625
+ onClick: (e)=>{
2626
+ e.target.select();
2627
+ },
2628
+ onFocus: (e)=>{
2629
+ e.target.select();
2630
+ },
2645
2631
  spellCheck: false,
2646
2632
  style: {
2633
+ //@ts-expect-error
2634
+ '--input-highlight-color': highlightColor,
2635
+ '--input-color': textColor,
2647
2636
  fontSize: `var(--text-${fontSize}`,
2648
2637
  textAlign: textAlign,
2649
- color: !isHighlighted ? textColor : highlightColor,
2650
2638
  textShadow: currentOuterGlowColor && outerGlowRadius ? getTextOuterGlowString(currentOuterGlowColor, outerGlowRadius) : 'none',
2651
2639
  // filter: `drop-shadow(${
2652
2640
  // outerGlowRadius && outerGlowColor
@@ -2656,11 +2644,11 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2656
2644
  ...style
2657
2645
  },
2658
2646
  value: internalValue,
2659
- onKeyUp: ()=>handleKeyUp,
2660
- onBlur: (e)=>handleSubmit(e),
2647
+ // onKeyUp={() => handleKeyUp}
2661
2648
  disabled: isDisabled,
2662
2649
  // onFocus={(e) => e.target.select()}
2663
- onChange: (e)=>handleChange(e)
2650
+ onChange: (e)=>handleChange(e),
2651
+ ...rest
2664
2652
  });
2665
2653
  }
2666
2654
  Input.type = InputTypes;
@@ -2677,18 +2665,18 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2677
2665
  }, marks, isRandomizable, isStandalone, randomizerObject, resetterObject, isControlGroup = false, orientation = Orientation.vertical, dragOrientation = Orientation.vertical, mockInitialNormalisedValue = 0.0, updateModSlotPreview = true, onChange, sliderElementRef, isDisabled = false })=>{
2678
2666
  // const sliderState: JuceSlider = Juce.getSliderState(id);
2679
2667
  // if isLocalhost is true, the front end app is running outside of JUCE in a browser.
2680
- const [ctrlIsDown, setCtrlIsDown] = useState(false);
2668
+ const [optionIsDown, setOptionIsDown] = useState(false);
2681
2669
  const isLocalhost = window?.location?.hostname === 'localhost';
2682
2670
  const keyDownListener = (event)=>{
2683
2671
  if (event.key === 'Alt') {
2684
2672
  event.preventDefault();
2685
- setCtrlIsDown(true);
2673
+ setOptionIsDown(true);
2686
2674
  }
2687
2675
  };
2688
2676
  const keyUpListener = (event)=>{
2689
2677
  if (event.key === 'Alt') {
2690
2678
  event.preventDefault();
2691
- setCtrlIsDown(false);
2679
+ setOptionIsDown(false);
2692
2680
  }
2693
2681
  };
2694
2682
  // getNormalisedValue:
@@ -2705,7 +2693,7 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2705
2693
  const sliderState = Juce.getSliderState(id);
2706
2694
  // const numSteps = sliderState?.getNumSteps();
2707
2695
  const [scaledValue, setScaledValue] = useState(0);
2708
- const [normalisedValue, setNormalisedValue] = useState(0);
2696
+ const [normalisedValue, setNormalisedValue] = useState(sliderState?.normalisedValue);
2709
2697
  const dragInProgress = useRef(false);
2710
2698
  const { highlightedItemChanged, setDefaultParameter, updateModSlotRowTarget, getModSlotPreview, mainPanelrandomizerObject } = useGlobalContext();
2711
2699
  const randomizerObjectToUse = randomizerObject && Object.keys(randomizerObject).length > 0 ? randomizerObject : mainPanelrandomizerObject;
@@ -2813,12 +2801,10 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2813
2801
  const deltaVal = dragOrientation === Orientation.vertical ? delta[1] * -1 : delta[0];
2814
2802
  const newValue = incrementValue({
2815
2803
  delta: deltaVal,
2816
- numSteps: properties?.numSteps ?? 0,
2817
- incrementType: ctrlIsDown ? IncrementType.fine : IncrementType.standard,
2804
+ incrementType: optionIsDown ? IncrementType.fine : IncrementType.standard,
2818
2805
  prevVal: previousScaledValueRef.current || 0,
2819
2806
  interval: properties?.interval ?? 0,
2820
- min: properties?.start,
2821
- max: properties?.end
2807
+ numSteps: properties?.numSteps ?? 0
2822
2808
  });
2823
2809
  setJuceScaledValue(newValue);
2824
2810
  }
@@ -2880,13 +2866,13 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2880
2866
  };
2881
2867
  };
2882
2868
 
2883
- 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";
2869
+ 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";
2884
2870
  styleInject(css_248z$c);
2885
2871
 
2886
- var css_248z$b = "";
2872
+ 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";
2887
2873
  styleInject(css_248z$b);
2888
2874
 
2889
- function ControlGroup({ id, isDisabled = false, className, onChangeActiveState, children, width = 'auto' }) {
2875
+ function ControlGroup({ id, isDisabled = false, className, onChangeActiveState, children, inputRef, width = 'auto', ...rest }) {
2890
2876
  // EXPECTED CONTROL GROUP STRUCTURE
2891
2877
  // <ControlGroup id={id-control-group} is-active>
2892
2878
  // <Slider id={id}></Slider>
@@ -2895,22 +2881,39 @@ function ControlGroup({ id, isDisabled = false, className, onChangeActiveState,
2895
2881
  const groupId = `${id}-control-group`;
2896
2882
  const [isActive, setIsActive] = useState(false);
2897
2883
  const sliderState = Juce.getSliderState(id);
2898
- const clickListener = (event)=>{
2884
+ const isOptionPressed = useRef(false);
2885
+ const mousedownListener = (event)=>{
2899
2886
  if (!isDisabled) {
2900
- if (event.target.closest('.controlGroup')?.id === groupId) {
2887
+ if (event.target.closest('.ControlGroup')?.id === groupId) {
2901
2888
  setIsActive(true);
2902
2889
  onChangeActiveState && onChangeActiveState(true);
2903
- document.getElementById(`${id}-input`)?.focus();
2904
- document.getElementById(`${id}-input`)?.select();
2890
+ // const input = inputRef?.current;
2891
+ // if (input) {
2892
+ // input?.focus();
2893
+ // }
2894
+ // input?.select();
2905
2895
  // event.stopPropagation();
2906
2896
  } else {
2897
+ const input = inputRef?.current;
2907
2898
  setIsActive(false);
2908
2899
  onChangeActiveState && onChangeActiveState(false);
2909
- document.getElementById(`${id}-input`)?.blur();
2900
+ input?.blur();
2910
2901
  // event.stopPropagation();
2911
2902
  }
2912
2903
  }
2913
2904
  };
2905
+ const mouseupListener = (event)=>{
2906
+ if (event.target.closest('.ControlGroup')?.id === groupId) {
2907
+ setIsActive(true);
2908
+ onChangeActiveState && onChangeActiveState(true);
2909
+ // const input = inputRef?.current;
2910
+ // if (input) {
2911
+ // input?.focus();
2912
+ // input?.select();
2913
+ // }
2914
+ }
2915
+ // event.stopPropagation();
2916
+ };
2914
2917
  const increment = ()=>{
2915
2918
  const normalisedVal = sliderState?.getNormalisedValue();
2916
2919
  const newValue = incrementValue({
@@ -2934,36 +2937,87 @@ function ControlGroup({ id, isDisabled = false, className, onChangeActiveState,
2934
2937
  sliderState?.setNormalisedValue(newValue);
2935
2938
  };
2936
2939
  function keyDownListener(event) {
2937
- if (isActive && !isDisabled) {
2938
- if (event.key === 'ArrowLeft') {
2940
+ if (!isDisabled) {
2941
+ const isNumber = /^[\d.-]$/.test(event.key);
2942
+ const hasFocus = document.activeElement?.id === inputRef?.current?.id || `${document.activeElement?.id}-input` === inputRef?.current?.id;
2943
+ if (isNumber) {
2944
+ const input = inputRef?.current;
2945
+ if (input && id === document?.activeElement?.id) {
2946
+ input.focus();
2947
+ input.select();
2948
+ // input.value = event.key;
2949
+ }
2950
+ }
2951
+ if (event.key === 'Alt') {
2939
2952
  event.preventDefault();
2940
- decrement();
2953
+ isOptionPressed.current = true;
2941
2954
  }
2942
- if (event.key === 'ArrowRight') {
2955
+ if (event.key === 'Tab') {
2943
2956
  event.preventDefault();
2944
- increment();
2957
+ if (isOptionPressed.current === true) {
2958
+ if (hasFocus) {
2959
+ const input = inputRef?.current;
2960
+ setIsActive(false);
2961
+ onChangeActiveState && onChangeActiveState(false);
2962
+ input?.blur();
2963
+ }
2964
+ } else {
2965
+ event.stopPropagation();
2966
+ // TODO: pass tab key press to JUCE
2967
+ // window?.__JUCE__?.backend?.emitEvent('tabKeyPressed', {});
2968
+ }
2969
+ }
2970
+ if (hasFocus) {
2971
+ if (event.key === 'ArrowLeft') {
2972
+ event.preventDefault();
2973
+ decrement();
2974
+ }
2975
+ if (event.key === 'ArrowRight') {
2976
+ event.preventDefault();
2977
+ increment();
2978
+ }
2979
+ }
2980
+ }
2981
+ }
2982
+ function handleKeyUp(e) {
2983
+ if (e.key === 'Alt') {
2984
+ e.preventDefault();
2985
+ isOptionPressed.current = false;
2986
+ }
2987
+ if (e.key === 'Enter') {
2988
+ e.preventDefault();
2989
+ if (document.activeElement?.id === inputRef?.current?.id || `${document.activeElement?.id}-input` === inputRef?.current?.id) {
2990
+ const input = inputRef?.current;
2991
+ setIsActive(false);
2992
+ onChangeActiveState && onChangeActiveState(false);
2993
+ input?.blur();
2945
2994
  }
2946
2995
  }
2947
2996
  }
2948
2997
  useEffect(()=>{
2949
- document.addEventListener('click', clickListener);
2998
+ document.addEventListener('mousedown', mousedownListener);
2999
+ document.addEventListener('mouseup', mouseupListener);
2950
3000
  document.addEventListener('keydown', keyDownListener);
3001
+ document.addEventListener('keyup', handleKeyUp);
2951
3002
  return ()=>{
2952
- document.removeEventListener('click', clickListener);
3003
+ document.removeEventListener('mousedown', mousedownListener);
3004
+ document.removeEventListener('mouseup', mouseupListener);
2953
3005
  document.removeEventListener('keydown', keyDownListener);
3006
+ document.removeEventListener('keyup', handleKeyUp);
2954
3007
  };
2955
3008
  }, [
2956
3009
  window,
2957
- isActive,
2958
3010
  isDisabled
2959
3011
  ]);
2960
3012
  return jsx(Box, {
2961
3013
  id: groupId,
2962
3014
  width: width,
2963
- className: `controlGroup ${isActive ? 'isActive' : ''} ${isDisabled ? 'isDisabled' : ''} ${className ? className : ''}`,
3015
+ ...rest,
3016
+ className: `ControlGroup ${isActive ? 'isActive' : ''} ${isDisabled ? 'isDisabled' : ''} ${className ? className : ''}`,
2964
3017
  children: children
2965
3018
  });
2966
3019
  }
3020
+ ControlGroup.FlexDirection = FlexDirection$1;
2967
3021
 
2968
3022
  const ProgressCircle = ({ width, height, polarity = Polarity.unipolar, strokeWidth = 5, // trackOffset = 0,
2969
3023
  indicatorLineColor, indicatorLineGradient, outerGlowRadius, outerGlowColors = [], blur, indicatorLineRange, trackColor, radius, circ, activeZone, normalisedValue })=>{
@@ -3576,8 +3630,8 @@ activeColor = 'var(--color-brand)', inactiveColor = 'var(--bg-lv1)', shape = Ind
3576
3630
 
3577
3631
  // Rotary Slider UI component.
3578
3632
  // Connects to Juce's Slider element
3579
- function RotarySlider({ polarity = Polarity.unipolar, label, className, id, onChange, innerCircleGap, trackWidth = TrackWidths.small, isRandomizable = false, randomizerObject, resetterObject, // trackOffset,
3580
- 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 = {
3633
+ function RotarySlider({ polarity = Polarity.unipolar, label, className, id, onChange, innerCircleGap, trackWidth = TrackWidths.small, isRandomizable = false, isHighlighted, randomizerObject, resetterObject, // trackOffset,
3634
+ 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 = {
3581
3635
  start: 20.0,
3582
3636
  end: 15000.0,
3583
3637
  interval: 0.1,
@@ -3593,20 +3647,14 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
3593
3647
  isRandomizable,
3594
3648
  randomizerObject
3595
3649
  });
3596
- // console.log(
3597
- // normalisedValue,
3598
- // scaledValue,
3599
- // 'normalisedValuenormalisedValuenormalisedValuenormalisedValuenormalisedValue',
3600
- // );
3601
- // const defaultGradientColor =
3602
- // size === RotarySliderSizes.large
3603
- // ? GradientStyles.multicolor
3604
- // : GradientStyles.unicolor;
3650
+ const highlightWrapperRef = useRef(null);
3651
+ const inputRef = useRef(null);
3652
+ // console.l
3605
3653
  // const defaultTrackWidth = size === RotarySliderSizes.large ? 5 : 3;
3606
3654
  const defaultHandleShape = size === RotarySliderSizes.large ? RotarySliderHandleShapes.circle : RotarySliderHandleShapes.rectangle;
3607
- return jsx(ControlGroup, {
3608
- id: id,
3609
- width: width,
3655
+ return jsx(Box, {
3656
+ width: Box.width.auto,
3657
+ height: Box.height.auto,
3610
3658
  children: jsxs(Box, {
3611
3659
  className: `RotarySlider-wrapper`,
3612
3660
  flexDirection: Box.flexDirection.column,
@@ -3626,59 +3674,75 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
3626
3674
  outerGlowColor: labelColor,
3627
3675
  outerGlowRadius: outerGlowRadius
3628
3676
  }) : null,
3629
- jsx(PositioningWrapper, {
3630
- top: '25%',
3631
- left: '-16px',
3632
- width: `${rotarySliderSizeMap?.[size]?.width}px`,
3633
- height: `${rotarySliderSizeMap?.[size]?.height}px`,
3634
- positionedElement: indicatorId ? jsx(IndicatorLight, {
3635
- id: indicatorId
3636
- }) : null,
3637
- children: jsx(RotaryCircle, {
3638
- polarity: polarity,
3639
- className: className,
3640
- id: id,
3641
- trackWidth: trackWidth,
3642
- handleShape: handleShape ?? defaultHandleShape,
3643
- // trackOffset={trackOffset}
3644
- innerCircleGap: innerCircleGap,
3645
- indicatorLineActiveArea: indicatorLineActiveArea,
3646
- sliderValue: normalisedValue,
3647
- bindDrag: bindDrag,
3648
- onDoubleClick: setToDefaultState,
3649
- size: size,
3650
- indicatorLineColor: indicatorLineColor,
3651
- indicatorLineGradient: indicatorLineGradient,
3652
- trackColor: trackColor,
3653
- trackStrokeColor: trackStrokeColor,
3654
- handleStrokeColor: handleStrokeColor,
3655
- handleFillColor: handleFillColor,
3656
- outerGlowRadius: outerGlowRadius,
3657
- outerGlowColors: outerGlowColors,
3658
- blur: blur
3659
- })
3660
- }),
3661
- jsx(Input, {
3662
- className: "ProgressCircle-value",
3663
- value: scaledValue,
3677
+ jsxs(ControlGroup, {
3664
3678
  id: id,
3665
- min: properties?.start || 0,
3666
- max: properties?.end || 0,
3667
- fontSize: Input.fontSize.xSmall,
3668
- textAlign: Input.textAlign.center,
3669
- textColor: labelColor,
3670
- highlightColor: inputHighlightColor,
3671
- outerGlowColor: labelColor,
3672
- outerGlowRadius: outerGlowRadius,
3673
- blur: blur,
3679
+ width: width,
3680
+ inputRef: inputRef,
3681
+ flexDirection: ControlGroup.FlexDirection.column,
3682
+ ref: highlightWrapperRef,
3683
+ className: `RotarySlider-HighlightWrapper`,
3674
3684
  style: {
3675
- fontWeight: 'bold',
3676
- width: '100%',
3677
- maxWidth: `${rotarySliderSizeMap?.[size]?.width}px`
3685
+ '--slider-highlight-color': cornerBorderHighlightColor,
3686
+ width: `${rotarySliderSizeMap?.[size]?.width + 10}px`,
3687
+ height: `${rotarySliderSizeMap?.[size]?.height + 10}px`
3678
3688
  },
3679
- onComplete: (value)=>{
3680
- value !== undefined && setScaledState(value);
3681
- }
3689
+ children: [
3690
+ jsx(PositioningWrapper, {
3691
+ top: '25%',
3692
+ left: '-16px',
3693
+ width: `${rotarySliderSizeMap?.[size]?.width}px`,
3694
+ height: `${rotarySliderSizeMap?.[size]?.height}px`,
3695
+ positionedElement: indicatorId ? jsx(IndicatorLight, {
3696
+ id: indicatorId
3697
+ }) : null,
3698
+ children: jsx(RotaryCircle, {
3699
+ polarity: polarity,
3700
+ className: className,
3701
+ id: id,
3702
+ trackWidth: trackWidth,
3703
+ handleShape: handleShape ?? defaultHandleShape,
3704
+ // trackOffset={trackOffset}
3705
+ innerCircleGap: innerCircleGap,
3706
+ indicatorLineActiveArea: indicatorLineActiveArea,
3707
+ sliderValue: normalisedValue,
3708
+ bindDrag: bindDrag,
3709
+ onDoubleClick: setToDefaultState,
3710
+ size: size,
3711
+ indicatorLineColor: indicatorLineColor,
3712
+ indicatorLineGradient: indicatorLineGradient,
3713
+ trackColor: trackColor,
3714
+ trackStrokeColor: trackStrokeColor,
3715
+ handleStrokeColor: handleStrokeColor,
3716
+ handleFillColor: handleFillColor,
3717
+ outerGlowRadius: outerGlowRadius,
3718
+ outerGlowColors: outerGlowColors,
3719
+ blur: blur
3720
+ })
3721
+ }),
3722
+ jsx(Input, {
3723
+ className: "ProgressCircle-value",
3724
+ value: scaledValue,
3725
+ id: id,
3726
+ min: properties?.start || 0,
3727
+ max: properties?.end || 0,
3728
+ fontSize: Input.fontSize.xSmall,
3729
+ textAlign: Input.textAlign.center,
3730
+ textColor: labelColor,
3731
+ highlightColor: inputHighlightColor,
3732
+ outerGlowColor: labelColor,
3733
+ outerGlowRadius: outerGlowRadius,
3734
+ blur: blur,
3735
+ ref: inputRef,
3736
+ style: {
3737
+ fontWeight: 'bold',
3738
+ width: '100%',
3739
+ maxWidth: `${rotarySliderSizeMap?.[size]?.width}px`
3740
+ },
3741
+ onComplete: (value)=>{
3742
+ value !== undefined && setScaledState(value);
3743
+ }
3744
+ })
3745
+ ]
3682
3746
  })
3683
3747
  ]
3684
3748
  })
@@ -3985,6 +4049,7 @@ innerCircleGap, labelColor, inputHighlightColor, indicatorLineColor, indicatorLi
3985
4049
  return jsx(ControlGroup, {
3986
4050
  id: id,
3987
4051
  width: width,
4052
+ inputRef: null,
3988
4053
  children: jsxs(Box, {
3989
4054
  className: `RotarySlider-wrapper`,
3990
4055
  flexDirection: Box.flexDirection.column,
@@ -4063,7 +4128,7 @@ var SliderVariants;
4063
4128
  SliderVariants["rotary"] = "rotary";
4064
4129
  SliderVariants["rotaryCombobox"] = "rotaryCombobox";
4065
4130
  })(SliderVariants || (SliderVariants = {}));
4066
- 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,
4131
+ 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,
4067
4132
  mockInitialNormalisedValue = 0, showValue, includeValueInHeight, marks, isRandomizable, randomizerObject, resetterObject, rotationBehavior, orientation, dragOrientation, isStandalone, isHighlighted, mockProperties = {
4068
4133
  start: 20.0,
4069
4134
  end: 15000.0,
@@ -4077,6 +4142,7 @@ mockInitialNormalisedValue = 0, showValue, includeValueInHeight, marks, isRandom
4077
4142
  label: label,
4078
4143
  labelColor: labelColor,
4079
4144
  trackWidth: trackWidth,
4145
+ cornerBorderHighlightColor: cornerBorderHighlightColor,
4080
4146
  indicatorLineColor: indicatorLineColor,
4081
4147
  indicatorLineGradient: indicatorLineGradient,
4082
4148
  width: width,
@@ -5644,6 +5710,7 @@ SingleBarViz.orientation = Orientation;
5644
5710
  function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5645
5711
  const { setDefaultParameter, updateModSlotRowTarget, globalState: { modSlotTargets } } = useGlobalContext();
5646
5712
  const [_, setIsActive] = useState(false);
5713
+ const inputRef = useRef(null);
5647
5714
  const { bindDrag, normalisedValue, scaledValue, properties, setScaledState } = useSlider({
5648
5715
  id: modifier,
5649
5716
  rowId,
@@ -5665,6 +5732,7 @@ function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5665
5732
  id: modifier,
5666
5733
  className: "ModMatrixCell-Wrapper",
5667
5734
  isDisabled: isDisabled,
5735
+ inputRef: inputRef,
5668
5736
  onChangeActiveState: (isActive)=>setIsActive(isActive),
5669
5737
  children: jsxs(Box, {
5670
5738
  className: `ModMatrixCell ${isDisabled ? 'isDisabled' : ''}`,
@@ -5690,6 +5758,7 @@ function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5690
5758
  className: "ModMatrixInput",
5691
5759
  value: scaledValue,
5692
5760
  id: modifier,
5761
+ ref: inputRef,
5693
5762
  isDisabled: isDisabled,
5694
5763
  min: properties?.start || 0,
5695
5764
  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
@@ -63,9 +63,9 @@ export declare const incrementValue: ({ incrementType, numSteps, delta, prevVal,
63
63
  }) => number;
64
64
  export declare function throttle(mainFunction: any, delay: number): (...args: any) => void;
65
65
  export declare const incrementIndex: ({ velocity, numOptions, incrementBy, selectedIndex, }: {
66
- velocity: number;
66
+ velocity?: number;
67
67
  incrementBy: number;
68
- numOptions: number;
68
+ numOptions?: number;
69
69
  selectedIndex: number;
70
70
  }) => number;
71
71
  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":"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"}
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.11",
3
+ "version": "16.2.13",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",