@inweb/viewer-visualize 27.4.7 → 27.6.0

package/src/Viewer/Viewer.ts

@@ -85,7 +85,6 @@ export class Viewer
   private _activeDragger: IDragger | null;
   private _components: IComponent[];
 
-  private _updateDelay: number;
   private _renderNeeded: boolean;
   private _renderTime: DOMHighResTimeStamp;
   private _enableAutoUpdate: boolean;
@@ -128,10 +127,10 @@ export class Viewer
     this.canvasEvents = CANVAS_EVENTS.slice();
     this.canvaseventlistener = (event: Event) => this.emit(event);
 
+    this._visualizeTimestamp = 0;
     this._activeDragger = null;
     this._components = [];
 
-    this._updateDelay = 1000;
     this._renderNeeded = false;
     this._renderTime = 0;
     this._enableAutoUpdate = params.enableAutoUpdate ?? true;
@@ -276,7 +275,8 @@ export class Viewer
     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();
@@ -300,7 +300,7 @@ export class Viewer
     this.setActiveDragger();
 
     this._components.forEach((component: IComponent) => component.dispose());
-    this._components = [];
+    this._components.length = 0;
 
     this._markup.dispose();
 
@@ -312,7 +312,7 @@ export class Viewer
     if (this._viewer) this._viewer.clear();
 
     this._visualizeJs = undefined;
-    this._visualizeTimestamp = undefined;
+    this._visualizeTimestamp = 0;
     this._viewer = undefined;
 
     return this;
@@ -353,19 +353,20 @@ export class Viewer
    * - {@link UpdateEvent | update}
    * - {@link RenderEvent | render}
    *
-   * @param force - If `true` updates the viewer immidietly. Otherwise updates on next animation frame.
-   *   Default is `false`.
+   * @param force - If `true` updates the viewer immidietly. If a `number` is specified and more than the
+   *   given amount of milliseconds has elapsed since the last rendering, the update is performed
+   *   immediately as well. Otherwise updates on next animation frame. Default is `false`.
    */
-  update(force = false) {
+  update(force: boolean | number = false) {
     const time = performance.now();
-    force = force || time - this._renderTime >= this._updateDelay;
+    if (typeof force === "number" && time - this._renderTime >= force) force = true;
 
     if (this._enableAutoUpdate) {
       this._renderNeeded = true;
       if (force) this.render(time);
     }
 
-    this.emitEvent({ type: "update", force });
+    this.emitEvent({ type: "update", force: !!force });
   }
 
   // Internal render routines
@@ -577,10 +578,10 @@ export class Viewer
     this.clearSelected();
 
     this.loaders.forEach((loader) => loader.dispose());
-    this.loaders = [];
+    this.loaders.length = 0;
 
     this.models.forEach((model) => model.dispose());
-    this.models = [];
+    this.models.length = 0;
 
     visViewer.clear();
     visViewer.createLocalDatabase();
@@ -712,6 +713,23 @@ export class Viewer
       activeView.delete();
     }
 
+    // sync cutting plane fill options
+
+    view.setEnableCuttingPlaneFill(
+      options.enableSectionFill,
+      options.sectionFillColor.r,
+      options.sectionFillColor.g,
+      options.sectionFillColor.b
+    );
+
+    view.setCuttingPlaneFillPatternEnabled(
+      options.enableSectionHatch,
+      visLib.CuttingPlaneFillStyle.kSlantRight,
+      options.sectionHatchColor.r,
+      options.sectionHatchColor.g,
+      options.sectionHatchColor.b
+    );
+
     // sync highlighting options
 
     const params = options.enableCustomHighlight ? options : Options.defaults();
@@ -814,6 +832,7 @@ export class Viewer
     activeView.removeCuttingPlanes();
     activeView.delete();
 
+    this.emitEvent({ type: "changecuttingplanes" });
     this.emitEvent({ type: "clearslices" });
     this.update();
   }
@@ -864,8 +883,8 @@ export class Viewer
 
   setActiveDragger(name = ""): IDragger | null {
     if (!this._activeDragger || this._activeDragger.name !== name) {
-      const oldDragger = this._activeDragger;
-      let newDragger = null;
+      const oldDragger: IDragger | null = this._activeDragger;
+      let newDragger: IDragger | null = null;
 
       if (this._activeDragger) {
         this._activeDragger.dispose();
@@ -895,8 +914,8 @@ export class Viewer
     }
   }
 
-  getComponent(name: string): IComponent {
-    return this._components.find((component) => component.name === name);
+  getComponent(name: string): IComponent | null {
+    return this._components.find((component) => component.name === name) || null;
   }
 
   drawViewpoint(viewpoint: IViewpoint): void {
@@ -909,7 +928,7 @@ export class Viewer
       return [point3d.x, point3d.y, point3d.z];
     };
 
-    const setOrthogonalCamera = (orthogonal_camera: IOrthogonalCamera) => {
+    const setOrthogonalCamera = (orthogonal_camera?: IOrthogonalCamera) => {
       if (orthogonal_camera) {
         activeView.setView(
           getPoint3dAsArray(orthogonal_camera.view_point),
@@ -925,7 +944,7 @@ export class Viewer
       }
     };
 
-    const setPerspectiveCamera = (perspective_camera: IPerspectiveCamera) => {
+    const setPerspectiveCamera = (perspective_camera?: IPerspectiveCamera) => {
       if (perspective_camera) {
         // ===================== AI-CODE-START ======================
         // Source: Claude Sonnet 4.5
@@ -964,7 +983,7 @@ export class Viewer
       }
     };
 
-    const setClippingPlanes = (clipping_planes: IClippingPlane[]) => {
+    const setClippingPlanes = (clipping_planes?: IClippingPlane[]) => {
       if (clipping_planes) {
         for (const clipping_plane of clipping_planes) {
           const cuttingPlane = new (this.visLib().OdTvPlane)();
@@ -973,6 +992,8 @@ export class Viewer
           activeView.addCuttingPlane(cuttingPlane);
           activeView.setEnableCuttingPlaneFill(true, 0x66, 0x66, 0x66);
         }
+
+        this.emitEvent({ type: "changecuttingplanes" });
       }
     };
 
@@ -985,8 +1006,8 @@ export class Viewer
     this.setActiveDragger();
     this.clearSlices();
     this.clearOverlay();
-
     this.clearSelected();
+
     this.showAll();
     this.explode();
 
@@ -1013,7 +1034,7 @@ export class Viewer
       return { x: array[0], y: array[1], z: array[2] };
     };
 
-    const getOrthogonalCamera = (): IOrthogonalCamera => {
+    const getOrthogonalCamera = (): IOrthogonalCamera | undefined => {
       if (!activeView.perspective)
         return {
           view_point: getPoint3dFromArray(activeView.viewPosition),
@@ -1026,7 +1047,7 @@ export class Viewer
       else return undefined;
     };
 
-    const getPerspectiveCamera = (): IPerspectiveCamera => {
+    const getPerspectiveCamera = (): IPerspectiveCamera | undefined => {
       if (activeView.perspective) {
         // ===================== AI-CODE-START ======================
         // Source: Claude Sonnet 4.5
@@ -1058,7 +1079,7 @@ export class Viewer
     };
 
     const getClippingPlanes = (): IClippingPlane[] => {
-      const clipping_planes = [];
+      const clipping_planes: IClippingPlane[] = [];
       for (let i = 0; i < activeView.numCuttingPlanes(); i++) {
         const cuttingPlane = activeView.getCuttingPlane(i);
 

package/src/Viewer/utils.ts

@@ -30,7 +30,7 @@ export function loadScript(url: string, params: LoadParams = {}): Promise<HTMLSc
     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();