@antimatter-audio/antimatter-ui 16.2.12 → 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.
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;
@@ -394,16 +394,18 @@ const incrementValue = ({ incrementType, numSteps, delta, prevVal, interval, inc
394
394
  return parseFloat(newValue.toFixed(2));
395
395
  };
396
396
  const incrementIndex = ({ velocity = 0, numOptions, incrementBy, selectedIndex })=>{
397
- let spreadMultiplier;
398
- if (numOptions < 50) {
399
- spreadMultiplier = 0.7;
400
- } else if (numOptions >= 50 && numOptions < 150) {
401
- spreadMultiplier = 3;
402
- } else {
403
- spreadMultiplier = 4;
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
+ }
404
406
  }
405
407
  const velocityMultiplier = Math.max(velocity, 1);
406
- return velocity > 0.5 ? selectedIndex + incrementBy * velocityMultiplier * spreadMultiplier : selectedIndex + incrementBy;
408
+ return velocity && velocity > 0.5 ? selectedIndex + incrementBy * velocityMultiplier * spreadMultiplier : selectedIndex + incrementBy;
407
409
  };
408
410
  const generateDropShadowFilterString = (colors, radius)=>{
409
411
  let output = [];
@@ -1232,7 +1234,7 @@ Icon.icon = Icons;
1232
1234
  Icon.padding = Spacing;
1233
1235
  Icon.margin = Spacing;
1234
1236
 
1235
- 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 = [
1236
1238
  Spacing.none
1237
1239
  ], uppercase, outerGlowRadius, outerGlowColor, blur, children, htmlFor, fontSize = FontSizes.medium, ...rest }) {
1238
1240
  const [componentIsHovered, setComponentIsHovered] = useState(false);
@@ -1257,7 +1259,7 @@ function Label({ value, id, className, style, color = 'var(--color-text)', highl
1257
1259
  // ? `0 0 ${outerGlowRadius}px ${outerGlowColor}`
1258
1260
  // : 'none' + `blur(${blur}px)`
1259
1261
  // })`,
1260
- color: componentIsHovered ? highlightColor : color,
1262
+ color: componentIsHovered && highlightColor ? highlightColor : color,
1261
1263
  ...style
1262
1264
  },
1263
1265
  className: classnames('Label', 'select-none', className),
@@ -2055,14 +2057,22 @@ const useCombobox = ({ id, label, items = [], filter, onChange, displayValInHead
2055
2057
  });
2056
2058
  }
2057
2059
  };
2058
- const incrementValue = ()=>{
2060
+ const incrementComboboxIndex = ()=>{
2059
2061
  if (selectedIndex < properties.choices.length - 1) {
2060
- handleChange(selectedIndex + 1);
2062
+ const newIndex = incrementIndex({
2063
+ selectedIndex,
2064
+ incrementBy: 1
2065
+ });
2066
+ handleChange(newIndex);
2061
2067
  }
2062
2068
  };
2063
- const decrementValue = ()=>{
2069
+ const decrementComboboxIndex = ()=>{
2064
2070
  if (selectedIndex > 0) {
2065
- handleChange(selectedIndex - 1);
2071
+ const newIndex = incrementIndex({
2072
+ selectedIndex,
2073
+ incrementBy: -1
2074
+ });
2075
+ handleChange(newIndex);
2066
2076
  }
2067
2077
  };
2068
2078
  return {
@@ -2078,8 +2088,8 @@ const useCombobox = ({ id, label, items = [], filter, onChange, displayValInHead
2078
2088
  onClick,
2079
2089
  onDoubleClick,
2080
2090
  bindDrag,
2081
- incrementValue,
2082
- decrementValue
2091
+ incrementComboboxIndex,
2092
+ decrementComboboxIndex
2083
2093
  };
2084
2094
  };
2085
2095
 
@@ -2245,7 +2255,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2245
2255
  0,
2246
2256
  0
2247
2257
  ], buttonBackgroundColor = 'var(--bg-lv4)', buttonHighlightColor, buttonHeight = 34, outerGlowRadius, outerGlowColors, className, onChange, isDisabled, anchorTo = AnchorTo.bottomLeft, width = 110, listItemHeight = 34, id, style }) {
2248
- const { selectedIndexLabel, choices, onMouseEnter, onMouseExit, handleChange, onClick, incrementValue, properties, decrementValue } = useCombobox({
2258
+ const { selectedIndexLabel, choices, onMouseEnter, onMouseExit, handleChange, onClick, incrementComboboxIndex, properties, decrementComboboxIndex } = useCombobox({
2249
2259
  id,
2250
2260
  label,
2251
2261
  onChange
@@ -2381,7 +2391,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2381
2391
  IconButton.padding.xSmall,
2382
2392
  IconButton.padding.small
2383
2393
  ],
2384
- onClick: decrementValue
2394
+ onClick: decrementComboboxIndex
2385
2395
  }),
2386
2396
  jsx(IconButton, {
2387
2397
  id: "Combobox-down-arrow",
@@ -2401,7 +2411,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
2401
2411
  IconButton.padding.small,
2402
2412
  IconButton.padding.small
2403
2413
  ],
2404
- onClick: incrementValue
2414
+ onClick: incrementComboboxIndex
2405
2415
  })
2406
2416
  ]
2407
2417
  })
@@ -2514,7 +2524,7 @@ function Combobox({ id, key, label, showLabel = true, color, labelColor = 'var(-
2514
2524
  Combobox.componentType = ComponentType;
2515
2525
  Combobox.anchorTo = AnchorTo;
2516
2526
 
2517
- var css_248z$d = ".TextInput {\n pointer-events: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.TextInput::-moz-selection {\n background: transparent;\n}\n.TextInput::selection {\n background: transparent;\n}\n\n.TextInput:disabled {\n -webkit-user-select: none;\n user-select: none;\n}\n\n.isActive .TextInput {\n -webkit-user-select: auto;\n -moz-user-select: auto;\n -ms-user-select: auto;\n user-select: auto;\n}\n";
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";
2518
2528
  styleInject(css_248z$d);
2519
2529
 
2520
2530
  // import { decimalToPercent, percentToDecimal } from '../../common/utils';
@@ -2524,14 +2534,19 @@ var InputTypes;
2524
2534
  InputTypes["text"] = "text";
2525
2535
  InputTypes["number"] = "number";
2526
2536
  })(InputTypes || (InputTypes = {}));
2527
- function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style, outerGlowRadius, outerGlowColor, blur, className, isDisabled, id, textColor = 'var(--color-text)', highlightColor = 'var(--color-brand)', textAlign = TextAlign.center }) {
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 }) {
2528
2538
  const [internalValue, setInternalValue] = useState(value);
2529
2539
  // const [hasError, setHasError] = useState<boolean>(false);
2530
- const [isHighlighted, setIsHighlighted] = useState(false);
2540
+ // const [isHighlighted, setIsHighlighted] = useState<boolean>(false);
2531
2541
  const valueRef = useRef(null);
2542
+ const inputRef = useRef(null);
2532
2543
  const isLocalhost = window.location.hostname === 'localhost';
2544
+ const inputId = `${id}-input`;
2533
2545
  // Sets up listeners to handle changes on the backend
2534
- const currentOuterGlowColor = !isHighlighted ? outerGlowColor : highlightColor;
2546
+ // const currentOuterGlowColor = !isHighlighted
2547
+ // ? outerGlowColor
2548
+ // : highlightColor;
2549
+ const currentOuterGlowColor = outerGlowColor;
2535
2550
  useEffect(()=>{
2536
2551
  const sliderState = Juce.getSliderState(id);
2537
2552
  const legalVal = snapToLegalValue({
@@ -2564,28 +2579,11 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2564
2579
  window
2565
2580
  ]);
2566
2581
  // (inputValue === '' || /^-?\d+$/.test(inputValue)
2567
- function clickListener(event) {
2568
- if (event.target.id === `${id}-input`) {
2569
- document.getElementById(`${id}-input`)?.focus();
2570
- setIsHighlighted(true);
2571
- } else {
2572
- setIsHighlighted(false);
2573
- document.getElementById(`${id}-input`)?.blur();
2574
- }
2575
- }
2576
- function keyDownListener(event) {
2577
- const validChar = /\d|\-|\./;
2578
- if (document.activeElement?.id === id && validChar.test(event.key)) {
2579
- event.preventDefault();
2580
- document.getElementById(`${id}-input`)?.focus();
2581
- setIsHighlighted(true);
2582
- setInternalValue(event.key);
2583
- }
2584
- }
2585
2582
  function handleSubmit(e) {
2586
2583
  const newValue = e.target.value;
2584
+ // const htmlInput = document.getElementById(inputId) as HTMLInputElement;
2587
2585
  const { scaledValue, properties } = Juce.getSliderState(id);
2588
- if (valueRef?.current !== newValue && e.target.id === `${id}-input`) {
2586
+ if (valueRef?.current !== newValue && e.target.id === inputId) {
2589
2587
  const validValue = getValidValueForInput({
2590
2588
  value: newValue,
2591
2589
  oldValue: scaledValue,
@@ -2596,34 +2594,8 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2596
2594
  if (validValue === valueRef.current) {
2597
2595
  setInternalValue(validValue);
2598
2596
  }
2599
- document.getElementById(id)?.focus();
2600
- }
2601
- }
2602
- useEffect(()=>{
2603
- document.addEventListener('click', clickListener);
2604
- document.addEventListener('keydown', keyDownListener);
2605
- return ()=>{
2606
- document.removeEventListener('click', clickListener);
2607
- document.removeEventListener('keydown', keyDownListener);
2608
- };
2609
- }, [
2610
- window,
2611
- isHighlighted
2612
- ]);
2613
- function handleKeyUp(e) {
2614
- if (e.key === 'Enter') {
2615
- handleSubmit(e);
2616
- setIsHighlighted(false);
2617
- if (document.activeElement?.id === `${id}-input`) {
2618
- document.activeElement.blur();
2619
- }
2620
2597
  }
2621
2598
  }
2622
- const inputRef = useRef('');
2623
- // detects when the user is actively typing
2624
- inputRef?.current && // inputRef?.current?.addEventListener('keypress', handleKeyPress);
2625
- // triggers a check to see if the user is actually done typing
2626
- inputRef?.current && inputRef?.current?.addEventListener('keyup', handleKeyUp);
2627
2599
  const handleChange = useCallback((e)=>{
2628
2600
  // Don't set the internal value if the value exceeds the max length
2629
2601
  // Don't set the internal value if the value contains an invalid character
@@ -2638,14 +2610,31 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2638
2610
  // setInternalValue(value);
2639
2611
  // }, [value]);
2640
2612
  return jsx("input", {
2641
- id: `${id}-input`,
2613
+ id: inputId,
2642
2614
  ref: inputRef,
2643
- 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
+ },
2644
2631
  spellCheck: false,
2645
2632
  style: {
2633
+ //@ts-expect-error
2634
+ '--input-highlight-color': highlightColor,
2635
+ '--input-color': textColor,
2646
2636
  fontSize: `var(--text-${fontSize}`,
2647
2637
  textAlign: textAlign,
2648
- color: !isHighlighted ? textColor : highlightColor,
2649
2638
  textShadow: currentOuterGlowColor && outerGlowRadius ? getTextOuterGlowString(currentOuterGlowColor, outerGlowRadius) : 'none',
2650
2639
  // filter: `drop-shadow(${
2651
2640
  // outerGlowRadius && outerGlowColor
@@ -2655,11 +2644,11 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
2655
2644
  ...style
2656
2645
  },
2657
2646
  value: internalValue,
2658
- onKeyUp: ()=>handleKeyUp,
2659
- onBlur: (e)=>handleSubmit(e),
2647
+ // onKeyUp={() => handleKeyUp}
2660
2648
  disabled: isDisabled,
2661
2649
  // onFocus={(e) => e.target.select()}
2662
- onChange: (e)=>handleChange(e)
2650
+ onChange: (e)=>handleChange(e),
2651
+ ...rest
2663
2652
  });
2664
2653
  }
2665
2654
  Input.type = InputTypes;
@@ -2676,18 +2665,18 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2676
2665
  }, marks, isRandomizable, isStandalone, randomizerObject, resetterObject, isControlGroup = false, orientation = Orientation.vertical, dragOrientation = Orientation.vertical, mockInitialNormalisedValue = 0.0, updateModSlotPreview = true, onChange, sliderElementRef, isDisabled = false })=>{
2677
2666
  // const sliderState: JuceSlider = Juce.getSliderState(id);
2678
2667
  // if isLocalhost is true, the front end app is running outside of JUCE in a browser.
2679
- const [ctrlIsDown, setCtrlIsDown] = useState(false);
2668
+ const [optionIsDown, setOptionIsDown] = useState(false);
2680
2669
  const isLocalhost = window?.location?.hostname === 'localhost';
2681
2670
  const keyDownListener = (event)=>{
2682
2671
  if (event.key === 'Alt') {
2683
2672
  event.preventDefault();
2684
- setCtrlIsDown(true);
2673
+ setOptionIsDown(true);
2685
2674
  }
2686
2675
  };
2687
2676
  const keyUpListener = (event)=>{
2688
2677
  if (event.key === 'Alt') {
2689
2678
  event.preventDefault();
2690
- setCtrlIsDown(false);
2679
+ setOptionIsDown(false);
2691
2680
  }
2692
2681
  };
2693
2682
  // getNormalisedValue:
@@ -2704,7 +2693,7 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2704
2693
  const sliderState = Juce.getSliderState(id);
2705
2694
  // const numSteps = sliderState?.getNumSteps();
2706
2695
  const [scaledValue, setScaledValue] = useState(0);
2707
- const [normalisedValue, setNormalisedValue] = useState(0);
2696
+ const [normalisedValue, setNormalisedValue] = useState(sliderState?.normalisedValue);
2708
2697
  const dragInProgress = useRef(false);
2709
2698
  const { highlightedItemChanged, setDefaultParameter, updateModSlotRowTarget, getModSlotPreview, mainPanelrandomizerObject } = useGlobalContext();
2710
2699
  const randomizerObjectToUse = randomizerObject && Object.keys(randomizerObject).length > 0 ? randomizerObject : mainPanelrandomizerObject;
@@ -2812,12 +2801,10 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2812
2801
  const deltaVal = dragOrientation === Orientation.vertical ? delta[1] * -1 : delta[0];
2813
2802
  const newValue = incrementValue({
2814
2803
  delta: deltaVal,
2815
- numSteps: properties?.numSteps ?? 0,
2816
- incrementType: ctrlIsDown ? IncrementType.fine : IncrementType.standard,
2804
+ incrementType: optionIsDown ? IncrementType.fine : IncrementType.standard,
2817
2805
  prevVal: previousScaledValueRef.current || 0,
2818
2806
  interval: properties?.interval ?? 0,
2819
- min: properties?.start,
2820
- max: properties?.end
2807
+ numSteps: properties?.numSteps ?? 0
2821
2808
  });
2822
2809
  setJuceScaledValue(newValue);
2823
2810
  }
@@ -2879,13 +2866,13 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
2879
2866
  };
2880
2867
  };
2881
2868
 
2882
- var css_248z$c = ".RotarySlider {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n aspect-ratio: 1 / 1;\n}\n\n.RotarySlider-Inner {\n height: 100%;\n width: 100%;\n right: 0;\n top: 0;\n bottom: 0;\n left: 0;\n}\n\n.RotarySlider-Indicator-handle {\n position: absolute;\n top: 3px;\n right: 0;\n left: 50%;\n width: 3px;\n height: 50%;\n transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);\n}\n\n.RotarySlider-center-marker {\n width: 3px;\n height: 6px;\n}\n\n.RotarySlider-CenterCircle {\n position: relative;\n border-radius: 100%;\n border: 2px solid var(--color-gray-300);\n /* background: var(--color-gray-800); */\n background: radial-gradient(\n circle at center,\n var(--bg-lv4) 50%,\n var(--bg-lv3) 80%\n );\n}\n\n.RotarySlider-CenterCircle:after {\n content: '';\n width: 4px;\n height: 4px;\n background: var(--color-gray-300);\n border-radius: 100%;\n position: absolute;\n left: 8px;\n top: 3px;\n}\n\n.RotarySlider-positioning-wrapper {\n position: absolute;\n height: 100%;\n width: 100%;\n}\n.ProgressCircle {\n fill: none;\n pointer-events: none;\n}\n\n.ProgressCircle-value {\n text-align: center;\n margin-top: -4px;\n height: 0.8rem;\n line-height: 0.8rem;\n}\n\n.ProgressCircle-bg {\n stroke-width: 3px;\n transform-origin: center;\n /* transform: rotate(135deg); */\n font-size: var(--text-sm);\n pointer-events: none;\n}\n.ProgressCircle-fg {\n stroke-width: 3px;\n /* stroke-dasharray: 75; */\n /* stroke-dashoffset: calc(880 - (660 * 0) / 100); */\n transform-origin: center;\n pointer-events: none;\n}\n\n.corner-border {\n --b: 1px; /* thickness of the border */\n --c: var(--color-gray-500); /* color of the border */\n --w: 5px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background:\n conic-gradient(from 90deg at top var(--b) left var(--b), var(--_g)) 0 0 /\n var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100% 0 /\n var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0 100% /\n var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n}\n";
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";
2883
2870
  styleInject(css_248z$c);
2884
2871
 
2885
- 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";
2886
2873
  styleInject(css_248z$b);
2887
2874
 
2888
- function ControlGroup({ id, isDisabled = false, className, onChangeActiveState, children, width = 'auto' }) {
2875
+ function ControlGroup({ id, isDisabled = false, className, onChangeActiveState, children, inputRef, width = 'auto', ...rest }) {
2889
2876
  // EXPECTED CONTROL GROUP STRUCTURE
2890
2877
  // <ControlGroup id={id-control-group} is-active>
2891
2878
  // <Slider id={id}></Slider>
@@ -2894,22 +2881,39 @@ function ControlGroup({ id, isDisabled = false, className, onChangeActiveState,
2894
2881
  const groupId = `${id}-control-group`;
2895
2882
  const [isActive, setIsActive] = useState(false);
2896
2883
  const sliderState = Juce.getSliderState(id);
2897
- const clickListener = (event)=>{
2884
+ const isOptionPressed = useRef(false);
2885
+ const mousedownListener = (event)=>{
2898
2886
  if (!isDisabled) {
2899
- if (event.target.closest('.controlGroup')?.id === groupId) {
2887
+ if (event.target.closest('.ControlGroup')?.id === groupId) {
2900
2888
  setIsActive(true);
2901
2889
  onChangeActiveState && onChangeActiveState(true);
2902
- document.getElementById(`${id}-input`)?.focus();
2903
- document.getElementById(`${id}-input`)?.select();
2890
+ // const input = inputRef?.current;
2891
+ // if (input) {
2892
+ // input?.focus();
2893
+ // }
2894
+ // input?.select();
2904
2895
  // event.stopPropagation();
2905
2896
  } else {
2897
+ const input = inputRef?.current;
2906
2898
  setIsActive(false);
2907
2899
  onChangeActiveState && onChangeActiveState(false);
2908
- document.getElementById(`${id}-input`)?.blur();
2900
+ input?.blur();
2909
2901
  // event.stopPropagation();
2910
2902
  }
2911
2903
  }
2912
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
+ };
2913
2917
  const increment = ()=>{
2914
2918
  const normalisedVal = sliderState?.getNormalisedValue();
2915
2919
  const newValue = incrementValue({
@@ -2933,36 +2937,87 @@ function ControlGroup({ id, isDisabled = false, className, onChangeActiveState,
2933
2937
  sliderState?.setNormalisedValue(newValue);
2934
2938
  };
2935
2939
  function keyDownListener(event) {
2936
- if (isActive && !isDisabled) {
2937
- 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') {
2938
2952
  event.preventDefault();
2939
- decrement();
2953
+ isOptionPressed.current = true;
2940
2954
  }
2941
- if (event.key === 'ArrowRight') {
2955
+ if (event.key === 'Tab') {
2942
2956
  event.preventDefault();
2943
- 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();
2944
2994
  }
2945
2995
  }
2946
2996
  }
2947
2997
  useEffect(()=>{
2948
- document.addEventListener('click', clickListener);
2998
+ document.addEventListener('mousedown', mousedownListener);
2999
+ document.addEventListener('mouseup', mouseupListener);
2949
3000
  document.addEventListener('keydown', keyDownListener);
3001
+ document.addEventListener('keyup', handleKeyUp);
2950
3002
  return ()=>{
2951
- document.removeEventListener('click', clickListener);
3003
+ document.removeEventListener('mousedown', mousedownListener);
3004
+ document.removeEventListener('mouseup', mouseupListener);
2952
3005
  document.removeEventListener('keydown', keyDownListener);
3006
+ document.removeEventListener('keyup', handleKeyUp);
2953
3007
  };
2954
3008
  }, [
2955
3009
  window,
2956
- isActive,
2957
3010
  isDisabled
2958
3011
  ]);
2959
3012
  return jsx(Box, {
2960
3013
  id: groupId,
2961
3014
  width: width,
2962
- className: `controlGroup ${isActive ? 'isActive' : ''} ${isDisabled ? 'isDisabled' : ''} ${className ? className : ''}`,
3015
+ ...rest,
3016
+ className: `ControlGroup ${isActive ? 'isActive' : ''} ${isDisabled ? 'isDisabled' : ''} ${className ? className : ''}`,
2963
3017
  children: children
2964
3018
  });
2965
3019
  }
3020
+ ControlGroup.FlexDirection = FlexDirection$1;
2966
3021
 
2967
3022
  const ProgressCircle = ({ width, height, polarity = Polarity.unipolar, strokeWidth = 5, // trackOffset = 0,
2968
3023
  indicatorLineColor, indicatorLineGradient, outerGlowRadius, outerGlowColors = [], blur, indicatorLineRange, trackColor, radius, circ, activeZone, normalisedValue })=>{
@@ -3575,8 +3630,8 @@ activeColor = 'var(--color-brand)', inactiveColor = 'var(--bg-lv1)', shape = Ind
3575
3630
 
3576
3631
  // Rotary Slider UI component.
3577
3632
  // Connects to Juce's Slider element
3578
- function RotarySlider({ polarity = Polarity.unipolar, label, className, id, onChange, innerCircleGap, trackWidth = TrackWidths.small, isRandomizable = false, randomizerObject, resetterObject, // trackOffset,
3579
- indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor, indicatorLineActiveArea, trackColor = 'var(--color-brand-900)', trackStrokeColor, handleStrokeColor = 'var(--color-brand)', handleFillColor, outerGlowRadius, outerGlowColors, blur, size = RotarySliderSizes.small, width, labelColor, showLabel = true, inputHighlightColor, handleShape, mockInitialNormalisedValue = 0, mockProperties = {
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 = {
3580
3635
  start: 20.0,
3581
3636
  end: 15000.0,
3582
3637
  interval: 0.1,
@@ -3592,20 +3647,14 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
3592
3647
  isRandomizable,
3593
3648
  randomizerObject
3594
3649
  });
3595
- // console.log(
3596
- // normalisedValue,
3597
- // scaledValue,
3598
- // 'normalisedValuenormalisedValuenormalisedValuenormalisedValuenormalisedValue',
3599
- // );
3600
- // const defaultGradientColor =
3601
- // size === RotarySliderSizes.large
3602
- // ? GradientStyles.multicolor
3603
- // : GradientStyles.unicolor;
3650
+ const highlightWrapperRef = useRef(null);
3651
+ const inputRef = useRef(null);
3652
+ // console.l
3604
3653
  // const defaultTrackWidth = size === RotarySliderSizes.large ? 5 : 3;
3605
3654
  const defaultHandleShape = size === RotarySliderSizes.large ? RotarySliderHandleShapes.circle : RotarySliderHandleShapes.rectangle;
3606
- return jsx(ControlGroup, {
3607
- id: id,
3608
- width: width,
3655
+ return jsx(Box, {
3656
+ width: Box.width.auto,
3657
+ height: Box.height.auto,
3609
3658
  children: jsxs(Box, {
3610
3659
  className: `RotarySlider-wrapper`,
3611
3660
  flexDirection: Box.flexDirection.column,
@@ -3625,59 +3674,75 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
3625
3674
  outerGlowColor: labelColor,
3626
3675
  outerGlowRadius: outerGlowRadius
3627
3676
  }) : null,
3628
- jsx(PositioningWrapper, {
3629
- top: '25%',
3630
- left: '-16px',
3631
- width: `${rotarySliderSizeMap?.[size]?.width}px`,
3632
- height: `${rotarySliderSizeMap?.[size]?.height}px`,
3633
- positionedElement: indicatorId ? jsx(IndicatorLight, {
3634
- id: indicatorId
3635
- }) : null,
3636
- children: jsx(RotaryCircle, {
3637
- polarity: polarity,
3638
- className: className,
3639
- id: id,
3640
- trackWidth: trackWidth,
3641
- handleShape: handleShape ?? defaultHandleShape,
3642
- // trackOffset={trackOffset}
3643
- innerCircleGap: innerCircleGap,
3644
- indicatorLineActiveArea: indicatorLineActiveArea,
3645
- sliderValue: normalisedValue,
3646
- bindDrag: bindDrag,
3647
- onDoubleClick: setToDefaultState,
3648
- size: size,
3649
- indicatorLineColor: indicatorLineColor,
3650
- indicatorLineGradient: indicatorLineGradient,
3651
- trackColor: trackColor,
3652
- trackStrokeColor: trackStrokeColor,
3653
- handleStrokeColor: handleStrokeColor,
3654
- handleFillColor: handleFillColor,
3655
- outerGlowRadius: outerGlowRadius,
3656
- outerGlowColors: outerGlowColors,
3657
- blur: blur
3658
- })
3659
- }),
3660
- jsx(Input, {
3661
- className: "ProgressCircle-value",
3662
- value: scaledValue,
3677
+ jsxs(ControlGroup, {
3663
3678
  id: id,
3664
- min: properties?.start || 0,
3665
- max: properties?.end || 0,
3666
- fontSize: Input.fontSize.xSmall,
3667
- textAlign: Input.textAlign.center,
3668
- textColor: labelColor,
3669
- highlightColor: inputHighlightColor,
3670
- outerGlowColor: labelColor,
3671
- outerGlowRadius: outerGlowRadius,
3672
- blur: blur,
3679
+ width: width,
3680
+ inputRef: inputRef,
3681
+ flexDirection: ControlGroup.FlexDirection.column,
3682
+ ref: highlightWrapperRef,
3683
+ className: `RotarySlider-HighlightWrapper`,
3673
3684
  style: {
3674
- fontWeight: 'bold',
3675
- width: '100%',
3676
- maxWidth: `${rotarySliderSizeMap?.[size]?.width}px`
3685
+ '--slider-highlight-color': cornerBorderHighlightColor,
3686
+ width: `${rotarySliderSizeMap?.[size]?.width + 10}px`,
3687
+ height: `${rotarySliderSizeMap?.[size]?.height + 10}px`
3677
3688
  },
3678
- onComplete: (value)=>{
3679
- value !== undefined && setScaledState(value);
3680
- }
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
+ ]
3681
3746
  })
3682
3747
  ]
3683
3748
  })
@@ -3984,6 +4049,7 @@ innerCircleGap, labelColor, inputHighlightColor, indicatorLineColor, indicatorLi
3984
4049
  return jsx(ControlGroup, {
3985
4050
  id: id,
3986
4051
  width: width,
4052
+ inputRef: null,
3987
4053
  children: jsxs(Box, {
3988
4054
  className: `RotarySlider-wrapper`,
3989
4055
  flexDirection: Box.flexDirection.column,
@@ -4062,7 +4128,7 @@ var SliderVariants;
4062
4128
  SliderVariants["rotary"] = "rotary";
4063
4129
  SliderVariants["rotaryCombobox"] = "rotaryCombobox";
4064
4130
  })(SliderVariants || (SliderVariants = {}));
4065
- function Slider({ variant = SliderVariants.rotary, polarity = Polarity.unipolar, inputHighlightColor = 'var(--color-brand)', label, labelColor, showLabel, indicatorLineColor, trackColor, trackStrokeColor, handleStrokeColor, handleFillColor, handleShape, showHandle, showInsetBoxShadow, indicatorLineGradient, outerGlowRadius, outerGlowColors, blur, trackWidth, trackBorderRadius, className, id, width, height, onChange, indicatorId, innerCircleGap, size = RotarySliderSizes.small, // trackOffset = 0,
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,
4066
4132
  mockInitialNormalisedValue = 0, showValue, includeValueInHeight, marks, isRandomizable, randomizerObject, resetterObject, rotationBehavior, orientation, dragOrientation, isStandalone, isHighlighted, mockProperties = {
4067
4133
  start: 20.0,
4068
4134
  end: 15000.0,
@@ -4076,6 +4142,7 @@ mockInitialNormalisedValue = 0, showValue, includeValueInHeight, marks, isRandom
4076
4142
  label: label,
4077
4143
  labelColor: labelColor,
4078
4144
  trackWidth: trackWidth,
4145
+ cornerBorderHighlightColor: cornerBorderHighlightColor,
4079
4146
  indicatorLineColor: indicatorLineColor,
4080
4147
  indicatorLineGradient: indicatorLineGradient,
4081
4148
  width: width,
@@ -5643,6 +5710,7 @@ SingleBarViz.orientation = Orientation;
5643
5710
  function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5644
5711
  const { setDefaultParameter, updateModSlotRowTarget, globalState: { modSlotTargets } } = useGlobalContext();
5645
5712
  const [_, setIsActive] = useState(false);
5713
+ const inputRef = useRef(null);
5646
5714
  const { bindDrag, normalisedValue, scaledValue, properties, setScaledState } = useSlider({
5647
5715
  id: modifier,
5648
5716
  rowId,
@@ -5664,6 +5732,7 @@ function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5664
5732
  id: modifier,
5665
5733
  className: "ModMatrixCell-Wrapper",
5666
5734
  isDisabled: isDisabled,
5735
+ inputRef: inputRef,
5667
5736
  onChangeActiveState: (isActive)=>setIsActive(isActive),
5668
5737
  children: jsxs(Box, {
5669
5738
  className: `ModMatrixCell ${isDisabled ? 'isDisabled' : ''}`,
@@ -5689,6 +5758,7 @@ function ModMatrixCell({ modifier, rowId, isDisabled, color, style }) {
5689
5758
  className: "ModMatrixInput",
5690
5759
  value: scaledValue,
5691
5760
  id: modifier,
5761
+ ref: inputRef,
5692
5762
  isDisabled: isDisabled,
5693
5763
  min: properties?.start || 0,
5694
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,
@@ -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
@@ -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"}
@@ -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"}
@@ -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;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/common/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,aAAa,EACd,MAAM,SAAS,CAAC;AAOjB,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,UAAU,GACX,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC,sBAOA;AAGD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,KAAK,EACL,GAAG,EACH,IAAI,GACL,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,UAEA;AAED,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,GAAG,MAAM,WAGtD,CAAC;AAEJ,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,GAAG,MAAM,WAGtD,CAAC;AAEJ,eAAO,MAAM,qBAAqB,GAAI,MAAM,MAAM,GAAG,MAAM,YAG1D,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,EAAE,YAAO,EAAE,YAAO,WAElD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,oBAAoB,CAAC;CAClC,UAQA;AAKD,eAAO,MAAM,mBAAmB,GAAI,GAAG,GAAG,YAMzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kCAInC;IACD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,oBAAoB,CAAC;CAClC,WAuBA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,wCAInC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;;;;;;;;;;;;;;;;aA8CA,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,WAEtD,CAAC;AAiCF,eAAO,MAAM,cAAc,GAAI,+EAS5B,CACC;IACE,aAAa,EAAE,aAAa,CAAC,IAAI,GAAG,aAAa,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GACD;IACE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CACJ,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,WAoCA,CAAC;AAGF,wBAAgB,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAC/C,GAAG,MAAM,GAAG,UAQrB;AAED,eAAO,MAAM,cAAc,GAAI,uDAK5B;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,WAeA,CAAC;AAYF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,WACW,CAAC;AAErD,eAAO,MAAM,8BAA8B,GACzC,SAAS,KAAK,CAAC,MAAM,CAAC,EACtB,SAAS,MAAM,KACd,MAcF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,gBAAgB,MAAM,EACtB,iBAAiB,MAAM,WAE6E,CAAC;AAEvG,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,GAAG,MAAM,WACiB,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,GAAG,MAAM,uBACO,CAAC;AAEhE,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,GAAG,MAAM,EACtB,YAAW,MAAa,WACuC,CAAC;AAElE,eAAO,MAAM,cAAc,GACzB,aAAa,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EACnC,iBAAiB,gBAAgB,EACjC,qBAAqB,OAAO,oBAc7B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,uEAM7B;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;CAC1B,MACS,OAAO,MAAM,SA0BtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,qEAOpC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAE3C,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,MACS,OAAO,MAAM,SAwBtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,4EAOjC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,MACS,OAAO,MAAM,SAetB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6DAKjC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC/C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,WAAW,EAAE,wBAAwB,CAAC;CACvC,MACS,OAAO,MAAM,SAgBtB,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/common/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,aAAa,EACd,MAAM,SAAS,CAAC;AAOjB,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,UAAU,GACX,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC,sBAOA;AAGD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,KAAK,EACL,GAAG,EACH,IAAI,GACL,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,UAEA;AAED,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,GAAG,MAAM,WAGtD,CAAC;AAEJ,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,GAAG,MAAM,WAGtD,CAAC;AAEJ,eAAO,MAAM,qBAAqB,GAAI,MAAM,MAAM,GAAG,MAAM,YAG1D,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,EAAE,YAAO,EAAE,YAAO,WAElD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,oBAAoB,CAAC;CAClC,UAQA;AAKD,eAAO,MAAM,mBAAmB,GAAI,GAAG,GAAG,YAMzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kCAInC;IACD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,oBAAoB,CAAC;CAClC,WAuBA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,wCAInC;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;;;;;;;;;;;;;;;;aA8CA,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,EAAE,KAAK,MAAM,WAEtD,CAAC;AAiCF,eAAO,MAAM,cAAc,GAAI,+EAS5B,CACC;IACE,aAAa,EAAE,aAAa,CAAC,IAAI,GAAG,aAAa,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GACD;IACE,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CACJ,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,WAoCA,CAAC;AAGF,wBAAgB,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAC/C,GAAG,MAAM,GAAG,UAQrB;AAED,eAAO,MAAM,cAAc,GAAI,uDAK5B;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB,WAiBA,CAAC;AAYF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,WACW,CAAC;AAErD,eAAO,MAAM,8BAA8B,GACzC,SAAS,KAAK,CAAC,MAAM,CAAC,EACtB,SAAS,MAAM,KACd,MAcF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,gBAAgB,MAAM,EACtB,iBAAiB,MAAM,WAE6E,CAAC;AAEvG,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,GAAG,MAAM,WACiB,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,GAAG,MAAM,uBACO,CAAC;AAEhE,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,GAAG,MAAM,EACtB,YAAW,MAAa,WACuC,CAAC;AAElE,eAAO,MAAM,cAAc,GACzB,aAAa,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EACnC,iBAAiB,gBAAgB,EACjC,qBAAqB,OAAO,oBAc7B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,uEAM7B;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;CAC1B,MACS,OAAO,MAAM,SA0BtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,qEAOpC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAE3C,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,MACS,OAAO,MAAM,SAwBtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,4EAOjC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,MACS,OAAO,MAAM,SAetB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6DAKjC;IACD,iBAAiB,EAAE,GAAG,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IAC/C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,WAAW,EAAE,wBAAwB,CAAC;CACvC,MACS,OAAO,MAAM,SAgBtB,CAAC"}
@@ -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;
@@ -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"}
@@ -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"}
@@ -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"}
@@ -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;
@@ -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"}
@@ -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;
@@ -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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"}
@@ -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
@@ -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"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAKnB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAiB,MAAM,iBAAiB,CAAC;AAG/E,QAAA,MAAM,SAAS,GAAI,0QAwBhB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uBAAuB,CAAC,EAAE,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IACnC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;+BA8FuC,MAAM;;;;;;;;CA8J7C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSlider.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAKnB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAiB,MAAM,iBAAiB,CAAC;AAG/E,QAAA,MAAM,SAAS,GAAI,0QAwBhB;IACD,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uBAAuB,CAAC,EAAE,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IACnC,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;+BAgGuC,MAAM;;;;;;;;CA4J7C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antimatter-audio/antimatter-ui",
3
- "version": "16.2.12",
3
+ "version": "16.2.13",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",