@elicdavis/node-flow 0.2.2 → 0.2.4

package/dist/index.js

@@ -58,12 +58,15 @@ __export(index_exports, {
   formatNumber: () => formatNumber,
   onThemeChange: () => onThemeChange,
   portConfigTypes: () => portConfigTypes,
+  portTypeColor: () => portTypeColor,
   portsCompatible: () => portsCompatible,
+  portsConnect: () => portsConnect,
   renderContinuously: () => renderContinuously,
   requestRender: () => requestRender,
   setTheme: () => setTheme,
   themeVersion: () => themeVersion,
   typeSetsCompatible: () => typeSetsCompatible,
+  typeSetsConnect: () => typeSetsConnect,
   widgetFont: () => widgetFont
 });
 module.exports = __toCommonJS(index_exports);
@@ -125,7 +128,8 @@ var defaults = {
       Idle: "#1c1c1c",
       MouseOver: "#8e8e8e",
       Grabbed: "white",
-      Selected: "#6e6e6e"
+      Selected: "#6e6e6e",
+      Highlighted: "#ffc95c"
     },
     Bevel: null,
     Port: {
@@ -212,6 +216,7 @@ var defaults = {
     H3: {
       FontSize: 16
     },
+    CodeFontFamily: null,
     CodeBlock: {
       BackgroundColor: "#0c2b35",
       FontColor: "#afb9bb",
@@ -661,11 +666,11 @@ var ContextMenu = class _ContextMenu {
   #tempBox = { Position: Zero(), Size: Zero() };
   #openSubMenu;
   #bounds = null;
-  #contains(point) {
+  contains(point) {
     if (this.#bounds !== null && InBox(this.#bounds, point)) {
       return true;
     }
-    return this.#openSubMenu !== void 0 && this.#openSubMenu.#contains(point);
+    return this.#openSubMenu !== void 0 && this.#openSubMenu.contains(point);
   }
   /**
    * A submenu is anchored to its parent's left edge and told the parent's
@@ -708,7 +713,7 @@ var ContextMenu = class _ContextMenu {
       Position: { x: position.x, y: position.y },
       Size: { x: scaledEntryWidth, y: totalScaledHeight }
     };
-    const pointer = mousePosition !== void 0 && this.#openSubMenu !== void 0 && this.#openSubMenu.#contains(mousePosition) ? void 0 : mousePosition;
+    const pointer = mousePosition !== void 0 && this.#openSubMenu !== void 0 && this.#openSubMenu.contains(mousePosition) ? void 0 : mousePosition;
     this.#tempBox.Size.x = scaledEntryWidth;
     this.#tempBox.Size.y = scaledEntryHeight;
     CopyVector2(this.#tempBox.Position, position);
@@ -818,12 +823,14 @@ var MouseObserver = class {
   #clickStop;
   #contextMenu;
   #zoomCallback;
+  #leaveCallback;
+  #inside = false;
   #longPressTimer = null;
   #longPressOrigin = Zero();
   #longPressFired = false;
   #pinchDist = 0;
   #lastTouchAt = 0;
-  constructor(ele, dragCallback, moveCallback, clickStart, clickStop, contextMenu, fileDrop, zoomCallback) {
+  constructor(ele, dragCallback, moveCallback, clickStart, clickStop, contextMenu, fileDrop, zoomCallback, leaveCallback) {
     this.#ele = ele;
     this.#dragCallback = dragCallback;
     this.#moveCallback = moveCallback;
@@ -831,6 +838,7 @@ var MouseObserver = class {
     this.#clickStop = clickStop;
     this.#contextMenu = contextMenu;
     this.#zoomCallback = zoomCallback;
+    this.#leaveCallback = leaveCallback;
     this.#clicked = false;
     this.#lastTouch = Zero();
     this.#lastMousePosition = Zero();
@@ -845,6 +853,12 @@ var MouseObserver = class {
     document.addEventListener("touchend", redraws(this.#touchEnd.bind(this)), false);
     document.addEventListener("touchcancel", redraws(this.#touchEnd.bind(this)), false);
     ele.addEventListener("mousemove", redraws(this.#move.bind(this)), false);
+    ele.addEventListener("mouseleave", redraws(() => {
+      this.#inside = false;
+      if (!this.#clicked) {
+        this.#leaveCallback?.();
+      }
+    }), false);
     ele.addEventListener("touchmove", redraws(this.#touchMove.bind(this)), { passive: false });
     ele.addEventListener("wheel", redraws(this.#wheel.bind(this)), { passive: false });
     ele.addEventListener("drop", redraws((ev) => {
@@ -914,6 +928,7 @@ var MouseObserver = class {
     if (this.#fromTouch()) {
       return;
     }
+    this.#inside = true;
     const pos = this.#mousePos(event);
     if (this.#clicked) {
       const delta = Zero();
@@ -927,6 +942,7 @@ var MouseObserver = class {
     if (event.button !== 0 || this.#fromTouch()) {
       return;
     }
+    this.#inside = true;
     this.#clicked = true;
     this.#clickStart(this.#mousePos(event), event.ctrlKey || event.shiftKey);
   }
@@ -934,8 +950,12 @@ var MouseObserver = class {
     if (event.button !== 0 || this.#fromTouch()) {
       return;
     }
+    const wasClicked = this.#clicked;
     this.#clicked = false;
     this.#clickStop();
+    if (wasClicked && !this.#inside) {
+      this.#leaveCallback?.();
+    }
   }
   #touchStart(event) {
     this.#lastTouchAt = Date.now();
@@ -1625,6 +1645,18 @@ function typeSetsCompatible(a, b) {
   }
   return a.some((type) => b.includes(type));
 }
+function portsConnect(output, input, casts) {
+  if (!output || !input) {
+    return false;
+  }
+  return typeSetsConnect(output.acceptedTypes(), input.acceptedTypes(), casts);
+}
+function typeSetsConnect(output, input, casts) {
+  if (typeSetsCompatible(output, input)) {
+    return true;
+  }
+  return (casts ?? []).some((cast) => output.includes(cast.from) && input.includes(cast.to));
+}
 function portConfigTypes(config) {
   if (config.anyType === true) {
     return [];
@@ -1661,6 +1693,9 @@ function fallbackColor(type, s) {
   HSV2RGB(hsv, color);
   return RgbToHex(color);
 }
+function portTypeColor(type) {
+  return fallbackColor(type, 1);
+}
 var Port = class {
   #node;
   #displayName;
@@ -1679,6 +1714,7 @@ var Port = class {
   #dataTypePopupElement;
   #onConnectionAdded;
   #onConnectionRemoved;
+  #widget = null;
   constructor(node, portType, config) {
     this.#node = node;
     this.#connections = new Array();
@@ -1829,10 +1865,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.
@@ -3955,11 +4004,10 @@ function TimeExecution(name, callback) {
 
 // src/nodes/publisher.ts
 function offersMatchingPort(config, filter) {
-  const ports = filter.needs === "INPUT" /* Input */ ? config.inputs : config.outputs;
-  if (ports === void 0) {
-    return false;
+  if (filter.needs === "INPUT" /* Input */) {
+    return (config.inputs ?? []).some((port) => typeSetsConnect(filter.types, portConfigTypes(port), filter.casts));
   }
-  return ports.some((port) => typeSetsCompatible(portConfigTypes(port), filter.types));
+  return (config.outputs ?? []).some((port) => typeSetsConnect(portConfigTypes(port), filter.types, filter.casts));
 }
 var Publisher = class {
   #name;
@@ -4140,11 +4188,14 @@ var NodeSubsystem2 = class {
   #boxSelectStart_graphSpace;
   #boxSelectEnd_graphSpace;
   #boxSelectionNodes;
+  #casts;
   #lastCtx;
   #lastMousePosition;
   // LISTENERS ==============================================================
   #nodeRemovedCallbacks;
   #registeredNodeAddedCallbacks;
+  #nodeHoverCallbacks = new Array();
+  #hoveredNode = null;
   // ========================================================================
   constructor(postProcessPass, config) {
     this.#postProcessPass = postProcessPass;
@@ -4166,6 +4217,13 @@ var NodeSubsystem2 = class {
     this.#boxSelectEnd_graphSpace = Zero();
     this.#boxSelectionNodes = new List();
     this.#lastCtx = null;
+    this.#casts = config?.casts ?? [];
+  }
+  setCasts(casts) {
+    this.#casts = casts;
+  }
+  casts() {
+    return this.#casts;
   }
   addPublisher(identifier, publisher) {
     this.#nodeFactory.addPublisher(identifier, publisher);
@@ -4188,6 +4246,18 @@ var NodeSubsystem2 = class {
     }
     this.#nodeRemovedCallbacks.push(callback);
   }
+  addNodeHoverListener(callback) {
+    this.#nodeHoverCallbacks.push(callback);
+  }
+  #setHoveredNode(node) {
+    if (this.#hoveredNode === node) {
+      return;
+    }
+    this.#hoveredNode = node;
+    for (let i = 0; i < this.#nodeHoverCallbacks.length; i++) {
+      this.#nodeHoverCallbacks[i](node);
+    }
+  }
   clickStart(mousePosition, camera, ctrlKey) {
     this.#boxSelect = false;
     this.#nodesGrabbed.Clear();
@@ -4407,7 +4477,8 @@ var NodeSubsystem2 = class {
     let firstHidden = -1;
     for (let i = 0; i < count; i++) {
       const port = side === "INPUT" /* Input */ ? node.inputPort(i) : node.outputPort(i);
-      if (!portsCompatible(port, against)) {
+      const compatible = side === "INPUT" /* Input */ ? portsConnect(against, port, this.#casts) : portsConnect(port, against, this.#casts);
+      if (!compatible) {
         continue;
       }
       if (!port.hidden()) {
@@ -4464,11 +4535,11 @@ var NodeSubsystem2 = class {
       this.#clearCurrentlySelectedConnection();
       return;
     }
-    if (this.#portHovering.InputPort && !portsCompatible(this.#portHovering.Port, conn.outPort())) {
+    if (this.#portHovering.InputPort && !portsConnect(conn.outPort(), this.#portHovering.Port, this.#casts)) {
       this.#clearCurrentlySelectedConnection();
       return;
     }
-    if (!this.#portHovering.InputPort && !portsCompatible(this.#portHovering.Port, conn.inPort())) {
+    if (!this.#portHovering.InputPort && !portsConnect(this.#portHovering.Port, conn.inPort(), this.#casts)) {
       this.#clearCurrentlySelectedConnection();
       return;
     }
@@ -4491,7 +4562,7 @@ var NodeSubsystem2 = class {
   connectNodes(nodeOut, outPort, nodeIn, inPort) {
     const from = nodeOut.outputPort(outPort);
     const to = nodeIn.inputPort(inPort);
-    if (!portsCompatible(from, to)) {
+    if (!portsConnect(from, to, this.#casts)) {
       console.error("can't connect nodes of different types", from.getDataType(), to.getDataType());
       return;
     }
@@ -4834,6 +4905,7 @@ var NodeSubsystem2 = class {
     this.#widgetHovering = null;
     this.#nodeHovering = -1;
     this.#boxSelectionNodes.Clear();
+    let hovered = null;
     const selectedBox_Screenspace = this.#boxSelectionScreenspaceBox(camera);
     const canvas = {
       Position: { x: 0, y: 0 },
@@ -4847,6 +4919,9 @@ var NodeSubsystem2 = class {
       }
       if (mousePosition !== void 0 && !this.#boxSelect) {
         const intersection = this.#nodes[i].inBounds(ctx, camera, mousePosition);
+        if (intersection.Node !== void 0) {
+          hovered = intersection.Node;
+        }
         if (intersection.Node !== void 0 && intersection.PortIndex === void 0 && intersection.Widget === void 0) {
           state = 1 /* MouseOver */;
           this.#nodeHovering = i;
@@ -4878,6 +4953,7 @@ var NodeSubsystem2 = class {
       }
       this.#nodes[i].render(ctx, camera, state, mousePosition, this.#postProcessPass);
     }
+    this.#setHoveredNode(hovered);
     if (this.#widgetCurrentlyClicking !== null) {
       this.#cursor = this.#widgetCurrentlyClicking.Cursor?.() ?? "pointer" /* Pointer */;
     }
@@ -5183,9 +5259,11 @@ var FlowNode = class {
   #elementSpacing;
   // Runtime ================================================================
   #selected;
+  #highlighted = false;
   #inputPortPositions;
   #outputPortPositions;
   #widgetPositions;
+  #portWidgetPositions = new List();
   #data;
   #registeredAnyPropertyChangeCallbacks;
   #registeredPropertyChangeCallbacks;
@@ -5285,6 +5363,16 @@ var FlowNode = class {
       this.#onSelect[i]();
     }
   }
+  highlighted() {
+    return this.#highlighted;
+  }
+  setHighlighted(highlighted) {
+    if (this.#highlighted === highlighted) {
+      return;
+    }
+    this.#highlighted = highlighted;
+    requestRender();
+  }
   raiseDragStoppedEvent() {
     for (let i = 0; i < this.#onDragStop.length; i++) {
       this.#onDragStop[i](this);
@@ -5673,7 +5761,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) {
@@ -5694,6 +5782,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;
   }
@@ -5819,6 +5910,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() {
@@ -5933,7 +6035,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;
@@ -5955,11 +6064,28 @@ 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);
       const nodeStyle = this.#calculateStyle(state);
       nodeStyle.Draw(ctx, nodeBounds, camera.zoom);
+      if (this.#highlighted) {
+        const gap = 3;
+        ctx.save();
+        ctx.strokeStyle = Theme.Node.Border.Highlighted;
+        ctx.lineWidth = 2;
+        ctx.beginPath();
+        ctx.roundRect(
+          nodeBounds.Position.x - gap,
+          nodeBounds.Position.y - gap,
+          nodeBounds.Size.x + gap * 2,
+          nodeBounds.Size.y + gap * 2,
+          nodeStyle.radius() * camera.zoom + gap
+        );
+        ctx.stroke();
+        ctx.restore();
+      }
       const borderSize = nodeStyle.borderSize();
       ctx.textAlign = "center" /* Center */;
       ctx.textBaseline = "middle" /* Middle */;
@@ -6049,6 +6175,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);
@@ -6058,6 +6185,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;
       }
@@ -6143,6 +6283,7 @@ var FlowNode = class {
       return false;
     }
     this.#widgetPositions.Clear();
+    this.#portWidgetPositions.Clear();
     this.#hiddenPortsTogglePosition = null;
     return true;
   }
@@ -6650,7 +6791,7 @@ var MarkdownSyntaxParser = class {
       content += token.lexeme();
       this.#inc();
     }
-    return [new Text(content, { font: "monospace" })];
+    return [new Text(content, { font: Theme.Note.CodeFontFamily ?? "monospace" })];
   }
   #text() {
     let contents = new Array();
@@ -6764,7 +6905,7 @@ var MarkdownSyntaxParser = class {
     this.#inc();
     this.#inc();
     const codeBlockText = this.#originalText.substring(start, end).replace(/\r?\n$/, "");
-    const entryText = new Text(codeBlockText);
+    const entryText = new Text(codeBlockText, { font: Theme.Note.CodeFontFamily ?? void 0 });
     this.#assignStandardStyling([entryText]);
     entryText.setColor(Theme.Note.CodeBlock.FontColor);
     return new CodeBlockEntry(entryText);
@@ -7526,8 +7667,16 @@ var QuickMenu = class {
       pos.x = 0;
     }
     this.#container.render(ctx, pos, 1, this.renderSize);
+    this.#bounds = {
+      Position: { x: pos.x, y: pos.y },
+      Size: { x: this.renderSize.x, y: this.renderSize.y }
+    };
     return null;
   }
+  #bounds = null;
+  contains(point) {
+    return this.#bounds !== null && InBox(this.#bounds, point);
+  }
 };
 
 // src/minimap.ts
@@ -7738,6 +7887,7 @@ var NodeFlowGraph = class {
   #backgroundRenderer;
   #contextMenuConfig;
   #mousePosition;
+  #mouseOverCanvas = false;
   #camera;
   #openedContextMenu;
   #openQuickMenu;
@@ -7750,7 +7900,8 @@ var NodeFlowGraph = class {
     const postProcessPass = new PassSubsystem();
     this.#mainNodeSubsystem = new NodeSubsystem2(postProcessPass, {
       nodes: config?.nodes,
-      idleConnection: config?.idleConnection
+      idleConnection: config?.idleConnection,
+      casts: config?.casts
     });
     this.#lastFrameCursor = "default" /* Default */;
     this.#cursor = "default" /* Default */;
@@ -7799,6 +7950,7 @@ var NodeFlowGraph = class {
       this.#mouseDragEvent.bind(this),
       (mousePosition) => {
         this.#mousePosition = mousePosition;
+        this.#mouseOverCanvas = true;
       },
       this.#clickStart.bind(this),
       this.#clickEnd.bind(this),
@@ -7806,6 +7958,9 @@ var NodeFlowGraph = class {
       this.#fileDrop.bind(this),
       (factor, anchor) => {
         this.#zoomBy(factor, anchor);
+      },
+      () => {
+        this.#mouseOverCanvas = false;
       }
     );
     document.addEventListener(
@@ -7963,6 +8118,7 @@ var NodeFlowGraph = class {
     this.#openQuickMenu = null;
     this.#contextMenuEntryHovering = null;
     this.#mousePosition = mousePosition;
+    this.#mouseOverCanvas = true;
     if (this.#minimap.contains(mousePosition)) {
       this.#lookAtFromMinimap(mousePosition);
       this.#draggingMinimap = true;
@@ -7991,6 +8147,9 @@ var NodeFlowGraph = class {
   addPublisher(identifier, publisher) {
     this.#mainNodeSubsystem.addPublisher(identifier, publisher);
   }
+  setCasts(casts) {
+    this.#mainNodeSubsystem.setCasts(casts);
+  }
   getNodes() {
     return this.#mainNodeSubsystem.getNodes();
   }
@@ -8111,6 +8270,9 @@ var NodeFlowGraph = class {
   addOnNodeRemovedListener(callback) {
     this.#mainNodeSubsystem.addOnNodeRemovedListener(callback);
   }
+  addNodeHoverListener(callback) {
+    this.#mainNodeSubsystem.addNodeHoverListener(callback);
+  }
   #sceenPositionToGraphPosition(screenPosition) {
     const out = Zero();
     this.#camera.screenSpaceToGraphSpace(screenPosition, out);
@@ -8136,6 +8298,7 @@ var NodeFlowGraph = class {
       {
         needs: dangling.needs,
         types: dangling.types,
+        casts: this.#mainNodeSubsystem.casts(),
         onCreated: dangling.connectTo
       }
     );
@@ -8207,7 +8370,7 @@ var NodeFlowGraph = class {
     TimeExecution("Render_Background", this.#renderBackground.bind(this));
     TimeExecution("Render_View_" + this.#currentView, () => {
       placeEditsDuring(this.#canvas, () => {
-        let results = this.currentView().render(this.#ctx, this.#camera, this.#mousePosition);
+        let results = this.currentView().render(this.#ctx, this.#camera, this.#pointerOnGraph());
         if (results?.cursorStyle) {
           this.#cursor = results?.cursorStyle;
         }
@@ -8223,6 +8386,19 @@ var NodeFlowGraph = class {
     }
     this.#lastFrameCursor = this.#cursor;
   }
+  #pointer() {
+    return this.#mouseOverCanvas ? this.#mousePosition : void 0;
+  }
+  #pointerOnGraph() {
+    const pointer = this.#pointer();
+    if (pointer === void 0) {
+      return void 0;
+    }
+    if (this.#openedContextMenu?.Menu.contains(pointer) || this.#openQuickMenu?.Menu.contains(pointer)) {
+      return void 0;
+    }
+    return pointer;
+  }
   #renderBackground() {
     this.#backgroundRenderer(this.#canvas, this.#ctx, this.#camera.position, this.#camera.zoom);
   }
@@ -8231,7 +8407,7 @@ var NodeFlowGraph = class {
       if (this.#openedContextMenu !== null) {
         const pos = VectorPool.get();
         this.#camera.graphSpaceToScreenSpace(this.#openedContextMenu.Position, pos);
-        this.#contextMenuEntryHovering = this.#openedContextMenu.Menu.render(this.#ctx, pos, this.#camera.zoom, this.#mousePosition, true);
+        this.#contextMenuEntryHovering = this.#openedContextMenu.Menu.render(this.#ctx, pos, this.#camera.zoom, this.#pointer(), true);
         if (this.#contextMenuEntryHovering !== null) {
           this.#cursor = "pointer" /* Pointer */;
         }
@@ -8243,7 +8419,7 @@ var NodeFlowGraph = class {
       if (this.#openQuickMenu !== null) {
         const pos = VectorPool.get();
         this.#camera.graphSpaceToScreenSpace(this.#openQuickMenu.Position, pos);
-        this.#contextMenuEntryHovering = this.#openQuickMenu.Menu.render(this.#ctx, pos, this.#camera.zoom, this.#mousePosition);
+        this.#contextMenuEntryHovering = this.#openQuickMenu.Menu.render(this.#ctx, pos, this.#camera.zoom, this.#pointer());
         if (this.#contextMenuEntryHovering !== null) {
           this.#cursor = "pointer" /* Pointer */;
         }
@@ -8291,12 +8467,15 @@ var NodeFlowGraph = class {
   formatNumber,
   onThemeChange,
   portConfigTypes,
+  portTypeColor,
   portsCompatible,
+  portsConnect,
   renderContinuously,
   requestRender,
   setTheme,
   themeVersion,
   typeSetsCompatible,
+  typeSetsConnect,
   widgetFont
 });
 //# sourceMappingURL=index.js.map