@moontra/moonui-pro 3.4.15 → 3.4.17

package/dist/index.mjs

@@ -95542,8 +95542,10 @@ var NumberTickerInternal = ({
   const [currentValue, setCurrentValue] = useState(startValue);
   const [isAnimating, setIsAnimating] = useState(false);
   const [hasAnimated, setHasAnimated] = useState(false);
+  const [isInViewport, setIsInViewport] = useState(false);
   const elementRef = useRef(null);
   const animationRef = useRef(null);
+  const hasAnimatedRef = useRef(false);
   const getEasingFunction = (t2) => {
     switch (easing) {
       case "linear":
@@ -95581,7 +95583,7 @@ var NumberTickerInternal = ({
     return `${prefix}${formatted}${suffix}`;
   };
   const startAnimation = () => {
-    if (isAnimating || hasAnimated && !repeat)
+    if (isAnimating || hasAnimatedRef.current && !repeat)
       return;
     setIsAnimating(true);
     const startTime = performance.now();
@@ -95599,6 +95601,7 @@ var NumberTickerInternal = ({
       } else {
         setIsAnimating(false);
         setHasAnimated(true);
+        hasAnimatedRef.current = true;
         setCurrentValue(endVal);
         onComplete?.();
       }
@@ -95615,8 +95618,12 @@ var NumberTickerInternal = ({
       return;
     const observer = new IntersectionObserver(
       ([entry]) => {
-        if (entry.isIntersecting) {
+        setIsInViewport(entry.isIntersecting);
+        if (entry.isIntersecting && (!hasAnimatedRef.current || repeat)) {
           startAnimation();
+        } else if (!entry.isIntersecting && isAnimating && animationRef.current) {
+          cancelAnimationFrame(animationRef.current);
+          setIsAnimating(false);
         }
       },
       { threshold }
@@ -95628,12 +95635,12 @@ var NumberTickerInternal = ({
         cancelAnimationFrame(animationRef.current);
       }
     };
-  }, [useIntersectionObserver, threshold, value, repeat]);
+  }, [useIntersectionObserver, threshold]);
   useEffect(() => {
-    if (!useIntersectionObserver && (repeat || !hasAnimated)) {
+    if (!useIntersectionObserver && (repeat || !hasAnimatedRef.current)) {
       startAnimation();
     }
-  }, [value, repeat]);
+  }, [value, repeat, useIntersectionObserver]);
   return /* @__PURE__ */ jsxs(
     "span",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "3.4.15",
+    "version": "3.4.17",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",