three-cad-viewer 1.5.4 → 1.5.5

package/Readme.md

@@ -70,7 +70,7 @@ For the `States` object, see [Class States](https://bernhard-42.github.io/three-
         axes: true,
         grid: [false, false, false],
         timeit: false,
-        rotateSpeed: 1
+        rotateSpeed: 1,
       };
 
       const shapes = {}; // a Shapes object, see example or API docs
@@ -107,3 +107,13 @@ To understand the data format, a look at the simple 1 unit sized box might be he
 - [API docs](https://bernhard-42.github.io/three-cad-viewer/Viewer.html)
 
 Back to [Github repo](https://github.com/bernhard-42/three-cad-viewer)
+
+## Development
+
+Run a web server in watch mode
+
+```bash
+yarn run start
+```
+
+For the deployment, see [Release.md](./Release.md)

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

@@ -54759,7 +54759,7 @@ class TreeView {
     var icon_id = 0;
     var img_button;
 
-    var li = tag("li");
+    var li = tag("li", [`node${model.id.replaceAll(" ", "_")}`]);
     var lbl = tag("span", ["tcv_tree_label"]);
     lbl.innerHTML = model.name;
     var entry = tag("span", ["tcv_node_entry"], { id: model.id });
@@ -54843,9 +54843,29 @@ class TreeView {
     }
   }
 
-  render() {
+  render(collapse) {
+    // before the nodes can be collapsed, the DOM element needs to be rendered and added to the container
     this.container = tag("ul", ["tcv_toplevel"]);
-    this.container.appendChild(this.toHtml(this.treeModel));
+
+    // eslint-disable-next-line no-unused-vars
+    var observer = new MutationObserver((_mutuations) => {
+      if (this.container.contains(tree)) {
+        if (collapse > 0 && collapse < 3) {
+          this.collapseNodes(collapse);
+        }
+        observer.disconnect();
+      }
+    });
+
+    observer.observe(this.container, {
+      attributes: false,
+      childList: true,
+      characterData: false,
+      subtree: false,
+    });
+
+    const tree = this.toHtml(this.treeModel);
+    this.container.appendChild(tree);
 
     for (var icon_id in this.icons) {
       this.updateNodes(this.treeModel, icon_id);
@@ -54857,6 +54877,7 @@ class TreeView {
         this.toggleTreeNode(e.target.parentElement.parentElement, null);
       });
     }
+
     return this.container;
   }
 
@@ -54922,8 +54943,12 @@ class TreeView {
             obj.children[0].type === "leaf") ||
           mode == 2
         ) {
-          var el = document.getElementById(obj.id).parentElement.parentElement;
-          this.toggleTreeNode(el, collapse);
+          var el = this.container.getElementsByClassName(
+            `node${obj.id.replaceAll(" ", "_")}`,
+          )[0];
+          if (el != null) {
+            this.toggleTreeNode(el, collapse);
+          }
         }
         for (var o of obj.children) {
           walk(o);
@@ -58098,12 +58123,7 @@ class Viewer {
       theme,
     );
 
-    this.display.addCadTree(this.treeview.render());
-
-    if ([1, 2].includes(options.collapse)) {
-      this.treeview.collapseNodes(options.collapse);
-    }
-
+    this.display.addCadTree(this.treeview.render(options.collapse));
     this.display.selectTabByName("tree");
 
     timer.split("scene done");