{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/color/ColorThumb.tsx"],"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 {classNames} from '../utils/classNames';\n\nimport {Color} from 'react-stately/Color';\nimport {DOMProps, RefObject} from '@react-types/shared';\nimport {Overlay} from '../overlays/Overlay';\nimport React, {CSSProperties, JSX, ReactElement, useRef, useState} from 'react';\nimport stylesHandle from '@adobe/spectrum-css-temp/components/colorhandle/vars.css';\nimport stylesLoupe from '@adobe/spectrum-css-temp/components/colorloupe/vars.css';\nimport {useId} from 'react-aria/useId';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProvider} from '../provider/Provider';\n\ninterface ColorThumbProps extends DOMProps {\n value: Color;\n isDisabled?: boolean;\n isDragging?: boolean; // shows the color loupe\n isFocused?: boolean; // makes the circle larger\n className?: string;\n children?: ReactElement;\n style?: CSSProperties;\n containerRef?: RefObject;\n}\n\nfunction ColorThumb(props: ColorThumbProps): JSX.Element {\n let {\n value,\n isDisabled,\n isDragging,\n isFocused,\n children,\n className = '',\n style,\n containerRef,\n ...otherProps\n } = props;\n\n let valueCSS = value.toString('css');\n let loupeRef = useRef(null);\n let provider = useProvider();\n\n return (\n \n \n \n \n \n {children}\n \n );\n}\n\n// ColorLoupe is rendered in a portal so that it breaks out of clipped/scrolling containers (e.g. popovers).\nfunction ColorLoupe({isOpen, valueCSS, containerRef, loupeRef, style}: any) {\n let patternId = useId();\n\n // Get the bounding rectangle of the container (e.g. ColorArea/ColorSlider).\n let [containerRect, setContainerRect] = useState({top: 0, left: 0, width: 0, height: 0});\n useLayoutEffect(() => {\n let rect = containerRef.current?.getBoundingClientRect();\n setContainerRect({\n top: rect?.top || 0,\n left: rect?.left || 0,\n width: rect?.width || 0,\n height: rect?.height || 0\n });\n }, [containerRef]);\n\n // Compute the pixel position of the thumb.\n let thumbTop = style.top || '50%';\n if (typeof thumbTop === 'string' && thumbTop.endsWith('%')) {\n thumbTop = (parseFloat(style.top || '50%') / 100) * containerRect.height;\n } else if (typeof thumbTop === 'string' && thumbTop.endsWith('px')) {\n thumbTop = parseFloat(thumbTop);\n }\n\n let thumbLeft = style.left || '50%';\n if (typeof thumbLeft === 'string' && thumbLeft.endsWith('%')) {\n thumbLeft = (parseFloat(thumbLeft || '50%') / 100) * containerRect.width;\n } else if (typeof thumbLeft === 'string' && thumbLeft.endsWith('px')) {\n thumbLeft = parseFloat(thumbLeft);\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n );\n}\n\nexport {ColorThumb};\n"],"names":[],"version":3,"file":"ColorThumb.mjs.map"}