polly-graph 0.1.11 → 0.1.12

package/dist/index.cjs

@@ -4816,7 +4816,17 @@ function renderLinks(ctx, links) {
 
 // src/renderer/nodes.ts
 function renderNodes(ctx, nodes) {
-  return ctx.root.select('[data-layer="nodes"]').selectAll("circle").data(nodes, (d) => d.id).join("circle").attr("r", (node) => node.style?.radius ?? 8).attr("fill", (node) => node.style?.fill ?? "#6c5ce7").attr("stroke", (node) => node.style?.stroke ?? "#ffffff").attr("stroke-width", (node) => node.style?.strokeWidth ?? 1.5).attr("opacity", (node) => node.style?.opacity ?? 1).style("cursor", "pointer");
+  return ctx.root.select('[data-layer="nodes"]').selectAll("circle").data(nodes, (d) => d.id).join("circle").attr("r", (node) => node.style?.radius ?? 8).attr("fill", (node) => node.style?.fill ?? "#6c5ce7").call((selection2) => {
+    selection2.each(function(node) {
+      const element = this;
+      if (node.style?.stroke !== void 0) {
+        element.setAttribute("stroke", node.style.stroke);
+      }
+      if (node.style?.strokeWidth !== void 0) {
+        element.setAttribute("stroke-width", String(node.style.strokeWidth));
+      }
+    });
+  }).attr("opacity", (node) => node.style?.opacity ?? 1).style("cursor", "pointer");
 }
 
 // src/renderer/node-labels.ts
@@ -5107,269 +5117,34 @@ function createDragBehavior(simulation, onDragStart, canvasBounds) {
   });
 }
 
-// src/utils/node-style-manager.ts
-var NodeStyleManager = class {
-  styleStates = /* @__PURE__ */ new Map();
-  /**
-   * Initialize a node's style state by capturing its original styles
-   */
-  initializeNode(element, node) {
-    if (this.styleStates.has(element)) {
-      return;
-    }
-    const domBackup = {
-      stroke: element.getAttribute("stroke"),
-      strokeWidth: element.getAttribute("stroke-width"),
-      opacity: element.getAttribute("opacity"),
-      fill: element.getAttribute("fill")
-    };
-    const originalStyle = {
-      stroke: node.style?.stroke || void 0,
-      strokeWidth: node.style?.strokeWidth || void 0,
-      opacity: node.style?.opacity || void 0,
-      fill: node.style?.fill || void 0
-    };
-    this.styleStates.set(element, {
-      original: originalStyle,
-      current: { ...originalStyle },
-      domBackup
-    });
-  }
-  /**
-   * Apply temporary styles (e.g., hover effects) that will be reset later
-   */
-  applyTemporaryStyles(element, styles) {
-    this.applyStylesToDOM(element, styles);
-  }
-  /**
-   * Apply permanent styles that become the new base styles
-   */
-  applyPermanentStyles(element, styles) {
-    const state = this.styleStates.get(element);
-    if (!state) {
-      console.warn("[NodeStyleManager] Node not initialized, cannot apply permanent styles");
-      return;
-    }
-    this.applyStylesToDOM(element, styles);
-    Object.assign(state.current, styles);
-  }
-  /**
-   * Reset node to its current base styles (removes temporary styles)
-   */
-  resetToBase(element) {
-    const state = this.styleStates.get(element);
-    if (!state) {
-      this.clearAllStyles(element);
-      return;
-    }
-    this.clearAllStyles(element);
-    this.applyStylesToDOM(element, state.current);
-  }
-  /**
-   * Reset node to its original styles (as captured during initialization)
-   */
-  resetToOriginal(element) {
-    const state = this.styleStates.get(element);
-    if (!state) {
-      this.clearAllStyles(element);
-      return;
-    }
-    this.clearAllStyles(element);
-    this.restoreOriginalDOM(element, state.domBackup);
-    state.current = { ...state.original };
-  }
-  /**
-   * Check if node is in a specific state (selected, hovered, etc.)
-   */
-  hasState(element, stateName) {
-    return element.dataset[stateName] === "true";
-  }
-  /**
-   * Set state marker on node
-   */
-  setState(element, stateName, value) {
-    if (value) {
-      element.dataset[stateName] = "true";
-    } else {
-      delete element.dataset[stateName];
-    }
-  }
-  /**
-   * Get the original styles for a node
-   */
-  getOriginalStyles(element) {
-    const state = this.styleStates.get(element);
-    return state ? { ...state.original } : null;
-  }
-  /**
-   * Get the current base styles for a node
-   */
-  getCurrentStyles(element) {
-    const state = this.styleStates.get(element);
-    return state ? { ...state.current } : null;
-  }
-  /**
-   * Remove a node from management (cleanup)
-   */
-  removeNode(element) {
-    this.styleStates.delete(element);
-  }
-  /**
-   * Clear all managed nodes (for cleanup)
-   */
-  clear() {
-    this.styleStates.clear();
-  }
-  /**
-   * Private: Apply styles to DOM element
-   */
-  applyStylesToDOM(element, styles) {
-    if (styles.stroke !== void 0) {
-      if (styles.stroke === null || styles.stroke === "") {
-        element.removeAttribute("stroke");
-        element.style.stroke = "";
-      } else {
-        element.style.stroke = styles.stroke;
-      }
-    }
-    if (styles.strokeWidth !== void 0) {
-      if (styles.strokeWidth === null || styles.strokeWidth === 0) {
-        element.removeAttribute("stroke-width");
-        element.style.strokeWidth = "";
-      } else {
-        element.style.strokeWidth = String(styles.strokeWidth);
-      }
-    }
-    if (styles.opacity !== void 0) {
-      if (styles.opacity === null || styles.opacity === 1) {
-        element.removeAttribute("opacity");
-        element.style.opacity = "";
-      } else {
-        element.style.opacity = String(styles.opacity);
-      }
-    }
-    if (styles.fill !== void 0) {
-      if (styles.fill === null || styles.fill === "") {
-        element.removeAttribute("fill");
-        element.style.fill = "";
-      } else {
-        element.style.fill = styles.fill;
-      }
-    }
-    if (styles.radius !== void 0) {
-      if (styles.radius === null || styles.radius === 0) {
-        element.removeAttribute("r");
-        element.style.removeProperty("r");
-      } else {
-        element.setAttribute("r", String(styles.radius));
-      }
-    }
-  }
-  /**
-   * Private: Clear all inline styles and remove hover-related attributes
-   */
-  clearAllStyles(element) {
-    element.style.stroke = "";
-    element.style.strokeWidth = "";
-    element.style.opacity = "";
-    element.style.fill = "";
-    element.style.removeProperty("r");
-    this.removeIfHoverAttribute(element, "stroke");
-    this.removeIfHoverAttribute(element, "stroke-width");
-    this.removeIfHoverAttribute(element, "opacity");
-  }
-  /**
-   * Private: Restore original DOM attributes
-   */
-  restoreOriginalDOM(element, domBackup) {
-    if (domBackup.stroke !== void 0) {
-      if (domBackup.stroke === null) {
-        element.removeAttribute("stroke");
-      } else {
-        element.setAttribute("stroke", domBackup.stroke);
-      }
-    }
-    if (domBackup.strokeWidth !== void 0) {
-      if (domBackup.strokeWidth === null) {
-        element.removeAttribute("stroke-width");
-      } else {
-        element.setAttribute("stroke-width", domBackup.strokeWidth);
-      }
-    }
-    if (domBackup.opacity !== void 0) {
-      if (domBackup.opacity === null) {
-        element.removeAttribute("opacity");
-      } else {
-        element.setAttribute("opacity", domBackup.opacity);
-      }
-    }
-    if (domBackup.fill !== void 0) {
-      if (domBackup.fill === null) {
-        element.removeAttribute("fill");
-      } else {
-        element.setAttribute("fill", domBackup.fill);
-      }
-    }
-  }
-  /**
-   * Private: Remove attribute only if it looks like it was set by hover/interaction
-   */
-  removeIfHoverAttribute(element, attr) {
-    const value = element.getAttribute(attr);
-    if (!value) return;
-    const hoverPatterns = {
-      "stroke": ["#6366f1", "#8b5cf6", "#3b82f6", "#ffffff", "#fff", "white"],
-      // Common hover stroke colors
-      "stroke-width": ["2", "2.5", "3", "4"],
-      // Common hover stroke widths
-      "opacity": ["0.8", "0.9", "0.7"]
-      // Common hover opacity values
-    };
-    const patterns = hoverPatterns[attr];
-    if (patterns && patterns.includes(value)) {
-      element.removeAttribute(attr);
-    }
-  }
-};
-var nodeStyleManager = new NodeStyleManager();
-function applyHoverStyles(element, node, hoverStyle) {
-  if (nodeStyleManager.hasState(element, "selected")) {
-    return;
-  }
-  nodeStyleManager.initializeNode(element, node);
-  nodeStyleManager.applyTemporaryStyles(element, hoverStyle);
-  nodeStyleManager.setState(element, "hovered", true);
-}
-function removeHoverStyles(element, node) {
-  if (nodeStyleManager.hasState(element, "selected")) {
-    return;
-  }
-  nodeStyleManager.initializeNode(element, node);
-  nodeStyleManager.resetToBase(element);
-  nodeStyleManager.setState(element, "hovered", false);
-}
-function applySelectionStyles(element, node, selectionStyle) {
-  nodeStyleManager.initializeNode(element, node);
-  nodeStyleManager.applyPermanentStyles(element, selectionStyle);
-  nodeStyleManager.setState(element, "selected", true);
-}
-function removeSelectionStyles(element, node) {
-  nodeStyleManager.initializeNode(element, node);
-  nodeStyleManager.resetToOriginal(element);
-  nodeStyleManager.setState(element, "selected", false);
-}
-
 // src/interactions/create-node-hover.ts
 function createNodeHover(nodeSelection, hoverStyle) {
   const firstNode = nodeSelection.node();
   if (!firstNode) return;
   if (hoverStyle) {
-    nodeSelection.on("mouseenter.hover", function(_event, node) {
+    nodeSelection.on("mouseenter.hover", function(_event, _node) {
       const circle = this;
-      applyHoverStyles(circle, node, hoverStyle);
-    }).on("mouseleave.hover", function(_event, node) {
+      if (circle.dataset.selected === "true") {
+        return;
+      }
+      if (hoverStyle.stroke !== void 0) {
+        circle.style.stroke = hoverStyle.stroke;
+      }
+      if (hoverStyle.strokeWidth !== void 0) {
+        circle.style.strokeWidth = String(hoverStyle.strokeWidth);
+      }
+      if (hoverStyle.opacity !== void 0) {
+        circle.style.opacity = String(hoverStyle.opacity);
+      }
+    }).on("mouseleave.hover", function(_event, _node) {
       const circle = this;
-      removeHoverStyles(circle, node);
+      clearAllHoverLayers();
+      if (circle.dataset.selected === "true") {
+        return;
+      }
+      circle.style.stroke = "";
+      circle.style.strokeWidth = "";
+      circle.style.opacity = "";
     });
   }
   const svgElement = firstNode.ownerSVGElement;
@@ -6069,7 +5844,12 @@ var SelectionManager = class {
     this.clearSelection();
     this.bringNodeToFront(nodeElement, nodeData);
     if (this.config.nodeStyle) {
-      applySelectionStyles(nodeElement, nodeData, this.config.nodeStyle);
+      const style = this.config.nodeStyle;
+      if (style.fill !== void 0) nodeElement.style.fill = style.fill;
+      if (style.stroke !== void 0) nodeElement.style.stroke = style.stroke;
+      if (style.strokeWidth !== void 0) nodeElement.style.strokeWidth = String(style.strokeWidth);
+      if (style.opacity !== void 0) nodeElement.style.opacity = String(style.opacity);
+      if (style.radius !== void 0) nodeElement.style.setProperty("r", String(style.radius));
     }
     this.root.selectAll(".link-label").filter((item) => {
       if (item.style.label.visibility !== "hover") return false;
@@ -6120,7 +5900,12 @@ var SelectionManager = class {
     if (!this.state.selectedNode) return;
     const { element, data } = this.state.selectedNode;
     this.restoreSelectedElements(data);
-    removeSelectionStyles(element, data);
+    element.style.fill = "";
+    element.style.stroke = "";
+    element.style.strokeWidth = "";
+    element.style.opacity = "";
+    element.style.removeProperty("r");
+    delete element.dataset.selected;
     this.root.selectAll(".link-label.label-selection-pinned").classed("label-selection-pinned", false).interrupt().transition().duration(200).style("opacity", 0).style("pointer-events", "none");
     this.state.selectedNode = null;
     this.eventEmitter.emit("nodeDeselect", { node: data, element });

package/dist/index.js

@@ -4784,7 +4784,17 @@ function renderLinks(ctx, links) {
 
 // src/renderer/nodes.ts
 function renderNodes(ctx, nodes) {
-  return ctx.root.select('[data-layer="nodes"]').selectAll("circle").data(nodes, (d) => d.id).join("circle").attr("r", (node) => node.style?.radius ?? 8).attr("fill", (node) => node.style?.fill ?? "#6c5ce7").attr("stroke", (node) => node.style?.stroke ?? "#ffffff").attr("stroke-width", (node) => node.style?.strokeWidth ?? 1.5).attr("opacity", (node) => node.style?.opacity ?? 1).style("cursor", "pointer");
+  return ctx.root.select('[data-layer="nodes"]').selectAll("circle").data(nodes, (d) => d.id).join("circle").attr("r", (node) => node.style?.radius ?? 8).attr("fill", (node) => node.style?.fill ?? "#6c5ce7").call((selection2) => {
+    selection2.each(function(node) {
+      const element = this;
+      if (node.style?.stroke !== void 0) {
+        element.setAttribute("stroke", node.style.stroke);
+      }
+      if (node.style?.strokeWidth !== void 0) {
+        element.setAttribute("stroke-width", String(node.style.strokeWidth));
+      }
+    });
+  }).attr("opacity", (node) => node.style?.opacity ?? 1).style("cursor", "pointer");
 }
 
 // src/renderer/node-labels.ts
@@ -5075,269 +5085,34 @@ function createDragBehavior(simulation, onDragStart, canvasBounds) {
   });
 }
 
-// src/utils/node-style-manager.ts
-var NodeStyleManager = class {
-  styleStates = /* @__PURE__ */ new Map();
-  /**
-   * Initialize a node's style state by capturing its original styles
-   */
-  initializeNode(element, node) {
-    if (this.styleStates.has(element)) {
-      return;
-    }
-    const domBackup = {
-      stroke: element.getAttribute("stroke"),
-      strokeWidth: element.getAttribute("stroke-width"),
-      opacity: element.getAttribute("opacity"),
-      fill: element.getAttribute("fill")
-    };
-    const originalStyle = {
-      stroke: node.style?.stroke || void 0,
-      strokeWidth: node.style?.strokeWidth || void 0,
-      opacity: node.style?.opacity || void 0,
-      fill: node.style?.fill || void 0
-    };
-    this.styleStates.set(element, {
-      original: originalStyle,
-      current: { ...originalStyle },
-      domBackup
-    });
-  }
-  /**
-   * Apply temporary styles (e.g., hover effects) that will be reset later
-   */
-  applyTemporaryStyles(element, styles) {
-    this.applyStylesToDOM(element, styles);
-  }
-  /**
-   * Apply permanent styles that become the new base styles
-   */
-  applyPermanentStyles(element, styles) {
-    const state = this.styleStates.get(element);
-    if (!state) {
-      console.warn("[NodeStyleManager] Node not initialized, cannot apply permanent styles");
-      return;
-    }
-    this.applyStylesToDOM(element, styles);
-    Object.assign(state.current, styles);
-  }
-  /**
-   * Reset node to its current base styles (removes temporary styles)
-   */
-  resetToBase(element) {
-    const state = this.styleStates.get(element);
-    if (!state) {
-      this.clearAllStyles(element);
-      return;
-    }
-    this.clearAllStyles(element);
-    this.applyStylesToDOM(element, state.current);
-  }
-  /**
-   * Reset node to its original styles (as captured during initialization)
-   */
-  resetToOriginal(element) {
-    const state = this.styleStates.get(element);
-    if (!state) {
-      this.clearAllStyles(element);
-      return;
-    }
-    this.clearAllStyles(element);
-    this.restoreOriginalDOM(element, state.domBackup);
-    state.current = { ...state.original };
-  }
-  /**
-   * Check if node is in a specific state (selected, hovered, etc.)
-   */
-  hasState(element, stateName) {
-    return element.dataset[stateName] === "true";
-  }
-  /**
-   * Set state marker on node
-   */
-  setState(element, stateName, value) {
-    if (value) {
-      element.dataset[stateName] = "true";
-    } else {
-      delete element.dataset[stateName];
-    }
-  }
-  /**
-   * Get the original styles for a node
-   */
-  getOriginalStyles(element) {
-    const state = this.styleStates.get(element);
-    return state ? { ...state.original } : null;
-  }
-  /**
-   * Get the current base styles for a node
-   */
-  getCurrentStyles(element) {
-    const state = this.styleStates.get(element);
-    return state ? { ...state.current } : null;
-  }
-  /**
-   * Remove a node from management (cleanup)
-   */
-  removeNode(element) {
-    this.styleStates.delete(element);
-  }
-  /**
-   * Clear all managed nodes (for cleanup)
-   */
-  clear() {
-    this.styleStates.clear();
-  }
-  /**
-   * Private: Apply styles to DOM element
-   */
-  applyStylesToDOM(element, styles) {
-    if (styles.stroke !== void 0) {
-      if (styles.stroke === null || styles.stroke === "") {
-        element.removeAttribute("stroke");
-        element.style.stroke = "";
-      } else {
-        element.style.stroke = styles.stroke;
-      }
-    }
-    if (styles.strokeWidth !== void 0) {
-      if (styles.strokeWidth === null || styles.strokeWidth === 0) {
-        element.removeAttribute("stroke-width");
-        element.style.strokeWidth = "";
-      } else {
-        element.style.strokeWidth = String(styles.strokeWidth);
-      }
-    }
-    if (styles.opacity !== void 0) {
-      if (styles.opacity === null || styles.opacity === 1) {
-        element.removeAttribute("opacity");
-        element.style.opacity = "";
-      } else {
-        element.style.opacity = String(styles.opacity);
-      }
-    }
-    if (styles.fill !== void 0) {
-      if (styles.fill === null || styles.fill === "") {
-        element.removeAttribute("fill");
-        element.style.fill = "";
-      } else {
-        element.style.fill = styles.fill;
-      }
-    }
-    if (styles.radius !== void 0) {
-      if (styles.radius === null || styles.radius === 0) {
-        element.removeAttribute("r");
-        element.style.removeProperty("r");
-      } else {
-        element.setAttribute("r", String(styles.radius));
-      }
-    }
-  }
-  /**
-   * Private: Clear all inline styles and remove hover-related attributes
-   */
-  clearAllStyles(element) {
-    element.style.stroke = "";
-    element.style.strokeWidth = "";
-    element.style.opacity = "";
-    element.style.fill = "";
-    element.style.removeProperty("r");
-    this.removeIfHoverAttribute(element, "stroke");
-    this.removeIfHoverAttribute(element, "stroke-width");
-    this.removeIfHoverAttribute(element, "opacity");
-  }
-  /**
-   * Private: Restore original DOM attributes
-   */
-  restoreOriginalDOM(element, domBackup) {
-    if (domBackup.stroke !== void 0) {
-      if (domBackup.stroke === null) {
-        element.removeAttribute("stroke");
-      } else {
-        element.setAttribute("stroke", domBackup.stroke);
-      }
-    }
-    if (domBackup.strokeWidth !== void 0) {
-      if (domBackup.strokeWidth === null) {
-        element.removeAttribute("stroke-width");
-      } else {
-        element.setAttribute("stroke-width", domBackup.strokeWidth);
-      }
-    }
-    if (domBackup.opacity !== void 0) {
-      if (domBackup.opacity === null) {
-        element.removeAttribute("opacity");
-      } else {
-        element.setAttribute("opacity", domBackup.opacity);
-      }
-    }
-    if (domBackup.fill !== void 0) {
-      if (domBackup.fill === null) {
-        element.removeAttribute("fill");
-      } else {
-        element.setAttribute("fill", domBackup.fill);
-      }
-    }
-  }
-  /**
-   * Private: Remove attribute only if it looks like it was set by hover/interaction
-   */
-  removeIfHoverAttribute(element, attr) {
-    const value = element.getAttribute(attr);
-    if (!value) return;
-    const hoverPatterns = {
-      "stroke": ["#6366f1", "#8b5cf6", "#3b82f6", "#ffffff", "#fff", "white"],
-      // Common hover stroke colors
-      "stroke-width": ["2", "2.5", "3", "4"],
-      // Common hover stroke widths
-      "opacity": ["0.8", "0.9", "0.7"]
-      // Common hover opacity values
-    };
-    const patterns = hoverPatterns[attr];
-    if (patterns && patterns.includes(value)) {
-      element.removeAttribute(attr);
-    }
-  }
-};
-var nodeStyleManager = new NodeStyleManager();
-function applyHoverStyles(element, node, hoverStyle) {
-  if (nodeStyleManager.hasState(element, "selected")) {
-    return;
-  }
-  nodeStyleManager.initializeNode(element, node);
-  nodeStyleManager.applyTemporaryStyles(element, hoverStyle);
-  nodeStyleManager.setState(element, "hovered", true);
-}
-function removeHoverStyles(element, node) {
-  if (nodeStyleManager.hasState(element, "selected")) {
-    return;
-  }
-  nodeStyleManager.initializeNode(element, node);
-  nodeStyleManager.resetToBase(element);
-  nodeStyleManager.setState(element, "hovered", false);
-}
-function applySelectionStyles(element, node, selectionStyle) {
-  nodeStyleManager.initializeNode(element, node);
-  nodeStyleManager.applyPermanentStyles(element, selectionStyle);
-  nodeStyleManager.setState(element, "selected", true);
-}
-function removeSelectionStyles(element, node) {
-  nodeStyleManager.initializeNode(element, node);
-  nodeStyleManager.resetToOriginal(element);
-  nodeStyleManager.setState(element, "selected", false);
-}
-
 // src/interactions/create-node-hover.ts
 function createNodeHover(nodeSelection, hoverStyle) {
   const firstNode = nodeSelection.node();
   if (!firstNode) return;
   if (hoverStyle) {
-    nodeSelection.on("mouseenter.hover", function(_event, node) {
+    nodeSelection.on("mouseenter.hover", function(_event, _node) {
       const circle = this;
-      applyHoverStyles(circle, node, hoverStyle);
-    }).on("mouseleave.hover", function(_event, node) {
+      if (circle.dataset.selected === "true") {
+        return;
+      }
+      if (hoverStyle.stroke !== void 0) {
+        circle.style.stroke = hoverStyle.stroke;
+      }
+      if (hoverStyle.strokeWidth !== void 0) {
+        circle.style.strokeWidth = String(hoverStyle.strokeWidth);
+      }
+      if (hoverStyle.opacity !== void 0) {
+        circle.style.opacity = String(hoverStyle.opacity);
+      }
+    }).on("mouseleave.hover", function(_event, _node) {
       const circle = this;
-      removeHoverStyles(circle, node);
+      clearAllHoverLayers();
+      if (circle.dataset.selected === "true") {
+        return;
+      }
+      circle.style.stroke = "";
+      circle.style.strokeWidth = "";
+      circle.style.opacity = "";
     });
   }
   const svgElement = firstNode.ownerSVGElement;
@@ -6037,7 +5812,12 @@ var SelectionManager = class {
     this.clearSelection();
     this.bringNodeToFront(nodeElement, nodeData);
     if (this.config.nodeStyle) {
-      applySelectionStyles(nodeElement, nodeData, this.config.nodeStyle);
+      const style = this.config.nodeStyle;
+      if (style.fill !== void 0) nodeElement.style.fill = style.fill;
+      if (style.stroke !== void 0) nodeElement.style.stroke = style.stroke;
+      if (style.strokeWidth !== void 0) nodeElement.style.strokeWidth = String(style.strokeWidth);
+      if (style.opacity !== void 0) nodeElement.style.opacity = String(style.opacity);
+      if (style.radius !== void 0) nodeElement.style.setProperty("r", String(style.radius));
     }
     this.root.selectAll(".link-label").filter((item) => {
       if (item.style.label.visibility !== "hover") return false;
@@ -6088,7 +5868,12 @@ var SelectionManager = class {
     if (!this.state.selectedNode) return;
     const { element, data } = this.state.selectedNode;
     this.restoreSelectedElements(data);
-    removeSelectionStyles(element, data);
+    element.style.fill = "";
+    element.style.stroke = "";
+    element.style.strokeWidth = "";
+    element.style.opacity = "";
+    element.style.removeProperty("r");
+    delete element.dataset.selected;
     this.root.selectAll(".link-label.label-selection-pinned").classed("label-selection-pinned", false).interrupt().transition().duration(200).style("opacity", 0).style("pointer-events", "none");
     this.state.selectedNode = null;
     this.eventEmitter.emit("nodeDeselect", { node: data, element });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polly-graph",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Reusable D3-based graph visualization SDK with configurable nodes, links, labels, interactions, and layout behaviors.",
   "license": "MIT",
   "author": "Badal",