@multiplatform.one/node-graph 7.7.2

package/dist/jsx/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/jsx/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/jsx/nodes/GraphPort.native.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var GraphPort_exports = {};
+__export(GraphPort_exports, {
+  GraphPort: () => GraphPort
+});
+module.exports = __toCommonJS(GraphPort_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_xy = require("../react-flow/xy.native.js");
+var import_handleGeometry = require("./handleGeometry.native.js");
+var positionForSide = {
+  left: import_xy.Position.Left,
+  right: import_xy.Position.Right,
+  top: import_xy.Position.Top,
+  bottom: import_xy.Position.Bottom
+};
+function GraphPort(param) {
+  var {
+    id,
+    side,
+    direction,
+    intent,
+    coarsePointer = (0, import_theme.isTouchSurface)(),
+    portSpacingPx,
+    isConnectable = true
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "GraphPort",
+    intent
+  });
+  var size = knobProps.size;
+  var painted = (0, import_handleGeometry.paintedPortSize)(size);
+  var hit = (0, import_handleGeometry.portHitSize)({
+    size,
+    coarsePointer,
+    portSpacingPx
+  });
+  var borderWidthPx = knobProps.surface.borderWidth;
+  var inset = (0, import_handleGeometry.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__ */(0, import_jsx_runtime.jsx)(import_xy.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)
+  });
+}
+//# sourceMappingURL=GraphPort.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","GraphPort_exports","GraphPort","module","exports","import_jsx_runtime","require","import_theme","import_xy","import_handleGeometry","positionForSide","left","Position","Left","right","Right","top","Top","bottom","Bottom","param","id","side","direction","intent","coarsePointer","isTouchSurface","portSpacingPx","isConnectable","knobProps","useResolvedKnobs","component","size","painted","paintedPortSize","hit","portHitSize","borderWidthPx","surface","borderWidth","inset","portRegionInset","style","backgroundColor","borderColor","borderStyle"],"sources":["../../../src/nodes/GraphPort.tsx"],"sourcesContent":[null],"mappings":"AAmBA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAQ,CAAAC,cAAgB;AACjC,IAAAC,gBAAS,GAAAF,MAAiB,CAAAG,wBAAa;AAiFnC,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AA9EJ,IAAAC,YAAM,GAAAN,MAAmD,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACvDC,QAAM,GAAAA,CAAAC,MAAS,EAAAC,GAAA;EACf,SAAOC,IAAA,IAASD,GAAA,EAChBZ,SAAK,CAAAW,MAAS,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEhB,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAuBO,IAAAF,IAAS,WAAUA,IAAA,wBAAAA,IAAA;IACxB,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACA;EACA,OAAAE,EAAA;AAA+B;AAC/B,IACAM,YAAA,GAAgBC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAClB,IAAmBE,iBAAA;AACjBhB,QAAM,CAAAgB,iBAAgB;EACtBC,SAAM,EAAAA,CAAA,KAAOA;AAEb;AACAC,MAAA,CAAAC,OAAY,GAAAN,YAAc,CAAAG,iBAAM;AAChC,IAAAI,kBAAM,GAAgBC,OAAA,oBAAkB;AAIxC,IAAAC,YAAc,GAAAD,OAAA,2BAAwB;AAKtC,IAAAE,SAAM,GAAuBF,OAAA;AAAA,IAC3BG,qBAAiB,GAAAH,OAAU,6BAAQ;AAAA,IACnCI,eAAa;EAAkBC,IAC/B,EAAAH,SAAa,CAAAI,QAAA,CAAAC,IAAA;EAAAC,KACb,EAAAN,SAAa,CAAAI,QAAA,CAAAG,KAAA;EAAAC,GAAA,EAAAR,SAAA,CAAAI,QAAA,CAAAK,GAAA;EAAAC,MAAA,EAAAV,SAAA,CAAAI,QAAA,CAAAO;AAAA;AAAA,SAAAjB,UAAAkB,KAAA;EAAA;IAAAC,EAAA;IAAAC,IAAA;IAAAC,SAAA;IAAAC,MAAA;IAAAC,aAAA,OAAAlB,YAAA,CAAAmB,cAAA;IAAAC,aAAA;IAAAC,aAAA;EAAA,IAAAR,KAAA;EAAA;IAAAS;EAAA,QAAAtB,YAAA,CAAAuB,gBAAA;IAAAC,SAAA;IAAAP;EAAA;EAAA,IAUZQ,IAAA,GAAAH,SAAA,CAAAG,IAAA;EAAgD,IAChDC,OAAA,OAAAxB,qBAA2C,CAAAyB,eAAA,EAAAF,IAAA;EAAA,IAC3CG,GAAA,OAAA1B,qBAAwC,CAAG2B,WAAA,EAAa;IAAAJ,IAAA;IAAAP,aAAA;IAAAE;EAAA,EAIzD;EAAc,IACdU,aAAO,GAAAR,SAAA,CAAAS,OAAA,CAAAC,WAAA;EAAA,IACPC,KAAA,GAAQ,IAAA/B,qBAAA,CAAAgC,eAAA;IACRT,IAAA;IACFP,aAAA;IAEAE,aACE;IAACU;EAAA;EAAA,IACCK,KAAA;IAAAC,eACM,EAAAd,SAAc,CAAAS,OAAO,CAAAK,eAAW;IAAAC,WACtC,EAAUf,SAAA,CAAAS,OAAgB,CAAAM,WAAI;IAAAL,WAC9B,EAAUF,aAAA;IAAAQ,WACV;IAAA;IACA;IACiB;IACsB;IACR;IACI;IACrC;IAEJ","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/nodes/handleGeometry.native.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var handleGeometry_exports = {};
+__export(handleGeometry_exports, {
+  FINE_PORT_HIT_MIN: () => FINE_PORT_HIT_MIN,
+  paintedPortSize: () => paintedPortSize,
+  paintedPortSizePx: () => paintedPortSizePx,
+  portConnectionRadius: () => portConnectionRadius,
+  portGeometry: () => portGeometry,
+  portHitSize: () => portHitSize,
+  portRegionInset: () => portRegionInset,
+  portRegionInsetAtZoom: () => portRegionInsetAtZoom,
+  portRegionScreenSize: () => portRegionScreenSize
+});
+module.exports = __toCommonJS(handleGeometry_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_nodeMeasure = require("./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 ? import_theme.MIN_PRESS_TARGET : Math.max(painted, FINE_PORT_HIT_MIN);
+  var spacing = (_opts_portSpacingPx = opts.portSpacingPx) !== null && _opts_portSpacingPx !== void 0 ? _opts_portSpacingPx : (0, import_nodeMeasure.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)
+  };
+}
+//# sourceMappingURL=handleGeometry.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","handleGeometry_exports","FINE_PORT_HIT_MIN","paintedPortSize","paintedPortSizePx","portConnectionRadius","portGeometry","portHitSize","portRegionInset","portRegionInsetAtZoom","portRegionScreenSize","module","exports","import_theme","require","import_nodeMeasure","small","medium","large","size","opts"],"sources":["../../../src/nodes/handleGeometry.ts"],"sourcesContent":[null],"mappings":"AA+BA,YAAS;;AACT,IAAAA,SAAqD,GAAAC,MAAA,CAAAC,cAAmB;AAGjE,IAAAC,gBAAM,GAAAF,MAAuD,CAAAG,wBAAA;AAAA,IAClEC,iBAAO,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACPC,YAAQ,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACRC,QAAO,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACT,SAAAC,IAAA,IAAAD,GAAA,EAOOZ,SAAM,CAAAW,MAAA,EAAAE,IAAoB;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAE1B;AACL,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAkB,EAAAC,MAAI,EAAAC,IAAA;EAC/B,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IASO,KAAS,IAAAG,GAAA,IAAAhB,iBAKL,CAAAa,IAAA,GACT,IAAM,CAAAX,YAAU,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAgB,KAAKA,GAAI,KAAAF,MAAA,EACnCnB,SAAS,CAAAiB,EAAA,EAAKI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAgBI,IAAA,CAAAG,GAAA;MAAAN,UAAmB,EAAK,EAAAK,IAAI,GAAAjB,gBAAS,CAAAe,IAAiB,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAC1F;EACA,OAAOE,EAAA;AACT;AAkBO,IAAAM,YAAS,GAAAC,GAAA,IAAgBR,WAMrB,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACT,IAAAE,sBAAO,KAAsB;AAC/BhB,QAAA,CAAAgB,sBAAA;EAwBOC,iBAAS,EAAAA,CAAA,KAAAA,iBAOL;EACTC,eAAa,EAAAA,CAAA,KAAKA,eAAgB;EAClCC,iBAAQ,EAAAA,CAAA,KAAgBA,iBAAa;EACvCC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAUOC,YAAS,EAAAA,CAAA,KAAAA,YAAqB;EAOnCC,WAAM,EAAOA,CAAA,KAAKA,WAAW;EAC7BC,eAAM,EAAUA,CAAA,KAAAA,eAAqB;EACrCC,qBAAc,EAAAA,CAAA,KAAAA,qBAA0B;EAGxCC,oBAAc,EAAAA,CAAA,KAAcA;AAC5B;AACFC,MAAA,CAAAC,OAAA,GAAAd,YAAA,CAAAG,sBAAA;AAOO,IAAAY,YAAS,GAAAC,OAAA,2BAIL;AACT,IAAAC,kBAAmB,GAAID,OAAA;AACzB,IAAAV,iBAAA;EAiCAY,KAAA,EAAS;EACPC,MAAA,EAAO,EAAE;EACXC,KAAA;AAeO;AASL,IAAAhB,iBAAiB,GAAK;AACtB,SAAMC,eACKA,CAAAgB,IAAA,EAAS;EACpB,OAAMf,iBACK,CAAAe,IAAQ;AACnB;AACF,SAAAZ,YAAAa,IAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/nodes/lod.native.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var lod_exports = {};
+__export(lod_exports, {
+  defaultOverviewZoom: () => defaultOverviewZoom,
+  detailOpacity: () => detailOpacity,
+  isOverview: () => isOverview,
+  lodForZoom: () => lodForZoom
+});
+module.exports = __toCommonJS(lod_exports);
+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;
+}
+//# sourceMappingURL=lod.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc"],"sources":["../../../src/nodes/lod.ts"],"sourcesContent":[null],"mappings":"AA2BO,YAAM;;AAkBN,IAAAA,SAAS,GAAAC,MACd,CAAAC,cACA;AAEA,IAAAC,gBAAY,GAASF,MAAO,CAAAG,wBAAO;AACnC,IAAAC,iBAAc,GAAAJ,MAAA,CAAeK,mBAAa;AAC5C,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAGO,IAAAC,QAAS,GAAAA,CAAAC,MAAW,EAAAC,GAAgC;EACzD,SAAOC,IAAA,IAASD,GAAA,EAClBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAUO;AACL,IAAAC,WAAO,GAAAA,CAAAC,EAAW,EAAAC,IAAI,EAAIC,MAAI,EAAAC,IAAA;EAChC,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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":[]}

package/dist/jsx/nodes/nodeMeasure.native.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var nodeMeasure_exports = {};
+__export(nodeMeasure_exports, {
+  FINE_PORT_PITCH: () => FINE_PORT_PITCH,
+  containerRadiusPx: () => containerRadiusPx,
+  defaultNodeMeasure: () => defaultNodeMeasure,
+  graphNodeMeasure: () => graphNodeMeasure,
+  graphNodeMinHeight: () => graphNodeMinHeight,
+  graphNodeRadius: () => graphNodeRadius,
+  graphNodeRadiusPx: () => graphNodeRadiusPx,
+  graphNodeWidth: () => graphNodeWidth,
+  nodePanelPaddingPx: () => nodePanelPaddingPx,
+  nodeRadiusTokenPx: () => nodeRadiusTokenPx,
+  portSpacing: () => portSpacing,
+  verticalPortCrowd: () => verticalPortCrowd
+});
+module.exports = __toCommonJS(nodeMeasure_exports);
+var import_theme = require("@multiplatform.one/theme");
+var defaultNodeMeasure = {
+  small: {
+    width: 172,
+    minHeight: 62
+  },
+  medium: {
+    width: 190,
+    minHeight: 72
+  },
+  large: {
+    width: 216,
+    minHeight: 84
+  }
+};
+var nodePanelPaddingPx = {
+  small: 13,
+  medium: 18,
+  large: 32
+};
+var FINE_PORT_PITCH = 24;
+function portSpacing(opts) {
+  return opts.coarsePointer ? import_theme.MIN_PRESS_TARGET : FINE_PORT_PITCH;
+}
+function graphNodeWidth(opts) {
+  var _ref;
+  var _opts_measure;
+  return (_ref = (_opts_measure = opts.measure) === null || _opts_measure === void 0 ? void 0 : _opts_measure.width) !== null && _ref !== void 0 ? _ref : defaultNodeMeasure[opts.size].width;
+}
+function verticalPortCrowd(ports) {
+  var left = 0;
+  var right = 0;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = ports[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var port = _step.value;
+      if (port.side === "left") left += 1;else if (port.side === "right") right += 1;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return Math.max(left, right);
+}
+function graphNodeMinHeight(opts) {
+  var _ref;
+  var _opts_measure;
+  var declared = (_ref = (_opts_measure = opts.measure) === null || _opts_measure === void 0 ? void 0 : _opts_measure.minHeight) !== null && _ref !== void 0 ? _ref : defaultNodeMeasure[opts.size].minHeight;
+  return Math.max(declared, verticalPortCrowd(opts.ports) * opts.portSpacingPx);
+}
+function graphNodeRadius(knobs) {
+  return (0, import_theme.capContainerRadius)(knobs.borderRadius, knobs.space);
+}
+var nodeRadiusTokenPx = {
+  $0: 0,
+  $2: 5,
+  $4: 9,
+  $6: 16,
+  $12: 50
+};
+function containerRadiusPx(value) {
+  if (typeof value === "number") return value;
+  var 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 (0, import_theme.resolveRadiusForPart)({
+    radiusClass: "CONTAINER-CAP",
+    stop: knobs.borderRadius,
+    paddingPx: nodePanelPaddingPx[knobs.space]
+  }).px;
+}
+function graphNodeMeasure(opts) {
+  return {
+    width: graphNodeWidth(opts),
+    minHeight: graphNodeMinHeight(opts)
+  };
+}
+//# sourceMappingURL=nodeMeasure.native.js.map