@markerjs/markerjs3 3.0.0-rc.2 → 3.0.0-rc.4

package/markerjs3.d.ts

@@ -1033,7 +1033,7 @@ declare class TextBlock {
     /**
      * Renders text within the text block according to its settings.
      */
-    renderText(): void;
+    renderText(): Promise<void>;
     private applyFontStyles;
     private _textSize?;
     /**
@@ -1158,6 +1158,7 @@ declare class TextMarker extends RectangularBoxMarkerBase {
      */
     textBlock: TextBlock;
     constructor(container: SVGGElement);
+    protected applyOpacity(): void;
     /**
      * Creates marker's visual.
      */
@@ -1395,6 +1396,7 @@ declare class ImageMarkerBase extends RectangularBoxMarkerBase {
      */
     protected naturalHeight: number;
     constructor(container: SVGGElement);
+    protected applyOpacity(): void;
     /**
      * Creates the image element based on the image type and source.
      */
@@ -1403,6 +1405,11 @@ declare class ImageMarkerBase extends RectangularBoxMarkerBase {
      * Creates marker's visual, including its image element.
      */
     createVisual(): void;
+    /**
+     * Adjusts marker's visual according to the current state
+     * (color, width, etc.).
+     */
+    adjustVisual(): void;
     /**
      * Adjusts the image size and position.
      */
@@ -1906,6 +1913,7 @@ type MarkerAreaMode = 'select' | 'create' | 'delete';
  *   const state = markerArea.getState();
  *   console.log(state);
  * });
+ * ```
  */
 declare class MarkerArea extends HTMLElement {
     private _contentContainer?;
@@ -1944,6 +1952,10 @@ declare class MarkerArea extends HTMLElement {
      */
     get currentMarkerEditor(): MarkerBaseEditor | undefined;
     private _selectedMarkerEditors;
+    /**
+     * Returns the currently selected marker editors.
+     */
+    get selectedMarkerEditors(): MarkerBaseEditor[];
     private _newMarkerOutline;
     private _targetImageLoaded;
     private _targetImage;
@@ -2740,6 +2752,34 @@ interface MarkerViewEventMap {
      * Viewer state restored.
      */
     viewrestorestate: CustomEvent<MarkerViewEventData>;
+    /**
+     * Marker clicked.
+     */
+    markerclick: CustomEvent<MarkerEventData>;
+    /**
+     * Marker mouse over.
+     */
+    markerover: CustomEvent<MarkerEventData>;
+    /**
+     * Marker pointer down.
+     */
+    markerpointerdown: CustomEvent<MarkerEventData>;
+    /**
+     * Marker pointer move.
+     */
+    markerpointermove: CustomEvent<MarkerEventData>;
+    /**
+     * Marker pointer up.
+     */
+    markerpointerup: CustomEvent<MarkerEventData>;
+    /**
+     * Marker pointer enter.
+     */
+    markerpointerenter: CustomEvent<MarkerEventData>;
+    /**
+     * Marker pointer leave.
+     */
+    markerpointerleave: CustomEvent<MarkerEventData>;
 }
 /**
  * Event data for {@link MarkerView}.
@@ -2750,6 +2790,15 @@ interface MarkerViewEventData {
      */
     markerView: MarkerView;
 }
+/**
+ * Marker custom event data.
+ */
+interface MarkerEventData extends MarkerViewEventData {
+    /**
+     * Marker instance.
+     */
+    marker: MarkerBase;
+}
 /**
  * MarkerView is the main annotation viewer web component.
  *
@@ -2834,6 +2883,7 @@ declare class MarkerView extends HTMLElement {
     private setEditingTargetSize;
     private addTargetImage;
     private addNewMarker;
+    private attachMarkerEvents;
     private attachEvents;
     private attachWindowEvents;
     private detachEvents;