@painekillers/tree-builder-viewer 1.0.0 → 1.0.2

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@painekillers/tree-builder-viewer",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "exports": {
-    ".": "./viewer.js"
+    ".": "./index.js",
+    "./themes/*": "./themes/*"
   },
   "dependencies": {
     "@painekillers/tree-builder-core": "^1.0.0"
   }
-}
+}

package/viewer.js

@@ -35,9 +35,12 @@ export default class Viewer {
     #search
     #tooltip
 
+    #uiUpdates
+
     #enabled = false
 
     recurse = true
+    strategy = "First"
     /*
     Null: No recursion
     False: Creates fake nodes when encountering recursion
@@ -544,7 +547,8 @@ export default class Viewer {
                 root.addEventListener("click", () => {
                     this.#bridge.calculateLayout(
                         result.entry.value.id,
-                        this.recurse
+                        this.recurse,
+                        this.strategy
                     )
 
                     this.#bridge.calculateDraw(
@@ -609,6 +613,12 @@ export default class Viewer {
         updateThemeMenu()
         updateSearchResults()
 
+        this.#uiUpdates = {
+            updateThemeButtons,
+            updateThemeMenu,
+            updateSearchResults
+        }
+
         // Init tooltip
         this.tooltip = {
             offset: 12,
@@ -629,6 +639,9 @@ export default class Viewer {
                 name: node.id,
                 value: node
             }))
+
+        this.updateUi()
+
     }
 
     set tooltip({
@@ -650,6 +663,15 @@ export default class Viewer {
         )
     }
 
+    updateUi(updateTheme = false) {
+        this.#uiUpdates.updateSearchResults()
+
+        if (updateTheme) {
+            this.#uiUpdates.updateThemeButtons()
+            this.#uiUpdates.updateThemeMenu()
+        }
+    }
+
     setRoot(root) {
         if(!this.#graph) {
             console.warn(
@@ -661,7 +683,8 @@ export default class Viewer {
 
         this.#bridge.calculateLayout(
             root,
-            this.recurse
+            this.recurse,
+            this.strategy
         )
     }
 
@@ -696,6 +719,8 @@ export default class Viewer {
         this.#bridge.createObjects(
             maxDepth ?? null
         )
+
+        this.updateUi()
     }
 
     enable() {