check user preference in constructor only

dist/countUp.d.ts

@@ -36,6 +36,7 @@ export declare class CountUp {
  private finalEndVal;
  private useEasing;
  private countDown;
+ private reduceMotion;
  el: HTMLElement | HTMLInputElement;
  formattingFn: (num: number) => string;
  easingFn?: (t: number, b: number, c: number, d: number) => number;
@@ -65,6 +66,4 @@ export declare class CountUp {
  private resetDuration;
  formatNumber: (num: number) => string;
  easeOutExpo: (t: number, b: number, c: number, d: number) => number;
- private prefersReducedMotion;
- private motionOK;
 }

dist/countUp.js

@@ -116,11 +116,6 @@ var CountUp = /** @class */ (function () {
  this.easeOutExpo = function (t, b, c, d) {
  return c * (-Math.pow(2, -10 * t / d) + 1) * 1024 / 1023 + b;
  };
- this.motionOK = function () {
- if (_this.prefersReducedMotion === undefined)
- _this.prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
- return !_this.options.reduceMotion || (_this.options.reduceMotion === 'auto' && !_this.prefersReducedMotion.matches);
- };
  this.options = __assign(__assign({}, this.defaults), options);
  this.formattingFn = (this.options.formattingFn) ?
  this.options.formattingFn : this.formatNumber;
@@ -158,6 +153,9 @@ var CountUp = /** @class */ (function () {
  console.error(this.error, target);
  }
  }
+ this.reduceMotion = (this.options.reduceMotion === 'auto') ?
+ window.matchMedia('(prefers-reduced-motion: reduce)').matches :
+ this.options.reduceMotion;
  }
  CountUp.prototype.handleScroll = function (self) {
  if (!self || !window || self.once)
@@ -218,7 +216,7 @@ var CountUp = /** @class */ (function () {
  if (callback) {
  this.options.onCompleteCallback = callback;
  }
- if (this.duration > 0 && this.motionOK()) {
+ if (this.duration > 0 && !this.reduceMotion) {
  this.determineDirectionAndSmartEasing();
  this.paused = false;
  this.rAF = requestAnimationFrame(this.count);