Merge pull request #27 from sarbull/main

Extract nodeDistance on x, y coords to external properties

happi-graph.js

@@ -93,6 +93,14 @@ class HappiGraph extends PolymerElement {
       nodeCountLimit: {
         type: Number,
         value: 0
+      },
+      nodeDistanceX: {
+        type: Number,
+        value: 350
+      },
+      nodeDistanceY: {
+        type: Number,
+        value: 350
       }
     };
   }
@@ -256,8 +264,8 @@ class HappiGraph extends PolymerElement {
         improvedLayout: false,
         hierarchical: {
           enabled:true,
-          levelSeparation: 450,
-          nodeSpacing: 350,
+          levelSeparation: this.nodeDistanceY,
+          nodeSpacing: this.nodeDistanceX,
           treeSpacing: 200,
           direction: this.graphDirection === 'HORIZONTAL' ? 'LR' : 'DU', // UD, DU, LR, RL
           sortMethod: 'directed',  // hubsize, directed
@@ -311,8 +319,8 @@ class HappiGraph extends PolymerElement {
       id: "root",
       layoutOptions: {
         "elk.algorithm": "layered",
-        "elk.spacing.nodeNode": 200,
-        "elk.layered.spacing.baseValue": 150,
+        "elk.spacing.nodeNode": this.nodeDistanceY,
+        "elk.layered.spacing.baseValue": this.nodeDistanceX,
         "elk.direction": this.graphDirection === 'HORIZONTAL' ? 'RIGHT' : 'UP'
       },
       children: [

package.json

@@ -1,6 +1,6 @@
 {
   "name": "happi-graph",
-  "version": "2.11.0",
+  "version": "3.0.0",
   "description": "Happi Graph Web Component using Polymer 3.0",
   "main": "happi-graph.js",
   "scripts": {
@@ -30,7 +30,7 @@
     "@polymer/test-fixture": "^4.0.2",
     "@webcomponents/webcomponentsjs": "^2.0.0",
     "chai": "^4.2.0",
-    "egeria-js-commons": "git+https://github.com/odpi/egeria-js-commons#v0.2.1",
+    "egeria-js-commons": "git+https://github.com/odpi/egeria-js-commons#3.0.0",
     "jest": "^27.0.6",
     "mocha": "^6.1.4",
     "polymer-cli": "^1.9.11",