@inweb/viewer-visualize 25.3.21 → 25.3.23

package/src/Viewer/Viewer.ts

@@ -75,7 +75,7 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
 
   protected _options: Options;
   protected _visualizeJsUrl = "";
-  protected _abortControllerForReferences: AbortController | undefined;
+  protected _visualizeJs: any;
 
   private canvaseventlistener: (event: Event) => void;
 
@@ -86,9 +86,9 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
   public canvas: HTMLCanvasElement | undefined;
   public markup: IMarkup;
 
-  public visualizeJs: any;
   public _abortController: AbortController | undefined;
   public _abortControllerForRequestMap: Map<string, AbortController> | undefined;
+  public _abortControllerForReferences: AbortController | undefined;
   public client: Client | undefined;
 
   /**
@@ -219,7 +219,7 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
       onProgress?.(event);
     });
 
-    this.visualizeJs = visualizeJs;
+    this._visualizeJs = visualizeJs;
     this.visualizeJs.canvas = canvas;
     this.visualizeJs.Viewer.create();
 
@@ -260,22 +260,26 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
     this.frameId = 0;
 
     this.setActiveDragger("");
+    this.removeAllListeners();
 
-    this._zoomWheelDragger?.dispose();
-    this._gestureManager?.dispose();
+    if (this._gestureManager) this._gestureManager.dispose();
+    this._gestureManager = undefined;
 
-    this.removeAllListeners();
+    if (this._zoomWheelDragger) this._zoomWheelDragger.dispose();
+    this._zoomWheelDragger = undefined;
 
-    this._resizeObserver?.disconnect();
+    if (this._resizeObserver) this._resizeObserver.disconnect();
     this._resizeObserver = undefined;
 
     this.markup.dispose();
 
-    this.canvasEvents.forEach((x) => this.canvas?.removeEventListener(x, this.canvaseventlistener));
-    this.canvas = undefined;
+    if (this.canvas) {
+      this.canvasEvents.forEach((x) => this.canvas.removeEventListener(x, this.canvaseventlistener));
+      this.canvas = undefined;
+    }
 
-    this.visualizeJs?.getViewer().clear();
-    this.visualizeJs = undefined;
+    if (this._visualizeJs) this._visualizeJs.getViewer().clear();
+    this._visualizeJs = undefined;
 
     return this;
   }
@@ -386,6 +390,14 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
     }
   }
 
+  /**
+   * Returns `VisualizeJS`
+   * {@link https://cloud.opendesign.com/docs/index.html#/visualizejs_api | module} instance.
+   */
+  get visualizeJs(): any {
+    return this._visualizeJs;
+  }
+
   /**
    * Returns `VisualizeJS`
    * {@link https://cloud.opendesign.com/docs/index.html#/visualizejs_api | module} instance.
@@ -627,7 +639,7 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
    *
    * Fires:
    *
-   * - {@link ChangeActiveDragger | changeactivedragger}
+   * - {@link ChangeActiveDraggerEvent | changeactivedragger}
    *
    * @param name - Dragger name. Can be one of the {@link Viewer#draggers | draggers} list.
    * @returns Returns active dragger instance or `null` if there is no dragger with the given name.
@@ -1044,6 +1056,17 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
     this.markup.colorizeAllMarkup(r, g, b);
   }
 
+  /**
+   * Colorize all selected markup entities with the specified color.
+   *
+   * @param r - `Red` part of color.
+   * @param g - `Green` part of color.
+   * @param b - `Blue` part of color.
+   */
+  colorizeSelectedMarkups(r = 255, g = 0, b = 0): void {
+    this.markup.colorizeSelectedMarkups(r, g, b);
+  }
+
   /**
    * Add an empty markup entity to the overlay.
    */
@@ -1069,10 +1092,9 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
 
   /**
    * Draw a viewpoint. To get a list of available model viewpoints, use the
-   * {@link Model#getViewpoints | Model.getViewpoints()} or
-   * {@link File#getViewpoints | File.getViewpoints()}.
+   * {@link Model.getViewpoints()} or {@link File.getViewpoints()}.
    *
-   * @param viewpoint - Viewpoint.
+   * @param viewpoint - Viewpoint data.
    */
   drawViewpoint(viewpoint: IViewpoint): void {
     this.setOrthogonalCameraSettings(viewpoint.orthogonal_camera);
@@ -1082,8 +1104,7 @@ export class Viewer extends EventEmitter2<ViewerEventMap & OptionsEventMap> impl
 
   /**
    * Create a viewpoint. To add a viewpoint to the list of model viewpoints, use the
-   * {@link Model#saveViewpoint | Model.saveViewpoint()} or
-   * {@link File#saveViewpoint | File.saveViewpoint()}.
+   * {@link Model.saveViewpoint()} or {@link File.saveViewpoint()}.
    */
   createViewpoint(): IViewpoint {
     const vp = this.markup.getViewpoint();