@zoverdoser/react-native-tab-view 1.0.0

package/lib/module/TabBar.js

@@ -0,0 +1,470 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, I18nManager, Platform, StyleSheet, View } from 'react-native';
+import useLatestCallback from 'use-latest-callback';
+import { TabBarIndicator } from "./TabBarIndicator.js";
+import { TabBarItem } from "./TabBarItem.js";
+import { useAnimatedValue } from "./useAnimatedValue.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const useNativeDriver = Platform.OS !== 'web';
+const Separator = ({
+  width
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width
+    }
+  });
+};
+const getFlattenedTabWidth = style => {
+  const tabStyle = StyleSheet.flatten(style);
+  return tabStyle?.width;
+};
+const getFlattenedPaddingStart = style => {
+  const flattenStyle = StyleSheet.flatten(style);
+  return flattenStyle ? flattenStyle.paddingLeft || flattenStyle.paddingStart || flattenStyle.paddingHorizontal || 0 : 0;
+};
+const getFlattenedPaddingEnd = style => {
+  const flattenStyle = StyleSheet.flatten(style);
+  return flattenStyle ? flattenStyle.paddingRight || flattenStyle.paddingEnd || flattenStyle.paddingHorizontal || 0 : 0;
+};
+const convertPaddingPercentToSize = (value, layout) => {
+  switch (typeof value) {
+    case 'number':
+      return value;
+    case 'string':
+      if (value.endsWith('%')) {
+        const width = parseFloat(value);
+        if (Number.isFinite(width)) {
+          return layout.width * (width / 100);
+        }
+      }
+  }
+  return 0;
+};
+const getComputedTabWidth = (index, layout, routes, scrollEnabled, tabWidths, flattenedWidth, flattenedPaddingStart, flattenedPaddingEnd, gap) => {
+  if (flattenedWidth === 'auto') {
+    return tabWidths[routes[index].key] || 0;
+  }
+  switch (typeof flattenedWidth) {
+    case 'number':
+      return flattenedWidth;
+    case 'string':
+      if (flattenedWidth.endsWith('%')) {
+        const width = parseFloat(flattenedWidth);
+        if (Number.isFinite(width)) {
+          return layout.width * (width / 100);
+        }
+      }
+  }
+  if (scrollEnabled) {
+    return layout.width / 5 * 2;
+  }
+  const gapTotalWidth = (gap ?? 0) * (routes.length - 1);
+  const paddingTotalWidth = convertPaddingPercentToSize(flattenedPaddingStart, layout) + convertPaddingPercentToSize(flattenedPaddingEnd, layout);
+  return (layout.width - gapTotalWidth - paddingTotalWidth) / routes.length;
+};
+const getMaxScrollDistance = (tabBarWidth, layoutWidth) => tabBarWidth - layoutWidth;
+const getTranslateX = (scrollAmount, maxScrollDistance, direction) => Animated.multiply(Platform.OS === 'android' && direction === 'rtl' ? Animated.add(maxScrollDistance, Animated.multiply(scrollAmount, -1)) : scrollAmount, direction === 'rtl' ? 1 : -1);
+const getTabBarWidth = ({
+  navigationState,
+  layout,
+  gap,
+  scrollEnabled,
+  flattenedTabWidth,
+  flattenedPaddingStart,
+  flattenedPaddingEnd,
+  tabWidths
+}) => {
+  const {
+    routes
+  } = navigationState;
+  const paddingsWidth = Math.max(0, convertPaddingPercentToSize(flattenedPaddingStart, layout) + convertPaddingPercentToSize(flattenedPaddingEnd, layout));
+  return routes.reduce((acc, _, i) => acc + (i > 0 ? gap ?? 0 : 0) + getComputedTabWidth(i, layout, routes, scrollEnabled, tabWidths, flattenedTabWidth, flattenedPaddingStart, flattenedPaddingEnd, gap), paddingsWidth);
+};
+const normalizeScrollValue = ({
+  layout,
+  navigationState,
+  gap,
+  scrollEnabled,
+  tabWidths,
+  value,
+  flattenedTabWidth,
+  flattenedPaddingStart,
+  flattenedPaddingEnd,
+  direction
+}) => {
+  const tabBarWidth = getTabBarWidth({
+    layout,
+    navigationState,
+    tabWidths,
+    gap,
+    scrollEnabled,
+    flattenedTabWidth,
+    flattenedPaddingStart,
+    flattenedPaddingEnd
+  });
+  const maxDistance = getMaxScrollDistance(tabBarWidth, layout.width);
+  const scrollValue = Math.max(Math.min(value, maxDistance), 0);
+  if (Platform.OS === 'android' && direction === 'rtl') {
+    // On Android, scroll value is not applied in reverse in RTL
+    // so we need to manually adjust it to apply correct value
+    return maxDistance - scrollValue;
+  }
+  return scrollValue;
+};
+const getScrollAmount = ({
+  layout,
+  navigationState,
+  gap,
+  scrollEnabled,
+  flattenedTabWidth,
+  tabWidths,
+  flattenedPaddingStart,
+  flattenedPaddingEnd,
+  direction
+}) => {
+  const paddingInitial = direction === 'rtl' ? convertPaddingPercentToSize(flattenedPaddingEnd, layout) : convertPaddingPercentToSize(flattenedPaddingStart, layout);
+  const centerDistance = Array.from({
+    length: navigationState.index + 1
+  }).reduce((total, _, i) => {
+    const tabWidth = getComputedTabWidth(i, layout, navigationState.routes, scrollEnabled, tabWidths, flattenedTabWidth, flattenedPaddingStart, flattenedPaddingEnd, gap);
+
+    // To get the current index centered we adjust scroll amount by width of indexes
+    // 0 through (i - 1) and add half the width of current index i
+    return total + (i > 0 ? gap ?? 0 : 0) + (navigationState.index === i ? tabWidth / 2 : tabWidth);
+  }, paddingInitial);
+  const scrollAmount = centerDistance - layout.width / 2;
+  return normalizeScrollValue({
+    layout,
+    navigationState,
+    tabWidths,
+    value: scrollAmount,
+    gap,
+    scrollEnabled,
+    flattenedTabWidth,
+    flattenedPaddingStart,
+    flattenedPaddingEnd,
+    direction
+  });
+};
+const getLabelTextDefault = ({
+  route
+}) => route.title;
+const getAccessibleDefault = ({
+  route
+}) => typeof route.accessible !== 'undefined' ? route.accessible : true;
+const getAccessibilityLabelDefault = ({
+  route
+}) => typeof route.accessibilityLabel === 'string' ? route.accessibilityLabel : typeof route.title === 'string' ? route.title : undefined;
+const renderIndicatorDefault = props => /*#__PURE__*/_jsx(TabBarIndicator, {
+  ...props
+});
+const getTestIdDefault = ({
+  route
+}) => route.testID;
+
+// How many items measurements should we update per batch.
+// Defaults to 10, since that's whats FlatList is using in initialNumToRender.
+const MEASURE_PER_BATCH = 10;
+export function TabBar({
+  renderIndicator = renderIndicatorDefault,
+  gap = 0,
+  scrollEnabled,
+  jumpTo,
+  navigationState,
+  position,
+  bounces,
+  contentContainerStyle,
+  indicatorContainerStyle,
+  indicatorStyle,
+  onTabLongPress,
+  onTabPress,
+  pressColor,
+  pressOpacity,
+  direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
+  renderTabBarItem,
+  style,
+  tabStyle,
+  layout: propLayout,
+  testID,
+  android_ripple,
+  options,
+  animatedStyles
+}) {
+  const [layout, setLayout] = React.useState(propLayout ?? {
+    width: 0,
+    height: 0
+  });
+  const [tabWidths, setTabWidths] = React.useState({});
+  const flatListRef = React.useRef(null);
+  const isFirst = React.useRef(true);
+  const scrollAmount = useAnimatedValue(0);
+  const measuredTabWidths = React.useRef({});
+  const {
+    routes
+  } = navigationState;
+  const flattenedTabWidth = getFlattenedTabWidth(tabStyle);
+  const isWidthDynamic = flattenedTabWidth === 'auto';
+  const flattenedPaddingEnd = getFlattenedPaddingEnd(contentContainerStyle);
+  const flattenedPaddingStart = getFlattenedPaddingStart(contentContainerStyle);
+  const scrollOffset = getScrollAmount({
+    layout,
+    navigationState,
+    tabWidths,
+    gap,
+    scrollEnabled,
+    flattenedTabWidth,
+    flattenedPaddingStart,
+    flattenedPaddingEnd,
+    direction
+  });
+  const hasMeasuredTabWidths = Boolean(layout.width) && routes.slice(0, navigationState.index).every(r => typeof tabWidths[r.key] === 'number');
+  React.useEffect(() => {
+    if (isFirst.current) {
+      isFirst.current = false;
+      return;
+    }
+    if (isWidthDynamic && !hasMeasuredTabWidths) {
+      return;
+    }
+    if (scrollEnabled) {
+      flatListRef.current?.scrollToOffset({
+        offset: scrollOffset,
+        animated: true
+      });
+    }
+  }, [hasMeasuredTabWidths, isWidthDynamic, scrollEnabled, scrollOffset]);
+  const handleLayout = e => {
+    const {
+      height,
+      width
+    } = e.nativeEvent.layout;
+    setLayout(layout => layout.width === width && layout.height === height ? layout : {
+      width,
+      height
+    });
+  };
+  const tabBarWidth = getTabBarWidth({
+    layout,
+    navigationState,
+    tabWidths,
+    gap,
+    scrollEnabled,
+    flattenedTabWidth,
+    flattenedPaddingStart,
+    flattenedPaddingEnd
+  });
+  const separatorsWidth = Math.max(0, routes.length - 1) * gap;
+  const paddingsWidth = Math.max(0, convertPaddingPercentToSize(flattenedPaddingStart, layout) + convertPaddingPercentToSize(flattenedPaddingEnd, layout));
+  const translateX = React.useMemo(() => getTranslateX(scrollAmount, getMaxScrollDistance(tabBarWidth, layout.width), direction), [direction, layout.width, scrollAmount, tabBarWidth]);
+  const renderItem = React.useCallback(({
+    item: route,
+    index
+  }) => {
+    const {
+      testID = getTestIdDefault({
+        route
+      }),
+      labelText = getLabelTextDefault({
+        route
+      }),
+      accessible = getAccessibleDefault({
+        route
+      }),
+      accessibilityLabel = getAccessibilityLabelDefault({
+        route
+      }),
+      ...rest
+    } = options?.[route.key] ?? {};
+    const onLayout = isWidthDynamic ? e => {
+      measuredTabWidths.current[route.key] = e.nativeEvent.layout.width;
+
+      // When we have measured widths for all of the tabs, we should updates the state
+      // We avoid doing separate setState for each layout since it triggers multiple renders and slows down app
+      // If we have more than 10 routes divide updating tabWidths into multiple batches. Here we update only first batch of 10 items.
+      if (routes.length > MEASURE_PER_BATCH && index === MEASURE_PER_BATCH && routes.slice(0, MEASURE_PER_BATCH).every(r => typeof measuredTabWidths.current[r.key] === 'number')) {
+        setTabWidths({
+          ...measuredTabWidths.current
+        });
+      } else if (routes.every(r => typeof measuredTabWidths.current[r.key] === 'number')) {
+        // When we have measured widths for all of the tabs, we should updates the state
+        // We avoid doing separate setState for each layout since it triggers multiple renders and slows down app
+        setTabWidths({
+          ...measuredTabWidths.current
+        });
+      }
+    } : undefined;
+    const onPress = () => {
+      const event = {
+        route,
+        defaultPrevented: false,
+        preventDefault: () => {
+          event.defaultPrevented = true;
+        }
+      };
+      onTabPress?.(event);
+      if (event.defaultPrevented) {
+        return;
+      }
+      jumpTo(route.key);
+    };
+    const onLongPress = () => onTabLongPress?.({
+      route
+    });
+
+    // Calculate the default width for tab for FlatList to work
+    const defaultTabWidth = !isWidthDynamic ? getComputedTabWidth(index, layout, routes, scrollEnabled, tabWidths, getFlattenedTabWidth(tabStyle), getFlattenedPaddingEnd(contentContainerStyle), getFlattenedPaddingStart(contentContainerStyle), gap) : undefined;
+    const props = {
+      ...rest,
+      position,
+      route,
+      navigationState,
+      testID,
+      labelText,
+      accessible,
+      accessibilityLabel,
+      pressColor,
+      pressOpacity,
+      onLayout,
+      onPress,
+      onLongPress,
+      style: tabStyle,
+      defaultTabWidth,
+      android_ripple,
+      animatedStyles
+    };
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [gap > 0 && index > 0 ? /*#__PURE__*/_jsx(Separator, {
+        width: gap
+      }) : null, renderTabBarItem ? renderTabBarItem({
+        key: route.key,
+        ...props
+      }) : /*#__PURE__*/_jsx(TabBarItem, {
+        ...props
+      }, route.key)]
+    });
+  }, [position, navigationState, options, pressColor, pressOpacity, isWidthDynamic, tabStyle, layout, routes, scrollEnabled, tabWidths, contentContainerStyle, gap, android_ripple, renderTabBarItem, onTabPress, jumpTo, onTabLongPress, animatedStyles]);
+  const keyExtractor = React.useCallback(item => item.key, []);
+  const contentContainerStyleMemoized = React.useMemo(() => [styles.tabContent, scrollEnabled ? {
+    width: tabBarWidth
+  } : null, contentContainerStyle], [contentContainerStyle, scrollEnabled, tabBarWidth]);
+  const handleScroll = React.useMemo(() => Animated.event([{
+    nativeEvent: {
+      contentOffset: {
+        x: scrollAmount
+      }
+    }
+  }], {
+    useNativeDriver
+  }), [scrollAmount]);
+  const handleViewableItemsChanged = useLatestCallback(({
+    changed
+  }) => {
+    if (routes.length <= MEASURE_PER_BATCH) {
+      return;
+    }
+    // Get next vievable item
+    const item = changed[changed.length - 1];
+    const index = item?.index || 0;
+    if (item.isViewable && (index % 10 === 0 || index === navigationState.index || index === routes.length - 1)) {
+      setTabWidths({
+        ...measuredTabWidths.current
+      });
+    }
+  });
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    onLayout: handleLayout,
+    style: [styles.tabBar, style],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      style: [styles.indicatorContainer, scrollEnabled ? {
+        transform: [{
+          translateX
+        }]
+      } : null, scrollEnabled ? {
+        width: tabBarWidth
+      } : null, indicatorContainerStyle],
+      children: renderIndicator({
+        position,
+        layout,
+        navigationState,
+        jumpTo,
+        direction,
+        width: isWidthDynamic ? 'auto' : Math.max(0, (tabBarWidth - separatorsWidth - paddingsWidth) / routes.length),
+        style: [indicatorStyle, {
+          start: flattenedPaddingStart,
+          end: flattenedPaddingEnd
+        }],
+        getTabWidth: i => getComputedTabWidth(i, layout, routes, scrollEnabled, tabWidths, flattenedTabWidth, flattenedPaddingEnd, flattenedPaddingStart, gap),
+        gap
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.scroll,
+      children: /*#__PURE__*/_jsx(Animated.FlatList, {
+        data: routes,
+        keyExtractor: keyExtractor,
+        horizontal: true,
+        role: "tablist",
+        keyboardShouldPersistTaps: "handled",
+        scrollEnabled: scrollEnabled,
+        bounces: bounces,
+        initialNumToRender: MEASURE_PER_BATCH,
+        onViewableItemsChanged: handleViewableItemsChanged,
+        alwaysBounceHorizontal: false,
+        scrollsToTop: false,
+        showsHorizontalScrollIndicator: false,
+        showsVerticalScrollIndicator: false,
+        automaticallyAdjustContentInsets: false,
+        overScrollMode: "never",
+        contentContainerStyle: contentContainerStyleMemoized,
+        scrollEventThrottle: 16,
+        renderItem: renderItem,
+        onScroll: handleScroll,
+        ref: flatListRef,
+        testID: testID
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  scroll: {
+    overflow: Platform.select({
+      default: 'scroll',
+      web: undefined
+    })
+  },
+  tabBar: {
+    zIndex: 1,
+    backgroundColor: '#2196f3',
+    elevation: 4,
+    ...Platform.select({
+      default: {
+        shadowColor: 'black',
+        shadowOpacity: 0.1,
+        shadowRadius: StyleSheet.hairlineWidth,
+        shadowOffset: {
+          height: StyleSheet.hairlineWidth,
+          width: 0
+        }
+      },
+      web: {
+        boxShadow: '0 1px 1px rgba(0, 0, 0, 0.1)'
+      }
+    })
+  },
+  tabContent: {
+    flexGrow: 1,
+    flexDirection: 'row',
+    flexWrap: 'nowrap'
+  },
+  indicatorContainer: {
+    position: 'absolute',
+    top: 0,
+    start: 0,
+    end: 0,
+    bottom: 0
+  }
+});
+//# sourceMappingURL=TabBar.js.map

package/lib/module/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","I18nManager","Platform","StyleSheet","View","useLatestCallback","TabBarIndicator","TabBarItem","useAnimatedValue","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useNativeDriver","OS","Separator","width","style","getFlattenedTabWidth","tabStyle","flatten","getFlattenedPaddingStart","flattenStyle","paddingLeft","paddingStart","paddingHorizontal","getFlattenedPaddingEnd","paddingRight","paddingEnd","convertPaddingPercentToSize","value","layout","endsWith","parseFloat","Number","isFinite","getComputedTabWidth","index","routes","scrollEnabled","tabWidths","flattenedWidth","flattenedPaddingStart","flattenedPaddingEnd","gap","key","gapTotalWidth","length","paddingTotalWidth","getMaxScrollDistance","tabBarWidth","layoutWidth","getTranslateX","scrollAmount","maxScrollDistance","direction","multiply","add","getTabBarWidth","navigationState","flattenedTabWidth","paddingsWidth","Math","max","reduce","acc","_","i","normalizeScrollValue","maxDistance","scrollValue","min","getScrollAmount","paddingInitial","centerDistance","Array","from","total","tabWidth","getLabelTextDefault","route","title","getAccessibleDefault","accessible","getAccessibilityLabelDefault","accessibilityLabel","undefined","renderIndicatorDefault","props","getTestIdDefault","testID","MEASURE_PER_BATCH","TabBar","renderIndicator","jumpTo","position","bounces","contentContainerStyle","indicatorContainerStyle","indicatorStyle","onTabLongPress","onTabPress","pressColor","pressOpacity","getConstants","isRTL","renderTabBarItem","propLayout","android_ripple","options","animatedStyles","setLayout","useState","height","setTabWidths","flatListRef","useRef","isFirst","measuredTabWidths","isWidthDynamic","scrollOffset","hasMeasuredTabWidths","Boolean","slice","every","r","useEffect","current","scrollToOffset","offset","animated","handleLayout","e","nativeEvent","separatorsWidth","translateX","useMemo","renderItem","useCallback","item","labelText","rest","onLayout","onPress","event","defaultPrevented","preventDefault","onLongPress","defaultTabWidth","children","keyExtractor","contentContainerStyleMemoized","styles","tabContent","handleScroll","contentOffset","x","handleViewableItemsChanged","changed","isViewable","tabBar","pointerEvents","indicatorContainer","transform","start","end","getTabWidth","scroll","FlatList","data","horizontal","role","keyboardShouldPersistTaps","initialNumToRender","onViewableItemsChanged","alwaysBounceHorizontal","scrollsToTop","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","automaticallyAdjustContentInsets","overScrollMode","scrollEventThrottle","onScroll","ref","create","overflow","select","default","web","zIndex","backgroundColor","elevation","shadowColor","shadowOpacity","shadowRadius","hairlineWidth","shadowOffset","boxShadow","flexGrow","flexDirection","flexWrap","top","bottom"],"sourceRoot":"../../src","sources":["TabBar.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EAGRC,WAAW,EAGXC,QAAQ,EAGRC,UAAU,EACVC,IAAI,QAGC,cAAc;AACrB,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,SAEEC,eAAe,QACV,sBAAmB;AAC1B,SAAwCC,UAAU,QAAQ,iBAAc;AAYxE,SAASC,gBAAgB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AA2BtD,MAAMC,eAAe,GAAGb,QAAQ,CAACc,EAAE,KAAK,KAAK;AAE7C,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAClD,oBAAOR,IAAA,CAACN,IAAI;IAACe,KAAK,EAAE;MAAED;IAAM;EAAE,CAAE,CAAC;AACnC,CAAC;AAED,MAAME,oBAAoB,GAAID,KAA2B,IAAK;EAC5D,MAAME,QAAQ,GAAGlB,UAAU,CAACmB,OAAO,CAACH,KAAK,CAAC;EAE1C,OAAOE,QAAQ,EAAEH,KAAK;AACxB,CAAC;AAED,MAAMK,wBAAwB,GAAIJ,KAA2B,IAAK;EAChE,MAAMK,YAAY,GAAGrB,UAAU,CAACmB,OAAO,CAACH,KAAK,CAAC;EAE9C,OAAOK,YAAY,GACfA,YAAY,CAACC,WAAW,IACtBD,YAAY,CAACE,YAAY,IACzBF,YAAY,CAACG,iBAAiB,IAC9B,CAAC,GACH,CAAC;AACP,CAAC;AAED,MAAMC,sBAAsB,GAAIT,KAA2B,IAAK;EAC9D,MAAMK,YAAY,GAAGrB,UAAU,CAACmB,OAAO,CAACH,KAAK,CAAC;EAE9C,OAAOK,YAAY,GACfA,YAAY,CAACK,YAAY,IACvBL,YAAY,CAACM,UAAU,IACvBN,YAAY,CAACG,iBAAiB,IAC9B,CAAC,GACH,CAAC;AACP,CAAC;AAED,MAAMI,2BAA2B,GAAGA,CAClCC,KAAiC,EACjCC,MAAc,KACH;EACX,QAAQ,OAAOD,KAAK;IAClB,KAAK,QAAQ;MACX,OAAOA,KAAK;IACd,KAAK,QAAQ;MACX,IAAIA,KAAK,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE;QACvB,MAAMhB,KAAK,GAAGiB,UAAU,CAACH,KAAK,CAAC;QAC/B,IAAII,MAAM,CAACC,QAAQ,CAACnB,KAAK,CAAC,EAAE;UAC1B,OAAOe,MAAM,CAACf,KAAK,IAAIA,KAAK,GAAG,GAAG,CAAC;QACrC;MACF;EACJ;EACA,OAAO,CAAC;AACV,CAAC;AAED,MAAMoB,mBAAmB,GAAGA,CAC1BC,KAAa,EACbN,MAAc,EACdO,MAAe,EACfC,aAAkC,EAClCC,SAAoC,EACpCC,cAA0C,EAC1CC,qBAAiD,EACjDC,mBAA+C,EAC/CC,GAAY,KACT;EACH,IAAIH,cAAc,KAAK,MAAM,EAAE;IAC7B,OAAOD,SAAS,CAACF,MAAM,CAACD,KAAK,CAAC,CAACQ,GAAG,CAAC,IAAI,CAAC;EAC1C;EAEA,QAAQ,OAAOJ,cAAc;IAC3B,KAAK,QAAQ;MACX,OAAOA,cAAc;IACvB,KAAK,QAAQ;MACX,IAAIA,cAAc,CAACT,QAAQ,CAAC,GAAG,CAAC,EAAE;QAChC,MAAMhB,KAAK,GAAGiB,UAAU,CAACQ,cAAc,CAAC;QACxC,IAAIP,MAAM,CAACC,QAAQ,CAACnB,KAAK,CAAC,EAAE;UAC1B,OAAOe,MAAM,CAACf,KAAK,IAAIA,KAAK,GAAG,GAAG,CAAC;QACrC;MACF;EACJ;EAEA,IAAIuB,aAAa,EAAE;IACjB,OAAQR,MAAM,CAACf,KAAK,GAAG,CAAC,GAAI,CAAC;EAC/B;EAEA,MAAM8B,aAAa,GAAG,CAACF,GAAG,IAAI,CAAC,KAAKN,MAAM,CAACS,MAAM,GAAG,CAAC,CAAC;EACtD,MAAMC,iBAAiB,GACrBnB,2BAA2B,CAACa,qBAAqB,EAAEX,MAAM,CAAC,GAC1DF,2BAA2B,CAACc,mBAAmB,EAAEZ,MAAM,CAAC;EAE1D,OAAO,CAACA,MAAM,CAACf,KAAK,GAAG8B,aAAa,GAAGE,iBAAiB,IAAIV,MAAM,CAACS,MAAM;AAC3E,CAAC;AAED,MAAME,oBAAoB,GAAGA,CAACC,WAAmB,EAAEC,WAAmB,KACpED,WAAW,GAAGC,WAAW;AAE3B,MAAMC,aAAa,GAAGA,CACpBC,YAA4B,EAC5BC,iBAAyB,EACzBC,SAA0B,KAE1BzD,QAAQ,CAAC0D,QAAQ,CACfxD,QAAQ,CAACc,EAAE,KAAK,SAAS,IAAIyC,SAAS,KAAK,KAAK,GAC5CzD,QAAQ,CAAC2D,GAAG,CAACH,iBAAiB,EAAExD,QAAQ,CAAC0D,QAAQ,CAACH,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,GACpEA,YAAY,EAChBE,SAAS,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,CAC7B,CAAC;AAEH,MAAMG,cAAc,GAAGA,CAAkB;EACvCC,eAAe;EACf5B,MAAM;EACNa,GAAG;EACHL,aAAa;EACbqB,iBAAiB;EACjBlB,qBAAqB;EACrBC,mBAAmB;EACnBH;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEF;EAAO,CAAC,GAAGqB,eAAe;EAElC,MAAME,aAAa,GAAGC,IAAI,CAACC,GAAG,CAC5B,CAAC,EACDlC,2BAA2B,CAACa,qBAAqB,EAAEX,MAAM,CAAC,GACxDF,2BAA2B,CAACc,mBAAmB,EAAEZ,MAAM,CAC3D,CAAC;EAED,OAAOO,MAAM,CAAC0B,MAAM,CAClB,CAACC,GAAG,EAAEC,CAAC,EAAEC,CAAC,KACRF,GAAG,IACFE,CAAC,GAAG,CAAC,GAAIvB,GAAG,IAAI,CAAC,GAAI,CAAC,CAAC,GACxBR,mBAAmB,CACjB+B,CAAC,EACDpC,MAAM,EACNO,MAAM,EACNC,aAAa,EACbC,SAAS,EACToB,iBAAiB,EACjBlB,qBAAqB,EACrBC,mBAAmB,EACnBC,GACF,CAAC,EACHiB,aACF,CAAC;AACH,CAAC;AAED,MAAMO,oBAAoB,GAAGA,CAAkB;EAC7CrC,MAAM;EACN4B,eAAe;EACff,GAAG;EACHL,aAAa;EACbC,SAAS;EACTV,KAAK;EACL8B,iBAAiB;EACjBlB,qBAAqB;EACrBC,mBAAmB;EACnBY;AAQF,CAAC,KAAK;EACJ,MAAML,WAAW,GAAGQ,cAAc,CAAC;IACjC3B,MAAM;IACN4B,eAAe;IACfnB,SAAS;IACTI,GAAG;IACHL,aAAa;IACbqB,iBAAiB;IACjBlB,qBAAqB;IACrBC;EACF,CAAC,CAAC;EACF,MAAM0B,WAAW,GAAGpB,oBAAoB,CAACC,WAAW,EAAEnB,MAAM,CAACf,KAAK,CAAC;EACnE,MAAMsD,WAAW,GAAGR,IAAI,CAACC,GAAG,CAACD,IAAI,CAACS,GAAG,CAACzC,KAAK,EAAEuC,WAAW,CAAC,EAAE,CAAC,CAAC;EAE7D,IAAIrE,QAAQ,CAACc,EAAE,KAAK,SAAS,IAAIyC,SAAS,KAAK,KAAK,EAAE;IACpD;IACA;IACA,OAAOc,WAAW,GAAGC,WAAW;EAClC;EAEA,OAAOA,WAAW;AACpB,CAAC;AAED,MAAME,eAAe,GAAGA,CAAkB;EACxCzC,MAAM;EACN4B,eAAe;EACff,GAAG;EACHL,aAAa;EACbqB,iBAAiB;EACjBpB,SAAS;EACTE,qBAAqB;EACrBC,mBAAmB;EACnBY;AAOF,CAAC,KAAK;EACJ,MAAMkB,cAAc,GAClBlB,SAAS,KAAK,KAAK,GACf1B,2BAA2B,CAACc,mBAAmB,EAAEZ,MAAM,CAAC,GACxDF,2BAA2B,CAACa,qBAAqB,EAAEX,MAAM,CAAC;EAEhE,MAAM2C,cAAc,GAAGC,KAAK,CAACC,IAAI,CAAC;IAChC7B,MAAM,EAAEY,eAAe,CAACtB,KAAK,GAAG;EAClC,CAAC,CAAC,CAAC2B,MAAM,CAAS,CAACa,KAAK,EAAEX,CAAC,EAAEC,CAAC,KAAK;IACjC,MAAMW,QAAQ,GAAG1C,mBAAmB,CAClC+B,CAAC,EACDpC,MAAM,EACN4B,eAAe,CAACrB,MAAM,EACtBC,aAAa,EACbC,SAAS,EACToB,iBAAiB,EACjBlB,qBAAqB,EACrBC,mBAAmB,EACnBC,GACF,CAAC;;IAED;IACA;IACA,OACEiC,KAAK,IACJV,CAAC,GAAG,CAAC,GAAIvB,GAAG,IAAI,CAAC,GAAI,CAAC,CAAC,IACvBe,eAAe,CAACtB,KAAK,KAAK8B,CAAC,GAAGW,QAAQ,GAAG,CAAC,GAAGA,QAAQ,CAAC;EAE3D,CAAC,EAAEL,cAAc,CAAC;EAElB,MAAMpB,YAAY,GAAGqB,cAAc,GAAG3C,MAAM,CAACf,KAAK,GAAG,CAAC;EAEtD,OAAOoD,oBAAoB,CAAC;IAC1BrC,MAAM;IACN4B,eAAe;IACfnB,SAAS;IACTV,KAAK,EAAEuB,YAAY;IACnBT,GAAG;IACHL,aAAa;IACbqB,iBAAiB;IACjBlB,qBAAqB;IACrBC,mBAAmB;IACnBY;EACF,CAAC,CAAC;AACJ,CAAC;AACD,MAAMwB,mBAAmB,GAAGA,CAAC;EAAEC;AAAoB,CAAC,KAAKA,KAAK,CAACC,KAAK;AAEpE,MAAMC,oBAAoB,GAAGA,CAAC;EAAEF;AAAoB,CAAC,KACnD,OAAOA,KAAK,CAACG,UAAU,KAAK,WAAW,GAAGH,KAAK,CAACG,UAAU,GAAG,IAAI;AAEnE,MAAMC,4BAA4B,GAAGA,CAAC;EAAEJ;AAAoB,CAAC,KAC3D,OAAOA,KAAK,CAACK,kBAAkB,KAAK,QAAQ,GACxCL,KAAK,CAACK,kBAAkB,GACxB,OAAOL,KAAK,CAACC,KAAK,KAAK,QAAQ,GAC7BD,KAAK,CAACC,KAAK,GACXK,SAAS;AAEjB,MAAMC,sBAAsB,GAAIC,KAA4B,iBAC1DhF,IAAA,CAACJ,eAAe;EAAA,GAAKoF;AAAK,CAAG,CAC9B;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAET;AAAoB,CAAC,KAAKA,KAAK,CAACU,MAAM;;AAElE;AACA;AACA,MAAMC,iBAAiB,GAAG,EAAE;AAE5B,OAAO,SAASC,MAAMA,CAAkB;EACtCC,eAAe,GAAGN,sBAAsB;EACxC3C,GAAG,GAAG,CAAC;EACPL,aAAa;EACbuD,MAAM;EACNnC,eAAe;EACfoC,QAAQ;EACRC,OAAO;EACPC,qBAAqB;EACrBC,uBAAuB;EACvBC,cAAc;EACdC,cAAc;EACdC,UAAU;EACVC,UAAU;EACVC,YAAY;EACZhD,SAAS,GAAGxD,WAAW,CAACyG,YAAY,CAAC,CAAC,CAACC,KAAK,GAAG,KAAK,GAAG,KAAK;EAC5DC,gBAAgB;EAChBzF,KAAK;EACLE,QAAQ;EACRY,MAAM,EAAE4E,UAAU;EAClBjB,MAAM;EACNkB,cAAc;EACdC,OAAO;EACPC;AACQ,CAAC,EAAE;EACX,MAAM,CAAC/E,MAAM,EAAEgF,SAAS,CAAC,GAAGlH,KAAK,CAACmH,QAAQ,CACxCL,UAAU,IAAI;IAAE3F,KAAK,EAAE,CAAC;IAAEiG,MAAM,EAAE;EAAE,CACtC,CAAC;EACD,MAAM,CAACzE,SAAS,EAAE0E,YAAY,CAAC,GAAGrH,KAAK,CAACmH,QAAQ,CAAyB,CAAC,CAAC,CAAC;EAC5E,MAAMG,WAAW,GAAGtH,KAAK,CAACuH,MAAM,CAAkB,IAAI,CAAC;EACvD,MAAMC,OAAO,GAAGxH,KAAK,CAACuH,MAAM,CAAC,IAAI,CAAC;EAClC,MAAM/D,YAAY,GAAG/C,gBAAgB,CAAC,CAAC,CAAC;EACxC,MAAMgH,iBAAiB,GAAGzH,KAAK,CAACuH,MAAM,CAAyB,CAAC,CAAC,CAAC;EAClE,MAAM;IAAE9E;EAAO,CAAC,GAAGqB,eAAe;EAClC,MAAMC,iBAAiB,GAAG1C,oBAAoB,CAACC,QAAQ,CAAC;EACxD,MAAMoG,cAAc,GAAG3D,iBAAiB,KAAK,MAAM;EACnD,MAAMjB,mBAAmB,GAAGjB,sBAAsB,CAACuE,qBAAqB,CAAC;EACzE,MAAMvD,qBAAqB,GAAGrB,wBAAwB,CAAC4E,qBAAqB,CAAC;EAC7E,MAAMuB,YAAY,GAAGhD,eAAe,CAAC;IACnCzC,MAAM;IACN4B,eAAe;IACfnB,SAAS;IACTI,GAAG;IACHL,aAAa;IACbqB,iBAAiB;IACjBlB,qBAAqB;IACrBC,mBAAmB;IACnBY;EACF,CAAC,CAAC;EAEF,MAAMkE,oBAAoB,GACxBC,OAAO,CAAC3F,MAAM,CAACf,KAAK,CAAC,IACrBsB,MAAM,CACHqF,KAAK,CAAC,CAAC,EAAEhE,eAAe,CAACtB,KAAK,CAAC,CAC/BuF,KAAK,CAAEC,CAAC,IAAK,OAAOrF,SAAS,CAACqF,CAAC,CAAChF,GAAG,CAAC,KAAK,QAAQ,CAAC;EAEvDhD,KAAK,CAACiI,SAAS,CAAC,MAAM;IACpB,IAAIT,OAAO,CAACU,OAAO,EAAE;MACnBV,OAAO,CAACU,OAAO,GAAG,KAAK;MACvB;IACF;IAEA,IAAIR,cAAc,IAAI,CAACE,oBAAoB,EAAE;MAC3C;IACF;IAEA,IAAIlF,aAAa,EAAE;MACjB4E,WAAW,CAACY,OAAO,EAAEC,cAAc,CAAC;QAClCC,MAAM,EAAET,YAAY;QACpBU,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACT,oBAAoB,EAAEF,cAAc,EAAEhF,aAAa,EAAEiF,YAAY,CAAC,CAAC;EAEvE,MAAMW,YAAY,GAAIC,CAAoB,IAAK;IAC7C,MAAM;MAAEnB,MAAM;MAAEjG;IAAM,CAAC,GAAGoH,CAAC,CAACC,WAAW,CAACtG,MAAM;IAE9CgF,SAAS,CAAEhF,MAAM,IACfA,MAAM,CAACf,KAAK,KAAKA,KAAK,IAAIe,MAAM,CAACkF,MAAM,KAAKA,MAAM,GAC9ClF,MAAM,GACN;MAAEf,KAAK;MAAEiG;IAAO,CACtB,CAAC;EACH,CAAC;EAED,MAAM/D,WAAW,GAAGQ,cAAc,CAAC;IACjC3B,MAAM;IACN4B,eAAe;IACfnB,SAAS;IACTI,GAAG;IACHL,aAAa;IACbqB,iBAAiB;IACjBlB,qBAAqB;IACrBC;EACF,CAAC,CAAC;EAEF,MAAM2F,eAAe,GAAGxE,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEzB,MAAM,CAACS,MAAM,GAAG,CAAC,CAAC,GAAGH,GAAG;EAC5D,MAAMiB,aAAa,GAAGC,IAAI,CAACC,GAAG,CAC5B,CAAC,EACDlC,2BAA2B,CAACa,qBAAqB,EAAEX,MAAM,CAAC,GACxDF,2BAA2B,CAACc,mBAAmB,EAAEZ,MAAM,CAC3D,CAAC;EAED,MAAMwG,UAAU,GAAG1I,KAAK,CAAC2I,OAAO,CAC9B,MACEpF,aAAa,CACXC,YAAY,EACZJ,oBAAoB,CAACC,WAAW,EAAEnB,MAAM,CAACf,KAAK,CAAC,EAC/CuC,SACF,CAAC,EACH,CAACA,SAAS,EAAExB,MAAM,CAACf,KAAK,EAAEqC,YAAY,EAAEH,WAAW,CACrD,CAAC;EAED,MAAMuF,UAAU,GAAG5I,KAAK,CAAC6I,WAAW,CAClC,CAAC;IAAEC,IAAI,EAAE3D,KAAK;IAAE3C;EAA6B,CAAC,KAAK;IACjD,MAAM;MACJqD,MAAM,GAAGD,gBAAgB,CAAC;QAAET;MAAM,CAAC,CAAC;MACpC4D,SAAS,GAAG7D,mBAAmB,CAAC;QAAEC;MAAM,CAAC,CAAC;MAC1CG,UAAU,GAAGD,oBAAoB,CAAC;QAAEF;MAAM,CAAC,CAAC;MAC5CK,kBAAkB,GAAGD,4BAA4B,CAAC;QAAEJ;MAAM,CAAC,CAAC;MAC5D,GAAG6D;IACL,CAAC,GAAGhC,OAAO,GAAG7B,KAAK,CAACnC,GAAG,CAAC,IAAI,CAAC,CAAC;IAE9B,MAAMiG,QAAQ,GAAGvB,cAAc,GAC1Ba,CAAoB,IAAK;MACxBd,iBAAiB,CAACS,OAAO,CAAC/C,KAAK,CAACnC,GAAG,CAAC,GAAGuF,CAAC,CAACC,WAAW,CAACtG,MAAM,CAACf,KAAK;;MAEjE;MACA;MACA;MACA,IACEsB,MAAM,CAACS,MAAM,GAAG4C,iBAAiB,IACjCtD,KAAK,KAAKsD,iBAAiB,IAC3BrD,MAAM,CACHqF,KAAK,CAAC,CAAC,EAAEhC,iBAAiB,CAAC,CAC3BiC,KAAK,CACHC,CAAC,IAAK,OAAOP,iBAAiB,CAACS,OAAO,CAACF,CAAC,CAAChF,GAAG,CAAC,KAAK,QACrD,CAAC,EACH;QACAqE,YAAY,CAAC;UAAE,GAAGI,iBAAiB,CAACS;QAAQ,CAAC,CAAC;MAChD,CAAC,MAAM,IACLzF,MAAM,CAACsF,KAAK,CACTC,CAAC,IAAK,OAAOP,iBAAiB,CAACS,OAAO,CAACF,CAAC,CAAChF,GAAG,CAAC,KAAK,QACrD,CAAC,EACD;QACA;QACA;QACAqE,YAAY,CAAC;UAAE,GAAGI,iBAAiB,CAACS;QAAQ,CAAC,CAAC;MAChD;IACF,CAAC,GACDzC,SAAS;IAEb,MAAMyD,OAAO,GAAGA,CAAA,KAAM;MACpB,MAAMC,KAAuB,GAAG;QAC9BhE,KAAK;QACLiE,gBAAgB,EAAE,KAAK;QACvBC,cAAc,EAAEA,CAAA,KAAM;UACpBF,KAAK,CAACC,gBAAgB,GAAG,IAAI;QAC/B;MACF,CAAC;MAED5C,UAAU,GAAG2C,KAAK,CAAC;MAEnB,IAAIA,KAAK,CAACC,gBAAgB,EAAE;QAC1B;MACF;MAEAnD,MAAM,CAACd,KAAK,CAACnC,GAAG,CAAC;IACnB,CAAC;IAED,MAAMsG,WAAW,GAAGA,CAAA,KAAM/C,cAAc,GAAG;MAAEpB;IAAM,CAAC,CAAC;;IAErD;IACA,MAAMoE,eAAe,GAAG,CAAC7B,cAAc,GACnCnF,mBAAmB,CACjBC,KAAK,EACLN,MAAM,EACNO,MAAM,EACNC,aAAa,EACbC,SAAS,EACTtB,oBAAoB,CAACC,QAAQ,CAAC,EAC9BO,sBAAsB,CAACuE,qBAAqB,CAAC,EAC7C5E,wBAAwB,CAAC4E,qBAAqB,CAAC,EAC/CrD,GACF,CAAC,GACD0C,SAAS;IAEb,MAAME,KAAK,GAAG;MACZ,GAAGqD,IAAI;MACP9C,QAAQ;MACRf,KAAK;MACLrB,eAAe;MACf+B,MAAM;MACNkD,SAAS;MACTzD,UAAU;MACVE,kBAAkB;MAClBiB,UAAU;MACVC,YAAY;MACZuC,QAAQ;MACRC,OAAO;MACPI,WAAW;MACXlI,KAAK,EAAEE,QAAQ;MACfiI,eAAe;MACfxC,cAAc;MACdE;IACF,CAA8B;IAE9B,oBACElG,KAAA,CAAAF,SAAA;MAAA2I,QAAA,GACGzG,GAAG,GAAG,CAAC,IAAIP,KAAK,GAAG,CAAC,gBAAG7B,IAAA,CAACO,SAAS;QAACC,KAAK,EAAE4B;MAAI,CAAE,CAAC,GAAG,IAAI,EACvD8D,gBAAgB,GACfA,gBAAgB,CAAC;QAAE7D,GAAG,EAAEmC,KAAK,CAACnC,GAAG;QAAE,GAAG2C;MAAM,CAAC,CAAC,gBAE9ChF,IAAA,CAACH,UAAU;QAAA,GAAqBmF;MAAK,GAApBR,KAAK,CAACnC,GAAiB,CACzC;IAAA,CACD,CAAC;EAEP,CAAC,EACD,CACEkD,QAAQ,EACRpC,eAAe,EACfkD,OAAO,EACPP,UAAU,EACVC,YAAY,EACZgB,cAAc,EACdpG,QAAQ,EACRY,MAAM,EACNO,MAAM,EACNC,aAAa,EACbC,SAAS,EACTyD,qBAAqB,EACrBrD,GAAG,EACHgE,cAAc,EACdF,gBAAgB,EAChBL,UAAU,EACVP,MAAM,EACNM,cAAc,EACdU,cAAc,CAElB,CAAC;EAED,MAAMwC,YAAY,GAAGzJ,KAAK,CAAC6I,WAAW,CAAEC,IAAO,IAAKA,IAAI,CAAC9F,GAAG,EAAE,EAAE,CAAC;EAEjE,MAAM0G,6BAA6B,GAAG1J,KAAK,CAAC2I,OAAO,CACjD,MAAM,CACJgB,MAAM,CAACC,UAAU,EACjBlH,aAAa,GAAG;IAAEvB,KAAK,EAAEkC;EAAY,CAAC,GAAG,IAAI,EAC7C+C,qBAAqB,CACtB,EACD,CAACA,qBAAqB,EAAE1D,aAAa,EAAEW,WAAW,CACpD,CAAC;EAED,MAAMwG,YAAY,GAAG7J,KAAK,CAAC2I,OAAO,CAChC,MACE1I,QAAQ,CAACkJ,KAAK,CACZ,CACE;IACEX,WAAW,EAAE;MACXsB,aAAa,EAAE;QAAEC,CAAC,EAAEvG;MAAa;IACnC;EACF,CAAC,CACF,EACD;IAAExC;EAAgB,CACpB,CAAC,EACH,CAACwC,YAAY,CACf,CAAC;EAED,MAAMwG,0BAA0B,GAAG1J,iBAAiB,CAClD,CAAC;IAAE2J;EAAkC,CAAC,KAAK;IACzC,IAAIxH,MAAM,CAACS,MAAM,IAAI4C,iBAAiB,EAAE;MACtC;IACF;IACA;IACA,MAAMgD,IAAI,GAAGmB,OAAO,CAACA,OAAO,CAAC/G,MAAM,GAAG,CAAC,CAAC;IACxC,MAAMV,KAAK,GAAGsG,IAAI,EAAEtG,KAAK,IAAI,CAAC;IAC9B,IACEsG,IAAI,CAACoB,UAAU,KACd1H,KAAK,GAAG,EAAE,KAAK,CAAC,IACfA,KAAK,KAAKsB,eAAe,CAACtB,KAAK,IAC/BA,KAAK,KAAKC,MAAM,CAACS,MAAM,GAAG,CAAC,CAAC,EAC9B;MACAmE,YAAY,CAAC;QAAE,GAAGI,iBAAiB,CAACS;MAAQ,CAAC,CAAC;IAChD;EACF,CACF,CAAC;EAED,oBACEnH,KAAA,CAACd,QAAQ,CAACI,IAAI;IAAC4I,QAAQ,EAAEX,YAAa;IAAClH,KAAK,EAAE,CAACuI,MAAM,CAACQ,MAAM,EAAE/I,KAAK,CAAE;IAAAoI,QAAA,gBACnE7I,IAAA,CAACV,QAAQ,CAACI,IAAI;MACZ+J,aAAa,EAAC,MAAM;MACpBhJ,KAAK,EAAE,CACLuI,MAAM,CAACU,kBAAkB,EACzB3H,aAAa,GAAG;QAAE4H,SAAS,EAAE,CAAC;UAAE5B;QAAW,CAAC;MAAS,CAAC,GAAG,IAAI,EAC7DhG,aAAa,GAAG;QAAEvB,KAAK,EAAEkC;MAAY,CAAC,GAAG,IAAI,EAC7CgD,uBAAuB,CACvB;MAAAmD,QAAA,EAEDxD,eAAe,CAAC;QACfE,QAAQ;QACRhE,MAAM;QACN4B,eAAe;QACfmC,MAAM;QACNvC,SAAS;QACTvC,KAAK,EAAEuG,cAAc,GACjB,MAAM,GACNzD,IAAI,CAACC,GAAG,CACN,CAAC,EACD,CAACb,WAAW,GAAGoF,eAAe,GAAGzE,aAAa,IAAIvB,MAAM,CAACS,MAC3D,CAAC;QACL9B,KAAK,EAAE,CACLkF,cAAc,EACd;UAAEiE,KAAK,EAAE1H,qBAAqB;UAAE2H,GAAG,EAAE1H;QAAoB,CAAC,CAC3D;QACD2H,WAAW,EAAGnG,CAAS,IACrB/B,mBAAmB,CACjB+B,CAAC,EACDpC,MAAM,EACNO,MAAM,EACNC,aAAa,EACbC,SAAS,EACToB,iBAAiB,EACjBjB,mBAAmB,EACnBD,qBAAqB,EACrBE,GACF,CAAC;QACHA;MACF,CAAC;IAAC,CACW,CAAC,eAChBpC,IAAA,CAACN,IAAI;MAACe,KAAK,EAAEuI,MAAM,CAACe,MAAO;MAAAlB,QAAA,eACzB7I,IAAA,CAACV,QAAQ,CAAC0K,QAAQ;QAChBC,IAAI,EAAEnI,MAA0C;QAChDgH,YAAY,EAAEA,YAAa;QAC3BoB,UAAU;QACVC,IAAI,EAAC,SAAS;QACdC,yBAAyB,EAAC,SAAS;QACnCrI,aAAa,EAAEA,aAAc;QAC7ByD,OAAO,EAAEA,OAAQ;QACjB6E,kBAAkB,EAAElF,iBAAkB;QACtCmF,sBAAsB,EAAEjB,0BAA2B;QACnDkB,sBAAsB,EAAE,KAAM;QAC9BC,YAAY,EAAE,KAAM;QACpBC,8BAA8B,EAAE,KAAM;QACtCC,4BAA4B,EAAE,KAAM;QACpCC,gCAAgC,EAAE,KAAM;QACxCC,cAAc,EAAC,OAAO;QACtBnF,qBAAqB,EAAEsD,6BAA8B;QACrD8B,mBAAmB,EAAE,EAAG;QACxB5C,UAAU,EAAEA,UAAW;QACvB6C,QAAQ,EAAE5B,YAAa;QACvB6B,GAAG,EAAEpE,WAAY;QACjBzB,MAAM,EAAEA;MAAO,CAChB;IAAC,CACE,CAAC;EAAA,CACM,CAAC;AAEpB;AAEA,MAAM8D,MAAM,GAAGvJ,UAAU,CAACuL,MAAM,CAAC;EAC/BjB,MAAM,EAAE;IACNkB,QAAQ,EAAEzL,QAAQ,CAAC0L,MAAM,CAAC;MAAEC,OAAO,EAAE,QAAQ;MAAEC,GAAG,EAAEtG;IAAU,CAAC;EACjE,CAAC;EACD0E,MAAM,EAAE;IACN6B,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,SAAS;IAC1BC,SAAS,EAAE,CAAC;IACZ,GAAG/L,QAAQ,CAAC0L,MAAM,CAAC;MACjBC,OAAO,EAAE;QACPK,WAAW,EAAE,OAAO;QACpBC,aAAa,EAAE,GAAG;QAClBC,YAAY,EAAEjM,UAAU,CAACkM,aAAa;QACtCC,YAAY,EAAE;UACZnF,MAAM,EAAEhH,UAAU,CAACkM,aAAa;UAChCnL,KAAK,EAAE;QACT;MACF,CAAC;MACD4K,GAAG,EAAE;QACHS,SAAS,EAAE;MACb;IACF,CAAC;EACH,CAAC;EACD5C,UAAU,EAAE;IACV6C,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDtC,kBAAkB,EAAE;IAClBnE,QAAQ,EAAE,UAAU;IACpB0G,GAAG,EAAE,CAAC;IACNrC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNqC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/TabBarIndicator.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated, Easing, Platform, StyleSheet } from 'react-native';
+import { useAnimatedValue } from "./useAnimatedValue.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useNativeDriver = Platform.OS !== 'web';
+const getTranslateX = (position, routes, getTabWidth, direction, gap, width) => {
+  const inputRange = routes.map((_, i) => i);
+
+  // every index contains widths at all previous indices
+  const outputRange = routes.reduce((acc, _, i) => {
+    if (typeof width === 'number') {
+      if (i === 0) return [getTabWidth(i) / 2 - width / 2];
+      let sumTabWidth = 0;
+      for (let j = 0; j < i; j++) {
+        sumTabWidth += getTabWidth(j);
+      }
+      return [...acc, sumTabWidth + getTabWidth(i) / 2 + (gap ? gap * i : 0) - width / 2];
+    } else {
+      if (i === 0) return [0];
+      return [...acc, acc[i - 1] + getTabWidth(i - 1) + (gap ?? 0)];
+    }
+  }, []);
+  const translateX = position.interpolate({
+    inputRange,
+    outputRange,
+    extrapolate: 'clamp'
+  });
+  return Animated.multiply(translateX, direction === 'rtl' ? -1 : 1);
+};
+export function TabBarIndicator({
+  getTabWidth,
+  layout,
+  navigationState,
+  position,
+  width,
+  direction,
+  gap,
+  style,
+  children
+}) {
+  const isIndicatorShown = React.useRef(false);
+  const isWidthDynamic = width === 'auto';
+  const opacity = useAnimatedValue(isWidthDynamic ? 0 : 1);
+  const indicatorVisible = isWidthDynamic ? layout.width && navigationState.routes.slice(0, navigationState.index).every((_, r) => getTabWidth(r)) : true;
+  React.useEffect(() => {
+    const fadeInIndicator = () => {
+      if (!isIndicatorShown.current && isWidthDynamic &&
+      // We should fade-in the indicator when we have widths for all the tab items
+      indicatorVisible) {
+        isIndicatorShown.current = true;
+        Animated.timing(opacity, {
+          toValue: 1,
+          duration: 150,
+          easing: Easing.in(Easing.linear),
+          useNativeDriver
+        }).start();
+      }
+    };
+    fadeInIndicator();
+    return () => opacity.stopAnimation();
+  }, [indicatorVisible, isWidthDynamic, opacity]);
+  const {
+    routes
+  } = navigationState;
+  const transform = [];
+  if (layout.width) {
+    const translateX = routes.length > 1 ? getTranslateX(position, routes, getTabWidth, direction, gap, width) : 0;
+    transform.push({
+      translateX
+    });
+  }
+  if (width === 'auto') {
+    const inputRange = routes.map((_, i) => i);
+    const outputRange = inputRange.map(getTabWidth);
+    transform.push({
+      scaleX: routes.length > 1 ? position.interpolate({
+        inputRange,
+        outputRange,
+        extrapolate: 'clamp'
+      }) : outputRange[0]
+    }, {
+      translateX: direction === 'rtl' ? -0.5 : 0.5
+    });
+  }
+  const styleList = [];
+
+  // scaleX doesn't work properly on chrome and opera for linux and android
+  if (Platform.OS === 'web' && width === 'auto') {
+    styleList.push({
+      width: transform[1].scaleX
+    }, {
+      left: transform[0].translateX
+    });
+  } else {
+    styleList.push({
+      width: width === 'auto' ? 1 : width
+    }, {
+      start: `${100 / routes.length * navigationState.index}%`
+    }, {
+      transform
+    });
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.indicator, styleList, width === 'auto' ? {
+      opacity: opacity
+    } : null, style],
+    children: children
+  });
+}
+const styles = StyleSheet.create({
+  indicator: {
+    backgroundColor: '#ffeb3b',
+    position: 'absolute',
+    start: 0,
+    bottom: 0,
+    end: 0,
+    height: 2
+  }
+});
+//# sourceMappingURL=TabBarIndicator.js.map

package/lib/module/TabBarIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","Platform","StyleSheet","useAnimatedValue","jsx","_jsx","useNativeDriver","OS","getTranslateX","position","routes","getTabWidth","direction","gap","width","inputRange","map","_","i","outputRange","reduce","acc","sumTabWidth","j","translateX","interpolate","extrapolate","multiply","TabBarIndicator","layout","navigationState","style","children","isIndicatorShown","useRef","isWidthDynamic","opacity","indicatorVisible","slice","index","every","r","useEffect","fadeInIndicator","current","timing","toValue","duration","easing","in","linear","start","stopAnimation","transform","length","push","scaleX","styleList","left","View","styles","indicator","create","backgroundColor","bottom","end","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":"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","ignoreList":[]}