@react-fabric/graph 1.0.0-beta.63 → 1.0.1

package/dist/esm/graph/index.js

@@ -1,58 +1,62 @@
 'use client';
 
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _typeof from '@babel/runtime/helpers/typeof';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
 import _get from '@babel/runtime/helpers/get';
 import _inherits from '@babel/runtime/helpers/inherits';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { debounce } from '@react-fabric/utilities';
-import { indexParallelEdgesIndex, DEFAULT_EDGE_CURVATURE } from '@sigma/edge-curve';
-import ElkConstructor from 'elkjs/lib/elk.bundled';
 import Graphology from 'graphology';
-import { circular } from 'graphology-layout';
+import { random } from 'graphology-layout';
 import forceAtlas2 from 'graphology-layout-forceatlas2';
-import ForceAtlas2Worker from 'graphology-layout-forceatlas2/worker';
-import { animateNodes } from 'sigma/utils';
-import WorkerFactory from '../_virtual/elk-worker.js';
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(t.prototype ), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 var Graph = /*#__PURE__*/function (_Graphology) {
-  function Graph(options) {
-    var _this;
+  function Graph() {
     _classCallCheck(this, Graph);
-    _this = _callSuper(this, Graph, [options]);
-    var edgeHandler = debounce(function () {
-      return _this.checkParallelEdges();
-    });
-    _this.on("edgeAdded", edgeHandler);
-    _this.on("edgeDropped", edgeHandler);
-    var fireNodeSelect = debounce(function () {
-      _this.emit("nodesSelected", _this.filterNodes(function (_, atts) {
-        return atts.selected;
-      }));
-    });
-    var nodeSelectHandler = function nodeSelectHandler(_ref) {
-      var name = _ref.name;
-      if (name === "selected") {
-        fireNodeSelect();
-      }
-    };
-    _this.on("nodeDropped", fireNodeSelect);
-    _this.on("nodeAttributesUpdated", nodeSelectHandler);
-    return _this;
+    return _callSuper(this, Graph, [{
+      multi: true
+    }]);
   }
   _inherits(Graph, _Graphology);
   return _createClass(Graph, [{
+    key: "importGraph",
+    value: function importGraph(data) {
+      var _this = this;
+      var applyLayout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      _superPropGet(Graph, "clear", this, 3)([]);
+      _superPropGet(Graph, "import", this, 3)([{
+        nodes: data.nodes.map(function (n) {
+          return {
+            key: n.id,
+            attributes: _this.enrichNodeAttributes(n)
+          };
+        }),
+        edges: data.edges.map(function (e) {
+          return {
+            key: e.id,
+            source: e.source,
+            target: e.target,
+            attributes: e
+          };
+        })
+      }, false]);
+      setTimeout(function () {
+        if (applyLayout) {
+          random.assign(_this);
+          var settings = forceAtlas2.inferSettings(_this);
+          forceAtlas2.assign(_this, {
+            iterations: 500,
+            settings: settings
+          });
+        }
+        _this.emit("layoutDone");
+      }, 500);
+      return this;
+    }
+  }, {
     key: "on",
     value: function on(type, listener) {
       return _superPropGet(Graph, "on", this, 3)([type, listener]);
@@ -70,361 +74,34 @@ var Graph = /*#__PURE__*/function (_Graphology) {
       }
       return _superPropGet(Graph, "emit", this, 3)([type].concat(args));
     }
-  }, {
-    key: "mergeNodes",
-    value: function mergeNodes(key, nodes, attributesOrNodeReducer, edgeReducer) {
-      var _this2 = this;
-      if (!nodes.length) return;
-      var newNodeAttributes = {};
-      var edgeList = [];
-      var attributeList = [];
-      nodes.forEach(function (n) {
-        var atts = _this2.getNodeAttributes(n);
-        if (atts) {
-          attributeList.push(atts);
-        }
-        var edges = _this2.edges(n);
-        if (edges.length) {
-          edges.forEach(function (e) {
-            var source = _this2.source(e);
-            var target = _this2.target(e);
-            var edge = _this2.getEdgeAttributes(e);
-            if (edge) {
-              edgeList.push({
-                key: e,
-                // move source to new node if source is old node
-                source: source === n ? key : source,
-                // move target to new node if target is old node
-                target: target === n ? key : target,
-                attributes: edge
-              });
-            }
-          });
-        }
-      });
-      if (typeof attributesOrNodeReducer === "function") {
-        newNodeAttributes = attributesOrNodeReducer(attributeList);
-      } else if (_typeof(attributesOrNodeReducer) === "object") {
-        Object.assign(newNodeAttributes, attributesOrNodeReducer);
-      }
-      if (typeof edgeReducer === "function") {
-        edgeList = edgeReducer(edgeList);
-      }
-      this.dropNodes(nodes);
-      this["import"]({
-        nodes: [{
-          key: key,
-          attributes: newNodeAttributes
-        }],
-        edges: edgeList
-      }, true);
-      return this;
-    }
-  }, {
-    key: "groupNodes",
-    value: function groupNodes(key, nodes, attributesOrNodeReducer, edgeReducer) {
-      var _this3 = this;
-      if (!nodes.length) return;
-      var newNodeAttributes = {
-        nodeList: nodes,
-        isGroup: true,
-        expanded: false
-      };
-      var edgeList = [];
-      var movedEdges = [];
-      var attributeList = [];
-      nodes.forEach(function (n) {
-        var atts = _this3.getNodeAttributes(n);
-        if (atts) {
-          attributeList.push(atts);
-        }
-        var edges = _this3.edges(n);
-        if (edges.length) {
-          var nodeEdges = edges.map(function (e) {
-            var source = _this3.source(e);
-            var target = _this3.target(e);
-            var edge = _this3.getEdgeAttributes(e);
-            if (edge) {
-              movedEdges.push({
-                key: e,
-                // move source to group node if source is not old node
-                source: source === n ? n : key,
-                // move target to group node if target is not old node
-                target: target === n ? n : key,
-                attributes: edge
-              });
-              // make new connection to neighboring node
-              edgeList.push({
-                key: "".concat(key, "-").concat(e),
-                source: source === n ? key : source,
-                target: target === n ? key : target,
-                attributes: edge
-              });
-            }
-            _this3.dropEdge(e);
-            return {
-              key: e,
-              // move source to group node if source is not old node
-              source: source,
-              // move target to group node if target is not old node
-              target: target,
-              attributes: edge
-            };
-          });
-          _this3.setNodeAttribute(n, "hidden", true);
-          _this3.setNodeAttribute(n, "selected", false);
-          // store original edges for grouped node
-          _this3.setNodeAttribute(n, "originalEdges", nodeEdges);
-        }
-      });
-      if (typeof attributesOrNodeReducer === "function") {
-        newNodeAttributes = Object.assign(newNodeAttributes, attributesOrNodeReducer(attributeList));
-      } else if (_typeof(attributesOrNodeReducer) === "object") {
-        Object.assign(newNodeAttributes, attributesOrNodeReducer);
-      }
-      if (typeof edgeReducer === "function") {
-        edgeList = edgeReducer(edgeList);
-      }
-      this["import"]({
-        nodes: [{
-          key: key,
-          attributes: newNodeAttributes
-        }],
-        edges: edgeList.concat(movedEdges)
-      }, true);
-      return this;
-    }
-  }, {
-    key: "ungroupNode",
-    value: function ungroupNode(node) {
-      var _atts$nodeList,
-        _this4 = this;
-      var atts = this.getNodeAttributes(node);
-      if (!atts || !atts.isGroup) return;
-      var nodes = (_atts$nodeList = atts.nodeList) !== null && _atts$nodeList !== void 0 ? _atts$nodeList : [];
-      nodes.forEach(function (n) {
-        var originalEdges = _this4.getNodeAttribute(n, "originalEdges");
-        if (originalEdges && Array.isArray(originalEdges)) {
-          originalEdges.forEach(function (e) {
-            _this4.addEdgeWithKey(e.key, e.source, e.target, e.attributes);
-          });
-        }
-        _this4.setNodeAttribute(n, "hidden", false);
-        _this4.removeNodeAttribute(n, "originalEdges");
-      });
-      this.dropNode(node);
-      return this;
-    }
-  }, {
-    key: "toggleExpanded",
-    value: function toggleExpanded(node, force) {
-      var _this5 = this;
-      var expanded = force !== null && force !== void 0 ? force : !this.getNodeAttribute(node, "expanded");
-      var nodes = this.getNodeAttribute(node, "nodeList");
-      this.setNodeAttribute(node, "expanded", expanded);
-      nodes === null || nodes === void 0 || nodes.forEach(function (n) {
-        _this5.setNodeAttribute(n, "hidden", !expanded);
-      });
-      return this;
-    }
 
-    // @ts-expect-error ignore
+    /**
+     * @deprecated
+     * use `importGraph` instead
+     */
   }, {
     key: "import",
-    value: function _import(data, merge) {
-      var newNodes = [];
-      if (data instanceof Graph) {
-        newNodes.push.apply(newNodes, _toConsumableArray(data.nodes()));
-      } else {
-        newNodes.push.apply(newNodes, _toConsumableArray(data.nodes.map(function (n) {
-          return n.key;
-        })));
-      }
-      _superPropGet(Graph, "import", this, 3)([data, merge]);
-      // fire events for nodes added
-      this.emit("nodesLoaded", newNodes);
-      // apply random positions for nodes
-      // const positions = random(this as any);
-      // animateNodes(
-      //   this as any,
-      //   positions,
-      //   {
-      //     duration: 200,
-      //   },
-      //   () => {
-      //     // fire layout done event
-      //     this.emit("layoutDone");
-      //   },
-      // );
-      void this.elkLayout("force");
-      return this;
-    }
-  }, {
-    key: "circularLayout",
-    value: function circularLayout() {
-      var _this6 = this;
-      if (this.size === 0) return this;
-      var positions = circular(this);
-      animateNodes(this, positions, {
-        duration: 200
-      }, function () {
-        _this6.emit("layoutDone");
-      });
-      return this;
-    }
-  }, {
-    key: "forceLayout",
-    value: function forceLayout() {
-      var _this$_worker,
-        _this$_worker2,
-        _this7 = this;
-      var settings = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (this.size === 0) return this;
-      var sensibleSettings = forceAtlas2.inferSettings(this);
-      if ((_this$_worker = this._worker) !== null && _this$_worker !== void 0 && _this$_worker.isRunning()) {
-        clearTimeout(this._timer);
-      }
-      (_this$_worker2 = this._worker) === null || _this$_worker2 === void 0 || _this$_worker2.kill();
-      this._worker = new ForceAtlas2Worker(this, {
-        settings: _objectSpread(_objectSpread({}, sensibleSettings), settings)
-      });
-      this.emit("layoutRunning", true);
-      this._worker.start();
-      this._timer = setTimeout(function () {
-        var _this7$_worker, _this7$_worker2;
-        (_this7$_worker = _this7._worker) === null || _this7$_worker === void 0 || _this7$_worker.stop();
-        (_this7$_worker2 = _this7._worker) === null || _this7$_worker2 === void 0 || _this7$_worker2.kill();
-        _this7.emit("layoutRunning", false);
-        _this7.emit("layoutDone");
-      },
-      // @ts-expect-error ignore
-      this.nodes().length * window.__GRAPH_LAYOUT_DURATION_MULTIPLIER__);
-      return this;
-    }
-
-    // @ts-expect-error ignore
-  }, {
-    key: "elkLayout",
-    value: function () {
-      var _elkLayout = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(type) {
-        var _this8 = this;
-        return _regeneratorRuntime.wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!this.elk) this.elk = new ElkConstructor({
-                workerFactory: function workerFactory() {
-                  return new WorkerFactory();
-                }
-              });
-              this.emit("layoutRunning", true);
-              this.elk.layout({
-                id: "root",
-                // width: 1600,
-                // height: 900,
-                children: this.mapNodes(function (node, atts) {
-                  var _atts$size, _atts$weight, _atts$size2, _atts$weight2;
-                  return {
-                    id: node,
-                    width: (_atts$size = atts.size) !== null && _atts$size !== void 0 ? _atts$size : Math.max(16, ((_atts$weight = atts.weight) !== null && _atts$weight !== void 0 ? _atts$weight : 0) * 3),
-                    height: (_atts$size2 = atts.size) !== null && _atts$size2 !== void 0 ? _atts$size2 : Math.max(16, ((_atts$weight2 = atts.weight) !== null && _atts$weight2 !== void 0 ? _atts$weight2 : 0) * 3)
-                  };
-                }),
-                edges: this.mapEdges(function (edge, _, source, target) {
-                  return {
-                    id: edge,
-                    sources: [source],
-                    targets: [target]
-                  };
-                })
-              }, {
-                logging: true,
-                measureExecutionTime: true,
-                layoutOptions: {
-                  "elk.algorithm": type
-                }
-              }).then(function (graph) {
-                var _graph$children$map, _graph$children;
-                var positions = Object.fromEntries((_graph$children$map = (_graph$children = graph.children) === null || _graph$children === void 0 ? void 0 : _graph$children.map(function (node) {
-                  var _node$x, _node$y;
-                  return [node.id, {
-                    x: (_node$x = node.x) !== null && _node$x !== void 0 ? _node$x : 0,
-                    y: (_node$y = node.y) !== null && _node$y !== void 0 ? _node$y : 0
-                  }];
-                })) !== null && _graph$children$map !== void 0 ? _graph$children$map : []);
-                animateNodes(_this8, positions, {
-                  duration: 200
-                }, function () {
-                  setTimeout(function () {
-                    _this8.emit("layoutDone");
-                  }, 100);
-                });
-              })["catch"](console.error)["finally"](function () {
-                _this8.emit("layoutRunning", false);
-              });
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function elkLayout(_x) {
-        return _elkLayout.apply(this, arguments);
-      }
-      return elkLayout;
-    }()
-  }, {
-    key: "dropNodes",
-    value: function dropNodes(nodes) {
-      var _this9 = this;
-      if (!nodes.length) return;
-      nodes.forEach(function (n) {
-        return _this9.dropNode(n);
-      });
+    value: function _import() {
+      throw new Error("Graphology import is deprecated, use `importGraph` instead");
     }
 
     /**
-     * parallel edge check to be called after adding edges
+     * @deprecated
+     * use `exportGraph` instead
      */
   }, {
-    key: "getCurvature",
-    value: function getCurvature(index) {
-      var maxIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      if (maxIndex <= 0) throw new Error("Invalid maxIndex");
-      if (index < 0) return -this.getCurvature(-index, maxIndex);
-      var amplitude = 0.25;
-      var maxCurvature = amplitude * (1 - Math.exp(-maxIndex / amplitude)) * DEFAULT_EDGE_CURVATURE;
-      return maxCurvature * index / maxIndex;
+    key: "export",
+    value: function _export() {
+      throw new Error("Graphology export is deprecated, use `exportGraph` instead");
     }
   }, {
-    key: "checkParallelEdges",
-    value: function checkParallelEdges() {
-      var _this0 = this;
-      // Use dedicated helper to identify parallel edges:
-      // @ts-expect-error ignore
-      indexParallelEdgesIndex(this, {
-        edgeIndexAttribute: "parallelIndex",
-        edgeMinIndexAttribute: "parallelMinIndex",
-        edgeMaxIndexAttribute: "parallelMaxIndex"
-      });
-      // Adapt types and curvature of parallel edges for rendering:
-      this.forEachEdge(function (edge, _ref2) {
-        var parallelIndex = _ref2.parallelIndex,
-          parallelMinIndex = _ref2.parallelMinIndex,
-          parallelMaxIndex = _ref2.parallelMaxIndex;
-        if (typeof parallelMinIndex === "number") {
-          _this0.mergeEdgeAttributes(edge, {
-            type: parallelIndex ? "curved" : "line",
-            curvature: _this0.getCurvature(parallelIndex !== null && parallelIndex !== void 0 ? parallelIndex : 1, parallelMaxIndex !== null && parallelMaxIndex !== void 0 ? parallelMaxIndex : 1)
-          });
-        } else if (typeof parallelIndex === "number") {
-          _this0.mergeEdgeAttributes(edge, {
-            type: "curved",
-            curvature: _this0.getCurvature(parallelIndex !== null && parallelIndex !== void 0 ? parallelIndex : 1, parallelMaxIndex !== null && parallelMaxIndex !== void 0 ? parallelMaxIndex : 1)
-          });
-        } else {
-          _this0.setEdgeAttribute(edge, "type", "line");
-        }
-      });
+    key: "enrichNodeAttributes",
+    value: function enrichNodeAttributes(node) {
+      if (!node.x && !node.y) {
+        node.x = 0;
+        node.y = 0;
+      }
+      return node;
     }
   }]);
 }(Graphology);

package/dist/esm/index.js

@@ -1,30 +1,34 @@
 'use client';
 
-export { SigmaGraph } from './components/Viewer.js';
 export { Graph } from './graph/index.js';
+export { GraphViewer } from './viewer/Graph.js';
 
-/*
+/**
  * React Fabric
- * @version: 1.0.0
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 2024 Adarsh Pastakia
  *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
  *
- * The MIT License (MIT)
- * Copyright (c) 2024 Adarsh Pastakia
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
  *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
- * and associated documentation files (the "Software"), to deal in the Software without restriction,
- * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
- * subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial
- * portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
- * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
- * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  */
 
-// @ts-expect-error ignore
-window.__GRAPH_LAYOUT_DURATION_MULTIPLIER__ = 10;
+var GRAPH_PACKAGE = "@react-fabric/graph";
+var GRAPH_VERSION = "1.0.0";
+
+export { GRAPH_PACKAGE, GRAPH_VERSION };

package/dist/esm/utils/edge.js

@@ -0,0 +1,75 @@
+'use client';
+
+import { DEFAULT_STYLES } from 'sigma/types';
+
+/**
+ * React Fabric
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+function edgeReducer(_, edge, attrs) {
+  var _edge$size;
+  // @ts-expect-error ignore
+  if (attrs.path === "curved") edge.curvature = 0.3;
+  if (attrs.style === "dashed") {
+    // @ts-expect-error ignore
+    edge.dashSize = 4;
+    // @ts-expect-error ignore
+    edge.gapSize = 8;
+  }
+  // @ts-expect-error ignore
+  if (attrs.style === "dotted") edge.dashSize = edge.gapSize = (_edge$size = edge.size) !== null && _edge$size !== void 0 ? _edge$size : 2;
+  return edge;
+}
+function defaultEdgeStyles() {
+  var isDark = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return [DEFAULT_STYLES.edges, {
+    size: {
+      attribute: "size",
+      defaultValue: 1
+    },
+    path: {
+      attribute: "path",
+      defaultValue: "straight"
+    },
+    color: {
+      attribute: "color",
+      defaultValue: isDark ? "#475569" : "#94a3b8"
+    },
+    head: {
+      attribute: "head"
+    },
+    tail: {
+      attribute: "tail"
+    },
+    gapSize: 0,
+    dashSize: 0,
+    parallelPath: "curved",
+    dashColor: isDark ? "#181818" : "#fff",
+    labelColor: isDark ? "#dedede" : "#545454",
+    labelVisibility: "auto",
+    labelPosition: "auto"
+  }];
+}
+
+export { defaultEdgeStyles, edgeReducer };