@elicdavis/node-flow 0.1.17 → 0.1.19

package/dist/index.mjs

@@ -61,7 +61,7 @@ var Theme = {
     DisabledFontColor: "#4a585c"
   },
   Minimap: {
-    BackgroundColor: "rgba(7, 33, 42, 0.85)",
+    BackgroundColor: "rgba(10, 16, 18, 0.85)",
     BorderColor: "#1c1c1c",
     BorderRadius: 4,
     Padding: 6,
@@ -1844,6 +1844,7 @@ var Popup = class {
   #buttonCSS;
   // Runtime ================================================================
   #popup;
+  #keyHandler;
   constructor(config) {
     this.#title = config.title;
     this.#options = config.options;
@@ -1851,14 +1852,25 @@ var Popup = class {
     this.#onClose = config.onClose;
     this.#buttonCSS = config.buttonCSS === void 0 ? "flex-grow: 1; margin-right: 8px;" : config.buttonCSS;
     this.#popup = null;
+    this.#keyHandler = null;
   }
   Hide() {
     if (this.#popup === null) {
       return;
     }
+    if (this.#keyHandler !== null) {
+      document.removeEventListener("keydown", this.#keyHandler, true);
+      this.#keyHandler = null;
+    }
     document.body.removeChild(this.#popup);
     this.#popup = null;
   }
+  #close(option) {
+    this.Hide();
+    if (this.#onClose !== void 0) {
+      this.#onClose(option);
+    }
+  }
   Show() {
     this.#popup = document.createElement("div");
     this.#popup.style.cssText = "position:absolute;top:0;width:100%;display:flex;height:100%;justify-content:center;align-items:center;background-color:#00000070;";
@@ -1880,14 +1892,20 @@ var Popup = class {
       const button = document.createElement("button");
       button.style.cssText = this.#buttonCSS;
       button.textContent = this.#options[i];
-      button.onclick = () => {
-        this.Hide();
-        if (this.#onClose !== void 0) {
-          this.#onClose(this.#options[i]);
-        }
-      };
+      button.onclick = () => this.#close(this.#options[i]);
       buttonContainer.appendChild(button);
     }
+    this.#keyHandler = (e) => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        this.#close(this.#options.length > 0 ? this.#options[0] : null);
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        this.#close(null);
+      }
+      e.stopPropagation();
+    };
+    document.addEventListener("keydown", this.#keyHandler, true);
   }
 };
 
@@ -1996,8 +2014,8 @@ var NumberWidget = class {
       },
       text: { color: Theme.Widget.FontColor }
     }));
-    this.#callback = config?.callback;
     this.Set(startingWidgetValue(node, this.#nodeProperty, config?.value, 0));
+    this.#callback = config?.callback;
     if (this.#nodeProperty !== void 0) {
       this.#node.addPropertyChangeListener(this.#nodeProperty, (oldVal, newVal) => {
         this.Set(newVal);
@@ -2439,8 +2457,8 @@ var StringWidget = class {
       },
       text: { color: Theme.Widget.FontColor }
     }));
-    this.#callback = config?.callback;
     this.Set(startingWidgetValue(node, this.#nodeProperty, config?.value, ""));
+    this.#callback = config?.callback;
     if (this.#nodeProperty !== void 0) {
       this.#node.addPropertyChangeListener(this.#nodeProperty, (oldVal, newVal) => {
         this.Set(newVal);
@@ -2605,8 +2623,8 @@ var ToggleWidget = class {
       lightBorderColor: config?.disabledStyle?.lightBorderColor,
       lightColor: config?.disabledStyle?.lightColor === void 0 ? "#004400" : config?.enabledStyle?.lightColor
     });
-    this.#callback = config?.callback;
     this.Set(startingWidgetValue(node, this.#nodeProperty, config?.value, false));
+    this.#callback = config?.callback;
     if (this.#nodeProperty !== void 0) {
       this.#node.addPropertyChangeListener(this.#nodeProperty, (oldVal, newVal) => {
         this.Set(newVal);
@@ -3707,7 +3725,9 @@ var NodeSubsystem2 = class {
       this.#boxSelect = false;
     }
     if (this.#widgetCurrentlyClicking !== null) {
-      this.#widgetCurrentlyClicking.ClickEnd();
+      if (this.#widgetHovering === this.#widgetCurrentlyClicking) {
+        this.#widgetCurrentlyClicking.ClickEnd();
+      }
       this.#widgetCurrentlyClicking = null;
     }
     if (this.#connectionSelected === null) {
@@ -5193,6 +5213,7 @@ var FlowNode = class {
     };
     project(this.#portOffsets.input, this.#inputPortPositions);
     project(this.#portOffsets.output, this.#outputPortPositions);
+    this.#widgetPositions.Clear();
     return true;
   }
 };
@@ -6853,12 +6874,25 @@ var NodeFlowGraph = class {
     this.#pasteCallbacks.forEach((callback) => callback(position));
   }
   #deleteKey(e) {
-    return e.code === "Delete" || e.code === "Backspace" || e.key === "Delete" || e.key === "Backspace";
+    return e.code === "Delete" || e.key === "Delete";
   }
   #keyDown(e) {
     if (document.activeElement) {
       if (["INPUT", "TEXTAREA"].includes(document.activeElement.tagName)) return;
     }
+    if (this.#openQuickMenu) {
+      if (e.code === "Escape") {
+        this.#openQuickMenu = null;
+        return;
+      }
+      if (e.code === "Enter") {
+        this.#openQuickMenu.Menu.execute();
+        this.#openQuickMenu = null;
+        return;
+      }
+      this.#openQuickMenu.Menu.keyboardEvent(e);
+      return;
+    }
     if (this.#deleteKey(e)) {
       if (this.#mainNodeSubsystem.getSelectedNodes().length > 0) {
         e.preventDefault();
@@ -6883,19 +6917,6 @@ var NodeFlowGraph = class {
           return;
       }
     }
-    if (this.#openQuickMenu) {
-      if (e.code === "Escape") {
-        this.#openQuickMenu = null;
-        return;
-      }
-      if (e.code === "Enter") {
-        this.#openQuickMenu.Menu.execute();
-        this.#openQuickMenu = null;
-        return;
-      }
-      this.#openQuickMenu.Menu.keyboardEvent(e);
-      return;
-    }
     const spacePressed = e.key == " " || e.code == "Space";
     if (!spacePressed) {
       return;
@@ -7094,6 +7115,9 @@ var NodeFlowGraph = class {
   connectNodes(nodeOut, outPort, nodeIn, inPort) {
     return this.#mainNodeSubsystem.connectNodes(nodeOut, outPort, nodeIn, inPort);
   }
+  clearNodeInputConnection(node, index) {
+    this.#mainNodeSubsystem.clearNodeInputConnection(node, index);
+  }
   addNode(node) {
     this.#mainNodeSubsystem.addNode(node);
   }