Variable components`Const`

Viewer components registry. Use this registry to register custom components.

To implement custom component:

Define a component class implements IComponent.
Define a constructor with a viewer parameter and add mouse event listeners for the specified viewer.
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.
Override IComponent.dispose and remove mouse event listeners from the viewer.
Register component provider in the components registry by calling the components.registerComponent.

Example: Implementing a custom component.

import { IComponent, components, Viewer } from "@inweb/viewer-visualize";

class MyComponent implements IComponent {
  protected viewer: Viewer;

  constructor(viewer: Viewer) {
    this.viewer = viewer;
    this.viewer.addEventListener("mousedown", this.onMouseDown);
  }

  override dispose() {
    this.viewer.removeEventListener("mousedown", this.onMouseDown);
  }

  onMouseDown = (event: PointerEvent) => {
    // place custom logic here
  };
}

components.registerComponent( "MyComponent", (viewer): IComponent => new MyComponent(viewer));

Variable componentsConst

Example: Implementing a custom component.

Settings

Variable components`Const`