@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.
Files changed (79) hide show
  1. package/lib/cjs/index.cjs +1909 -1321
  2. package/lib/cjs/index.cjs.map +1 -1
  3. package/lib/esm/constants/force-controls.js +141 -0
  4. package/lib/esm/constants/force-controls.js.map +1 -0
  5. package/lib/esm/constants/graph-controls.js +25 -0
  6. package/lib/esm/constants/graph-controls.js.map +1 -0
  7. package/lib/esm/constants/highlight-controls.js +452 -0
  8. package/lib/esm/constants/highlight-controls.js.map +1 -0
  9. package/lib/esm/constants/link-controls.js +219 -0
  10. package/lib/esm/constants/link-controls.js.map +1 -0
  11. package/lib/esm/constants/node-controls.js +345 -0
  12. package/lib/esm/constants/node-controls.js.map +1 -0
  13. package/lib/esm/index.js +24 -3
  14. package/lib/esm/index.js.map +1 -1
  15. package/lib/esm/lib/fade-rgb.js.map +1 -1
  16. package/lib/esm/lib/rgb-animation-by-progress.js.map +1 -1
  17. package/lib/esm/module/GraphCanvas/GraphCanvas.js +29 -32
  18. package/lib/esm/module/GraphCanvas/GraphCanvas.js.map +1 -1
  19. package/lib/esm/module/GraphCanvas/constants/common-settings.js +7 -0
  20. package/lib/esm/module/GraphCanvas/constants/common-settings.js.map +1 -0
  21. package/lib/esm/module/GraphCanvas/constants/force-settings.js +29 -0
  22. package/lib/esm/module/GraphCanvas/constants/force-settings.js.map +1 -0
  23. package/lib/esm/module/GraphCanvas/constants/graph-settings.js +19 -0
  24. package/lib/esm/module/GraphCanvas/constants/graph-settings.js.map +1 -0
  25. package/lib/esm/module/GraphCanvas/constants/highlight-settings.js +62 -0
  26. package/lib/esm/module/GraphCanvas/constants/highlight-settings.js.map +1 -0
  27. package/lib/esm/module/GraphCanvas/constants/link-settings.js +31 -0
  28. package/lib/esm/module/GraphCanvas/constants/link-settings.js.map +1 -0
  29. package/lib/esm/module/GraphCanvas/constants/node-settings.js +50 -0
  30. package/lib/esm/module/GraphCanvas/constants/node-settings.js.map +1 -0
  31. package/lib/esm/module/GraphCanvas/lib/settings/force-settings-getter.js +3 -1
  32. package/lib/esm/module/GraphCanvas/lib/settings/force-settings-getter.js.map +1 -1
  33. package/lib/esm/module/GraphCanvas/lib/settings/graph-settings-getter.js +1 -1
  34. package/lib/esm/module/GraphCanvas/lib/settings/graph-settings-getter.js.map +1 -1
  35. package/lib/esm/module/GraphCanvas/lib/settings/highlight-settings-getter.js +13 -0
  36. package/lib/esm/module/GraphCanvas/lib/settings/highlight-settings-getter.js.map +1 -0
  37. package/lib/esm/module/GraphCanvas/lib/settings/link-settings-getter.js +13 -11
  38. package/lib/esm/module/GraphCanvas/lib/settings/link-settings-getter.js.map +1 -1
  39. package/lib/esm/module/GraphCanvas/lib/settings/node-settings-getter.js +22 -20
  40. package/lib/esm/module/GraphCanvas/lib/settings/node-settings-getter.js.map +1 -1
  41. package/lib/esm/module/GraphCanvas/lib/utils/calculate-link-position-by-node.js +8 -4
  42. package/lib/esm/module/GraphCanvas/lib/utils/calculate-link-position-by-node.js.map +1 -1
  43. package/lib/esm/module/GraphCanvas/lib/utils/drag-place-coefficient-getter.js.map +1 -1
  44. package/lib/esm/module/GraphCanvas/lib/utils/get-particle-position.js.map +1 -1
  45. package/lib/esm/module/GraphCanvas/lib/utils/is-node-visible.js +3 -1
  46. package/lib/esm/module/GraphCanvas/lib/utils/is-node-visible.js.map +1 -1
  47. package/lib/esm/module/GraphCanvas/lib/utils/is-overlaps-node.js.map +1 -1
  48. package/lib/esm/module/GraphCanvas/lib/utils/link-by-pointer-getter.js +2 -2
  49. package/lib/esm/module/GraphCanvas/lib/utils/link-by-pointer-getter.js.map +1 -1
  50. package/lib/esm/module/GraphCanvas/lib/utils/link-highlight.js +66 -0
  51. package/lib/esm/module/GraphCanvas/lib/utils/link-highlight.js.map +1 -0
  52. package/lib/esm/module/GraphCanvas/lib/utils/link-iteration-extractor.js +2 -3
  53. package/lib/esm/module/GraphCanvas/lib/utils/link-iteration-extractor.js.map +1 -1
  54. package/lib/esm/module/GraphCanvas/lib/utils/node-by-pointer-getter.js.map +1 -1
  55. package/lib/esm/module/GraphCanvas/lib/utils/node-highlight.js +115 -0
  56. package/lib/esm/module/GraphCanvas/lib/utils/node-highlight.js.map +1 -0
  57. package/lib/esm/module/GraphCanvas/lib/utils/node-iteration-extractor.js +2 -3
  58. package/lib/esm/module/GraphCanvas/lib/utils/node-iteration-extractor.js.map +1 -1
  59. package/lib/esm/module/GraphCanvas/slices/draw-links.js +90 -60
  60. package/lib/esm/module/GraphCanvas/slices/draw-links.js.map +1 -1
  61. package/lib/esm/module/GraphCanvas/slices/draw-nodes.js +214 -135
  62. package/lib/esm/module/GraphCanvas/slices/draw-nodes.js.map +1 -1
  63. package/lib/esm/module/GraphCanvas/slices/draw-text.js.map +1 -1
  64. package/lib/esm/module/GraphCanvas/slices/init-dnd.js +4 -4
  65. package/lib/esm/module/GraphCanvas/slices/init-dnd.js.map +1 -1
  66. package/lib/esm/module/GraphCanvas/slices/init-draw.js +4 -15
  67. package/lib/esm/module/GraphCanvas/slices/init-draw.js.map +1 -1
  68. package/lib/esm/module/GraphCanvas/slices/init-pointer.js +17 -17
  69. package/lib/esm/module/GraphCanvas/slices/init-pointer.js.map +1 -1
  70. package/lib/esm/module/GraphCanvas/slices/init-simulation.js +21 -22
  71. package/lib/esm/module/GraphCanvas/slices/init-simulation.js.map +1 -1
  72. package/lib/esm/module/GraphCanvas/slices/init-zoom.js +1 -1
  73. package/lib/esm/module/GraphCanvas/slices/init-zoom.js.map +1 -1
  74. package/lib/index.d.ts +436 -220
  75. package/package.json +1 -1
  76. package/lib/esm/lib/get-controls-info.js +0 -915
  77. package/lib/esm/lib/get-controls-info.js.map +0 -1
  78. package/lib/esm/module/GraphCanvas/constants/settings.js +0 -158
  79. package/lib/esm/module/GraphCanvas/constants/settings.js.map +0 -1
@@ -0,0 +1,141 @@
1
+ import { FORCE_SETTINGS } from '../module/GraphCanvas/constants/force-settings.js';
2
+ import '@krainovsd/js-helpers';
3
+ import 'd3-array';
4
+
5
+ const FORCE_CONTROLS = [
6
+ {
7
+ id: "forces",
8
+ initialValue: FORCE_SETTINGS.forces,
9
+ label: "Физика",
10
+ type: "checkbox",
11
+ },
12
+ {
13
+ id: "collideForce",
14
+ type: "checkbox",
15
+ label: "Сила отталкивания",
16
+ initialValue: FORCE_SETTINGS.collideForce,
17
+ },
18
+ {
19
+ id: "centerForce",
20
+ type: "checkbox",
21
+ label: "Сила центрирования",
22
+ initialValue: FORCE_SETTINGS.centerForce,
23
+ },
24
+ {
25
+ id: "chargeForce",
26
+ type: "checkbox",
27
+ label: "Сила дистанции",
28
+ initialValue: FORCE_SETTINGS.chargeForce,
29
+ },
30
+ {
31
+ id: "linkForce",
32
+ type: "checkbox",
33
+ label: "Сила связей",
34
+ initialValue: FORCE_SETTINGS.linkForce,
35
+ },
36
+ {
37
+ id: "xForce",
38
+ type: "checkbox",
39
+ label: "Сила притяжения по оси X",
40
+ initialValue: FORCE_SETTINGS.xForce,
41
+ },
42
+ {
43
+ id: "yForce",
44
+ type: "checkbox",
45
+ label: "Сила притяжения по оси Y",
46
+ initialValue: FORCE_SETTINGS.yForce,
47
+ },
48
+ {
49
+ id: "collideStrength",
50
+ initialValue: FORCE_SETTINGS.collideStrength,
51
+ label: "Сила отталкивания",
52
+ max: 1,
53
+ min: 0,
54
+ step: 0.01,
55
+ type: "range",
56
+ },
57
+ {
58
+ id: "collideAdditionalRadius",
59
+ initialValue: FORCE_SETTINGS.collideAdditionalRadius,
60
+ label: "Радиус отталкивания",
61
+ max: 300,
62
+ min: 0,
63
+ step: 0.1,
64
+ type: "range",
65
+ },
66
+ {
67
+ id: "collideIterations",
68
+ initialValue: FORCE_SETTINGS.collideIterations,
69
+ label: "Итерации отталкивания",
70
+ max: 10,
71
+ min: 0,
72
+ step: 1,
73
+ type: "range",
74
+ },
75
+ {
76
+ id: "chargeStrength",
77
+ initialValue: typeof FORCE_SETTINGS.chargeStrength === "number" ? FORCE_SETTINGS.chargeStrength : 0,
78
+ label: "Дистанция",
79
+ max: 0,
80
+ min: -300,
81
+ step: 0.1,
82
+ type: "range",
83
+ },
84
+ {
85
+ type: "range",
86
+ id: "xPosition",
87
+ min: 0,
88
+ max: 2000,
89
+ step: 1,
90
+ label: "Координата притяжения по оси X",
91
+ initialValue: typeof FORCE_SETTINGS.xPosition === "number" ? FORCE_SETTINGS.xPosition : 0,
92
+ },
93
+ {
94
+ type: "range",
95
+ id: "yPosition",
96
+ min: 0,
97
+ max: 2000,
98
+ step: 1,
99
+ label: "Координата притяжения по оси Y",
100
+ initialValue: typeof FORCE_SETTINGS.yPosition === "number" ? FORCE_SETTINGS.yPosition : 0,
101
+ },
102
+ {
103
+ type: "range",
104
+ id: "xStrength",
105
+ min: 0,
106
+ max: 1,
107
+ step: 0.01,
108
+ label: "Сила притяжения по оси X",
109
+ initialValue: typeof FORCE_SETTINGS.xStrength === "number" ? FORCE_SETTINGS.xStrength : 0,
110
+ },
111
+ {
112
+ type: "range",
113
+ id: "yStrength",
114
+ min: 0,
115
+ max: 1,
116
+ step: 0.01,
117
+ label: "Сила притяжения по оси Y",
118
+ initialValue: typeof FORCE_SETTINGS.yStrength === "number" ? FORCE_SETTINGS.yStrength : 0,
119
+ },
120
+ {
121
+ type: "range",
122
+ id: "linkStrength",
123
+ min: 0,
124
+ max: 1,
125
+ step: 0.01,
126
+ label: "Сила связей",
127
+ initialValue: typeof FORCE_SETTINGS.linkStrength === "number" ? FORCE_SETTINGS.linkStrength : 0,
128
+ },
129
+ {
130
+ type: "range",
131
+ id: "linkDistance",
132
+ min: 0,
133
+ max: 300,
134
+ step: 0.1,
135
+ label: "Расстояние связей",
136
+ initialValue: typeof FORCE_SETTINGS.linkDistance === "number" ? FORCE_SETTINGS.linkDistance : 30,
137
+ },
138
+ ];
139
+
140
+ export { FORCE_CONTROLS };
141
+ //# sourceMappingURL=force-controls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"force-controls.js","sources":["../../../src/constants/force-controls.ts"],"sourcesContent":["import type { ForceSettingsInterface } from \"@/module/GraphCanvas\";\nimport { FORCE_SETTINGS } from \"@/module/GraphCanvas/constants\";\nimport type { GraphSettingsInputInterface } from \"@/types\";\n\nexport const FORCE_CONTROLS: GraphSettingsInputInterface<\n keyof ForceSettingsInterface<Record<string, unknown>, Record<string, unknown>>\n>[] = [\n {\n id: \"forces\",\n initialValue: FORCE_SETTINGS.forces,\n label: \"Физика\",\n type: \"checkbox\",\n },\n {\n id: \"collideForce\",\n type: \"checkbox\",\n label: \"Сила отталкивания\",\n initialValue: FORCE_SETTINGS.collideForce,\n },\n {\n id: \"centerForce\",\n type: \"checkbox\",\n label: \"Сила центрирования\",\n initialValue: FORCE_SETTINGS.centerForce,\n },\n {\n id: \"chargeForce\",\n type: \"checkbox\",\n label: \"Сила дистанции\",\n initialValue: FORCE_SETTINGS.chargeForce,\n },\n {\n id: \"linkForce\",\n type: \"checkbox\",\n label: \"Сила связей\",\n initialValue: FORCE_SETTINGS.linkForce,\n },\n {\n id: \"xForce\",\n type: \"checkbox\",\n label: \"Сила притяжения по оси X\",\n initialValue: FORCE_SETTINGS.xForce,\n },\n {\n id: \"yForce\",\n type: \"checkbox\",\n label: \"Сила притяжения по оси Y\",\n initialValue: FORCE_SETTINGS.yForce,\n },\n\n {\n id: \"collideStrength\",\n initialValue: FORCE_SETTINGS.collideStrength,\n label: \"Сила отталкивания\",\n max: 1,\n min: 0,\n step: 0.01,\n type: \"range\",\n },\n {\n id: \"collideAdditionalRadius\",\n initialValue: FORCE_SETTINGS.collideAdditionalRadius,\n label: \"Радиус отталкивания\",\n max: 300,\n min: 0,\n step: 0.1,\n type: \"range\",\n },\n {\n id: \"collideIterations\",\n initialValue: FORCE_SETTINGS.collideIterations,\n label: \"Итерации отталкивания\",\n max: 10,\n min: 0,\n step: 1,\n type: \"range\",\n },\n {\n id: \"chargeStrength\",\n initialValue:\n typeof FORCE_SETTINGS.chargeStrength === \"number\" ? FORCE_SETTINGS.chargeStrength : 0,\n label: \"Дистанция\",\n max: 0,\n min: -300,\n step: 0.1,\n type: \"range\",\n },\n {\n type: \"range\",\n id: \"xPosition\",\n min: 0,\n max: 2000,\n step: 1,\n label: \"Координата притяжения по оси X\",\n initialValue: typeof FORCE_SETTINGS.xPosition === \"number\" ? FORCE_SETTINGS.xPosition : 0,\n },\n {\n type: \"range\",\n id: \"yPosition\",\n min: 0,\n max: 2000,\n step: 1,\n label: \"Координата притяжения по оси Y\",\n initialValue: typeof FORCE_SETTINGS.yPosition === \"number\" ? FORCE_SETTINGS.yPosition : 0,\n },\n {\n type: \"range\",\n id: \"xStrength\",\n min: 0,\n max: 1,\n step: 0.01,\n label: \"Сила притяжения по оси X\",\n initialValue: typeof FORCE_SETTINGS.xStrength === \"number\" ? FORCE_SETTINGS.xStrength : 0,\n },\n {\n type: \"range\",\n id: \"yStrength\",\n min: 0,\n max: 1,\n step: 0.01,\n label: \"Сила притяжения по оси Y\",\n initialValue: typeof FORCE_SETTINGS.yStrength === \"number\" ? FORCE_SETTINGS.yStrength : 0,\n },\n {\n type: \"range\",\n id: \"linkStrength\",\n min: 0,\n max: 1,\n step: 0.01,\n label: \"Сила связей\",\n initialValue: typeof FORCE_SETTINGS.linkStrength === \"number\" ? FORCE_SETTINGS.linkStrength : 0,\n },\n {\n type: \"range\",\n id: \"linkDistance\",\n min: 0,\n max: 300,\n step: 0.1,\n label: \"Расстояние связей\",\n initialValue:\n typeof FORCE_SETTINGS.linkDistance === \"number\" ? FORCE_SETTINGS.linkDistance : 30,\n },\n];\n"],"names":[],"mappings":";;;;AAIa,MAAA,cAAc,GAErB;AACJ,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;QACZ,YAAY,EAAE,cAAc,CAAC,MAAM;AACnC,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,cAAc;AAClB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,mBAAmB;QAC1B,YAAY,EAAE,cAAc,CAAC,YAAY;AAC1C,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,aAAa;AACjB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,oBAAoB;QAC3B,YAAY,EAAE,cAAc,CAAC,WAAW;AACzC,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,aAAa;AACjB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,gBAAgB;QACvB,YAAY,EAAE,cAAc,CAAC,WAAW;AACzC,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,aAAa;QACpB,YAAY,EAAE,cAAc,CAAC,SAAS;AACvC,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,0BAA0B;QACjC,YAAY,EAAE,cAAc,CAAC,MAAM;AACpC,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,0BAA0B;QACjC,YAAY,EAAE,cAAc,CAAC,MAAM;AACpC,KAAA;AAED,IAAA;AACE,QAAA,EAAE,EAAE,iBAAiB;QACrB,YAAY,EAAE,cAAc,CAAC,eAAe;AAC5C,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,yBAAyB;QAC7B,YAAY,EAAE,cAAc,CAAC,uBAAuB;AACpD,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,mBAAmB;QACvB,YAAY,EAAE,cAAc,CAAC,iBAAiB;AAC9C,QAAA,KAAK,EAAE,uBAAuB;AAC9B,QAAA,GAAG,EAAE,EAAE;AACP,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,gBAAgB;AACpB,QAAA,YAAY,EACV,OAAO,cAAc,CAAC,cAAc,KAAK,QAAQ,GAAG,cAAc,CAAC,cAAc,GAAG,CAAC;AACvF,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,IAAI;AACT,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,gCAAgC;AACvC,QAAA,YAAY,EAAE,OAAO,cAAc,CAAC,SAAS,KAAK,QAAQ,GAAG,cAAc,CAAC,SAAS,GAAG,CAAC;AAC1F,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,gCAAgC;AACvC,QAAA,YAAY,EAAE,OAAO,cAAc,CAAC,SAAS,KAAK,QAAQ,GAAG,cAAc,CAAC,SAAS,GAAG,CAAC;AAC1F,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,0BAA0B;AACjC,QAAA,YAAY,EAAE,OAAO,cAAc,CAAC,SAAS,KAAK,QAAQ,GAAG,cAAc,CAAC,SAAS,GAAG,CAAC;AAC1F,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,0BAA0B;AACjC,QAAA,YAAY,EAAE,OAAO,cAAc,CAAC,SAAS,KAAK,QAAQ,GAAG,cAAc,CAAC,SAAS,GAAG,CAAC;AAC1F,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,cAAc;AAClB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,YAAY,EAAE,OAAO,cAAc,CAAC,YAAY,KAAK,QAAQ,GAAG,cAAc,CAAC,YAAY,GAAG,CAAC;AAChG,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,EAAE,EAAE,cAAc;AAClB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,YAAY,EACV,OAAO,cAAc,CAAC,YAAY,KAAK,QAAQ,GAAG,cAAc,CAAC,YAAY,GAAG,EAAE;AACrF,KAAA;;;;;"}
@@ -0,0 +1,25 @@
1
+ import { GRAPH_SETTINGS } from '../module/GraphCanvas/constants/graph-settings.js';
2
+
3
+ const GRAPH_CONTROLS = [
4
+ {
5
+ id: "highlightDownFrames",
6
+ initialValue: GRAPH_SETTINGS.highlightDownFrames,
7
+ max: 60,
8
+ min: 1,
9
+ step: 1,
10
+ type: "range",
11
+ label: "Скорость отмены анимации в кадрах",
12
+ },
13
+ {
14
+ id: "highlightUpFrames",
15
+ initialValue: GRAPH_SETTINGS.highlightUpFrames,
16
+ max: 60,
17
+ min: 1,
18
+ step: 1,
19
+ type: "range",
20
+ label: "Скорость применения анимации в кадрах",
21
+ },
22
+ ];
23
+
24
+ export { GRAPH_CONTROLS };
25
+ //# sourceMappingURL=graph-controls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"graph-controls.js","sources":["../../../src/constants/graph-controls.ts"],"sourcesContent":["import type { GraphSettingsInterface } from \"@/module/GraphCanvas\";\nimport { GRAPH_SETTINGS } from \"@/module/GraphCanvas/constants\";\nimport type { GraphSettingsInputInterface } from \"@/types\";\n\nexport const GRAPH_CONTROLS: GraphSettingsInputInterface<\n keyof GraphSettingsInterface<Record<string, unknown>>\n>[] = [\n {\n id: \"highlightDownFrames\",\n initialValue: GRAPH_SETTINGS.highlightDownFrames,\n max: 60,\n min: 1,\n step: 1,\n type: \"range\",\n label: \"Скорость отмены анимации в кадрах\",\n },\n {\n id: \"highlightUpFrames\",\n initialValue: GRAPH_SETTINGS.highlightUpFrames,\n max: 60,\n min: 1,\n step: 1,\n type: \"range\",\n label: \"Скорость применения анимации в кадрах\",\n },\n];\n"],"names":[],"mappings":";;AAIa,MAAA,cAAc,GAErB;AACJ,IAAA;AACE,QAAA,EAAE,EAAE,qBAAqB;QACzB,YAAY,EAAE,cAAc,CAAC,mBAAmB;AAChD,QAAA,GAAG,EAAE,EAAE;AACP,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,mCAAmC;AAC3C,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,mBAAmB;QACvB,YAAY,EAAE,cAAc,CAAC,iBAAiB;AAC9C,QAAA,GAAG,EAAE,EAAE;AACP,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,uCAAuC;AAC/C,KAAA;;;;;"}
@@ -0,0 +1,452 @@
1
+ import '@krainovsd/js-helpers';
2
+ import 'd3-array';
3
+ import { HIGHLIGHT_SETTINGS } from '../module/GraphCanvas/constants/highlight-settings.js';
4
+
5
+ const HIGHLIGHT_COMMON_CONTROLS = [
6
+ {
7
+ id: "highlightByHoverNode",
8
+ type: "checkbox",
9
+ initialValue: HIGHLIGHT_SETTINGS.highlightByHoverNode,
10
+ label: "Анимация при наведении на вершину",
11
+ },
12
+ {
13
+ id: "highlightByHoverLink",
14
+ type: "checkbox",
15
+ label: "Анимация при наведении на связь",
16
+ initialValue: HIGHLIGHT_SETTINGS.highlightByHoverLink,
17
+ },
18
+ {
19
+ id: "linkHoverExtraZone",
20
+ initialValue: HIGHLIGHT_SETTINGS.linkHoverExtraZone,
21
+ max: 10,
22
+ min: 0,
23
+ step: 0.01,
24
+ type: "range",
25
+ label: "Расширение границы связи для курсора",
26
+ },
27
+ ];
28
+ const HIGHLIGHT_BY_NODE_FOR_NODE_CONTROLS = [
29
+ {
30
+ id: "highlightByNodeOnlyRoot",
31
+ type: "checkbox",
32
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeOnlyRoot,
33
+ label: "Основная анимация только на инициаторе",
34
+ },
35
+ {
36
+ id: "highlightByNodeForNodeColorFading",
37
+ type: "checkbox",
38
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForNodeColorFading,
39
+ label: "Прозрачность без альфа канала",
40
+ },
41
+ {
42
+ id: "highlightByNodeForNodeColor",
43
+ type: "color",
44
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForNodeColor ?? "#000000",
45
+ label: "Цвет",
46
+ },
47
+ {
48
+ id: "highlightByNodeForNodeFadingMin",
49
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForNodeFadingMin,
50
+ max: 1,
51
+ min: 0,
52
+ step: 0.01,
53
+ type: "range",
54
+ label: "Граница прозрачности",
55
+ },
56
+ {
57
+ id: "highlightByNodeForNodeColorFadingMin",
58
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForNodeColorFadingMin,
59
+ max: 1,
60
+ min: 0.01,
61
+ step: 0.01,
62
+ type: "range",
63
+ label: "Граница прозрачности без альфа канала",
64
+ },
65
+ {
66
+ id: "highlightByNodeForNodeSizingAdditional",
67
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForNodeSizingAdditional,
68
+ max: 10,
69
+ min: -10,
70
+ step: 0.01,
71
+ type: "range",
72
+ label: "Изменение радиуса (только для круга)",
73
+ },
74
+ {
75
+ id: "highlightByNodeForNodeSizingAdditionalCoefficient",
76
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForNodeSizingAdditionalCoefficient,
77
+ max: 10,
78
+ min: 0.01,
79
+ step: 0.01,
80
+ type: "range",
81
+ label: "Коэффициент изменения размера (только не для круга)",
82
+ },
83
+ {
84
+ id: "highlightByNodeForNodeBorderColor",
85
+ type: "color",
86
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForNodeBorderColor ?? "#000000",
87
+ label: "Цвет границы",
88
+ },
89
+ {
90
+ id: "highlightByNodeForNodeBorderSizingAdditional",
91
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForNodeBorderSizingAdditional,
92
+ max: 10,
93
+ min: 0.01,
94
+ step: 0.01,
95
+ type: "range",
96
+ label: "Изменение размера границы",
97
+ },
98
+ ];
99
+ const HIGHLIGHT_BY_NODE_FOR_TEXT_CONTROLS = [
100
+ {
101
+ id: "highlightByNodeForTextFadingMin",
102
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForTextFadingMin,
103
+ max: 1,
104
+ min: 0,
105
+ step: 0.01,
106
+ type: "range",
107
+ label: "Граница прозрачности",
108
+ },
109
+ {
110
+ id: "highlightByNodeForTextSizingAdditional",
111
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForTextSizingAdditional,
112
+ max: 10,
113
+ min: -10,
114
+ step: 0.1,
115
+ type: "range",
116
+ label: "Изменение размера",
117
+ },
118
+ {
119
+ id: "highlightByNodeForTextWeightAdditional",
120
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForTextWeightAdditional,
121
+ max: 1000,
122
+ min: -1e3,
123
+ step: 100,
124
+ type: "range",
125
+ label: "Изменение жирности",
126
+ },
127
+ {
128
+ id: "highlightByNodeForTextShiftXAdditional",
129
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForTextShiftXAdditional,
130
+ max: 50,
131
+ min: -50,
132
+ step: 0.1,
133
+ type: "range",
134
+ label: "Смещение по оси X",
135
+ },
136
+ {
137
+ id: "highlightByNodeForTextShiftYAdditional",
138
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForTextShiftYAdditional,
139
+ max: 50,
140
+ min: -50,
141
+ step: 0.1,
142
+ type: "range",
143
+ label: "Смещение по оси Y",
144
+ },
145
+ ];
146
+ const HIGHLIGHT_BY_NODE_FOR_LABEL_CONTROLS = [
147
+ {
148
+ id: "highlightByNodeForLabelFadingMin",
149
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForLabelFadingMin,
150
+ max: 1,
151
+ min: 0,
152
+ step: 0.01,
153
+ type: "range",
154
+ label: "Граница прозрачности",
155
+ },
156
+ {
157
+ id: "highlightByNodeForLabelSizingAdditional",
158
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForLabelSizingAdditional,
159
+ max: 10,
160
+ min: -10,
161
+ step: 0.1,
162
+ type: "range",
163
+ label: "Изменение размера",
164
+ },
165
+ {
166
+ id: "highlightByNodeForLabelWeightAdditional",
167
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForLabelWeightAdditional,
168
+ max: 1000,
169
+ min: -1e3,
170
+ step: 100,
171
+ type: "range",
172
+ label: "Изменение жирности",
173
+ },
174
+ ];
175
+ const HIGHLIGHT_BY_NODE_FOR_LINK_CONTROLS = [
176
+ {
177
+ id: "highlightByNodeForLinkColor",
178
+ type: "color",
179
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForLinkColor ?? "#000000",
180
+ label: "Цвет",
181
+ },
182
+ {
183
+ id: "highlightByNodeForLinkFadingMin",
184
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForLinkFadingMin,
185
+ max: 1,
186
+ min: 0,
187
+ step: 0.01,
188
+ type: "range",
189
+ label: "Граница прозрачности",
190
+ },
191
+ {
192
+ id: "highlightByNodeForLinkSizeAdditional",
193
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForLinkSizeAdditional,
194
+ max: 10,
195
+ min: -10,
196
+ step: 0.1,
197
+ type: "range",
198
+ label: "Изменение размера",
199
+ },
200
+ ];
201
+ const HIGHLIGHT_BY_NODE_FOR_ARROW_CONTROLS = [
202
+ {
203
+ id: "highlightByNodeForArrowColor",
204
+ type: "color",
205
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForArrowColor ?? "#000000",
206
+ label: "Цвет",
207
+ },
208
+ {
209
+ id: "highlightByNodeForArrowFadingMin",
210
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForArrowFadingMin,
211
+ max: 1,
212
+ min: 0,
213
+ step: 0.01,
214
+ type: "range",
215
+ label: "Граница прозрачности",
216
+ },
217
+ {
218
+ id: "highlightByNodeForArrowSizeAdditional",
219
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForArrowSizeAdditional,
220
+ max: 10,
221
+ min: -10,
222
+ step: 0.1,
223
+ type: "range",
224
+ label: "Изменение размера",
225
+ },
226
+ {
227
+ id: "highlightByNodeForArrowBorderColor",
228
+ type: "color",
229
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForArrowBorderColor ?? "#000000",
230
+ label: "Цвет границы",
231
+ },
232
+ {
233
+ id: "highlightByNodeForArrowBorderSizingAdditional",
234
+ initialValue: HIGHLIGHT_SETTINGS.highlightByNodeForArrowBorderSizingAdditional,
235
+ max: 10,
236
+ min: 0.01,
237
+ step: 0.01,
238
+ type: "range",
239
+ label: "Изменение размера границы",
240
+ },
241
+ ];
242
+ const HIGHLIGHT_BY_LINK_FOR_NODE_CONTROLS = [
243
+ {
244
+ id: "highlightByLinkForNodeColorFading",
245
+ type: "checkbox",
246
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForNodeColorFading,
247
+ label: "Прозрачность без альфа канала",
248
+ },
249
+ {
250
+ id: "highlightByLinkForNodeColor",
251
+ type: "color",
252
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForNodeColor ?? "#000000",
253
+ label: "Цвет",
254
+ },
255
+ {
256
+ id: "highlightByLinkForNodeFadingMin",
257
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForNodeFadingMin,
258
+ max: 1,
259
+ min: 0,
260
+ step: 0.01,
261
+ type: "range",
262
+ label: "Граница прозрачности",
263
+ },
264
+ {
265
+ id: "highlightByLinkForNodeColorFadingMin",
266
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForNodeColorFadingMin,
267
+ max: 1,
268
+ min: 0.01,
269
+ step: 0.01,
270
+ type: "range",
271
+ label: "Граница прозрачности без альфа канала",
272
+ },
273
+ {
274
+ id: "highlightByLinkForNodeSizingAdditional",
275
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForNodeSizingAdditional,
276
+ max: 10,
277
+ min: -10,
278
+ step: 0.01,
279
+ type: "range",
280
+ label: "Изменение радиуса (только для круга)",
281
+ },
282
+ {
283
+ id: "highlightByLinkForNodeSizingAdditionalCoefficient",
284
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForNodeSizingAdditionalCoefficient,
285
+ max: 10,
286
+ min: 0.01,
287
+ step: 0.01,
288
+ type: "range",
289
+ label: "Коэффициент изменения размера (только не для круга)",
290
+ },
291
+ {
292
+ id: "highlightByLinkForNodeBorderColor",
293
+ type: "color",
294
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForNodeBorderColor ?? "#000000",
295
+ label: "Цвет границы",
296
+ },
297
+ {
298
+ id: "highlightByLinkForNodeBorderSizingAdditional",
299
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForNodeBorderSizingAdditional,
300
+ max: 10,
301
+ min: 0.01,
302
+ step: 0.01,
303
+ type: "range",
304
+ label: "Изменение размера границы",
305
+ },
306
+ ];
307
+ const HIGHLIGHT_BY_LINK_FOR_TEXT_CONTROLS = [
308
+ {
309
+ id: "highlightByLinkForTextFadingMin",
310
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForTextFadingMin,
311
+ max: 1,
312
+ min: 0,
313
+ step: 0.01,
314
+ type: "range",
315
+ label: "Граница прозрачности",
316
+ },
317
+ {
318
+ id: "highlightByLinkForTextSizingAdditional",
319
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForTextSizingAdditional,
320
+ max: 10,
321
+ min: -10,
322
+ step: 0.1,
323
+ type: "range",
324
+ label: "Изменение размера",
325
+ },
326
+ {
327
+ id: "highlightByLinkForTextWeightAdditional",
328
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForTextWeightAdditional,
329
+ max: 1000,
330
+ min: -1e3,
331
+ step: 100,
332
+ type: "range",
333
+ label: "Изменение жирности",
334
+ },
335
+ {
336
+ id: "highlightByLinkForTextShiftXAdditional",
337
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForTextShiftXAdditional,
338
+ max: 50,
339
+ min: -50,
340
+ step: 0.1,
341
+ type: "range",
342
+ label: "Смещение по оси X",
343
+ },
344
+ {
345
+ id: "highlightByLinkForTextShiftYAdditional",
346
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForTextShiftYAdditional,
347
+ max: 50,
348
+ min: -50,
349
+ step: 0.1,
350
+ type: "range",
351
+ label: "Смещение по оси Y",
352
+ },
353
+ ];
354
+ const HIGHLIGHT_BY_LINK_FOR_LABEL_CONTROLS = [
355
+ {
356
+ id: "highlightByLinkForLabelFadingMin",
357
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForLabelFadingMin,
358
+ max: 1,
359
+ min: 0,
360
+ step: 0.01,
361
+ type: "range",
362
+ label: "Граница прозрачности",
363
+ },
364
+ {
365
+ id: "highlightByLinkForLabelSizingAdditional",
366
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForLabelSizingAdditional,
367
+ max: 10,
368
+ min: -10,
369
+ step: 0.1,
370
+ type: "range",
371
+ label: "Изменение размера",
372
+ },
373
+ {
374
+ id: "highlightByLinkForLabelWeightAdditional",
375
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForLabelWeightAdditional,
376
+ max: 1000,
377
+ min: -1e3,
378
+ step: 100,
379
+ type: "range",
380
+ label: "Изменение жирности",
381
+ },
382
+ ];
383
+ const HIGHLIGHT_BY_LINK_FOR_LINK_CONTROLS = [
384
+ {
385
+ id: "highlightByLinkForLinkColor",
386
+ type: "color",
387
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForLinkColor ?? "#000000",
388
+ label: "Цвет",
389
+ },
390
+ {
391
+ id: "highlightByLinkForLinkFadingMin",
392
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForLinkFadingMin,
393
+ max: 1,
394
+ min: 0,
395
+ step: 0.01,
396
+ type: "range",
397
+ label: "Граница прозрачности",
398
+ },
399
+ {
400
+ id: "highlightByLinkForLinkSizeAdditional",
401
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForLinkSizeAdditional,
402
+ max: 10,
403
+ min: -10,
404
+ step: 0.1,
405
+ type: "range",
406
+ label: "Изменение размера",
407
+ },
408
+ ];
409
+ const HIGHLIGHT_BY_LINK_FOR_ARROW_CONTROLS = [
410
+ {
411
+ id: "highlightByLinkForArrowColor",
412
+ type: "color",
413
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForArrowColor ?? "#000000",
414
+ label: "Цвет",
415
+ },
416
+ {
417
+ id: "highlightByLinkForArrowFadingMin",
418
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForArrowFadingMin,
419
+ max: 1,
420
+ min: 0,
421
+ step: 0.01,
422
+ type: "range",
423
+ label: "Граница прозрачности",
424
+ },
425
+ {
426
+ id: "highlightByLinkForArrowSizeAdditional",
427
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForArrowSizeAdditional,
428
+ max: 10,
429
+ min: -10,
430
+ step: 0.1,
431
+ type: "range",
432
+ label: "Изменение размера",
433
+ },
434
+ {
435
+ id: "highlightByLinkForArrowBorderColor",
436
+ type: "color",
437
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForArrowBorderColor ?? "#000000",
438
+ label: "Цвет границы",
439
+ },
440
+ {
441
+ id: "highlightByLinkForArrowBorderSizingAdditional",
442
+ initialValue: HIGHLIGHT_SETTINGS.highlightByLinkForArrowBorderSizingAdditional,
443
+ max: 10,
444
+ min: 0.01,
445
+ step: 0.01,
446
+ type: "range",
447
+ label: "Изменение размера границы",
448
+ },
449
+ ];
450
+
451
+ 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 };
452
+ //# sourceMappingURL=highlight-controls.js.map