@inweb/markup 25.7.4

package/lib/markup/IMarkupImage.d.ts

@@ -0,0 +1,50 @@
+import { IMarkupObject } from "./IMarkupObject";
+/**
+ * Image Markup object
+ */
+export interface IMarkupImage extends IMarkupObject {
+    /**
+     * Get position of the Image
+     */
+    getPosition(): {
+        x: number;
+        y: number;
+    };
+    /**
+     * Set position of the Image
+     *
+     * @param x - value of X coordinate
+     * @param y - value of Y coordinate
+     */
+    setPosition(x: number, y: number): any;
+    /**
+     * Get source of the Image. Provides base64 string
+     */
+    getSrc(): string;
+    /**
+     * Set source of the Image
+     *
+     * @param src - string in base64 format
+     */
+    setSrc(src: string): any;
+    /**
+     * Get width of the Image
+     */
+    getWidth(): number;
+    /**
+     * Set width of the Image
+     *
+     * @param w - value of width. Height will be automatically updated according to ratio of the Image
+     */
+    setWidth(w: number): any;
+    /**
+     * Get height of the Image
+     */
+    getHeight(): number;
+    /**
+     * Set height of the Image
+     *
+     * @param h - value of height. Width will be automatically updated according to ratio of the Image
+     */
+    setHeight(h: number): any;
+}

package/lib/markup/IMarkupLine.d.ts

@@ -0,0 +1,43 @@
+import { IMarkupObject } from "./IMarkupObject";
+/**
+ * Type of the markup line.
+ */
+export type MarkupLineType = "solid" | "dot" | "dash";
+/**
+ * Line Markup object
+ */
+export interface IMarkupLine extends IMarkupObject {
+    /**
+     * Get points of the Line
+     */
+    getPoints(): number[];
+    /**
+     * Get Line width. Default value is 4
+     */
+    getLineWidth(): number;
+    /**
+     * Set Line width. Default value is 4
+     *
+     * @param size - value of width
+     */
+    setLineWidth(size: number): any;
+    /**
+     * Get Type of the Line. Available values: `solid`, `dot`, `dash`. Default is `solid`
+     */
+    getLineType(): string;
+    /**
+     * Set Type of the Line. Available values: `solid`, `dot`, `dash`. Default is `solid`
+     *
+     * @param type
+     */
+    setLineType(type: string): any;
+    /**
+     * Add points to the Line
+     *
+     * @param {{ x: number; y: number }} points array of points
+     */
+    addPoints(points: [{
+        x: number;
+        y: number;
+    }]): any;
+}

package/lib/markup/IMarkupObject.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Markup object
+ */
+export interface IMarkupObject {
+    /**
+     * Link to Library object (Konva, VisualizeJS)
+     */
+    ref(): any;
+    /**
+     * Get an internal identificator of the object. Not unique
+     */
+    id(): string;
+    /**
+     * Set Mouse editing feature
+     *
+     * @param value true / false
+     */
+    enableMouseEditing(value: boolean): any;
+    /**
+     * Get type of the Markup object
+     */
+    type(): string;
+    /**
+     * Get rotation of the Markup object
+     */
+    getRotation(): number;
+    /**
+     * Set rotation of the Markup object
+     *
+     * @param degrees number of degress to rotate
+     */
+    setRotation(degrees: number): void;
+    /**
+     * Get Z-Index of the Markup object
+     */
+    getZIndex(): number;
+    /**
+     * Set Z-Index of the Markup object
+     *
+     * @param zIndex integer value of Z-Index
+     */
+    setZIndex(zIndex: number): void;
+    /**
+     * Delete current Markup object
+     */
+    delete(): void;
+}

package/lib/markup/IMarkupRectangle.d.ts

@@ -0,0 +1,50 @@
+import { IMarkupObject } from "./IMarkupObject";
+/**
+ * Rectangle Markup object
+ */
+export interface IMarkupRectangle extends IMarkupObject {
+    /**
+     * Get position of the Rectangle
+     */
+    getPosition(): {
+        x: number;
+        y: number;
+    };
+    /**
+     * Set position of the Rectangle
+     *
+     * @param x - value of X coordinate
+     * @param y - value of Y coordinate
+     */
+    setPosition(x: number, y: number): any;
+    /**
+     * Get width of the Rectangle. Default value is 200
+     */
+    getWidth(): number;
+    /**
+     * Set width of the Rectangle
+     *
+     * @param w - value of width. Default value is 200
+     */
+    setWidth(w: number): any;
+    /**
+     * Get height of the Rectangle. Default value is 200
+     */
+    getHeigth(): number;
+    /**
+     * Set height of the Rectangle
+     *
+     * @param h - value of height. Default value is 200
+     */
+    setHeight(h: number): any;
+    /**
+     * Get line width of the Rectangle. Defailt value is 4
+     */
+    getLineWidth(): number;
+    /**
+     * Set line width of the Rectangle
+     *
+     * @param size - value of width. Defailt value is 4
+     */
+    setLineWidth(size: number): any;
+}

package/lib/markup/IMarkupText.d.ts

@@ -0,0 +1,40 @@
+import { IMarkupObject } from "./IMarkupObject";
+/**
+ * Text Markup object
+ */
+export interface IMarkupText extends IMarkupObject {
+    /**
+     * Get Text value
+     */
+    getText(): string;
+    /**
+     * Set Text value
+     *
+     * @param text - string value
+     */
+    setText(text: string): void;
+    /**
+     * Get position of the Text
+     */
+    getPosition(): {
+        x: number;
+        y: number;
+    };
+    /**
+     * Set position of the Text
+     *
+     * @param x - value of X coordinate
+     * @param y - value of Y coordinate
+     */
+    setPosition(x: number, y: number): any;
+    /**
+     * Get font size. Default value is 34
+     */
+    getFontSize(): any;
+    /**
+     * Set font size. Default value is 34
+     *
+     * @param size
+     */
+    setFontSize(size: number): any;
+}

package/lib/markup/IWorldTransform.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Viewer coordiate system transformer.
+ */
+export interface IWorldTransform {
+    /**
+     * Transforms `position` from screen space into world space.
+     *
+     * @param position - screen position in pixels.
+     */
+    screenToWorld(position: {
+        x: number;
+        y: number;
+    }): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    /**
+     * Transforms `position` from world space into screen space.
+     *
+     * @param position - position in world space coordinates.
+     */
+    worldToScreen(position: {
+        x: number;
+        y: number;
+        z: number;
+    }): {
+        x: number;
+        y: number;
+    };
+    /**
+     * Returns the scaling factors for each axis in world space.
+     */
+    getScale(): {
+        x: number;
+        y: number;
+        z: number;
+    };
+}

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

@@ -0,0 +1,46 @@
+import { IMarkupArrow } from "../IMarkupArrow";
+import { IMarkupColorable } from "../IMarkupColorable";
+export declare class KonvaArrow implements IMarkupArrow, IMarkupColorable {
+    private _ref;
+    constructor(params: {
+        start: {
+            x: number;
+            y: number;
+        };
+        end: {
+            x: number;
+            y: number;
+        };
+        color?: string;
+        id?: string;
+    }, ref?: any);
+    ref(): import("konva/lib/shapes/Arrow").Arrow;
+    id(): string;
+    enableMouseEditing(value: boolean): void;
+    type(): string;
+    getColor(): string;
+    setColor(hex: string): void;
+    getRotation(): number;
+    setRotation(degrees: number): void;
+    getZIndex(): number;
+    setZIndex(zIndex: number): void;
+    delete(): void;
+    getPoints(): {
+        x: number;
+        y: number;
+    }[];
+    setPoints(points: {
+        x: number;
+        y: number;
+    }[]): void;
+    getStartPoint(): {
+        x: number;
+        y: number;
+    };
+    setStartPoint(x: number, y: number): void;
+    getEndPoint(): {
+        x: number;
+        y: number;
+    };
+    setEndPoint(x: number, y: number): void;
+}

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

@@ -0,0 +1,35 @@
+import { IMarkupColorable } from "../IMarkupColorable";
+import { IMarkupCloud } from "../IMarkupCloud";
+export declare class KonvaCloud implements IMarkupCloud, IMarkupColorable {
+    private _ref;
+    constructor(params: {
+        position: {
+            x: number;
+            y: number;
+        };
+        width?: number;
+        height?: number;
+        lineWidth?: number;
+        color?: string;
+        id?: string;
+    }, ref?: any);
+    ref(): import("konva/lib/Shape").Shape<import("konva/lib/Shape").ShapeConfig>;
+    id(): string;
+    enableMouseEditing(value: boolean): void;
+    type(): string;
+    getColor(): string;
+    setColor(hex: string): void;
+    getRotation(): number;
+    setRotation(degrees: number): void;
+    getZIndex(): number;
+    setZIndex(zIndex: number): void;
+    delete(): void;
+    getPosition(): import("konva/lib/types").Vector2d;
+    setPosition(x: number, y: number): void;
+    getWidth(): number;
+    setWidth(w: number): void;
+    getHeigth(): number;
+    setHeight(h: number): void;
+    getLineWidth(): number;
+    setLineWidth(size: number): void;
+}

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

@@ -0,0 +1,40 @@
+import { IMarkupEllipse } from "../IMarkupEllipse";
+import { IMarkupColorable } from "../IMarkupColorable";
+export declare class KonvaEllipse implements IMarkupEllipse, IMarkupColorable {
+    private _ref;
+    constructor(params: {
+        position: {
+            x: number;
+            y: number;
+        };
+        radius: {
+            x: number;
+            y: number;
+        };
+        lineWidth?: number;
+        color?: string;
+        id?: string;
+    }, ref?: any);
+    getPosition(): {
+        x: number;
+        y: number;
+    };
+    setPosition(x: number, y: number): void;
+    getRadiusX(): number;
+    setRadiusX(r: number): void;
+    getRadiusY(): number;
+    setRadiusY(r: number): void;
+    getLineWidth(): number;
+    setLineWidth(size: number): void;
+    ref(): import("konva/lib/shapes/Ellipse").Ellipse;
+    id(): string;
+    enableMouseEditing(value: boolean): void;
+    type(): string;
+    getColor(): string;
+    setColor(hex: string): void;
+    getRotation(): number;
+    setRotation(degrees: number): void;
+    getZIndex(): number;
+    setZIndex(zIndex: number): void;
+    delete(): void;
+}

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

@@ -0,0 +1,36 @@
+import { IMarkupImage } from "../IMarkupImage";
+export declare class KonvaImage implements IMarkupImage {
+    private _ref;
+    private _canvasImage;
+    private _ratio;
+    constructor(params: {
+        position: {
+            x: number;
+            y: number;
+        };
+        src: string;
+        width: number;
+        height: number;
+        id?: string;
+    }, ref?: any);
+    getSrc(): string;
+    setSrc(src: any): void;
+    getWidth(): number;
+    setWidth(w: number): void;
+    getHeight(): number;
+    setHeight(h: number): void;
+    ref(): import("konva/lib/shapes/Image").Image;
+    id(): string;
+    enableMouseEditing(value: boolean): void;
+    type(): string;
+    getRotation(): number;
+    setRotation(degrees: number): void;
+    getZIndex(): number;
+    setZIndex(zIndex: number): void;
+    delete(): void;
+    getPosition(): {
+        x: number;
+        y: number;
+    };
+    setPosition(x: number, y: number): void;
+}

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

@@ -0,0 +1,35 @@
+import { IMarkupLine, MarkupLineType } from "../IMarkupLine";
+import { IMarkupColorable } from "../IMarkupColorable";
+export declare class KonvaLine implements IMarkupLine, IMarkupColorable {
+    private _ref;
+    constructor(params: {
+        points: {
+            x: number;
+            y: number;
+        }[];
+        type?: MarkupLineType;
+        width?: number;
+        color?: string;
+        id?: string;
+    }, ref?: any);
+    ref(): import("konva/lib/shapes/Line").Line<import("konva/lib/shapes/Line").LineConfig>;
+    id(): string;
+    enableMouseEditing(value: boolean): void;
+    type(): string;
+    getColor(): string;
+    setColor(hex: string): void;
+    getRotation(): number;
+    setRotation(degrees: number): void;
+    getZIndex(): number;
+    setZIndex(zIndex: number): void;
+    delete(): void;
+    getPoints(): number[];
+    setLineWidth(size: number): void;
+    getLineWidth(): number;
+    getLineType(): string;
+    setLineType(type: string): void;
+    addPoints(points: [{
+        x: number;
+        y: number;
+    }]): void;
+}

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

@@ -0,0 +1,82 @@
+import { IEventEmitter } from "@inweb/eventemitter2";
+import { ChangeActiveDraggerEvent, IViewpoint, PanEvent } from "@inweb/viewer-core";
+import { IMarkup } from "../IMarkup";
+import { IWorldTransform } from "../IWorldTransform";
+import { IMarkupObject } from "../IMarkupObject";
+import { MarkupLineType } from "../IMarkupLine";
+/**
+ * 2D markup core.
+ */
+export declare class KonvaMarkup implements IMarkup {
+    private _isInitialized;
+    private _viewer;
+    private _worldTransformer;
+    private _canvasOriginal;
+    private _canvasEvents;
+    private _markupIsActive;
+    private _markupMode;
+    private _markupColor;
+    private _konvaStage;
+    private _konvaLayer;
+    private _konvaTransformer;
+    private _textInputRef;
+    private _textInputPos;
+    private _textInputAngle;
+    private _imageInputRef;
+    private _imageInputPos;
+    private _markupContainer;
+    private _zIndex;
+    private readonly _markupContainerName;
+    lineWidth: number;
+    lineType: MarkupLineType;
+    fontSize: number;
+    initialize(canvas: HTMLCanvasElement, canvasEvents: string[], viewer?: IEventEmitter, worldTransformer?: IWorldTransform): void;
+    dispose(): void;
+    changeActiveDragger: (event: ChangeActiveDraggerEvent) => void;
+    resize: () => void;
+    pan: (event: PanEvent) => void;
+    redirectToViewer: (event: any) => void;
+    syncOverlay(): void;
+    clearOverlay(): void;
+    getMarkupColor(): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    setMarkupColor(r: number, g: number, b: number): void;
+    colorizeAllMarkup(r?: number, g?: number, b?: number): void;
+    colorizeSelectedMarkups(r: number, g: number, b: number): void;
+    setViewpoint(viewpoint: IViewpoint): void;
+    getViewpoint(): IViewpoint;
+    createObject(type: string, params: any): IMarkupObject;
+    getObjects(): IMarkupObject[];
+    getSelectedObjects(): IMarkupObject[];
+    selectObjects(objects: IMarkupObject[]): void;
+    clearSelected(): void;
+    private getPoint3dFromArray;
+    private fillViewpointShapes;
+    private addObject;
+    private konvaLayerFind;
+    private initializeKonva;
+    private destroyKonva;
+    private getMarkupLines;
+    private getMarkupTexts;
+    private getMarkupRectangles;
+    private getMarkupEllipses;
+    private getMarkupArrows;
+    private getMarkupImages;
+    private getMarkupClouds;
+    private loadMarkup;
+    private combineMarkupWithDrawing;
+    private addLine;
+    private createTextInput;
+    private removeTextInput;
+    private createImageInput;
+    private removeImageInput;
+    private addText;
+    private addRectangle;
+    private addEllipse;
+    private addArrow;
+    private addCloud;
+    private addImage;
+}

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

@@ -0,0 +1,38 @@
+import { IMarkupRectangle } from "../IMarkupRectangle";
+import { IMarkupColorable } from "../IMarkupColorable";
+export declare class KonvaRectangle implements IMarkupRectangle, IMarkupColorable {
+    private _ref;
+    constructor(params: {
+        position: {
+            x: number;
+            y: number;
+        };
+        width?: number;
+        height?: number;
+        lineWidth?: number;
+        color?: string;
+        id?: string;
+    }, ref?: any);
+    getPosition(): {
+        x: number;
+        y: number;
+    };
+    getWidth(): number;
+    getHeigth(): number;
+    setWidth(w: number): void;
+    setHeight(h: number): void;
+    setPosition(x: number, y: number): void;
+    ref(): import("konva/lib/shapes/Rect").Rect;
+    id(): string;
+    enableMouseEditing(value: boolean): void;
+    type(): string;
+    getColor(): string;
+    setColor(hex: string): void;
+    getRotation(): number;
+    setRotation(degrees: number): void;
+    getZIndex(): number;
+    setZIndex(zIndex: number): void;
+    delete(): void;
+    setLineWidth(size: number): void;
+    getLineWidth(): number;
+}

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

@@ -0,0 +1,37 @@
+import { IMarkupText } from "../IMarkupText";
+import { IMarkupColorable } from "../IMarkupColorable";
+export declare class KonvaText implements IMarkupText, IMarkupColorable {
+    private _ref;
+    private readonly TEXT_FONT_FAMILY;
+    constructor(params: {
+        position: {
+            x: number;
+            y: number;
+        };
+        text: string;
+        rotation?: number;
+        fontSize?: number;
+        color?: string;
+        id?: string;
+    }, ref?: any);
+    ref(): import("konva/lib/shapes/Text").Text;
+    id(): string;
+    enableMouseEditing(value: boolean): void;
+    type(): string;
+    getColor(): string;
+    setColor(hex: string): void;
+    getRotation(): number;
+    setRotation(degrees: number): void;
+    getZIndex(): number;
+    setZIndex(zIndex: number): void;
+    delete(): void;
+    getText(): string;
+    setText(text: string): void;
+    getPosition(): {
+        x: number;
+        y: number;
+    };
+    setPosition(x: number, y: number): void;
+    getFontSize(): number;
+    setFontSize(size: number): void;
+}

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

@@ -0,0 +1,38 @@
+/**
+ * Markup color.
+ */
+export declare class MarkupColor {
+    R: number;
+    G: number;
+    B: number;
+    private _hex;
+    /**
+     * Color in #000000 format
+     */
+    get HexColor(): string;
+    /**
+     * Color as object with r,g,b properties
+     */
+    get RGB(): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    /**
+     * Create an instance of Color
+     *
+     * @param r - Red color in [0,255] range
+     * @param g - Green color in [0,255] range
+     * @param b - Blue color in [0,255] range
+     */
+    constructor(r: number, g: number, b: number);
+    /**
+     * Set Color for current instance
+     *
+     * @param r - Red color in [0,255] range
+     * @param g - Green color in [0,255] range
+     * @param b - Blue color in [0,255] range
+     */
+    setColor(r: number, g: number, b: number): void;
+    private rgbToHex;
+}