@inweb/viewer-visualize 27.2.1 → 27.2.3

package/dist/viewer-visualize.js

@@ -2092,9 +2092,10 @@
             const ext = this.getViewer().getActiveExtents();
             const min = ext.min();
             const max = ext.max();
-            this.m_size_x = Math.abs(max[0] - min[0]) / 2;
-            this.m_size_y = Math.abs(max[1] - min[1]) / 2;
-            this.m_size_z = Math.abs(max[2] - min[2]) / 2;
+            const sizeX = Math.abs(max[0] - min[0]);
+            const sizeY = Math.abs(max[1] - min[1]);
+            const sizeZ = Math.abs(max[2] - min[2]);
+            this.m_size = Math.sqrt(sizeX * sizeX + sizeY * sizeY + sizeZ * sizeZ) || 1;
             this.m_center = this.toPoint(ext.center());
             this.m_normal = this.createNormal();
             const avp = this.getViewer().activeView;
@@ -2104,7 +2105,7 @@
             this.index = avp.numCuttingPlanes() - 1;
             const { red, green, blue } = this.subject.options.cuttingPlaneFillColor;
             avp.setEnableCuttingPlaneFill(true, red, green, blue);
-            avp.setCuttingPlaneFillPatternEnabled(true, this.m_module.CuttingPlaneFillStyle.kHorizontalBars, 0x0, 0x0, 0x0);
+            avp.setCuttingPlaneFillPatternEnabled(true, this.m_module.CuttingPlaneFillStyle.kSlantRight, 0x0, 0x0, 0x0);
             this.m_model = this.getModel();
             this.createPreview();
             this.deleteAll([ext, avp, plane]);
@@ -2113,9 +2114,9 @@
             super.dispose();
             if (this.m_entity) {
                 this.m_model.removeEntity(this.m_entity);
-                this.deleteAll([this.m_model, this.m_entity, this.planePreview, this.m_center]);
+                this.deleteAll([this.m_model, this.m_entity, this.m_planePreview, this.m_center]);
                 this.m_entity = null;
-                this.planePreview = null;
+                this.m_planePreview = null;
                 this.subject.update();
             }
         }
@@ -2131,7 +2132,6 @@
         start(x, y) {
             this.press = true;
             this.m_last = this.screenToWorld(x, y);
-            this.m_click = { x, y };
         }
         drag(x, y) {
             if (this.press) {
@@ -2143,52 +2143,47 @@
                 this.m_last = point;
                 const avp = this.getViewer().activeView;
                 const plane = this.createPlane();
-                const newPlane = plane.set(this.toGePoint(this.m_center), this.m_normal);
-                const newCutting = avp.updateCuttingPlane(this.index, plane);
+                plane.set(this.toGePoint(this.m_center), this.m_normal);
+                avp.updateCuttingPlane(this.index, plane);
                 this.drawPreview();
-                this.deleteAll([avp, plane, oldCenter, delta, oldLast, newPlane, newCutting]);
+                this.deleteAll([avp, plane, oldCenter, delta, oldLast]);
                 const device = this.getViewer().getActiveDevice();
                 device.invalidate(device.getSize());
             }
         }
         end(x, y) {
             this.press = false;
-            if (x === this.m_click.x && y === this.m_click.y) {
-                this.m_normal = [this.m_normal[0] * -1, this.m_normal[1] * -1, this.m_normal[2] * -1];
-                const avp = this.getViewer().activeView;
-                const plane = this.createPlane();
-                plane.set(this.toGePoint(this.m_center), this.m_normal);
-                avp.updateCuttingPlane(this.index, plane);
-                this.deleteAll([avp, plane, this.m_last]);
-                const device = this.getViewer().getActiveDevice();
-                device.invalidate(device.getSize());
-            }
+        }
+        dblclick(ev) {
+            this.m_normal = [this.m_normal[0] * -1, this.m_normal[1] * -1, this.m_normal[2] * -1];
+            const avp = this.getViewer().activeView;
+            const plane = this.createPlane();
+            plane.set(this.toGePoint(this.m_center), this.m_normal);
+            avp.updateCuttingPlane(this.index, plane);
+            this.deleteAll([avp, plane, this.m_last]);
+            const device = this.getViewer().getActiveDevice();
+            device.invalidate(device.getSize());
         }
         createPreview() {
             this.m_entity = this.m_model.appendEntity("&CuttingPlanePreview");
             const GeometryTypes = this.m_module.GeometryTypes;
-            const transparencyDef = new this.m_module.OdTvTransparencyDef();
-            const colorDef = new this.m_module.OdTvColorDef(112, 112, 112);
-            transparencyDef.setValue(0.9);
+            const facesColorDef = new this.m_module.OdTvColorDef(0xf0, 0xf0, 0xf0);
+            const facesTransparencyDef = new this.m_module.OdTvTransparencyDef(0.7);
+            const edgesColorDef = new this.m_module.OdTvColorDef(0xd0, 0xd0, 0xd0);
             const entityPtr = this.m_entity.openObject();
-            entityPtr.setColor(colorDef, GeometryTypes.kFaces.value);
-            colorDef.setColor(112, 112, 112);
-            entityPtr.setColor(colorDef, GeometryTypes.kEdges.value);
-            entityPtr.setLineWeight(5);
-            entityPtr.setTransparency(transparencyDef, GeometryTypes.kFaces);
-            transparencyDef.setValue(1.0);
-            entityPtr.setTransparency(transparencyDef, GeometryTypes.kEdges);
-            this.planePreview = entityPtr.appendPolygon(this.getPlanePreviewCoordinate());
-            const polygonPtr = this.planePreview.openAsPolygon();
+            entityPtr.setColor(facesColorDef, GeometryTypes.kFaces);
+            entityPtr.setTransparency(facesTransparencyDef, GeometryTypes.kFaces);
+            entityPtr.setColor(edgesColorDef, GeometryTypes.kEdges);
+            entityPtr.setLineWeight(2);
+            this.m_planePreview = entityPtr.appendPolygon(this.getPlanePreviewCoordinate());
+            const polygonPtr = this.m_planePreview.openAsPolygon();
             polygonPtr.setFilled(true);
-            this.deleteAll([transparencyDef, colorDef, entityPtr, polygonPtr, GeometryTypes]);
-            this.subject.syncOverlay();
+            this.deleteAll([facesColorDef, facesTransparencyDef, edgesColorDef, entityPtr, polygonPtr, GeometryTypes]);
         }
         drawPreview() {
-            const polygonPtr = this.planePreview.openAsPolygon();
+            const polygonPtr = this.m_planePreview.openAsPolygon();
             polygonPtr.setPoints(this.getPlanePreviewCoordinate());
             this.deleteAll([polygonPtr]);
-            this.subject.syncOverlay();
         }
     }
 
@@ -2202,19 +2197,20 @@
             return delta;
         }
         getPlanePreviewCoordinate() {
+            const halfSize = this.m_size / 2;
             return [
                 this.m_center.x,
-                this.m_center.y - this.m_size_y,
-                this.m_center.z - this.m_size_z,
+                this.m_center.y - halfSize,
+                this.m_center.z - halfSize,
                 this.m_center.x,
-                this.m_center.y + this.m_size_y,
-                this.m_center.z - this.m_size_z,
+                this.m_center.y + halfSize,
+                this.m_center.z - halfSize,
                 this.m_center.x,
-                this.m_center.y + this.m_size_y,
-                this.m_center.z + this.m_size_z,
+                this.m_center.y + halfSize,
+                this.m_center.z + halfSize,
                 this.m_center.x,
-                this.m_center.y - this.m_size_y,
-                this.m_center.z + this.m_size_z,
+                this.m_center.y - halfSize,
+                this.m_center.z + halfSize,
             ];
         }
     }
@@ -2229,19 +2225,20 @@
             return delta;
         }
         getPlanePreviewCoordinate() {
+            const halfSize = this.m_size / 2;
             return [
-                this.m_center.x - this.m_size_x,
+                this.m_center.x - halfSize,
                 this.m_center.y,
-                this.m_center.z - this.m_size_z,
-                this.m_center.x + this.m_size_x,
+                this.m_center.z - halfSize,
+                this.m_center.x + halfSize,
                 this.m_center.y,
-                this.m_center.z - this.m_size_z,
-                this.m_center.x + this.m_size_x,
+                this.m_center.z - halfSize,
+                this.m_center.x + halfSize,
                 this.m_center.y,
-                this.m_center.z + this.m_size_z,
-                this.m_center.x - this.m_size_x,
+                this.m_center.z + halfSize,
+                this.m_center.x - halfSize,
                 this.m_center.y,
-                this.m_center.z + this.m_size_z,
+                this.m_center.z + halfSize,
             ];
         }
     }
@@ -2256,18 +2253,19 @@
             return delta;
         }
         getPlanePreviewCoordinate() {
+            const halfSize = this.m_size / 2;
             return [
-                this.m_center.x - this.m_size_x,
-                this.m_center.y - this.m_size_y,
+                this.m_center.x - halfSize,
+                this.m_center.y - halfSize,
                 this.m_center.z,
-                this.m_center.x + this.m_size_x,
-                this.m_center.y - this.m_size_y,
+                this.m_center.x + halfSize,
+                this.m_center.y - halfSize,
                 this.m_center.z,
-                this.m_center.x + this.m_size_x,
-                this.m_center.y + this.m_size_y,
+                this.m_center.x + halfSize,
+                this.m_center.y + halfSize,
                 this.m_center.z,
-                this.m_center.x - this.m_size_x,
-                this.m_center.y + this.m_size_y,
+                this.m_center.x - halfSize,
+                this.m_center.y + halfSize,
                 this.m_center.z,
             ];
         }
@@ -18649,6 +18647,7 @@ js: import "konva/skia-backend";
             if (!this.visualizeJs)
                 return;
             this._markup.clearOverlay();
+            this.emitEvent({ type: "clearoverlay" });
             this.update();
         }
         clearSlices() {
@@ -18658,6 +18657,7 @@ js: import "konva/skia-backend";
             const activeView = visViewer.activeView;
             activeView.removeCuttingPlanes();
             activeView.delete();
+            this.emitEvent({ type: "clearslices" });
             this.update();
         }
         getSelected() {