@krainovsd/graph 0.10.0-rc4 → 0.10.0-rc6
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/lib/cjs/index.cjs +1909 -1321
- package/lib/cjs/index.cjs.map +1 -1
- package/lib/esm/constants/force-controls.js +141 -0
- package/lib/esm/constants/force-controls.js.map +1 -0
- package/lib/esm/constants/graph-controls.js +25 -0
- package/lib/esm/constants/graph-controls.js.map +1 -0
- package/lib/esm/constants/highlight-controls.js +452 -0
- package/lib/esm/constants/highlight-controls.js.map +1 -0
- package/lib/esm/constants/link-controls.js +219 -0
- package/lib/esm/constants/link-controls.js.map +1 -0
- package/lib/esm/constants/node-controls.js +345 -0
- package/lib/esm/constants/node-controls.js.map +1 -0
- package/lib/esm/index.js +24 -3
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/lib/fade-rgb.js.map +1 -1
- package/lib/esm/lib/rgb-animation-by-progress.js.map +1 -1
- package/lib/esm/module/GraphCanvas/GraphCanvas.js +29 -32
- package/lib/esm/module/GraphCanvas/GraphCanvas.js.map +1 -1
- package/lib/esm/module/GraphCanvas/constants/common-settings.js +7 -0
- package/lib/esm/module/GraphCanvas/constants/common-settings.js.map +1 -0
- package/lib/esm/module/GraphCanvas/constants/force-settings.js +29 -0
- package/lib/esm/module/GraphCanvas/constants/force-settings.js.map +1 -0
- package/lib/esm/module/GraphCanvas/constants/graph-settings.js +19 -0
- package/lib/esm/module/GraphCanvas/constants/graph-settings.js.map +1 -0
- package/lib/esm/module/GraphCanvas/constants/highlight-settings.js +62 -0
- package/lib/esm/module/GraphCanvas/constants/highlight-settings.js.map +1 -0
- package/lib/esm/module/GraphCanvas/constants/link-settings.js +31 -0
- package/lib/esm/module/GraphCanvas/constants/link-settings.js.map +1 -0
- package/lib/esm/module/GraphCanvas/constants/node-settings.js +50 -0
- package/lib/esm/module/GraphCanvas/constants/node-settings.js.map +1 -0
- package/lib/esm/module/GraphCanvas/lib/settings/force-settings-getter.js +3 -1
- package/lib/esm/module/GraphCanvas/lib/settings/force-settings-getter.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/settings/graph-settings-getter.js +1 -1
- package/lib/esm/module/GraphCanvas/lib/settings/graph-settings-getter.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/settings/highlight-settings-getter.js +13 -0
- package/lib/esm/module/GraphCanvas/lib/settings/highlight-settings-getter.js.map +1 -0
- package/lib/esm/module/GraphCanvas/lib/settings/link-settings-getter.js +13 -11
- package/lib/esm/module/GraphCanvas/lib/settings/link-settings-getter.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/settings/node-settings-getter.js +22 -20
- package/lib/esm/module/GraphCanvas/lib/settings/node-settings-getter.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/calculate-link-position-by-node.js +8 -4
- package/lib/esm/module/GraphCanvas/lib/utils/calculate-link-position-by-node.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/drag-place-coefficient-getter.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/get-particle-position.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/is-node-visible.js +3 -1
- package/lib/esm/module/GraphCanvas/lib/utils/is-node-visible.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/is-overlaps-node.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/link-by-pointer-getter.js +2 -2
- package/lib/esm/module/GraphCanvas/lib/utils/link-by-pointer-getter.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/link-highlight.js +66 -0
- package/lib/esm/module/GraphCanvas/lib/utils/link-highlight.js.map +1 -0
- package/lib/esm/module/GraphCanvas/lib/utils/link-iteration-extractor.js +2 -3
- package/lib/esm/module/GraphCanvas/lib/utils/link-iteration-extractor.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/node-by-pointer-getter.js.map +1 -1
- package/lib/esm/module/GraphCanvas/lib/utils/node-highlight.js +115 -0
- package/lib/esm/module/GraphCanvas/lib/utils/node-highlight.js.map +1 -0
- package/lib/esm/module/GraphCanvas/lib/utils/node-iteration-extractor.js +2 -3
- package/lib/esm/module/GraphCanvas/lib/utils/node-iteration-extractor.js.map +1 -1
- package/lib/esm/module/GraphCanvas/slices/draw-links.js +90 -60
- package/lib/esm/module/GraphCanvas/slices/draw-links.js.map +1 -1
- package/lib/esm/module/GraphCanvas/slices/draw-nodes.js +214 -135
- package/lib/esm/module/GraphCanvas/slices/draw-nodes.js.map +1 -1
- package/lib/esm/module/GraphCanvas/slices/draw-text.js.map +1 -1
- package/lib/esm/module/GraphCanvas/slices/init-dnd.js +4 -4
- package/lib/esm/module/GraphCanvas/slices/init-dnd.js.map +1 -1
- package/lib/esm/module/GraphCanvas/slices/init-draw.js +4 -15
- package/lib/esm/module/GraphCanvas/slices/init-draw.js.map +1 -1
- package/lib/esm/module/GraphCanvas/slices/init-pointer.js +17 -17
- package/lib/esm/module/GraphCanvas/slices/init-pointer.js.map +1 -1
- package/lib/esm/module/GraphCanvas/slices/init-simulation.js +21 -22
- package/lib/esm/module/GraphCanvas/slices/init-simulation.js.map +1 -1
- package/lib/esm/module/GraphCanvas/slices/init-zoom.js +1 -1
- package/lib/esm/module/GraphCanvas/slices/init-zoom.js.map +1 -1
- package/lib/index.d.ts +436 -220
- package/package.json +1 -1
- package/lib/esm/lib/get-controls-info.js +0 -915
- package/lib/esm/lib/get-controls-info.js.map +0 -1
- package/lib/esm/module/GraphCanvas/constants/settings.js +0 -158
- package/lib/esm/module/GraphCanvas/constants/settings.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"node-controls.js","sources":["../../../src/constants/node-controls.ts"],"sourcesContent":["import type {\n NodeOptionsLabelInterface,\n NodeOptionsNodeInterface,\n NodeOptionsTextInterface,\n NodeSettingsInterface,\n} from \"@/module/GraphCanvas\";\nimport { NODE_OPTIONS, NODE_SETTINGS } from \"@/module/GraphCanvas/constants\";\nimport type { GraphSettingsInputInterface } from \"@/types\";\n\nexport const NODE_SETTINGS_CONTROLS: GraphSettingsInputInterface<\n keyof Omit<\n Required<NodeSettingsInterface<Record<string, unknown>, Record<string, unknown>>>,\n \"options\" | \"idGetter\"\n >\n>[] = [\n {\n id: \"cacheOptions\",\n type: \"checkbox\",\n initialValue: NODE_SETTINGS.cacheOptions,\n label: \"Кеширование вычисляемых настроек\",\n },\n {\n id: \"textNodeDebug\",\n type: \"checkbox\",\n initialValue: NODE_SETTINGS.textNodeDebug,\n label: \"Отладка текстовой вершины\",\n },\n {\n id: \"nodeRadiusFlexible\",\n type: \"checkbox\",\n initialValue: NODE_SETTINGS.nodeRadiusFlexible,\n label: \"Гибкий радиус (только для круга)\",\n },\n\n {\n id: \"nodeRadiusCoefficient\",\n initialValue: NODE_SETTINGS.nodeRadiusCoefficient,\n max: 100,\n min: 0.1,\n step: 0.1,\n type: \"range\",\n label: \"Количество связей для увеличения радиуса (только для круга)\",\n },\n {\n id: \"nodeRadiusFactor\",\n initialValue: NODE_SETTINGS.nodeRadiusFactor,\n max: 50,\n min: 0.1,\n step: 0.1,\n type: \"range\",\n label: \"Коэффициент увеличения радиуса (только для круга)\",\n },\n {\n id: \"nodeSizeFlexible\",\n type: \"checkbox\",\n initialValue: NODE_SETTINGS.nodeSizeFlexible,\n label: \"Гибкий размер (только не для круга)\",\n },\n {\n id: \"nodeSizeCoefficient\",\n initialValue: NODE_SETTINGS.nodeSizeCoefficient,\n max: 50,\n min: 0.1,\n step: 0.1,\n type: \"range\",\n label: \"Количество связей для увеличения размера (только не для круга)\",\n },\n {\n id: \"nodeSizeFactor\",\n initialValue: NODE_SETTINGS.nodeSizeFactor,\n max: 20,\n min: 0.01,\n step: 0.01,\n type: \"range\",\n label: \"Коэффициент увеличения размера (только не для круга)\",\n },\n {\n id: \"textScaleMin\",\n initialValue: NODE_SETTINGS.textScaleMin,\n max: 20,\n min: 0,\n step: 0.01,\n type: \"range\",\n label: \"Минимальная граница зума для текста\",\n },\n {\n id: \"textScaleMax\",\n initialValue: NODE_SETTINGS.textScaleMax,\n max: 20,\n min: 0,\n step: 0.01,\n type: \"range\",\n label: \"Максимальная граница зума для текста\",\n },\n {\n id: \"textSizeMin\",\n initialValue: NODE_SETTINGS.textSizeMin,\n max: 20,\n min: 0,\n step: 0.01,\n type: \"range\",\n label: \"Размер текста на минимальной границе зума\",\n },\n {\n id: \"textSizeMax\",\n initialValue: NODE_SETTINGS.textSizeMax,\n max: 20,\n min: 0,\n step: 0.01,\n type: \"range\",\n label: \"Размер текста на максимальной границе зума\",\n },\n {\n id: \"textShiftYMin\",\n initialValue: NODE_SETTINGS.textShiftYMin,\n max: 20,\n min: 0,\n step: 0.01,\n type: \"range\",\n label: \"Смещение текста по оси Y на минимальной границе зума\",\n },\n {\n id: \"textShiftYMax\",\n initialValue: NODE_SETTINGS.textShiftYMax,\n max: 20,\n min: 0,\n step: 0.01,\n type: \"range\",\n label: \"Смещение текста по оси Y на максимальной границе зума\",\n },\n];\n\nexport const NODE_OPTIONS_NODE_CONTROLS: GraphSettingsInputInterface<\n keyof NodeOptionsNodeInterface\n>[] = [\n {\n id: \"shape\",\n type: \"select\",\n initialValue: NODE_OPTIONS.shape,\n label: \"Форма\",\n options: [\n { label: \"Картинки\", value: \"icon\" },\n { label: \"Круг\", value: \"circle\" },\n { label: \"Прямоугольник\", value: \"square\" },\n { label: \"Текст\", value: \"text\" },\n ],\n },\n {\n id: \"color\",\n type: \"color\",\n initialValue: \"#000000FF\",\n label: \"Цвет\",\n },\n {\n id: \"alpha\",\n type: \"range\",\n max: 1,\n min: 0,\n step: 0.1,\n label: \"Прозрачность\",\n initialValue: NODE_OPTIONS.alpha,\n },\n {\n id: \"radius\",\n type: \"range\",\n max: 50,\n min: 1,\n step: 0.1,\n label: \"Радиус (только для круга)\",\n initialValue: NODE_OPTIONS.radius,\n },\n {\n id: \"width\",\n type: \"range\",\n max: 50,\n min: 1,\n step: 1,\n label: \"Ширина (только не для круга)\",\n initialValue: NODE_OPTIONS.width,\n },\n {\n id: \"height\",\n type: \"range\",\n max: 50,\n min: 1,\n step: 1,\n label: \"Высота (только не для круга)\",\n initialValue: NODE_OPTIONS.height,\n },\n {\n id: \"borderColor\",\n type: \"color\",\n initialValue: \"#000000FF\",\n label: \"Цвет границы\",\n },\n {\n id: \"borderWidth\",\n type: \"range\",\n max: 5,\n min: 0,\n step: 0.1,\n label: \"Толщина границы\",\n initialValue: NODE_OPTIONS.borderWidth,\n },\n {\n id: \"borderRadius\",\n type: \"range\",\n max: 50,\n min: 0,\n step: 1,\n label: \"Радиус границы (только не для круга)\",\n initialValue: NODE_OPTIONS.borderRadius,\n },\n];\nexport const NODE_OPTIONS_TEXT_CONTROLS: GraphSettingsInputInterface<\n keyof NodeOptionsTextInterface\n>[] = [\n {\n id: \"textColor\",\n type: \"color\",\n initialValue: NODE_OPTIONS.textColor,\n label: \"Цвет\",\n },\n {\n id: \"textSize\",\n type: \"range\",\n max: 30,\n min: 0,\n step: 0.1,\n label: \"Размер\",\n initialValue: 0,\n },\n {\n id: \"textAlpha\",\n type: \"range\",\n max: 1,\n min: 0,\n step: 0.1,\n label: \"Прозрачность\",\n initialValue: NODE_OPTIONS.textAlpha,\n },\n {\n id: \"textWidth\",\n type: \"range\",\n max: 200,\n min: 5,\n step: 1,\n label: \"Ширина\",\n initialValue: NODE_OPTIONS.textWidth,\n },\n {\n id: \"textShiftX\",\n type: \"range\",\n max: 100,\n min: 0,\n step: 0.1,\n label: \"Смещение по оси X\",\n initialValue: NODE_OPTIONS.textShiftX,\n },\n {\n id: \"textShiftY\",\n type: \"range\",\n max: 100,\n min: 0,\n step: 0.1,\n label: \"Смещение по оси Y\",\n initialValue: 4,\n },\n {\n id: \"textWeight\",\n type: \"range\",\n max: 1000,\n min: 100,\n step: 100,\n label: \"Жирность\",\n initialValue: NODE_OPTIONS.textWeight,\n },\n {\n id: \"textGap\",\n type: \"range\",\n max: 30,\n min: 0,\n step: 0.1,\n label: \"Расстояние между строками\",\n initialValue: NODE_OPTIONS.textGap,\n },\n];\nexport const NODE_OPTIONS_LABEL_CONTROLS: GraphSettingsInputInterface<\n keyof NodeOptionsLabelInterface\n>[] = [\n {\n id: \"labelColor\",\n type: \"color\",\n initialValue: NODE_OPTIONS.labelColor,\n label: \"Цвет\",\n },\n {\n id: \"labelSize\",\n type: \"range\",\n max: 30,\n min: 0,\n step: 0.1,\n label: \"Размер\",\n initialValue: NODE_OPTIONS.labelSize,\n },\n {\n id: \"labelAlpha\",\n type: \"range\",\n max: 1,\n min: 0,\n step: 0.1,\n label: \"Прозрачность\",\n initialValue: NODE_OPTIONS.labelAlpha,\n },\n {\n id: \"labelWidth\",\n type: \"range\",\n max: 200,\n min: 5,\n step: 1,\n label: \"Ширина\",\n initialValue: NODE_OPTIONS.labelWidth,\n },\n {\n id: \"labelWeight\",\n type: \"range\",\n max: 1000,\n min: 100,\n step: 100,\n label: \"Жирность\",\n initialValue: NODE_OPTIONS.labelWeight,\n },\n {\n id: \"labelGap\",\n type: \"range\",\n max: 30,\n min: 0,\n step: 0.1,\n label: \"Расстояние между строками\",\n initialValue: NODE_OPTIONS.labelGap,\n },\n {\n id: \"labelXPadding\",\n type: \"range\",\n max: 30,\n min: 0,\n step: 0.1,\n label: \"Отступы по оси X\",\n initialValue: NODE_OPTIONS.labelXPadding,\n },\n {\n id: \"labelYPadding\",\n type: \"range\",\n max: 30,\n min: 0,\n step: 0.1,\n label: \"Отступы по оси Y\",\n initialValue: NODE_OPTIONS.labelYPadding,\n },\n];\n"],"names":[],"mappings":"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"}
|
package/lib/esm/index.js
CHANGED
|
@@ -1,26 +1,47 @@
|
|
|
1
1
|
export { GraphCanvas } from './module/GraphCanvas/GraphCanvas.js';
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
2
|
+
export { forceSettingsGetter } from './module/GraphCanvas/lib/settings/force-settings-getter.js';
|
|
3
|
+
export { graphSettingsGetter } from './module/GraphCanvas/lib/settings/graph-settings-getter.js';
|
|
4
|
+
export { linkOptionsGetter, linkSettingsGetter } from './module/GraphCanvas/lib/settings/link-settings-getter.js';
|
|
5
|
+
export { listenersGetter } from './module/GraphCanvas/lib/settings/listeners-getter.js';
|
|
6
|
+
export { nodeIdGetter, nodeOptionsGetter, nodeRadiusGetter, nodeSettingsGetter, nodeSizeGetter, nodeTextSizeGetter } from './module/GraphCanvas/lib/settings/node-settings-getter.js';
|
|
7
|
+
export { highlightSettingsGetter } from './module/GraphCanvas/lib/settings/highlight-settings-getter.js';
|
|
8
|
+
export { pointerGetter } from './module/GraphCanvas/lib/utils/pointer-getter.js';
|
|
9
|
+
export { dragPlaceCoefficientGetter } from './module/GraphCanvas/lib/utils/drag-place-coefficient-getter.js';
|
|
10
|
+
export { isOverlapsNode } from './module/GraphCanvas/lib/utils/is-overlaps-node.js';
|
|
4
11
|
export { linkIterationExtractor } from './module/GraphCanvas/lib/utils/link-iteration-extractor.js';
|
|
5
12
|
export { nodeByPointerGetter } from './module/GraphCanvas/lib/utils/node-by-pointer-getter.js';
|
|
6
13
|
export { nodeIterationExtractor } from './module/GraphCanvas/lib/utils/node-iteration-extractor.js';
|
|
7
14
|
export { calculateLinkPositionByNode } from './module/GraphCanvas/lib/utils/calculate-link-position-by-node.js';
|
|
8
15
|
export { animationByProgress } from './module/GraphCanvas/lib/utils/animation-by-progress.js';
|
|
16
|
+
export { isNodeVisible } from './module/GraphCanvas/lib/utils/is-node-visible.js';
|
|
9
17
|
export { getParticlePosition } from './module/GraphCanvas/lib/utils/get-particle-position.js';
|
|
10
18
|
export { linkByPointerGetter } from './module/GraphCanvas/lib/utils/link-by-pointer-getter.js';
|
|
19
|
+
export { nodeFade, nodeHighlight } from './module/GraphCanvas/lib/utils/node-highlight.js';
|
|
20
|
+
export { linkFade, linkHighlight } from './module/GraphCanvas/lib/utils/link-highlight.js';
|
|
11
21
|
import 'd3-selection';
|
|
12
22
|
import '@krainovsd/js-helpers';
|
|
13
23
|
import 'd3-array';
|
|
14
24
|
import 'd3-drag';
|
|
25
|
+
export { colorGetter } from './lib/color-getter.js';
|
|
15
26
|
export { colorToRgb } from './lib/color-to-rgb.js';
|
|
16
27
|
export { extractRgb } from './lib/extract-rgb.js';
|
|
17
28
|
export { fadeRgb } from './lib/fade-rgb.js';
|
|
18
29
|
export { rgbAnimationByProgress } from './lib/rgb-animation-by-progress.js';
|
|
19
|
-
export { getForceControls, getGraphControls, getLinkOptionsControls, getLinkSettingsControls, getNodeOptionsControls, getNodeSettingControls } from './lib/get-controls-info.js';
|
|
20
30
|
export { getDrawLink } from './module/GraphCanvas/slices/draw-links.js';
|
|
21
31
|
export { getDrawNode } from './module/GraphCanvas/slices/draw-nodes.js';
|
|
22
32
|
import 'lodash';
|
|
23
33
|
import 'd3-force';
|
|
24
34
|
export { drawText } from './module/GraphCanvas/slices/draw-text.js';
|
|
25
35
|
import 'd3-zoom';
|
|
36
|
+
export { COMMON_SETTINGS } from './module/GraphCanvas/constants/common-settings.js';
|
|
37
|
+
export { FORCE_SETTINGS } from './module/GraphCanvas/constants/force-settings.js';
|
|
38
|
+
export { GRAPH_SETTINGS } from './module/GraphCanvas/constants/graph-settings.js';
|
|
39
|
+
export { HIGHLIGHT_SETTINGS } from './module/GraphCanvas/constants/highlight-settings.js';
|
|
40
|
+
export { LINK_OPTIONS, LINK_SETTINGS } from './module/GraphCanvas/constants/link-settings.js';
|
|
41
|
+
export { NODE_OPTIONS, NODE_SETTINGS } from './module/GraphCanvas/constants/node-settings.js';
|
|
42
|
+
export { FORCE_CONTROLS } from './constants/force-controls.js';
|
|
43
|
+
export { GRAPH_CONTROLS } from './constants/graph-controls.js';
|
|
44
|
+
export { HIGHLIGHT_BY_LINK_FOR_ARROW_CONTROLS, HIGHLIGHT_BY_LINK_FOR_LABEL_CONTROLS, HIGHLIGHT_BY_LINK_FOR_LINK_CONTROLS, HIGHLIGHT_BY_LINK_FOR_NODE_CONTROLS, HIGHLIGHT_BY_LINK_FOR_TEXT_CONTROLS, HIGHLIGHT_BY_NODE_FOR_ARROW_CONTROLS, HIGHLIGHT_BY_NODE_FOR_LABEL_CONTROLS, HIGHLIGHT_BY_NODE_FOR_LINK_CONTROLS, HIGHLIGHT_BY_NODE_FOR_NODE_CONTROLS, HIGHLIGHT_BY_NODE_FOR_TEXT_CONTROLS, HIGHLIGHT_COMMON_CONTROLS } from './constants/highlight-controls.js';
|
|
45
|
+
export { LINK_OPTIONS_ARROW_CONTROLS, LINK_OPTIONS_LINK_CONTROLS, LINK_OPTIONS_PARTICLE_CONTROLS, LINK_SETTINGS_CONTROLS } from './constants/link-controls.js';
|
|
46
|
+
export { NODE_OPTIONS_LABEL_CONTROLS, NODE_OPTIONS_NODE_CONTROLS, NODE_OPTIONS_TEXT_CONTROLS, NODE_SETTINGS_CONTROLS } from './constants/node-controls.js';
|
|
26
47
|
//# sourceMappingURL=index.js.map
|
package/lib/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fade-rgb.js","sources":["../../../src/lib/fade-rgb.ts"],"sourcesContent":["import type { RGB } from \"@/
|
|
1
|
+
{"version":3,"file":"fade-rgb.js","sources":["../../../src/lib/fade-rgb.ts"],"sourcesContent":["import type { RGB } from \"@/types\";\n\nexport function fadeRgb(color: RGB, fade: number): RGB {\n const gray = (color.r + color.g + color.b) / 3;\n\n return {\n r: color.r * fade + gray * (1 - fade),\n g: color.g * fade + gray * (1 - fade),\n b: color.b * fade + gray * (1 - fade),\n };\n}\n"],"names":[],"mappings":"AAEgB,SAAA,OAAO,CAAC,KAAU,EAAE,IAAY,EAAA;AAC9C,IAAA,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC;IAE9C,OAAO;AACL,QAAA,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC;AACrC,QAAA,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC;AACrC,QAAA,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC;KACtC;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rgb-animation-by-progress.js","sources":["../../../src/lib/rgb-animation-by-progress.ts"],"sourcesContent":["import type { RGB } from \"@/
|
|
1
|
+
{"version":3,"file":"rgb-animation-by-progress.js","sources":["../../../src/lib/rgb-animation-by-progress.ts"],"sourcesContent":["import type { RGB } from \"@/types\";\n\nexport function rgbAnimationByProgress(start: RGB, end: RGB, progress: number): RGB {\n return {\n r: start.r + (end.r - start.r) * progress,\n g: start.g + (end.g - start.g) * progress,\n b: start.b + (end.b - start.b) * progress,\n };\n}\n"],"names":[],"mappings":"SAEgB,sBAAsB,CAAC,KAAU,EAAE,GAAQ,EAAE,QAAgB,EAAA;IAC3E,OAAO;AACL,QAAA,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,QAAQ;AACzC,QAAA,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,QAAQ;AACzC,QAAA,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,QAAQ;KAC1C;AACH;;;;"}
|
|
@@ -5,6 +5,7 @@ import { graphSettingsGetter } from './lib/settings/graph-settings-getter.js';
|
|
|
5
5
|
import { linkSettingsGetter } from './lib/settings/link-settings-getter.js';
|
|
6
6
|
import { listenersGetter } from './lib/settings/listeners-getter.js';
|
|
7
7
|
import { nodeSettingsGetter } from './lib/settings/node-settings-getter.js';
|
|
8
|
+
import { highlightSettingsGetter } from './lib/settings/highlight-settings-getter.js';
|
|
8
9
|
import '@krainovsd/js-helpers';
|
|
9
10
|
import 'd3-array';
|
|
10
11
|
import { initArea } from './slices/init-area.js';
|
|
@@ -28,6 +29,7 @@ class GraphCanvas {
|
|
|
28
29
|
/** settings */
|
|
29
30
|
graphSettings;
|
|
30
31
|
forceSettings;
|
|
32
|
+
highlightSettings;
|
|
31
33
|
nodeSettings;
|
|
32
34
|
linkSettings;
|
|
33
35
|
listeners;
|
|
@@ -39,6 +41,7 @@ class GraphCanvas {
|
|
|
39
41
|
draw;
|
|
40
42
|
eventAbortController;
|
|
41
43
|
cachedNodeText = {};
|
|
44
|
+
cachedNodeLabel = {};
|
|
42
45
|
cachedTextNodeParameters = {};
|
|
43
46
|
linkOptionsCache = {};
|
|
44
47
|
nodeOptionsCache = {};
|
|
@@ -56,32 +59,7 @@ class GraphCanvas {
|
|
|
56
59
|
const force = (simulationAlpha - simulationAlphaMin) / simulationAlphaDecay;
|
|
57
60
|
return force > 0;
|
|
58
61
|
}
|
|
59
|
-
|
|
60
|
-
return {
|
|
61
|
-
areaTransform: this.areaTransform,
|
|
62
|
-
cachedNodeText: this.cachedNodeText,
|
|
63
|
-
context: this.context,
|
|
64
|
-
eventAbortController: this.eventAbortController,
|
|
65
|
-
highlightProgress: this.highlightProgress,
|
|
66
|
-
highlightDrawing: this.highlightDrawing,
|
|
67
|
-
highlightedNeighbors: this.highlightedNeighbors,
|
|
68
|
-
highlightedNode: this.highlightedNode,
|
|
69
|
-
highlightedLink: this.highlightedLink,
|
|
70
|
-
highlightWorking: this.highlightWorking,
|
|
71
|
-
isDragging: this.isDragging,
|
|
72
|
-
simulation: this.simulation,
|
|
73
|
-
simulationWorking: this.simulationWorking,
|
|
74
|
-
height: this.height,
|
|
75
|
-
links: this.links,
|
|
76
|
-
nodes: this.nodes,
|
|
77
|
-
width: this.width,
|
|
78
|
-
forceSettings: this.forceSettings,
|
|
79
|
-
graphSettings: this.graphSettings,
|
|
80
|
-
linkSettings: this.linkSettings,
|
|
81
|
-
nodeSettings: this.nodeSettings,
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
constructor({ links, nodes, root, forceSettings, linkSettings, listeners, nodeSettings, graphSettings, }) {
|
|
62
|
+
constructor({ links, nodes, root, forceSettings, linkSettings, listeners, nodeSettings, graphSettings, highlightSettings, }) {
|
|
85
63
|
// root.style.position = "relative";
|
|
86
64
|
root.style.overflow = "hidden";
|
|
87
65
|
this.root = root;
|
|
@@ -90,6 +68,7 @@ class GraphCanvas {
|
|
|
90
68
|
this.nodeSettings = nodeSettingsGetter(nodeSettings);
|
|
91
69
|
this.listeners = listenersGetter(listeners);
|
|
92
70
|
this.graphSettings = graphSettingsGetter(graphSettings);
|
|
71
|
+
this.highlightSettings = highlightSettingsGetter(highlightSettings);
|
|
93
72
|
this.eventAbortController = new AbortController();
|
|
94
73
|
this.nodes = nodes;
|
|
95
74
|
this.links = links;
|
|
@@ -124,6 +103,14 @@ class GraphCanvas {
|
|
|
124
103
|
if (options.forceSettings) {
|
|
125
104
|
this.forceSettings = forceSettingsGetter(options.forceSettings, this.forceSettings);
|
|
126
105
|
}
|
|
106
|
+
if (options.highlightSettings) {
|
|
107
|
+
this.highlightSettings = highlightSettingsGetter(options.highlightSettings, this.highlightSettings);
|
|
108
|
+
this.linkOptionsCache = {};
|
|
109
|
+
this.cachedNodeText = {};
|
|
110
|
+
this.cachedNodeLabel = {};
|
|
111
|
+
this.cachedTextNodeParameters = {};
|
|
112
|
+
this.nodeOptionsCache = {};
|
|
113
|
+
}
|
|
127
114
|
if (options.linkSettings) {
|
|
128
115
|
this.linkSettings = linkSettingsGetter(options.linkSettings, this.linkSettings);
|
|
129
116
|
this.linkOptionsCache = {};
|
|
@@ -131,6 +118,7 @@ class GraphCanvas {
|
|
|
131
118
|
if (options.nodeSettings) {
|
|
132
119
|
this.nodeSettings = nodeSettingsGetter(options.nodeSettings, this.nodeSettings);
|
|
133
120
|
this.cachedNodeText = {};
|
|
121
|
+
this.cachedNodeLabel = {};
|
|
134
122
|
this.cachedTextNodeParameters = {};
|
|
135
123
|
this.nodeOptionsCache = {};
|
|
136
124
|
initCollideForce.call(this, true);
|
|
@@ -144,11 +132,20 @@ class GraphCanvas {
|
|
|
144
132
|
if (this.area)
|
|
145
133
|
this.areaRect = this.area.getBoundingClientRect();
|
|
146
134
|
}
|
|
147
|
-
clearCache() {
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
135
|
+
clearCache(keys) {
|
|
136
|
+
if (!keys) {
|
|
137
|
+
this.nodeOptionsCache = {};
|
|
138
|
+
this.linkOptionsCache = {};
|
|
139
|
+
this.cachedNodeText = {};
|
|
140
|
+
this.cachedNodeLabel = {};
|
|
141
|
+
this.cachedTextNodeParameters = {};
|
|
142
|
+
}
|
|
143
|
+
else {
|
|
144
|
+
for (let i = 0; i < keys.length; i++) {
|
|
145
|
+
const key = keys[i];
|
|
146
|
+
this[key] = {};
|
|
147
|
+
}
|
|
148
|
+
}
|
|
152
149
|
}
|
|
153
150
|
tick() {
|
|
154
151
|
if (!this.simulationWorking && !this.highlightWorking)
|
|
@@ -213,7 +210,7 @@ class GraphCanvas {
|
|
|
213
210
|
this.simulation
|
|
214
211
|
.nodes(this.nodes)
|
|
215
212
|
.force("link", forceLink(this.links)
|
|
216
|
-
.id(this.nodeSettings.idGetter)
|
|
213
|
+
.id(this.nodeSettings.idGetter.bind(this))
|
|
217
214
|
.distance(this.forceSettings.forces && this.forceSettings.linkForce
|
|
218
215
|
? this.forceSettings.linkDistance
|
|
219
216
|
: 0)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphCanvas.js","sources":["../../../../src/module/GraphCanvas/GraphCanvas.ts"],"sourcesContent":["import { forceLink } from \"d3-force\";\nimport { type ZoomTransform, zoomIdentity } from \"d3-zoom\";\nimport type { LinkInterface } from \"@/types/links\";\nimport type {\n CachedNodeTextInterface,\n CachedTextNodeParametersMap,\n NodeInterface,\n} from \"@/types/nodes\";\nimport {\n forceSettingsGetter,\n graphSettingsGetter,\n linkSettingsGetter,\n listenersGetter,\n nodeSettingsGetter,\n} from \"./lib\";\nimport {\n initArea,\n initCollideForce,\n initDnd,\n initDraw,\n initPointer,\n initResize,\n initSimulation,\n initSimulationForces,\n initZoom,\n} from \"./slices\";\nimport type {\n ForceSettingsInterface,\n GraphCanvasInterface,\n GraphCanvasSimulation,\n GraphParticle,\n GraphSettingsInterface,\n GraphState,\n LinkOptionsInterface,\n LinkSettingsInterface,\n ListenersInterface,\n NodeOptionsInterface,\n NodeSettingsInterface,\n} from \"./types\";\n\nexport class GraphCanvas<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n> {\n /** initial data */\n\n protected nodes: NodeInterface<NodeData>[];\n\n protected links: LinkInterface<NodeData, LinkData>[];\n\n protected particles: Record<string, GraphParticle[]> = {};\n\n protected width: number;\n\n protected height: number;\n\n protected root: HTMLElement;\n\n protected container: HTMLDivElement | undefined | null;\n\n protected area: HTMLCanvasElement | null | undefined;\n\n /** settings */\n\n protected graphSettings: Required<GraphSettingsInterface<NodeData>>;\n\n protected forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;\n\n protected nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, \"options\">> &\n Pick<NodeSettingsInterface<NodeData, LinkData>, \"options\">;\n\n protected linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, \"options\">> &\n Pick<LinkSettingsInterface<NodeData, LinkData>, \"options\">;\n\n protected listeners: ListenersInterface<NodeData, LinkData>;\n\n /** service */\n\n protected context: CanvasRenderingContext2D | null | undefined;\n\n protected simulation: GraphCanvasSimulation<NodeData, LinkData> | undefined;\n\n protected areaTransform: ZoomTransform = zoomIdentity;\n\n protected areaRect: DOMRect | undefined;\n\n protected draw: (this: GraphCanvas<NodeData, LinkData>) => void;\n\n protected eventAbortController: AbortController;\n\n protected cachedNodeText: CachedNodeTextInterface = {};\n\n protected cachedTextNodeParameters: CachedTextNodeParametersMap = {};\n\n protected linkOptionsCache: Record<string, Required<LinkOptionsInterface<NodeData, LinkData>>> =\n {};\n\n protected nodeOptionsCache: Record<string, Required<NodeOptionsInterface<NodeData, LinkData>>> =\n {};\n\n protected isDragging: boolean = false;\n\n protected highlightedNode: NodeInterface<NodeData> | null = null;\n\n protected highlightedLink: LinkInterface<NodeData, LinkData> | null = null;\n\n protected highlightedNeighbors: Set<string | number> | null = null;\n\n protected highlightProgress: number = 1;\n\n protected highlightWorking: boolean = false;\n\n protected highlightDrawing: boolean = false;\n\n protected get simulationWorking() {\n const simulationAlpha = this.simulation?.alpha?.() ?? 0;\n const simulationAlphaMin = this.simulation?.alphaMin?.() ?? 0;\n const simulationAlphaDecay = this.simulation?.alphaDecay?.() ?? 0;\n const force = (simulationAlpha - simulationAlphaMin) / simulationAlphaDecay;\n\n return force > 0;\n }\n\n protected get state(): GraphState<NodeData, LinkData> {\n return {\n areaTransform: this.areaTransform,\n cachedNodeText: this.cachedNodeText,\n context: this.context,\n eventAbortController: this.eventAbortController,\n highlightProgress: this.highlightProgress,\n highlightDrawing: this.highlightDrawing,\n highlightedNeighbors: this.highlightedNeighbors,\n highlightedNode: this.highlightedNode,\n highlightedLink: this.highlightedLink,\n highlightWorking: this.highlightWorking,\n isDragging: this.isDragging,\n simulation: this.simulation,\n simulationWorking: this.simulationWorking,\n height: this.height,\n links: this.links,\n nodes: this.nodes,\n width: this.width,\n forceSettings: this.forceSettings,\n graphSettings: this.graphSettings,\n linkSettings: this.linkSettings,\n nodeSettings: this.nodeSettings,\n };\n }\n\n constructor({\n links,\n nodes,\n root,\n forceSettings,\n linkSettings,\n listeners,\n nodeSettings,\n graphSettings,\n }: GraphCanvasInterface<NodeData, LinkData>) {\n // root.style.position = \"relative\";\n root.style.overflow = \"hidden\";\n\n this.root = root;\n\n this.forceSettings = forceSettingsGetter(forceSettings);\n this.linkSettings = linkSettingsGetter(linkSettings);\n this.nodeSettings = nodeSettingsGetter(nodeSettings);\n this.listeners = listenersGetter(listeners);\n this.graphSettings = graphSettingsGetter(graphSettings);\n\n this.eventAbortController = new AbortController();\n\n this.nodes = nodes;\n this.links = links;\n this.height = 0;\n this.width = 0;\n\n this.draw = initDraw.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initDraw>,\n ReturnType<typeof initDraw>\n >(this);\n\n this.init();\n }\n\n get dpi() {\n return devicePixelRatio;\n }\n\n getData(): Pick<GraphCanvasInterface<NodeData, LinkData>, \"nodes\" | \"links\"> {\n return {\n links: this.links,\n nodes: this.nodes,\n };\n }\n\n changeData(\n options: Pick<Partial<GraphCanvasInterface<NodeData, LinkData>>, \"links\" | \"nodes\">,\n alpha?: number,\n ) {\n if (options.links != undefined) this.links = options.links;\n if (options.nodes != undefined) this.nodes = options.nodes;\n if (options.nodes != undefined || options.links != undefined) this.updateData(alpha);\n }\n\n changeSettings(\n options: Omit<\n Partial<GraphCanvasInterface<NodeData, LinkData>>,\n \"links\" | \"nodes\" | \"listeners\"\n >,\n ) {\n if (options.graphSettings) {\n this.graphSettings = graphSettingsGetter(options.graphSettings, this.graphSettings);\n\n this.draw = initDraw.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initDraw>,\n ReturnType<typeof initDraw>\n >(this);\n initZoom.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initZoom>,\n ReturnType<typeof initZoom>\n >(this, this.areaTransform);\n }\n if (options.forceSettings) {\n this.forceSettings = forceSettingsGetter(options.forceSettings, this.forceSettings);\n }\n if (options.linkSettings) {\n this.linkSettings = linkSettingsGetter(options.linkSettings, this.linkSettings);\n this.linkOptionsCache = {};\n }\n if (options.nodeSettings) {\n this.nodeSettings = nodeSettingsGetter(options.nodeSettings, this.nodeSettings);\n this.cachedNodeText = {};\n this.cachedTextNodeParameters = {};\n this.nodeOptionsCache = {};\n initCollideForce.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initCollideForce>,\n ReturnType<typeof initCollideForce>\n >(this, true);\n }\n\n if (options.forceSettings) {\n return void this.updateSimulation();\n }\n\n this.tick();\n }\n\n updateRect() {\n if (this.area) this.areaRect = this.area.getBoundingClientRect();\n }\n\n clearCache() {\n this.nodeOptionsCache = {};\n this.linkOptionsCache = {};\n this.cachedNodeText = {};\n this.cachedTextNodeParameters = {};\n }\n\n tick() {\n if (!this.simulationWorking && !this.highlightWorking) this.draw();\n }\n\n restart(alpha?: number) {\n if (this.simulation) this.simulation.alpha(alpha ?? 1).restart();\n }\n\n start() {\n if (this.simulation) this.simulation.alpha(1).restart();\n if (this.container) this.container.style.display = \"block\";\n }\n\n stop() {\n if (this.simulation) this.simulation.stop();\n if (this.container) this.container.style.display = \"none\";\n }\n\n create() {\n this.init();\n }\n\n destroy() {\n if (this.simulation) {\n this.simulation.stop();\n this.simulation = undefined;\n }\n\n this.clearHTMLElements();\n this.clearState();\n this.clearCache();\n }\n\n protected clearHTMLElements() {\n this.root.replaceChildren();\n this.area = undefined;\n this.context = undefined;\n this.container = undefined;\n this.eventAbortController.abort();\n this.eventAbortController = new AbortController();\n }\n\n protected updateSimulation() {\n if (this.simulation) {\n initSimulationForces.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initSimulationForces>,\n ReturnType<typeof initSimulationForces>\n >(this);\n this.simulation.alpha(1);\n this.simulation.restart();\n }\n }\n\n protected clearState() {\n this.isDragging = false;\n this.highlightedNode = null;\n this.highlightedLink = null;\n this.highlightedNeighbors = null;\n this.highlightProgress = 0;\n this.highlightWorking = false;\n this.highlightDrawing = false;\n }\n\n protected updateData(alpha?: number) {\n this.clearCache();\n\n if (this.simulation) {\n initCollideForce.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initCollideForce>,\n ReturnType<typeof initCollideForce>\n >(this, false);\n\n this.simulation\n .nodes(this.nodes)\n .force(\n \"link\",\n forceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>(this.links)\n .id(this.nodeSettings.idGetter)\n .distance(\n this.forceSettings.forces && this.forceSettings.linkForce\n ? this.forceSettings.linkDistance\n : 0,\n )\n .strength(\n this.forceSettings.forces && this.forceSettings.linkForce\n ? this.forceSettings.linkStrength\n : 0,\n )\n .iterations(\n this.forceSettings.forces && this.forceSettings.linkForce\n ? this.forceSettings.linkIterations\n : 0,\n ),\n )\n .alpha(alpha ?? 0.5)\n .restart();\n }\n }\n\n protected updateSize() {\n this.clearHTMLElements();\n\n initArea.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initArea>,\n ReturnType<typeof initArea>\n >(this);\n initDnd.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initDnd>,\n ReturnType<typeof initDnd>\n >(this);\n initZoom.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initZoom>,\n ReturnType<typeof initZoom>\n >(this);\n initResize.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initResize>,\n ReturnType<typeof initResize>\n >(this);\n initPointer.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initPointer>,\n ReturnType<typeof initPointer>\n >(this);\n\n if (!this.simulationWorking && !this.highlightWorking) this.draw();\n }\n\n protected init() {\n initArea.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initArea>,\n ReturnType<typeof initArea>\n >(this);\n initSimulation.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initSimulation>,\n ReturnType<typeof initSimulation>\n >(this);\n initDnd.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initDnd>,\n ReturnType<typeof initDnd>\n >(this);\n initZoom.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initZoom>,\n ReturnType<typeof initZoom>\n >(this);\n initResize.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initResize>,\n ReturnType<typeof initResize>\n >(this);\n initPointer.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initPointer>,\n ReturnType<typeof initPointer>\n >(this);\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"GraphCanvas.js","sources":["../../../../src/module/GraphCanvas/GraphCanvas.ts"],"sourcesContent":["import { forceLink } from \"d3-force\";\nimport { type ZoomTransform, zoomIdentity } from \"d3-zoom\";\nimport {\n forceSettingsGetter,\n graphSettingsGetter,\n highlightSettingsGetter,\n linkSettingsGetter,\n listenersGetter,\n nodeSettingsGetter,\n} from \"./lib\";\nimport {\n initArea,\n initCollideForce,\n initDnd,\n initDraw,\n initPointer,\n initResize,\n initSimulation,\n initSimulationForces,\n initZoom,\n} from \"./slices\";\nimport type {\n CachedNodeTextInterface,\n CachedTextNodeParametersMap,\n ForceSettingsInterface,\n GraphCanvasInterface,\n GraphCanvasSimulation,\n GraphSettingsInterface,\n HighlightSettingsInterface,\n LinkInterface,\n LinkOptionsInterface,\n LinkParticle,\n LinkSettingsInterface,\n ListenersInterface,\n NodeInterface,\n NodeOptionsInterface,\n NodeSettingsInterface,\n} from \"./types\";\n\nexport class GraphCanvas<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n> {\n /** initial data */\n\n protected nodes: NodeInterface<NodeData>[];\n\n protected links: LinkInterface<NodeData, LinkData>[];\n\n protected particles: Record<string, LinkParticle[]> = {};\n\n protected width: number;\n\n protected height: number;\n\n protected root: HTMLElement;\n\n protected container: HTMLDivElement | undefined | null;\n\n protected area: HTMLCanvasElement | null | undefined;\n\n /** settings */\n\n protected graphSettings: Required<GraphSettingsInterface<NodeData>>;\n\n protected forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;\n\n protected highlightSettings: Required<HighlightSettingsInterface>;\n\n protected nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, \"options\">> &\n Pick<NodeSettingsInterface<NodeData, LinkData>, \"options\">;\n\n protected linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, \"options\">> &\n Pick<LinkSettingsInterface<NodeData, LinkData>, \"options\">;\n\n protected listeners: ListenersInterface<NodeData, LinkData>;\n\n /** service */\n\n protected context: CanvasRenderingContext2D | null | undefined;\n\n protected simulation: GraphCanvasSimulation<NodeData, LinkData> | undefined;\n\n protected areaTransform: ZoomTransform = zoomIdentity;\n\n protected areaRect: DOMRect | undefined;\n\n protected draw: (this: GraphCanvas<NodeData, LinkData>) => void;\n\n protected eventAbortController: AbortController;\n\n protected cachedNodeText: CachedNodeTextInterface = {};\n\n protected cachedNodeLabel: CachedNodeTextInterface = {};\n\n protected cachedTextNodeParameters: CachedTextNodeParametersMap = {};\n\n protected linkOptionsCache: Record<string, Required<LinkOptionsInterface<NodeData, LinkData>>> =\n {};\n\n protected nodeOptionsCache: Record<string, Required<NodeOptionsInterface<NodeData, LinkData>>> =\n {};\n\n protected isDragging: boolean = false;\n\n protected highlightedNode: NodeInterface<NodeData> | null = null;\n\n protected highlightedLink: LinkInterface<NodeData, LinkData> | null = null;\n\n protected highlightedNeighbors: Set<string | number> | null = null;\n\n protected highlightProgress: number = 1;\n\n protected highlightWorking: boolean = false;\n\n protected highlightDrawing: boolean = false;\n\n protected get simulationWorking() {\n const simulationAlpha = this.simulation?.alpha?.() ?? 0;\n const simulationAlphaMin = this.simulation?.alphaMin?.() ?? 0;\n const simulationAlphaDecay = this.simulation?.alphaDecay?.() ?? 0;\n const force = (simulationAlpha - simulationAlphaMin) / simulationAlphaDecay;\n\n return force > 0;\n }\n\n constructor({\n links,\n nodes,\n root,\n forceSettings,\n linkSettings,\n listeners,\n nodeSettings,\n graphSettings,\n highlightSettings,\n }: GraphCanvasInterface<NodeData, LinkData>) {\n // root.style.position = \"relative\";\n root.style.overflow = \"hidden\";\n\n this.root = root;\n\n this.forceSettings = forceSettingsGetter(forceSettings);\n this.linkSettings = linkSettingsGetter(linkSettings);\n this.nodeSettings = nodeSettingsGetter(nodeSettings);\n this.listeners = listenersGetter(listeners);\n this.graphSettings = graphSettingsGetter(graphSettings);\n this.highlightSettings = highlightSettingsGetter(highlightSettings);\n\n this.eventAbortController = new AbortController();\n\n this.nodes = nodes;\n this.links = links;\n this.height = 0;\n this.width = 0;\n\n this.draw = initDraw.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initDraw>,\n ReturnType<typeof initDraw>\n >(this);\n\n this.init();\n }\n\n get dpi() {\n return devicePixelRatio;\n }\n\n getData(): Pick<GraphCanvasInterface<NodeData, LinkData>, \"nodes\" | \"links\"> {\n return {\n links: this.links,\n nodes: this.nodes,\n };\n }\n\n changeData(\n options: Pick<Partial<GraphCanvasInterface<NodeData, LinkData>>, \"links\" | \"nodes\">,\n alpha?: number,\n ) {\n if (options.links != undefined) this.links = options.links;\n if (options.nodes != undefined) this.nodes = options.nodes;\n if (options.nodes != undefined || options.links != undefined) this.updateData(alpha);\n }\n\n changeSettings(\n options: Omit<\n Partial<GraphCanvasInterface<NodeData, LinkData>>,\n \"links\" | \"nodes\" | \"listeners\"\n >,\n ) {\n if (options.graphSettings) {\n this.graphSettings = graphSettingsGetter(options.graphSettings, this.graphSettings);\n\n this.draw = initDraw.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initDraw>,\n ReturnType<typeof initDraw>\n >(this);\n initZoom.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initZoom>,\n ReturnType<typeof initZoom>\n >(this, this.areaTransform);\n }\n if (options.forceSettings) {\n this.forceSettings = forceSettingsGetter(options.forceSettings, this.forceSettings);\n }\n if (options.highlightSettings) {\n this.highlightSettings = highlightSettingsGetter(\n options.highlightSettings,\n this.highlightSettings,\n );\n this.linkOptionsCache = {};\n this.cachedNodeText = {};\n this.cachedNodeLabel = {};\n this.cachedTextNodeParameters = {};\n this.nodeOptionsCache = {};\n }\n if (options.linkSettings) {\n this.linkSettings = linkSettingsGetter(options.linkSettings, this.linkSettings);\n this.linkOptionsCache = {};\n }\n if (options.nodeSettings) {\n this.nodeSettings = nodeSettingsGetter(options.nodeSettings, this.nodeSettings);\n this.cachedNodeText = {};\n this.cachedNodeLabel = {};\n this.cachedTextNodeParameters = {};\n this.nodeOptionsCache = {};\n initCollideForce.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initCollideForce>,\n ReturnType<typeof initCollideForce>\n >(this, true);\n }\n\n if (options.forceSettings) {\n return void this.updateSimulation();\n }\n\n this.tick();\n }\n\n updateRect() {\n if (this.area) this.areaRect = this.area.getBoundingClientRect();\n }\n\n clearCache(\n keys?: (\n | \"nodeOptionsCache\"\n | \"linkOptionsCache\"\n | \"cachedNodeText\"\n | \"cachedNodeLabel\"\n | \"cachedTextNodeParameters\"\n )[],\n ) {\n if (!keys) {\n this.nodeOptionsCache = {};\n this.linkOptionsCache = {};\n this.cachedNodeText = {};\n this.cachedNodeLabel = {};\n this.cachedTextNodeParameters = {};\n } else {\n for (let i = 0; i < keys.length; i++) {\n const key = keys[i];\n this[key] = {};\n }\n }\n }\n\n tick() {\n if (!this.simulationWorking && !this.highlightWorking) this.draw();\n }\n\n restart(alpha?: number) {\n if (this.simulation) this.simulation.alpha(alpha ?? 1).restart();\n }\n\n start() {\n if (this.simulation) this.simulation.alpha(1).restart();\n if (this.container) this.container.style.display = \"block\";\n }\n\n stop() {\n if (this.simulation) this.simulation.stop();\n if (this.container) this.container.style.display = \"none\";\n }\n\n create() {\n this.init();\n }\n\n destroy() {\n if (this.simulation) {\n this.simulation.stop();\n this.simulation = undefined;\n }\n\n this.clearHTMLElements();\n this.clearState();\n this.clearCache();\n }\n\n protected clearHTMLElements() {\n this.root.replaceChildren();\n this.area = undefined;\n this.context = undefined;\n this.container = undefined;\n this.eventAbortController.abort();\n this.eventAbortController = new AbortController();\n }\n\n protected updateSimulation() {\n if (this.simulation) {\n initSimulationForces.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initSimulationForces>,\n ReturnType<typeof initSimulationForces>\n >(this);\n this.simulation.alpha(1);\n this.simulation.restart();\n }\n }\n\n protected clearState() {\n this.isDragging = false;\n this.highlightedNode = null;\n this.highlightedLink = null;\n this.highlightedNeighbors = null;\n this.highlightProgress = 0;\n this.highlightWorking = false;\n this.highlightDrawing = false;\n }\n\n protected updateData(alpha?: number) {\n this.clearCache();\n\n if (this.simulation) {\n initCollideForce.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initCollideForce>,\n ReturnType<typeof initCollideForce>\n >(this, false);\n\n this.simulation\n .nodes(this.nodes)\n .force(\n \"link\",\n forceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>(this.links)\n .id(this.nodeSettings.idGetter.bind(this))\n .distance(\n this.forceSettings.forces && this.forceSettings.linkForce\n ? this.forceSettings.linkDistance\n : 0,\n )\n .strength(\n this.forceSettings.forces && this.forceSettings.linkForce\n ? this.forceSettings.linkStrength\n : 0,\n )\n .iterations(\n this.forceSettings.forces && this.forceSettings.linkForce\n ? this.forceSettings.linkIterations\n : 0,\n ),\n )\n .alpha(alpha ?? 0.5)\n .restart();\n }\n }\n\n protected updateSize() {\n this.clearHTMLElements();\n\n initArea.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initArea>,\n ReturnType<typeof initArea>\n >(this);\n initDnd.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initDnd>,\n ReturnType<typeof initDnd>\n >(this);\n initZoom.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initZoom>,\n ReturnType<typeof initZoom>\n >(this);\n initResize.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initResize>,\n ReturnType<typeof initResize>\n >(this);\n initPointer.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initPointer>,\n ReturnType<typeof initPointer>\n >(this);\n\n if (!this.simulationWorking && !this.highlightWorking) this.draw();\n }\n\n protected init() {\n initArea.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initArea>,\n ReturnType<typeof initArea>\n >(this);\n initSimulation.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initSimulation>,\n ReturnType<typeof initSimulation>\n >(this);\n initDnd.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initDnd>,\n ReturnType<typeof initDnd>\n >(this);\n initZoom.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initZoom>,\n ReturnType<typeof initZoom>\n >(this);\n initResize.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initResize>,\n ReturnType<typeof initResize>\n >(this);\n initPointer.call<\n GraphCanvas<NodeData, LinkData>,\n Parameters<typeof initPointer>,\n ReturnType<typeof initPointer>\n >(this);\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common-settings.js","sources":["../../../../../src/module/GraphCanvas/constants/common-settings.ts"],"sourcesContent":["export const COMMON_SETTINGS = {\n nodeRadius: 5,\n nodeSize: 5,\n};\n"],"names":[],"mappings":"AAAa,MAAA,eAAe,GAAG;AAC7B,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,QAAQ,EAAE,CAAC;;;;;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
const FORCE_SETTINGS = {
|
|
2
|
+
forces: true,
|
|
3
|
+
centerForce: true,
|
|
4
|
+
chargeForce: true,
|
|
5
|
+
linkForce: true,
|
|
6
|
+
xForce: true,
|
|
7
|
+
yForce: true,
|
|
8
|
+
collideForce: true,
|
|
9
|
+
centerPosition: {},
|
|
10
|
+
centerStrength: 1,
|
|
11
|
+
collideStrength: 0.1,
|
|
12
|
+
collideAdditionalRadius: 4,
|
|
13
|
+
collideIterations: 2,
|
|
14
|
+
collideOffMax: { links: 0, nodes: 0 },
|
|
15
|
+
chargeStrength: -40,
|
|
16
|
+
chargeDistanceMax: Infinity,
|
|
17
|
+
chargeDistanceMin: 1,
|
|
18
|
+
xPosition: 0,
|
|
19
|
+
xStrength: 0.1,
|
|
20
|
+
yPosition: 0,
|
|
21
|
+
yStrength: 0.1,
|
|
22
|
+
linkDistance: 30,
|
|
23
|
+
linkIterations: 1,
|
|
24
|
+
linkStrength: 1,
|
|
25
|
+
collideRadius: null,
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export { FORCE_SETTINGS };
|
|
29
|
+
//# sourceMappingURL=force-settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"force-settings.js","sources":["../../../../../src/module/GraphCanvas/constants/force-settings.ts"],"sourcesContent":["import type { ForceSettingsInterface } from \"../types/force-settings\";\n\nexport const FORCE_SETTINGS: Required<\n ForceSettingsInterface<Record<string, unknown>, Record<string, unknown>>\n> = {\n forces: true,\n centerForce: true,\n chargeForce: true,\n linkForce: true,\n xForce: true,\n yForce: true,\n collideForce: true,\n centerPosition: {},\n centerStrength: 1,\n collideStrength: 0.1,\n collideAdditionalRadius: 4,\n collideIterations: 2,\n collideOffMax: { links: 0, nodes: 0 },\n chargeStrength: -40,\n chargeDistanceMax: Infinity,\n chargeDistanceMin: 1,\n xPosition: 0,\n xStrength: 0.1,\n yPosition: 0,\n yStrength: 0.1,\n linkDistance: 30,\n linkIterations: 1,\n linkStrength: 1,\n collideRadius: null,\n};\n"],"names":[],"mappings":"AAEa,MAAA,cAAc,GAEvB;AACF,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,cAAc,EAAE,EAAE;AAClB,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,eAAe,EAAE,GAAG;AACpB,IAAA,uBAAuB,EAAE,CAAC;AAC1B,IAAA,iBAAiB,EAAE,CAAC;IACpB,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IACrC,cAAc,EAAE,GAAG;AACnB,IAAA,iBAAiB,EAAE,QAAQ;AAC3B,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,aAAa,EAAE,IAAI;;;;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import '@krainovsd/js-helpers';
|
|
2
|
+
import { dragPlaceCoefficientGetter } from '../lib/utils/drag-place-coefficient-getter.js';
|
|
3
|
+
import 'd3-array';
|
|
4
|
+
|
|
5
|
+
const GRAPH_SETTINGS = {
|
|
6
|
+
zoomExtent: [0.3, 10],
|
|
7
|
+
translateExtent: [[], []],
|
|
8
|
+
translateExtentEnable: true,
|
|
9
|
+
translateExtentCoefficient: [3, 3],
|
|
10
|
+
highlightUpFrames: 5,
|
|
11
|
+
highlightDownFrames: 5,
|
|
12
|
+
dragPlaceCoefficient: dragPlaceCoefficientGetter,
|
|
13
|
+
zoomInitial: null,
|
|
14
|
+
showDrawTime: true,
|
|
15
|
+
showDrawTimeEveryTick: false,
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export { GRAPH_SETTINGS };
|
|
19
|
+
//# sourceMappingURL=graph-settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-settings.js","sources":["../../../../../src/module/GraphCanvas/constants/graph-settings.ts"],"sourcesContent":["import { dragPlaceCoefficientGetter } from \"../lib\";\nimport type { GraphSettingsInterface } from \"../types/graph-settings\";\n\nexport const GRAPH_SETTINGS: Required<GraphSettingsInterface<Record<string, unknown>>> = {\n zoomExtent: [0.3, 10] as [number, number],\n translateExtent: [[], []],\n translateExtentEnable: true,\n translateExtentCoefficient: [3, 3],\n highlightUpFrames: 5,\n highlightDownFrames: 5,\n dragPlaceCoefficient: dragPlaceCoefficientGetter,\n zoomInitial: null,\n showDrawTime: true,\n showDrawTimeEveryTick: false,\n};\n"],"names":[],"mappings":";;;;AAGa,MAAA,cAAc,GAA8D;AACvF,IAAA,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAqB;AACzC,IAAA,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;AACzB,IAAA,qBAAqB,EAAE,IAAI;AAC3B,IAAA,0BAA0B,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAClC,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,mBAAmB,EAAE,CAAC;AACtB,IAAA,oBAAoB,EAAE,0BAA0B;AAChD,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,qBAAqB,EAAE,KAAK;;;;;"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
const HIGHLIGHT_SETTINGS = {
|
|
2
|
+
highlightByHoverNode: true,
|
|
3
|
+
highlightByHoverLink: true,
|
|
4
|
+
linkHoverExtraZone: 2,
|
|
5
|
+
/** Node */
|
|
6
|
+
highlightByNodeOnlyRoot: true,
|
|
7
|
+
highlightByNodeForNodeColorFading: false,
|
|
8
|
+
highlightByNodeForNodeColor: null,
|
|
9
|
+
highlightByNodeForNodeSizingAdditional: 0.5,
|
|
10
|
+
highlightByNodeForNodeSizingAdditionalCoefficient: 0.35,
|
|
11
|
+
highlightByNodeForNodeColorFadingMin: 0.15,
|
|
12
|
+
highlightByNodeForNodeFadingMin: 0.21,
|
|
13
|
+
highlightByNodeForNodeBorderColor: null,
|
|
14
|
+
highlightByNodeForNodeBorderSizingAdditional: 0,
|
|
15
|
+
highlightByLinkForNodeColorFading: false,
|
|
16
|
+
highlightByLinkForNodeColor: null,
|
|
17
|
+
highlightByLinkForNodeSizingAdditional: 0.5,
|
|
18
|
+
highlightByLinkForNodeSizingAdditionalCoefficient: 0.35,
|
|
19
|
+
highlightByLinkForNodeColorFadingMin: 0.15,
|
|
20
|
+
highlightByLinkForNodeFadingMin: 0.21,
|
|
21
|
+
highlightByLinkForNodeBorderColor: null,
|
|
22
|
+
highlightByLinkForNodeBorderSizingAdditional: 0,
|
|
23
|
+
/** Text */
|
|
24
|
+
highlightByNodeForTextShiftXAdditional: 0,
|
|
25
|
+
highlightByNodeForTextShiftYAdditional: 2,
|
|
26
|
+
highlightByNodeForTextSizingAdditional: 1,
|
|
27
|
+
highlightByNodeForTextWeightAdditional: 0,
|
|
28
|
+
highlightByNodeForTextFadingMin: 0.21,
|
|
29
|
+
highlightByLinkForTextShiftXAdditional: 0,
|
|
30
|
+
highlightByLinkForTextShiftYAdditional: 2,
|
|
31
|
+
highlightByLinkForTextSizingAdditional: 1,
|
|
32
|
+
highlightByLinkForTextWeightAdditional: 0,
|
|
33
|
+
highlightByLinkForTextFadingMin: 0.21,
|
|
34
|
+
/** Label */
|
|
35
|
+
highlightByNodeForLabelFadingMin: 0.21,
|
|
36
|
+
highlightByNodeForLabelSizingAdditional: 1,
|
|
37
|
+
highlightByNodeForLabelWeightAdditional: 0,
|
|
38
|
+
highlightByLinkForLabelFadingMin: 0.21,
|
|
39
|
+
highlightByLinkForLabelSizingAdditional: 1,
|
|
40
|
+
highlightByLinkForLabelWeightAdditional: 0,
|
|
41
|
+
/** Link */
|
|
42
|
+
highlightByNodeForLinkFadingMin: 0.21,
|
|
43
|
+
highlightByNodeForLinkSizeAdditional: 0,
|
|
44
|
+
highlightByNodeForLinkColor: null,
|
|
45
|
+
highlightByLinkForLinkFadingMin: 0.21,
|
|
46
|
+
highlightByLinkForLinkSizeAdditional: 0,
|
|
47
|
+
highlightByLinkForLinkColor: null,
|
|
48
|
+
/** Arrow */
|
|
49
|
+
highlightByNodeForArrowFadingMin: 0.21,
|
|
50
|
+
highlightByNodeForArrowSizeAdditional: 0,
|
|
51
|
+
highlightByNodeForArrowColor: null,
|
|
52
|
+
highlightByNodeForArrowBorderColor: null,
|
|
53
|
+
highlightByNodeForArrowBorderSizingAdditional: 0,
|
|
54
|
+
highlightByLinkForArrowFadingMin: 0.21,
|
|
55
|
+
highlightByLinkForArrowSizeAdditional: 0,
|
|
56
|
+
highlightByLinkForArrowColor: null,
|
|
57
|
+
highlightByLinkForArrowBorderColor: null,
|
|
58
|
+
highlightByLinkForArrowBorderSizingAdditional: 0,
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
export { HIGHLIGHT_SETTINGS };
|
|
62
|
+
//# sourceMappingURL=highlight-settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"highlight-settings.js","sources":["../../../../../src/module/GraphCanvas/constants/highlight-settings.ts"],"sourcesContent":["import type { HighlightSettingsInterface } from \"../types/highlight-settings\";\n\nexport const HIGHLIGHT_SETTINGS: Required<HighlightSettingsInterface> = {\n highlightByHoverNode: true,\n highlightByHoverLink: true,\n linkHoverExtraZone: 2,\n /** Node */\n highlightByNodeOnlyRoot: true,\n highlightByNodeForNodeColorFading: false,\n highlightByNodeForNodeColor: null,\n highlightByNodeForNodeSizingAdditional: 0.5,\n highlightByNodeForNodeSizingAdditionalCoefficient: 0.35,\n highlightByNodeForNodeColorFadingMin: 0.15,\n highlightByNodeForNodeFadingMin: 0.21,\n highlightByNodeForNodeBorderColor: null,\n highlightByNodeForNodeBorderSizingAdditional: 0,\n\n highlightByLinkForNodeColorFading: false,\n highlightByLinkForNodeColor: null,\n highlightByLinkForNodeSizingAdditional: 0.5,\n highlightByLinkForNodeSizingAdditionalCoefficient: 0.35,\n highlightByLinkForNodeColorFadingMin: 0.15,\n highlightByLinkForNodeFadingMin: 0.21,\n highlightByLinkForNodeBorderColor: null,\n highlightByLinkForNodeBorderSizingAdditional: 0,\n /** Text */\n highlightByNodeForTextShiftXAdditional: 0,\n highlightByNodeForTextShiftYAdditional: 2,\n highlightByNodeForTextSizingAdditional: 1,\n highlightByNodeForTextWeightAdditional: 0,\n highlightByNodeForTextFadingMin: 0.21,\n\n highlightByLinkForTextShiftXAdditional: 0,\n highlightByLinkForTextShiftYAdditional: 2,\n highlightByLinkForTextSizingAdditional: 1,\n highlightByLinkForTextWeightAdditional: 0,\n highlightByLinkForTextFadingMin: 0.21,\n /** Label */\n highlightByNodeForLabelFadingMin: 0.21,\n highlightByNodeForLabelSizingAdditional: 1,\n highlightByNodeForLabelWeightAdditional: 0,\n\n highlightByLinkForLabelFadingMin: 0.21,\n highlightByLinkForLabelSizingAdditional: 1,\n highlightByLinkForLabelWeightAdditional: 0,\n /** Link */\n highlightByNodeForLinkFadingMin: 0.21,\n highlightByNodeForLinkSizeAdditional: 0,\n highlightByNodeForLinkColor: null,\n\n highlightByLinkForLinkFadingMin: 0.21,\n highlightByLinkForLinkSizeAdditional: 0,\n highlightByLinkForLinkColor: null,\n /** Arrow */\n highlightByNodeForArrowFadingMin: 0.21,\n highlightByNodeForArrowSizeAdditional: 0,\n highlightByNodeForArrowColor: null,\n highlightByNodeForArrowBorderColor: null,\n highlightByNodeForArrowBorderSizingAdditional: 0,\n\n highlightByLinkForArrowFadingMin: 0.21,\n highlightByLinkForArrowSizeAdditional: 0,\n highlightByLinkForArrowColor: null,\n highlightByLinkForArrowBorderColor: null,\n highlightByLinkForArrowBorderSizingAdditional: 0,\n};\n"],"names":[],"mappings":"AAEa,MAAA,kBAAkB,GAAyC;AACtE,IAAA,oBAAoB,EAAE,IAAI;AAC1B,IAAA,oBAAoB,EAAE,IAAI;AAC1B,IAAA,kBAAkB,EAAE,CAAC;;AAErB,IAAA,uBAAuB,EAAE,IAAI;AAC7B,IAAA,iCAAiC,EAAE,KAAK;AACxC,IAAA,2BAA2B,EAAE,IAAI;AACjC,IAAA,sCAAsC,EAAE,GAAG;AAC3C,IAAA,iDAAiD,EAAE,IAAI;AACvD,IAAA,oCAAoC,EAAE,IAAI;AAC1C,IAAA,+BAA+B,EAAE,IAAI;AACrC,IAAA,iCAAiC,EAAE,IAAI;AACvC,IAAA,4CAA4C,EAAE,CAAC;AAE/C,IAAA,iCAAiC,EAAE,KAAK;AACxC,IAAA,2BAA2B,EAAE,IAAI;AACjC,IAAA,sCAAsC,EAAE,GAAG;AAC3C,IAAA,iDAAiD,EAAE,IAAI;AACvD,IAAA,oCAAoC,EAAE,IAAI;AAC1C,IAAA,+BAA+B,EAAE,IAAI;AACrC,IAAA,iCAAiC,EAAE,IAAI;AACvC,IAAA,4CAA4C,EAAE,CAAC;;AAE/C,IAAA,sCAAsC,EAAE,CAAC;AACzC,IAAA,sCAAsC,EAAE,CAAC;AACzC,IAAA,sCAAsC,EAAE,CAAC;AACzC,IAAA,sCAAsC,EAAE,CAAC;AACzC,IAAA,+BAA+B,EAAE,IAAI;AAErC,IAAA,sCAAsC,EAAE,CAAC;AACzC,IAAA,sCAAsC,EAAE,CAAC;AACzC,IAAA,sCAAsC,EAAE,CAAC;AACzC,IAAA,sCAAsC,EAAE,CAAC;AACzC,IAAA,+BAA+B,EAAE,IAAI;;AAErC,IAAA,gCAAgC,EAAE,IAAI;AACtC,IAAA,uCAAuC,EAAE,CAAC;AAC1C,IAAA,uCAAuC,EAAE,CAAC;AAE1C,IAAA,gCAAgC,EAAE,IAAI;AACtC,IAAA,uCAAuC,EAAE,CAAC;AAC1C,IAAA,uCAAuC,EAAE,CAAC;;AAE1C,IAAA,+BAA+B,EAAE,IAAI;AACrC,IAAA,oCAAoC,EAAE,CAAC;AACvC,IAAA,2BAA2B,EAAE,IAAI;AAEjC,IAAA,+BAA+B,EAAE,IAAI;AACrC,IAAA,oCAAoC,EAAE,CAAC;AACvC,IAAA,2BAA2B,EAAE,IAAI;;AAEjC,IAAA,gCAAgC,EAAE,IAAI;AACtC,IAAA,qCAAqC,EAAE,CAAC;AACxC,IAAA,4BAA4B,EAAE,IAAI;AAClC,IAAA,kCAAkC,EAAE,IAAI;AACxC,IAAA,6CAA6C,EAAE,CAAC;AAEhD,IAAA,gCAAgC,EAAE,IAAI;AACtC,IAAA,qCAAqC,EAAE,CAAC;AACxC,IAAA,4BAA4B,EAAE,IAAI;AAClC,IAAA,kCAAkC,EAAE,IAAI;AACxC,IAAA,6CAA6C,EAAE,CAAC;;;;;"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
const LINK_SETTINGS = {
|
|
2
|
+
cacheOptions: true,
|
|
3
|
+
prettyDraw: true,
|
|
4
|
+
linkScaleSwitch: 1,
|
|
5
|
+
linkColorAfterScaleSwitch: "#000000FF",
|
|
6
|
+
linkColorBeforeScaleSwitch: "#999",
|
|
7
|
+
linkWidthAfterScaleSwitch: 0.1,
|
|
8
|
+
linkWidthBeforeScaleSwitch: 1,
|
|
9
|
+
arrow: true,
|
|
10
|
+
arrowByHighlight: true,
|
|
11
|
+
particles: true,
|
|
12
|
+
particleFlexSpeed: true,
|
|
13
|
+
particleFlexSpeedCoefficient: 4,
|
|
14
|
+
};
|
|
15
|
+
const LINK_OPTIONS = {
|
|
16
|
+
alpha: 1,
|
|
17
|
+
arrowAlpha: 1,
|
|
18
|
+
arrowSize: 2,
|
|
19
|
+
arrowBorderColor: "#000000FF",
|
|
20
|
+
arrowBorderWidth: 0.1,
|
|
21
|
+
particleAlpha: 1,
|
|
22
|
+
particleColor: "#000000FF",
|
|
23
|
+
particleBorderColor: "#000000FF",
|
|
24
|
+
particleBorderWidth: 0.1,
|
|
25
|
+
particleCount: 2,
|
|
26
|
+
particleRadius: 0.5,
|
|
27
|
+
particleSteps: 60,
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export { LINK_OPTIONS, LINK_SETTINGS };
|
|
31
|
+
//# sourceMappingURL=link-settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-settings.js","sources":["../../../../../src/module/GraphCanvas/constants/link-settings.ts"],"sourcesContent":["import type { LinkOptionsInterface, LinkSettingsInterface } from \"../types/link-settings\";\n\nexport const LINK_SETTINGS: Omit<\n Required<LinkSettingsInterface<Record<string, unknown>, Record<string, unknown>>>,\n \"options\"\n> = {\n cacheOptions: true,\n prettyDraw: true,\n linkScaleSwitch: 1,\n linkColorAfterScaleSwitch: \"#000000FF\",\n linkColorBeforeScaleSwitch: \"#999\",\n linkWidthAfterScaleSwitch: 0.1,\n linkWidthBeforeScaleSwitch: 1,\n arrow: true,\n arrowByHighlight: true,\n particles: true,\n particleFlexSpeed: true,\n particleFlexSpeedCoefficient: 4,\n};\n\nexport const LINK_OPTIONS: Omit<\n Required<LinkOptionsInterface<Record<string, unknown>, Record<string, unknown>>>,\n \"color\" | \"width\" | \"drawLink\" | \"drawExtraLink\" | \"arrowColor\"\n> = {\n alpha: 1,\n arrowAlpha: 1,\n arrowSize: 2,\n arrowBorderColor: \"#000000FF\",\n arrowBorderWidth: 0.1,\n particleAlpha: 1,\n particleColor: \"#000000FF\",\n particleBorderColor: \"#000000FF\",\n particleBorderWidth: 0.1,\n particleCount: 2,\n particleRadius: 0.5,\n particleSteps: 60,\n};\n"],"names":[],"mappings":"AAEa,MAAA,aAAa,GAGtB;AACF,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,yBAAyB,EAAE,WAAW;AACtC,IAAA,0BAA0B,EAAE,MAAM;AAClC,IAAA,yBAAyB,EAAE,GAAG;AAC9B,IAAA,0BAA0B,EAAE,CAAC;AAC7B,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,4BAA4B,EAAE,CAAC;;AAGpB,MAAA,YAAY,GAGrB;AACF,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,gBAAgB,EAAE,WAAW;AAC7B,IAAA,gBAAgB,EAAE,GAAG;AACrB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,aAAa,EAAE,WAAW;AAC1B,IAAA,mBAAmB,EAAE,WAAW;AAChC,IAAA,mBAAmB,EAAE,GAAG;AACxB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,cAAc,EAAE,GAAG;AACnB,IAAA,aAAa,EAAE,EAAE;;;;;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
const NODE_SETTINGS = {
|
|
2
|
+
cacheOptions: true,
|
|
3
|
+
nodeRadiusFlexible: true,
|
|
4
|
+
nodeRadiusCoefficient: 5,
|
|
5
|
+
nodeRadiusFactor: 1,
|
|
6
|
+
nodeSizeFlexible: true,
|
|
7
|
+
nodeSizeCoefficient: 5,
|
|
8
|
+
nodeSizeFactor: 0.1,
|
|
9
|
+
textScaleMin: 1.5,
|
|
10
|
+
textScaleMax: 18,
|
|
11
|
+
textSizeMin: 3.5,
|
|
12
|
+
textSizeMax: 1.5,
|
|
13
|
+
textShiftYMin: 4,
|
|
14
|
+
textShiftYMax: 2.5,
|
|
15
|
+
textNodeDebug: false,
|
|
16
|
+
};
|
|
17
|
+
const NODE_OPTIONS = {
|
|
18
|
+
shape: "circle",
|
|
19
|
+
height: 10,
|
|
20
|
+
width: 15,
|
|
21
|
+
borderRadius: 0,
|
|
22
|
+
radius: 4,
|
|
23
|
+
alpha: 1,
|
|
24
|
+
labelXPadding: 1,
|
|
25
|
+
labelYPadding: 1,
|
|
26
|
+
borderWidth: 0.1,
|
|
27
|
+
borderColor: "#000000FF",
|
|
28
|
+
textAlpha: 1,
|
|
29
|
+
textWidth: 20,
|
|
30
|
+
textShiftX: 0,
|
|
31
|
+
textFont: "Arial",
|
|
32
|
+
textAlign: "center",
|
|
33
|
+
textColor: "#333",
|
|
34
|
+
textStyle: "normal",
|
|
35
|
+
textWeight: 500,
|
|
36
|
+
textGap: 0,
|
|
37
|
+
label: null,
|
|
38
|
+
labelAlpha: 1,
|
|
39
|
+
labelAlign: "center",
|
|
40
|
+
labelColor: "#333",
|
|
41
|
+
labelFont: "Arial",
|
|
42
|
+
labelGap: 0,
|
|
43
|
+
labelSize: 3.5,
|
|
44
|
+
labelStyle: "normal",
|
|
45
|
+
labelWeight: 500,
|
|
46
|
+
labelWidth: 20,
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export { NODE_OPTIONS, NODE_SETTINGS };
|
|
50
|
+
//# sourceMappingURL=node-settings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"node-settings.js","sources":["../../../../../src/module/GraphCanvas/constants/node-settings.ts"],"sourcesContent":["import type { NodeOptionsInterface, NodeSettingsInterface } from \"../types/node-settings\";\n\nexport const NODE_SETTINGS: Omit<\n Required<NodeSettingsInterface<Record<string, unknown>, Record<string, unknown>>>,\n \"options\" | \"idGetter\"\n> = {\n cacheOptions: true,\n nodeRadiusFlexible: true,\n nodeRadiusCoefficient: 5,\n nodeRadiusFactor: 1,\n nodeSizeFlexible: true,\n nodeSizeCoefficient: 5,\n nodeSizeFactor: 0.1,\n textScaleMin: 1.5,\n textScaleMax: 18,\n textSizeMin: 3.5,\n textSizeMax: 1.5,\n textShiftYMin: 4,\n textShiftYMax: 2.5,\n textNodeDebug: false,\n};\n\nexport const NODE_OPTIONS: Omit<\n Required<NodeOptionsInterface<Record<string, unknown>, Record<string, unknown>>>,\n | \"color\"\n | \"text\"\n | \"textVisible\"\n | \"textSize\"\n | \"textShiftY\"\n | \"nodeDraw\"\n | \"nodeExtraDraw\"\n | \"textDraw\"\n | \"textExtraDraw\"\n> = {\n shape: \"circle\",\n height: 10,\n width: 15,\n borderRadius: 0,\n radius: 4,\n alpha: 1,\n labelXPadding: 1,\n labelYPadding: 1,\n borderWidth: 0.1,\n borderColor: \"#000000FF\",\n textAlpha: 1,\n textWidth: 20,\n textShiftX: 0,\n textFont: \"Arial\",\n textAlign: \"center\" as CanvasTextAlign,\n textColor: \"#333\",\n textStyle: \"normal\",\n textWeight: 500,\n textGap: 0,\n label: null,\n labelAlpha: 1,\n labelAlign: \"center\",\n labelColor: \"#333\",\n labelFont: \"Arial\",\n labelGap: 0,\n labelSize: 3.5,\n labelStyle: \"normal\",\n labelWeight: 500,\n labelWidth: 20,\n};\n"],"names":[],"mappings":"AAEa,MAAA,aAAa,GAGtB;AACF,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,kBAAkB,EAAE,IAAI;AACxB,IAAA,qBAAqB,EAAE,CAAC;AACxB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,mBAAmB,EAAE,CAAC;AACtB,IAAA,cAAc,EAAE,GAAG;AACnB,IAAA,YAAY,EAAE,GAAG;AACjB,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,aAAa,EAAE,GAAG;AAClB,IAAA,aAAa,EAAE,KAAK;;AAGT,MAAA,YAAY,GAWrB;AACF,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,QAAQ,EAAE,OAAO;AACjB,IAAA,SAAS,EAAE,QAA2B;AACtC,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,SAAS,EAAE,QAAQ;AACnB,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,UAAU,EAAE,EAAE;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"force-settings-getter.js","sources":["../../../../../../src/module/GraphCanvas/lib/settings/force-settings-getter.ts"],"sourcesContent":["import { FORCE_SETTINGS } from \"../../constants\";\nimport type { ForceSettingsInterface } from \"../../types\";\n\nexport function forceSettingsGetter<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n>(\n settings: ForceSettingsInterface<NodeData, LinkData> | undefined,\n prevSettings?: Required<ForceSettingsInterface<NodeData, LinkData>>,\n): Required<ForceSettingsInterface<NodeData, LinkData>> {\n return {\n ...(prevSettings ?? (FORCE_SETTINGS as Required<ForceSettingsInterface<NodeData, LinkData>>)),\n ...settings,\n };\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"force-settings-getter.js","sources":["../../../../../../src/module/GraphCanvas/lib/settings/force-settings-getter.ts"],"sourcesContent":["import { FORCE_SETTINGS } from \"../../constants\";\nimport type { ForceSettingsInterface } from \"../../types\";\n\nexport function forceSettingsGetter<\n NodeData extends Record<string, unknown>,\n LinkData extends Record<string, unknown>,\n>(\n settings: ForceSettingsInterface<NodeData, LinkData> | undefined,\n prevSettings?: Required<ForceSettingsInterface<NodeData, LinkData>>,\n): Required<ForceSettingsInterface<NodeData, LinkData>> {\n return {\n ...(prevSettings ?? (FORCE_SETTINGS as Required<ForceSettingsInterface<NodeData, LinkData>>)),\n ...settings,\n };\n}\n"],"names":[],"mappings":";;;;AAGgB,SAAA,mBAAmB,CAIjC,QAAgE,EAChE,YAAmE,EAAA;IAEnE,OAAO;AACL,QAAA,IAAI,YAAY,IAAK,cAAuE,CAAC;AAC7F,QAAA,GAAG,QAAQ;KACZ;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graph-settings-getter.js","sources":["../../../../../../src/module/GraphCanvas/lib/settings/graph-settings-getter.ts"],"sourcesContent":["import { GRAPH_SETTINGS } from \"../../constants\";\nimport type { GraphSettingsInterface } from \"../../types\";\n\nexport function graphSettingsGetter<NodeData extends Record<string, unknown>>(\n settings: GraphSettingsInterface<NodeData> | undefined,\n prevSettings?: Required<GraphSettingsInterface<NodeData>>,\n): Required<GraphSettingsInterface<NodeData>> {\n return {\n ...(prevSettings ?? GRAPH_SETTINGS),\n ...settings,\n };\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,mBAAmB,CACjC,QAAsD,EACtD,YAAyD,EAAA;IAEzD,OAAO;AACL,QAAA,IAAI,YAAY,IAAI,cAAc,CAAC;AACnC,QAAA,GAAG,QAAQ;KACZ;AACH;;;;"}
|
|
1
|
+
{"version":3,"file":"graph-settings-getter.js","sources":["../../../../../../src/module/GraphCanvas/lib/settings/graph-settings-getter.ts"],"sourcesContent":["import { GRAPH_SETTINGS } from \"../../constants\";\nimport type { GraphSettingsInterface } from \"../../types/graph-settings\";\n\nexport function graphSettingsGetter<NodeData extends Record<string, unknown>>(\n settings: GraphSettingsInterface<NodeData> | undefined,\n prevSettings?: Required<GraphSettingsInterface<NodeData>>,\n): Required<GraphSettingsInterface<NodeData>> {\n return {\n ...(prevSettings ?? GRAPH_SETTINGS),\n ...settings,\n };\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,mBAAmB,CACjC,QAAsD,EACtD,YAAyD,EAAA;IAEzD,OAAO;AACL,QAAA,IAAI,YAAY,IAAI,cAAc,CAAC;AACnC,QAAA,GAAG,QAAQ;KACZ;AACH;;;;"}
|