@inweb/viewer-visualize 26.10.6 → 26.11.1

package/lib/Viewer/Commands/GetSelected2.d.ts

@@ -0,0 +1,2 @@
+import { Viewer } from "../Viewer";
+export declare function getSelected2(viewer: Viewer): string[];

package/lib/Viewer/Commands/SetSelected.d.ts

@@ -1,2 +1,2 @@
 import { Viewer } from "../Viewer";
-export declare function setSelected(viewer: Viewer, handles?: string[]): void;
+export declare function setSelected(viewer: Viewer, handles2?: string[]): void;

package/lib/Viewer/Commands/SetSelected2.d.ts

@@ -0,0 +1,2 @@
+import { Viewer } from "../Viewer";
+export declare function setSelected2(viewer: Viewer, handles2?: string[]): void;

package/lib/Viewer/Components/index.d.ts

@@ -6,8 +6,8 @@ import { IComponentsRegistry } from "@inweb/viewer-core";
  *
  * 1. Define a component class implements {@link IComponent}.
  * 2. Define a constructor with a `viewer` parameter and add mouse event listeners for the specified viewer.
- * 3. Define the component logic in the event listeners. For example, listen for the `mousedown` event and
- *    select objects when the left mouse button is pressed.
+ * 3. Define the component logic in the event listeners. For example, listen for the `geometryend` event and
+ *    implement post-processing logic for the model.
  * 4. Override {@link IComponent.dispose} and remove mouse event listeners from the viewer.
  * 5. Register component provider in the components registry by calling the
  *    {@link components.registerComponent}.
@@ -20,18 +20,19 @@ import { IComponentsRegistry } from "@inweb/viewer-core";
  * class MyComponent implements IComponent {
  *   protected viewer: Viewer;
  *
- *   constructor(viewer: Viewer) {
+ *  constructor(viewer: Viewer) {
  *     this.viewer = viewer;
- *     this.viewer.addEventListener("mousedown", this.onMouseDown);
+ *     this.viewer.addEventListener("geometryend", this.onGeometryEnd);
  *   }
  *
  *   override dispose() {
- *     this.viewer.removeEventListener("mousedown", this.onMouseDown);
+ *     this.viewer.removeEventListener("geometryend", this.onGeometryEnd);
  *   }
  *
- *   onMouseDown = (event: PointerEvent) => {
- *     // place custom logic here
+ *   onGeometryEnd = (event: MouseEvent) => {
+ *     this.viewer.executeCommand("zoomToExtents");
  *   };
+ *
  * }
  *
  * components.registerComponent( "MyComponent", (viewer): IComponent => new MyComponent(viewer));

package/lib/Viewer/Loaders/VSFXCloudLoader.d.ts

@@ -4,5 +4,5 @@ export declare class VSFXCloudLoader extends Loader {
     viewer: Viewer;
     constructor(viewer: Viewer);
     isSupport(file: any): boolean;
-    load(model: any, format?: string, params?: any): Promise<this>;
+    load(model: any): Promise<this>;
 }

package/lib/Viewer/Loaders/VSFXCloudPartialLoader.d.ts

@@ -5,6 +5,6 @@ export declare class VSFXCloudPartialLoader extends Loader {
     abortControllerForRequestMap: Map<number, AbortController>;
     constructor(viewer: Viewer);
     isSupport(file: any): boolean;
-    load(model: any, format?: string): Promise<this>;
+    load(model: any): Promise<this>;
     cancel(): void;
 }

package/lib/Viewer/Loaders/index.d.ts

@@ -6,23 +6,24 @@ import { ILoadersRegistry } from "@inweb/viewer-core";
  *
  * 1. Define a loader class implements {@link ILoader}.
  * 2. Define a constructor with a `viewer` parameter.
- * 3. Override {@link ILoader.isSupport} and сheck if the loader can load the specified file.
+ * 3. Override {@link ILoader.isSupport} and check if the loader can load the specified file.
  * 4. Override {@link ILoader.load} and define the logic for loading the model from the file.
  *
  *    The loader should do:
  *
  *    - Load model data from file into the buffer. The model data must be a `VSFX` format.
  *    - Parse data buffer with the `VisualizeJS` viewer instance.
+ *    - Create `ModelImpl` instance with unique model ID add it to the viewer `models` list.
  *    - Synchronize viewer styles, options and overlay.
  *    - Update the viewer.
  *
  *    The loader must emit events:
  *
- *    - `geometryprogress` - during loading. If progress is not supported, emit it once with a value of 100%
- *         after the load is complete.
+ *    - `geometryprogress` - during loading (or once at 100% when complete).
  *    - `databasechunk` - when model is loaded and ready to render.
  * 5. Override {@link ILoader.dispose} and release loader resources, if required.
- * 6. Register loader provider in the loaders registry by calling the {@link loaders.registerLoader}.
+ * 6. Use `this.abortController` (defined in `Loader` class) to abort loading raw data.
+ * 7. Register loader provider in the loaders registry by calling the {@link loaders.registerLoader}.
  *
  * @example Implementing a custom loader.
  *
@@ -38,21 +39,25 @@ import { ILoadersRegistry } from "@inweb/viewer-core";
  *   }
  *
  *   override isSupport(file, format): Boolean {
- *     // place custom logic here
- *     return ...;
+ *     // check if this loader supports the file source and format
+ *     return type file === "string" && format === "myformat";
  *   }
  *
  *   override load(file, format, params): Promise<this> {
+ *    // load VSFX data from file (custom loading logic)
+ *     const data = await fetch(file).then((result) => result.arrayBuffer());
  *
- *     // place custom loading logic here
- *     const data = ...
+ *     const modelImpl = new ModelImpl();
+ *     modelImpl.id = params.modelId;
  *
- *     this.viewer.visualizeJs.getViewer().parseVsfx(data);
+ *     this.viewer.visViewer().parseVsfx(new Uint8Array(data));
+ *     this.viewer.models.push(modelImpl);
  *
  *     this.viewer.syncOptions();
  *     this.viewer.syncOverlay();
  *     this.viewer.update();
  *
+ *     this.viewer.emitEvent({ type: "geometryprogress", data: 1, file });
  *     this.viewer.emitEvent({ type: "databasechunk", data, file });
  *
  *     return Promise.resove(this);

package/lib/Viewer/Models/IModelImpl.d.ts

@@ -0,0 +1,5 @@
+import { IModel } from "@inweb/viewer-core";
+/**
+ * Basic model implementation.
+ */
+export type IModelImpl = IModel;

package/lib/Viewer/Models/ModelImpl.d.ts

@@ -0,0 +1,5 @@
+import { IModelImpl } from "./IModelImpl";
+export declare class ModelImpl implements IModelImpl {
+    id: string;
+    dispose(): void;
+}

package/lib/Viewer/Viewer.d.ts

@@ -1,32 +1,33 @@
 import { EventEmitter2 } from "@inweb/eventemitter2";
 import { Assembly, Client, File, Model } from "@inweb/client";
-import { CanvasEventMap, Dragger, FileSource, IComponent, IDragger, ILoader, IOptions, IViewer, IViewpoint, Options, OptionsEventMap, ViewerEventMap } from "@inweb/viewer-core";
+import { CanvasEventMap, Dragger, FileSource, IComponent, IDragger, ILoader, IOptions, IViewer, IViewpoint, OptionsEventMap, ViewerEventMap } from "@inweb/viewer-core";
 import { IMarkup, IWorldTransform } from "@inweb/markup";
+import { IModelImpl } from "./Models/IModelImpl";
 import { MarkupType } from "./Markup/MarkupFactory";
 /**
- * 3D viewer powered by {@link https://cloud.opendesign.com/docs/index.html#/visualizejs | VisualizeJS}
- * library.
+ * 3D viewer powered by {@link https://cloud.opendesign.com/docs/index.html#/visualizejs | VisualizeJS}.
  */
 export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMap & OptionsEventMap> implements IViewer, IWorldTransform {
+    client: Client | undefined;
+    options: IOptions;
+    canvas: HTMLCanvasElement | undefined;
+    canvasEvents: string[];
+    loaders: ILoader[];
+    models: IModelImpl[];
+    private canvaseventlistener;
+    private _visualizeJsUrl;
+    private _visualizeJs;
+    private _visualizeTimestamp;
+    private _viewer;
+    private _crossOrigin;
     private _activeDragger;
     private _components;
-    private _enableAutoUpdate;
     private _renderNeeded;
     private _renderTime;
+    private _enableAutoUpdate;
     private _isRunAsyncUpdate;
-    protected _options: Options;
-    protected _visualizeJsUrl: string;
-    protected _visualizeJs: any;
-    protected _visualizeTimestamp: number;
-    protected _viewer: any;
-    protected _crossOrigin: any;
-    private canvaseventlistener;
-    canvasEvents: string[];
-    private _markup;
-    canvas: HTMLCanvasElement | undefined;
     _abortControllerForReferences: AbortController | undefined;
-    client: Client | undefined;
-    loaders: Array<ILoader>;
+    private _markup;
     /**
      * @param client - The `Client` instance that is used to load model reference files from the Open Cloud
      *   Server. Do not specify `Client` if you need a standalone viewer instance to view `VSFX` files from
@@ -51,16 +52,27 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
         enableAutoUpdate?: boolean;
         markupType?: MarkupType;
     });
-    /**
-     * Viewer options.
-     */
-    get options(): IOptions;
     /**
      * `VisualizeJS` library URL. Use {@link configure | configure()} to change library URL.
      *
      * @readonly
      */
     get visualizeJsUrl(): string;
+    /**
+     * Returns `VisualizeJS` {@link https://cloud.opendesign.com/docs/index.html#/visualizejs_api | module}
+     * instance.
+     */
+    get visualizeJs(): any;
+    /**
+     * Returns `VisualizeJS` {@link https://cloud.opendesign.com/docs/index.html#/visualizejs_api | module}
+     * instance.
+     */
+    visLib(): any;
+    /**
+     * Returns `VisualizeJS` {@link https://cloud.opendesign.com/docs/index.html#/vis/Viewer | Viewer}
+     * instance.
+     */
+    visViewer(): any;
     /**
      * 2D markup core instance used to create markups.
      *
@@ -83,6 +95,8 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
         visualizeJsUrl?: string;
         crossOrigin?: string;
     }): this;
+    get draggers(): string[];
+    get components(): string[];
     /**
      * Loads the `VisualizeJS` module and initializes it with the specified canvas. Call
      * {@link dispose | dispose()} to release allocated resources.
@@ -105,7 +119,6 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      */
     isInitialized(): boolean;
     setSize(width: number, height: number, updateStyle?: boolean): void;
-    render(time?: DOMHighResTimeStamp): void;
     resize(): this;
     /**
      * Updates the viewer.
@@ -121,83 +134,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      *   Default is `false`.
      */
     update(force?: boolean): void;
-    private scheduleUpdateAsync;
-    /**
-     * Updates the viewer asynchronously without locking the user interface. Used to update the viewer
-     * after changes that require a long rendering time.
-     *
-     * Do nothing if the auto-update mode is disabled in the constructor. In this case, register an
-     * `update` event handler and update the `VisualizeJS` viewer and active dragger manually.
-     *
-     * Fires:
-     *
-     * - {@link UpdateEvent | update}
-     *
-     * @param maxScheduleUpdateTimeInMs - Maximum time for one update, default 30 ms.
-     * @param maxScheduleUpdateCount - Maximum count of scheduled updates.
-     */
-    updateAsync(maxScheduleUpdateTimeInMs?: number, maxScheduleUpdateCount?: number): Promise<void>;
-    /**
-     * Returns `VisualizeJS` {@link https://cloud.opendesign.com/docs/index.html#/visualizejs_api | module}
-     * instance.
-     */
-    get visualizeJs(): any;
-    /**
-     * Returns `VisualizeJS` {@link https://cloud.opendesign.com/docs/index.html#/visualizejs_api | module}
-     * instance.
-     */
-    visLib(): any;
-    /**
-     * Returns `VisualizeJS` {@link https://cloud.opendesign.com/docs/index.html#/vis/Viewer | Viewer}
-     * instance.
-     */
-    visViewer(): any;
-    syncOpenCloudVisualStyle(): this;
-    syncOptions(options?: IOptions): this;
-    syncHighlightingOptions(options?: IOptions): this;
-    get draggers(): string[];
-    get components(): string[];
-    /**
-     * Deprecated since `25.12`. Use {@link draggers.registerDragger} instead.
-     */
-    registerDragger(name: string, dragger: typeof Dragger): void;
-    activeDragger(): IDragger | null;
-    setActiveDragger(name?: string): IDragger | null;
-    resetActiveDragger(): void;
-    getComponent(name: string): IComponent;
-    clearSlices(): void;
-    clearOverlay(): void;
-    syncOverlay(): void;
-    is3D(): boolean;
-    screenToWorld(position: {
-        x: number;
-        y: number;
-    }): {
-        x: number;
-        y: number;
-        z: number;
-    };
-    worldToScreen(position: {
-        x: number;
-        y: number;
-        z: number;
-    }): {
-        x: number;
-        y: number;
-    };
-    getScale(): {
-        x: number;
-        y: number;
-        z: number;
-    };
-    getSelected(): string[];
-    setSelected(handles?: string[]): void;
-    clearSelected(): void;
-    hideSelected(): void;
-    isolateSelected(): void;
-    showAll(): void;
-    explode(index?: number): void;
-    collect(): void;
+    render(time?: DOMHighResTimeStamp): void;
     loadReferences(model: Model | File | Assembly): Promise<this>;
     applyModelTransformMatrix(model: Model | Assembly): void;
     applySceneGraphSettings(options?: IOptions): void;
@@ -216,8 +153,8 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * thrown.
      *
      * For URLs, the file extension is used to determine the file format. For a `ArrayBuffer` and `Data
-     * URL`, a file format must be specified using `params.format` parameter (see below). If no appropriate
-     * loader is found for the specified format, an exception will be thrown.
+     * URL`, a file format must be specified using `params.format` parameter. If no appropriate loader is
+     * found for the specified format, an exception will be thrown.
      *
      * If there was an active dragger before opening the file, it will be deactivated. After opening the
      * file, you must manually activate the required dragger.
@@ -234,6 +171,8 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      *
      * Fires:
      *
+     * - {@link CancelEvent | cancel}
+     * - {@link ClearEvent | clear}
      * - {@link OpenEvent | open}
      * - {@link GeometryStartEvent | geometrystart}
      * - {@link GeometryProgressEvent | geometryprogress}
@@ -242,19 +181,20 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * - {@link GeometryEndEvent | geometryend}
      * - {@link GeometryErrorEvent | geometryerror}
      *
-     * @param file - File to load. Can be one of:
+     * @param file - File to load. Can be:
      *
      *   - `File`, `Assembly` or `Model` instance from the Open Cloud Server
-     *   - File `URL` string
+     *   - `URL` string
      *   - {@link https://developer.mozilla.org/docs/Web/HTTP/Basics_of_HTTP/Data_URIs | Data URL} string
-     *   - {@link https://developer.mozilla.org/docs/Web/API/File | Web API File} object
+     *   - {@link https://developer.mozilla.org/docs/Web/API/File | Web API dFile} object
      *   - {@link https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer | ArrayBuffer}
      *       object
      *
      * @param params - Loading parameters.
-     * @param params.format - File format string. Required when loading a file as `ArrayBuffer` or `Data
-     *   URL`.
+     * @param params.format - File format. Can be one of `vsf` or `vsfx`. Required when loading a file as
+     *   `ArrayBuffer` or `Data URL`.
      * @param params.mode - Reserved for future use.
+     * @param params.modelId - Reserved for future use.
      * @param params.requestHeader - The
      *   {@link https://developer.mozilla.org/docs/Glossary/Request_header | request header} used in HTTP
      *   request.
@@ -266,6 +206,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     open(file: FileSource, params?: {
         format?: string;
         mode?: string;
+        modelId?: string;
         requestHeader?: HeadersInit;
         withCredentials?: boolean;
     }): Promise<this>;
@@ -283,41 +224,52 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     openVsfxFile(buffer: Uint8Array | ArrayBuffer): this;
     cancel(): this;
     clear(): this;
+    is3D(): boolean;
+    syncOptions(options?: IOptions): this;
+    syncOverlay(): void;
+    clearOverlay(): void;
+    clearSlices(): void;
+    getSelected(): string[];
+    setSelected(handles?: string[]): void;
+    getSelected2(): string[];
+    setSelected2(handles?: string[]): void;
+    clearSelected(): void;
+    hideSelected(): void;
+    isolateSelected(): void;
+    showAll(): void;
+    explode(index?: number): void;
+    collect(): void;
     /**
-     * Deprecated since `25.11`. Use {@link IMarkup.getMarkupColor | markup.getMarkupColor()} instead.
-     */
-    getMarkupColor(): {
-        r: number;
-        g: number;
-        b: number;
-    };
-    /**
-     * Deprecated since `25.11`. Use {@link IMarkup.setMarkupColor | markup.setMarkupColor()} instead.
-     */
-    setMarkupColor(r?: number, g?: number, b?: number): void;
-    /**
-     * Deprecated since `25.11`. Use {@link IMarkup.colorizeAllMarkup | markup.colorizeAllMarkup()} instead.
-     */
-    colorizeAllMarkup(r?: number, g?: number, b?: number): void;
-    /**
-     * Deprecated since `25.11`. Use
-     * {@link IMarkup.colorizeSelectedMarkups | markup.colorizeSelectedMarkups()} instead.
-     */
-    colorizeSelectedMarkups(r?: number, g?: number, b?: number): void;
-    /**
-     * Adds an empty `Visualize` markup entity to the overlay.
+     * Deprecated since `25.12`. Use {@link draggers.registerDragger} instead.
      */
-    addMarkupEntity(entityName: string): any;
+    registerDragger(name: string, dragger: typeof Dragger): void;
+    activeDragger(): IDragger | null;
+    setActiveDragger(name?: string): IDragger | null;
+    resetActiveDragger(): void;
+    getComponent(name: string): IComponent;
     drawViewpoint(viewpoint: IViewpoint): void;
     createViewpoint(): IViewpoint;
-    private getPoint3dFromArray;
-    private getLogicalPoint3dAsArray;
-    private getOrthogonalCameraSettings;
-    private setOrthogonalCameraSettings;
-    private getClippingPlanes;
-    private setClippingPlanes;
-    private getSelection;
-    private setSelection;
+    screenToWorld(position: {
+        x: number;
+        y: number;
+    }): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    worldToScreen(position: {
+        x: number;
+        y: number;
+        z: number;
+    }): {
+        x: number;
+        y: number;
+    };
+    getScale(): {
+        x: number;
+        y: number;
+        z: number;
+    };
     /**
      * Executes the command denoted by the given command. If the command is not found, tries to set active
      * dragger with the specified name.
@@ -356,5 +308,46 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      *   `undefined` if neither the command nor the dragger exists.
      */
     executeCommand(id: string, ...args: any[]): any;
+    /**
+     * Adds an empty `Visualize` markup entity to the VisualizeJS overlay.
+     */
+    addMarkupEntity(entityName: string): any;
+    /**
+     * Deprecated since `25.11`. Use {@link IMarkup.getMarkupColor | markup.getMarkupColor()} instead.
+     */
+    getMarkupColor(): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    /**
+     * Deprecated since `25.11`. Use {@link IMarkup.setMarkupColor | markup.setMarkupColor()} instead.
+     */
+    setMarkupColor(r?: number, g?: number, b?: number): void;
+    /**
+     * Deprecated since `25.11`. Use {@link IMarkup.colorizeAllMarkup | markup.colorizeAllMarkup()} instead.
+     */
+    colorizeAllMarkup(r?: number, g?: number, b?: number): void;
+    /**
+     * Deprecated since `25.11`. Use
+     * {@link IMarkup.colorizeSelectedMarkups | markup.colorizeSelectedMarkups()} instead.
+     */
+    colorizeSelectedMarkups(r?: number, g?: number, b?: number): void;
+    private scheduleUpdateAsync;
+    /**
+     * Updates the viewer asynchronously without locking the user interface. Used to update the viewer
+     * after changes that require a long rendering time.
+     *
+     * Do nothing if the auto-update mode is disabled in the constructor. In this case, register an
+     * `update` event handler and update the `VisualizeJS` viewer and active dragger manually.
+     *
+     * Fires:
+     *
+     * - {@link UpdateEvent | update}
+     *
+     * @param maxScheduleUpdateTimeInMs - Maximum time for one update, default 30 ms.
+     * @param maxScheduleUpdateCount - Maximum count of scheduled updates.
+     */
+    updateAsync(maxScheduleUpdateTimeInMs?: number, maxScheduleUpdateCount?: number): Promise<void>;
     deviceAutoRegeneration(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/viewer-visualize",
-  "version": "26.10.6",
+  "version": "26.11.1",
   "description": "JavaScript library for rendering CAD and BIM files in a browser using VisualizeJS",
   "homepage": "https://cloud.opendesign.com/docs/index.html",
   "license": "SEE LICENSE IN LICENSE",
@@ -29,10 +29,10 @@
     "docs": "typedoc"
   },
   "dependencies": {
-    "@inweb/client": "~26.10.6",
-    "@inweb/eventemitter2": "~26.10.6",
-    "@inweb/markup": "~26.10.6",
-    "@inweb/viewer-core": "~26.10.6"
+    "@inweb/client": "~26.11.1",
+    "@inweb/eventemitter2": "~26.11.1",
+    "@inweb/markup": "~26.11.1",
+    "@inweb/viewer-core": "~26.11.1"
   },
-  "visualizeJS": "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js"
+  "visualizeJS": "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/26.11/Visualize.js"
 }

package/src/Viewer/Commands/ClearSelected.ts

@@ -30,5 +30,7 @@ export function clearSelected(viewer: Viewer): void {
   visViewer.unselect();
 
   viewer.update();
-  viewer.emitEvent({ type: "select", data: undefined, handles: [] });
+
+  viewer.emitEvent({ type: "select", handles: [] });
+  viewer.emitEvent({ type: "select2", handles: [] });
 }

package/src/Viewer/Commands/GetSelected2.ts

@@ -0,0 +1,33 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
+// All rights reserved.
+//
+// This software and its documentation and related materials are owned by
+// the Alliance. The software may only be incorporated into application
+// programs owned by members of the Alliance, subject to a signed
+// Membership Agreement and Supplemental Software License Agreement with the
+// Alliance. The structure and organization of this software are the valuable
+// trade secrets of the Alliance and its suppliers. The software is also
+// protected by copyright law and international treaty provisions. Application
+// programs incorporating this software must include the following statement
+// with their copyright notices:
+//
+//   This application incorporates Open Design Alliance software pursuant to a
+//   license agreement with Open Design Alliance.
+//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
+//   All rights reserved.
+//
+// By use of this software, its documentation or related materials, you
+// acknowledge and accept the above terms.
+///////////////////////////////////////////////////////////////////////////////
+
+import { Viewer } from "../Viewer";
+
+export function getSelected2(viewer: Viewer): string[] {
+  const handles = viewer.executeCommand("getSelected");
+
+  const model = viewer.models[0];
+  const handles2 = handles.map((handle) => `${model.id}:${handle}`);
+
+  return handles2;
+}

package/src/Viewer/Commands/HideSelected.ts

@@ -30,6 +30,8 @@ export function hideSelected(viewer: Viewer): void {
   visViewer.hideSelectedObjects(false);
 
   viewer.update();
+
   viewer.emitEvent({ type: "hide" });
-  viewer.emitEvent({ type: "select", data: undefined, handles: [] });
+  viewer.emitEvent({ type: "select", handles: [] });
+  viewer.emitEvent({ type: "select2", handles: [] });
 }

package/src/Viewer/Commands/SelectModel.ts

@@ -34,12 +34,11 @@ export function selectModel(viewer: Viewer, handle: string): void {
     const modelPtr = modelItr.getModel();
     if (modelPtr.getDatabaseHandle() === handle) {
       const selectionSet = activeView.selectCrossing([0, 9999, 9999, 0], modelPtr);
-
       visViewer.setSelected(selectionSet);
-      const handles = viewer.getSelected();
 
       viewer.update();
-      viewer.emitEvent({ type: "select", data: selectionSet, handles });
+      viewer.emitEvent({ type: "select", handles: viewer.getSelected() });
+      viewer.emitEvent({ type: "select2", handles: viewer.getSelected2() });
 
       selectionSet.delete();
       break;

package/src/Viewer/Commands/SetSelected.ts

@@ -23,14 +23,16 @@
 
 import { Viewer } from "../Viewer";
 
-export function setSelected(viewer: Viewer, handles: string[] = []): void {
+export function setSelected(viewer: Viewer, handles2: string[] = []): void {
   if (!viewer.visualizeJs) return;
 
+  const handles = handles2.map((handle) => handle.slice(handle.indexOf(":") + 1));
+
   const visLib = viewer.visLib();
   const visViewer = viewer.visViewer();
 
   const selectionSet = new visLib.OdTvSelectionSet();
-  handles?.forEach((handle) => {
+  handles.forEach((handle) => {
     const entityId = visViewer.getEntityByOriginalHandle(handle + "");
     if (!entityId.isNull()) selectionSet.appendEntity(entityId);
   });
@@ -39,6 +41,7 @@ export function setSelected(viewer: Viewer, handles: string[] = []): void {
 
   viewer.update();
   viewer.emitEvent({ type: "select", data: selectionSet, handles });
+  viewer.emitEvent({ type: "select2", data: selectionSet, handles: handles2 });
 
   selectionSet.delete();
 }