three-cad-viewer 3.3.4 → 3.3.5

package/dist/three-cad-viewer.esm.js

@@ -61517,6 +61517,7 @@ class TreeView {
     pickHandler,
     updateHandler,
     notificationHandler,
+    colorGetter,
     theme,
     linkIcons,
     debug = false,
@@ -61548,6 +61549,7 @@ class TreeView {
     this.pickHandler = pickHandler;
     this.updateHandler = updateHandler;
     this.notificationHandler = notificationHandler;
+    this.colorGetter = colorGetter;
     this.theme = theme;
     this.linkIcons = linkIcons;
     this.debug = debug;
@@ -61923,8 +61925,11 @@ class TreeView {
 
     const label = document.createElement("span");
     label.className = "tv-node-label";
-    label.textContent = node.name;
-
+    label.innerHTML = node.name;
+    const color = this.colorGetter(node.path);
+    if (color != null) {
+      label.innerHTML += `<span style="color:${color}"> ⚈</span>`;
+    }
     label.onmousedown = (e) => {
       e.preventDefault();
     };
@@ -65051,7 +65056,7 @@ class Camera {
   }
 }
 
-const version = "3.3.4";
+const version = "3.3.5";
 
 Mesh.prototype.dispose = function () {
   if (this.geometry) {
@@ -65868,21 +65873,7 @@ class Viewer {
    */
   dispose() {
     this.clear();
-    disposeShapes(this.shapes);
-    this.shapes = null;
 
-    if (this.expandedNestedGroup != null) {
-      this.expandedNestedGroup.dispose();
-      this.expandedNestedGroup = null;
-    }
-    if (this.compactNestedGroup != null) {
-      this.compactNestedGroup.dispose();
-      this.compactNestedGroup = null;
-    }
-    if (this.nestedGroup != null) {
-      this.nestedGroup.dispose();
-      this.nestedGroup = null;
-    }
     if (this.gridHelper) {
       for (var i in this.gridHelper.gridHelper) {
         this.gridHelper.gridHelper[i].dispose();
@@ -66005,6 +65996,24 @@ class Viewer {
       this.scene = null;
       this.ready = false;
     }
+
+    if (this.shapes != null) {
+      disposeShapes(this.shapes);
+      this.shapes = null;
+    }
+
+    if (this.expandedNestedGroup != null) {
+      this.expandedNestedGroup.dispose();
+      this.expandedNestedGroup = null;
+    }
+    if (this.compactNestedGroup != null) {
+      this.compactNestedGroup.dispose();
+      this.compactNestedGroup = null;
+    }
+    if (this.nestedGroup != null) {
+      this.nestedGroup.dispose();
+      this.nestedGroup = null;
+    }
   }
 
   // - - - - - - - - - - - - - - - - - - - - - - - -
@@ -66066,6 +66075,27 @@ class Viewer {
     }
   };
 
+  /**
+   * Get the color of a node from its path
+   * @param path - path of the CAD object
+   */
+  getNodeColor = (path) => {
+    var group = this.nestedGroup.groups["/" + path];
+    if (group instanceof ObjectGroup) {
+      let color = "";
+      if (
+        group.children[0].type !== "Mesh" ||
+        group.children[0].material.name == "frontMaterial"
+      ) {
+        color = group.children[0].material.color;
+      } else {
+        color = group.children[1].material.color;
+      }
+      return "#" + color.getHexString();
+    }
+    return null;
+  };
+
   /**
    * Toggle the two version of the NestedGroup
    * @param expanded - whether to render the exploded or compact version
@@ -66128,6 +66158,7 @@ class Viewer {
       this.handlePick,
       this.update,
       this.notifyStates,
+      this.getNodeColor,
       this.theme,
       this.newTreeBehavior,
       false,
@@ -66176,8 +66207,8 @@ class Viewer {
   /**
    * Render a CAD object and build the navigation tree
    * @param {Shapes} shapes - the Shapes object representing the tessellated CAD object
-   * @param {ViewerOptions} viewerOptions - the viewer options
    * @param {RenderOptions} renderOptions - the render options
+   * @param {ViewerOptions} viewerOptions - the viewer options
    */
   render(shapes, renderOptions, viewerOptions) {
     this.shapes = shapes;