@inweb/viewer-visualize 27.2.3 → 27.2.4

package/dist/viewer-visualize.module.js

@@ -1533,10 +1533,9 @@ class OdBaseCuttingPlaneDragger extends OdBaseDragger {
         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;
@@ -1546,7 +1545,7 @@ class OdBaseCuttingPlaneDragger extends OdBaseDragger {
         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]);
@@ -1555,9 +1554,9 @@ class OdBaseCuttingPlaneDragger extends OdBaseDragger {
         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();
         }
     }
@@ -1573,6 +1572,7 @@ class OdBaseCuttingPlaneDragger extends OdBaseDragger {
     start(x, y) {
         this.press = true;
         this.m_last = this.screenToWorld(x, y);
+        this.m_click = { x, y };
     }
     drag(x, y) {
         if (this.press) {
@@ -1584,47 +1584,52 @@ class OdBaseCuttingPlaneDragger extends OdBaseDragger {
             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();
     }
 }
 
@@ -1638,20 +1643,19 @@ class OdCuttingPlaneXAxisDragger extends OdBaseCuttingPlaneDragger {
         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,
         ];
     }
 }
@@ -1666,20 +1670,19 @@ class OdCuttingPlaneYAxisDragger extends OdBaseCuttingPlaneDragger {
         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,
         ];
     }
 }
@@ -1694,19 +1697,18 @@ class OdCuttingPlaneZAxisDragger extends OdBaseCuttingPlaneDragger {
         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,
         ];
     }
@@ -4085,7 +4087,7 @@ class Viewer extends EventEmitter2 {
         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;
     }