graflow: autoplace attributes & better ICMP example

app/assets/html/bzGraflow/nodesEIC2.html

@@ -57,8 +57,28 @@
     .bzgf-node[data-nodetype="refnodein"] .body, .bzgf-node[data-nodetype="refnodeout"] .body{ background: var(--eicui-base-color-grey-25); }
 
     .bzgf-wire{ stroke: var(--eicui-base-color-info); stroke-width: 4px; stroke-dasharray: 10,5; }
+
+    path.arrow-head{ fill: var(--eicui-base-color-info); }
 </style>
 
+<svg style="display:none" aria-hidden="true">
+    <template id="svg-arrows">
+        <defs>
+            <marker id="arrow"
+                viewBox="0 0 16 16"
+                refX="16"
+                refY="8"
+                markerWidth="16"
+                markerHeight="16"
+                orient="auto-start-reverse"
+                markerUnits="userSpaceOnUse">
+                <path d="M0,0 L16,8 L0,16 Z"  class="arrow-head"/>
+            </marker>
+        </defs>
+    </template>
+</svg>
+
+
 <template>
     <div class="bzgf-node" data-nodetype="eicBasic">
         <div class="body">

app/assets/html/bzGraflow/nodesTest2.html

@@ -158,20 +158,20 @@
 </style>
 
 <svg style="display:none" aria-hidden="true">
-  <template id="svg-arrows">
-    <defs>
-      <marker id="arrow"
-              viewBox="0 0 10 10"
-              refX="10"
-              refY="5"
-              markerWidth="10"
-              markerHeight="10"
-              orient="auto-start-reverse"
-              markerUnits="userSpaceOnUse">
-        <path d="M0,0 L10,5 L0,10 Z" fill="#FF0"/>
-      </marker>
-    </defs>
-  </template>
+    <template id="svg-arrows">
+        <defs>
+            <marker id="arrow"
+                viewBox="0 0 10 10"
+                refX="10"
+                refY="5"
+                markerWidth="10"
+                markerHeight="10"
+                orient="auto-start-reverse"
+                markerUnits="userSpaceOnUse">
+                <path d="M0,0 L10,5 L0,10 Z" fill="#FF0"/>
+            </marker>
+        </defs>
+    </template>
 </svg>
 
 <template>