@inweb/markup 26.7.1 → 26.7.6

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/IMarkupCloud.d.ts

@@ -26,7 +26,7 @@ export interface IMarkupCloud extends IMarkupObject, IMarkupColorable {
     /**
      * Returns the height of the cloud.
      */
-    getHeigth(): number;
+    getHeight(): number;
     /**
      * Sets the height of the cloud.
      */

package/lib/markup/IMarkupEllipse.d.ts

@@ -52,14 +52,14 @@ export interface IMarkupEllipseParams {
         y: number;
     };
     /**
-     * Screen coordinates of the center point (position) of the ellipse.
+     * Screen coordinates of the point - X radius of the ellipse.
      */
     position2?: {
         x: number;
         y: number;
     };
     /**
-     * Screen coordinates of the center point (position) of the ellipse.
+     * Screen coordinates of the point - Y radius of the ellipse.
      */
     position3?: {
         x: number;

package/lib/markup/IMarkupImage.d.ts

@@ -57,7 +57,7 @@ export interface IMarkupImageParams {
         y: number;
     };
     /**
-     * Screen coordinates of the bottom-right point (position) of the image. Specify 0 to set widt and
+     * Screen coordinates of the bottom-right point (position) of the image. Specify 0 to set width and
      * height of the source image.
      */
     position2?: {

package/lib/markup/IMarkupRectangle.d.ts

@@ -26,7 +26,7 @@ export interface IMarkupRectangle extends IMarkupObject, IMarkupColorable {
     /**
      * Returns the height of the rectangle.
      */
-    getHeigth(): number;
+    getHeight(): number;
     /**
      * Sets the height of the rectangle.
      */

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

@@ -19,7 +19,7 @@ export declare class KonvaCloud implements IMarkupCloud {
     setPosition(x: number, y: number): void;
     getWidth(): number;
     setWidth(w: number): void;
-    getHeigth(): number;
+    getHeight(): number;
     setHeight(h: number): void;
     getLineWidth(): number;
     setLineWidth(size: number): void;

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/lib/markup/Konva/KonvaRectangle.d.ts

@@ -9,7 +9,7 @@ export declare class KonvaRectangle implements IMarkupRectangle {
         y: number;
     };
     getWidth(): number;
-    getHeigth(): number;
+    getHeight(): number;
     setWidth(w: number): void;
     setHeight(h: number): void;
     setPosition(x: number, y: number): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/markup",
-  "version": "26.7.1",
+  "version": "26.7.6",
   "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.1",
-    "@inweb/viewer-core": "~26.7.1"
+    "@inweb/eventemitter2": "~26.7.6",
+    "@inweb/viewer-core": "~26.7.6"
   },
   "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/IMarkupCloud.ts

@@ -51,7 +51,7 @@ export interface IMarkupCloud extends IMarkupObject, IMarkupColorable {
   /**
    * Returns the height of the cloud.
    */
-  getHeigth(): number;
+  getHeight(): number;
 
   /**
    * Sets the height of the cloud.

package/src/markup/IMarkupEllipse.ts

@@ -79,12 +79,12 @@ export interface IMarkupEllipseParams {
   position?: { x: number; y: number };
 
   /**
-   * Screen coordinates of the center point (position) of the ellipse.
+   * Screen coordinates of the point - X radius of the ellipse.
    */
   position2?: { x: number; y: number };
 
   /**
-   * Screen coordinates of the center point (position) of the ellipse.
+   * Screen coordinates of the point - Y radius of the ellipse.
    */
   position3?: { x: number; y: number };
 

package/src/markup/IMarkupImage.ts

@@ -84,7 +84,7 @@ export interface IMarkupImageParams {
   position?: { x: number; y: number };
 
   /**
-   * Screen coordinates of the bottom-right point (position) of the image. Specify 0 to set widt and
+   * Screen coordinates of the bottom-right point (position) of the image. Specify 0 to set width and
    * height of the source image.
    */
   position2?: { x: number; y: number };

package/src/markup/IMarkupRectangle.ts

@@ -51,7 +51,7 @@ export interface IMarkupRectangle extends IMarkupObject, IMarkupColorable {
   /**
    * Returns the height of the rectangle.
    */
-  getHeigth(): number;
+  getHeight(): number;
 
   /**
    * Sets the height of the rectangle.

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));
@@ -289,7 +289,7 @@ export class KonvaCloud implements IMarkupCloud {
     this._ref.setAttr("wcsEnd", wcsRightLowerPoint);
   }
 
-  getHeigth(): number {
+  getHeight(): number {
     return this._ref.height();
   }
 

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));
@@ -144,7 +144,7 @@ export class KonvaRectangle implements IMarkupRectangle {
     return this._ref.width();
   }
 
-  getHeigth(): number {
+  getHeight(): number {
     return this._ref.height();
   }
 

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));