footprint-explainable-ui 0.14.9 → 0.14.11

package/dist/flowchart.cjs

@@ -840,9 +840,14 @@ function applyOverlay(layout, overlay, colors) {
     if (le.isLoop) {
       let loopExecuted = false;
       if (o?.executionOrder) {
-        const lastSourceIdx = o.executionOrder.lastIndexOf(le.source);
-        if (lastSourceIdx >= 0) {
-          loopExecuted = o.executionOrder.slice(lastSourceIdx + 1).includes(le.target);
+        if (le.source === le.target) {
+          const count = o.executionOrder.filter((id) => id === le.source).length;
+          loopExecuted = count > 1;
+        } else {
+          const lastSourceIdx = o.executionOrder.lastIndexOf(le.source);
+          if (lastSourceIdx >= 0) {
+            loopExecuted = o.executionOrder.slice(lastSourceIdx + 1).includes(le.target);
+          }
         }
       }
       edges.push({
@@ -854,14 +859,14 @@ function applyOverlay(layout, overlay, colors) {
         label: le.label ?? "loop",
         type: "smoothstep",
         pathOptions: { offset: 60, borderRadius: 20 },
-        markerEnd: { type: import_react7.MarkerType.ArrowClosed, color: c.edgeLoop, width: 16, height: 16 },
+        markerEnd: { type: import_react7.MarkerType.ArrowClosed, color: loopExecuted ? c.edgeActive : c.edgeLoop, width: 16, height: 16 },
         style: {
-          stroke: c.edgeLoop,
-          strokeWidth: loopExecuted ? 3 : 2,
-          strokeDasharray: "6 3",
+          stroke: loopExecuted ? c.edgeActive : c.edgeLoop,
+          strokeWidth: loopExecuted ? 4 : 2,
+          strokeDasharray: loopExecuted ? void 0 : "6 3",
           opacity: o && !loopExecuted ? 0.35 : 1
         },
-        labelStyle: { fontSize: 10, fontWeight: 700, fill: c.labelLoop },
+        labelStyle: { fontSize: 10, fontWeight: 700, fill: loopExecuted ? c.edgeActive : c.labelLoop },
         animated: loopExecuted,
         zIndex: 2
       });