reanimated-color-picker 1.2.2 → 1.3.1

package/lib/ColorPicker.d.ts

@@ -1,2 +1,2 @@
 import type { ColorPickerProps } from './types';
-export default function ColorPicker({ sliderThickness, thumbSize, thumbShape, thumbColor, value, onChange, onComplete, style, children, }: ColorPickerProps): JSX.Element;
+export default function ColorPicker({ sliderThickness, thumbAnimationDuration, thumbSize, thumbShape, thumbColor, value, onChange, onComplete, style, children, }: ColorPickerProps): JSX.Element;

package/lib/ColorPicker.js

@@ -1,17 +1,23 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { Text, StyleSheet } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { useSharedValue, withTiming } from 'react-native-reanimated';
 import colorKit from './colorKit';
 import { CTX } from './GlobalStyles';
-export default function ColorPicker({ sliderThickness = 25, thumbSize = 35, thumbShape = 'ring', thumbColor, value = '#fff', onChange, onComplete, style = {}, children = <Text>NO CHILDREN</Text>, }) {
+export default function ColorPicker({ sliderThickness = 25, thumbAnimationDuration = 200, thumbSize = 35, thumbShape = 'ring', thumbColor, value = '#fff', onChange, onComplete, style = {}, children = <Text>NO CHILDREN</Text>, }) {
+    const initialColor = useRef(colorKit.HSV(value).object()).current;
     // color's channles values.
-    const hueValue = useSharedValue(0);
-    const saturationValue = useSharedValue(0);
-    const brightnessValue = useSharedValue(0);
-    const alphaValue = useSharedValue(1);
+    const hueValue = useSharedValue(initialColor.h);
+    const saturationValue = useSharedValue(initialColor.s);
+    const brightnessValue = useSharedValue(initialColor.v);
+    const alphaValue = useSharedValue(initialColor.a);
     const returnedResults = (color) => {
-        color = color ?? { h: hueValue.value, s: saturationValue.value, v: brightnessValue.value, a: alphaValue.value };
+        color = color ?? {
+            h: hueValue.value,
+            s: saturationValue.value,
+            v: brightnessValue.value,
+            a: alphaValue.value,
+        };
         return {
             hex: colorKit.HEX(color),
             rgb: colorKit.RGB(color).string(false),
@@ -32,11 +38,10 @@ export default function ColorPicker({ sliderThickness = 25, thumbSize = 35, thum
     };
     const setColor = (color) => {
         const { h, s, v, a } = colorKit.HSV(color).object();
-        const duration = 200;
-        hueValue.value = withTiming(h, { duration });
-        saturationValue.value = withTiming(s, { duration });
-        brightnessValue.value = withTiming(v, { duration });
-        alphaValue.value = withTiming(a, { duration });
+        hueValue.value = withTiming(h, { duration: thumbAnimationDuration });
+        saturationValue.value = withTiming(s, { duration: thumbAnimationDuration });
+        brightnessValue.value = withTiming(v, { duration: thumbAnimationDuration });
+        alphaValue.value = withTiming(a, { duration: thumbAnimationDuration });
     };
     useEffect(() => {
         setColor(value);

package/lib/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../src/ColorPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../src/ColorPicker.tsx"],"names":[],"mappings":"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"}

package/lib/ColorPicker.web.js

@@ -1,2 +1,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ColorPicker;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=require("react-native-reanimated");var _colorKit=_interopRequireDefault(require("./colorKit"));var _GlobalStyles=require("./GlobalStyles");var _jsxFileName="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\ColorPicker.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function ColorPicker(_ref){var _ref$sliderThickness=_ref.sliderThickness,sliderThickness=_ref$sliderThickness===void 0?25:_ref$sliderThickness,_ref$thumbSize=_ref.thumbSize,thumbSize=_ref$thumbSize===void 0?35:_ref$thumbSize,_ref$thumbShape=_ref.thumbShape,thumbShape=_ref$thumbShape===void 0?'ring':_ref$thumbShape,thumbColor=_ref.thumbColor,_ref$value=_ref.value,value=_ref$value===void 0?'#fff':_ref$value,onChange=_ref.onChange,onComplete=_ref.onComplete,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,_ref$children=_ref.children,children=_ref$children===void 0?_react.default.createElement(_reactNative.Text,{__self:this,__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:171}},"NO CHILDREN"):_ref$children;var hueValue=(0,_reactNativeReanimated.useSharedValue)(0);var saturationValue=(0,_reactNativeReanimated.useSharedValue)(0);var brightnessValue=(0,_reactNativeReanimated.useSharedValue)(0);var alphaValue=(0,_reactNativeReanimated.useSharedValue)(1);var returnedResults=function returnedResults(color){var _color;color=(_color=color)!=null?_color:{h:hueValue.value,s:saturationValue.value,v:brightnessValue.value,a:alphaValue.value};return{hex:_colorKit.default.HEX(color),rgb:_colorKit.default.RGB(color).string(false),rgba:_colorKit.default.RGB(color).string(true),hsl:_colorKit.default.HSL(color).string(false),hsla:_colorKit.default.HSL(color).string(true),hsv:_colorKit.default.HSV(color).string(false),hsva:_colorKit.default.HSV(color).string(true),hwb:_colorKit.default.HWB(color).string(false),hwba:_colorKit.default.HWB(color).string(true)};};var onGestureEnd=function onGestureEnd(color){onComplete==null?void 0:onComplete(returnedResults(color));};var onGestureChange=function onGestureChange(color){onChange==null?void 0:onChange(returnedResults(color));};var setColor=function setColor(color){var _colorKit$HSV$object=_colorKit.default.HSV(color).object(),h=_colorKit$HSV$object.h,s=_colorKit$HSV$object.s,v=_colorKit$HSV$object.v,a=_colorKit$HSV$object.a;var duration=200;hueValue.value=(0,_reactNativeReanimated.withTiming)(h,{duration:duration});saturationValue.value=(0,_reactNativeReanimated.withTiming)(s,{duration:duration});brightnessValue.value=(0,_reactNativeReanimated.withTiming)(v,{duration:duration});alphaValue.value=(0,_reactNativeReanimated.withTiming)(a,{duration:duration});};(0,_react.useEffect)(function(){setColor(value);},[value]);var ctxValue={hueValue:hueValue,saturationValue:saturationValue,brightnessValue:brightnessValue,alphaValue:alphaValue,sliderThickness:sliderThickness,thumbSize:thumbSize,thumbShape:thumbShape,thumbColor:thumbColor,value:value,setColor:setColor,returnedResults:returnedResults,onGestureEnd:onGestureEnd,onGestureChange:onGestureChange};return _react.default.createElement(_reactNativeGestureHandler.GestureHandlerRootView,{style:[styles.wrapper,style],__self:this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:13}},_react.default.createElement(_GlobalStyles.CTX.Provider,{value:ctxValue,__self:this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:7}},children));}var styles=_reactNative.StyleSheet.create({wrapper:{flexDirection:'column',justifyContent:'space-evenly',alignSelf:'center',flex:1}});
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ColorPicker;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=require("react-native-reanimated");var _colorKit=_interopRequireDefault(require("./colorKit"));var _GlobalStyles=require("./GlobalStyles");var _jsxFileName="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\ColorPicker.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function ColorPicker(_ref){var _ref$sliderThickness=_ref.sliderThickness,sliderThickness=_ref$sliderThickness===void 0?25:_ref$sliderThickness,_ref$thumbAnimationDu=_ref.thumbAnimationDuration,thumbAnimationDuration=_ref$thumbAnimationDu===void 0?200:_ref$thumbAnimationDu,_ref$thumbSize=_ref.thumbSize,thumbSize=_ref$thumbSize===void 0?35:_ref$thumbSize,_ref$thumbShape=_ref.thumbShape,thumbShape=_ref$thumbShape===void 0?'ring':_ref$thumbShape,thumbColor=_ref.thumbColor,_ref$value=_ref.value,value=_ref$value===void 0?'#fff':_ref$value,onChange=_ref.onChange,onComplete=_ref.onComplete,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,_ref$children=_ref.children,children=_ref$children===void 0?_react.default.createElement(_reactNative.Text,{__self:this,__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:201}},"NO CHILDREN"):_ref$children;var initialColor=(0,_react.useRef)(_colorKit.default.HSV(value).object()).current;var hueValue=(0,_reactNativeReanimated.useSharedValue)(initialColor.h);var saturationValue=(0,_reactNativeReanimated.useSharedValue)(initialColor.s);var brightnessValue=(0,_reactNativeReanimated.useSharedValue)(initialColor.v);var alphaValue=(0,_reactNativeReanimated.useSharedValue)(initialColor.a);var returnedResults=function returnedResults(color){var _color;color=(_color=color)!=null?_color:{h:hueValue.value,s:saturationValue.value,v:brightnessValue.value,a:alphaValue.value};return{hex:_colorKit.default.HEX(color),rgb:_colorKit.default.RGB(color).string(false),rgba:_colorKit.default.RGB(color).string(true),hsl:_colorKit.default.HSL(color).string(false),hsla:_colorKit.default.HSL(color).string(true),hsv:_colorKit.default.HSV(color).string(false),hsva:_colorKit.default.HSV(color).string(true),hwb:_colorKit.default.HWB(color).string(false),hwba:_colorKit.default.HWB(color).string(true)};};var onGestureEnd=function onGestureEnd(color){onComplete==null?void 0:onComplete(returnedResults(color));};var onGestureChange=function onGestureChange(color){onChange==null?void 0:onChange(returnedResults(color));};var setColor=function setColor(color){var _colorKit$HSV$object=_colorKit.default.HSV(color).object(),h=_colorKit$HSV$object.h,s=_colorKit$HSV$object.s,v=_colorKit$HSV$object.v,a=_colorKit$HSV$object.a;hueValue.value=(0,_reactNativeReanimated.withTiming)(h,{duration:thumbAnimationDuration});saturationValue.value=(0,_reactNativeReanimated.withTiming)(s,{duration:thumbAnimationDuration});brightnessValue.value=(0,_reactNativeReanimated.withTiming)(v,{duration:thumbAnimationDuration});alphaValue.value=(0,_reactNativeReanimated.withTiming)(a,{duration:thumbAnimationDuration});};(0,_react.useEffect)(function(){setColor(value);},[value]);var ctxValue={hueValue:hueValue,saturationValue:saturationValue,brightnessValue:brightnessValue,alphaValue:alphaValue,sliderThickness:sliderThickness,thumbSize:thumbSize,thumbShape:thumbShape,thumbColor:thumbColor,value:value,setColor:setColor,returnedResults:returnedResults,onGestureEnd:onGestureEnd,onGestureChange:onGestureChange};return _react.default.createElement(_reactNativeGestureHandler.GestureHandlerRootView,{style:[styles.wrapper,style],__self:this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:13}},_react.default.createElement(_GlobalStyles.CTX.Provider,{value:ctxValue,__self:this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:7}},children));}var styles=_reactNative.StyleSheet.create({wrapper:{flexDirection:'column',justifyContent:'space-evenly',alignSelf:'center',flex:1}});
 //# sourceMappingURL=ColorPicker.web.js.map

package/lib/ColorPicker.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.web.js","mappings":"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","names":["ColorPicker","sliderThickness","thumbSize","thumbShape","thumbColor","value","onChange","onComplete","style","children","hueValue","saturationValue","brightnessValue","alphaValue","returnedResults","color","h","s","v","a","hex","colorKit","HEX","rgb","RGB","string","rgba","hsl","HSL","hsla","hsv","HSV","hsva","hwb","HWB","hwba","onGestureEnd","onGestureChange","setColor","object","duration","ctxValue","styles","wrapper","StyleSheet","create","flexDirection","justifyContent","alignSelf","flex"],"sourceRoot":"","sources":["../src/ColorPicker.tsx"],"sourcesContent":[null]}
+{"version":3,"file":"ColorPicker.web.js","mappings":"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","names":["ColorPicker","sliderThickness","thumbAnimationDuration","thumbSize","thumbShape","thumbColor","value","onChange","onComplete","style","children","initialColor","colorKit","HSV","object","current","hueValue","h","saturationValue","s","brightnessValue","v","alphaValue","a","returnedResults","color","hex","HEX","rgb","RGB","string","rgba","hsl","HSL","hsla","hsv","hsva","hwb","HWB","hwba","onGestureEnd","onGestureChange","setColor","duration","ctxValue","styles","wrapper","StyleSheet","create","flexDirection","justifyContent","alignSelf","flex"],"sourceRoot":"","sources":["../src/ColorPicker.tsx"],"sourcesContent":[null]}

package/lib/components/BrightnessSlider.js

@@ -1,7 +1,7 @@
-import React, { useState, useContext, useCallback } from 'react';
-import { I18nManager, Image } from 'react-native';
+import React, { useContext } from 'react';
+import { I18nManager } from 'react-native';
 import { PanGestureHandler } from 'react-native-gesture-handler';
-import Animated, { runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming, } from 'react-native-reanimated';
+import Animated, { runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
 import { CTX, getStyle } from '../GlobalStyles';
 import Thumb from './Thumbs';
 const isRtl = I18nManager.isRTL;
@@ -13,22 +13,15 @@ export function BrightnessSlider({ thumbShape, thumbSize, thumbColor, style = {}
     const borderRadius = getStyle(style, 'borderRadius') ?? 5;
     const getWidth = getStyle(style, 'width');
     const getHeight = getStyle(style, 'height');
-    const [width, setWidth] = useState(typeof getWidth === 'number' ? getWidth : sliderThickness);
-    const [height, setHeight] = useState(typeof getHeight === 'number' ? getHeight : sliderThickness);
+    const width = useSharedValue(vertical ? sliderThickness : typeof getWidth === 'number' ? getWidth : 0);
+    const height = useSharedValue(!vertical ? sliderThickness : typeof getHeight === 'number' ? getHeight : 0);
     const handleScale = useSharedValue(1);
-    const handlePos = useDerivedValue(() => {
-        const length = vertical ? height : width;
-        const percent = (brightnessValue.value / 100) * length;
-        const pos = (reverse ? length - percent : percent) - thumb_size / 2;
-        return pos;
-    }, [height, width, thumbSize, vertical, reverse]);
-    const handleStyle = useAnimatedStyle(() => ({
-        transform: [
-            { translateY: vertical ? handlePos.value : height / 2 - thumb_size / 2 },
-            { translateX: vertical ? width / 2 - thumb_size / 2 : handlePos.value },
-            { scale: handleScale.value },
-        ],
-    }));
+    const handleStyle = useAnimatedStyle(() => {
+        const length = vertical ? height.value : width.value, percent = (brightnessValue.value / 100) * length, pos = (reverse ? length - percent : percent) - thumb_size / 2, posY = vertical ? pos : height.value / 2 - thumb_size / 2, posX = vertical ? width.value / 2 - thumb_size / 2 : pos;
+        return {
+            transform: [{ translateY: posY }, { translateX: posX }, { scale: handleScale.value }],
+        };
+    }, [thumbSize, vertical, reverse]);
     const activeHueStyle = useAnimatedStyle(() => ({ backgroundColor: `hsl(${hueValue.value}, 100%, 50%)` }));
     const gestureEvent = useAnimatedGestureHandler({
         onStart: (event, ctx) => {
@@ -38,7 +31,7 @@ export function BrightnessSlider({ thumbShape, thumbSize, thumbColor, style = {}
         },
         onActive: (event, ctx) => {
             const clamp = (v, max) => Math.min(Math.max(v, 0), max);
-            const x = event.translationX, y = event.translationY, posX = clamp(x + ctx.x, width), posY = clamp(y + ctx.y, height), percentX = posX / width, percentY = posY / height, brightnessX = reverse ? 100 - Math.round(percentX * 100) : Math.round(percentX * 100), brightnessY = reverse ? 100 - Math.round(percentY * 100) : Math.round(percentY * 100);
+            const x = event.translationX, y = event.translationY, posX = clamp(x + ctx.x, width.value), posY = clamp(y + ctx.y, height.value), percentX = posX / width.value, percentY = posY / height.value, brightnessX = reverse ? 100 - Math.round(percentX * 100) : Math.round(percentX * 100), brightnessY = reverse ? 100 - Math.round(percentY * 100) : Math.round(percentY * 100);
             brightnessValue.value = vertical ? brightnessY : brightnessX;
             runOnJS(onGestureChange)();
         },
@@ -46,33 +39,31 @@ export function BrightnessSlider({ thumbShape, thumbSize, thumbColor, style = {}
             handleScale.value = withTiming(1, { duration: 100 });
             runOnJS(onGestureEnd)();
         },
-    }, [height, width, thumbSize, vertical, reverse]);
-    const onLayout = useCallback(({ nativeEvent: { layout } }) => {
-        setWidth(Math.round(layout.width));
-        setHeight(Math.round(layout.height));
-    }, []);
-    const imageRotate = vertical ? (reverse ? '270deg' : '90deg') : reverse ? '180deg' : '0deg';
-    const imageTranslateY = (reverse && isRtl) || (!reverse && !isRtl) ? height / 2 - width / 2 : -height / 2 + width / 2;
-    const imageStyle = typeof height === 'number' &&
-        typeof width === 'number' && {
-        width: vertical ? height : width,
-        height: vertical ? width : height,
-        borderRadius,
-        transform: [
-            { rotate: imageRotate },
-            { translateX: vertical ? (reverse ? -height / 2 + width / 2 : height / 2 - width / 2) : 0 },
-            { translateY: vertical ? imageTranslateY : 0 },
-        ],
+    }, [thumbSize, vertical, reverse]);
+    const onLayout = ({ nativeEvent: { layout } }) => {
+        if (!vertical)
+            width.value = withTiming(Math.round(layout.width), { duration: 5 });
+        if (vertical)
+            height.value = withTiming(Math.round(layout.height), { duration: 5 });
     };
+    const imageStyle = useAnimatedStyle(() => {
+        const imageRotate = vertical ? (reverse ? '270deg' : '90deg') : reverse ? '180deg' : '0deg';
+        const imageTranslateY = (reverse && isRtl) || (!reverse && !isRtl) ? height.value / 2 - width.value / 2 : -height.value / 2 + width.value / 2;
+        return {
+            width: vertical ? height.value : width.value,
+            height: vertical ? width.value : height.value,
+            borderRadius,
+            transform: [
+                { rotate: imageRotate },
+                { translateX: vertical ? (reverse ? -height.value / 2 + width.value / 2 : height.value / 2 - width.value / 2) : 0 },
+                { translateY: vertical ? imageTranslateY : 0 },
+            ],
+        };
+    }, [vertical, reverse, sliderThickness]);
+    const thicknessStyle = vertical ? { width: sliderThickness } : { height: sliderThickness };
     return (<PanGestureHandler onGestureEvent={gestureEvent} minDist={0}>
-      <Animated.View onLayout={onLayout} style={[
-            { borderRadius },
-            vertical ? { width } : { height },
-            style,
-            { position: 'relative', borderWidth: 0, padding: 0 },
-            activeHueStyle,
-        ]}>
-        <Image source={require('../assets/Brightness.png')} style={imageStyle}/>
+      <Animated.View onLayout={onLayout} style={[{ borderRadius }, style, { position: 'relative', borderWidth: 0, padding: 0 }, thicknessStyle, activeHueStyle]}>
+        <Animated.Image source={require('../assets/Brightness.png')} style={imageStyle}/>
         <Thumb {...{ channel: 'v', thumbShape, thumbSize: thumb_size, thumbColor: thumb_color, handleStyle, vertical }}/>
       </Animated.View>
     </PanGestureHandler>);

package/lib/components/BrightnessSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrightnessSlider.js","sourceRoot":"","sources":["../../src/components/BrightnessSlider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BrightnessSlider.js","sourceRoot":"","sources":["../../src/components/BrightnessSlider.tsx"],"names":[],"mappings":"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"}

package/lib/components/BrightnessSlider.web.js

@@ -1,2 +1,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BrightnessSlider=BrightnessSlider;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _GlobalStyles=require("../GlobalStyles");var _Thumbs=_interopRequireDefault(require("./Thumbs"));var _jsxFileName="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var isRtl=_reactNative.I18nManager.isRTL;function BrightnessSlider(_ref){var _thumbShape,_getStyle;var thumbShape=_ref.thumbShape,thumbSize=_ref.thumbSize,thumbColor=_ref.thumbColor,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,_ref$vertical=_ref.vertical,vertical=_ref$vertical===void 0?false:_ref$vertical,_ref$reverse=_ref.reverse,reverse=_ref$reverse===void 0?false:_ref$reverse;var _useContext=(0,_react.useContext)(_GlobalStyles.CTX),brightnessValue=_useContext.brightnessValue,hueValue=_useContext.hueValue,onGestureChange=_useContext.onGestureChange,onGestureEnd=_useContext.onGestureEnd,sliderThickness=_useContext.sliderThickness,thumbsSize=_useContext.thumbSize,thumbsShape=_useContext.thumbShape,thumbsColor=_useContext.thumbColor;thumbShape=(_thumbShape=thumbShape)!=null?_thumbShape:thumbsShape;var thumb_size=thumbSize!=null?thumbSize:thumbsSize;var thumb_color=thumbColor!=null?thumbColor:thumbsColor;var borderRadius=(_getStyle=(0,_GlobalStyles.getStyle)(style,'borderRadius'))!=null?_getStyle:5;var getWidth=(0,_GlobalStyles.getStyle)(style,'width');var getHeight=(0,_GlobalStyles.getStyle)(style,'height');var _useState=(0,_react.useState)(typeof getWidth==='number'?getWidth:sliderThickness),_useState2=(0,_slicedToArray2.default)(_useState,2),width=_useState2[0],setWidth=_useState2[1];var _useState3=(0,_react.useState)(typeof getHeight==='number'?getHeight:sliderThickness),_useState4=(0,_slicedToArray2.default)(_useState3,2),height=_useState4[0],setHeight=_useState4[1];var handleScale=(0,_reactNativeReanimated.useSharedValue)(1);var handlePos=(0,_reactNativeReanimated.useDerivedValue)(function(){var _f=function _f(){var length=vertical?height:width;var percent=brightnessValue.value/100*length;var pos=(reverse?length-percent:percent)-thumb_size/2;return pos;};_f._closure={vertical:vertical,height:height,width:width,brightnessValue:brightnessValue,reverse:reverse,thumb_size:thumb_size};_f.asString="function _f(){const{vertical,height,width,brightnessValue,reverse,thumb_size}=jsThis._closure;{const length=vertical?height:width;const percent=brightnessValue.value/100*length;const pos=(reverse?length-percent:percent)-thumb_size/2;return pos;}}";_f.__workletHash=10469689501843;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (19:38)";return _f;}(),[height,width,thumbSize,vertical,reverse]);var handleStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){return{transform:[{translateY:vertical?handlePos.value:height/2-thumb_size/2},{translateX:vertical?width/2-thumb_size/2:handlePos.value},{scale:handleScale.value}]};};_f._closure={vertical:vertical,handlePos:handlePos,height:height,thumb_size:thumb_size,width:width,handleScale:handleScale};_f.asString="function _f(){const{vertical,handlePos,height,thumb_size,width,handleScale}=jsThis._closure;{return{transform:[{translateY:vertical?handlePos.value:height/2-thumb_size/2},{translateX:vertical?width/2-thumb_size/2:handlePos.value},{scale:handleScale.value}]};}}";_f.__workletHash=13633235797636;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (25:41)";_f.__optimalization=3;return _f;}());var activeHueStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){return{backgroundColor:"hsl("+hueValue.value+", 100%, 50%)"};};_f._closure={hueValue:hueValue};_f.asString="function _f(){const{hueValue}=jsThis._closure;{return{backgroundColor:\"hsl(\"+hueValue.value+\", 100%, 50%)\"};}}";_f.__workletHash=6857493922654;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (32:44)";_f.__optimalization=3;return _f;}());var gestureEvent=(0,_reactNativeReanimated.useAnimatedGestureHandler)({onStart:function(){var _f=function _f(event,ctx){ctx.x=event.x;ctx.y=event.y;handleScale.value=(0,_reactNativeReanimated.withTiming)(1.2,{duration:100});};_f._closure={handleScale:handleScale,withTiming:_reactNativeReanimated.withTiming};_f.asString="function _f(event,ctx){const{handleScale,withTiming}=jsThis._closure;{ctx.x=event.x;ctx.y=event.y;handleScale.value=withTiming(1.2,{duration:100});}}";_f.__workletHash=16915922246164;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (34:17)";return _f;}(),onActive:function(){var _f=function _f(event,ctx){var clamp=function clamp(v,max){return Math.min(Math.max(v,0),max);};var x=event.translationX,y=event.translationY,posX=clamp(x+ctx.x,width),posY=clamp(y+ctx.y,height),percentX=posX/width,percentY=posY/height,brightnessX=reverse?100-Math.round(percentX*100):Math.round(percentX*100),brightnessY=reverse?100-Math.round(percentY*100):Math.round(percentY*100);brightnessValue.value=vertical?brightnessY:brightnessX;(0,_reactNativeReanimated.runOnJS)(onGestureChange)();};_f._closure={width:width,height:height,reverse:reverse,brightnessValue:brightnessValue,vertical:vertical,runOnJS:_reactNativeReanimated.runOnJS,onGestureChange:onGestureChange};_f.asString="function _f(event,ctx){const{width,height,reverse,brightnessValue,vertical,runOnJS,onGestureChange}=jsThis._closure;{const clamp=function(v,max){return Math.min(Math.max(v,0),max);};const x=event.translationX,y=event.translationY,posX=clamp(x+ctx.x,width),posY=clamp(y+ctx.y,height),percentX=posX/width,percentY=posY/height,brightnessX=reverse?100-Math.round(percentX*100):Math.round(percentX*100),brightnessY=reverse?100-Math.round(percentY*100):Math.round(percentY*100);brightnessValue.value=vertical?brightnessY:brightnessX;runOnJS(onGestureChange)();}}";_f.__workletHash=8727116272633;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (39:18)";return _f;}(),onFinish:function(){var _f=function _f(){handleScale.value=(0,_reactNativeReanimated.withTiming)(1,{duration:100});(0,_reactNativeReanimated.runOnJS)(onGestureEnd)();};_f._closure={handleScale:handleScale,withTiming:_reactNativeReanimated.withTiming,runOnJS:_reactNativeReanimated.runOnJS,onGestureEnd:onGestureEnd};_f.asString="function _f(){const{handleScale,withTiming,runOnJS,onGestureEnd}=jsThis._closure;{handleScale.value=withTiming(1,{duration:100});runOnJS(onGestureEnd)();}}";_f.__workletHash=6379049506140;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (45:18)";return _f;}()},[height,width,thumbSize,vertical,reverse]);var onLayout=(0,_react.useCallback)(function(_ref2){var layout=_ref2.nativeEvent.layout;setWidth(Math.round(layout.width));setHeight(Math.round(layout.height));},[]);var imageRotate=vertical?reverse?'270deg':'90deg':reverse?'180deg':'0deg';var imageTranslateY=reverse&&isRtl||!reverse&&!isRtl?height/2-width/2:-height/2+width/2;var imageStyle=typeof height==='number'&&typeof width==='number'&&{width:vertical?height:width,height:vertical?width:height,borderRadius:borderRadius,transform:[{rotate:imageRotate},{translateX:vertical?reverse?-height/2+width/2:height/2-width/2:0},{translateY:vertical?imageTranslateY:0}]};return _react.default.createElement(_reactNativeGestureHandler.PanGestureHandler,{onGestureEvent:gestureEvent,minDist:0,__self:this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:13}},_react.default.createElement(_reactNativeReanimated.default.View,{onLayout:onLayout,style:[{borderRadius:borderRadius},vertical?{width:width}:{height:height},style,{position:'relative',borderWidth:0,padding:0},activeHueStyle],__self:this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:7}},_react.default.createElement(_reactNative.Image,{source:require('../assets/Brightness.png'),style:imageStyle,__self:this,__source:{fileName:_jsxFileName,lineNumber:75,columnNumber:9}}),_react.default.createElement(_Thumbs.default,{channel:'v',thumbShape:thumbShape,thumbSize:thumb_size,thumbColor:thumb_color,handleStyle:handleStyle,vertical:vertical,__self:this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:9}})));}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BrightnessSlider=BrightnessSlider;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _GlobalStyles=require("../GlobalStyles");var _Thumbs=_interopRequireDefault(require("./Thumbs"));var _jsxFileName="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var isRtl=_reactNative.I18nManager.isRTL;function BrightnessSlider(_ref){var _thumbShape,_getStyle;var thumbShape=_ref.thumbShape,thumbSize=_ref.thumbSize,thumbColor=_ref.thumbColor,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,_ref$vertical=_ref.vertical,vertical=_ref$vertical===void 0?false:_ref$vertical,_ref$reverse=_ref.reverse,reverse=_ref$reverse===void 0?false:_ref$reverse;var _useContext=(0,_react.useContext)(_GlobalStyles.CTX),brightnessValue=_useContext.brightnessValue,hueValue=_useContext.hueValue,onGestureChange=_useContext.onGestureChange,onGestureEnd=_useContext.onGestureEnd,sliderThickness=_useContext.sliderThickness,thumbsSize=_useContext.thumbSize,thumbsShape=_useContext.thumbShape,thumbsColor=_useContext.thumbColor;thumbShape=(_thumbShape=thumbShape)!=null?_thumbShape:thumbsShape;var thumb_size=thumbSize!=null?thumbSize:thumbsSize;var thumb_color=thumbColor!=null?thumbColor:thumbsColor;var borderRadius=(_getStyle=(0,_GlobalStyles.getStyle)(style,'borderRadius'))!=null?_getStyle:5;var getWidth=(0,_GlobalStyles.getStyle)(style,'width');var getHeight=(0,_GlobalStyles.getStyle)(style,'height');var width=(0,_reactNativeReanimated.useSharedValue)(vertical?sliderThickness:typeof getWidth==='number'?getWidth:0);var height=(0,_reactNativeReanimated.useSharedValue)(!vertical?sliderThickness:typeof getHeight==='number'?getHeight:0);var handleScale=(0,_reactNativeReanimated.useSharedValue)(1);var handleStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){var length=vertical?height.value:width.value,percent=brightnessValue.value/100*length,pos=(reverse?length-percent:percent)-thumb_size/2,posY=vertical?pos:height.value/2-thumb_size/2,posX=vertical?width.value/2-thumb_size/2:pos;return{transform:[{translateY:posY},{translateX:posX},{scale:handleScale.value}]};};_f._closure={vertical:vertical,height:height,width:width,brightnessValue:brightnessValue,reverse:reverse,thumb_size:thumb_size,handleScale:handleScale};_f.asString="function _f(){const{vertical,height,width,brightnessValue,reverse,thumb_size,handleScale}=jsThis._closure;{const length=vertical?height.value:width.value,percent=brightnessValue.value/100*length,pos=(reverse?length-percent:percent)-thumb_size/2,posY=vertical?pos:height.value/2-thumb_size/2,posX=vertical?width.value/2-thumb_size/2:pos;return{transform:[{translateY:posY},{translateX:posX},{scale:handleScale.value}]};}}";_f.__workletHash=16258995118076;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (19:41)";_f.__optimalization=3;return _f;}(),[thumbSize,vertical,reverse]);var activeHueStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){return{backgroundColor:"hsl("+hueValue.value+", 100%, 50%)"};};_f._closure={hueValue:hueValue};_f.asString="function _f(){const{hueValue}=jsThis._closure;{return{backgroundColor:\"hsl(\"+hueValue.value+\", 100%, 50%)\"};}}";_f.__workletHash=6857493922654;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (25:44)";_f.__optimalization=3;return _f;}());var gestureEvent=(0,_reactNativeReanimated.useAnimatedGestureHandler)({onStart:function(){var _f=function _f(event,ctx){ctx.x=event.x;ctx.y=event.y;handleScale.value=(0,_reactNativeReanimated.withTiming)(1.2,{duration:100});};_f._closure={handleScale:handleScale,withTiming:_reactNativeReanimated.withTiming};_f.asString="function _f(event,ctx){const{handleScale,withTiming}=jsThis._closure;{ctx.x=event.x;ctx.y=event.y;handleScale.value=withTiming(1.2,{duration:100});}}";_f.__workletHash=16915922246164;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (27:17)";return _f;}(),onActive:function(){var _f=function _f(event,ctx){var clamp=function clamp(v,max){return Math.min(Math.max(v,0),max);};var x=event.translationX,y=event.translationY,posX=clamp(x+ctx.x,width.value),posY=clamp(y+ctx.y,height.value),percentX=posX/width.value,percentY=posY/height.value,brightnessX=reverse?100-Math.round(percentX*100):Math.round(percentX*100),brightnessY=reverse?100-Math.round(percentY*100):Math.round(percentY*100);brightnessValue.value=vertical?brightnessY:brightnessX;(0,_reactNativeReanimated.runOnJS)(onGestureChange)();};_f._closure={width:width,height:height,reverse:reverse,brightnessValue:brightnessValue,vertical:vertical,runOnJS:_reactNativeReanimated.runOnJS,onGestureChange:onGestureChange};_f.asString="function _f(event,ctx){const{width,height,reverse,brightnessValue,vertical,runOnJS,onGestureChange}=jsThis._closure;{const clamp=function(v,max){return Math.min(Math.max(v,0),max);};const x=event.translationX,y=event.translationY,posX=clamp(x+ctx.x,width.value),posY=clamp(y+ctx.y,height.value),percentX=posX/width.value,percentY=posY/height.value,brightnessX=reverse?100-Math.round(percentX*100):Math.round(percentX*100),brightnessY=reverse?100-Math.round(percentY*100):Math.round(percentY*100);brightnessValue.value=vertical?brightnessY:brightnessX;runOnJS(onGestureChange)();}}";_f.__workletHash=10171237237625;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (32:18)";return _f;}(),onFinish:function(){var _f=function _f(){handleScale.value=(0,_reactNativeReanimated.withTiming)(1,{duration:100});(0,_reactNativeReanimated.runOnJS)(onGestureEnd)();};_f._closure={handleScale:handleScale,withTiming:_reactNativeReanimated.withTiming,runOnJS:_reactNativeReanimated.runOnJS,onGestureEnd:onGestureEnd};_f.asString="function _f(){const{handleScale,withTiming,runOnJS,onGestureEnd}=jsThis._closure;{handleScale.value=withTiming(1,{duration:100});runOnJS(onGestureEnd)();}}";_f.__workletHash=6379049506140;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (38:18)";return _f;}()},[thumbSize,vertical,reverse]);var onLayout=function onLayout(_ref2){var layout=_ref2.nativeEvent.layout;if(!vertical)width.value=(0,_reactNativeReanimated.withTiming)(Math.round(layout.width),{duration:5});if(vertical)height.value=(0,_reactNativeReanimated.withTiming)(Math.round(layout.height),{duration:5});};var imageStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){var imageRotate=vertical?reverse?'270deg':'90deg':reverse?'180deg':'0deg';var imageTranslateY=reverse&&isRtl||!reverse&&!isRtl?height.value/2-width.value/2:-height.value/2+width.value/2;return{width:vertical?height.value:width.value,height:vertical?width.value:height.value,borderRadius:borderRadius,transform:[{rotate:imageRotate},{translateX:vertical?reverse?-height.value/2+width.value/2:height.value/2-width.value/2:0},{translateY:vertical?imageTranslateY:0}]};};_f._closure={vertical:vertical,reverse:reverse,isRtl:isRtl,height:height,width:width,borderRadius:borderRadius};_f.asString="function _f(){const{vertical,reverse,isRtl,height,width,borderRadius}=jsThis._closure;{const imageRotate=vertical?reverse?'270deg':'90deg':reverse?'180deg':'0deg';const imageTranslateY=reverse&&isRtl||!reverse&&!isRtl?height.value/2-width.value/2:-height.value/2+width.value/2;return{width:vertical?height.value:width.value,height:vertical?width.value:height.value,borderRadius:borderRadius,transform:[{rotate:imageRotate},{translateX:vertical?reverse?-height.value/2+width.value/2:height.value/2-width.value/2:0},{translateY:vertical?imageTranslateY:0}]};}}";_f.__workletHash=4469555443498;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\BrightnessSlider.js (49:40)";_f.__optimalization=3;return _f;}(),[vertical,reverse,sliderThickness]);var thicknessStyle=vertical?{width:sliderThickness}:{height:sliderThickness};return _react.default.createElement(_reactNativeGestureHandler.PanGestureHandler,{onGestureEvent:gestureEvent,minDist:0,__self:this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:13}},_react.default.createElement(_reactNativeReanimated.default.View,{onLayout:onLayout,style:[{borderRadius:borderRadius},style,{position:'relative',borderWidth:0,padding:0},thicknessStyle,activeHueStyle],__self:this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:7}},_react.default.createElement(_reactNativeReanimated.default.Image,{source:require('../assets/Brightness.png'),style:imageStyle,__self:this,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:9}}),_react.default.createElement(_Thumbs.default,{channel:'v',thumbShape:thumbShape,thumbSize:thumb_size,thumbColor:thumb_color,handleStyle:handleStyle,vertical:vertical,__self:this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:9}})));}
 //# sourceMappingURL=BrightnessSlider.web.js.map

package/lib/components/BrightnessSlider.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrightnessSlider.web.js","mappings":"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","names":["isRtl","I18nManager","isRTL","BrightnessSlider","thumbShape","thumbSize","thumbColor","style","vertical","reverse","CTX","brightnessValue","hueValue","onGestureChange","onGestureEnd","sliderThickness","thumbsSize","thumbsShape","thumbsColor","thumb_size","thumb_color","borderRadius","getWidth","getHeight","width","setWidth","height","setHeight","handleScale","handlePos","length","percent","value","pos","handleStyle","transform","translateY","translateX","scale","activeHueStyle","backgroundColor","gestureEvent","onStart","event","ctx","x","y","duration","withTiming","onActive","clamp","v","max","Math","min","translationX","translationY","posX","posY","percentX","percentY","brightnessX","round","brightnessY","onFinish","runOnJS","onLayout","layout","nativeEvent","imageRotate","imageTranslateY","imageStyle","rotate","position","borderWidth","padding","require","channel"],"sourceRoot":"","sources":["../../src/components/BrightnessSlider.tsx"],"sourcesContent":[null]}
+{"version":3,"file":"BrightnessSlider.web.js","mappings":"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","names":["isRtl","I18nManager","isRTL","BrightnessSlider","thumbShape","thumbSize","thumbColor","style","vertical","reverse","CTX","brightnessValue","hueValue","onGestureChange","onGestureEnd","sliderThickness","thumbsSize","thumbsShape","thumbsColor","thumb_size","thumb_color","borderRadius","getWidth","getHeight","width","height","handleScale","handleStyle","length","value","percent","pos","posY","posX","transform","translateY","translateX","scale","activeHueStyle","backgroundColor","gestureEvent","onStart","event","ctx","x","y","duration","withTiming","onActive","clamp","v","max","Math","min","translationX","translationY","percentX","percentY","brightnessX","round","brightnessY","onFinish","runOnJS","onLayout","layout","nativeEvent","imageStyle","imageRotate","imageTranslateY","rotate","thicknessStyle","position","borderWidth","padding","require","channel"],"sourceRoot":"","sources":["../../src/components/BrightnessSlider.tsx"],"sourcesContent":[null]}

package/lib/components/HueSlider.js

@@ -1,7 +1,7 @@
-import React, { useState, useContext, useCallback } from 'react';
-import { I18nManager, Image } from 'react-native';
+import React, { useContext } from 'react';
+import { I18nManager } from 'react-native';
 import { PanGestureHandler } from 'react-native-gesture-handler';
-import Animated, { runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming, } from 'react-native-reanimated';
+import Animated, { runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
 import { CTX, getStyle } from '../GlobalStyles';
 import Thumb from './Thumbs';
 const isRtl = I18nManager.isRTL;
@@ -13,22 +13,15 @@ export function HueSlider({ thumbShape, thumbSize, thumbColor, style = {}, verti
     const borderRadius = getStyle(style, 'borderRadius') ?? 5;
     const getWidth = getStyle(style, 'width');
     const getHeight = getStyle(style, 'height');
-    const [width, setWidth] = useState(typeof getWidth === 'number' ? getWidth : sliderThickness);
-    const [height, setHeight] = useState(typeof getHeight === 'number' ? getHeight : sliderThickness);
+    const width = useSharedValue(vertical ? sliderThickness : typeof getWidth === 'number' ? getWidth : 0);
+    const height = useSharedValue(!vertical ? sliderThickness : typeof getHeight === 'number' ? getHeight : 0);
     const handleScale = useSharedValue(1);
-    const handlePos = useDerivedValue(() => {
-        const length = vertical ? height : width;
-        const percent = (hueValue.value / 360) * length;
-        const pos = (reverse ? length - percent : percent) - thumb_size / 2;
-        return pos;
-    }, [height, width, thumbSize, vertical, reverse]);
-    const handleStyle = useAnimatedStyle(() => ({
-        transform: [
-            { translateY: vertical ? handlePos.value : height / 2 - thumb_size / 2 },
-            { translateX: vertical ? width / 2 - thumb_size / 2 : handlePos.value },
-            { scale: handleScale.value },
-        ],
-    }));
+    const handleStyle = useAnimatedStyle(() => {
+        const length = vertical ? height.value : width.value, percent = (hueValue.value / 360) * length, pos = (reverse ? length - percent : percent) - thumb_size / 2, posY = vertical ? pos : height.value / 2 - thumb_size / 2, posX = vertical ? width.value / 2 - thumb_size / 2 : pos;
+        return {
+            transform: [{ translateY: posY }, { translateX: posX }, { scale: handleScale.value }],
+        };
+    }, [thumbSize, vertical, reverse]);
     const gestureEvent = useAnimatedGestureHandler({
         onStart: (event, ctx) => {
             ctx.x = event.x;
@@ -37,7 +30,7 @@ export function HueSlider({ thumbShape, thumbSize, thumbColor, style = {}, verti
         },
         onActive: (event, ctx) => {
             const clamp = (v, max) => Math.min(Math.max(v, 0), max);
-            const x = event.translationX, y = event.translationY, posX = clamp(x + ctx.x, width), posY = clamp(y + ctx.y, height), percentX = posX / width, percentY = posY / height, hueX = reverse ? 360 - Math.round(percentX * 360) : Math.round(percentX * 360), hueY = reverse ? 360 - Math.round(percentY * 360) : Math.round(percentY * 360);
+            const x = event.translationX, y = event.translationY, posX = clamp(x + ctx.x, width.value), posY = clamp(y + ctx.y, height.value), percentX = posX / width.value, percentY = posY / height.value, hueX = reverse ? 360 - Math.round(percentX * 360) : Math.round(percentX * 360), hueY = reverse ? 360 - Math.round(percentY * 360) : Math.round(percentY * 360);
             hueValue.value = vertical ? hueY : hueX;
             runOnJS(onGestureChange)();
         },
@@ -45,27 +38,31 @@ export function HueSlider({ thumbShape, thumbSize, thumbColor, style = {}, verti
             handleScale.value = withTiming(1, { duration: 100 });
             runOnJS(onGestureEnd)();
         },
-    }, [height, width, thumbSize, vertical, reverse]);
-    const onLayout = useCallback(({ nativeEvent: { layout } }) => {
-        setWidth(Math.round(layout.width));
-        setHeight(Math.round(layout.height));
-    }, []);
-    const imageRotate = vertical ? (reverse ? '270deg' : '90deg') : reverse ? '180deg' : '0deg';
-    const imageTranslateY = (reverse && isRtl) || (!reverse && !isRtl) ? height / 2 - width / 2 : -height / 2 + width / 2;
-    const imageStyle = typeof height === 'number' &&
-        typeof width === 'number' && {
-        width: vertical ? height : width,
-        height: vertical ? width : height,
-        borderRadius,
-        transform: [
-            { rotate: imageRotate },
-            { translateX: vertical ? (reverse ? -height / 2 + width / 2 : height / 2 - width / 2) : 0 },
-            { translateY: vertical ? imageTranslateY : 0 },
-        ],
+    }, [thumbSize, vertical, reverse]);
+    const onLayout = ({ nativeEvent: { layout } }) => {
+        if (!vertical)
+            width.value = withTiming(Math.round(layout.width), { duration: 5 });
+        if (vertical)
+            height.value = withTiming(Math.round(layout.height), { duration: 5 });
     };
+    const imageStyle = useAnimatedStyle(() => {
+        const imageRotate = vertical ? (reverse ? '270deg' : '90deg') : reverse ? '180deg' : '0deg';
+        const imageTranslateY = (reverse && isRtl) || (!reverse && !isRtl) ? height.value / 2 - width.value / 2 : -height.value / 2 + width.value / 2;
+        return {
+            width: vertical ? height.value : width.value,
+            height: vertical ? width.value : height.value,
+            borderRadius,
+            transform: [
+                { rotate: imageRotate },
+                { translateX: vertical ? (reverse ? -height.value / 2 + width.value / 2 : height.value / 2 - width.value / 2) : 0 },
+                { translateY: vertical ? imageTranslateY : 0 },
+            ],
+        };
+    }, [vertical, reverse, sliderThickness]);
+    const thicknessStyle = vertical ? { width: sliderThickness } : { height: sliderThickness };
     return (<PanGestureHandler onGestureEvent={gestureEvent} minDist={0}>
-      <Animated.View onLayout={onLayout} style={[{ borderRadius }, vertical ? { width } : { height }, style, { position: 'relative', borderWidth: 0, padding: 0 }]}>
-        <Image source={require('../assets/Hue.png')} style={imageStyle}/>
+      <Animated.View onLayout={onLayout} style={[{ borderRadius }, style, thicknessStyle, { position: 'relative', borderWidth: 0, padding: 0 }]}>
+        <Animated.Image source={require('../assets/Hue.png')} style={imageStyle}/>
         <Thumb {...{ channel: 'h', thumbShape, thumbSize: thumb_size, thumbColor: thumb_color, handleStyle, vertical }}/>
       </Animated.View>
     </PanGestureHandler>);

package/lib/components/HueSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"HueSlider.js","sourceRoot":"","sources":["../../src/components/HueSlider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HueSlider.js","sourceRoot":"","sources":["../../src/components/HueSlider.tsx"],"names":[],"mappings":"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"}

package/lib/components/HueSlider.web.js

@@ -1,2 +1,2 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.HueSlider=HueSlider;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _GlobalStyles=require("../GlobalStyles");var _Thumbs=_interopRequireDefault(require("./Thumbs"));var _jsxFileName="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var isRtl=_reactNative.I18nManager.isRTL;function HueSlider(_ref){var _thumbShape,_getStyle;var thumbShape=_ref.thumbShape,thumbSize=_ref.thumbSize,thumbColor=_ref.thumbColor,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,_ref$vertical=_ref.vertical,vertical=_ref$vertical===void 0?false:_ref$vertical,_ref$reverse=_ref.reverse,reverse=_ref$reverse===void 0?false:_ref$reverse;var _useContext=(0,_react.useContext)(_GlobalStyles.CTX),onGestureChange=_useContext.onGestureChange,onGestureEnd=_useContext.onGestureEnd,hueValue=_useContext.hueValue,sliderThickness=_useContext.sliderThickness,thumbsSize=_useContext.thumbSize,thumbsShape=_useContext.thumbShape,thumbsColor=_useContext.thumbColor;thumbShape=(_thumbShape=thumbShape)!=null?_thumbShape:thumbsShape;var thumb_size=thumbSize!=null?thumbSize:thumbsSize;var thumb_color=thumbColor!=null?thumbColor:thumbsColor;var borderRadius=(_getStyle=(0,_GlobalStyles.getStyle)(style,'borderRadius'))!=null?_getStyle:5;var getWidth=(0,_GlobalStyles.getStyle)(style,'width');var getHeight=(0,_GlobalStyles.getStyle)(style,'height');var _useState=(0,_react.useState)(typeof getWidth==='number'?getWidth:sliderThickness),_useState2=(0,_slicedToArray2.default)(_useState,2),width=_useState2[0],setWidth=_useState2[1];var _useState3=(0,_react.useState)(typeof getHeight==='number'?getHeight:sliderThickness),_useState4=(0,_slicedToArray2.default)(_useState3,2),height=_useState4[0],setHeight=_useState4[1];var handleScale=(0,_reactNativeReanimated.useSharedValue)(1);var handlePos=(0,_reactNativeReanimated.useDerivedValue)(function(){var _f=function _f(){var length=vertical?height:width;var percent=hueValue.value/360*length;var pos=(reverse?length-percent:percent)-thumb_size/2;return pos;};_f._closure={vertical:vertical,height:height,width:width,hueValue:hueValue,reverse:reverse,thumb_size:thumb_size};_f.asString="function _f(){const{vertical,height,width,hueValue,reverse,thumb_size}=jsThis._closure;{const length=vertical?height:width;const percent=hueValue.value/360*length;const pos=(reverse?length-percent:percent)-thumb_size/2;return pos;}}";_f.__workletHash=4442410188951;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (19:38)";return _f;}(),[height,width,thumbSize,vertical,reverse]);var handleStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){return{transform:[{translateY:vertical?handlePos.value:height/2-thumb_size/2},{translateX:vertical?width/2-thumb_size/2:handlePos.value},{scale:handleScale.value}]};};_f._closure={vertical:vertical,handlePos:handlePos,height:height,thumb_size:thumb_size,width:width,handleScale:handleScale};_f.asString="function _f(){const{vertical,handlePos,height,thumb_size,width,handleScale}=jsThis._closure;{return{transform:[{translateY:vertical?handlePos.value:height/2-thumb_size/2},{translateX:vertical?width/2-thumb_size/2:handlePos.value},{scale:handleScale.value}]};}}";_f.__workletHash=13633235797636;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (25:41)";_f.__optimalization=3;return _f;}());var gestureEvent=(0,_reactNativeReanimated.useAnimatedGestureHandler)({onStart:function(){var _f=function _f(event,ctx){ctx.x=event.x;ctx.y=event.y;handleScale.value=(0,_reactNativeReanimated.withTiming)(1.2,{duration:100});};_f._closure={handleScale:handleScale,withTiming:_reactNativeReanimated.withTiming};_f.asString="function _f(event,ctx){const{handleScale,withTiming}=jsThis._closure;{ctx.x=event.x;ctx.y=event.y;handleScale.value=withTiming(1.2,{duration:100});}}";_f.__workletHash=16915922246164;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (33:17)";return _f;}(),onActive:function(){var _f=function _f(event,ctx){var clamp=function clamp(v,max){return Math.min(Math.max(v,0),max);};var x=event.translationX,y=event.translationY,posX=clamp(x+ctx.x,width),posY=clamp(y+ctx.y,height),percentX=posX/width,percentY=posY/height,hueX=reverse?360-Math.round(percentX*360):Math.round(percentX*360),hueY=reverse?360-Math.round(percentY*360):Math.round(percentY*360);hueValue.value=vertical?hueY:hueX;(0,_reactNativeReanimated.runOnJS)(onGestureChange)();};_f._closure={width:width,height:height,reverse:reverse,hueValue:hueValue,vertical:vertical,runOnJS:_reactNativeReanimated.runOnJS,onGestureChange:onGestureChange};_f.asString="function _f(event,ctx){const{width,height,reverse,hueValue,vertical,runOnJS,onGestureChange}=jsThis._closure;{const clamp=function(v,max){return Math.min(Math.max(v,0),max);};const x=event.translationX,y=event.translationY,posX=clamp(x+ctx.x,width),posY=clamp(y+ctx.y,height),percentX=posX/width,percentY=posY/height,hueX=reverse?360-Math.round(percentX*360):Math.round(percentX*360),hueY=reverse?360-Math.round(percentY*360):Math.round(percentY*360);hueValue.value=vertical?hueY:hueX;runOnJS(onGestureChange)();}}";_f.__workletHash=14712576255737;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (38:18)";return _f;}(),onFinish:function(){var _f=function _f(){handleScale.value=(0,_reactNativeReanimated.withTiming)(1,{duration:100});(0,_reactNativeReanimated.runOnJS)(onGestureEnd)();};_f._closure={handleScale:handleScale,withTiming:_reactNativeReanimated.withTiming,runOnJS:_reactNativeReanimated.runOnJS,onGestureEnd:onGestureEnd};_f.asString="function _f(){const{handleScale,withTiming,runOnJS,onGestureEnd}=jsThis._closure;{handleScale.value=withTiming(1,{duration:100});runOnJS(onGestureEnd)();}}";_f.__workletHash=6379049506140;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (44:18)";return _f;}()},[height,width,thumbSize,vertical,reverse]);var onLayout=(0,_react.useCallback)(function(_ref2){var layout=_ref2.nativeEvent.layout;setWidth(Math.round(layout.width));setHeight(Math.round(layout.height));},[]);var imageRotate=vertical?reverse?'270deg':'90deg':reverse?'180deg':'0deg';var imageTranslateY=reverse&&isRtl||!reverse&&!isRtl?height/2-width/2:-height/2+width/2;var imageStyle=typeof height==='number'&&typeof width==='number'&&{width:vertical?height:width,height:vertical?width:height,borderRadius:borderRadius,transform:[{rotate:imageRotate},{translateX:vertical?reverse?-height/2+width/2:height/2-width/2:0},{translateY:vertical?imageTranslateY:0}]};return _react.default.createElement(_reactNativeGestureHandler.PanGestureHandler,{onGestureEvent:gestureEvent,minDist:0,__self:this,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:13}},_react.default.createElement(_reactNativeReanimated.default.View,{onLayout:onLayout,style:[{borderRadius:borderRadius},vertical?{width:width}:{height:height},style,{position:'relative',borderWidth:0,padding:0}],__self:this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:7}},_react.default.createElement(_reactNative.Image,{source:require('../assets/Hue.png'),style:imageStyle,__self:this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:9}}),_react.default.createElement(_Thumbs.default,{channel:'h',thumbShape:thumbShape,thumbSize:thumb_size,thumbColor:thumb_color,handleStyle:handleStyle,vertical:vertical,__self:this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:9}})));}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.HueSlider=HueSlider;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeGestureHandler=require("react-native-gesture-handler");var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _GlobalStyles=require("../GlobalStyles");var _Thumbs=_interopRequireDefault(require("./Thumbs"));var _jsxFileName="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var isRtl=_reactNative.I18nManager.isRTL;function HueSlider(_ref){var _thumbShape,_getStyle;var thumbShape=_ref.thumbShape,thumbSize=_ref.thumbSize,thumbColor=_ref.thumbColor,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,_ref$vertical=_ref.vertical,vertical=_ref$vertical===void 0?false:_ref$vertical,_ref$reverse=_ref.reverse,reverse=_ref$reverse===void 0?false:_ref$reverse;var _useContext=(0,_react.useContext)(_GlobalStyles.CTX),onGestureChange=_useContext.onGestureChange,onGestureEnd=_useContext.onGestureEnd,hueValue=_useContext.hueValue,sliderThickness=_useContext.sliderThickness,thumbsSize=_useContext.thumbSize,thumbsShape=_useContext.thumbShape,thumbsColor=_useContext.thumbColor;thumbShape=(_thumbShape=thumbShape)!=null?_thumbShape:thumbsShape;var thumb_size=thumbSize!=null?thumbSize:thumbsSize;var thumb_color=thumbColor!=null?thumbColor:thumbsColor;var borderRadius=(_getStyle=(0,_GlobalStyles.getStyle)(style,'borderRadius'))!=null?_getStyle:5;var getWidth=(0,_GlobalStyles.getStyle)(style,'width');var getHeight=(0,_GlobalStyles.getStyle)(style,'height');var width=(0,_reactNativeReanimated.useSharedValue)(vertical?sliderThickness:typeof getWidth==='number'?getWidth:0);var height=(0,_reactNativeReanimated.useSharedValue)(!vertical?sliderThickness:typeof getHeight==='number'?getHeight:0);var handleScale=(0,_reactNativeReanimated.useSharedValue)(1);var handleStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){var length=vertical?height.value:width.value,percent=hueValue.value/360*length,pos=(reverse?length-percent:percent)-thumb_size/2,posY=vertical?pos:height.value/2-thumb_size/2,posX=vertical?width.value/2-thumb_size/2:pos;return{transform:[{translateY:posY},{translateX:posX},{scale:handleScale.value}]};};_f._closure={vertical:vertical,height:height,width:width,hueValue:hueValue,reverse:reverse,thumb_size:thumb_size,handleScale:handleScale};_f.asString="function _f(){const{vertical,height,width,hueValue,reverse,thumb_size,handleScale}=jsThis._closure;{const length=vertical?height.value:width.value,percent=hueValue.value/360*length,pos=(reverse?length-percent:percent)-thumb_size/2,posY=vertical?pos:height.value/2-thumb_size/2,posX=vertical?width.value/2-thumb_size/2:pos;return{transform:[{translateY:posY},{translateX:posX},{scale:handleScale.value}]};}}";_f.__workletHash=10213923895352;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (19:41)";_f.__optimalization=3;return _f;}(),[thumbSize,vertical,reverse]);var gestureEvent=(0,_reactNativeReanimated.useAnimatedGestureHandler)({onStart:function(){var _f=function _f(event,ctx){ctx.x=event.x;ctx.y=event.y;handleScale.value=(0,_reactNativeReanimated.withTiming)(1.2,{duration:100});};_f._closure={handleScale:handleScale,withTiming:_reactNativeReanimated.withTiming};_f.asString="function _f(event,ctx){const{handleScale,withTiming}=jsThis._closure;{ctx.x=event.x;ctx.y=event.y;handleScale.value=withTiming(1.2,{duration:100});}}";_f.__workletHash=16915922246164;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (26:17)";return _f;}(),onActive:function(){var _f=function _f(event,ctx){var clamp=function clamp(v,max){return Math.min(Math.max(v,0),max);};var x=event.translationX,y=event.translationY,posX=clamp(x+ctx.x,width.value),posY=clamp(y+ctx.y,height.value),percentX=posX/width.value,percentY=posY/height.value,hueX=reverse?360-Math.round(percentX*360):Math.round(percentX*360),hueY=reverse?360-Math.round(percentY*360):Math.round(percentY*360);hueValue.value=vertical?hueY:hueX;(0,_reactNativeReanimated.runOnJS)(onGestureChange)();};_f._closure={width:width,height:height,reverse:reverse,hueValue:hueValue,vertical:vertical,runOnJS:_reactNativeReanimated.runOnJS,onGestureChange:onGestureChange};_f.asString="function _f(event,ctx){const{width,height,reverse,hueValue,vertical,runOnJS,onGestureChange}=jsThis._closure;{const clamp=function(v,max){return Math.min(Math.max(v,0),max);};const x=event.translationX,y=event.translationY,posX=clamp(x+ctx.x,width.value),posY=clamp(y+ctx.y,height.value),percentX=posX/width.value,percentY=posY/height.value,hueX=reverse?360-Math.round(percentX*360):Math.round(percentX*360),hueY=reverse?360-Math.round(percentY*360):Math.round(percentY*360);hueValue.value=vertical?hueY:hueX;runOnJS(onGestureChange)();}}";_f.__workletHash=16633233125753;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (31:18)";return _f;}(),onFinish:function(){var _f=function _f(){handleScale.value=(0,_reactNativeReanimated.withTiming)(1,{duration:100});(0,_reactNativeReanimated.runOnJS)(onGestureEnd)();};_f._closure={handleScale:handleScale,withTiming:_reactNativeReanimated.withTiming,runOnJS:_reactNativeReanimated.runOnJS,onGestureEnd:onGestureEnd};_f.asString="function _f(){const{handleScale,withTiming,runOnJS,onGestureEnd}=jsThis._closure;{handleScale.value=withTiming(1,{duration:100});runOnJS(onGestureEnd)();}}";_f.__workletHash=6379049506140;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (37:18)";return _f;}()},[thumbSize,vertical,reverse]);var onLayout=function onLayout(_ref2){var layout=_ref2.nativeEvent.layout;if(!vertical)width.value=(0,_reactNativeReanimated.withTiming)(Math.round(layout.width),{duration:5});if(vertical)height.value=(0,_reactNativeReanimated.withTiming)(Math.round(layout.height),{duration:5});};var imageStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var _f=function _f(){var imageRotate=vertical?reverse?'270deg':'90deg':reverse?'180deg':'0deg';var imageTranslateY=reverse&&isRtl||!reverse&&!isRtl?height.value/2-width.value/2:-height.value/2+width.value/2;return{width:vertical?height.value:width.value,height:vertical?width.value:height.value,borderRadius:borderRadius,transform:[{rotate:imageRotate},{translateX:vertical?reverse?-height.value/2+width.value/2:height.value/2-width.value/2:0},{translateY:vertical?imageTranslateY:0}]};};_f._closure={vertical:vertical,reverse:reverse,isRtl:isRtl,height:height,width:width,borderRadius:borderRadius};_f.asString="function _f(){const{vertical,reverse,isRtl,height,width,borderRadius}=jsThis._closure;{const imageRotate=vertical?reverse?'270deg':'90deg':reverse?'180deg':'0deg';const imageTranslateY=reverse&&isRtl||!reverse&&!isRtl?height.value/2-width.value/2:-height.value/2+width.value/2;return{width:vertical?height.value:width.value,height:vertical?width.value:height.value,borderRadius:borderRadius,transform:[{rotate:imageRotate},{translateX:vertical?reverse?-height.value/2+width.value/2:height.value/2-width.value/2:0},{translateY:vertical?imageTranslateY:0}]};}}";_f.__workletHash=4469555443498;_f.__location="D:\\Development\\--- Packages ---\\reanimated-color-picker\\lib\\components\\HueSlider.js (48:40)";_f.__optimalization=3;return _f;}(),[vertical,reverse,sliderThickness]);var thicknessStyle=vertical?{width:sliderThickness}:{height:sliderThickness};return _react.default.createElement(_reactNativeGestureHandler.PanGestureHandler,{onGestureEvent:gestureEvent,minDist:0,__self:this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:13}},_react.default.createElement(_reactNativeReanimated.default.View,{onLayout:onLayout,style:[{borderRadius:borderRadius},style,thicknessStyle,{position:'relative',borderWidth:0,padding:0}],__self:this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:7}},_react.default.createElement(_reactNativeReanimated.default.Image,{source:require('../assets/Hue.png'),style:imageStyle,__self:this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:9}}),_react.default.createElement(_Thumbs.default,{channel:'h',thumbShape:thumbShape,thumbSize:thumb_size,thumbColor:thumb_color,handleStyle:handleStyle,vertical:vertical,__self:this,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:9}})));}
 //# sourceMappingURL=HueSlider.web.js.map