@deck.gl-community/graph-layers 9.1.1 → 9.2.0-beta.2
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/dist/_deprecated/old-constants.d.ts +107 -0
- package/dist/_deprecated/old-constants.d.ts.map +1 -0
- package/dist/_deprecated/old-constants.js +111 -0
- package/dist/_deprecated/old-constants.js.map +1 -0
- package/dist/core/cache.d.ts +0 -1
- package/dist/core/cache.js +0 -1
- package/dist/core/constants.d.ts +12 -100
- package/dist/core/constants.d.ts.map +1 -1
- package/dist/core/constants.js +3 -44
- package/dist/core/constants.js.map +1 -1
- package/dist/core/graph-engine.d.ts +12 -11
- package/dist/core/graph-engine.d.ts.map +1 -1
- package/dist/core/graph-engine.js +22 -11
- package/dist/core/graph-engine.js.map +1 -1
- package/dist/core/graph-layout.d.ts +48 -21
- package/dist/core/graph-layout.d.ts.map +1 -1
- package/dist/core/graph-layout.js +91 -24
- package/dist/core/graph-layout.js.map +1 -1
- package/dist/core/interaction-manager.d.ts +6 -4
- package/dist/core/interaction-manager.d.ts.map +1 -1
- package/dist/core/interaction-manager.js +59 -17
- package/dist/core/interaction-manager.js.map +1 -1
- package/dist/graph/edge.d.ts +7 -7
- package/dist/graph/edge.d.ts.map +1 -1
- package/dist/graph/edge.js +3 -6
- package/dist/graph/edge.js.map +1 -1
- package/dist/graph/graph.d.ts +2 -3
- package/dist/graph/graph.js +8 -9
- package/dist/graph/graph.js.map +1 -1
- package/dist/graph/node.d.ts +7 -8
- package/dist/graph/node.d.ts.map +1 -1
- package/dist/graph/node.js +3 -5
- package/dist/graph/node.js.map +1 -1
- package/dist/graph-style-schema.cdn.d.ts +2 -0
- package/dist/graph-style-schema.cdn.js +2 -0
- package/dist/graph-style-schema.json +12 -0
- package/dist/index.cjs +2821 -549
- package/dist/index.cjs.map +4 -4
- package/dist/index.d.ts +28 -22
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +25 -21
- package/dist/index.js.map +1 -1
- package/dist/layers/common-layers/flow-path-layer/flow-path-layer-fragment.glsl.d.ts +0 -1
- package/dist/layers/common-layers/flow-path-layer/flow-path-layer-fragment.glsl.js +0 -1
- package/dist/layers/common-layers/flow-path-layer/flow-path-layer-vertex-tf.glsl.d.ts +0 -1
- package/dist/layers/common-layers/flow-path-layer/flow-path-layer-vertex-tf.glsl.js +0 -1
- package/dist/layers/common-layers/flow-path-layer/flow-path-layer-vertex.glsl.d.ts +0 -1
- package/dist/layers/common-layers/flow-path-layer/flow-path-layer-vertex.glsl.js +0 -1
- package/dist/layers/common-layers/flow-path-layer/flow-path-layer.d.ts +0 -1
- package/dist/layers/common-layers/flow-path-layer/flow-path-layer.js +0 -1
- package/dist/layers/common-layers/marker-layer/atlas-data-url.d.ts +0 -1
- package/dist/layers/common-layers/marker-layer/atlas-data-url.js +0 -1
- package/dist/layers/common-layers/marker-layer/marker-layer.d.ts +0 -1
- package/dist/layers/common-layers/marker-layer/marker-layer.js +2 -3
- package/dist/layers/common-layers/marker-layer/marker-list.d.ts +2 -63
- package/dist/layers/common-layers/marker-layer/marker-list.d.ts.map +1 -1
- package/dist/layers/common-layers/marker-layer/marker-list.js +1 -65
- package/dist/layers/common-layers/marker-layer/marker-list.js.map +1 -1
- package/dist/layers/common-layers/marker-layer/marker-mapping.d.ts +0 -1
- package/dist/layers/common-layers/marker-layer/marker-mapping.js +0 -1
- package/dist/layers/common-layers/spline-layer/spline-layer.d.ts +0 -1
- package/dist/layers/common-layers/spline-layer/spline-layer.js +0 -1
- package/dist/layers/common-layers/zoomable-text-layer/zoomable-text-layer.d.ts +0 -1
- package/dist/layers/common-layers/zoomable-text-layer/zoomable-text-layer.js +0 -1
- package/dist/layers/edge-attachment-helper.d.ts +15 -0
- package/dist/layers/edge-attachment-helper.d.ts.map +1 -0
- package/dist/layers/edge-attachment-helper.js +230 -0
- package/dist/layers/edge-attachment-helper.js.map +1 -0
- package/dist/layers/edge-layer.d.ts +1 -5
- package/dist/layers/edge-layer.d.ts.map +1 -1
- package/dist/layers/edge-layer.js +9 -11
- package/dist/layers/edge-layer.js.map +1 -1
- package/dist/layers/edge-layers/arrow-2d-geometry.d.ts +4 -0
- package/dist/layers/edge-layers/arrow-2d-geometry.d.ts.map +1 -0
- package/dist/layers/edge-layers/arrow-2d-geometry.js +42 -0
- package/dist/layers/edge-layers/arrow-2d-geometry.js.map +1 -0
- package/dist/layers/edge-layers/curved-edge-layer.d.ts +1 -2
- package/dist/layers/edge-layers/curved-edge-layer.js +1 -2
- package/dist/layers/edge-layers/edge-arrow-layer.d.ts +21 -0
- package/dist/layers/edge-layers/edge-arrow-layer.d.ts.map +1 -0
- package/dist/layers/edge-layers/edge-arrow-layer.js +131 -0
- package/dist/layers/edge-layers/edge-arrow-layer.js.map +1 -0
- package/dist/layers/edge-layers/edge-label-layer.d.ts +1 -2
- package/dist/layers/edge-layers/edge-label-layer.js +1 -2
- package/dist/layers/edge-layers/flow-layer.d.ts +1 -2
- package/dist/layers/edge-layers/flow-layer.js +1 -2
- package/dist/layers/edge-layers/path-edge-layer.d.ts +0 -1
- package/dist/layers/edge-layers/path-edge-layer.js +0 -1
- package/dist/layers/edge-layers/straight-line-edge-layer.d.ts +0 -1
- package/dist/layers/edge-layers/straight-line-edge-layer.js +0 -1
- package/dist/layers/graph-layer.d.ts +22 -23
- package/dist/layers/graph-layer.d.ts.map +1 -1
- package/dist/layers/graph-layer.js +218 -62
- package/dist/layers/graph-layer.js.map +1 -1
- package/dist/layers/node-layers/circle-layer.d.ts +0 -1
- package/dist/layers/node-layers/circle-layer.js +0 -1
- package/dist/layers/node-layers/image-layer.d.ts +0 -1
- package/dist/layers/node-layers/image-layer.js +0 -1
- package/dist/layers/node-layers/label-layer.d.ts +1 -2
- package/dist/layers/node-layers/label-layer.js +1 -2
- package/dist/layers/node-layers/path-rounded-rectangle-layer.d.ts +0 -1
- package/dist/layers/node-layers/path-rounded-rectangle-layer.js +1 -2
- package/dist/layers/node-layers/rectangle-layer.d.ts +0 -1
- package/dist/layers/node-layers/rectangle-layer.js +0 -1
- package/dist/layers/node-layers/rounded-rectangle-layer-fragment.d.ts +0 -1
- package/dist/layers/node-layers/rounded-rectangle-layer-fragment.js +0 -1
- package/dist/layers/node-layers/rounded-rectangle-layer.d.ts +1 -2
- package/dist/layers/node-layers/rounded-rectangle-layer.js +2 -3
- package/dist/layers/node-layers/zoomable-marker-layer.d.ts +1 -2
- package/dist/layers/node-layers/zoomable-marker-layer.js +1 -2
- package/dist/layouts/d3-dag/d3-dag-layout.d.ts +117 -0
- package/dist/layouts/d3-dag/d3-dag-layout.d.ts.map +1 -0
- package/dist/layouts/d3-dag/d3-dag-layout.js +716 -0
- package/dist/layouts/d3-dag/d3-dag-layout.js.map +1 -0
- package/dist/layouts/d3-force/d3-force-layout.d.ts +4 -4
- package/dist/layouts/d3-force/d3-force-layout.d.ts.map +1 -1
- package/dist/layouts/d3-force/d3-force-layout.js +25 -10
- package/dist/layouts/d3-force/d3-force-layout.js.map +1 -1
- package/dist/layouts/d3-force/worker.d.ts +0 -1
- package/dist/layouts/d3-force/worker.js +0 -1
- package/dist/layouts/experimental/force-multi-graph-layout.d.ts +9 -8
- package/dist/layouts/experimental/force-multi-graph-layout.d.ts.map +1 -1
- package/dist/layouts/experimental/force-multi-graph-layout.js +15 -11
- package/dist/layouts/experimental/force-multi-graph-layout.js.map +1 -1
- package/dist/layouts/experimental/hive-plot-layout.d.ts +11 -8
- package/dist/layouts/experimental/hive-plot-layout.d.ts.map +1 -1
- package/dist/layouts/experimental/hive-plot-layout.js +12 -7
- package/dist/layouts/experimental/hive-plot-layout.js.map +1 -1
- package/dist/layouts/experimental/radial-layout.d.ts +10 -7
- package/dist/layouts/experimental/radial-layout.d.ts.map +1 -1
- package/dist/layouts/experimental/radial-layout.js +11 -6
- package/dist/layouts/experimental/radial-layout.js.map +1 -1
- package/dist/layouts/gpu-force/gpu-force-layout.d.ts +4 -4
- package/dist/layouts/gpu-force/gpu-force-layout.d.ts.map +1 -1
- package/dist/layouts/gpu-force/gpu-force-layout.js +18 -9
- package/dist/layouts/gpu-force/gpu-force-layout.js.map +1 -1
- package/dist/layouts/gpu-force/worker.d.ts +0 -1
- package/dist/layouts/gpu-force/worker.js +0 -1
- package/dist/layouts/simple-layout.d.ts +19 -12
- package/dist/layouts/simple-layout.d.ts.map +1 -1
- package/dist/layouts/simple-layout.js +26 -15
- package/dist/layouts/simple-layout.js.map +1 -1
- package/dist/loaders/create-graph.d.ts +1 -2
- package/dist/loaders/create-graph.js +3 -4
- package/dist/loaders/edge-parsers.d.ts +1 -2
- package/dist/loaders/edge-parsers.js +2 -3
- package/dist/loaders/edge-parsers.js.map +1 -1
- package/dist/loaders/json-loader.d.ts +2 -3
- package/dist/loaders/json-loader.d.ts.map +1 -1
- package/dist/loaders/json-loader.js +5 -6
- package/dist/loaders/json-loader.js.map +1 -1
- package/dist/loaders/node-parsers.d.ts +1 -2
- package/dist/loaders/node-parsers.js +2 -3
- package/dist/loaders/node-parsers.js.map +1 -1
- package/dist/loaders/simple-json-graph-loader.d.ts +0 -1
- package/dist/loaders/simple-json-graph-loader.d.ts.map +1 -1
- package/dist/loaders/simple-json-graph-loader.js +5 -6
- package/dist/loaders/simple-json-graph-loader.js.map +1 -1
- package/dist/loaders/table-graph-loader.d.ts +3 -4
- package/dist/loaders/table-graph-loader.js +5 -6
- package/dist/loaders/table-graph-loader.js.map +1 -1
- package/dist/style/graph-layer-stylesheet.d.ts +34 -0
- package/dist/style/graph-layer-stylesheet.d.ts.map +1 -0
- package/dist/style/graph-layer-stylesheet.js +39 -0
- package/dist/style/graph-layer-stylesheet.js.map +1 -0
- package/dist/style/graph-style-accessor-map.d.ts +93 -0
- package/dist/style/graph-style-accessor-map.d.ts.map +1 -0
- package/dist/style/graph-style-accessor-map.js +93 -0
- package/dist/style/graph-style-accessor-map.js.map +1 -0
- package/dist/style/graph-style-engine.d.ts +10 -0
- package/dist/style/graph-style-engine.d.ts.map +1 -0
- package/dist/style/graph-style-engine.js +163 -0
- package/dist/style/graph-style-engine.js.map +1 -0
- package/dist/style/graph-stylesheet.schema.d.ts +310 -0
- package/dist/style/graph-stylesheet.schema.d.ts.map +1 -0
- package/dist/style/graph-stylesheet.schema.js +237 -0
- package/dist/style/graph-stylesheet.schema.js.map +1 -0
- package/dist/style/style-engine.d.ts +33 -0
- package/dist/style/style-engine.d.ts.map +1 -0
- package/dist/style/style-engine.js +121 -0
- package/dist/style/style-engine.js.map +1 -0
- package/dist/style/style-property.d.ts +2 -3
- package/dist/style/style-property.d.ts.map +1 -1
- package/dist/style/style-property.js +224 -48
- package/dist/style/style-property.js.map +1 -1
- package/dist/utils/collapsed-chains.d.ts +17 -0
- package/dist/utils/collapsed-chains.d.ts.map +1 -0
- package/dist/utils/collapsed-chains.js +197 -0
- package/dist/utils/collapsed-chains.js.map +1 -0
- package/dist/utils/layer-utils.d.ts +0 -1
- package/dist/utils/layer-utils.d.ts.map +1 -1
- package/dist/utils/layer-utils.js +0 -1
- package/dist/utils/log.d.ts +2 -1
- package/dist/utils/log.d.ts.map +1 -1
- package/dist/utils/log.js +12 -2
- package/dist/utils/log.js.map +1 -1
- package/dist/utils/node-boundary.d.ts +10 -0
- package/dist/utils/node-boundary.d.ts.map +1 -0
- package/dist/utils/node-boundary.js +130 -0
- package/dist/utils/node-boundary.js.map +1 -0
- package/dist/utils/polygon-calculations.d.ts +0 -1
- package/dist/utils/polygon-calculations.js +0 -1
- package/dist/widgets/long-press-button.d.ts +0 -1
- package/dist/widgets/long-press-button.js +0 -1
- package/dist/widgets/view-control-widget.d.ts +4 -5
- package/dist/widgets/view-control-widget.d.ts.map +1 -1
- package/dist/widgets/view-control-widget.js +10 -8
- package/dist/widgets/view-control-widget.js.map +1 -1
- package/package.json +23 -7
- package/src/_deprecated/old-constants.ts +122 -0
- package/src/core/constants.ts +21 -43
- package/src/core/graph-engine.ts +24 -9
- package/src/core/graph-layout.ts +133 -28
- package/src/core/interaction-manager.ts +80 -20
- package/src/graph/edge.ts +6 -6
- package/src/graph/graph.ts +7 -7
- package/src/graph/node.ts +6 -6
- package/src/index.ts +31 -6
- package/src/layers/common-layers/marker-layer/marker-list.ts +62 -64
- package/src/layers/edge-attachment-helper.ts +355 -0
- package/src/layers/edge-layer.ts +6 -7
- package/src/layers/edge-layers/arrow-2d-geometry.ts +51 -0
- package/src/layers/edge-layers/edge-arrow-layer.ts +171 -0
- package/src/layers/graph-layer.ts +304 -86
- package/src/layouts/d3-dag/d3-dag-layout.ts +969 -0
- package/src/layouts/d3-force/d3-force-layout.ts +33 -11
- package/src/layouts/experimental/force-multi-graph-layout.ts +22 -13
- package/src/layouts/experimental/hive-plot-layout.ts +22 -10
- package/src/layouts/experimental/radial-layout.ts +20 -8
- package/src/layouts/gpu-force/gpu-force-layout.ts +22 -10
- package/src/layouts/simple-layout.ts +48 -25
- package/src/loaders/edge-parsers.ts +2 -2
- package/src/loaders/json-loader.ts +2 -2
- package/src/loaders/node-parsers.ts +2 -2
- package/src/loaders/simple-json-graph-loader.ts +2 -2
- package/src/loaders/table-graph-loader.ts +2 -2
- package/src/style/graph-layer-stylesheet.ts +99 -0
- package/src/style/graph-style-accessor-map.ts +103 -0
- package/src/style/graph-style-engine.ts +229 -0
- package/src/style/graph-stylesheet.schema.ts +344 -0
- package/src/style/style-engine.ts +168 -0
- package/src/style/style-property.ts +314 -51
- package/src/utils/collapsed-chains.ts +261 -0
- package/src/utils/log.ts +15 -1
- package/src/utils/node-boundary.ts +238 -0
- package/src/widgets/view-control-widget.tsx +15 -13
- package/dist/style/style-sheet.d.ts +0 -11
- package/dist/style/style-sheet.d.ts.map +0 -1
- package/dist/style/style-sheet.js +0 -253
- package/dist/style/style-sheet.js.map +0 -1
- package/src/style/style-sheet.ts +0 -277
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
// deck.gl-community
|
|
2
|
+
// SPDX-License-Identifier: MIT
|
|
3
|
+
// Copyright (c) vis.gl contributors
|
|
4
|
+
import { GraphStyleEngine } from '../style/graph-style-engine';
|
|
5
|
+
import { getNodeBoundaryIntersection } from '../utils/node-boundary';
|
|
6
|
+
import { warn } from '../utils/log';
|
|
7
|
+
const GEOMETRY_NODE_TYPES = [
|
|
8
|
+
'circle',
|
|
9
|
+
'rectangle',
|
|
10
|
+
'rounded-rectangle',
|
|
11
|
+
'path-rounded-rectangle',
|
|
12
|
+
'marker'
|
|
13
|
+
];
|
|
14
|
+
function evaluateNumericAccessor(accessor, node) {
|
|
15
|
+
if (typeof accessor === 'function') {
|
|
16
|
+
const value = accessor(node);
|
|
17
|
+
return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
|
|
18
|
+
}
|
|
19
|
+
if (typeof accessor === 'number' && Number.isFinite(accessor)) {
|
|
20
|
+
return accessor;
|
|
21
|
+
}
|
|
22
|
+
return undefined;
|
|
23
|
+
}
|
|
24
|
+
function evaluateOffsetAccessor(accessor, node) {
|
|
25
|
+
if (!accessor) {
|
|
26
|
+
return [0, 0];
|
|
27
|
+
}
|
|
28
|
+
let value = accessor;
|
|
29
|
+
if (typeof accessor === 'function') {
|
|
30
|
+
value = accessor(node);
|
|
31
|
+
}
|
|
32
|
+
if (Array.isArray(value) && value.length >= 2) {
|
|
33
|
+
const offsetX = Number(value[0]);
|
|
34
|
+
const offsetY = Number(value[1]);
|
|
35
|
+
if (Number.isFinite(offsetX) && Number.isFinite(offsetY)) {
|
|
36
|
+
return [offsetX, offsetY];
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return [0, 0];
|
|
40
|
+
}
|
|
41
|
+
function normalizePosition(value) {
|
|
42
|
+
if (!value || typeof value !== 'object') {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
const candidate = value;
|
|
46
|
+
if (typeof candidate.length === 'number' && candidate.length >= 2) {
|
|
47
|
+
const x = Number(candidate[0]);
|
|
48
|
+
const y = Number(candidate[1]);
|
|
49
|
+
if (Number.isFinite(x) && Number.isFinite(y)) {
|
|
50
|
+
return [x, y];
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
55
|
+
function resolveAccessorValue(accessor, node) {
|
|
56
|
+
if (!accessor) {
|
|
57
|
+
return undefined;
|
|
58
|
+
}
|
|
59
|
+
return evaluateNumericAccessor(accessor, node);
|
|
60
|
+
}
|
|
61
|
+
function assignDimension(geometry, key, value) {
|
|
62
|
+
if (typeof value === 'number' && Number.isFinite(value)) {
|
|
63
|
+
geometry[key] = Math.max(value, 0);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
function assignRectangleDimensions(node, accessors, geometry) {
|
|
67
|
+
assignDimension(geometry, 'width', resolveAccessorValue(accessors.getWidth, node));
|
|
68
|
+
assignDimension(geometry, 'height', resolveAccessorValue(accessors.getHeight, node));
|
|
69
|
+
}
|
|
70
|
+
const GEOMETRY_APPLIERS = {
|
|
71
|
+
circle: (node, accessors, geometry) => {
|
|
72
|
+
assignDimension(geometry, 'radius', resolveAccessorValue(accessors.getRadius, node));
|
|
73
|
+
},
|
|
74
|
+
marker: (node, accessors, geometry) => {
|
|
75
|
+
const size = resolveAccessorValue(accessors.getSize, node);
|
|
76
|
+
assignDimension(geometry, 'radius', typeof size === 'number' ? size / 2 : undefined);
|
|
77
|
+
},
|
|
78
|
+
rectangle: (node, accessors, geometry) => {
|
|
79
|
+
assignRectangleDimensions(node, accessors, geometry);
|
|
80
|
+
},
|
|
81
|
+
'rounded-rectangle': (node, accessors, geometry) => {
|
|
82
|
+
assignRectangleDimensions(node, accessors, geometry);
|
|
83
|
+
assignDimension(geometry, 'cornerRadius', resolveAccessorValue(accessors.getCornerRadius, node));
|
|
84
|
+
assignDimension(geometry, 'radius', resolveAccessorValue(accessors.getRadius, node));
|
|
85
|
+
},
|
|
86
|
+
'path-rounded-rectangle': (node, accessors, geometry) => {
|
|
87
|
+
assignRectangleDimensions(node, accessors, geometry);
|
|
88
|
+
assignDimension(geometry, 'cornerRadius', resolveAccessorValue(accessors.getCornerRadius, node));
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
export class EdgeAttachmentHelper {
|
|
92
|
+
getLayoutAccessor({ engine, interactionManager, nodeStyle }) {
|
|
93
|
+
const nodeAccessorMap = this._buildNodeStyleAccessorMap({
|
|
94
|
+
engine,
|
|
95
|
+
interactionManager,
|
|
96
|
+
nodeStyle
|
|
97
|
+
});
|
|
98
|
+
if (nodeAccessorMap.size === 0) {
|
|
99
|
+
return (edge) => engine.getEdgePosition(edge);
|
|
100
|
+
}
|
|
101
|
+
const nodeMap = engine
|
|
102
|
+
.getNodes()
|
|
103
|
+
.reduce((acc, node) => acc.set(node.getId(), node), new Map());
|
|
104
|
+
return (edge) => this._getAdjustedEdgeLayout(engine, nodeAccessorMap, nodeMap, edge);
|
|
105
|
+
}
|
|
106
|
+
_buildNodeStyleAccessorMap({ engine, interactionManager, nodeStyle }) {
|
|
107
|
+
const nodeAccessorMap = new Map();
|
|
108
|
+
if (!nodeStyle) {
|
|
109
|
+
return nodeAccessorMap;
|
|
110
|
+
}
|
|
111
|
+
const styles = Array.isArray(nodeStyle) ? nodeStyle : [nodeStyle];
|
|
112
|
+
styles
|
|
113
|
+
.filter(Boolean)
|
|
114
|
+
.forEach((style) => {
|
|
115
|
+
const { data = (nodes) => nodes, ...restStyle } = style;
|
|
116
|
+
const type = restStyle.type;
|
|
117
|
+
if (!type || !GEOMETRY_NODE_TYPES.includes(type)) {
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
let stylesheet = null;
|
|
121
|
+
try {
|
|
122
|
+
stylesheet = new GraphStyleEngine(restStyle, {
|
|
123
|
+
stateUpdateTrigger: interactionManager.getLastInteraction()
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
catch (error) {
|
|
127
|
+
warn(`GraphLayer: Failed to evaluate node stylesheet for edge attachment (${String(error.message ?? error)}).`);
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
const nodes = data(engine.getNodes());
|
|
131
|
+
if (!Array.isArray(nodes)) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
const geometryType = type;
|
|
135
|
+
const accessors = this._createAccessorsForType(geometryType, stylesheet);
|
|
136
|
+
nodes.forEach((node) => {
|
|
137
|
+
const id = node.getId();
|
|
138
|
+
if (!nodeAccessorMap.has(id)) {
|
|
139
|
+
nodeAccessorMap.set(id, accessors);
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
});
|
|
143
|
+
return nodeAccessorMap;
|
|
144
|
+
}
|
|
145
|
+
_getAdjustedEdgeLayout(engine, nodeAccessorMap, nodeMap, edge) {
|
|
146
|
+
const layoutInfo = engine.getEdgePosition(edge);
|
|
147
|
+
if (!layoutInfo) {
|
|
148
|
+
return layoutInfo;
|
|
149
|
+
}
|
|
150
|
+
const sourceNode = nodeMap.get(edge.getSourceNodeId());
|
|
151
|
+
const targetNode = nodeMap.get(edge.getTargetNodeId());
|
|
152
|
+
if (!sourceNode || !targetNode) {
|
|
153
|
+
return layoutInfo;
|
|
154
|
+
}
|
|
155
|
+
const sourceGeometry = this._computeNodeGeometry(engine, sourceNode, nodeAccessorMap.get(sourceNode.getId()));
|
|
156
|
+
const targetGeometry = this._computeNodeGeometry(engine, targetNode, nodeAccessorMap.get(targetNode.getId()));
|
|
157
|
+
if (!sourceGeometry && !targetGeometry) {
|
|
158
|
+
return layoutInfo;
|
|
159
|
+
}
|
|
160
|
+
return this._applyGeometryToLayout(layoutInfo, sourceGeometry, targetGeometry);
|
|
161
|
+
}
|
|
162
|
+
_applyGeometryToLayout(layoutInfo, sourceGeometry, targetGeometry) {
|
|
163
|
+
const adjustedLayout = { ...layoutInfo };
|
|
164
|
+
const targetReference = targetGeometry?.center ?? normalizePosition(layoutInfo.targetPosition);
|
|
165
|
+
const sourceReference = sourceGeometry?.center ?? normalizePosition(layoutInfo.sourcePosition);
|
|
166
|
+
if (sourceGeometry) {
|
|
167
|
+
adjustedLayout.sourcePosition = targetReference
|
|
168
|
+
? getNodeBoundaryIntersection(sourceGeometry, targetReference)
|
|
169
|
+
: [...sourceGeometry.center];
|
|
170
|
+
}
|
|
171
|
+
if (targetGeometry) {
|
|
172
|
+
adjustedLayout.targetPosition = sourceReference
|
|
173
|
+
? getNodeBoundaryIntersection(targetGeometry, sourceReference)
|
|
174
|
+
: [...targetGeometry.center];
|
|
175
|
+
}
|
|
176
|
+
return adjustedLayout;
|
|
177
|
+
}
|
|
178
|
+
_createAccessorsForType(geometryType, stylesheet) {
|
|
179
|
+
const base = {
|
|
180
|
+
type: geometryType,
|
|
181
|
+
getOffset: stylesheet.getDeckGLAccessor('getOffset')
|
|
182
|
+
};
|
|
183
|
+
switch (geometryType) {
|
|
184
|
+
case 'circle':
|
|
185
|
+
base.getRadius = stylesheet.getDeckGLAccessor('getRadius');
|
|
186
|
+
break;
|
|
187
|
+
case 'marker':
|
|
188
|
+
base.getSize = stylesheet.getDeckGLAccessor('getSize');
|
|
189
|
+
break;
|
|
190
|
+
case 'rectangle':
|
|
191
|
+
base.getWidth = stylesheet.getDeckGLAccessor('getWidth');
|
|
192
|
+
base.getHeight = stylesheet.getDeckGLAccessor('getHeight');
|
|
193
|
+
break;
|
|
194
|
+
case 'rounded-rectangle':
|
|
195
|
+
base.getWidth = stylesheet.getDeckGLAccessor('getWidth');
|
|
196
|
+
base.getHeight = stylesheet.getDeckGLAccessor('getHeight');
|
|
197
|
+
base.getCornerRadius = stylesheet.getDeckGLAccessor('getCornerRadius');
|
|
198
|
+
base.getRadius = stylesheet.getDeckGLAccessor('getRadius');
|
|
199
|
+
break;
|
|
200
|
+
case 'path-rounded-rectangle':
|
|
201
|
+
base.getWidth = stylesheet.getDeckGLAccessor('getWidth');
|
|
202
|
+
base.getHeight = stylesheet.getDeckGLAccessor('getHeight');
|
|
203
|
+
base.getCornerRadius = stylesheet.getDeckGLAccessor('getCornerRadius');
|
|
204
|
+
break;
|
|
205
|
+
default:
|
|
206
|
+
break;
|
|
207
|
+
}
|
|
208
|
+
return base;
|
|
209
|
+
}
|
|
210
|
+
_computeNodeGeometry(engine, node, accessors) {
|
|
211
|
+
const basePosition = engine.getNodePosition(node);
|
|
212
|
+
if (!basePosition) {
|
|
213
|
+
return null;
|
|
214
|
+
}
|
|
215
|
+
const offset = evaluateOffsetAccessor(accessors?.getOffset, node);
|
|
216
|
+
const center = [basePosition[0] + offset[0], basePosition[1] + offset[1]];
|
|
217
|
+
const geometry = {
|
|
218
|
+
type: accessors?.type,
|
|
219
|
+
center
|
|
220
|
+
};
|
|
221
|
+
if (!accessors || !accessors.type) {
|
|
222
|
+
return geometry;
|
|
223
|
+
}
|
|
224
|
+
const applier = GEOMETRY_APPLIERS[accessors.type];
|
|
225
|
+
if (applier) {
|
|
226
|
+
applier(node, accessors, geometry);
|
|
227
|
+
}
|
|
228
|
+
return geometry;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edge-attachment-helper.js","sourceRoot":"","sources":["../../src/layers/edge-attachment-helper.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { CompositeLayer } from '@deck.gl/core';
|
|
2
|
-
import { StraightLineEdgeLayer } from "../layers/edge-layers/straight-line-edge-layer.js";
|
|
3
|
-
import { PathEdgeLayer } from "./edge-layers/path-edge-layer.js";
|
|
4
|
-
import { CurvedEdgeLayer } from "./edge-layers/curved-edge-layer.js";
|
|
5
2
|
export declare class EdgeLayer extends CompositeLayer {
|
|
6
3
|
static layerName: string;
|
|
7
4
|
static defaultProps: {
|
|
@@ -21,6 +18,5 @@ export declare class EdgeLayer extends CompositeLayer {
|
|
|
21
18
|
changeFlags: any;
|
|
22
19
|
}): void;
|
|
23
20
|
updateStateData(): void;
|
|
24
|
-
renderLayers():
|
|
21
|
+
renderLayers(): any[];
|
|
25
22
|
}
|
|
26
|
-
//# sourceMappingURL=edge-layer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edge-layer.d.ts","sourceRoot":"","sources":["../../src/layers/edge-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAoB,cAAc,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"edge-layer.d.ts","sourceRoot":"","sources":["../../src/layers/edge-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAoB,cAAc,EAAC,MAAM,eAAe,CAAC;AAYhE,qBAAa,SAAU,SAAQ,cAAc;IAC3C,MAAM,CAAC,SAAS,SAAe;IAE/B,MAAM,CAAC,YAAY;;;;;;;;;;MAUjB;IAEF,WAAW,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAC;;;;KAAA;IAO1C,eAAe;IAkBf,YAAY;CA8Bb"}
|
|
@@ -2,14 +2,13 @@
|
|
|
2
2
|
// SPDX-License-Identifier: MIT
|
|
3
3
|
// Copyright (c) vis.gl contributors
|
|
4
4
|
import { COORDINATE_SYSTEM, CompositeLayer } from '@deck.gl/core';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { CurvedEdgeLayer } from "./edge-layers/curved-edge-layer.js";
|
|
5
|
+
import { StraightLineEdgeLayer } from '../layers/edge-layers/straight-line-edge-layer';
|
|
6
|
+
import { PathEdgeLayer } from './edge-layers/path-edge-layer';
|
|
7
|
+
import { CurvedEdgeLayer } from './edge-layers/curved-edge-layer';
|
|
9
8
|
const EDGE_LAYER_MAP = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
'line': StraightLineEdgeLayer,
|
|
10
|
+
'path': PathEdgeLayer,
|
|
11
|
+
'spline-curve': CurvedEdgeLayer
|
|
13
12
|
};
|
|
14
13
|
export class EdgeLayer extends CompositeLayer {
|
|
15
14
|
static layerName = 'EdgeLayer';
|
|
@@ -38,9 +37,9 @@ export class EdgeLayer extends CompositeLayer {
|
|
|
38
37
|
res[type].push(d);
|
|
39
38
|
return res;
|
|
40
39
|
}, {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
40
|
+
'line': [],
|
|
41
|
+
'path': [],
|
|
42
|
+
'spline-curve': []
|
|
44
43
|
});
|
|
45
44
|
this.setState({ typedEdgeData });
|
|
46
45
|
}
|
|
@@ -73,4 +72,3 @@ export class EdgeLayer extends CompositeLayer {
|
|
|
73
72
|
});
|
|
74
73
|
}
|
|
75
74
|
}
|
|
76
|
-
//# sourceMappingURL=edge-layer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edge-layer.js","sourceRoot":"","sources":["../../src/layers/edge-layer.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"edge-layer.js","sourceRoot":"","sources":["../../src/layers/edge-layer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"arrow-2d-geometry.d.ts","sourceRoot":"","sources":["../../../src/layers/edge-layers/arrow-2d-geometry.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAGzC,qBAAa,eAAgB,SAAQ,QAAQ;gBAC/B,IAAI,KAAK;CAQtB"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
// deck.gl-community
|
|
2
|
+
// SPDX-License-Identifier: MIT
|
|
3
|
+
// Copyright (c) vis.gl contributors
|
|
4
|
+
import { Geometry } from '@luma.gl/engine';
|
|
5
|
+
// Mirror of the arrow geometry used by PathMarkerLayer, but only the head triangle.
|
|
6
|
+
export class Arrow2DGeometry extends Geometry {
|
|
7
|
+
constructor(opts = {}) {
|
|
8
|
+
super(Object.assign({}, opts, {
|
|
9
|
+
attributes: getArrowAttributes(opts),
|
|
10
|
+
topology: 'triangle-list'
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
function getArrowAttributes({ length = 1, headWidth = 1 }) {
|
|
15
|
+
const halfLength = length / 2;
|
|
16
|
+
const halfWidth = headWidth / 2;
|
|
17
|
+
const positions = new Float32Array([
|
|
18
|
+
0,
|
|
19
|
+
halfLength,
|
|
20
|
+
0,
|
|
21
|
+
-halfWidth,
|
|
22
|
+
-halfLength,
|
|
23
|
+
0,
|
|
24
|
+
halfWidth,
|
|
25
|
+
-halfLength,
|
|
26
|
+
0
|
|
27
|
+
]);
|
|
28
|
+
const normals = new Float32Array([0, 0, 1, 0, 0, 1, 0, 0, 1]);
|
|
29
|
+
const texCoords = new Float32Array([
|
|
30
|
+
0.5,
|
|
31
|
+
1,
|
|
32
|
+
0,
|
|
33
|
+
0,
|
|
34
|
+
1,
|
|
35
|
+
0
|
|
36
|
+
]);
|
|
37
|
+
return {
|
|
38
|
+
positions: { size: 3, value: positions },
|
|
39
|
+
normals: { size: 3, value: normals },
|
|
40
|
+
texCoords: { size: 2, value: texCoords }
|
|
41
|
+
};
|
|
42
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"arrow-2d-geometry.js","sourceRoot":"","sources":["../../../src/layers/edge-layers/arrow-2d-geometry.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAEzC,oFAAoF;AACpF,MAAM,OAAO,eAAgB,SAAQ,QAAQ;IAC3C,YAAY,IAAI,GAAG,EAAE;QACnB,KAAK,CACH,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE;YACtB,UAAU,EAAE,kBAAkB,CAAC,IAAI,CAAC;YACpC,QAAQ,EAAE,eAAwB;SACnC,CAAC,CACH,CAAC;IACJ,CAAC;CACF;AAED,SAAS,kBAAkB,CAAC,EAAC,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAC;IACrD,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC;IAEhC,MAAM,SAAS,GAAG,IAAI,YAAY,CAAC;QACjC,CAAC;QACD,UAAU;QACV,CAAC;QACD,CAAC,SAAS;QACV,CAAC,UAAU;QACX,CAAC;QACD,SAAS;QACT,CAAC,UAAU;QACX,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE9D,MAAM,SAAS,GAAG,IAAI,YAAY,CAAC;QACjC,GAAG;QACH,CAAC;QACD,CAAC;QACD,CAAC;QACD,CAAC;QACD,CAAC;KACF,CAAC,CAAC;IAEH,OAAO;QACL,SAAS,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;QACtC,OAAO,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAC;QAClC,SAAS,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAC;KACvC,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { CompositeLayer } from '@deck.gl/core';
|
|
2
|
-
import { SplineLayer } from
|
|
2
|
+
import { SplineLayer } from '../common-layers/spline-layer/spline-layer';
|
|
3
3
|
export declare class CurvedEdgeLayer extends CompositeLayer {
|
|
4
4
|
static layerName: string;
|
|
5
5
|
renderLayers(): (boolean | SplineLayer)[];
|
|
6
6
|
}
|
|
7
|
-
//# sourceMappingURL=curved-edge-layer.d.ts.map
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
// Copyright (c) vis.gl contributors
|
|
4
4
|
import { CompositeLayer } from '@deck.gl/core';
|
|
5
5
|
import { ScatterplotLayer, LineLayer } from '@deck.gl/layers';
|
|
6
|
-
import { SplineLayer } from
|
|
6
|
+
import { SplineLayer } from '../common-layers/spline-layer/spline-layer';
|
|
7
7
|
const DEBUG = false;
|
|
8
8
|
export class CurvedEdgeLayer extends CompositeLayer {
|
|
9
9
|
static layerName = 'CurvedEdgeLayer';
|
|
@@ -67,4 +67,3 @@ export class CurvedEdgeLayer extends CompositeLayer {
|
|
|
67
67
|
];
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
|
-
//# sourceMappingURL=curved-edge-layer.js.map
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CompositeLayer } from '@deck.gl/core';
|
|
2
|
+
import { SimpleMeshLayer } from '@deck.gl/mesh-layers';
|
|
3
|
+
type LayoutInfo = {
|
|
4
|
+
sourcePosition: number[];
|
|
5
|
+
targetPosition: number[];
|
|
6
|
+
controlPoints?: number[][];
|
|
7
|
+
};
|
|
8
|
+
export declare function isEdgeDirected(edge: any): boolean;
|
|
9
|
+
export declare function getArrowTransform({ layout, size, offset }: {
|
|
10
|
+
layout: LayoutInfo;
|
|
11
|
+
size: number;
|
|
12
|
+
offset?: number[] | null;
|
|
13
|
+
}): {
|
|
14
|
+
position: [number, number, number];
|
|
15
|
+
angle: number;
|
|
16
|
+
};
|
|
17
|
+
export declare class EdgeArrowLayer extends CompositeLayer {
|
|
18
|
+
static layerName: string;
|
|
19
|
+
renderLayers(): SimpleMeshLayer<any, {}>[];
|
|
20
|
+
}
|
|
21
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edge-arrow-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/edge-layers/edge-arrow-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAMrD,KAAK,UAAU,GAAG;IAChB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;CAC5B,CAAC;AAqBF,wBAAgB,cAAc,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAWjD;AAuBD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,IAAI,EACJ,MAAa,EACd,EAAE;IACD,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAC1B,GAAG;IAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAkCtD;AAED,qBAAa,cAAe,SAAQ,cAAc;IAChD,MAAM,CAAC,SAAS,SAAoB;IAEpC,YAAY;CAqDb"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
// deck.gl-community
|
|
2
|
+
// SPDX-License-Identifier: MIT
|
|
3
|
+
// Copyright (c) vis.gl contributors
|
|
4
|
+
import { CompositeLayer } from '@deck.gl/core';
|
|
5
|
+
import { SimpleMeshLayer } from '@deck.gl/mesh-layers';
|
|
6
|
+
import { Arrow2DGeometry } from './arrow-2d-geometry';
|
|
7
|
+
const DEFAULT_ARROW_GEOMETRY = new Arrow2DGeometry({ length: 1, headWidth: 0.6 });
|
|
8
|
+
const DEFAULT_Z = 0;
|
|
9
|
+
function resolveSize(value) {
|
|
10
|
+
const numeric = Number(value);
|
|
11
|
+
return Number.isFinite(numeric) && numeric !== 0 ? numeric : 1;
|
|
12
|
+
}
|
|
13
|
+
function getOffsetComponents(offset) {
|
|
14
|
+
if (!Array.isArray(offset)) {
|
|
15
|
+
return { along: 0, perpendicular: 0 };
|
|
16
|
+
}
|
|
17
|
+
const along = Number(offset[0]);
|
|
18
|
+
const perpendicular = Number(offset[1]);
|
|
19
|
+
return {
|
|
20
|
+
along: Number.isFinite(along) ? along : 0,
|
|
21
|
+
perpendicular: Number.isFinite(perpendicular) ? perpendicular : 0
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
export function isEdgeDirected(edge) {
|
|
25
|
+
if (!edge) {
|
|
26
|
+
return false;
|
|
27
|
+
}
|
|
28
|
+
if (typeof edge.isDirected === 'function') {
|
|
29
|
+
return Boolean(edge.isDirected());
|
|
30
|
+
}
|
|
31
|
+
if (typeof edge.directed === 'boolean') {
|
|
32
|
+
return edge.directed;
|
|
33
|
+
}
|
|
34
|
+
return false;
|
|
35
|
+
}
|
|
36
|
+
function normalizeVector(vector) {
|
|
37
|
+
const length = Math.hypot(vector[0] ?? 0, vector[1] ?? 0, vector[2] ?? 0);
|
|
38
|
+
if (length === 0) {
|
|
39
|
+
return [0, 0, 0];
|
|
40
|
+
}
|
|
41
|
+
return [(vector[0] ?? 0) / length, (vector[1] ?? 0) / length, (vector[2] ?? 0) / length];
|
|
42
|
+
}
|
|
43
|
+
function getTerminalDirection({ sourcePosition, targetPosition, controlPoints = [] }) {
|
|
44
|
+
const anchor = controlPoints.length ? controlPoints[controlPoints.length - 1] : sourcePosition;
|
|
45
|
+
const direction = [
|
|
46
|
+
(targetPosition[0] ?? 0) - (anchor?.[0] ?? 0),
|
|
47
|
+
(targetPosition[1] ?? 0) - (anchor?.[1] ?? 0),
|
|
48
|
+
(targetPosition[2] ?? DEFAULT_Z) - (anchor?.[2] ?? DEFAULT_Z)
|
|
49
|
+
];
|
|
50
|
+
return { target: targetPosition, direction };
|
|
51
|
+
}
|
|
52
|
+
export function getArrowTransform({ layout, size, offset = null }) {
|
|
53
|
+
const { target, direction } = getTerminalDirection(layout);
|
|
54
|
+
const unit = normalizeVector(direction);
|
|
55
|
+
const hasDirection = unit[0] !== 0 || unit[1] !== 0 || unit[2] !== 0;
|
|
56
|
+
const resolvedSize = resolveSize(size);
|
|
57
|
+
const basePosition = [
|
|
58
|
+
target[0] ?? 0,
|
|
59
|
+
target[1] ?? 0,
|
|
60
|
+
target[2] ?? DEFAULT_Z
|
|
61
|
+
];
|
|
62
|
+
if (!hasDirection) {
|
|
63
|
+
return { position: basePosition, angle: 0 };
|
|
64
|
+
}
|
|
65
|
+
const { along, perpendicular } = getOffsetComponents(offset);
|
|
66
|
+
const alongDistance = resolvedSize * 0.5 + along;
|
|
67
|
+
const position = [
|
|
68
|
+
basePosition[0] - unit[0] * alongDistance,
|
|
69
|
+
basePosition[1] - unit[1] * alongDistance,
|
|
70
|
+
basePosition[2] - unit[2] * alongDistance
|
|
71
|
+
];
|
|
72
|
+
if (perpendicular) {
|
|
73
|
+
const perp = [-unit[1], unit[0], 0];
|
|
74
|
+
position[0] += perp[0] * perpendicular;
|
|
75
|
+
position[1] += perp[1] * perpendicular;
|
|
76
|
+
position[2] += perp[2] * perpendicular;
|
|
77
|
+
}
|
|
78
|
+
const angle = (Math.atan2(unit[0], unit[1]) * 180) / Math.PI;
|
|
79
|
+
return { position, angle };
|
|
80
|
+
}
|
|
81
|
+
export class EdgeArrowLayer extends CompositeLayer {
|
|
82
|
+
static layerName = 'EdgeArrowLayer';
|
|
83
|
+
renderLayers() {
|
|
84
|
+
const { data, getLayoutInfo, positionUpdateTrigger = 0, stylesheet } = this.props;
|
|
85
|
+
const directedEdges = (data || []).filter(isEdgeDirected);
|
|
86
|
+
if (!directedEdges.length) {
|
|
87
|
+
return [];
|
|
88
|
+
}
|
|
89
|
+
const { getColor, getSize, getOffset } = stylesheet.getDeckGLAccessors();
|
|
90
|
+
const updateTriggers = stylesheet.getDeckGLUpdateTriggers();
|
|
91
|
+
return [
|
|
92
|
+
new SimpleMeshLayer(this.getSubLayerProps({
|
|
93
|
+
id: '__edge-arrow-layer',
|
|
94
|
+
data: directedEdges,
|
|
95
|
+
mesh: DEFAULT_ARROW_GEOMETRY,
|
|
96
|
+
getColor,
|
|
97
|
+
getScale: (edge) => {
|
|
98
|
+
const size = resolveSize(getSize(edge));
|
|
99
|
+
return [size, size, size];
|
|
100
|
+
},
|
|
101
|
+
getOrientation: (edge) => {
|
|
102
|
+
const layout = getLayoutInfo(edge);
|
|
103
|
+
const size = resolveSize(getSize(edge));
|
|
104
|
+
const offset = getOffset ? getOffset(edge) : null;
|
|
105
|
+
const { angle } = getArrowTransform({ layout, size, offset });
|
|
106
|
+
return [0, -angle, 0];
|
|
107
|
+
},
|
|
108
|
+
getPosition: (edge) => {
|
|
109
|
+
const layout = getLayoutInfo(edge);
|
|
110
|
+
const size = resolveSize(getSize(edge));
|
|
111
|
+
const offset = getOffset ? getOffset(edge) : null;
|
|
112
|
+
const { position } = getArrowTransform({ layout, size, offset });
|
|
113
|
+
return position;
|
|
114
|
+
},
|
|
115
|
+
parameters: {
|
|
116
|
+
depthTest: false
|
|
117
|
+
},
|
|
118
|
+
updateTriggers: {
|
|
119
|
+
getColor: updateTriggers.getColor,
|
|
120
|
+
getScale: updateTriggers.getSize,
|
|
121
|
+
getOrientation: [
|
|
122
|
+
positionUpdateTrigger,
|
|
123
|
+
updateTriggers.getSize,
|
|
124
|
+
updateTriggers.getOffset
|
|
125
|
+
],
|
|
126
|
+
getPosition: [positionUpdateTrigger, updateTriggers.getSize, updateTriggers.getOffset]
|
|
127
|
+
}
|
|
128
|
+
}))
|
|
129
|
+
];
|
|
130
|
+
}
|
|
131
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edge-arrow-layer.js","sourceRoot":"","sources":["../../../src/layers/edge-layers/edge-arrow-layer.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { CompositeLayer } from '@deck.gl/core';
|
|
2
|
-
import { ZoomableTextLayer } from
|
|
2
|
+
import { ZoomableTextLayer } from '../common-layers/zoomable-text-layer/zoomable-text-layer';
|
|
3
3
|
export declare class EdgeLabelLayer extends CompositeLayer {
|
|
4
4
|
static layerName: string;
|
|
5
5
|
renderLayers(): ZoomableTextLayer[];
|
|
6
6
|
}
|
|
7
|
-
//# sourceMappingURL=edge-label-layer.d.ts.map
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// SPDX-License-Identifier: MIT
|
|
3
3
|
// Copyright (c) vis.gl contributors
|
|
4
4
|
import { CompositeLayer } from '@deck.gl/core';
|
|
5
|
-
import { ZoomableTextLayer } from
|
|
5
|
+
import { ZoomableTextLayer } from '../common-layers/zoomable-text-layer/zoomable-text-layer';
|
|
6
6
|
export class EdgeLabelLayer extends CompositeLayer {
|
|
7
7
|
static layerName = 'EdgeLabelLayer';
|
|
8
8
|
renderLayers() {
|
|
@@ -40,4 +40,3 @@ export class EdgeLabelLayer extends CompositeLayer {
|
|
|
40
40
|
];
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
-
//# sourceMappingURL=edge-label-layer.js.map
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { CompositeLayer } from '@deck.gl/core';
|
|
2
|
-
import { FlowPathLayer } from
|
|
2
|
+
import { FlowPathLayer } from '../common-layers/flow-path-layer/flow-path-layer';
|
|
3
3
|
export declare class FlowLayer extends CompositeLayer {
|
|
4
4
|
static layerName: string;
|
|
5
5
|
renderLayers(): FlowPathLayer[];
|
|
6
6
|
}
|
|
7
|
-
//# sourceMappingURL=flow-layer.d.ts.map
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// SPDX-License-Identifier: MIT
|
|
3
3
|
// Copyright (c) vis.gl contributors
|
|
4
4
|
import { CompositeLayer } from '@deck.gl/core';
|
|
5
|
-
import { FlowPathLayer } from
|
|
5
|
+
import { FlowPathLayer } from '../common-layers/flow-path-layer/flow-path-layer';
|
|
6
6
|
export class FlowLayer extends CompositeLayer {
|
|
7
7
|
static layerName = 'FlowLayer';
|
|
8
8
|
renderLayers() {
|
|
@@ -26,4 +26,3 @@ export class FlowLayer extends CompositeLayer {
|
|
|
26
26
|
];
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
//# sourceMappingURL=flow-layer.js.map
|