@inweb/viewer-visualize 27.1.0 → 27.1.2

package/dist/viewer-visualize.js

@@ -171,6 +171,11 @@
         cancel() {
             this.abortController.abort();
         }
+        yield() {
+            return new Promise((resolve) => {
+                setTimeout(resolve, 0);
+            });
+        }
         extractFileName(file) {
             const regex = /[^/\\?#:]+(?=\?|#|$)/;
             if (typeof file === "string")
@@ -3431,13 +3436,13 @@
 
     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);
@@ -3837,8 +3842,8 @@
             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;
         }
     }
@@ -3882,12 +3887,12 @@
                     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;
@@ -3932,8 +3937,8 @@
             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;
         }
     }
@@ -3973,8 +3978,8 @@
             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;
         }
     }
@@ -4023,12 +4028,12 @@
                     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);
@@ -4081,12 +4086,12 @@
                     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) => {
@@ -18172,8 +18177,8 @@ js: import "konva/skia-backend";
             this.syncOptions();
             this.syncOverlay();
             this._renderTime = performance.now();
-            this.render(this._renderTime);
             this.emitEvent({ type: "initialize" });
+            this.update(true);
             return this;
         }
         dispose() {
@@ -18209,8 +18214,8 @@ js: import "konva/skia-backend";
                 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.");
@@ -18277,6 +18282,8 @@ js: import "konva/skia-backend";
             return this;
         }
         applyModelTransformMatrix(model) {
+            if (!this.visualizeJs)
+                return;
             this.executeCommand("applyModelTransform", model);
         }
         applySceneGraphSettings(options = this.options) {
@@ -18305,10 +18312,8 @@ js: import "konva/skia-backend";
             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();
@@ -18316,22 +18321,21 @@ js: import "konva/skia-backend";
                 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) {
@@ -18348,7 +18352,6 @@ js: import "konva/skia-backend";
                 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 });
             }
@@ -18357,6 +18360,7 @@ js: import "konva/skia-backend";
                 throw error;
             }
             this.emitEvent({ type: "geometryend", file: "", buffer });
+            this.update(true);
             return this;
         }
         openVsfxFile(buffer) {
@@ -18373,7 +18377,6 @@ js: import "konva/skia-backend";
                 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 });
             }
@@ -18382,6 +18385,7 @@ js: import "konva/skia-backend";
                 throw error;
             }
             this.emitEvent({ type: "geometryend", file: "", buffer });
+            this.update(true);
             return this;
         }
         cancel() {
@@ -18408,8 +18412,8 @@ js: import "konva/skia-backend";
             visViewer.createLocalDatabase();
             this.syncOptions();
             this.syncOverlay();
-            this.update(true);
             this.emitEvent({ type: "clear" });
+            this.update(true);
             return this;
         }
         is3D() {
@@ -18702,7 +18706,7 @@ js: import "konva/skia-backend";
             this.syncOverlay();
             this.setActiveDragger(draggerName);
             this.emitEvent({ type: "drawviewpoint", data: viewpoint });
-            this.update();
+            this.update(true);
         }
         createViewpoint() {
             if (!this.visualizeJs)