Method animate

src/core/GaugeAnimator.js:21–69

* Animate gauge from one value to another * @param {Object} options - Animation options * @param {number} options.fromValue - Starting value * @param {number} options.toValue - Target value * @param {number} options.duration - Animation duration in ms * @param {string} options.easing

({
    fromValue,
    toValue,
    duration,
    easing = 'linear',
    onUpdate,
    onComplete,
    onCounterUpdate,
  })

   * @param {Function} [options.onCounterUpdate] - Called for counter text updates
   */
  animate({
    fromValue,
    toValue,
    duration,
    easing = 'linear',
    onUpdate,
    onComplete,
    onCounterUpdate,
  }) {
    // Cancel any existing animation
    this.cancel();

    if (duration <= 0) {
      // No animation, just call update with final value
      if (onUpdate) onUpdate(toValue);
      if (onCounterUpdate) onCounterUpdate(toValue);
      if (onComplete) onComplete();
      return;
    }

    const startTime = Date.now();
    const valueRange = toValue - fromValue;

    const animate = () => {
      const elapsed = Date.now() - startTime;
      const progress = Math.min(elapsed / duration, 1);

      // Apply easing function
      const easedProgress = this._applyEasing(progress, easing);
      const currentValue = fromValue + valueRange * easedProgress;

      // Update gauge elements
      if (onUpdate) onUpdate(currentValue);
      if (onCounterUpdate) onCounterUpdate(currentValue);

      if (progress < 1) {
        this.currentAnimation = requestAnimationFrame(animate);
      } else {
        // Animation complete
        this.currentAnimation = null;
        if (onUpdate) onUpdate(toValue);
        if (onCounterUpdate) onCounterUpdate(toValue);
        if (onComplete) onComplete();
      }
    };

    // Start animation
    this.currentAnimation = requestAnimationFrame(animate);
  }

  /**
   * Cancel current animation