@weasel-js/diagram 1.13.0 → 1.14.0

package/dist/index.js

@@ -1,14 +1,16 @@
 import './chunk-WDIE35AK.js';
-import { createConnectAction, avoidSceneInput, sceneEdges, inOrUnder, withHopsData, edgePolylines, themeWrites, hopDataOps, diagramDropParentAt, containerBuild } from './chunk-ESFIS7BB.js';
-export { ADD_LANE_ACTION_ID, CONNECT_ACTION_ID, CONTAINER_STENCILS, DEFAULT_EDGE_STROKE, DiagramView, EASED_LAYOUTS, EDGE_END_AFFORDANCE_KIND, EDGE_END_LAYER_ID, EDIT_CONTAINER_TITLE_ACTION_ID, GRAB_EDGE_END_ACTION_ID, GRAB_LABEL_ACTION_ID, GRAB_PORT_ACTION_ID, GRAB_WAYPOINT_ACTION_ID, LANE_AFFORDANCE_KIND, LANE_LAYER_ID, LANE_RESIZE_ACTION_ID, LAYOUTS, LAYOUT_ACTION_ID, MOVE_LABEL_ACTION_ID, PORT_AFFORDANCE_KIND, PORT_LAYER_ID, RECONNECT_ACTION_ID, RELEASE_MEMBERS_ACTION_ID, REMOVE_WAYPOINT_ACTION_ID, REORDER_ACTION_ID, RESET_LABEL_ACTION_ID, RESET_ROUTE_ACTION_ID, ROUTER_LABELS, ROUTE_EDIT_ACTION_ID, SELECT_LABEL_EDGE_ACTION_ID, SET_HOPS_ACTION_ID, SET_ROUTER_ACTION_IDS, STEP_REORDER_ACTION_ID, WAYPOINT_AFFORDANCE_KIND, WAYPOINT_HIT_PX, WAYPOINT_LAYER_ID, addLane, applyLayout, avoidSceneInput, bodyAt, commitEdgeToScene, commitLabelToScene, commitLaneResizeToScene, commitReconnectToScene, commitRouteToScene, commitRouterToScene, connectBinding, containerBuild, createAddLaneAction, createConnectAction, createDiagramContribution, createEdgeEndAffordance, createLabelDragAction, createLaneAffordance, createLaneResizeAction, createLayoutAction, createPortAffordance, createReconnectAction, createReleaseMembersAction, createRemoveWaypointAction, createReorderAction, createResetLabelAction, createResetRouteAction, createRouteEditAction, createSetHopsAction, createSetRouterAction, createSpecHops, createSpecLabelPlacer, createSpecRouter, createStepReorderAction, createWaypointAffordance, defaultCanConnect, diagramCanDropInto, diagramContainers, diagramDropParentAt, diagramEdgeEnds, diagramLabelDrag, diagramLayoutOf, diagramPorts, diagramResizable, diagramShape, diagramWaypoints, dragSegment, dragVertex, easedProducer, edgeEndLayer, edgeEndScratchOf, editContainerTitleAction, editContainerTitleBinding, forceProducer, grabPortAction, grabPortBindings, groupReorderContribution, groupReorderSlots, headerIdOf, insertWaypoint, isBodyEnd, isBodyOrRegion, isDiagramBody, laneLayer, laneResizeFrame, laneScratchOf, lanesOf, layoutPoses, movedLabelData, pinSegment, poolAxisOf, poolsOf, portLayer, portScratchOf, reconnectBinding, regionHeaderAt, registerDiagramShape, releaseMembers, removeSegment, removeWaypoint, reorderBinding, reorderContribution, routeHandles, routeStateOf, routeWrites, routedData, routerActions, routesOf, sceneParticipants, segmentAxis, sequenceSlots, themeWrites, unpinSegment, useLiveLayout, useMirroredSelection, waypointLayer, waypointScratchOf, withRouter } from './chunk-ESFIS7BB.js';
-import { createAvoidRouter, HOPS_DOC_KEY, edgeHops, placeLabels } from './chunk-Y72FK3Y7.js';
-export { AVOID_DEFAULTS, DEFAULT_HOP_SIZE, HOPS_DOC_KEY, createAvoidRouter, edgeHops, placeLabels, simplifyStops } from './chunk-Y72FK3Y7.js';
-import { DEFAULT_NODE_STYLE, NODE_STROKE_WIDTH, rowTextStyle, DEFAULT_FONT, bodyLayoutOf, offPageTagLook, diagramThemeOf, offPageSplits, offPageTagOf, DIAGRAM_THEMES, DIAGRAM_THEME_KEY, themeDocValue, DIAGRAM_ROLES, diagramLabelOf, diagramContainerOf, diagramGroupOf, offPageTagId, offPageFarText, offPageTagSpec, offPageTagData, offPageTagSize, relayoutBodies, labelSize, labelStyleOf } from './chunk-QU4QZUC6.js';
-export { ANCHOR_DERIVE_POSE, CONTAINER_HEADER, CONTAINER_LAYOUTS, DEFAULT_EDGE_STYLE, DEFAULT_GROUP_STYLE, DEFAULT_LANE_SIZE, DEFAULT_NODE_STYLE, DEFAULT_POOL_ACROSS, DIAGRAM_ANCHOR, DIAGRAM_CONTAINER_LAYOUT, DIAGRAM_EDGE, DIAGRAM_GROUP, DIAGRAM_LABEL, DIAGRAM_LANE_COLUMNS_LAYOUT, DIAGRAM_LANE_ROWS_LAYOUT, DIAGRAM_OFF_PAGE_TAG, DIAGRAM_POOL_COLUMNS_LAYOUT, DIAGRAM_POOL_ROWS_LAYOUT, DIAGRAM_ROLES, DIAGRAM_THEMES, DIAGRAM_THEME_KEY, EDGE_DERIVE_PATH, EDGE_STROKE_WIDTH, EDIT_EDGE_LABEL_ACTION_ID, GROUP_DERIVE_POSE, LABEL_DERIVE_POSE, LABEL_DRAG_AFFORDANCE_KIND, LABEL_DRAG_LAYER_ID, LABEL_PLACEMENT, LANE_HEADER_SIZE, LANE_STROKE_WIDTH, MIN_LANE_SIZE, NODE_STROKE_WIDTH, OFF_PAGE_STUB, OFF_PAGE_TAG_DERIVE_POSE, OFF_PAGE_TAG_PADDING, POOL_HEADER_SIZE, ROUTERS, anchorDerivePose, avoid, bezier, bodyBox, boxAround, buildGraph, containerShape, dataEdgeStyle, dataNodeStyle, dataOffPage, dataRegionStyle, diagramAnchorOf, diagramContainerLayout, diagramContainerOf, diagramGroupOf, diagramLabelOf, diagramMarkOf, diagramPages, diagramScene, diagramThemeFrom, diagramThemeOf, draggableLabels, dropEmptyEdgeLabel, edgeDerivePath, edgeIdOf, edgeLabelSpec, edgeRouter, editEdgeLabelAction, editEdgeLabelBinding, firstLanes, groupDerivePose, headerBox, labelDerivePose, labelDragLayer, labelScratchOf, labelSize, labelUnder, laneHeader, laneStackLayout, markShape, nextOffPageRef, offPageFarText, offPageSplits, offPageTagData, offPageTagDerivePose, offPageTagId, offPageTagLook, offPageTagOf, offPageTagSize, offPageTagSpec, offPageTagSpecs, offPageTagText, orthogonal, poolHeader, regionSpecs, registerMarkShape, relayoutBodies, resolveEnd, roleEdgeStyle, roleStyle, rowTextStyle, selfLoop, stackedLanes, straight, themeDocValue, themeEdgeStroke, themeFont, themeLabelFont, themeLabelStyle, titleIdOf, titlePose, withDiagramRegistry, withHops } from './chunk-QU4QZUC6.js';
-import { buildBody, diagramEdgeOf, samePoints, diagramNodeOf, labelCenter } from './chunk-L4H444QI.js';
-export { COMPASS, DEFAULT_GROUP_INSET, DEFAULT_NODE_GAP, DEFAULT_PORTS, DEFAULT_RANK_GAP, DIAGRAM_TRAIT_KEY, PORT_LABEL_GAP, anchorOffset, axesFor, backEdges, bodyOutline, bodyTrait, boxForContent, buildBody, canvasMeasure, chain, contentBox, createDiagramNodes, dataKeyReader, diagramEdgeOf, diagramNodeOf, expandGroupEdges, footprintNode, force, forceRelaxation, forestOf, graphOrder, insetOf, isPinned, labelCenter, layered, layeredPlan, layeredRoutes, layoutBody, layoutOwnsPort, layoutOwnsRoute, layoutRowPorts, layoutWritesRoute, marginOf, measureBody, outlinePath, outlinePolyline, packAcross, packClusters, pinnedSet, planOf, plannerPlan, portLabelBox, portLabelsOf, portOf, portSitesOf, portsOf, portsOnOutline, rankGaps, ranksByLength, ranksOf, rayHit, routeHolds, seededOrder, settle, sizeToBody, subpathOf, translated, tree, untilSettled } from './chunk-L4H444QI.js';
+import { CONTAINERS_GROUP, createConnectAction, avoidSceneInput, sceneEdges, inOrUnder, withHopsData, edgePolylines, themeWrites, hopDataOps, worldWith, diagramDropParentAt, containerBuild } from './chunk-62SMY45E.js';
+export { ADD_LANE_ACTION_ID, CONNECT_ACTION_ID, CONTAINERS_GROUP, CONTAINER_STENCILS, DEFAULT_EDGE_STROKE, DIAGRAM_ITEM_CARRY, DiagramView, EASED_LAYOUTS, EDGE_END_AFFORDANCE_KIND, EDGE_END_LAYER_ID, EDIT_CONTAINER_TITLE_ACTION_ID, GRAB_EDGE_END_ACTION_ID, GRAB_LABEL_ACTION_ID, GRAB_PORT_ACTION_ID, GRAB_WAYPOINT_ACTION_ID, ITEM_DROP_ACTION_ID, LANE_AFFORDANCE_KIND, LANE_LAYER_ID, LANE_RESIZE_ACTION_ID, LAYOUTS, LAYOUT_ACTION_ID, MOVE_LABEL_ACTION_ID, PORT_AFFORDANCE_KIND, PORT_LAYER_ID, RECONNECT_ACTION_ID, RELEASE_MEMBERS_ACTION_ID, REMOVE_WAYPOINT_ACTION_ID, REORDER_ACTION_ID, RESET_LABEL_ACTION_ID, RESET_ROUTE_ACTION_ID, ROUTER_LABELS, ROUTE_EDIT_ACTION_ID, SELECT_LABEL_EDGE_ACTION_ID, SET_HOPS_ACTION_ID, SET_ROUTER_ACTION_IDS, STEP_REORDER_ACTION_ID, WAYPOINT_AFFORDANCE_KIND, WAYPOINT_HIT_PX, WAYPOINT_LAYER_ID, addLane, applyLayout, avoidSceneInput, bodyAt, commitEdgeToScene, commitLabelToScene, commitLaneResizeToScene, commitReconnectToScene, commitRouteToScene, commitRouterToScene, connectBinding, containerBuild, createAddLaneAction, createConnectAction, createDiagramContribution, createEdgeEndAffordance, createItemDropAction, createLabelDragAction, createLaneAffordance, createLaneResizeAction, createLayoutAction, createPortAffordance, createReconnectAction, createReleaseMembersAction, createRemoveWaypointAction, createReorderAction, createResetLabelAction, createResetRouteAction, createRouteEditAction, createSetHopsAction, createSetRouterAction, createSpecHops, createSpecLabelPlacer, createSpecRouter, createStepReorderAction, createWaypointAffordance, defaultCanConnect, diagramCanDropInto, diagramContainers, diagramDropParentAt, diagramEdgeEnds, diagramLabelDrag, diagramLayoutOf, diagramPorts, diagramResizable, diagramShape, diagramWaypoints, dragItemProps, dragSegment, dragVertex, easedProducer, edgeEndLayer, edgeEndScratchOf, editContainerTitleAction, editContainerTitleBinding, forceProducer, grabPortAction, grabPortBindings, groupReorderContribution, groupReorderSlots, headerIdOf, insertWaypoint, isBodyEnd, isBodyOrRegion, isDiagramBody, itemDropContribution, laneLayer, laneResizeFrame, laneScratchOf, lanesOf, layoutDiagram, layoutPoses, movedLabelData, pinSegment, poolAxisOf, poolsOf, portLayer, portScratchOf, reconnectBinding, regionHeaderAt, registerDiagramShape, releaseMembers, removeSegment, removeWaypoint, reorderBinding, reorderContribution, routeHandles, routeStateOf, routeWrites, routedData, routerActions, routesOf, sceneParticipants, segmentAxis, sequenceSlots, startItemDrag, themeWrites, unpinSegment, useLiveLayout, useMirroredSelection, waypointLayer, waypointScratchOf, withRouter } from './chunk-62SMY45E.js';
+import { createAvoidRouter, HOPS_DOC_KEY, edgeHops, placeLabels } from './chunk-5VNPLOIX.js';
+export { AVOID_DEFAULTS, DEFAULT_HOP_SIZE, HOPS_DOC_KEY, createAvoidRouter, edgeHops, placeLabels, radial, simplifyStops } from './chunk-5VNPLOIX.js';
+import { DEFAULT_NODE_STYLE, NODE_STROKE_WIDTH, rowTextStyle, DEFAULT_FONT, bodyLayoutOf, offPageTagLook, diagramThemeOf, offPageSplits, offPageTagOf, DIAGRAM_THEMES, DIAGRAM_THEME_KEY, themeDocValue, DIAGRAM_ROLES, themeEdgeStroke, diagramLabelOf, diagramContainerOf, diagramGroupOf, offPageTagId, offPageFarText, offPageTagSpec, offPageTagData, offPageTagSize, relayoutBodies, recordedRows, labelSize, labelStyleOf } from './chunk-ZWXM5F4I.js';
+export { ANCHOR_DERIVE_POSE, CONTAINER_HEADER, CONTAINER_LAYOUTS, DEFAULT_EDGE_STYLE, DEFAULT_GROUP_STYLE, DEFAULT_LANE_SIZE, DEFAULT_NODE_STYLE, DEFAULT_POOL_ACROSS, DIAGRAM_ANCHOR, DIAGRAM_CONTAINER_LAYOUT, DIAGRAM_EDGE, DIAGRAM_GROUP, DIAGRAM_LABEL, DIAGRAM_LANE_COLUMNS_LAYOUT, DIAGRAM_LANE_ROWS_LAYOUT, DIAGRAM_OFF_PAGE_TAG, DIAGRAM_POOL_COLUMNS_LAYOUT, DIAGRAM_POOL_ROWS_LAYOUT, DIAGRAM_ROLES, DIAGRAM_THEMES, DIAGRAM_THEME_KEY, EDGE_DERIVE_PATH, EDGE_STROKE_WIDTH, EDIT_EDGE_LABEL_ACTION_ID, GROUP_DERIVE_POSE, LABEL_DERIVE_POSE, LABEL_DRAG_AFFORDANCE_KIND, LABEL_DRAG_LAYER_ID, LABEL_PLACEMENT, LANE_HEADER_SIZE, LANE_STROKE_WIDTH, MIN_LANE_SIZE, NODE_STROKE_WIDTH, OFF_PAGE_STUB, OFF_PAGE_TAG_DERIVE_POSE, OFF_PAGE_TAG_PADDING, POOL_HEADER_SIZE, ROUTERS, anchorDerivePose, avoid, bezier, bodyBox, boxAround, buildGraph, containerShape, dataEdgeStyle, dataNodeStyle, dataOffPage, dataRegionStyle, diagramAnchorOf, diagramContainerLayout, diagramContainerOf, diagramGroupOf, diagramLabelOf, diagramMarkOf, diagramPages, diagramScene, diagramThemeFrom, diagramThemeOf, draggableLabels, dropEmptyEdgeLabel, edgeDerivePath, edgeIdOf, edgeLabelSpec, edgeRouter, editEdgeLabelAction, editEdgeLabelBinding, firstLanes, groupDerivePose, headerBox, labelDerivePose, labelDragLayer, labelScratchOf, labelSize, labelUnder, laneHeader, laneStackLayout, markShape, nextOffPageRef, offPageFarText, offPageSplits, offPageTagData, offPageTagDerivePose, offPageTagId, offPageTagLook, offPageTagOf, offPageTagSize, offPageTagSpec, offPageTagSpecs, offPageTagText, orthogonal, poolHeader, regionSpecs, registerMarkShape, relayoutBodies, resolveEnd, roleEdgeStyle, roleStyle, rowTextStyle, selfLoop, stackedLanes, straight, themeDocValue, themeEdgeStroke, themeFont, themeLabelFont, themeLabelStyle, titleIdOf, titlePose, withDiagramRegistry, withHops } from './chunk-ZWXM5F4I.js';
+import { EVENT_SIZE, GATEWAY_SIZE, DEVICE_SIZE, buildBody, outlineDetail, outlinePath, diagramEdgeOf, samePoints, diagramNodeOf, layoutBody, labelCenter } from './chunk-VB6HUKNG.js';
+export { COMPASS, DEFAULT_GROUP_INSET, DEFAULT_NODE_GAP, DEFAULT_PORTS, DEFAULT_RANK_GAP, DIAGRAM_TRAIT_KEY, DIVIDER_HEIGHT, PORT_LABEL_GAP, anchorOffset, axesFor, backEdges, bodyOutline, bodyTrait, boxForContent, buildBody, canvasMeasure, chain, contentBox, createDiagramNodes, dataKeyReader, diagramEdgeOf, diagramNodeOf, expandGroupEdges, footprintNode, force, forceRelaxation, forestOf, graphOrder, insetOf, isPinned, labelCenter, layered, layeredPlan, layeredRoutes, layoutBody, layoutOwnsPort, layoutOwnsRoute, layoutRowPorts, layoutWritesRoute, marginOf, measureBody, outlineDetail, outlineFromD, outlinePath, outlinePolyline, packAcross, packClusters, pinnedSet, planOf, plannerPlan, portLabelBox, portLabelsOf, portOf, portSitesOf, portsOf, portsOnOutline, rankGaps, ranksByLength, ranksOf, rayHit, registerOutline, routeHolds, seededOrder, settle, sizeToBody, subpathOf, subtreeBlocks, translated, tree, untilSettled } from './chunk-VB6HUKNG.js';
 import { useMemo, useRef, useEffect } from 'react';
-import { bodyPredicate, AUTO_POSE_DESCRIPTOR, defineTool, createInsertOp, INSERT_REPOSITION_BINDING, useDepRegistry, useLatest, useDepSource, commitOps, createSetDataOp, useOptionalDepRegistry, useTransformFollower, documentPose, placedPagesOf, PAGES_DOC_KEY, ActionDisabledReason, measureTextBounds, writtenBy, documentDepOf, createDeleteOp, createTransformOp, fitViewToPage, parseColor } from '@weasel-js/core';
+import { bodyPredicate, AUTO_POSE_DESCRIPTOR, defineTool, localizeWorldPoses, RIGID_POSE_COMPOSITION, createInsertOp, INSERT_REPOSITION_BINDING, useDepRegistry, useLatest, useDepSource, commitOps, createSetDataOp, useOptionalDepRegistry, useTransformFollower, composeWorldPose, scenePoseAdapter, placedPagesOf, PAGES_DOC_KEY, ActionDisabledReason, measureTextBounds, createTransformOp, writtenBy, documentDepOf, documentPose, createDeleteOp, fitViewToPage, scenePoseFrame, parseColor } from '@weasel-js/core';
+import { pathToD, pathPoint } from '@weasel-js/geom';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { PATH_M } from '@weasel-js/core/math';
 
 var CONNECTOR_TOOL_ID = "diagram.connector";
@@ -34,6 +36,8 @@ function useConnectorTool(opts) {
     [participants, read2, geometry, canConnect, showsPort, snapRadius, router, routers, commit, edgeStroke]
   );
 }
+
+// src/stencils/flowchart.ts
 var FLOWCHART_STENCILS = [
   { id: "process", label: "Process", outline: "rect", size: { width: 120, height: 60 }, icon: (
     /* @icon */
@@ -64,6 +68,9 @@ var FLOWCHART_STENCILS = [
     "shape:circle"
   ) }
 ];
+var FLOWCHART_GROUP = { id: "flowchart", label: "Flowchart", stencils: FLOWCHART_STENCILS };
+
+// src/stencil.ts
 var stencilKind = (id) => `stencil:${id}`;
 function stencilIdOf(kind) {
   return kind.startsWith("stencil:") ? kind.slice("stencil:".length) : null;
@@ -76,9 +83,15 @@ function placedBounds(stencil, b) {
 }
 function stencilBuild(stencil, bounds, opts) {
   const id = opts.newId();
-  const style = opts.style ?? DEFAULT_NODE_STYLE;
+  const style = { ...opts.style ?? DEFAULT_NODE_STYLE, ...stencil.style };
   const at = placedBounds(stencil, bounds);
-  const spec = { outline: stencil.outline, rows: stencil.rows ?? DEFAULT_ROWS };
+  const spec = {
+    outline: stencil.outline,
+    rows: stencil.rows ?? DEFAULT_ROWS,
+    ...stencil.padding !== void 0 ? { padding: stencil.padding } : {},
+    ...stencil.gap !== void 0 ? { gap: stencil.gap } : {},
+    ...stencil.verticalAlign !== void 0 ? { verticalAlign: stencil.verticalAlign } : {}
+  };
   const built = buildBody(
     spec,
     at,
@@ -87,7 +100,7 @@ function stencilBuild(stencil, bounds, opts) {
       layer: opts.layer,
       ...opts.measure ? { measure: opts.measure } : {},
       body: (trait) => ({
-        diagram: { ...trait, ...bodyLayoutOf(spec, trait) },
+        diagram: { ...trait, ...bodyLayoutOf(spec, trait, opts.measure) },
         fill: { paint: { color: style.fill } },
         stroke: { paint: { color: style.stroke }, width: style.strokeWidth ?? NODE_STROKE_WIDTH, ...style.dash ? { dash: style.dash } : {} }
       }),
@@ -99,8 +112,9 @@ function stencilBuild(stencil, bounds, opts) {
       } : null
     }
   );
-  const ops = built.specs.map((spec2, k) => createInsertOp({
-    node: { ...spec2, id: spec2.id ?? `${id}/${k}`, parent: spec2.parent ?? opts.parent ?? null },
+  const specs = localizeWorldPoses(built.specs.map((spec2, k) => ({ ...spec2, id: spec2.id ?? `${id}/${k}` })), RIGID_POSE_COMPOSITION);
+  const ops = specs.map((spec2) => createInsertOp({
+    node: { ...spec2, parent: spec2.parent ?? opts.parent ?? null },
     label: `Insert ${stencil.label}`
   }));
   return { id, ops };
@@ -134,16 +148,14 @@ function useStencilInsert(stencils, opts = {}) {
       if (id === null) return void 0;
       return stencilsRef.current.find((s) => s.id === id) ?? optsRef.current.containers?.find((s) => s.id === id);
     };
-    const builtAt = (stencil, bounds) => {
+    const builtAt = (stencil, world) => {
       if (scene === void 0) return null;
-      const center = { x: bounds.x + bounds.width / 2, y: bounds.y + bounds.height / 2 };
+      const center = { x: world.x + world.width / 2, y: world.y + world.height / 2 };
       const role = "role" in stencil ? stencil.role : null;
       const { style, measure, font, containerStyle, laneStyles } = optsRef.current;
-      const common = {
-        layer: layer(),
-        newId: () => scene.mintId(),
-        parent: diagramDropParentAt(scene, center, role)
-      };
+      const parent = diagramDropParentAt(scene, center, role);
+      const bounds = parent === null ? world : scenePoseFrame(scene).localUnder(parent, { ...world });
+      const common = { layer: layer(), newId: () => scene.mintId(), parent };
       if ("role" in stencil) {
         const boxStyle = containerStyle ?? style;
         return containerBuild(stencil, bounds, {
@@ -180,6 +192,30 @@ function useStencilInsert(stencils, opts = {}) {
     };
   });
 }
+function StencilGhost({ stencil, style, scale = 1 }) {
+  const own = "outline" in stencil ? { ...style, ...stencil.style } : style;
+  const width = own.strokeWidth ?? NODE_STROKE_WIDTH;
+  const bounds = { x: width / 2, y: width / 2, ...stencil.size };
+  const outline = "outline" in stencil ? stencil.outline : "rect";
+  const detail = outlineDetail(outline, bounds);
+  const box = { width: stencil.size.width + width, height: stencil.size.height + width };
+  const stroke = { stroke: own.stroke, strokeWidth: width, strokeDasharray: own.dash?.join(" ") };
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: box.width * scale,
+      height: box.height * scale,
+      viewBox: `0 0 ${box.width} ${box.height}`,
+      "aria-hidden": "true",
+      overflow: "visible",
+      "data-stencil": stencil.id,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: pathToD(outlinePath(outline, bounds)), fill: own.fill, ...stroke }),
+        detail && /* @__PURE__ */ jsx("path", { d: pathToD(detail), fill: "none", ...stroke })
+      ]
+    }
+  );
+}
 var EPS = 1e-6;
 function offsetOf(geometry, before, after) {
   const a = geometry.getBounds(before);
@@ -194,16 +230,15 @@ function carried(edge, d) {
 }
 function followers(sc, geometry, frame) {
   const out = [];
+  const before = worldWith(sc);
+  const after = worldWith(sc, frame);
   for (const node of sc.renderOrderNodes()) {
     const edge = diagramEdgeOf(node);
     const ends = node.dependsOn;
     if (edge === null || (edge.waypoints ?? []).length === 0 || !Array.isArray(ends) || ends.length !== 2) continue;
-    const [from, to] = ends.map((id) => sc.get(id));
-    const fromAfter = frame.get(ends[0]);
-    const toAfter = frame.get(ends[1]);
-    if (from === void 0 || to === void 0 || fromAfter === void 0 || toAfter === void 0) continue;
-    const d = offsetOf(geometry, from.pose, fromAfter);
-    const e = offsetOf(geometry, to.pose, toAfter);
+    if (sc.get(ends[0]) === void 0 || sc.get(ends[1]) === void 0) continue;
+    const d = offsetOf(geometry, before(ends[0]), after(ends[0]));
+    const e = offsetOf(geometry, before(ends[1]), after(ends[1]));
     if (Math.abs(d.x - e.x) > EPS || Math.abs(d.y - e.y) > EPS || d.x === 0 && d.y === 0) continue;
     const data = node.data;
     out.push({ id: node.id, pose: node.pose, data: { ...data, diagram: carried(edge, d) } });
@@ -221,10 +256,10 @@ function waypointFollower(scene, geometry = AUTO_POSE_DESCRIPTOR) {
   const sc = scene;
   const geo = geometry;
   return {
-    preview: (frame) => frame.size < 2 ? [] : followers(sc, geo, frame),
+    preview: (frame) => frame.size === 0 ? [] : followers(sc, geo, frame),
     finish(ops, label) {
       const moved = posesMovedBy(sc, ops);
-      if (moved === null || moved.size < 2) return [...ops];
+      if (moved === null || moved.size === 0) return [...ops];
       const changes = followers(sc, geo, moved).map((c) => createSetDataOp({
         id: c.id,
         from: sc.get(c.id).data,
@@ -479,14 +514,12 @@ function labelFitOps(scene, summary, measure) {
   }
   return { ops, sizes };
 }
-
-// src/labels/install.ts
 function runsOf(path) {
   if (path === null || path.kind !== "polygon") return [];
   const runs = [];
   for (let i = 0; i < path.commands.length; i++) {
     if (path.commands[i] === PATH_M || runs.length === 0) runs.push([]);
-    runs[runs.length - 1].push({ x: path.coords[2 * i], y: path.coords[2 * i + 1] });
+    runs[runs.length - 1].push(pathPoint(path, i));
   }
   return runs.filter((r) => r.length >= 2);
 }
@@ -621,7 +654,7 @@ function useLabelPlacement(scene, opts = {}) {
   useEffect(() => installLabelPlacement(scene, latest.current).dispose, [scene, latest]);
 }
 function documentBoundsOf(scene, node, geometry = AUTO_POSE_DESCRIPTOR) {
-  return geometry.getBounds(documentPose(scene, node));
+  return geometry.getBounds(composeWorldPose(scenePoseAdapter(scene), node.id, scene.composition.compose));
 }
 var ENDS = ["from", "to"];
 var sameSplit = (a, b) => a === void 0 ? b === null : b !== null && a.ref === b.ref && a.from === b.from && a.to === b.to;
@@ -761,7 +794,8 @@ function createFollowOffPageAction(opts = {}) {
     invoker: {
       timing: "immediate",
       run(deps, params) {
-        const world = { x: Number(params?.worldX), y: Number(params?.worldY) };
+        const world = params?.world;
+        if (!world) return;
         const target = tagUnder(deps, world);
         if (target === null) return;
         follow(target, { world, modifiers: { alt: false, shift: false, meta: false, ctrl: false }, deps });
@@ -833,7 +867,8 @@ var rendererMeasure = (text, style) => {
   const { width } = measureTextBounds(text, {
     fontSize,
     ...style.fontFamily !== void 0 ? { fontFamily: style.fontFamily } : {},
-    ...style.bold === true ? { fontWeight: 700 } : {}
+    ...style.bold === true ? { fontWeight: 700 } : {},
+    ...style.italic === true ? { fontStyle: "italic" } : {}
   });
   return { width: Math.ceil(width), height: Math.ceil(fontSize * 1.2) };
 };
@@ -1053,6 +1088,521 @@ function parseDiagramTheme(json) {
   return errors.length > 0 ? { errors } : { theme: raw };
 }
 
-export { CONNECTOR_ACTION_ID, CONNECTOR_TOOL_ID, DIAGRAM_PASS_ORDER, DIAGRAM_THEME_EXTENSION, FLOWCHART_STENCILS, FOLLOW_OFF_PAGE_ACTION_ID, addThemeRole, applyDiagramTheme, connectorTool, createFollowOffPageAction, diagramOffPage, diagramStyleOf, diagramThemeFromTokens, documentBoundsOf, editableTheme, followOffPageBinding, forkTheme, hopFollower, installAvoidRouting, installHops, installLabelPlacement, installOffPageMarkers, isShippedTheme, offPageOps, offPageTargetOf, parseDiagramTheme, removeThemeRole, renameThemeRole, rendererMeasure, routeDataOps, setDiagramColor, setDiagramFontSize, setDiagramStyle, setThemeValue, stencilBuild, stencilIdOf, stencilKind, stencilTool, themeRoles, themeToJson, themeValue, useAvoidRouting, useConnectorTool, useHops, useLabelPlacement, useOffPageMarkers, useStencilInsert, useStencilTool, waypointFollower };
+// src/stencils/bpmn.ts
+var END_EVENT_STROKE = 4;
+var BPMN_STENCILS = [
+  { id: "start-event", label: "Start event", outline: "event", size: EVENT_SIZE, icon: (
+    /* @icon */
+    "diagram:startEvent"
+  ) },
+  { id: "intermediate-event", label: "Intermediate event", outline: "intermediateEvent", size: EVENT_SIZE, icon: (
+    /* @icon */
+    "diagram:intermediateEvent"
+  ) },
+  {
+    id: "end-event",
+    label: "End event",
+    outline: "event",
+    size: EVENT_SIZE,
+    icon: (
+      /* @icon */
+      "diagram:endEvent"
+    ),
+    style: { strokeWidth: END_EVENT_STROKE }
+  },
+  { id: "task", label: "Task", outline: "roundRect", size: { width: 120, height: 70 }, icon: (
+    /* @icon */
+    "diagram:task"
+  ) },
+  { id: "subprocess", label: "Subprocess", outline: "subprocess", size: { width: 120, height: 80 }, icon: (
+    /* @icon */
+    "diagram:subprocess"
+  ) },
+  { id: "exclusive-gateway", label: "Exclusive gateway", outline: "exclusiveGateway", size: GATEWAY_SIZE, icon: (
+    /* @icon */
+    "diagram:exclusiveGateway"
+  ) },
+  { id: "parallel-gateway", label: "Parallel gateway", outline: "parallelGateway", size: GATEWAY_SIZE, icon: (
+    /* @icon */
+    "diagram:parallelGateway"
+  ) },
+  { id: "inclusive-gateway", label: "Inclusive gateway", outline: "inclusiveGateway", size: GATEWAY_SIZE, icon: (
+    /* @icon */
+    "diagram:inclusiveGateway"
+  ) },
+  { id: "event-gateway", label: "Event-based gateway", outline: "eventGateway", size: GATEWAY_SIZE, icon: (
+    /* @icon */
+    "diagram:eventGateway"
+  ) },
+  { id: "data-object", label: "Data object", outline: "note", size: { width: 60, height: 80 }, icon: (
+    /* @icon */
+    "diagram:dataObject"
+  ) },
+  { id: "data-store", label: "Data store", outline: "cylinder", size: { width: 80, height: 80 }, icon: (
+    /* @icon */
+    "diagram:dataStore"
+  ) }
+];
+var BPMN_GROUP = { id: "bpmn", label: "BPMN", stencils: BPMN_STENCILS };
+
+// src/stencils/network.ts
+var NETWORK_STENCILS = [
+  { id: "server", label: "Server", outline: "server", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:server"
+  ) },
+  { id: "database", label: "Database", outline: "cylinder", size: { width: 72, height: 84 }, icon: (
+    /* @icon */
+    "diagram:database"
+  ) },
+  { id: "cloud", label: "Cloud", outline: "cloud", size: { width: 120, height: 80 }, icon: (
+    /* @icon */
+    "diagram:cloud"
+  ) },
+  { id: "router", label: "Router", outline: "router", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:router"
+  ) },
+  { id: "switch", label: "Switch", outline: "switch", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:switch"
+  ) },
+  { id: "firewall", label: "Firewall", outline: "firewall", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:firewall"
+  ) },
+  { id: "laptop", label: "Laptop", outline: "laptop", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:laptop"
+  ) },
+  { id: "desktop", label: "Desktop", outline: "desktop", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:desktop"
+  ) },
+  { id: "phone", label: "Phone", outline: "phone", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:phone"
+  ) },
+  { id: "printer", label: "Printer", outline: "printer", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:printer"
+  ) },
+  { id: "user", label: "User", outline: "user", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:user"
+  ) },
+  { id: "internet", label: "Internet", outline: "globe", size: DEVICE_SIZE, icon: (
+    /* @icon */
+    "diagram:internet"
+  ) }
+];
+var NETWORK_GROUP = { id: "network", label: "Network", stencils: NETWORK_STENCILS };
+
+// src/stencils/mindMap.ts
+var MIND_MAP_STENCILS = [
+  {
+    id: "central-topic",
+    label: "Central topic",
+    outline: "ellipse",
+    size: { width: 220, height: 110 },
+    rows: [{ kind: "label", text: "Central topic", style: { bold: true, fontSize: 16 } }],
+    icon: (
+      /* @icon */
+      "diagram:centralTopic"
+    )
+  },
+  {
+    id: "main-topic",
+    label: "Main topic",
+    outline: "roundRect",
+    size: { width: 140, height: 50 },
+    rows: [{ kind: "label", text: "Main topic", style: { bold: true, fontSize: 13 } }],
+    icon: (
+      /* @icon */
+      "diagram:mainTopic"
+    )
+  },
+  {
+    id: "subtopic",
+    label: "Subtopic",
+    outline: "stadium",
+    size: { width: 130, height: 40 },
+    rows: [{ kind: "label", text: "Subtopic" }],
+    icon: (
+      /* @icon */
+      "diagram:subtopic"
+    )
+  },
+  {
+    id: "floating-note",
+    label: "Note",
+    outline: "note",
+    size: { width: 130, height: 80 },
+    rows: [{ kind: "label", text: "Note", style: { fontSize: 11 } }],
+    icon: (
+      /* @icon */
+      "diagram:floatingNote"
+    )
+  }
+];
+var MIND_MAP_GROUP = { id: "mindMap", label: "Mind map", stencils: MIND_MAP_STENCILS };
+
+// src/stencils/org.ts
+var card = (name, title) => [
+  { kind: "label", text: "Name", style: name, id: "name" },
+  { kind: "label", text: "Title", style: title, id: "title" }
+];
+var ORG_STENCILS = [
+  {
+    id: "person",
+    label: "Person",
+    outline: "roundRect",
+    size: { width: 160, height: 64 },
+    rows: card({ bold: true }, { fontSize: 11 }),
+    icon: (
+      /* @icon */
+      "diagram:person"
+    )
+  },
+  {
+    id: "executive",
+    label: "Executive",
+    outline: "roundRect",
+    size: { width: 200, height: 84 },
+    rows: card({ bold: true, fontSize: 15 }, { fontSize: 12 }),
+    icon: (
+      /* @icon */
+      "diagram:executive"
+    )
+  },
+  {
+    id: "assistant",
+    label: "Assistant",
+    outline: "roundRect",
+    size: { width: 140, height: 56 },
+    rows: card({ bold: true, fontSize: 11 }, { fontSize: 10 }),
+    icon: (
+      /* @icon */
+      "diagram:assistant"
+    )
+  },
+  {
+    id: "vacancy",
+    label: "Vacancy",
+    outline: "roundRect",
+    size: { width: 160, height: 64 },
+    rows: [{ kind: "label", text: "Vacant", style: { bold: true }, id: "name" }, { kind: "label", text: "Title", style: { fontSize: 11 }, id: "title" }],
+    style: { dash: [6, 4] },
+    icon: (
+      /* @icon */
+      "diagram:vacancy"
+    )
+  },
+  {
+    id: "department",
+    label: "Department",
+    outline: "rect",
+    size: { width: 200, height: 56 },
+    rows: [{ kind: "label", text: "Department", style: { bold: true, fontSize: 13 } }],
+    icon: (
+      /* @icon */
+      "diagram:department"
+    )
+  }
+];
+var ORG_GROUP = { id: "org", label: "Org chart", stencils: ORG_STENCILS };
+
+// src/stencils/erd.ts
+var ERD_STENCILS = [
+  {
+    id: "erd-entity",
+    label: "Entity",
+    outline: "rect",
+    size: { width: 140, height: 100 },
+    verticalAlign: "top",
+    icon: (
+      /* @icon */
+      "diagram:erdEntity"
+    ),
+    rows: [
+      { kind: "label", text: "Entity", style: { bold: true } },
+      { kind: "divider" },
+      { kind: "field", label: "id", value: "PK" },
+      { kind: "field", label: "name", value: "text" },
+      { kind: "field", label: "owner_id", value: "FK" }
+    ]
+  },
+  { id: "erd-weak-entity", label: "Weak entity", outline: "doubleRect", size: { width: 130, height: 60 }, icon: (
+    /* @icon */
+    "diagram:erdWeakEntity"
+  ) },
+  { id: "erd-relationship", label: "Relationship", outline: "diamond", size: { width: 130, height: 80 }, icon: (
+    /* @icon */
+    "shape:diamond"
+  ) },
+  { id: "erd-attribute", label: "Attribute", outline: "ellipse", size: { width: 110, height: 50 }, icon: (
+    /* @icon */
+    "shape:ellipse"
+  ) }
+];
+var ERD_GROUP = { id: "erd", label: "ERD", stencils: ERD_STENCILS };
+
+// src/stencils/uml.ts
+var member = (label, value) => ({ kind: "field", label, value });
+var DIVIDER = { kind: "divider" };
+var compartments = (name, attributes, operations) => ({
+  rows: [name, attributes, operations].filter((c) => c.length > 0).flatMap((c, i) => i === 0 ? c : [DIVIDER, ...c]),
+  verticalAlign: "top"
+});
+var UML_STENCILS = [
+  {
+    id: "uml-class",
+    label: "Class",
+    outline: "rect",
+    size: { width: 160, height: 124 },
+    icon: (
+      /* @icon */
+      "diagram:umlClass"
+    ),
+    ...compartments(
+      [{ kind: "label", text: "Class", style: { bold: true } }],
+      [member("+ id", "int"), member("+ name", "String")],
+      [member("+ getId()", "int"), member("+ setName(n)", "void")]
+    )
+  },
+  {
+    id: "uml-interface",
+    label: "Interface",
+    outline: "rect",
+    size: { width: 160, height: 96 },
+    icon: (
+      /* @icon */
+      "diagram:umlInterface"
+    ),
+    ...compartments(
+      [{ kind: "label", text: "\xABinterface\xBB" }, { kind: "label", text: "Interface", style: { bold: true } }],
+      [],
+      [member("+ run()", "void"), member("+ stop()", "void")]
+    )
+  },
+  {
+    id: "uml-abstract",
+    label: "Abstract class",
+    outline: "rect",
+    size: { width: 160, height: 108 },
+    icon: (
+      /* @icon */
+      "diagram:umlAbstract"
+    ),
+    ...compartments(
+      [{ kind: "label", text: "AbstractClass", style: { bold: true, italic: true } }],
+      [member("# id", "int")],
+      [{ kind: "field", label: "+ draw()", value: "void", style: { italic: true } }, member("+ getId()", "int")]
+    )
+  },
+  { id: "uml-package", label: "Package", outline: "folder", size: { width: 120, height: 80 }, icon: (
+    /* @icon */
+    "diagram:umlPackage"
+  ) },
+  { id: "uml-note", label: "Note", outline: "note", size: { width: 120, height: 70 }, icon: (
+    /* @icon */
+    "diagram:umlNote"
+  ) },
+  { id: "uml-actor", label: "Actor", outline: "actor", size: { width: 60, height: 90 }, padding: 2, icon: (
+    /* @icon */
+    "diagram:umlActor"
+  ) },
+  { id: "uml-use-case", label: "Use case", outline: "ellipse", size: { width: 140, height: 70 }, icon: (
+    /* @icon */
+    "shape:ellipse"
+  ) },
+  { id: "uml-component", label: "Component", outline: "component", size: { width: 150, height: 70 }, icon: (
+    /* @icon */
+    "diagram:umlComponent"
+  ) }
+];
+var UML_GROUP = { id: "uml", label: "UML", stencils: UML_STENCILS };
+
+// src/diagramTypes/catalog.ts
+var byId = (list) => Object.freeze(Object.fromEntries(list.map((item) => [item.id, item])));
+var STENCIL_GROUPS = byId([
+  FLOWCHART_GROUP,
+  CONTAINERS_GROUP,
+  ORG_GROUP,
+  NETWORK_GROUP,
+  BPMN_GROUP,
+  UML_GROUP,
+  ERD_GROUP,
+  MIND_MAP_GROUP
+]);
+var FLOWCHART_TYPE = {
+  id: "flowchart",
+  label: "Flowchart",
+  icon: (
+    /* @icon */
+    "shape:diamond"
+  ),
+  groups: [FLOWCHART_GROUP.id, CONTAINERS_GROUP.id]
+};
+var NETWORK_TYPE = {
+  id: "network",
+  label: "Network",
+  icon: (
+    /* @icon */
+    "diagram:router"
+  ),
+  groups: [NETWORK_GROUP.id, CONTAINERS_GROUP.id],
+  edge: { router: "straight", markerEnd: null }
+};
+var BPMN_TYPE = {
+  id: "bpmn",
+  label: "BPMN",
+  icon: (
+    /* @icon */
+    "diagram:exclusiveGateway"
+  ),
+  groups: [BPMN_GROUP.id, CONTAINERS_GROUP.id],
+  edge: { router: "orthogonal", markerEnd: "arrow" }
+};
+var ORG_CHART_TYPE = {
+  id: "orgChart",
+  label: "Org chart",
+  icon: (
+    /* @icon */
+    "diagram:orgChart"
+  ),
+  groups: [ORG_GROUP.id, CONTAINERS_GROUP.id],
+  edge: { router: "orthogonal", markerEnd: null },
+  layout: "tree"
+};
+var MIND_MAP_TYPE = {
+  id: "mindMap",
+  label: "Mind map",
+  icon: (
+    /* @icon */
+    "diagram:mindMap"
+  ),
+  groups: [MIND_MAP_GROUP.id],
+  edge: { router: "bezier", markerEnd: null },
+  layout: "radial"
+};
+var UML_CLASS_TYPE = {
+  id: "umlClass",
+  label: "UML class",
+  icon: (
+    /* @icon */
+    "diagram:umlClass"
+  ),
+  groups: [UML_GROUP.id, CONTAINERS_GROUP.id],
+  edge: { router: "orthogonal", markerEnd: "arrow-open" }
+};
+var ERD_TYPE = {
+  id: "erd",
+  label: "Entity relationship",
+  icon: (
+    /* @icon */
+    "diagram:erdEntity"
+  ),
+  groups: [ERD_GROUP.id],
+  edge: { router: "orthogonal", markerStart: "crow-one", markerEnd: "crow-many" }
+};
+var DIAGRAM_TYPES = byId([
+  FLOWCHART_TYPE,
+  ORG_CHART_TYPE,
+  NETWORK_TYPE,
+  BPMN_TYPE,
+  UML_CLASS_TYPE,
+  ERD_TYPE,
+  MIND_MAP_TYPE
+]);
+var isContainerStencil = (stencil) => "role" in stencil;
+function groupStencils(ids, catalog = STENCIL_GROUPS) {
+  return ids.flatMap((id) => catalog[id]?.stencils ?? []);
+}
+var groupStencilIds = (group) => group.stencils.map((s) => s.id);
+
+// src/diagramTypes/types.ts
+var DIAGRAM_TYPE_DOC_KEY = "diagram:type";
+
+// src/diagramTypes/doc.ts
+function diagramTypeDocValue(id, types = DIAGRAM_TYPES) {
+  const type = types[id] ?? FLOWCHART_TYPE;
+  return { type: type.id, groups: [...type.groups] };
+}
+function diagramTypeDocOf(scene, types = DIAGRAM_TYPES) {
+  const value = scene.doc.get(DIAGRAM_TYPE_DOC_KEY);
+  const id = typeof value?.type === "string" && types[value.type] !== void 0 ? value.type : null;
+  if (id === null) return diagramTypeDocValue(FLOWCHART_TYPE.id, types);
+  const groups = Array.isArray(value?.groups) ? value.groups.filter((g) => typeof g === "string") : null;
+  return groups === null ? diagramTypeDocValue(id, types) : { type: id, groups };
+}
+function diagramTypeOf(scene, types = DIAGRAM_TYPES) {
+  return types[diagramTypeDocOf(scene, types).type] ?? FLOWCHART_TYPE;
+}
+function write(scene, value, label) {
+  scene.batch(label, () => scene.doc.set(DIAGRAM_TYPE_DOC_KEY, value));
+}
+function setDiagramType(scene, id, opts = {}) {
+  const value = diagramTypeDocValue(id, opts.types);
+  write(scene, value, opts.label ?? `Diagram type: ${(opts.types ?? DIAGRAM_TYPES)[value.type]?.label ?? value.type}`);
+}
+function addStencilGroup(scene, id, opts = {}) {
+  const doc = diagramTypeDocOf(scene, opts.types);
+  if (doc.groups.includes(id)) return;
+  write(scene, { type: doc.type, groups: [...doc.groups, id] }, opts.label ?? "Add shapes");
+}
+function removeStencilGroup(scene, id, opts = {}) {
+  const doc = diagramTypeDocOf(scene, opts.types);
+  if (!doc.groups.includes(id)) return;
+  write(scene, { type: doc.type, groups: doc.groups.filter((g) => g !== id) }, opts.label ?? "Remove shapes");
+}
+
+// src/diagramTypes/edge.ts
+function diagramTypeEdgeStroke(theme, type) {
+  const { markerStart, markerEnd, ...rest } = themeEdgeStroke(theme);
+  const start = type.edge?.markerStart === void 0 ? markerStart : type.edge.markerStart;
+  const end = type.edge?.markerEnd === void 0 ? markerEnd : type.edge.markerEnd;
+  return { ...rest, ...start ? { markerStart: start } : {}, ...end ? { markerEnd: end } : {} };
+}
+function restacked(sc, geometry, frame) {
+  const out = [];
+  for (const [id, pose] of frame) {
+    const node = sc.get(id);
+    const trait = node === void 0 ? null : diagramNodeOf(node);
+    const layout = trait?.body;
+    if (node === void 0 || layout === void 0 || trait?.outline === void 0) continue;
+    const before = geometry.getBounds(node.pose);
+    const after = geometry.getBounds(pose);
+    if (before.width === after.width && before.height === after.height) continue;
+    const rows = recordedRows(layout);
+    if (rows === null) continue;
+    const boxes = layoutBody(
+      { outline: trait.outline, rows, padding: layout.padding, gap: layout.gap, verticalAlign: layout.verticalAlign },
+      { x: 0, y: 0, width: after.width, height: after.height }
+    );
+    for (const child of sc.childrenOf(id)) {
+      const c = sc.get(child);
+      const index = c.data?.bodyRow;
+      const box = typeof index === "number" ? boxes[index] : void 0;
+      if (box !== void 0) out.push({ id: child, pose: { ...c.pose, x: box.x, y: box.y, width: box.width, height: box.height } });
+    }
+  }
+  return out;
+}
+function bodyFollower(scene, geometry = AUTO_POSE_DESCRIPTOR) {
+  const sc = scene;
+  const geo = geometry;
+  return {
+    preview: (frame) => restacked(sc, geo, frame),
+    finish(ops, label) {
+      const moved = posesMovedBy(sc, ops);
+      if (moved === null || moved.size === 0) return [...ops];
+      const rows = restacked(sc, geo, moved).map((r) => createTransformOp({ id: r.id, from: sc.get(r.id).pose, to: r.pose, label }));
+      return [...ops, ...rows];
+    }
+  };
+}
+
+export { BPMN_GROUP, BPMN_STENCILS, BPMN_TYPE, CONNECTOR_ACTION_ID, CONNECTOR_TOOL_ID, DIAGRAM_PASS_ORDER, DIAGRAM_THEME_EXTENSION, DIAGRAM_TYPES, DIAGRAM_TYPE_DOC_KEY, ERD_GROUP, ERD_STENCILS, ERD_TYPE, FLOWCHART_GROUP, FLOWCHART_STENCILS, FLOWCHART_TYPE, FOLLOW_OFF_PAGE_ACTION_ID, MIND_MAP_GROUP, MIND_MAP_STENCILS, MIND_MAP_TYPE, NETWORK_GROUP, NETWORK_STENCILS, NETWORK_TYPE, ORG_CHART_TYPE, ORG_GROUP, ORG_STENCILS, STENCIL_GROUPS, StencilGhost, UML_CLASS_TYPE, UML_GROUP, UML_STENCILS, addStencilGroup, addThemeRole, applyDiagramTheme, bodyFollower, connectorTool, createFollowOffPageAction, diagramOffPage, diagramStyleOf, diagramThemeFromTokens, diagramTypeDocOf, diagramTypeDocValue, diagramTypeEdgeStroke, diagramTypeOf, documentBoundsOf, editableTheme, followOffPageBinding, forkTheme, groupStencilIds, groupStencils, hopFollower, installAvoidRouting, installHops, installLabelPlacement, installOffPageMarkers, isContainerStencil, isShippedTheme, offPageOps, offPageTargetOf, parseDiagramTheme, removeStencilGroup, removeThemeRole, renameThemeRole, rendererMeasure, routeDataOps, setDiagramColor, setDiagramFontSize, setDiagramStyle, setDiagramType, setThemeValue, stencilBuild, stencilIdOf, stencilKind, stencilTool, themeRoles, themeToJson, themeValue, useAvoidRouting, useConnectorTool, useHops, useLabelPlacement, useOffPageMarkers, useStencilInsert, useStencilTool, waypointFollower };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map