@inweb/markup 25.7.9 → 25.7.11

package/lib/markup/IMarkup.d.ts

@@ -93,6 +93,13 @@ export interface IMarkup {
      * Create a viewpoint.
      */
     getViewpoint(): IViewpoint;
+    /**
+     * Enables mouse interactions to select or draw markups.
+     *
+     * @param mode - Edit mode. Matches the type of markup object being created or object
+     *   selecting mode. To exit edit mode provide this to `false`.
+     */
+    enableEditMode(mode: MarkupMode | false): this;
     /**
      * Create a Markup object.
      *

package/lib/markup/Konva/KonvaMarkup.d.ts

@@ -1,6 +1,6 @@
 import { IEventEmitter } from "@inweb/eventemitter2";
 import { ChangeActiveDraggerEvent, IViewpoint, PanEvent } from "@inweb/viewer-core";
-import { IMarkup } from "../IMarkup";
+import { IMarkup, MarkupMode } from "../IMarkup";
 import { IWorldTransform } from "../IWorldTransform";
 import { IMarkupObject } from "../IMarkupObject";
 import { MarkupLineType } from "../IMarkupLine";
@@ -49,6 +49,7 @@ export declare class KonvaMarkup implements IMarkup {
     colorizeSelectedMarkups(r: number, g: number, b: number): void;
     setViewpoint(viewpoint: IViewpoint): void;
     getViewpoint(): IViewpoint;
+    enableEditMode(mode: MarkupMode | false): this;
     createObject(type: string, params: any): IMarkupObject;
     getObjects(): IMarkupObject[];
     getSelectedObjects(): IMarkupObject[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/markup",
-  "version": "25.7.9",
+  "version": "25.7.11",
   "description": "JavaScript 2D markups",
   "homepage": "https://cloud.opendesign.com/docs/index.html",
   "license": "SEE LICENSE IN LICENSE",
@@ -26,8 +26,8 @@
     "docs": "typedoc"
   },
   "dependencies": {
-    "@inweb/eventemitter2": "~25.7.9",
-    "@inweb/viewer-core": "~25.7.9"
+    "@inweb/eventemitter2": "~25.7.11",
+    "@inweb/viewer-core": "~25.7.11"
   },
   "devDependencies": {
     "canvas": "^2.11.2",

package/src/markup/IMarkup.ts

@@ -132,6 +132,14 @@ export interface IMarkup {
    */
   getViewpoint(): IViewpoint;
 
+  /**
+   * Enables mouse interactions to select or draw markups.
+   *
+   * @param mode - Edit mode. Matches the type of markup object being created or object
+   *   selecting mode. To exit edit mode provide this to `false`.
+   */
+  enableEditMode(mode: MarkupMode | false): this;
+
   /**
    * Create a Markup object.
    *

package/src/markup/Konva/KonvaMarkup.ts

@@ -25,7 +25,7 @@ import Konva from "konva";
 import { IEventEmitter } from "@inweb/eventemitter2";
 import { ChangeActiveDraggerEvent, IViewpoint, PanEvent } from "@inweb/viewer-core";
 
-import { IMarkup } from "../IMarkup";
+import { IMarkup, MarkupMode } from "../IMarkup";
 import { IWorldTransform } from "../IWorldTransform";
 import { IMarkupObject } from "../IMarkupObject";
 import { IMarkupColorable } from "../IMarkupColorable";
@@ -84,7 +84,7 @@ export class KonvaMarkup implements IMarkup {
   private _container: HTMLElement;
   private _pointerEvents: string[];
   private _markupIsActive = false;
-  private _markupMode: string;
+  private _markupMode: MarkupMode;
   private _markupColor = new MarkupColor(255, 0, 0);
   private _konvaStage: Konva.Stage;
   private _konvaLayer: Konva.Layer;
@@ -187,14 +187,7 @@ export class KonvaMarkup implements IMarkup {
     this.removeTextInput();
     this.removeImageInput();
 
-    const konvaShape = MarkupMode2Konva[draggerName];
-    if (konvaShape) {
-      this._markupMode = draggerName;
-      this._markupIsActive = true;
-    } else {
-      this._markupIsActive = false;
-      this._konvaTransformer.nodes([]);
-    }
+    this.enableEditMode(draggerName as MarkupMode);
   };
 
   resizeContainer = (entries: ResizeObserverEntry[]) => {
@@ -290,6 +283,17 @@ export class KonvaMarkup implements IMarkup {
     return viewpoint;
   }
 
+  enableEditMode(mode: MarkupMode | false): this {
+    if (!mode || !MarkupMode2Konva[mode]) {
+      this.clearSelected();
+      this._markupIsActive = false;
+    } else {
+      this._markupMode = mode;
+      this._markupIsActive = true;
+    }
+    return this;
+  }
+
   createObject(type: string, params: any): IMarkupObject {
     let object = null;
     let zIndex = this._zIndex;