@inweb/markup 25.8.16 → 25.8.20

package/dist/markup.js

@@ -11571,8 +11571,13 @@
 	            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({
@@ -11674,8 +11679,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,
@@ -11776,8 +11785,10 @@
 	            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,
@@ -11886,8 +11897,12 @@
 	            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,
@@ -12002,8 +12017,12 @@
 	            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",
@@ -12091,16 +12110,63 @@
 	    constructor(params, ref = null) {
 	        var _a, _b;
 	        this._ratio = 1;
+	        this.EPSILON = 10e-6;
+	        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.height() === 0 || ref.width() === 0) return;
+	            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() === 0 || this._ref.width() === 0 ? 1 : this._ref.height() / this._ref.width();
+	            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._canvasImage.onload = () => {
+	            this._ref.image(this._canvasImage);
+	            if (this._ref.height() <= this.EPSILON)
+	                this._ref.height(this._canvasImage.height);
+	            if (this._ref.width() <= this.EPSILON)
+	                this._ref.width(this._canvasImage.width);
+	            this._ratio =
+	                this._ref.height() <= this.EPSILON || this._ref.width() <= this.EPSILON
+	                    ? 1
+	                    : this._ref.height() / this._ref.width();
+	            // need to rescale only if input width and height are 0 - we do not loading Viewpoint with existing params
+	            if ((params.width <= this.EPSILON || params.height <= this.EPSILON) &&
+	                (params.maxWidth >= this.EPSILON || params.maxWidth >= this.EPSILON)) {
+	                const heightOutOfCanvas = params.maxHeight - this._canvasImage.height;
+	                const widthOutOfCanvas = params.maxWidth - this._canvasImage.width;
+	                if (heightOutOfCanvas <= this.EPSILON || widthOutOfCanvas <= this.EPSILON) {
+	                    if (widthOutOfCanvas <= this.EPSILON && widthOutOfCanvas < heightOutOfCanvas / this._ratio) {
+	                        this._ref.height(params.maxWidth * this._ratio);
+	                        this._ref.width(params.maxWidth);
+	                    }
+	                    else {
+	                        this._ref.width(params.maxHeight / this._ratio);
+	                        this._ref.height(params.maxHeight);
+	                    }
+	                }
+	            }
+	        };
+	        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,
@@ -12109,15 +12175,6 @@
 	            height: (_b = params.height) !== null && _b !== void 0 ? _b : 0,
 	            draggable: true,
 	        });
-	        this._canvasImage.onload = () => {
-	            this._ref.image(this._canvasImage);
-	            if (this._ref.height() === 0)
-	                this._ref.height(this._canvasImage.height);
-	            if (this._ref.width() === 0)
-	                this._ref.width(this._canvasImage.width);
-	            this._ratio = this._ref.height() === 0 || this._ref.width() === 0 ? 1 : this._ref.height() / this._ref.width();
-	        };
-	        this._canvasImage.src = params.src;
 	        this._ref.on("transform", (e) => {
 	            const attrs = e.target.attrs;
 	            if (attrs.rotation !== this._ref.rotation())
@@ -12215,8 +12272,10 @@
 	            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,
@@ -13229,6 +13288,8 @@
 	            src,
 	            width,
 	            height,
+	            maxWidth: this._konvaStage.width() - position.x,
+	            maxHeight: this._konvaStage.height() - position.y,
 	            id,
 	        });
 	        this.addObject(konvaImage);