@markerjs/markerjs3 3.3.0 → 3.5.0

package/markerjs3.d.ts

@@ -1855,27 +1855,31 @@ declare class MarkerBaseEditor<TMarkerType extends MarkerBase = MarkerBase> {
      *
      * @param point - event coordinates.
      * @param target - direct event target element.
+     * @param ev - pointer event.
      */
-    pointerDown(point: IPoint, target?: EventTarget): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
     /**
      * Handles pointer (mouse, touch, stylus, etc.) double click event.
      *
      * @param point - event coordinates.
      * @param target - direct event target element.
+     * @param ev - pointer event.
      */
-    dblClick(point: IPoint, target?: EventTarget): void;
+    dblClick(point: IPoint, target?: EventTarget, ev?: MouseEvent): void;
     /**
      * Handles marker manipulation (move, resize, rotate, etc.).
      *
      * @param point - event coordinates.
+     * @param ev - pointer event.
      */
-    manipulate(point: IPoint): void;
+    manipulate(point: IPoint, ev?: PointerEvent): void;
     /**
      * Handles pointer (mouse, touch, stylus, etc.) up event.
      *
      * @param point - event coordinates.
+     * @param ev - pointer event.
      */
-    pointerUp(point: IPoint): void;
+    pointerUp(point: IPoint, ev?: PointerEvent): void;
     /**
      * Disposes the marker and clean's up.
      */
@@ -2186,8 +2190,10 @@ declare class MarkerArea extends HTMLElement {
      */
     deselectEditor(editor?: MarkerBaseEditor): void;
     private touchPoints;
+    private leadPointerId?;
     private isDragging;
     private isSelecting;
+    private isPanning;
     private _marqueeSelectOutline;
     private _marqueeSelectRect;
     private _manipulationStartX;
@@ -2392,14 +2398,14 @@ declare class RectangularBoxMarkerBaseEditor<TMarkerType extends RectangularBoxM
     private disableRotation;
     constructor(properties: MarkerEditorProperties<TMarkerType>);
     ownsTarget(el: EventTarget): boolean;
-    pointerDown(point: IPoint, target?: EventTarget): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
     /**
      * When set to true marker created event will not be triggered.
      */
     protected _suppressMarkerCreateEvent: boolean;
-    pointerUp(point: IPoint): void;
-    manipulate(point: IPoint): void;
-    protected resize(point: IPoint): void;
+    pointerUp(point: IPoint, ev?: PointerEvent): void;
+    manipulate(point: IPoint, ev?: PointerEvent): void;
+    protected resize(point: IPoint, preserveAspectRatio?: boolean): void;
     /**
      * Sets control box size and location.
      */
@@ -2453,9 +2459,9 @@ declare class RectangularBoxMarkerBaseEditor<TMarkerType extends RectangularBoxM
  */
 declare class ShapeOutlineMarkerEditor<TMarkerType extends ShapeOutlineMarkerBase = ShapeOutlineMarkerBase> extends RectangularBoxMarkerBaseEditor<TMarkerType> {
     constructor(properties: MarkerEditorProperties<TMarkerType>);
-    pointerDown(point: IPoint, target?: EventTarget): void;
-    protected resize(point: IPoint): void;
-    pointerUp(point: IPoint): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
+    protected resize(point: IPoint, preserveAspectRatio?: boolean): void;
+    pointerUp(point: IPoint, ev?: PointerEvent): void;
 }
 
 /**
@@ -2508,9 +2514,9 @@ declare class LinearMarkerEditor<TMarkerType extends LinearMarkerBase = LinearMa
     protected activeGrip?: ResizeGrip;
     constructor(properties: MarkerEditorProperties<TMarkerType>);
     ownsTarget(el: EventTarget): boolean;
-    pointerDown(point: IPoint, target?: EventTarget): void;
-    pointerUp(point: IPoint): void;
-    manipulate(point: IPoint): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
+    pointerUp(point: IPoint, ev?: PointerEvent): void;
+    manipulate(point: IPoint, ev?: PointerEvent): void;
     protected resize(point: IPoint): void;
     /**
      * Creates control box for manipulation controls.
@@ -2578,14 +2584,14 @@ declare class PolygonMarkerEditor<TMarkerType extends PolygonMarker = PolygonMar
     protected activeGrip?: ResizeGrip;
     constructor(properties: MarkerEditorProperties<TMarkerType>);
     ownsTarget(el: EventTarget): boolean;
-    pointerDown(point: IPoint, target?: EventTarget): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
     private startCreation;
     private addNewPointWhileCreating;
     private finishCreation;
-    pointerUp(point: IPoint): void;
-    manipulate(point: IPoint): void;
+    pointerUp(point: IPoint, ev?: PointerEvent): void;
+    manipulate(point: IPoint, ev?: PointerEvent): void;
     protected resize(point: IPoint): void;
-    dblClick(point: IPoint, target?: EventTarget | undefined): void;
+    dblClick(point: IPoint, target?: EventTarget, ev?: MouseEvent): void;
     /**
      * Creates control box for manipulation controls.
      */
@@ -2637,12 +2643,12 @@ declare class FreehandMarkerEditor<TMarkerType extends FreehandMarker = Freehand
     private controlRect?;
     constructor(properties: MarkerEditorProperties<TMarkerType>);
     ownsTarget(el: EventTarget): boolean;
-    pointerDown(point: IPoint, target?: EventTarget): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
     private startCreation;
     private addNewPointWhileCreating;
     private finishCreation;
-    pointerUp(point: IPoint): void;
-    manipulate(point: IPoint): void;
+    pointerUp(point: IPoint, ev?: PointerEvent): void;
+    manipulate(point: IPoint, ev?: PointerEvent): void;
     /**
      * Creates control box for manipulation controls.
      */
@@ -2818,11 +2824,11 @@ declare class TextMarkerEditor<TMarkerType extends TextMarker = TextMarker> exte
     constructor(properties: MarkerEditorProperties<TMarkerType>);
     private _pointerDownTime;
     private _pointerDownPoint;
-    pointerDown(point: IPoint, target?: EventTarget): void;
-    dblClick(point: IPoint, target?: EventTarget): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
+    dblClick(point: IPoint, target?: EventTarget, ev?: MouseEvent): void;
     protected setSize(): void;
-    protected resize(point: IPoint): void;
-    pointerUp(point: IPoint): void;
+    protected resize(point: IPoint, preserveAspectRatio?: boolean): void;
+    pointerUp(point: IPoint, ev?: PointerEvent): void;
     private showEditor;
     private hideEditor;
     private markerSizeChanged;
@@ -2860,8 +2866,8 @@ declare class CalloutMarkerEditor<TMarkerType extends CalloutMarker = CalloutMar
     private createTipGrip;
     protected positionGrips(): void;
     ownsTarget(el: EventTarget): boolean;
-    pointerDown(point: IPoint, target?: EventTarget): void;
-    protected resize(point: IPoint): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
+    protected resize(point: IPoint, preserveAspectRatio?: boolean): void;
 }
 
 /**
@@ -2872,8 +2878,8 @@ declare class CalloutMarkerEditor<TMarkerType extends CalloutMarker = CalloutMar
  */
 declare class ImageMarkerEditor<TMarkerType extends ImageMarkerBase = ImageMarkerBase> extends RectangularBoxMarkerBaseEditor<TMarkerType> {
     constructor(properties: MarkerEditorProperties<TMarkerType>);
-    pointerDown(point: IPoint, target?: EventTarget): void;
-    pointerUp(point: IPoint): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
+    pointerUp(point: IPoint, ev?: PointerEvent): void;
 }
 
 /**
@@ -2897,9 +2903,9 @@ declare class CurveMarkerEditor<TMarkerType extends CurveMarker = CurveMarker> e
     private curveControlLine1?;
     private curveControlLine2?;
     ownsTarget(el: EventTarget): boolean;
-    pointerDown(point: IPoint, target?: EventTarget): void;
+    pointerDown(point: IPoint, target?: EventTarget, ev?: PointerEvent): void;
     protected resize(point: IPoint): void;
-    manipulate(point: IPoint): void;
+    manipulate(point: IPoint, ev?: PointerEvent): void;
     protected setupControlBox(): void;
     protected adjustControlBox(): void;
     protected addControlGrips(): void;
@@ -3060,6 +3066,7 @@ declare class MarkerView extends HTMLElement {
     private _isInitialized;
     private _defsElement?;
     private _defs;
+    private prevPanPoint;
     constructor();
     private connectedCallback;
     private disconnectedCallback;
@@ -3076,6 +3083,12 @@ declare class MarkerView extends HTMLElement {
     private attachWindowEvents;
     private detachEvents;
     private detachWindowEvents;
+    private touchPoints;
+    private leadPointerId?;
+    private onCanvasPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    private onPointerOut;
     private getMarkerTypeByName;
     /**
      * Adds a new marker type to be available in the viewer.
@@ -3089,6 +3102,7 @@ declare class MarkerView extends HTMLElement {
      */
     show(state: AnnotationState): void;
     private scaleMarkers;
+    private panTo;
     /**
      * NOTE:
      *