@inweb/viewer-visualize 27.5.0 → 27.6.1

package/dist/viewer-visualize.module.js

@@ -121,6 +121,7 @@ const INTERACTIVITY_FPS = 24;
 class OdBaseDragger extends OdaGeAction {
     constructor(subject) {
         super(subject.visualizeJs);
+        this.name = "";
         this.beginInteractivity = () => {
             const viewer = this.getViewer();
             const view = viewer.activeView;
@@ -147,6 +148,8 @@ class OdBaseDragger extends OdaGeAction {
         this.needInputText = false;
         this.mouseDownPosition = { x: 0, y: 0 };
         this.autoSelect = false;
+        this.isDragging = false;
+        this.press = false;
         this.pointerdown = this.pointerdown.bind(this);
         this.pointerup = this.pointerup.bind(this);
         this.pointercancel = this.pointercancel.bind(this);
@@ -2332,16 +2335,16 @@ class OdaLineDragger extends OdBaseDragger {
     constructor(subject) {
         super(subject);
         this.press = false;
+        this.drawPoints = [];
     }
     dispose() {
         super.dispose();
         this.end();
-        this.points = null;
-        this.drawPoints = null;
+        this.drawPoints.length = 0;
     }
     start(x, y) {
         const point = this.getViewer().screenToWorld(x, y);
-        this.drawPoints = [point[0], point[1], point[2]];
+        this.drawPoints.push(point[0], point[1], point[2]);
     }
     drag(x, y) {
         if (this.isDragging) {
@@ -2353,7 +2356,7 @@ class OdaLineDragger extends OdBaseDragger {
     end() {
         if (this.entity) {
             this.entity.delete();
-            this.drawPoints = null;
+            this.drawPoints.length = 0;
             this.entity = null;
         }
     }
@@ -3049,7 +3052,6 @@ class CanvasRemoveComponent {
     }
     dispose() {
         this.mutationObserver.disconnect();
-        this.mutationObserver = undefined;
     }
 }
 
@@ -3075,7 +3077,6 @@ class ZoomWheelComponent {
     }
     dispose() {
         this.zoomWheelDragger.dispose();
-        this.zoomWheelDragger = undefined;
     }
 }
 
@@ -3269,7 +3270,6 @@ class GestureManagerComponent {
     }
     dispose() {
         this.gestureManager.dispose();
-        this.gestureManager = undefined;
     }
 }
 
@@ -3332,6 +3332,9 @@ components.registerComponent("GestureManagerComponent", (viewer) => new GestureM
 components.registerComponent("ResetComponent", (viewer) => new ResetComponent(viewer));
 
 class ModelImpl {
+    constructor() {
+        this.id = "";
+    }
     dispose() { }
 }
 
@@ -3339,7 +3342,6 @@ class FileLoader {
     constructor() {
         this.requestHeader = {};
         this.withCredentials = false;
-        this.abortSignal = undefined;
     }
     setRequestHeader(requestHeader) {
         this.requestHeader = requestHeader;
@@ -3361,12 +3363,15 @@ class FileLoader {
                 .then((response) => {
                 if (!response.ok)
                     throw new Error(`Failed to fetch "${response.url}", status ${response.status}`);
+                const body = response.body;
+                if (!body)
+                    return response;
                 const contentLength = response.headers.get("X-File-Size") || response.headers.get("Content-Length");
                 const total = parseInt(contentLength || "", 10) || 0;
                 const lengthComputable = total > 0;
                 const stream = new ReadableStream({
                     async start(controller) {
-                        const reader = response.body.getReader();
+                        const reader = body.getReader();
                         let loaded = 0;
                         try {
                             while (true) {
@@ -3395,7 +3400,7 @@ class FileLoader {
                 const reader = new FileReader();
                 reader.onload = () => resolve(reader.result);
                 reader.onerror = () => reject(reader.error);
-                reader.onprogress = onProgress;
+                reader.onprogress = onProgress || null;
                 reader.readAsArrayBuffer(new Blob([file]));
             });
         }
@@ -3414,7 +3419,7 @@ class VSFFileLoader extends Loader {
         super();
         this.viewer = viewer;
     }
-    isSupport(file, format) {
+    isSupport(file, format = "") {
         return ((typeof file === "string" || file instanceof globalThis.File || file instanceof ArrayBuffer) &&
             /vsf$/i.test(format));
     }
@@ -3509,7 +3514,7 @@ class VSFXFileLoader extends Loader {
         super();
         this.viewer = viewer;
     }
-    isSupport(file, format) {
+    isSupport(file, format = "") {
         return ((typeof file === "string" || file instanceof globalThis.File || file instanceof ArrayBuffer) &&
             /vsfx$/i.test(format));
     }
@@ -3819,7 +3824,7 @@ function loadScript(url, params = {}) {
         const script = document.createElement("script");
         script.src = url;
         script.async = true;
-        script.crossOrigin = params.crossOrigin;
+        script.crossOrigin = params.crossOrigin || null;
         script.onload = () => resolve(script);
         script.onerror = () => {
             script.remove();
@@ -3861,6 +3866,7 @@ class VisualizeMarkup {
     constructor() {
         this._markupColor = { r: 255, g: 0, b: 0 };
         this.lineWidth = 4;
+        this.lineType = "solid";
         this.fontSize = 34;
     }
     initialize(container, containerEvents, viewer, worldTransformer) {
@@ -4069,6 +4075,7 @@ class Viewer extends EventEmitter2 {
         this.info = new Info();
         this.canvasEvents = CANVAS_EVENTS.slice();
         this.canvaseventlistener = (event) => this.emit(event);
+        this._visualizeTimestamp = 0;
         this._activeDragger = null;
         this._components = [];
         this._renderNeeded = false;
@@ -4135,7 +4142,9 @@ class Viewer extends EventEmitter2 {
         this.canvasEvents.forEach((x) => canvas.addEventListener(x, this.canvaseventlistener));
         this._markup.initialize(this.canvas, this.canvasEvents, this, this);
         for (const name of components.getComponents().keys()) {
-            this._components.push(components.createComponent(name, this));
+            const component = components.createComponent(name, this);
+            if (component)
+                this._components.push(component);
         }
         this.syncOptions();
         this.syncOverlay();
@@ -4152,10 +4161,7 @@ class Viewer extends EventEmitter2 {
         this.setActiveDragger();
         this._components.forEach((component) => component.dispose());
         this._components.length = 0;
-        if (this._markup) {
-            this._markup.dispose();
-            this._markup = undefined;
-        }
+        this._markup.dispose();
         if (this.canvas) {
             this.canvasEvents.forEach((x) => this.canvas.removeEventListener(x, this.canvaseventlistener));
             this.canvas = undefined;
@@ -4163,7 +4169,7 @@ class Viewer extends EventEmitter2 {
         if (this._viewer)
             this._viewer.clear();
         this._visualizeJs = undefined;
-        this._visualizeTimestamp = undefined;
+        this._visualizeTimestamp = 0;
         this._viewer = undefined;
         return this;
     }
@@ -4540,7 +4546,7 @@ class Viewer extends EventEmitter2 {
         }
     }
     getComponent(name) {
-        return this._components.find((component) => component.name === name);
+        return this._components.find((component) => component.name === name) || null;
     }
     drawViewpoint(viewpoint) {
         var _a, _b;