@inweb/viewer-visualize 25.8.19 → 25.8.20

package/dist/viewer-visualize.js

@@ -12268,7 +12268,14 @@
                 this._ref = ref;
                 return;
             }
-            if (!params || !params.points) return;
+            if (!params) params = {};
+            if (!params.points) params.points = [ {
+                x: 50,
+                y: 50
+            }, {
+                x: 100,
+                y: 100
+            } ];
             const konvaPoints = [];
             params.points.forEach((point => konvaPoints.push(point.x, point.y)));
             this._ref = new Konva.Line({
@@ -12370,7 +12377,12 @@
                 this._ref = ref;
                 return;
             }
-            if (!params || !params.position || !params.text) return;
+            if (!params) params = {};
+            if (!params.position) params.position = {
+                x: 100,
+                y: 100
+            };
+            if (!params.text) params.text = "default";
             this._ref = new Konva.Text({
                 x: params.position.x,
                 y: params.position.y,
@@ -12472,7 +12484,11 @@
                 this._ref = ref;
                 return;
             }
-            if (!params || !params.position) return;
+            if (!params) params = {};
+            if (!params.position) params.position = {
+                x: 100,
+                y: 100
+            };
             this._ref = new Konva.Rect({
                 stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
                 strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
@@ -12582,7 +12598,15 @@
                 this._ref = ref;
                 return;
             }
-            if (!params || !params.position || !params.radius) return;
+            if (!params) params = {};
+            if (!params.position) params.position = {
+                x: 100,
+                y: 100
+            };
+            if (!params.radius) params.radius = {
+                x: 25,
+                y: 25
+            };
             this._ref = new Konva.Ellipse({
                 stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
                 strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
@@ -12704,7 +12728,15 @@
                 this._ref = ref;
                 return;
             }
-            if (!params || !params.start || !params.end) return;
+            if (!params) params = {};
+            if (!params.start) params.start = {
+                x: 50,
+                y: 50
+            };
+            if (!params.end) params.end = {
+                x: 100,
+                y: 100
+            };
             this._ref = new Konva.Arrow({
                 stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
                 fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
@@ -12801,22 +12833,24 @@
             var _a, _b;
             this._ratio = 1;
             this.EPSILON = 1e-5;
+            this.BASE64_NOT_FOUND = "data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAADsAAAA7AF5KHG9AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAmhJREFUWIXtlr9rVEEQxz+H8RQUJIdeIopYm0vkCg0GBBtbG1NF7Kxt7dR/IGIw/uhTaBNLERURg2kCEUyCYCPi70b0InjGS57FzOZN3r19d+9HJIVfWO52dma/s7Mz8xa2KAaBCWAR+AkECWOmSOIdwC1gtQOpHc+NfQ8wClQ8+1d0vcdH/lQ3bSIRGAZ2pTjAqNovANXIWlXlAXA2zvi2Ln4AjqYgtagYEutENSLvjRoOImFv5iB32Ae8UrLXwFBk3h9ndF0VJnKSO9gTu3yKu5Z1LKnS8YIcABgw5Ks692JZFXcXRJ46Aq6kikCnHNi/mQ50WwVtfaIoBzL3gRk2drSscJ2wrc4VvUoe2wn/41/iBfoVLRnBGnDSY3AAKacy8AmYR+o7K1zCl6wgrgpOAc/MuhvfgMuk+1JGHQgSBcAloKXy78AjYBppJk5/noTulseBMZ23iD/piHFkEdgTQzKk+5wHjmHC3cmBg0BD5xcSTrFXyQPgIWFtDwMvab+2N8DpbhyY1v/3E8gdDgNfVX9SCVZ0/gW4B0wB71S2BpxLcuCM/jaQSHSDEeAX4VMuAG4gTzyHbcAVXXO6GxxwIX+vvxe7JHcYQ07nHqklj96UIW/YhSWzMKcep8VVtf8B1Dw6h4DfhB+sdbgn2R+gnoEc5NR3dZ+3QJ9H74HqXLPCGlJyTfI9y3YCs0owq3OLOpKkLeBI1HhSDT/mdKIPiUCARMTlQx34TMLjtww8IczmO8AJ/N/2JNSQXAiQ671JePePge0+wzJSQq4FFzlaenIvucUAkiQLhC/mLGNZ9xgn5s63BP4CCk0QDtm4BhoAAAAASUVORK5CYII=";
+            this.BASE64_HEADER_START = "data:image/";
             if (ref) {
+                if (!ref.src || !ref.src.startsWith(this.BASE64_HEADER_START)) ref.src = this.BASE64_NOT_FOUND;
+                if (ref.height() <= this.EPSILON) ref.height(32);
+                if (ref.width() <= this.EPSILON) ref.width(32);
                 this._ref = ref;
                 this._canvasImage = ref.image();
                 this._ratio = this._ref.height() <= this.EPSILON || this._ref.width() <= this.EPSILON ? 1 : this._ref.height() / this._ref.width();
                 return;
             }
-            if (!params || !params.position || !params.src) return;
+            if (!params) params = {};
+            if (!params.position) params.position = {
+                x: 50,
+                y: 50
+            };
+            if (!params.src || !params.src.startsWith(this.BASE64_HEADER_START)) params.src = this.BASE64_NOT_FOUND;
             this._canvasImage = new Image;
-            this._ref = new Konva.Image({
-                x: params.position.x,
-                y: params.position.y,
-                image: this._canvasImage,
-                width: (_a = params.width) !== null && _a !== void 0 ? _a : 0,
-                height: (_b = params.height) !== null && _b !== void 0 ? _b : 0,
-                draggable: true
-            });
             this._canvasImage.onload = () => {
                 this._ref.image(this._canvasImage);
                 if (this._ref.height() <= this.EPSILON) this._ref.height(this._canvasImage.height);
@@ -12836,7 +12870,19 @@
                     }
                 }
             };
+            this._canvasImage.onerror = () => {
+                this._canvasImage.onerror = function() {};
+                this._canvasImage.src = this.BASE64_NOT_FOUND;
+            };
             this._canvasImage.src = params.src;
+            this._ref = new Konva.Image({
+                x: params.position.x,
+                y: params.position.y,
+                image: this._canvasImage,
+                width: (_a = params.width) !== null && _a !== void 0 ? _a : 0,
+                height: (_b = params.height) !== null && _b !== void 0 ? _b : 0,
+                draggable: true
+            });
             this._ref.on("transform", (e => {
                 const attrs = e.target.attrs;
                 if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
@@ -12935,7 +12981,11 @@
                 this._ref = ref;
                 return;
             }
-            if (!params || !params.position) return;
+            if (!params) params = {};
+            if (!params.position) params.position = {
+                x: 100,
+                y: 100
+            };
             const arcRadius = 16;
             this._ref = new Konva.Shape({
                 x: params.position.x,