@inweb/markup 25.8.8 → 25.8.10

package/dist/markup.module.js

@@ -61,7 +61,7 @@ class KonvaLine {
             this._ref = ref;
             return;
         }
-        if (!params.points) return;
+        if (!params || !params.points) return;
         const konvaPoints = [];
         params.points.forEach((point => konvaPoints.push(point.x, point.y)));
         this._ref = new Konva.Line({
@@ -163,7 +163,7 @@ class KonvaText {
             this._ref = ref;
             return;
         }
-        if (!params || !params.text) return;
+        if (!params || !params.position || !params.text) return;
         this._ref = new Konva.Text({
             x: params.position.x,
             y: params.position.y,
@@ -265,7 +265,7 @@ class KonvaRectangle {
             this._ref = ref;
             return;
         }
-        if (!params.position) return;
+        if (!params || !params.position) return;
         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,
@@ -375,7 +375,7 @@ class KonvaEllipse {
             this._ref = ref;
             return;
         }
-        if (!params.position) return;
+        if (!params || !params.position || !params.radius) return;
         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,
@@ -497,7 +497,7 @@ class KonvaArrow {
             this._ref = ref;
             return;
         }
-        if (!params.start || !params.end) return;
+        if (!params || !params.start || !params.end) return;
         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",
@@ -591,22 +591,22 @@ class KonvaArrow {
 
 class KonvaImage {
     constructor(params, ref = null) {
+        var _a, _b;
         this._ratio = 1;
         if (ref) {
-            if (ref.height() === 0 || ref.width() === 0) return;
             this._ref = ref;
             this._canvasImage = ref.image();
-            this._ratio = this._ref.height() / this._ref.width();
+            this._ratio = this._ref.height() === 0 || this._ref.width() === 0 ? 1 : this._ref.height() / this._ref.width();
             return;
         }
-        if (!params.position || !params.src) return;
+        if (!params || !params.position || !params.src) return;
         this._canvasImage = new Image;
         this._ref = new Konva.Image({
             x: params.position.x,
             y: params.position.y,
             image: this._canvasImage,
-            width: params.width,
-            height: params.height,
+            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 = () => {
@@ -714,7 +714,7 @@ class KonvaCloud {
             this._ref = ref;
             return;
         }
-        if (!params.position || !params.width || !params.height) return;
+        if (!params || !params.position) return;
         const arcRadius = 16;
         this._ref = new Konva.Shape({
             x: params.position.x,
@@ -918,7 +918,7 @@ const MarkupMode2Konva = {
     },
     Cloud: {
         name: "Cloud",
-        initializer: ref => new KonvaCloud(null, ref),
+        initializer: (ref, params = null) => new KonvaCloud(params, ref),
         zIndex: 1
     }
 };