@inweb/markup 25.7.9 → 25.8.0

package/dist/markup.js

@@ -12347,31 +12347,37 @@
 	    },
 	    Line: {
 	        name: "Line",
-	        initializer: (ref) => new KonvaLine(null, ref),
+	        initializer: (ref, params = null) => new KonvaLine(params, ref),
+	        zIndex: 1,
 	    },
 	    Text: {
 	        name: "Text",
-	        initializer: (ref) => new KonvaText(null, ref),
+	        initializer: (ref, params = null) => new KonvaText(params, ref),
 	    },
 	    Rectangle: {
 	        name: "Rect",
-	        initializer: (ref) => new KonvaRectangle(null, ref),
+	        initializer: (ref, params = null) => new KonvaRectangle(params, ref),
+	        zIndex: 1,
 	    },
 	    Ellipse: {
 	        name: "Ellipse",
-	        initializer: (ref) => new KonvaEllipse(null, ref),
+	        initializer: (ref, params = null) => new KonvaEllipse(params, ref),
+	        zIndex: 1,
 	    },
 	    Arrow: {
 	        name: "Arrow",
-	        initializer: (ref) => new KonvaArrow(null, ref),
+	        initializer: (ref, params = null) => new KonvaArrow(params, ref),
+	        zIndex: 1,
 	    },
 	    Image: {
 	        name: "Image",
-	        initializer: (ref) => new KonvaImage(null, ref),
+	        initializer: (ref, params = null) => new KonvaImage(params, ref),
+	        zIndex: 0,
 	    },
 	    Cloud: {
 	        name: "Cloud",
 	        initializer: (ref) => new KonvaCloud(null, ref),
+	        zIndex: 1,
 	    },
 	};
 	/**
@@ -12397,15 +12403,7 @@
 	                .join(" ");
 	            this.removeTextInput();
 	            this.removeImageInput();
-	            const konvaShape = MarkupMode2Konva[draggerName];
-	            if (konvaShape) {
-	                this._markupMode = draggerName;
-	                this._markupIsActive = true;
-	            }
-	            else {
-	                this._markupIsActive = false;
-	                this._konvaTransformer.nodes([]);
-	            }
+	            this.enableEditMode(draggerName);
 	        };
 	        this.resizeContainer = (entries) => {
 	            var _a, _b;
@@ -12418,7 +12416,7 @@
 	        this.pan = (event) => {
 	            const dX = event.dX / window.devicePixelRatio;
 	            const dY = event.dY / window.devicePixelRatio;
-	            Object.keys(MarkupMode2Konva).forEach((mode) => this.konvaLayerFind(mode).forEach((ref) => ref.move({ x: dX, y: dY })));
+	            this.getObjects().forEach((obj) => obj.ref().move({ x: dX, y: dY }));
 	        };
 	        this.redirectToViewer = (event) => {
 	            if (this._viewer)
@@ -12475,8 +12473,8 @@
 	    clearOverlay() {
 	        this.removeTextInput();
 	        this.removeImageInput();
-	        this._konvaTransformer.nodes([]);
-	        Object.keys(MarkupMode2Konva).forEach((mode) => this.konvaLayerFind(mode).forEach((ref) => ref.destroy()));
+	        this.clearSelected();
+	        this.getObjects().forEach((obj) => obj.ref().destroy());
 	    }
 	    getMarkupColor() {
 	        return this._markupColor.RGB;
@@ -12484,24 +12482,21 @@
 	    setMarkupColor(r, g, b) {
 	        this._markupColor.setColor(r, g, b);
 	    }
-	    colorizeAllMarkup(r = 255, g = 0, b = 0) {
-	        const hex = new MarkupColor(r, g, b).HexColor;
-	        Object.keys(MarkupMode2Konva).forEach((mode) => {
-	            this.konvaLayerFind(mode).forEach((ref) => {
-	                const konvaShape = MarkupMode2Konva[mode];
-	                const konvaObj = konvaShape.initializer(ref);
-	                if (konvaObj.setColor)
-	                    konvaObj.setColor(hex);
-	            });
+	    colorizeAllMarkup(r, g, b) {
+	        const hexColor = new MarkupColor(r, g, b).HexColor;
+	        this.getObjects().forEach((obj) => {
+	            const colorable = obj;
+	            if (colorable && colorable.setColor)
+	                colorable.setColor(hexColor);
 	        });
 	        this._konvaLayer.draw();
 	    }
 	    colorizeSelectedMarkups(r, g, b) {
+	        const hexColor = new MarkupColor(r, g, b).HexColor;
 	        this.getSelectedObjects().forEach((obj) => {
 	            const colorable = obj;
-	            if (colorable && colorable.setColor) {
-	                colorable.setColor(new MarkupColor(r, g, b).HexColor);
-	            }
+	            if (colorable && colorable.setColor)
+	                colorable.setColor(hexColor);
 	        });
 	    }
 	    setViewpoint(viewpoint) {
@@ -12529,100 +12524,47 @@
 	        viewpoint.description = new Date().toDateString();
 	        return viewpoint;
 	    }
-	    createObject(type, params) {
-	        let object = null;
-	        let zIndex = this._zIndex;
-	        // TODO: factory?
-	        switch (type.toLocaleLowerCase()) {
-	            case "line":
-	                object = new KonvaLine(params);
-	                zIndex = 1;
-	                break;
-	            case "text":
-	                object = new KonvaText(params);
-	                break;
-	            case "rectangle":
-	                object = new KonvaRectangle(params);
-	                zIndex = 1;
-	                break;
-	            case "ellipse":
-	                object = new KonvaEllipse(params);
-	                zIndex = 1;
-	                break;
-	            case "arrow":
-	                object = new KonvaArrow(params);
-	                break;
-	            case "image":
-	                object = new KonvaImage(params);
-	                zIndex = 0;
-	                break;
-	            case "cloud":
-	                object = new KonvaCloud(params);
-	                zIndex = 1;
-	                break;
-	            default:
-	                throw new Error("Markup CreateObject - unsupported type has been detected.");
+	    enableEditMode(mode) {
+	        if (!mode || !MarkupMode2Konva[mode]) {
+	            this.clearSelected();
+	            this._markupIsActive = false;
 	        }
+	        else {
+	            this._markupMode = mode;
+	            this._markupIsActive = true;
+	        }
+	        return this;
+	    }
+	    createObject(type, params) {
+	        var _a;
+	        const konvaShape = MarkupMode2Konva[type];
+	        if (!konvaShape || !konvaShape.initializer)
+	            throw new Error(`Markup CreateObject - unsupported markup type ${type}`);
+	        const object = konvaShape.initializer(null, params);
 	        this.addObject(object);
-	        // Set zIndex only when shape has been added to Layer else we will get "Konva warning: Node has no parent. zIndex parameter is ignored."
-	        object.setZIndex(zIndex);
+	        // Set zIndex only when shape has been added to Layer else we will get
+	        // "Konva warning: Node has no parent. zIndex parameter is ignored."
+	        object.setZIndex((_a = konvaShape.zIndex) !== null && _a !== void 0 ? _a : this._zIndex);
 	        this._zIndex++;
 	        return object;
 	    }
 	    getObjects() {
 	        const objects = [];
-	        this.konvaLayerFind("Line").forEach((line) => {
-	            objects.push(new KonvaLine(null, line));
-	        });
-	        this.konvaLayerFind("Text").forEach((text) => {
-	            objects.push(new KonvaText(null, text));
-	        });
-	        this.konvaLayerFind("Rectangle").forEach((rectangle) => {
-	            objects.push(new KonvaRectangle(null, rectangle));
-	        });
-	        this.konvaLayerFind("Ellipse").forEach((ellipse) => {
-	            objects.push(new KonvaEllipse(null, ellipse));
-	        });
-	        this.konvaLayerFind("Arrow").forEach((arrow) => {
-	            objects.push(new KonvaArrow(null, arrow));
-	        });
-	        this.konvaLayerFind("Image").forEach((image) => {
-	            objects.push(new KonvaImage(null, image));
-	        });
-	        this.konvaLayerFind("Cloud").forEach((cloud) => {
-	            objects.push(new KonvaCloud(null, cloud));
+	        Object.keys(MarkupMode2Konva).forEach((type) => {
+	            const konvaShape = MarkupMode2Konva[type];
+	            this.konvaLayerFind(type).forEach((ref) => objects.push(konvaShape.initializer(ref)));
 	        });
 	        return objects;
 	    }
 	    getSelectedObjects() {
-	        const objects = [];
-	        this._konvaTransformer.nodes().forEach((obj) => {
-	            const konvaShapeName = obj.className;
-	            switch (konvaShapeName) {
-	                case "Line":
-	                    objects.push(new KonvaLine(null, obj));
-	                    break;
-	                case "Text":
-	                    objects.push(new KonvaText(null, obj));
-	                    break;
-	                case "Rect":
-	                    objects.push(new KonvaRectangle(null, obj));
-	                    break;
-	                case "Ellipse":
-	                    objects.push(new KonvaEllipse(null, obj));
-	                    break;
-	                case "Arrow":
-	                    objects.push(new KonvaArrow(null, obj));
-	                    break;
-	                case "Image":
-	                    objects.push(new KonvaImage(null, obj));
-	                    break;
-	                case "Cloud":
-	                    objects.push(new KonvaCloud(null, obj));
-	                    break;
-	            }
-	        });
-	        return objects;
+	        return this._konvaTransformer
+	            .nodes()
+	            .map((ref) => {
+	            const name = ref.className;
+	            const konvaShape = Object.values(MarkupMode2Konva).find((shape) => shape.name === name);
+	            return konvaShape ? konvaShape.initializer(ref) : null;
+	        })
+	            .filter((x) => x);
 	    }
 	    selectObjects(objects) {
 	        const selectedObjs = this._konvaTransformer.nodes().concat(objects.map((x) => x.ref()));
@@ -12681,8 +12623,8 @@
 	    addObject(object) {
 	        this._konvaLayer.add(object.ref());
 	    }
-	    konvaLayerFind(markupShape) {
-	        const konvaShape = MarkupMode2Konva[markupShape];
+	    konvaLayerFind(type) {
+	        const konvaShape = MarkupMode2Konva[type];
 	        if (konvaShape && konvaShape.initializer) {
 	            // for "draggable" Konva uses Rectangles in Transformer. We need only Shapes from layer.
 	            return this._konvaLayer.find(konvaShape.name).filter((ref) => ref.parent === this._konvaLayer);