@inweb/markup 25.8.20 → 25.8.21

package/dist/markup.module.js

@@ -1,24 +1,24 @@
 import Konva from "konva";
 
 class MarkupColor {
-    get HexColor() {
-        return "#" + this._hex;
+    constructor(r, g, b) {
+        this.setColor(r, g, b);
+    }
+    asHex() {
+        return "#" + this.HEX;
     }
-    get RGB() {
+    asRGB() {
         return {
             r: this.R,
             g: this.G,
             b: this.B
         };
     }
-    constructor(r, g, b) {
-        this.setColor(r, g, b);
-    }
     setColor(r, g, b) {
         this.R = r;
         this.G = g;
         this.B = b;
-        this._hex = this.rgbToHex(r, g, b);
+        this.HEX = this.rgbToHex(r, g, b);
     }
     rgbToHex(r, g, b) {
         const valueToHex = c => {
@@ -983,7 +983,7 @@ const MarkupMode2Konva = {
 
 class KonvaMarkup {
     constructor() {
-        this._pointerEvents = [];
+        this._containerEvents = [];
         this._markupIsActive = false;
         this._markupColor = new MarkupColor(255, 0, 0);
         this.lineWidth = 4;
@@ -1015,12 +1015,12 @@ class KonvaMarkup {
             if (this._viewer) this._viewer.emit(event);
         };
     }
-    initialize(container, pointerEvents, viewer, worldTransformer) {
+    initialize(container, containerEvents, viewer, worldTransformer) {
         if (!Konva) throw new Error('Markup error: Konva is not initialized. Forgot to add <script src="https://unpkg.com/konva@9/konva.min.js"><\/script> to your page?');
         this._viewer = viewer;
         this._worldTransformer = worldTransformer !== null && worldTransformer !== void 0 ? worldTransformer : new WorldTransform;
         this._container = container;
-        this._pointerEvents = pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : [];
+        this._containerEvents = containerEvents !== null && containerEvents !== void 0 ? containerEvents : [];
         this._markupContainer = document.createElement("div");
         this._markupContainer.id = "markup-container";
         this._markupContainer.style.position = "absolute";
@@ -1034,7 +1034,7 @@ class KonvaMarkup {
         this._markupColor.setColor(255, 0, 0);
         this.initializeKonva();
         if (this._viewer) {
-            this._pointerEvents.forEach((x => this._markupContainer.addEventListener(x, this.redirectToViewer)));
+            this._containerEvents.forEach((x => this._markupContainer.addEventListener(x, this.redirectToViewer)));
             this._viewer.addEventListener("changeactivedragger", this.changeActiveDragger);
             this._viewer.addEventListener("pan", this.pan);
         }
@@ -1044,7 +1044,7 @@ class KonvaMarkup {
         if (this._viewer) {
             this._viewer.removeEventListener("pan", this.pan);
             this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
-            this._pointerEvents.forEach((x => this._markupContainer.removeEventListener(x, this.redirectToViewer)));
+            this._containerEvents.forEach((x => this._markupContainer.removeEventListener(x, this.redirectToViewer)));
         }
         this.destroyKonva();
         (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -1064,20 +1064,20 @@ class KonvaMarkup {
         this.getObjects().forEach((obj => obj.delete()));
     }
     getMarkupColor() {
-        return this._markupColor.RGB;
+        return this._markupColor.asRGB();
     }
     setMarkupColor(r, g, b) {
         this._markupColor.setColor(r, g, b);
     }
     colorizeAllMarkup(r, g, b) {
-        const hexColor = new MarkupColor(r, g, b).HexColor;
+        const hexColor = new MarkupColor(r, g, b).asHex();
         this.getObjects().filter((obj => {
             var _a;
             return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor);
         }));
     }
     colorizeSelectedMarkups(r, g, b) {
-        const hexColor = new MarkupColor(r, g, b).HexColor;
+        const hexColor = new MarkupColor(r, g, b).asHex();
         this.getSelectedObjects().filter((obj => {
             var _a;
             return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor);
@@ -1601,7 +1601,7 @@ class KonvaMarkup {
             points: points,
             type: type || this.lineType,
             width: width || this.lineWidth,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaLine);
@@ -1618,7 +1618,7 @@ class KonvaMarkup {
             this._textInputRef.style.top = inputY + "px";
             this._textInputRef.style.left = inputX + "px";
             this._textInputRef.style.fontSize = `${this.fontSize}px`;
-            this._textInputRef.style.color = `${this._markupColor.HexColor}`;
+            this._textInputRef.style.color = `${this._markupColor.asHex()}`;
             this._textInputRef.style.fontFamily = "Calibri";
             this._textInputRef.onkeydown = event => {
                 if (event.key === "Enter" && !event.shiftKey) {
@@ -1708,7 +1708,7 @@ class KonvaMarkup {
             text: text,
             rotation: angle,
             fontSize: fontSize || this.fontSize,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaText);
@@ -1721,7 +1721,7 @@ class KonvaMarkup {
             width: width,
             height: height,
             lineWidth: lineWidth || this.lineWidth,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaRectangle);
@@ -1733,7 +1733,7 @@ class KonvaMarkup {
             position: position,
             radius: radius,
             lineWidth: lineWidth,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaEllipse);
@@ -1744,7 +1744,7 @@ class KonvaMarkup {
         const konvaArrow = new KonvaArrow({
             start: start,
             end: end,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaArrow);
@@ -1756,7 +1756,7 @@ class KonvaMarkup {
             position: position,
             width: width,
             height: height,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             lineWidth: lineWidth || this.lineWidth,
             id: id
         });