@elicdavis/node-flow 0.1.17 → 0.1.18

package/dist/index.js

@@ -115,7 +115,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,
@@ -1898,6 +1898,7 @@ var Popup = class {
   #buttonCSS;
   // Runtime ================================================================
   #popup;
+  #keyHandler;
   constructor(config) {
     this.#title = config.title;
     this.#options = config.options;
@@ -1905,14 +1906,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;";
@@ -1934,14 +1946,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);
   }
 };
 
@@ -2050,8 +2068,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);
@@ -2493,8 +2511,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);
@@ -2659,8 +2677,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);
@@ -3761,7 +3779,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) {
@@ -5247,6 +5267,7 @@ var FlowNode = class {
     };
     project(this.#portOffsets.input, this.#inputPortPositions);
     project(this.#portOffsets.output, this.#outputPortPositions);
+    this.#widgetPositions.Clear();
     return true;
   }
 };