@loaders.gl/tiles 3.1.0-alpha.4 → 3.1.0-beta.3

package/dist/es5/tileset/tileset-3d.js

@@ -7,14 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _core = require("@math.gl/core");
@@ -43,29 +35,17 @@ var _i3sTilesetTraverser = _interopRequireDefault(require("./traversers/i3s-tile
 
 var _constants = require("../constants");
 
-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; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var DEFAULT_PROPS = {
+const DEFAULT_PROPS = {
   description: '',
   ellipsoid: _geospatial.Ellipsoid.WGS84,
   modelMatrix: new _core.Matrix4(),
   throttleRequests: true,
   maxRequests: 64,
   maximumMemoryUsage: 32,
-  onTileLoad: function onTileLoad() {},
-  onTileUnload: function onTileUnload() {},
-  onTileError: function onTileError() {},
-  onTraversalComplete: function onTraversalComplete(selectedTiles) {
-    return selectedTiles;
-  },
+  onTileLoad: () => {},
+  onTileUnload: () => {},
+  onTileError: () => {},
+  onTraversalComplete: selectedTiles => selectedTiles,
   contentLoader: undefined,
   viewDistanceScale: 1.0,
   maximumScreenSpaceError: 8,
@@ -79,20 +59,19 @@ var DEFAULT_PROPS = {
   basePath: '',
   i3s: {}
 };
-var TILES_TOTAL = 'Tiles In Tileset(s)';
-var TILES_IN_MEMORY = 'Tiles In Memory';
-var TILES_IN_VIEW = 'Tiles In View';
-var TILES_RENDERABLE = 'Tiles To Render';
-var TILES_LOADED = 'Tiles Loaded';
-var TILES_LOADING = 'Tiles Loading';
-var TILES_UNLOADED = 'Tiles Unloaded';
-var TILES_LOAD_FAILED = 'Failed Tile Loads';
-var POINTS_COUNT = 'Points';
-var TILES_GPU_MEMORY = 'Tile Memory Use';
-
-var Tileset3D = function () {
-  function Tileset3D(json, options) {
-    (0, _classCallCheck2.default)(this, Tileset3D);
+const TILES_TOTAL = 'Tiles In Tileset(s)';
+const TILES_IN_MEMORY = 'Tiles In Memory';
+const TILES_IN_VIEW = 'Tiles In View';
+const TILES_RENDERABLE = 'Tiles To Render';
+const TILES_LOADED = 'Tiles Loaded';
+const TILES_LOADING = 'Tiles Loading';
+const TILES_UNLOADED = 'Tiles Unloaded';
+const TILES_LOAD_FAILED = 'Failed Tile Loads';
+const POINTS_COUNT = 'Points';
+const TILES_GPU_MEMORY = 'Tile Memory Use';
+
+class Tileset3D {
+  constructor(json, options) {
     (0, _defineProperty2.default)(this, "options", void 0);
     (0, _defineProperty2.default)(this, "loadOptions", void 0);
     (0, _defineProperty2.default)(this, "type", void 0);
@@ -138,7 +117,9 @@ var Tileset3D = function () {
     (0, _defineProperty2.default)(this, "frameStateData", void 0);
     (0, _defineProperty2.default)(this, "maximumMemoryUsage", void 0);
     (0, _loaderUtils.assert)(json);
-    this.options = _objectSpread(_objectSpread({}, DEFAULT_PROPS), options);
+    this.options = { ...DEFAULT_PROPS,
+      ...options
+    };
     this.tileset = json;
     this.loader = json.loader;
     this.type = json.type;
@@ -192,636 +173,473 @@ var Tileset3D = function () {
     this._initializeTileSet(json);
   }
 
-  (0, _createClass2.default)(Tileset3D, [{
-    key: "destroy",
-    value: function destroy() {
-      this._destroy();
-    }
-  }, {
-    key: "isLoaded",
-    value: function isLoaded() {
-      return this._pendingCount === 0 && this._frameNumber !== 0;
+  destroy() {
+    this._destroy();
+  }
+
+  isLoaded() {
+    return this._pendingCount === 0 && this._frameNumber !== 0;
+  }
+
+  get tiles() {
+    return Object.values(this._tiles);
+  }
+
+  get frameNumber() {
+    return this._frameNumber;
+  }
+
+  get queryParams() {
+    if (!this._queryParamsString) {
+      this._queryParamsString = getQueryParamString(this._queryParams);
     }
-  }, {
-    key: "tiles",
-    get: function get() {
-      return Object.values(this._tiles);
+
+    return this._queryParamsString;
+  }
+
+  setProps(props) {
+    this.options = { ...this.options,
+      ...props
+    };
+  }
+
+  setOptions(options) {
+    this.options = { ...this.options,
+      ...options
+    };
+  }
+
+  getTileUrl(tilePath) {
+    const isDataUrl = tilePath.startsWith('data:');
+
+    if (isDataUrl) {
+      return tilePath;
     }
-  }, {
-    key: "frameNumber",
-    get: function get() {
-      return this._frameNumber;
+
+    return "".concat(tilePath).concat(this.queryParams);
+  }
+
+  hasExtension(extensionName) {
+    return Boolean(this._extensionsUsed && this._extensionsUsed.indexOf(extensionName) > -1);
+  }
+
+  update(viewports) {
+    if ('loadTiles' in this.options && !this.options.loadTiles) {
+      return;
     }
-  }, {
-    key: "queryParams",
-    get: function get() {
-      if (!this._queryParamsString) {
-        this._queryParamsString = getQueryParamString(this._queryParams);
-      }
 
-      return this._queryParamsString;
+    if (this.traverseCounter > 0) {
+      return;
     }
-  }, {
-    key: "setProps",
-    value: function setProps(props) {
-      this.options = _objectSpread(_objectSpread({}, this.options), props);
+
+    if (!viewports && this.lastUpdatedVieports) {
+      viewports = this.lastUpdatedVieports;
+    } else {
+      this.lastUpdatedVieports = viewports;
     }
-  }, {
-    key: "setOptions",
-    value: function setOptions(options) {
-      this.options = _objectSpread(_objectSpread({}, this.options), options);
+
+    if (!(viewports instanceof Array)) {
+      viewports = [viewports];
     }
-  }, {
-    key: "getTileUrl",
-    value: function getTileUrl(tilePath) {
-      var isDataUrl = tilePath.startsWith('data:');
 
-      if (isDataUrl) {
-        return tilePath;
-      }
+    this._cache.reset();
 
-      return "".concat(tilePath).concat(this.queryParams);
-    }
-  }, {
-    key: "hasExtension",
-    value: function hasExtension(extensionName) {
-      return Boolean(this._extensionsUsed && this._extensionsUsed.indexOf(extensionName) > -1);
-    }
-  }, {
-    key: "update",
-    value: function update(viewports) {
-      if ('loadTiles' in this.options && !this.options.loadTiles) {
-        return;
-      }
+    this._frameNumber++;
+    this.traverseCounter = viewports.length;
+    const viewportsToTraverse = [];
 
-      if (this.traverseCounter > 0) {
-        return;
-      }
+    for (const viewport of viewports) {
+      const id = viewport.id;
 
-      if (!viewports && this.lastUpdatedVieports) {
-        viewports = this.lastUpdatedVieports;
+      if (this._needTraverse(id)) {
+        viewportsToTraverse.push(id);
       } else {
-        this.lastUpdatedVieports = viewports;
+        this.traverseCounter--;
       }
+    }
 
-      if (!(viewports instanceof Array)) {
-        viewports = [viewports];
+    for (const viewport of viewports) {
+      const id = viewport.id;
+
+      if (!this.roots[id]) {
+        this.roots[id] = this._initializeTileHeaders(this.tileset, null);
       }
 
-      this._cache.reset();
+      if (!viewportsToTraverse.includes(id)) {
+        continue;
+      }
 
-      this._frameNumber++;
-      this.traverseCounter = viewports.length;
-      var viewportsToTraverse = [];
+      const frameState = (0, _frameState.getFrameState)(viewport, this._frameNumber);
 
-      var _iterator = _createForOfIteratorHelper(viewports),
-          _step;
+      this._traverser.traverse(this.roots[id], frameState, this.options);
+    }
+  }
 
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var viewport = _step.value;
-          var _id = viewport.id;
+  _needTraverse(viewportId) {
+    let traverserId = viewportId;
 
-          if (this._needTraverse(_id)) {
-            viewportsToTraverse.push(_id);
-          } else {
-            this.traverseCounter--;
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
+    if (this.options.viewportTraversersMap) {
+      traverserId = this.options.viewportTraversersMap[viewportId];
+    }
 
-      var _iterator2 = _createForOfIteratorHelper(viewports),
-          _step2;
+    if (traverserId !== viewportId) {
+      return false;
+    }
 
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var _viewport = _step2.value;
-          var _id2 = _viewport.id;
+    return true;
+  }
 
-          if (!this.roots[_id2]) {
-            this.roots[_id2] = this._initializeTileHeaders(this.tileset, null);
-          }
+  _onTraversalEnd(frameState) {
+    const id = frameState.viewport.id;
 
-          if (!viewportsToTraverse.includes(_id2)) {
-            continue;
-          }
+    if (!this.frameStateData[id]) {
+      this.frameStateData[id] = {
+        selectedTiles: [],
+        _requestedTiles: [],
+        _emptyTiles: []
+      };
+    }
 
-          var frameState = (0, _frameState.getFrameState)(_viewport, this._frameNumber);
+    const currentFrameStateData = this.frameStateData[id];
+    const selectedTiles = Object.values(this._traverser.selectedTiles);
+    currentFrameStateData.selectedTiles = selectedTiles;
+    currentFrameStateData._requestedTiles = Object.values(this._traverser.requestedTiles);
+    currentFrameStateData._emptyTiles = Object.values(this._traverser.emptyTiles);
+    this.traverseCounter--;
 
-          this._traverser.traverse(this.roots[_id2], frameState, this.options);
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
+    if (this.traverseCounter > 0) {
+      return;
     }
-  }, {
-    key: "_needTraverse",
-    value: function _needTraverse(viewportId) {
-      var traverserId = viewportId;
 
-      if (this.options.viewportTraversersMap) {
-        traverserId = this.options.viewportTraversersMap[viewportId];
-      }
+    this._updateTiles();
+  }
 
-      if (traverserId !== viewportId) {
-        return false;
-      }
+  _updateTiles() {
+    this.selectedTiles = [];
+    this._requestedTiles = [];
+    this._emptyTiles = [];
 
-      return true;
+    for (const frameStateKey in this.frameStateData) {
+      const frameStateDataValue = this.frameStateData[frameStateKey];
+      this.selectedTiles = this.selectedTiles.concat(frameStateDataValue.selectedTiles);
+      this._requestedTiles = this._requestedTiles.concat(frameStateDataValue._requestedTiles);
+      this._emptyTiles = this._emptyTiles.concat(frameStateDataValue._emptyTiles);
     }
-  }, {
-    key: "_onTraversalEnd",
-    value: function _onTraversalEnd(frameState) {
-      var id = frameState.viewport.id;
-
-      if (!this.frameStateData[id]) {
-        this.frameStateData[id] = {
-          selectedTiles: [],
-          _requestedTiles: [],
-          _emptyTiles: []
-        };
-      }
 
-      var currentFrameStateData = this.frameStateData[id];
-      var selectedTiles = Object.values(this._traverser.selectedTiles);
-      currentFrameStateData.selectedTiles = selectedTiles;
-      currentFrameStateData._requestedTiles = Object.values(this._traverser.requestedTiles);
-      currentFrameStateData._emptyTiles = Object.values(this._traverser.emptyTiles);
-      this.traverseCounter--;
+    this.selectedTiles = this.options.onTraversalComplete(this.selectedTiles);
 
-      if (this.traverseCounter > 0) {
-        return;
-      }
+    for (const tile of this.selectedTiles) {
+      this._tiles[tile.id] = tile;
+    }
+
+    this._loadTiles();
+
+    this._unloadTiles();
+
+    this._updateStats();
+  }
 
-      this._updateTiles();
+  _tilesChanged(oldSelectedTiles, selectedTiles) {
+    if (oldSelectedTiles.length !== selectedTiles.length) {
+      return true;
     }
-  }, {
-    key: "_updateTiles",
-    value: function _updateTiles() {
-      this.selectedTiles = [];
-      this._requestedTiles = [];
-      this._emptyTiles = [];
 
-      for (var frameStateKey in this.frameStateData) {
-        var frameStateDataValue = this.frameStateData[frameStateKey];
-        this.selectedTiles = this.selectedTiles.concat(frameStateDataValue.selectedTiles);
-        this._requestedTiles = this._requestedTiles.concat(frameStateDataValue._requestedTiles);
-        this._emptyTiles = this._emptyTiles.concat(frameStateDataValue._emptyTiles);
+    const set1 = new Set(oldSelectedTiles.map(t => t.id));
+    const set2 = new Set(selectedTiles.map(t => t.id));
+    let changed = oldSelectedTiles.filter(x => !set2.has(x.id)).length > 0;
+    changed = changed || selectedTiles.filter(x => !set1.has(x.id)).length > 0;
+    return changed;
+  }
+
+  _loadTiles() {
+    for (const tile of this._requestedTiles) {
+      if (tile.contentUnloaded) {
+        this._loadTile(tile);
       }
+    }
+  }
+
+  _unloadTiles() {
+    this._cache.unloadTiles(this, (tileset, tile) => tileset._unloadTile(tile));
+  }
 
-      this.selectedTiles = this.options.onTraversalComplete(this.selectedTiles);
+  _updateStats() {
+    let tilesRenderable = 0;
+    let pointsRenderable = 0;
 
-      var _iterator3 = _createForOfIteratorHelper(this.selectedTiles),
-          _step3;
+    for (const tile of this.selectedTiles) {
+      if (tile.contentAvailable && tile.content) {
+        tilesRenderable++;
 
-      try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var _tile = _step3.value;
-          this._tiles[_tile.id] = _tile;
+        if (tile.content.pointCount) {
+          pointsRenderable += tile.content.pointCount;
         }
-      } catch (err) {
-        _iterator3.e(err);
-      } finally {
-        _iterator3.f();
       }
+    }
 
-      this._loadTiles();
+    this.stats.get(TILES_IN_VIEW).count = this.selectedTiles.length;
+    this.stats.get(TILES_RENDERABLE).count = tilesRenderable;
+    this.stats.get(POINTS_COUNT).count = pointsRenderable;
+  }
 
-      this._unloadTiles();
+  _initializeTileSet(tilesetJson) {
+    this.root = this._initializeTileHeaders(tilesetJson, null);
 
-      this._updateStats();
+    if (this.type === _constants.TILESET_TYPE.TILES3D) {
+      this._initializeCesiumTileset(tilesetJson);
     }
-  }, {
-    key: "_tilesChanged",
-    value: function _tilesChanged(oldSelectedTiles, selectedTiles) {
-      if (oldSelectedTiles.length !== selectedTiles.length) {
-        return true;
-      }
 
-      var set1 = new Set(oldSelectedTiles.map(function (t) {
-        return t.id;
-      }));
-      var set2 = new Set(selectedTiles.map(function (t) {
-        return t.id;
-      }));
-      var changed = oldSelectedTiles.filter(function (x) {
-        return !set2.has(x.id);
-      }).length > 0;
-      changed = changed || selectedTiles.filter(function (x) {
-        return !set1.has(x.id);
-      }).length > 0;
-      return changed;
-    }
-  }, {
-    key: "_loadTiles",
-    value: function _loadTiles() {
-      var _iterator4 = _createForOfIteratorHelper(this._requestedTiles),
-          _step4;
-
-      try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          var _tile2 = _step4.value;
-
-          if (_tile2.contentUnloaded) {
-            this._loadTile(_tile2);
-          }
-        }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
-      }
+    if (this.type === _constants.TILESET_TYPE.I3S) {
+      this._initializeI3STileset();
     }
-  }, {
-    key: "_unloadTiles",
-    value: function _unloadTiles() {
-      this._cache.unloadTiles(this, function (tileset, tile) {
-        return tileset._unloadTile(tile);
-      });
-    }
-  }, {
-    key: "_updateStats",
-    value: function _updateStats() {
-      var tilesRenderable = 0;
-      var pointsRenderable = 0;
-
-      var _iterator5 = _createForOfIteratorHelper(this.selectedTiles),
-          _step5;
-
-      try {
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-          var _tile3 = _step5.value;
-
-          if (_tile3.contentAvailable && _tile3.content) {
-            tilesRenderable++;
-
-            if (_tile3.content.pointCount) {
-              pointsRenderable += _tile3.content.pointCount;
-            }
-          }
-        }
-      } catch (err) {
-        _iterator5.e(err);
-      } finally {
-        _iterator5.f();
-      }
 
-      this.stats.get(TILES_IN_VIEW).count = this.selectedTiles.length;
-      this.stats.get(TILES_RENDERABLE).count = tilesRenderable;
-      this.stats.get(POINTS_COUNT).count = pointsRenderable;
+    this._calculateViewProps();
+  }
+
+  _calculateViewProps() {
+    const root = this.root;
+    (0, _loaderUtils.assert)(root);
+    const {
+      center
+    } = root.boundingVolume;
+
+    if (!center) {
+      console.warn('center was not pre-calculated for the root tile');
+      this.cartographicCenter = new _core.Vector3();
+      this.zoom = 1;
+      return;
     }
-  }, {
-    key: "_initializeTileSet",
-    value: function _initializeTileSet(tilesetJson) {
-      this.root = this._initializeTileHeaders(tilesetJson, null);
 
-      if (this.type === _constants.TILESET_TYPE.TILES3D) {
-        this._initializeCesiumTileset(tilesetJson);
-      }
+    this.cartographicCenter = _geospatial.Ellipsoid.WGS84.cartesianToCartographic(center, new _core.Vector3());
+    this.cartesianCenter = center;
+    this.zoom = (0, _zoom.getZoomFromBoundingVolume)(root.boundingVolume);
+  }
 
-      if (this.type === _constants.TILESET_TYPE.I3S) {
-        this._initializeI3STileset();
-      }
+  _initializeStats() {
+    this.stats.get(TILES_TOTAL);
+    this.stats.get(TILES_LOADING);
+    this.stats.get(TILES_IN_MEMORY);
+    this.stats.get(TILES_IN_VIEW);
+    this.stats.get(TILES_RENDERABLE);
+    this.stats.get(TILES_LOADED);
+    this.stats.get(TILES_UNLOADED);
+    this.stats.get(TILES_LOAD_FAILED);
+    this.stats.get(POINTS_COUNT, 'memory');
+    this.stats.get(TILES_GPU_MEMORY, 'memory');
+  }
+
+  _initializeTileHeaders(tilesetJson, parentTileHeader) {
+    const rootTile = new _tile3d.default(this, tilesetJson.root, parentTileHeader);
 
-      this._calculateViewProps();
+    if (parentTileHeader) {
+      parentTileHeader.children.push(rootTile);
+      rootTile.depth = parentTileHeader.depth + 1;
     }
-  }, {
-    key: "_calculateViewProps",
-    value: function _calculateViewProps() {
-      var root = this.root;
-      (0, _loaderUtils.assert)(root);
-      var center = root.boundingVolume.center;
 
-      if (!center) {
-        console.warn('center was not pre-calculated for the root tile');
-        this.cartographicCenter = new _core.Vector3();
-        this.zoom = 1;
-        return;
-      }
+    if (this.type === _constants.TILESET_TYPE.TILES3D) {
+      const stack = [];
+      stack.push(rootTile);
 
-      this.cartographicCenter = _geospatial.Ellipsoid.WGS84.cartesianToCartographic(center, new _core.Vector3());
-      this.cartesianCenter = center;
-      this.zoom = (0, _zoom.getZoomFromBoundingVolume)(root.boundingVolume);
-    }
-  }, {
-    key: "_initializeStats",
-    value: function _initializeStats() {
-      this.stats.get(TILES_TOTAL);
-      this.stats.get(TILES_LOADING);
-      this.stats.get(TILES_IN_MEMORY);
-      this.stats.get(TILES_IN_VIEW);
-      this.stats.get(TILES_RENDERABLE);
-      this.stats.get(TILES_LOADED);
-      this.stats.get(TILES_UNLOADED);
-      this.stats.get(TILES_LOAD_FAILED);
-      this.stats.get(POINTS_COUNT, 'memory');
-      this.stats.get(TILES_GPU_MEMORY, 'memory');
-    }
-  }, {
-    key: "_initializeTileHeaders",
-    value: function _initializeTileHeaders(tilesetJson, parentTileHeader) {
-      var rootTile = new _tile3d.default(this, tilesetJson.root, parentTileHeader);
-
-      if (parentTileHeader) {
-        parentTileHeader.children.push(rootTile);
-        rootTile.depth = parentTileHeader.depth + 1;
+      while (stack.length > 0) {
+        const tile = stack.pop();
+        this.stats.get(TILES_TOTAL).incrementCount();
+        const children = tile.header.children || [];
+
+        for (const childHeader of children) {
+          const childTile = new _tile3d.default(this, childHeader, tile);
+          tile.children.push(childTile);
+          childTile.depth = tile.depth + 1;
+          stack.push(childTile);
+        }
       }
+    }
 
-      if (this.type === _constants.TILESET_TYPE.TILES3D) {
-        var stack = [];
-        stack.push(rootTile);
+    return rootTile;
+  }
 
-        while (stack.length > 0) {
-          var _tile4 = stack.pop();
+  _initializeTraverser() {
+    let TraverserClass;
+    const type = this.type;
 
-          this.stats.get(TILES_TOTAL).incrementCount();
-          var children = _tile4.header.children || [];
+    switch (type) {
+      case _constants.TILESET_TYPE.TILES3D:
+        TraverserClass = _tileset3dTraverser.default;
+        break;
 
-          var _iterator6 = _createForOfIteratorHelper(children),
-              _step6;
+      case _constants.TILESET_TYPE.I3S:
+        TraverserClass = _i3sTilesetTraverser.default;
+        break;
 
-          try {
-            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-              var childHeader = _step6.value;
-              var childTile = new _tile3d.default(this, childHeader, _tile4);
+      default:
+        TraverserClass = _tilesetTraverser.default;
+    }
 
-              _tile4.children.push(childTile);
+    return new TraverserClass({
+      basePath: this.basePath,
+      onTraversalEnd: this._onTraversalEnd.bind(this)
+    });
+  }
 
-              childTile.depth = _tile4.depth + 1;
-              stack.push(childTile);
-            }
-          } catch (err) {
-            _iterator6.e(err);
-          } finally {
-            _iterator6.f();
-          }
-        }
-      }
+  _destroyTileHeaders(parentTile) {
+    this._destroySubtree(parentTile);
+  }
 
-      return rootTile;
-    }
-  }, {
-    key: "_initializeTraverser",
-    value: function _initializeTraverser() {
-      var TraverserClass;
-      var type = this.type;
+  async _loadTile(tile) {
+    let loaded;
 
-      switch (type) {
-        case _constants.TILESET_TYPE.TILES3D:
-          TraverserClass = _tileset3dTraverser.default;
-          break;
+    try {
+      this._onStartTileLoading();
 
-        case _constants.TILESET_TYPE.I3S:
-          TraverserClass = _i3sTilesetTraverser.default;
-          break;
+      loaded = await tile.loadContent();
+    } catch (error) {
+      this._onTileLoadError(tile, error);
+    } finally {
+      this._onEndTileLoading();
 
-        default:
-          TraverserClass = _tilesetTraverser.default;
-      }
+      this._onTileLoad(tile, loaded);
+    }
+  }
+
+  _onTileLoadError(tile, error) {
+    this.stats.get(TILES_LOAD_FAILED).incrementCount();
+    const message = error.message || error.toString();
+    const url = tile.url;
+    console.error("A 3D tile failed to load: ".concat(tile.url, " ").concat(message));
+    this.options.onTileError(tile, message, url);
+  }
 
-      return new TraverserClass({
-        basePath: this.basePath,
-        onTraversalEnd: this._onTraversalEnd.bind(this)
-      });
+  _onTileLoad(tile, loaded) {
+    if (!loaded) {
+      return;
     }
-  }, {
-    key: "_destroyTileHeaders",
-    value: function _destroyTileHeaders(parentTile) {
-      this._destroySubtree(parentTile);
+
+    if (tile && tile.content) {
+      (0, _transformUtils.calculateTransformProps)(tile, tile.content);
     }
-  }, {
-    key: "_loadTile",
-    value: function () {
-      var _loadTile2 = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(tile) {
-        var loaded;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
 
-                this._onStartTileLoading();
+    this._addTileToCache(tile);
 
-                _context.next = 4;
-                return tile.loadContent();
+    this.options.onTileLoad(tile);
+  }
 
-              case 4:
-                loaded = _context.sent;
-                _context.next = 10;
-                break;
+  _onStartTileLoading() {
+    this._pendingCount++;
+    this.stats.get(TILES_LOADING).incrementCount();
+  }
 
-              case 7:
-                _context.prev = 7;
-                _context.t0 = _context["catch"](0);
+  _onEndTileLoading() {
+    this._pendingCount--;
+    this.stats.get(TILES_LOADING).decrementCount();
+  }
 
-                this._onTileLoadError(tile, _context.t0);
+  _addTileToCache(tile) {
+    this._cache.add(this, tile, tileset => tileset._updateCacheStats(tile));
+  }
 
-              case 10:
-                _context.prev = 10;
+  _updateCacheStats(tile) {
+    this.stats.get(TILES_LOADED).incrementCount();
+    this.stats.get(TILES_IN_MEMORY).incrementCount();
+    this.gpuMemoryUsageInBytes += tile.content.byteLength || 0;
+    this.stats.get(TILES_GPU_MEMORY).count = this.gpuMemoryUsageInBytes;
+  }
 
-                this._onEndTileLoading();
+  _unloadTile(tile) {
+    this.gpuMemoryUsageInBytes -= tile.content && tile.content.byteLength || 0;
+    this.stats.get(TILES_IN_MEMORY).decrementCount();
+    this.stats.get(TILES_UNLOADED).incrementCount();
+    this.stats.get(TILES_GPU_MEMORY).count = this.gpuMemoryUsageInBytes;
+    this.options.onTileUnload(tile);
+    tile.unloadContent();
+  }
 
-                this._onTileLoad(tile, loaded);
+  _destroy() {
+    const stack = [];
 
-                return _context.finish(10);
+    if (this.root) {
+      stack.push(this.root);
+    }
 
-              case 14:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this, [[0, 7, 10, 14]]);
-      }));
+    while (stack.length > 0) {
+      const tile = stack.pop();
 
-      function _loadTile(_x) {
-        return _loadTile2.apply(this, arguments);
+      for (const child of tile.children) {
+        stack.push(child);
       }
 
-      return _loadTile;
-    }()
-  }, {
-    key: "_onTileLoadError",
-    value: function _onTileLoadError(tile, error) {
-      this.stats.get(TILES_LOAD_FAILED).incrementCount();
-      var message = error.message || error.toString();
-      var url = tile.url;
-      console.error("A 3D tile failed to load: ".concat(tile.url, " ").concat(message));
-      this.options.onTileError(tile, message, url);
-    }
-  }, {
-    key: "_onTileLoad",
-    value: function _onTileLoad(tile, loaded) {
-      if (!loaded) {
-        return;
-      }
+      this._destroyTile(tile);
+    }
 
-      if (tile && tile.content) {
-        (0, _transformUtils.calculateTransformProps)(tile, tile.content);
-      }
+    this.root = null;
+  }
 
-      this._addTileToCache(tile);
-
-      this.options.onTileLoad(tile);
-    }
-  }, {
-    key: "_onStartTileLoading",
-    value: function _onStartTileLoading() {
-      this._pendingCount++;
-      this.stats.get(TILES_LOADING).incrementCount();
-    }
-  }, {
-    key: "_onEndTileLoading",
-    value: function _onEndTileLoading() {
-      this._pendingCount--;
-      this.stats.get(TILES_LOADING).decrementCount();
-    }
-  }, {
-    key: "_addTileToCache",
-    value: function _addTileToCache(tile) {
-      this._cache.add(this, tile, function (tileset) {
-        return tileset._updateCacheStats(tile);
-      });
-    }
-  }, {
-    key: "_updateCacheStats",
-    value: function _updateCacheStats(tile) {
-      this.stats.get(TILES_LOADED).incrementCount();
-      this.stats.get(TILES_IN_MEMORY).incrementCount();
-      this.gpuMemoryUsageInBytes += tile.content.byteLength || 0;
-      this.stats.get(TILES_GPU_MEMORY).count = this.gpuMemoryUsageInBytes;
-    }
-  }, {
-    key: "_unloadTile",
-    value: function _unloadTile(tile) {
-      this.gpuMemoryUsageInBytes -= tile.content && tile.content.byteLength || 0;
-      this.stats.get(TILES_IN_MEMORY).decrementCount();
-      this.stats.get(TILES_UNLOADED).incrementCount();
-      this.stats.get(TILES_GPU_MEMORY).count = this.gpuMemoryUsageInBytes;
-      this.options.onTileUnload(tile);
-      tile.unloadContent();
-    }
-  }, {
-    key: "_destroy",
-    value: function _destroy() {
-      var stack = [];
-
-      if (this.root) {
-        stack.push(this.root);
-      }
+  _destroySubtree(tile) {
+    const root = tile;
+    const stack = [];
+    stack.push(root);
 
-      while (stack.length > 0) {
-        var _tile5 = stack.pop();
-
-        var _iterator7 = _createForOfIteratorHelper(_tile5.children),
-            _step7;
-
-        try {
-          for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-            var child = _step7.value;
-            stack.push(child);
-          }
-        } catch (err) {
-          _iterator7.e(err);
-        } finally {
-          _iterator7.f();
-        }
+    while (stack.length > 0) {
+      tile = stack.pop();
 
-        this._destroyTile(_tile5);
+      for (const child of tile.children) {
+        stack.push(child);
       }
 
-      this.root = null;
+      if (tile !== root) {
+        this._destroyTile(tile);
+      }
     }
-  }, {
-    key: "_destroySubtree",
-    value: function _destroySubtree(tile) {
-      var root = tile;
-      var stack = [];
-      stack.push(root);
 
-      while (stack.length > 0) {
-        tile = stack.pop();
-
-        var _iterator8 = _createForOfIteratorHelper(tile.children),
-            _step8;
-
-        try {
-          for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-            var child = _step8.value;
-            stack.push(child);
-          }
-        } catch (err) {
-          _iterator8.e(err);
-        } finally {
-          _iterator8.f();
-        }
+    root.children = [];
+  }
 
-        if (tile !== root) {
-          this._destroyTile(tile);
-        }
-      }
+  _destroyTile(tile) {
+    this._cache.unloadTile(this, tile);
 
-      root.children = [];
-    }
-  }, {
-    key: "_destroyTile",
-    value: function _destroyTile(tile) {
-      this._cache.unloadTile(this, tile);
+    this._unloadTile(tile);
 
-      this._unloadTile(tile);
+    tile.destroy();
+  }
 
-      tile.destroy();
+  _initializeCesiumTileset(tilesetJson) {
+    this.asset = tilesetJson.asset;
+
+    if (!this.asset) {
+      throw new Error('Tileset must have an asset property.');
     }
-  }, {
-    key: "_initializeCesiumTileset",
-    value: function _initializeCesiumTileset(tilesetJson) {
-      this.asset = tilesetJson.asset;
 
-      if (!this.asset) {
-        throw new Error('Tileset must have an asset property.');
-      }
+    if (this.asset.version !== '0.0' && this.asset.version !== '1.0') {
+      throw new Error('The tileset must be 3D Tiles version 0.0 or 1.0.');
+    }
 
-      if (this.asset.version !== '0.0' && this.asset.version !== '1.0') {
-        throw new Error('The tileset must be 3D Tiles version 0.0 or 1.0.');
-      }
+    if ('tilesetVersion' in this.asset) {
+      this._queryParams.v = this.asset.tilesetVersion;
+    }
 
-      if ('tilesetVersion' in this.asset) {
-        this._queryParams.v = this.asset.tilesetVersion;
-      }
+    this.credits = {
+      attributions: this.options.attributions || []
+    };
+    this.description = this.options.description || '';
+    this.properties = tilesetJson.properties;
+    this.geometricError = tilesetJson.geometricError;
+    this._extensionsUsed = tilesetJson.extensionsUsed;
+    this.extras = tilesetJson.extras;
+  }
 
-      this.credits = {
-        attributions: this.options.attributions || []
-      };
-      this.description = this.options.description || '';
-      this.properties = tilesetJson.properties;
-      this.geometricError = tilesetJson.geometricError;
-      this._extensionsUsed = tilesetJson.extensionsUsed;
-      this.extras = tilesetJson.extras;
-    }
-  }, {
-    key: "_initializeI3STileset",
-    value: function _initializeI3STileset() {
-      if (this.loadOptions.i3s && 'token' in this.loadOptions.i3s) {
-        this._queryParams.token = this.loadOptions.i3s.token;
-      }
+  _initializeI3STileset() {
+    if (this.loadOptions.i3s && 'token' in this.loadOptions.i3s) {
+      this._queryParams.token = this.loadOptions.i3s.token;
     }
-  }]);
-  return Tileset3D;
-}();
+  }
+
+}
 
 exports.default = Tileset3D;
 
 function getQueryParamString(queryParams) {
-  var queryParamStrings = [];
+  const queryParamStrings = [];
 
-  for (var _i = 0, _Object$keys = Object.keys(queryParams); _i < _Object$keys.length; _i++) {
-    var _key = _Object$keys[_i];
-    queryParamStrings.push("".concat(_key, "=").concat(queryParams[_key]));
+  for (const key of Object.keys(queryParams)) {
+    queryParamStrings.push("".concat(key, "=").concat(queryParams[key]));
   }
 
   switch (queryParamStrings.length) {