@xyflow/system 0.0.1 → 0.0.3
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.
- package/README.md +37 -0
- package/dist/esm/constants.d.ts +1 -0
- package/dist/esm/constants.d.ts.map +1 -1
- package/dist/esm/{index.js → index.mjs} +126 -23
- package/dist/esm/types/general.d.ts +2 -2
- package/dist/esm/types/general.d.ts.map +1 -1
- package/dist/esm/utils/edges/general.d.ts.map +1 -1
- package/dist/esm/utils/edges/smoothstep-edge.d.ts.map +1 -1
- package/dist/esm/utils/general.d.ts +1 -0
- package/dist/esm/utils/general.d.ts.map +1 -1
- package/dist/esm/utils/graph.d.ts.map +1 -1
- package/dist/esm/xydrag/XYDrag.d.ts.map +1 -1
- package/dist/esm/xypanzoom/XYPanZoom.d.ts +2 -0
- package/dist/esm/xypanzoom/XYPanZoom.d.ts.map +1 -1
- package/dist/esm/xypanzoom/eventhandler.d.ts +7 -9
- package/dist/esm/xypanzoom/eventhandler.d.ts.map +1 -1
- package/dist/esm/xypanzoom/filter.d.ts.map +1 -1
- package/dist/esm/xypanzoom/utils.d.ts +1 -0
- package/dist/esm/xypanzoom/utils.d.ts.map +1 -1
- package/dist/umd/constants.d.ts +1 -0
- package/dist/umd/constants.d.ts.map +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/types/general.d.ts +2 -2
- package/dist/umd/types/general.d.ts.map +1 -1
- package/dist/umd/utils/edges/general.d.ts.map +1 -1
- package/dist/umd/utils/edges/smoothstep-edge.d.ts.map +1 -1
- package/dist/umd/utils/general.d.ts +1 -0
- package/dist/umd/utils/general.d.ts.map +1 -1
- package/dist/umd/utils/graph.d.ts.map +1 -1
- package/dist/umd/xydrag/XYDrag.d.ts.map +1 -1
- package/dist/umd/xypanzoom/XYPanZoom.d.ts +2 -0
- package/dist/umd/xypanzoom/XYPanZoom.d.ts.map +1 -1
- package/dist/umd/xypanzoom/eventhandler.d.ts +7 -9
- package/dist/umd/xypanzoom/eventhandler.d.ts.map +1 -1
- package/dist/umd/xypanzoom/filter.d.ts.map +1 -1
- package/dist/umd/xypanzoom/utils.d.ts +1 -0
- package/dist/umd/xypanzoom/utils.d.ts.map +1 -1
- package/package.json +11 -4
- package/dist/esm/utils/utils.d.ts +0 -29
- package/dist/esm/utils/utils.d.ts.map +0 -1
- package/dist/umd/utils/utils.d.ts +0 -45
- package/dist/umd/utils/utils.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -8,3 +8,40 @@ Core system that powers React Flow and Svelte Flow.
|
|
|
8
8
|
npm install @xyflow/system
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
+
## What is this package about?
|
|
12
|
+
|
|
13
|
+
The @xyflow/system package was created to have a place for vanilla utils for React Flow and Svelte Flow. The package exports helpers for edge creation, pan and zoom, dragging of nodes, general utils and lots of types. All the helpers are specifically built for React Flow and Svelte Flow so it's probably not too interesting to use them with other libraries.
|
|
14
|
+
|
|
15
|
+
### XYPanZoom
|
|
16
|
+
|
|
17
|
+
Adds zoom and pan for the pane.
|
|
18
|
+
|
|
19
|
+
### XYDrag
|
|
20
|
+
|
|
21
|
+
Adds drag for nodes and selection.
|
|
22
|
+
|
|
23
|
+
### XYHandle
|
|
24
|
+
|
|
25
|
+
Adds connection line drawing.
|
|
26
|
+
|
|
27
|
+
### XYMinimap
|
|
28
|
+
|
|
29
|
+
Adds interactive mini map (zoom and pan).
|
|
30
|
+
|
|
31
|
+
### Edge utils
|
|
32
|
+
|
|
33
|
+
Util function for SVG edge path creating.
|
|
34
|
+
|
|
35
|
+
### Store utils
|
|
36
|
+
|
|
37
|
+
Helpers for store functions.
|
|
38
|
+
|
|
39
|
+
### Dom utils
|
|
40
|
+
|
|
41
|
+
### Marker utils
|
|
42
|
+
|
|
43
|
+
### Graph utils
|
|
44
|
+
|
|
45
|
+
### General utils
|
|
46
|
+
|
|
47
|
+
|
package/dist/esm/constants.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export declare const errorMessages: {
|
|
|
15
15
|
}) => string;
|
|
16
16
|
error010: () => string;
|
|
17
17
|
error011: (edgeType: string) => string;
|
|
18
|
+
error012: (id: string) => string;
|
|
18
19
|
};
|
|
19
20
|
export declare const internalsSymbol: unique symbol;
|
|
20
21
|
export declare const infiniteExtent: CoordinateExtent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGvD,eAAO,MAAM,aAAa;;;yBAKH,MAAM;;;;mBAIZ,MAAM;qBACJ,MAAM;2BAET,UAAU;YACoB,MAAM;sBAAgB,MAAM,GAAG,IAAI;sBAAgB,MAAM,GAAG,IAAI;;;yBAMvF,MAAM;
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGvD,eAAO,MAAM,aAAa;;;yBAKH,MAAM;;;;mBAIZ,MAAM;qBACJ,MAAM;2BAET,UAAU;YACoB,MAAM;sBAAgB,MAAM,GAAG,IAAI;sBAAgB,MAAM,GAAG,IAAI;;;yBAMvF,MAAM;mBACZ,MAAM;CAEtB,CAAC;AAEF,eAAO,MAAM,eAAe,eAA0B,CAAC;AAEvD,eAAO,MAAM,cAAc,EAAE,gBAG5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAA2B,CAAC"}
|
|
@@ -15,6 +15,7 @@ const errorMessages = {
|
|
|
15
15
|
error008: (handleType, { id, sourceHandle, targetHandle }) => `Couldn't create edge for ${handleType} handle id: "${!sourceHandle ? sourceHandle : targetHandle}", edge id: ${id}.`,
|
|
16
16
|
error010: () => 'Handle: No node id found. Make sure to only use a Handle inside a custom Node.',
|
|
17
17
|
error011: (edgeType) => `Edge type "${edgeType}" not found. Using fallback type "default".`,
|
|
18
|
+
error012: (id) => `Node with id "${id}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
|
|
18
19
|
};
|
|
19
20
|
const internalsSymbol = Symbol.for('internals');
|
|
20
21
|
const infiniteExtent = [
|
|
@@ -167,8 +168,15 @@ function fitView({ nodes, width, height, panZoom, minZoom, maxZoom, nodeOrigin =
|
|
|
167
168
|
}
|
|
168
169
|
return false;
|
|
169
170
|
}
|
|
171
|
+
function clampNodeExtent(node, extent) {
|
|
172
|
+
if (!extent || extent === 'parent') {
|
|
173
|
+
return extent;
|
|
174
|
+
}
|
|
175
|
+
return [extent[0], [extent[1][0] - (node.width || 0), extent[1][1] - (node.height || 0)]];
|
|
176
|
+
}
|
|
170
177
|
function calcNextPosition(node, nextPosition, nodes, nodeExtent, nodeOrigin = [0, 0], onError) {
|
|
171
|
-
|
|
178
|
+
const clampedNodeExtent = clampNodeExtent(node, node.extent || nodeExtent);
|
|
179
|
+
let currentExtent = clampedNodeExtent;
|
|
172
180
|
let parentNode = null;
|
|
173
181
|
let parentPos = { x: 0, y: 0 };
|
|
174
182
|
if (node.parentNode) {
|
|
@@ -193,7 +201,7 @@ function calcNextPosition(node, nextPosition, nodes, nodeExtent, nodeOrigin = [0
|
|
|
193
201
|
}
|
|
194
202
|
else {
|
|
195
203
|
onError?.('005', errorMessages['error005']());
|
|
196
|
-
currentExtent =
|
|
204
|
+
currentExtent = clampedNodeExtent;
|
|
197
205
|
}
|
|
198
206
|
}
|
|
199
207
|
else if (node.extent && node.parentNode) {
|
|
@@ -202,7 +210,7 @@ function calcNextPosition(node, nextPosition, nodes, nodeExtent, nodeOrigin = [0
|
|
|
202
210
|
[node.extent[1][0] + parentPos.x, node.extent[1][1] + parentPos.y],
|
|
203
211
|
];
|
|
204
212
|
}
|
|
205
|
-
const positionAbsolute = currentExtent
|
|
213
|
+
const positionAbsolute = currentExtent && currentExtent !== 'parent'
|
|
206
214
|
? clampPosition(nextPosition, currentExtent)
|
|
207
215
|
: nextPosition;
|
|
208
216
|
return {
|
|
@@ -347,6 +355,7 @@ const getTransformForBounds = (bounds, width, height, minZoom, maxZoom, padding
|
|
|
347
355
|
const y = height / 2 - boundsCenterY * clampedZoom;
|
|
348
356
|
return [x, y, clampedZoom];
|
|
349
357
|
};
|
|
358
|
+
const isMacOs = () => typeof navigator !== 'undefined' && navigator?.userAgent?.indexOf('Mac') >= 0;
|
|
350
359
|
|
|
351
360
|
function getPointerPosition(event, { snapGrid = [0, 0], snapToGrid = false, transform }) {
|
|
352
361
|
const { x, y } = getEventPosition(event);
|
|
@@ -485,9 +494,11 @@ function groupEdgesByZLevel(edges, nodes, elevateEdgesOnSelect = false) {
|
|
|
485
494
|
const hasZIndex = isNumeric(edge.zIndex);
|
|
486
495
|
let z = hasZIndex ? edge.zIndex : 0;
|
|
487
496
|
if (elevateEdgesOnSelect) {
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
497
|
+
const targetNode = nodes.find((n) => n.id === edge.target);
|
|
498
|
+
const sourceNode = nodes.find((n) => n.id === edge.source);
|
|
499
|
+
const edgeOrConnectedNodeSelected = edge.selected || targetNode?.selected || sourceNode?.selected;
|
|
500
|
+
const selectedZIndex = Math.max(sourceNode?.[internalsSymbol]?.z || 0, targetNode?.[internalsSymbol]?.z || 0, 1000);
|
|
501
|
+
z = (hasZIndex ? edge.zIndex : 0) + (edgeOrConnectedNodeSelected ? selectedZIndex : 0);
|
|
491
502
|
}
|
|
492
503
|
if (tree[z]) {
|
|
493
504
|
tree[z].push(edge);
|
|
@@ -616,6 +627,8 @@ function getPoints({ source, sourcePosition = Position.Bottom, target, targetPos
|
|
|
616
627
|
const currDir = dir[dirAccessor];
|
|
617
628
|
let points = [];
|
|
618
629
|
let centerX, centerY;
|
|
630
|
+
const sourceGapOffset = { x: 0, y: 0 };
|
|
631
|
+
const targetGapOffset = { x: 0, y: 0 };
|
|
619
632
|
const [defaultCenterX, defaultCenterY, defaultOffsetX, defaultOffsetY] = getEdgeCenter({
|
|
620
633
|
sourceX: source.x,
|
|
621
634
|
sourceY: source.y,
|
|
@@ -658,6 +671,19 @@ function getPoints({ source, sourcePosition = Position.Bottom, target, targetPos
|
|
|
658
671
|
else {
|
|
659
672
|
points = sourceDir.y === currDir ? sourceTarget : targetSource;
|
|
660
673
|
}
|
|
674
|
+
if (sourcePosition === targetPosition) {
|
|
675
|
+
const diff = Math.abs(source[dirAccessor] - target[dirAccessor]);
|
|
676
|
+
// if an edge goes from right to right for example (sourcePosition === targetPosition) and the distance between source.x and target.x is less than the offset, the added point and the gapped source/target will overlap. This leads to a weird edge path. To avoid this we add a gapOffset to the source/target
|
|
677
|
+
if (diff <= offset) {
|
|
678
|
+
const gapOffset = Math.min(offset - 1, offset - diff);
|
|
679
|
+
if (sourceDir[dirAccessor] === currDir) {
|
|
680
|
+
sourceGapOffset[dirAccessor] = (sourceGapped[dirAccessor] > source[dirAccessor] ? -1 : 1) * gapOffset;
|
|
681
|
+
}
|
|
682
|
+
else {
|
|
683
|
+
targetGapOffset[dirAccessor] = (targetGapped[dirAccessor] > target[dirAccessor] ? -1 : 1) * gapOffset;
|
|
684
|
+
}
|
|
685
|
+
}
|
|
686
|
+
}
|
|
661
687
|
// these are conditions for handling mixed handle positions like Right -> Bottom for example
|
|
662
688
|
if (sourcePosition !== targetPosition) {
|
|
663
689
|
const dirAccessorOpposite = dirAccessor === 'x' ? 'y' : 'x';
|
|
@@ -670,10 +696,27 @@ function getPoints({ source, sourcePosition = Position.Bottom, target, targetPos
|
|
|
670
696
|
points = dirAccessor === 'x' ? sourceTarget : targetSource;
|
|
671
697
|
}
|
|
672
698
|
}
|
|
673
|
-
|
|
674
|
-
|
|
699
|
+
const sourceGapPoint = { x: sourceGapped.x + sourceGapOffset.x, y: sourceGapped.y + sourceGapOffset.y };
|
|
700
|
+
const targetGapPoint = { x: targetGapped.x + targetGapOffset.x, y: targetGapped.y + targetGapOffset.y };
|
|
701
|
+
const maxXDistance = Math.max(Math.abs(sourceGapPoint.x - points[0].x), Math.abs(targetGapPoint.x - points[0].x));
|
|
702
|
+
const maxYDistance = Math.max(Math.abs(sourceGapPoint.y - points[0].y), Math.abs(targetGapPoint.y - points[0].y));
|
|
703
|
+
// we want to place the label on the longest segment of the edge
|
|
704
|
+
if (maxXDistance >= maxYDistance) {
|
|
705
|
+
centerX = (sourceGapPoint.x + targetGapPoint.x) / 2;
|
|
706
|
+
centerY = points[0].y;
|
|
707
|
+
}
|
|
708
|
+
else {
|
|
709
|
+
centerX = points[0].x;
|
|
710
|
+
centerY = (sourceGapPoint.y + targetGapPoint.y) / 2;
|
|
711
|
+
}
|
|
675
712
|
}
|
|
676
|
-
const pathPoints = [
|
|
713
|
+
const pathPoints = [
|
|
714
|
+
source,
|
|
715
|
+
{ x: sourceGapped.x + sourceGapOffset.x, y: sourceGapped.y + sourceGapOffset.y },
|
|
716
|
+
...points,
|
|
717
|
+
{ x: targetGapped.x + targetGapOffset.x, y: targetGapped.y + targetGapOffset.y },
|
|
718
|
+
target,
|
|
719
|
+
];
|
|
677
720
|
return [pathPoints, centerX, centerY, defaultOffsetX, defaultOffsetY];
|
|
678
721
|
}
|
|
679
722
|
function getBend(a, b, c, size) {
|
|
@@ -1039,13 +1082,30 @@ function XYDrag({ domNode, onNodeClick, getStoreItems, onDragStart, onDrag, onDr
|
|
|
1039
1082
|
const { nodes, nodeExtent, snapGrid, snapToGrid, nodeOrigin, onNodeDrag, onSelectionDrag, onError, updateNodePositions, } = getStoreItems();
|
|
1040
1083
|
lastPos = { x, y };
|
|
1041
1084
|
let hasChange = false;
|
|
1085
|
+
let nodesBox = { x: 0, y: 0, x2: 0, y2: 0 };
|
|
1086
|
+
if (dragItems.length > 1 && nodeExtent) {
|
|
1087
|
+
const rect = getRectOfNodes(dragItems, nodeOrigin);
|
|
1088
|
+
nodesBox = rectToBox(rect);
|
|
1089
|
+
}
|
|
1042
1090
|
dragItems = dragItems.map((n) => {
|
|
1043
1091
|
let nextPosition = { x: x - n.distance.x, y: y - n.distance.y };
|
|
1044
1092
|
if (snapToGrid) {
|
|
1045
1093
|
nextPosition = snapPosition(nextPosition, snapGrid);
|
|
1046
1094
|
}
|
|
1047
|
-
|
|
1048
|
-
//
|
|
1095
|
+
// if there is selection with multiple nodes and a node extent is set, we need to adjust the node extent for each node
|
|
1096
|
+
// based on its position so that the node stays at it's position relative to the selection.
|
|
1097
|
+
const adjustedNodeExtent = [
|
|
1098
|
+
[nodeExtent[0][0], nodeExtent[0][1]],
|
|
1099
|
+
[nodeExtent[1][0], nodeExtent[1][1]],
|
|
1100
|
+
];
|
|
1101
|
+
if (dragItems.length > 1 && nodeExtent && !n.extent) {
|
|
1102
|
+
adjustedNodeExtent[0][0] = n.positionAbsolute.x - nodesBox.x + nodeExtent[0][0];
|
|
1103
|
+
adjustedNodeExtent[1][0] = n.positionAbsolute.x + (n.width ?? 0) - nodesBox.x2 + nodeExtent[1][0];
|
|
1104
|
+
adjustedNodeExtent[0][1] = n.positionAbsolute.y - nodesBox.y + nodeExtent[0][1];
|
|
1105
|
+
adjustedNodeExtent[1][1] = n.positionAbsolute.y + (n.height ?? 0) - nodesBox.y2 + nodeExtent[1][1];
|
|
1106
|
+
}
|
|
1107
|
+
const updatedPos = calcNextPosition(n, nextPosition, nodes, adjustedNodeExtent, nodeOrigin, onError);
|
|
1108
|
+
// we want to make sure that we only fire a change event when there is a change
|
|
1049
1109
|
hasChange = hasChange || n.position.x !== updatedPos.position.x || n.position.y !== updatedPos.position.y;
|
|
1050
1110
|
n.position = updatedPos.position;
|
|
1051
1111
|
n.positionAbsolute = updatedPos.positionAbsolute;
|
|
@@ -1466,8 +1526,12 @@ const viewportToTransform = ({ x, y, zoom }) => zoomIdentity.translate(x, y).sca
|
|
|
1466
1526
|
const isWrappedWithClass = (event, className) => event.target.closest(`.${className}`);
|
|
1467
1527
|
const isRightClickPan = (panOnDrag, usedButton) => usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
|
|
1468
1528
|
const getD3Transition = (selection, duration = 0) => typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration) : selection;
|
|
1529
|
+
const wheelDelta = (event) => {
|
|
1530
|
+
const factor = event.ctrlKey && isMacOs() ? 10 : 1;
|
|
1531
|
+
return -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * factor;
|
|
1532
|
+
};
|
|
1469
1533
|
|
|
1470
|
-
function createPanOnScrollHandler({ noWheelClassName, d3Selection, d3Zoom, panOnScrollMode, panOnScrollSpeed, zoomOnPinch, }) {
|
|
1534
|
+
function createPanOnScrollHandler({ zoomPanValues, noWheelClassName, d3Selection, d3Zoom, panOnScrollMode, panOnScrollSpeed, zoomOnPinch, onPanZoomStart, onPanZoom, onPanZoomEnd, }) {
|
|
1471
1535
|
return (event) => {
|
|
1472
1536
|
if (isWrappedWithClass(event, noWheelClassName)) {
|
|
1473
1537
|
return false;
|
|
@@ -1475,20 +1539,45 @@ function createPanOnScrollHandler({ noWheelClassName, d3Selection, d3Zoom, panOn
|
|
|
1475
1539
|
event.preventDefault();
|
|
1476
1540
|
event.stopImmediatePropagation();
|
|
1477
1541
|
const currentZoom = d3Selection.property('__zoom').k || 1;
|
|
1478
|
-
|
|
1542
|
+
const _isMacOs = isMacOs();
|
|
1543
|
+
// macos sets ctrlKey=true for pinch gesture on a trackpad
|
|
1544
|
+
if (event.ctrlKey && zoomOnPinch && _isMacOs) {
|
|
1479
1545
|
const point = pointer(event);
|
|
1480
|
-
|
|
1481
|
-
const pinchDelta = -event.deltaY * (event.deltaMode === 1 ? 0.05 : event.deltaMode ? 1 : 0.002) * 10;
|
|
1546
|
+
const pinchDelta = wheelDelta(event);
|
|
1482
1547
|
const zoom = currentZoom * Math.pow(2, pinchDelta);
|
|
1483
|
-
|
|
1548
|
+
// @ts-ignore
|
|
1549
|
+
d3Zoom.scaleTo(d3Selection, zoom, point, event);
|
|
1484
1550
|
return;
|
|
1485
1551
|
}
|
|
1486
1552
|
// increase scroll speed in firefox
|
|
1487
1553
|
// firefox: deltaMode === 1; chrome: deltaMode === 0
|
|
1488
1554
|
const deltaNormalize = event.deltaMode === 1 ? 20 : 1;
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1555
|
+
let deltaX = panOnScrollMode === PanOnScrollMode.Vertical ? 0 : event.deltaX * deltaNormalize;
|
|
1556
|
+
let deltaY = panOnScrollMode === PanOnScrollMode.Horizontal ? 0 : event.deltaY * deltaNormalize;
|
|
1557
|
+
// this enables vertical scrolling with shift + scroll on windows
|
|
1558
|
+
if (!_isMacOs && event.shiftKey && panOnScrollMode !== PanOnScrollMode.Vertical) {
|
|
1559
|
+
deltaX = event.deltaY * deltaNormalize;
|
|
1560
|
+
deltaY = 0;
|
|
1561
|
+
}
|
|
1562
|
+
d3Zoom.translateBy(d3Selection, -(deltaX / currentZoom) * panOnScrollSpeed, -(deltaY / currentZoom) * panOnScrollSpeed,
|
|
1563
|
+
// @ts-ignore
|
|
1564
|
+
{ internal: true });
|
|
1565
|
+
const nextViewport = transformToViewport(d3Selection.property('__zoom'));
|
|
1566
|
+
clearTimeout(zoomPanValues.panScrollTimeout);
|
|
1567
|
+
// for pan on scroll we need to handle the event calls on our own
|
|
1568
|
+
// we can't use the start, zoom and end events from d3-zoom
|
|
1569
|
+
// because start and move gets called on every scroll event and not once at the beginning
|
|
1570
|
+
if (!zoomPanValues.isPanScrolling) {
|
|
1571
|
+
zoomPanValues.isPanScrolling = true;
|
|
1572
|
+
onPanZoomStart?.(event, nextViewport);
|
|
1573
|
+
}
|
|
1574
|
+
if (zoomPanValues.isPanScrolling) {
|
|
1575
|
+
onPanZoom?.(event, nextViewport);
|
|
1576
|
+
zoomPanValues.panScrollTimeout = setTimeout(() => {
|
|
1577
|
+
onPanZoomEnd?.(event, nextViewport);
|
|
1578
|
+
zoomPanValues.isPanScrolling = false;
|
|
1579
|
+
}, 150);
|
|
1580
|
+
}
|
|
1492
1581
|
};
|
|
1493
1582
|
}
|
|
1494
1583
|
function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }) {
|
|
@@ -1502,15 +1591,18 @@ function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomH
|
|
|
1502
1591
|
}
|
|
1503
1592
|
function createPanZoomStartHandler({ zoomPanValues, onDraggingChange, onPanZoomStart }) {
|
|
1504
1593
|
return (event) => {
|
|
1594
|
+
if (event.sourceEvent?.internal) {
|
|
1595
|
+
return;
|
|
1596
|
+
}
|
|
1597
|
+
const viewport = transformToViewport(event.transform);
|
|
1505
1598
|
// we need to remember it here, because it's always 0 in the "zoom" event
|
|
1506
1599
|
zoomPanValues.mouseButton = event.sourceEvent?.button || 0;
|
|
1507
1600
|
zoomPanValues.isZoomingOrPanning = true;
|
|
1601
|
+
zoomPanValues.prevViewport = viewport;
|
|
1508
1602
|
if (event.sourceEvent?.type === 'mousedown') {
|
|
1509
1603
|
onDraggingChange(true);
|
|
1510
1604
|
}
|
|
1511
1605
|
if (onPanZoomStart) {
|
|
1512
|
-
const viewport = transformToViewport(event.transform);
|
|
1513
|
-
zoomPanValues.prevViewport = viewport;
|
|
1514
1606
|
onPanZoomStart?.(event.sourceEvent, viewport);
|
|
1515
1607
|
}
|
|
1516
1608
|
};
|
|
@@ -1519,13 +1611,16 @@ function createPanZoomHandler({ zoomPanValues, panOnDrag, onPaneContextMenu, onT
|
|
|
1519
1611
|
return (event) => {
|
|
1520
1612
|
zoomPanValues.usedRightMouseButton = !!(onPaneContextMenu && isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0));
|
|
1521
1613
|
onTransformChange([event.transform.x, event.transform.y, event.transform.k]);
|
|
1522
|
-
if (onPanZoom) {
|
|
1614
|
+
if (onPanZoom && !event.sourceEvent?.internal) {
|
|
1523
1615
|
onPanZoom?.(event.sourceEvent, transformToViewport(event.transform));
|
|
1524
1616
|
}
|
|
1525
1617
|
};
|
|
1526
1618
|
}
|
|
1527
1619
|
function createPanZoomEndHandler({ zoomPanValues, panOnDrag, panOnScroll, onDraggingChange, onPanZoomEnd, onPaneContextMenu, }) {
|
|
1528
1620
|
return (event) => {
|
|
1621
|
+
if (event.sourceEvent?.internal) {
|
|
1622
|
+
return;
|
|
1623
|
+
}
|
|
1529
1624
|
zoomPanValues.isZoomingOrPanning = false;
|
|
1530
1625
|
if (onPaneContextMenu &&
|
|
1531
1626
|
isRightClickPan(panOnDrag, zoomPanValues.mouseButton ?? 0) &&
|
|
@@ -1548,6 +1643,7 @@ function createPanZoomEndHandler({ zoomPanValues, panOnDrag, panOnScroll, onDrag
|
|
|
1548
1643
|
};
|
|
1549
1644
|
}
|
|
1550
1645
|
|
|
1646
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
1551
1647
|
function createFilter({ zoomActivationKeyPressed, zoomOnScroll, zoomOnPinch, panOnDrag, panOnScroll, zoomOnDoubleClick, userSelectionActive, noWheelClassName, noPanClassName, lib, }) {
|
|
1552
1648
|
return (event) => {
|
|
1553
1649
|
const zoomScroll = zoomActivationKeyPressed || zoomOnScroll;
|
|
@@ -1608,6 +1704,8 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
|
|
|
1608
1704
|
prevViewport: { x: 0, y: 0, zoom: 0 },
|
|
1609
1705
|
mouseButton: 0,
|
|
1610
1706
|
timerId: undefined,
|
|
1707
|
+
panScrollTimeout: undefined,
|
|
1708
|
+
isPanScrolling: false,
|
|
1611
1709
|
};
|
|
1612
1710
|
const bbox = domNode.getBoundingClientRect();
|
|
1613
1711
|
const d3ZoomInstance = zoom().scaleExtent([minZoom, maxZoom]).translateExtent(translateExtent);
|
|
@@ -1621,6 +1719,7 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
|
|
|
1621
1719
|
[bbox.width, bbox.height],
|
|
1622
1720
|
], translateExtent);
|
|
1623
1721
|
const d3ZoomHandler = d3Selection.on('wheel.zoom');
|
|
1722
|
+
d3ZoomInstance.wheelDelta(wheelDelta);
|
|
1624
1723
|
function setTransform(transform, options) {
|
|
1625
1724
|
if (d3Selection) {
|
|
1626
1725
|
d3ZoomInstance?.transform(getD3Transition(d3Selection, options?.duration), transform);
|
|
@@ -1634,12 +1733,16 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
|
|
|
1634
1733
|
const isPanOnScroll = panOnScroll && !zoomActivationKeyPressed && !userSelectionActive;
|
|
1635
1734
|
const wheelHandler = isPanOnScroll
|
|
1636
1735
|
? createPanOnScrollHandler({
|
|
1736
|
+
zoomPanValues,
|
|
1637
1737
|
noWheelClassName,
|
|
1638
1738
|
d3Selection,
|
|
1639
1739
|
d3Zoom: d3ZoomInstance,
|
|
1640
1740
|
panOnScrollMode,
|
|
1641
1741
|
panOnScrollSpeed,
|
|
1642
1742
|
zoomOnPinch,
|
|
1743
|
+
onPanZoomStart,
|
|
1744
|
+
onPanZoom,
|
|
1745
|
+
onPanZoomEnd,
|
|
1643
1746
|
})
|
|
1644
1747
|
: createZoomOnScrollHandler({
|
|
1645
1748
|
noWheelClassName,
|
|
@@ -1738,4 +1841,4 @@ function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPan
|
|
|
1738
1841
|
};
|
|
1739
1842
|
}
|
|
1740
1843
|
|
|
1741
|
-
export { ConnectionLineType, ConnectionMode, MarkerType, PanOnScrollMode, Position, SelectionMode, XYDrag, XYHandle, XYMinimap, XYPanZoom, addEdgeBase, boxToRect, calcAutoPan, calcNextPosition, clamp, clampPosition, createMarkerIds, devWarn, elementSelectionKeys, errorMessages, fitView, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdgesBase, getDimensions, getEdgeCenter, getEdgePosition, getElementsToRemove, getEventPosition, getHandleBounds, getHostForElement, getIncomersBase, getMarkerId, getNodePositionWithOrigin, getNodesInside, getOutgoersBase, getOverlappingArea, getPointerPosition, getPositionWithOrigin, getRectOfNodes, getSmoothStepPath, getStraightPath, getTransformForBounds, groupEdgesByZLevel, infiniteExtent, internalsSymbol, isEdgeBase, isEdgeVisible, isInputDOMNode, isMouseEvent, isNodeBase, isNumeric, isRectObject, nodeToBox, nodeToRect, panBy, pointToRendererPoint, rectToBox, rendererPointToPoint, snapPosition, updateAbsolutePositions, updateEdgeBase, updateNodeDimensions, updateNodes };
|
|
1844
|
+
export { ConnectionLineType, ConnectionMode, MarkerType, PanOnScrollMode, Position, SelectionMode, XYDrag, XYHandle, XYMinimap, XYPanZoom, addEdgeBase, boxToRect, calcAutoPan, calcNextPosition, clamp, clampPosition, createMarkerIds, devWarn, elementSelectionKeys, errorMessages, fitView, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdgesBase, getDimensions, getEdgeCenter, getEdgePosition, getElementsToRemove, getEventPosition, getHandleBounds, getHostForElement, getIncomersBase, getMarkerId, getNodePositionWithOrigin, getNodesInside, getOutgoersBase, getOverlappingArea, getPointerPosition, getPositionWithOrigin, getRectOfNodes, getSmoothStepPath, getStraightPath, getTransformForBounds, groupEdgesByZLevel, infiniteExtent, internalsSymbol, isEdgeBase, isEdgeVisible, isInputDOMNode, isMacOs, isMouseEvent, isNodeBase, isNumeric, isRectObject, nodeToBox, nodeToRect, panBy, pointToRendererPoint, rectToBox, rendererPointToPoint, snapPosition, updateAbsolutePositions, updateEdgeBase, updateNodeDimensions, updateNodes };
|
|
@@ -15,12 +15,12 @@ export type GetViewport = () => Viewport;
|
|
|
15
15
|
export type SetViewport = (viewport: Viewport, options?: ViewportHelperFunctionOptions) => void;
|
|
16
16
|
export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => void;
|
|
17
17
|
export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => void;
|
|
18
|
-
export
|
|
18
|
+
export type Connection = {
|
|
19
19
|
source: string | null;
|
|
20
20
|
target: string | null;
|
|
21
21
|
sourceHandle: string | null;
|
|
22
22
|
targetHandle: string | null;
|
|
23
|
-
}
|
|
23
|
+
};
|
|
24
24
|
export type ConnectionStatus = 'valid' | 'invalid';
|
|
25
25
|
export declare enum ConnectionMode {
|
|
26
26
|
Strict = "strict",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../src/types/general.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,IAAI,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAE/F,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AAE9B,MAAM,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,UAAU,KAAK,UAAU,CAAC;AAE3D,MAAM,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;AACzF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AACjC,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,CAAC,EAAE,6BAA6B,KAAK,IAAI,CAAC;AAC1E,MAAM,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,6BAA6B,KAAK,IAAI,CAAC;AAC1F,MAAM,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC;AACnC,MAAM,MAAM,WAAW,GAAG,MAAM,QAAQ,CAAC;AACzC,MAAM,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,6BAA6B,KAAK,IAAI,CAAC;AAChG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;AACnF,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE3E,MAAM,
|
|
1
|
+
{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../src/types/general.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../src/utils/edges/general.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAA8C,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIjD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAQnC;AAID,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,QAAQ,IAAI;IACpD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,QAAQ,SAAS,QAAQ,EAC1D,KAAK,EAAE,QAAQ,EAAE,EACjB,KAAK,EAAE,QAAQ,EAAE,EACjB,oBAAoB,UAAQ,GAC3B,YAAY,CAAC,QAAQ,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../src/utils/edges/general.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAA8C,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIjD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAQnC;AAID,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,QAAQ,IAAI;IACpD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,QAAQ,SAAS,QAAQ,EAC1D,KAAK,EAAE,QAAQ,EAAE,EACjB,KAAK,EAAE,QAAQ,EAAE,EACjB,oBAAoB,UAAQ,GAC3B,YAAY,CAAC,QAAQ,CAAC,EAAE,CA6C1B;AAED,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,QAAQ,CAAC;IACrB,UAAU,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG,OAAO,CAmBhH;AAeD,eAAO,MAAM,WAAW,sGAyBvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,qEAEV,UAAU,+BAEhB,iBAAiB,eA6B3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"smoothstep-edge.d.ts","sourceRoot":"","sources":["../../../src/utils/edges/smoothstep-edge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAmB,MAAM,aAAa,CAAC;AAExD,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;
|
|
1
|
+
{"version":3,"file":"smoothstep-edge.d.ts","sourceRoot":"","sources":["../../../src/utils/edges/smoothstep-edge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAmB,MAAM,aAAa,CAAC;AAExD,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAkLD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,cAAgC,EAChC,OAAO,EACP,OAAO,EACP,cAA6B,EAC7B,YAAgB,EAChB,OAAO,EACP,OAAO,EACP,MAAW,GACZ,EAAE,uBAAuB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAyB5G"}
|
|
@@ -26,4 +26,5 @@ export declare function snapPosition(position: XYPosition, snapGrid?: SnapGrid):
|
|
|
26
26
|
export declare const pointToRendererPoint: ({ x, y }: XYPosition, [tx, ty, tScale]: Transform, snapToGrid?: boolean, snapGrid?: SnapGrid) => XYPosition;
|
|
27
27
|
export declare const rendererPointToPoint: ({ x, y }: XYPosition, [tx, ty, tScale]: Transform) => XYPosition;
|
|
28
28
|
export declare const getTransformForBounds: (bounds: Rect, width: number, height: number, minZoom: number, maxZoom: number, padding?: number) => Transform;
|
|
29
|
+
export declare const isMacOs: () => boolean;
|
|
29
30
|
//# sourceMappingURL=general.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../src/utils/general.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,SAAS,EACV,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,KAAK,QAAS,MAAM,iCAAqB,MAA2C,CAAC;AAElG,eAAO,MAAM,aAAa;;;CAGxB,CAAC;AAcH,eAAO,MAAM,WAAW,QAAS,UAAU,UAAU,UAAU,KAAG,MAAM,EAKvE,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,GAAG,QAAQ,GAAG,KAAG,GAKtD,CAAC;AAEH,eAAO,MAAM,SAAS,4BAA6B,IAAI,KAAG,GAKxD,CAAC;AAEH,eAAO,MAAM,SAAS,qBAAsB,GAAG,KAAG,IAKhD,CAAC;AAEH,eAAO,MAAM,UAAU,SAAU,QAAQ,8BAAoC,IAQ5E,CAAC;AAEF,eAAO,MAAM,SAAS,SAAU,QAAQ,8BAAoC,GAQ3E,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,IAAI,SAAS,IAAI,KAAG,IACK,CAAC;AAElE,eAAO,MAAM,kBAAkB,UAAW,IAAI,SAAS,IAAI,KAAG,MAK7D,CAAC;AAGF,eAAO,MAAM,YAAY,QAAS,GAAG,gBACkD,CAAC;AAGxF,eAAO,MAAM,SAAS,MAAO,GAAG,gBAA0C,CAAC;AAI3E,eAAO,MAAM,OAAO,OAAQ,MAAM,WAAW,MAAM,SAIlD,CAAC;AAEF,eAAO,MAAM,qBAAqB;OAO7B,MAAM;OACN,MAAM;WACF,MAAM;YACL,MAAM;;MAEZ,UASH,CAAC;AAEF,wBAAgB,YAAY,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,GAAE,QAAiB,GAAG,UAAU,CAK1F;AAED,eAAO,MAAM,oBAAoB,aACrB,UAAU,6EAInB,UAOF,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAc,UAAU,kCAAgC,UAKxF,CAAC;AAEF,eAAO,MAAM,qBAAqB,WACxB,IAAI,SACL,MAAM,UACL,MAAM,WACL,MAAM,WACN,MAAM,gCAahB,CAAC"}
|
|
1
|
+
{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../src/utils/general.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,SAAS,EACV,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,KAAK,QAAS,MAAM,iCAAqB,MAA2C,CAAC;AAElG,eAAO,MAAM,aAAa;;;CAGxB,CAAC;AAcH,eAAO,MAAM,WAAW,QAAS,UAAU,UAAU,UAAU,KAAG,MAAM,EAKvE,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,GAAG,QAAQ,GAAG,KAAG,GAKtD,CAAC;AAEH,eAAO,MAAM,SAAS,4BAA6B,IAAI,KAAG,GAKxD,CAAC;AAEH,eAAO,MAAM,SAAS,qBAAsB,GAAG,KAAG,IAKhD,CAAC;AAEH,eAAO,MAAM,UAAU,SAAU,QAAQ,8BAAoC,IAQ5E,CAAC;AAEF,eAAO,MAAM,SAAS,SAAU,QAAQ,8BAAoC,GAQ3E,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,IAAI,SAAS,IAAI,KAAG,IACK,CAAC;AAElE,eAAO,MAAM,kBAAkB,UAAW,IAAI,SAAS,IAAI,KAAG,MAK7D,CAAC;AAGF,eAAO,MAAM,YAAY,QAAS,GAAG,gBACkD,CAAC;AAGxF,eAAO,MAAM,SAAS,MAAO,GAAG,gBAA0C,CAAC;AAI3E,eAAO,MAAM,OAAO,OAAQ,MAAM,WAAW,MAAM,SAIlD,CAAC;AAEF,eAAO,MAAM,qBAAqB;OAO7B,MAAM;OACN,MAAM;WACF,MAAM;YACL,MAAM;;MAEZ,UASH,CAAC;AAEF,wBAAgB,YAAY,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,GAAE,QAAiB,GAAG,UAAU,CAK1F;AAED,eAAO,MAAM,oBAAoB,aACrB,UAAU,6EAInB,UAOF,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAc,UAAU,kCAAgC,UAKxF,CAAC;AAEF,eAAO,MAAM,qBAAqB,WACxB,IAAI,SACL,MAAM,UACL,MAAM,WACL,MAAM,WACN,MAAM,gCAahB,CAAC;AAEF,eAAO,MAAM,OAAO,eAAsF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/utils/graph.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/utils/graph.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,IAAI,EACT,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACR,MAAM,UAAU,CAAC;AAGlB,eAAO,MAAM,UAAU,4MAEgE,CAAC;AAExF,eAAO,MAAM,UAAU,4MAEsE,CAAC;AAE9F,eAAO,MAAM,eAAe,8MAW3B,CAAC;AAEF,eAAO,MAAM,eAAe,8MAW3B,CAAC;AAEF,eAAO,MAAM,yBAAyB,SAC9B,QAAQ,GAAG,SAAS,8BAEzB,UAAU,GAAG;IAAE,gBAAgB,EAAE,UAAU,CAAA;CA6B7C,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,QAAQ,EAAE,8BAAoC,IAsBnF,CAAC;AAEF,eAAO,MAAM,cAAc,gFAEnB,IAAI,gIAmCX,CAAC;AAEF,eAAO,MAAM,qBAAqB,8LAOjC,CAAC;AAEF,wBAAgB,OAAO,CAAC,MAAM,SAAS,iBAAiB,CAAC,QAAQ,CAAC,EAAE,OAAO,SAAS,kBAAkB,CAAC,QAAQ,CAAC,EAC9G,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAmB,EAAE,EAAE,MAAM,EAChF,OAAO,CAAC,EAAE,OAAO,WAgClB;AASD,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,EACxD,IAAI,EAAE,YAAY,GAAG,QAAQ,EAC7B,YAAY,EAAE,UAAU,EACxB,KAAK,EAAE,QAAQ,EAAE,EACjB,UAAU,CAAC,EAAE,gBAAgB,EAC7B,UAAU,GAAE,UAAmB,EAC/B,OAAO,CAAC,EAAE,OAAO,GAChB;IAAE,QAAQ,EAAE,UAAU,CAAC;IAAC,gBAAgB,EAAE,UAAU,CAAA;CAAE,CAkDxD;AAKD,wBAAgB,mBAAmB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,EAC9G,aAAa,EACb,aAAa,EACb,KAAK,EACL,KAAK,GACN,EAAE;IACD,aAAa,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB,GAAG;IACF,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,aAAa,EAAE,QAAQ,EAAE,CAAC;CAC3B,CAsBA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XYDrag.d.ts","sourceRoot":"","sources":["../../src/xydrag/XYDrag.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"XYDrag.d.ts","sourceRoot":"","sources":["../../src/xydrag/XYDrag.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EAGZ,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,EACf,mBAAmB,EAEpB,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;AAE/G,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,UAAU,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,WAAW,EACX,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,GACX,EAAE,YAAY,GAAG,cAAc,CAkN/B"}
|
|
@@ -5,6 +5,8 @@ export type ZoomPanValues = {
|
|
|
5
5
|
prevViewport: Viewport;
|
|
6
6
|
mouseButton: number;
|
|
7
7
|
timerId: ReturnType<typeof setTimeout> | undefined;
|
|
8
|
+
panScrollTimeout: ReturnType<typeof setTimeout> | undefined;
|
|
9
|
+
isPanScrolling: boolean;
|
|
8
10
|
};
|
|
9
11
|
export declare function XYPanZoom({ domNode, minZoom, maxZoom, translateExtent, viewport, onPanZoom, onPanZoomStart, onPanZoomEnd, onTransformChange, onDraggingChange, }: PanZoomParams): PanZoomInstance;
|
|
10
12
|
//# sourceMappingURL=XYPanZoom.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XYPanZoom.d.ts","sourceRoot":"","sources":["../../src/xypanzoom/XYPanZoom.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,QAAQ,EAGb,aAAa,EACb,eAAe,EAChB,MAAM,UAAU,CAAC;AAYlB,MAAM,MAAM,aAAa,GAAG;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"XYPanZoom.d.ts","sourceRoot":"","sources":["../../src/xypanzoom/XYPanZoom.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,QAAQ,EAGb,aAAa,EACb,eAAe,EAChB,MAAM,UAAU,CAAC;AAYlB,MAAM,MAAM,aAAa,GAAG;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,SAAS,CAAC;IACnD,gBAAgB,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,SAAS,CAAC;IAC5D,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,OAAO,EACP,OAAO,EACP,eAAe,EACf,QAAQ,EACR,SAAS,EACT,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,aAAa,GAAG,eAAe,CA6LjC"}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import type { D3ZoomEvent } from 'd3-zoom';
|
|
2
|
-
import { PanOnScrollMode, type D3SelectionInstance, type D3ZoomHandler, type D3ZoomInstance, type OnPanZoom, type
|
|
3
|
-
|
|
4
|
-
isZoomingOrPanning: boolean;
|
|
5
|
-
usedRightMouseButton: boolean;
|
|
6
|
-
prevViewport: Viewport;
|
|
7
|
-
mouseButton: number;
|
|
8
|
-
timerId: ReturnType<typeof setTimeout> | undefined;
|
|
9
|
-
};
|
|
2
|
+
import { PanOnScrollMode, type D3SelectionInstance, type D3ZoomHandler, type D3ZoomInstance, type OnPanZoom, type OnDraggingChange, type OnTransformChange } from '../types';
|
|
3
|
+
import { ZoomPanValues } from './XYPanZoom';
|
|
10
4
|
export type PanOnScrollParams = {
|
|
5
|
+
zoomPanValues: ZoomPanValues;
|
|
11
6
|
noWheelClassName: string;
|
|
12
7
|
d3Selection: D3SelectionInstance;
|
|
13
8
|
d3Zoom: D3ZoomInstance;
|
|
14
9
|
panOnScrollMode: PanOnScrollMode;
|
|
15
10
|
panOnScrollSpeed: number;
|
|
16
11
|
zoomOnPinch: boolean;
|
|
12
|
+
onPanZoomStart?: OnPanZoom;
|
|
13
|
+
onPanZoom?: OnPanZoom;
|
|
14
|
+
onPanZoomEnd?: OnPanZoom;
|
|
17
15
|
};
|
|
18
16
|
export type ZoomOnScrollParams = {
|
|
19
17
|
noWheelClassName: string;
|
|
@@ -40,7 +38,7 @@ export type PanZoomEndParams = {
|
|
|
40
38
|
onPanZoomEnd?: OnPanZoom;
|
|
41
39
|
onPaneContextMenu?: (event: any) => void;
|
|
42
40
|
};
|
|
43
|
-
export declare function createPanOnScrollHandler({ noWheelClassName, d3Selection, d3Zoom, panOnScrollMode, panOnScrollSpeed, zoomOnPinch, }: PanOnScrollParams): (event: any) => false | undefined;
|
|
41
|
+
export declare function createPanOnScrollHandler({ zoomPanValues, noWheelClassName, d3Selection, d3Zoom, panOnScrollMode, panOnScrollSpeed, zoomOnPinch, onPanZoomStart, onPanZoom, onPanZoomEnd, }: PanOnScrollParams): (event: any) => false | undefined;
|
|
44
42
|
export declare function createZoomOnScrollHandler({ noWheelClassName, preventScrolling, d3ZoomHandler }: ZoomOnScrollParams): (this: Element, event: any, d: unknown) => null | undefined;
|
|
45
43
|
export declare function createPanZoomStartHandler({ zoomPanValues, onDraggingChange, onPanZoomStart }: PanZoomStartParams): (event: D3ZoomEvent<HTMLDivElement, any>) => void;
|
|
46
44
|
export declare function createPanZoomHandler({ zoomPanValues, panOnDrag, onPaneContextMenu, onTransformChange, onPanZoom, }: PanZoomParams): (event: D3ZoomEvent<HTMLDivElement, any>) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eventhandler.d.ts","sourceRoot":"","sources":["../../src/xypanzoom/eventhandler.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"eventhandler.d.ts","sourceRoot":"","sources":["../../src/xypanzoom/eventhandler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACvB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,mBAAmB,CAAC;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,eAAe,EAAE,eAAe,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,CAAC;IAC9B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,SAAS,EACT,YAAY,GACb,EAAE,iBAAiB,WACH,GAAG,uBAgEnB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,EAAE,kBAAkB,UAC1F,OAAO,SAAS,GAAG,KAAK,OAAO,sBASvD;AAED,wBAAgB,yBAAyB,CAAC,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,EAAE,kBAAkB,WAChG,YAAY,cAAc,EAAE,GAAG,CAAC,UAoBhD;AAED,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,GACV,EAAE,aAAa,WACC,YAAY,cAAc,EAAE,GAAG,CAAC,UAWhD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,aAAa,EACb,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,GAClB,EAAE,gBAAgB,WACF,YAAY,cAAc,EAAE,GAAG,CAAC,UAgChD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../src/xypanzoom/filter.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../src/xypanzoom/filter.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG;IACzB,wBAAwB,EAAE,OAAO,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,wBAAwB,EACxB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,GAAG,GACJ,EAAE,YAAY,WACE,GAAG,KAAG,OAAO,CAmE7B"}
|
|
@@ -6,4 +6,5 @@ export declare const viewportToTransform: ({ x, y, zoom }: Viewport) => ZoomTran
|
|
|
6
6
|
export declare const isWrappedWithClass: (event: any, className: string | undefined) => any;
|
|
7
7
|
export declare const isRightClickPan: (panOnDrag: boolean | number[], usedButton: number) => boolean;
|
|
8
8
|
export declare const getD3Transition: (selection: D3SelectionInstance, duration?: number) => D3SelectionInstance | import("d3").Transition<Element, unknown, null, undefined>;
|
|
9
|
+
export declare const wheelDelta: (event: any) => number;
|
|
9
10
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/xypanzoom/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAgB,MAAM,SAAS,CAAC;AAE3D,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/xypanzoom/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAgB,MAAM,SAAS,CAAC;AAE3D,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGnE,eAAO,MAAM,WAAW,iBAAkB,QAAQ,iBAAiB,GAAG,KAAG,OAC0C,CAAC;AAEpH,eAAO,MAAM,mBAAmB,cAAe,aAAa,KAAG,QAI7D,CAAC;AAEH,eAAO,MAAM,mBAAmB,mBAAoB,QAAQ,KAAG,aACrB,CAAC;AAE3C,eAAO,MAAM,kBAAkB,UAAW,GAAG,aAAa,MAAM,GAAG,SAAS,QAA0C,CAAC;AAEvH,eAAO,MAAM,eAAe,cAAe,OAAO,GAAG,MAAM,EAAE,cAAc,MAAM,YACV,CAAC;AAExE,eAAO,MAAM,eAAe,yIAC0E,CAAC;AAEvG,eAAO,MAAM,UAAU,UAAW,GAAG,WAIpC,CAAC"}
|
package/dist/umd/constants.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export declare const errorMessages: {
|
|
|
15
15
|
}) => string;
|
|
16
16
|
error010: () => string;
|
|
17
17
|
error011: (edgeType: string) => string;
|
|
18
|
+
error012: (id: string) => string;
|
|
18
19
|
};
|
|
19
20
|
export declare const internalsSymbol: unique symbol;
|
|
20
21
|
export declare const infiniteExtent: CoordinateExtent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGvD,eAAO,MAAM,aAAa;;;yBAKH,MAAM;;;;mBAIZ,MAAM;qBACJ,MAAM;2BAET,UAAU;YACoB,MAAM;sBAAgB,MAAM,GAAG,IAAI;sBAAgB,MAAM,GAAG,IAAI;;;yBAMvF,MAAM;
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGvD,eAAO,MAAM,aAAa;;;yBAKH,MAAM;;;;mBAIZ,MAAM;qBACJ,MAAM;2BAET,UAAU;YACoB,MAAM;sBAAgB,MAAM,GAAG,IAAI;sBAAgB,MAAM,GAAG,IAAI;;;yBAMvF,MAAM;mBACZ,MAAM;CAEtB,CAAC;AAEF,eAAO,MAAM,eAAe,eAA0B,CAAC;AAEvD,eAAO,MAAM,cAAc,EAAE,gBAG5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAA2B,CAAC"}
|