@inweb/viewer-visualize 27.2.3 → 27.2.4

package/dist/viewer-visualize.js

@@ -2092,10 +2092,9 @@
             const ext = this.getViewer().getActiveExtents();
             const min = ext.min();
             const max = ext.max();
-            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_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;
             this.m_center = this.toPoint(ext.center());
             this.m_normal = this.createNormal();
             const avp = this.getViewer().activeView;
@@ -2105,7 +2104,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.kSlantRight, 0x0, 0x0, 0x0);
+            avp.setCuttingPlaneFillPatternEnabled(true, this.m_module.CuttingPlaneFillStyle.kHorizontalBars, 0x0, 0x0, 0x0);
             this.m_model = this.getModel();
             this.createPreview();
             this.deleteAll([ext, avp, plane]);
@@ -2114,9 +2113,9 @@
             super.dispose();
             if (this.m_entity) {
                 this.m_model.removeEntity(this.m_entity);
-                this.deleteAll([this.m_model, this.m_entity, this.m_planePreview, this.m_center]);
+                this.deleteAll([this.m_model, this.m_entity, this.planePreview, this.m_center]);
                 this.m_entity = null;
-                this.m_planePreview = null;
+                this.planePreview = null;
                 this.subject.update();
             }
         }
@@ -2132,6 +2131,7 @@
         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,47 +2143,52 @@
                 this.m_last = point;
                 const avp = this.getViewer().activeView;
                 const plane = this.createPlane();
-                plane.set(this.toGePoint(this.m_center), this.m_normal);
-                avp.updateCuttingPlane(this.index, plane);
+                const newPlane = plane.set(this.toGePoint(this.m_center), this.m_normal);
+                const newCutting = avp.updateCuttingPlane(this.index, plane);
                 this.drawPreview();
-                this.deleteAll([avp, plane, oldCenter, delta, oldLast]);
+                this.deleteAll([avp, plane, oldCenter, delta, oldLast, newPlane, newCutting]);
                 const device = this.getViewer().getActiveDevice();
                 device.invalidate(device.getSize());
             }
         }
         end(x, y) {
             this.press = false;
-        }
-        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());
+            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());
+            }
         }
         createPreview() {
             this.m_entity = this.m_model.appendEntity("&CuttingPlanePreview");
             const GeometryTypes = this.m_module.GeometryTypes;
-            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 transparencyDef = new this.m_module.OdTvTransparencyDef();
+            const colorDef = new this.m_module.OdTvColorDef(112, 112, 112);
+            transparencyDef.setValue(0.9);
             const entityPtr = this.m_entity.openObject();
-            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();
+            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();
             polygonPtr.setFilled(true);
-            this.deleteAll([facesColorDef, facesTransparencyDef, edgesColorDef, entityPtr, polygonPtr, GeometryTypes]);
+            this.deleteAll([transparencyDef, colorDef, entityPtr, polygonPtr, GeometryTypes]);
+            this.subject.syncOverlay();
         }
         drawPreview() {
-            const polygonPtr = this.m_planePreview.openAsPolygon();
+            const polygonPtr = this.planePreview.openAsPolygon();
             polygonPtr.setPoints(this.getPlanePreviewCoordinate());
             this.deleteAll([polygonPtr]);
+            this.subject.syncOverlay();
         }
     }
 
@@ -2197,20 +2202,19 @@
             return delta;
         }
         getPlanePreviewCoordinate() {
-            const halfSize = this.m_size / 2;
             return [
                 this.m_center.x,
-                this.m_center.y - halfSize,
-                this.m_center.z - halfSize,
+                this.m_center.y - this.m_size_y,
+                this.m_center.z - this.m_size_z,
                 this.m_center.x,
-                this.m_center.y + halfSize,
-                this.m_center.z - halfSize,
+                this.m_center.y + this.m_size_y,
+                this.m_center.z - this.m_size_z,
                 this.m_center.x,
-                this.m_center.y + halfSize,
-                this.m_center.z + halfSize,
+                this.m_center.y + this.m_size_y,
+                this.m_center.z + this.m_size_z,
                 this.m_center.x,
-                this.m_center.y - halfSize,
-                this.m_center.z + halfSize,
+                this.m_center.y - this.m_size_y,
+                this.m_center.z + this.m_size_z,
             ];
         }
     }
@@ -2225,20 +2229,19 @@
             return delta;
         }
         getPlanePreviewCoordinate() {
-            const halfSize = this.m_size / 2;
             return [
-                this.m_center.x - halfSize,
+                this.m_center.x - this.m_size_x,
                 this.m_center.y,
-                this.m_center.z - halfSize,
-                this.m_center.x + halfSize,
+                this.m_center.z - this.m_size_z,
+                this.m_center.x + this.m_size_x,
                 this.m_center.y,
-                this.m_center.z - halfSize,
-                this.m_center.x + halfSize,
+                this.m_center.z - this.m_size_z,
+                this.m_center.x + this.m_size_x,
                 this.m_center.y,
-                this.m_center.z + halfSize,
-                this.m_center.x - halfSize,
+                this.m_center.z + this.m_size_z,
+                this.m_center.x - this.m_size_x,
                 this.m_center.y,
-                this.m_center.z + halfSize,
+                this.m_center.z + this.m_size_z,
             ];
         }
     }
@@ -2253,19 +2256,18 @@
             return delta;
         }
         getPlanePreviewCoordinate() {
-            const halfSize = this.m_size / 2;
             return [
-                this.m_center.x - halfSize,
-                this.m_center.y - halfSize,
+                this.m_center.x - this.m_size_x,
+                this.m_center.y - this.m_size_y,
                 this.m_center.z,
-                this.m_center.x + halfSize,
-                this.m_center.y - halfSize,
+                this.m_center.x + this.m_size_x,
+                this.m_center.y - this.m_size_y,
                 this.m_center.z,
-                this.m_center.x + halfSize,
-                this.m_center.y + halfSize,
+                this.m_center.x + this.m_size_x,
+                this.m_center.y + this.m_size_y,
                 this.m_center.z,
-                this.m_center.x - halfSize,
-                this.m_center.y + halfSize,
+                this.m_center.x - this.m_size_x,
+                this.m_center.y + this.m_size_y,
                 this.m_center.z,
             ];
         }
@@ -18287,7 +18289,7 @@ js: import "konva/skia-backend";
             return this._markup;
         }
         configure(params) {
-            this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js";
+            this._visualizeJsUrl = params.visualizeJsUrl || "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/27.2/Visualize.js";
             this._crossOrigin = params.crossOrigin;
             return this;
         }