@splnlss/3d-story-viewer 0.5.4 → 0.5.5

package/build/viewer.js

@@ -26496,7 +26496,7 @@ TWEEN.update.bind(TWEEN);
 var exports = {
   Easing
 };
-const Tokens$1 = {
+const Tokens = {
   CESIUM: void 0,
   GOOGLEMAPS: void 0
 };
@@ -27402,12 +27402,13 @@ class Viewer extends EventDispatcher {
     this.type = "viewer";
     this.disposed = false;
     this.sparkRenderer = null;
-    Tokens$1.CESIUM = options.cesiumToken || void 0;
-    Tokens$1.GOOGLEMAPS = options.googleMapsToken || void 0;
+    Tokens.CESIUM = options.cesiumToken || void 0;
+    Tokens.GOOGLEMAPS = options.googleMapsToken || void 0;
     this.state = new StateDispatcher({
       time: { type: "f", value: 0 },
       loaded: false,
-      added: false
+      added: false,
+      ready: false
     });
     this.renderer = new WebGLRenderer({
       antialias: true,
@@ -27446,8 +27447,10 @@ class Viewer extends EventDispatcher {
     };
     this.globeControls.addEventListener("start", this._onGlobeControlsStart);
     this.transitionControls = new TransitionControls(this.camera);
-    this.globeManager = new GlobeManager(this.scene, this.camera, this.renderer, { apiToken: Tokens$1.CESIUM, googleMapsToken: Tokens$1.GOOGLEMAPS });
-    this.globeControls.setTilesRenderer(this.globeManager.tiles);
+    this.globeManager = new GlobeManager(this.scene, this.camera, this.renderer, { apiToken: Tokens.CESIUM, googleMapsToken: Tokens.GOOGLEMAPS });
+    if (this.globeManager.tiles) {
+      this.globeControls.setTilesRenderer(this.globeManager.tiles);
+    }
     this.cameraCoords = {};
     this.pointerCoords = {};
     this.pointerXYZ = new Vector3();
@@ -27496,6 +27499,10 @@ class Viewer extends EventDispatcher {
     this.sky.material.uniforms.sunPosition.value = sunPosition;
     this.pointerRaycaster = new Raycaster();
     this._onPointerMove = (event) => {
+      if (!this.globeManager.tiles) {
+        this.pointerCoords = {};
+        return;
+      }
       const pointer = {};
       pointer.x = event.clientX / window.innerWidth * 2 - 1;
       pointer.y = -(event.clientY / window.innerHeight) * 2 + 1;
@@ -27551,6 +27558,7 @@ class Viewer extends EventDispatcher {
     this.container.appendChild(this.renderer.domElement);
     this.container.appendChild(this.css2DRenderer.domElement);
     this.resizeView();
+    this.state.update({ added: true });
     this.dispatchEvent({ type: ViewerEvents.APPENDED });
   }
   updateCameraDirections() {
@@ -27822,11 +27830,13 @@ class Viewer extends EventDispatcher {
     let pivot = null;
     const raycaster = new Raycaster();
     raycaster.setFromCamera({ x: 0, y: 0 }, this.camera);
-    const intersects = raycaster.intersectObject(this.globeManager.tiles.group, true);
-    if (intersects.length > 0) {
-      const intersect = intersects[0];
-      if (intersect) {
-        pivot = intersect.point.clone();
+    if (this.globeManager.tiles) {
+      const intersects = raycaster.intersectObject(this.globeManager.tiles.group, true);
+      if (intersects.length > 0) {
+        const intersect = intersects[0];
+        if (intersect) {
+          pivot = intersect.point.clone();
+        }
       }
     }
     if (!pivot) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@splnlss/3d-story-viewer",
-    "version": "0.5.4",
+    "version": "0.5.5",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"