{"ast":null,"code":"\"use strict\";\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/objectWithoutPropertiesLoose\";\nconst _excluded = [\"children\", \"style\", \"visible\", \"size\"],\n _excluded2 = [\"backgroundColor\"];\nimport { useTheme } from '@react-navigation/native';\nimport color from 'color';\nimport * as React from 'react';\nimport Animated from \"react-native-web/dist/exports/Animated\";\nimport Platform from \"react-native-web/dist/exports/Platform\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useNativeDriver = Platform.OS !== 'web';\nexport function Badge(_ref) {\n let {\n children,\n style,\n visible = true,\n size = 18\n } = _ref,\n rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n const [opacity] = React.useState(() => new Animated.Value(visible ? 1 : 0));\n const [rendered, setRendered] = React.useState(visible);\n const {\n colors,\n fonts\n } = useTheme();\n React.useEffect(() => {\n if (!rendered) {\n return;\n }\n Animated.timing(opacity, {\n toValue: visible ? 1 : 0,\n duration: 150,\n useNativeDriver\n }).start(({\n finished\n }) => {\n if (finished && !visible) {\n setRendered(false);\n }\n });\n return () => opacity.stopAnimation();\n }, [opacity, rendered, visible]);\n if (!rendered) {\n if (visible) {\n setRendered(true);\n } else {\n return null;\n }\n }\n const _ref2 = StyleSheet.flatten(style) || {},\n {\n backgroundColor = colors.notification\n } = _ref2,\n restStyle = _objectWithoutPropertiesLoose(_ref2, _excluded2);\n const textColor = color(backgroundColor).isLight() ? 'black' : 'white';\n const borderRadius = size / 2;\n const fontSize = Math.floor(size * 3 / 4);\n return _jsx(Animated.Text, Object.assign({\n numberOfLines: 1,\n style: [{\n transform: [{\n scale: opacity.interpolate({\n inputRange: [0, 1],\n outputRange: [0.5, 1]\n })\n }],\n color: textColor,\n lineHeight: size - 1,\n height: size,\n minWidth: size,\n opacity,\n backgroundColor,\n fontSize,\n borderRadius\n }, fonts.regular, styles.container, restStyle]\n }, rest, {\n children: children\n }));\n}\nconst styles = StyleSheet.create({\n container: {\n alignSelf: 'flex-end',\n textAlign: 'center',\n paddingHorizontal: 4,\n overflow: 'hidden'\n }\n});","map":{"version":3,"names":["useTheme","color","React","Animated","Platform","StyleSheet","jsx","_jsx","useNativeDriver","OS","Badge","_ref","children","style","visible","size","rest","_objectWithoutPropertiesLoose","_excluded","opacity","useState","Value","rendered","setRendered","colors","fonts","useEffect","timing","toValue","duration","start","finished","stopAnimation","_ref2","flatten","backgroundColor","notification","restStyle","_excluded2","textColor","isLight","borderRadius","fontSize","Math","floor","Text","Object","assign","numberOfLines","transform","scale","interpolate","inputRange","outputRange","lineHeight","height","minWidth","regular","styles","container","create","alignSelf","textAlign","paddingHorizontal","overflow"],"sources":["/Users/pmouli/Documents/GitHub.nosync/boots-strapper/mobile/node_modules/@react-navigation/bottom-tabs/src/views/Badge.tsx"],"sourcesContent":["import { useTheme } from '@react-navigation/native';\nimport color from 'color';\nimport * as React from 'react';\nimport {\n Animated,\n Platform,\n type StyleProp,\n StyleSheet,\n type TextProps,\n type TextStyle,\n} from 'react-native';\n\ntype Props = TextProps & {\n /**\n * Whether the badge is visible\n */\n visible: boolean;\n /**\n * Content of the `Badge`.\n */\n children?: string | number;\n /**\n * Size of the `Badge`.\n */\n size?: number;\n /**\n * Style object for the tab bar container.\n */\n style?: Animated.WithAnimatedValue>;\n};\n\nconst useNativeDriver = Platform.OS !== 'web';\n\nexport function Badge({\n children,\n style,\n visible = true,\n size = 18,\n ...rest\n}: Props) {\n const [opacity] = React.useState(() => new Animated.Value(visible ? 1 : 0));\n const [rendered, setRendered] = React.useState(visible);\n\n const { colors, fonts } = useTheme();\n\n React.useEffect(() => {\n if (!rendered) {\n return;\n }\n\n Animated.timing(opacity, {\n toValue: visible ? 1 : 0,\n duration: 150,\n useNativeDriver,\n }).start(({ finished }) => {\n if (finished && !visible) {\n setRendered(false);\n }\n });\n\n return () => opacity.stopAnimation();\n }, [opacity, rendered, visible]);\n\n if (!rendered) {\n if (visible) {\n setRendered(true);\n } else {\n return null;\n }\n }\n\n // @ts-expect-error: backgroundColor definitely exists\n const { backgroundColor = colors.notification, ...restStyle } =\n StyleSheet.flatten(style) || {};\n const textColor = color(backgroundColor).isLight() ? 'black' : 'white';\n\n const borderRadius = size / 2;\n const fontSize = Math.floor((size * 3) / 4);\n\n return (\n \n {children}\n \n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: 'flex-end',\n textAlign: 'center',\n paddingHorizontal: 4,\n overflow: 'hidden',\n },\n});\n"],"mappings":"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","ignoreList":[]},"metadata":{"hasCjsExports":false},"sourceType":"module","externalDependencies":[]}