@html-graph/html-graph 8.18.1 → 8.19.1

package/dist/html-graph.d.ts

@@ -413,7 +413,12 @@ export declare interface DraggableNodesConfig {
 
 export declare type DraggingEdgeResolver = (portId: Identifier) => Identifier | null;
 
-export declare type DraggingPortDirectionConfig = number | undefined | "closest-connectable-port";
+export declare type DraggingPortDirectionConfig = number | undefined
+/**
+* @deprecated
+* use "nearest-connectable-port" instead
+*/
+| "closest-connectable-port" | "nearest-connectable-port";
 
 export declare interface EdgeCreationInProgressParams {
     readonly staticPortId: Identifier;
@@ -729,7 +734,7 @@ export declare class InteractiveEdgeShape implements StructuredEdgeShape {
     readonly targetArrow: SVGPathElement | null;
     /**
      * @deprecated
-     * do use shape.svg instead
+     * use shape.svg instead
      */
     readonly handle: SVGGElement;
     readonly onAfterRender: EventHandler<StructuredEdgeRenderModel>;
@@ -776,7 +781,7 @@ export declare interface LayoutAlgorithmParams {
     readonly viewport: Viewport;
 }
 
-export declare type LayoutApplyOn = TopologyChangeMacrotask | TopologyChangeMicrotask | EventSubject<void>;
+export declare type LayoutApplyOn = TopologyChangeMacrotask | TopologyChangeMicrotask | "topologyChangeMicrotask" | EventSubject<void>;
 
 export declare interface LayoutConfig {
     readonly algorithm?: LayoutAlgorithmConfig | undefined;
@@ -949,7 +954,7 @@ export declare interface StructuredEdgeShape extends EdgeShape {
 
 /**
  * @deprecated
- * use topologyChangeMicrotask instead
+ * use "topologyChangeMicrotask" instead
  */
 declare type TopologyChangeMacrotask = {
     type: "topologyChangeMacrotask";

package/dist/html-graph.js

@@ -2620,8 +2620,8 @@ class DirectEdgeShape {
       };
       if (this.sourceArrow) {
         const sourceOffset = {
-          x: direction.x * this.sourceOffset,
-          y: direction.y * this.sourceOffset
+          x: direction.x * this.sourceOffset + from.x,
+          y: direction.y * this.sourceOffset + from.y
         };
         sourceArrowPath = this.arrowRenderer({
           direction,
@@ -2691,7 +2691,7 @@ class InteractiveEdgeShape {
     // TODO: make private
     /**
      * @deprecated
-     * do use shape.svg instead
+     * use shape.svg instead
      */
     __publicField(this, "handle", createEdgeGroup());
     __publicField(this, "onAfterRender");
@@ -3590,7 +3590,7 @@ const resolveCreateEdgeRequest = (params, targetPortId) => {
     to: params.isDirect ? targetPortId : params.staticPortId
   };
 };
-class ClosestConnectablePortDraggingPortDirectionResolver {
+class NearestConnectablePortDraggingPortDirectionResolver {
   constructor(graph, connectionAllowedVerifier) {
     this.graph = graph;
     this.connectionAllowedVerifier = connectionAllowedVerifier;
@@ -5050,7 +5050,13 @@ const noopFn = () => {
 };
 const resolveDraggingPortDirectionResolver = (config, graph, connectionAllowedVerifier) => {
   if (config === "closest-connectable-port") {
-    return new ClosestConnectablePortDraggingPortDirectionResolver(
+    return new NearestConnectablePortDraggingPortDirectionResolver(
+      graph,
+      connectionAllowedVerifier
+    );
+  }
+  if (config === "nearest-connectable-port") {
+    return new NearestConnectablePortDraggingPortDirectionResolver(
       graph,
       connectionAllowedVerifier
     );
@@ -6421,6 +6427,7 @@ const resolveAnimatedLayoutAlgorithm = (config) => {
         nodeMass: (config == null ? void 0 : config.nodeMass) ?? forceDirectedDefaults.nodeMass,
         edgeEquilibriumLength: (config == null ? void 0 : config.edgeEquilibriumLength) ?? forceDirectedDefaults.edgeEquilibriumLength,
         edgeStiffness: (config == null ? void 0 : config.edgeStiffness) ?? forceDirectedDefaults.edgeStiffness,
+        // TODO: rename no `minVelocity`
         convergenceVelocity: (config == null ? void 0 : config.convergenceVelocity) ?? forceDirectedDefaults.convergenceVelocity,
         maxForce: (config == null ? void 0 : config.maxForce) ?? forceDirectedDefaults.maxForce,
         nodeForceCoefficient: (config == null ? void 0 : config.nodeForceCoefficient) ?? forceDirectedDefaults.nodeForceCoefficient,
@@ -6450,6 +6457,12 @@ const resolveLayoutApplyOn = (applyOn) => {
       trigger: applyOn
     };
   }
+  if (applyOn === "topologyChangeMicrotask") {
+    return {
+      type: "topologyChangeSchedule",
+      schedule: microtaskScheduleFn
+    };
+  }
   if ((applyOn == null ? void 0 : applyOn.type) === "topologyChangeMacrotask") {
     return {
       type: "topologyChangeSchedule",