From 11a6925ae402b39da7e5a86eb58d1f8a5877ae0f Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Fri, 5 Aug 2022 23:08:09 +0100
Subject: [PATCH] Remove almost all d3 from palette.js

---
 .../editor-client/src/js/ui/palette.js         | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js b/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js
index 9f20cc674..ed28215e7 100755
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js
@@ -299,7 +299,7 @@ RED.palette = (function() {
                     RED.view.focus();
                 },
                 stop: function() {
-                    d3.select('.red-ui-flow-link-splice').classed('red-ui-flow-link-splice',false);
+                    document.querySelectorAll(".red-ui-flow-link-splice").forEach(n => { n.classList.remove("red-ui-flow-link-splice") })
                     if (hoverGroup) {
                         document.getElementById("group_select_"+hoverGroup.id).classList.remove("red-ui-flow-group-hovered");
                     }
@@ -358,26 +358,26 @@ RED.palette = (function() {
                                 var mx = mouseX / RED.view.scale();
                                 var my = mouseY / RED.view.scale();
                                 for (var i=0;i<nodes.length;i++) {
-                                    var node = d3.select(nodes[i]);
-                                    if (node.classed('red-ui-flow-link-background') && !node.classed('red-ui-flow-link-link')) {
-                                        var length = nodes[i].getTotalLength();
+                                    var node = nodes[i];
+                                    if (node.classList.contains('red-ui-flow-link-background') && !node.classList.contains('red-ui-flow-link-link')) {
+                                        var length = node.getTotalLength();
                                         for (var j=0;j<length;j+=10) {
-                                            var p = nodes[i].getPointAtLength(j);
+                                            var p = node.getPointAtLength(j);
                                             var d2 = ((p.x-mx)*(p.x-mx))+((p.y-my)*(p.y-my));
                                             if (d2 < 200 && d2 < bestDistance) {
                                                 bestDistance = d2;
-                                                bestLink = nodes[i];
+                                                bestLink = node;
                                             }
                                         }
                                     }
                                 }
                                 if (activeSpliceLink && activeSpliceLink !== bestLink) {
-                                    d3.select(activeSpliceLink.parentNode).classed('red-ui-flow-link-splice',false);
+                                    activeSpliceLink.parentNode.classList.remove('red-ui-flow-link-splice');
                                 }
                                 if (bestLink) {
-                                    d3.select(bestLink.parentNode).classed('red-ui-flow-link-splice',true)
+                                    bestLink.parentNode.classList.add('red-ui-flow-link-splice');
                                 } else {
-                                    d3.select('.red-ui-flow-link-splice').classed('red-ui-flow-link-splice',false);
+                                    document.querySelectorAll(".red-ui-flow-link-splice").forEach(n => { n.classList.remove("red-ui-flow-link-splice") })
                                 }
                                 if (activeSpliceLink !== bestLink) {
                                     if (bestLink) {