@elicdavis/node-flow 0.2.2 → 0.2.3

package/dist/index.mjs

@@ -1609,6 +1609,7 @@ var Port = class {
   #dataTypePopupElement;
   #onConnectionAdded;
   #onConnectionRemoved;
+  #widget = null;
   constructor(node, portType, config) {
     this.#node = node;
     this.#connections = new Array();
@@ -1759,10 +1760,23 @@ var Port = class {
     this.#visibilityMayHaveChanged(was);
   }
   #visibilityMayHaveChanged(was) {
-    if (was !== this.hidden() || this.#portType === "INPUTARRAY" /* InputArray */) {
+    if (was !== this.hidden() || this.#portType === "INPUTARRAY" /* InputArray */ || this.#widget !== null) {
       this.#node?.invalidateLayout();
     }
   }
+  setWidget(widget) {
+    this.#widget = widget;
+    this.#node?.invalidateLayout();
+  }
+  widget() {
+    return this.#widget;
+  }
+  /**
+   * The widget stands in for a wire, so it leaves once one is connected.
+   */
+  widgetShown() {
+    return this.#widget !== null && this.#portType !== "OUTPUT" /* Output */ && this.#connections.length === 0 && !this.hidden() && !(this.#widget.Hidden?.() ?? false);
+  }
   /**
    * A port asked to hide still shows while anything is connected to it,
    * and while its node is showing its hidden ports.
@@ -5116,6 +5130,7 @@ var FlowNode = class {
   #inputPortPositions;
   #outputPortPositions;
   #widgetPositions;
+  #portWidgetPositions = new List();
   #data;
   #registeredAnyPropertyChangeCallbacks;
   #registeredPropertyChangeCallbacks;
@@ -5603,7 +5618,7 @@ var FlowNode = class {
       }
       this.#portTextStyle.measure(ctx, 1, port.getDisplayName(), tempMeasurement);
       size.y += this.#portRowHeight(port, tempMeasurement.y) + this.#elementSpacing;
-      size.x = Math.max(size.x, tempMeasurement.x + doublePadding);
+      size.x = Math.max(size.x, this.#portRowWidth(port, tempMeasurement.x) + doublePadding);
     }
     const widgets = this.#hasHiddenPortsToggle() ? [this.#hiddenPortsToggle, ...this.#widgets] : this.#widgets;
     for (const widget of widgets) {
@@ -5624,6 +5639,9 @@ var FlowNode = class {
   }
   addInput(config) {
     const port = new Port(this, config.array ? "INPUTARRAY" /* InputArray */ : "INPUT" /* Input */, config);
+    if (config.widget !== void 0) {
+      port.setWidget(GlobalWidgetFactory.createFromConfig(this, config.widget));
+    }
     this.#input.push(port);
     return port;
   }
@@ -5749,6 +5767,17 @@ var FlowNode = class {
         intersection.WidgetBox = this.#widgetPositions.At(i);
       }
     }
+    for (let i = 0; i < this.#portWidgetPositions.Count(); i++) {
+      const port = this.#input[i];
+      if (port !== void 0 && port.widgetShown() && InBox(this.#portWidgetPositions.At(i), position)) {
+        intersection.Node = this;
+        intersection.Widget = port.widget();
+        intersection.WidgetBox = this.#portWidgetPositions.At(i);
+        intersection.Port = void 0;
+        intersection.PortIndex = void 0;
+        intersection.PortIsInput = void 0;
+      }
+    }
     return intersection;
   }
   canEditTitle() {
@@ -5863,7 +5892,14 @@ var FlowNode = class {
   }
   #portRowHeight(port, textHeight) {
     const slots = port.slots();
-    return slots > 1 ? Math.max(textHeight, slots * ARRAY_SLOT_PITCH) : textHeight;
+    const widget = port.widgetShown() ? port.widget().Size().y : 0;
+    return Math.max(slots > 1 ? slots * ARRAY_SLOT_PITCH : 0, textHeight, widget);
+  }
+  #portRowWidth(port, textWidth) {
+    if (!port.widgetShown()) {
+      return textWidth;
+    }
+    return textWidth + this.#elementSpacing + port.widget().Size().x;
   }
   hasBeenLaidOut() {
     return this.#laidOut;
@@ -5885,6 +5921,7 @@ var FlowNode = class {
       this.#inputPortPositions.Clear();
       this.#outputPortPositions.Clear();
       this.#widgetPositions.Clear();
+      this.#portWidgetPositions.Clear();
       const scaledPadding = this.#padding * camera.zoom;
       const scaledElementSpacing = this.#elementSpacing * camera.zoom;
       const nodeBounds = this.calculateBounds(ctx, camera);
@@ -5979,6 +6016,7 @@ var FlowNode = class {
         const port = this.#input[i];
         if (port.hidden()) {
           this.#inputPortPositions.Push({ Position: { x: nodeBounds.Position.x, y: startY }, Size: { x: 0, y: 0 } });
+          this.#portWidgetPositions.Push({ Position: { x: nodeBounds.Position.x, y: startY }, Size: { x: 0, y: 0 } });
           continue;
         }
         this.#portTextStyle.measure(ctx, 1, port.getDisplayName(), tempMeasurement);
@@ -5988,6 +6026,19 @@ var FlowNode = class {
         position.y = startY + portHeight / 2;
         this.#portTextStyle.setupStyle(ctx, camera.zoom);
         ctx.fillText(port.getDisplayName(), leftSide, position.y);
+        if (port.widgetShown()) {
+          const widget = port.widget();
+          const widgetHeight = widget.Size().y * camera.zoom;
+          const widgetLeft = leftSide + tempMeasurement.x * camera.zoom + scaledElementSpacing;
+          const box = {
+            Position: { x: widgetLeft, y: startY + (portHeight - widgetHeight) / 2 },
+            Size: { x: nodeBounds.Position.x + nodeBounds.Size.x - scaledPadding - widgetLeft, y: widgetHeight }
+          };
+          widget.Draw(ctx, box, camera.zoom, mousePosition);
+          this.#portWidgetPositions.Push(box);
+        } else {
+          this.#portWidgetPositions.Push({ Position: { x: nodeBounds.Position.x, y: startY }, Size: { x: 0, y: 0 } });
+        }
         this.#inputPortPositions.Push(port.render(ctx, position, camera, mousePosition, postProcess));
         startY += portHeight + scaledElementSpacing;
       }
@@ -6073,6 +6124,7 @@ var FlowNode = class {
       return false;
     }
     this.#widgetPositions.Clear();
+    this.#portWidgetPositions.Clear();
     this.#hiddenPortsTogglePosition = null;
     return true;
   }