@antv/l7-map 2.9.21 → 2.9.22-alpha.0

package/es/map.js

@@ -5,14 +5,14 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _merge from "lodash/merge";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import { $window, DOM, isMini } from '@antv/l7-utils';
-import Camera from './camera';
+import { merge } from 'lodash';
+import Camera from "./camera";
 
 function loadStyles(css, doc) {
   var isMiniAli = typeof my !== 'undefined' && !!my && typeof my.showToast === 'function' && my.isFRM !== true;
@@ -55,16 +55,18 @@ function loadStyles(css, doc) {
 }
 
 loadStyles(".l7-map {\n  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;\n  overflow: hidden;\n  position: relative;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.l7-canvas {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.l7-map:-webkit-full-screen {\n  width: 100%;\n  height: 100%;\n}\n\n.l7-canary {\n  background-color: salmon;\n}\n\n.l7-canvas-container.l7-interactive,\n.l7-ctrl-group button.l7-ctrl-compass {\n  cursor: -webkit-grab;\n  cursor: grab;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.l7-canvas-container.l7-interactive.l7-track-pointer {\n  cursor: pointer;\n}\n\n.l7-canvas-container.l7-interactive:active,\n.l7-ctrl-group button.l7-ctrl-compass:active {\n  cursor: -webkit-grabbing;\n  cursor: grabbing;\n}\n\n.l7-canvas-container.l7-touch-zoom-rotate,\n.l7-canvas-container.l7-touch-zoom-rotate .l7-canvas {\n  -ms-touch-action: pan-x pan-y;\n      touch-action: pan-x pan-y;\n}\n\n.l7-canvas-container.l7-touch-drag-pan,\n.l7-canvas-container.l7-touch-drag-pan .l7-canvas {\n  -ms-touch-action: pinch-zoom;\n      touch-action: pinch-zoom;\n}\n\n.l7-canvas-container.l7-touch-zoom-rotate.l7-touch-drag-pan,\n.l7-canvas-container.l7-touch-zoom-rotate.l7-touch-drag-pan .l7-canvas {\n  -ms-touch-action: none;\n      touch-action: none;\n}\n\n.l7-ctrl-top-left,\n.l7-ctrl-top-right,\n.l7-ctrl-bottom-left,\n.l7-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; }\n.l7-ctrl-top-left     { top: 0; left: 0; }\n.l7-ctrl-top-right    { top: 0; right: 0; }\n.l7-ctrl-bottom-left  { bottom: 0; left: 0; }\n.l7-ctrl-bottom-right { right: 0; bottom: 0; }\n\n.l7-ctrl {\n  clear: both;\n  pointer-events: auto;\n\n  /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n.l7-ctrl-top-left .l7-ctrl     { margin: 10px 0 0 10px; float: left; }\n.l7-ctrl-top-right .l7-ctrl    { margin: 10px 10px 0 0; float: right; }\n.l7-ctrl-bottom-left .l7-ctrl  { margin: 0 0 10px 10px; float: left; }\n.l7-ctrl-bottom-right .l7-ctrl { margin: 0 10px 10px 0; float: right; }\n\n\n.l7-crosshair,\n.l7-crosshair .l7-interactive,\n.l7-crosshair .l7-interactive:active {\n    cursor: crosshair;\n}\n\n.l7-boxzoom {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 0;\n    background: #fff;\n    border: 2px dotted #202020;\n    opacity: 0.5;\n    z-index: 10;\n}\n");
-import LngLat from './geo/lng_lat';
-import LngLatBounds from './geo/lng_lat_bounds';
-import Point from './geo/point';
-import HandlerManager from './handler/handler_manager';
-import Hash from './hash';
-import { renderframe } from './util';
-import { PerformanceUtils } from './utils/performance';
-import TaskQueue from './utils/task_queue';
+import LngLat from "./geo/lng_lat";
+import LngLatBounds from "./geo/lng_lat_bounds"; // @ts-ignore
+
+import Point from "./geo/point";
+import HandlerManager from "./handler/handler_manager";
+import Hash from "./hash";
+import { renderframe } from "./util";
+import { PerformanceUtils } from "./utils/performance";
+import TaskQueue from "./utils/task_queue";
 var defaultMinZoom = -2;
-var defaultMaxZoom = 22;
+var defaultMaxZoom = 22; // the default values, but also the valid range
+
 var defaultMinPitch = 0;
 var defaultMaxPitch = 60;
 var DefaultOptions = {
@@ -94,7 +96,7 @@ var DefaultOptions = {
   pitchEnabled: true,
   rotateEnabled: true
 };
-export var Map = function (_Camera) {
+export var Map = /*#__PURE__*/function (_Camera) {
   _inherits(Map, _Camera);
 
   var _super = _createSuper(Map);
@@ -104,40 +106,12 @@ export var Map = function (_Camera) {
 
     _classCallCheck(this, Map);
 
-    _this = _super.call(this, _merge({}, DefaultOptions, options));
-
-    _defineProperty(_assertThisInitialized(_this), "doubleClickZoom", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "dragRotate", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "dragPan", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "touchZoomRotate", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "scrollZoom", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "keyboard", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "touchPitch", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "boxZoom", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "handlers", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "canvas", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "canvasContainer", void 0);
+    _this = _super.call(this, merge({}, DefaultOptions, options));
 
     _defineProperty(_assertThisInitialized(_this), "renderTaskQueue", new TaskQueue());
 
-    _defineProperty(_assertThisInitialized(_this), "frame", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "trackResize", true);
 
-    _defineProperty(_assertThisInitialized(_this), "hash", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "onWindowOnline", function () {
       _this.update();
     });
@@ -172,7 +146,8 @@ export var Map = function (_Camera) {
       if (options.hash) {
         _this.hash = new Hash(hashName).addTo(_assertThisInitialized(_this));
       }
-    }
+    } // don't set position from options if set through hash
+
 
     if (!_this.hash || !_this.hash.onHashChange()) {
       _this.jumpTo({
@@ -185,7 +160,7 @@ export var Map = function (_Camera) {
       if (options.bounds) {
         _this.resize();
 
-        _this.fitBounds(options.bounds, _merge({}, options.fitBoundsOptions, {
+        _this.fitBounds(options.bounds, merge({}, options.fitBoundsOptions, {
           duration: 0
         }));
       }
@@ -200,7 +175,7 @@ export var Map = function (_Camera) {
       var dimensions = this.containerDimensions();
       var width = dimensions[0];
       var height = dimensions[1];
-      this.transform.resize(width, height);
+      this.transform.resize(width, height); // TODO: 小程序环境不需要执行后续动作
 
       if (isMini) {
         return this;
@@ -376,7 +351,8 @@ export var Map = function (_Camera) {
   }, {
     key: "remove",
     value: function remove() {
-      this.container.removeChild(this.canvasContainer);
+      this.container.removeChild(this.canvasContainer); // @ts-ignore
+
       this.canvasContainer = null;
 
       if (this.frame) {
@@ -448,6 +424,10 @@ export var Map = function (_Camera) {
         canvasContainer.classList.add('l7-interactive');
       }
     }
+    /**
+     * 小程序环境构建容器
+     */
+
   }, {
     key: "initMiniContainer",
     value: function initMiniContainer() {
@@ -475,5 +455,4 @@ export var Map = function (_Camera) {
   }]);
 
   return Map;
-}(Camera);
-//# sourceMappingURL=map.js.map
+}(Camera);

package/es/util.js

@@ -4,7 +4,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-import { $window, isMini } from '@antv/l7-utils';
+import { $window, isMini } from '@antv/l7-utils'; // @ts-ignore
+
 import UnitBezier from '@mapbox/unitbezier';
 var reducedMotionQuery;
 export function wrap(n, min, max) {
@@ -26,11 +27,14 @@ export function bezier(p1x, p1y, p2x, p2y) {
 }
 export var ease = bezier(0.25, 0.1, 0.25, 1);
 export function prefersReducedMotion() {
+  // @ts-ignore
   if (isMini || !$window.matchMedia) {
     return false;
-  }
+  } // Lazily initialize media query
+
 
   if (reducedMotionQuery == null) {
+    // @ts-ignore
     reducedMotionQuery = $window.matchMedia('(prefers-reduced-motion: reduce)');
   }
 
@@ -59,9 +63,15 @@ export function pick(src, properties) {
   return result;
 }
 export var now = isMini ? Date.now.bind(Date) : $window.performance && $window.performance.now ? $window.performance.now.bind($window.performance) : Date.now.bind(Date);
-export var raf = $window.requestAnimationFrame || $window.mozRequestAnimationFrame || $window.webkitRequestAnimationFrame || $window.msRequestAnimationFrame;
+export var raf = $window.requestAnimationFrame || // @ts-ignore
+$window.mozRequestAnimationFrame || // @ts-ignore
+$window.webkitRequestAnimationFrame || // @ts-ignore
+$window.msRequestAnimationFrame;
 
-var _cancel = $window.cancelAnimationFrame || $window.mozCancelAnimationFrame || $window.webkitCancelAnimationFrame || $window.msCancelAnimationFrame;
+var _cancel = $window.cancelAnimationFrame || // @ts-ignore
+$window.mozCancelAnimationFrame || // @ts-ignore
+$window.webkitCancelAnimationFrame || // @ts-ignore
+$window.msCancelAnimationFrame;
 
 export { _cancel as cancel };
 export function renderframe(fn) {
@@ -71,5 +81,4 @@ export function renderframe(fn) {
       return _cancel(frame);
     }
   };
-}
-//# sourceMappingURL=util.js.map
+}

package/es/utils/Aabb.js

@@ -1,6 +1,5 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -10,16 +9,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 import { vec3, vec4 } from 'gl-matrix';
 
-var Aabb = function () {
+var Aabb = /*#__PURE__*/function () {
   function Aabb(min, max) {
     _classCallCheck(this, Aabb);
 
-    _defineProperty(this, "min", void 0);
-
-    _defineProperty(this, "max", void 0);
-
-    _defineProperty(this, "center", void 0);
-
     this.min = min;
     this.max = max;
     this.center = vec3.scale(new Float32Array(3), vec3.add(new Float32Array(3), this.min, this.max), 0.5);
@@ -35,7 +28,8 @@ var Aabb = function () {
       for (var axis = 0; axis < split.length; axis++) {
         qMin[axis] = split[axis] ? this.min[axis] : this.center[axis];
         qMax[axis] = split[axis] ? this.center[axis] : this.max[axis];
-      }
+      } // Elevation is always constant, hence quadrant.max.z = this.max.z
+
 
       qMax[2] = this.max[2];
       return new Aabb(qMin, qMax);
@@ -51,10 +45,15 @@ var Aabb = function () {
     value: function distanceY(point) {
       var pointOnAabb = Math.max(Math.min(this.max[1], point[1]), this.min[1]);
       return pointOnAabb - point[1];
-    }
+    } // Performs a frustum-aabb intersection test. Returns 0 if there's no intersection,
+    // 1 if shapes are intersecting and 2 if the aabb if fully inside the frustum.
+
   }, {
     key: "intersects",
     value: function intersects(frustum) {
+      // Execute separating axis test between two convex objects to find intersections
+      // Each frustum plane together with 3 major axes define the separating axes
+      // Note: test only 4 points as both min and max points have equal elevation
       var aabbPoints = [[this.min[0], this.min[1], 0.0, 1], [this.max[0], this.min[1], 0.0, 1], [this.max[0], this.max[1], 0.0, 1], [this.min[0], this.max[1], 0.0, 1]];
       var fullyInside = true;
 
@@ -72,6 +71,7 @@ var Aabb = function () {
           try {
             for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
               var i = _step3.value;
+              // @ts-ignore
               pointsInside += vec4.dot(plane, i) >= 0;
             }
           } catch (err) {
@@ -130,5 +130,4 @@ var Aabb = function () {
   return Aabb;
 }();
 
-export { Aabb as default };
-//# sourceMappingURL=Aabb.js.map
+export { Aabb as default };

package/es/utils/dom.js

@@ -4,8 +4,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-import { $window, isMini } from '@antv/l7-utils';
-import Point from '../geo/point';
+import { $window, isMini } from '@antv/l7-utils'; // @ts-ignore
+
+import Point from "../geo/point";
 var DOM = {};
 export default DOM;
 
@@ -74,18 +75,26 @@ DOM.enableDrag = function () {
 var transformProp = testProp(['transform', 'WebkitTransform']);
 
 DOM.setTransform = function (el, value) {
+  // https://github.com/facebook/flow/issues/7754
+  // $FlowFixMe
   el.style[transformProp] = value;
-};
+}; // Feature detection for {passive: false} support in add/removeEventListener.
+
 
 var passiveSupported = false;
 
 try {
+  // https://github.com/facebook/flow/issues/285
+  // $FlowFixMe
   var options = Object.defineProperty({}, 'passive', {
     get: function get() {
+      // eslint-disable-line
       passiveSupported = true;
     }
-  });
-  $window.addEventListener('test', options, options);
+  }); // @ts-ignore
+
+  $window.addEventListener('test', options, options); // @ts-ignore
+
   $window.removeEventListener('test', options, options);
 } catch (err) {
   passiveSupported = false;
@@ -109,7 +118,8 @@ DOM.removeEventListener = function (target, type, callback) {
   } else {
     target.removeEventListener(type, callback, options.capture);
   }
-};
+}; // Suppress the next click, but only if it's immediate.
+
 
 var suppressClick = function suppressClick(e) {
   e.preventDefault();
@@ -129,15 +139,19 @@ DOM.suppressClick = function () {
 };
 
 DOM.mousePos = function (el, e) {
+  // 暂时从 el 上获取 top/left， 后面需要动态获取
   if (!isMini) {
     var rect = el.getBoundingClientRect();
     return new Point(e.clientX - rect.left - el.clientLeft, e.clientY - rect.top - el.clientTop);
   } else {
-    return new Point(e.clientX - el.left - 0, e.clientY - el.top - 0);
+    return new Point( // @ts-ignore
+    e.clientX - el.left - 0, // @ts-ignore
+    e.clientY - el.top - 0);
   }
 };
 
 DOM.touchPos = function (el, touches) {
+  // 暂时从 el 上获取 top/left， 后面需要动态获取
   if (!isMini) {
     var rect = el.getBoundingClientRect();
     var points = [];
@@ -167,7 +181,9 @@ DOM.touchPos = function (el, touches) {
       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
         var _touche = _step3.value;
 
-        _points.push(new Point(_touche.clientX - el.left, _touche.clientY - el.top));
+        _points.push(new Point( // @ts-ignore
+        _touche.clientX - el.left, // @ts-ignore
+        _touche.clientY - el.top));
       }
     } catch (err) {
       _iterator3.e(err);
@@ -184,7 +200,11 @@ DOM.mouseButton = function (e) {
     return e.button;
   }
 
-  if (typeof $window.InstallTrigger !== 'undefined' && e.button === 2 && e.ctrlKey && $window.navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
+  if ( // @ts-ignore
+  typeof $window.InstallTrigger !== 'undefined' && e.button === 2 && e.ctrlKey && $window.navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
+    // Fix for https://github.com/mapbox/mapbox-gl-js/issues/3131:
+    // Firefox (detected by InstallTrigger) on Mac determines e.button = 2 when
+    // using Control + left click
     return 0;
   }
 
@@ -195,5 +215,4 @@ DOM.remove = function (node) {
   if (node.parentNode) {
     node.parentNode.removeChild(node);
   }
-};
-//# sourceMappingURL=dom.js.map
+};

package/es/utils/performance.js

@@ -27,20 +27,25 @@ export var PerformanceUtils = {
     lastFrameTime = null;
     frameTimes = [];
     performance.clearMeasures('loadTime');
-    performance.clearMeasures('fullLoadTime');
+    performance.clearMeasures('fullLoadTime'); // @ts-ignore
+    // tslint:disable-next-line:forin
 
     for (var marker in PerformanceMarkers) {
+      // @ts-ignore
       performance.clearMarks(PerformanceMarkers[marker]);
     }
   },
   getPerformanceMetrics: function getPerformanceMetrics() {
-    var loadTime = performance.measure('loadTime', PerformanceMarkers.create, PerformanceMarkers.load).duration;
-    var fullLoadTime = performance.measure('fullLoadTime', PerformanceMarkers.create, PerformanceMarkers.fullLoad).duration;
+    var loadTime = performance.measure('loadTime', PerformanceMarkers.create, PerformanceMarkers.load // @ts-ignore
+    ).duration;
+    var fullLoadTime = performance.measure('fullLoadTime', PerformanceMarkers.create, PerformanceMarkers.fullLoad // @ts-ignore
+    ).duration;
     var totalFrames = frameTimes.length;
     var avgFrameTime = frameTimes.reduce(function (prev, curr) {
       return prev + curr;
     }, 0) / totalFrames / 1000;
-    var fps = 1 / avgFrameTime;
+    var fps = 1 / avgFrameTime; // count frames that missed our framerate target
+
     var droppedFrames = frameTimes.filter(function (frameTime) {
       return frameTime > frameTimeTarget;
     }).reduce(function (acc, curr) {
@@ -54,5 +59,4 @@ export var PerformanceUtils = {
       percentDroppedFrames: percentDroppedFrames
     };
   }
-};
-//# sourceMappingURL=performance.js.map
+};

package/es/utils/primitives.js

@@ -1,16 +1,11 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { vec3, vec4 } from 'gl-matrix';
 
-var Frustum = function () {
+var Frustum = /*#__PURE__*/function () {
   function Frustum(points, planes) {
     _classCallCheck(this, Frustum);
 
-    _defineProperty(this, "points", void 0);
-
-    _defineProperty(this, "planes", void 0);
-
     this.points = points;
     this.planes = planes;
   }
@@ -19,13 +14,20 @@ var Frustum = function () {
     key: "fromInvProjectionMatrix",
     value: function fromInvProjectionMatrix(invProj, worldSize, zoom) {
       var clipSpaceCorners = [[-1, 1, -1, 1], [1, 1, -1, 1], [1, -1, -1, 1], [-1, -1, -1, 1], [-1, 1, 1, 1], [1, 1, 1, 1], [1, -1, 1, 1], [-1, -1, 1, 1]];
-      var scale = Math.pow(2, zoom);
+      var scale = Math.pow(2, zoom); // Transform frustum corner points from clip space to tile space
+
       var frustumCoords = clipSpaceCorners.map(function (v) {
         return vec4.transformMat4(new Float32Array([]), v, invProj);
       }).map(function (v) {
         return vec4.scale(new Float32Array([]), v, 1.0 / v[3] / worldSize * scale);
       });
-      var frustumPlanePointIndices = [[0, 1, 2], [6, 5, 4], [0, 3, 7], [2, 1, 5], [3, 2, 6], [0, 4, 5]];
+      var frustumPlanePointIndices = [[0, 1, 2], // near
+      [6, 5, 4], // far
+      [0, 3, 7], // left
+      [2, 1, 5], // right
+      [3, 2, 6], // bottom
+      [0, 4, 5] // top
+      ];
       var frustumPlanes = frustumPlanePointIndices.map(function (p) {
         var a = vec3.sub(new Float32Array(3), new Float32Array(frustumCoords[p[0]]), new Float32Array(frustumCoords[p[1]]));
         var b = vec3.sub(new Float32Array(3), new Float32Array(frustumCoords[p[2]]), new Float32Array(frustumCoords[p[1]]));
@@ -40,5 +42,4 @@ var Frustum = function () {
   return Frustum;
 }();
 
-export { Frustum as default };
-//# sourceMappingURL=primitives.js.map
+export { Frustum as default };

package/es/utils/task_queue.js

@@ -1,6 +1,5 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -8,18 +7,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var TaskQueue = function () {
+// can't mark opaque due to https://github.com/flowtype/flow-remove-types/pull/61
+var TaskQueue = /*#__PURE__*/function () {
   function TaskQueue() {
     _classCallCheck(this, TaskQueue);
 
-    _defineProperty(this, "queue", void 0);
-
-    _defineProperty(this, "id", void 0);
-
-    _defineProperty(this, "cleared", void 0);
-
-    _defineProperty(this, "currentlyRunning", void 0);
-
     this.queue = [];
     this.id = 0;
     this.cleared = false;
@@ -66,7 +58,9 @@ var TaskQueue = function () {
     key: "run",
     value: function run() {
       var timeStamp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      var queue = this.currentlyRunning = this.queue;
+      var queue = this.currentlyRunning = this.queue; // Tasks queued by callbacks in the current queue should be executed
+      // on the next run, not the current run.
+
       this.queue = [];
 
       var _iterator2 = _createForOfIteratorHelper(queue),
@@ -109,5 +103,4 @@ var TaskQueue = function () {
   return TaskQueue;
 }();
 
-export default TaskQueue;
-//# sourceMappingURL=task_queue.js.map
+export default TaskQueue;