@inweb/viewer-visualize 27.1.5 → 27.1.7

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

@@ -1,7 +1,6 @@
 import { IComponent } from "@inweb/viewer-core";
 import type { Viewer } from "../Viewer";
 export declare class GestureManagerComponent implements IComponent {
-    protected viewer: Viewer;
     private gestureManager;
     constructor(viewer: Viewer);
     dispose(): void;

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

@@ -1,7 +1,6 @@
 import { IComponent } from "@inweb/viewer-core";
 import type { Viewer } from "../Viewer";
 export declare class ZoomWheelComponent implements IComponent {
-    protected viewer: Viewer;
     private zoomWheelDragger;
     constructor(viewer: Viewer);
     dispose(): void;

package/lib/Viewer/Draggers/Common/GestureManager.d.ts

@@ -19,6 +19,7 @@ export declare class GestureManager extends OdBaseDragger {
     get isSingleTouchEnabled(): boolean;
     set isSingleTouchEnabled(value: boolean);
     constructor(subject: Viewer);
+    dispose(): void;
     private getMiddlePoint;
     private getFirstPoint;
     private getDistance;

package/lib/Viewer/Draggers/Common/OdBaseDragger.d.ts

@@ -6,13 +6,10 @@ export declare class OdBaseDragger extends OdaGeAction {
     protected needInputText: boolean;
     protected mouseDownPosition: Point2d;
     protected autoSelect: boolean;
-    protected onmessage: (event: any) => boolean;
-    protected canvasEvents: string[];
     protected isDragging: boolean;
     protected press: boolean;
     name: string;
     constructor(subject: Viewer);
-    initialize(): void;
     dispose(): void;
     protected relativeCoords(event: MouseEvent): Point2d;
     protected pointerdown(ev: PointerEvent): void;
@@ -29,7 +26,6 @@ export declare class OdBaseDragger extends OdaGeAction {
     protected getActiveMarkupEntity(entityName: string): any;
     private syncOverlayView;
     protected deleteAll(objects: any): void;
-    updatePreview(): void;
     private static _isGestureActive;
     protected static set isGestureActive(value: boolean);
     protected static get isGestureActive(): boolean;

package/lib/Viewer/Draggers/MeasureLineDragger/index.d.ts

@@ -14,7 +14,6 @@ export declare class MeasureLineDragger extends OdBaseDragger {
     protected rulerUnit: string;
     protected rulerPrecision: any;
     constructor(subject: Viewer);
-    initialize(): void;
     dispose(): void;
     updatePreview(): void;
     resize(): void;

package/lib/Viewer/Draggers/OdZoomWheelDragger.d.ts

@@ -5,6 +5,12 @@ export declare class OdZoomWheelDragger extends OdBaseDragger {
     private _endInteractivityTimeOutId;
     private _isEnableInteractivityMode;
     constructor(subject: Viewer);
-    wheel(event: any): void;
     dispose(): void;
+    pointerdown(): void;
+    pointerup(): void;
+    pointercancel(): void;
+    pointermove(): void;
+    click(): void;
+    dblclick(): void;
+    wheel(event: any): void;
 }

package/lib/Viewer/Draggers/OdaFlyDragger.d.ts

@@ -24,7 +24,6 @@ export declare class OdaFlyDragger extends OdBaseDragger {
     protected joyStickOverlayElement: HTMLDivElement;
     protected joyStickDragger: OdJoyStickDragger;
     constructor(subject: Viewer);
-    initialize(): void;
     dispose(): void;
     keydown(ev: any): void;
     keyup(ev: any): void;

package/lib/Viewer/Draggers/OdaWalkDragger.d.ts

@@ -23,7 +23,6 @@ export declare class OdaWalkDragger extends OdBaseDragger {
     protected isJoyStickMoving: boolean;
     protected lastJoyStickCoord: Point2d;
     constructor(subject: Viewer);
-    initialize(): void;
     dispose(): void;
     keydown(ev: KeyboardEvent): void;
     keyup(ev: KeyboardEvent): void;

package/lib/Viewer/Viewer.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter2 } from "@inweb/eventemitter2";
 import { Assembly, Client, File, Model } from "@inweb/client";
-import { CanvasEventMap, Dragger, FileSource, IComponent, IDragger, IInfo, ILoader, IOptions, IViewer, IViewpoint, OptionsEventMap, ViewerEventMap } from "@inweb/viewer-core";
+import { CanvasEventMap, FileSource, IComponent, IDragger, IInfo, 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";
@@ -27,7 +27,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     private _renderNeeded;
     private _renderTime;
     private _enableAutoUpdate;
-    private _isRunAsyncUpdate;
+    private _maxRegenTime;
     _abortControllerForReferences: AbortController | undefined;
     private _markup;
     /**
@@ -45,8 +45,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * @param params.enableAutoUpdate - Enable auto-update of the viewer after any changes. If the
      *   auto-update is disabled, you need to register an `update` event handler and update the
      *   `VisualizeJS` viewer and active dragger manually. Default is `true`.
-     * @param params.markupType - The type of the markup core: `Visualize` (deprecated) or `Konva`. Default
-     *   is `Konva`.
+     * @param params.markupType - The type of the markup core: `Visualize` or `Konva`. Default is `Konva`.
      */
     constructor(client?: Client, params?: {
         visualizeJsUrl?: string;
@@ -122,7 +121,6 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      */
     isInitialized(): boolean;
     setSize(width: number, height: number, updateStyle?: boolean): void;
-    resize(): this;
     /**
      * Updates the viewer.
      *
@@ -132,6 +130,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * Fires:
      *
      * - {@link UpdateEvent | update}
+     * - {@link RenderEvent | render}
      *
      * @param force - If `true` updates the viewer immidietly. Otherwise updates on next animation frame.
      *   Default is `false`.
@@ -213,18 +212,6 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
         requestHeader?: HeadersInit;
         withCredentials?: boolean;
     }): Promise<this>;
-    /**
-     * Deprecated since `26.4`. Use {@link open | open()} instead.
-     *
-     * @deprecated
-     */
-    openVsfFile(buffer: Uint8Array | ArrayBuffer): this;
-    /**
-     * Deprecated since `26.4`. Use {@link open | open()} instead.
-     *
-     * @deprecated
-     */
-    openVsfxFile(buffer: Uint8Array | ArrayBuffer): this;
     cancel(): this;
     clear(): this;
     is3D(): boolean;
@@ -242,10 +229,6 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     showAll(): void;
     explode(index?: number): void;
     collect(): void;
-    /**
-     * 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;
@@ -316,27 +299,6 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * 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
@@ -348,6 +310,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * Fires:
      *
      * - {@link UpdateEvent | update}
+     * - {@link RenderEvent | render}
      *
      * @param maxScheduleUpdateTimeInMs - Maximum time for one update, default 30 ms.
      * @param maxScheduleUpdateCount - Maximum count of scheduled updates.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/viewer-visualize",
-  "version": "27.1.5",
+  "version": "27.1.7",
   "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": "~27.1.5",
-    "@inweb/eventemitter2": "~27.1.5",
-    "@inweb/markup": "~27.1.5",
-    "@inweb/viewer-core": "~27.1.5"
+    "@inweb/client": "~27.1.7",
+    "@inweb/eventemitter2": "~27.1.7",
+    "@inweb/markup": "~27.1.7",
+    "@inweb/viewer-core": "~27.1.7"
   },
   "visualizeJS": "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js"
 }

package/src/Viewer/Components/GestureManagerComponent.ts

@@ -26,13 +26,10 @@ import type { Viewer } from "../Viewer";
 import { GestureManager } from "../Draggers/Common/GestureManager";
 
 export class GestureManagerComponent implements IComponent {
-  protected viewer: Viewer;
   private gestureManager: GestureManager;
 
   constructor(viewer: Viewer) {
-    this.viewer = viewer;
     this.gestureManager = new GestureManager(viewer);
-    this.gestureManager.initialize();
   }
 
   dispose() {

package/src/Viewer/Components/ZoomWheelComponent.ts

@@ -26,14 +26,11 @@ import type { Viewer } from "../Viewer";
 import { OdZoomWheelDragger } from "../Draggers/OdZoomWheelDragger";
 
 export class ZoomWheelComponent implements IComponent {
-  protected viewer: Viewer;
   private zoomWheelDragger: OdZoomWheelDragger;
 
   constructor(viewer: Viewer) {
-    this.viewer = viewer;
     this.zoomWheelDragger = new OdZoomWheelDragger(viewer);
     this.zoomWheelDragger.name = "ZoomWheel";
-    this.zoomWheelDragger.initialize();
   }
 
   dispose() {

package/src/Viewer/Draggers/Actions/OrbitAction.ts

@@ -100,7 +100,7 @@ export class OrbitAction {
     );
     extView.delete();
 
-    this._subject.activeDragger()?.updatePreview?.();
+    this._subject.update();
     this._subject.emitEvent({
       type: "orbit",
     });

package/src/Viewer/Draggers/Actions/PanAction.ts

@@ -80,7 +80,7 @@ export class PanAction {
     position.delete();
     positionWithDelta.delete();
 
-    this._subject.activeDragger()?.updatePreview?.();
+    this._subject.update();
     this._subject.emitEvent({
       type: "pan",
       x: absoluteX,

package/src/Viewer/Draggers/Actions/ZoomAction.ts

@@ -38,7 +38,7 @@ export class ZoomAction {
 
     this._subject.deviceAutoRegeneration();
 
-    this._subject.activeDragger()?.updatePreview?.();
+    this._subject.update();
     this._subject.emitEvent({
       type: "zoomat",
       data: zoomFactor,

package/src/Viewer/Draggers/Common/GestureManager.ts

@@ -69,6 +69,15 @@ export class GestureManager extends OdBaseDragger {
       this.setViewParams
     );
     this._zoomAction = new ZoomAction(this.m_module, this.subject);
+
+    // Subscribe to pointerleave event (not handled by base class)
+    this.pointerleave = this.pointerleave.bind(this);
+    this.subject.addEventListener("pointerleave", this.pointerleave);
+  }
+
+  override dispose(): void {
+    super.dispose();
+    this.subject.removeEventListener("pointerleave", this.pointerleave);
   }
 
   private getMiddlePoint(events: Map<number, PointerEvent>): Point2d {

package/src/Viewer/Draggers/Common/OdBaseDragger.ts

@@ -21,7 +21,6 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { CANVAS_EVENTS } from "@inweb/viewer-core";
 import { Viewer } from "../../Viewer";
 import { Point2d } from "./Geometry";
 import { OdaGeAction } from "./OdaGeAction";
@@ -35,8 +34,6 @@ export class OdBaseDragger extends OdaGeAction {
   protected needInputText: boolean;
   protected mouseDownPosition: Point2d;
   protected autoSelect: boolean;
-  protected onmessage: (event: any) => boolean;
-  protected canvasEvents: string[];
   protected isDragging: boolean;
   protected press: boolean;
 
@@ -49,20 +46,30 @@ export class OdBaseDragger extends OdaGeAction {
     this.mouseDownPosition = { x: 0, y: 0 };
     this.autoSelect = false;
 
-    this.onmessage = (event) => this.subject.emitEvent(event);
-    this.canvasEvents = CANVAS_EVENTS;
-  }
-
-  public initialize(): void {
-    this.canvasEvents = this.canvasEvents.filter((x) => typeof this[x] === "function");
-    this.canvasEvents.forEach((x) => (this[x] = this[x].bind(this)));
-    this.canvasEvents.forEach((x) => this.subject.on(x, this[x]));
-
-    this.getViewer().setEnableAutoSelect(!!this.autoSelect);
+    this.pointerdown = this.pointerdown.bind(this);
+    this.pointerup = this.pointerup.bind(this);
+    this.pointercancel = this.pointercancel.bind(this);
+    this.pointermove = this.pointermove.bind(this);
+    this.click = this.click.bind(this);
+    this.dblclick = this.dblclick.bind(this);
+
+    this.subject.addEventListener("pointerdown", this.pointerdown);
+    this.subject.addEventListener("pointerup", this.pointerup);
+    this.subject.addEventListener("pointercancel", this.pointercancel);
+    this.subject.addEventListener("pointermove", this.pointermove);
+    this.subject.addEventListener("click", this.click);
+    this.subject.addEventListener("dblclick", this.dblclick);
+
+    this.getViewer().setEnableAutoSelect(false);
   }
 
   public dispose(): void {
-    this.canvasEvents.forEach((x) => this.subject.off(x, this[x]));
+    this.subject.removeEventListener("pointerdown", this.pointerdown);
+    this.subject.removeEventListener("pointerup", this.pointerup);
+    this.subject.removeEventListener("pointercancel", this.pointercancel);
+    this.subject.removeEventListener("pointermove", this.pointermove);
+    this.subject.removeEventListener("click", this.click);
+    this.subject.removeEventListener("dblclick", this.dblclick);
   }
 
   protected relativeCoords(event: MouseEvent): Point2d {
@@ -129,15 +136,15 @@ export class OdBaseDragger extends OdaGeAction {
     const isNotDragging =
       Math.abs(x - this.mouseDownPosition.x) < CLICK_DELTA && Math.abs(y - this.mouseDownPosition.y) < CLICK_DELTA;
 
-    if (viewer && viewer.getEnableAutoSelect() && isNotDragging) {
+    if (this.autoSelect && isNotDragging) {
       viewer.unselect();
       viewer.select(x, y, x, y);
       this.subject.update();
 
       const selectionSet = viewer.getSelected();
 
-      this.onmessage({ type: "select", data: selectionSet, handles: this.subject.getSelected() });
-      this.onmessage({ type: "select2", data: selectionSet, handles: this.subject.getSelected2() });
+      this.subject.emitEvent({ type: "select", data: selectionSet, handles: this.subject.getSelected() });
+      this.subject.emitEvent({ type: "select2", data: selectionSet, handles: this.subject.getSelected2() });
     }
   }
 
@@ -153,20 +160,18 @@ export class OdBaseDragger extends OdaGeAction {
       viewer.activeView = clickView;
       clickView.delete();
       this.subject.update();
-    } else {
-      if (viewer && viewer.getEnableAutoSelect()) {
-        const pSelected = viewer.getSelected();
+    } else if (this.autoSelect) {
+      const pSelected = viewer.getSelected();
 
-        if (!pSelected.isNull() && pSelected.numItems() !== 0) {
-          const itr = pSelected.getIterator();
-          const entity = itr.getEntity();
-          viewer.zoomToEntity(entity);
+      if (!pSelected.isNull() && pSelected.numItems() !== 0) {
+        const itr = pSelected.getIterator();
+        const entity = itr.getEntity();
+        viewer.zoomToEntity(entity);
 
-          this.onmessage({ type: "zoomtoentity", data: entity });
-          this.subject.update();
+        this.subject.emitEvent({ type: "zoomtoentity", data: entity });
+        this.subject.update();
 
-          this.deleteAll([itr, entity]);
-        }
+        this.deleteAll([itr, entity]);
       }
     }
 
@@ -218,8 +223,6 @@ export class OdBaseDragger extends OdaGeAction {
     }
   }
 
-  public updatePreview(): void {}
-
   private static _isGestureActive = false;
 
   protected static set isGestureActive(value: boolean) {

package/src/Viewer/Draggers/MeasureLineDragger/index.ts

@@ -70,11 +70,6 @@ export class MeasureLineDragger extends OdBaseDragger {
     this.rulerPrecision = subject.options.rulerPrecision ?? "Default";
 
     this.items = [];
-    this.canvasEvents.push("resize", "optionsChange");
-  }
-
-  override initialize(): void {
-    super.initialize();
 
     this.m_overlayElement = document.createElement("div");
     this.m_overlayElement.style.background = "rgba(0,0,0,0)";
@@ -82,18 +77,26 @@ export class MeasureLineDragger extends OdBaseDragger {
     this.m_overlayElement.style.zIndex = "1";
     this.m_overlayElement.style.pointerEvents = "none";
     document.body.appendChild(this.m_overlayElement);
+
+    this.optionsChange = this.optionsChange.bind(this);
+    this.updatePreview = this.updatePreview.bind(this);
+
     this.subject.addEventListener("optionschange", this.optionsChange);
+    this.subject.addEventListener("render", this.updatePreview);
 
     this.resize();
   }
 
   override dispose(): void {
     super.dispose();
+
     this.m_overlayElement.remove();
+
     this.subject.removeEventListener("optionschange", this.optionsChange);
+    this.subject.removeEventListener("render", this.updatePreview);
   }
 
-  override updatePreview(): void {
+  updatePreview(): void {
     this.items.forEach((item) => item.update());
   }
 

package/src/Viewer/Draggers/OdZoomWheelDragger.ts

@@ -29,21 +29,46 @@ const INTERACTIVITY_TIME_OUT = 100;
 
 export class OdZoomWheelDragger extends OdBaseDragger {
   private _zoomAction: ZoomAction;
-
   private _endInteractivityTimeOutId;
-
   private _isEnableInteractivityMode: boolean;
 
   constructor(subject: Viewer) {
     super(subject);
 
-    // ignore all events except "wheel" so as not to interfere with other handlers
-    this.canvasEvents = ["wheel"];
+    this.wheel = this.wheel.bind(this);
+    this.subject.addEventListener("wheel", this.wheel);
+
     this._zoomAction = new ZoomAction(this.m_module, this.subject);
     this._endInteractivityTimeOutId = undefined;
     this._isEnableInteractivityMode = false;
   }
 
+  override dispose(): void {
+    super.dispose();
+
+    this.subject.removeEventListener("wheel", this.wheel);
+
+    if (this._endInteractivityTimeOutId) {
+      clearTimeout(this._endInteractivityTimeOutId);
+      this.endInteractivity();
+      this._isEnableInteractivityMode = false;
+    }
+  }
+
+  // ignore all events except "wheel" so as not to interfere with other handlers
+
+  override pointerdown() {}
+
+  override pointerup() {}
+
+  override pointercancel() {}
+
+  override pointermove() {}
+
+  override click() {}
+
+  override dblclick() {}
+
   wheel(event) {
     if (!this.subject.options.enableZoomWheel) {
       return;
@@ -76,15 +101,6 @@ export class OdZoomWheelDragger extends OdBaseDragger {
         clearTimeout(this._endInteractivityTimeOutId);
       }
 
-      if (!this._isEnableInteractivityMode) {
-        this._isEnableInteractivityMode = true;
-        this.beginInteractivity();
-      }
-
-      if (this._endInteractivityTimeOutId) {
-        clearTimeout(this._endInteractivityTimeOutId);
-      }
-
       this.subject.update(true);
 
       this._endInteractivityTimeOutId = setTimeout(() => {
@@ -94,12 +110,4 @@ export class OdZoomWheelDragger extends OdBaseDragger {
       }, INTERACTIVITY_TIME_OUT);
     }
   }
-
-  override dispose(): void {
-    if (this._endInteractivityTimeOutId) {
-      clearTimeout(this._endInteractivityTimeOutId);
-      this.endInteractivity();
-      this._isEnableInteractivityMode = false;
-    }
-  }
 }

package/src/Viewer/Draggers/OdaFlyDragger.ts

@@ -55,7 +55,6 @@ export class OdaFlyDragger extends OdBaseDragger {
 
   constructor(subject: Viewer) {
     super(subject);
-    this.viewer = undefined;
 
     this.multiplier = 5;
     this.speed = 1;
@@ -75,10 +74,7 @@ export class OdaFlyDragger extends OdBaseDragger {
 
     this.isJoyStickMoving = false;
     this.addJoyStickDragger(subject.canvas.parentElement);
-  }
 
-  override initialize() {
-    super.initialize();
     this.viewer = this.getViewer();
 
     window.addEventListener("keydown", this.keydown, false);

package/src/Viewer/Draggers/OdaWalkDragger.ts

@@ -54,7 +54,6 @@ export class OdaWalkDragger extends OdBaseDragger {
 
   constructor(subject: Viewer) {
     super(subject);
-    this.viewer = undefined;
 
     this.multiplier = 5;
     this.baseSpeed = 1;
@@ -74,10 +73,7 @@ export class OdaWalkDragger extends OdBaseDragger {
 
     this.isJoyStickMoving = false;
     this.addJoyStickDragger(subject.canvas.parentElement);
-  }
 
-  override initialize() {
-    super.initialize();
     this.viewer = this.getViewer();
 
     window.addEventListener("keydown", this.keydown, false);

package/src/Viewer/Draggers/index.ts

@@ -35,6 +35,8 @@ import { OdZoomDragger } from "./OdZoomDragger";
 import { OdZoomWheelDragger } from "./OdZoomWheelDragger";
 import { OdZoomWindowDragger } from "./OdZoomWindowDragger";
 import { OrbitAroundBuildingDragger } from "./OrbitAroundBuildingDragger";
+import { OdaLineDragger } from "./OdaLineDragger";
+import { OdaTextDragger } from "./OdaTextDragger";
 
 /**
  * A draggers registry. Use this registry to register custom draggers.
@@ -95,3 +97,5 @@ draggers.registerDragger("CuttingPlaneYAxis", (viewer) => new OdCuttingPlaneYAxi
 draggers.registerDragger("CuttingPlaneZAxis", (viewer) => new OdCuttingPlaneZAxisDragger(viewer));
 draggers.registerDragger("Walk", (viewer) => new OdaWalkDragger(viewer));
 draggers.registerDragger("Fly", (viewer) => new OdaFlyDragger(viewer));
+draggers.registerDragger("Line", (viewer) => new OdaLineDragger(viewer));
+draggers.registerDragger("Text", (viewer) => new OdaTextDragger(viewer));

package/src/Viewer/Markup/Visualize/VisualizeMarkup.ts

@@ -25,8 +25,8 @@ import { IEventEmitter } from "@inweb/eventemitter2";
 import { ILine, IText, IViewpoint } from "@inweb/viewer-core";
 import { IMarkup, IMarkupObject, IWorldTransform, MarkupMode } from "@inweb/markup";
 import { Viewer } from "../../Viewer";
-import { MARKUP_ENTITY_LINE, OdaLineDragger } from "../../Draggers/OdaLineDragger";
-import { MARKUP_ENTITY_TEXT, OdaTextDragger } from "../../Draggers/OdaTextDragger";
+import { MARKUP_ENTITY_LINE } from "../../Draggers/OdaLineDragger";
+import { MARKUP_ENTITY_TEXT } from "../../Draggers/OdaTextDragger";
 
 export class VisualizeMarkup implements IMarkup {
   private _viewer: Viewer;
@@ -43,8 +43,6 @@ export class VisualizeMarkup implements IMarkup {
     worldTransformer?: IWorldTransform
   ): void {
     this._viewer = viewer as Viewer;
-    this._viewer.registerDragger("Line", OdaLineDragger);
-    this._viewer.registerDragger("Text", OdaTextDragger);
   }
 
   dispose(): void {}
@@ -93,7 +91,7 @@ export class VisualizeMarkup implements IMarkup {
   }
 
   colorizeSelectedMarkups(r = 255, g = 0, b = 0): void {
-    throw new Error("Not implemented yet");
+    console.warn("VisualizeMarkup: colorizeSelectedMarkups() not implemented yet");
   }
 
   setViewpoint(viewpoint: IViewpoint): void {
@@ -231,22 +229,30 @@ export class VisualizeMarkup implements IMarkup {
   }
 
   enableEditMode(mode: MarkupMode | false): this {
+    if (mode === "Line" || mode === "Text") this._viewer.setActiveDragger(mode);
     return this;
   }
 
   createObject(type: string, params: any): IMarkupObject {
+    console.warn("VisualizeMarkup: createObject() not implemented yet");
     return undefined;
   }
 
   getObjects(): IMarkupObject[] {
+    console.warn("VisualizeMarkup: getObjects() not implemented yet");
     return [];
   }
 
   getSelectedObjects(): IMarkupObject[] {
+    console.warn("VisualizeMarkup: getSelectedObjects() not implemented yet");
     return [];
   }
 
-  selectObjects(objects: IMarkupObject[]): void {}
+  selectObjects(objects: IMarkupObject[]): void {
+    console.warn("VisualizeMarkup: selectObjects() not implemented yet");
+  }
 
-  clearSelected(): void {}
+  clearSelected(): void {
+    console.warn("VisualizeMarkup: clearSelected() not implemented yet");
+  }
 }