@weasel-js/diagram 1.11.1 → 1.12.0

package/dist/{chunk-43LDZ6L4.js → chunk-2SYY4W3B.js}

@@ -1,5 +1,5 @@
-import { grownBy, labelCenter, diagramEdgeOf, DIAGRAM_TRAIT_KEY, insetOf, subpathOf, portsOf, portSitesOf, routeHolds, sizeToBody, measureBody, layoutBody, layoutOwnsRoute, diagramNodeOf, expandGroupEdges, DEFAULT_GROUP_INSET, bodyTrait, authoredOver, chain, force, tree, layered, planOf, buildBody } from './chunk-IM6DHWZO.js';
-import { bodyPredicate, AUTO_POSE_DESCRIPTOR, translatePoseViaDescriptor, createTransformOp, polylineFromPoints, PathBuilder, documentDepOf, documentPose, composeAffordanceLayer, ActionDisabledReason, pageName, pageOfBounds, layoutPages, RECT_POSE_DESCRIPTOR, commandFill, commandStroke, transformPath, registerNodeShape, pathFromD } from '@weasel-js/core';
+import { grownBy, labelCenter, diagramEdgeOf, DIAGRAM_TRAIT_KEY, insetOf, subpathOf, portsOf, portSitesOf, routeHolds, sizeToBody, measureBody, layoutBody, layoutOwnsRoute, diagramNodeOf, expandGroupEdges, DEFAULT_GROUP_INSET, bodyTrait, authoredOver, chain, force, tree, layered, planOf, buildBody } from './chunk-R2XB6D32.js';
+import { bodyPredicate, AUTO_POSE_DESCRIPTOR, translatePoseViaDescriptor, createTransformOp, polylineFromPoints, PathBuilder, documentDepOf, documentPose, composeAffordanceLayer, ActionDisabledReason, pageName, pageOfBounds, layoutPages, RECT_POSE_DESCRIPTOR, resolveFill, resolveStroke, commandFill, commandStroke, transformPath, registerNodeShape, pathFromD } from '@weasel-js/core';
 import { PathBuilder as PathBuilder$1, polylineFromPoints as polylineFromPoints$1, portCurvePoints } from '@weasel-js/geom';
 import { AUTO_POSE_DESCRIPTOR as AUTO_POSE_DESCRIPTOR$1 } from '@weasel-js/core/math';
 
@@ -426,7 +426,7 @@ function editEdgeLabelAction(opts = {}) {
 }
 var onBody = bodyPredicate((target) => target === "selected-body" || target === "unselected-body");
 function editEdgeLabelBinding(actionId = EDIT_EDGE_LABEL_ACTION_ID) {
-  return { spec: { kind: "doubleClick", target: { kindOf: onBody } }, actionId };
+  return { spec: { kind: "doubleClick", target: { kindOf: onBody } }, actionId, opts: { id: `${actionId}.doubleClick` } };
 }
 
 // src/theme/themes.ts
@@ -988,7 +988,7 @@ function relayoutBodies(scene, ids, measure) {
 // src/dataTypes.ts
 var DEFAULT_POOL_ACROSS = 600;
 var DEFAULT_LANE_SIZE = 120;
-var NODE = { fill: "#16222c", stroke: "#7ba7c7", text: "#dbe7f2" };
+var DEFAULT_NODE_STYLE = { fill: "#16222c", stroke: "#7ba7c7", text: "#dbe7f2" };
 var NODE_STROKE_WIDTH = 2;
 var LANE_STROKE_WIDTH = 1;
 var EDGE_STROKE_WIDTH = 1.5;
@@ -1010,7 +1010,7 @@ var titleData = (text, style, fontFamily = DEFAULT_FONT.fontFamily) => ({
   fill: { paint: { color: style.text } }
 });
 function regionSpecs(role, axis, pose, title, opts) {
-  const style = opts.style ?? NODE;
+  const style = opts.style ?? DEFAULT_NODE_STYLE;
   const { layout, header } = containerShape(role, axis);
   const region = {
     id: opts.id,
@@ -1070,18 +1070,18 @@ function withColors(style, colors) {
 }
 
 // src/dataStyles.ts
-var EDGE = { stroke: "#7ba7c7" };
+var DEFAULT_EDGE_STYLE = { stroke: "#7ba7c7" };
 function dataNodeStyle(node, theme) {
-  return withColors(theme ? roleStyle(theme, node.style) : NODE, node.colors);
+  return withColors(theme ? roleStyle(theme, node.style) : DEFAULT_NODE_STYLE, node.colors);
 }
 function dataEdgeStyle(edge, theme) {
-  return withColors(theme ? roleEdgeStyle(theme, edge.style) : EDGE, edge.colors);
+  return withColors(theme ? roleEdgeStyle(theme, edge.style) : DEFAULT_EDGE_STYLE, edge.colors);
 }
 function dataRegionStyle(region, theme, laneIndex = 0) {
   return withColors(themeRegionStyle(region, theme, laneIndex), region.colors);
 }
 function themeRegionStyle(r, theme, laneIndex) {
-  if (theme === void 0) return NODE;
+  if (theme === void 0) return DEFAULT_NODE_STYLE;
   const own = r.style !== void 0 ? theme.roles[r.style] : void 0;
   if (own !== void 0) return own;
   if (r.role === "pool") return theme.lane.header;
@@ -1368,8 +1368,10 @@ function markShape(opts = {}) {
       if (mark === null) return [];
       const box = geometry.getBounds(pose);
       const d = node.data;
-      const fill = d.fill && commandFill(d.fill, box);
-      const stroke = d.stroke && commandStroke(d.stroke, box);
+      const declaredFill = resolveFill(d.fill);
+      const declaredStroke = resolveStroke(d.stroke);
+      const fill = declaredFill && commandFill(declaredFill, box);
+      const stroke = declaredStroke && commandStroke(declaredStroke, box);
       return [{
         kind: "path",
         path: transformPath(unitPath(mark.d), [box.width, 0, 0, box.height, box.x, box.y]),
@@ -1858,7 +1860,7 @@ function edgeSpecs(edges, ctx) {
 
 // src/fromData.ts
 var SLOT_FRAME = "M0 0H1V1H0Z";
-var GROUP = { fill: "rgba(123, 167, 199, 0.08)", stroke: "#7ba7c7", text: "#9fbdd6", strokeWidth: 1, dash: [4, 3] };
+var DEFAULT_GROUP_STYLE = { fill: "rgba(123, 167, 199, 0.08)", stroke: "#7ba7c7", text: "#9fbdd6", strokeWidth: 1, dash: [4, 3] };
 var LINE2 = 1.4;
 var MIN_WIDTH = 64;
 var LAYOUTS = { layered, tree, force, chain };
@@ -1977,7 +1979,7 @@ function mainSpecs(data, opts) {
   const placedAt = new Map([...laid.placed, ...placeContainers(regions, boxes, laid.placed, sizes, pad)]);
   const routes = laid.plan === null ? null : authoredOver(edges.filter((e) => !laid.remapped.has(e)).map((e) => ({ ...e, id: edgeIdOf(e) })), laid.plan);
   const edgeCtx = { idOf: edgeIdOf, font, labelFont, measure, labelPlacement: LABEL_PLACEMENT, routes, opts, ...theme ? { theme } : {} };
-  const groupLook = (g) => ({ style: opts.groupStyle?.(g) ?? theme?.container ?? GROUP, text: styleOf(titleStyle) });
+  const groupLook = (g) => ({ style: opts.groupStyle?.(g) ?? theme?.container ?? DEFAULT_GROUP_STYLE, text: styleOf(titleStyle) });
   const footprints = new Map([...placedAt, ...seeds.map((s) => [s.id, grownBy(placedAt.get(s.id), s.margin)])]);
   specs.push(...containerSpecs(regions, placedAt, theme, font.fontFamily));
   specs.push(...groupSpecs(groups, footprints, groupLook, wireLabels(edges, edgeCtx)));
@@ -2048,6 +2050,6 @@ function layOut(seeds, edges, groups, boxes, opts, room) {
   return { placed, plan: layout?.plan === void 0 ? null : plan, remapped };
 }
 
-export { ANCHOR_DERIVE_POSE, CONTAINER_HEADER, CONTAINER_LAYOUTS, DEFAULT_FONT, DEFAULT_LANE_SIZE, 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, NODE_STROKE_WIDTH, OFF_PAGE_STUB, OFF_PAGE_TAG_DERIVE_POSE, OFF_PAGE_TAG_PADDING, POOL_HEADER_SIZE, ROUTERS, anchorDerivePose, avoid, bezier, bodyBox, bodyLayoutOf, boxAround, boxCenter, buildGraph, containerShape, dataEdgeStyle, dataNodeStyle, dataOffPage, dataRegionStyle, diagramAnchorOf, diagramContainerLayout, diagramContainerOf, diagramGroupOf, diagramLabelOf, diagramMarkOf, diagramPages, diagramScene, diagramThemeFrom, diagramThemeOf, draggableLabels, dropEmptyEdgeLabel, edgeDerivePath, edgeIdOf, edgeLabelSpec, edgeRouter, editEdgeLabelAction, editEdgeLabelBinding, editableLabels, endAims, firstLanes, groupDerivePose, groupLabelIdOf, groupMinWidth, headerBox, labelDerivePose, labelDragLayer, labelFollowsLayout, labelScratchOf, labelSize, labelStyleOf, labelUnder, laneHeader, laneOutlineOf, laneStackLayout, markShape, nestGroups, nextOffPageRef, offPageFarText, offPageSplits, offPageTagData, offPageTagDerivePose, offPageTagId, offPageTagLook, offPageTagOf, offPageTagSize, offPageTagSpec, offPageTagSpecs, offPageTagText, orthogonal, poolHeader, regionSpecs, registerMarkShape, relayoutBodies, resolveEnd, roleEdgeStyle, roleStyle, routerOf, rowTextStyle, selfLoop, stackedLanes, straight, themeDocValue, themeEdgeStroke, themeFont, themeLabelFamily, themeLabelFont, themeLabelStyle, titleIdOf, titlePose, withDiagramRegistry, withHops };
-//# sourceMappingURL=chunk-43LDZ6L4.js.map
-//# sourceMappingURL=chunk-43LDZ6L4.js.map
+export { ANCHOR_DERIVE_POSE, CONTAINER_HEADER, CONTAINER_LAYOUTS, DEFAULT_EDGE_STYLE, DEFAULT_FONT, 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, bodyLayoutOf, boxAround, boxCenter, buildGraph, containerShape, dataEdgeStyle, dataNodeStyle, dataOffPage, dataRegionStyle, diagramAnchorOf, diagramContainerLayout, diagramContainerOf, diagramGroupOf, diagramLabelOf, diagramMarkOf, diagramPages, diagramScene, diagramThemeFrom, diagramThemeOf, draggableLabels, dropEmptyEdgeLabel, edgeDerivePath, edgeIdOf, edgeLabelSpec, edgeRouter, editEdgeLabelAction, editEdgeLabelBinding, editableLabels, endAims, firstLanes, groupDerivePose, groupLabelIdOf, groupMinWidth, headerBox, labelDerivePose, labelDragLayer, labelFollowsLayout, labelScratchOf, labelSize, labelStyleOf, labelUnder, laneHeader, laneOutlineOf, laneStackLayout, markShape, nestGroups, nextOffPageRef, offPageFarText, offPageSplits, offPageTagData, offPageTagDerivePose, offPageTagId, offPageTagLook, offPageTagOf, offPageTagSize, offPageTagSpec, offPageTagSpecs, offPageTagText, orthogonal, poolHeader, regionSpecs, registerMarkShape, relayoutBodies, resolveEnd, roleEdgeStyle, roleStyle, routerOf, rowTextStyle, selfLoop, stackedLanes, straight, themeDocValue, themeEdgeStroke, themeFont, themeLabelFamily, themeLabelFont, themeLabelStyle, titleIdOf, titlePose, withDiagramRegistry, withHops };
+//# sourceMappingURL=chunk-2SYY4W3B.js.map
+//# sourceMappingURL=chunk-2SYY4W3B.js.map