@krainovsd/graph 0.10.0-rc5 → 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 +1896 -1316
  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 +16 -27
  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
@@ -1,915 +0,0 @@
1
- import { FORCE_SETTINGS, GRAPH_SETTINGS, LINK_OPTIONS, NODE_OPTIONS, LINK_SETTINGS, NODE_SETTINGS } from '../module/GraphCanvas/constants/settings.js';
2
-
3
- function getForceControls(keys) {
4
- const FORCE_CONTROLS = [
5
- {
6
- id: "forces",
7
- initialValue: FORCE_SETTINGS.forces,
8
- label: "Физика",
9
- type: "checkbox",
10
- },
11
- {
12
- id: "collideForce",
13
- type: "checkbox",
14
- label: "Сила отталкивания",
15
- initialValue: FORCE_SETTINGS.collideForce,
16
- },
17
- {
18
- id: "centerForce",
19
- type: "checkbox",
20
- label: "Сила центрирования",
21
- initialValue: FORCE_SETTINGS.centerForce,
22
- },
23
- {
24
- id: "chargeForce",
25
- type: "checkbox",
26
- label: "Сила дистанции",
27
- initialValue: FORCE_SETTINGS.chargeForce,
28
- },
29
- {
30
- id: "linkForce",
31
- type: "checkbox",
32
- label: "Сила связей",
33
- initialValue: FORCE_SETTINGS.linkForce,
34
- },
35
- {
36
- id: "xForce",
37
- type: "checkbox",
38
- label: "Сила X",
39
- initialValue: FORCE_SETTINGS.xForce,
40
- },
41
- {
42
- id: "yForce",
43
- type: "checkbox",
44
- label: "Сила Y",
45
- initialValue: FORCE_SETTINGS.yForce,
46
- },
47
- {
48
- id: "centerStrength",
49
- initialValue: FORCE_SETTINGS.centerStrength,
50
- label: "Граница центра",
51
- max: 1,
52
- min: 0,
53
- step: 0.01,
54
- type: "range",
55
- },
56
- {
57
- id: "collideStrength",
58
- initialValue: FORCE_SETTINGS.collideStrength,
59
- label: "Сила отталкивания",
60
- max: 1,
61
- min: 0,
62
- step: 0.01,
63
- type: "range",
64
- },
65
- {
66
- id: "collideAdditionalRadius",
67
- initialValue: FORCE_SETTINGS.collideAdditionalRadius,
68
- label: "Радиус отталкивания",
69
- max: 300,
70
- min: 0,
71
- step: 0.1,
72
- type: "range",
73
- },
74
- {
75
- id: "collideIterations",
76
- initialValue: FORCE_SETTINGS.collideIterations,
77
- label: "Итерации отталкивания",
78
- max: 10,
79
- min: 0,
80
- step: 1,
81
- type: "range",
82
- },
83
- {
84
- id: "chargeStrength",
85
- initialValue: FORCE_SETTINGS.chargeStrength ,
86
- label: "Дистанция",
87
- max: 0,
88
- min: -300,
89
- step: 0.1,
90
- type: "range",
91
- },
92
- {
93
- type: "range",
94
- id: "xPosition",
95
- min: 0,
96
- max: 2000,
97
- step: 1,
98
- label: "Координата притяжения X",
99
- initialValue: FORCE_SETTINGS.xPosition ,
100
- },
101
- {
102
- type: "range",
103
- id: "yPosition",
104
- min: 0,
105
- max: 2000,
106
- step: 1,
107
- label: "Координата притяжения Y",
108
- initialValue: FORCE_SETTINGS.yPosition ,
109
- },
110
- {
111
- type: "range",
112
- id: "xStrength",
113
- min: 0,
114
- max: 1,
115
- step: 0.01,
116
- label: "Гравитация X",
117
- initialValue: FORCE_SETTINGS.xStrength ,
118
- },
119
- {
120
- type: "range",
121
- id: "yStrength",
122
- min: 0,
123
- max: 1,
124
- step: 0.01,
125
- label: "Гравитация Y",
126
- initialValue: FORCE_SETTINGS.yStrength ,
127
- },
128
- {
129
- type: "range",
130
- id: "linkStrength",
131
- min: 0,
132
- max: 1,
133
- step: 0.01,
134
- label: "Натяжение связей",
135
- initialValue: FORCE_SETTINGS.linkStrength ,
136
- },
137
- {
138
- type: "range",
139
- id: "linkDistance",
140
- min: 0,
141
- max: 300,
142
- step: 0.1,
143
- label: "Расстояние связей",
144
- initialValue: FORCE_SETTINGS.linkDistance ,
145
- },
146
- ];
147
- return keys ? FORCE_CONTROLS.filter((control) => keys.includes(control.id)) : FORCE_CONTROLS;
148
- }
149
- function getGraphControls(keys) {
150
- const GRAPH_CONTROLS = [
151
- {
152
- id: "highlightDownFrames",
153
- initialValue: GRAPH_SETTINGS.highlightDownFrames,
154
- max: 60,
155
- min: 1,
156
- step: 1,
157
- type: "range",
158
- label: "Скорость отмены анимации в кадрах",
159
- },
160
- {
161
- id: "highlightUpFrames",
162
- initialValue: GRAPH_SETTINGS.highlightUpFrames,
163
- max: 60,
164
- min: 1,
165
- step: 1,
166
- type: "range",
167
- label: "Скорость применения анимации в кадрах",
168
- },
169
- ];
170
- return keys ? GRAPH_CONTROLS.filter((control) => keys.includes(control.id)) : GRAPH_CONTROLS;
171
- }
172
- function getNodeSettingControls(keys) {
173
- const NODE_SETTINGS_CONTROLS = [
174
- {
175
- id: "cache",
176
- type: "checkbox",
177
- initialValue: NODE_SETTINGS.cache,
178
- label: "Кеширование вычисляемых настроек",
179
- },
180
- {
181
- id: "highlightByNodeOnlyRoot",
182
- type: "checkbox",
183
- initialValue: NODE_SETTINGS.highlightByNodeOnlyRoot,
184
- label: "Дополнительная анимация только главное цели при анимации ноды",
185
- },
186
- {
187
- id: "highlightByHoverNode",
188
- type: "checkbox",
189
- initialValue: NODE_SETTINGS.highlightByHoverNode,
190
- label: "Анимации при наведении на ноду",
191
- },
192
- {
193
- id: "nodeRadiusFlexible",
194
- type: "checkbox",
195
- initialValue: NODE_SETTINGS.nodeRadiusFlexible,
196
- label: "Гибкий радиус ноды",
197
- },
198
- {
199
- id: "nodeSizeFlexible",
200
- type: "checkbox",
201
- initialValue: NODE_SETTINGS.nodeSizeFlexible,
202
- label: "Гибкий размер ноды",
203
- },
204
- {
205
- id: "textNodeDebug",
206
- type: "checkbox",
207
- initialValue: NODE_SETTINGS.textNodeDebug,
208
- label: "Отладка текстовой ноды",
209
- },
210
- {
211
- id: "highlightByNodeNodeFading",
212
- type: "checkbox",
213
- initialValue: NODE_SETTINGS.highlightByNodeNodeFading,
214
- label: "Затухание при анимации ноды",
215
- },
216
- {
217
- id: "highlightByNodeNodeColor",
218
- type: "checkbox",
219
- initialValue: NODE_SETTINGS.highlightByNodeNodeColor,
220
- label: "Затухание цвета при анимации ноды",
221
- },
222
- {
223
- id: "highlightByNodeNodeSizing",
224
- type: "checkbox",
225
- initialValue: NODE_SETTINGS.highlightByNodeNodeSizing,
226
- label: "Изменение размера при анимации ноды",
227
- },
228
- {
229
- id: "highlightByNodeTextFading",
230
- type: "checkbox",
231
- initialValue: NODE_SETTINGS.highlightByNodeTextFading,
232
- label: "Затухание текста при анимации ноды",
233
- },
234
- {
235
- id: "highlightByNodeTextSizing",
236
- type: "checkbox",
237
- initialValue: NODE_SETTINGS.highlightByNodeTextSizing,
238
- label: "Изменение размера текста при анимации ноды",
239
- },
240
- {
241
- id: "highlightByLinkNodeFading",
242
- type: "checkbox",
243
- initialValue: NODE_SETTINGS.highlightByLinkNodeFading,
244
- label: "Затухание при анимации связи",
245
- },
246
- {
247
- id: "highlightByLinkNodeColor",
248
- type: "checkbox",
249
- initialValue: NODE_SETTINGS.highlightByLinkNodeColor,
250
- label: "Затухание цвета при анимации связи",
251
- },
252
- {
253
- id: "highlightByLinkNodeSizing",
254
- type: "checkbox",
255
- initialValue: NODE_SETTINGS.highlightByLinkNodeSizing,
256
- label: "Изменение размера при анимации связи",
257
- },
258
- {
259
- id: "highlightByLinkTextFading",
260
- type: "checkbox",
261
- initialValue: NODE_SETTINGS.highlightByLinkTextFading,
262
- label: "Затухание текста при анимации связи",
263
- },
264
- {
265
- id: "highlightByLinkTextSizing",
266
- type: "checkbox",
267
- initialValue: NODE_SETTINGS.highlightByLinkTextSizing,
268
- label: "Изменение размера текста при анимации связи",
269
- },
270
- {
271
- id: "nodeRadiusCoefficient",
272
- initialValue: NODE_SETTINGS.nodeRadiusCoefficient,
273
- max: 100,
274
- min: 0.1,
275
- step: 0.1,
276
- type: "range",
277
- label: "Количество связей для увеличения радиуса",
278
- },
279
- {
280
- id: "nodeRadiusFactor",
281
- initialValue: NODE_SETTINGS.nodeRadiusFactor,
282
- max: 50,
283
- min: 0.1,
284
- step: 0.1,
285
- type: "range",
286
- label: "Коэффициент увеличения радиуса",
287
- },
288
- {
289
- id: "nodeSizeCoefficient",
290
- initialValue: NODE_SETTINGS.nodeSizeCoefficient,
291
- max: 50,
292
- min: 0.1,
293
- step: 0.1,
294
- type: "range",
295
- label: "Количество связей для увеличения размера",
296
- },
297
- {
298
- id: "nodeSizeFactor",
299
- initialValue: NODE_SETTINGS.nodeSizeFactor,
300
- max: 20,
301
- min: 0.01,
302
- step: 0.01,
303
- type: "range",
304
- label: "Коэффициент увеличения размера",
305
- },
306
- {
307
- id: "highlightByNodeNodeSizingAdditional",
308
- initialValue: NODE_SETTINGS.highlightByNodeNodeSizingAdditional,
309
- max: 10,
310
- min: 0.1,
311
- step: 0.01,
312
- type: "range",
313
- label: "Дополнительный размер при анимации ноды",
314
- },
315
- {
316
- id: "highlightByNodeNodeSizingAdditionalCoefficient",
317
- initialValue: NODE_SETTINGS.highlightByNodeNodeSizingAdditionalCoefficient,
318
- max: 10,
319
- min: 0.01,
320
- step: 0.01,
321
- type: "range",
322
- label: "Дополнительный размер квадрата при анимации ноды",
323
- },
324
- {
325
- id: "highlightByNodeNodeColorFadingMin",
326
- initialValue: NODE_SETTINGS.highlightByNodeNodeColorFadingMin,
327
- max: 1,
328
- min: 0.01,
329
- step: 0.01,
330
- type: "range",
331
- label: "Граница затухания цвета при анимации ноды",
332
- },
333
- {
334
- id: "highlightByNodeTextShiftXAdditional",
335
- initialValue: NODE_SETTINGS.highlightByNodeTextShiftXAdditional,
336
- max: 50,
337
- min: 0,
338
- step: 0.1,
339
- type: "range",
340
- label: "Смещение текста по X при анимации ноды",
341
- },
342
- {
343
- id: "highlightByNodeTextShiftYAdditional",
344
- initialValue: NODE_SETTINGS.highlightByNodeTextShiftYAdditional,
345
- max: 50,
346
- min: 0,
347
- step: 0.1,
348
- type: "range",
349
- label: "Смещение текста по Y при анимации ноды",
350
- },
351
- {
352
- id: "highlightByNodeTextSizingAdditional",
353
- initialValue: NODE_SETTINGS.highlightByNodeTextSizingAdditional,
354
- max: 10,
355
- min: 0.1,
356
- step: 0.1,
357
- type: "range",
358
- label: "Увеличение текста при анимации ноды",
359
- },
360
- {
361
- id: "highlightByNodeTextWeightAdditional",
362
- initialValue: NODE_SETTINGS.highlightByNodeTextWeightAdditional,
363
- max: 1000,
364
- min: 0,
365
- step: 100,
366
- type: "range",
367
- label: "Увеличение жирности текста при анимации ноды",
368
- },
369
- {
370
- id: "highlightByNodeTextWidthAdditional",
371
- initialValue: NODE_SETTINGS.highlightByNodeTextWidthAdditional,
372
- max: 100,
373
- min: 0,
374
- step: 0.1,
375
- type: "range",
376
- label: "Увеличение ширины текста при анимации ноды",
377
- },
378
- {
379
- id: "highlightByNodeNodeFadingMin",
380
- initialValue: NODE_SETTINGS.highlightByNodeNodeFadingMin,
381
- max: 1,
382
- min: 0,
383
- step: 0.01,
384
- type: "range",
385
- label: "Граница затухания ноды при анимации ноды",
386
- },
387
- {
388
- id: "highlightByNodeTextFadingMin",
389
- initialValue: NODE_SETTINGS.highlightByNodeTextFadingMin,
390
- max: 1,
391
- min: 0,
392
- step: 0.01,
393
- type: "range",
394
- label: "Граница затухания текста при анимации ноды",
395
- },
396
- {
397
- id: "highlightByLinkNodeSizingAdditional",
398
- initialValue: NODE_SETTINGS.highlightByLinkNodeSizingAdditional,
399
- max: 10,
400
- min: 0.1,
401
- step: 0.01,
402
- type: "range",
403
- label: "Дополнительный размер при анимации связи",
404
- },
405
- {
406
- id: "highlightByLinkNodeSizingAdditionalCoefficient",
407
- initialValue: NODE_SETTINGS.highlightByLinkNodeSizingAdditionalCoefficient,
408
- max: 10,
409
- min: 0.01,
410
- step: 0.01,
411
- type: "range",
412
- label: "Дополнительный размер квадрата при анимации связи",
413
- },
414
- {
415
- id: "highlightByLinkNodeColorFadingMin",
416
- initialValue: NODE_SETTINGS.highlightByLinkNodeColorFadingMin,
417
- max: 1,
418
- min: 0.01,
419
- step: 0.01,
420
- type: "range",
421
- label: "Граница затухания цвета при анимации связи",
422
- },
423
- {
424
- id: "highlightByLinkTextShiftXAdditional",
425
- initialValue: NODE_SETTINGS.highlightByLinkTextShiftXAdditional,
426
- max: 50,
427
- min: 0,
428
- step: 0.1,
429
- type: "range",
430
- label: "Смещение текста по X при анимации связи",
431
- },
432
- {
433
- id: "highlightByLinkTextShiftYAdditional",
434
- initialValue: NODE_SETTINGS.highlightByLinkTextShiftYAdditional,
435
- max: 50,
436
- min: 0,
437
- step: 0.1,
438
- type: "range",
439
- label: "Смещение текста по Y при анимации связи",
440
- },
441
- {
442
- id: "highlightByLinkTextSizingAdditional",
443
- initialValue: NODE_SETTINGS.highlightByLinkTextSizingAdditional,
444
- max: 10,
445
- min: 0.1,
446
- step: 0.1,
447
- type: "range",
448
- label: "Увеличение текста при анимации связи",
449
- },
450
- {
451
- id: "highlightByLinkTextWeightAdditional",
452
- initialValue: NODE_SETTINGS.highlightByLinkTextWeightAdditional,
453
- max: 1000,
454
- min: 0,
455
- step: 100,
456
- type: "range",
457
- label: "Увеличение жирности текста при анимации связи",
458
- },
459
- {
460
- id: "highlightByLinkTextWidthAdditional",
461
- initialValue: NODE_SETTINGS.highlightByLinkTextWidthAdditional,
462
- max: 100,
463
- min: 0,
464
- step: 0.1,
465
- type: "range",
466
- label: "Увеличение ширины текста при анимации связи",
467
- },
468
- {
469
- id: "highlightByLinkNodeFadingMin",
470
- initialValue: NODE_SETTINGS.highlightByLinkNodeFadingMin,
471
- max: 1,
472
- min: 0,
473
- step: 0.01,
474
- type: "range",
475
- label: "Граница затухания ноды при анимации связи",
476
- },
477
- {
478
- id: "highlightByLinkTextFadingMin",
479
- initialValue: NODE_SETTINGS.highlightByLinkTextFadingMin,
480
- max: 1,
481
- min: 0,
482
- step: 0.01,
483
- type: "range",
484
- label: "Граница затухания текста при анимации связи",
485
- },
486
- ];
487
- return keys
488
- ? NODE_SETTINGS_CONTROLS.filter((control) => keys.includes(control.id))
489
- : NODE_SETTINGS_CONTROLS;
490
- }
491
- function getNodeOptionsControls(keys) {
492
- const NODE_CONTROLS = [
493
- {
494
- id: "shape",
495
- type: "select",
496
- initialValue: NODE_OPTIONS.shape,
497
- label: "Форма",
498
- options: [
499
- { label: "Картинки", value: "icon" },
500
- { label: "Круг", value: "circle" },
501
- { label: "Прямоугольник", value: "square" },
502
- { label: "Текст", value: "text" },
503
- ],
504
- },
505
- {
506
- id: "radius",
507
- type: "range",
508
- max: 50,
509
- min: 1,
510
- step: 1,
511
- label: "Радиус",
512
- initialValue: NODE_OPTIONS.radius,
513
- },
514
- {
515
- id: "width",
516
- type: "range",
517
- max: 50,
518
- min: 1,
519
- step: 1,
520
- label: "Ширина",
521
- initialValue: NODE_OPTIONS.width,
522
- },
523
- {
524
- id: "height",
525
- type: "range",
526
- max: 50,
527
- min: 1,
528
- step: 1,
529
- label: "Высота",
530
- initialValue: NODE_OPTIONS.height,
531
- },
532
- {
533
- id: "borderRadius",
534
- type: "range",
535
- max: 50,
536
- min: 0,
537
- step: 1,
538
- label: "Радиус границы",
539
- initialValue: NODE_OPTIONS.borderRadius,
540
- },
541
- {
542
- id: "alpha",
543
- type: "range",
544
- max: 1,
545
- min: 0,
546
- step: 0.1,
547
- label: "Прозрачность",
548
- initialValue: NODE_OPTIONS.alpha,
549
- },
550
- {
551
- id: "borderWidth",
552
- type: "range",
553
- max: 5,
554
- min: 0,
555
- step: 0.1,
556
- label: "Толщина границы",
557
- initialValue: NODE_OPTIONS.borderWidth,
558
- },
559
- {
560
- id: "borderColor",
561
- type: "color",
562
- initialValue: "#000000FF",
563
- label: "Цвет границы",
564
- },
565
- {
566
- id: "color",
567
- type: "color",
568
- initialValue: "#000000FF",
569
- label: "Цвет",
570
- },
571
- {
572
- id: "textNodeXPadding",
573
- type: "range",
574
- max: 30,
575
- min: 0,
576
- step: 0.1,
577
- label: "Отступы по оси X у текстовой ноды внутри контейнера",
578
- initialValue: NODE_OPTIONS.textNodeXPadding,
579
- },
580
- {
581
- id: "textNodeYPadding",
582
- type: "range",
583
- max: 30,
584
- min: 0,
585
- step: 0.1,
586
- label: "Отступы по оси Y у текстовой ноды внутри контейнера",
587
- initialValue: NODE_OPTIONS.textNodeYPadding,
588
- },
589
- {
590
- id: "textSize",
591
- type: "range",
592
- max: 30,
593
- min: 0,
594
- step: 0.1,
595
- label: "Размер текста",
596
- initialValue: 0,
597
- },
598
- {
599
- id: "textAlpha",
600
- type: "range",
601
- max: 1,
602
- min: 0,
603
- step: 0.1,
604
- label: "Прозрачность текста",
605
- initialValue: NODE_OPTIONS.textAlpha,
606
- },
607
- {
608
- id: "textWidth",
609
- type: "range",
610
- max: 200,
611
- min: 5,
612
- step: 1,
613
- label: "Ширина текста",
614
- initialValue: NODE_OPTIONS.textWidth,
615
- },
616
- {
617
- id: "textShiftX",
618
- type: "range",
619
- max: 100,
620
- min: 0,
621
- step: 0.1,
622
- label: "Смещение X текста",
623
- initialValue: NODE_OPTIONS.textShiftX,
624
- },
625
- {
626
- id: "textShiftY",
627
- type: "range",
628
- max: 100,
629
- min: 0,
630
- step: 0.1,
631
- label: "Смещение Y текста",
632
- initialValue: 4,
633
- },
634
- {
635
- id: "textWeight",
636
- type: "range",
637
- max: 1000,
638
- min: 100,
639
- step: 100,
640
- label: "Жирность текста",
641
- initialValue: NODE_OPTIONS.textWeight,
642
- },
643
- {
644
- id: "textGap",
645
- type: "range",
646
- max: 30,
647
- min: 0,
648
- step: 0.1,
649
- label: "Расстояние между строками",
650
- initialValue: NODE_OPTIONS.textGap,
651
- },
652
- {
653
- id: "textColor",
654
- type: "color",
655
- initialValue: NODE_OPTIONS.textColor,
656
- label: "Цвет текста",
657
- },
658
- ];
659
- return keys ? NODE_CONTROLS.filter((control) => keys.includes(control.id)) : NODE_CONTROLS;
660
- }
661
- function getLinkSettingsControls(keys) {
662
- const LINK_SETTINGS_CONTROLS = [
663
- {
664
- id: "cache",
665
- type: "checkbox",
666
- label: "Кеширование вычисляемых настроек",
667
- initialValue: LINK_SETTINGS.cache,
668
- },
669
- {
670
- id: "particles",
671
- type: "checkbox",
672
- label: "Частицы",
673
- initialValue: LINK_SETTINGS.particles,
674
- },
675
- {
676
- id: "particleFlexSpeed",
677
- type: "checkbox",
678
- label: "Гибкий расчет скорости частицы",
679
- initialValue: LINK_SETTINGS.particleFlexSpeed,
680
- },
681
- {
682
- id: "pretty",
683
- type: "checkbox",
684
- label: "Обсчет красивого соединения",
685
- initialValue: LINK_SETTINGS.pretty,
686
- },
687
- {
688
- id: "arrow",
689
- type: "checkbox",
690
- label: "Стрелка",
691
- initialValue: LINK_SETTINGS.arrow,
692
- },
693
- {
694
- id: "arrowByHighlight",
695
- type: "checkbox",
696
- label: "Появление стрелки при анимации",
697
- initialValue: LINK_SETTINGS.arrowByHighlight,
698
- },
699
- {
700
- id: "highlightByHoverLink",
701
- type: "checkbox",
702
- label: "Анимация при наведении на связь",
703
- initialValue: LINK_SETTINGS.highlightByHoverLink,
704
- },
705
- {
706
- id: "highlightByNodeLinkFading",
707
- type: "checkbox",
708
- label: "Затухание при анимации ноды",
709
- initialValue: LINK_SETTINGS.highlightByNodeLinkFading,
710
- },
711
- {
712
- id: "highlightByNodeArrowFading",
713
- type: "checkbox",
714
- label: "Затухание стрелки при анимации ноды",
715
- initialValue: LINK_SETTINGS.highlightByNodeArrowFading,
716
- },
717
- {
718
- id: "highlightByLinkLinkFading",
719
- type: "checkbox",
720
- label: "Затухание при анимации связи",
721
- initialValue: LINK_SETTINGS.highlightByLinkLinkFading,
722
- },
723
- {
724
- id: "highlightByLinkArrowFading",
725
- type: "checkbox",
726
- label: "Затухание стрелки при анимации связи",
727
- initialValue: LINK_SETTINGS.highlightByLinkArrowFading,
728
- },
729
- {
730
- id: "particleFlexSpeedCoefficient",
731
- initialValue: LINK_SETTINGS.particleFlexSpeedCoefficient,
732
- max: 10,
733
- min: 0.1,
734
- step: 0.1,
735
- type: "range",
736
- label: "Коэффициент скорости частицы относительно расстояния",
737
- },
738
- {
739
- id: "hoverLinkThreshold",
740
- initialValue: LINK_SETTINGS.hoverLinkThreshold,
741
- max: 10,
742
- min: 0,
743
- step: 0.01,
744
- type: "range",
745
- label: "Расширение границы связи для курсора",
746
- },
747
- {
748
- id: "highlightByNodeLinkFadingMin",
749
- initialValue: LINK_SETTINGS.highlightByNodeLinkFadingMin,
750
- max: 1,
751
- min: 0,
752
- step: 0.01,
753
- type: "range",
754
- label: "Граница затухания связи при анимации ноды",
755
- },
756
- {
757
- id: "highlightByNodeArrowFadingMin",
758
- initialValue: LINK_SETTINGS.highlightByNodeArrowFadingMin,
759
- max: 1,
760
- min: 0,
761
- step: 0.01,
762
- type: "range",
763
- label: "Граница затухания стрелки при анимации ноды",
764
- },
765
- {
766
- id: "highlightByLinkLinkFadingMin",
767
- initialValue: LINK_SETTINGS.highlightByLinkLinkFadingMin,
768
- max: 1,
769
- min: 0,
770
- step: 0.01,
771
- type: "range",
772
- label: "Граница затухания связи при анимации связи",
773
- },
774
- {
775
- id: "highlightByLinkArrowFadingMin",
776
- initialValue: LINK_SETTINGS.highlightByLinkArrowFadingMin,
777
- max: 1,
778
- min: 0,
779
- step: 0.01,
780
- type: "range",
781
- label: "Граница затухания стрелки при анимации связи",
782
- },
783
- ];
784
- return keys
785
- ? LINK_SETTINGS_CONTROLS.filter((control) => keys.includes(control.id))
786
- : LINK_SETTINGS_CONTROLS;
787
- }
788
- function getLinkOptionsControls(keys) {
789
- const LINK_CONTROLS = [
790
- {
791
- id: "alpha",
792
- type: "range",
793
- max: 1,
794
- min: 0,
795
- step: 0.1,
796
- label: "Прозрачность",
797
- initialValue: LINK_OPTIONS.alpha,
798
- },
799
- {
800
- id: "width",
801
- type: "range",
802
- max: 10,
803
- min: 0.1,
804
- step: 0.1,
805
- label: "Толщина",
806
- initialValue: 0.1,
807
- },
808
- {
809
- id: "arrowAlpha",
810
- type: "range",
811
- max: 1,
812
- min: 0,
813
- step: 0.1,
814
- label: "Прозрачность стрелки",
815
- initialValue: LINK_OPTIONS.arrowAlpha,
816
- },
817
- {
818
- id: "arrowSize",
819
- type: "range",
820
- max: 10,
821
- min: 0.1,
822
- step: 0.1,
823
- label: "Размер стрелки",
824
- initialValue: LINK_OPTIONS.arrowSize,
825
- },
826
- {
827
- id: "arrowBorderWidth",
828
- type: "range",
829
- max: 10,
830
- min: 0.1,
831
- step: 0.1,
832
- label: "Размер границы стрелки",
833
- initialValue: LINK_OPTIONS.arrowBorderWidth,
834
- },
835
- {
836
- id: "particleBorderWidth",
837
- type: "range",
838
- max: 10,
839
- min: 0.1,
840
- step: 0.1,
841
- label: "Размер границы частиц",
842
- initialValue: LINK_OPTIONS.particleBorderWidth,
843
- },
844
- {
845
- id: "particleAlpha",
846
- type: "range",
847
- max: 1,
848
- min: 0,
849
- step: 0.1,
850
- label: "Прозрачность частиц",
851
- initialValue: LINK_OPTIONS.particleAlpha,
852
- },
853
- {
854
- id: "particleRadius",
855
- type: "range",
856
- max: 10,
857
- min: 0.1,
858
- step: 0.1,
859
- label: "Радиус частиц",
860
- initialValue: LINK_OPTIONS.particleRadius,
861
- },
862
- {
863
- id: "particleCount",
864
- type: "range",
865
- max: 20,
866
- min: 1,
867
- step: 1,
868
- label: "Количество частиц",
869
- initialValue: LINK_OPTIONS.particleCount,
870
- },
871
- {
872
- id: "particleSteps",
873
- type: "range",
874
- max: 200,
875
- min: 1,
876
- step: 1,
877
- label: "Количество кадров у частиц",
878
- initialValue: LINK_OPTIONS.particleSteps,
879
- },
880
- {
881
- id: "color",
882
- type: "color",
883
- initialValue: "#000000FF",
884
- label: "Цвет",
885
- },
886
- {
887
- id: "arrowColor",
888
- type: "color",
889
- initialValue: "#000000FF",
890
- label: "Цвет стрелки",
891
- },
892
- {
893
- id: "arrowBorderColor",
894
- type: "color",
895
- initialValue: LINK_OPTIONS.arrowBorderColor,
896
- label: "Цвет границы стрелки",
897
- },
898
- {
899
- id: "particleColor",
900
- type: "color",
901
- initialValue: LINK_OPTIONS.particleColor,
902
- label: "Цвет частиц",
903
- },
904
- {
905
- id: "particleBorderColor",
906
- type: "color",
907
- initialValue: LINK_OPTIONS.particleBorderColor,
908
- label: "Цвет границы частиц",
909
- },
910
- ];
911
- return keys ? LINK_CONTROLS.filter((control) => keys.includes(control.id)) : LINK_CONTROLS;
912
- }
913
-
914
- export { getForceControls, getGraphControls, getLinkOptionsControls, getLinkSettingsControls, getNodeOptionsControls, getNodeSettingControls };
915
- //# sourceMappingURL=get-controls-info.js.map