@krainovsd/graph 0.8.4 → 0.10.0-rc1

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

@@ -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,198 +143,364 @@ 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: "highlightSizingAdditional",
-            initialValue: GRAPH_SETTINGS.highlightSizingAdditional,
+            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: NODE_SETTINGS.highlightByNodeNodeSizingAdditional,
             max: 10,
             min: 0.1,
             step: 0.01,
             type: "range",
-            label: "Дополнительный размер при анимации",
+            label: "Дополнительный размер при анимации ноды",
         },
         {
-            id: "highlightColorFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightColorFadingMin,
+            id: "highlightByNodeNodeSizingAdditionalCoefficient",
+            initialValue: NODE_SETTINGS.highlightByNodeNodeSizingAdditionalCoefficient,
+            max: 10,
+            min: 0.01,
+            step: 0.01,
+            type: "range",
+            label: "Дополнительный размер квадрата при анимации ноды",
+        },
+        {
+            id: "highlightByNodeNodeColorFadingMin",
+            initialValue: NODE_SETTINGS.highlightByNodeNodeColorFadingMin,
             max: 1,
             min: 0.01,
             step: 0.01,
             type: "range",
-            label: "Граница затухания цвета",
+            label: "Граница затухания цвета при анимации ноды",
         },
         {
-            id: "highlightTextShiftXAdditional",
-            initialValue: GRAPH_SETTINGS.highlightTextShiftXAdditional,
+            id: "highlightByNodeTextShiftXAdditional",
+            initialValue: NODE_SETTINGS.highlightByNodeTextShiftXAdditional,
             max: 50,
             min: 0,
             step: 0.1,
             type: "range",
-            label: "Смещение текста по X при анимации",
+            label: "Смещение текста по X при анимации ноды",
         },
         {
-            id: "highlightTextShiftYAdditional",
-            initialValue: GRAPH_SETTINGS.highlightTextShiftYAdditional,
+            id: "highlightByNodeTextShiftYAdditional",
+            initialValue: NODE_SETTINGS.highlightByNodeTextShiftYAdditional,
             max: 50,
             min: 0,
             step: 0.1,
             type: "range",
-            label: "Смещение текста по Y при анимации",
+            label: "Смещение текста по Y при анимации ноды",
         },
         {
-            id: "highlightTextSizingAdditional",
-            initialValue: GRAPH_SETTINGS.highlightTextSizingAdditional,
+            id: "highlightByNodeTextSizingAdditional",
+            initialValue: NODE_SETTINGS.highlightByNodeTextSizingAdditional,
             max: 10,
             min: 0.1,
             step: 0.1,
             type: "range",
-            label: "Увеличение текста при анимации",
+            label: "Увеличение текста при анимации ноды",
         },
         {
-            id: "highlightTextWeightAdditional",
-            initialValue: GRAPH_SETTINGS.highlightTextWeightAdditional,
+            id: "highlightByNodeTextWeightAdditional",
+            initialValue: NODE_SETTINGS.highlightByNodeTextWeightAdditional,
             max: 1000,
             min: 0,
             step: 100,
             type: "range",
-            label: "Увеличение жирности текста при анимации",
+            label: "Увеличение жирности текста при анимации ноды",
         },
         {
-            id: "highlightTextWidthAdditional",
-            initialValue: GRAPH_SETTINGS.highlightTextWidthAdditional,
+            id: "highlightByNodeTextWidthAdditional",
+            initialValue: NODE_SETTINGS.highlightByNodeTextWidthAdditional,
             max: 100,
             min: 0,
             step: 0.1,
             type: "range",
-            label: "Увеличение ширины текста при анимации",
+            label: "Увеличение ширины текста при анимации ноды",
         },
         {
-            id: "highlightTextFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightTextFadingMin,
+            id: "highlightByNodeNodeFadingMin",
+            initialValue: NODE_SETTINGS.highlightByNodeNodeFadingMin,
             max: 1,
             min: 0,
             step: 0.01,
             type: "range",
-            label: "Граница затухания текста при анимации",
+            label: "Граница затухания ноды при анимации ноды",
         },
         {
-            id: "highlightLinkFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightLinkFadingMin,
+            id: "highlightByNodeTextFadingMin",
+            initialValue: NODE_SETTINGS.highlightByNodeTextFadingMin,
             max: 1,
             min: 0,
             step: 0.01,
             type: "range",
-            label: "Граница затухания связи при анимации",
+            label: "Граница затухания текста при анимации ноды",
         },
         {
-            id: "highlightFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightFadingMin,
-            max: 1,
-            min: 0,
-            step: 0.01,
-            type: "range",
-            label: "Граница затухания ноды при анимации",
-        },
-        {
-            id: "highlightArrowFadingMin",
-            initialValue: GRAPH_SETTINGS.highlightArrowFadingMin,
-            max: 1,
-            min: 0,
+            id: "highlightByLinkNodeSizingAdditional",
+            initialValue: NODE_SETTINGS.highlightByLinkNodeSizingAdditional,
+            max: 10,
+            min: 0.1,
             step: 0.01,
             type: "range",
-            label: "Граница затухания стрелки при анимации",
+            label: "Дополнительный размер при анимации связи",
         },
         {
-            id: "highlightDownStep",
-            initialValue: GRAPH_SETTINGS.highlightDownStep,
-            max: 1,
+            id: "highlightByLinkNodeSizingAdditionalCoefficient",
+            initialValue: NODE_SETTINGS.highlightByLinkNodeSizingAdditionalCoefficient,
+            max: 10,
             min: 0.01,
             step: 0.01,
             type: "range",
-            label: "Скорость отмены анимации",
+            label: "Дополнительный размер квадрата при анимации связи",
         },
         {
-            id: "highlightUpStep",
-            initialValue: GRAPH_SETTINGS.highlightUpStep,
+            id: "highlightByLinkNodeColorFadingMin",
+            initialValue: NODE_SETTINGS.highlightByLinkNodeColorFadingMin,
             max: 1,
             min: 0.01,
             step: 0.01,
             type: "range",
-            label: "Скорость применения анимации",
+            label: "Граница затухания цвета при анимации связи",
         },
         {
-            id: "nodeRadiusInitial",
-            initialValue: GRAPH_SETTINGS.nodeRadiusInitial,
+            id: "highlightByLinkTextShiftXAdditional",
+            initialValue: NODE_SETTINGS.highlightByLinkTextShiftXAdditional,
             max: 50,
-            min: 0.1,
+            min: 0,
             step: 0.1,
             type: "range",
-            label: "Изначальный радиус ноды",
+            label: "Смещение текста по X при анимации связи",
         },
         {
-            id: "nodeRadiusCoefficient",
-            initialValue: GRAPH_SETTINGS.nodeRadiusCoefficient,
-            max: 100,
-            min: 0.1,
+            id: "highlightByLinkTextShiftYAdditional",
+            initialValue: NODE_SETTINGS.highlightByLinkTextShiftYAdditional,
+            max: 50,
+            min: 0,
             step: 0.1,
             type: "range",
-            label: "Количество связей для увеличения радиуса",
+            label: "Смещение текста по Y при анимации связи",
         },
         {
-            id: "nodeRadiusFactor",
-            initialValue: GRAPH_SETTINGS.nodeRadiusFactor,
-            max: 50,
+            id: "highlightByLinkTextSizingAdditional",
+            initialValue: NODE_SETTINGS.highlightByLinkTextSizingAdditional,
+            max: 10,
             min: 0.1,
             step: 0.1,
             type: "range",
-            label: "Коэффициент увеличения радиуса",
+            label: "Увеличение текста при анимации связи",
         },
         {
-            id: "highlightOnlyRoot",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.highlightOnlyRoot,
-            label: "Дополнительная анимация только главное цели",
+            id: "highlightByLinkTextWeightAdditional",
+            initialValue: NODE_SETTINGS.highlightByLinkTextWeightAdditional,
+            max: 1000,
+            min: 0,
+            step: 100,
+            type: "range",
+            label: "Увеличение жирности текста при анимации связи",
         },
         {
-            id: "stickAfterDrag",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.stickAfterDrag,
-            label: "Фиксировании ноды после перетаскивания",
+            id: "highlightByLinkTextWidthAdditional",
+            initialValue: NODE_SETTINGS.highlightByLinkTextWidthAdditional,
+            max: 100,
+            min: 0,
+            step: 0.1,
+            type: "range",
+            label: "Увеличение ширины текста при анимации связи",
         },
         {
-            id: "highlightByHover",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.highlightByHover,
-            label: "Анимации при наведении",
+            id: "highlightByLinkNodeFadingMin",
+            initialValue: NODE_SETTINGS.highlightByLinkNodeFadingMin,
+            max: 1,
+            min: 0,
+            step: 0.01,
+            type: "range",
+            label: "Граница затухания ноды при анимации связи",
         },
         {
-            id: "nodeRadiusFlexible",
-            type: "checkbox",
-            initialValue: GRAPH_SETTINGS.nodeRadiusFlexible,
-            label: "Гибкий радиус ноды",
+            id: "highlightByLinkTextFadingMin",
+            initialValue: NODE_SETTINGS.highlightByLinkTextFadingMin,
+            max: 1,
+            min: 0,
+            step: 0.01,
+            type: "range",
+            label: "Граница затухания текста при анимации связи",
         },
     ];
-    return keys ? GRAPH_CONTROLS.filter((control) => keys.includes(control.id)) : GRAPH_CONTROLS;
+    return keys
+        ? NODE_SETTINGS_CONTROLS.filter((control) => keys.includes(control.id))
+        : NODE_SETTINGS_CONTROLS;
 }
-function getNodeControls(keys) {
+function getNodeOptionsControls(keys) {
     const NODE_CONTROLS = [
         {
-            id: "alpha",
-            type: "range",
-            max: 1,
-            min: 0,
-            step: 0.1,
-            label: "Прозрачность",
-            initialValue: NODE_OPTIONS.alpha,
+            id: "shape",
+            type: "select",
+            initialValue: NODE_OPTIONS.shape,
+            label: "Форма",
+            options: [
+                { label: "Картинки", value: "icon" },
+                { label: "Круг", value: "circle" },
+                { label: "Прямоугольник", value: "square" },
+                { label: "Текст", value: "text" },
+            ],
         },
         {
             id: "radius",
@@ -303,6 +511,42 @@ function getNodeControls(keys) {
             label: "Радиус",
             initialValue: NODE_OPTIONS.radius,
         },
+        {
+            id: "width",
+            type: "range",
+            max: 50,
+            min: 1,
+            step: 1,
+            label: "Ширина",
+            initialValue: NODE_OPTIONS.width,
+        },
+        {
+            id: "height",
+            type: "range",
+            max: 50,
+            min: 1,
+            step: 1,
+            label: "Высота",
+            initialValue: NODE_OPTIONS.height,
+        },
+        {
+            id: "borderRadius",
+            type: "range",
+            max: 50,
+            min: 0,
+            step: 1,
+            label: "Радиус границы",
+            initialValue: NODE_OPTIONS.borderRadius,
+        },
+        {
+            id: "alpha",
+            type: "range",
+            max: 1,
+            min: 0,
+            step: 0.1,
+            label: "Прозрачность",
+            initialValue: NODE_OPTIONS.alpha,
+        },
         {
             id: "borderWidth",
             type: "range",
@@ -324,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",
@@ -379,39 +650,142 @@ function getNodeControls(keys) {
             initialValue: NODE_OPTIONS.textGap,
         },
         {
-            id: "highlightFading",
+            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",
+            label: "Кеширование вычисляемых настроек",
+            initialValue: LINK_SETTINGS.cache,
+        },
+        {
+            id: "particles",
+            type: "checkbox",
+            label: "Частицы",
+            initialValue: LINK_SETTINGS.particles,
+        },
+        {
+            id: "particleFlexSpeed",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightFading,
-            label: "Анимация затухания",
+            label: "Гибкий расчет скорости частицы",
+            initialValue: LINK_SETTINGS.particleFlexSpeed,
         },
         {
-            id: "highlightColor",
+            id: "pretty",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightColor,
-            label: "Анимация затухания цвета",
+            label: "Обсчет красивого соединения",
+            initialValue: LINK_SETTINGS.pretty,
         },
         {
-            id: "highlightSizing",
+            id: "arrow",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightSizing,
-            label: "Анимация размера",
+            label: "Стрелка",
+            initialValue: LINK_SETTINGS.arrow,
         },
         {
-            id: "highlightTextFading",
+            id: "arrowByHighlight",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightTextFading,
-            label: "Анимация затухания текста",
+            label: "Появление стрелки при анимации",
+            initialValue: LINK_SETTINGS.arrowByHighlight,
         },
         {
-            id: "highlightTextSizing",
+            id: "highlightByHoverLink",
             type: "checkbox",
-            initialValue: NODE_OPTIONS.highlightTextSizing,
-            label: "Анимация размера текста",
+            label: "Анимация при наведении на связь",
+            initialValue: LINK_SETTINGS.highlightByHoverLink,
+        },
+        {
+            id: "highlightByNodeLinkFading",
+            type: "checkbox",
+            label: "Затухание при анимации ноды",
+            initialValue: LINK_SETTINGS.highlightByNodeLinkFading,
+        },
+        {
+            id: "highlightByNodeArrowFading",
+            type: "checkbox",
+            label: "Затухание стрелки при анимации ноды",
+            initialValue: LINK_SETTINGS.highlightByNodeArrowFading,
+        },
+        {
+            id: "highlightByLinkLinkFading",
+            type: "checkbox",
+            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",
@@ -449,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",
@@ -498,44 +890,26 @@ function getLinkControls(keys) {
             label: "Цвет стрелки",
         },
         {
-            id: "particleColor",
+            id: "arrowBorderColor",
             type: "color",
-            initialValue: "#000000FF",
-            label: "Цвет частиц",
-        },
-        {
-            id: "highlightFading",
-            type: "checkbox",
-            label: "Анимация Затухания",
-            initialValue: LINK_OPTIONS.highlightFading,
-        },
-        {
-            id: "pretty",
-            type: "checkbox",
-            label: "Обсчет соединения",
-            initialValue: LINK_OPTIONS.pretty,
-        },
-        {
-            id: "arrow",
-            type: "checkbox",
-            label: "Стрелка",
-            initialValue: LINK_OPTIONS.arrow,
+            initialValue: LINK_OPTIONS.arrowBorderColor,
+            label: "Цвет границы стрелки",
         },
         {
-            id: "arrowHighlightFading",
-            type: "checkbox",
-            label: "Анимация затухания стрелки",
-            initialValue: LINK_OPTIONS.arrowHighlightFading,
+            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