npm - @krainovsd/graph - Versions diffs - 0.9.0 → 0.10.0-rc1 - Mend

@krainovsd/graph 0.9.0 → 0.10.0-rc1

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 (53) hide show

package/lib/esm/lib/get-controls-info.js CHANGED Viewed

@@ -1,7 +1,49 @@
-import { FORCE_SETTINGS, GRAPH_SETTINGS, LINK_OPTIONS, NODE_OPTIONS } from '../module/GraphCanvas/constants/settings.js';
+import { FORCE_SETTINGS, GRAPH_SETTINGS, LINK_OPTIONS, NODE_OPTIONS, LINK_SETTINGS, NODE_SETTINGS } from '../module/GraphCanvas/constants/settings.js';
 function getForceControls(keys) {
     const FORCE_CONTROLS = [
+        {
+            id: "forces",
+            initialValue: FORCE_SETTINGS.forces,
+            label: "Физика",
+            type: "checkbox",
+        },
+        {
+            id: "collideForce",
+            type: "checkbox",
+            label: "Сила отталкивания",
+            initialValue: FORCE_SETTINGS.collideForce,
+        },
+        {
+            id: "centerForce",
+            type: "checkbox",
+            label: "Сила центрирования",
+            initialValue: FORCE_SETTINGS.centerForce,
+        },
+        {
+            id: "chargeForce",
+            type: "checkbox",
+            label: "Сила дистанции",
+            initialValue: FORCE_SETTINGS.chargeForce,
+        },
+        {
+            id: "linkForce",
+            type: "checkbox",
+            label: "Сила связей",
+            initialValue: FORCE_SETTINGS.linkForce,
+        },
+        {
+            id: "xForce",
+            type: "checkbox",
+            label: "Сила X",
+            initialValue: FORCE_SETTINGS.xForce,
+        },
+        {
+            id: "yForce",
+            type: "checkbox",
+            label: "Сила Y",
+            initialValue: FORCE_SETTINGS.yForce,
+        },
         {
             id: "centerStrength",
             initialValue: FORCE_SETTINGS.centerStrength,
@@ -41,7 +83,7 @@ function getForceControls(keys) {
         {
             id: "chargeStrength",
             initialValue: FORCE_SETTINGS.chargeStrength ,
-            label: "Гравитация",
+            label: "Дистанция",
             max: 0,
             min: -300,
             step: 0.1,
@@ -49,21 +91,21 @@ function getForceControls(keys) {
         },
         {
             type: "range",
-            id: "xForce",
+            id: "xPosition",
             min: 0,
-            max: 1,
-            step: 0.01,
-            label: "Граница X",
-            initialValue: FORCE_SETTINGS.xForce ,
+            max: 2000,
+            step: 1,
+            label: "Координата притяжения X",
+            initialValue: FORCE_SETTINGS.xPosition ,
         },
         {
             type: "range",
-            id: "yForce",
+            id: "yPosition",
             min: 0,
-            max: 1,
-            step: 0.01,
-            label: "Граница Y",
-            initialValue: FORCE_SETTINGS.yForce ,
+            max: 2000,
+            step: 1,
+            label: "Координата притяжения Y",
+            initialValue: FORCE_SETTINGS.yPosition ,
         },
         {
             type: "range",
@@ -101,29 +143,187 @@ function getForceControls(keys) {
             label: "Расстояние связей",
             initialValue: FORCE_SETTINGS.linkDistance ,
         },
-        {
-            id: "collideOn",
-            type: "checkbox",
-            initialValue: FORCE_SETTINGS.collideOn,
-            label: "Отталкивание",
-        },
     ];
     return keys ? FORCE_CONTROLS.filter((control) => keys.includes(control.id)) : FORCE_CONTROLS;
 }
 function getGraphControls(keys) {
     const GRAPH_CONTROLS = [
+        {
+            id: "highlightDownFrames",
+            initialValue: GRAPH_SETTINGS.highlightDownFrames,
+            max: 60,
+            min: 1,
+            step: 1,
+            type: "range",
+            label: "Скорость отмены анимации в кадрах",
+        },
+        {
+            id: "highlightUpFrames",
+            initialValue: GRAPH_SETTINGS.highlightUpFrames,
+            max: 60,
+            min: 1,
+            step: 1,
+            type: "range",
+            label: "Скорость применения анимации в кадрах",
+        },
+    ];
+    return keys ? GRAPH_CONTROLS.filter((control) => keys.includes(control.id)) : GRAPH_CONTROLS;
+}
+function getNodeSettingControls(keys) {
+    const NODE_SETTINGS_CONTROLS = [
+        {
+            id: "cache",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.cache,
+            label: "Кеширование вычисляемых настроек",
+        },
+        {
+            id: "highlightByNodeOnlyRoot",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByNodeOnlyRoot,
+            label: "Дополнительная анимация только главное цели при анимации ноды",
+        },
+        {
+            id: "highlightByHoverNode",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByHoverNode,
+            label: "Анимации при наведении на ноду",
+        },
+        {
+            id: "nodeRadiusFlexible",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.nodeRadiusFlexible,
+            label: "Гибкий радиус ноды",
+        },
+        {
+            id: "nodeSizeFlexible",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.nodeSizeFlexible,
+            label: "Гибкий размер ноды",
+        },
+        {
+            id: "textNodeDebug",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.textNodeDebug,
+            label: "Отладка текстовой ноды",
+        },
+        {
+            id: "highlightByNodeNodeFading",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByNodeNodeFading,
+            label: "Затухание при анимации ноды",
+        },
+        {
+            id: "highlightByNodeNodeColor",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByNodeNodeColor,
+            label: "Затухание цвета при анимации ноды",
+        },
+        {
+            id: "highlightByNodeNodeSizing",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByNodeNodeSizing,
+            label: "Изменение размера при анимации ноды",
+        },
+        {
+            id: "highlightByNodeTextFading",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByNodeTextFading,
+            label: "Затухание текста при анимации ноды",
+        },
+        {
+            id: "highlightByNodeTextSizing",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByNodeTextSizing,
+            label: "Изменение размера текста при анимации ноды",
+        },
+        {
+            id: "highlightByLinkNodeFading",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByLinkNodeFading,
+            label: "Затухание при анимации связи",
+        },
+        {
+            id: "highlightByLinkNodeColor",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByLinkNodeColor,
+            label: "Затухание цвета при анимации связи",
+        },
+        {
+            id: "highlightByLinkNodeSizing",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByLinkNodeSizing,
+            label: "Изменение размера при анимации связи",
+        },
+        {
+            id: "highlightByLinkTextFading",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByLinkTextFading,
+            label: "Затухание текста при анимации связи",
+        },
+        {
+            id: "highlightByLinkTextSizing",
+            type: "checkbox",
+            initialValue: NODE_SETTINGS.highlightByLinkTextSizing,
+            label: "Изменение размера текста при анимации связи",
+        },
+        {
+            id: "nodeRadiusCoefficient",
+            initialValue: NODE_SETTINGS.nodeRadiusCoefficient,
+            max: 100,
+            min: 0.1,
+            step: 0.1,
+            type: "range",
+            label: "Количество связей для увеличения радиуса",
+        },
+        {
+            id: "nodeRadiusFactor",
+            initialValue: NODE_SETTINGS.nodeRadiusFactor,
+            max: 50,
+            min: 0.1,
+            step: 0.1,
+            type: "range",
+            label: "Коэффициент увеличения радиуса",
+        },
+        {
+            id: "nodeSizeCoefficient",
+            initialValue: NODE_SETTINGS.nodeSizeCoefficient,
+            max: 50,
+            min: 0.1,
+            step: 0.1,
+            type: "range",
+            label: "Количество связей для увеличения размера",
+        },
+        {
+            id: "nodeSizeFactor",
+            initialValue: NODE_SETTINGS.nodeSizeFactor,
+            max: 20,
+            min: 0.01,
+            step: 0.01,
+            type: "range",
+            label: "Коэффициент увеличения размера",
+        },
         {
             id: "highlightByNodeNodeSizingAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByNodeNodeSizingAdditional,
+            initialValue: NODE_SETTINGS.highlightByNodeNodeSizingAdditional,
             max: 10,
             min: 0.1,
             step: 0.01,
             type: "range",
             label: "Дополнительный размер при анимации ноды",
         },
+        {
+            id: "highlightByNodeNodeSizingAdditionalCoefficient",
+            initialValue: NODE_SETTINGS.highlightByNodeNodeSizingAdditionalCoefficient,
+            max: 10,
+            min: 0.01,
+            step: 0.01,
+            type: "range",
+            label: "Дополнительный размер квадрата при анимации ноды",
+        },
         {
             id: "highlightByNodeNodeColorFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByNodeNodeColorFadingMin,
+            initialValue: NODE_SETTINGS.highlightByNodeNodeColorFadingMin,
             max: 1,
             min: 0.01,
             step: 0.01,
@@ -132,7 +332,7 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByNodeTextShiftXAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByNodeTextShiftXAdditional,
+            initialValue: NODE_SETTINGS.highlightByNodeTextShiftXAdditional,
             max: 50,
             min: 0,
             step: 0.1,
@@ -141,7 +341,7 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByNodeTextShiftYAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByNodeTextShiftYAdditional,
+            initialValue: NODE_SETTINGS.highlightByNodeTextShiftYAdditional,
             max: 50,
             min: 0,
             step: 0.1,
@@ -150,7 +350,7 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByNodeTextSizingAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByNodeTextSizingAdditional,
+            initialValue: NODE_SETTINGS.highlightByNodeTextSizingAdditional,
             max: 10,
             min: 0.1,
             step: 0.1,
@@ -159,7 +359,7 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByNodeTextWeightAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByNodeTextWeightAdditional,
+            initialValue: NODE_SETTINGS.highlightByNodeTextWeightAdditional,
             max: 1000,
             min: 0,
             step: 100,
@@ -168,34 +368,16 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByNodeTextWidthAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByNodeTextWidthAdditional,
+            initialValue: NODE_SETTINGS.highlightByNodeTextWidthAdditional,
             max: 100,
             min: 0,
             step: 0.1,
             type: "range",
             label: "Увеличение ширины текста при анимации ноды",
         },
-        {
-            id: "highlightByNodeTextFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByNodeTextFadingMin,
-            max: 1,
-            min: 0,
-            step: 0.01,
-            type: "range",
-            label: "Граница затухания текста при анимации ноды",
-        },
-        {
-            id: "highlightByNodeLinkFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByNodeLinkFadingMin,
-            max: 1,
-            min: 0,
-            step: 0.01,
-            type: "range",
-            label: "Граница затухания связи при анимации ноды",
-        },
         {
             id: "highlightByNodeNodeFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByNodeNodeFadingMin,
+            initialValue: NODE_SETTINGS.highlightByNodeNodeFadingMin,
             max: 1,
             min: 0,
             step: 0.01,
@@ -203,32 +385,35 @@ function getGraphControls(keys) {
             label: "Граница затухания ноды при анимации ноды",
         },
         {
-            id: "highlightByNodeArrowFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByNodeArrowFadingMin,
+            id: "highlightByNodeTextFadingMin",
+            initialValue: NODE_SETTINGS.highlightByNodeTextFadingMin,
             max: 1,
             min: 0,
             step: 0.01,
             type: "range",
-            label: "Граница затухания стрелки при анимации ноды",
-        },
-        {
-            id: "highlightByNodeOnlyRoot",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.highlightByNodeOnlyRoot,
-            label: "Дополнительная анимация только главное цели при анимации ноды",
+            label: "Граница затухания текста при анимации ноды",
         },
         {
             id: "highlightByLinkNodeSizingAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByLinkNodeSizingAdditional,
+            initialValue: NODE_SETTINGS.highlightByLinkNodeSizingAdditional,
             max: 10,
             min: 0.1,
             step: 0.01,
             type: "range",
             label: "Дополнительный размер при анимации связи",
         },
+        {
+            id: "highlightByLinkNodeSizingAdditionalCoefficient",
+            initialValue: NODE_SETTINGS.highlightByLinkNodeSizingAdditionalCoefficient,
+            max: 10,
+            min: 0.01,
+            step: 0.01,
+            type: "range",
+            label: "Дополнительный размер квадрата при анимации связи",
+        },
         {
             id: "highlightByLinkNodeColorFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByLinkNodeColorFadingMin,
+            initialValue: NODE_SETTINGS.highlightByLinkNodeColorFadingMin,
             max: 1,
             min: 0.01,
             step: 0.01,
@@ -237,7 +422,7 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByLinkTextShiftXAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByLinkTextShiftXAdditional,
+            initialValue: NODE_SETTINGS.highlightByLinkTextShiftXAdditional,
             max: 50,
             min: 0,
             step: 0.1,
@@ -246,7 +431,7 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByLinkTextShiftYAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByLinkTextShiftYAdditional,
+            initialValue: NODE_SETTINGS.highlightByLinkTextShiftYAdditional,
             max: 50,
             min: 0,
             step: 0.1,
@@ -255,7 +440,7 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByLinkTextSizingAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByLinkTextSizingAdditional,
+            initialValue: NODE_SETTINGS.highlightByLinkTextSizingAdditional,
             max: 10,
             min: 0.1,
             step: 0.1,
@@ -264,7 +449,7 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByLinkTextWeightAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByLinkTextWeightAdditional,
+            initialValue: NODE_SETTINGS.highlightByLinkTextWeightAdditional,
             max: 1000,
             min: 0,
             step: 100,
@@ -273,34 +458,16 @@ function getGraphControls(keys) {
         },
         {
             id: "highlightByLinkTextWidthAdditional",
-            initialValue: GRAPH_SETTINGS.highlightByLinkTextWidthAdditional,
+            initialValue: NODE_SETTINGS.highlightByLinkTextWidthAdditional,
             max: 100,
             min: 0,
             step: 0.1,
             type: "range",
             label: "Увеличение ширины текста при анимации связи",
         },
-        {
-            id: "highlightByLinkTextFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByLinkTextFadingMin,
-            max: 1,
-            min: 0,
-            step: 0.01,
-            type: "range",
-            label: "Граница затухания текста при анимации связи",
-        },
-        {
-            id: "highlightByLinkLinkFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByLinkLinkFadingMin,
-            max: 1,
-            min: 0,
-            step: 0.01,
-            type: "range",
-            label: "Граница затухания связи при анимации связи",
-        },
         {
             id: "highlightByLinkNodeFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByLinkNodeFadingMin,
+            initialValue: NODE_SETTINGS.highlightByLinkNodeFadingMin,
             max: 1,
             min: 0,
             step: 0.01,
@@ -308,88 +475,69 @@ function getGraphControls(keys) {
             label: "Граница затухания ноды при анимации связи",
         },
         {
-            id: "highlightByLinkArrowFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightByLinkArrowFadingMin,
+            id: "highlightByLinkTextFadingMin",
+            initialValue: NODE_SETTINGS.highlightByLinkTextFadingMin,
             max: 1,
             min: 0,
             step: 0.01,
             type: "range",
-            label: "Граница затухания стрелки при анимации связи",
+            label: "Граница затухания текста при анимации связи",
         },
+    ];
+    return keys
+        ? NODE_SETTINGS_CONTROLS.filter((control) => keys.includes(control.id))
+        : NODE_SETTINGS_CONTROLS;
+}
+function getNodeOptionsControls(keys) {
+    const NODE_CONTROLS = [
         {
-            id: "highlightByLinkOnlyRoot",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.highlightByLinkOnlyRoot,
-            label: "Дополнительная анимация только главное цели при анимации связи",
+            id: "shape",
+            type: "select",
+            initialValue: NODE_OPTIONS.shape,
+            label: "Форма",
+            options: [
+                { label: "Картинки", value: "icon" },
+                { label: "Круг", value: "circle" },
+                { label: "Прямоугольник", value: "square" },
+                { label: "Текст", value: "text" },
+            ],
         },
         {
-            id: "highlightDownStep",
-            initialValue: GRAPH_SETTINGS.highlightDownStep,
-            max: 1,
-            min: 0.01,
-            step: 0.01,
+            id: "radius",
             type: "range",
-            label: "Скорость отмены анимации",
+            max: 50,
+            min: 1,
+            step: 1,
+            label: "Радиус",
+            initialValue: NODE_OPTIONS.radius,
         },
         {
-            id: "highlightUpStep",
-            initialValue: GRAPH_SETTINGS.highlightUpStep,
-            max: 1,
-            min: 0.01,
-            step: 0.01,
+            id: "width",
             type: "range",
-            label: "Скорость применения анимации",
-        },
-        {
-            id: "nodeRadiusInitial",
-            initialValue: GRAPH_SETTINGS.nodeRadiusInitial,
             max: 50,
-            min: 0.1,
-            step: 0.1,
-            type: "range",
-            label: "Изначальный радиус ноды",
+            min: 1,
+            step: 1,
+            label: "Ширина",
+            initialValue: NODE_OPTIONS.width,
         },
         {
-            id: "nodeRadiusCoefficient",
-            initialValue: GRAPH_SETTINGS.nodeRadiusCoefficient,
-            max: 100,
-            min: 0.1,
-            step: 0.1,
+            id: "height",
             type: "range",
-            label: "Количество связей для увеличения радиуса",
-        },
-        {
-            id: "nodeRadiusFactor",
-            initialValue: GRAPH_SETTINGS.nodeRadiusFactor,
             max: 50,
-            min: 0.1,
-            step: 0.1,
-            type: "range",
-            label: "Коэффициент увеличения радиуса",
-        },
-        {
-            id: "stickAfterDrag",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.stickAfterDrag,
-            label: "Фиксировании ноды после перетаскивания",
-        },
-        {
-            id: "highlightByHoverNode",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.highlightByHoverNode,
-            label: "Анимации при наведении",
+            min: 1,
+            step: 1,
+            label: "Высота",
+            initialValue: NODE_OPTIONS.height,
         },
         {
-            id: "nodeRadiusFlexible",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.nodeRadiusFlexible,
-            label: "Гибкий радиус ноды",
+            id: "borderRadius",
+            type: "range",
+            max: 50,
+            min: 0,
+            step: 1,
+            label: "Радиус границы",
+            initialValue: NODE_OPTIONS.borderRadius,
         },
-    ];
-    return keys ? GRAPH_CONTROLS.filter((control) => keys.includes(control.id)) : GRAPH_CONTROLS;
-}
-function getNodeControls(keys) {
-    const NODE_CONTROLS = [
         {
             id: "alpha",
             type: "range",
@@ -399,15 +547,6 @@ function getNodeControls(keys) {
             label: "Прозрачность",
             initialValue: NODE_OPTIONS.alpha,
         },
-        {
-            id: "radius",
-            type: "range",
-            max: 50,
-            min: 1,
-            step: 1,
-            label: "Радиус",
-            initialValue: NODE_OPTIONS.radius,
-        },
         {
             id: "borderWidth",
             type: "range",
@@ -429,6 +568,33 @@ function getNodeControls(keys) {
             initialValue: "#000000FF",
             label: "Цвет",
         },
+        {
+            id: "textNodeXPadding",
+            type: "range",
+            max: 30,
+            min: 0,
+            step: 0.1,
+            label: "Отступы по оси X у текстовой ноды внутри контейнера",
+            initialValue: NODE_OPTIONS.textNodeXPadding,
+        },
+        {
+            id: "textNodeYPadding",
+            type: "range",
+            max: 30,
+            min: 0,
+            step: 0.1,
+            label: "Отступы по оси Y у текстовой ноды внутри контейнера",
+            initialValue: NODE_OPTIONS.textNodeYPadding,
+        },
+        {
+            id: "textSize",
+            type: "range",
+            max: 30,
+            min: 0,
+            step: 0.1,
+            label: "Размер текста",
+            initialValue: 0,
+        },
         {
             id: "textAlpha",
             type: "range",
@@ -484,69 +650,142 @@ function getNodeControls(keys) {
             initialValue: NODE_OPTIONS.textGap,
         },
         {
-            id: "highlightByNodeNodeFading",
+            id: "textColor",
+            type: "color",
+            initialValue: NODE_OPTIONS.textColor,
+            label: "Цвет текста",
+        },
+    ];
+    return keys ? NODE_CONTROLS.filter((control) => keys.includes(control.id)) : NODE_CONTROLS;
+}
+function getLinkSettingsControls(keys) {
+    const LINK_SETTINGS_CONTROLS = [
+        {
+            id: "cache",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByNodeNodeFading,
-            label: "Затухание при анимации ноды",
+            label: "Кеширование вычисляемых настроек",
+            initialValue: LINK_SETTINGS.cache,
         },
         {
-            id: "highlightByNodeNodeColor",
+            id: "particles",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByNodeNodeColor,
-            label: "Затухание цвета при анимации ноды",
+            label: "Частицы",
+            initialValue: LINK_SETTINGS.particles,
         },
         {
-            id: "highlightByNodeNodeSizing",
+            id: "particleFlexSpeed",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByNodeNodeSizing,
-            label: "Изменение размера при анимации ноды",
+            label: "Гибкий расчет скорости частицы",
+            initialValue: LINK_SETTINGS.particleFlexSpeed,
         },
         {
-            id: "highlightByNodeTextFading",
+            id: "pretty",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByNodeTextFading,
-            label: "Затухание текста при анимации ноды",
+            label: "Обсчет красивого соединения",
+            initialValue: LINK_SETTINGS.pretty,
         },
         {
-            id: "highlightByNodeTextSizing",
+            id: "arrow",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByNodeTextSizing,
-            label: "Изменение размера текста при анимации ноды",
+            label: "Стрелка",
+            initialValue: LINK_SETTINGS.arrow,
         },
         {
-            id: "highlightByLinkNodeFading",
+            id: "arrowByHighlight",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByLinkNodeFading,
-            label: "Затухание при анимации связи",
+            label: "Появление стрелки при анимации",
+            initialValue: LINK_SETTINGS.arrowByHighlight,
         },
         {
-            id: "highlightByLinkNodeColor",
+            id: "highlightByHoverLink",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByLinkNodeColor,
-            label: "Затухание цвета при анимации связи",
+            label: "Анимация при наведении на связь",
+            initialValue: LINK_SETTINGS.highlightByHoverLink,
         },
         {
-            id: "highlightByLinkNodeSizing",
+            id: "highlightByNodeLinkFading",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByLinkNodeSizing,
-            label: "Изменение размера при анимации связи",
+            label: "Затухание при анимации ноды",
+            initialValue: LINK_SETTINGS.highlightByNodeLinkFading,
         },
         {
-            id: "highlightByLinkTextFading",
+            id: "highlightByNodeArrowFading",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByLinkTextFading,
-            label: "Затухание текста при анимации связи",
+            label: "Затухание стрелки при анимации ноды",
+            initialValue: LINK_SETTINGS.highlightByNodeArrowFading,
         },
         {
-            id: "highlightByLinkTextSizing",
+            id: "highlightByLinkLinkFading",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightByLinkTextSizing,
-            label: "Изменение размера текста при анимации связи",
+            label: "Затухание при анимации связи",
+            initialValue: LINK_SETTINGS.highlightByLinkLinkFading,
+        },
+        {
+            id: "highlightByLinkArrowFading",
+            type: "checkbox",
+            label: "Затухание стрелки при анимации связи",
+            initialValue: LINK_SETTINGS.highlightByLinkArrowFading,
+        },
+        {
+            id: "particleFlexSpeedCoefficient",
+            initialValue: LINK_SETTINGS.particleFlexSpeedCoefficient,
+            max: 10,
+            min: 0.1,
+            step: 0.1,
+            type: "range",
+            label: "Коэффициент скорости частицы относительно расстояния",
+        },
+        {
+            id: "hoverLinkThreshold",
+            initialValue: LINK_SETTINGS.hoverLinkThreshold,
+            max: 10,
+            min: 0,
+            step: 0.01,
+            type: "range",
+            label: "Расширение границы связи для курсора",
+        },
+        {
+            id: "highlightByNodeLinkFadingMin",
+            initialValue: LINK_SETTINGS.highlightByNodeLinkFadingMin,
+            max: 1,
+            min: 0,
+            step: 0.01,
+            type: "range",
+            label: "Граница затухания связи при анимации ноды",
+        },
+        {
+            id: "highlightByNodeArrowFadingMin",
+            initialValue: LINK_SETTINGS.highlightByNodeArrowFadingMin,
+            max: 1,
+            min: 0,
+            step: 0.01,
+            type: "range",
+            label: "Граница затухания стрелки при анимации ноды",
+        },
+        {
+            id: "highlightByLinkLinkFadingMin",
+            initialValue: LINK_SETTINGS.highlightByLinkLinkFadingMin,
+            max: 1,
+            min: 0,
+            step: 0.01,
+            type: "range",
+            label: "Граница затухания связи при анимации связи",
+        },
+        {
+            id: "highlightByLinkArrowFadingMin",
+            initialValue: LINK_SETTINGS.highlightByLinkArrowFadingMin,
+            max: 1,
+            min: 0,
+            step: 0.01,
+            type: "range",
+            label: "Граница затухания стрелки при анимации связи",
         },
     ];
-    return keys ? NODE_CONTROLS.filter((control) => keys.includes(control.id)) : NODE_CONTROLS;
+    return keys
+        ? LINK_SETTINGS_CONTROLS.filter((control) => keys.includes(control.id))
+        : LINK_SETTINGS_CONTROLS;
 }
-function getLinkControls(keys) {
+function getLinkOptionsControls(keys) {
     const LINK_CONTROLS = [
         {
             id: "alpha",
@@ -584,6 +823,24 @@ function getLinkControls(keys) {
             label: "Размер стрелки",
             initialValue: LINK_OPTIONS.arrowSize,
         },
+        {
+            id: "arrowBorderWidth",
+            type: "range",
+            max: 10,
+            min: 0.1,
+            step: 0.1,
+            label: "Размер границы стрелки",
+            initialValue: LINK_OPTIONS.arrowBorderWidth,
+        },
+        {
+            id: "particleBorderWidth",
+            type: "range",
+            max: 10,
+            min: 0.1,
+            step: 0.1,
+            label: "Размер границы частиц",
+            initialValue: LINK_OPTIONS.particleBorderWidth,
+        },
         {
             id: "particleAlpha",
             type: "range",
@@ -633,56 +890,26 @@ function getLinkControls(keys) {
             label: "Цвет стрелки",
         },
         {
-            id: "particleColor",
+            id: "arrowBorderColor",
             type: "color",
-            initialValue: "#000000FF",
-            label: "Цвет частиц",
-        },
-        {
-            id: "pretty",
-            type: "checkbox",
-            label: "Обсчет соединения",
-            initialValue: LINK_OPTIONS.pretty,
-        },
-        {
-            id: "arrow",
-            type: "checkbox",
-            label: "Стрелка",
-            initialValue: LINK_OPTIONS.arrow,
-        },
-        {
-            id: "highlightByNodeLinkFading",
-            type: "checkbox",
-            label: "Затухание при анимации ноды",
-            initialValue: LINK_OPTIONS.highlightByNodeLinkFading,
-        },
-        {
-            id: "highlightByNodeArrowFading",
-            type: "checkbox",
-            label: "Затухание стрелки при анимации ноды",
-            initialValue: LINK_OPTIONS.highlightByNodeArrowFading,
-        },
-        {
-            id: "highlightByLinkLinkFading",
-            type: "checkbox",
-            label: "Затухание при анимации связи",
-            initialValue: LINK_OPTIONS.highlightByLinkLinkFading,
+            initialValue: LINK_OPTIONS.arrowBorderColor,
+            label: "Цвет границы стрелки",
         },
         {
-            id: "highlightByLinkArrowFading",
-            type: "checkbox",
-            label: "Затухание стрелки при анимации связи",
-            initialValue: LINK_OPTIONS.highlightByLinkArrowFading,
+            id: "particleColor",
+            type: "color",
+            initialValue: LINK_OPTIONS.particleColor,
+            label: "Цвет частиц",
         },
         {
-            id: "arrowReverseAppear",
-            type: "checkbox",
-            label: "Появление стрелки при анимации",
-            initialValue: LINK_OPTIONS.arrowReverseAppear,
+            id: "particleBorderColor",
+            type: "color",
+            initialValue: LINK_OPTIONS.particleBorderColor,
+            label: "Цвет границы частиц",
         },
     ];
     return keys ? LINK_CONTROLS.filter((control) => keys.includes(control.id)) : LINK_CONTROLS;
 }
-export { getForceControls, getGraphControls, getLinkControls, getNodeControls };
+export { getForceControls, getGraphControls, getLinkOptionsControls, getLinkSettingsControls, getNodeOptionsControls, getNodeSettingControls };
 //# sourceMappingURL=get-controls-info.js.map