@inweb/viewer-visualize 27.1.0 → 27.1.2

package/dist/viewer-visualize.module.js

@@ -2876,13 +2876,13 @@ class InfoComponent {
 
 class RenderLoopComponent {
     constructor(viewer) {
-        this.animate = (time = 0) => {
+        this.animate = (time) => {
             this.requestId = requestAnimationFrame(this.animate);
             this.viewer.render(time);
             this.viewer.emitEvent({ type: "animate", time });
         };
         this.viewer = viewer;
-        this.animate();
+        this.requestId = requestAnimationFrame(this.animate);
     }
     dispose() {
         cancelAnimationFrame(this.requestId);
@@ -3282,8 +3282,8 @@ class VSFFileLoader extends Loader {
         this.viewer.models.push(modelImpl);
         this.viewer.syncOptions();
         this.viewer.syncOverlay();
-        this.viewer.update(true);
         this.viewer.emitEvent({ type: "databasechunk", data, file });
+        this.viewer.update(true);
         return this;
     }
 }
@@ -3327,12 +3327,12 @@ class VSFCloudLoader extends Loader {
                 this.viewer.models.push(modelImpl);
                 this.viewer.syncOptions();
                 this.viewer.syncOverlay();
-                this.viewer.update(true);
                 this.viewer.emitEvent({ type: "databasechunk", data, file: model.file, model });
+                this.viewer.update(true);
             }
             else {
-                this.viewer.update();
                 this.viewer.emitEvent({ type: "geometrychunk", data, file: model.file, model });
+                this.viewer.update();
             }
         }
         return this;
@@ -3377,8 +3377,8 @@ class VSFXFileLoader extends Loader {
         this.viewer.models.push(modelImpl);
         this.viewer.syncOptions();
         this.viewer.syncOverlay();
-        this.viewer.update(true);
         this.viewer.emitEvent({ type: "databasechunk", data, file });
+        this.viewer.update(true);
         return this;
     }
 }
@@ -3418,8 +3418,8 @@ class VSFXCloudLoader extends Loader {
         this.viewer.models.push(modelImpl);
         this.viewer.syncOptions();
         this.viewer.syncOverlay();
-        this.viewer.update(true);
         this.viewer.emitEvent({ type: "databasechunk", data, file: model.file, model });
+        this.viewer.update(true);
         return this;
     }
 }
@@ -3468,12 +3468,12 @@ class VSFXCloudStreamingLoader extends Loader {
                 this.viewer.models.push(modelImpl);
                 this.viewer.syncOptions();
                 this.viewer.syncOverlay();
-                this.viewer.update(true);
                 this.viewer.emitEvent({ type: "databasechunk", data: chunk, file: model.file, model });
+                this.viewer.update(true);
             }
             else {
-                this.viewer.update();
                 this.viewer.emitEvent({ type: "geometrychunk", data: chunk, file: model.file, model });
+                this.viewer.update();
             }
         };
         await model.downloadResource(model.database, chunkLoadHandler, this.abortController.signal);
@@ -3526,12 +3526,12 @@ class VSFXCloudPartialLoader extends Loader {
                 this.viewer.models.push(modelImpl);
                 this.viewer.syncOptions();
                 this.viewer.syncOverlay();
-                this.viewer.update(true);
                 this.viewer.emitEvent({ type: "databasechunk", data: chunk, file: model.file, model });
+                this.viewer.update(true);
             }
             else {
-                this.viewer.update();
                 this.viewer.emitEvent({ type: "geometrychunk", data: chunk, file: model.file, model });
+                this.viewer.update();
             }
         };
         const downloadResourceRange = async (dataId, requestId, ranges) => {
@@ -4085,8 +4085,8 @@ class Viewer extends EventEmitter2 {
         this.syncOptions();
         this.syncOverlay();
         this._renderTime = performance.now();
-        this.render(this._renderTime);
         this.emitEvent({ type: "initialize" });
+        this.update(true);
         return this;
     }
     dispose() {
@@ -4122,8 +4122,8 @@ class Viewer extends EventEmitter2 {
             this.canvas.style.height = height + "px";
         }
         this._viewer.resize(0, this.canvas.width, this.canvas.height, 0);
-        this.update(true);
         this.emitEvent({ type: "resize", width, height });
+        this.update(true);
     }
     resize() {
         console.warn("Viewer.resize() has been deprecated since 26.9 and will be removed in a future release, use Viewer.setSize() instead.");
@@ -4190,6 +4190,8 @@ class Viewer extends EventEmitter2 {
         return this;
     }
     applyModelTransformMatrix(model) {
+        if (!this.visualizeJs)
+            return;
         this.executeCommand("applyModelTransform", model);
     }
     applySceneGraphSettings(options = this.options) {
@@ -4218,10 +4220,8 @@ class Viewer extends EventEmitter2 {
         if (model && typeof model.database === "string") {
             file = model.file;
         }
-        if (!model)
-            throw new Error(`Format not supported`);
         let format = params.format;
-        if (!format && typeof file["type"] === "string")
+        if (!format && file && typeof file["type"] === "string")
             format = file["type"].split(".").pop();
         if (!format && typeof file === "string")
             format = file.split(".").pop();
@@ -4229,22 +4229,21 @@ class Viewer extends EventEmitter2 {
             format = file.name.split(".").pop();
         const loader = loaders.createLoader(this, model, format);
         if (!loader)
-            throw new Error(`Format not supported`);
+            throw new Error(`Format not supported (${format})`);
         this.loaders.push(loader);
         this.emitEvent({ type: "geometrystart", file, model });
         try {
             await this.loadReferences(model);
             await loader.load(model, format, params);
+            this.applyModelTransformMatrix(model);
+            this.applySceneGraphSettings();
         }
         catch (error) {
             this.emitEvent({ type: "geometryerror", data: error, file, model });
             throw error;
         }
         this.emitEvent({ type: "geometryend", file, model });
-        if (this.visualizeJs) {
-            this.applyModelTransformMatrix(model);
-            this.applySceneGraphSettings();
-        }
+        this.update(true);
         return this;
     }
     openVsfFile(buffer) {
@@ -4261,7 +4260,6 @@ class Viewer extends EventEmitter2 {
             visViewer.parseFile(data);
             this.syncOptions();
             this.syncOverlay();
-            this.update(true);
             this.emitEvent({ type: "geometryprogress", data: 1, file: "", buffer });
             this.emitEvent({ type: "databasechunk", data, file: "", buffer });
         }
@@ -4270,6 +4268,7 @@ class Viewer extends EventEmitter2 {
             throw error;
         }
         this.emitEvent({ type: "geometryend", file: "", buffer });
+        this.update(true);
         return this;
     }
     openVsfxFile(buffer) {
@@ -4286,7 +4285,6 @@ class Viewer extends EventEmitter2 {
             visViewer.parseVsfx(data);
             this.syncOptions();
             this.syncOverlay();
-            this.update(true);
             this.emitEvent({ type: "geometryprogress", data: 1, file: "", buffer });
             this.emitEvent({ type: "databasechunk", data, file: "", buffer });
         }
@@ -4295,6 +4293,7 @@ class Viewer extends EventEmitter2 {
             throw error;
         }
         this.emitEvent({ type: "geometryend", file: "", buffer });
+        this.update(true);
         return this;
     }
     cancel() {
@@ -4321,8 +4320,8 @@ class Viewer extends EventEmitter2 {
         visViewer.createLocalDatabase();
         this.syncOptions();
         this.syncOverlay();
-        this.update(true);
         this.emitEvent({ type: "clear" });
+        this.update(true);
         return this;
     }
     is3D() {
@@ -4615,7 +4614,7 @@ class Viewer extends EventEmitter2 {
         this.syncOverlay();
         this.setActiveDragger(draggerName);
         this.emitEvent({ type: "drawviewpoint", data: viewpoint });
-        this.update();
+        this.update(true);
     }
     createViewpoint() {
         if (!this.visualizeJs)