@inweb/markup 26.7.2 → 26.7.7

package/lib/markup/IMarkup.d.ts

@@ -34,7 +34,8 @@ export interface IMarkup {
      * @param container - Container element used to operate on. This is usually a `<canvas>` or `<div>` on
      *   top of which the markup is drawn. If the `container` is a `<canvas>` element, its content will be
      *   combined with the markup in the viewpoint snapshot.
-     * @param containerEvents - List of container events, such as mouse events or
+     * @param containerEvents - Deprecated since `26.7`, can be null. List of container events, such as
+     *   mouse events or
      *   {@link https://developer.mozilla.org/docs/Web/API/Pointer_events#event_types_and_global_event_handlers | pointer events}
      *   or {@link https://developer.mozilla.org/docs/Web/API/TouchEvent#touch_event_types | touch events}
      *   that the markup should redirect to the `viewer`.

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

@@ -1,5 +1,5 @@
 import { IEventEmitter } from "@inweb/eventemitter2";
-import { ChangeActiveDraggerEvent, IViewpoint, PanEvent, ZoomAtEvent, ResizeEvent } from "@inweb/viewer-core";
+import { ChangeActiveDraggerEvent, IViewpoint, ResizeEvent } from "@inweb/viewer-core";
 import { IMarkup, MarkupMode } from "../IMarkup";
 import { IWorldTransform } from "../IWorldTransform";
 import { IMarkupObject } from "../IMarkupObject";
@@ -35,8 +35,8 @@ export declare class KonvaMarkup implements IMarkup {
     changeActiveDragger: (event: ChangeActiveDraggerEvent) => void;
     resizeContainer: (entries: ResizeObserverEntry[]) => void;
     resizeViewer: (event: ResizeEvent) => void;
-    pan: (event: PanEvent) => void;
-    zoomAt: (event: ZoomAtEvent) => void;
+    pan: () => void;
+    zoomAt: () => void;
     redirectToViewer: (event: any) => void;
     syncOverlay(): void;
     clearOverlay(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/markup",
-  "version": "26.7.2",
+  "version": "26.7.7",
   "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": "~26.7.2",
-    "@inweb/viewer-core": "~26.7.2"
+    "@inweb/eventemitter2": "~26.7.7",
+    "@inweb/viewer-core": "~26.7.7"
   },
   "devDependencies": {
     "konva": "^9.3.18"

package/src/markup/IMarkup.ts

@@ -62,7 +62,8 @@ export interface IMarkup {
    * @param container - Container element used to operate on. This is usually a `<canvas>` or `<div>` on
    *   top of which the markup is drawn. If the `container` is a `<canvas>` element, its content will be
    *   combined with the markup in the viewpoint snapshot.
-   * @param containerEvents - List of container events, such as mouse events or
+   * @param containerEvents - Deprecated since `26.7`, can be null. List of container events, such as
+   *   mouse events or
    *   {@link https://developer.mozilla.org/docs/Web/API/Pointer_events#event_types_and_global_event_handlers | pointer events}
    *   or {@link https://developer.mozilla.org/docs/Web/API/TouchEvent#touch_event_types | touch events}
    *   that the markup should redirect to the `viewer`.

package/src/markup/Konva/KonvaCloud.ts

@@ -198,7 +198,7 @@ export class KonvaCloud implements IMarkupCloud {
       );
     });
 
-    this._ref.on("dragend", (e) => {
+    this._ref.on("dragend", () => {
       const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
       const position = absoluteTransform.point({ x: this._ref.x(), y: this._ref.y() });
       this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));

package/src/markup/Konva/KonvaEllipse.ts

@@ -129,7 +129,7 @@ export class KonvaEllipse implements IMarkupEllipse {
       this._ref.scale({ x: 1, y: 1 });
     });
 
-    this._ref.on("transformend", (e) => {
+    this._ref.on("transformend", () => {
       const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
       const position = absoluteTransform.point({ x: this._ref.x(), y: this._ref.y() });
       this._ref.setAttr("wcsPosition", this._worldTransformer.screenToWorld(position));
@@ -139,7 +139,7 @@ export class KonvaEllipse implements IMarkupEllipse {
       this._ref.setAttr("wcsRadiusY", this._worldTransformer.screenToWorld(radiusY));
     });
 
-    this._ref.on("dragend", (e) => {
+    this._ref.on("dragend", () => {
       const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
       const position = absoluteTransform.point({ x: this._ref.x(), y: this._ref.y() });
       this._ref.setAttr("wcsPosition", this._worldTransformer.screenToWorld(position));

package/src/markup/Konva/KonvaImage.ts

@@ -165,7 +165,7 @@ export class KonvaImage implements IMarkupImage {
       this._ref.scale({ x: 1, y: 1 });
     });
 
-    this._ref.on("transformend", (e) => {
+    this._ref.on("transformend", () => {
       const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
       const position = absoluteTransform.point({ x: this._ref.x(), y: this._ref.y() });
       this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));
@@ -175,7 +175,7 @@ export class KonvaImage implements IMarkupImage {
       );
     });
 
-    this._ref.on("dragend", (e) => {
+    this._ref.on("dragend", () => {
       const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
       const position = absoluteTransform.point({ x: this._ref.x(), y: this._ref.y() });
       this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));

package/src/markup/Konva/KonvaLine.ts

@@ -90,7 +90,7 @@ export class KonvaLine implements IMarkupLine {
       if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
     });
 
-    this._ref.on("transformend", (e) => {
+    this._ref.on("transformend", () => {
       const absoluteTransform = this._ref.getAbsoluteTransform();
 
       const wcsPoints = [];
@@ -104,7 +104,7 @@ export class KonvaLine implements IMarkupLine {
       this._ref.setAttr("wcsPoints", wcsPoints);
     });
 
-    this._ref.on("dragend", (e) => {
+    this._ref.on("dragend", () => {
       const absoluteTransform = this._ref.getAbsoluteTransform();
 
       const wcsPoints = [];

package/src/markup/Konva/KonvaMarkup.ts

@@ -33,8 +33,6 @@ import {
   IRectangle,
   IText,
   IViewpoint,
-  PanEvent,
-  ZoomAtEvent,
   ResizeEvent,
 } from "@inweb/viewer-core";
 
@@ -236,13 +234,13 @@ export class KonvaMarkup implements IMarkup {
     });
   };
 
-  pan = (event: PanEvent) => {
+  pan = () => {
     this.getObjects().forEach((markupObject) => {
       markupObject.updateScreenCoordinates();
     });
   };
 
-  zoomAt = (event: ZoomAtEvent) => {
+  zoomAt = () => {
     this.getObjects().forEach((markupObject) => {
       markupObject.updateScreenCoordinates();
     });
@@ -516,7 +514,7 @@ export class KonvaMarkup implements IMarkup {
       }
     });
 
-    stage.on("mouseup touchend", (e) => {
+    stage.on("mouseup touchend", () => {
       if (!this._markupIsActive) return;
 
       if (isPaint) {
@@ -546,7 +544,7 @@ export class KonvaMarkup implements IMarkup {
       isPaint = false;
     });
 
-    stage.on("mousemove touchmove", (e) => {
+    stage.on("mousemove touchmove", () => {
       if (!this._markupIsActive) return;
       if (!isPaint) {
         return;
@@ -1006,7 +1004,7 @@ export class KonvaMarkup implements IMarkup {
         const base64 = await convertBase64(file);
         this.addImage({ x: this._imageInputPos.x, y: this._imageInputPos.y }, null, base64.toString(), 0, 0);
       };
-      this._imageInputRef.oncancel = (event) => {
+      this._imageInputRef.oncancel = () => {
         this.removeImageInput();
       };
       document.body.appendChild(this._imageInputRef);

package/src/markup/Konva/KonvaRectangle.ts

@@ -123,7 +123,7 @@ export class KonvaRectangle implements IMarkupRectangle {
       );
     });
 
-    this._ref.on("dragend", (e) => {
+    this._ref.on("dragend", () => {
       const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
       const position = absoluteTransform.point({ x: this._ref.x(), y: this._ref.y() });
       this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));

package/src/markup/Konva/KonvaText.ts

@@ -100,7 +100,7 @@ export class KonvaText implements IMarkupText {
       this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));
     });
 
-    this._ref.on("dragend", (e) => {
+    this._ref.on("dragend", () => {
       const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
       const position = absoluteTransform.point({ x: this._ref.x(), y: this._ref.y() });
       this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));