@aranzatech/diagrams-bpmn 0.2.2 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/{chunk-YQTIODXH.js → chunk-7MKU37XQ.js} +144 -5
  2. package/dist/chunk-7MKU37XQ.js.map +1 -0
  3. package/dist/{chunk-H3YMTGFG.js → chunk-IMW6RG6F.js} +3 -3
  4. package/dist/{chunk-H3YMTGFG.js.map → chunk-IMW6RG6F.js.map} +1 -1
  5. package/dist/{chunk-ECTJRD7Z.js → chunk-O3NWJ5H7.js} +9 -18
  6. package/dist/chunk-O3NWJ5H7.js.map +1 -0
  7. package/dist/{chunk-KALSGH4D.js → chunk-PDTXM32P.js} +6 -6
  8. package/dist/chunk-PDTXM32P.js.map +1 -0
  9. package/dist/edges/index.cjs +6 -15
  10. package/dist/edges/index.cjs.map +1 -1
  11. package/dist/edges/index.js +2 -2
  12. package/dist/index.cjs +172 -32
  13. package/dist/index.cjs.map +1 -1
  14. package/dist/index.d.cts +1 -1
  15. package/dist/index.d.ts +1 -1
  16. package/dist/index.js +4 -4
  17. package/dist/modeling/index.cjs +150 -1
  18. package/dist/modeling/index.cjs.map +1 -1
  19. package/dist/modeling/index.d.cts +45 -1
  20. package/dist/modeling/index.d.ts +45 -1
  21. package/dist/modeling/index.js +1 -1
  22. package/dist/nodes/index.cjs +16 -16
  23. package/dist/nodes/index.cjs.map +1 -1
  24. package/dist/nodes/index.js +2 -2
  25. package/package.json +2 -2
  26. package/dist/chunk-ECTJRD7Z.js.map +0 -1
  27. package/dist/chunk-KALSGH4D.js.map +0 -1
  28. package/dist/chunk-YQTIODXH.js.map +0 -1
package/dist/modeling/index.d.ts CHANGED
@@ -47,6 +47,20 @@ interface ReparentBpmnNodeOptions {
47
47
  y: number;
48
48
  };
49
49
  }
50
+ interface FindBpmnContainerAtOptions {
51
+ position: {
52
+ x: number;
53
+ y: number;
54
+ };
55
+ excludeId?: string;
56
+ }
57
+ interface ReparentBpmnNodeAtPositionOptions {
58
+ id: string;
59
+ position: {
60
+ x: number;
61
+ y: number;
62
+ };
63
+ }
50
64
  interface ResizeBpmnNodeOptions {
51
65
  id: string;
52
66
  width?: number;
@@ -83,10 +97,14 @@ interface PasteBpmnOptions {
83
97
  };
84
98
  }
85
99
  declare function createBpmnNode(options: CreateBpmnNodeOptions): BpmnRFNode;
100
+ declare function getBpmnNodeZIndex(elementType: BpmnElementType): number;
101
+ declare function withBpmnNodeZIndexes(nodes: BpmnRFNode[]): BpmnRFNode[];
86
102
  declare const BPMN_POOL_LANE_LAYOUT: {
87
103
  readonly poolHeaderSize: 30;
88
104
  readonly laneHeaderSize: 24;
89
105
  readonly laneGap: 0;
106
+ readonly verticalPoolHeaderSize: 28;
107
+ readonly minLaneSize: 96;
90
108
  };
91
109
  declare function getBpmnDragHandleSelector(elementType: BpmnElementType): string | undefined;
92
110
  declare const BPMN_SELECTION_STYLE: {
@@ -111,6 +129,31 @@ declare function isBpmnEdgeRoutingEditable(edgeType: BpmnEdgeType): boolean;
111
129
  declare function isBpmnProcessNode(type: BpmnElementType): boolean;
112
130
  declare function canContainBpmnElement(parentType: BpmnElementType | undefined, childType: BpmnElementType): true | string;
113
131
  declare function getBpmnPoolLanes(state: BpmnDiagramState, poolId: string): BpmnRFNode[];
132
+ declare function layoutBpmnPoolLaneNodes(nodes: BpmnRFNode[], poolId: string): BpmnRFNode[];
133
+ declare function reorderBpmnLaneAfterDrop(nodes: BpmnRFNode[], laneId: string): BpmnRFNode[];
134
+ declare function getBpmnNodeSize(node: BpmnRFNode): {
135
+ width: number;
136
+ height: number;
137
+ };
138
+ declare function getBpmnNodeAbsolutePosition(state: BpmnDiagramState, nodeOrId: BpmnRFNode | string): {
139
+ x: number;
140
+ y: number;
141
+ } | undefined;
142
+ declare function toBpmnRelativePosition(state: BpmnDiagramState, absolutePosition: {
143
+ x: number;
144
+ y: number;
145
+ }, parentOrId: BpmnRFNode | string): {
146
+ x: number;
147
+ y: number;
148
+ };
149
+ declare function findBpmnContainerAt(state: BpmnDiagramState, options: FindBpmnContainerAtOptions): BpmnRFNode | undefined;
150
+ declare function getBpmnNodeCenter(node: BpmnRFNode, absolutePosition: {
151
+ x: number;
152
+ y: number;
153
+ }): {
154
+ x: number;
155
+ y: number;
156
+ };
114
157
  declare function getBpmnLaneIndexAtPosition(state: BpmnDiagramState, poolId: string, position: {
115
158
  x: number;
116
159
  y: number;
@@ -125,6 +168,7 @@ declare function connectBpmnCommand(options: ConnectBpmnOptions): DiagramCommand
125
168
  declare function attachBoundaryEventCommand(boundaryId: string, hostId: string): DiagramCommand<BpmnRFNode, BpmnRFEdge>;
126
169
  declare function replaceBpmnNodeCommand(options: ReplaceBpmnNodeOptions): DiagramCommand<BpmnRFNode, BpmnRFEdge>;
127
170
  declare function reparentBpmnNodeCommand(options: ReparentBpmnNodeOptions): DiagramCommand<BpmnRFNode, BpmnRFEdge>;
171
+ declare function reparentBpmnNodeAtPosition(state: BpmnDiagramState, options: ReparentBpmnNodeAtPositionOptions): BpmnDiagramState;
128
172
  declare function resizeBpmnNodeCommand(options: ResizeBpmnNodeOptions): DiagramCommand<BpmnRFNode, BpmnRFEdge>;
129
173
  declare function reorderBpmnLaneCommand(options: ReorderBpmnLaneOptions): DiagramCommand<BpmnRFNode, BpmnRFEdge>;
130
174
  declare function moveBpmnLaneCommand(options: MoveBpmnLaneOptions): DiagramCommand<BpmnRFNode, BpmnRFEdge>;
@@ -143,4 +187,4 @@ declare function runBpmnCommands(stack: CommandStackState<BpmnRFNode, BpmnRFEdge
143
187
  label?: string;
144
188
  }): CommandStackState<BpmnRFNode, BpmnRFEdge>;
145
189
 
146
- export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, type BpmnClipboardState, type BpmnConnectionRule, type BpmnDiagramDocument, type BpmnDiagramState, type ConnectBpmnOptions, type CreateBpmnNodeOptions, type MoveBpmnLaneOptions, type PasteBpmnOptions, type ReorderBpmnLaneOptions, type ReparentBpmnNodeOptions, type ReplaceBpmnNodeOptions, type ResizeBpmnNodeOptions, type RouteBpmnEdgeOptions, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, getBpmnDragHandleSelector, getBpmnLaneIndexAtPosition, getBpmnPoolLanes, inferBpmnEdgeType, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, reorderBpmnLane, reorderBpmnLaneCommand, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeCommand, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, validateBpmnConnectionForEdgeType };
190
+ export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, type BpmnClipboardState, type BpmnConnectionRule, type BpmnDiagramDocument, type BpmnDiagramState, type ConnectBpmnOptions, type CreateBpmnNodeOptions, type FindBpmnContainerAtOptions, type MoveBpmnLaneOptions, type PasteBpmnOptions, type ReorderBpmnLaneOptions, type ReparentBpmnNodeAtPositionOptions, type ReparentBpmnNodeOptions, type ReplaceBpmnNodeOptions, type ResizeBpmnNodeOptions, type RouteBpmnEdgeOptions, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, findBpmnContainerAt, getBpmnDragHandleSelector, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLanes, inferBpmnEdgeType, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeCommand, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnNodeZIndexes };
package/dist/modeling/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, getBpmnDragHandleSelector, getBpmnLaneIndexAtPosition, getBpmnPoolLanes, inferBpmnEdgeType, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, reorderBpmnLane, reorderBpmnLaneCommand, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeCommand, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, validateBpmnConnectionForEdgeType } from '../chunk-YQTIODXH.js';
1
+ export { BPMN_EDGE_CONNECTION_RULES, BPMN_MODELING_RULES, BPMN_POOL_LANE_LAYOUT, BPMN_ROUTABLE_EDGE_TYPES, BPMN_SELECTION_STYLE, attachBoundaryEventCommand, bpmnConnectionValidators, canContainBpmnElement, connectBpmnCommand, copyBpmnElements, createBpmnDiagramDocument, createBpmnNode, createBpmnNodeCommand, deleteBpmnElementsCommand, deserializeBpmnDiagram, findBpmnContainerAt, getBpmnDragHandleSelector, getBpmnLaneIndexAtPosition, getBpmnNodeAbsolutePosition, getBpmnNodeCenter, getBpmnNodeSize, getBpmnNodeZIndex, getBpmnPoolLanes, inferBpmnEdgeType, isBpmnEdgeRoutingEditable, isBpmnProcessNode, layoutBpmnPoolLaneNodes, layoutBpmnPoolLanes, moveBpmnLaneCommand, parseBpmnDiagramDocument, pasteBpmnElementsCommand, reorderBpmnLane, reorderBpmnLaneAfterDrop, reorderBpmnLaneCommand, reparentBpmnNodeAtPosition, reparentBpmnNodeCommand, replaceBpmnNodeCommand, resizeBpmnNodeCommand, routeBpmnEdgeCommand, runBpmnCommand, runBpmnCommands, selectBpmnElementsCommand, serializeBpmnDiagram, toBpmnRelativePosition, validateBpmnConnectionForEdgeType, withBpmnNodeZIndexes } from '../chunk-7MKU37XQ.js';
2
2
  import '../chunk-RLAJNRF2.js';
3
3
  export { getBpmnElementSize, isBpmnElementResizable } from '../chunk-L5Z22RLX.js';
4
4
  //# sourceMappingURL=index.js.map
package/dist/nodes/index.cjs CHANGED
@@ -55,8 +55,8 @@ var BPMN_THEME = {
55
55
  fontFamily: "Inter, system-ui, sans-serif",
56
56
  fontSize: 11,
57
57
  labelColor: "#0f172a",
58
- shadow: "0 4px 12px rgba(15, 23, 42, 0.08)",
59
- shadowSelected: "0 0 0 4px rgba(37, 99, 235, 0.14), 0 8px 18px rgba(15, 23, 42, 0.12)",
58
+ shadow: "none",
59
+ shadowSelected: "none",
60
60
  transition: "box-shadow 140ms ease, filter 140ms ease, transform 140ms ease"
61
61
  };
62
62
  function resolveStroke(selected, override) {
@@ -66,8 +66,8 @@ function resolveStroke(selected, override) {
66
66
  function resolveStrokeWidth(selected) {
67
67
  return selected ? BPMN_THEME.strokeWidthSelected : BPMN_THEME.strokeWidth;
68
68
  }
69
- function resolveShapeFilter(selected) {
70
- return selected ? "drop-shadow(0 0 0 rgba(37,99,235,0.2)) drop-shadow(0 8px 14px rgba(15,23,42,0.12))" : "drop-shadow(0 4px 10px rgba(15,23,42,0.08))";
69
+ function resolveShapeFilter(_selected) {
70
+ return void 0;
71
71
  }
72
72
  function resolveNodeShadow(selected) {
73
73
  return selected ? BPMN_THEME.shadowSelected : BPMN_THEME.shadow;
@@ -224,7 +224,7 @@ function StartEventNode({ data, selected }) {
224
224
  const trigger = d.trigger ?? "none";
225
225
  const dashArray = d.isNonInterrupting ? "4 2" : void 0;
226
226
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE, height: SIZE, position: "relative" }, children: [
227
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE, height: SIZE, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
227
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE, height: SIZE, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
228
228
  /* @__PURE__ */ jsxRuntime.jsx(
229
229
  "circle",
230
230
  {
@@ -253,7 +253,7 @@ function EndEventNode({ data, selected }) {
253
253
  const fill = d.color?.fill ?? BPMN_THEME.fill;
254
254
  const trigger = d.trigger ?? "none";
255
255
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE2, height: SIZE2, position: "relative" }, children: [
256
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE2, height: SIZE2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
256
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE2, height: SIZE2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
257
257
  /* @__PURE__ */ jsxRuntime.jsx(
258
258
  "circle",
259
259
  {
@@ -283,7 +283,7 @@ function IntermediateCatchEventNode({ data, selected }) {
283
283
  const fill = d.color?.fill ?? BPMN_THEME.fill;
284
284
  const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "timer";
285
285
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
286
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
286
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
287
287
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_OUTER, fill, stroke, strokeWidth: sw }),
288
288
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_INNER, fill: "none", stroke, strokeWidth: sw }),
289
289
  /* @__PURE__ */ jsxRuntime.jsx(EventMarker, { cx: CX3, cy: CX3, trigger, filled: false, stroke, bg: fill, r: ICON_R })
@@ -299,7 +299,7 @@ function IntermediateThrowEventNode({ data, selected }) {
299
299
  const fill = d.color?.fill ?? BPMN_THEME.fill;
300
300
  const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "message";
301
301
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
302
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
302
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
303
303
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_OUTER, fill, stroke, strokeWidth: sw }),
304
304
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: CX3, cy: CX3, r: R_INNER, fill: stroke, stroke, strokeWidth: sw }),
305
305
  /* @__PURE__ */ jsxRuntime.jsx(EventMarker, { cx: CX3, cy: CX3, trigger, filled: true, stroke: fill, bg: stroke, r: ICON_R })
@@ -316,7 +316,7 @@ function BoundaryEventNode({ data, selected }) {
316
316
  const trigger = d.trigger && d.trigger !== "none" ? d.trigger : "timer";
317
317
  const dashArray = d.isNonInterrupting ? "4 2" : void 0;
318
318
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE3, height: SIZE3, position: "relative" }, children: [
319
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
319
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE3, height: SIZE3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
320
320
  /* @__PURE__ */ jsxRuntime.jsx(
321
321
  "circle",
322
322
  {
@@ -591,7 +591,7 @@ function GatewayNode({ data, selected }) {
591
591
  const stroke = resolveStroke(selected, d.color?.stroke);
592
592
  const sw = resolveStrokeWidth(selected);
593
593
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: SIZE4, height: SIZE4, position: "relative" }, children: [
594
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE4, height: SIZE4, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
594
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: SIZE4, height: SIZE4, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
595
595
  /* @__PURE__ */ jsxRuntime.jsx(
596
596
  "polygon",
597
597
  {
@@ -1027,7 +1027,7 @@ function DataObjectNode({ data, selected }) {
1027
1027
  `L ${W} ${FOLD}`
1028
1028
  ].join(" ");
1029
1029
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W, height: H2, position: "relative" }, children: [
1030
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W, height: H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
1030
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W, height: H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
1031
1031
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: path, fill, stroke, strokeWidth: sw }),
1032
1032
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath2, fill: "none", stroke, strokeWidth: sw })
1033
1033
  ] }),
@@ -1045,7 +1045,7 @@ function DataStoreNode({ data, selected }) {
1045
1045
  const sw = resolveStrokeWidth(selected);
1046
1046
  const fill = d.color?.fill ?? BPMN_THEME.fill;
1047
1047
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: DS_W, height: DS_H, position: "relative" }, children: [
1048
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W, height: DS_H, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
1048
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W, height: DS_H, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
1049
1049
  /* @__PURE__ */ jsxRuntime.jsx(
1050
1050
  "path",
1051
1051
  {
@@ -1091,7 +1091,7 @@ function DataObjectReferenceNode({ data, selected }) {
1091
1091
  const sw = resolveStrokeWidth(selected);
1092
1092
  const fill = d.color?.fill ?? BPMN_THEME.fill;
1093
1093
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
1094
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
1094
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
1095
1095
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
1096
1096
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
1097
1097
  d.isCollection && collectionLines(stroke, sw)
@@ -1106,7 +1106,7 @@ function DataInputNode({ data, selected }) {
1106
1106
  const sw = resolveStrokeWidth(selected);
1107
1107
  const fill = d.color?.fill ?? BPMN_THEME.fill;
1108
1108
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
1109
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
1109
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
1110
1110
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
1111
1111
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
1112
1112
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1130,7 +1130,7 @@ function DataOutputNode({ data, selected }) {
1130
1130
  const sw = resolveStrokeWidth(selected);
1131
1131
  const fill = d.color?.fill ?? BPMN_THEME.fill;
1132
1132
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: W2, height: H3, position: "relative" }, children: [
1133
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
1133
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: W2, height: H3, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
1134
1134
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: documentPath(), fill, stroke, strokeWidth: sw }),
1135
1135
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath(), fill: "none", stroke, strokeWidth: sw }),
1136
1136
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1158,7 +1158,7 @@ function DataStoreReferenceNode({ data, selected }) {
1158
1158
  const sw = resolveStrokeWidth(selected);
1159
1159
  const fill = d.color?.fill ?? BPMN_THEME.fill;
1160
1160
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: DS_W2, height: DS_H2, position: "relative" }, children: [
1161
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W2, height: DS_H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter(selected) }, children: [
1161
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: DS_W2, height: DS_H2, style: { overflow: "visible", display: "block", filter: resolveShapeFilter() }, children: [
1162
1162
  /* @__PURE__ */ jsxRuntime.jsx(
1163
1163
  "path",
1164
1164
  {