@markerjs/markerjs3 3.0.0 → 3.1.0

package/markerjs3.d.ts

@@ -703,6 +703,18 @@ declare class LinearMarkerBase extends MarkerBase {
      * Visible visual of the marker.
      */
     protected visibleVisual: SVGGraphicsElement | undefined;
+    /**
+     * Line visual of the marker.
+     */
+    protected lineVisual: SVGGraphicsElement | undefined;
+    /**
+     * Start terminator (ending) visual of the marker.
+     */
+    protected startTerminatorVisual: SVGGraphicsElement | undefined;
+    /**
+     * End terminator (ending) visual of the marker.
+     */
+    protected endTerminatorVisual: SVGGraphicsElement | undefined;
     protected applyStrokeColor(): void;
     protected applyStrokeWidth(): void;
     protected applyStrokeDasharray(): void;
@@ -710,13 +722,23 @@ declare class LinearMarkerBase extends MarkerBase {
     constructor(container: SVGGElement);
     ownsTarget(el: EventTarget): boolean;
     /**
-     * The path representing the marker visual.
+     * The path representing the line part of the marker visual.
      *
      * When implemented in derived class should return SVG path for the marker.
      *
      * @returns SVG path for the marker.
      */
     protected getPath(): string;
+    /**
+     * The path representing the start terminator (ending) part of the marker visual.
+     * @returns SVG path
+     */
+    protected getStartTerminatorPath(): string;
+    /**
+     * The path representing the end terminator (ending) part of the marker visual.
+     * @returns SVG path
+     */
+    protected getEndTerminatorPath(): string;
     /**
      * Creates marker's visual.
      */
@@ -775,7 +797,9 @@ declare class ArrowMarker extends LineMarker {
     get arrowType(): ArrowType;
     set arrowType(value: ArrowType);
     constructor(container: SVGGElement);
-    protected getPath(): string;
+    private getArrowProperties;
+    protected getStartTerminatorPath(): string;
+    protected getEndTerminatorPath(): string;
     protected applyStrokeWidth(): void;
     getState(): ArrowMarkerState;
     restoreState(state: MarkerBaseState): void;
@@ -793,7 +817,9 @@ declare class MeasurementMarker extends LineMarker {
     static typeName: string;
     static title: string;
     constructor(container: SVGGElement);
-    protected getPath(): string;
+    protected getStartTerminatorPath(): string;
+    protected getEndTerminatorPath(): string;
+    private getTerminatorProperties;
     protected applyStrokeWidth(): void;
 }
 
@@ -1530,6 +1556,40 @@ declare class CaptionFrameMarker extends TextMarker {
     scale(scaleX: number, scaleY: number): void;
 }
 
+interface CurveMarkerState extends LinearMarkerBaseState {
+    /**
+     * x coordinate for the curve control point.
+     */
+    curveX: number;
+    /**
+     * y coordinate for the curve control point.
+     */
+    curveY: number;
+}
+
+/**
+ * Curve marker represents a curved line.
+ *
+ * @summary Curve marker.
+ * @group Markers
+ */
+declare class CurveMarker extends LineMarker {
+    static typeName: string;
+    static title: string;
+    /**
+     * x coordinate for the curve control point.
+     */
+    curveX: number;
+    /**
+     * y coordinate for the curve control point.
+     */
+    curveY: number;
+    constructor(container: SVGGElement);
+    protected getPath(): string;
+    getState(): CurveMarkerState;
+    restoreState(state: CurveMarkerState): void;
+}
+
 /**
  * Properties for marker editor.
  */
@@ -2343,10 +2403,6 @@ declare class LinearMarkerEditor<TMarkerType extends LinearMarkerBase = LinearMa
     private manipulationStartY1;
     private manipulationStartX2;
     private manipulationStartY2;
-    /**
-     * Container for control elements.
-     */
-    protected controlBox: SVGGElement;
     /**
      * Container for manipulation grips.
      */
@@ -2744,6 +2800,25 @@ declare class CaptionFrameMarkerEditor<TMarkerType extends CaptionFrameMarker =
     protected setSize(): void;
 }
 
+declare class CurveMarkerEditor<TMarkerType extends CurveMarker = CurveMarker> extends LinearMarkerEditor<TMarkerType> {
+    /**
+     * Curve manipulation grip.
+     */
+    protected curveGrip?: ResizeGrip;
+    private manipulationStartCurveX;
+    private manipulationStartCurveY;
+    private curveControlLine1?;
+    private curveControlLine2?;
+    ownsTarget(el: EventTarget): boolean;
+    pointerDown(point: IPoint, target?: EventTarget): void;
+    protected resize(point: IPoint): void;
+    manipulate(point: IPoint): void;
+    protected setupControlBox(): void;
+    protected adjustControlBox(): void;
+    protected addControlGrips(): void;
+    protected positionGrips(): void;
+}
+
 /**
  * Event map for {@link MarkerView}.
  */
@@ -3056,4 +3131,4 @@ declare class Renderer {
     rasterize(state: AnnotationState, targetCanvas?: HTMLCanvasElement): Promise<string>;
 }
 
-export { Activator, type AnnotationState, ArrowMarker, ArrowMarkerEditor, type ArrowMarkerState, type ArrowType, type BlurHandler, CalloutMarker, CalloutMarkerEditor, type CalloutMarkerState, CaptionFrameMarker, CaptionFrameMarkerEditor, type CaptionFrameMarkerState, CheckImageMarker, CoverMarker, CustomImageMarker, EllipseFrameMarker, EllipseMarker, type FontSize, FrameMarker, FreehandMarker, FreehandMarkerEditor, type FreehandMarkerState, Grip, type GripLocation, HighlightMarker, type IPoint, type ISize, type ITransformMatrix, ImageMarkerBase, type ImageMarkerBaseState, ImageMarkerEditor, type ImageType, LineMarker, LinearMarkerBase, type LinearMarkerBaseState, LinearMarkerEditor, MarkerArea, type MarkerAreaEventData, type MarkerAreaEventMap, type MarkerAreaMode, MarkerBase, MarkerBaseEditor, type MarkerBaseState, type MarkerCreationStyle, type MarkerEditorEventData, type MarkerEditorProperties, type MarkerEditorState, type MarkerEventData, type MarkerStage, MarkerView, type MarkerViewEventData, type MarkerViewEventMap, MeasurementMarker, PolygonMarker, PolygonMarkerEditor, type PolygonMarkerState, RectangularBoxMarkerBase, type RectangularBoxMarkerBaseState, Renderer, ResizeGrip, RotateGrip, ShapeMarkerBase, type ShapeMarkerBaseState, ShapeMarkerEditor, ShapeOutlineMarkerBase, type ShapeOutlineMarkerBaseState, ShapeOutlineMarkerEditor, SvgHelper, TextBlock, TextBlockEditor, type TextChangedHandler, TextMarker, TextMarkerEditor, type TextMarkerState, XImageMarker };
+export { Activator, type AnnotationState, ArrowMarker, ArrowMarkerEditor, type ArrowMarkerState, type ArrowType, type BlurHandler, CalloutMarker, CalloutMarkerEditor, type CalloutMarkerState, CaptionFrameMarker, CaptionFrameMarkerEditor, type CaptionFrameMarkerState, CheckImageMarker, CoverMarker, CurveMarker, CurveMarkerEditor, type CurveMarkerState, CustomImageMarker, EllipseFrameMarker, EllipseMarker, type FontSize, FrameMarker, FreehandMarker, FreehandMarkerEditor, type FreehandMarkerState, Grip, type GripLocation, HighlightMarker, type IPoint, type ISize, type ITransformMatrix, ImageMarkerBase, type ImageMarkerBaseState, ImageMarkerEditor, type ImageType, LineMarker, LinearMarkerBase, type LinearMarkerBaseState, LinearMarkerEditor, MarkerArea, type MarkerAreaEventData, type MarkerAreaEventMap, type MarkerAreaMode, MarkerBase, MarkerBaseEditor, type MarkerBaseState, type MarkerCreationStyle, type MarkerEditorEventData, type MarkerEditorProperties, type MarkerEditorState, type MarkerEventData, type MarkerStage, MarkerView, type MarkerViewEventData, type MarkerViewEventMap, MeasurementMarker, PolygonMarker, PolygonMarkerEditor, type PolygonMarkerState, RectangularBoxMarkerBase, type RectangularBoxMarkerBaseState, Renderer, ResizeGrip, RotateGrip, ShapeMarkerBase, type ShapeMarkerBaseState, ShapeMarkerEditor, ShapeOutlineMarkerBase, type ShapeOutlineMarkerBaseState, ShapeOutlineMarkerEditor, SvgHelper, TextBlock, TextBlockEditor, type TextChangedHandler, TextMarker, TextMarkerEditor, type TextMarkerState, XImageMarker };