react-native-gifted-charts 1.4.21 → 1.4.23

package/dist/LineChart/index.js

@@ -1 +1,1110 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.LineChart=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _styles=require("./styles");var _utils=require("../utils");var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _giftedChartsCore=require("gifted-charts-core");var _BarAndLineChartsWrapper=_interopRequireDefault(require("../Components/BarAndLineChartsWrapper"));var _StripAndLabel=require("../Components/common/StripAndLabel");var _Pointer=require("../Components/common/Pointer");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/abhinandankushwaha/sites/projects/react-native-gifted-charts/src/LineChart/index.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var initialData=null;var animations=[];var LineChart=exports.LineChart=function LineChart(props){var _props$scrollRef,_props$parentWidth;var scrollRef=(_props$scrollRef=props.scrollRef)!=null?_props$scrollRef:(0,_react.useRef)(null);var opacValue=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var heightValue=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var widthValue=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var widthValue2=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var widthValue3=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var widthValue4=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);var widthValue5=(0,_react.useMemo)(function(){return new _reactNative.Animated.Value(0);},[]);if(!initialData){var _ref,_props$dataSet$0$data,_props$dataSet,_props$dataSet$;initialData=(_ref=(_props$dataSet$0$data=(_props$dataSet=props.dataSet)==null?void 0:(_props$dataSet$=_props$dataSet[0])==null?void 0:_props$dataSet$.data)!=null?_props$dataSet$0$data:props.data)!=null?_ref:[];animations=initialData.filter(function(item){return item.value;}).map(function(item){return new _reactNative.Animated.Value(item.value);});}var _useLineChart=(0,_giftedChartsCore.useLineChart)(Object.assign({},props,{animations:animations,parentWidth:(_props$parentWidth=props.parentWidth)!=null?_props$parentWidth:_utils.screenWidth})),scrollX=_useLineChart.scrollX,setScrollX=_useLineChart.setScrollX,arrow1Points=_useLineChart.arrow1Points,arrow2Points=_useLineChart.arrow2Points,arrow3Points=_useLineChart.arrow3Points,arrow4Points=_useLineChart.arrow4Points,arrow5Points=_useLineChart.arrow5Points,secondaryArrowPoints=_useLineChart.secondaryArrowPoints,pointerIndex=_useLineChart.pointerIndex,setPointerIndex=_useLineChart.setPointerIndex,pointerX=_useLineChart.pointerX,setPointerX=_useLineChart.setPointerX,pointerY=_useLineChart.pointerY,setPointerY=_useLineChart.setPointerY,pointerItem=_useLineChart.pointerItem,setPointerItem=_useLineChart.setPointerItem,pointerY2=_useLineChart.pointerY2,setPointerY2=_useLineChart.setPointerY2,pointerItem2=_useLineChart.pointerItem2,setPointerItem2=_useLineChart.setPointerItem2,pointerY3=_useLineChart.pointerY3,setPointerY3=_useLineChart.setPointerY3,pointerItem3=_useLineChart.pointerItem3,setPointerItem3=_useLineChart.setPointerItem3,pointerY4=_useLineChart.pointerY4,setPointerY4=_useLineChart.setPointerY4,pointerItem4=_useLineChart.pointerItem4,setPointerItem4=_useLineChart.setPointerItem4,pointerY5=_useLineChart.pointerY5,setPointerY5=_useLineChart.setPointerY5,pointerYsForDataSet=_useLineChart.pointerYsForDataSet,setPointerYsForDataSet=_useLineChart.setPointerYsForDataSet,pointerItem5=_useLineChart.pointerItem5,setPointerItem5=_useLineChart.setPointerItem5,secondaryPointerY=_useLineChart.secondaryPointerY,setSecondaryPointerY=_useLineChart.setSecondaryPointerY,secondaryPointerItem=_useLineChart.secondaryPointerItem,setSecondaryPointerItem=_useLineChart.setSecondaryPointerItem,responderStartTime=_useLineChart.responderStartTime,setResponderStartTime=_useLineChart.setResponderStartTime,setResponderActive=_useLineChart.setResponderActive,points=_useLineChart.points,points2=_useLineChart.points2,points3=_useLineChart.points3,points4=_useLineChart.points4,points5=_useLineChart.points5,secondaryPoints=_useLineChart.secondaryPoints,fillPoints=_useLineChart.fillPoints,fillPoints2=_useLineChart.fillPoints2,fillPoints3=_useLineChart.fillPoints3,fillPoints4=_useLineChart.fillPoints4,fillPoints5=_useLineChart.fillPoints5,secondaryFillPoints=_useLineChart.secondaryFillPoints,pointsFromSet=_useLineChart.pointsFromSet,fillPointsFromSet=_useLineChart.fillPointsFromSet,arrowPointsFromSet=_useLineChart.arrowPointsFromSet,selectedIndex=_useLineChart.selectedIndex,setSelectedIndex=_useLineChart.setSelectedIndex,containerHeight=_useLineChart.containerHeight,data=_useLineChart.data,data2=_useLineChart.data2,data3=_useLineChart.data3,data4=_useLineChart.data4,data5=_useLineChart.data5,secondaryData=_useLineChart.secondaryData,dataSet=_useLineChart.dataSet,data0=_useLineChart.data0,labelsExtraHeight=_useLineChart.labelsExtraHeight,animationDuration=_useLineChart.animationDuration,onDataChangeAnimationDuration=_useLineChart.onDataChangeAnimationDuration,animateTogether=_useLineChart.animateTogether,animateOnDataChange=_useLineChart.animateOnDataChange,startIndex1=_useLineChart.startIndex1,startIndex2=_useLineChart.startIndex2,endIndex1=_useLineChart.endIndex1,endIndex2=_useLineChart.endIndex2,startIndex3=_useLineChart.startIndex3,endIndex3=_useLineChart.endIndex3,startIndex4=_useLineChart.startIndex4,endIndex4=_useLineChart.endIndex4,startIndex5=_useLineChart.startIndex5,endIndex5=_useLineChart.endIndex5,initialSpacing=_useLineChart.initialSpacing,thickness=_useLineChart.thickness,yAxisLabelWidth=_useLineChart.yAxisLabelWidth,spacing=_useLineChart.spacing,xAxisThickness=_useLineChart.xAxisThickness,dataPointsHeight1=_useLineChart.dataPointsHeight1,dataPointsWidth1=_useLineChart.dataPointsWidth1,dataPointsRadius1=_useLineChart.dataPointsRadius1,dataPointsColor1=_useLineChart.dataPointsColor1,dataPointsShape1=_useLineChart.dataPointsShape1,dataPointsHeight2=_useLineChart.dataPointsHeight2,dataPointsWidth2=_useLineChart.dataPointsWidth2,dataPointsRadius2=_useLineChart.dataPointsRadius2,dataPointsColor2=_useLineChart.dataPointsColor2,dataPointsShape2=_useLineChart.dataPointsShape2,dataPointsHeight3=_useLineChart.dataPointsHeight3,dataPointsWidth3=_useLineChart.dataPointsWidth3,dataPointsRadius3=_useLineChart.dataPointsRadius3,dataPointsColor3=_useLineChart.dataPointsColor3,dataPointsShape3=_useLineChart.dataPointsShape3,dataPointsHeight4=_useLineChart.dataPointsHeight4,dataPointsWidth4=_useLineChart.dataPointsWidth4,dataPointsRadius4=_useLineChart.dataPointsRadius4,dataPointsColor4=_useLineChart.dataPointsColor4,dataPointsShape4=_useLineChart.dataPointsShape4,dataPointsHeight5=_useLineChart.dataPointsHeight5,dataPointsWidth5=_useLineChart.dataPointsWidth5,dataPointsRadius5=_useLineChart.dataPointsRadius5,dataPointsColor5=_useLineChart.dataPointsColor5,dataPointsShape5=_useLineChart.dataPointsShape5,getIsNthAreaChart=_useLineChart.getIsNthAreaChart,textFontSize1=_useLineChart.textFontSize1,textFontSize2=_useLineChart.textFontSize2,textFontSize3=_useLineChart.textFontSize3,textFontSize4=_useLineChart.textFontSize4,textFontSize5=_useLineChart.textFontSize5,textColor1=_useLineChart.textColor1,textColor2=_useLineChart.textColor2,textColor3=_useLineChart.textColor3,textColor4=_useLineChart.textColor4,textColor5=_useLineChart.textColor5,totalWidth=_useLineChart.totalWidth,maxValue=_useLineChart.maxValue,overflowTop=_useLineChart.overflowTop,extendedContainerHeight=_useLineChart.extendedContainerHeight,getX=_useLineChart.getX,getY=_useLineChart.getY,getSecondaryY=_useLineChart.getSecondaryY,secondaryMaxValue=_useLineChart.secondaryMaxValue,showValuesAsDataPointsText=_useLineChart.showValuesAsDataPointsText,thickness1=_useLineChart.thickness1,thickness2=_useLineChart.thickness2,thickness3=_useLineChart.thickness3,thickness4=_useLineChart.thickness4,thickness5=_useLineChart.thickness5,zIndex1=_useLineChart.zIndex1,zIndex2=_useLineChart.zIndex2,zIndex3=_useLineChart.zIndex3,zIndex4=_useLineChart.zIndex4,zIndex5=_useLineChart.zIndex5,strokeDashArray1=_useLineChart.strokeDashArray1,strokeDashArray2=_useLineChart.strokeDashArray2,strokeDashArray3=_useLineChart.strokeDashArray3,strokeDashArray4=_useLineChart.strokeDashArray4,strokeDashArray5=_useLineChart.strokeDashArray5,rotateLabel=_useLineChart.rotateLabel,isAnimated=_useLineChart.isAnimated,hideDataPoints1=_useLineChart.hideDataPoints1,hideDataPoints2=_useLineChart.hideDataPoints2,hideDataPoints3=_useLineChart.hideDataPoints3,hideDataPoints4=_useLineChart.hideDataPoints4,hideDataPoints5=_useLineChart.hideDataPoints5,color1=_useLineChart.color1,color2=_useLineChart.color2,color3=_useLineChart.color3,color4=_useLineChart.color4,color5=_useLineChart.color5,startFillColor1=_useLineChart.startFillColor1,endFillColor1=_useLineChart.endFillColor1,startOpacity1=_useLineChart.startOpacity1,endOpacity1=_useLineChart.endOpacity1,startFillColor2=_useLineChart.startFillColor2,endFillColor2=_useLineChart.endFillColor2,startOpacity2=_useLineChart.startOpacity2,endOpacity2=_useLineChart.endOpacity2,startFillColor3=_useLineChart.startFillColor3,endFillColor3=_useLineChart.endFillColor3,startOpacity3=_useLineChart.startOpacity3,endOpacity3=_useLineChart.endOpacity3,startFillColor4=_useLineChart.startFillColor4,endFillColor4=_useLineChart.endFillColor4,startOpacity4=_useLineChart.startOpacity4,endOpacity4=_useLineChart.endOpacity4,startFillColor5=_useLineChart.startFillColor5,endFillColor5=_useLineChart.endFillColor5,startOpacity5=_useLineChart.startOpacity5,endOpacity5=_useLineChart.endOpacity5,arrowStrokeWidth1=_useLineChart.arrowStrokeWidth1,arrowStrokeColor1=_useLineChart.arrowStrokeColor1,arrowFillColor1=_useLineChart.arrowFillColor1,arrowStrokeWidth2=_useLineChart.arrowStrokeWidth2,arrowStrokeColor2=_useLineChart.arrowStrokeColor2,arrowFillColor2=_useLineChart.arrowFillColor2,arrowStrokeWidth3=_useLineChart.arrowStrokeWidth3,arrowStrokeColor3=_useLineChart.arrowStrokeColor3,arrowFillColor3=_useLineChart.arrowFillColor3,arrowStrokeWidth4=_useLineChart.arrowStrokeWidth4,arrowStrokeColor4=_useLineChart.arrowStrokeColor4,arrowFillColor4=_useLineChart.arrowFillColor4,arrowStrokeWidth5=_useLineChart.arrowStrokeWidth5,arrowStrokeColor5=_useLineChart.arrowStrokeColor5,arrowFillColor5=_useLineChart.arrowFillColor5,arrowStrokeWidthsFromSet=_useLineChart.arrowStrokeWidthsFromSet,arrowStrokeColorsFromSet=_useLineChart.arrowStrokeColorsFromSet,arrowFillColorsFromSet=_useLineChart.arrowFillColorsFromSet,secondaryLineConfig=_useLineChart.secondaryLineConfig,gradientDirection=_useLineChart.gradientDirection,stepHeight=_useLineChart.stepHeight,noOfSectionsBelowXAxis=_useLineChart.noOfSectionsBelowXAxis,xAxisTextNumberOfLines=_useLineChart.xAxisTextNumberOfLines,xAxisLabelsVerticalShift=_useLineChart.xAxisLabelsVerticalShift,pointerConfig=_useLineChart.pointerConfig,pointerHeight=_useLineChart.pointerHeight,pointerWidth=_useLineChart.pointerWidth,pointerRadius=_useLineChart.pointerRadius,pointerColor=_useLineChart.pointerColor,pointerComponent=_useLineChart.pointerComponent,showPointerStrip=_useLineChart.showPointerStrip,pointerStripHeight=_useLineChart.pointerStripHeight,pointerStripWidth=_useLineChart.pointerStripWidth,pointerStripColor=_useLineChart.pointerStripColor,pointerStripUptoDataPoint=_useLineChart.pointerStripUptoDataPoint,pointerLabelComponent=_useLineChart.pointerLabelComponent,stripOverPointer=_useLineChart.stripOverPointer,shiftPointerLabelX=_useLineChart.shiftPointerLabelX,shiftPointerLabelY=_useLineChart.shiftPointerLabelY,pointerLabelWidth=_useLineChart.pointerLabelWidth,pointerLabelHeight=_useLineChart.pointerLabelHeight,autoAdjustPointerLabelPosition=_useLineChart.autoAdjustPointerLabelPosition,pointerVanishDelay=_useLineChart.pointerVanishDelay,activatePointersOnLongPress=_useLineChart.activatePointersOnLongPress,activatePointersDelay=_useLineChart.activatePointersDelay,persistPointer=_useLineChart.persistPointer,hidePointer1=_useLineChart.hidePointer1,hidePointer2=_useLineChart.hidePointer2,hidePointer3=_useLineChart.hidePointer3,hidePointer4=_useLineChart.hidePointer4,hidePointer5=_useLineChart.hidePointer5,hideSecondaryPointer=_useLineChart.hideSecondaryPointer,pointerEvents=_useLineChart.pointerEvents,focusEnabled=_useLineChart.focusEnabled,showDataPointOnFocus=_useLineChart.showDataPointOnFocus,showStripOnFocus=_useLineChart.showStripOnFocus,showTextOnFocus=_useLineChart.showTextOnFocus,showDataPointLabelOnFocus=_useLineChart.showDataPointLabelOnFocus,stripHeight=_useLineChart.stripHeight,stripWidth=_useLineChart.stripWidth,stripColor=_useLineChart.stripColor,stripOpacity=_useLineChart.stripOpacity,stripStrokeDashArray=_useLineChart.stripStrokeDashArray,unFocusOnPressOut=_useLineChart.unFocusOnPressOut,delayBeforeUnFocus=_useLineChart.delayBeforeUnFocus,containerHeightIncludingBelowXAxis=_useLineChart.containerHeightIncludingBelowXAxis,lineGradient=_useLineChart.lineGradient,lineGradientDirection=_useLineChart.lineGradientDirection,lineGradientStartColor=_useLineChart.lineGradientStartColor,lineGradientEndColor=_useLineChart.lineGradientEndColor,barAndLineChartsWrapperProps=_useLineChart.barAndLineChartsWrapperProps;var secondaryXAxis=props.secondaryXAxis;var widthValuesFromSet=(0,_react.useMemo)(function(){return dataSet==null?void 0:dataSet.map(function(set){return new _reactNative.Animated.Value(0);});},[]);(0,_react.useEffect)(function(){if(animateOnDataChange){_reactNative.Animated.parallel(animations.map(function(anItem,index){var _data$index$value,_data$index;return _reactNative.Animated.timing(anItem,{toValue:(_data$index$value=(_data$index=data[index])==null?void 0:_data$index.value)!=null?_data$index$value:0,useNativeDriver:_reactNative.Platform.OS==='ios',duration:onDataChangeAnimationDuration});})).start();}},[animateOnDataChange,data,onDataChangeAnimationDuration]);var labelsAppear=(0,_react.useCallback)(function(){opacValue.setValue(0);_reactNative.Animated.timing(opacValue,{toValue:1,duration:500,easing:_reactNative.Easing.ease,useNativeDriver:false}).start();},[opacValue]);var appearingOpacity=opacValue.interpolate({inputRange:[0,1],outputRange:[0,1]});var decreaseWidth=(0,_react.useCallback)(function(){widthValue.setValue(0);_reactNative.Animated.timing(widthValue,{toValue:1,duration:animationDuration,easing:_reactNative.Easing.linear,useNativeDriver:false}).start();},[animationDuration,widthValue]);var decreaseWidth2=(0,_react.useCallback)(function(){widthValue2.setValue(0);_reactNative.Animated.timing(widthValue2,{toValue:1,duration:animationDuration,easing:_reactNative.Easing.linear,useNativeDriver:false}).start();},[animationDuration,widthValue2]);var decreaseWidth3=(0,_react.useCallback)(function(){widthValue3.setValue(0);_reactNative.Animated.timing(widthValue3,{toValue:1,duration:animationDuration,easing:_reactNative.Easing.linear,useNativeDriver:false}).start();},[animationDuration,widthValue3]);var decreaseWidth4=(0,_react.useCallback)(function(){widthValue4.setValue(0);_reactNative.Animated.timing(widthValue4,{toValue:1,duration:animationDuration,easing:_reactNative.Easing.linear,useNativeDriver:false}).start();},[animationDuration,widthValue4]);var decreaseWidth5=(0,_react.useCallback)(function(){widthValue5.setValue(0);_reactNative.Animated.timing(widthValue5,{toValue:1,duration:animationDuration,easing:_reactNative.Easing.linear,useNativeDriver:false}).start();},[animationDuration,widthValue5]);var decreaseWidthsFromSet=(0,_react.useCallback)(function(){dataSet==null?void 0:dataSet.map(function(set,index){var _widthValuesFromSet$i;widthValuesFromSet==null?void 0:(_widthValuesFromSet$i=widthValuesFromSet[index])==null?void 0:_widthValuesFromSet$i.setValue(0);if(widthValuesFromSet!=null&&widthValuesFromSet[index]){_reactNative.Animated.timing(widthValuesFromSet==null?void 0:widthValuesFromSet[index],{toValue:1,duration:animationDuration,easing:_reactNative.Easing.linear,useNativeDriver:false}).start();}});},[animationDuration,widthValuesFromSet]);(0,_react.useEffect)(function(){decreaseWidth();labelsAppear();widthValuesFromSet==null?void 0:widthValuesFromSet.forEach(function(item,index){setTimeout(function(){decreaseWidthsFromSet();},animateTogether?0:animationDuration*index);});setTimeout(function(){decreaseWidth2();},animateTogether?0:animationDuration);setTimeout(function(){decreaseWidth3();},animateTogether?0:animationDuration*2);setTimeout(function(){decreaseWidth4();},animateTogether?0:animationDuration*3);setTimeout(function(){decreaseWidth5();},animateTogether?0:animationDuration*4);},[animateTogether,animationDuration,decreaseWidth,decreaseWidth2,decreaseWidth3,decreaseWidth4,decreaseWidth5,labelsAppear]);var renderLabel=function renderLabel(top,index,label,labelTextStyle,labelComponent){var _secondaryXAxis$label,_props$xAxisLabelsHei;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{position:'absolute',bottom:top?containerHeight+60+((_secondaryXAxis$label=secondaryXAxis==null?void 0:secondaryXAxis.labelsDistanceFromXaxis)!=null?_secondaryXAxis$label:15):54-xAxisTextNumberOfLines*18,zIndex:10,width:spacing+labelsExtraHeight,left:index===0&&initialSpacing<10?initialSpacing/2+spacing*index-spacing/2+4:initialSpacing/2+spacing*index-spacing/2-10,height:(_props$xAxisLabelsHei=props.xAxisLabelsHeight)!=null?_props$xAxisLabelsHei:xAxisTextNumberOfLines*18},rotateLabel&&{transform:[{rotate:'60deg'}]}],children:labelComponent?labelComponent():(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{textAlign:'center'},labelTextStyle],numberOfLines:xAxisTextNumberOfLines,children:label})});};var renderAnimatedLabel=function renderAnimatedLabel(top,index,label,labelTextStyle,labelComponent){var _props$xAxisLabelsHei2,_secondaryXAxis$label2;return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[{height:rotateLabel?40:(_props$xAxisLabelsHei2=props.xAxisLabelsHeight)!=null?_props$xAxisLabelsHei2:xAxisTextNumberOfLines*18,position:'absolute',bottom:top?containerHeight+60+((_secondaryXAxis$label2=secondaryXAxis==null?void 0:secondaryXAxis.labelsDistanceFromXaxis)!=null?_secondaryXAxis$label2:15):rotateLabel?10:54-xAxisTextNumberOfLines*18,zIndex:10,width:spacing,left:index===0&&initialSpacing<10?initialSpacing/2+spacing*index-spacing/2+4:initialSpacing/2+spacing*index-spacing/2-10,opacity:appearingOpacity},rotateLabel&&{transform:[{rotate:'60deg'}]}],children:labelComponent?labelComponent():(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{textAlign:'center'},labelTextStyle],numberOfLines:xAxisTextNumberOfLines,children:label})});};var animatedWidth=widthValue.interpolate({inputRange:[0,1],outputRange:[0,totalWidth]});var animatedWidth2=widthValue2.interpolate({inputRange:[0,1],outputRange:[0,totalWidth]});var animatedWidth3=widthValue3.interpolate({inputRange:[0,1],outputRange:[0,totalWidth]});var animatedWidth4=widthValue4.interpolate({inputRange:[0,1],outputRange:[0,totalWidth]});var animatedWidth5=widthValue5.interpolate({inputRange:[0,1],outputRange:[0,totalWidth]});var onStripPress=function onStripPress(item,index){if(props.focusedDataPointIndex===undefined||!props.onFocus){setSelectedIndex(index);}if(props.onFocus){props.onFocus(item,index);}};var renderDataPoints=function renderDataPoints(hideDataPoints,dataForRender,originalDataFromProps,dataPtsShape,dataPtsWidth,dataPtsHeight,dataPtsColor,dataPtsRadius,textColor,textFontSize,startIndex,endIndex,isSecondary,showValuesAsDataPointsText){var getYOrSecondaryY=isSecondary?getSecondaryY:getY;return dataForRender.map(function(item,index){var _item$stripHeight,_item$stripWidth,_item$stripOpacity,_ref2,_item$stripStrokeDash;if(index<startIndex||index>endIndex)return null;if(item.hideDataPoint){return null;}var dataPointsShape,dataPointsWidth,dataPointsHeight,dataPointsColor,dataPointsRadius,text,customDataPoint,dataPointLabelComponent;if(index===selectedIndex){dataPointsShape=item.focusedDataPointShape||props.focusedDataPointShape||item.dataPointShape||dataPtsShape;dataPointsWidth=item.focusedDataPointWidth||props.focusedDataPointWidth||item.dataPointWidth||dataPtsWidth;dataPointsHeight=item.focusedDataPointHeight||props.focusedDataPointHeight||item.dataPointHeight||dataPtsHeight;dataPointsColor=item.focusedDataPointColor||props.focusedDataPointColor||_giftedChartsCore.LineDefaults.focusedDataPointColor;dataPointsRadius=item.focusedDataPointRadius||props.focusedDataPointRadius||item.dataPointRadius||dataPtsRadius;if(showTextOnFocus){text=item.dataPointText;}customDataPoint=item.focusedCustomDataPoint||props.focusedCustomDataPoint||item.customDataPoint||props.customDataPoint;dataPointLabelComponent=item.focusedDataPointLabelComponent||item.dataPointLabelComponent;}else{dataPointsShape=item.dataPointShape||dataPtsShape;dataPointsWidth=item.dataPointWidth||dataPtsWidth;dataPointsHeight=item.dataPointHeight||dataPtsHeight;dataPointsColor=item.dataPointColor||dataPtsColor;dataPointsRadius=item.dataPointRadius||dataPtsRadius;if(showTextOnFocus){text='';}customDataPoint=item.customDataPoint||props.customDataPoint;dataPointLabelComponent=item.dataPointLabelComponent;}if(showValuesAsDataPointsText){text=originalDataFromProps[index].value;}var currentStripHeight=(_item$stripHeight=item.stripHeight)!=null?_item$stripHeight:stripHeight;var currentStripWidth=(_item$stripWidth=item.stripWidth)!=null?_item$stripWidth:stripWidth;var currentStripOpacity=(_item$stripOpacity=item.stripOpacity)!=null?_item$stripOpacity:stripOpacity;var currentStripStrokeDashArray=(_ref2=(_item$stripStrokeDash=item.stripStrokeDashArray)!=null?_item$stripStrokeDash:stripStrokeDashArray)!=null?_ref2:'';var currentStripColor=item.stripColor||stripColor;var position=_reactNative.I18nManager.isRTL?'right':'left';var y1=currentStripHeight?containerHeight-currentStripHeight+8:containerHeight-dataPointsHeight/2+14-item.value*containerHeight/maxValue;var actualStripHeight=currentStripHeight||item.value*containerHeight/maxValue-2+overflowTop;return(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[focusEnabled?(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:unFocusOnPressOut?(0,_jsxRuntime.jsx)(_reactNativeSvg.Rect,{onPressIn:function onPressIn(){return onStripPress(item,index);},onPressOut:function onPressOut(){return setTimeout(function(){return setSelectedIndex(-1);},delayBeforeUnFocus);},x:initialSpacing+(spacing*index-spacing/2),y:8,width:spacing,height:containerHeight-0,fill:'none'}):(0,_jsxRuntime.jsx)(_reactNativeSvg.Rect,{onPress:function onPress(){return onStripPress(item,index);},x:initialSpacing+(spacing*index-spacing/2),y:8,width:spacing,height:containerHeight,fill:'none'})}):null,item.showStrip||focusEnabled&&index===selectedIndex&&showStripOnFocus?(0,_jsxRuntime.jsx)(_reactNativeSvg.Line,{x1:initialSpacing+spacing*index-currentStripWidth/2-1,y1:y1,x2:initialSpacing+spacing*index-currentStripWidth/2-1,y2:y1+actualStripHeight,strokeWidth:currentStripWidth,stroke:currentStripColor,strokeDasharray:currentStripStrokeDashArray,opacity:currentStripOpacity}):null,hideDataPoints?null:(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[customDataPoint?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_styles.styles.customDataPointContainer,(0,_defineProperty2.default)((0,_defineProperty2.default)({height:dataPointsHeight,width:dataPointsWidth,top:getYOrSecondaryY(item.value)},position,initialSpacing-dataPointsWidth+spacing*index),"transform",[{scaleX:_reactNative.I18nManager.isRTL?-1:1}])],children:customDataPoint(item,index)}):null,dataPointsShape==='rectangular'?(0,_jsxRuntime.jsx)(_react.Fragment,{children:customDataPoint?null:(0,_jsxRuntime.jsx)(_reactNativeSvg.Rect,{x:getX(index)-dataPointsWidth/2,y:getYOrSecondaryY(item.value)-dataPointsHeight/2,width:dataPointsWidth,height:dataPointsHeight,fill:showDataPointOnFocus?index===selectedIndex?dataPointsColor:'none':dataPointsColor,onPress:function onPress(){item.onPress?item.onPress(item,index):props.onPress?props.onPress(item,index):null;}})},index):(0,_jsxRuntime.jsx)(_react.Fragment,{children:customDataPoint?null:(0,_jsxRuntime.jsx)(_reactNativeSvg.Circle,{cx:getX(index),cy:getYOrSecondaryY(item.value),r:dataPointsRadius,fill:showDataPointOnFocus?index===selectedIndex?dataPointsColor:'none':dataPointsColor,onPress:function onPress(){item.onPress?item.onPress(item,index):props.onPress?props.onPress(item,index):null;}})},index),dataPointLabelComponent?!showTextOnFocus||index===selectedIndex?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_styles.styles.customDataPointContainer,{zIndex:index===selectedIndex?1000:0,top:containerHeight+(item.dataPointLabelShiftY||props.dataPointLabelShiftY||0)-item.value*containerHeight/maxValue,left:initialSpacing+(item.dataPointLabelShiftX||props.dataPointLabelShiftX||0)-(item.dataPointLabelWidth?item.dataPointLabelWidth+20:props.dataPointLabelWidth?props.dataPointLabelWidth+20:50)/2+spacing*index}],children:showDataPointLabelOnFocus?index===selectedIndex?dataPointLabelComponent():null:dataPointLabelComponent()}):null:text||item.dataPointText?!showTextOnFocus||index===selectedIndex?(0,_jsxRuntime.jsx)(_reactNativeSvg.Text,{fill:item.textColor||textColor,fontSize:item.textFontSize||textFontSize,x:getX(index)-dataPointsWidth+(item.textShiftX||props.textShiftX||0),y:getYOrSecondaryY(item.value)-dataPointsHeight/2+(item.textShiftY||props.textShiftY||0),children:!showTextOnFocus&&!showValuesAsDataPointsText?item.dataPointText:text}):null:null]})]},index);});};var renderSpecificVerticalLines=function renderSpecificVerticalLines(dataForRender){return dataForRender.map(function(item,index){if(item.showVerticalLine){var _item$verticalLineUpt,_ref4,_item$verticalLineStr;var x=getX(index);return(0,_jsxRuntime.jsx)(_reactNativeSvg.Line,{x1:x,y1:extendedContainerHeight,x2:x,y2:((_item$verticalLineUpt=item.verticalLineUptoDataPoint)!=null?_item$verticalLineUpt:props.verticalLinesUptoDataPoint)?getY(item.value):-xAxisThickness,stroke:item.verticalLineColor||props.verticalLinesColor||'lightgray',strokeWidth:item.verticalLineThickness||props.verticalLinesThickness||2,strokeDasharray:(_ref4=(_item$verticalLineStr=item.verticalLineStrokeDashArray)!=null?_item$verticalLineStr:props.verticalLinesStrokeDashArray)!=null?_ref4:''},index);}return null;});};var renderPointer=function renderPointer(lineNumber,isDataSet){if(isDataSet){var _pointerItemLocal,_pointerYLocal,_pointerColorLocal;return dataSet==null?void 0:dataSet.map(function(set,index){var _pointerConfig$pointe,_pointerConfig$pointe2;var pIndex=barAndLineChartsWrapperProps.pointerIndex;_pointerItemLocal=set[pIndex];_pointerYLocal=pointerYsForDataSet[index];_pointerColorLocal=(_pointerConfig$pointe=pointerConfig==null?void 0:(_pointerConfig$pointe2=pointerConfig.pointerColorsForDataSet)==null?void 0:_pointerConfig$pointe2[index])!=null?_pointerConfig$pointe:pointerColor;return(0,_jsxRuntime.jsx)(_react.Fragment,{children:(0,_Pointer.Pointer)({pointerX:pointerX,pointerYLocal:_pointerYLocal+xAxisThickness,pointerComponent:pointerComponent,pointerHeight:pointerHeight,pointerRadius:pointerRadius,pointerWidth:pointerWidth,pointerItemLocal:_pointerItemLocal,pointerColorLocal:_pointerColorLocal})},'dSetPts'+index);});}if(lineNumber===1&&hidePointer1)return;if(lineNumber===2&&hidePointer2)return;if(lineNumber===3&&hidePointer3)return;if(lineNumber===4&&hidePointer4)return;if(lineNumber===5&&hidePointer5)return;if(lineNumber===6&&hideSecondaryPointer)return;var pointerItemLocal,pointerYLocal,pointerColorLocal;switch(lineNumber){case 1:pointerItemLocal=pointerItem;pointerYLocal=pointerY;pointerColorLocal=(pointerConfig==null?void 0:pointerConfig.pointer1Color)||pointerColor;break;case 2:pointerItemLocal=pointerItem2;pointerYLocal=pointerY2;pointerColorLocal=(pointerConfig==null?void 0:pointerConfig.pointer2Color)||pointerColor;break;case 3:pointerItemLocal=pointerItem3;pointerYLocal=pointerY3;pointerColorLocal=(pointerConfig==null?void 0:pointerConfig.pointer3Color)||pointerColor;break;case 4:pointerItemLocal=pointerItem4;pointerYLocal=pointerY4;pointerColorLocal=(pointerConfig==null?void 0:pointerConfig.pointer4Color)||pointerColor;break;case 5:pointerItemLocal=pointerItem5;pointerYLocal=pointerY5;pointerColorLocal=(pointerConfig==null?void 0:pointerConfig.pointer5Color)||pointerColor;break;case 6:pointerItemLocal=secondaryPointerItem;pointerYLocal=secondaryPointerY;pointerColorLocal=(pointerConfig==null?void 0:pointerConfig.secondaryPointerColor)||pointerColor;break;}if(!pointerYLocal)return;return(0,_Pointer.Pointer)({pointerX:pointerX,pointerYLocal:pointerYLocal+xAxisThickness,pointerComponent:pointerComponent,pointerHeight:pointerHeight,pointerRadius:pointerRadius,pointerWidth:pointerWidth,pointerItemLocal:pointerItemLocal,pointerColorLocal:pointerColorLocal});};var renderStripAndLabel=function renderStripAndLabel(){var _props$data,_props$data$pointerIn;var pointerItemLocal,pointerYLocal;pointerItemLocal=[Object.assign({},pointerItem,{value:(_props$data=props.data)==null?void 0:(_props$data$pointerIn=_props$data[pointerIndex])==null?void 0:_props$data$pointerIn.value})];var arr=[pointerY];if(pointerY2!==0){var _props$data2,_props$data2$pointerI;arr.push(pointerY2);pointerItemLocal.push(Object.assign({},pointerItem,{value:(_props$data2=props.data2)==null?void 0:(_props$data2$pointerI=_props$data2[pointerIndex])==null?void 0:_props$data2$pointerI.value}));}if(pointerY3!==0){var _props$data3,_props$data3$pointerI;arr.push(pointerY3);pointerItemLocal.push(Object.assign({},pointerItem,{value:(_props$data3=props.data3)==null?void 0:(_props$data3$pointerI=_props$data3[pointerIndex])==null?void 0:_props$data3$pointerI.value}));}if(pointerY4!==0){var _props$data4,_props$data4$pointerI;arr.push(pointerY4);pointerItemLocal.push(Object.assign({},pointerItem,{value:(_props$data4=props.data4)==null?void 0:(_props$data4$pointerI=_props$data4[pointerIndex])==null?void 0:_props$data4$pointerI.value}));}if(pointerY5!==0){var _props$data5,_props$data5$pointerI;arr.push(pointerY5);pointerItemLocal.push(Object.assign({},pointerItem,{value:(_props$data5=props.data5)==null?void 0:(_props$data5$pointerI=_props$data5[pointerIndex])==null?void 0:_props$data5$pointerI.value}));}if(secondaryPointerY!==0){var _props$secondaryData,_props$secondaryData$;pointerItemLocal.push(Object.assign({},pointerItem,{value:(_props$secondaryData=props.secondaryData)==null?void 0:(_props$secondaryData$=_props$secondaryData[pointerIndex])==null?void 0:_props$secondaryData$.value}));}pointerYLocal=Math.min.apply(Math,arr);return(0,_StripAndLabel.StripAndLabel)({autoAdjustPointerLabelPosition:autoAdjustPointerLabelPosition,pointerX:pointerX,pointerLabelWidth:pointerLabelWidth,activatePointersOnLongPress:activatePointersOnLongPress,yAxisLabelWidth:yAxisLabelWidth,pointerRadius:pointerRadius,pointerWidth:pointerWidth,shiftPointerLabelX:shiftPointerLabelX,pointerLabelHeight:pointerLabelHeight,pointerYLocal:pointerYLocal,pointerStripUptoDataPoint:pointerStripUptoDataPoint,pointerStripHeight:pointerStripHeight,shiftPointerLabelY:shiftPointerLabelY,pointerItemLocal:pointerItemLocal,showPointerStrip:showPointerStrip,pointerStripWidth:pointerStripWidth,containerHeight:containerHeight,xAxisThickness:xAxisThickness,pointerStripColor:pointerStripColor,pointerConfig:pointerConfig,pointerLabelComponent:pointerLabelComponent,secondaryPointerItem:secondaryPointerItem,scrollX:scrollX,pointerEvents:pointerEvents});};var getLineGradientComponent=function getLineGradientComponent(){return props.lineGradientComponent?props.lineGradientComponent():(0,_jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient,{id:"lineGradient",x1:"0",y1:"0",x2:lineGradientDirection==='horizontal'?'1':'0',y2:lineGradientDirection==='vertical'?'1':'0',children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Stop,{offset:"0",stopColor:lineGradientStartColor}),(0,_jsxRuntime.jsx)(_reactNativeSvg.Stop,{offset:"1",stopColor:lineGradientEndColor})]});};var getAreaGradientComponent=function getAreaGradientComponent(startFillColor,endFillColor,startOpacity,endOpacity){return props.areaGradientComponent?props.areaGradientComponent():(0,_jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient,{id:"Gradient",x1:"0",y1:"0",x2:gradientDirection==='horizontal'?'1':'0',y2:gradientDirection==='vertical'?'1':'0',children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Stop,{offset:"0",stopColor:startFillColor,stopOpacity:startOpacity.toString()}),(0,_jsxRuntime.jsx)(_reactNativeSvg.Stop,{offset:"1",stopColor:endFillColor,stopOpacity:endOpacity.toString()})]});};var lineSvgComponent=function lineSvgComponent(points,currentLineThickness,color,fillPoints,startFillColor,endFillColor,startOpacity,endOpacity,strokeDashArray,showArrow,arrowPoints,arrowStrokeWidth,arrowStrokeColor,arrowFillColor,key){var _dataSet$map,_dataSet$map2;if(!points)return null;var isCurved=points.includes('C');var isNthAreaChart=getIsNthAreaChart(key!=null?key:0);var ar=[{d:'',color:'',strokeWidth:0}];if(points.includes(_giftedChartsCore.RANGE_ENTER)){ar=(0,_giftedChartsCore.getRegionPathObjects)(points,color,currentLineThickness!=null?currentLineThickness:0,thickness,strokeDashArray!=null?strokeDashArray:[],isCurved,_giftedChartsCore.RANGE_ENTER,_giftedChartsCore.STOP,_giftedChartsCore.RANGE_EXIT);}else if(points.includes(_giftedChartsCore.SEGMENT_START)){ar=(0,_giftedChartsCore.getSegmentedPathObjects)(points,color,currentLineThickness!=null?currentLineThickness:0,thickness,strokeDashArray!=null?strokeDashArray:[],isCurved,_giftedChartsCore.SEGMENT_START,_giftedChartsCore.SEGMENT_END);}var lineSvgPropsOuter={d:points,fill:'none',stroke:lineGradient?props.lineGradientId?`url(#${props.lineGradientId})`:`url(#lineGradient)`:color,strokeWidth:currentLineThickness||thickness};if(strokeDashArray&&strokeDashArray.length===2&&typeof strokeDashArray[0]==='number'&&typeof strokeDashArray[1]==='number'){lineSvgPropsOuter.strokeDasharray=strokeDashArray;}return(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{onPress:props.onBackgroundPress,children:[lineGradient&&getLineGradientComponent(),points.includes(_giftedChartsCore.SEGMENT_START)||points.includes(_giftedChartsCore.RANGE_ENTER)?ar.map(function(item,index){var lineSvgProps={d:item.d,fill:'none',stroke:lineGradient?props.lineGradientId?`url(#${props.lineGradientId})`:`url(#lineGradient)`:item.color,strokeWidth:item.strokeWidth};if(item.strokeDashArray&&item.strokeDashArray.length===2&&typeof item.strokeDashArray[0]==='number'&&typeof item.strokeDashArray[1]==='number'){lineSvgProps.strokeDasharray=item.strokeDashArray;}return(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,Object.assign({},lineSvgProps),index);}):(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,Object.assign({},lineSvgPropsOuter)),isNthAreaChart&&getAreaGradientComponent(startFillColor,endFillColor,startOpacity,endOpacity),isNthAreaChart&&(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{onPress:props.onChartAreaPress,d:fillPoints,fill:props.areaGradientId?`url(#${props.areaGradientId})`:`url(#Gradient)`,stroke:'transparent',strokeWidth:currentLineThickness||thickness}),renderSpecificVerticalLines(data),renderSpecificVerticalLines(data2),renderSpecificVerticalLines(data3),renderSpecificVerticalLines(data4),renderSpecificVerticalLines(data5),(_dataSet$map=dataSet==null?void 0:dataSet.map(function(set){return renderSpecificVerticalLines(set==null?void 0:set.data);}))!=null?_dataSet$map:null,(_dataSet$map2=dataSet==null?void 0:dataSet.map(function(set){var _set$hideDataPoints,_props$yAxisOffset,_set$dataPointsShape,_set$dataPointsWidth,_set$dataPointsHeight,_set$dataPointsColor,_set$dataPointsRadius,_set$textColor,_set$textFontSize,_set$startIndex,_set$endIndex;return renderDataPoints((_set$hideDataPoints=set.hideDataPoints)!=null?_set$hideDataPoints:hideDataPoints1,set.data,(0,_giftedChartsCore.adjustToOffset)(set.data,-((_props$yAxisOffset=props.yAxisOffset)!=null?_props$yAxisOffset:0)),(_set$dataPointsShape=set.dataPointsShape)!=null?_set$dataPointsShape:dataPointsShape1,(_set$dataPointsWidth=set.dataPointsWidth)!=null?_set$dataPointsWidth:dataPointsWidth1,(_set$dataPointsHeight=set.dataPointsHeight)!=null?_set$dataPointsHeight:dataPointsHeight1,(_set$dataPointsColor=set.dataPointsColor)!=null?_set$dataPointsColor:dataPointsColor1,(_set$dataPointsRadius=set.dataPointsRadius)!=null?_set$dataPointsRadius:dataPointsRadius1,(_set$textColor=set.textColor)!=null?_set$textColor:textColor1,(_set$textFontSize=set.textFontSize)!=null?_set$textFontSize:textFontSize1,(_set$startIndex=set.startIndex)!=null?_set$startIndex:0,(_set$endIndex=set.endIndex)!=null?_set$endIndex:set.data.length-1,set.isSecondary,showValuesAsDataPointsText);}))!=null?_dataSet$map2:null,renderDataPoints(hideDataPoints1,data,props.data,dataPointsShape1,dataPointsWidth1,dataPointsHeight1,dataPointsColor1,dataPointsRadius1,textColor1,textFontSize1,startIndex1,endIndex1,false,showValuesAsDataPointsText),renderDataPoints(hideDataPoints2,data2,props.data2,dataPointsShape2,dataPointsWidth2,dataPointsHeight2,dataPointsColor2,dataPointsRadius2,textColor2,textFontSize2,startIndex2,endIndex2,false,showValuesAsDataPointsText),renderDataPoints(hideDataPoints3,data3,props.data3,dataPointsShape3,dataPointsWidth3,dataPointsHeight3,dataPointsColor3,dataPointsRadius3,textColor3,textFontSize3,startIndex3,endIndex3,false,showValuesAsDataPointsText),renderDataPoints(hideDataPoints4,data4,props.data4,dataPointsShape4,dataPointsWidth4,dataPointsHeight4,dataPointsColor4,dataPointsRadius4,textColor4,textFontSize4,startIndex4,endIndex4,false,showValuesAsDataPointsText),renderDataPoints(hideDataPoints5,data5,props.data5,dataPointsShape5,dataPointsWidth5,dataPointsHeight5,dataPointsColor5,dataPointsRadius5,textColor5,textFontSize5,startIndex5,endIndex5,false,showValuesAsDataPointsText),secondaryData!=null&&secondaryData.length?renderDataPoints(secondaryLineConfig.hideDataPoints,secondaryData,props.secondaryData,secondaryLineConfig.dataPointsShape,secondaryLineConfig.dataPointsWidth,secondaryLineConfig.dataPointsHeight,secondaryLineConfig.dataPointsColor,secondaryLineConfig.dataPointsRadius,secondaryLineConfig.textColor,secondaryLineConfig.textFontSize,secondaryLineConfig.startIndex,secondaryLineConfig.endIndex,true,secondaryLineConfig.showValuesAsDataPointsText):null,showArrow&&(0,_jsxRuntime.jsx)(_reactNativeSvg.Path,{d:arrowPoints,fill:arrowFillColor,stroke:arrowStrokeColor,strokeWidth:arrowStrokeWidth})]});};var activatePointers=function activatePointers(x){var factor=(x-initialSpacing)/spacing;factor=Math.round(factor);factor=Math.min(factor,(data0!=null?data0:data).length-1);factor=Math.max(factor,0);var z=initialSpacing+spacing*factor-(pointerRadius||pointerWidth/2)-1;setPointerX(z);setPointerIndex(factor);var item,y;item=(data0!=null?data0:data)[factor];y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY(y);setPointerItem(item);if(data2&&data2.length){item=data2[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY2(y);setPointerItem2(item);}}if(data3&&data3.length){item=data3[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY3(y);setPointerItem3(item);}}if(data4&&data4.length){item=data4[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY4(y);setPointerItem4(item);}}if(data5&&data5.length){item=data5[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY5(y);setPointerItem5(item);}}if(secondaryData!=null&&secondaryData.length){item=secondaryData[factor];if(item){y=containerHeight-item.value*containerHeight/secondaryMaxValue-(pointerRadius||pointerHeight/2)+10;setSecondaryPointerY(y);setSecondaryPointerItem(item);}}if(dataSet!=null&&dataSet.length){if(dataSet[0].data[factor]){var ysForDataSet=dataSet.map(function(set){var item=set.data[factor];var y=item?containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10:0;return y;});setPointerYsForDataSet(ysForDataSet);}}};var renderLine=function renderLine(zIndex,points,currentLineThickness,color,fillPoints,startFillColor,endFillColor,startOpacity,endOpacity,strokeDashArray,showArrow,arrowPoints,arrowStrokeWidth,arrowStrokeColor,arrowFillColor,key){var _props$overflowBottom,_props$overflowBottom2;return(0,_jsxRuntime.jsx)(_reactNative.View,{onMoveShouldSetResponder:function onMoveShouldSetResponder(evt){return pointerConfig?true:false;},onResponderGrant:function onResponderGrant(evt){if(!pointerConfig)return;setResponderStartTime(evt.timeStamp);if(activatePointersOnLongPress){return;}var x=evt.nativeEvent.locationX;activatePointers(x);},onResponderMove:function onResponderMove(evt){if(!pointerConfig)return;if(activatePointersOnLongPress&&evt.timeStamp-responderStartTime<activatePointersDelay){return;}else{setResponderActive(true);}var x=evt.nativeEvent.locationX;if(!activatePointersOnLongPress&&x>(props.width||_reactNative.Dimensions.get('window').width))return;var factor=(x-initialSpacing)/spacing;factor=Math.round(factor);factor=Math.min(factor,(data0!=null?data0:data).length-1);factor=Math.max(factor,0);var z=initialSpacing+spacing*factor-(pointerRadius||pointerWidth/2)-1;var item,y;setPointerX(z);setPointerIndex(factor);item=(data0!=null?data0:data)[factor];y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY(y);setPointerItem(item);if(data2&&data2.length){item=data2[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY2(y);setPointerItem2(item);}}if(data3&&data3.length){item=data3[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY3(y);setPointerItem3(item);}}if(data4&&data4.length){item=data4[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY4(y);setPointerItem4(item);}}if(data5&&data5.length){item=data5[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY5(y);setPointerItem5(item);}}if(secondaryData!=null&&secondaryData.length){item=secondaryData[factor];if(item){y=containerHeight-item.value*containerHeight/secondaryMaxValue-(pointerRadius||pointerHeight/2)+10;setSecondaryPointerY(y);setSecondaryPointerItem(item);}}if(dataSet!=null&&dataSet.length){var ysForDataSet=dataSet.map(function(set){var item=set.data[factor];var y=item?containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10:0;return y;});setPointerYsForDataSet(ysForDataSet);}},onResponderEnd:function onResponderEnd(evt){setResponderStartTime(0);setPointerIndex(-1);setResponderActive(false);if(!persistPointer)setTimeout(function(){return setPointerX(0);},pointerVanishDelay);},onResponderTerminationRequest:function onResponderTerminationRequest(evt){return false;},style:{position:'absolute',height:containerHeightIncludingBelowXAxis+((_props$overflowBottom=props.overflowBottom)!=null?_props$overflowBottom:dataPointsRadius1),bottom:60+xAxisLabelsVerticalShift+labelsExtraHeight-xAxisThickness-((_props$overflowBottom2=props.overflowBottom)!=null?_props$overflowBottom2:dataPointsRadius1),zIndex:zIndex,transform:[{scaleX:_reactNative.I18nManager.isRTL?-1:1}],width:totalWidth},children:lineSvgComponent(points,currentLineThickness,color,fillPoints,startFillColor,endFillColor,startOpacity,endOpacity,strokeDashArray,showArrow,arrowPoints,arrowStrokeWidth,arrowStrokeColor,arrowFillColor,key)},key!=null?key:0);};var renderAnimatedLine=function renderAnimatedLine(zIndex,points,animatedWidth,currentLineThickness,color,fillPoints,startFillColor,endFillColor,startOpacity,endOpacity,strokeDashArray,showArrow,arrowPoints,arrowStrokeWidth,arrowStrokeColor,arrowFillColor,key){var _props$overflowBottom3,_props$overflowBottom4;return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{onStartShouldSetResponder:function onStartShouldSetResponder(evt){return pointerConfig?true:false;},onMoveShouldSetResponder:function onMoveShouldSetResponder(evt){return pointerConfig?true:false;},onResponderGrant:function onResponderGrant(evt){if(!pointerConfig)return;setResponderStartTime(evt.timeStamp);if(activatePointersOnLongPress){return;}var x=evt.nativeEvent.locationX;activatePointers(x);},onResponderMove:function onResponderMove(evt){if(!pointerConfig)return;if(activatePointersOnLongPress&&evt.timeStamp-responderStartTime<activatePointersDelay){return;}else{setResponderActive(true);}var x=evt.nativeEvent.locationX;if(!activatePointersOnLongPress&&x>(props.width||_reactNative.Dimensions.get('window').width))return;var factor=(x-initialSpacing)/spacing;factor=Math.round(factor);factor=Math.min(factor,(data0!=null?data0:data).length-1);factor=Math.max(factor,0);var z=initialSpacing+spacing*factor-(pointerRadius||pointerWidth/2)-1;var item,y;setPointerX(z);setPointerIndex(factor);item=(data0!=null?data0:data)[factor];y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY(y);setPointerItem(item);if(data2&&data2.length){item=data2[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY2(y);setPointerItem2(item);}}if(data3&&data3.length){item=data3[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY3(y);setPointerItem3(item);}}if(data4&&data4.length){item=data4[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY4(y);setPointerItem4(item);}}if(data5&&data5.length){item=data5[factor];if(item){y=containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10;setPointerY5(y);setPointerItem5(item);}}if(secondaryData!=null&&secondaryData.length){item=secondaryData[factor];if(item){y=containerHeight-item.value*containerHeight/secondaryMaxValue-(pointerRadius||pointerHeight/2)+10;setSecondaryPointerY(y);setSecondaryPointerItem(item);}}if(dataSet!=null&&dataSet.length){if(dataSet[0].data[factor]){var ysForDataSet=dataSet.map(function(set){var item=set.data[factor];var y=item?containerHeight-item.value*containerHeight/maxValue-(pointerRadius||pointerHeight/2)+10:0;return y;});setPointerYsForDataSet(ysForDataSet);}}},onResponderEnd:function onResponderEnd(evt){setResponderStartTime(0);setPointerIndex(-1);setResponderActive(false);if(!persistPointer)setTimeout(function(){return setPointerX(0);},pointerVanishDelay);},onResponderTerminationRequest:function onResponderTerminationRequest(evt){return false;},style:{position:'absolute',height:containerHeightIncludingBelowXAxis+((_props$overflowBottom3=props.overflowBottom)!=null?_props$overflowBottom3:dataPointsRadius1),bottom:60+xAxisLabelsVerticalShift+labelsExtraHeight-xAxisThickness-((_props$overflowBottom4=props.overflowBottom)!=null?_props$overflowBottom4:dataPointsRadius1),zIndex:zIndex,transform:[{scaleX:_reactNative.I18nManager.isRTL?-1:1}],width:animatedWidth},children:lineSvgComponent(points,currentLineThickness,color,fillPoints,startFillColor,endFillColor,startOpacity,endOpacity,strokeDashArray,showArrow,arrowPoints,arrowStrokeWidth,arrowStrokeColor,arrowFillColor,key)},key!=null?key:0);};var remainingScrollViewProps={onScroll:function onScroll(ev){props.onScroll==null?void 0:props.onScroll(ev);if(pointerConfig&&pointerConfig.activatePointersOnLongPress&&pointerConfig.autoAdjustPointerLabelPosition){setScrollX(ev.nativeEvent.contentOffset.x);}}};var renderChartContent=function renderChartContent(){var _secondaryLineConfig$,_secondaryLineConfig$2,_secondaryLineConfig$3,_secondaryLineConfig$4,_secondaryLineConfig$5,_secondaryLineConfig$6;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[dataSet?pointsFromSet.length?dataSet.map(function(set,index){if(isAnimated){var _set$zIndex,_set$thickness,_set$color,_set$startFillColor,_set$endFillColor,_set$startOpacity,_set$endOpacity,_set$strokeDashArray;return renderAnimatedLine((_set$zIndex=set.zIndex)!=null?_set$zIndex:zIndex1,pointsFromSet[index],animatedWidth,(_set$thickness=set.thickness)!=null?_set$thickness:thickness1,(_set$color=set.color)!=null?_set$color:color1,fillPointsFromSet[index],(_set$startFillColor=set.startFillColor)!=null?_set$startFillColor:startFillColor1,(_set$endFillColor=set.endFillColor)!=null?_set$endFillColor:endFillColor1,(_set$startOpacity=set.startOpacity)!=null?_set$startOpacity:startOpacity1,(_set$endOpacity=set.endOpacity)!=null?_set$endOpacity:endOpacity1,(_set$strokeDashArray=set.strokeDashArray)!=null?_set$strokeDashArray:strokeDashArray1,set.showArrow||props.showArrows,arrowPointsFromSet[index],arrowStrokeWidthsFromSet==null?void 0:arrowStrokeWidthsFromSet[index],arrowStrokeColorsFromSet==null?void 0:arrowStrokeColorsFromSet[index],arrowFillColorsFromSet==null?void 0:arrowFillColorsFromSet[index],index);}else{var _set$zIndex2,_set$thickness2,_set$color2,_set$startFillColor2,_set$endFillColor2,_set$startOpacity2,_set$endOpacity2,_set$strokeDashArray2;return renderLine((_set$zIndex2=set.zIndex)!=null?_set$zIndex2:zIndex1,pointsFromSet[index],(_set$thickness2=set.thickness)!=null?_set$thickness2:thickness1,(_set$color2=set.color)!=null?_set$color2:color1,fillPointsFromSet[index],(_set$startFillColor2=set.startFillColor)!=null?_set$startFillColor2:startFillColor1,(_set$endFillColor2=set.endFillColor)!=null?_set$endFillColor2:endFillColor1,(_set$startOpacity2=set.startOpacity)!=null?_set$startOpacity2:startOpacity1,(_set$endOpacity2=set.endOpacity)!=null?_set$endOpacity2:endOpacity1,(_set$strokeDashArray2=set.strokeDashArray)!=null?_set$strokeDashArray2:strokeDashArray1,set.showArrow||props.showArrows,arrowPointsFromSet[index],arrowStrokeWidthsFromSet==null?void 0:arrowStrokeWidthsFromSet[index],arrowStrokeColorsFromSet==null?void 0:arrowStrokeColorsFromSet[index],arrowFillColorsFromSet==null?void 0:arrowFillColorsFromSet[index],index);}}):null:isAnimated?renderAnimatedLine(zIndex1,points,animatedWidth,thickness1,color1,fillPoints,startFillColor1,endFillColor1,startOpacity1,endOpacity1,strokeDashArray1,props.showArrow1||props.showArrows,arrow1Points,arrowStrokeWidth1,arrowStrokeColor1,arrowFillColor1,0):renderLine(zIndex1,points,thickness1,color1,fillPoints,startFillColor1,endFillColor1,startOpacity1,endOpacity1,strokeDashArray1,props.showArrow1||props.showArrows,arrow1Points,arrowStrokeWidth1,arrowStrokeColor1,arrowFillColor1,0),secondaryPoints?isAnimated?renderAnimatedLine(secondaryLineConfig.zIndex,secondaryPoints,animatedWidth,secondaryLineConfig.thickness,secondaryLineConfig.color,secondaryFillPoints,secondaryLineConfig.startFillColor,secondaryLineConfig.endFillColor,secondaryLineConfig.startOpacity,secondaryLineConfig.endOpacity,secondaryLineConfig.strokeDashArray,secondaryLineConfig.showArrow,secondaryArrowPoints,(_secondaryLineConfig$=secondaryLineConfig.arrowConfig)==null?void 0:_secondaryLineConfig$.strokeWidth,(_secondaryLineConfig$2=secondaryLineConfig.arrowConfig)==null?void 0:_secondaryLineConfig$2.strokeColor,(_secondaryLineConfig$3=secondaryLineConfig.arrowConfig)==null?void 0:_secondaryLineConfig$3.fillColor,6):renderLine(secondaryLineConfig.zIndex,secondaryPoints,secondaryLineConfig.thickness,secondaryLineConfig.color,secondaryFillPoints,secondaryLineConfig.startFillColor,secondaryLineConfig.endFillColor,secondaryLineConfig.startOpacity,secondaryLineConfig.endOpacity,secondaryLineConfig.strokeDashArray,secondaryLineConfig.showArrow,secondaryArrowPoints,(_secondaryLineConfig$4=secondaryLineConfig.arrowConfig)==null?void 0:_secondaryLineConfig$4.strokeWidth,(_secondaryLineConfig$5=secondaryLineConfig.arrowConfig)==null?void 0:_secondaryLineConfig$5.strokeColor,(_secondaryLineConfig$6=secondaryLineConfig.arrowConfig)==null?void 0:_secondaryLineConfig$6.fillColor,6):null,points2?isAnimated?renderAnimatedLine(zIndex2,points2,animatedWidth2,thickness2,color2,fillPoints2,startFillColor2,endFillColor2,startOpacity2,endOpacity2,strokeDashArray2,props.showArrow2||props.showArrows,arrow2Points,arrowStrokeWidth2,arrowStrokeColor2,arrowFillColor2,1):renderLine(zIndex2,points2,thickness2,color2,fillPoints2,startFillColor2,endFillColor2,startOpacity2,endOpacity2,strokeDashArray2,props.showArrow2||props.showArrows,arrow2Points,arrowStrokeWidth2,arrowStrokeColor2,arrowFillColor2,1):null,points3?isAnimated?renderAnimatedLine(zIndex3,points3,animatedWidth3,thickness3,color3,fillPoints3,startFillColor3,endFillColor3,startOpacity3,endOpacity3,strokeDashArray3,props.showArrow3||props.showArrows,arrow3Points,arrowStrokeWidth3,arrowStrokeColor3,arrowFillColor3,2):renderLine(zIndex3,points3,thickness3,color3,fillPoints3,startFillColor3,endFillColor3,startOpacity3,endOpacity3,strokeDashArray3,props.showArrow3||props.showArrows,arrow3Points,arrowStrokeWidth3,arrowStrokeColor3,arrowFillColor3,2):null,points4?isAnimated?renderAnimatedLine(zIndex4,points4,animatedWidth4,thickness4,color4,fillPoints4,startFillColor4,endFillColor4,startOpacity4,endOpacity4,strokeDashArray4,props.showArrow4||props.showArrows,arrow4Points,arrowStrokeWidth4,arrowStrokeColor4,arrowFillColor4,3):renderLine(zIndex4,points4,thickness4,color4,fillPoints4,startFillColor4,endFillColor4,startOpacity4,endOpacity4,strokeDashArray4,props.showArrow4||props.showArrows,arrow4Points,arrowStrokeWidth4,arrowStrokeColor4,arrowFillColor4,3):null,points5?isAnimated?renderAnimatedLine(zIndex5,points5,animatedWidth5,thickness5,color5,fillPoints5,startFillColor5,endFillColor5,startOpacity5,endOpacity5,strokeDashArray5,props.showArrow5||props.showArrows,arrow5Points,arrowStrokeWidth5,arrowStrokeColor5,arrowFillColor5,4):renderLine(zIndex5,points5,thickness5,color5,fillPoints5,startFillColor5,endFillColor5,startOpacity5,endOpacity5,strokeDashArray5,props.showArrow5||props.showArrows,arrow5Points,arrowStrokeWidth5,arrowStrokeColor5,arrowFillColor5,4):null,pointerX>0?(0,_jsxRuntime.jsxs)(_reactNative.View,{pointerEvents:pointerEvents!=null?pointerEvents:'none',style:{position:'absolute',height:extendedContainerHeight+noOfSectionsBelowXAxis*stepHeight,bottom:58+labelsExtraHeight+xAxisLabelsVerticalShift-overflowTop,zIndex:20},children:[!stripOverPointer&&renderStripAndLabel(),dataSet?renderPointer(0,true):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[renderPointer(1),points2?renderPointer(2):null,points3?renderPointer(3):null,points4?renderPointer(4):null,points5?renderPointer(5):null,secondaryPoints?renderPointer(6):null,stripOverPointer&&renderStripAndLabel()]})]}):null,(data0!=null?data0:data).map(function(item,index){var _ref5,_item$secondaryLabel,_secondaryXAxis$label3,_ref6,_ref7,_item$secondaryLabelT;var secondaryLabel=(_ref5=(_item$secondaryLabel=item.secondaryLabel)!=null?_item$secondaryLabel:secondaryXAxis==null?void 0:(_secondaryXAxis$label3=secondaryXAxis.labelTexts)==null?void 0:_secondaryXAxis$label3[index])!=null?_ref5:'';var secondaryLabelTextStyle=(_ref6=(_ref7=(_item$secondaryLabelT=item.secondaryLabelTextStyle)!=null?_item$secondaryLabelT:secondaryXAxis==null?void 0:secondaryXAxis.labelsTextStyle)!=null?_ref7:item.labelTextStyle)!=null?_ref6:props.xAxisLabelTextStyle;return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[isAnimated?renderAnimatedLabel(false,index,item.label||(props.xAxisLabelTexts&&props.xAxisLabelTexts[index]?props.xAxisLabelTexts[index]:''),item.labelTextStyle||props.xAxisLabelTextStyle,item.labelComponent):renderLabel(false,index,item.label||(props.xAxisLabelTexts&&props.xAxisLabelTexts[index]?props.xAxisLabelTexts[index]:''),item.labelTextStyle||props.xAxisLabelTextStyle,item.labelComponent),secondaryXAxis?isAnimated?renderAnimatedLabel(true,index,secondaryLabel,secondaryLabelTextStyle,item.secondaryLabelComponent):renderLabel(true,index,secondaryLabel,secondaryLabelTextStyle,item.secondaryLabelComponent):null]},index);})]});};return(0,_jsxRuntime.jsx)(_BarAndLineChartsWrapper.default,Object.assign({},barAndLineChartsWrapperProps,{scrollRef:scrollRef,animatedWidth:animatedWidth,renderChartContent:renderChartContent,remainingScrollViewProps:remainingScrollViewProps}));};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback, useEffect, useMemo, useRef } from 'react';
+import { View, Animated, Easing, Text, Dimensions, I18nManager, } from 'react-native';
+import { styles } from './styles';
+import { screenWidth, usePrevious } from '../utils';
+import Svg, { Path, LinearGradient, Stop, Circle, Rect, Text as CanvasText, Line, } from 'react-native-svg';
+import { getSegmentedPathObjects, getRegionPathObjects, RANGE_ENTER, RANGE_EXIT, SEGMENT_END, SEGMENT_START, STOP, useLineChart, adjustToOffset, LineDefaults, } from 'gifted-charts-core';
+import BarAndLineChartsWrapper from '../Components/BarAndLineChartsWrapper';
+import { StripAndLabel } from '../Components/common/StripAndLabel';
+import { Pointer } from '../Components/common/Pointer';
+var AnimatedPath = Animated.createAnimatedComponent(Path);
+export var LineChart = function (props) {
+    var _a, _b;
+    var scrollRef = (_a = props.scrollRef) !== null && _a !== void 0 ? _a : useRef(null);
+    var opacityValue = useMemo(function () { return new Animated.Value(0); }, []);
+    var heightValue = useMemo(function () { return new Animated.Value(0); }, []);
+    var widthValue = useMemo(function () { return new Animated.Value(0); }, []);
+    var widthValue2 = useMemo(function () { return new Animated.Value(0); }, []);
+    var widthValue3 = useMemo(function () { return new Animated.Value(0); }, []);
+    var widthValue4 = useMemo(function () { return new Animated.Value(0); }, []);
+    var widthValue5 = useMemo(function () { return new Animated.Value(0); }, []);
+    var _c = useLineChart(__assign(__assign({}, props), { parentWidth: (_b = props.parentWidth) !== null && _b !== void 0 ? _b : screenWidth })), scrollX = _c.scrollX, setScrollX = _c.setScrollX, arrow1Points = _c.arrow1Points, arrow2Points = _c.arrow2Points, arrow3Points = _c.arrow3Points, arrow4Points = _c.arrow4Points, arrow5Points = _c.arrow5Points, secondaryArrowPoints = _c.secondaryArrowPoints, pointerIndex = _c.pointerIndex, setPointerIndex = _c.setPointerIndex, pointerX = _c.pointerX, setPointerX = _c.setPointerX, pointerY = _c.pointerY, setPointerY = _c.setPointerY, pointerItem = _c.pointerItem, setPointerItem = _c.setPointerItem, pointerY2 = _c.pointerY2, setPointerY2 = _c.setPointerY2, pointerItem2 = _c.pointerItem2, setPointerItem2 = _c.setPointerItem2, pointerY3 = _c.pointerY3, setPointerY3 = _c.setPointerY3, pointerItem3 = _c.pointerItem3, setPointerItem3 = _c.setPointerItem3, pointerY4 = _c.pointerY4, setPointerY4 = _c.setPointerY4, pointerItem4 = _c.pointerItem4, setPointerItem4 = _c.setPointerItem4, pointerY5 = _c.pointerY5, setPointerY5 = _c.setPointerY5, pointerYsForDataSet = _c.pointerYsForDataSet, setPointerYsForDataSet = _c.setPointerYsForDataSet, pointerItem5 = _c.pointerItem5, setPointerItem5 = _c.setPointerItem5, secondaryPointerY = _c.secondaryPointerY, setSecondaryPointerY = _c.setSecondaryPointerY, secondaryPointerItem = _c.secondaryPointerItem, setSecondaryPointerItem = _c.setSecondaryPointerItem, responderStartTime = _c.responderStartTime, setResponderStartTime = _c.setResponderStartTime, setResponderActive = _c.setResponderActive, points = _c.points, points2 = _c.points2, points3 = _c.points3, points4 = _c.points4, points5 = _c.points5, secondaryPoints = _c.secondaryPoints, fillPoints = _c.fillPoints, fillPoints2 = _c.fillPoints2, fillPoints3 = _c.fillPoints3, fillPoints4 = _c.fillPoints4, fillPoints5 = _c.fillPoints5, secondaryFillPoints = _c.secondaryFillPoints, pointsFromSet = _c.pointsFromSet, fillPointsFromSet = _c.fillPointsFromSet, arrowPointsFromSet = _c.arrowPointsFromSet, selectedIndex = _c.selectedIndex, setSelectedIndex = _c.setSelectedIndex, containerHeight = _c.containerHeight, data = _c.data, data2 = _c.data2, data3 = _c.data3, data4 = _c.data4, data5 = _c.data5, secondaryData = _c.secondaryData, dataSet = _c.dataSet, data0 = _c.data0, labelsExtraHeight = _c.labelsExtraHeight, animationDuration = _c.animationDuration, onDataChangeAnimationDuration = _c.onDataChangeAnimationDuration, animateTogether = _c.animateTogether, animateOnDataChange = _c.animateOnDataChange, startIndex1 = _c.startIndex1, startIndex2 = _c.startIndex2, endIndex1 = _c.endIndex1, endIndex2 = _c.endIndex2, startIndex3 = _c.startIndex3, endIndex3 = _c.endIndex3, startIndex4 = _c.startIndex4, endIndex4 = _c.endIndex4, startIndex5 = _c.startIndex5, endIndex5 = _c.endIndex5, initialSpacing = _c.initialSpacing, thickness = _c.thickness, yAxisLabelWidth = _c.yAxisLabelWidth, spacing = _c.spacing, xAxisThickness = _c.xAxisThickness, dataPointsHeight1 = _c.dataPointsHeight1, dataPointsWidth1 = _c.dataPointsWidth1, dataPointsRadius1 = _c.dataPointsRadius1, dataPointsColor1 = _c.dataPointsColor1, dataPointsShape1 = _c.dataPointsShape1, dataPointsHeight2 = _c.dataPointsHeight2, dataPointsWidth2 = _c.dataPointsWidth2, dataPointsRadius2 = _c.dataPointsRadius2, dataPointsColor2 = _c.dataPointsColor2, dataPointsShape2 = _c.dataPointsShape2, dataPointsHeight3 = _c.dataPointsHeight3, dataPointsWidth3 = _c.dataPointsWidth3, dataPointsRadius3 = _c.dataPointsRadius3, dataPointsColor3 = _c.dataPointsColor3, dataPointsShape3 = _c.dataPointsShape3, dataPointsHeight4 = _c.dataPointsHeight4, dataPointsWidth4 = _c.dataPointsWidth4, dataPointsRadius4 = _c.dataPointsRadius4, dataPointsColor4 = _c.dataPointsColor4, dataPointsShape4 = _c.dataPointsShape4, dataPointsHeight5 = _c.dataPointsHeight5, dataPointsWidth5 = _c.dataPointsWidth5, dataPointsRadius5 = _c.dataPointsRadius5, dataPointsColor5 = _c.dataPointsColor5, dataPointsShape5 = _c.dataPointsShape5, getIsNthAreaChart = _c.getIsNthAreaChart, textFontSize1 = _c.textFontSize1, textFontSize2 = _c.textFontSize2, textFontSize3 = _c.textFontSize3, textFontSize4 = _c.textFontSize4, textFontSize5 = _c.textFontSize5, textColor1 = _c.textColor1, textColor2 = _c.textColor2, textColor3 = _c.textColor3, textColor4 = _c.textColor4, textColor5 = _c.textColor5, totalWidth = _c.totalWidth, maxValue = _c.maxValue, overflowTop = _c.overflowTop, extendedContainerHeight = _c.extendedContainerHeight, getX = _c.getX, getY = _c.getY, getSecondaryY = _c.getSecondaryY, secondaryMaxValue = _c.secondaryMaxValue, showValuesAsDataPointsText = _c.showValuesAsDataPointsText, thickness1 = _c.thickness1, thickness2 = _c.thickness2, thickness3 = _c.thickness3, thickness4 = _c.thickness4, thickness5 = _c.thickness5, zIndex1 = _c.zIndex1, zIndex2 = _c.zIndex2, zIndex3 = _c.zIndex3, zIndex4 = _c.zIndex4, zIndex5 = _c.zIndex5, strokeDashArray1 = _c.strokeDashArray1, strokeDashArray2 = _c.strokeDashArray2, strokeDashArray3 = _c.strokeDashArray3, strokeDashArray4 = _c.strokeDashArray4, strokeDashArray5 = _c.strokeDashArray5, rotateLabel = _c.rotateLabel, isAnimated = _c.isAnimated, hideDataPoints1 = _c.hideDataPoints1, hideDataPoints2 = _c.hideDataPoints2, hideDataPoints3 = _c.hideDataPoints3, hideDataPoints4 = _c.hideDataPoints4, hideDataPoints5 = _c.hideDataPoints5, color1 = _c.color1, color2 = _c.color2, color3 = _c.color3, color4 = _c.color4, color5 = _c.color5, startFillColor1 = _c.startFillColor1, endFillColor1 = _c.endFillColor1, startOpacity1 = _c.startOpacity1, endOpacity1 = _c.endOpacity1, startFillColor2 = _c.startFillColor2, endFillColor2 = _c.endFillColor2, startOpacity2 = _c.startOpacity2, endOpacity2 = _c.endOpacity2, startFillColor3 = _c.startFillColor3, endFillColor3 = _c.endFillColor3, startOpacity3 = _c.startOpacity3, endOpacity3 = _c.endOpacity3, startFillColor4 = _c.startFillColor4, endFillColor4 = _c.endFillColor4, startOpacity4 = _c.startOpacity4, endOpacity4 = _c.endOpacity4, startFillColor5 = _c.startFillColor5, endFillColor5 = _c.endFillColor5, startOpacity5 = _c.startOpacity5, endOpacity5 = _c.endOpacity5, arrowStrokeWidth1 = _c.arrowStrokeWidth1, arrowStrokeColor1 = _c.arrowStrokeColor1, arrowFillColor1 = _c.arrowFillColor1, arrowStrokeWidth2 = _c.arrowStrokeWidth2, arrowStrokeColor2 = _c.arrowStrokeColor2, arrowFillColor2 = _c.arrowFillColor2, arrowStrokeWidth3 = _c.arrowStrokeWidth3, arrowStrokeColor3 = _c.arrowStrokeColor3, arrowFillColor3 = _c.arrowFillColor3, arrowStrokeWidth4 = _c.arrowStrokeWidth4, arrowStrokeColor4 = _c.arrowStrokeColor4, arrowFillColor4 = _c.arrowFillColor4, arrowStrokeWidth5 = _c.arrowStrokeWidth5, arrowStrokeColor5 = _c.arrowStrokeColor5, arrowFillColor5 = _c.arrowFillColor5, arrowStrokeWidthsFromSet = _c.arrowStrokeWidthsFromSet, arrowStrokeColorsFromSet = _c.arrowStrokeColorsFromSet, arrowFillColorsFromSet = _c.arrowFillColorsFromSet, secondaryLineConfig = _c.secondaryLineConfig, gradientDirection = _c.gradientDirection, stepHeight = _c.stepHeight, noOfSectionsBelowXAxis = _c.noOfSectionsBelowXAxis, xAxisTextNumberOfLines = _c.xAxisTextNumberOfLines, xAxisLabelsVerticalShift = _c.xAxisLabelsVerticalShift, pointerConfig = _c.pointerConfig, pointerHeight = _c.pointerHeight, pointerWidth = _c.pointerWidth, pointerRadius = _c.pointerRadius, pointerColor = _c.pointerColor, pointerComponent = _c.pointerComponent, showPointerStrip = _c.showPointerStrip, pointerStripHeight = _c.pointerStripHeight, pointerStripWidth = _c.pointerStripWidth, pointerStripColor = _c.pointerStripColor, pointerStripUptoDataPoint = _c.pointerStripUptoDataPoint, pointerLabelComponent = _c.pointerLabelComponent, stripOverPointer = _c.stripOverPointer, shiftPointerLabelX = _c.shiftPointerLabelX, shiftPointerLabelY = _c.shiftPointerLabelY, pointerLabelWidth = _c.pointerLabelWidth, pointerLabelHeight = _c.pointerLabelHeight, autoAdjustPointerLabelPosition = _c.autoAdjustPointerLabelPosition, pointerVanishDelay = _c.pointerVanishDelay, activatePointersOnLongPress = _c.activatePointersOnLongPress, activatePointersDelay = _c.activatePointersDelay, persistPointer = _c.persistPointer, hidePointer1 = _c.hidePointer1, hidePointer2 = _c.hidePointer2, hidePointer3 = _c.hidePointer3, hidePointer4 = _c.hidePointer4, hidePointer5 = _c.hidePointer5, hideSecondaryPointer = _c.hideSecondaryPointer, pointerEvents = _c.pointerEvents, focusEnabled = _c.focusEnabled, showDataPointOnFocus = _c.showDataPointOnFocus, showStripOnFocus = _c.showStripOnFocus, showTextOnFocus = _c.showTextOnFocus, showDataPointLabelOnFocus = _c.showDataPointLabelOnFocus, stripHeight = _c.stripHeight, stripWidth = _c.stripWidth, stripColor = _c.stripColor, stripOpacity = _c.stripOpacity, stripStrokeDashArray = _c.stripStrokeDashArray, unFocusOnPressOut = _c.unFocusOnPressOut, delayBeforeUnFocus = _c.delayBeforeUnFocus, containerHeightIncludingBelowXAxis = _c.containerHeightIncludingBelowXAxis, lineGradient = _c.lineGradient, lineGradientDirection = _c.lineGradientDirection, lineGradientStartColor = _c.lineGradientStartColor, lineGradientEndColor = _c.lineGradientEndColor, barAndLineChartsWrapperProps = _c.barAndLineChartsWrapperProps;
+    var secondaryXAxis = props.secondaryXAxis;
+    var widthValuesFromSet = useMemo(function () { return dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) { return new Animated.Value(0); }); }, []);
+    var animatedPoints = new Animated.Value(0);
+    var animatedFillPoints = new Animated.Value(0);
+    var oldPoints = usePrevious(points);
+    var oldFillPoints = usePrevious(fillPoints);
+    var animatedPath = animateOnDataChange && points && oldPoints
+        ? animatedPoints.interpolate({
+            inputRange: [0, 1],
+            outputRange: [oldPoints, points],
+        })
+        : '';
+    var animatedFillPath = animateOnDataChange && fillPoints && oldFillPoints
+        ? animatedFillPoints.interpolate({
+            inputRange: [0, 1],
+            outputRange: [oldFillPoints, fillPoints],
+        })
+        : '';
+    useEffect(function () {
+        if (animateOnDataChange) {
+            Animated.timing(animatedPoints, {
+                toValue: 1,
+                duration: onDataChangeAnimationDuration,
+                useNativeDriver: true,
+                easing: Easing.ease,
+            }).start();
+            if (props.areaChart || props.areaChart1) {
+                Animated.timing(animatedFillPoints, {
+                    toValue: 1,
+                    duration: onDataChangeAnimationDuration,
+                    useNativeDriver: true,
+                    easing: Easing.ease,
+                }).start();
+            }
+        }
+    }, [animatedPoints]);
+    var labelsAppear = useCallback(function () {
+        opacityValue.setValue(0);
+        Animated.timing(opacityValue, {
+            toValue: 1,
+            duration: 500,
+            easing: Easing.ease,
+            useNativeDriver: false,
+        }).start();
+    }, [opacityValue]);
+    var appearingOpacity = opacityValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, 1],
+    });
+    var decreaseWidth = useCallback(function () {
+        widthValue.setValue(0);
+        Animated.timing(widthValue, {
+            toValue: 1,
+            duration: animationDuration,
+            easing: Easing.linear,
+            useNativeDriver: false,
+        }).start();
+    }, [animationDuration, widthValue]);
+    var decreaseWidth2 = useCallback(function () {
+        widthValue2.setValue(0);
+        Animated.timing(widthValue2, {
+            toValue: 1,
+            duration: animationDuration,
+            easing: Easing.linear,
+            useNativeDriver: false,
+        }).start();
+    }, [animationDuration, widthValue2]);
+    var decreaseWidth3 = useCallback(function () {
+        widthValue3.setValue(0);
+        Animated.timing(widthValue3, {
+            toValue: 1,
+            duration: animationDuration,
+            easing: Easing.linear,
+            useNativeDriver: false,
+        }).start();
+    }, [animationDuration, widthValue3]);
+    var decreaseWidth4 = useCallback(function () {
+        widthValue4.setValue(0);
+        Animated.timing(widthValue4, {
+            toValue: 1,
+            duration: animationDuration,
+            easing: Easing.linear,
+            useNativeDriver: false,
+        }).start();
+    }, [animationDuration, widthValue4]);
+    var decreaseWidth5 = useCallback(function () {
+        widthValue5.setValue(0);
+        Animated.timing(widthValue5, {
+            toValue: 1,
+            duration: animationDuration,
+            easing: Easing.linear,
+            useNativeDriver: false,
+        }).start();
+    }, [animationDuration, widthValue5]);
+    var decreaseWidthsFromSet = useCallback(function () {
+        dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set, index) {
+            var _a;
+            (_a = widthValuesFromSet === null || widthValuesFromSet === void 0 ? void 0 : widthValuesFromSet[index]) === null || _a === void 0 ? void 0 : _a.setValue(0);
+            if (widthValuesFromSet === null || widthValuesFromSet === void 0 ? void 0 : widthValuesFromSet[index]) {
+                Animated.timing(widthValuesFromSet === null || widthValuesFromSet === void 0 ? void 0 : widthValuesFromSet[index], {
+                    toValue: 1,
+                    duration: animationDuration,
+                    easing: Easing.linear,
+                    useNativeDriver: false,
+                }).start();
+            }
+        });
+    }, [animationDuration, widthValuesFromSet]);
+    useEffect(function () {
+        decreaseWidth();
+        labelsAppear();
+        widthValuesFromSet === null || widthValuesFromSet === void 0 ? void 0 : widthValuesFromSet.forEach(function (item, index) {
+            setTimeout(function () {
+                decreaseWidthsFromSet();
+            }, animateTogether ? 0 : animationDuration * index);
+        });
+        setTimeout(function () {
+            decreaseWidth2();
+        }, animateTogether ? 0 : animationDuration);
+        setTimeout(function () {
+            decreaseWidth3();
+        }, animateTogether ? 0 : animationDuration * 2);
+        setTimeout(function () {
+            decreaseWidth4();
+        }, animateTogether ? 0 : animationDuration * 3);
+        setTimeout(function () {
+            decreaseWidth5();
+        }, animateTogether ? 0 : animationDuration * 4);
+    }, [
+        animateTogether,
+        animationDuration,
+        decreaseWidth,
+        decreaseWidth2,
+        decreaseWidth3,
+        decreaseWidth4,
+        decreaseWidth5,
+        labelsAppear,
+    ]);
+    var renderLabel = function (top, index, label, labelTextStyle, labelComponent) {
+        var _a, _b;
+        return (_jsx(View, { style: [
+                {
+                    position: 'absolute',
+                    bottom: top
+                        ? containerHeight +
+                            60 +
+                            ((_a = secondaryXAxis === null || secondaryXAxis === void 0 ? void 0 : secondaryXAxis.labelsDistanceFromXaxis) !== null && _a !== void 0 ? _a : 15)
+                        : 54 - xAxisTextNumberOfLines * 18,
+                    zIndex: 10,
+                    width: spacing + labelsExtraHeight,
+                    left: index === 0 && initialSpacing < 10
+                        ? initialSpacing / 2 + spacing * index - spacing / 2 + 4
+                        : initialSpacing / 2 + spacing * index - spacing / 2 - 10,
+                    height: (_b = props.xAxisLabelsHeight) !== null && _b !== void 0 ? _b : xAxisTextNumberOfLines * 18,
+                },
+                rotateLabel && { transform: [{ rotate: '60deg' }] },
+            ], children: labelComponent ? (labelComponent()) : (_jsx(Text, { style: [{ textAlign: 'center' }, labelTextStyle], numberOfLines: xAxisTextNumberOfLines, children: label })) }));
+    };
+    var renderAnimatedLabel = function (top, index, label, labelTextStyle, labelComponent) {
+        var _a, _b;
+        return (_jsx(Animated.View, { style: [
+                {
+                    height: rotateLabel
+                        ? 40
+                        : ((_a = props.xAxisLabelsHeight) !== null && _a !== void 0 ? _a : xAxisTextNumberOfLines * 18),
+                    position: 'absolute',
+                    bottom: top
+                        ? containerHeight +
+                            60 +
+                            ((_b = secondaryXAxis === null || secondaryXAxis === void 0 ? void 0 : secondaryXAxis.labelsDistanceFromXaxis) !== null && _b !== void 0 ? _b : 15)
+                        : rotateLabel
+                            ? 10
+                            : 54 - xAxisTextNumberOfLines * 18,
+                    zIndex: 10,
+                    width: spacing,
+                    left: index === 0 && initialSpacing < 10
+                        ? initialSpacing / 2 + spacing * index - spacing / 2 + 4
+                        : initialSpacing / 2 + spacing * index - spacing / 2 - 10,
+                    opacity: appearingOpacity,
+                },
+                rotateLabel && { transform: [{ rotate: '60deg' }] },
+            ], children: labelComponent ? (labelComponent()) : (_jsx(Text, { style: [{ textAlign: 'center' }, labelTextStyle], numberOfLines: xAxisTextNumberOfLines, children: label })) }));
+    };
+    var animatedWidth = widthValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, totalWidth],
+    });
+    var animatedWidth2 = widthValue2.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, totalWidth],
+    });
+    var animatedWidth3 = widthValue3.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, totalWidth],
+    });
+    var animatedWidth4 = widthValue4.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, totalWidth],
+    });
+    var animatedWidth5 = widthValue5.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, totalWidth],
+    });
+    var onStripPress = function (item, index) {
+        if (props.focusedDataPointIndex === undefined || !props.onFocus) {
+            setSelectedIndex(index);
+        }
+        if (props.onFocus) {
+            props.onFocus(item, index);
+        }
+    };
+    var renderDataPoints = function (hideDataPoints, dataForRender, originalDataFromProps, dataPtsShape, dataPtsWidth, dataPtsHeight, dataPtsColor, dataPtsRadius, textColor, textFontSize, startIndex, endIndex, isSecondary, showValuesAsDataPointsText) {
+        var getYOrSecondaryY = isSecondary ? getSecondaryY : getY;
+        return dataForRender.map(function (item, index) {
+            var _a;
+            var _b, _c, _d, _e, _f;
+            if (index < startIndex || index > endIndex)
+                return null;
+            if (item.hideDataPoint) {
+                return null;
+            }
+            var dataPointsShape, dataPointsWidth, dataPointsHeight, dataPointsColor, dataPointsRadius, text, customDataPoint, dataPointLabelComponent;
+            if (index === selectedIndex) {
+                dataPointsShape =
+                    item.focusedDataPointShape ||
+                        props.focusedDataPointShape ||
+                        item.dataPointShape ||
+                        dataPtsShape;
+                dataPointsWidth =
+                    item.focusedDataPointWidth ||
+                        props.focusedDataPointWidth ||
+                        item.dataPointWidth ||
+                        dataPtsWidth;
+                dataPointsHeight =
+                    item.focusedDataPointHeight ||
+                        props.focusedDataPointHeight ||
+                        item.dataPointHeight ||
+                        dataPtsHeight;
+                dataPointsColor =
+                    item.focusedDataPointColor ||
+                        props.focusedDataPointColor ||
+                        LineDefaults.focusedDataPointColor;
+                dataPointsRadius =
+                    item.focusedDataPointRadius ||
+                        props.focusedDataPointRadius ||
+                        item.dataPointRadius ||
+                        dataPtsRadius;
+                if (showTextOnFocus) {
+                    text = item.dataPointText;
+                }
+                customDataPoint =
+                    item.focusedCustomDataPoint ||
+                        props.focusedCustomDataPoint ||
+                        item.customDataPoint ||
+                        props.customDataPoint;
+                dataPointLabelComponent =
+                    item.focusedDataPointLabelComponent || item.dataPointLabelComponent;
+            }
+            else {
+                dataPointsShape = item.dataPointShape || dataPtsShape;
+                dataPointsWidth = item.dataPointWidth || dataPtsWidth;
+                dataPointsHeight = item.dataPointHeight || dataPtsHeight;
+                dataPointsColor = item.dataPointColor || dataPtsColor;
+                dataPointsRadius = item.dataPointRadius || dataPtsRadius;
+                if (showTextOnFocus) {
+                    text = '';
+                }
+                customDataPoint = item.customDataPoint || props.customDataPoint;
+                dataPointLabelComponent = item.dataPointLabelComponent;
+            }
+            if (showValuesAsDataPointsText) {
+                text = originalDataFromProps[index].value;
+            }
+            var currentStripHeight = (_b = item.stripHeight) !== null && _b !== void 0 ? _b : stripHeight;
+            var currentStripWidth = (_c = item.stripWidth) !== null && _c !== void 0 ? _c : stripWidth;
+            var currentStripOpacity = (_d = item.stripOpacity) !== null && _d !== void 0 ? _d : stripOpacity;
+            var currentStripStrokeDashArray = (_f = (_e = item.stripStrokeDashArray) !== null && _e !== void 0 ? _e : stripStrokeDashArray) !== null && _f !== void 0 ? _f : '';
+            var currentStripColor = item.stripColor || stripColor;
+            var position = I18nManager.isRTL ? 'right' : 'left';
+            var y1 = currentStripHeight
+                ? containerHeight - currentStripHeight + 8
+                : containerHeight -
+                    dataPointsHeight / 2 +
+                    14 -
+                    (item.value * containerHeight) / maxValue;
+            var actualStripHeight = currentStripHeight ||
+                (item.value * containerHeight) / maxValue - 2 + overflowTop;
+            return (_jsxs(Fragment, { children: [focusEnabled ? (_jsx(_Fragment, { children: unFocusOnPressOut ? ( // remove strip on onFocus
+                        _jsx(Rect, { onPressIn: function () { return onStripPress(item, index); }, onPressOut: function () {
+                                return setTimeout(function () { return setSelectedIndex(-1); }, delayBeforeUnFocus);
+                            }, x: initialSpacing + (spacing * index - spacing / 2), y: 8, width: spacing, height: containerHeight - 0, fill: 'none' })) : (_jsx(Rect, { onPress: function () { return onStripPress(item, index); }, x: initialSpacing + (spacing * index - spacing / 2), y: 8, width: spacing, height: containerHeight, fill: 'none' })) })) : null, item.showStrip ||
+                        (focusEnabled && index === selectedIndex && showStripOnFocus) ? (_jsx(Line, { x1: initialSpacing + spacing * index - currentStripWidth / 2 - 1, y1: y1, x2: initialSpacing + spacing * index - currentStripWidth / 2 - 1, y2: y1 + actualStripHeight, strokeWidth: currentStripWidth, stroke: currentStripColor, strokeDasharray: currentStripStrokeDashArray, opacity: currentStripOpacity })) : null, hideDataPoints ? null : (_jsxs(_Fragment, { children: [customDataPoint ? (_jsx(View, { style: [
+                                    styles.customDataPointContainer,
+                                    (_a = {
+                                            height: dataPointsHeight,
+                                            width: dataPointsWidth,
+                                            top: getYOrSecondaryY(item.value)
+                                        },
+                                        _a[position] = initialSpacing - dataPointsWidth + spacing * index,
+                                        _a.transform = [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
+                                        _a),
+                                ], children: customDataPoint(item, index) })) : null, dataPointsShape === 'rectangular' ? (_jsx(Fragment, { children: customDataPoint ? null : (_jsx(Rect, { x: getX(index) - dataPointsWidth / 2, y: getYOrSecondaryY(item.value) - dataPointsHeight / 2, width: dataPointsWidth, height: dataPointsHeight, fill: showDataPointOnFocus
+                                        ? index === selectedIndex
+                                            ? dataPointsColor
+                                            : 'none'
+                                        : dataPointsColor, onPress: function () {
+                                        item.onPress
+                                            ? item.onPress(item, index)
+                                            : props.onPress
+                                                ? props.onPress(item, index)
+                                                : null;
+                                    } })) }, index)) : (_jsx(Fragment, { children: customDataPoint ? null : (_jsx(Circle, { cx: getX(index), cy: getYOrSecondaryY(item.value), r: dataPointsRadius, fill: showDataPointOnFocus
+                                        ? index === selectedIndex
+                                            ? dataPointsColor
+                                            : 'none'
+                                        : dataPointsColor, onPress: function () {
+                                        item.onPress
+                                            ? item.onPress(item, index)
+                                            : props.onPress
+                                                ? props.onPress(item, index)
+                                                : null;
+                                    } })) }, index)), dataPointLabelComponent ? (!showTextOnFocus || index === selectedIndex ? (_jsx(View, { style: [
+                                    styles.customDataPointContainer,
+                                    {
+                                        zIndex: index === selectedIndex ? 1000 : 0,
+                                        top: containerHeight +
+                                            (item.dataPointLabelShiftY ||
+                                                props.dataPointLabelShiftY ||
+                                                0) -
+                                            (item.value * containerHeight) / maxValue,
+                                        left: initialSpacing +
+                                            (item.dataPointLabelShiftX ||
+                                                props.dataPointLabelShiftX ||
+                                                0) -
+                                            (item.dataPointLabelWidth
+                                                ? item.dataPointLabelWidth + 20
+                                                : props.dataPointLabelWidth
+                                                    ? props.dataPointLabelWidth + 20
+                                                    : 50) /
+                                                2 +
+                                            spacing * index,
+                                    },
+                                ], children: showDataPointLabelOnFocus
+                                    ? index === selectedIndex
+                                        ? dataPointLabelComponent()
+                                        : null
+                                    : dataPointLabelComponent() })) : null) : text || item.dataPointText ? (!showTextOnFocus || index === selectedIndex ? (_jsx(CanvasText, { fill: item.textColor || textColor, fontSize: item.textFontSize || textFontSize, x: getX(index) -
+                                    dataPointsWidth +
+                                    (item.textShiftX || props.textShiftX || 0), y: getYOrSecondaryY(item.value) -
+                                    dataPointsHeight / 2 +
+                                    (item.textShiftY || props.textShiftY || 0), children: !showTextOnFocus && !showValuesAsDataPointsText
+                                    ? item.dataPointText
+                                    : text })) : null) : null] }))] }, index));
+        });
+    };
+    var renderSpecificVerticalLines = function (dataForRender) {
+        return dataForRender.map(function (item, index) {
+            var _a, _b, _c;
+            if (item.showVerticalLine) {
+                var x = getX(index);
+                return (_jsx(Line, { x1: x, y1: extendedContainerHeight, x2: x, y2: ((_a = item.verticalLineUptoDataPoint) !== null && _a !== void 0 ? _a : props.verticalLinesUptoDataPoint)
+                        ? getY(item.value)
+                        : -xAxisThickness, stroke: item.verticalLineColor || props.verticalLinesColor || 'lightgray', strokeWidth: item.verticalLineThickness || props.verticalLinesThickness || 2, strokeDasharray: (_c = (_b = item.verticalLineStrokeDashArray) !== null && _b !== void 0 ? _b : props.verticalLinesStrokeDashArray) !== null && _c !== void 0 ? _c : '' }, index));
+            }
+            return null;
+        });
+    };
+    var renderPointer = function (lineNumber, isDataSet) {
+        if (isDataSet) {
+            var pointerItemLocal_1, pointerYLocal_1, pointerColorLocal_1;
+            return dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set, index) {
+                var _a, _b;
+                var pIndex = barAndLineChartsWrapperProps.pointerIndex;
+                pointerItemLocal_1 = set.data[pIndex];
+                pointerYLocal_1 = pointerYsForDataSet[index];
+                pointerColorLocal_1 =
+                    (_b = (_a = pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointerColorsForDataSet) === null || _a === void 0 ? void 0 : _a[index]) !== null && _b !== void 0 ? _b : pointerColor;
+                return (_jsx(Fragment, { children: Pointer({
+                        pointerX: pointerX,
+                        pointerYLocal: pointerYLocal_1 + xAxisThickness,
+                        pointerComponent: pointerComponent,
+                        pointerHeight: pointerHeight,
+                        pointerRadius: pointerRadius,
+                        pointerWidth: pointerWidth,
+                        pointerItemLocal: pointerItemLocal_1,
+                        pointerColorLocal: pointerColorLocal_1,
+                    }) }, 'dSetPts' + index));
+            });
+        }
+        if (lineNumber === 1 && hidePointer1)
+            return;
+        if (lineNumber === 2 && hidePointer2)
+            return;
+        if (lineNumber === 3 && hidePointer3)
+            return;
+        if (lineNumber === 4 && hidePointer4)
+            return;
+        if (lineNumber === 5 && hidePointer5)
+            return;
+        // 6 is for secondaryData
+        if (lineNumber === 6 && hideSecondaryPointer)
+            return;
+        var pointerItemLocal, pointerYLocal, pointerColorLocal;
+        switch (lineNumber) {
+            case 1:
+                pointerItemLocal = pointerItem;
+                pointerYLocal = pointerY;
+                pointerColorLocal = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointer1Color) || pointerColor;
+                break;
+            case 2:
+                pointerItemLocal = pointerItem2;
+                pointerYLocal = pointerY2;
+                pointerColorLocal = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointer2Color) || pointerColor;
+                break;
+            case 3:
+                pointerItemLocal = pointerItem3;
+                pointerYLocal = pointerY3;
+                pointerColorLocal = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointer3Color) || pointerColor;
+                break;
+            case 4:
+                pointerItemLocal = pointerItem4;
+                pointerYLocal = pointerY4;
+                pointerColorLocal = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointer4Color) || pointerColor;
+                break;
+            case 5:
+                pointerItemLocal = pointerItem5;
+                pointerYLocal = pointerY5;
+                pointerColorLocal = (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.pointer5Color) || pointerColor;
+                break;
+            case 6:
+                pointerItemLocal = secondaryPointerItem;
+                pointerYLocal = secondaryPointerY;
+                pointerColorLocal =
+                    (pointerConfig === null || pointerConfig === void 0 ? void 0 : pointerConfig.secondaryPointerColor) || pointerColor;
+                break;
+        }
+        if (!pointerYLocal)
+            return;
+        return Pointer({
+            pointerX: pointerX,
+            pointerYLocal: pointerYLocal + xAxisThickness,
+            pointerComponent: pointerComponent,
+            pointerHeight: pointerHeight,
+            pointerRadius: pointerRadius,
+            pointerWidth: pointerWidth,
+            pointerItemLocal: pointerItemLocal,
+            pointerColorLocal: pointerColorLocal,
+        });
+    };
+    var renderStripAndLabel = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var pointerItemLocal, pointerYLocal;
+        pointerItemLocal = [
+            __assign(__assign({}, pointerItem), { value: (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a[pointerIndex]) === null || _b === void 0 ? void 0 : _b.value }),
+        ];
+        var arr = [pointerY];
+        if (pointerY2 !== 0) {
+            arr.push(pointerY2);
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_d = (_c = props.data2) === null || _c === void 0 ? void 0 : _c[pointerIndex]) === null || _d === void 0 ? void 0 : _d.value }));
+        }
+        if (pointerY3 !== 0) {
+            arr.push(pointerY3);
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_f = (_e = props.data3) === null || _e === void 0 ? void 0 : _e[pointerIndex]) === null || _f === void 0 ? void 0 : _f.value }));
+        }
+        if (pointerY4 !== 0) {
+            arr.push(pointerY4);
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_h = (_g = props.data4) === null || _g === void 0 ? void 0 : _g[pointerIndex]) === null || _h === void 0 ? void 0 : _h.value }));
+        }
+        if (pointerY5 !== 0) {
+            arr.push(pointerY5);
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_k = (_j = props.data5) === null || _j === void 0 ? void 0 : _j[pointerIndex]) === null || _k === void 0 ? void 0 : _k.value }));
+        }
+        if (secondaryPointerY !== 0) {
+            pointerItemLocal.push(__assign(__assign({}, pointerItem), { value: (_m = (_l = props.secondaryData) === null || _l === void 0 ? void 0 : _l[pointerIndex]) === null || _m === void 0 ? void 0 : _m.value }));
+        }
+        pointerYLocal = Math.min.apply(Math, __spreadArray([], __read(arr), false));
+        return StripAndLabel({
+            autoAdjustPointerLabelPosition: autoAdjustPointerLabelPosition,
+            pointerX: pointerX,
+            pointerLabelWidth: pointerLabelWidth,
+            activatePointersOnLongPress: activatePointersOnLongPress,
+            yAxisLabelWidth: yAxisLabelWidth,
+            pointerRadius: pointerRadius,
+            pointerWidth: pointerWidth,
+            shiftPointerLabelX: shiftPointerLabelX,
+            pointerLabelHeight: pointerLabelHeight,
+            pointerYLocal: pointerYLocal,
+            pointerStripUptoDataPoint: pointerStripUptoDataPoint,
+            pointerStripHeight: pointerStripHeight,
+            shiftPointerLabelY: shiftPointerLabelY,
+            pointerItemLocal: pointerItemLocal,
+            showPointerStrip: showPointerStrip,
+            pointerStripWidth: pointerStripWidth,
+            containerHeight: containerHeight,
+            xAxisThickness: xAxisThickness,
+            pointerStripColor: pointerStripColor,
+            pointerConfig: pointerConfig,
+            pointerLabelComponent: pointerLabelComponent,
+            secondaryPointerItem: secondaryPointerItem,
+            scrollX: scrollX,
+            pointerEvents: pointerEvents,
+            isBarChart: false,
+            pointerIndex: pointerIndex,
+            width: totalWidth,
+            screenWidth: screenWidth,
+        });
+    };
+    var getLineGradientComponent = function () {
+        return props.lineGradientComponent ? (props.lineGradientComponent()) : (_jsxs(LinearGradient, { id: "lineGradient", x1: "0", y1: "0", x2: lineGradientDirection === 'horizontal' ? '1' : '0', y2: lineGradientDirection === 'vertical' ? '1' : '0', children: [_jsx(Stop, { offset: "0", stopColor: lineGradientStartColor }), _jsx(Stop, { offset: "1", stopColor: lineGradientEndColor })] }));
+    };
+    var getAreaGradientComponent = function (startFillColor, endFillColor, startOpacity, endOpacity) {
+        return props.areaGradientComponent ? (props.areaGradientComponent()) : (_jsxs(LinearGradient, { id: "Gradient", x1: "0", y1: "0", x2: gradientDirection === 'horizontal' ? '1' : '0', y2: gradientDirection === 'vertical' ? '1' : '0', children: [_jsx(Stop, { offset: "0", stopColor: startFillColor, stopOpacity: startOpacity.toString() }), _jsx(Stop, { offset: "1", stopColor: endFillColor, stopOpacity: endOpacity.toString() })] }));
+    };
+    var lineSvgComponent = function (points, currentLineThickness, color, fillPoints, startFillColor, endFillColor, startOpacity, endOpacity, strokeDashArray, showArrow, arrowPoints, arrowStrokeWidth, arrowStrokeColor, arrowFillColor, key) {
+        var _a, _b;
+        if (!points)
+            return null;
+        var isCurved = points.includes('C');
+        var isNthAreaChart = getIsNthAreaChart(key !== null && key !== void 0 ? key : 0);
+        var ar = [{ d: '', color: '', strokeWidth: 0 }];
+        if (points.includes(RANGE_ENTER)) {
+            ar = getRegionPathObjects(points, color, currentLineThickness !== null && currentLineThickness !== void 0 ? currentLineThickness : 0, thickness, strokeDashArray !== null && strokeDashArray !== void 0 ? strokeDashArray : [], isCurved, RANGE_ENTER, STOP, RANGE_EXIT);
+        }
+        else if (points.includes(SEGMENT_START)) {
+            ar = getSegmentedPathObjects(points, color, currentLineThickness !== null && currentLineThickness !== void 0 ? currentLineThickness : 0, thickness, strokeDashArray !== null && strokeDashArray !== void 0 ? strokeDashArray : [], isCurved, SEGMENT_START, SEGMENT_END);
+        }
+        var lineSvgPropsOuter = {
+            d: animateOnDataChange && animatedPath ? animatedPath : points,
+            fill: 'none',
+            stroke: lineGradient
+                ? props.lineGradientId
+                    ? "url(#".concat(props.lineGradientId, ")")
+                    : "url(#lineGradient)"
+                : color,
+            strokeWidth: currentLineThickness || thickness,
+        };
+        if (strokeDashArray &&
+            strokeDashArray.length === 2 &&
+            typeof strokeDashArray[0] === 'number' &&
+            typeof strokeDashArray[1] === 'number') {
+            lineSvgPropsOuter.strokeDasharray = strokeDashArray;
+        }
+        return (_jsxs(Svg, { onPress: props.onBackgroundPress, children: [lineGradient && getLineGradientComponent(), points.includes(SEGMENT_START) || points.includes(RANGE_ENTER) ? (ar.map(function (item, index) {
+                    var lineSvgProps = {
+                        d: item.d,
+                        fill: 'none',
+                        stroke: lineGradient
+                            ? props.lineGradientId
+                                ? "url(#".concat(props.lineGradientId, ")")
+                                : "url(#lineGradient)"
+                            : item.color,
+                        strokeWidth: item.strokeWidth,
+                    };
+                    if (item.strokeDashArray &&
+                        item.strokeDashArray.length === 2 &&
+                        typeof item.strokeDashArray[0] === 'number' &&
+                        typeof item.strokeDashArray[1] === 'number') {
+                        lineSvgProps.strokeDasharray = item.strokeDashArray;
+                    }
+                    return _jsx(Path, __assign({}, lineSvgProps), index);
+                })) : animateOnDataChange && animatedPath ? (_jsx(AnimatedPath, __assign({}, lineSvgPropsOuter))) : (_jsx(Path, __assign({}, lineSvgPropsOuter))), isNthAreaChart &&
+                    getAreaGradientComponent(startFillColor, endFillColor, startOpacity, endOpacity), isNthAreaChart ? (animateOnDataChange && animatedFillPath ? (_jsx(AnimatedPath, { onPress: props.onChartAreaPress, d: animatedFillPath, fill: props.areaGradientId
+                        ? "url(#".concat(props.areaGradientId, ")")
+                        : "url(#Gradient)", stroke: 'transparent', strokeWidth: currentLineThickness || thickness })) : (_jsx(Path, { onPress: props.onChartAreaPress, d: fillPoints, fill: props.areaGradientId
+                        ? "url(#".concat(props.areaGradientId, ")")
+                        : "url(#Gradient)", stroke: 'transparent', strokeWidth: currentLineThickness || thickness }))) : null, renderSpecificVerticalLines(data), renderSpecificVerticalLines(data2), renderSpecificVerticalLines(data3), renderSpecificVerticalLines(data4), renderSpecificVerticalLines(data5), (_a = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) { return renderSpecificVerticalLines(set === null || set === void 0 ? void 0 : set.data); })) !== null && _a !== void 0 ? _a : null, (_b = dataSet === null || dataSet === void 0 ? void 0 : dataSet.map(function (set) {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+                    return renderDataPoints((_a = set.hideDataPoints) !== null && _a !== void 0 ? _a : hideDataPoints1, set.data, adjustToOffset(set.data, -((_b = props.yAxisOffset) !== null && _b !== void 0 ? _b : 0)), // need the actual values passed by user
+                    (_c = set.dataPointsShape) !== null && _c !== void 0 ? _c : dataPointsShape1, (_d = set.dataPointsWidth) !== null && _d !== void 0 ? _d : dataPointsWidth1, (_e = set.dataPointsHeight) !== null && _e !== void 0 ? _e : dataPointsHeight1, (_f = set.dataPointsColor) !== null && _f !== void 0 ? _f : dataPointsColor1, (_g = set.dataPointsRadius) !== null && _g !== void 0 ? _g : dataPointsRadius1, (_h = set.textColor) !== null && _h !== void 0 ? _h : textColor1, (_j = set.textFontSize) !== null && _j !== void 0 ? _j : textFontSize1, (_k = set.startIndex) !== null && _k !== void 0 ? _k : 0, (_l = set.endIndex) !== null && _l !== void 0 ? _l : set.data.length - 1, set.isSecondary, showValuesAsDataPointsText);
+                })) !== null && _b !== void 0 ? _b : null, renderDataPoints(hideDataPoints1, data, props.data, dataPointsShape1, dataPointsWidth1, dataPointsHeight1, dataPointsColor1, dataPointsRadius1, textColor1, textFontSize1, startIndex1, endIndex1, false, showValuesAsDataPointsText), renderDataPoints(hideDataPoints2, data2, props.data2, dataPointsShape2, dataPointsWidth2, dataPointsHeight2, dataPointsColor2, dataPointsRadius2, textColor2, textFontSize2, startIndex2, endIndex2, false, showValuesAsDataPointsText), renderDataPoints(hideDataPoints3, data3, props.data3, dataPointsShape3, dataPointsWidth3, dataPointsHeight3, dataPointsColor3, dataPointsRadius3, textColor3, textFontSize3, startIndex3, endIndex3, false, showValuesAsDataPointsText), renderDataPoints(hideDataPoints4, data4, props.data4, dataPointsShape4, dataPointsWidth4, dataPointsHeight4, dataPointsColor4, dataPointsRadius4, textColor4, textFontSize4, startIndex4, endIndex4, false, showValuesAsDataPointsText), renderDataPoints(hideDataPoints5, data5, props.data5, dataPointsShape5, dataPointsWidth5, dataPointsHeight5, dataPointsColor5, dataPointsRadius5, textColor5, textFontSize5, startIndex5, endIndex5, false, showValuesAsDataPointsText), (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length)
+                    ? renderDataPoints(secondaryLineConfig.hideDataPoints, secondaryData, props.secondaryData, secondaryLineConfig.dataPointsShape, secondaryLineConfig.dataPointsWidth, secondaryLineConfig.dataPointsHeight, secondaryLineConfig.dataPointsColor, secondaryLineConfig.dataPointsRadius, secondaryLineConfig.textColor, secondaryLineConfig.textFontSize, secondaryLineConfig.startIndex, secondaryLineConfig.endIndex, true, secondaryLineConfig.showValuesAsDataPointsText)
+                    : null, showArrow && (_jsx(Path, { d: arrowPoints, fill: arrowFillColor, stroke: arrowStrokeColor, strokeWidth: arrowStrokeWidth }))] }));
+    };
+    var activatePointers = function (x) {
+        var factor = (x - initialSpacing) / spacing;
+        factor = Math.round(factor);
+        factor = Math.min(factor, (data0 !== null && data0 !== void 0 ? data0 : data).length - 1);
+        factor = Math.max(factor, 0);
+        var z = initialSpacing +
+            spacing * factor -
+            (pointerRadius || pointerWidth / 2) -
+            1;
+        setPointerX(z);
+        setPointerIndex(factor);
+        var item, y;
+        item = (data0 !== null && data0 !== void 0 ? data0 : data)[factor];
+        y =
+            containerHeight -
+                (item.value * containerHeight) / maxValue -
+                (pointerRadius || pointerHeight / 2) +
+                10;
+        setPointerY(y);
+        setPointerItem(item);
+        if (data2 && data2.length) {
+            item = data2[factor];
+            if (item) {
+                y =
+                    containerHeight -
+                        (item.value * containerHeight) / maxValue -
+                        (pointerRadius || pointerHeight / 2) +
+                        10;
+                setPointerY2(y);
+                setPointerItem2(item);
+            }
+        }
+        if (data3 && data3.length) {
+            item = data3[factor];
+            if (item) {
+                y =
+                    containerHeight -
+                        (item.value * containerHeight) / maxValue -
+                        (pointerRadius || pointerHeight / 2) +
+                        10;
+                setPointerY3(y);
+                setPointerItem3(item);
+            }
+        }
+        if (data4 && data4.length) {
+            item = data4[factor];
+            if (item) {
+                y =
+                    containerHeight -
+                        (item.value * containerHeight) / maxValue -
+                        (pointerRadius || pointerHeight / 2) +
+                        10;
+                setPointerY4(y);
+                setPointerItem4(item);
+            }
+        }
+        if (data5 && data5.length) {
+            item = data5[factor];
+            if (item) {
+                y =
+                    containerHeight -
+                        (item.value * containerHeight) / maxValue -
+                        (pointerRadius || pointerHeight / 2) +
+                        10;
+                setPointerY5(y);
+                setPointerItem5(item);
+            }
+        }
+        if (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length) {
+            item = secondaryData[factor];
+            if (item) {
+                y =
+                    containerHeight -
+                        (item.value * containerHeight) / secondaryMaxValue -
+                        (pointerRadius || pointerHeight / 2) +
+                        10;
+                setSecondaryPointerY(y);
+                // @ts-ignore
+                setSecondaryPointerItem(item);
+            }
+        }
+        if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
+            if (dataSet[0].data[factor]) {
+                var ysForDataSet = dataSet.map(function (set) {
+                    var item = set.data[factor];
+                    var y = item
+                        ? containerHeight -
+                            (item.value * containerHeight) / maxValue -
+                            (pointerRadius || pointerHeight / 2) +
+                            10
+                        : 0;
+                    return y;
+                });
+                setPointerYsForDataSet(ysForDataSet);
+            }
+        }
+    };
+    var renderLine = function (zIndex, points, currentLineThickness, color, fillPoints, startFillColor, endFillColor, startOpacity, endOpacity, strokeDashArray, showArrow, arrowPoints, arrowStrokeWidth, arrowStrokeColor, arrowFillColor, key) {
+        var _a, _b;
+        return (_jsx(View, { onMoveShouldSetResponder: function (evt) { return (pointerConfig ? true : false); }, onResponderGrant: function (evt) {
+                if (!pointerConfig)
+                    return;
+                setResponderStartTime(evt.timeStamp);
+                if (activatePointersOnLongPress) {
+                    return;
+                }
+                var x = evt.nativeEvent.locationX;
+                activatePointers(x);
+            }, onResponderMove: function (evt) {
+                if (!pointerConfig)
+                    return;
+                if (activatePointersOnLongPress &&
+                    evt.timeStamp - responderStartTime < activatePointersDelay) {
+                    return;
+                }
+                else {
+                    setResponderActive(true);
+                }
+                var x = evt.nativeEvent.locationX;
+                if (!activatePointersOnLongPress &&
+                    x > (props.width || Dimensions.get('window').width))
+                    return;
+                var factor = (x - initialSpacing) / spacing;
+                factor = Math.round(factor);
+                factor = Math.min(factor, (data0 !== null && data0 !== void 0 ? data0 : data).length - 1);
+                factor = Math.max(factor, 0);
+                var z = initialSpacing +
+                    spacing * factor -
+                    (pointerRadius || pointerWidth / 2) -
+                    1;
+                var item, y;
+                setPointerX(z);
+                setPointerIndex(factor);
+                item = (data0 !== null && data0 !== void 0 ? data0 : data)[factor];
+                y =
+                    containerHeight -
+                        (item.value * containerHeight) / maxValue -
+                        (pointerRadius || pointerHeight / 2) +
+                        10;
+                setPointerY(y);
+                setPointerItem(item);
+                if (data2 && data2.length) {
+                    item = data2[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setPointerY2(y);
+                        setPointerItem2(item);
+                    }
+                }
+                if (data3 && data3.length) {
+                    item = data3[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setPointerY3(y);
+                        setPointerItem3(item);
+                    }
+                }
+                if (data4 && data4.length) {
+                    item = data4[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setPointerY4(y);
+                        setPointerItem4(item);
+                    }
+                }
+                if (data5 && data5.length) {
+                    item = data5[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setPointerY5(y);
+                        setPointerItem5(item);
+                    }
+                }
+                if (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length) {
+                    item = secondaryData[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / secondaryMaxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setSecondaryPointerY(y);
+                        // @ts-ignore
+                        setSecondaryPointerItem(item);
+                    }
+                }
+                if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
+                    var ysForDataSet = dataSet.map(function (set) {
+                        var item = set.data[factor];
+                        var y = item
+                            ? containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10
+                            : 0;
+                        return y;
+                    });
+                    setPointerYsForDataSet(ysForDataSet);
+                }
+            }, 
+            // onResponderReject={evt => {
+            //   console.log('evt...reject.......',evt);
+            // }}
+            onResponderEnd: function (evt) {
+                // console.log('evt...end.......',evt);
+                setResponderStartTime(0);
+                setPointerIndex(-1);
+                setResponderActive(false);
+                if (!persistPointer)
+                    setTimeout(function () { return setPointerX(0); }, pointerVanishDelay);
+            }, onResponderTerminationRequest: function (evt) { return false; }, 
+            // onResponderTerminate={evt => {
+            //   console.log('evt...terminate.......',evt);
+            // }}
+            // onResponderRelease={evt => {
+            //   setResponderStartTime(0);
+            //   setResponderActive(false);
+            //   setTimeout(() => setPointerX(0), pointerVanishDelay);
+            // }}
+            style: {
+                position: 'absolute',
+                height: containerHeightIncludingBelowXAxis +
+                    ((_a = props.overflowBottom) !== null && _a !== void 0 ? _a : dataPointsRadius1),
+                bottom: 60 +
+                    xAxisLabelsVerticalShift +
+                    labelsExtraHeight -
+                    xAxisThickness -
+                    ((_b = props.overflowBottom) !== null && _b !== void 0 ? _b : dataPointsRadius1),
+                zIndex: zIndex,
+                transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
+                width: totalWidth,
+            }, children: lineSvgComponent(points, currentLineThickness, color, fillPoints, startFillColor, endFillColor, startOpacity, endOpacity, strokeDashArray, showArrow, arrowPoints, arrowStrokeWidth, arrowStrokeColor, arrowFillColor, key) }, key !== null && key !== void 0 ? key : 0));
+    };
+    var renderAnimatedLine = function (zIndex, points, animatedWidth, currentLineThickness, color, fillPoints, startFillColor, endFillColor, startOpacity, endOpacity, strokeDashArray, showArrow, arrowPoints, arrowStrokeWidth, arrowStrokeColor, arrowFillColor, key) {
+        var _a, _b;
+        return (_jsx(Animated.View, { onStartShouldSetResponder: function (evt) { return (pointerConfig ? true : false); }, onMoveShouldSetResponder: function (evt) { return (pointerConfig ? true : false); }, onResponderGrant: function (evt) {
+                if (!pointerConfig)
+                    return;
+                setResponderStartTime(evt.timeStamp);
+                if (activatePointersOnLongPress) {
+                    return;
+                }
+                var x = evt.nativeEvent.locationX;
+                activatePointers(x);
+            }, onResponderMove: function (evt) {
+                if (!pointerConfig)
+                    return;
+                if (activatePointersOnLongPress &&
+                    evt.timeStamp - responderStartTime < activatePointersDelay) {
+                    return;
+                }
+                else {
+                    setResponderActive(true);
+                }
+                var x = evt.nativeEvent.locationX;
+                if (!activatePointersOnLongPress &&
+                    x > (props.width || Dimensions.get('window').width))
+                    return;
+                var factor = (x - initialSpacing) / spacing;
+                factor = Math.round(factor);
+                factor = Math.min(factor, (data0 !== null && data0 !== void 0 ? data0 : data).length - 1);
+                factor = Math.max(factor, 0);
+                var z = initialSpacing +
+                    spacing * factor -
+                    (pointerRadius || pointerWidth / 2) -
+                    1;
+                var item, y;
+                setPointerX(z);
+                setPointerIndex(factor);
+                item = (data0 !== null && data0 !== void 0 ? data0 : data)[factor];
+                y =
+                    containerHeight -
+                        (item.value * containerHeight) / maxValue -
+                        (pointerRadius || pointerHeight / 2) +
+                        10;
+                setPointerY(y);
+                setPointerItem(item);
+                if (data2 && data2.length) {
+                    item = data2[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setPointerY2(y);
+                        setPointerItem2(item);
+                    }
+                }
+                if (data3 && data3.length) {
+                    item = data3[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setPointerY3(y);
+                        setPointerItem3(item);
+                    }
+                }
+                if (data4 && data4.length) {
+                    item = data4[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setPointerY4(y);
+                        setPointerItem4(item);
+                    }
+                }
+                if (data5 && data5.length) {
+                    item = data5[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / maxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setPointerY5(y);
+                        setPointerItem5(item);
+                    }
+                }
+                if (secondaryData === null || secondaryData === void 0 ? void 0 : secondaryData.length) {
+                    item = secondaryData[factor];
+                    if (item) {
+                        y =
+                            containerHeight -
+                                (item.value * containerHeight) / secondaryMaxValue -
+                                (pointerRadius || pointerHeight / 2) +
+                                10;
+                        setSecondaryPointerY(y);
+                        // @ts-ignore
+                        setSecondaryPointerItem(item);
+                    }
+                }
+                if (dataSet === null || dataSet === void 0 ? void 0 : dataSet.length) {
+                    if (dataSet[0].data[factor]) {
+                        var ysForDataSet = dataSet.map(function (set) {
+                            var item = set.data[factor];
+                            var y = item
+                                ? containerHeight -
+                                    (item.value * containerHeight) / maxValue -
+                                    (pointerRadius || pointerHeight / 2) +
+                                    10
+                                : 0;
+                            return y;
+                        });
+                        setPointerYsForDataSet(ysForDataSet);
+                    }
+                }
+            }, 
+            // onResponderReject={evt => {
+            //   console.log('evt...reject.......',evt);
+            // }}
+            onResponderEnd: function (evt) {
+                // console.log('evt...end.......',evt);
+                setResponderStartTime(0);
+                setPointerIndex(-1);
+                setResponderActive(false);
+                if (!persistPointer)
+                    setTimeout(function () { return setPointerX(0); }, pointerVanishDelay);
+            }, onResponderTerminationRequest: function (evt) { return false; }, 
+            // onResponderTerminate={evt => {
+            //   console.log('evt...terminate.......',evt);
+            // }}
+            // onResponderRelease={evt => {
+            //   setResponderStartTime(0);
+            //   setResponderActive(false);
+            //   setTimeout(() => setPointerX(0), pointerVanishDelay);
+            // }}
+            style: {
+                position: 'absolute',
+                height: containerHeightIncludingBelowXAxis +
+                    ((_a = props.overflowBottom) !== null && _a !== void 0 ? _a : dataPointsRadius1),
+                bottom: 60 +
+                    xAxisLabelsVerticalShift +
+                    labelsExtraHeight -
+                    xAxisThickness -
+                    ((_b = props.overflowBottom) !== null && _b !== void 0 ? _b : dataPointsRadius1),
+                zIndex: zIndex,
+                transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
+                width: animatedWidth,
+            }, children: lineSvgComponent(points, currentLineThickness, color, fillPoints, startFillColor, endFillColor, startOpacity, endOpacity, strokeDashArray, showArrow, arrowPoints, arrowStrokeWidth, arrowStrokeColor, arrowFillColor, key) }, key !== null && key !== void 0 ? key : 0));
+    };
+    var remainingScrollViewProps = {
+        onScroll: function (ev) {
+            var _a;
+            (_a = props.onScroll) === null || _a === void 0 ? void 0 : _a.call(props, ev);
+            if (pointerConfig &&
+                pointerConfig.activatePointersOnLongPress &&
+                pointerConfig.autoAdjustPointerLabelPosition) {
+                setScrollX(ev.nativeEvent.contentOffset.x);
+            }
+        },
+    };
+    var renderChartContent = function () {
+        var _a, _b, _c, _d, _e, _f;
+        return (_jsxs(_Fragment, { children: [dataSet
+                    ? pointsFromSet.length
+                        ? dataSet.map(function (set, index) {
+                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+                            if (isAnimated) {
+                                return renderAnimatedLine((_a = set.zIndex) !== null && _a !== void 0 ? _a : zIndex1, pointsFromSet[index], animatedWidth, (_b = set.thickness) !== null && _b !== void 0 ? _b : thickness1, (_c = set.color) !== null && _c !== void 0 ? _c : color1, fillPointsFromSet[index], (_d = set.startFillColor) !== null && _d !== void 0 ? _d : startFillColor1, (_e = set.endFillColor) !== null && _e !== void 0 ? _e : endFillColor1, (_f = set.startOpacity) !== null && _f !== void 0 ? _f : startOpacity1, (_g = set.endOpacity) !== null && _g !== void 0 ? _g : endOpacity1, (_h = set.strokeDashArray) !== null && _h !== void 0 ? _h : strokeDashArray1, set.showArrow || props.showArrows, arrowPointsFromSet[index], arrowStrokeWidthsFromSet === null || arrowStrokeWidthsFromSet === void 0 ? void 0 : arrowStrokeWidthsFromSet[index], arrowStrokeColorsFromSet === null || arrowStrokeColorsFromSet === void 0 ? void 0 : arrowStrokeColorsFromSet[index], arrowFillColorsFromSet === null || arrowFillColorsFromSet === void 0 ? void 0 : arrowFillColorsFromSet[index], index);
+                            }
+                            else {
+                                return renderLine((_j = set.zIndex) !== null && _j !== void 0 ? _j : zIndex1, pointsFromSet[index], (_k = set.thickness) !== null && _k !== void 0 ? _k : thickness1, (_l = set.color) !== null && _l !== void 0 ? _l : color1, fillPointsFromSet[index], (_m = set.startFillColor) !== null && _m !== void 0 ? _m : startFillColor1, (_o = set.endFillColor) !== null && _o !== void 0 ? _o : endFillColor1, (_p = set.startOpacity) !== null && _p !== void 0 ? _p : startOpacity1, (_q = set.endOpacity) !== null && _q !== void 0 ? _q : endOpacity1, (_r = set.strokeDashArray) !== null && _r !== void 0 ? _r : strokeDashArray1, set.showArrow || props.showArrows, arrowPointsFromSet[index], arrowStrokeWidthsFromSet === null || arrowStrokeWidthsFromSet === void 0 ? void 0 : arrowStrokeWidthsFromSet[index], arrowStrokeColorsFromSet === null || arrowStrokeColorsFromSet === void 0 ? void 0 : arrowStrokeColorsFromSet[index], arrowFillColorsFromSet === null || arrowFillColorsFromSet === void 0 ? void 0 : arrowFillColorsFromSet[index], index);
+                            }
+                        })
+                        : null
+                    : isAnimated
+                        ? renderAnimatedLine(zIndex1, points, animatedWidth, thickness1, color1, fillPoints, startFillColor1, endFillColor1, startOpacity1, endOpacity1, strokeDashArray1, props.showArrow1 || props.showArrows, arrow1Points, arrowStrokeWidth1, arrowStrokeColor1, arrowFillColor1, 0)
+                        : renderLine(zIndex1, points, thickness1, color1, fillPoints, startFillColor1, endFillColor1, startOpacity1, endOpacity1, strokeDashArray1, props.showArrow1 || props.showArrows, arrow1Points, arrowStrokeWidth1, arrowStrokeColor1, arrowFillColor1, 0), secondaryPoints
+                    ? isAnimated
+                        ? renderAnimatedLine(secondaryLineConfig.zIndex, secondaryPoints, animatedWidth, secondaryLineConfig.thickness, secondaryLineConfig.color, secondaryFillPoints, secondaryLineConfig.startFillColor, secondaryLineConfig.endFillColor, secondaryLineConfig.startOpacity, secondaryLineConfig.endOpacity, secondaryLineConfig.strokeDashArray, secondaryLineConfig.showArrow, secondaryArrowPoints, (_a = secondaryLineConfig.arrowConfig) === null || _a === void 0 ? void 0 : _a.strokeWidth, (_b = secondaryLineConfig.arrowConfig) === null || _b === void 0 ? void 0 : _b.strokeColor, (_c = secondaryLineConfig.arrowConfig) === null || _c === void 0 ? void 0 : _c.fillColor, 6)
+                        : renderLine(secondaryLineConfig.zIndex, secondaryPoints, secondaryLineConfig.thickness, secondaryLineConfig.color, secondaryFillPoints, secondaryLineConfig.startFillColor, secondaryLineConfig.endFillColor, secondaryLineConfig.startOpacity, secondaryLineConfig.endOpacity, secondaryLineConfig.strokeDashArray, secondaryLineConfig.showArrow, secondaryArrowPoints, (_d = secondaryLineConfig.arrowConfig) === null || _d === void 0 ? void 0 : _d.strokeWidth, (_e = secondaryLineConfig.arrowConfig) === null || _e === void 0 ? void 0 : _e.strokeColor, (_f = secondaryLineConfig.arrowConfig) === null || _f === void 0 ? void 0 : _f.fillColor, 6)
+                    : null, points2
+                    ? isAnimated
+                        ? renderAnimatedLine(zIndex2, points2, animatedWidth2, thickness2, color2, fillPoints2, startFillColor2, endFillColor2, startOpacity2, endOpacity2, strokeDashArray2, props.showArrow2 || props.showArrows, arrow2Points, arrowStrokeWidth2, arrowStrokeColor2, arrowFillColor2, 1)
+                        : renderLine(zIndex2, points2, thickness2, color2, fillPoints2, startFillColor2, endFillColor2, startOpacity2, endOpacity2, strokeDashArray2, props.showArrow2 || props.showArrows, arrow2Points, arrowStrokeWidth2, arrowStrokeColor2, arrowFillColor2, 1)
+                    : null, points3
+                    ? isAnimated
+                        ? renderAnimatedLine(zIndex3, points3, animatedWidth3, thickness3, color3, fillPoints3, startFillColor3, endFillColor3, startOpacity3, endOpacity3, strokeDashArray3, props.showArrow3 || props.showArrows, arrow3Points, arrowStrokeWidth3, arrowStrokeColor3, arrowFillColor3, 2)
+                        : renderLine(zIndex3, points3, thickness3, color3, fillPoints3, startFillColor3, endFillColor3, startOpacity3, endOpacity3, strokeDashArray3, props.showArrow3 || props.showArrows, arrow3Points, arrowStrokeWidth3, arrowStrokeColor3, arrowFillColor3, 2)
+                    : null, points4
+                    ? isAnimated
+                        ? renderAnimatedLine(zIndex4, points4, animatedWidth4, thickness4, color4, fillPoints4, startFillColor4, endFillColor4, startOpacity4, endOpacity4, strokeDashArray4, props.showArrow4 || props.showArrows, arrow4Points, arrowStrokeWidth4, arrowStrokeColor4, arrowFillColor4, 3)
+                        : renderLine(zIndex4, points4, thickness4, color4, fillPoints4, startFillColor4, endFillColor4, startOpacity4, endOpacity4, strokeDashArray4, props.showArrow4 || props.showArrows, arrow4Points, arrowStrokeWidth4, arrowStrokeColor4, arrowFillColor4, 3)
+                    : null, points5
+                    ? isAnimated
+                        ? renderAnimatedLine(zIndex5, points5, animatedWidth5, thickness5, color5, fillPoints5, startFillColor5, endFillColor5, startOpacity5, endOpacity5, strokeDashArray5, props.showArrow5 || props.showArrows, arrow5Points, arrowStrokeWidth5, arrowStrokeColor5, arrowFillColor5, 4)
+                        : renderLine(zIndex5, points5, thickness5, color5, fillPoints5, startFillColor5, endFillColor5, startOpacity5, endOpacity5, strokeDashArray5, props.showArrow5 || props.showArrows, arrow5Points, arrowStrokeWidth5, arrowStrokeColor5, arrowFillColor5, 4)
+                    : null, pointerX > 0 ? (_jsxs(View, { pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : 'none', style: {
+                        position: 'absolute',
+                        height: extendedContainerHeight + noOfSectionsBelowXAxis * stepHeight,
+                        bottom: 58 + labelsExtraHeight + xAxisLabelsVerticalShift - overflowTop,
+                        // width: totalWidth,
+                        zIndex: 20,
+                    }, children: [!stripOverPointer && renderStripAndLabel(), dataSet ? (renderPointer(0, true)) : (
+                        // dataSet.map((set, index) => renderPointer(index))
+                        _jsxs(_Fragment, { children: [renderPointer(1), points2 ? renderPointer(2) : null, points3 ? renderPointer(3) : null, points4 ? renderPointer(4) : null, points5 ? renderPointer(5) : null, secondaryPoints ? renderPointer(6) : null, stripOverPointer && renderStripAndLabel()] }))] })) : null, (data0 !== null && data0 !== void 0 ? data0 : data).map(function (item, index) {
+                    var _a, _b, _c, _d, _e, _f;
+                    var secondaryLabel = (_c = (_a = item.secondaryLabel) !== null && _a !== void 0 ? _a : (_b = secondaryXAxis === null || secondaryXAxis === void 0 ? void 0 : secondaryXAxis.labelTexts) === null || _b === void 0 ? void 0 : _b[index]) !== null && _c !== void 0 ? _c : '';
+                    var secondaryLabelTextStyle = (_f = (_e = (_d = item.secondaryLabelTextStyle) !== null && _d !== void 0 ? _d : secondaryXAxis === null || secondaryXAxis === void 0 ? void 0 : secondaryXAxis.labelsTextStyle) !== null && _e !== void 0 ? _e : item.labelTextStyle) !== null && _f !== void 0 ? _f : props.xAxisLabelTextStyle;
+                    return (_jsxs(View, { children: [isAnimated
+                                ? renderAnimatedLabel(false, index, item.label ||
+                                    (props.xAxisLabelTexts && props.xAxisLabelTexts[index]
+                                        ? props.xAxisLabelTexts[index]
+                                        : ''), item.labelTextStyle || props.xAxisLabelTextStyle, item.labelComponent)
+                                : renderLabel(false, index, item.label ||
+                                    (props.xAxisLabelTexts && props.xAxisLabelTexts[index]
+                                        ? props.xAxisLabelTexts[index]
+                                        : ''), item.labelTextStyle || props.xAxisLabelTextStyle, item.labelComponent), secondaryXAxis
+                                ? isAnimated
+                                    ? renderAnimatedLabel(true, index, secondaryLabel, secondaryLabelTextStyle, item.secondaryLabelComponent)
+                                    : renderLabel(true, index, secondaryLabel, secondaryLabelTextStyle, item.secondaryLabelComponent)
+                                : null] }, index));
+                })] }));
+    };
+    return (_jsx(BarAndLineChartsWrapper, __assign({}, barAndLineChartsWrapperProps, { scrollRef: scrollRef, animatedWidth: animatedWidth, renderChartContent: renderChartContent, remainingScrollViewProps: remainingScrollViewProps })));
+};