@multiplatform.one/node-graph 7.7.2

package/dist/esm/nodes/GraphNode.native.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useGraphNodeKnobs } from "../knobs/graphKnobs.native.js";
+import { SizableText, XStack, YStack } from "tamagui";
+import { useUpdateNodeInternals } from "../react-flow/xy.native.js";
+import { paintedPortSize } from "./handleGeometry.native.js";
+import { detailOpacity, isOverview } from "./lod.native.js";
+import { containerRadiusPx, graphNodeMinHeight, graphNodeWidth, portSpacing } from "./nodeMeasure.native.js";
+function usePortInternals(id, ports) {
+  var updateNodeInternals = useUpdateNodeInternals();
+  var first = useRef(true);
+  useEffect(function () {
+    if (first.current) {
+      first.current = false;
+      return;
+    }
+    updateNodeInternals(id);
+  }, [id, ports, updateNodeInternals]);
+}
+function GraphNode(param) {
+  var {
+    id,
+    title,
+    subtitle,
+    ports,
+    intent,
+    selected = false,
+    dragging = false,
+    measure,
+    renderMode = "detail",
+    coarsePointer = false,
+    renderPort,
+    children
+  } = param;
+  var {
+    knobProps,
+    control
+  } = useGraphNodeKnobs({
+    intent,
+    selected,
+    dragging
+  });
+  usePortInternals(id, ports);
+  var size = knobProps.size;
+  var portSpacingPx = portSpacing({
+    coarsePointer
+  });
+  var portGutterPx = paintedPortSize(size);
+  var width = graphNodeWidth({
+    size,
+    measure
+  });
+  var minHeight = graphNodeMinHeight({
+    size,
+    ports: ports !== null && ports !== void 0 ? ports : [],
+    portSpacingPx,
+    measure
+  });
+  var radiusPx = containerRadiusPx(knobProps.containerRadius.borderRadius);
+  var overview = isOverview(renderMode);
+  var fade = detailOpacity(renderMode);
+  return /* @__PURE__ */_jsxs(YStack, {
+    "data-graph-node": id,
+    "data-graph-node-radius": String(radiusPx),
+    "data-graph-node-width": String(width),
+    "data-graph-node-render-mode": renderMode,
+    "data-graph-node-port-spacing": String(portSpacingPx),
+    ...knobProps.surface,
+    ...knobProps.containerRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    ...knobProps.elevationChrome,
+    hoverStyle: {
+      ...control.hoverKnobProps
+    },
+    pressStyle: {
+      ...control.pressKnobProps
+    },
+    focusVisibleStyle: {
+      ...control.focusVisibleKnobProps
+    },
+    width,
+    minHeight,
+    // The containing block for its own ports. React Flow positions every
+    // Handle absolutely, so a `static` frame hands them to whatever ancestor
+    // happens to be positioned — off canvas, that is the document, and the
+    // discs pile up in the page corner instead of on the node edge.
+    position: "relative",
+    // §7.1 H6. Handles overhang the frame; a clipping node eats them.
+    overflow: "visible",
+    opacity: dragging ? 0.85 : 1,
+    transition: knobProps.transition,
+    children: [/* @__PURE__ */_jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [
+      /*
+        `label` ALONE, and deliberately not `{...knobProps.heading}` before
+        it. Measured in the MPO-191 knob fuzz: `label` carries
+        `fontFamily: bodyFontValue` (resolveKnobs.ts:648-652) and `heading`
+        carries the heading family, so spreading heading first and label
+        second made the title paint the BODY face while the source read as if
+        it painted the heading one. The rendered result was right — design §11
+        declares this ink honours `bodyFont` — but only by spread order, and a
+        reorder would have flipped a documented law silently. One fragment,
+        one law. `GraphNode.spec.tsx` pins that `headingFont` does not move it.
+      */
+      /* @__PURE__ */
+      _jsx(SizableText, {
+        ...knobProps.label,
+        numberOfLines: 1,
+        "data-graph-node-title": "",
+        children: title
+      }), selected ? /* @__PURE__ */_jsx(YStack, {
+        "data-graph-node-selected": ""
+      }) : null]
+    }), subtitle ? /* @__PURE__ */_jsx(SizableText, {
+      ...knobProps.body,
+      ...knobProps.label,
+      numberOfLines: 2,
+      // 0.75 is the subtitle's own de-emphasis in detail; overview
+      // multiplies it to zero rather than replacing it, so the two laws
+      // compose instead of one silently overriding the other.
+      opacity: 0.75 * fade,
+      children: subtitle
+    }) : null, (ports === null || ports === void 0 ? void 0 : ports.length) ? /* @__PURE__ */_jsx(YStack, {
+      "data-graph-node-ports": "",
+      gap: 0,
+      opacity: fade,
+      // An invisible 44 px press target is a trap. The ports stay MOUNTED
+      // (the box depends on them) but stop taking a pointer while nothing
+      // is drawn there for the user to aim at.
+      pointerEvents: overview ? "none" : "auto",
+      children: ports.map(function (port) {
+        var _port_label;
+        return /* @__PURE__ */_jsxs(XStack, {
+          "data-graph-node-port-row": port.id,
+          "data-graph-node-port-side": port.side,
+          height: portSpacingPx,
+          alignItems: "center",
+          justifyContent: port.side === "right" ? "flex-end" : "flex-start",
+          // Each row is the containing block for ITS OWN port. React Flow
+          // places a handle at `top: 50%` of the nearest positioned
+          // ancestor, so with only the frame positioned every left port on
+          // a six-port node lands on the same pixel — seen in the Crowded
+          // story before this line existed. Per-row makes the pitch real.
+          position: "relative",
+          // The row is where the port's painted disc overhangs the frame.
+          overflow: "visible",
+          children: [renderPort === null || renderPort === void 0 ? void 0 : renderPort(port), /* @__PURE__ */_jsx(SizableText, {
+            ...knobProps.body,
+            ...knobProps.label,
+            numberOfLines: 1,
+            paddingLeft: port.side === "right" ? 0 : portGutterPx,
+            paddingRight: port.side === "right" ? portGutterPx : 0,
+            children: (_port_label = port.label) !== null && _port_label !== void 0 ? _port_label : port.id
+          })]
+        }, port.id);
+      })
+    }) : null,
+    /*
+      Wrapped, and the wrapper is present in BOTH modes. Rendering
+      `{children}` bare and switching it off in overview is what the previous
+      version did, and an unmount collapses the box — which is the one thing
+      design §5 forbids, because React Flow's observer then reports a new
+      height and every edge attached to this node moves.
+    */
+    children ? /* @__PURE__ */_jsx(YStack, {
+      "data-graph-node-children": "",
+      opacity: fade,
+      pointerEvents: overview ? "none" : "auto",
+      children
+    }) : null]
+  });
+}
+export { GraphNode };
+//# sourceMappingURL=GraphNode.native.js.map

package/dist/esm/nodes/GraphNode.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useEffect","useRef","useGraphNodeKnobs","SizableText","XStack","YStack","useUpdateNodeInternals","paintedPortSize","detailOpacity","isOverview","containerRadiusPx","graphNodeMinHeight","graphNodeWidth","portSpacing","usePortInternals","id","ports","updateNodeInternals","first","current","GraphNode","param","title","subtitle","intent","selected","dragging","measure","renderMode","coarsePointer","renderPort","children","knobProps","control","size","portSpacingPx","portGutterPx","width","minHeight","radiusPx","containerRadius","borderRadius","overview","fade","String","surface","panelPadding","gap","elevationChrome","hoverStyle","hoverKnobProps","pressStyle","pressKnobProps","focusVisibleStyle","focusVisibleKnobProps","position","overflow","opacity","transition","alignItems","justifyContent","label","numberOfLines","body","length","pointerEvents","map","port","_port_label","side","height"],"sources":["../../../src/nodes/GraphNode.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/nodes/GraphPort.mjs

@@ -0,0 +1,79 @@
+import { isTouchSurface, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Handle, Position } from "../react-flow/xy.mjs";
+import { paintedPortSize, portHitSize, portRegionInset } from "./handleGeometry.mjs";
+import { jsx } from "react/jsx-runtime";
+const positionForSide = {
+  left: Position.Left,
+  right: Position.Right,
+  top: Position.Top,
+  bottom: Position.Bottom
+};
+function GraphPort({
+  id,
+  side,
+  direction,
+  intent,
+  coarsePointer = isTouchSurface(),
+  portSpacingPx,
+  isConnectable = true
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "GraphPort",
+    intent
+  });
+  const size = knobProps.size;
+  const painted = paintedPortSize(size);
+  const hit = portHitSize({
+    size,
+    coarsePointer,
+    portSpacingPx
+  });
+  const borderWidthPx = knobProps.surface.borderWidth;
+  const inset = portRegionInset({
+    size,
+    coarsePointer,
+    portSpacingPx,
+    borderWidthPx
+  });
+  const style = {
+    backgroundColor: knobProps.surface.backgroundColor,
+    borderColor: knobProps.surface.borderColor,
+    borderWidth: borderWidthPx,
+    borderStyle: "solid",
+    // The custom properties `css/graph.css` reads. Three INPUTS, not an
+    // answer: the sheet computes the inset itself, because milestone 6's H7
+    // makes it depend on the live viewport zoom — which this component cannot
+    // see without subscribing to the store on every pinch frame, and would then
+    // have to re-render every port to publish.
+    //
+    // `--mpo-graph-handle-inset` used to be published here as the answer. It is
+    // gone rather than kept beside the calc: a var nothing reads is the kind of
+    // drift that survives three refactors and then gets believed.
+    ["--mpo-graph-handle-size"]: `${painted}px`,
+    ["--mpo-graph-handle-hit"]: `${hit}px`,
+    ["--mpo-graph-handle-border"]: `${borderWidthPx}px`,
+    // §11: the circle is identity. Declared here as well as in the sheet so a
+    // consumer who forgets to import the CSS still gets a round port rather
+    // than a square one that reads as a resize grip.
+    borderRadius: "50%",
+    width: painted,
+    height: painted,
+    boxShadow: "none"
+  };
+  return /* @__PURE__ */jsx(Handle, {
+    id,
+    type: direction === "in" ? "target" : "source",
+    position: positionForSide[side],
+    className: "mp-graph-port",
+    isConnectable,
+    style,
+    "data-graph-port": id,
+    "data-graph-port-painted": String(painted),
+    "data-graph-port-hit": String(hit),
+    "data-graph-port-inset": String(inset)
+  });
+}
+export { GraphPort };
+//# sourceMappingURL=GraphPort.mjs.map

package/dist/esm/nodes/GraphPort.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTouchSurface","useResolvedKnobs","Handle","Position","paintedPortSize","portHitSize","portRegionInset","jsx","positionForSide","left","Left","right","Right","top","Top","bottom","Bottom","GraphPort","id","side","direction","intent","coarsePointer","portSpacingPx","isConnectable","knobProps","component","size","painted","hit","borderWidthPx","surface","borderWidth","inset","style","backgroundColor","borderColor","borderStyle","borderRadius","width","height","boxShadow","type","position","className","String"],"sources":["../../../src/nodes/GraphPort.tsx"],"sourcesContent":[null],"mappings":"AAmBA,SAASA,cAAA,EAAgBC,gBAAA,QAAwB;AAEjD,SAASC,MAAA,EAAQC,QAAA,QAAgB;AACjC,SAASC,eAAA,EAAiBC,WAAA,EAAaC,eAAA,QAAuB;AAiF1D,SAAAC,GAAA;AA9EJ,MAAMC,eAAA,GAAmD;EACvDC,IAAA,EAAMN,QAAA,CAASO,IAAA;EACfC,KAAA,EAAOR,QAAA,CAASS,KAAA;EAChBC,GAAA,EAAKV,QAAA,CAASW,GAAA;EACdC,MAAA,EAAQZ,QAAA,CAASa;AACnB;AAuBO,SAASC,UAAU;EACxBC,EAAA;EACAC,IAAA;EACAC,SAAA;EACAC,MAAA;EACAC,aAAA,GAAgBtB,cAAA,CAAe;EAC/BuB,aAAA;EACAC,aAAA,GAAgB;AAClB,GAAmB;EACjB,MAAM;IAAEC;EAAU,IAAIxB,gBAAA,CAAiB;IAAEyB,SAAA,EAAW;IAAaL;EAAO,CAAC;EACzE,MAAMM,IAAA,GAAOF,SAAA,CAAUE,IAAA;EAEvB,MAAMC,OAAA,GAAUxB,eAAA,CAAgBuB,IAAI;EACpC,MAAME,GAAA,GAAMxB,WAAA,CAAY;IAAEsB,IAAA;IAAML,aAAA;IAAeC;EAAc,CAAC;EAC9D,MAAMO,aAAA,GAAgBL,SAAA,CAAUM,OAAA,CAAQC,WAAA;EAIxC,MAAMC,KAAA,GAAQ3B,eAAA,CAAgB;IAAEqB,IAAA;IAAML,aAAA;IAAeC,aAAA;IAAeO;EAAc,CAAC;EAKnF,MAAMI,KAAA,GAAuB;IAC3BC,eAAA,EAAiBV,SAAA,CAAUM,OAAA,CAAQI,eAAA;IACnCC,WAAA,EAAaX,SAAA,CAAUM,OAAA,CAAQK,WAAA;IAC/BJ,WAAA,EAAaF,aAAA;IACbO,WAAA,EAAa;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUb,CAAC,yBAAmC,GAAG,GAAGT,OAAO;IACjD,CAAC,wBAAkC,GAAG,GAAGC,GAAG;IAC5C,CAAC,2BAAqC,GAAG,GAAGC,aAAa;IAAA;IAAA;IAAA;IAIzDQ,YAAA,EAAc;IACdC,KAAA,EAAOX,OAAA;IACPY,MAAA,EAAQZ,OAAA;IACRa,SAAA,EAAW;EACb;EAEA,OACE,eAAAlC,GAAA,CAACL,MAAA;IACCgB,EAAA;IACAwB,IAAA,EAAMtB,SAAA,KAAc,OAAO,WAAW;IACtCuB,QAAA,EAAUnC,eAAA,CAAgBW,IAAI;IAC9ByB,SAAA,EAAU;IACVpB,aAAA;IACAU,KAAA;IACA,mBAAiBhB,EAAA;IACjB,2BAAyB2B,MAAA,CAAOjB,OAAO;IACvC,uBAAqBiB,MAAA,CAAOhB,GAAG;IAC/B,yBAAuBgB,MAAA,CAAOZ,KAAK;EAAA,CACrC;AAEJ","ignoreList":[]}

package/dist/esm/nodes/GraphPort.native.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isTouchSurface, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Handle, Position } from "../react-flow/xy.native.js";
+import { paintedPortSize, portHitSize, portRegionInset } from "./handleGeometry.native.js";
+var positionForSide = {
+  left: Position.Left,
+  right: Position.Right,
+  top: Position.Top,
+  bottom: Position.Bottom
+};
+function GraphPort(param) {
+  var {
+    id,
+    side,
+    direction,
+    intent,
+    coarsePointer = isTouchSurface(),
+    portSpacingPx,
+    isConnectable = true
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "GraphPort",
+    intent
+  });
+  var size = knobProps.size;
+  var painted = paintedPortSize(size);
+  var hit = portHitSize({
+    size,
+    coarsePointer,
+    portSpacingPx
+  });
+  var borderWidthPx = knobProps.surface.borderWidth;
+  var inset = portRegionInset({
+    size,
+    coarsePointer,
+    portSpacingPx,
+    borderWidthPx
+  });
+  var style = {
+    backgroundColor: knobProps.surface.backgroundColor,
+    borderColor: knobProps.surface.borderColor,
+    borderWidth: borderWidthPx,
+    borderStyle: "solid",
+    // The custom properties `css/graph.css` reads. Three INPUTS, not an
+    // answer: the sheet computes the inset itself, because milestone 6's H7
+    // makes it depend on the live viewport zoom — which this component cannot
+    // see without subscribing to the store on every pinch frame, and would then
+    // have to re-render every port to publish.
+    //
+    // `--mpo-graph-handle-inset` used to be published here as the answer. It is
+    // gone rather than kept beside the calc: a var nothing reads is the kind of
+    // drift that survives three refactors and then gets believed.
+    ["--mpo-graph-handle-size"]: `${painted}px`,
+    ["--mpo-graph-handle-hit"]: `${hit}px`,
+    ["--mpo-graph-handle-border"]: `${borderWidthPx}px`,
+    // §11: the circle is identity. Declared here as well as in the sheet so a
+    // consumer who forgets to import the CSS still gets a round port rather
+    // than a square one that reads as a resize grip.
+    borderRadius: "50%",
+    width: painted,
+    height: painted,
+    boxShadow: "none"
+  };
+  return /* @__PURE__ */_jsx(Handle, {
+    id,
+    type: direction === "in" ? "target" : "source",
+    position: positionForSide[side],
+    className: "mp-graph-port",
+    isConnectable,
+    style,
+    "data-graph-port": id,
+    "data-graph-port-painted": String(painted),
+    "data-graph-port-hit": String(hit),
+    "data-graph-port-inset": String(inset)
+  });
+}
+export { GraphPort };
+//# sourceMappingURL=GraphPort.native.js.map

package/dist/esm/nodes/GraphPort.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","isTouchSurface","useResolvedKnobs","Handle","Position","paintedPortSize","portHitSize","portRegionInset","positionForSide","left","Left","right","Right","top","Top","bottom","Bottom","GraphPort","param","id","side","direction","intent","coarsePointer","portSpacingPx","isConnectable","knobProps","component","size","painted","hit","borderWidthPx","surface","borderWidth","inset","style","backgroundColor","borderColor","borderStyle","borderRadius","width","height","boxShadow","type","position","className","String"],"sources":["../../../src/nodes/GraphPort.tsx"],"sourcesContent":[null],"mappings":"AAmBA,SAASA,GAAA,IAAAC,IAAA,QAAgB;AAEzB,SAASC,cAAQ,EAAAC,gBAAgB;AACjC,SAASC,MAAA,EAAAC,QAAA,QAAiB,4BAAa;AAiFnC,SAAAC,eAAA,EAAAC,WAAA,EAAAC,eAAA;AA9EJ,IAAAC,eAAM;EACJC,IAAA,EAAML,QAAA,CAASM,IAAA;EACfC,KAAA,EAAOP,QAAA,CAASQ,KAAA;EAChBC,GAAA,EAAKT,QAAA,CAASU,GAAA;EACdC,MAAA,EAAQX,QAAA,CAASY;AACnB;AAuBO,SAASC,UAAUC,KAAA;EACxB;IAAAC,EAAA;IAAAC,IAAA;IAAAC,SAAA;IAAAC,MAAA;IAAAC,aAAA,GAAAtB,cAAA;IAAAuB,aAAA;IAAAC,aAAA;EAAA,IAAAP,KAAA;EACA;IAAAQ;EAAA,IAAAxB,gBAAA;IACAyB,SAAA;IACAL;EACA;EACA,IAAAM,IAAA,GAAAF,SAAA,CAAAE,IAAA;EACA,IAAAC,OAAA,GAAAxB,eAAgB,CAAAuB,IAAA;EAClB,IAAmBE,GAAA,GAAAxB,WAAA;IACjBsB,IAAM;IACNL,aAAa;IAEbC;EACA;EACA,IAAAO,aAAM,GAAAL,SAAgB,CAAAM,OAAU,CAAAC,WAAQ;EAIxC,IAAAC,KAAM,GAAA3B,eAAQ;IAKdqB,IAAM;IACJL,aAAA;IACAC,aAAa;IACbO;EAAa,EACb;EAAa,IAAAI,KAAA;IAAAC,eAAA,EAAAV,SAAA,CAAAM,OAAA,CAAAI,eAAA;IAAAC,WAAA,EAAAX,SAAA,CAAAM,OAAA,CAAAK,WAAA;IAAAJ,WAAA,EAAAF,aAAA;IAAAO,WAAA;IAAA;IAAA;IAAA;IAAA;IAUb;IACA;IACA;IAAyD;IAAA;IAAA,gCAAAT,OAAA;IAIzD,yBAAc,MAAAC,GAAA;IACd,4BAAO,MAAAC,aAAA;IACP;IACA;IACF;IAEAQ,YACE;IAACC,KAAA,EAAAX,OAAA;IAAAY,MAAA,EAAAZ,OAAA;IAAAa,SACC;EAAA;EACsC,OACtC,eAAU1C,IAAA,CAAAG,MAAoB;IAAAgB,EAC9B;IAAUwB,IACV,EAAAtB,SAAA;IAAAuB,QACA,EAAApC,eAAA,CAAAY,IAAA;IAAAyB,SACA,iBAAiB;IAAApB,aACjB;IAAuCU,KACvC;IAA+B,iBAC/B,EAAAhB,EAAA;IAAmC,2BAAA2B,MAAA,CAAAjB,OAAA;IACrC,uBAAAiB,MAAA,CAAAhB,GAAA;IAEJ,yBAAAgB,MAAA,CAAAZ,KAAA","ignoreList":[]}

package/dist/esm/nodes/handleGeometry.mjs

@@ -0,0 +1,65 @@
+import { MIN_PRESS_TARGET } from "@multiplatform.one/theme";
+import { portSpacing } from "./nodeMeasure.mjs";
+const paintedPortSizePx = {
+  small: 8,
+  medium: 10,
+  large: 12
+};
+const FINE_PORT_HIT_MIN = 24;
+function paintedPortSize(size) {
+  return paintedPortSizePx[size];
+}
+function portHitSize(opts) {
+  const painted = paintedPortSize(opts.size);
+  const wanted = opts.coarsePointer ? MIN_PRESS_TARGET : Math.max(painted, FINE_PORT_HIT_MIN);
+  const spacing = opts.portSpacingPx ?? portSpacing({
+    coarsePointer: opts.coarsePointer
+  });
+  return Math.max(painted, Math.min(wanted, spacing));
+}
+function portRegionInset(opts) {
+  return portRegionInsetAtZoom({
+    ...opts,
+    zoom: 1
+  });
+}
+function portRegionInsetAtZoom(opts) {
+  const zoom = opts.zoom > 0 ? opts.zoom : 1;
+  return (paintedPortSize(opts.size) - portHitSize(opts) / zoom) / 2 - (opts.borderWidthPx ?? 0);
+}
+function portRegionScreenSize(opts) {
+  const zoom = opts.zoom > 0 ? opts.zoom : 1;
+  const painted = paintedPortSize(opts.size);
+  const inset = portRegionInsetAtZoom(opts);
+  const local = painted - 2 * inset - 2 * (opts.borderWidthPx ?? 0);
+  return local * zoom;
+}
+function portConnectionRadius(opts) {
+  return portHitSize(opts);
+}
+function centredOn(cx, cy, side) {
+  return {
+    x: cx - side / 2,
+    y: cy - side / 2,
+    width: side,
+    height: side
+  };
+}
+function portGeometry(opts) {
+  const {
+    painted,
+    hit,
+    side,
+    nodeWidth,
+    nodeHeight,
+    offset
+  } = opts;
+  const cx = side === "left" ? 0 : side === "right" ? nodeWidth : Math.min(Math.max(offset, 0), nodeWidth);
+  const cy = side === "top" ? 0 : side === "bottom" ? nodeHeight : Math.min(Math.max(offset, 0), nodeHeight);
+  return {
+    box: centredOn(cx, cy, painted),
+    region: centredOn(cx, cy, hit)
+  };
+}
+export { FINE_PORT_HIT_MIN, paintedPortSize, paintedPortSizePx, portConnectionRadius, portGeometry, portHitSize, portRegionInset, portRegionInsetAtZoom, portRegionScreenSize };
+//# sourceMappingURL=handleGeometry.mjs.map

package/dist/esm/nodes/handleGeometry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["MIN_PRESS_TARGET","portSpacing","paintedPortSizePx","small","medium","large","FINE_PORT_HIT_MIN","paintedPortSize","size","portHitSize","opts","painted","wanted","coarsePointer","Math","max","spacing","portSpacingPx","min","portRegionInset","portRegionInsetAtZoom","zoom","borderWidthPx","portRegionScreenSize","inset","local","portConnectionRadius","centredOn","cx","cy","side","x","y","width","height","portGeometry","hit","nodeWidth","nodeHeight","offset","box","region"],"sources":["../../../src/nodes/handleGeometry.ts"],"sourcesContent":[null],"mappings":"AA+BA,SAASA,gBAAA,QAAwB;AACjC,SAAqDC,WAAA,QAAmB;AAGjE,MAAMC,iBAAA,GAAuD;EAClEC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT;AAOO,MAAMC,iBAAA,GAAoB;AAE1B,SAASC,gBAAgBC,IAAA,EAAiC;EAC/D,OAAON,iBAAA,CAAkBM,IAAI;AAC/B;AASO,SAASC,YAAYC,IAAA,EAKjB;EACT,MAAMC,OAAA,GAAUJ,eAAA,CAAgBG,IAAA,CAAKF,IAAI;EACzC,MAAMI,MAAA,GAASF,IAAA,CAAKG,aAAA,GAAgBb,gBAAA,GAAmBc,IAAA,CAAKC,GAAA,CAAIJ,OAAA,EAASL,iBAAiB;EAC1F,MAAMU,OAAA,GAAUN,IAAA,CAAKO,aAAA,IAAiBhB,WAAA,CAAY;IAAEY,aAAA,EAAeH,IAAA,CAAKG;EAAc,CAAC;EACvF,OAAOC,IAAA,CAAKC,GAAA,CAAIJ,OAAA,EAASG,IAAA,CAAKI,GAAA,CAAIN,MAAA,EAAQI,OAAO,CAAC;AACpD;AAkBO,SAASG,gBAAgBT,IAAA,EAMrB;EACT,OAAOU,qBAAA,CAAsB;IAAE,GAAGV,IAAA;IAAMW,IAAA,EAAM;EAAE,CAAC;AACnD;AAwBO,SAASD,sBAAsBV,IAAA,EAO3B;EACT,MAAMW,IAAA,GAAOX,IAAA,CAAKW,IAAA,GAAO,IAAIX,IAAA,CAAKW,IAAA,GAAO;EACzC,QAAQd,eAAA,CAAgBG,IAAA,CAAKF,IAAI,IAAIC,WAAA,CAAYC,IAAI,IAAIW,IAAA,IAAQ,KAAKX,IAAA,CAAKY,aAAA,IAAiB;AAC9F;AAUO,SAASC,qBAAqBb,IAAA,EAM1B;EACT,MAAMW,IAAA,GAAOX,IAAA,CAAKW,IAAA,GAAO,IAAIX,IAAA,CAAKW,IAAA,GAAO;EACzC,MAAMV,OAAA,GAAUJ,eAAA,CAAgBG,IAAA,CAAKF,IAAI;EACzC,MAAMgB,KAAA,GAAQJ,qBAAA,CAAsBV,IAAI;EAGxC,MAAMe,KAAA,GAAQd,OAAA,GAAU,IAAIa,KAAA,GAAQ,KAAKd,IAAA,CAAKY,aAAA,IAAiB;EAC/D,OAAOG,KAAA,GAAQJ,IAAA;AACjB;AAOO,SAASK,qBAAqBhB,IAAA,EAI1B;EACT,OAAOD,WAAA,CAAYC,IAAI;AACzB;AAiCA,SAASiB,UAAUC,EAAA,EAAYC,EAAA,EAAYC,IAAA,EAAwB;EACjE,OAAO;IAAEC,CAAA,EAAGH,EAAA,GAAKE,IAAA,GAAO;IAAGE,CAAA,EAAGH,EAAA,GAAKC,IAAA,GAAO;IAAGG,KAAA,EAAOH,IAAA;IAAMI,MAAA,EAAQJ;EAAK;AACzE;AAeO,SAASK,aAAazB,IAAA,EAQZ;EACf,MAAM;IAAEC,OAAA;IAASyB,GAAA;IAAKN,IAAA;IAAMO,SAAA;IAAWC,UAAA;IAAYC;EAAO,IAAI7B,IAAA;EAC9D,MAAMkB,EAAA,GACJE,IAAA,KAAS,SAAS,IAAIA,IAAA,KAAS,UAAUO,SAAA,GAAYvB,IAAA,CAAKI,GAAA,CAAIJ,IAAA,CAAKC,GAAA,CAAIwB,MAAA,EAAQ,CAAC,GAAGF,SAAS;EAC9F,MAAMR,EAAA,GACJC,IAAA,KAAS,QAAQ,IAAIA,IAAA,KAAS,WAAWQ,UAAA,GAAaxB,IAAA,CAAKI,GAAA,CAAIJ,IAAA,CAAKC,GAAA,CAAIwB,MAAA,EAAQ,CAAC,GAAGD,UAAU;EAChG,OAAO;IAAEE,GAAA,EAAKb,SAAA,CAAUC,EAAA,EAAIC,EAAA,EAAIlB,OAAO;IAAG8B,MAAA,EAAQd,SAAA,CAAUC,EAAA,EAAIC,EAAA,EAAIO,GAAG;EAAE;AAC3E","ignoreList":[]}

package/dist/esm/nodes/handleGeometry.native.js

@@ -0,0 +1,68 @@
+import { MIN_PRESS_TARGET } from "@multiplatform.one/theme";
+import { portSpacing } from "./nodeMeasure.native.js";
+var paintedPortSizePx = {
+  small: 8,
+  medium: 10,
+  large: 12
+};
+var FINE_PORT_HIT_MIN = 24;
+function paintedPortSize(size) {
+  return paintedPortSizePx[size];
+}
+function portHitSize(opts) {
+  var _opts_portSpacingPx;
+  var painted = paintedPortSize(opts.size);
+  var wanted = opts.coarsePointer ? MIN_PRESS_TARGET : Math.max(painted, FINE_PORT_HIT_MIN);
+  var spacing = (_opts_portSpacingPx = opts.portSpacingPx) !== null && _opts_portSpacingPx !== void 0 ? _opts_portSpacingPx : portSpacing({
+    coarsePointer: opts.coarsePointer
+  });
+  return Math.max(painted, Math.min(wanted, spacing));
+}
+function portRegionInset(opts) {
+  return portRegionInsetAtZoom({
+    ...opts,
+    zoom: 1
+  });
+}
+function portRegionInsetAtZoom(opts) {
+  var _opts_borderWidthPx;
+  var zoom = opts.zoom > 0 ? opts.zoom : 1;
+  return (paintedPortSize(opts.size) - portHitSize(opts) / zoom) / 2 - ((_opts_borderWidthPx = opts.borderWidthPx) !== null && _opts_borderWidthPx !== void 0 ? _opts_borderWidthPx : 0);
+}
+function portRegionScreenSize(opts) {
+  var _opts_borderWidthPx;
+  var zoom = opts.zoom > 0 ? opts.zoom : 1;
+  var painted = paintedPortSize(opts.size);
+  var inset = portRegionInsetAtZoom(opts);
+  var local = painted - 2 * inset - 2 * ((_opts_borderWidthPx = opts.borderWidthPx) !== null && _opts_borderWidthPx !== void 0 ? _opts_borderWidthPx : 0);
+  return local * zoom;
+}
+function portConnectionRadius(opts) {
+  return portHitSize(opts);
+}
+function centredOn(cx, cy, side) {
+  return {
+    x: cx - side / 2,
+    y: cy - side / 2,
+    width: side,
+    height: side
+  };
+}
+function portGeometry(opts) {
+  var {
+    painted,
+    hit,
+    side,
+    nodeWidth,
+    nodeHeight,
+    offset
+  } = opts;
+  var cx = side === "left" ? 0 : side === "right" ? nodeWidth : Math.min(Math.max(offset, 0), nodeWidth);
+  var cy = side === "top" ? 0 : side === "bottom" ? nodeHeight : Math.min(Math.max(offset, 0), nodeHeight);
+  return {
+    box: centredOn(cx, cy, painted),
+    region: centredOn(cx, cy, hit)
+  };
+}
+export { FINE_PORT_HIT_MIN, paintedPortSize, paintedPortSizePx, portConnectionRadius, portGeometry, portHitSize, portRegionInset, portRegionInsetAtZoom, portRegionScreenSize };
+//# sourceMappingURL=handleGeometry.native.js.map

package/dist/esm/nodes/handleGeometry.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MIN_PRESS_TARGET","portSpacing","paintedPortSizePx","small","medium","large","FINE_PORT_HIT_MIN","paintedPortSize","size","portHitSize","opts","_opts_portSpacingPx","painted","wanted","coarsePointer","Math","max","spacing","portSpacingPx","min","portRegionInset","portRegionInsetAtZoom","zoom","_opts_borderWidthPx","borderWidthPx","portRegionScreenSize","inset","local","portConnectionRadius","centredOn","cx","cy","side"],"sources":["../../../src/nodes/handleGeometry.ts"],"sourcesContent":[null],"mappings":"AA+BA,SAASA,gBAAA,QAAwB;AACjC,SAAqDC,WAAA,QAAmB;AAGjE,IAAAC,iBAAM;EACXC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT;AAOO,IAAAC,iBAAM,KAAoB;AAE1B,SAASC,gBAAgBC,IAAA,EAAiC;EAC/D,OAAON,iBAAA,CAAkBM,IAAI;AAC/B;AASO,SAASC,YAAYC,IAAA,EAKjB;EACT,IAAAC,mBAAgB;EAChB,IAAAC,OAAM,GAAAL,eAAc,CAAAG,IAAA,CAAAF,IAAgB;EACpC,IAAAK,MAAM,GAAAH,IAAU,CAAAI,aAAK,GAAAd,gBAA6B,GAAEe,IAAA,CAAAC,GAAA,CAAAJ,OAAe,EAAAN,iBAAoB;EACvF,IAAAW,OAAO,GAAK,CAAAN,mBAAsB,GAAAD,IAAA,CAAQQ,aAAQ,cAAAP,mBAAA,cAAAA,mBAAA,GAAAV,WAAA;IACpDa,aAAA,EAAAJ,IAAA,CAAAI;EAkBO;EAOL,OAAOC,IAAA,CAAAC,GAAA,CAAAJ,OAAA,EAAAG,IAAsB,CAAAI,GAAE,CAAGN,MAAM,EAAAI,OAAS;AACnD;AAwBO,SAASG,gBAAAV,IAAA,EAAsB;EAQpC,OAAMW,qBAAmB,CAAI;IAC7B,GAAAX,IAAQ;IACVY,IAAA;EAUO;AAOL;AACA,SAAMD,qBAAUA,CAAAX,IAAgB;EAChC,IAAAa,mBAAc;EAGd,IAAAD,IAAM,GAAAZ,IAAQ,CAAAY,IAAA,IAAU,GAAAZ,IAAI,CAAAY,IAAQ;EACpC,OAAO,CAAAf,eAAQ,CAAAG,IAAA,CAAAF,IAAA,IAAAC,WAAA,CAAAC,IAAA,IAAAY,IAAA,UAAAC,mBAAA,GAAAb,IAAA,CAAAc,aAAA,cAAAD,mBAAA,cAAAA,mBAAA;AACjB;AAOO,SAASE,qBAAqBf,IAAA,EAI1B;EACT,IAAAa,mBAAuB;EACzB,IAAAD,IAAA,GAAAZ,IAAA,CAAAY,IAAA,OAAAZ,IAAA,CAAAY,IAAA;EAiCA,IAAAV,OAAS,GAAAL,eAAkC,CAAAG,IAAwB,CAAAF,IAAA;EACjE,IAAAkB,KAAS,GAAGL,qBAAkB,CAAAX,IAAK;EACrC,IAAAiB,KAAA,GAAAf,OAAA,OAAAc,KAAA,SAAAH,mBAAA,GAAAb,IAAA,CAAAc,aAAA,cAAAD,mBAAA,cAAAA,mBAAA;EAeO,OAASI,KAAA,GAAAL,IAAA;AASd;AACA,SAAMM,oBACKA,CAAAlB,IAAS,EAAI;EACxB,OAAMD,WACJ,CAAAC,IAAS;AACX;AACF,SAAAmB,UAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA","ignoreList":[]}

package/dist/esm/nodes/lod.mjs

@@ -0,0 +1,13 @@
+const defaultOverviewZoom = 0.35;
+function lodForZoom(zoom, overviewZoom = defaultOverviewZoom) {
+  if (!Number.isFinite(zoom)) return "detail";
+  return zoom < overviewZoom ? "overview" : "detail";
+}
+function isOverview(mode) {
+  return mode === "overview";
+}
+function detailOpacity(mode) {
+  return isOverview(mode) ? 0 : 1;
+}
+export { defaultOverviewZoom, detailOpacity, isOverview, lodForZoom };
+//# sourceMappingURL=lod.mjs.map

package/dist/esm/nodes/lod.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultOverviewZoom","lodForZoom","zoom","overviewZoom","Number","isFinite","isOverview","mode","detailOpacity"],"sources":["../../../src/nodes/lod.ts"],"sourcesContent":[null],"mappings":"AA2BO,MAAMA,mBAAA,GAAsB;AAkB5B,SAASC,WACdC,IAAA,EACAC,YAAA,GAAuBH,mBAAA,EACN;EACjB,IAAI,CAACI,MAAA,CAAOC,QAAA,CAASH,IAAI,GAAG,OAAO;EACnC,OAAOA,IAAA,GAAOC,YAAA,GAAe,aAAa;AAC5C;AAGO,SAASG,WAAWC,IAAA,EAAgC;EACzD,OAAOA,IAAA,KAAS;AAClB;AAUO,SAASC,cAAcD,IAAA,EAA+B;EAC3D,OAAOD,UAAA,CAAWC,IAAI,IAAI,IAAI;AAChC","ignoreList":[]}

package/dist/esm/nodes/lod.native.js

@@ -0,0 +1,14 @@
+var defaultOverviewZoom = 0.35;
+function lodForZoom(zoom) {
+  var overviewZoom = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultOverviewZoom;
+  if (!Number.isFinite(zoom)) return "detail";
+  return zoom < overviewZoom ? "overview" : "detail";
+}
+function isOverview(mode) {
+  return mode === "overview";
+}
+function detailOpacity(mode) {
+  return isOverview(mode) ? 0 : 1;
+}
+export { defaultOverviewZoom, detailOpacity, isOverview, lodForZoom };
+//# sourceMappingURL=lod.native.js.map

package/dist/esm/nodes/lod.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultOverviewZoom","lodForZoom","zoom","overviewZoom","arguments","length","Number","isFinite","isOverview","mode","detailOpacity"],"sources":["../../../src/nodes/lod.ts"],"sourcesContent":[null],"mappings":"AA2BO,IAAAA,mBAAM,OAAsB;AAkB5B,SAASC,WACdC,IAAA,EACA;EAEA,IAAIC,YAAQ,GAAAC,SAAgB,CAAAC,MAAO,QAAAD,SAAA,iBAAAA,SAAA,MAAAJ,mBAAA;EACnC,KAAAM,MAAO,CAAAC,QAAO,CAAAL,IAAA,UAAe,QAAa;EAC5C,OAAAA,IAAA,GAAAC,YAAA;AAGO;AACL,SAAOK,UAASA,CAAAC,IAAA;EAClB,OAAAA,IAAA;AAUO;AACL,SAAOC,aAAWA,CAAAD,IAAI,EAAI;EAC5B,OAAAD,UAAA,CAAAC,IAAA","ignoreList":[]}

package/dist/esm/nodes/nodeMeasure.mjs

@@ -0,0 +1,72 @@
+import { capContainerRadius, MIN_PRESS_TARGET, resolveRadiusForPart } from "@multiplatform.one/theme";
+const defaultNodeMeasure = {
+  small: {
+    width: 172,
+    minHeight: 62
+  },
+  medium: {
+    width: 190,
+    minHeight: 72
+  },
+  large: {
+    width: 216,
+    minHeight: 84
+  }
+};
+const nodePanelPaddingPx = {
+  small: 13,
+  medium: 18,
+  large: 32
+};
+const FINE_PORT_PITCH = 24;
+function portSpacing(opts) {
+  return opts.coarsePointer ? MIN_PRESS_TARGET : FINE_PORT_PITCH;
+}
+function graphNodeWidth(opts) {
+  return opts.measure?.width ?? defaultNodeMeasure[opts.size].width;
+}
+function verticalPortCrowd(ports) {
+  let left = 0;
+  let right = 0;
+  for (const port of ports) {
+    if (port.side === "left") left += 1;else if (port.side === "right") right += 1;
+  }
+  return Math.max(left, right);
+}
+function graphNodeMinHeight(opts) {
+  const declared = opts.measure?.minHeight ?? defaultNodeMeasure[opts.size].minHeight;
+  return Math.max(declared, verticalPortCrowd(opts.ports) * opts.portSpacingPx);
+}
+function graphNodeRadius(knobs) {
+  return capContainerRadius(knobs.borderRadius, knobs.space);
+}
+const nodeRadiusTokenPx = {
+  $0: 0,
+  $2: 5,
+  $4: 9,
+  $6: 16,
+  $12: 50
+};
+function containerRadiusPx(value) {
+  if (typeof value === "number") return value;
+  const px = nodeRadiusTokenPx[value];
+  if (px === void 0) {
+    throw new Error(`containerRadiusPx: "${value}" is not a radius token this module mirrors \u2014 add it to nodeRadiusTokenPx beside the resolver's borderRadiusMap`);
+  }
+  return px;
+}
+function graphNodeRadiusPx(knobs) {
+  return resolveRadiusForPart({
+    radiusClass: "CONTAINER-CAP",
+    stop: knobs.borderRadius,
+    paddingPx: nodePanelPaddingPx[knobs.space]
+  }).px;
+}
+function graphNodeMeasure(opts) {
+  return {
+    width: graphNodeWidth(opts),
+    minHeight: graphNodeMinHeight(opts)
+  };
+}
+export { FINE_PORT_PITCH, containerRadiusPx, defaultNodeMeasure, graphNodeMeasure, graphNodeMinHeight, graphNodeRadius, graphNodeRadiusPx, graphNodeWidth, nodePanelPaddingPx, nodeRadiusTokenPx, portSpacing, verticalPortCrowd };
+//# sourceMappingURL=nodeMeasure.mjs.map

package/dist/esm/nodes/nodeMeasure.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["capContainerRadius","MIN_PRESS_TARGET","resolveRadiusForPart","defaultNodeMeasure","small","width","minHeight","medium","large","nodePanelPaddingPx","FINE_PORT_PITCH","portSpacing","opts","coarsePointer","graphNodeWidth","measure","size","verticalPortCrowd","ports","left","right","port","side","Math","max","graphNodeMinHeight","declared","portSpacingPx","graphNodeRadius","knobs","borderRadius","space","nodeRadiusTokenPx","$0","$2","$4","$6","$12","containerRadiusPx","value","px","Error","graphNodeRadiusPx","radiusClass","stop","paddingPx","graphNodeMeasure"],"sources":["../../../src/nodes/nodeMeasure.ts"],"sourcesContent":[null],"mappings":"AAYA,SACEA,kBAAA,EAEAC,gBAAA,EACAC,oBAAA,QACK;AAqCA,MAAMC,kBAAA,GAAkE;EAC7EC,KAAA,EAAO;IAAEC,KAAA,EAAO;IAAKC,SAAA,EAAW;EAAG;EACnCC,MAAA,EAAQ;IAAEF,KAAA,EAAO;IAAKC,SAAA,EAAW;EAAG;EACpCE,KAAA,EAAO;IAAEH,KAAA,EAAO;IAAKC,SAAA,EAAW;EAAG;AACrC;AAWO,MAAMG,kBAAA,GAAyD;EACpEL,KAAA,EAAO;EACPG,MAAA,EAAQ;EACRC,KAAA,EAAO;AACT;AAYO,MAAME,eAAA,GAAkB;AAExB,SAASC,YAAYC,IAAA,EAAmD;EAC7E,OAAOA,IAAA,CAAKC,aAAA,GAAgBZ,gBAAA,GAAmBS,eAAA;AACjD;AAUO,SAASI,eAAeF,IAAA,EAGpB;EACT,OAAOA,IAAA,CAAKG,OAAA,EAASV,KAAA,IAASF,kBAAA,CAAmBS,IAAA,CAAKI,IAAI,EAAEX,KAAA;AAC9D;AAUO,SAASY,kBAAkBC,KAAA,EAAyC;EACzE,IAAIC,IAAA,GAAO;EACX,IAAIC,KAAA,GAAQ;EACZ,WAAWC,IAAA,IAAQH,KAAA,EAAO;IACxB,IAAIG,IAAA,CAAKC,IAAA,KAAS,QAAQH,IAAA,IAAQ,WACzBE,IAAA,CAAKC,IAAA,KAAS,SAASF,KAAA,IAAS;EAC3C;EACA,OAAOG,IAAA,CAAKC,GAAA,CAAIL,IAAA,EAAMC,KAAK;AAC7B;AAOO,SAASK,mBAAmBb,IAAA,EAKxB;EACT,MAAMc,QAAA,GAAWd,IAAA,CAAKG,OAAA,EAAST,SAAA,IAAaH,kBAAA,CAAmBS,IAAA,CAAKI,IAAI,EAAEV,SAAA;EAC1E,OAAOiB,IAAA,CAAKC,GAAA,CAAIE,QAAA,EAAUT,iBAAA,CAAkBL,IAAA,CAAKM,KAAK,IAAIN,IAAA,CAAKe,aAAa;AAC9E;AAOO,SAASC,gBAAgBC,KAAA,EAGZ;EAClB,OAAO7B,kBAAA,CAAmB6B,KAAA,CAAMC,YAAA,EAAcD,KAAA,CAAME,KAAK;AAC3D;AAWO,MAAMC,iBAAA,GAAsD;EACjEC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,GAAA,EAAK;AACP;AAMO,SAASC,kBAAkBC,KAAA,EAAgC;EAChE,IAAI,OAAOA,KAAA,KAAU,UAAU,OAAOA,KAAA;EACtC,MAAMC,EAAA,GAAKR,iBAAA,CAAkBO,KAAK;EAClC,IAAIC,EAAA,KAAO,QAAW;IACpB,MAAM,IAAIC,KAAA,CACR,uBAAuBF,KAAK,sHAC9B;EACF;EACA,OAAOC,EAAA;AACT;AAYO,SAASE,kBAAkBb,KAAA,EAGvB;EACT,OAAO3B,oBAAA,CAAqB;IAC1ByC,WAAA,EAAa;IACbC,IAAA,EAAMf,KAAA,CAAMC,YAAA;IACZe,SAAA,EAAWpC,kBAAA,CAAmBoB,KAAA,CAAME,KAAK;EAC3C,CAAC,EAAES,EAAA;AACL;AAGO,SAASM,iBAAiBlC,IAAA,EAKZ;EACnB,OAAO;IACLP,KAAA,EAAOS,cAAA,CAAeF,IAAI;IAC1BN,SAAA,EAAWmB,kBAAA,CAAmBb,IAAI;EACpC;AACF","ignoreList":[]}