@react-aria/color 3.0.0-beta.4 → 3.0.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +38 -21
- package/dist/main.js.map +1 -1
- package/dist/module.js +38 -21
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +8 -8
- package/src/useColorWheel.ts +43 -27
package/dist/main.js
CHANGED
|
@@ -255,9 +255,13 @@ function useColorWheel(props, state, inputRef) {
|
|
|
255
255
|
currentPointer.current = id;
|
|
256
256
|
focusInput();
|
|
257
257
|
state.setDragging(true);
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
258
|
+
|
|
259
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
260
|
+
addGlobalListener(window, 'pointerup', onThumbUp, false);
|
|
261
|
+
} else {
|
|
262
|
+
addGlobalListener(window, 'mouseup', onThumbUp, false);
|
|
263
|
+
addGlobalListener(window, 'touchend', onThumbUp, false);
|
|
264
|
+
}
|
|
261
265
|
}
|
|
262
266
|
};
|
|
263
267
|
|
|
@@ -271,9 +275,13 @@ function useColorWheel(props, state, inputRef) {
|
|
|
271
275
|
state.setDragging(false);
|
|
272
276
|
currentPointer.current = undefined;
|
|
273
277
|
isOnTrack.current = false;
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
278
|
+
|
|
279
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
280
|
+
removeGlobalListener(window, 'pointerup', onThumbUp, false);
|
|
281
|
+
} else {
|
|
282
|
+
removeGlobalListener(window, 'mouseup', onThumbUp, false);
|
|
283
|
+
removeGlobalListener(window, 'touchend', onThumbUp, false);
|
|
284
|
+
}
|
|
277
285
|
}
|
|
278
286
|
};
|
|
279
287
|
|
|
@@ -289,9 +297,13 @@ function useColorWheel(props, state, inputRef) {
|
|
|
289
297
|
stateRef.current.setHueFromPoint(x, y, radius);
|
|
290
298
|
focusInput();
|
|
291
299
|
state.setDragging(true);
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
300
|
+
|
|
301
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
302
|
+
addGlobalListener(window, 'pointerup', onTrackUp, false);
|
|
303
|
+
} else {
|
|
304
|
+
addGlobalListener(window, 'mouseup', onTrackUp, false);
|
|
305
|
+
addGlobalListener(window, 'touchend', onTrackUp, false);
|
|
306
|
+
}
|
|
295
307
|
}
|
|
296
308
|
};
|
|
297
309
|
|
|
@@ -305,9 +317,13 @@ function useColorWheel(props, state, inputRef) {
|
|
|
305
317
|
currentPointer.current = undefined;
|
|
306
318
|
state.setDragging(false);
|
|
307
319
|
focusInput();
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
320
|
+
|
|
321
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
322
|
+
removeGlobalListener(window, 'pointerup', onTrackUp, false);
|
|
323
|
+
} else {
|
|
324
|
+
removeGlobalListener(window, 'mouseup', onTrackUp, false);
|
|
325
|
+
removeGlobalListener(window, 'touchend', onTrackUp, false);
|
|
326
|
+
}
|
|
311
327
|
}
|
|
312
328
|
};
|
|
313
329
|
|
|
@@ -329,25 +345,26 @@ function useColorWheel(props, state, inputRef) {
|
|
|
329
345
|
}
|
|
330
346
|
|
|
331
347
|
});
|
|
332
|
-
let trackInteractions = isDisabled ? {} : mergeProps({
|
|
333
|
-
onMouseDown: e => {
|
|
334
|
-
if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
|
|
335
|
-
return;
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
|
|
339
|
-
},
|
|
348
|
+
let trackInteractions = isDisabled ? {} : mergeProps(_babelRuntimeHelpersExtends({}, typeof PointerEvent !== 'undefined' ? {
|
|
340
349
|
onPointerDown: e => {
|
|
341
350
|
if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {
|
|
342
351
|
return;
|
|
343
352
|
}
|
|
344
353
|
|
|
345
354
|
onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);
|
|
355
|
+
}
|
|
356
|
+
} : {
|
|
357
|
+
onMouseDown: e => {
|
|
358
|
+
if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
|
|
359
|
+
return;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
|
|
346
363
|
},
|
|
347
364
|
onTouchStart: e => {
|
|
348
365
|
onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
|
|
349
366
|
}
|
|
350
|
-
}, movePropsContainer);
|
|
367
|
+
}), movePropsContainer);
|
|
351
368
|
let thumbInteractions = isDisabled ? {} : mergeProps({
|
|
352
369
|
onMouseDown: e => {
|
|
353
370
|
if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
|
package/dist/main.js.map
CHANGED
|
@@ -1 +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 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","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","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"}
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,sBAAT,CAAgCC,CAAhC,EAAmC;AACjC,SAAOA,CAAC,IAAIA,CAAC,CAACC,UAAP,GAAoBD,CAAC,CAACE,OAAtB,GAAgCF,CAAvC;AACD;;ACqCD;;;;AAIO,SAASG,cAAT,CAAwBC,KAAxB,EAAuDC,KAAvD,EAAiG;AACtG,MAAI;AAACC,IAAAA,QAAD;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA,WAArB;AAAkCC,IAAAA,OAAlC;AAA2C,kBAAcC;AAAzD,MAAsEN,KAA1E;AAEA,MAAI;AAACO,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAsBC,SAAS,EAAnC,CAHsG,CAKtG;;AACA,MAAI,CAACT,KAAK,CAACU,KAAP,IAAgB,CAACJ,SAAjB,IAA8B,CAACN,KAAK,CAAC,iBAAD,CAAxC,EAA6D;AAC3DM,IAAAA,SAAS,GAAGL,KAAK,CAACU,KAAN,CAAYC,cAAZ,CAA2BP,OAA3B,EAAoCE,MAApC,CAAZ;AACD,GARqG,CAUtG;;;AACA,MAAI;AAACM,IAAAA,UAAD;AAAaC,IAAAA,UAAb;AAAyBC,IAAAA,UAAzB;AAAqCC,IAAAA;AAArC,MAAoDC,SAAS,iCAAKjB,KAAL;AAAY,kBAAcM;AAA1B,MAAsCL,KAAtC,EAA6CC,QAA7C,CAAjE;AACA,MAAI;AAACgB,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAA2BC,cAAc,CAAC;AAC5CC,IAAAA,KAAK,EAAE,CADqC;AAE5CjB,IAAAA,WAF4C;AAG5CkB,IAAAA,UAAU,EAAEtB,KAAK,CAACsB,UAH0B;AAI5CpB,IAAAA,QAJ4C;AAK5CC,IAAAA;AAL4C,GAAD,EAM1CF,KAN0C,CAA7C;;AAQA,MAAIsB,kBAAkB,GAAG,MAAM;AAC7B,QAAIZ,KAAK,GAAGV,KAAK,CAACuB,eAAN,EAAZ;AACA,QAAIC,EAAJ;;AACA,QAAIrB,WAAW,KAAK,UAApB,EAAgC;AAC9BqB,MAAAA,EAAE,GAAG,KAAL;AACD,KAFD,MAEO,IAAIjB,SAAS,KAAK,KAAlB,EAAyB;AAC9BiB,MAAAA,EAAE,GAAG,OAAL;AACD,KAFM,MAEA;AACLA,MAAAA,EAAE,GAAG,MAAL;AACD;;AACD,YAAQpB,OAAR;AACE,WAAK,KAAL;AACE,uCAA6BoB,EAA7B;;AACF,WAAK,WAAL;AAAkB;AAChB;AACA;AACA,cAAIC,GAAG,GAAGzB,KAAK,CAAC0B,gBAAN,CAAuB,CAAvB,CAAV;AACA,cAAIC,GAAG,GAAG3B,KAAK,CAAC4B,gBAAN,CAAuB,CAAvB,CAAV;AACA,cAAIC,KAAK,GAAGnB,KAAK,CAACoB,gBAAN,CAAuB1B,OAAvB,EAAgCqB,GAAhC,EAAqCM,QAArC,CAA8C,KAA9C,CAAZ;AACA,cAAIC,MAAM,GAAGtB,KAAK,CAACoB,gBAAN,CAAuB1B,OAAvB,EAAgC,CAACuB,GAAG,GAAGF,GAAP,IAAc,CAA9C,EAAiDM,QAAjD,CAA0D,KAA1D,CAAb;AACA,cAAIE,GAAG,GAAGvB,KAAK,CAACoB,gBAAN,CAAuB1B,OAAvB,EAAgCuB,GAAhC,EAAqCI,QAArC,CAA8C,KAA9C,CAAV;AACA,yCAA6BP,EAA7B,UAAoCK,KAApC,UAA8CG,MAA9C,UAAyDC,GAAzD;AACD;;AACD,WAAK,YAAL;AACA,WAAK,YAAL;AACA,WAAK,KAAL;AACA,WAAK,OAAL;AACA,WAAK,MAAL;AACA,WAAK,OAAL;AAAc;AACZ,cAAIJ,KAAK,GAAGnB,KAAK,CAACoB,gBAAN,CAAuB1B,OAAvB,EAAgCJ,KAAK,CAAC0B,gBAAN,CAAuB,CAAvB,CAAhC,EAA2DK,QAA3D,CAAoE,KAApE,CAAZ;AACA,cAAIE,GAAG,GAAGvB,KAAK,CAACoB,gBAAN,CAAuB1B,OAAvB,EAAgCJ,KAAK,CAAC4B,gBAAN,CAAuB,CAAvB,CAAhC,EAA2DG,QAA3D,CAAoE,KAApE,CAAV;AACA,yCAA6BP,EAA7B,UAAoCK,KAApC,UAA8CI,GAA9C;AACD;;AACD;AACE,cAAM,IAAIC,KAAJ,CAAU,4BAA4B9B,OAAtC,CAAN;AAxBJ;AA0BD,GApCD;;AAsCA,MAAI+B,aAAa,GAAGnC,KAAK,CAACoC,eAAN,CAAsB,CAAtB,CAApB;;AACA,MAAIjC,WAAW,KAAK,UAAhB,IAA8BI,SAAS,KAAK,KAAhD,EAAuD;AACrD4B,IAAAA,aAAa,GAAG,IAAIA,aAApB;AACD;;AAED,SAAO;AACLtB,IAAAA,UAAU,kCACLwB,UAAU,CAACzB,UAAD,EAAaC,UAAb,CADL;AAERyB,MAAAA,KAAK,EAAE;AACLC,QAAAA,QAAQ,EAAE,UADL;AAELC,QAAAA,WAAW,EAAE,MAFR;AAGLC,QAAAA,UAAU,EAAEnB,kBAAkB;AAHzB;AAFC,MADL;AASLL,IAAAA,UATK;AAULC,IAAAA,UAAU,kCACLA,UADK;AAERoB,MAAAA,KAAK,EAAE;AACLE,QAAAA,WAAW,EAAE,MADR;AAELD,QAAAA,QAAQ,EAAE,UAFL;AAGL,SAACpC,WAAW,KAAK,UAAhB,GAA6B,KAA7B,GAAqC,MAAtC,GAAkDgC,aAAa,GAAG,GAAlE,MAHK;AAILO,QAAAA,SAAS,EAAE;AAJN;AAFC,MAVL;AAmBL5B,IAAAA,UAnBK;AAoBLC,IAAAA;AApBK,GAAP;AAsBD;;;AC7FD,MAAM4B,wDAAkB,GAAG,CAA3B;AAEA;;;;;AAIO,SAASC,aAAT,CAAuB7C,KAAvB,EAAmDC,KAAnD,EAA2EE,QAA3E,EAA6H;AAClI,MAAI;AACFmB,IAAAA,UADE;AAEFwB,IAAAA,IAAI,GAAG,CAFL;AAGFC,IAAAA,WAHE;AAIFC,IAAAA,WAJE;AAKF,kBAAc1C;AALZ,MAMAN,KANJ;AAQA,MAAI;AAACiD,IAAAA,iBAAD;AAAoBC,IAAAA;AAApB,MAA4CC,kBAAkB,EAAlE;AAEA,MAAIC,WAAW,GAAG,CAACL,WAAW,GAAGC,WAAf,IAA8B,CAAhD;AAEA,MAAIK,UAAU,GAAGC,WAAW,CAAC,MAAM;AACjC,QAAInD,QAAQ,CAACoD,OAAb,EAAsB;AACpBC,MAAAA,qBAAqB,CAACrD,QAAQ,CAACoD,OAAV,CAArB;AACD;AACF,GAJ2B,EAIzB,CAACpD,QAAD,CAJyB,CAA5B;AAMA,MAAIsD,QAAQ,GAAGC,MAAM,CAAkB,IAAlB,CAArB;AACAD,EAAAA,QAAQ,CAACF,OAAT,GAAmBtD,KAAnB;AAEA,MAAI0D,eAAe,GAAGD,MAAM,CAAyB,IAAzB,CAA5B;AACA,MAAIE,WAAW,GAAG;AAChBC,IAAAA,WAAW,GAAG;AACZF,MAAAA,eAAe,CAACJ,OAAhB,GAA0B,IAA1B;AACAtD,MAAAA,KAAK,CAAC6D,WAAN,CAAkB,IAAlB;AACD,KAJe;;AAKhBC,IAAAA,MAAM,OAAgC;AAAA,UAA/B;AAACC,QAAAA,MAAD;AAASC,QAAAA,MAAT;AAAiBC,QAAAA;AAAjB,OAA+B;;AACpC,UAAIP,eAAe,CAACJ,OAAhB,IAA2B,IAA/B,EAAqC;AACnCI,QAAAA,eAAe,CAACJ,OAAhB,GAA0BE,QAAQ,CAACF,OAAT,CAAiBY,gBAAjB,CAAkCf,WAAlC,CAA1B;AACD;;AACDO,MAAAA,eAAe,CAACJ,OAAhB,CAAwBa,CAAxB,IAA6BJ,MAA7B;AACAL,MAAAA,eAAe,CAACJ,OAAhB,CAAwBc,CAAxB,IAA6BJ,MAA7B;;AACA,UAAIC,WAAW,KAAK,UAApB,EAAgC;AAC9B,YAAIF,MAAM,GAAG,CAAT,IAAcC,MAAM,GAAG,CAA3B,EAA8B;AAC5BhE,UAAAA,KAAK,CAACqE,SAAN;AACD,SAFD,MAEO,IAAIN,MAAM,GAAG,CAAT,IAAcC,MAAM,GAAG,CAA3B,EAA8B;AACnChE,UAAAA,KAAK,CAACsE,SAAN;AACD;AACF,OAND,MAMO;AACLd,QAAAA,QAAQ,CAACF,OAAT,CAAiBiB,eAAjB,CAAiCb,eAAe,CAACJ,OAAhB,CAAwBa,CAAzD,EAA4DT,eAAe,CAACJ,OAAhB,CAAwBc,CAApF,EAAuFjB,WAAvF;AACD;AACF,KApBe;;AAqBhBqB,IAAAA,SAAS,GAAG;AACVC,MAAAA,SAAS,CAACnB,OAAV,GAAoBoB,SAApB;AACA1E,MAAAA,KAAK,CAAC6D,WAAN,CAAkB,KAAlB;AACAT,MAAAA,UAAU;AACX;;AAzBe,GAAlB;AA2BA,MAAI;AAACuB,IAAAA,SAAS,EAAEC;AAAZ,MAA8BC,OAAO,CAAClB,WAAD,CAAzC;AAEA,MAAImB,cAAc,GAAGrB,MAAM,CAA4BiB,SAA5B,CAA3B;AACA,MAAID,SAAS,GAAGhB,MAAM,CAAU,KAAV,CAAtB;AACA,MAAI;AAACkB,IAAAA,SAAS,EAAEI;AAAZ,MAAkCF,OAAO,CAAC;AAC5CjB,IAAAA,WAAW,GAAG;AACZ,UAAIa,SAAS,CAACnB,OAAd,EAAuB;AACrBK,QAAAA,WAAW,CAACC,WAAZ;AACD;AACF,KAL2C;;AAM5CE,IAAAA,MAAM,CAACkB,CAAD,EAAI;AACR,UAAIP,SAAS,CAACnB,OAAd,EAAuB;AACrBK,QAAAA,WAAW,CAACG,MAAZ,CAAmBkB,CAAnB;AACD;AACF,KAV2C;;AAW5CR,IAAAA,SAAS,GAAG;AACV,UAAIC,SAAS,CAACnB,OAAd,EAAuB;AACrBK,QAAAA,WAAW,CAACa,SAAZ;AACD;AACF;;AAf2C,GAAD,CAA7C;;AAkBA,MAAIS,WAAW,GAAIC,EAAD,IAAuB;AACvC,QAAI,CAAClF,KAAK,CAACmF,UAAX,EAAuB;AACrBL,MAAAA,cAAc,CAACxB,OAAf,GAAyB4B,EAAzB;AACA9B,MAAAA,UAAU;AACVpD,MAAAA,KAAK,CAAC6D,WAAN,CAAkB,IAAlB;;AAEA,UAAI,OAAOuB,YAAP,KAAwB,WAA5B,EAAyC;AACvCpC,QAAAA,iBAAiB,CAACqC,MAAD,EAAS,WAAT,EAAsBC,SAAtB,EAAiC,KAAjC,CAAjB;AACD,OAFD,MAEO;AACLtC,QAAAA,iBAAiB,CAACqC,MAAD,EAAS,SAAT,EAAoBC,SAApB,EAA+B,KAA/B,CAAjB;AACAtC,QAAAA,iBAAiB,CAACqC,MAAD,EAAS,UAAT,EAAqBC,SAArB,EAAgC,KAAhC,CAAjB;AACD;AACF;AACF,GAbD;;AAeA,MAAIA,SAAS,GAAIN,CAAD,IAAO;AAAA;;AACrB,QAAIE,EAAE,mBAAGF,CAAC,CAACO,SAAL,gDAAkBP,CAAC,CAACQ,cAApB,qBAAkB,kBAAmB,CAAnB,EAAsBC,UAA9C;;AACA,QAAIP,EAAE,KAAKJ,cAAc,CAACxB,OAA1B,EAAmC;AACjCF,MAAAA,UAAU;AACVpD,MAAAA,KAAK,CAAC6D,WAAN,CAAkB,KAAlB;AACAiB,MAAAA,cAAc,CAACxB,OAAf,GAAyBoB,SAAzB;AACAD,MAAAA,SAAS,CAACnB,OAAV,GAAoB,KAApB;;AAEA,UAAI,OAAO8B,YAAP,KAAwB,WAA5B,EAAyC;AACvCnC,QAAAA,oBAAoB,CAACoC,MAAD,EAAS,WAAT,EAAsBC,SAAtB,EAAiC,KAAjC,CAApB;AACD,OAFD,MAEO;AACLrC,QAAAA,oBAAoB,CAACoC,MAAD,EAAS,SAAT,EAAoBC,SAApB,EAA+B,KAA/B,CAApB;AACArC,QAAAA,oBAAoB,CAACoC,MAAD,EAAS,UAAT,EAAqBC,SAArB,EAAgC,KAAhC,CAApB;AACD;AACF;AACF,GAfD;;AAiBA,MAAII,WAAW,GAAG,CAACC,KAAD,EAAiBT,EAAjB,EAAoCU,KAApC,EAAmDC,KAAnD,KAAqE;AACrF,QAAIC,IAAI,GAAGH,KAAK,CAACI,qBAAN,EAAX;AACA,QAAI5B,CAAC,GAAGyB,KAAK,GAAGE,IAAI,CAAC3B,CAAb,GAAiB2B,IAAI,CAACE,KAAL,GAAa,CAAtC;AACA,QAAI5B,CAAC,GAAGyB,KAAK,GAAGC,IAAI,CAAC1B,CAAb,GAAiB0B,IAAI,CAACG,MAAL,GAAc,CAAvC;AACA,QAAIC,MAAM,GAAGC,IAAI,CAACC,IAAL,CAAUjC,CAAC,GAAGA,CAAJ,GAAQC,CAAC,GAAGA,CAAtB,CAAb;;AACA,QAAItB,WAAW,GAAGoD,MAAd,IAAwBA,MAAM,GAAGnD,WAAjC,IAAgD,CAAC/C,KAAK,CAACmF,UAAvD,IAAqEL,cAAc,CAACxB,OAAf,KAA2BoB,SAApG,EAA+G;AAC7GD,MAAAA,SAAS,CAACnB,OAAV,GAAoB,IAApB;AACAwB,MAAAA,cAAc,CAACxB,OAAf,GAAyB4B,EAAzB;AACA1B,MAAAA,QAAQ,CAACF,OAAT,CAAiBiB,eAAjB,CAAiCJ,CAAjC,EAAoCC,CAApC,EAAuC8B,MAAvC;AAEA9C,MAAAA,UAAU;AACVpD,MAAAA,KAAK,CAAC6D,WAAN,CAAkB,IAAlB;;AAEA,UAAI,OAAOuB,YAAP,KAAwB,WAA5B,EAAyC;AACvCpC,QAAAA,iBAAiB,CAACqC,MAAD,EAAS,WAAT,EAAsBgB,SAAtB,EAAiC,KAAjC,CAAjB;AACD,OAFD,MAEO;AACLrD,QAAAA,iBAAiB,CAACqC,MAAD,EAAS,SAAT,EAAoBgB,SAApB,EAA+B,KAA/B,CAAjB;AACArD,QAAAA,iBAAiB,CAACqC,MAAD,EAAS,UAAT,EAAqBgB,SAArB,EAAgC,KAAhC,CAAjB;AACD;AACF;AACF,GApBD;;AAsBA,MAAIA,SAAS,GAAIrB,CAAD,IAAO;AAAA;;AACrB,QAAIE,EAAE,oBAAGF,CAAC,CAACO,SAAL,kDAAkBP,CAAC,CAACQ,cAApB,qBAAkB,mBAAmB,CAAnB,EAAsBC,UAA9C;;AACA,QAAIhB,SAAS,CAACnB,OAAV,IAAqB4B,EAAE,KAAKJ,cAAc,CAACxB,OAA/C,EAAwD;AACtDmB,MAAAA,SAAS,CAACnB,OAAV,GAAoB,KAApB;AACAwB,MAAAA,cAAc,CAACxB,OAAf,GAAyBoB,SAAzB;AACA1E,MAAAA,KAAK,CAAC6D,WAAN,CAAkB,KAAlB;AACAT,MAAAA,UAAU;;AAGV,UAAI,OAAOgC,YAAP,KAAwB,WAA5B,EAAyC;AACvCnC,QAAAA,oBAAoB,CAACoC,MAAD,EAAS,WAAT,EAAsBgB,SAAtB,EAAiC,KAAjC,CAApB;AACD,OAFD,MAEO;AACLpD,QAAAA,oBAAoB,CAACoC,MAAD,EAAS,SAAT,EAAoBgB,SAApB,EAA+B,KAA/B,CAApB;AACApD,QAAAA,oBAAoB,CAACoC,MAAD,EAAS,UAAT,EAAqBgB,SAArB,EAAgC,KAAhC,CAApB;AACD;AACF;AACF,GAhBD;;AAkBA,MAAI;AAACC,IAAAA;AAAD,MAAkBC,WAAW,CAAC;AAChCC,IAAAA,SAAS,CAACxB,CAAD,EAAI;AACX,cAAQA,CAAC,CAACyB,GAAV;AACE,aAAK,QAAL;AACEzB,UAAAA,CAAC,CAAC0B,cAAF;AACA1G,UAAAA,KAAK,CAACqE,SAAN,CAAgB1B,wDAAhB;AACA;;AACF,aAAK,UAAL;AACEqC,UAAAA,CAAC,CAAC0B,cAAF;AACA1G,UAAAA,KAAK,CAACsE,SAAN,CAAgB3B,wDAAhB;AACA;AARJ;AAUD;;AAZ+B,GAAD,CAAjC;AAeA,MAAIgE,iBAAiB,GAAGtF,UAAU,GAAG,EAAH,GAAQgB,UAAU,iCAC9C,OAAO+C,YAAP,KAAwB,WAAxB,GAAsC;AACxCwB,IAAAA,aAAa,EAAG5B,CAAD,IAA2B;AACxC,UAAIA,CAAC,CAACf,WAAF,KAAkB,OAAlB,KAA8Be,CAAC,CAAC6B,MAAF,KAAa,CAAb,IAAkB7B,CAAC,CAAC8B,MAApB,IAA8B9B,CAAC,CAAC+B,OAAhC,IAA2C/B,CAAC,CAACgC,OAA3E,CAAJ,EAAyF;AACvF;AACD;;AACDtB,MAAAA,WAAW,CAACV,CAAC,CAACiC,aAAH,EAAkBjC,CAAC,CAACO,SAApB,EAA+BP,CAAC,CAACkC,OAAjC,EAA0ClC,CAAC,CAACmC,OAA5C,CAAX;AACD;AANuC,GAAtC,GAMG;AACHC,IAAAA,WAAW,EAAGpC,CAAD,IAAyB;AACpC,UAAIA,CAAC,CAAC6B,MAAF,KAAa,CAAb,IAAkB7B,CAAC,CAAC8B,MAApB,IAA8B9B,CAAC,CAAC+B,OAAhC,IAA2C/B,CAAC,CAACgC,OAAjD,EAA0D;AACxD;AACD;;AACDtB,MAAAA,WAAW,CAACV,CAAC,CAACiC,aAAH,EAAkBvC,SAAlB,EAA6BM,CAAC,CAACkC,OAA/B,EAAwClC,CAAC,CAACmC,OAA1C,CAAX;AACD,KANE;AAOHE,IAAAA,YAAY,EAAGrC,CAAD,IAAyB;AACrCU,MAAAA,WAAW,CAACV,CAAC,CAACiC,aAAH,EAAkBjC,CAAC,CAACQ,cAAF,CAAiB,CAAjB,EAAoBC,UAAtC,EAAkDT,CAAC,CAACQ,cAAF,CAAiB,CAAjB,EAAoB0B,OAAtE,EAA+ElC,CAAC,CAACQ,cAAF,CAAiB,CAAjB,EAAoB2B,OAAnG,CAAX;AACD;AATE,GAP2C,GAkBjDpC,kBAlBiD,CAApD;AAoBA,MAAIuC,iBAAiB,GAAGjG,UAAU,GAAG,EAAH,GAAQgB,UAAU,CAAC;AACnD+E,IAAAA,WAAW,EAAGpC,CAAD,IAAyB;AACpC,UAAIA,CAAC,CAAC6B,MAAF,KAAa,CAAb,IAAkB7B,CAAC,CAAC8B,MAApB,IAA8B9B,CAAC,CAAC+B,OAAhC,IAA2C/B,CAAC,CAACgC,OAAjD,EAA0D;AACxD;AACD;;AACD/B,MAAAA,WAAW,CAACP,SAAD,CAAX;AACD,KANkD;AAOnDkC,IAAAA,aAAa,EAAG5B,CAAD,IAA2B;AACxC,UAAIA,CAAC,CAACf,WAAF,KAAkB,OAAlB,KAA8Be,CAAC,CAAC6B,MAAF,KAAa,CAAb,IAAkB7B,CAAC,CAAC8B,MAApB,IAA8B9B,CAAC,CAAC+B,OAAhC,IAA2C/B,CAAC,CAACgC,OAA3E,CAAJ,EAAyF;AACvF;AACD;;AACD/B,MAAAA,WAAW,CAACD,CAAC,CAACO,SAAH,CAAX;AACD,KAZkD;AAanD8B,IAAAA,YAAY,EAAGrC,CAAD,IAAyB;AACrCC,MAAAA,WAAW,CAACD,CAAC,CAACQ,cAAF,CAAiB,CAAjB,EAAoBC,UAArB,CAAX;AACD;AAfkD,GAAD,EAgBjDb,cAhBiD,EAgBjC0B,aAhBiC,CAApD;AAiBA,MAAI;AAACnC,IAAAA,CAAD;AAAIC,IAAAA;AAAJ,MAASpE,KAAK,CAACkE,gBAAN,CAAuBf,WAAvB,CAAb,CApMkI,CAsMlI;;AACA,MAAI;AAAC7C,IAAAA;AAAD,MAAWE,SAAS,EAAxB;;AACA,MAAIH,SAAS,IAAI,IAAb,IAAqBN,KAAK,CAAC,iBAAD,CAAL,IAA4B,IAArD,EAA2D;AACzDM,IAAAA,SAAS,GAAGL,KAAK,CAACU,KAAN,CAAYC,cAAZ,CAA2B,KAA3B,EAAkCL,MAAlC,CAAZ;AACD;;AAED,MAAIiH,mBAAmB,GAAGC,SAAS,iCAC9BzH,KAD8B;AAEjC,kBAAcM;AAFmB,KAAnC;AAKA,SAAO;AACLQ,IAAAA,UAAU,kCACL8F,iBADK;AAERrE,MAAAA,KAAK,EAAE;AACLC,QAAAA,QAAQ,EAAE,UADL;AAELC,QAAAA,WAAW,EAAE,MAFR;AAGLwD,QAAAA,KAAK,EAAEjD,WAAW,GAAG,CAHhB;AAILkD,QAAAA,MAAM,EAAElD,WAAW,GAAG,CAJjB;AAKLN,QAAAA,UAAU,mgBALL;AAuBLgF,QAAAA,QAAQ,uBAAoBC,gDAAU,CAAC3E,WAAD,EAAcA,WAAd,EAA2BA,WAA3B,CAA9B,SAAyE2E,gDAAU,CAAC3E,WAAD,EAAcA,WAAd,EAA2BD,WAA3B,CAAnF;AAvBH;AAFC,MADL;AA6BL5B,IAAAA,UAAU,kCACLoG,iBADK;AAERhF,MAAAA,KAAK,EAAE;AACLC,QAAAA,QAAQ,EAAE,UADL;AAELoF,QAAAA,IAAI,EAAE,KAFD;AAGLC,QAAAA,GAAG,EAAE,KAHA;AAILlF,QAAAA,SAAS,sBAAoByB,CAApB,wBAAwCC,CAAxC,eAJJ;AAKL5B,QAAAA,WAAW,EAAE;AALR;AAFC,MA7BL;AAuCLvB,IAAAA,UAAU,EAAEoB,UAAU,CACpBkF,mBADoB,EAEpB;AACEM,MAAAA,IAAI,EAAE,OADR;AAEEpG,MAAAA,GAAG,EAAE,GAFP;AAGEE,MAAAA,GAAG,EAAE,KAHP;AAIEkB,MAAAA,IAAI,EAAEiF,MAAM,CAACjF,IAAD,CAJd;AAKE,wBAAkB7C,KAAK,CAACU,KAAN,CAAYqH,kBAAZ,CAA+B,KAA/B,EAAsCzH,MAAtC,CALpB;AAME0H,MAAAA,QAAQ,EAAE3G,UANZ;AAOEX,MAAAA,KAAK,OAAKV,KAAK,CAACU,KAAN,CAAYuH,eAAZ,CAA4B,KAA5B,CAPZ;AAQEC,MAAAA,QAAQ,EAAGlD,CAAD,IAAsC;AAC9ChF,QAAAA,KAAK,CAACmI,MAAN,CAAaC,UAAU,CAACpD,CAAC,CAACqD,MAAF,CAAS3H,KAAV,CAAvB;AACD;AAVH,KAFoB;AAvCjB,GAAP;AAuDD,C,CAED;;;;;AACA,SAASgH,gDAAT,CAAoBY,EAApB,EAAgCC,EAAhC,EAA4CC,CAA5C,EAAuD;AACrD,gBAAYF,EAAZ,UAAmBC,EAAnB,WAA2B,CAACC,CAA5B,cAAsCA,CAAtC,UAA4CA,CAA5C,mBAA2DA,CAAC,GAAG,CAA/D,cAAyEA,CAAzE,UAA+EA,CAA/E,kBAA6F,CAACA,CAAD,GAAK,CAAlG;AACD;;ACrRD;;;;AAIO,SAASC,aAAT,CACL1I,KADK,EAELC,KAFK,EAGL0I,GAHK,EAIW;AAChB,MAAI;AACFrH,IAAAA,UADE;AAEFsH,IAAAA,UAFE;AAGFC,IAAAA;AAHE,MAIA7I,KAJJ;AAMA,MAAI;AACF8I,IAAAA,UADE;AAEFC,IAAAA,UAFE;AAGFC,IAAAA,MAHE;AAIF1E,IAAAA,SAJE;AAKFC,IAAAA,SALE;AAMF0E,IAAAA,cANE;AAOFC,IAAAA;AAPE,MAQAjJ,KARJ;AAUA,MAAIkJ,OAAO,GAAGC,KAAK,EAAnB;AACA,MAAI;AAACC,IAAAA;AAAD,MAAoBC,aAAa,CACnC;AACEhI,IAAAA,UADF;AAEEsH,IAAAA,UAFF;AAGEC,IAAAA,UAHF;AAIEU,IAAAA,QAAQ,EAAE,QAJZ;AAKEC,IAAAA,QAAQ,EAAE,CALZ;AAMEC,IAAAA,WAAW,EAAEnF,SANf;AAOEoF,IAAAA,gBAAgB,EAAET,cAPpB;AAQEU,IAAAA,WAAW,EAAEpF,SARf;AASEqF,IAAAA,gBAAgB,EAAEV,cATpB;AAUEvI,IAAAA,KAAK,EAAEmI,UAAU,GAAGA,UAAU,CAACe,QAAX,EAAH,GAA2BlF,SAV9C;AAWEmF,IAAAA,SAAS,EAAEhB,UAAU,GAAGA,UAAU,CAAC9G,QAAX,CAAoB,KAApB,CAAH,GAAgC2C;AAXvD,GADmC,CAArC;AAgBA,MAAI,CAACoF,WAAD,EAAcC,cAAd,IAAgCC,QAAQ,CAAC,KAAD,CAA5C;AACA,MAAI;AAACC,IAAAA;AAAD,MAAqBC,cAAc,CAAC;AAAC7I,IAAAA,UAAD;AAAa8I,IAAAA,mBAAmB,EAAEJ;AAAlC,GAAD,CAAvC;AAEA,MAAIK,OAAO,GAAG/G,WAAW,CAAE2B,CAAD,IAAO;AAC/B,QAAImB,IAAI,CAACkE,GAAL,CAASrF,CAAC,CAAChB,MAAX,KAAsBmC,IAAI,CAACkE,GAAL,CAASrF,CAAC,CAACjB,MAAX,CAA1B,EAA8C;AAC5C;AACD;;AACD,QAAIiB,CAAC,CAAChB,MAAF,GAAW,CAAf,EAAkB;AAChBK,MAAAA,SAAS;AACV,KAFD,MAEO,IAAIW,CAAC,CAAChB,MAAF,GAAW,CAAf,EAAkB;AACvBM,MAAAA,SAAS;AACV;AACF,GATwB,EAStB,CAACqE,UAAD,EAAatH,UAAb,EAAyBiD,SAAzB,EAAoCD,SAApC,CATsB,CAAzB,CArCgB,CA+ChB;;AACA,MAAIiG,iBAAiB,GAAGjJ,UAAU,IAAIsH,UAAd,IAA4B,CAACmB,WAArD;AACAS,EAAAA,cAAc,CAAC;AAACC,IAAAA,QAAQ,EAAEJ,OAAX;AAAoB/I,IAAAA,UAAU,EAAEiJ;AAAhC,GAAD,EAAqD5B,GAArD,CAAd;;AAEA,MAAIR,QAAQ,GAAGxH,KAAK,IAAI;AACtBV,IAAAA,KAAK,CAACyK,aAAN,CAAoB/J,KAApB;AACD,GAFD;;AAIA,MAAI;AAACI,IAAAA,UAAD;AAAaG,IAAAA;AAAb,MAA2ByJ,qBAAqB,CAClDrI,UAAU,CAACtC,KAAD,EAAQ;AAChBmF,IAAAA,EAAE,EAAEgE,OADY;AAEhBxI,IAAAA,KAAK,EAAEoI,UAFS;AAGhBjB,IAAAA,IAAI,EAAE,MAHU;AAIhB8C,IAAAA,YAAY,EAAE,KAJE;AAKhBzC,IAAAA;AALgB,GAAR,CADwC,EAO9ClI,KAP8C,EAOvC0I,GAPuC,CAApD;AASA,SAAO;AACL5H,IAAAA,UADK;AAELG,IAAAA,UAAU,EAAEoB,UAAU,CAACpB,UAAD,EAAamI,eAAb,EAA8Ba,gBAA9B,EAAgD;AACpEW,MAAAA,IAAI,EAAE,SAD8D;AAEpE,uBAAiB,IAFmD;AAGpE,uBAAiB,IAHmD;AAIpE,uBAAiB,IAJmD;AAKpE,wBAAkB,IALkD;AAMpEC,MAAAA,WAAW,EAAE,KANuD;AAOpEC,MAAAA,MAAM,EAAE/B;AAP4D,KAAhD;AAFjB,GAAP;AAYD","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
CHANGED
|
@@ -218,9 +218,13 @@ export function useColorWheel(props, state, inputRef) {
|
|
|
218
218
|
currentPointer.current = id;
|
|
219
219
|
focusInput();
|
|
220
220
|
state.setDragging(true);
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
221
|
+
|
|
222
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
223
|
+
addGlobalListener(window, 'pointerup', onThumbUp, false);
|
|
224
|
+
} else {
|
|
225
|
+
addGlobalListener(window, 'mouseup', onThumbUp, false);
|
|
226
|
+
addGlobalListener(window, 'touchend', onThumbUp, false);
|
|
227
|
+
}
|
|
224
228
|
}
|
|
225
229
|
};
|
|
226
230
|
|
|
@@ -234,9 +238,13 @@ export function useColorWheel(props, state, inputRef) {
|
|
|
234
238
|
state.setDragging(false);
|
|
235
239
|
currentPointer.current = undefined;
|
|
236
240
|
isOnTrack.current = false;
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
241
|
+
|
|
242
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
243
|
+
removeGlobalListener(window, 'pointerup', onThumbUp, false);
|
|
244
|
+
} else {
|
|
245
|
+
removeGlobalListener(window, 'mouseup', onThumbUp, false);
|
|
246
|
+
removeGlobalListener(window, 'touchend', onThumbUp, false);
|
|
247
|
+
}
|
|
240
248
|
}
|
|
241
249
|
};
|
|
242
250
|
|
|
@@ -252,9 +260,13 @@ export function useColorWheel(props, state, inputRef) {
|
|
|
252
260
|
stateRef.current.setHueFromPoint(x, y, radius);
|
|
253
261
|
focusInput();
|
|
254
262
|
state.setDragging(true);
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
263
|
+
|
|
264
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
265
|
+
addGlobalListener(window, 'pointerup', onTrackUp, false);
|
|
266
|
+
} else {
|
|
267
|
+
addGlobalListener(window, 'mouseup', onTrackUp, false);
|
|
268
|
+
addGlobalListener(window, 'touchend', onTrackUp, false);
|
|
269
|
+
}
|
|
258
270
|
}
|
|
259
271
|
};
|
|
260
272
|
|
|
@@ -268,9 +280,13 @@ export function useColorWheel(props, state, inputRef) {
|
|
|
268
280
|
currentPointer.current = undefined;
|
|
269
281
|
state.setDragging(false);
|
|
270
282
|
focusInput();
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
283
|
+
|
|
284
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
285
|
+
removeGlobalListener(window, 'pointerup', onTrackUp, false);
|
|
286
|
+
} else {
|
|
287
|
+
removeGlobalListener(window, 'mouseup', onTrackUp, false);
|
|
288
|
+
removeGlobalListener(window, 'touchend', onTrackUp, false);
|
|
289
|
+
}
|
|
274
290
|
}
|
|
275
291
|
};
|
|
276
292
|
|
|
@@ -292,25 +308,26 @@ export function useColorWheel(props, state, inputRef) {
|
|
|
292
308
|
}
|
|
293
309
|
|
|
294
310
|
});
|
|
295
|
-
let trackInteractions = isDisabled ? {} : mergeProps({
|
|
296
|
-
onMouseDown: e => {
|
|
297
|
-
if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
|
|
298
|
-
return;
|
|
299
|
-
}
|
|
300
|
-
|
|
301
|
-
onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
|
|
302
|
-
},
|
|
311
|
+
let trackInteractions = isDisabled ? {} : mergeProps(_babelRuntimeHelpersEsmExtends({}, typeof PointerEvent !== 'undefined' ? {
|
|
303
312
|
onPointerDown: e => {
|
|
304
313
|
if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {
|
|
305
314
|
return;
|
|
306
315
|
}
|
|
307
316
|
|
|
308
317
|
onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);
|
|
318
|
+
}
|
|
319
|
+
} : {
|
|
320
|
+
onMouseDown: e => {
|
|
321
|
+
if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
|
|
322
|
+
return;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
|
|
309
326
|
},
|
|
310
327
|
onTouchStart: e => {
|
|
311
328
|
onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
|
|
312
329
|
}
|
|
313
|
-
}, movePropsContainer);
|
|
330
|
+
}), movePropsContainer);
|
|
314
331
|
let thumbInteractions = isDisabled ? {} : mergeProps({
|
|
315
332
|
onMouseDown: e => {
|
|
316
333
|
if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
|
package/dist/module.js.map
CHANGED
|
@@ -1 +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 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","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","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"}
|
|
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\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
CHANGED
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-aria/color",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.5",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -18,15 +18,15 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@babel/runtime": "^7.6.2",
|
|
21
|
-
"@react-aria/i18n": "^3.3.
|
|
22
|
-
"@react-aria/interactions": "^3.
|
|
21
|
+
"@react-aria/i18n": "^3.3.3",
|
|
22
|
+
"@react-aria/interactions": "^3.7.0",
|
|
23
23
|
"@react-aria/slider": "^3.0.3",
|
|
24
24
|
"@react-aria/spinbutton": "^3.0.1",
|
|
25
|
-
"@react-aria/textfield": "^3.
|
|
26
|
-
"@react-aria/utils": "^3.
|
|
27
|
-
"@react-stately/color": "3.0.0-beta.
|
|
25
|
+
"@react-aria/textfield": "^3.5.0",
|
|
26
|
+
"@react-aria/utils": "^3.10.0",
|
|
27
|
+
"@react-stately/color": "3.0.0-beta.5",
|
|
28
28
|
"@react-types/color": "3.0.0-beta.3",
|
|
29
|
-
"@react-types/shared": "^3.
|
|
29
|
+
"@react-types/shared": "^3.10.0",
|
|
30
30
|
"@react-types/slider": "^3.0.2"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "896eabe5521a0349a675c4773ed7629addd4b8c4"
|
|
40
40
|
}
|
package/src/useColorWheel.ts
CHANGED
|
@@ -116,9 +116,13 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
|
|
|
116
116
|
currentPointer.current = id;
|
|
117
117
|
focusInput();
|
|
118
118
|
state.setDragging(true);
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
119
|
+
|
|
120
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
121
|
+
addGlobalListener(window, 'pointerup', onThumbUp, false);
|
|
122
|
+
} else {
|
|
123
|
+
addGlobalListener(window, 'mouseup', onThumbUp, false);
|
|
124
|
+
addGlobalListener(window, 'touchend', onThumbUp, false);
|
|
125
|
+
}
|
|
122
126
|
}
|
|
123
127
|
};
|
|
124
128
|
|
|
@@ -130,9 +134,12 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
|
|
|
130
134
|
currentPointer.current = undefined;
|
|
131
135
|
isOnTrack.current = false;
|
|
132
136
|
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
137
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
138
|
+
removeGlobalListener(window, 'pointerup', onThumbUp, false);
|
|
139
|
+
} else {
|
|
140
|
+
removeGlobalListener(window, 'mouseup', onThumbUp, false);
|
|
141
|
+
removeGlobalListener(window, 'touchend', onThumbUp, false);
|
|
142
|
+
}
|
|
136
143
|
}
|
|
137
144
|
};
|
|
138
145
|
|
|
@@ -149,9 +156,12 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
|
|
|
149
156
|
focusInput();
|
|
150
157
|
state.setDragging(true);
|
|
151
158
|
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
159
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
160
|
+
addGlobalListener(window, 'pointerup', onTrackUp, false);
|
|
161
|
+
} else {
|
|
162
|
+
addGlobalListener(window, 'mouseup', onTrackUp, false);
|
|
163
|
+
addGlobalListener(window, 'touchend', onTrackUp, false);
|
|
164
|
+
}
|
|
155
165
|
}
|
|
156
166
|
};
|
|
157
167
|
|
|
@@ -163,9 +173,13 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
|
|
|
163
173
|
state.setDragging(false);
|
|
164
174
|
focusInput();
|
|
165
175
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
176
|
+
|
|
177
|
+
if (typeof PointerEvent !== 'undefined') {
|
|
178
|
+
removeGlobalListener(window, 'pointerup', onTrackUp, false);
|
|
179
|
+
} else {
|
|
180
|
+
removeGlobalListener(window, 'mouseup', onTrackUp, false);
|
|
181
|
+
removeGlobalListener(window, 'touchend', onTrackUp, false);
|
|
182
|
+
}
|
|
169
183
|
}
|
|
170
184
|
};
|
|
171
185
|
|
|
@@ -185,21 +199,23 @@ export function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState
|
|
|
185
199
|
});
|
|
186
200
|
|
|
187
201
|
let trackInteractions = isDisabled ? {} : mergeProps({
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
202
|
+
...(typeof PointerEvent !== 'undefined' ? {
|
|
203
|
+
onPointerDown: (e: React.PointerEvent) => {
|
|
204
|
+
if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {
|
|
205
|
+
return;
|
|
206
|
+
}
|
|
207
|
+
onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);
|
|
208
|
+
}} : {
|
|
209
|
+
onMouseDown: (e: React.MouseEvent) => {
|
|
210
|
+
if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
|
|
211
|
+
return;
|
|
212
|
+
}
|
|
213
|
+
onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);
|
|
214
|
+
},
|
|
215
|
+
onTouchStart: (e: React.TouchEvent) => {
|
|
216
|
+
onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
|
|
217
|
+
}
|
|
218
|
+
})
|
|
203
219
|
}, movePropsContainer);
|
|
204
220
|
|
|
205
221
|
let thumbInteractions = isDisabled ? {} : mergeProps({
|