versions updates

lib/animation-timeline.js

@@ -1552,7 +1552,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
       _this._clearScrollFinishedTimer(); // Set a timeout to run event 'scrolling end'.
 
 
-      _this._scrollFinishedTimerRef = setTimeout(function () {
+      _this._scrollFinishedTimerRef = window.setTimeout(function () {
         if (!_this._isPanStarted) {
           if (_this._scrollFinishedTimerRef) {
             clearTimeout(_this._scrollFinishedTimerRef);
@@ -2688,7 +2688,7 @@ var timeline_Timeline = /*#__PURE__*/function (_TimelineEventsEmitte) {
       if (this._consts.autoPanSpeed) {
         if (!this._intervalRef) {
           // Repeat move calls to
-          this._intervalRef = setInterval(function () {
+          this._intervalRef = window.setInterval(function () {
             _this5._handleMouseMoveEvent(null);
           }, this._consts.autoPanSpeed);
         }

lib/animation-timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation-timeline.js","sourceRoot":"","sources":["../src/animation-timeline.ts"],"names":[],"mappings":";AAAA,qBAAqB;;AAErB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAIjB,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAU9B,iEAAgE;AAAvD,wHAAA,kBAAkB,OAAA;AAC3B,uDAAsD;AAA7C,8GAAA,aAAa,OAAA;AAmBtB,iBAAiB;AACjB,4FAA2F;AAAlF,4IAAA,4BAA4B,OAAA;AACrC,oFAAmF;AAA1E,oIAAA,wBAAwB,OAAA;AACjC,8EAA6E;AAApE,8HAAA,qBAAqB,OAAA;AAE9B,wEAAuE;AAA9D,wHAAA,kBAAkB,OAAA;AAC3B,sEAAqE;AAA5D,sHAAA,iBAAiB,OAAA;AAC1B,yDAAwD;AAA/C,gHAAA,cAAc,OAAA;AAEvB,gBAAgB;AAChB,uEAAsE;AAA7D,8HAAA,qBAAqB,OAAA;AAC9B,2EAA0E;AAAjE,kIAAA,uBAAuB,OAAA;AAChC,mEAAkE;AAAzD,0HAAA,mBAAmB,OAAA;AAC5B,iEAAgE;AAAvD,wHAAA,kBAAkB,OAAA;AAC3B,6DAA4D;AAAnD,oHAAA,gBAAgB,OAAA;AACzB,mEAAkE;AAAzD,0HAAA,mBAAmB,OAAA;AAC5B,uEAAsE;AAA7D,8HAAA,qBAAqB,OAAA;AAE9B,iCAAiC;AACjC,gDAA6D;AAApD,kHAAA,sBAAsB,OAAA;AAC/B,gDAAmE;AAA1D,wHAAA,4BAA4B,OAAA;AACrC,gDAA8D;AAArD,mHAAA,uBAAuB,OAAA;AAChC,gDAA2D;AAAlD,gHAAA,oBAAoB,OAAA;AAC7B,gDAA4D;AAAnD,iHAAA,qBAAqB,OAAA"}
+{"version":3,"file":"animation-timeline.js","sourceRoot":"","sources":["../src/animation-timeline.ts"],"names":[],"mappings":";AAAA,qBAAqB;;;AAErB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAIjB,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAU9B,iEAAgE;AAAvD,wHAAA,kBAAkB,OAAA;AAC3B,uDAAsD;AAA7C,8GAAA,aAAa,OAAA;AAmBtB,iBAAiB;AACjB,4FAA2F;AAAlF,4IAAA,4BAA4B,OAAA;AACrC,oFAAmF;AAA1E,oIAAA,wBAAwB,OAAA;AACjC,8EAA6E;AAApE,8HAAA,qBAAqB,OAAA;AAE9B,wEAAuE;AAA9D,wHAAA,kBAAkB,OAAA;AAC3B,sEAAqE;AAA5D,sHAAA,iBAAiB,OAAA;AAC1B,yDAAwD;AAA/C,gHAAA,cAAc,OAAA;AAEvB,gBAAgB;AAChB,uEAAsE;AAA7D,8HAAA,qBAAqB,OAAA;AAC9B,2EAA0E;AAAjE,kIAAA,uBAAuB,OAAA;AAChC,mEAAkE;AAAzD,0HAAA,mBAAmB,OAAA;AAC5B,iEAAgE;AAAvD,wHAAA,kBAAkB,OAAA;AAC3B,6DAA4D;AAAnD,oHAAA,gBAAgB,OAAA;AACzB,mEAAkE;AAAzD,0HAAA,mBAAmB,OAAA;AAC5B,uEAAsE;AAA7D,8HAAA,qBAAqB,OAAA;AAE9B,iCAAiC;AACjC,gDAA6D;AAApD,kHAAA,sBAAsB,OAAA;AAC/B,gDAAmE;AAA1D,wHAAA,4BAA4B,OAAA;AACrC,gDAA8D;AAArD,mHAAA,uBAAuB,OAAA;AAChC,gDAA2D;AAAlD,gHAAA,oBAAoB,OAAA;AAC7B,gDAA4D;AAAnD,iHAAA,qBAAqB,OAAA"}

lib/timeline.d.ts

@@ -66,7 +66,7 @@ export declare class Timeline extends TimelineEventsEmitter {
     /**
      * scroll finished timer reference.
      */
-    _scrollFinishedTimerRef?: number;
+    _scrollFinishedTimerRef?: number | null;
     _val: number;
     _pixelRatio: number;
     _currentZoom: number;

lib/utils/events/timelineKeyframeChangedEvent.js

@@ -3,7 +3,7 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {

package.json

@@ -1,30 +1,30 @@
 {
   "name": "animation-timeline-js",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "description": "animation timeline control based on the canvas.",
   "main": "lib/animation-timeline.min.js",
   "types": "lib/animation-timeline.d.ts",
   "dependencies": {},
   "devDependencies": {
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.11.1",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/preset-env": "^7.11.0",
-    "@babel/preset-typescript": "^7.10.4",
-    "@types/chai": "^4.2.12",
-    "@types/mocha": "^7.0.2",
-    "@typescript-eslint/eslint-plugin": "^2.34.0",
-    "@typescript-eslint/parser": "^2.34.0",
-    "babel-loader": "^8.1.0",
-    "eslint": "7.0.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "prettier": "^2.0.5",
-    "ts-loader": "^7.0.5",
-    "typescript": "^3.9.7",
-    "unminified-webpack-plugin": "^2.0.0",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12"
+    "@babel/cli": "7.12.10",
+    "@babel/core": "7.12.10",
+    "@babel/plugin-proposal-class-properties": "7.12.1",
+    "@babel/preset-env": "7.12.10",
+    "@babel/preset-typescript": "7.12.7",
+    "@types/chai": "4.2.14",
+    "@types/mocha": "8.2.0",
+    "@typescript-eslint/eslint-plugin": "4.9.1",
+    "@typescript-eslint/parser": "4.9.1",
+    "babel-loader": "8.2.2",
+    "eslint": "7.15.0",
+    "eslint-config-prettier": "7.0.0",
+    "eslint-plugin-prettier": "3.2.0",
+    "prettier": "2.2.1",
+    "ts-loader": "8.0.12",
+    "typescript": "4.1.3",
+    "unminified-webpack-plugin": "2.0.0",
+    "webpack": "4.44.2",
+    "webpack-cli": "4.2.0"
   },
   "scripts": {
     "test": "echo \"Run tests/unittest.html explicitly to execute tests\" && exit 1",

src/timeline.ts

@@ -79,7 +79,7 @@ export class Timeline extends TimelineEventsEmitter {
   /**
    * scroll finished timer reference.
    */
-  _scrollFinishedTimerRef?: number = null;
+  _scrollFinishedTimerRef?: number | null = null;
   _val = 0;
   _pixelRatio = 1;
   _currentZoom = 0;
@@ -267,7 +267,7 @@ export class Timeline extends TimelineEventsEmitter {
   _handleScrollEvent = (args: MouseEvent): void => {
     this._clearScrollFinishedTimer();
     // Set a timeout to run event 'scrolling end'.
-    this._scrollFinishedTimerRef = setTimeout(() => {
+    this._scrollFinishedTimerRef = window.setTimeout(() => {
       if (!this._isPanStarted) {
         if (this._scrollFinishedTimerRef) {
           clearTimeout(this._scrollFinishedTimerRef);
@@ -1033,7 +1033,7 @@ export class Timeline extends TimelineEventsEmitter {
     if (this._consts.autoPanSpeed) {
       if (!this._intervalRef) {
         // Repeat move calls to
-        this._intervalRef = setInterval(() => {
+        this._intervalRef = window.setInterval(() => {
           this._handleMouseMoveEvent(null);
         }, this._consts.autoPanSpeed);
       }