@react-aria/color 3.0.0-beta.1 → 3.0.0-beta.5

package/dist/main.js

@@ -1,19 +1,22 @@
-var {
-  useTextField
-} = require("@react-aria/textfield");
-
 var {
   useSpinButton
 } = require("@react-aria/spinbutton");
 
+var {
+  useFormattedTextField
+} = require("@react-aria/textfield");
+
 var {
   useKeyboard,
-  useMove
+  useMove,
+  useFocusWithin,
+  useScrollWheel
 } = require("@react-aria/interactions");
 
 var {
   useCallback,
-  useRef
+  useRef,
+  useState
 } = require("react");
 
 var {
@@ -252,9 +255,13 @@ function useColorWheel(props, state, inputRef) {
       currentPointer.current = id;
       focusInput();
       state.setDragging(true);
-      addGlobalListener(window, 'mouseup', onThumbUp, false);
-      addGlobalListener(window, 'touchend', onThumbUp, false);
-      addGlobalListener(window, 'pointerup', onThumbUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        addGlobalListener(window, 'pointerup', onThumbUp, false);
+      } else {
+        addGlobalListener(window, 'mouseup', onThumbUp, false);
+        addGlobalListener(window, 'touchend', onThumbUp, false);
+      }
     }
   };
 
@@ -268,9 +275,13 @@ function useColorWheel(props, state, inputRef) {
       state.setDragging(false);
       currentPointer.current = undefined;
       isOnTrack.current = false;
-      removeGlobalListener(window, 'mouseup', onThumbUp, false);
-      removeGlobalListener(window, 'touchend', onThumbUp, false);
-      removeGlobalListener(window, 'pointerup', onThumbUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        removeGlobalListener(window, 'pointerup', onThumbUp, false);
+      } else {
+        removeGlobalListener(window, 'mouseup', onThumbUp, false);
+        removeGlobalListener(window, 'touchend', onThumbUp, false);
+      }
     }
   };
 
@@ -286,9 +297,13 @@ function useColorWheel(props, state, inputRef) {
       stateRef.current.setHueFromPoint(x, y, radius);
       focusInput();
       state.setDragging(true);
-      addGlobalListener(window, 'mouseup', onTrackUp, false);
-      addGlobalListener(window, 'touchend', onTrackUp, false);
-      addGlobalListener(window, 'pointerup', onTrackUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        addGlobalListener(window, 'pointerup', onTrackUp, false);
+      } else {
+        addGlobalListener(window, 'mouseup', onTrackUp, false);
+        addGlobalListener(window, 'touchend', onTrackUp, false);
+      }
     }
   };
 
@@ -302,9 +317,13 @@ function useColorWheel(props, state, inputRef) {
       currentPointer.current = undefined;
       state.setDragging(false);
       focusInput();
-      removeGlobalListener(window, 'mouseup', onTrackUp, false);
-      removeGlobalListener(window, 'touchend', onTrackUp, false);
-      removeGlobalListener(window, 'pointerup', onTrackUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        removeGlobalListener(window, 'pointerup', onTrackUp, false);
+      } else {
+        removeGlobalListener(window, 'mouseup', onTrackUp, false);
+        removeGlobalListener(window, 'touchend', onTrackUp, false);
+      }
     }
   };
 
@@ -326,25 +345,26 @@ function useColorWheel(props, state, inputRef) {
     }
 
   });
-  let trackInteractions = isDisabled ? {} : mergeProps({
-    onMouseDown: e => {
-      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
-        return;
-      }
-
-      onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
-    },
+  let trackInteractions = isDisabled ? {} : mergeProps(_babelRuntimeHelpersExtends({}, typeof PointerEvent !== 'undefined' ? {
     onPointerDown: e => {
       if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {
         return;
       }
 
       onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);
+    }
+  } : {
+    onMouseDown: e => {
+      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
+        return;
+      }
+
+      onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
     },
     onTouchStart: e => {
       onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
     }
-  }, movePropsContainer);
+  }), movePropsContainer);
   let thumbInteractions = isDisabled ? {} : mergeProps({
     onMouseDown: e => {
       if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
@@ -435,7 +455,6 @@ function useColorField(props, state, ref) {
   let {
     colorValue,
     inputValue,
-    setInputValue,
     commit,
     increment,
     decrement,
@@ -458,40 +477,55 @@ function useColorField(props, state, ref) {
     value: colorValue ? colorValue.toHexInt() : undefined,
     textValue: colorValue ? colorValue.toString('hex') : undefined
   });
-
-  let onWheel = e => {
-    if (isDisabled || isReadOnly) {
+  let [focusWithin, setFocusWithin] = useState(false);
+  let {
+    focusWithinProps
+  } = useFocusWithin({
+    isDisabled,
+    onFocusWithinChange: setFocusWithin
+  });
+  let onWheel = useCallback(e => {
+    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {
       return;
     }
 
-    if (e.deltaY < 0) {
+    if (e.deltaY > 0) {
       increment();
-    } else {
+    } else if (e.deltaY < 0) {
       decrement();
     }
+  }, [isReadOnly, isDisabled, decrement, increment]); // If the input isn't supposed to receive input, disable scrolling.
+
+  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
+  useScrollWheel({
+    onScroll: onWheel,
+    isDisabled: scrollingDisabled
+  }, ref);
+
+  let onChange = value => {
+    state.setInputValue(value);
   };
 
   let {
     labelProps,
     inputProps
-  } = useTextField(mergeProps(props, {
+  } = useFormattedTextField(mergeProps(props, {
     id: inputId,
     value: inputValue,
     type: 'text',
     autoComplete: 'off',
-    onChange: setInputValue
-  }), ref);
+    onChange
+  }), state, ref);
   return {
     labelProps,
-    inputProps: mergeProps(inputProps, spinButtonProps, {
+    inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {
       role: 'textbox',
       'aria-valuemax': null,
       'aria-valuemin': null,
       'aria-valuenow': null,
       'aria-valuetext': null,
       autoCorrect: 'off',
-      onBlur: commit,
-      onWheel
+      onBlur: commit
     })
   };
 }

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-aria/color/src/useColorSlider.ts","./packages/@react-aria/color/src/useColorWheel.ts","./packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorSliderProps} from '@react-types/color';\nimport {ColorSliderState} from '@react-stately/color';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {mergeProps} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSlider, useSliderThumb} from '@react-aria/slider';\n\ninterface ColorSliderAriaOptions extends AriaColorSliderProps {\n  /** A ref for the track element. */\n  trackRef: RefObject<HTMLElement>,\n  /** A ref for the input element. */\n  inputRef: RefObject<HTMLInputElement>\n}\n\ninterface ColorSliderAria {\n  /** Props for the label element. */\n  labelProps: HTMLAttributes<HTMLElement>,\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>,\n  /** Props for the thumb element. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden range input element. */\n  inputProps: HTMLAttributes<HTMLElement>,\n  /** Props for the output element, displaying the value of the color slider. */\n  outputProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color slider component.\n * Color sliders allow users to adjust an individual channel of a color value.\n */\nexport function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria {\n  let {trackRef, inputRef, orientation, channel, 'aria-label': ariaLabel} = props;\n\n  let {locale, direction} = useLocale();\n\n  // Provide a default aria-label if there is no other label provided.\n  if (!props.label && !ariaLabel && !props['aria-labelledby']) {\n    ariaLabel = state.value.getChannelName(channel, locale);\n  }\n\n  // @ts-ignore - ignore unused incompatible props\n  let {groupProps, trackProps, labelProps, outputProps} = useSlider({...props, 'aria-label': ariaLabel}, state, trackRef);\n  let {inputProps, thumbProps} = useSliderThumb({\n    index: 0,\n    orientation,\n    isDisabled: props.isDisabled,\n    trackRef,\n    inputRef\n  }, state);\n\n  let generateBackground = () => {\n    let value = state.getDisplayColor();\n    let to: string;\n    if (orientation === 'vertical') {\n      to = 'top';\n    } else if (direction === 'ltr') {\n      to = 'right';\n    } else {\n      to = 'left';\n    }\n    switch (channel) {\n      case 'hue':\n        return `linear-gradient(to ${to}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;\n      case 'lightness': {\n        // We have to add an extra color stop in the middle so that the hue shows up at all.\n        // Otherwise it will always just be black to white.\n        let min = state.getThumbMinValue(0);\n        let max = state.getThumbMaxValue(0);\n        let start = value.withChannelValue(channel, min).toString('css');\n        let middle = value.withChannelValue(channel, (max - min) / 2).toString('css');\n        let end = value.withChannelValue(channel, max).toString('css');\n        return `linear-gradient(to ${to}, ${start}, ${middle}, ${end})`;\n      }\n      case 'saturation':\n      case 'brightness':\n      case 'red':\n      case 'green':\n      case 'blue':\n      case 'alpha': {\n        let start = value.withChannelValue(channel, state.getThumbMinValue(0)).toString('css');\n        let end = value.withChannelValue(channel, state.getThumbMaxValue(0)).toString('css');\n        return `linear-gradient(to ${to}, ${start}, ${end})`;\n      }\n      default:\n        throw new Error('Unknown color channel: ' + channel);\n    }\n  };\n\n  let thumbPosition = state.getThumbPercent(0);\n  if (orientation === 'vertical' || direction === 'rtl') {\n    thumbPosition = 1 - thumbPosition;\n  }\n\n  return {\n    trackProps: {\n      ...mergeProps(groupProps, trackProps),\n      style: {\n        position: 'relative',\n        touchAction: 'none',\n        background: generateBackground()\n      }\n    },\n    inputProps,\n    thumbProps: {\n      ...thumbProps,\n      style: {\n        touchAction: 'none',\n        position: 'absolute',\n        [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition * 100}%`,\n        transform: 'translate(-50%, -50%)'\n      }\n    },\n    labelProps,\n    outputProps\n  };\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorWheelProps} from '@react-types/color';\nimport {ColorWheelState} from '@react-stately/color';\nimport {focusWithoutScrolling, mergeProps, useGlobalListeners, useLabels} from '@react-aria/utils';\nimport React, {ChangeEvent, HTMLAttributes, InputHTMLAttributes, RefObject, useCallback, useRef} from 'react';\nimport {useKeyboard, useMove} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface ColorWheelAriaProps extends AriaColorWheelProps {\n  /** The outer radius of the color wheel. */\n  outerRadius: number,\n  /** The inner radius of the color wheel. */\n  innerRadius: number\n}\n\ninterface ColorWheelAria {\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>,\n  /** Props for the thumb element. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden range input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>\n}\n\nconst PAGE_MIN_STEP_SIZE = 6;\n\n/**\n * Provides the behavior and accessibility implementation for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria {\n  let {\n    isDisabled,\n    step = 1,\n    innerRadius,\n    outerRadius,\n    'aria-label': ariaLabel\n  } = props;\n\n  let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n  let thumbRadius = (innerRadius + outerRadius) / 2;\n\n  let focusInput = useCallback(() => {\n    if (inputRef.current) {\n      focusWithoutScrolling(inputRef.current);\n    }\n  }, [inputRef]);\n\n  let stateRef = useRef<ColorWheelState>(null);\n  stateRef.current = state;\n\n  let currentPosition = useRef<{x: number, y: number}>(null);\n  let moveHandler = {\n    onMoveStart() {\n      currentPosition.current = null;\n      state.setDragging(true);\n    },\n    onMove({deltaX, deltaY, pointerType}) {\n      if (currentPosition.current == null) {\n        currentPosition.current = stateRef.current.getThumbPosition(thumbRadius);\n      }\n      currentPosition.current.x += deltaX;\n      currentPosition.current.y += deltaY;\n      if (pointerType === 'keyboard') {\n        if (deltaX > 0 || deltaY < 0) {\n          state.increment();\n        } else if (deltaX < 0 || deltaY > 0) {\n          state.decrement();\n        }\n      } else {\n        stateRef.current.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);\n      }\n    },\n    onMoveEnd() {\n      isOnTrack.current = undefined;\n      state.setDragging(false);\n      focusInput();\n    }\n  };\n  let {moveProps: movePropsThumb} = useMove(moveHandler);\n\n  let currentPointer = useRef<number | null | undefined>(undefined);\n  let isOnTrack = useRef<boolean>(false);\n  let {moveProps: movePropsContainer} = useMove({\n    onMoveStart() {\n      if (isOnTrack.current) {\n        moveHandler.onMoveStart();\n      }\n    },\n    onMove(e) {\n      if (isOnTrack.current) {\n        moveHandler.onMove(e);\n      }\n    },\n    onMoveEnd() {\n      if (isOnTrack.current) {\n        moveHandler.onMoveEnd();\n      }\n    }\n  });\n\n  let onThumbDown = (id: number | null) => {\n    if (!state.isDragging) {\n      currentPointer.current = id;\n      focusInput();\n      state.setDragging(true);\n      addGlobalListener(window, 'mouseup', onThumbUp, false);\n      addGlobalListener(window, 'touchend', onThumbUp, false);\n      addGlobalListener(window, 'pointerup', onThumbUp, false);\n    }\n  };\n\n  let onThumbUp = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (id === currentPointer.current) {\n      focusInput();\n      state.setDragging(false);\n      currentPointer.current = undefined;\n      isOnTrack.current = false;\n\n      removeGlobalListener(window, 'mouseup', onThumbUp, false);\n      removeGlobalListener(window, 'touchend', onThumbUp, false);\n      removeGlobalListener(window, 'pointerup', onThumbUp, false);\n    }\n  };\n\n  let onTrackDown = (track: Element, id: number | null, pageX: number, pageY: number) => {\n    let rect = track.getBoundingClientRect();\n    let x = pageX - rect.x - rect.width / 2;\n    let y = pageY - rect.y - rect.height / 2;\n    let radius = Math.sqrt(x * x + y * y);\n    if (innerRadius < radius && radius < outerRadius && !state.isDragging && currentPointer.current === undefined) {\n      isOnTrack.current = true;\n      currentPointer.current = id;\n      stateRef.current.setHueFromPoint(x, y, radius);\n\n      focusInput();\n      state.setDragging(true);\n\n      addGlobalListener(window, 'mouseup', onTrackUp, false);\n      addGlobalListener(window, 'touchend', onTrackUp, false);\n      addGlobalListener(window, 'pointerup', onTrackUp, false);\n    }\n  };\n\n  let onTrackUp = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (isOnTrack.current && id === currentPointer.current) {\n      isOnTrack.current = false;\n      currentPointer.current = undefined;\n      state.setDragging(false);\n      focusInput();\n\n      removeGlobalListener(window, 'mouseup', onTrackUp, false);\n      removeGlobalListener(window, 'touchend', onTrackUp, false);\n      removeGlobalListener(window, 'pointerup', onTrackUp, false);\n    }\n  };\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      switch (e.key) {\n        case 'PageUp':\n          e.preventDefault();\n          state.increment(PAGE_MIN_STEP_SIZE);\n          break;\n        case 'PageDown':\n          e.preventDefault();\n          state.decrement(PAGE_MIN_STEP_SIZE);\n          break;\n      }\n    }\n  });\n\n  let trackInteractions = isDisabled ? {} : mergeProps({\n    onMouseDown: (e: React.MouseEvent) => {\n      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n        return;\n      }\n      onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);\n    },\n    onPointerDown: (e: React.PointerEvent) => {\n      if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n        return;\n      }\n      onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);\n    },\n    onTouchStart: (e: React.TouchEvent) => {\n      onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n    }\n  }, movePropsContainer);\n\n  let thumbInteractions = isDisabled ? {} : mergeProps({\n    onMouseDown: (e: React.MouseEvent) => {\n      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n        return;\n      }\n      onThumbDown(undefined);\n    },\n    onPointerDown: (e: React.PointerEvent) => {\n      if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n        return;\n      }\n      onThumbDown(e.pointerId);\n    },\n    onTouchStart: (e: React.TouchEvent) => {\n      onThumbDown(e.changedTouches[0].identifier);\n    }\n  }, movePropsThumb, keyboardProps);\n  let {x, y} = state.getThumbPosition(thumbRadius);\n\n  // Provide a default aria-label if none is given\n  let {locale} = useLocale();\n  if (ariaLabel == null && props['aria-labelledby'] == null) {\n    ariaLabel = state.value.getChannelName('hue', locale);\n  }\n\n  let inputLabellingProps = useLabels({\n    ...props,\n    'aria-label': ariaLabel\n  });\n\n  return {\n    trackProps: {\n      ...trackInteractions,\n      style: {\n        position: 'relative',\n        touchAction: 'none',\n        width: outerRadius * 2,\n        height: outerRadius * 2,\n        background: `\n          conic-gradient(\n            from 90deg,\n            hsl(0, 100%, 50%),\n            hsl(30, 100%, 50%),\n            hsl(60, 100%, 50%),\n            hsl(90, 100%, 50%),\n            hsl(120, 100%, 50%),\n            hsl(150, 100%, 50%),\n            hsl(180, 100%, 50%),\n            hsl(210, 100%, 50%),\n            hsl(240, 100%, 50%),\n            hsl(270, 100%, 50%),\n            hsl(300, 100%, 50%),\n            hsl(330, 100%, 50%),\n            hsl(360, 100%, 50%)\n          )\n        `,\n        clipPath: `path(evenodd, \"${circlePath(outerRadius, outerRadius, outerRadius)} ${circlePath(outerRadius, outerRadius, innerRadius)}\")`\n      }\n    },\n    thumbProps: {\n      ...thumbInteractions,\n      style: {\n        position: 'absolute',\n        left: '50%',\n        top: '50%',\n        transform: `translate(calc(${x}px - 50%), calc(${y}px - 50%))`,\n        touchAction: 'none'\n      }\n    },\n    inputProps: mergeProps(\n      inputLabellingProps,\n      {\n        type: 'range',\n        min: '0',\n        max: '360',\n        step: String(step),\n        'aria-valuetext': state.value.formatChannelValue('hue', locale),\n        disabled: isDisabled,\n        value: `${state.value.getChannelValue('hue')}`,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => {\n          state.setHue(parseFloat(e.target.value));\n        }\n      }\n    )\n  };\n}\n\n// Creates an SVG path string for a circle.\nfunction circlePath(cx: number, cy: number, r: number) {\n  return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {\n  HTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject\n} from 'react';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {useSpinButton} from '@react-aria/spinbutton';\nimport {useTextField} from '@react-aria/textfield';\n\ninterface ColorFieldAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the input element. */\n  inputProps: HTMLAttributes<HTMLInputElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n  props: AriaColorFieldProps,\n  state: ColorFieldState,\n  ref: RefObject<HTMLInputElement>\n): ColorFieldAria {\n  let {\n    isDisabled,\n    isReadOnly,\n    isRequired\n  } = props;\n\n  let {\n    colorValue,\n    inputValue,\n    setInputValue,\n    commit,\n    increment,\n    decrement,\n    incrementToMax,\n    decrementToMin\n  } = state;\n\n  let inputId = useId();\n  let {spinButtonProps} = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue: 0xFFFFFF,\n      minValue: 0,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: colorValue ? colorValue.toHexInt() : undefined,\n      textValue: colorValue ? colorValue.toString('hex') : undefined\n    }\n  );\n\n  let onWheel = (e) => {\n    if (isDisabled || isReadOnly) {\n      return;\n    }\n    if (e.deltaY < 0) {\n      increment();\n    } else {\n      decrement();\n    }\n  };\n\n  let {labelProps, inputProps} = useTextField(\n    mergeProps(props, {\n      id: inputId,\n      value: inputValue,\n      type: 'text',\n      autoComplete: 'off',\n      onChange: setInputValue\n    }), ref);\n\n  return {\n    labelProps,\n    inputProps: mergeProps(inputProps, spinButtonProps, {\n      role: 'textbox',\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      onBlur: commit,\n      onWheel\n    })\n  };\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","useColorSlider","props","state","trackRef","inputRef","orientation","channel","ariaLabel","locale","direction","useLocale","label","value","getChannelName","groupProps","trackProps","labelProps","outputProps","useSlider","inputProps","thumbProps","useSliderThumb","index","isDisabled","generateBackground","getDisplayColor","to","min","getThumbMinValue","max","getThumbMaxValue","start","withChannelValue","toString","middle","end","Error","thumbPosition","getThumbPercent","mergeProps","style","position","touchAction","background","transform","PAGE_MIN_STEP_SIZE","useColorWheel","step","innerRadius","outerRadius","addGlobalListener","removeGlobalListener","useGlobalListeners","thumbRadius","focusInput","useCallback","current","focusWithoutScrolling","stateRef","useRef","currentPosition","moveHandler","onMoveStart","setDragging","onMove","deltaX","deltaY","pointerType","getThumbPosition","x","y","increment","decrement","setHueFromPoint","onMoveEnd","isOnTrack","undefined","moveProps","movePropsThumb","useMove","currentPointer","movePropsContainer","e","onThumbDown","id","isDragging","window","onThumbUp","pointerId","changedTouches","identifier","onTrackDown","track","pageX","pageY","rect","getBoundingClientRect","width","height","radius","Math","sqrt","onTrackUp","keyboardProps","useKeyboard","onKeyDown","key","preventDefault","trackInteractions","onMouseDown","button","altKey","ctrlKey","metaKey","currentTarget","clientX","clientY","onPointerDown","onTouchStart","thumbInteractions","inputLabellingProps","useLabels","clipPath","circlePath","left","top","type","String","formatChannelValue","disabled","getChannelValue","onChange","setHue","parseFloat","target","cx","cy","r","useColorField","ref","isReadOnly","isRequired","colorValue","inputValue","setInputValue","commit","incrementToMax","decrementToMin","inputId","useId","spinButtonProps","useSpinButton","maxValue","minValue","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","toHexInt","textValue","onWheel","useTextField","autoComplete","role","autoCorrect","onBlur"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-aria/color/src/useColorSlider.ts","./packages/@react-aria/color/src/useColorWheel.ts","./packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorSliderProps} from '@react-types/color';\nimport {ColorSliderState} from '@react-stately/color';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {mergeProps} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSlider, useSliderThumb} from '@react-aria/slider';\n\ninterface ColorSliderAriaOptions extends AriaColorSliderProps {\n  /** A ref for the track element. */\n  trackRef: RefObject<HTMLElement>,\n  /** A ref for the input element. */\n  inputRef: RefObject<HTMLInputElement>\n}\n\ninterface ColorSliderAria {\n  /** Props for the label element. */\n  labelProps: HTMLAttributes<HTMLElement>,\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>,\n  /** Props for the thumb element. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden range input element. */\n  inputProps: HTMLAttributes<HTMLElement>,\n  /** Props for the output element, displaying the value of the color slider. */\n  outputProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color slider component.\n * Color sliders allow users to adjust an individual channel of a color value.\n */\nexport function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria {\n  let {trackRef, inputRef, orientation, channel, 'aria-label': ariaLabel} = props;\n\n  let {locale, direction} = useLocale();\n\n  // Provide a default aria-label if there is no other label provided.\n  if (!props.label && !ariaLabel && !props['aria-labelledby']) {\n    ariaLabel = state.value.getChannelName(channel, locale);\n  }\n\n  // @ts-ignore - ignore unused incompatible props\n  let {groupProps, trackProps, labelProps, outputProps} = useSlider({...props, 'aria-label': ariaLabel}, state, trackRef);\n  let {inputProps, thumbProps} = useSliderThumb({\n    index: 0,\n    orientation,\n    isDisabled: props.isDisabled,\n    trackRef,\n    inputRef\n  }, state);\n\n  let generateBackground = () => {\n    let value = state.getDisplayColor();\n    let to: string;\n    if (orientation === 'vertical') {\n      to = 'top';\n    } else if (direction === 'ltr') {\n      to = 'right';\n    } else {\n      to = 'left';\n    }\n    switch (channel) {\n      case 'hue':\n        return `linear-gradient(to ${to}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;\n      case 'lightness': {\n        // We have to add an extra color stop in the middle so that the hue shows up at all.\n        // Otherwise it will always just be black to white.\n        let min = state.getThumbMinValue(0);\n        let max = state.getThumbMaxValue(0);\n        let start = value.withChannelValue(channel, min).toString('css');\n        let middle = value.withChannelValue(channel, (max - min) / 2).toString('css');\n        let end = value.withChannelValue(channel, max).toString('css');\n        return `linear-gradient(to ${to}, ${start}, ${middle}, ${end})`;\n      }\n      case 'saturation':\n      case 'brightness':\n      case 'red':\n      case 'green':\n      case 'blue':\n      case 'alpha': {\n        let start = value.withChannelValue(channel, state.getThumbMinValue(0)).toString('css');\n        let end = value.withChannelValue(channel, state.getThumbMaxValue(0)).toString('css');\n        return `linear-gradient(to ${to}, ${start}, ${end})`;\n      }\n      default:\n        throw new Error('Unknown color channel: ' + channel);\n    }\n  };\n\n  let thumbPosition = state.getThumbPercent(0);\n  if (orientation === 'vertical' || direction === 'rtl') {\n    thumbPosition = 1 - thumbPosition;\n  }\n\n  return {\n    trackProps: {\n      ...mergeProps(groupProps, trackProps),\n      style: {\n        position: 'relative',\n        touchAction: 'none',\n        background: generateBackground()\n      }\n    },\n    inputProps,\n    thumbProps: {\n      ...thumbProps,\n      style: {\n        touchAction: 'none',\n        position: 'absolute',\n        [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition * 100}%`,\n        transform: 'translate(-50%, -50%)'\n      }\n    },\n    labelProps,\n    outputProps\n  };\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorWheelProps} from '@react-types/color';\nimport {ColorWheelState} from '@react-stately/color';\nimport {focusWithoutScrolling, mergeProps, useGlobalListeners, useLabels} from '@react-aria/utils';\nimport React, {ChangeEvent, HTMLAttributes, InputHTMLAttributes, RefObject, useCallback, useRef} from 'react';\nimport {useKeyboard, useMove} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface ColorWheelAriaProps extends AriaColorWheelProps {\n  /** The outer radius of the color wheel. */\n  outerRadius: number,\n  /** The inner radius of the color wheel. */\n  innerRadius: number\n}\n\ninterface ColorWheelAria {\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>,\n  /** Props for the thumb element. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden range input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>\n}\n\nconst PAGE_MIN_STEP_SIZE = 6;\n\n/**\n * Provides the behavior and accessibility implementation for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria {\n  let {\n    isDisabled,\n    step = 1,\n    innerRadius,\n    outerRadius,\n    'aria-label': ariaLabel\n  } = props;\n\n  let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n  let thumbRadius = (innerRadius + outerRadius) / 2;\n\n  let focusInput = useCallback(() => {\n    if (inputRef.current) {\n      focusWithoutScrolling(inputRef.current);\n    }\n  }, [inputRef]);\n\n  let stateRef = useRef<ColorWheelState>(null);\n  stateRef.current = state;\n\n  let currentPosition = useRef<{x: number, y: number}>(null);\n  let moveHandler = {\n    onMoveStart() {\n      currentPosition.current = null;\n      state.setDragging(true);\n    },\n    onMove({deltaX, deltaY, pointerType}) {\n      if (currentPosition.current == null) {\n        currentPosition.current = stateRef.current.getThumbPosition(thumbRadius);\n      }\n      currentPosition.current.x += deltaX;\n      currentPosition.current.y += deltaY;\n      if (pointerType === 'keyboard') {\n        if (deltaX > 0 || deltaY < 0) {\n          state.increment();\n        } else if (deltaX < 0 || deltaY > 0) {\n          state.decrement();\n        }\n      } else {\n        stateRef.current.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);\n      }\n    },\n    onMoveEnd() {\n      isOnTrack.current = undefined;\n      state.setDragging(false);\n      focusInput();\n    }\n  };\n  let {moveProps: movePropsThumb} = useMove(moveHandler);\n\n  let currentPointer = useRef<number | null | undefined>(undefined);\n  let isOnTrack = useRef<boolean>(false);\n  let {moveProps: movePropsContainer} = useMove({\n    onMoveStart() {\n      if (isOnTrack.current) {\n        moveHandler.onMoveStart();\n      }\n    },\n    onMove(e) {\n      if (isOnTrack.current) {\n        moveHandler.onMove(e);\n      }\n    },\n    onMoveEnd() {\n      if (isOnTrack.current) {\n        moveHandler.onMoveEnd();\n      }\n    }\n  });\n\n  let onThumbDown = (id: number | null) => {\n    if (!state.isDragging) {\n      currentPointer.current = id;\n      focusInput();\n      state.setDragging(true);\n\n      if (typeof PointerEvent !== 'undefined') {\n        addGlobalListener(window, 'pointerup', onThumbUp, false);\n      } else {\n        addGlobalListener(window, 'mouseup', onThumbUp, false);\n        addGlobalListener(window, 'touchend', onThumbUp, false);\n      }\n    }\n  };\n\n  let onThumbUp = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (id === currentPointer.current) {\n      focusInput();\n      state.setDragging(false);\n      currentPointer.current = undefined;\n      isOnTrack.current = false;\n\n      if (typeof PointerEvent !== 'undefined') {\n        removeGlobalListener(window, 'pointerup', onThumbUp, false);\n      } else {\n        removeGlobalListener(window, 'mouseup', onThumbUp, false);\n        removeGlobalListener(window, 'touchend', onThumbUp, false);\n      }\n    }\n  };\n\n  let onTrackDown = (track: Element, id: number | null, pageX: number, pageY: number) => {\n    let rect = track.getBoundingClientRect();\n    let x = pageX - rect.x - rect.width / 2;\n    let y = pageY - rect.y - rect.height / 2;\n    let radius = Math.sqrt(x * x + y * y);\n    if (innerRadius < radius && radius < outerRadius && !state.isDragging && currentPointer.current === undefined) {\n      isOnTrack.current = true;\n      currentPointer.current = id;\n      stateRef.current.setHueFromPoint(x, y, radius);\n\n      focusInput();\n      state.setDragging(true);\n\n      if (typeof PointerEvent !== 'undefined') {\n        addGlobalListener(window, 'pointerup', onTrackUp, false);\n      } else {\n        addGlobalListener(window, 'mouseup', onTrackUp, false);\n        addGlobalListener(window, 'touchend', onTrackUp, false);\n      }\n    }\n  };\n\n  let onTrackUp = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (isOnTrack.current && id === currentPointer.current) {\n      isOnTrack.current = false;\n      currentPointer.current = undefined;\n      state.setDragging(false);\n      focusInput();\n\n\n      if (typeof PointerEvent !== 'undefined') {\n        removeGlobalListener(window, 'pointerup', onTrackUp, false);\n      } else {\n        removeGlobalListener(window, 'mouseup', onTrackUp, false);\n        removeGlobalListener(window, 'touchend', onTrackUp, false);\n      }\n    }\n  };\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      switch (e.key) {\n        case 'PageUp':\n          e.preventDefault();\n          state.increment(PAGE_MIN_STEP_SIZE);\n          break;\n        case 'PageDown':\n          e.preventDefault();\n          state.decrement(PAGE_MIN_STEP_SIZE);\n          break;\n      }\n    }\n  });\n\n  let trackInteractions = isDisabled ? {} : mergeProps({\n    ...(typeof PointerEvent !== 'undefined' ? {\n      onPointerDown: (e: React.PointerEvent) => {\n        if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n          return;\n        }\n        onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);\n      }} : {\n        onMouseDown: (e: React.MouseEvent) => {\n          if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n            return;\n          }\n          onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);\n        },\n        onTouchStart: (e: React.TouchEvent) => {\n          onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n        }\n      })\n  }, movePropsContainer);\n\n  let thumbInteractions = isDisabled ? {} : mergeProps({\n    onMouseDown: (e: React.MouseEvent) => {\n      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n        return;\n      }\n      onThumbDown(undefined);\n    },\n    onPointerDown: (e: React.PointerEvent) => {\n      if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n        return;\n      }\n      onThumbDown(e.pointerId);\n    },\n    onTouchStart: (e: React.TouchEvent) => {\n      onThumbDown(e.changedTouches[0].identifier);\n    }\n  }, movePropsThumb, keyboardProps);\n  let {x, y} = state.getThumbPosition(thumbRadius);\n\n  // Provide a default aria-label if none is given\n  let {locale} = useLocale();\n  if (ariaLabel == null && props['aria-labelledby'] == null) {\n    ariaLabel = state.value.getChannelName('hue', locale);\n  }\n\n  let inputLabellingProps = useLabels({\n    ...props,\n    'aria-label': ariaLabel\n  });\n\n  return {\n    trackProps: {\n      ...trackInteractions,\n      style: {\n        position: 'relative',\n        touchAction: 'none',\n        width: outerRadius * 2,\n        height: outerRadius * 2,\n        background: `\n          conic-gradient(\n            from 90deg,\n            hsl(0, 100%, 50%),\n            hsl(30, 100%, 50%),\n            hsl(60, 100%, 50%),\n            hsl(90, 100%, 50%),\n            hsl(120, 100%, 50%),\n            hsl(150, 100%, 50%),\n            hsl(180, 100%, 50%),\n            hsl(210, 100%, 50%),\n            hsl(240, 100%, 50%),\n            hsl(270, 100%, 50%),\n            hsl(300, 100%, 50%),\n            hsl(330, 100%, 50%),\n            hsl(360, 100%, 50%)\n          )\n        `,\n        clipPath: `path(evenodd, \"${circlePath(outerRadius, outerRadius, outerRadius)} ${circlePath(outerRadius, outerRadius, innerRadius)}\")`\n      }\n    },\n    thumbProps: {\n      ...thumbInteractions,\n      style: {\n        position: 'absolute',\n        left: '50%',\n        top: '50%',\n        transform: `translate(calc(${x}px - 50%), calc(${y}px - 50%))`,\n        touchAction: 'none'\n      }\n    },\n    inputProps: mergeProps(\n      inputLabellingProps,\n      {\n        type: 'range',\n        min: '0',\n        max: '360',\n        step: String(step),\n        'aria-valuetext': state.value.formatChannelValue('hue', locale),\n        disabled: isDisabled,\n        value: `${state.value.getChannelValue('hue')}`,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => {\n          state.setHue(parseFloat(e.target.value));\n        }\n      }\n    )\n  };\n}\n\n// Creates an SVG path string for a circle.\nfunction circlePath(cx: number, cy: number, r: number) {\n  return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {\n  HTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject,\n  useCallback,\n  useState\n} from 'react';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {useFocusWithin, useScrollWheel} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\ninterface ColorFieldAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the input element. */\n  inputProps: HTMLAttributes<HTMLInputElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n  props: AriaColorFieldProps,\n  state: ColorFieldState,\n  ref: RefObject<HTMLInputElement>\n): ColorFieldAria {\n  let {\n    isDisabled,\n    isReadOnly,\n    isRequired\n  } = props;\n\n  let {\n    colorValue,\n    inputValue,\n    commit,\n    increment,\n    decrement,\n    incrementToMax,\n    decrementToMin\n  } = state;\n\n  let inputId = useId();\n  let {spinButtonProps} = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue: 0xFFFFFF,\n      minValue: 0,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: colorValue ? colorValue.toHexInt() : undefined,\n      textValue: colorValue ? colorValue.toString('hex') : undefined\n    }\n  );\n\n  let [focusWithin, setFocusWithin] = useState(false);\n  let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n  let onWheel = useCallback((e) => {\n    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n      return;\n    }\n    if (e.deltaY > 0) {\n      increment();\n    } else if (e.deltaY < 0) {\n      decrement();\n    }\n  }, [isReadOnly, isDisabled, decrement, increment]);\n  // If the input isn't supposed to receive input, disable scrolling.\n  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;\n  useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);\n\n  let onChange = value => {\n    state.setInputValue(value);\n  };\n\n  let {labelProps, inputProps} = useFormattedTextField(\n    mergeProps(props, {\n      id: inputId,\n      value: inputValue,\n      type: 'text',\n      autoComplete: 'off',\n      onChange\n    }), state, ref);\n\n  return {\n    labelProps,\n    inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {\n      role: 'textbox',\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      onBlur: commit\n    })\n  };\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","useColorSlider","props","state","trackRef","inputRef","orientation","channel","ariaLabel","locale","direction","useLocale","label","value","getChannelName","groupProps","trackProps","labelProps","outputProps","useSlider","inputProps","thumbProps","useSliderThumb","index","isDisabled","generateBackground","getDisplayColor","to","min","getThumbMinValue","max","getThumbMaxValue","start","withChannelValue","toString","middle","end","Error","thumbPosition","getThumbPercent","mergeProps","style","position","touchAction","background","transform","PAGE_MIN_STEP_SIZE","useColorWheel","step","innerRadius","outerRadius","addGlobalListener","removeGlobalListener","useGlobalListeners","thumbRadius","focusInput","useCallback","current","focusWithoutScrolling","stateRef","useRef","currentPosition","moveHandler","onMoveStart","setDragging","onMove","deltaX","deltaY","pointerType","getThumbPosition","x","y","increment","decrement","setHueFromPoint","onMoveEnd","isOnTrack","undefined","moveProps","movePropsThumb","useMove","currentPointer","movePropsContainer","e","onThumbDown","id","isDragging","PointerEvent","window","onThumbUp","pointerId","changedTouches","identifier","onTrackDown","track","pageX","pageY","rect","getBoundingClientRect","width","height","radius","Math","sqrt","onTrackUp","keyboardProps","useKeyboard","onKeyDown","key","preventDefault","trackInteractions","onPointerDown","button","altKey","ctrlKey","metaKey","currentTarget","clientX","clientY","onMouseDown","onTouchStart","thumbInteractions","inputLabellingProps","useLabels","clipPath","circlePath","left","top","type","String","formatChannelValue","disabled","getChannelValue","onChange","setHue","parseFloat","target","cx","cy","r","useColorField","ref","isReadOnly","isRequired","colorValue","inputValue","commit","incrementToMax","decrementToMin","inputId","useId","spinButtonProps","useSpinButton","maxValue","minValue","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","toHexInt","textValue","focusWithin","setFocusWithin","useState","focusWithinProps","useFocusWithin","onFocusWithinChange","onWheel","abs","scrollingDisabled","useScrollWheel","onScroll","setInputValue","useFormattedTextField","autoComplete","role","autoCorrect","onBlur"],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,7 +1,7 @@
-import { useTextField } from "@react-aria/textfield";
 import { useSpinButton } from "@react-aria/spinbutton";
-import { useKeyboard, useMove } from "@react-aria/interactions";
-import { useCallback, useRef } from "react";
+import { useFormattedTextField } from "@react-aria/textfield";
+import { useKeyboard, useMove, useFocusWithin, useScrollWheel } from "@react-aria/interactions";
+import { useCallback, useRef, useState } from "react";
 import { useSlider, useSliderThumb } from "@react-aria/slider";
 import { useLocale } from "@react-aria/i18n";
 import { mergeProps, focusWithoutScrolling, useGlobalListeners, useLabels, useId } from "@react-aria/utils";
@@ -218,9 +218,13 @@ export function useColorWheel(props, state, inputRef) {
       currentPointer.current = id;
       focusInput();
       state.setDragging(true);
-      addGlobalListener(window, 'mouseup', onThumbUp, false);
-      addGlobalListener(window, 'touchend', onThumbUp, false);
-      addGlobalListener(window, 'pointerup', onThumbUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        addGlobalListener(window, 'pointerup', onThumbUp, false);
+      } else {
+        addGlobalListener(window, 'mouseup', onThumbUp, false);
+        addGlobalListener(window, 'touchend', onThumbUp, false);
+      }
     }
   };
 
@@ -234,9 +238,13 @@ export function useColorWheel(props, state, inputRef) {
       state.setDragging(false);
       currentPointer.current = undefined;
       isOnTrack.current = false;
-      removeGlobalListener(window, 'mouseup', onThumbUp, false);
-      removeGlobalListener(window, 'touchend', onThumbUp, false);
-      removeGlobalListener(window, 'pointerup', onThumbUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        removeGlobalListener(window, 'pointerup', onThumbUp, false);
+      } else {
+        removeGlobalListener(window, 'mouseup', onThumbUp, false);
+        removeGlobalListener(window, 'touchend', onThumbUp, false);
+      }
     }
   };
 
@@ -252,9 +260,13 @@ export function useColorWheel(props, state, inputRef) {
       stateRef.current.setHueFromPoint(x, y, radius);
       focusInput();
       state.setDragging(true);
-      addGlobalListener(window, 'mouseup', onTrackUp, false);
-      addGlobalListener(window, 'touchend', onTrackUp, false);
-      addGlobalListener(window, 'pointerup', onTrackUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        addGlobalListener(window, 'pointerup', onTrackUp, false);
+      } else {
+        addGlobalListener(window, 'mouseup', onTrackUp, false);
+        addGlobalListener(window, 'touchend', onTrackUp, false);
+      }
     }
   };
 
@@ -268,9 +280,13 @@ export function useColorWheel(props, state, inputRef) {
       currentPointer.current = undefined;
       state.setDragging(false);
       focusInput();
-      removeGlobalListener(window, 'mouseup', onTrackUp, false);
-      removeGlobalListener(window, 'touchend', onTrackUp, false);
-      removeGlobalListener(window, 'pointerup', onTrackUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        removeGlobalListener(window, 'pointerup', onTrackUp, false);
+      } else {
+        removeGlobalListener(window, 'mouseup', onTrackUp, false);
+        removeGlobalListener(window, 'touchend', onTrackUp, false);
+      }
     }
   };
 
@@ -292,25 +308,26 @@ export function useColorWheel(props, state, inputRef) {
     }
 
   });
-  let trackInteractions = isDisabled ? {} : mergeProps({
-    onMouseDown: e => {
-      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
-        return;
-      }
-
-      onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
-    },
+  let trackInteractions = isDisabled ? {} : mergeProps(_babelRuntimeHelpersEsmExtends({}, typeof PointerEvent !== 'undefined' ? {
     onPointerDown: e => {
       if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {
         return;
       }
 
       onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);
+    }
+  } : {
+    onMouseDown: e => {
+      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
+        return;
+      }
+
+      onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
     },
     onTouchStart: e => {
       onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
     }
-  }, movePropsContainer);
+  }), movePropsContainer);
   let thumbInteractions = isDisabled ? {} : mergeProps({
     onMouseDown: e => {
       if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
@@ -398,7 +415,6 @@ export function useColorField(props, state, ref) {
   let {
     colorValue,
     inputValue,
-    setInputValue,
     commit,
     increment,
     decrement,
@@ -421,40 +437,55 @@ export function useColorField(props, state, ref) {
     value: colorValue ? colorValue.toHexInt() : undefined,
     textValue: colorValue ? colorValue.toString('hex') : undefined
   });
-
-  let onWheel = e => {
-    if (isDisabled || isReadOnly) {
+  let [focusWithin, setFocusWithin] = useState(false);
+  let {
+    focusWithinProps
+  } = useFocusWithin({
+    isDisabled,
+    onFocusWithinChange: setFocusWithin
+  });
+  let onWheel = useCallback(e => {
+    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {
       return;
     }
 
-    if (e.deltaY < 0) {
+    if (e.deltaY > 0) {
       increment();
-    } else {
+    } else if (e.deltaY < 0) {
       decrement();
     }
+  }, [isReadOnly, isDisabled, decrement, increment]); // If the input isn't supposed to receive input, disable scrolling.
+
+  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
+  useScrollWheel({
+    onScroll: onWheel,
+    isDisabled: scrollingDisabled
+  }, ref);
+
+  let onChange = value => {
+    state.setInputValue(value);
   };
 
   let {
     labelProps,
     inputProps
-  } = useTextField(mergeProps(props, {
+  } = useFormattedTextField(mergeProps(props, {
     id: inputId,
     value: inputValue,
     type: 'text',
     autoComplete: 'off',
-    onChange: setInputValue
-  }), ref);
+    onChange
+  }), state, ref);
   return {
     labelProps,
-    inputProps: mergeProps(inputProps, spinButtonProps, {
+    inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {
       role: 'textbox',
       'aria-valuemax': null,
       'aria-valuemin': null,
       'aria-valuenow': null,
       'aria-valuetext': null,
       autoCorrect: 'off',
-      onBlur: commit,
-      onWheel
+      onBlur: commit
     })
   };
 }

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/@react-aria/color/src/useColorSlider.ts","./packages/@react-aria/color/src/useColorWheel.ts","./packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorSliderProps} from '@react-types/color';\nimport {ColorSliderState} from '@react-stately/color';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {mergeProps} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSlider, useSliderThumb} from '@react-aria/slider';\n\ninterface ColorSliderAriaOptions extends AriaColorSliderProps {\n  /** A ref for the track element. */\n  trackRef: RefObject<HTMLElement>,\n  /** A ref for the input element. */\n  inputRef: RefObject<HTMLInputElement>\n}\n\ninterface ColorSliderAria {\n  /** Props for the label element. */\n  labelProps: HTMLAttributes<HTMLElement>,\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>,\n  /** Props for the thumb element. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden range input element. */\n  inputProps: HTMLAttributes<HTMLElement>,\n  /** Props for the output element, displaying the value of the color slider. */\n  outputProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color slider component.\n * Color sliders allow users to adjust an individual channel of a color value.\n */\nexport function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria {\n  let {trackRef, inputRef, orientation, channel, 'aria-label': ariaLabel} = props;\n\n  let {locale, direction} = useLocale();\n\n  // Provide a default aria-label if there is no other label provided.\n  if (!props.label && !ariaLabel && !props['aria-labelledby']) {\n    ariaLabel = state.value.getChannelName(channel, locale);\n  }\n\n  // @ts-ignore - ignore unused incompatible props\n  let {groupProps, trackProps, labelProps, outputProps} = useSlider({...props, 'aria-label': ariaLabel}, state, trackRef);\n  let {inputProps, thumbProps} = useSliderThumb({\n    index: 0,\n    orientation,\n    isDisabled: props.isDisabled,\n    trackRef,\n    inputRef\n  }, state);\n\n  let generateBackground = () => {\n    let value = state.getDisplayColor();\n    let to: string;\n    if (orientation === 'vertical') {\n      to = 'top';\n    } else if (direction === 'ltr') {\n      to = 'right';\n    } else {\n      to = 'left';\n    }\n    switch (channel) {\n      case 'hue':\n        return `linear-gradient(to ${to}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;\n      case 'lightness': {\n        // We have to add an extra color stop in the middle so that the hue shows up at all.\n        // Otherwise it will always just be black to white.\n        let min = state.getThumbMinValue(0);\n        let max = state.getThumbMaxValue(0);\n        let start = value.withChannelValue(channel, min).toString('css');\n        let middle = value.withChannelValue(channel, (max - min) / 2).toString('css');\n        let end = value.withChannelValue(channel, max).toString('css');\n        return `linear-gradient(to ${to}, ${start}, ${middle}, ${end})`;\n      }\n      case 'saturation':\n      case 'brightness':\n      case 'red':\n      case 'green':\n      case 'blue':\n      case 'alpha': {\n        let start = value.withChannelValue(channel, state.getThumbMinValue(0)).toString('css');\n        let end = value.withChannelValue(channel, state.getThumbMaxValue(0)).toString('css');\n        return `linear-gradient(to ${to}, ${start}, ${end})`;\n      }\n      default:\n        throw new Error('Unknown color channel: ' + channel);\n    }\n  };\n\n  let thumbPosition = state.getThumbPercent(0);\n  if (orientation === 'vertical' || direction === 'rtl') {\n    thumbPosition = 1 - thumbPosition;\n  }\n\n  return {\n    trackProps: {\n      ...mergeProps(groupProps, trackProps),\n      style: {\n        position: 'relative',\n        touchAction: 'none',\n        background: generateBackground()\n      }\n    },\n    inputProps,\n    thumbProps: {\n      ...thumbProps,\n      style: {\n        touchAction: 'none',\n        position: 'absolute',\n        [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition * 100}%`,\n        transform: 'translate(-50%, -50%)'\n      }\n    },\n    labelProps,\n    outputProps\n  };\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorWheelProps} from '@react-types/color';\nimport {ColorWheelState} from '@react-stately/color';\nimport {focusWithoutScrolling, mergeProps, useGlobalListeners, useLabels} from '@react-aria/utils';\nimport React, {ChangeEvent, HTMLAttributes, InputHTMLAttributes, RefObject, useCallback, useRef} from 'react';\nimport {useKeyboard, useMove} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface ColorWheelAriaProps extends AriaColorWheelProps {\n  /** The outer radius of the color wheel. */\n  outerRadius: number,\n  /** The inner radius of the color wheel. */\n  innerRadius: number\n}\n\ninterface ColorWheelAria {\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>,\n  /** Props for the thumb element. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden range input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>\n}\n\nconst PAGE_MIN_STEP_SIZE = 6;\n\n/**\n * Provides the behavior and accessibility implementation for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria {\n  let {\n    isDisabled,\n    step = 1,\n    innerRadius,\n    outerRadius,\n    'aria-label': ariaLabel\n  } = props;\n\n  let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n  let thumbRadius = (innerRadius + outerRadius) / 2;\n\n  let focusInput = useCallback(() => {\n    if (inputRef.current) {\n      focusWithoutScrolling(inputRef.current);\n    }\n  }, [inputRef]);\n\n  let stateRef = useRef<ColorWheelState>(null);\n  stateRef.current = state;\n\n  let currentPosition = useRef<{x: number, y: number}>(null);\n  let moveHandler = {\n    onMoveStart() {\n      currentPosition.current = null;\n      state.setDragging(true);\n    },\n    onMove({deltaX, deltaY, pointerType}) {\n      if (currentPosition.current == null) {\n        currentPosition.current = stateRef.current.getThumbPosition(thumbRadius);\n      }\n      currentPosition.current.x += deltaX;\n      currentPosition.current.y += deltaY;\n      if (pointerType === 'keyboard') {\n        if (deltaX > 0 || deltaY < 0) {\n          state.increment();\n        } else if (deltaX < 0 || deltaY > 0) {\n          state.decrement();\n        }\n      } else {\n        stateRef.current.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);\n      }\n    },\n    onMoveEnd() {\n      isOnTrack.current = undefined;\n      state.setDragging(false);\n      focusInput();\n    }\n  };\n  let {moveProps: movePropsThumb} = useMove(moveHandler);\n\n  let currentPointer = useRef<number | null | undefined>(undefined);\n  let isOnTrack = useRef<boolean>(false);\n  let {moveProps: movePropsContainer} = useMove({\n    onMoveStart() {\n      if (isOnTrack.current) {\n        moveHandler.onMoveStart();\n      }\n    },\n    onMove(e) {\n      if (isOnTrack.current) {\n        moveHandler.onMove(e);\n      }\n    },\n    onMoveEnd() {\n      if (isOnTrack.current) {\n        moveHandler.onMoveEnd();\n      }\n    }\n  });\n\n  let onThumbDown = (id: number | null) => {\n    if (!state.isDragging) {\n      currentPointer.current = id;\n      focusInput();\n      state.setDragging(true);\n      addGlobalListener(window, 'mouseup', onThumbUp, false);\n      addGlobalListener(window, 'touchend', onThumbUp, false);\n      addGlobalListener(window, 'pointerup', onThumbUp, false);\n    }\n  };\n\n  let onThumbUp = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (id === currentPointer.current) {\n      focusInput();\n      state.setDragging(false);\n      currentPointer.current = undefined;\n      isOnTrack.current = false;\n\n      removeGlobalListener(window, 'mouseup', onThumbUp, false);\n      removeGlobalListener(window, 'touchend', onThumbUp, false);\n      removeGlobalListener(window, 'pointerup', onThumbUp, false);\n    }\n  };\n\n  let onTrackDown = (track: Element, id: number | null, pageX: number, pageY: number) => {\n    let rect = track.getBoundingClientRect();\n    let x = pageX - rect.x - rect.width / 2;\n    let y = pageY - rect.y - rect.height / 2;\n    let radius = Math.sqrt(x * x + y * y);\n    if (innerRadius < radius && radius < outerRadius && !state.isDragging && currentPointer.current === undefined) {\n      isOnTrack.current = true;\n      currentPointer.current = id;\n      stateRef.current.setHueFromPoint(x, y, radius);\n\n      focusInput();\n      state.setDragging(true);\n\n      addGlobalListener(window, 'mouseup', onTrackUp, false);\n      addGlobalListener(window, 'touchend', onTrackUp, false);\n      addGlobalListener(window, 'pointerup', onTrackUp, false);\n    }\n  };\n\n  let onTrackUp = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (isOnTrack.current && id === currentPointer.current) {\n      isOnTrack.current = false;\n      currentPointer.current = undefined;\n      state.setDragging(false);\n      focusInput();\n\n      removeGlobalListener(window, 'mouseup', onTrackUp, false);\n      removeGlobalListener(window, 'touchend', onTrackUp, false);\n      removeGlobalListener(window, 'pointerup', onTrackUp, false);\n    }\n  };\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      switch (e.key) {\n        case 'PageUp':\n          e.preventDefault();\n          state.increment(PAGE_MIN_STEP_SIZE);\n          break;\n        case 'PageDown':\n          e.preventDefault();\n          state.decrement(PAGE_MIN_STEP_SIZE);\n          break;\n      }\n    }\n  });\n\n  let trackInteractions = isDisabled ? {} : mergeProps({\n    onMouseDown: (e: React.MouseEvent) => {\n      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n        return;\n      }\n      onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);\n    },\n    onPointerDown: (e: React.PointerEvent) => {\n      if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n        return;\n      }\n      onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);\n    },\n    onTouchStart: (e: React.TouchEvent) => {\n      onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n    }\n  }, movePropsContainer);\n\n  let thumbInteractions = isDisabled ? {} : mergeProps({\n    onMouseDown: (e: React.MouseEvent) => {\n      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n        return;\n      }\n      onThumbDown(undefined);\n    },\n    onPointerDown: (e: React.PointerEvent) => {\n      if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n        return;\n      }\n      onThumbDown(e.pointerId);\n    },\n    onTouchStart: (e: React.TouchEvent) => {\n      onThumbDown(e.changedTouches[0].identifier);\n    }\n  }, movePropsThumb, keyboardProps);\n  let {x, y} = state.getThumbPosition(thumbRadius);\n\n  // Provide a default aria-label if none is given\n  let {locale} = useLocale();\n  if (ariaLabel == null && props['aria-labelledby'] == null) {\n    ariaLabel = state.value.getChannelName('hue', locale);\n  }\n\n  let inputLabellingProps = useLabels({\n    ...props,\n    'aria-label': ariaLabel\n  });\n\n  return {\n    trackProps: {\n      ...trackInteractions,\n      style: {\n        position: 'relative',\n        touchAction: 'none',\n        width: outerRadius * 2,\n        height: outerRadius * 2,\n        background: `\n          conic-gradient(\n            from 90deg,\n            hsl(0, 100%, 50%),\n            hsl(30, 100%, 50%),\n            hsl(60, 100%, 50%),\n            hsl(90, 100%, 50%),\n            hsl(120, 100%, 50%),\n            hsl(150, 100%, 50%),\n            hsl(180, 100%, 50%),\n            hsl(210, 100%, 50%),\n            hsl(240, 100%, 50%),\n            hsl(270, 100%, 50%),\n            hsl(300, 100%, 50%),\n            hsl(330, 100%, 50%),\n            hsl(360, 100%, 50%)\n          )\n        `,\n        clipPath: `path(evenodd, \"${circlePath(outerRadius, outerRadius, outerRadius)} ${circlePath(outerRadius, outerRadius, innerRadius)}\")`\n      }\n    },\n    thumbProps: {\n      ...thumbInteractions,\n      style: {\n        position: 'absolute',\n        left: '50%',\n        top: '50%',\n        transform: `translate(calc(${x}px - 50%), calc(${y}px - 50%))`,\n        touchAction: 'none'\n      }\n    },\n    inputProps: mergeProps(\n      inputLabellingProps,\n      {\n        type: 'range',\n        min: '0',\n        max: '360',\n        step: String(step),\n        'aria-valuetext': state.value.formatChannelValue('hue', locale),\n        disabled: isDisabled,\n        value: `${state.value.getChannelValue('hue')}`,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => {\n          state.setHue(parseFloat(e.target.value));\n        }\n      }\n    )\n  };\n}\n\n// Creates an SVG path string for a circle.\nfunction circlePath(cx: number, cy: number, r: number) {\n  return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {\n  HTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject\n} from 'react';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {useSpinButton} from '@react-aria/spinbutton';\nimport {useTextField} from '@react-aria/textfield';\n\ninterface ColorFieldAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the input element. */\n  inputProps: HTMLAttributes<HTMLInputElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n  props: AriaColorFieldProps,\n  state: ColorFieldState,\n  ref: RefObject<HTMLInputElement>\n): ColorFieldAria {\n  let {\n    isDisabled,\n    isReadOnly,\n    isRequired\n  } = props;\n\n  let {\n    colorValue,\n    inputValue,\n    setInputValue,\n    commit,\n    increment,\n    decrement,\n    incrementToMax,\n    decrementToMin\n  } = state;\n\n  let inputId = useId();\n  let {spinButtonProps} = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue: 0xFFFFFF,\n      minValue: 0,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: colorValue ? colorValue.toHexInt() : undefined,\n      textValue: colorValue ? colorValue.toString('hex') : undefined\n    }\n  );\n\n  let onWheel = (e) => {\n    if (isDisabled || isReadOnly) {\n      return;\n    }\n    if (e.deltaY < 0) {\n      increment();\n    } else {\n      decrement();\n    }\n  };\n\n  let {labelProps, inputProps} = useTextField(\n    mergeProps(props, {\n      id: inputId,\n      value: inputValue,\n      type: 'text',\n      autoComplete: 'off',\n      onChange: setInputValue\n    }), ref);\n\n  return {\n    labelProps,\n    inputProps: mergeProps(inputProps, spinButtonProps, {\n      role: 'textbox',\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      onBlur: commit,\n      onWheel\n    })\n  };\n}\n"],"names":["useColorSlider","props","state","trackRef","inputRef","orientation","channel","ariaLabel","locale","direction","useLocale","label","value","getChannelName","groupProps","trackProps","labelProps","outputProps","useSlider","inputProps","thumbProps","useSliderThumb","index","isDisabled","generateBackground","getDisplayColor","to","min","getThumbMinValue","max","getThumbMaxValue","start","withChannelValue","toString","middle","end","Error","thumbPosition","getThumbPercent","mergeProps","style","position","touchAction","background","transform","PAGE_MIN_STEP_SIZE","useColorWheel","step","innerRadius","outerRadius","addGlobalListener","removeGlobalListener","useGlobalListeners","thumbRadius","focusInput","useCallback","current","focusWithoutScrolling","stateRef","useRef","currentPosition","moveHandler","onMoveStart","setDragging","onMove","deltaX","deltaY","pointerType","getThumbPosition","x","y","increment","decrement","setHueFromPoint","onMoveEnd","isOnTrack","undefined","moveProps","movePropsThumb","useMove","currentPointer","movePropsContainer","e","onThumbDown","id","isDragging","window","onThumbUp","pointerId","changedTouches","identifier","onTrackDown","track","pageX","pageY","rect","getBoundingClientRect","width","height","radius","Math","sqrt","onTrackUp","keyboardProps","useKeyboard","onKeyDown","key","preventDefault","trackInteractions","onMouseDown","button","altKey","ctrlKey","metaKey","currentTarget","clientX","clientY","onPointerDown","onTouchStart","thumbInteractions","inputLabellingProps","useLabels","clipPath","circlePath","left","top","type","String","formatChannelValue","disabled","getChannelValue","onChange","setHue","parseFloat","target","cx","cy","r","useColorField","ref","isReadOnly","isRequired","colorValue","inputValue","setInputValue","commit","incrementToMax","decrementToMin","inputId","useId","spinButtonProps","useSpinButton","maxValue","minValue","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","toHexInt","textValue","onWheel","useTextField","autoComplete","role","autoCorrect","onBlur"],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["./packages/@react-aria/color/src/useColorSlider.ts","./packages/@react-aria/color/src/useColorWheel.ts","./packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorSliderProps} from '@react-types/color';\nimport {ColorSliderState} from '@react-stately/color';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {mergeProps} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSlider, useSliderThumb} from '@react-aria/slider';\n\ninterface ColorSliderAriaOptions extends AriaColorSliderProps {\n  /** A ref for the track element. */\n  trackRef: RefObject<HTMLElement>,\n  /** A ref for the input element. */\n  inputRef: RefObject<HTMLInputElement>\n}\n\ninterface ColorSliderAria {\n  /** Props for the label element. */\n  labelProps: HTMLAttributes<HTMLElement>,\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>,\n  /** Props for the thumb element. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden range input element. */\n  inputProps: HTMLAttributes<HTMLElement>,\n  /** Props for the output element, displaying the value of the color slider. */\n  outputProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color slider component.\n * Color sliders allow users to adjust an individual channel of a color value.\n */\nexport function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria {\n  let {trackRef, inputRef, orientation, channel, 'aria-label': ariaLabel} = props;\n\n  let {locale, direction} = useLocale();\n\n  // Provide a default aria-label if there is no other label provided.\n  if (!props.label && !ariaLabel && !props['aria-labelledby']) {\n    ariaLabel = state.value.getChannelName(channel, locale);\n  }\n\n  // @ts-ignore - ignore unused incompatible props\n  let {groupProps, trackProps, labelProps, outputProps} = useSlider({...props, 'aria-label': ariaLabel}, state, trackRef);\n  let {inputProps, thumbProps} = useSliderThumb({\n    index: 0,\n    orientation,\n    isDisabled: props.isDisabled,\n    trackRef,\n    inputRef\n  }, state);\n\n  let generateBackground = () => {\n    let value = state.getDisplayColor();\n    let to: string;\n    if (orientation === 'vertical') {\n      to = 'top';\n    } else if (direction === 'ltr') {\n      to = 'right';\n    } else {\n      to = 'left';\n    }\n    switch (channel) {\n      case 'hue':\n        return `linear-gradient(to ${to}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;\n      case 'lightness': {\n        // We have to add an extra color stop in the middle so that the hue shows up at all.\n        // Otherwise it will always just be black to white.\n        let min = state.getThumbMinValue(0);\n        let max = state.getThumbMaxValue(0);\n        let start = value.withChannelValue(channel, min).toString('css');\n        let middle = value.withChannelValue(channel, (max - min) / 2).toString('css');\n        let end = value.withChannelValue(channel, max).toString('css');\n        return `linear-gradient(to ${to}, ${start}, ${middle}, ${end})`;\n      }\n      case 'saturation':\n      case 'brightness':\n      case 'red':\n      case 'green':\n      case 'blue':\n      case 'alpha': {\n        let start = value.withChannelValue(channel, state.getThumbMinValue(0)).toString('css');\n        let end = value.withChannelValue(channel, state.getThumbMaxValue(0)).toString('css');\n        return `linear-gradient(to ${to}, ${start}, ${end})`;\n      }\n      default:\n        throw new Error('Unknown color channel: ' + channel);\n    }\n  };\n\n  let thumbPosition = state.getThumbPercent(0);\n  if (orientation === 'vertical' || direction === 'rtl') {\n    thumbPosition = 1 - thumbPosition;\n  }\n\n  return {\n    trackProps: {\n      ...mergeProps(groupProps, trackProps),\n      style: {\n        position: 'relative',\n        touchAction: 'none',\n        background: generateBackground()\n      }\n    },\n    inputProps,\n    thumbProps: {\n      ...thumbProps,\n      style: {\n        touchAction: 'none',\n        position: 'absolute',\n        [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition * 100}%`,\n        transform: 'translate(-50%, -50%)'\n      }\n    },\n    labelProps,\n    outputProps\n  };\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorWheelProps} from '@react-types/color';\nimport {ColorWheelState} from '@react-stately/color';\nimport {focusWithoutScrolling, mergeProps, useGlobalListeners, useLabels} from '@react-aria/utils';\nimport React, {ChangeEvent, HTMLAttributes, InputHTMLAttributes, RefObject, useCallback, useRef} from 'react';\nimport {useKeyboard, useMove} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface ColorWheelAriaProps extends AriaColorWheelProps {\n  /** The outer radius of the color wheel. */\n  outerRadius: number,\n  /** The inner radius of the color wheel. */\n  innerRadius: number\n}\n\ninterface ColorWheelAria {\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>,\n  /** Props for the thumb element. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden range input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>\n}\n\nconst PAGE_MIN_STEP_SIZE = 6;\n\n/**\n * Provides the behavior and accessibility implementation for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria {\n  let {\n    isDisabled,\n    step = 1,\n    innerRadius,\n    outerRadius,\n    'aria-label': ariaLabel\n  } = props;\n\n  let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n  let thumbRadius = (innerRadius + outerRadius) / 2;\n\n  let focusInput = useCallback(() => {\n    if (inputRef.current) {\n      focusWithoutScrolling(inputRef.current);\n    }\n  }, [inputRef]);\n\n  let stateRef = useRef<ColorWheelState>(null);\n  stateRef.current = state;\n\n  let currentPosition = useRef<{x: number, y: number}>(null);\n  let moveHandler = {\n    onMoveStart() {\n      currentPosition.current = null;\n      state.setDragging(true);\n    },\n    onMove({deltaX, deltaY, pointerType}) {\n      if (currentPosition.current == null) {\n        currentPosition.current = stateRef.current.getThumbPosition(thumbRadius);\n      }\n      currentPosition.current.x += deltaX;\n      currentPosition.current.y += deltaY;\n      if (pointerType === 'keyboard') {\n        if (deltaX > 0 || deltaY < 0) {\n          state.increment();\n        } else if (deltaX < 0 || deltaY > 0) {\n          state.decrement();\n        }\n      } else {\n        stateRef.current.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);\n      }\n    },\n    onMoveEnd() {\n      isOnTrack.current = undefined;\n      state.setDragging(false);\n      focusInput();\n    }\n  };\n  let {moveProps: movePropsThumb} = useMove(moveHandler);\n\n  let currentPointer = useRef<number | null | undefined>(undefined);\n  let isOnTrack = useRef<boolean>(false);\n  let {moveProps: movePropsContainer} = useMove({\n    onMoveStart() {\n      if (isOnTrack.current) {\n        moveHandler.onMoveStart();\n      }\n    },\n    onMove(e) {\n      if (isOnTrack.current) {\n        moveHandler.onMove(e);\n      }\n    },\n    onMoveEnd() {\n      if (isOnTrack.current) {\n        moveHandler.onMoveEnd();\n      }\n    }\n  });\n\n  let onThumbDown = (id: number | null) => {\n    if (!state.isDragging) {\n      currentPointer.current = id;\n      focusInput();\n      state.setDragging(true);\n\n      if (typeof PointerEvent !== 'undefined') {\n        addGlobalListener(window, 'pointerup', onThumbUp, false);\n      } else {\n        addGlobalListener(window, 'mouseup', onThumbUp, false);\n        addGlobalListener(window, 'touchend', onThumbUp, false);\n      }\n    }\n  };\n\n  let onThumbUp = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (id === currentPointer.current) {\n      focusInput();\n      state.setDragging(false);\n      currentPointer.current = undefined;\n      isOnTrack.current = false;\n\n      if (typeof PointerEvent !== 'undefined') {\n        removeGlobalListener(window, 'pointerup', onThumbUp, false);\n      } else {\n        removeGlobalListener(window, 'mouseup', onThumbUp, false);\n        removeGlobalListener(window, 'touchend', onThumbUp, false);\n      }\n    }\n  };\n\n  let onTrackDown = (track: Element, id: number | null, pageX: number, pageY: number) => {\n    let rect = track.getBoundingClientRect();\n    let x = pageX - rect.x - rect.width / 2;\n    let y = pageY - rect.y - rect.height / 2;\n    let radius = Math.sqrt(x * x + y * y);\n    if (innerRadius < radius && radius < outerRadius && !state.isDragging && currentPointer.current === undefined) {\n      isOnTrack.current = true;\n      currentPointer.current = id;\n      stateRef.current.setHueFromPoint(x, y, radius);\n\n      focusInput();\n      state.setDragging(true);\n\n      if (typeof PointerEvent !== 'undefined') {\n        addGlobalListener(window, 'pointerup', onTrackUp, false);\n      } else {\n        addGlobalListener(window, 'mouseup', onTrackUp, false);\n        addGlobalListener(window, 'touchend', onTrackUp, false);\n      }\n    }\n  };\n\n  let onTrackUp = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (isOnTrack.current && id === currentPointer.current) {\n      isOnTrack.current = false;\n      currentPointer.current = undefined;\n      state.setDragging(false);\n      focusInput();\n\n\n      if (typeof PointerEvent !== 'undefined') {\n        removeGlobalListener(window, 'pointerup', onTrackUp, false);\n      } else {\n        removeGlobalListener(window, 'mouseup', onTrackUp, false);\n        removeGlobalListener(window, 'touchend', onTrackUp, false);\n      }\n    }\n  };\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      switch (e.key) {\n        case 'PageUp':\n          e.preventDefault();\n          state.increment(PAGE_MIN_STEP_SIZE);\n          break;\n        case 'PageDown':\n          e.preventDefault();\n          state.decrement(PAGE_MIN_STEP_SIZE);\n          break;\n      }\n    }\n  });\n\n  let trackInteractions = isDisabled ? {} : mergeProps({\n    ...(typeof PointerEvent !== 'undefined' ? {\n      onPointerDown: (e: React.PointerEvent) => {\n        if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n          return;\n        }\n        onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);\n      }} : {\n        onMouseDown: (e: React.MouseEvent) => {\n          if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n            return;\n          }\n          onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);\n        },\n        onTouchStart: (e: React.TouchEvent) => {\n          onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n        }\n      })\n  }, movePropsContainer);\n\n  let thumbInteractions = isDisabled ? {} : mergeProps({\n    onMouseDown: (e: React.MouseEvent) => {\n      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n        return;\n      }\n      onThumbDown(undefined);\n    },\n    onPointerDown: (e: React.PointerEvent) => {\n      if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {\n        return;\n      }\n      onThumbDown(e.pointerId);\n    },\n    onTouchStart: (e: React.TouchEvent) => {\n      onThumbDown(e.changedTouches[0].identifier);\n    }\n  }, movePropsThumb, keyboardProps);\n  let {x, y} = state.getThumbPosition(thumbRadius);\n\n  // Provide a default aria-label if none is given\n  let {locale} = useLocale();\n  if (ariaLabel == null && props['aria-labelledby'] == null) {\n    ariaLabel = state.value.getChannelName('hue', locale);\n  }\n\n  let inputLabellingProps = useLabels({\n    ...props,\n    'aria-label': ariaLabel\n  });\n\n  return {\n    trackProps: {\n      ...trackInteractions,\n      style: {\n        position: 'relative',\n        touchAction: 'none',\n        width: outerRadius * 2,\n        height: outerRadius * 2,\n        background: `\n          conic-gradient(\n            from 90deg,\n            hsl(0, 100%, 50%),\n            hsl(30, 100%, 50%),\n            hsl(60, 100%, 50%),\n            hsl(90, 100%, 50%),\n            hsl(120, 100%, 50%),\n            hsl(150, 100%, 50%),\n            hsl(180, 100%, 50%),\n            hsl(210, 100%, 50%),\n            hsl(240, 100%, 50%),\n            hsl(270, 100%, 50%),\n            hsl(300, 100%, 50%),\n            hsl(330, 100%, 50%),\n            hsl(360, 100%, 50%)\n          )\n        `,\n        clipPath: `path(evenodd, \"${circlePath(outerRadius, outerRadius, outerRadius)} ${circlePath(outerRadius, outerRadius, innerRadius)}\")`\n      }\n    },\n    thumbProps: {\n      ...thumbInteractions,\n      style: {\n        position: 'absolute',\n        left: '50%',\n        top: '50%',\n        transform: `translate(calc(${x}px - 50%), calc(${y}px - 50%))`,\n        touchAction: 'none'\n      }\n    },\n    inputProps: mergeProps(\n      inputLabellingProps,\n      {\n        type: 'range',\n        min: '0',\n        max: '360',\n        step: String(step),\n        'aria-valuetext': state.value.formatChannelValue('hue', locale),\n        disabled: isDisabled,\n        value: `${state.value.getChannelValue('hue')}`,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => {\n          state.setHue(parseFloat(e.target.value));\n        }\n      }\n    )\n  };\n}\n\n// Creates an SVG path string for a circle.\nfunction circlePath(cx: number, cy: number, r: number) {\n  return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {\n  HTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject,\n  useCallback,\n  useState\n} from 'react';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {useFocusWithin, useScrollWheel} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\ninterface ColorFieldAria {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the input element. */\n  inputProps: HTMLAttributes<HTMLInputElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n  props: AriaColorFieldProps,\n  state: ColorFieldState,\n  ref: RefObject<HTMLInputElement>\n): ColorFieldAria {\n  let {\n    isDisabled,\n    isReadOnly,\n    isRequired\n  } = props;\n\n  let {\n    colorValue,\n    inputValue,\n    commit,\n    increment,\n    decrement,\n    incrementToMax,\n    decrementToMin\n  } = state;\n\n  let inputId = useId();\n  let {spinButtonProps} = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue: 0xFFFFFF,\n      minValue: 0,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: colorValue ? colorValue.toHexInt() : undefined,\n      textValue: colorValue ? colorValue.toString('hex') : undefined\n    }\n  );\n\n  let [focusWithin, setFocusWithin] = useState(false);\n  let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n  let onWheel = useCallback((e) => {\n    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n      return;\n    }\n    if (e.deltaY > 0) {\n      increment();\n    } else if (e.deltaY < 0) {\n      decrement();\n    }\n  }, [isReadOnly, isDisabled, decrement, increment]);\n  // If the input isn't supposed to receive input, disable scrolling.\n  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;\n  useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);\n\n  let onChange = value => {\n    state.setInputValue(value);\n  };\n\n  let {labelProps, inputProps} = useFormattedTextField(\n    mergeProps(props, {\n      id: inputId,\n      value: inputValue,\n      type: 'text',\n      autoComplete: 'off',\n      onChange\n    }), state, ref);\n\n  return {\n    labelProps,\n    inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {\n      role: 'textbox',\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      onBlur: commit\n    })\n  };\n}\n"],"names":["useColorSlider","props","state","trackRef","inputRef","orientation","channel","ariaLabel","locale","direction","useLocale","label","value","getChannelName","groupProps","trackProps","labelProps","outputProps","useSlider","inputProps","thumbProps","useSliderThumb","index","isDisabled","generateBackground","getDisplayColor","to","min","getThumbMinValue","max","getThumbMaxValue","start","withChannelValue","toString","middle","end","Error","thumbPosition","getThumbPercent","mergeProps","style","position","touchAction","background","transform","PAGE_MIN_STEP_SIZE","useColorWheel","step","innerRadius","outerRadius","addGlobalListener","removeGlobalListener","useGlobalListeners","thumbRadius","focusInput","useCallback","current","focusWithoutScrolling","stateRef","useRef","currentPosition","moveHandler","onMoveStart","setDragging","onMove","deltaX","deltaY","pointerType","getThumbPosition","x","y","increment","decrement","setHueFromPoint","onMoveEnd","isOnTrack","undefined","moveProps","movePropsThumb","useMove","currentPointer","movePropsContainer","e","onThumbDown","id","isDragging","PointerEvent","window","onThumbUp","pointerId","changedTouches","identifier","onTrackDown","track","pageX","pageY","rect","getBoundingClientRect","width","height","radius","Math","sqrt","onTrackUp","keyboardProps","useKeyboard","onKeyDown","key","preventDefault","trackInteractions","onPointerDown","button","altKey","ctrlKey","metaKey","currentTarget","clientX","clientY","onMouseDown","onTouchStart","thumbInteractions","inputLabellingProps","useLabels","clipPath","circlePath","left","top","type","String","formatChannelValue","disabled","getChannelValue","onChange","setHue","parseFloat","target","cx","cy","r","useColorField","ref","isReadOnly","isRequired","colorValue","inputValue","commit","incrementToMax","decrementToMin","inputId","useId","spinButtonProps","useSpinButton","maxValue","minValue","onIncrement","onIncrementToMax","onDecrement","onDecrementToMin","toHexInt","textValue","focusWithin","setFocusWithin","useState","focusWithinProps","useFocusWithin","onFocusWithinChange","onWheel","abs","scrollingDisabled","useScrollWheel","onScroll","setInputValue","useFormattedTextField","autoComplete","role","autoCorrect","onBlur"],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;AAmBA,gCAAiC,SAAQ,oBAAoB;IAC3D,mCAAmC;IACnC,QAAQ,EAAE,UAAU,WAAW,CAAC,CAAC;IACjC,mCAAmC;IACnC,QAAQ,EAAE,UAAU,gBAAgB,CAAC,CAAA;CACtC;AAED;IACE,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,yDAAyD;IACzD,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,8EAA8E;IAC9E,WAAW,EAAE,eAAe,WAAW,CAAC,CAAA;CACzC;AAED;A;A;GAGG;AACH,+BAA+B,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,gBAAgB,GAAG,eAAe,CAqFtG;AC7GD,6BAA8B,SAAQ,mBAAmB;IACvD,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;IACE,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,yDAAyD;IACzD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAA;CAClD;AAID;A;A;GAGG;AACH,8BAA8B,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,WAAW,CAAC,GAAG,cAAc,CAwPlI;AC1QD;IACE,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,mCAAmC;IACnC,UAAU,EAAE,eAAe,gBAAgB,CAAC,CAAA;CAC7C;AAED;A;A;GAGG;AACH,8BACE,KAAK,EAAE,mBAAmB,EAC1B,KAAK,EAAE,eAAe,EACtB,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAC/B,cAAc,CAoEhB","sources":["./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorSlider.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorWheel.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorField.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":"A;A;A;AAmBA,gCAAiC,SAAQ,oBAAoB;IAC3D,mCAAmC;IACnC,QAAQ,EAAE,UAAU,WAAW,CAAC,CAAC;IACjC,mCAAmC;IACnC,QAAQ,EAAE,UAAU,gBAAgB,CAAC,CAAA;CACtC;AAED;IACE,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,yDAAyD;IACzD,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,8EAA8E;IAC9E,WAAW,EAAE,eAAe,WAAW,CAAC,CAAA;CACzC;AAED;A;A;GAGG;AACH,+BAA+B,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,gBAAgB,GAAG,eAAe,CAqFtG;AC7GD,6BAA8B,SAAQ,mBAAmB;IACvD,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;IACE,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,mCAAmC;IACnC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,yDAAyD;IACzD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAA;CAClD;AAID;A;A;GAGG;AACH,8BAA8B,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,WAAW,CAAC,GAAG,cAAc,CAwQlI;ACvRD;IACE,mCAAmC;IACnC,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IAClD,mCAAmC;IACnC,UAAU,EAAE,eAAe,gBAAgB,CAAC,CAAA;CAC7C;AAED;A;A;GAGG;AACH,8BACE,KAAK,EAAE,mBAAmB,EAC1B,KAAK,EAAE,eAAe,EACtB,GAAG,EAAE,UAAU,gBAAgB,CAAC,GAC/B,cAAc,CA4EhB","sources":["./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorSlider.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorWheel.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/useColorField.ts","./packages/@react-aria/color/src/packages/@react-aria/color/src/index.ts"],"sourcesContent":[null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/color",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,22 +18,23 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "^3.3.0",
-    "@react-aria/interactions": "^3.3.4",
-    "@react-aria/slider": "^3.0.1",
-    "@react-aria/spinbutton": "3.0.0-rc.0",
-    "@react-aria/textfield": "^3.1.0",
-    "@react-aria/utils": "^3.7.0",
-    "@react-stately/color": "3.0.0-beta.1",
-    "@react-types/color": "3.0.0-beta.1",
-    "@react-types/shared": "^3.5.0",
-    "@react-types/slider": "^3.0.1"
+    "@react-aria/i18n": "^3.3.3",
+    "@react-aria/interactions": "^3.7.0",
+    "@react-aria/slider": "^3.0.3",
+    "@react-aria/spinbutton": "^3.0.1",
+    "@react-aria/textfield": "^3.5.0",
+    "@react-aria/utils": "^3.10.0",
+    "@react-stately/color": "3.0.0-beta.5",
+    "@react-types/color": "3.0.0-beta.3",
+    "@react-types/shared": "^3.10.0",
+    "@react-types/slider": "^3.0.2"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f0afbae764727b3062170852006ea38689a34f97"
+  "gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
 }

package/src/useColorField.ts

@@ -15,11 +15,14 @@ import {ColorFieldState} from '@react-stately/color';
 import {
   HTMLAttributes,
   LabelHTMLAttributes,
-  RefObject
+  RefObject,
+  useCallback,
+  useState
 } from 'react';
 import {mergeProps, useId} from '@react-aria/utils';
+import {useFocusWithin, useScrollWheel} from '@react-aria/interactions';
+import {useFormattedTextField} from '@react-aria/textfield';
 import {useSpinButton} from '@react-aria/spinbutton';
-import {useTextField} from '@react-aria/textfield';
 
 interface ColorFieldAria {
   /** Props for the label element. */
@@ -46,7 +49,6 @@ export function useColorField(
   let {
     colorValue,
     inputValue,
-    setInputValue,
     commit,
     increment,
     decrement,
@@ -71,37 +73,46 @@ export function useColorField(
     }
   );
 
-  let onWheel = (e) => {
-    if (isDisabled || isReadOnly) {
+  let [focusWithin, setFocusWithin] = useState(false);
+  let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});
+
+  let onWheel = useCallback((e) => {
+    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {
       return;
     }
-    if (e.deltaY < 0) {
+    if (e.deltaY > 0) {
       increment();
-    } else {
+    } else if (e.deltaY < 0) {
       decrement();
     }
+  }, [isReadOnly, isDisabled, decrement, increment]);
+  // If the input isn't supposed to receive input, disable scrolling.
+  let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
+  useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);
+
+  let onChange = value => {
+    state.setInputValue(value);
   };
 
-  let {labelProps, inputProps} = useTextField(
+  let {labelProps, inputProps} = useFormattedTextField(
     mergeProps(props, {
       id: inputId,
       value: inputValue,
       type: 'text',
       autoComplete: 'off',
-      onChange: setInputValue
-    }), ref);
+      onChange
+    }), state, ref);
 
   return {
     labelProps,
-    inputProps: mergeProps(inputProps, spinButtonProps, {
+    inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {
       role: 'textbox',
       'aria-valuemax': null,
       'aria-valuemin': null,
       'aria-valuenow': null,
       'aria-valuetext': null,
       autoCorrect: 'off',
-      onBlur: commit,
-      onWheel
+      onBlur: commit
     })
   };
 }

package/src/useColorWheel.ts

@@ -116,9 +116,13 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
       currentPointer.current = id;
       focusInput();
       state.setDragging(true);
-      addGlobalListener(window, 'mouseup', onThumbUp, false);
-      addGlobalListener(window, 'touchend', onThumbUp, false);
-      addGlobalListener(window, 'pointerup', onThumbUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        addGlobalListener(window, 'pointerup', onThumbUp, false);
+      } else {
+        addGlobalListener(window, 'mouseup', onThumbUp, false);
+        addGlobalListener(window, 'touchend', onThumbUp, false);
+      }
     }
   };
 
@@ -130,9 +134,12 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
       currentPointer.current = undefined;
       isOnTrack.current = false;
 
-      removeGlobalListener(window, 'mouseup', onThumbUp, false);
-      removeGlobalListener(window, 'touchend', onThumbUp, false);
-      removeGlobalListener(window, 'pointerup', onThumbUp, false);
+      if (typeof PointerEvent !== 'undefined') {
+        removeGlobalListener(window, 'pointerup', onThumbUp, false);
+      } else {
+        removeGlobalListener(window, 'mouseup', onThumbUp, false);
+        removeGlobalListener(window, 'touchend', onThumbUp, false);
+      }
     }
   };
 
@@ -149,9 +156,12 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
       focusInput();
       state.setDragging(true);
 
-      addGlobalListener(window, 'mouseup', onTrackUp, false);
-      addGlobalListener(window, 'touchend', onTrackUp, false);
-      addGlobalListener(window, 'pointerup', onTrackUp, false);
+      if (typeof PointerEvent !== 'undefined') {
+        addGlobalListener(window, 'pointerup', onTrackUp, false);
+      } else {
+        addGlobalListener(window, 'mouseup', onTrackUp, false);
+        addGlobalListener(window, 'touchend', onTrackUp, false);
+      }
     }
   };
 
@@ -163,9 +173,13 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
       state.setDragging(false);
       focusInput();
 
-      removeGlobalListener(window, 'mouseup', onTrackUp, false);
-      removeGlobalListener(window, 'touchend', onTrackUp, false);
-      removeGlobalListener(window, 'pointerup', onTrackUp, false);
+
+      if (typeof PointerEvent !== 'undefined') {
+        removeGlobalListener(window, 'pointerup', onTrackUp, false);
+      } else {
+        removeGlobalListener(window, 'mouseup', onTrackUp, false);
+        removeGlobalListener(window, 'touchend', onTrackUp, false);
+      }
     }
   };
 
@@ -185,21 +199,23 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
   });
 
   let trackInteractions = isDisabled ? {} : mergeProps({
-    onMouseDown: (e: React.MouseEvent) => {
-      if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
-        return;
-      }
-      onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
-    },
-    onPointerDown: (e: React.PointerEvent) => {
-      if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {
-        return;
-      }
-      onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);
-    },
-    onTouchStart: (e: React.TouchEvent) => {
-      onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
-    }
+    ...(typeof PointerEvent !== 'undefined' ? {
+      onPointerDown: (e: React.PointerEvent) => {
+        if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {
+          return;
+        }
+        onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);
+      }} : {
+        onMouseDown: (e: React.MouseEvent) => {
+          if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
+            return;
+          }
+          onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
+        },
+        onTouchStart: (e: React.TouchEvent) => {
+          onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
+        }
+      })
   }, movePropsContainer);
 
   let thumbInteractions = isDisabled ? {} : mergeProps({