autoplace on looooooops

app/assets/html/bzGraflow/nodesTest2.html

@@ -10,6 +10,7 @@
         text-align: center;
         position: absolute;
         padding: .5em;
+        background: black;
     }    
     
     .bzgf-node .text {

app/assets/html/test.html

@@ -58,10 +58,10 @@
 
                 const grflw3 = document.querySelector('bz-graflow.organi')
                 document.querySelector('[data-trigger="onAutoplace3H"]').addEventListener('click',
-                    (evt) => { grflw3.autoPlace('horizontal') }
+                    (evt) => { grflw3.autoPlace('horizontal', 80, 80, 1000) }
                 )
                 document.querySelector('[data-trigger="onAutoplace3V"]').addEventListener('click',
-                    (evt) => { grflw3.autoPlace('vertical') }
+                    (evt) => { grflw3.autoPlace('vertical', 80, 80, 1000) }
                 )                
             })
         </script>

app/assets/json/bzGraflow/testFlow2.json

@@ -33,7 +33,8 @@
             { "from": ["qsd", "out1"], "to": ["aze2", "inout3"], "endArrow":true  },
             { "from": ["qsd", "out2"], "to": ["qsd2", "inp1"], "endArrow":true  },
             { "from": ["qsd2", "inout2"], "to": ["wcx", "inout3"], "startArrow":true , "endArrow":true  },
-            { "from": ["qsd2", "out1"], "to": ["ert", "inp1"], "endArrow":true  }
-        ]
+            { "from": ["qsd2", "out1"], "to": ["ert", "inp1"], "endArrow":true  },
+            { "from": ["qsd2", "inout1"], "to": ["qsd2", "inout1"], "endArrow":true  }
+        ]        
     }
 }