@loaders.gl/tiles 3.3.0-alpha.1 → 3.3.0-alpha.10

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

@@ -1,51 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
-
 var _culling = require("@math.gl/culling");
-
 var _core2 = require("@loaders.gl/core");
-
 var _constants = require("../constants");
-
 var _boundingVolume = require("./helpers/bounding-volume");
-
 var _tiles3dLod = require("./helpers/tiles-3d-lod");
-
 var _i3sLod = require("./helpers/i3s-lod");
-
 var _dTilesOptions = require("./helpers/3d-tiles-options");
-
 var _tilesetTraverser = _interopRequireDefault(require("./traversers/tileset-traverser"));
-
-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; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var scratchVector = new _core.Vector3();
-
 function defined(x) {
   return x !== undefined && x !== null;
 }
 
 var TileHeader = function () {
+
   function TileHeader(tileset, header, parentHeader) {
     var extendedId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
     (0, _classCallCheck2.default)(this, TileHeader);
@@ -68,6 +50,7 @@ var TileHeader = function () {
     (0, _defineProperty2.default)(this, "viewportIds", void 0);
     (0, _defineProperty2.default)(this, "transform", void 0);
     (0, _defineProperty2.default)(this, "extensions", void 0);
+    (0, _defineProperty2.default)(this, "implicitTiling", void 0);
     (0, _defineProperty2.default)(this, "userData", void 0);
     (0, _defineProperty2.default)(this, "computedTransform", void 0);
     (0, _defineProperty2.default)(this, "hasEmptyContent", void 0);
@@ -96,26 +79,34 @@ var TileHeader = function () {
     (0, _defineProperty2.default)(this, "_viewerRequestVolume", void 0);
     (0, _defineProperty2.default)(this, "_initialTransform", void 0);
     this.header = header;
+
     this.tileset = tileset;
     this.id = extendedId || header.id;
     this.url = header.url;
+
     this.parent = parentHeader;
     this.refine = this._getRefine(header.refine);
     this.type = header.type;
     this.contentUrl = header.contentUrl;
+
     this.lodMetricType = 'geometricError';
     this.lodMetricValue = 0;
+
     this.boundingVolume = null;
+
     this.content = null;
     this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
     this.gpuMemoryUsageInBytes = 0;
+
     this.children = [];
     this.hasEmptyContent = false;
     this.hasTilesetContent = false;
     this.depth = 0;
     this.viewportIds = [];
+
     this.userData = {};
     this.extensions = null;
+
     this._priority = 0;
     this._touchedFrame = 0;
     this._visitedFrame = 0;
@@ -135,23 +126,19 @@ var TileHeader = function () {
     this._selectionDepth = 0;
     this._initialTransform = new _core.Matrix4();
     this.transform = new _core.Matrix4();
-
     this._initializeLodMetric(header);
-
     this._initializeTransforms(header);
-
     this._initializeBoundingVolumes(header);
-
     this._initializeContent(header);
-
     this._initializeRenderingState(header);
 
     this._lodJudge = null;
+
     this._expireDate = null;
     this._expiredContent = null;
+    this.implicitTiling = null;
     Object.seal(this);
   }
-
   (0, _createClass2.default)(TileHeader, [{
     key: "destroy",
     value: function destroy() {
@@ -177,90 +164,113 @@ var TileHeader = function () {
     get: function get() {
       return this._visible && this._inRequestVolume;
     }
+
   }, {
     key: "hasRenderContent",
-    get: function get() {
+    get:
+    function get() {
       return !this.hasEmptyContent && !this.hasTilesetContent;
     }
+
   }, {
     key: "hasChildren",
-    get: function get() {
+    get:
+    function get() {
       return this.children.length > 0 || this.header.children && this.header.children.length > 0;
     }
+
   }, {
     key: "contentReady",
-    get: function get() {
+    get:
+    function get() {
       return this.contentState === _constants.TILE_CONTENT_STATE.READY || this.hasEmptyContent;
     }
+
   }, {
     key: "contentAvailable",
-    get: function get() {
+    get:
+    function get() {
       return Boolean(this.contentReady && this.hasRenderContent || this._expiredContent && !this.contentFailed);
     }
+
   }, {
     key: "hasUnloadedContent",
-    get: function get() {
+    get:
+    function get() {
       return this.hasRenderContent && this.contentUnloaded;
     }
+
   }, {
     key: "contentUnloaded",
-    get: function get() {
+    get:
+    function get() {
       return this.contentState === _constants.TILE_CONTENT_STATE.UNLOADED;
     }
+
   }, {
     key: "contentExpired",
-    get: function get() {
+    get:
+    function get() {
       return this.contentState === _constants.TILE_CONTENT_STATE.EXPIRED;
     }
+
   }, {
     key: "contentFailed",
-    get: function get() {
+    get:
+    function get() {
       return this.contentState === _constants.TILE_CONTENT_STATE.FAILED;
     }
+
   }, {
     key: "distanceToCamera",
-    get: function get() {
+    get:
+    function get() {
       return this._distanceToCamera;
     }
+
   }, {
     key: "screenSpaceError",
-    get: function get() {
+    get:
+    function get() {
       return this._screenSpaceError;
     }
+
   }, {
     key: "getScreenSpaceError",
-    value: function getScreenSpaceError(frameState, useParentLodMetric) {
+    value:
+    function getScreenSpaceError(frameState, useParentLodMetric) {
       switch (this.tileset.type) {
         case _constants.TILESET_TYPE.I3S:
           return (0, _i3sLod.getProjectedRadius)(this, frameState);
-
         case _constants.TILESET_TYPE.TILES3D:
           return (0, _tiles3dLod.getTiles3DScreenSpaceError)(this, frameState, useParentLodMetric);
-
         default:
           throw new Error('Unsupported tileset type');
       }
     }
+
   }, {
     key: "unselect",
-    value: function unselect() {
+    value:
+    function unselect() {
       this._selectedFrame = 0;
     }
+
   }, {
     key: "_getPriority",
-    value: function _getPriority() {
+    value:
+    function _getPriority() {
       var traverser = this.tileset._traverser;
       var skipLevelOfDetail = traverser.options.skipLevelOfDetail;
+
       var maySkipTile = this.refine === _constants.TILE_REFINEMENT.ADD || skipLevelOfDetail;
 
       if (maySkipTile && !this.isVisible && this._visible !== undefined) {
         return -1;
       }
-
       if (this.tileset._frameNumber - this._touchedFrame >= 1) {
         return -1;
       }
-
       if (this.contentState === _constants.TILE_CONTENT_STATE.UNLOADED) {
         return -1;
       }
@@ -269,8 +279,10 @@ var TileHeader = function () {
       var useParentScreenSpaceError = parent && (!maySkipTile || this._screenSpaceError === 0.0 || parent.hasTilesetContent);
       var screenSpaceError = useParentScreenSpaceError ? parent._screenSpaceError : this._screenSpaceError;
       var rootScreenSpaceError = traverser.root ? traverser.root._screenSpaceError : 0.0;
+
       return Math.max(rootScreenSpaceError - screenSpaceError, 0);
     }
+
   }, {
     key: "loadContent",
     value: function () {
@@ -284,39 +296,29 @@ var TileHeader = function () {
                   _context.next = 2;
                   break;
                 }
-
                 return _context.abrupt("return", false);
-
               case 2:
                 if (!this.content) {
                   _context.next = 4;
                   break;
                 }
-
                 return _context.abrupt("return", true);
-
               case 4:
                 expired = this.contentExpired;
-
                 if (expired) {
                   this._expireDate = null;
                 }
-
                 this.contentState = _constants.TILE_CONTENT_STATE.LOADING;
                 _context.next = 9;
                 return this.tileset._requestScheduler.scheduleRequest(this.id, this._getPriority.bind(this));
-
               case 9:
                 requestToken = _context.sent;
-
                 if (requestToken) {
                   _context.next = 13;
                   break;
                 }
-
                 this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
                 return _context.abrupt("return", false);
-
               case 13:
                 _context.prev = 13;
                 contentUrl = this.tileset.getTileUrl(this.contentUrl);
@@ -326,40 +328,30 @@ var TileHeader = function () {
                 }, this._getLoaderSpecificOptions(loader.id))));
                 _context.next = 19;
                 return (0, _core2.load)(contentUrl, loader, options);
-
               case 19:
                 this.content = _context.sent;
-
                 if (!this.tileset.options.contentLoader) {
                   _context.next = 23;
                   break;
                 }
-
                 _context.next = 23;
                 return this.tileset.options.contentLoader(this);
-
               case 23:
                 if (this._isTileset()) {
                   this.tileset._initializeTileHeaders(this.content, this);
                 }
-
                 this.contentState = _constants.TILE_CONTENT_STATE.READY;
-
                 this._onContentLoaded();
-
                 return _context.abrupt("return", true);
-
               case 29:
                 _context.prev = 29;
                 _context.t0 = _context["catch"](13);
                 this.contentState = _constants.TILE_CONTENT_STATE.FAILED;
                 throw _context.t0;
-
               case 33:
                 _context.prev = 33;
                 requestToken.done();
                 return _context.finish(33);
-
               case 36:
               case "end":
                 return _context.stop();
@@ -367,46 +359,40 @@ var TileHeader = function () {
           }
         }, _callee, this, [[13, 29, 33, 36]]);
       }));
-
       function loadContent() {
         return _loadContent.apply(this, arguments);
       }
-
       return loadContent;
     }()
   }, {
     key: "unloadContent",
-    value: function unloadContent() {
+    value:
+    function unloadContent() {
       if (this.content && this.content.destroy) {
         this.content.destroy();
       }
-
       this.content = null;
-
       if (this.header.content && this.header.content.destroy) {
         this.header.content.destroy();
       }
-
       this.header.content = null;
       this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
       return true;
     }
+
   }, {
     key: "updateVisibility",
-    value: function updateVisibility(frameState, viewportIds) {
+    value:
+    function updateVisibility(frameState, viewportIds) {
       if (this._frameNumber === frameState.frameNumber) {
         return;
       }
-
       var parent = this.parent;
       var parentVisibilityPlaneMask = parent ? parent._visibilityPlaneMask : _culling.CullingVolume.MASK_INDETERMINATE;
-
       if (this.tileset._traverser.options.updateTransforms) {
         var parentTransform = parent ? parent.computedTransform : this.tileset.modelMatrix;
-
         this._updateTransform(parentTransform);
       }
-
       this._distanceToCamera = this.distanceToTile(frameState);
       this._screenSpaceError = this.getScreenSpaceError(frameState, false);
       this._visibilityPlaneMask = this.visibility(frameState, parentVisibilityPlaneMask);
@@ -415,44 +401,58 @@ var TileHeader = function () {
       this._frameNumber = frameState.frameNumber;
       this.viewportIds = viewportIds;
     }
+
   }, {
     key: "visibility",
-    value: function visibility(frameState, parentVisibilityPlaneMask) {
+    value:
+    function visibility(frameState, parentVisibilityPlaneMask) {
       var cullingVolume = frameState.cullingVolume;
       var boundingVolume = this.boundingVolume;
+
       return cullingVolume.computeVisibilityWithPlaneMask(boundingVolume, parentVisibilityPlaneMask);
     }
+
   }, {
     key: "contentVisibility",
-    value: function contentVisibility() {
+    value:
+    function contentVisibility() {
       return true;
+
     }
+
   }, {
     key: "distanceToTile",
-    value: function distanceToTile(frameState) {
+    value:
+    function distanceToTile(frameState) {
       var boundingVolume = this.boundingVolume;
       return Math.sqrt(Math.max(boundingVolume.distanceSquaredTo(frameState.camera.position), 0));
     }
+
   }, {
     key: "cameraSpaceZDepth",
-    value: function cameraSpaceZDepth(_ref) {
+    value:
+    function cameraSpaceZDepth(_ref) {
       var camera = _ref.camera;
       var boundingVolume = this.boundingVolume;
       scratchVector.subVectors(boundingVolume.center, camera.position);
       return camera.direction.dot(scratchVector);
     }
+
   }, {
     key: "insideViewerRequestVolume",
-    value: function insideViewerRequestVolume(frameState) {
+    value:
+    function insideViewerRequestVolume(frameState) {
       var viewerRequestVolume = this._viewerRequestVolume;
       return !viewerRequestVolume || viewerRequestVolume.distanceSquaredTo(frameState.camera.position) <= 0;
     }
+
   }, {
     key: "updateExpiration",
-    value: function updateExpiration() {
+    value:
+
+    function updateExpiration() {
       if (defined(this._expireDate) && this.contentReady && !this.hasEmptyContent) {
         var now = Date.now();
-
         if (Date.lessThan(this._expireDate, now)) {
           this.contentState = _constants.TILE_CONTENT_STATE.EXPIRED;
           this._expiredContent = this.content;
@@ -464,9 +464,12 @@ var TileHeader = function () {
     get: function get() {
       return this.header.extras;
     }
+
   }, {
     key: "_initializeLodMetric",
-    value: function _initializeLodMetric(header) {
+    value:
+
+    function _initializeLodMetric(header) {
       if ('lodMetricType' in header) {
         this.lodMetricType = header.lodMetricType;
       } else {
@@ -497,7 +500,6 @@ var TileHeader = function () {
     value: function _initializeBoundingVolumes(tileHeader) {
       this._contentBoundingVolume = null;
       this._viewerRequestVolume = null;
-
       this._updateBoundingVolume(tileHeader);
     }
   }, {
@@ -509,18 +511,21 @@ var TileHeader = function () {
       };
       this.hasEmptyContent = true;
       this.contentState = _constants.TILE_CONTENT_STATE.UNLOADED;
-      this.hasTilesetContent = false;
 
+      this.hasTilesetContent = false;
       if (tileHeader.contentUrl) {
         this.content = null;
         this.hasEmptyContent = false;
       }
     }
+
   }, {
     key: "_initializeRenderingState",
-    value: function _initializeRenderingState(header) {
+    value:
+    function _initializeRenderingState(header) {
       this.depth = header.level || (this.parent ? this.parent.depth + 1 : 0);
       this._shouldRefine = false;
+
       this._distanceToCamera = 0;
       this._centerZDepth = 0;
       this._screenSpaceError = 0;
@@ -554,7 +559,6 @@ var TileHeader = function () {
         case 'geom':
           this.tileset._traverser.disableSkipLevelOfDetail = true;
           break;
-
         default:
       }
 
@@ -567,7 +571,6 @@ var TileHeader = function () {
     value: function _updateBoundingVolume(header) {
       this.boundingVolume = (0, _boundingVolume.createBoundingVolume)(header.boundingVolume, this.computedTransform, this.boundingVolume);
       var content = header.content;
-
       if (!content) {
         return;
       }
@@ -575,37 +578,48 @@ var TileHeader = function () {
       if (content.boundingVolume) {
         this._contentBoundingVolume = (0, _boundingVolume.createBoundingVolume)(content.boundingVolume, this.computedTransform, this._contentBoundingVolume);
       }
-
       if (header.viewerRequestVolume) {
         this._viewerRequestVolume = (0, _boundingVolume.createBoundingVolume)(header.viewerRequestVolume, this.computedTransform, this._viewerRequestVolume);
       }
     }
+
   }, {
     key: "_updateTransform",
-    value: function _updateTransform() {
+    value:
+    function _updateTransform() {
       var parentTransform = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new _core.Matrix4();
       var computedTransform = parentTransform.clone().multiplyRight(this.transform);
       var didTransformChange = !computedTransform.equals(this.computedTransform);
-
       if (!didTransformChange) {
         return;
       }
-
       this.computedTransform = computedTransform;
-
       this._updateBoundingVolume(this.header);
     }
+
   }, {
     key: "_getLoaderSpecificOptions",
-    value: function _getLoaderSpecificOptions(loaderId) {
+    value:
+    function _getLoaderSpecificOptions(loaderId) {
       switch (loaderId) {
         case 'i3s':
           return _objectSpread(_objectSpread({}, this.tileset.options.i3s), {}, {
-            tile: this.header,
-            tileset: this.tileset.tileset,
+            _tileOptions: {
+              attributeUrls: this.header.attributeUrls,
+              textureUrl: this.header.textureUrl,
+              textureFormat: this.header.textureFormat,
+              textureLoaderOptions: this.header.textureLoaderOptions,
+              materialDefinition: this.header.materialDefinition,
+              isDracoGeometry: this.header.isDracoGeometry,
+              mbs: this.header.mbs
+            },
+            _tilesetOptions: {
+              store: this.tileset.tileset.store,
+              attributeStorageInfo: this.tileset.tileset.attributeStorageInfo,
+              fields: this.tileset.tileset.fields
+            },
             isTileHeader: false
           });
-
         case '3d-tiles':
         case 'cesium-ion':
         default:
@@ -615,6 +629,5 @@ var TileHeader = function () {
   }]);
   return TileHeader;
 }();
-
 exports.default = TileHeader;
 //# sourceMappingURL=tile-3d.js.map