react-native-directional-toggle 0.1.1 → 0.1.3

package/lib/commonjs/AnimatedSwitch.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedSwitch = AnimatedSwitch;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeWorklets = require("react-native-worklets");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DEFAULT_ANIMATION = {
+  duration: 150,
+  damping: 5,
+  stiffness: 100
+};
+function AnimatedSwitch({
+  options,
+  value,
+  onChange,
+  vertical = false,
+  style,
+  thumbStyle,
+  textStyle,
+  activeTextStyle,
+  inactiveTextStyle,
+  animationConfig = DEFAULT_ANIMATION,
+  disabled = false
+}) {
+  console.log('disabled ---->', disabled);
+  const itemSizeSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const translate = (0, _reactNativeReanimated.useSharedValue)(0);
+  const indexSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const currentIndex = options.findIndex(o => o.value === value);
+
+  // Measure container layout
+  const onLayout = (0, _react.useCallback)(e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    const totalSize = vertical ? height - 4 : width - 4;
+    const itemSize = totalSize / options.length;
+    itemSizeSV.value = itemSize;
+
+    // Fix initial position on layout
+    if (currentIndex >= 0 && itemSize > 0) {
+      translate.value = currentIndex * itemSize;
+    }
+  }, [vertical, options.length, currentIndex, itemSizeSV, translate]);
+
+  // Sync with external value changes
+  (0, _react.useEffect)(() => {
+    if (currentIndex >= 0 && itemSizeSV.value > 0) {
+      indexSV.value = currentIndex;
+      translate.value = (0, _reactNativeReanimated.withTiming)(currentIndex * itemSizeSV.value, animationConfig);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentIndex, animationConfig]);
+  const emitChange = (0, _react.useCallback)(index => {
+    // Clamp index to safe bounds
+    const safeIndex = Math.max(0, Math.min(index, options.length - 1));
+    if (options[safeIndex]) {
+      onChange(options[safeIndex].value);
+    }
+  }, [onChange, options]);
+  const handlePress = index => {
+    if (disabled || itemSizeSV.value === 0) return;
+    translate.value = (0, _reactNativeReanimated.withTiming)(index * itemSizeSV.value, animationConfig);
+    emitChange(index);
+  };
+  const panGesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().enabled(!disabled).onUpdate(e => {
+    if (itemSizeSV.value === 0) return;
+    const term = vertical ? e.translationY : e.translationX;
+    const startPos = indexSV.value * itemSizeSV.value;
+    const pos = startPos + term;
+    const max = (options.length - 1) * itemSizeSV.value;
+    translate.value = Math.min(Math.max(0, pos), max);
+  }).onEnd(() => {
+    if (itemSizeSV.value === 0) return;
+    const index = Math.round(translate.value / itemSizeSV.value);
+    indexSV.value = index;
+    translate.value = (0, _reactNativeReanimated.withSpring)(index * itemSizeSV.value, animationConfig);
+    (0, _reactNativeWorklets.scheduleOnRN)(emitChange, index);
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [disabled]);
+  const animatedThumbStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // If layout not ready, hide thumb or show nothing
+    if (itemSizeSV.value === 0) return {
+      opacity: 0
+    };
+    const transform = vertical ? [{
+      translateY: translate.value
+    }] : [{
+      translateX: translate.value
+    }];
+    const sizeStyle = vertical ? {
+      height: itemSizeSV.value,
+      width: '100%'
+    } : {
+      width: itemSizeSV.value,
+      height: '100%'
+    };
+    return {
+      position: 'absolute',
+      left: 2,
+      top: 2,
+      ...sizeStyle,
+      transform,
+      opacity: 1
+    };
+  });
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    onLayout: onLayout,
+    style: [styles.container, vertical ? styles.vertical : styles.horizontal, disabled && styles.disabled, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.thumb, thumbStyle, animatedThumbStyle]
+    }), options.map((opt, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionItem, {
+      label: opt.label,
+      onPress: () => handlePress(index),
+      index: index,
+      translate: translate,
+      itemSizeSV: itemSizeSV,
+      textStyle: textStyle,
+      activeTextStyle: activeTextStyle,
+      inactiveTextStyle: inactiveTextStyle,
+      disabled: disabled
+    }, String(opt.value)))]
+  });
+
+  // disabled 时不挂载 GestureDetector
+  return disabled ? content : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: panGesture,
+    children: content
+  });
+}
+
+// Sub-component for individual options to isolate animated styles
+const OptionItem = ({
+  label,
+  onPress,
+  index,
+  translate,
+  itemSizeSV,
+  textStyle,
+  activeTextStyle,
+  inactiveTextStyle,
+  disabled
+}) => {
+  const activeColor = _reactNative.StyleSheet.flatten(activeTextStyle)?.color ?? '#000';
+  const inactiveColor = _reactNative.StyleSheet.flatten(inactiveTextStyle)?.color ?? '#999';
+  const textAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const center = index * itemSizeSV.value;
+    const color = (0, _reactNativeReanimated.interpolateColor)(translate.value, [center - itemSizeSV.value, center, center + itemSizeSV.value], [inactiveColor, activeColor, inactiveColor]);
+    return {
+      color
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    style: styles.option,
+    onPress: onPress,
+    disabled: disabled,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+      style: [styles.text, textStyle, textAnimatedStyle],
+      numberOfLines: 1,
+      children: label
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    borderRadius: 16,
+    overflow: 'hidden',
+    padding: 2,
+    position: 'relative'
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  horizontal: {
+    flexDirection: 'row'
+  },
+  vertical: {
+    flexDirection: 'column'
+  },
+  thumb: {
+    borderRadius: 16,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 1,
+    elevation: 1
+  },
+  option: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+    // zIndex: 1
+  },
+  text: {
+    fontSize: 14,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=AnimatedSwitch.js.map

package/lib/commonjs/AnimatedSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeWorklets","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_ANIMATION","duration","damping","stiffness","AnimatedSwitch","options","value","onChange","vertical","style","thumbStyle","textStyle","activeTextStyle","inactiveTextStyle","animationConfig","disabled","console","log","itemSizeSV","useSharedValue","translate","indexSV","currentIndex","findIndex","onLayout","useCallback","width","height","nativeEvent","layout","totalSize","itemSize","length","useEffect","withTiming","emitChange","index","safeIndex","Math","max","min","handlePress","panGesture","useMemo","Gesture","Pan","enabled","onUpdate","term","translationY","translationX","startPos","pos","onEnd","round","withSpring","scheduleOnRN","animatedThumbStyle","useAnimatedStyle","opacity","transform","translateY","translateX","sizeStyle","position","left","top","content","jsxs","View","styles","container","horizontal","children","jsx","thumb","map","opt","OptionItem","label","onPress","String","GestureDetector","gesture","activeColor","StyleSheet","flatten","color","inactiveColor","textAnimatedStyle","center","interpolateColor","Pressable","option","Text","text","numberOfLines","create","borderRadius","overflow","padding","flexDirection","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","alignItems","justifyContent","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AnimatedSwitch", {
+  enumerable: true,
+  get: function () {
+    return _AnimatedSwitch.AnimatedSwitch;
+  }
+});
+exports.default = void 0;
+var _AnimatedSwitch = require("./AnimatedSwitch");
+var _default = exports.default = _AnimatedSwitch.AnimatedSwitch;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AnimatedSwitch","require","_default","exports","default","AnimatedSwitch"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAA4E,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE7DC,8BAAc","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/module/AnimatedSwitch.js

@@ -1,190 +1,206 @@
 "use strict";
 
-import { useCallback, useEffect } from "react";
-import { Pressable, StyleSheet, View } from "react-native";
-import { Gesture, GestureDetector } from "react-native-gesture-handler";
-import Animated, { interpolateColor, runOnJS, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
+import { useCallback, useEffect, useMemo } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { scheduleOnRN } from 'react-native-worklets';
+import Animated, { interpolateColor, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const THUMB_INSET = 4;
-const VERTICAL_WIDTH = 128;
+const DEFAULT_ANIMATION = {
+  duration: 150,
+  damping: 5,
+  stiffness: 100
+};
 export function AnimatedSwitch({
   options,
   value,
   onChange,
-  height = 36,
   vertical = false,
-  colors = {
-    activeText: "#373737",
-    inactiveText: "#dededeff",
-    bgFront: "#d4d4d4",
-    bgBack: "#9a9a9a"
-  },
-  animationConfig = {
-    duration: 100,
-    damping: 50,
-    stiffness: 200
-  }
+  style,
+  thumbStyle,
+  textStyle,
+  activeTextStyle,
+  inactiveTextStyle,
+  animationConfig = DEFAULT_ANIMATION,
+  disabled = false
 }) {
-  /** ===== SharedValues ===== */
+  console.log('disabled ---->', disabled);
   const itemSizeSV = useSharedValue(0);
   const translate = useSharedValue(0);
   const indexSV = useSharedValue(0);
   const currentIndex = options.findIndex(o => o.value === value);
 
-  /** * 1. 监听外部 value 变化
-   * 当外部修改 value 时，滑块应动画移动到新位置
-   */
+  // Measure container layout
+  const onLayout = useCallback(e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    const totalSize = vertical ? height - 4 : width - 4;
+    const itemSize = totalSize / options.length;
+    itemSizeSV.value = itemSize;
+
+    // Fix initial position on layout
+    if (currentIndex >= 0 && itemSize > 0) {
+      translate.value = currentIndex * itemSize;
+    }
+  }, [vertical, options.length, currentIndex, itemSizeSV, translate]);
+
+  // Sync with external value changes
   useEffect(() => {
-    if (currentIndex >= 0) {
+    if (currentIndex >= 0 && itemSizeSV.value > 0) {
       indexSV.value = currentIndex;
-      // 只有当 itemSizeSV 已经有值（即 Layout 已完成）时才执行动画
-      if (itemSizeSV.value > 0) {
-        translate.value = withTiming(currentIndex * itemSizeSV.value, {
-          duration: animationConfig.duration
-        });
-      }
+      translate.value = withTiming(currentIndex * itemSizeSV.value, animationConfig);
     }
-  }, [currentIndex, animationConfig.duration]);
-
-  /** ===== JS 回调 ===== */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentIndex, animationConfig]);
   const emitChange = useCallback(index => {
-    if (options.length > 0 && index >= 0 && index < options.length) {
-      onChange(options[index]?.value || "");
+    // Clamp index to safe bounds
+    const safeIndex = Math.max(0, Math.min(index, options.length - 1));
+    if (options[safeIndex]) {
+      onChange(options[safeIndex].value);
     }
   }, [onChange, options]);
-
-  /** ===== Tap 点击切换 ===== */
   const handlePress = index => {
-    indexSV.value = index;
-    translate.value = withTiming(index * itemSizeSV.value, {
-      duration: animationConfig.duration ?? 150
-    });
+    if (disabled || itemSizeSV.value === 0) return;
+    translate.value = withTiming(index * itemSizeSV.value, animationConfig);
     emitChange(index);
   };
-
-  /** ===== Drag 手势 ===== */
-  const panGesture = Gesture.Pan().onUpdate(e => {
-    const delta = vertical ? e.translationY : e.translationX;
-    // 基于手势开始时的位置进行偏移计算
-    const pos = delta + indexSV.value * itemSizeSV.value;
+  const panGesture = useMemo(() => Gesture.Pan().enabled(!disabled).onUpdate(e => {
+    if (itemSizeSV.value === 0) return;
+    const term = vertical ? e.translationY : e.translationX;
+    const startPos = indexSV.value * itemSizeSV.value;
+    const pos = startPos + term;
     const max = (options.length - 1) * itemSizeSV.value;
     translate.value = Math.min(Math.max(0, pos), max);
   }).onEnd(() => {
+    if (itemSizeSV.value === 0) return;
     const index = Math.round(translate.value / itemSizeSV.value);
     indexSV.value = index;
-    translate.value = withSpring(index * itemSizeSV.value, {
-      damping: animationConfig.damping ?? 20,
-      stiffness: animationConfig.stiffness ?? 200
-    });
-    runOnJS(emitChange)(index);
-  });
-
-  /** ===== Thumb 动画样式 ===== */
+    translate.value = withSpring(index * itemSizeSV.value, animationConfig);
+    scheduleOnRN(emitChange, index);
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [disabled]);
   const animatedThumbStyle = useAnimatedStyle(() => {
-    if (vertical) {
-      return {
-        height: itemSizeSV.value - THUMB_INSET * 2,
-        top: THUMB_INSET,
-        left: THUMB_INSET,
-        right: THUMB_INSET,
-        transform: [{
-          translateY: translate.value
-        }]
-      };
-    }
+    // If layout not ready, hide thumb or show nothing
+    if (itemSizeSV.value === 0) return {
+      opacity: 0
+    };
+    const transform = vertical ? [{
+      translateY: translate.value
+    }] : [{
+      translateX: translate.value
+    }];
+    const sizeStyle = vertical ? {
+      height: itemSizeSV.value,
+      width: '100%'
+    } : {
+      width: itemSizeSV.value,
+      height: '100%'
+    };
     return {
-      width: itemSizeSV.value - THUMB_INSET * 2,
-      left: THUMB_INSET,
-      top: THUMB_INSET,
-      bottom: THUMB_INSET,
-      transform: [{
-        translateX: translate.value
-      }]
+      position: 'absolute',
+      left: 2,
+      top: 2,
+      ...sizeStyle,
+      transform,
+      opacity: 1
     };
   });
+  const content = /*#__PURE__*/_jsxs(View, {
+    onLayout: onLayout,
+    style: [styles.container, vertical ? styles.vertical : styles.horizontal, disabled && styles.disabled, style],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.thumb, thumbStyle, animatedThumbStyle]
+    }), options.map((opt, index) => /*#__PURE__*/_jsx(OptionItem, {
+      label: opt.label,
+      onPress: () => handlePress(index),
+      index: index,
+      translate: translate,
+      itemSizeSV: itemSizeSV,
+      textStyle: textStyle,
+      activeTextStyle: activeTextStyle,
+      inactiveTextStyle: inactiveTextStyle,
+      disabled: disabled
+    }, String(opt.value)))]
+  });
 
-  /** ===== Label 动画样式 ===== */
-  const getLabelAnimatedStyle = index => useAnimatedStyle(() => {
+  // disabled 时不挂载 GestureDetector
+  return disabled ? content : /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: panGesture,
+    children: content
+  });
+}
+
+// Sub-component for individual options to isolate animated styles
+const OptionItem = ({
+  label,
+  onPress,
+  index,
+  translate,
+  itemSizeSV,
+  textStyle,
+  activeTextStyle,
+  inactiveTextStyle,
+  disabled
+}) => {
+  const activeColor = StyleSheet.flatten(activeTextStyle)?.color ?? '#000';
+  const inactiveColor = StyleSheet.flatten(inactiveTextStyle)?.color ?? '#999';
+  const textAnimatedStyle = useAnimatedStyle(() => {
     const center = index * itemSizeSV.value;
-    const color = interpolateColor(translate.value, [center - itemSizeSV.value, center, center + itemSizeSV.value], [colors.inactiveText, colors.activeText, colors.inactiveText]);
+    const color = interpolateColor(translate.value, [center - itemSizeSV.value, center, center + itemSizeSV.value], [inactiveColor, activeColor, inactiveColor]);
     return {
       color
     };
   });
-
-  /** * 2. Layout 初始化
-   * 这是修复初始显示问题的关键
-   */
-  const onLayout = e => {
-    const size = vertical ? e.nativeEvent.layout.height : e.nativeEvent.layout.width;
-    const newItemSize = size / options.length;
-    itemSizeSV.value = newItemSize;
-
-    // 核心修复：在获取到尺寸的第一时间，根据 currentIndex 强行同步 translate 的值
-    if (currentIndex >= 0) {
-      translate.value = currentIndex * newItemSize;
-    }
-  };
-  return /*#__PURE__*/_jsx(GestureDetector, {
-    gesture: panGesture,
-    children: /*#__PURE__*/_jsxs(View, {
-      onLayout: onLayout,
-      style: [styles.container, {
-        backgroundColor: colors.bgBack
-      }, vertical ? {
-        height: height * options.length,
-        width: VERTICAL_WIDTH,
-        flexDirection: "column"
-      } : {
-        height,
-        flexDirection: "row"
-      }],
-      children: [/*#__PURE__*/_jsx(Animated.View, {
-        pointerEvents: "none",
-        style: [styles.thumbBase, {
-          backgroundColor: colors.bgFront
-        }, animatedThumbStyle]
-      }), options.map((opt, index) => {
-        const labelStyle = getLabelAnimatedStyle(index);
-        return /*#__PURE__*/_jsx(Pressable, {
-          style: styles.item,
-          onPress: () => handlePress(index),
-          children: /*#__PURE__*/_jsx(Animated.Text, {
-            style: [styles.label, labelStyle],
-            children: opt.label
-          })
-        }, opt.value);
-      })]
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: styles.option,
+    onPress: onPress,
+    disabled: disabled,
+    children: /*#__PURE__*/_jsx(Animated.Text, {
+      style: [styles.text, textStyle, textAnimatedStyle],
+      numberOfLines: 1,
+      children: label
     })
   });
-}
+};
 const styles = StyleSheet.create({
   container: {
     borderRadius: 16,
-    overflow: "hidden",
-    flex: 1
+    overflow: 'hidden',
+    padding: 2,
+    position: 'relative'
+  },
+  disabled: {
+    opacity: 0.5
   },
-  thumbBase: {
-    position: "absolute",
-    borderRadius: 12,
+  horizontal: {
+    flexDirection: 'row'
+  },
+  vertical: {
+    flexDirection: 'column'
+  },
+  thumb: {
+    borderRadius: 16,
     shadowColor: '#000',
-    shadowOpacity: 0.3,
     shadowOffset: {
       width: 0,
       height: 1
     },
+    shadowOpacity: 0.1,
     shadowRadius: 1,
-    elevation: 2
+    elevation: 1
   },
-  item: {
+  option: {
     flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 1 // 确保文字在滑块上方
+    alignItems: 'center',
+    justifyContent: 'center'
+    // zIndex: 1
   },
-  label: {
-    fontSize: 13,
-    fontWeight: "600"
+  text: {
+    fontSize: 14,
+    fontWeight: '500'
   }
 });
 //# sourceMappingURL=AnimatedSwitch.js.map

package/lib/module/AnimatedSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","Pressable","StyleSheet","View","Gesture","GestureDetector","Animated","interpolateColor","runOnJS","useAnimatedStyle","useSharedValue","withSpring","withTiming","jsx","_jsx","jsxs","_jsxs","THUMB_INSET","VERTICAL_WIDTH","AnimatedSwitch","options","value","onChange","height","vertical","colors","activeText","inactiveText","bgFront","bgBack","animationConfig","duration","damping","stiffness","itemSizeSV","translate","indexSV","currentIndex","findIndex","o","emitChange","index","length","handlePress","panGesture","Pan","onUpdate","e","delta","translationY","translationX","pos","max","Math","min","onEnd","round","animatedThumbStyle","top","left","right","transform","translateY","width","bottom","translateX","getLabelAnimatedStyle","center","color","onLayout","size","nativeEvent","layout","newItemSize","gesture","children","style","styles","container","backgroundColor","flexDirection","pointerEvents","thumbBase","map","opt","labelStyle","item","onPress","Text","label","create","borderRadius","overflow","flex","position","shadowColor","shadowOpacity","shadowOffset","shadowRadius","elevation","alignItems","justifyContent","zIndex","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC9C,SAAiCC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAClF,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AACvE,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA0BjC,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,cAAc,GAAG,GAAG;AAE1B,OAAO,SAASC,cAAcA,CAAC;EAC7BC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,MAAM,GAAG,EAAE;EACXC,QAAQ,GAAG,KAAK;EAChBC,MAAM,GAAG;IACPC,UAAU,EAAE,SAAS;IACrBC,YAAY,EAAE,WAAW;IACzBC,OAAO,EAAE,SAAS;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,GAAG;IAChBC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAE,EAAE;IACXC,SAAS,EAAE;EACb;AACK,CAAC,EAAE;EAER;EACA,MAAMC,UAAU,GAAGxB,cAAc,CAAC,CAAC,CAAC;EACpC,MAAMyB,SAAS,GAAGzB,cAAc,CAAC,CAAC,CAAC;EACnC,MAAM0B,OAAO,GAAG1B,cAAc,CAAC,CAAC,CAAC;EAEjC,MAAM2B,YAAY,GAAGjB,OAAO,CAACkB,SAAS,CAAEC,CAAC,IAAKA,CAAC,CAAClB,KAAK,KAAKA,KAAK,CAAC;;EAEhE;AACF;AACA;EACErB,SAAS,CAAC,MAAM;IACd,IAAIqC,YAAY,IAAI,CAAC,EAAE;MACrBD,OAAO,CAACf,KAAK,GAAGgB,YAAY;MAC5B;MACA,IAAIH,UAAU,CAACb,KAAK,GAAG,CAAC,EAAE;QACxBc,SAAS,CAACd,KAAK,GAAGT,UAAU,CAACyB,YAAY,GAAGH,UAAU,CAACb,KAAK,EAAE;UAC5DU,QAAQ,EAAED,eAAe,CAACC;QAC5B,CAAC,CAAC;MACJ;IACF;EACF,CAAC,EAAE,CAACM,YAAY,EAAEP,eAAe,CAACC,QAAQ,CAAC,CAAC;;EAE5C;EACA,MAAMS,UAAU,GAAGzC,WAAW,CAC3B0C,KAAa,IAAK;IACjB,IAAIrB,OAAO,CAACsB,MAAM,GAAG,CAAC,IAAID,KAAK,IAAI,CAAC,IAAIA,KAAK,GAAGrB,OAAO,CAACsB,MAAM,EAAE;MAC9DpB,QAAQ,CAACF,OAAO,CAACqB,KAAK,CAAC,EAAEpB,KAAK,IAAI,EAAE,CAAC;IACvC;EACF,CAAC,EACD,CAACC,QAAQ,EAAEF,OAAO,CACpB,CAAC;;EAED;EACA,MAAMuB,WAAW,GAAIF,KAAa,IAAK;IACrCL,OAAO,CAACf,KAAK,GAAGoB,KAAK;IACrBN,SAAS,CAACd,KAAK,GAAGT,UAAU,CAAC6B,KAAK,GAAGP,UAAU,CAACb,KAAK,EAAE;MACrDU,QAAQ,EAAED,eAAe,CAACC,QAAQ,IAAI;IACxC,CAAC,CAAC;IACFS,UAAU,CAACC,KAAK,CAAC;EACnB,CAAC;;EAED;EACA,MAAMG,UAAU,GAAGxC,OAAO,CAACyC,GAAG,CAAC,CAAC,CAC7BC,QAAQ,CAAEC,CAAC,IAAK;IACf,MAAMC,KAAK,GAAGxB,QAAQ,GAAGuB,CAAC,CAACE,YAAY,GAAGF,CAAC,CAACG,YAAY;IACxD;IACA,MAAMC,GAAG,GAAGH,KAAK,GAAGZ,OAAO,CAACf,KAAK,GAAGa,UAAU,CAACb,KAAK;IACpD,MAAM+B,GAAG,GAAG,CAAChC,OAAO,CAACsB,MAAM,GAAG,CAAC,IAAIR,UAAU,CAACb,KAAK;IAEnDc,SAAS,CAACd,KAAK,GAAGgC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACD,GAAG,CAAC,CAAC,EAAED,GAAG,CAAC,EAAEC,GAAG,CAAC;EACnD,CAAC,CAAC,CACDG,KAAK,CAAC,MAAM;IACX,MAAMd,KAAK,GAAGY,IAAI,CAACG,KAAK,CAACrB,SAAS,CAACd,KAAK,GAAGa,UAAU,CAACb,KAAK,CAAC;IAC5De,OAAO,CAACf,KAAK,GAAGoB,KAAK;IAErBN,SAAS,CAACd,KAAK,GAAGV,UAAU,CAAC8B,KAAK,GAAGP,UAAU,CAACb,KAAK,EAAE;MACrDW,OAAO,EAAEF,eAAe,CAACE,OAAO,IAAI,EAAE;MACtCC,SAAS,EAAEH,eAAe,CAACG,SAAS,IAAI;IAC1C,CAAC,CAAC;IAEFzB,OAAO,CAACgC,UAAU,CAAC,CAACC,KAAK,CAAC;EAC5B,CAAC,CAAC;;EAEJ;EACA,MAAMgB,kBAAkB,GAAGhD,gBAAgB,CAAC,MAAM;IAChD,IAAIe,QAAQ,EAAE;MACZ,OAAO;QACLD,MAAM,EAAEW,UAAU,CAACb,KAAK,GAAGJ,WAAW,GAAG,CAAC;QAC1CyC,GAAG,EAAEzC,WAAW;QAChB0C,IAAI,EAAE1C,WAAW;QACjB2C,KAAK,EAAE3C,WAAW;QAClB4C,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAE3B,SAAS,CAACd;QAAM,CAAC;MAC7C,CAAC;IACH;IACA,OAAO;MACL0C,KAAK,EAAE7B,UAAU,CAACb,KAAK,GAAGJ,WAAW,GAAG,CAAC;MACzC0C,IAAI,EAAE1C,WAAW;MACjByC,GAAG,EAAEzC,WAAW;MAChB+C,MAAM,EAAE/C,WAAW;MACnB4C,SAAS,EAAE,CAAC;QAAEI,UAAU,EAAE9B,SAAS,CAACd;MAAM,CAAC;IAC7C,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,MAAM6C,qBAAqB,GAAIzB,KAAa,IAC1ChC,gBAAgB,CAAC,MAAM;IACrB,MAAM0D,MAAM,GAAG1B,KAAK,GAAGP,UAAU,CAACb,KAAK;IACvC,MAAM+C,KAAK,GAAG7D,gBAAgB,CAC5B4B,SAAS,CAACd,KAAK,EACf,CAAC8C,MAAM,GAAGjC,UAAU,CAACb,KAAK,EAAE8C,MAAM,EAAEA,MAAM,GAAGjC,UAAU,CAACb,KAAK,CAAC,EAC9D,CAACI,MAAM,CAACE,YAAY,EAAEF,MAAM,CAACC,UAAU,EAAED,MAAM,CAACE,YAAY,CAC9D,CAAC;IACD,OAAO;MAAEyC;IAAM,CAAC;EAClB,CAAC,CAAC;;EAEJ;AACF;AACA;EACE,MAAMC,QAAQ,GAAItB,CAAoB,IAAK;IACzC,MAAMuB,IAAI,GAAG9C,QAAQ,GACjBuB,CAAC,CAACwB,WAAW,CAACC,MAAM,CAACjD,MAAM,GAC3BwB,CAAC,CAACwB,WAAW,CAACC,MAAM,CAACT,KAAK;IAE9B,MAAMU,WAAW,GAAGH,IAAI,GAAGlD,OAAO,CAACsB,MAAM;IACzCR,UAAU,CAACb,KAAK,GAAGoD,WAAW;;IAE9B;IACA,IAAIpC,YAAY,IAAI,CAAC,EAAE;MACrBF,SAAS,CAACd,KAAK,GAAGgB,YAAY,GAAGoC,WAAW;IAC9C;EACF,CAAC;EAED,oBACE3D,IAAA,CAACT,eAAe;IAACqE,OAAO,EAAE9B,UAAW;IAAA+B,QAAA,eACnC3D,KAAA,CAACb,IAAI;MACHkE,QAAQ,EAAEA,QAAS;MACnBO,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;QAAEC,eAAe,EAAEtD,MAAM,CAACI;MAAO,CAAC,EAClCL,QAAQ,GACJ;QACAD,MAAM,EAAEA,MAAM,GAAGH,OAAO,CAACsB,MAAM;QAC/BqB,KAAK,EAAE7C,cAAc;QACrB8D,aAAa,EAAE;MACjB,CAAC,GACC;QAAEzD,MAAM;QAAEyD,aAAa,EAAE;MAAM,CAAC,CACpC;MAAAL,QAAA,gBAGF7D,IAAA,CAACR,QAAQ,CAACH,IAAI;QACZ8E,aAAa,EAAC,MAAM;QACpBL,KAAK,EAAE,CAACC,MAAM,CAACK,SAAS,EAAE;UAAEH,eAAe,EAAEtD,MAAM,CAACG;QAAQ,CAAC,EAAE6B,kBAAkB;MAAE,CACpF,CAAC,EAGDrC,OAAO,CAAC+D,GAAG,CAAC,CAACC,GAAG,EAAE3C,KAAK,KAAK;QAC3B,MAAM4C,UAAU,GAAGnB,qBAAqB,CAACzB,KAAK,CAAC;QAC/C,oBACE3B,IAAA,CAACb,SAAS;UAER2E,KAAK,EAAEC,MAAM,CAACS,IAAK;UACnBC,OAAO,EAAEA,CAAA,KAAM5C,WAAW,CAACF,KAAK,CAAE;UAAAkC,QAAA,eAElC7D,IAAA,CAACR,QAAQ,CAACkF,IAAI;YAACZ,KAAK,EAAE,CAACC,MAAM,CAACY,KAAK,EAAEJ,UAAU,CAAE;YAAAV,QAAA,EAC9CS,GAAG,CAACK;UAAK,CACG;QAAC,GANXL,GAAG,CAAC/D,KAOA,CAAC;MAEhB,CAAC,CAAC;IAAA,CACE;EAAC,CACQ,CAAC;AAEtB;AAEA,MAAMwD,MAAM,GAAG3E,UAAU,CAACwF,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,QAAQ;IAClBC,IAAI,EAAE;EACR,CAAC;EACDX,SAAS,EAAE;IACTY,QAAQ,EAAE,UAAU;IACpBH,YAAY,EAAE,EAAE;IAChBI,WAAW,EAAE,MAAM;IACnBC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE;MAAElC,KAAK,EAAE,CAAC;MAAExC,MAAM,EAAE;IAAE,CAAC;IACrC2E,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDb,IAAI,EAAE;IACJO,IAAI,EAAE,CAAC;IACPO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,CAAC,CAAE;EACb,CAAC;EACDb,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","Pressable","StyleSheet","View","Gesture","GestureDetector","scheduleOnRN","Animated","interpolateColor","useAnimatedStyle","useSharedValue","withSpring","withTiming","jsx","_jsx","jsxs","_jsxs","DEFAULT_ANIMATION","duration","damping","stiffness","AnimatedSwitch","options","value","onChange","vertical","style","thumbStyle","textStyle","activeTextStyle","inactiveTextStyle","animationConfig","disabled","console","log","itemSizeSV","translate","indexSV","currentIndex","findIndex","o","onLayout","e","width","height","nativeEvent","layout","totalSize","itemSize","length","emitChange","index","safeIndex","Math","max","min","handlePress","panGesture","Pan","enabled","onUpdate","term","translationY","translationX","startPos","pos","onEnd","round","animatedThumbStyle","opacity","transform","translateY","translateX","sizeStyle","position","left","top","content","styles","container","horizontal","children","thumb","map","opt","OptionItem","label","onPress","String","gesture","activeColor","flatten","color","inactiveColor","textAnimatedStyle","center","option","Text","text","numberOfLines","create","borderRadius","overflow","padding","flexDirection","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","alignItems","justifyContent","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}