@pixerate/editor 0.14.2 → 0.15.0

package/dist/canvas/index.cjs

@@ -1,281 +1,18 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/canvas/index.ts
-var canvas_exports = {};
-__export(canvas_exports, {
-  DEFAULT_NODE_HEIGHT: () => DEFAULT_NODE_HEIGHT,
-  DEFAULT_NODE_WIDTH: () => DEFAULT_NODE_WIDTH,
-  DEFAULT_PLACEMENT_GAP: () => DEFAULT_PLACEMENT_GAP,
-  ManualClock: () => ManualClock,
-  StreamingLayoutManager: () => StreamingLayoutManager,
-  blendLayout: () => blendLayout,
-  boundsOf: () => boundsOf,
-  calculateDagreReflowDisplacement: () => calculateDagreReflowDisplacement,
-  calculateDirectionalDisplacement: () => calculateDirectionalDisplacement,
-  canvasHeight: () => canvasHeight,
-  centerNodes: () => centerNodes,
-  centre: () => centre,
-  computeNodesBoundingBox: () => computeNodesBoundingBox,
-  connectedOnly: () => connectedOnly,
-  createBezierTrajectory: () => createBezierTrajectory,
-  createFanOutTrajectory: () => createFanOutTrajectory,
-  defaultEasing: () => defaultEasing,
-  ensureLayout: () => ensureLayout,
-  estimateCanvasHeight: () => estimateCanvasHeight,
-  estimateNodeSize: () => estimateNodeSize,
-  flowSide: () => flowSide,
-  getCenteredNodePosition: () => getCenteredNodePosition,
-  getLayoutedNodes: () => getLayoutedNodes,
-  isEventFromTextInput: () => isEventFromTextInput,
-  isValidCanvasNode: () => isValidCanvasNode,
-  isValidUrl: () => isValidUrl,
-  layoutBounds: () => layoutBounds,
-  linearPositionTrajectory: () => linearPositionTrajectory,
-  linearTrajectory: () => linearTrajectory,
-  overlaps: () => overlaps,
-  pageHidden: () => pageHidden,
-  parseCanvasClipboardData: () => parseCanvasClipboardData,
-  placeBeside: () => placeBeside,
-  realClock: () => realClock,
-  remapPastedNodes: () => remapPastedNodes,
-  repositionNodesTo: () => repositionNodesTo,
-  runMultiNodeTransition: () => runMultiNodeTransition,
-  serializeCanvasNodes: () => serializeCanvasNodes
-});
-module.exports = __toCommonJS(canvas_exports);
-
-// src/canvas/layout.ts
-var import_dagre = __toESM(require("@dagrejs/dagre"), 1);
-var DEFAULT_NODE_WIDTH = 200;
-var DEFAULT_NODE_HEIGHT = 60;
-var DEFAULT_PLACEMENT_GAP = 48;
-function getCenteredNodePosition(width = 0, height = 0, screenToFlowPosition, screenDimensions) {
-  const rect = screenDimensions ?? (typeof document !== "undefined" ? { width: document.documentElement.clientWidth, height: document.documentElement.clientHeight } : { width: 1920, height: 1080 });
-  const flowPos = screenToFlowPosition({ x: rect.width / 2, y: rect.height / 2 });
-  return {
-    x: flowPos.x - width / 2,
-    y: flowPos.y - height / 2
-  };
-}
-function centerNodes(nodes, screenToFlowPosition, getNodesBounds, screenDimensions) {
-  if (nodes.length === 0) {
-    return [];
-  }
-  const bounds = getNodesBounds(nodes);
-  const boundingBoxOrigin = { x: bounds.x, y: bounds.y };
-  const centeredPosition = getCenteredNodePosition(
-    bounds.width,
-    bounds.height,
-    screenToFlowPosition,
-    screenDimensions
-  );
-  const deltaX = centeredPosition.x - boundingBoxOrigin.x;
-  const deltaY = centeredPosition.y - boundingBoxOrigin.y;
-  return nodes.map((node) => ({
-    ...node,
-    position: {
-      x: node.position.x + deltaX,
-      y: node.position.y + deltaY
-    }
-  }));
-}
-function getLayoutedNodes(nodes, edges, getNodesBounds, options = {}) {
-  if (nodes.length === 0) return [];
-  const {
-    direction = "LR",
-    ranksep = 100,
-    nodesep = 25,
-    defaultNodeWidth = DEFAULT_NODE_WIDTH,
-    defaultNodeHeight = DEFAULT_NODE_HEIGHT
-  } = options;
-  const dagreGraph = new import_dagre.default.graphlib.Graph();
-  dagreGraph.setDefaultEdgeLabel(() => ({}));
-  dagreGraph.setGraph({ rankdir: direction, ranksep, nodesep });
-  const nodeIds = new Set(nodes.map((node) => node.id));
-  nodes.forEach((node) => {
-    const nodeWidth = node.measured?.width ?? node.width ?? defaultNodeWidth;
-    const nodeHeight = node.measured?.height ?? node.height ?? defaultNodeHeight;
-    dagreGraph.setNode(node.id, { width: nodeWidth, height: nodeHeight });
-  });
-  edges.forEach((edge) => {
-    if (nodeIds.has(edge.source) && nodeIds.has(edge.target)) {
-      dagreGraph.setEdge(edge.source, edge.target);
-    }
-  });
-  import_dagre.default.layout(dagreGraph);
-  return nodes.map((node) => {
-    const nodeWithPosition = dagreGraph.node(node.id);
-    const nodeWidth = node.measured?.width ?? node.width ?? defaultNodeWidth;
-    const nodeHeight = node.measured?.height ?? node.height ?? defaultNodeHeight;
-    return {
-      ...node,
-      position: {
-        x: nodeWithPosition.x - nodeWidth / 2,
-        y: nodeWithPosition.y - nodeHeight / 2
-      }
-    };
-  });
-}
-function estimateNodeSize(node, defaultWidth = DEFAULT_NODE_WIDTH, defaultHeight = DEFAULT_NODE_HEIGHT) {
-  const label = String(node.data?.label ?? node.data?.title ?? node.id ?? "");
-  const lines = label.split(/\n|<br\s*\/?>/);
-  const longest = Math.max(...lines.map((l) => l.replace(/<[^>]+>/g, "").length), 1);
-  const width = Math.min(480, Math.max(defaultWidth, longest * 8 + 48));
-  const height = Math.max(defaultHeight, lines.length * 20 + 24);
-  return { width, height };
-}
-function boundsOf(rects) {
-  if (!rects.length) return null;
-  const minX = Math.min(...rects.map((r) => r.x));
-  const minY = Math.min(...rects.map((r) => r.y));
-  const maxX = Math.max(...rects.map((r) => r.x + r.width));
-  const maxY = Math.max(...rects.map((r) => r.y + r.height));
-  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
-}
-function centre(r) {
-  return { x: r.x + r.width / 2, y: r.y + r.height / 2 };
-}
-function overlaps(a, b, pad = 16) {
-  return a.x < b.x + b.width + pad && a.x + a.width + pad > b.x && a.y < b.y + b.height + pad && a.y + a.height + pad > b.y;
-}
-function flowSide(direction = "LR") {
-  switch (direction) {
-    case "LR":
-      return "right";
-    case "RL":
-      return "left";
-    case "BT":
-      return "above";
-    case "TB":
-    default:
-      return "below";
-  }
-}
-function ensureLayout(nodes, edges, options = {}) {
-  if (nodes.length === 0) return [];
-  const stored = options.storedPositions ?? {};
-  const missing = nodes.filter((n) => !stored[n.id]);
-  if (missing.length === 0) {
-    return nodes.map((n) => ({
-      ...n,
-      position: { ...stored[n.id] }
-    }));
-  }
-  const autoLayouted = getLayoutedNodes(nodes, edges, void 0, options);
-  const autoMap = new Map(
-    autoLayouted.map((n) => [n.id, n.position])
-  );
-  const both = nodes.filter((n) => stored[n.id] && autoMap.has(n.id));
-  if (both.length === 0) {
-    return autoLayouted;
-  }
-  let dx = 0;
-  let dy = 0;
-  for (const n of both) {
-    const s = stored[n.id];
-    const a = autoMap.get(n.id);
-    dx += s.x - a.x;
-    dy += s.y - a.y;
-  }
-  dx /= both.length;
-  dy /= both.length;
-  return nodes.map((node) => {
-    if (stored[node.id]) {
-      return {
-        ...node,
-        position: { ...stored[node.id] }
-      };
-    }
-    const autoPos = autoMap.get(node.id) ?? { x: 0, y: 0 };
-    return {
-      ...node,
-      position: {
-        x: Math.round(autoPos.x + dx),
-        y: Math.round(autoPos.y + dy)
-      }
-    };
-  });
-}
-function placeBeside(rects, size, side, nearNodeId, options = {}) {
-  const {
-    gap = DEFAULT_PLACEMENT_GAP,
-    ignore = [],
-    maxAttempts = 32
-  } = options;
-  const skip = new Set([nearNodeId, ...ignore].filter(Boolean));
-  const obstacles = Object.entries(rects).filter(([id]) => !skip.has(id)).map(([, r]) => r);
-  const anchor = nearNodeId && rects[nearNodeId] || boundsOf(Object.values(rects)) || { x: 0, y: 0, width: 0, height: 0 };
-  const anchorCenter = centre(anchor);
-  let baseX;
-  let baseY;
-  switch (side) {
-    case "right":
-      baseX = anchor.x + anchor.width + gap;
-      baseY = anchorCenter.y - size.height / 2;
-      break;
-    case "left":
-      baseX = anchor.x - gap - size.width;
-      baseY = anchorCenter.y - size.height / 2;
-      break;
-    case "above":
-      baseX = anchorCenter.x - size.width / 2;
-      baseY = anchor.y - gap - size.height;
-      break;
-    case "below":
-    default:
-      baseX = anchorCenter.x - size.width / 2;
-      baseY = anchor.y + anchor.height + gap;
-      break;
-  }
-  const isHorizontal = side === "right" || side === "left";
-  const step = (isHorizontal ? size.height : size.width) + 20;
-  for (let i = 0; i < maxAttempts; i++) {
-    const offset = i === 0 ? 0 : Math.ceil(i / 2) * step * (i % 2 === 1 ? 1 : -1);
-    const candidateBox = {
-      x: isHorizontal ? baseX : baseX + offset,
-      y: isHorizontal ? baseY + offset : baseY,
-      width: size.width,
-      height: size.height
-    };
-    if (!obstacles.some((obstacle) => overlaps(candidateBox, obstacle, 8))) {
-      return {
-        x: Math.round(candidateBox.x),
-        y: Math.round(candidateBox.y)
-      };
-    }
-  }
-  return {
-    x: Math.round(baseX),
-    y: Math.round(baseY)
-  };
-}
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkWADCJ7A7cjs = require('../chunk-WADCJ7A7.cjs');
 
 // src/canvas/clock.ts
 var pageHidden = () => typeof document !== "undefined" && document.hidden;
@@ -292,13 +29,13 @@ var realClock = {
   sleep: (ms) => new Promise((resolve) => setTimeout(resolve, Math.max(0, ms)))
 };
 var settle = () => new Promise((resolve) => setTimeout(resolve, 0));
-var ManualClock = class {
-  live = false;
-  time;
-  frames = [];
-  sleepers = [];
-  seq = 0;
-  constructor(start = 0) {
+var ManualClock = (_class = class {
+  __init() {this.live = false}
+  
+  __init2() {this.frames = []}
+  __init3() {this.sleepers = []}
+  __init4() {this.seq = 0}
+  constructor(start = 0) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);
     this.time = start;
   }
   now() {
@@ -348,7 +85,7 @@ var ManualClock = class {
   async tick(fps = 60) {
     await this.advance(Math.round(1e3 / fps));
   }
-};
+}, _class);
 
 // src/canvas/trajectory.ts
 var defaultEasing = (t) => --t * t * t + 1;
@@ -413,7 +150,7 @@ function createBezierTrajectory(getControlPoint) {
 }
 function runMultiNodeTransition(transitions, options = {}) {
   if (transitions.length === 0) {
-    options.onComplete?.();
+    _optionalChain([options, 'access', _ => _.onComplete, 'optionalCall', _2 => _2()]);
     return () => {
     };
   }
@@ -428,12 +165,12 @@ function runMultiNodeTransition(transitions, options = {}) {
   const startTime = clock.now();
   const items = transitions.map((tr, i) => ({
     ...tr,
-    index: tr.index ?? i,
-    total: tr.total ?? transitions.length,
-    duration: tr.duration ?? defaultDuration,
-    easing: tr.easing ?? easingFunc,
-    delay: tr.delay ?? 0,
-    trajectory: tr.trajectory ?? linearTrajectory
+    index: _nullishCoalesce(tr.index, () => ( i)),
+    total: _nullishCoalesce(tr.total, () => ( transitions.length)),
+    duration: _nullishCoalesce(tr.duration, () => ( defaultDuration)),
+    easing: _nullishCoalesce(tr.easing, () => ( easingFunc)),
+    delay: _nullishCoalesce(tr.delay, () => ( 0)),
+    trajectory: _nullishCoalesce(tr.trajectory, () => ( linearTrajectory))
   }));
   function frame() {
     if (isCancelled) return;
@@ -467,11 +204,11 @@ function runMultiNodeTransition(transitions, options = {}) {
         allCompleted = false;
       }
     }
-    onUpdate?.();
+    _optionalChain([onUpdate, 'optionalCall', _3 => _3()]);
     if (!allCompleted) {
       clock.frame().then(frame);
     } else {
-      onComplete?.();
+      _optionalChain([onComplete, 'optionalCall', _4 => _4()]);
     }
   }
   frame();
@@ -481,7 +218,7 @@ function runMultiNodeTransition(transitions, options = {}) {
 }
 
 // src/canvas/displacement.ts
-var import_dagre2 = __toESM(require("@dagrejs/dagre"), 1);
+var _dagre = require('@dagrejs/dagre'); var _dagre2 = _interopRequireDefault(_dagre);
 function computeNodesBoundingBox(nodes, defaultWidth = 200, defaultHeight = 60) {
   if (nodes.length === 0) {
     return { x: 0, y: 0, width: 0, height: 0 };
@@ -491,8 +228,8 @@ function computeNodesBoundingBox(nodes, defaultWidth = 200, defaultHeight = 60)
   let maxX = -Infinity;
   let maxY = -Infinity;
   for (const node of nodes) {
-    const width = node.measured?.width ?? node.width ?? defaultWidth;
-    const height = node.measured?.height ?? node.height ?? defaultHeight;
+    const width = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _5 => _5.measured, 'optionalAccess', _6 => _6.width]), () => ( node.width)), () => ( defaultWidth));
+    const height = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _7 => _7.measured, 'optionalAccess', _8 => _8.height]), () => ( node.height)), () => ( defaultHeight));
     minX = Math.min(minX, node.position.x);
     minY = Math.min(minY, node.position.y);
     maxX = Math.max(maxX, node.position.x + width);
@@ -525,8 +262,8 @@ function calculateDirectionalDisplacement(params) {
     return displacedMap;
   }
   const childBounds = getNodesBounds ? getNodesBounds(childNodes) : computeNodesBoundingBox(childNodes);
-  const originWidth = originNode.measured?.width ?? originNode.width ?? 200;
-  const originHeight = originNode.measured?.height ?? originNode.height ?? 60;
+  const originWidth = _nullishCoalesce(_nullishCoalesce(_optionalChain([originNode, 'access', _9 => _9.measured, 'optionalAccess', _10 => _10.width]), () => ( originNode.width)), () => ( 200));
+  const originHeight = _nullishCoalesce(_nullishCoalesce(_optionalChain([originNode, 'access', _11 => _11.measured, 'optionalAccess', _12 => _12.height]), () => ( originNode.height)), () => ( 60));
   const deltaPrimary = direction === "right" || direction === "left" ? childBounds.width + gap : childBounds.height + gap;
   const deltaUp = Math.max(0, originNode.position.y - childBounds.y + gap);
   const deltaDown = Math.max(
@@ -629,13 +366,13 @@ function calculateDagreReflowDisplacement(params) {
   } = options;
   const anchorNode = currentNodes.find((n) => n.id === anchorNodeId);
   if (!anchorNode) return /* @__PURE__ */ new Map();
-  const g = new import_dagre2.default.graphlib.Graph();
+  const g = new _dagre2.default.graphlib.Graph();
   g.setDefaultEdgeLabel(() => ({}));
   g.setGraph({ rankdir: direction, ranksep, nodesep });
   const nodeIds = new Set(futureNodes.map((n) => n.id));
   futureNodes.forEach((node) => {
-    const nodeWidth = node.measured?.width ?? node.width ?? defaultNodeWidth;
-    const nodeHeight = node.measured?.height ?? node.height ?? defaultNodeHeight;
+    const nodeWidth = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _13 => _13.measured, 'optionalAccess', _14 => _14.width]), () => ( node.width)), () => ( defaultNodeWidth));
+    const nodeHeight = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _15 => _15.measured, 'optionalAccess', _16 => _16.height]), () => ( node.height)), () => ( defaultNodeHeight));
     g.setNode(node.id, { width: nodeWidth, height: nodeHeight });
   });
   futureEdges.forEach((edge) => {
@@ -643,11 +380,11 @@ function calculateDagreReflowDisplacement(params) {
       g.setEdge(edge.source, edge.target);
     }
   });
-  import_dagre2.default.layout(g);
+  _dagre2.default.layout(g);
   const anchorLayoutPos = g.node(anchorNodeId);
   if (!anchorLayoutPos) return /* @__PURE__ */ new Map();
-  const anchorWidth = anchorNode.measured?.width ?? anchorNode.width ?? defaultNodeWidth;
-  const anchorHeight = anchorNode.measured?.height ?? anchorNode.height ?? defaultNodeHeight;
+  const anchorWidth = _nullishCoalesce(_nullishCoalesce(_optionalChain([anchorNode, 'access', _17 => _17.measured, 'optionalAccess', _18 => _18.width]), () => ( anchorNode.width)), () => ( defaultNodeWidth));
+  const anchorHeight = _nullishCoalesce(_nullishCoalesce(_optionalChain([anchorNode, 'access', _19 => _19.measured, 'optionalAccess', _20 => _20.height]), () => ( anchorNode.height)), () => ( defaultNodeHeight));
   const anchorLayoutUpperLeft = {
     x: anchorLayoutPos.x - anchorWidth / 2,
     y: anchorLayoutPos.y - anchorHeight / 2
@@ -659,8 +396,8 @@ function calculateDagreReflowDisplacement(params) {
     if (node.id === anchorNodeId) return;
     const layoutNode = g.node(node.id);
     if (!layoutNode) return;
-    const nodeWidth = node.measured?.width ?? node.width ?? defaultNodeWidth;
-    const nodeHeight = node.measured?.height ?? node.height ?? defaultNodeHeight;
+    const nodeWidth = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _21 => _21.measured, 'optionalAccess', _22 => _22.width]), () => ( node.width)), () => ( defaultNodeWidth));
+    const nodeHeight = _nullishCoalesce(_nullishCoalesce(_optionalChain([node, 'access', _23 => _23.measured, 'optionalAccess', _24 => _24.height]), () => ( node.height)), () => ( defaultNodeHeight));
     const upperLeftX = layoutNode.x - nodeWidth / 2 + deltaX;
     const upperLeftY = layoutNode.y - nodeHeight / 2 + deltaY;
     if (Math.abs(upperLeftX - node.position.x) > 1 || Math.abs(upperLeftY - node.position.y) > 1) {
@@ -674,7 +411,7 @@ function calculateDagreReflowDisplacement(params) {
 function isEventFromTextInput(event) {
   const target = event.target;
   if (!target) return false;
-  if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable || target.closest?.('[contenteditable="true"]') || target.closest?.(".ProseMirror")) {
+  if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable || _optionalChain([target, 'access', _25 => _25.closest, 'optionalCall', _26 => _26('[contenteditable="true"]')]) || _optionalChain([target, 'access', _27 => _27.closest, 'optionalCall', _28 => _28(".ProseMirror")])) {
     return true;
   }
   return false;
@@ -686,7 +423,7 @@ function isValidUrl(url) {
   try {
     const parsed = new URL(url);
     return parsed.protocol === "http:" || parsed.protocol === "https:";
-  } catch {
+  } catch (e2) {
     return false;
   }
 }
@@ -704,7 +441,7 @@ function parseCanvasClipboardData(raw) {
     if (typeof parsed === "object" && parsed !== null && Array.isArray(parsed.nodes) && parsed.nodes.length > 0 && parsed.nodes.every(isValidCanvasNode)) {
       return parsed;
     }
-  } catch {
+  } catch (e3) {
   }
   return null;
 }
@@ -761,8 +498,8 @@ function layoutBounds(nodes) {
   for (const node of nodes) {
     const x = node.position.x;
     const y = node.position.y;
-    const width = node.width ?? 180;
-    const height = node.height ?? 80;
+    const width = _nullishCoalesce(node.width, () => ( 180));
+    const height = _nullishCoalesce(node.height, () => ( 80));
     minX = Math.min(minX, x);
     minY = Math.min(minY, y);
     maxX = Math.max(maxX, x + width);
@@ -772,7 +509,7 @@ function layoutBounds(nodes) {
   return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
 }
 function canvasHeight(nodes, options) {
-  return clampHeight(layoutBounds(nodes)?.height ?? 0, options);
+  return clampHeight(_nullishCoalesce(_optionalChain([layoutBounds, 'call', _29 => _29(nodes), 'optionalAccess', _30 => _30.height]), () => ( 0)), options);
 }
 var DEFAULT_RANK_HEIGHT = 80 + 72;
 var NODES_PER_RANK = 2;
@@ -812,22 +549,22 @@ function connectedOnly(nodes, edges) {
 }
 
 // src/canvas/streaming.ts
-var StreamingLayoutManager = class {
-  throttleMs;
-  glideDurationMs;
-  connectedOnly;
-  clock;
-  layoutOptions;
-  onLayoutUpdated;
-  pendingTimer = null;
-  activeTransitionCancel = null;
-  targetPositions = /* @__PURE__ */ new Map();
-  constructor(options = {}) {
-    this.throttleMs = options.throttleMs ?? 200;
-    this.glideDurationMs = options.glideDurationMs ?? 300;
-    this.connectedOnly = options.connectedOnly ?? false;
-    this.clock = options.clock ?? realClock;
-    this.layoutOptions = options.layoutOptions ?? { direction: "LR" };
+var StreamingLayoutManager = (_class2 = class {
+  
+  
+  
+  
+  
+  
+  __init5() {this.pendingTimer = null}
+  __init6() {this.activeTransitionCancel = null}
+  __init7() {this.targetPositions = /* @__PURE__ */ new Map()}
+  constructor(options = {}) {;_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);
+    this.throttleMs = _nullishCoalesce(options.throttleMs, () => ( 200));
+    this.glideDurationMs = _nullishCoalesce(options.glideDurationMs, () => ( 300));
+    this.connectedOnly = _nullishCoalesce(options.connectedOnly, () => ( false));
+    this.clock = _nullishCoalesce(options.clock, () => ( realClock));
+    this.layoutOptions = _nullishCoalesce(options.layoutOptions, () => ( { direction: "LR" }));
     this.onLayoutUpdated = options.onLayoutUpdated;
   }
   /**
@@ -864,7 +601,7 @@ var StreamingLayoutManager = class {
     for (const [id, pos] of currentPositions.entries()) {
       stored[id] = pos;
     }
-    const layouted = ensureLayout(targetNodes, edges, {
+    const layouted = _chunkWADCJ7A7cjs.ensureLayout.call(void 0, targetNodes, edges, {
       ...this.layoutOptions,
       storedPositions: stored
     });
@@ -873,7 +610,7 @@ var StreamingLayoutManager = class {
     for (const node of layouted) {
       const target = node.position;
       nextPositions.set(node.id, target);
-      const current = currentPositions.get(node.id) ?? target;
+      const current = _nullishCoalesce(currentPositions.get(node.id), () => ( target));
       const distance = Math.hypot(target.x - current.x, target.y - current.y);
       if (distance > 2) {
         transitions.push({
@@ -894,15 +631,15 @@ var StreamingLayoutManager = class {
           for (const trans of transitions) {
             liveMap.set(trans.node.id, { ...trans.node.position });
           }
-          this.onLayoutUpdated?.(liveMap);
+          _optionalChain([this, 'access', _31 => _31.onLayoutUpdated, 'optionalCall', _32 => _32(liveMap)]);
         },
         onComplete: () => {
           this.activeTransitionCancel = null;
-          this.onLayoutUpdated?.(nextPositions);
+          _optionalChain([this, 'access', _33 => _33.onLayoutUpdated, 'optionalCall', _34 => _34(nextPositions)]);
         }
       });
     } else {
-      this.onLayoutUpdated?.(nextPositions);
+      _optionalChain([this, 'access', _35 => _35.onLayoutUpdated, 'optionalCall', _36 => _36(nextPositions)]);
     }
   }
   destroy() {
@@ -915,46 +652,45 @@ var StreamingLayoutManager = class {
       this.activeTransitionCancel = null;
     }
   }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DEFAULT_NODE_HEIGHT,
-  DEFAULT_NODE_WIDTH,
-  DEFAULT_PLACEMENT_GAP,
-  ManualClock,
-  StreamingLayoutManager,
-  blendLayout,
-  boundsOf,
-  calculateDagreReflowDisplacement,
-  calculateDirectionalDisplacement,
-  canvasHeight,
-  centerNodes,
-  centre,
-  computeNodesBoundingBox,
-  connectedOnly,
-  createBezierTrajectory,
-  createFanOutTrajectory,
-  defaultEasing,
-  ensureLayout,
-  estimateCanvasHeight,
-  estimateNodeSize,
-  flowSide,
-  getCenteredNodePosition,
-  getLayoutedNodes,
-  isEventFromTextInput,
-  isValidCanvasNode,
-  isValidUrl,
-  layoutBounds,
-  linearPositionTrajectory,
-  linearTrajectory,
-  overlaps,
-  pageHidden,
-  parseCanvasClipboardData,
-  placeBeside,
-  realClock,
-  remapPastedNodes,
-  repositionNodesTo,
-  runMultiNodeTransition,
-  serializeCanvasNodes
-});
+}, _class2);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.DEFAULT_NODE_HEIGHT = _chunkWADCJ7A7cjs.DEFAULT_NODE_HEIGHT; exports.DEFAULT_NODE_WIDTH = _chunkWADCJ7A7cjs.DEFAULT_NODE_WIDTH; exports.DEFAULT_PLACEMENT_GAP = _chunkWADCJ7A7cjs.DEFAULT_PLACEMENT_GAP; exports.ManualClock = ManualClock; exports.StreamingLayoutManager = StreamingLayoutManager; exports.blendLayout = blendLayout; exports.boundsOf = _chunkWADCJ7A7cjs.boundsOf; exports.calculateDagreReflowDisplacement = calculateDagreReflowDisplacement; exports.calculateDirectionalDisplacement = calculateDirectionalDisplacement; exports.canvasHeight = canvasHeight; exports.centerNodes = _chunkWADCJ7A7cjs.centerNodes; exports.centre = _chunkWADCJ7A7cjs.centre; exports.computeNodesBoundingBox = computeNodesBoundingBox; exports.connectedOnly = connectedOnly; exports.createBezierTrajectory = createBezierTrajectory; exports.createFanOutTrajectory = createFanOutTrajectory; exports.defaultEasing = defaultEasing; exports.ensureLayout = _chunkWADCJ7A7cjs.ensureLayout; exports.estimateCanvasHeight = estimateCanvasHeight; exports.estimateNodeSize = _chunkWADCJ7A7cjs.estimateNodeSize; exports.flowSide = _chunkWADCJ7A7cjs.flowSide; exports.getCenteredNodePosition = _chunkWADCJ7A7cjs.getCenteredNodePosition; exports.getLayoutedNodes = _chunkWADCJ7A7cjs.getLayoutedNodes; exports.isEventFromTextInput = isEventFromTextInput; exports.isValidCanvasNode = isValidCanvasNode; exports.isValidUrl = isValidUrl; exports.layoutBounds = layoutBounds; exports.linearPositionTrajectory = linearPositionTrajectory; exports.linearTrajectory = linearTrajectory; exports.overlaps = _chunkWADCJ7A7cjs.overlaps; exports.pageHidden = pageHidden; exports.parseCanvasClipboardData = parseCanvasClipboardData; exports.placeBeside = _chunkWADCJ7A7cjs.placeBeside; exports.realClock = realClock; exports.remapPastedNodes = remapPastedNodes; exports.repositionNodesTo = repositionNodesTo; exports.runMultiNodeTransition = runMultiNodeTransition; exports.serializeCanvasNodes = serializeCanvasNodes;
 //# sourceMappingURL=index.cjs.map