@unovis/ts 1.3.2-beta.2 → 1.4.0-alpha.0

package/components/graph/modules/link/index.js

@@ -1,35 +1,39 @@
 import { select } from 'd3-selection';
 import { range } from 'd3-array';
-import { getBoolean, getValue, throttle } from '../../../../utils/data.js';
+import toPx from 'to-px';
+import { getBoolean, getValue, getNumber, throttle } from '../../../../utils/data.js';
 import { smartTransition } from '../../../../utils/d3.js';
-import { getHref } from '../../../../utils/misc.js';
+import { getCSSVariableValueInPixels } from '../../../../utils/misc.js';
+import { estimateStringPixelLength } from '../../../../utils/text.js';
 import { GraphLinkStyle } from '../../types.js';
 import { getX, getY } from '../node/helper.js';
-import { getLinkBandWidth, getLinkStrokeWidth, getLinkColor, getLinkShiftTransform, getPolylineData, LINK_MARKER_WIDTH, getLinkLabelShift, LINK_LABEL_RADIUS, getLinkLabelTextColor } from './helper.js';
+import { getLinkBandWidth, getLinkColor, getLinkShiftTransform, getLinkStrokeWidth, getLinkArrowStyle, LINK_MARKER_WIDTH, getLinkLabelTextColor } from './helper.js';
 import { ZoomLevel } from '../zoom-levels.js';
 import { zoomOutLevel2 } from '../../style.js';
-import { linkSupport, link, linkBand, flowGroup, flowCircle, labelGroups, greyout, linkDashed, labelGroup, labelCircle, labelContent } from './style.js';
+import { linkSupport, link, linkBand, linkArrow, flowGroup, flowCircle, linkLabelGroup, linkLabelBackground, linkLabelContent, greyout, linkDashed } from './style.js';
 
 function createLinks(selection) {
     selection.attr('opacity', 0);
-    selection.append('line')
+    selection.append('path')
         .attr('class', linkSupport);
-    selection.append('polyline')
+    selection.append('path')
         .attr('class', link);
-    selection.append('line')
-        .attr('class', linkBand)
-        .attr('x1', d => getX(d.source))
-        .attr('y1', d => getY(d.source))
-        .attr('x2', d => getX(d.target))
-        .attr('y2', d => getY(d.target));
+    selection.append('path')
+        .attr('class', linkBand);
+    selection.append('use')
+        .attr('class', linkArrow);
     selection.append('g')
         .attr('class', flowGroup)
         .selectAll(`.${flowCircle}`)
         .data(range(0, 6)).enter()
         .append('circle')
         .attr('class', flowCircle);
-    selection.append('g')
-        .attr('class', labelGroups);
+    const linkLabelGroup$1 = selection.append('g')
+        .attr('class', linkLabelGroup);
+    linkLabelGroup$1.append('rect')
+        .attr('class', linkLabelBackground);
+    linkLabelGroup$1.append('text')
+        .attr('class', linkLabelContent);
 }
 function updateSelectedLinks(selection, config, scale) {
     const isGreyedOut = (d, i) => getBoolean(d, config.linkDisabled, i) || d._state.greyout;
@@ -48,105 +52,125 @@ function updateSelectedLinks(selection, config, scale) {
             : d._state.hovered ? getLinkBandWidth(d, scale, config) + 10 : null);
     });
 }
-function updateLinks(selection, config, duration, scale = 1, getMarkerId) {
-    const { linkFlowParticleSize, linkStyle, linkFlow, linkArrow, linkLabel, linkLabelShiftFromCenter } = config;
+function updateLinks(selection, config, duration, scale = 1, getLinkArrowDefId) {
+    const { linkFlowParticleSize, linkStyle, linkFlow, linkLabel, linkLabelShiftFromCenter } = config;
     if (!selection.size())
         return;
     selection
         .classed(linkDashed, d => getValue(d, linkStyle, d._indexGlobal) === GraphLinkStyle.Dashed);
     selection.each((d, i, elements) => {
+        var _a, _b, _c, _d, _e;
         const element = elements[i];
         const linkGroup = select(element);
         const link$1 = linkGroup.select(`.${link}`);
         const linkBand$1 = linkGroup.select(`.${linkBand}`);
         const linkSupport$1 = linkGroup.select(`.${linkSupport}`);
+        const linkArrow$1 = linkGroup.select(`.${linkArrow}`);
         const flowGroup$1 = linkGroup.select(`.${flowGroup}`);
+        const linkColor = getLinkColor(d, config);
+        const linkShiftTransform = getLinkShiftTransform(d, config.linkNeighborSpacing);
+        const linkLabelDatum = getValue(d, linkLabel, d._indexGlobal);
+        const linkLabelText = linkLabelDatum ? (_a = linkLabelDatum.text) === null || _a === void 0 ? void 0 : _a.toString() : undefined;
         const x1 = getX(d.source);
         const y1 = getY(d.source);
         const x2 = getX(d.target);
         const y2 = getY(d.target);
+        const curvature = (_b = getNumber(d, config.linkCurvature, i)) !== null && _b !== void 0 ? _b : 0;
+        const cp1x = x1 + (x2 - x1) * 0.5 * curvature;
+        const cp1y = y1 + (y2 - y1) * 0.0 * curvature;
+        const cp2x = x1 + (x2 - x1) * 0.5 * curvature;
+        const cp2y = y1 + (y2 - y1) * 1.0 * curvature;
+        const pathData = `M${x1},${y1} C${cp1x},${cp1y} ${cp2x},${cp2y} ${x2},${y2}`;
         link$1
             .attr('class', link)
-            .attr('marker-mid', getHref(d, getMarkerId))
             .style('stroke-width', getLinkStrokeWidth(d, scale, config))
-            .style('stroke', getLinkColor(d, config))
-            .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing));
+            .style('stroke', linkColor)
+            .attr('transform', linkShiftTransform);
         smartTransition(link$1, duration)
-            .attr('points', getPolylineData({ x1, y1, x2, y2 }));
+            .attr('d', pathData);
         linkBand$1
             .attr('class', linkBand)
-            .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))
+            .attr('transform', linkShiftTransform)
             .style('stroke-width', getLinkBandWidth(d, scale, config))
-            .style('stroke', getLinkColor(d, config));
+            .style('stroke', linkColor);
         smartTransition(linkBand$1, duration)
-            .attr('x1', x1)
-            .attr('y1', y1)
-            .attr('x2', x2)
-            .attr('y2', y2);
+            .attr('d', pathData);
         linkSupport$1
-            .style('stroke', getLinkColor(d, config))
-            .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))
-            .attr('x1', x1)
-            .attr('y1', y1)
-            .attr('x2', x2)
-            .attr('y2', y2);
+            .style('stroke', linkColor)
+            .attr('transform', linkShiftTransform)
+            .attr('d', pathData);
+        // Arrow
+        const linkArrowStyle = getLinkArrowStyle(d, config);
+        const linkPathElement = linkSupport$1.node();
+        const pathLength = linkPathElement.getTotalLength();
+        if (linkArrowStyle) {
+            const arrowPos = pathLength * (linkLabelText ? 0.65 : 0.5);
+            const p1 = linkPathElement.getPointAtLength(arrowPos);
+            const p2 = linkPathElement.getPointAtLength(arrowPos + 1); // A point very close to p1
+            // Calculate the angle for the arrowhead
+            const angle = Math.atan2(p2.y - p1.y, p2.x - p1.x) * (180 / Math.PI);
+            linkArrow$1
+                .attr('href', `#${getLinkArrowDefId(linkArrowStyle)}`)
+                .attr('fill', linkColor)
+                .attr('transform', `translate(${p1.x}, ${p1.y}) rotate(${angle})`);
+        }
+        else {
+            linkArrow$1.attr('href', null);
+        }
+        // Particle Flow
         flowGroup$1
-            .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))
+            .attr('transform', linkShiftTransform)
             .style('display', getBoolean(d, linkFlow, d._indexGlobal) ? null : 'none')
             .style('opacity', 0);
         flowGroup$1
             .selectAll(`.${flowCircle}`)
             .attr('r', linkFlowParticleSize / scale)
-            .style('fill', getLinkColor(d, config));
+            .style('fill', linkColor);
         smartTransition(flowGroup$1, duration)
             .style('opacity', scale < ZoomLevel.Level2 ? 0 : 1);
         // Labels
-        const labelGroups$1 = linkGroup.selectAll(`.${labelGroups}`);
-        const labelDatum = getValue(d, linkLabel, d._indexGlobal);
-        const markerWidth = getValue(d, linkArrow, d._indexGlobal) ? LINK_MARKER_WIDTH * 2 : 0;
-        const labelShift = getBoolean(d, linkLabelShiftFromCenter, d._indexGlobal) ? -markerWidth + 4 : 0;
-        const labelTranslate = getLinkLabelShift(d, config.linkNeighborSpacing, labelShift);
-        const labels = labelGroups$1
-            .selectAll(`.${labelGroup}`)
-            .data(labelDatum && labelDatum.text ? [labelDatum] : []);
-        // Enter
-        const labelsEnter = labels.enter().append('g')
-            .attr('class', labelGroup)
-            .attr('transform', labelTranslate)
-            .style('opacity', 0);
-        labelsEnter.append('circle')
-            .attr('class', labelCircle)
-            .attr('r', 0);
-        labelsEnter.append('text')
-            .attr('class', labelContent);
-        // Update
-        const labelsUpdate = labels.merge(labelsEnter);
-        smartTransition(labelsUpdate.select(`.${labelCircle}`), duration)
-            .attr('r', label => { var _a; return (_a = label.radius) !== null && _a !== void 0 ? _a : LINK_LABEL_RADIUS; })
-            .style('fill', label => label.color);
-        labelsUpdate.select(`.${labelContent}`)
-            .text(label => label.text)
-            .attr('dy', '0.1em')
-            .style('fill', label => { var _a; return (_a = label.textColor) !== null && _a !== void 0 ? _a : getLinkLabelTextColor(label); })
-            .style('font-size', label => {
-            var _a;
-            if (label.fontSize)
-                return label.fontSize;
-            const radius = (_a = label.radius) !== null && _a !== void 0 ? _a : LINK_LABEL_RADIUS;
-            return `${radius / Math.pow(label.text.toString().length, 0.4)}px`;
-        });
-        smartTransition(labelsUpdate, duration)
-            .attr('transform', labelTranslate)
-            .style('cursor', label => label.cursor)
-            .style('opacity', 1);
-        // Exit
-        const labelsExit = labels.exit();
-        smartTransition(labelsExit.select(`.${labelCircle}`), duration)
-            .attr('r', 0);
-        smartTransition(labelsExit, duration)
-            .style('opacity', 0)
-            .remove();
+        const linkLabelGroup$1 = linkGroup.select(`.${linkLabelGroup}`);
+        if (linkLabelText) {
+            const linkMarkerWidth = linkArrowStyle ? LINK_MARKER_WIDTH * 2 : 0;
+            const linkLabelShift = getBoolean(d, linkLabelShiftFromCenter, d._indexGlobal) ? -linkMarkerWidth + 4 : 0;
+            const linkLabelPos = linkPathElement.getPointAtLength(pathLength / 2 + linkLabelShift);
+            const linkLabelTranslate = `translate(${linkLabelPos.x}, ${linkLabelPos.y})`;
+            const linkLabelBackground$1 = linkLabelGroup$1.select(`.${linkLabelBackground}`);
+            const linkLabelContent$1 = linkLabelGroup$1.select(`.${linkLabelContent}`);
+            // If the label was hidden or didn't have text before, we need to set the initial position
+            if (!linkLabelContent$1.text() || linkLabelContent$1.attr('hidden')) {
+                linkLabelGroup$1.attr('transform', linkLabelTranslate);
+            }
+            linkLabelGroup$1.attr('hidden', null)
+                .style('cursor', linkLabelDatum.cursor);
+            smartTransition(linkLabelGroup$1, duration)
+                .attr('transform', linkLabelTranslate)
+                .style('opacity', 1);
+            linkLabelContent$1
+                .text(linkLabelText)
+                .attr('dy', '0.1em')
+                .style('font-size', linkLabelDatum.fontSize)
+                .style('fill', (_c = linkLabelDatum.textColor) !== null && _c !== void 0 ? _c : getLinkLabelTextColor(linkLabelDatum));
+            const shouldBeRenderedAsCircle = linkLabelText.length <= 2;
+            const linkLabelPaddingVertical = 4;
+            const linkLabelPaddingHorizontal = shouldBeRenderedAsCircle ? linkLabelPaddingVertical : 8;
+            const linkLabelFontSize = (_d = toPx(linkLabelDatum.fontSize)) !== null && _d !== void 0 ? _d : getCSSVariableValueInPixels('var(--vis-graph-link-label-font-size)', linkLabelContent$1.node());
+            const linkLabelWidthPx = estimateStringPixelLength(linkLabelText, linkLabelFontSize);
+            const linkLabelBackgroundBorderRadius = (_e = linkLabelDatum.radius) !== null && _e !== void 0 ? _e : (shouldBeRenderedAsCircle ? linkLabelFontSize : 4);
+            const linkLabelBackgroundWidth = (shouldBeRenderedAsCircle ? linkLabelFontSize : linkLabelWidthPx);
+            linkLabelBackground$1
+                .attr('x', -linkLabelBackgroundWidth / 2 - linkLabelPaddingHorizontal)
+                .attr('y', -linkLabelFontSize / 2 - linkLabelPaddingVertical)
+                .attr('width', linkLabelBackgroundWidth + linkLabelPaddingHorizontal * 2)
+                .attr('height', linkLabelFontSize + linkLabelPaddingVertical * 2)
+                .attr('rx', linkLabelBackgroundBorderRadius)
+                .style('fill', linkLabelDatum.color);
+        }
+        else {
+            linkLabelGroup$1.attr('hidden', true);
+        }
     });
+    // Pointer Events
     if (duration > 0) {
         selection.attr('pointer-events', 'none');
         const t = smartTransition(selection, duration);
@@ -176,6 +200,8 @@ function animateLinkFlow(selection, config, scale) {
         const element = elements[i];
         const linkGroup = select(element);
         const flowGroup$1 = linkGroup.select(`.${flowGroup}`);
+        const linkPathElement = linkGroup.select(`.${linkSupport}`).node();
+        const pathLength = linkPathElement.getTotalLength();
         if (!getBoolean(d, linkFlow, d._indexGlobal))
             return;
         const t = d._state.flowAnimTime;
@@ -183,24 +209,18 @@ function animateLinkFlow(selection, config, scale) {
         circles
             .attr('transform', index => {
             const tt = (t + (+index) / (circles.size() - 1)) % 1;
-            const x1 = getX(d.source);
-            const y1 = getY(d.source);
-            const x2 = getX(d.target);
-            const y2 = getY(d.target);
-            const x = x1 + tt * (x2 - x1);
-            const y = y1 + tt * (y2 - y1);
-            return `translate(${x}, ${y})`;
+            const p = linkPathElement.getPointAtLength(tt * pathLength);
+            return `translate(${p.x}, ${p.y})`;
         });
     });
 }
-function zoomLinks(selection, config, scale, getMarkerId) {
+function zoomLinks(selection, config, scale) {
     const { linkFlowParticleSize } = config;
     selection.classed(zoomOutLevel2, scale < ZoomLevel.Level2);
     selection.selectAll(`.${flowCircle}`)
         .attr('r', linkFlowParticleSize / scale);
     const linkElements = selection.selectAll(`.${link}`);
     linkElements
-        .attr('marker-mid', d => getHref(d, getMarkerId))
         .style('stroke-width', d => getLinkStrokeWidth(d, scale, config));
     const linkBandElements = selection.selectAll(`.${linkBand}`);
     linkBandElements

package/components/graph/modules/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/graph/modules/link/index.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\nimport { range } from 'd3-array'\nimport { Transition } from 'd3-transition'\n\n// Utils\nimport { throttle, getValue, getBoolean } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getHref } from 'utils/misc'\n\n// Types\nimport { GraphInputLink, GraphInputNode } from 'types/graph'\n\n// Local Types\nimport { GraphCircleLabel, GraphLink, GraphLinkArrowStyle, GraphLinkStyle } from '../../types'\n\n// Config\nimport { GraphConfigInterface } from '../../config'\n\n// Helpers\nimport { getX, getY } from '../node/helper'\nimport {\n  getPolylineData,\n  getLinkShiftTransform,\n  getLinkLabelShift,\n  getLinkStrokeWidth,\n  getLinkBandWidth,\n  getLinkColor,\n  getLinkLabelTextColor,\n  LINK_LABEL_RADIUS,\n  LINK_MARKER_WIDTH,\n} from './helper'\nimport { ZoomLevel } from '../zoom-levels'\n\n// Styles\nimport * as generalSelectors from '../../style'\nimport * as linkSelectors from './style'\n\nexport function createLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>\n): void {\n  selection.attr('opacity', 0)\n\n  selection.append('line')\n    .attr('class', linkSelectors.linkSupport)\n\n  selection.append('polyline')\n    .attr('class', linkSelectors.link)\n\n  selection.append('line')\n    .attr('class', linkSelectors.linkBand)\n    .attr('x1', d => getX(d.source))\n    .attr('y1', d => getY(d.source))\n    .attr('x2', d => getX(d.target))\n    .attr('y2', d => getY(d.target))\n\n  selection.append('g')\n    .attr('class', linkSelectors.flowGroup)\n    .selectAll(`.${linkSelectors.flowCircle}`)\n    .data(range(0, 6)).enter()\n    .append('circle')\n    .attr('class', linkSelectors.flowCircle)\n\n  selection.append('g')\n    .attr('class', linkSelectors.labelGroups)\n}\n\nexport function updateSelectedLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  scale: number\n): void {\n  const isGreyedOut = (d: GraphLink<N, L>, i: number): boolean => getBoolean(d, config.linkDisabled, i) || d._state.greyout\n  selection\n    .classed(linkSelectors.greyout, (d, i) => isGreyedOut(d, i))\n\n  selection.each((d, i, elements) => {\n    const element = elements[i]\n    const group = select(element)\n    group.select(`.${linkSelectors.link}`)\n    group.select(`.${linkSelectors.linkBand}`)\n    const linkSupport = group.select(`.${linkSelectors.linkSupport}`)\n\n    linkSupport\n      .style('stroke-opacity', (d._state.hovered || d._state.selected) ? 0.2 : 0)\n      .style('stroke-width',\n        d._state.selected\n          ? getLinkBandWidth(d, scale, config) + 5\n          : d._state.hovered ? getLinkBandWidth(d, scale, config) + 10 : null\n      )\n  })\n}\n\nexport function updateLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  duration: number,\n  scale = 1,\n  getMarkerId: (d: GraphLink) => string\n): void {\n  const { linkFlowParticleSize, linkStyle, linkFlow, linkArrow, linkLabel, linkLabelShiftFromCenter } = config\n  if (!selection.size()) return\n\n  selection\n    .classed(\n      linkSelectors.linkDashed,\n      d => getValue<GraphLink<N, L>, GraphLinkStyle>(d, linkStyle, d._indexGlobal) === GraphLinkStyle.Dashed\n    )\n\n  selection.each((d, i, elements) => {\n    const element = elements[i]\n    const linkGroup = select(element)\n    const link = linkGroup.select(`.${linkSelectors.link}`)\n    const linkBand = linkGroup.select(`.${linkSelectors.linkBand}`)\n    const linkSupport = linkGroup.select(`.${linkSelectors.linkSupport}`)\n    const flowGroup = linkGroup.select(`.${linkSelectors.flowGroup}`)\n\n    const x1 = getX(d.source)\n    const y1 = getY(d.source)\n    const x2 = getX(d.target)\n    const y2 = getY(d.target)\n\n    link\n      .attr('class', linkSelectors.link)\n      .attr('marker-mid', getHref(d, getMarkerId))\n      .style('stroke-width', getLinkStrokeWidth(d, scale, config))\n      .style('stroke', getLinkColor(d, config))\n      .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))\n\n    smartTransition(link, duration)\n      .attr('points', getPolylineData({ x1, y1, x2, y2 }))\n\n    linkBand\n      .attr('class', linkSelectors.linkBand)\n      .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))\n      .style('stroke-width', getLinkBandWidth(d, scale, config))\n      .style('stroke', getLinkColor(d, config))\n\n    smartTransition(linkBand, duration)\n      .attr('x1', x1)\n      .attr('y1', y1)\n      .attr('x2', x2)\n      .attr('y2', y2)\n\n    linkSupport\n      .style('stroke', getLinkColor(d, config))\n      .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))\n      .attr('x1', x1)\n      .attr('y1', y1)\n      .attr('x2', x2)\n      .attr('y2', y2)\n\n    flowGroup\n      .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))\n      .style('display', getBoolean(d, linkFlow, d._indexGlobal) ? null : 'none')\n      .style('opacity', 0)\n\n    flowGroup\n      .selectAll(`.${linkSelectors.flowCircle}`)\n      .attr('r', linkFlowParticleSize / scale)\n      .style('fill', getLinkColor(d, config))\n\n    smartTransition(flowGroup, duration)\n      .style('opacity', scale < ZoomLevel.Level2 ? 0 : 1)\n\n    // Labels\n    const labelGroups = linkGroup.selectAll(`.${linkSelectors.labelGroups}`)\n    const labelDatum = getValue<GraphLink<N, L>, GraphCircleLabel>(d, linkLabel, d._indexGlobal)\n    const markerWidth = getValue<GraphLink<N, L>, GraphLinkArrowStyle>(d, linkArrow, d._indexGlobal) ? LINK_MARKER_WIDTH * 2 : 0\n    const labelShift = getBoolean(d, linkLabelShiftFromCenter, d._indexGlobal) ? -markerWidth + 4 : 0\n    const labelTranslate = getLinkLabelShift(d, config.linkNeighborSpacing, labelShift)\n\n    const labels = labelGroups\n      .selectAll<SVGGElement, GraphLink<N, L>>(`.${linkSelectors.labelGroup}`)\n      .data(labelDatum && labelDatum.text ? [labelDatum] : [])\n\n    // Enter\n    const labelsEnter = labels.enter().append('g')\n      .attr('class', linkSelectors.labelGroup)\n      .attr('transform', labelTranslate)\n      .style('opacity', 0)\n\n    labelsEnter.append('circle')\n      .attr('class', linkSelectors.labelCircle)\n      .attr('r', 0)\n\n    labelsEnter.append('text')\n      .attr('class', linkSelectors.labelContent)\n\n    // Update\n    const labelsUpdate = labels.merge(labelsEnter)\n\n    smartTransition(labelsUpdate.select(`.${linkSelectors.labelCircle}`), duration)\n      .attr('r', label => label.radius ?? LINK_LABEL_RADIUS)\n      .style('fill', label => label.color)\n\n    labelsUpdate.select(`.${linkSelectors.labelContent}`)\n      .text(label => label.text)\n      .attr('dy', '0.1em')\n      .style('fill', label => label.textColor ?? getLinkLabelTextColor(label))\n      .style('font-size', label => {\n        if (label.fontSize) return label.fontSize\n        const radius = label.radius ?? LINK_LABEL_RADIUS\n        return `${radius / Math.pow(label.text.toString().length, 0.4)}px`\n      })\n\n    smartTransition(labelsUpdate, duration)\n      .attr('transform', labelTranslate)\n      .style('cursor', label => label.cursor)\n      .style('opacity', 1)\n\n    // Exit\n    const labelsExit = labels.exit()\n    smartTransition(labelsExit.select(`.${linkSelectors.labelCircle}`), duration)\n      .attr('r', 0)\n\n    smartTransition(labelsExit, duration)\n      .style('opacity', 0)\n      .remove()\n  })\n\n  if (duration > 0) {\n    selection.attr('pointer-events', 'none')\n    const t = smartTransition(selection, duration) as Transition<SVGGElement, GraphLink<N, L>, SVGGElement, GraphLink<N, L>>\n    t\n      .attr('opacity', 1)\n      .on('end interrupt', (d, i, elements) => {\n        select(elements[i])\n          .attr('pointer-events', 'stroke')\n          .attr('opacity', 1)\n      })\n  } else {\n    selection.attr('opacity', 1)\n  }\n\n  updateSelectedLinks(selection, config, scale)\n}\n\nexport function removeLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  duration: number\n): void {\n  smartTransition(selection, duration / 2)\n    .attr('opacity', 0)\n    .remove()\n}\n\nexport function animateLinkFlow<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  scale: number\n): void {\n  const { linkFlow } = config\n  if (scale < ZoomLevel.Level2) return\n\n  selection.each((d, i, elements) => {\n    const element = elements[i]\n    const linkGroup = select(element)\n    const flowGroup = linkGroup.select(`.${linkSelectors.flowGroup}`)\n\n    if (!getBoolean(d, linkFlow, d._indexGlobal)) return\n    const t = d._state.flowAnimTime\n    const circles = flowGroup.selectAll(`.${linkSelectors.flowCircle}`)\n\n    circles\n      .attr('transform', index => {\n        const tt = (t + (+index) / (circles.size() - 1)) % 1\n        const x1 = getX(d.source)\n        const y1 = getY(d.source)\n        const x2 = getX(d.target)\n        const y2 = getY(d.target)\n\n        const x = x1 + tt * (x2 - x1)\n        const y = y1 + tt * (y2 - y1)\n        return `translate(${x}, ${y})`\n      })\n  })\n}\n\nexport function zoomLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  scale: number,\n  getMarkerId: (d: GraphLink) => string\n): void {\n  const { linkFlowParticleSize } = config\n\n  selection.classed(generalSelectors.zoomOutLevel2, scale < ZoomLevel.Level2)\n  selection.selectAll(`.${linkSelectors.flowCircle}`)\n    .attr('r', linkFlowParticleSize / scale)\n\n  const linkElements = selection.selectAll<SVGGElement, GraphLink<N, L>>(`.${linkSelectors.link}`)\n  linkElements\n    .attr('marker-mid', d => getHref(d, getMarkerId))\n    .style('stroke-width', d => getLinkStrokeWidth(d, scale, config))\n\n  const linkBandElements = selection.selectAll<SVGGElement, GraphLink<N, L>>(`.${linkSelectors.linkBand}`)\n  linkBandElements\n    .style('stroke-width', d => getLinkBandWidth(d, scale, config))\n}\n\nexport const zoomLinksThrottled = throttle(zoomLinks, 500)\n"],"names":["linkSelectors.linkSupport","linkSelectors.link","linkSelectors.linkBand","linkSelectors.flowGroup","linkSelectors.flowCircle","linkSelectors.labelGroups","linkSelectors.greyout","linkSupport","linkSelectors.linkDashed","link","linkBand","flowGroup","labelGroups","linkSelectors.labelGroup","linkSelectors.labelCircle","linkSelectors.labelContent","generalSelectors.zoomOutLevel2"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/graph/modules/link/index.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\nimport { range } from 'd3-array'\nimport { Transition } from 'd3-transition'\nimport toPx from 'to-px'\n\n// Utils\nimport { throttle, getValue, getNumber, getBoolean } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getCSSVariableValueInPixels } from 'utils/misc'\nimport { estimateStringPixelLength } from 'utils/text'\n\n// Types\nimport { GraphInputLink, GraphInputNode } from 'types/graph'\n\n// Local Types\nimport { GraphCircleLabel, GraphLink, GraphLinkArrowStyle, GraphLinkStyle } from '../../types'\n\n// Config\nimport { GraphConfigInterface } from '../../config'\n\n// Helpers\nimport { getX, getY } from '../node/helper'\nimport {\n  getLinkShiftTransform,\n  getLinkStrokeWidth,\n  getLinkBandWidth,\n  getLinkColor,\n  getLinkLabelTextColor,\n  getLinkArrowStyle,\n  LINK_MARKER_WIDTH,\n} from './helper'\nimport { ZoomLevel } from '../zoom-levels'\n\n// Styles\nimport * as generalSelectors from '../../style'\nimport * as linkSelectors from './style'\n\n\nexport function createLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>\n): void {\n  selection.attr('opacity', 0)\n\n  selection.append('path')\n    .attr('class', linkSelectors.linkSupport)\n\n  selection.append('path')\n    .attr('class', linkSelectors.link)\n\n  selection.append('path')\n    .attr('class', linkSelectors.linkBand)\n\n  selection.append('use')\n    .attr('class', linkSelectors.linkArrow)\n\n  selection.append('g')\n    .attr('class', linkSelectors.flowGroup)\n    .selectAll(`.${linkSelectors.flowCircle}`)\n    .data(range(0, 6)).enter()\n    .append('circle')\n    .attr('class', linkSelectors.flowCircle)\n\n  const linkLabelGroup = selection.append('g')\n    .attr('class', linkSelectors.linkLabelGroup)\n\n  linkLabelGroup.append('rect')\n    .attr('class', linkSelectors.linkLabelBackground)\n\n  linkLabelGroup.append('text')\n    .attr('class', linkSelectors.linkLabelContent)\n}\n\nexport function updateSelectedLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  scale: number\n): void {\n  const isGreyedOut = (d: GraphLink<N, L>, i: number): boolean => getBoolean(d, config.linkDisabled, i) || d._state.greyout\n  selection\n    .classed(linkSelectors.greyout, (d, i) => isGreyedOut(d, i))\n\n  selection.each((d, i, elements) => {\n    const element = elements[i]\n    const group = select(element)\n    group.select(`.${linkSelectors.link}`)\n    group.select(`.${linkSelectors.linkBand}`)\n    const linkSupport = group.select(`.${linkSelectors.linkSupport}`)\n\n    linkSupport\n      .style('stroke-opacity', (d._state.hovered || d._state.selected) ? 0.2 : 0)\n      .style('stroke-width',\n        d._state.selected\n          ? getLinkBandWidth(d, scale, config) + 5\n          : d._state.hovered ? getLinkBandWidth(d, scale, config) + 10 : null\n      )\n  })\n}\n\nexport function updateLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  duration: number,\n  scale = 1,\n  getLinkArrowDefId: (arrow: GraphLinkArrowStyle | undefined) => string\n): void {\n  const { linkFlowParticleSize, linkStyle, linkFlow, linkLabel, linkLabelShiftFromCenter } = config\n  if (!selection.size()) return\n\n  selection\n    .classed(\n      linkSelectors.linkDashed,\n      d => getValue<GraphLink<N, L>, GraphLinkStyle>(d, linkStyle, d._indexGlobal) === GraphLinkStyle.Dashed\n    )\n\n  selection.each((d, i, elements) => {\n    const element = elements[i]\n    const linkGroup = select(element)\n    const link = linkGroup.select<SVGPathElement>(`.${linkSelectors.link}`)\n    const linkBand = linkGroup.select<SVGPathElement>(`.${linkSelectors.linkBand}`)\n    const linkSupport = linkGroup.select<SVGPathElement>(`.${linkSelectors.linkSupport}`)\n    const linkArrow = linkGroup.select<SVGUseElement>(`.${linkSelectors.linkArrow}`)\n    const flowGroup = linkGroup.select(`.${linkSelectors.flowGroup}`)\n    const linkColor = getLinkColor(d, config)\n    const linkShiftTransform = getLinkShiftTransform(d, config.linkNeighborSpacing)\n    const linkLabelDatum = getValue<GraphLink<N, L>, GraphCircleLabel>(d, linkLabel, d._indexGlobal)\n    const linkLabelText = linkLabelDatum ? linkLabelDatum.text?.toString() : undefined\n\n    const x1 = getX(d.source)\n    const y1 = getY(d.source)\n    const x2 = getX(d.target)\n    const y2 = getY(d.target)\n\n    const curvature = getNumber(d, config.linkCurvature, i) ?? 0\n    const cp1x = x1 + (x2 - x1) * 0.5 * curvature\n    const cp1y = y1 + (y2 - y1) * 0.0 * curvature\n    const cp2x = x1 + (x2 - x1) * 0.5 * curvature\n    const cp2y = y1 + (y2 - y1) * 1.0 * curvature\n\n    const pathData = `M${x1},${y1} C${cp1x},${cp1y} ${cp2x},${cp2y} ${x2},${y2}`\n    link\n      .attr('class', linkSelectors.link)\n      .style('stroke-width', getLinkStrokeWidth(d, scale, config))\n      .style('stroke', linkColor)\n      .attr('transform', linkShiftTransform)\n\n    smartTransition(link, duration)\n      .attr('d', pathData)\n\n    linkBand\n      .attr('class', linkSelectors.linkBand)\n      .attr('transform', linkShiftTransform)\n      .style('stroke-width', getLinkBandWidth(d, scale, config))\n      .style('stroke', linkColor)\n\n    smartTransition(linkBand, duration)\n      .attr('d', pathData)\n\n    linkSupport\n      .style('stroke', linkColor)\n      .attr('transform', linkShiftTransform)\n      .attr('d', pathData)\n\n    // Arrow\n    const linkArrowStyle = getLinkArrowStyle(d, config)\n    const linkPathElement = linkSupport.node()\n    const pathLength = linkPathElement.getTotalLength()\n    if (linkArrowStyle) {\n      const arrowPos = pathLength * (linkLabelText ? 0.65 : 0.5)\n      const p1 = linkPathElement.getPointAtLength(arrowPos)\n      const p2 = linkPathElement.getPointAtLength(arrowPos + 1) // A point very close to p1\n\n      // Calculate the angle for the arrowhead\n      const angle = Math.atan2(p2.y - p1.y, p2.x - p1.x) * (180 / Math.PI)\n      linkArrow\n        .attr('href', `#${getLinkArrowDefId(linkArrowStyle)}`)\n        .attr('fill', linkColor)\n        .attr('transform', `translate(${p1.x}, ${p1.y}) rotate(${angle})`)\n    } else {\n      linkArrow.attr('href', null)\n    }\n\n    // Particle Flow\n    flowGroup\n      .attr('transform', linkShiftTransform)\n      .style('display', getBoolean(d, linkFlow, d._indexGlobal) ? null : 'none')\n      .style('opacity', 0)\n\n    flowGroup\n      .selectAll(`.${linkSelectors.flowCircle}`)\n      .attr('r', linkFlowParticleSize / scale)\n      .style('fill', linkColor)\n\n    smartTransition(flowGroup, duration)\n      .style('opacity', scale < ZoomLevel.Level2 ? 0 : 1)\n\n    // Labels\n    const linkLabelGroup = linkGroup.select<SVGGElement>(`.${linkSelectors.linkLabelGroup}`)\n\n    if (linkLabelText) {\n      const linkMarkerWidth = linkArrowStyle ? LINK_MARKER_WIDTH * 2 : 0\n      const linkLabelShift = getBoolean(d, linkLabelShiftFromCenter, d._indexGlobal) ? -linkMarkerWidth + 4 : 0\n      const linkLabelPos = linkPathElement.getPointAtLength(pathLength / 2 + linkLabelShift)\n      const linkLabelTranslate = `translate(${linkLabelPos.x}, ${linkLabelPos.y})`\n      const linkLabelBackground = linkLabelGroup.select<SVGRectElement>(`.${linkSelectors.linkLabelBackground}`)\n      const linkLabelContent = linkLabelGroup.select<SVGTextElement>(`.${linkSelectors.linkLabelContent}`)\n\n      // If the label was hidden or didn't have text before, we need to set the initial position\n      if (!linkLabelContent.text() || linkLabelContent.attr('hidden')) {\n        linkLabelGroup.attr('transform', linkLabelTranslate)\n      }\n\n      linkLabelGroup.attr('hidden', null)\n        .style('cursor', linkLabelDatum.cursor)\n\n      smartTransition(linkLabelGroup, duration)\n        .attr('transform', linkLabelTranslate)\n        .style('opacity', 1)\n\n      linkLabelContent\n        .text(linkLabelText)\n        .attr('dy', '0.1em')\n        .style('font-size', linkLabelDatum.fontSize)\n        .style('fill', linkLabelDatum.textColor ?? getLinkLabelTextColor(linkLabelDatum))\n\n      const shouldBeRenderedAsCircle = linkLabelText.length <= 2\n      const linkLabelPaddingVertical = 4\n      const linkLabelPaddingHorizontal = shouldBeRenderedAsCircle ? linkLabelPaddingVertical : 8\n      const linkLabelFontSize = toPx(linkLabelDatum.fontSize) ?? getCSSVariableValueInPixels('var(--vis-graph-link-label-font-size)', linkLabelContent.node())\n      const linkLabelWidthPx = estimateStringPixelLength(linkLabelText, linkLabelFontSize)\n      const linkLabelBackgroundBorderRadius = linkLabelDatum.radius ?? (shouldBeRenderedAsCircle ? linkLabelFontSize : 4)\n      const linkLabelBackgroundWidth = (shouldBeRenderedAsCircle ? linkLabelFontSize : linkLabelWidthPx)\n      linkLabelBackground\n        .attr('x', -linkLabelBackgroundWidth / 2 - linkLabelPaddingHorizontal)\n        .attr('y', -linkLabelFontSize / 2 - linkLabelPaddingVertical)\n        .attr('width', linkLabelBackgroundWidth + linkLabelPaddingHorizontal * 2)\n        .attr('height', linkLabelFontSize + linkLabelPaddingVertical * 2)\n        .attr('rx', linkLabelBackgroundBorderRadius)\n        .style('fill', linkLabelDatum.color)\n    } else {\n      linkLabelGroup.attr('hidden', true)\n    }\n  })\n\n  // Pointer Events\n  if (duration > 0) {\n    selection.attr('pointer-events', 'none')\n    const t = smartTransition(selection, duration) as Transition<SVGGElement, GraphLink<N, L>, SVGGElement, GraphLink<N, L>>\n    t\n      .attr('opacity', 1)\n      .on('end interrupt', (d, i, elements) => {\n        select(elements[i])\n          .attr('pointer-events', 'stroke')\n          .attr('opacity', 1)\n      })\n  } else {\n    selection.attr('opacity', 1)\n  }\n\n  updateSelectedLinks(selection, config, scale)\n}\n\nexport function removeLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  duration: number\n): void {\n  smartTransition(selection, duration / 2)\n    .attr('opacity', 0)\n    .remove()\n}\n\nexport function animateLinkFlow<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  scale: number\n): void {\n  const { linkFlow } = config\n  if (scale < ZoomLevel.Level2) return\n\n  selection.each((d, i, elements) => {\n    const element = elements[i]\n    const linkGroup = select(element)\n    const flowGroup = linkGroup.select(`.${linkSelectors.flowGroup}`)\n\n    const linkPathElement = linkGroup.select<SVGPathElement>(`.${linkSelectors.linkSupport}`).node()\n    const pathLength = linkPathElement.getTotalLength()\n\n    if (!getBoolean(d, linkFlow, d._indexGlobal)) return\n    const t = d._state.flowAnimTime\n    const circles = flowGroup.selectAll(`.${linkSelectors.flowCircle}`)\n\n    circles\n      .attr('transform', index => {\n        const tt = (t + (+index) / (circles.size() - 1)) % 1\n        const p = linkPathElement.getPointAtLength(tt * pathLength)\n        return `translate(${p.x}, ${p.y})`\n      })\n  })\n}\n\nexport function zoomLinks<N extends GraphInputNode, L extends GraphInputLink> (\n  selection: Selection<SVGGElement, GraphLink<N, L>, SVGGElement, unknown>,\n  config: GraphConfigInterface<N, L>,\n  scale: number\n): void {\n  const { linkFlowParticleSize } = config\n\n  selection.classed(generalSelectors.zoomOutLevel2, scale < ZoomLevel.Level2)\n  selection.selectAll(`.${linkSelectors.flowCircle}`)\n    .attr('r', linkFlowParticleSize / scale)\n\n  const linkElements = selection.selectAll<SVGGElement, GraphLink<N, L>>(`.${linkSelectors.link}`)\n  linkElements\n    .style('stroke-width', d => getLinkStrokeWidth(d, scale, config))\n\n  const linkBandElements = selection.selectAll<SVGGElement, GraphLink<N, L>>(`.${linkSelectors.linkBand}`)\n  linkBandElements\n    .style('stroke-width', d => getLinkBandWidth(d, scale, config))\n}\n\nexport const zoomLinksThrottled = throttle(zoomLinks, 500)\n"],"names":["linkSelectors.linkSupport","linkSelectors.link","linkSelectors.linkBand","linkSelectors.linkArrow","linkSelectors.flowGroup","linkSelectors.flowCircle","linkLabelGroup","linkSelectors.linkLabelGroup","linkSelectors.linkLabelBackground","linkSelectors.linkLabelContent","linkSelectors.greyout","linkSupport","linkSelectors.linkDashed","link","linkBand","linkArrow","flowGroup","linkLabelBackground","linkLabelContent","generalSelectors.zoomOutLevel2"],"mappings":"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"}

package/components/graph/modules/link/style.d.ts

@@ -3,13 +3,13 @@ export declare const variables: void;
 export declare const linkSupport: string;
 export declare const link: string;
 export declare const linkDashed: string;
+export declare const linkArrow: string;
 export declare const gLink: string;
 export declare const gLinkExit: string;
 export declare const greyout: string;
 export declare const linkBand: string;
 export declare const flowGroup: string;
 export declare const flowCircle: string;
-export declare const labelGroups: string;
-export declare const labelGroup: string;
-export declare const labelCircle: string;
-export declare const labelContent: string;
+export declare const linkLabelGroup: string;
+export declare const linkLabelBackground: string;
+export declare const linkLabelContent: string;

package/components/graph/modules/link/style.js

@@ -10,9 +10,9 @@ const variables = injectGlobal `
     --vis-graph-link-greyout-opacity: 0.3;
     --vis-graph-link-dashed-stroke-dasharray: 6 6;
 
-    --vis-graph-link-label-stroke-color: #fff;
-    --vis-graph-link-label-fill-color: #e6e9f3;
-    --vis-graph-link-label-text-color-dark: #494b56;
+    --vis-graph-link-label-font-size: 9pt;
+    --vis-graph-link-label-background: #e6e9f3;
+    --vis-graph-link-label-text-color-dark: #18181B;
     --vis-graph-link-label-text-color-bright: #fff;
     --vis-graph-link-label-text-color: var(--vis-graph-link-label-text-color-dark);
 
@@ -20,16 +20,17 @@ const variables = injectGlobal `
     --vis-graph-link-support-stroke-width: 10px;
 
     --vis-dark-graph-link-stroke-color: #494b56;
-    --vis-dark-graph-link-label-stroke-color: #222;
-    --vis-dark-graph-link-label-fill-color: var(--vis-color-grey);
-    --vis-dark-graph-link-label-text-color: var(--vis-graph-link-label-text-color-bright)
+    --vis-dark-graph-link-label-background: #3f3f45;
+    --vis-dark-graph-link-label-text-color: var(--vis-graph-link-label-text-color-bright);
+
+    --vis-graph-link-dominant-baseline: middle;
   }
 
   body.theme-dark ${`.${links}`} {
     --vis-graph-link-stroke-color: var(--vis-dark-graph-link-stroke-color);
     --vis-graph-link-label-stroke-color: var(--vis-dark-graph-link-label-stroke-color);
     --vis-graph-link-label-text-color: var(--vis-dark-graph-link-label-text-color);
-    --vis-graph-link-label-fill-color: var(--vis-dark-graph-link-label-fill-color);
+    --vis-graph-link-label-background: var(--vis-dark-graph-link-label-background);
   }
 `;
 const linkSupport = css `
@@ -41,7 +42,7 @@ const linkSupport = css `
   stroke-width: var(--vis-graph-link-support-stroke-width);
   stroke-opacity: 0;
   stroke: var(--vis-graph-link-stroke-color);
-  transition: .2s;
+  transition: stroke-opacity 0.2s;
 `;
 const link = css `
   label: link;
@@ -60,6 +61,10 @@ const linkDashed = css `
     stroke-dasharray: var(--vis-graph-link-dashed-stroke-dasharray);
   }
 `;
+const linkArrow = css `
+  label: link-arrow;
+  fill: var(--vis-graph-link-stroke-color);
+`;
 const gLink = css `
   label: g-link;
 `;
@@ -77,6 +82,7 @@ const linkBand = css `
   stroke-opacity: var(--vis-graph-link-band-opacity);
   pointer-events: none;
   stroke: var(--vis-graph-node-stroke-color);
+  fill: none;
 `;
 const flowGroup = css `
   label: flow-group;
@@ -88,27 +94,25 @@ const flowCircle = css `
 
   fill: var(--vis-graph-link-stroke-color);
 `;
-const labelGroups = css `
-  label: label-groups;
-`;
-const labelGroup = css `
+const linkLabelGroup = css `
   label: label-group;
   pointer-events: all;
 `;
-const labelCircle = css `
-  label: label-circle;
+const linkLabelBackground = css `
+  label: label-background;
 
-  fill: var(--vis-graph-link-label-fill-color);
-  stroke: var(--vis-graph-link-label-stroke-color);
+  fill: var(--vis-graph-link-label-background);
 `;
-const labelContent = css `
+const linkLabelContent = css `
   label: label-content;
 
-  font-family: var(--vis-graph-icon-font-family), var(--vis-font-family);
+  font-size: var(--vis-graph-link-label-font-size);
+  font-family: var(--vis-font-family);
   fill: var(--vis-graph-link-label-text-color);
   text-anchor: middle;
-  dominant-baseline: middle;
+  dominant-baseline: var(--vis-graph-link-dominant-baseline);
+  user-select: none;
 `;
 
-export { flowCircle, flowGroup, gLink, gLinkExit, greyout, labelCircle, labelContent, labelGroup, labelGroups, link, linkBand, linkDashed, linkSupport, links, variables };
+export { flowCircle, flowGroup, gLink, gLinkExit, greyout, link, linkArrow, linkBand, linkDashed, linkLabelBackground, linkLabelContent, linkLabelGroup, linkSupport, links, variables };
 //# sourceMappingURL=style.js.map

package/components/graph/modules/link/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../../src/components/graph/modules/link/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const links = css`\n  label: links;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-graph-link-stroke-color: #e6e9f3;\n    --vis-graph-link-stroke-opacity: 1.0;\n    --vis-graph-link-greyout-opacity: 0.3;\n    --vis-graph-link-dashed-stroke-dasharray: 6 6;\n\n    --vis-graph-link-label-stroke-color: #fff;\n    --vis-graph-link-label-fill-color: #e6e9f3;\n    --vis-graph-link-label-text-color-dark: #494b56;\n    --vis-graph-link-label-text-color-bright: #fff;\n    --vis-graph-link-label-text-color: var(--vis-graph-link-label-text-color-dark);\n\n    --vis-graph-link-band-opacity: 0.35;\n    --vis-graph-link-support-stroke-width: 10px;\n\n    --vis-dark-graph-link-stroke-color: #494b56;\n    --vis-dark-graph-link-label-stroke-color: #222;\n    --vis-dark-graph-link-label-fill-color: var(--vis-color-grey);\n    --vis-dark-graph-link-label-text-color: var(--vis-graph-link-label-text-color-bright)\n  }\n\n  body.theme-dark ${`.${links}`} {\n    --vis-graph-link-stroke-color: var(--vis-dark-graph-link-stroke-color);\n    --vis-graph-link-label-stroke-color: var(--vis-dark-graph-link-label-stroke-color);\n    --vis-graph-link-label-text-color: var(--vis-dark-graph-link-label-text-color);\n    --vis-graph-link-label-fill-color: var(--vis-dark-graph-link-label-fill-color);\n  }\n`\n\nexport const linkSupport = css`\n  label: link-support;\n\n  fill: none;\n  stroke-linecap: round;\n  pointer-events: stroke;\n  stroke-width: var(--vis-graph-link-support-stroke-width);\n  stroke-opacity: 0;\n  stroke: var(--vis-graph-link-stroke-color);\n  transition: .2s;\n`\n\nexport const link = css`\n  label: link;\n\n  fill: none;\n  stroke: var(--vis-graph-link-stroke-color);\n  stroke-opacity: var(--vis-graph-link-stroke-opacity);\n  transition: stroke 800ms;\n  stroke-linecap: round;\n  pointer-events: none;\n`\n\nexport const linkDashed = css`\n  label: dashed;\n\n  ${`.${link}`} {\n    stroke-dasharray: var(--vis-graph-link-dashed-stroke-dasharray);\n  }\n`\n\nexport const gLink = css`\n  label: g-link;\n`\n\nexport const gLinkExit = css`\n  label: g-link-exit;\n  pointer-events: none;\n`\n\nexport const greyout = css`\n  label: greyout;\n  opacity: var(--vis-graph-link-greyout-opacity);\n`\n\nexport const linkBand = css`\n  label: link-band;\n\n  stroke-opacity: var(--vis-graph-link-band-opacity);\n  pointer-events: none;\n  stroke: var(--vis-graph-node-stroke-color);\n`\n\nexport const flowGroup = css`\n  label: flow-group;\n\n  pointer-events: none;\n`\n\nexport const flowCircle = css`\n  label: flow-circle;\n\n  fill: var(--vis-graph-link-stroke-color);\n`\n\nexport const labelGroups = css`\n  label: label-groups;\n`\n\nexport const labelGroup = css`\n  label: label-group;\n  pointer-events: all;\n`\n\nexport const labelCircle = css`\n  label: label-circle;\n\n  fill: var(--vis-graph-link-label-fill-color);\n  stroke: var(--vis-graph-link-label-stroke-color);\n`\n\nexport const labelContent = css`\n  label: label-content;\n\n  font-family: var(--vis-graph-icon-font-family), var(--vis-font-family);\n  fill: var(--vis-graph-link-label-text-color);\n  text-anchor: middle;\n  dominant-baseline: middle;\n`\n"],"names":[],"mappings":";;AAEO,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AAsBjB,kBAAA,EAAA,CAAA,CAAA,EAAI,KAAK,CAAE,CAAA,CAAA;;;;;;EAM9B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;EAU7B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAStB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;AAGzB,EAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;EAGb;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;EAG3B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;EAGzB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;EAM1B;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;;EAI3B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;EAI5B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;EAG5B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;;;EAK7B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../../../src/components/graph/modules/link/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const links = css`\n  label: links;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-graph-link-stroke-color: #e6e9f3;\n    --vis-graph-link-stroke-opacity: 1.0;\n    --vis-graph-link-greyout-opacity: 0.3;\n    --vis-graph-link-dashed-stroke-dasharray: 6 6;\n\n    --vis-graph-link-label-font-size: 9pt;\n    --vis-graph-link-label-background: #e6e9f3;\n    --vis-graph-link-label-text-color-dark: #18181B;\n    --vis-graph-link-label-text-color-bright: #fff;\n    --vis-graph-link-label-text-color: var(--vis-graph-link-label-text-color-dark);\n\n    --vis-graph-link-band-opacity: 0.35;\n    --vis-graph-link-support-stroke-width: 10px;\n\n    --vis-dark-graph-link-stroke-color: #494b56;\n    --vis-dark-graph-link-label-background: #3f3f45;\n    --vis-dark-graph-link-label-text-color: var(--vis-graph-link-label-text-color-bright);\n\n    --vis-graph-link-dominant-baseline: middle;\n  }\n\n  body.theme-dark ${`.${links}`} {\n    --vis-graph-link-stroke-color: var(--vis-dark-graph-link-stroke-color);\n    --vis-graph-link-label-stroke-color: var(--vis-dark-graph-link-label-stroke-color);\n    --vis-graph-link-label-text-color: var(--vis-dark-graph-link-label-text-color);\n    --vis-graph-link-label-background: var(--vis-dark-graph-link-label-background);\n  }\n`\n\nexport const linkSupport = css`\n  label: link-support;\n\n  fill: none;\n  stroke-linecap: round;\n  pointer-events: stroke;\n  stroke-width: var(--vis-graph-link-support-stroke-width);\n  stroke-opacity: 0;\n  stroke: var(--vis-graph-link-stroke-color);\n  transition: stroke-opacity 0.2s;\n`\n\nexport const link = css`\n  label: link;\n\n  fill: none;\n  stroke: var(--vis-graph-link-stroke-color);\n  stroke-opacity: var(--vis-graph-link-stroke-opacity);\n  transition: stroke 800ms;\n  stroke-linecap: round;\n  pointer-events: none;\n`\n\nexport const linkDashed = css`\n  label: dashed;\n\n  ${`.${link}`} {\n    stroke-dasharray: var(--vis-graph-link-dashed-stroke-dasharray);\n  }\n`\n\nexport const linkArrow = css`\n  label: link-arrow;\n  fill: var(--vis-graph-link-stroke-color);\n`\n\nexport const gLink = css`\n  label: g-link;\n`\n\nexport const gLinkExit = css`\n  label: g-link-exit;\n  pointer-events: none;\n`\n\nexport const greyout = css`\n  label: greyout;\n  opacity: var(--vis-graph-link-greyout-opacity);\n`\n\nexport const linkBand = css`\n  label: link-band;\n\n  stroke-opacity: var(--vis-graph-link-band-opacity);\n  pointer-events: none;\n  stroke: var(--vis-graph-node-stroke-color);\n  fill: none;\n`\n\nexport const flowGroup = css`\n  label: flow-group;\n\n  pointer-events: none;\n`\n\nexport const flowCircle = css`\n  label: flow-circle;\n\n  fill: var(--vis-graph-link-stroke-color);\n`\n\nexport const linkLabelGroup = css`\n  label: label-group;\n  pointer-events: all;\n`\n\nexport const linkLabelBackground = css`\n  label: label-background;\n\n  fill: var(--vis-graph-link-label-background);\n`\n\nexport const linkLabelContent = css`\n  label: label-content;\n\n  font-size: var(--vis-graph-link-label-font-size);\n  font-family: var(--vis-font-family);\n  fill: var(--vis-graph-link-label-text-color);\n  text-anchor: middle;\n  dominant-baseline: var(--vis-graph-link-dominant-baseline);\n  user-select: none;\n`\n"],"names":[],"mappings":";;AAEO,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAuBjB,kBAAA,EAAA,CAAA,CAAA,EAAI,KAAK,CAAE,CAAA,CAAA;;;;;;EAM9B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;EAU7B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAStB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;AAGzB,EAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;EAGb;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;EAG3B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;EAG3B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;EAGzB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;EAO1B;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;;EAI3B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;EAI5B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;EAGhC;AAEM,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA;;;;EAIrC;AAEM,MAAM,gBAAgB,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;"}

package/components/graph/modules/node/helper.d.ts

@@ -19,3 +19,4 @@ export declare function getAverageNodeSize<T>(data: T[], nodeSize: NumericAccess
 export declare function getSideLabelTextColor(label: GraphCircleLabel, context: SVGElement): string;
 export declare function getNodeColor<T>(d: T, colorAccessor: ColorAccessor<T>, index: number): string;
 export declare function getNodeIconColor<T>(d: T, colorAccessor: ColorAccessor<T>, index: number, context: SVGElement): string;
+export declare function isInternalHref(str: string): boolean;

package/components/graph/modules/node/helper.js

@@ -120,7 +120,10 @@ function getNodeIconColor(d, colorAccessor, index, context) {
     const hex = getHexValue(nodeColor, context);
     const brightness = hexToBrightness(hex);
     return brightness > 0.65 ? 'var(--vis-graph-node-icon-fill-color-dark)' : 'var(--vis-graph-node-icon-fill-color-bright)';
+}
+function isInternalHref(str) {
+    return /^#[^]+/.test(str);
 }
 
-export { LABEL_RECT_HORIZONTAL_PADDING, LABEL_RECT_VERTICAL_PADDING, NODE_SIZE, arcTween, configuredNodeSize, getAverageNodeSize, getMaxNodeSize, getNodeColor, getNodeIconColor, getNodeSize, getSideLabelTextColor, getX, getY, polyTween, setLabelRect };
+export { LABEL_RECT_HORIZONTAL_PADDING, LABEL_RECT_VERTICAL_PADDING, NODE_SIZE, arcTween, configuredNodeSize, getAverageNodeSize, getMaxNodeSize, getNodeColor, getNodeIconColor, getNodeSize, getSideLabelTextColor, getX, getY, isInternalHref, polyTween, setLabelRect };
 //# sourceMappingURL=helper.js.map

package/components/graph/modules/node/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../../../src/components/graph/modules/node/helper.ts"],"sourcesContent":["import { BaseType, Selection } from 'd3-selection'\nimport { interpolate } from 'd3-interpolate'\nimport { max, mean } from 'd3-array'\nimport { Arc } from 'd3-shape'\n\n// Types\nimport { ColorAccessor, NumericAccessor } from 'types/accessor'\nimport { GraphInputLink, GraphInputNode } from 'types/graph'\n\n// Utils\nimport { scoreRectPath } from 'utils/path'\nimport { isEmpty, isNil, getNumber, getString } from 'utils/data'\nimport { getColor, getHexValue, hexToBrightness } from 'utils/color'\n\n// Local Types\nimport { GraphNode, GraphCircleLabel, GraphNodeAnimatedElement, GraphNodeAnimationState, GraphNodeShape } from '../../types'\n\n// Config\nimport { GraphConfigInterface } from '../../config'\n\nexport const NODE_SIZE = 30\nexport const LABEL_RECT_HORIZONTAL_PADDING = 10\nexport const LABEL_RECT_VERTICAL_PADDING = 4\n\nexport function getNodeSize<T> (d: T, nodeSizeAccessor: NumericAccessor<T>, index: number): number {\n  return getNumber(d, nodeSizeAccessor, index) || NODE_SIZE\n}\n\nfunction _setInitialAnimState (el: GraphNodeAnimatedElement<SVGElement>, index: number): void {\n  el._animState = {\n    endAngle: 0,\n    nodeIndex: index,\n  }\n}\n\n// Animate the arc around node with keeping\n// the current anim state info\nexport function arcTween<N extends GraphInputNode, L extends GraphInputLink> (\n  d: GraphNode<N, L>,\n  config: GraphConfigInterface<N, L>,\n  arcConstructor: Arc<any, GraphNodeAnimationState>,\n  el: GraphNodeAnimatedElement<SVGElement>\n): (t: number) => string {\n  const { nodeStrokeWidth, nodeSize, nodeGaugeValue } = config\n  if (!el._animState) _setInitialAnimState(el, d._index)\n\n  const i = interpolate(el._animState, {\n    endAngle: 2 * Math.PI * (getNumber(d, nodeGaugeValue, d._index) ?? 0) / 100,\n    nodeIndex: d._index,\n    nodeSize: getNodeSize(d, nodeSize, d._index),\n    borderWidth: getNumber(d, nodeStrokeWidth, d._index),\n  })\n  el._animState = i(0)\n\n  return (t: number): string => {\n    el._animState = i(t)\n    return arcConstructor(el._animState)\n  }\n}\n\nexport function polyTween<N extends GraphInputNode, L extends GraphInputLink> (\n  d: GraphNode<N, L>,\n  config: GraphConfigInterface<N, L>,\n  polygonConstructor: (nodeSize: number, nEdges?: number, endAngle?: number, isOpen?: boolean) => string,\n  el: GraphNodeAnimatedElement<SVGElement>\n): (t: number) => string {\n  const { nodeShape, nodeGaugeValue } = config\n  const nodeSize = getNodeSize(d, config.nodeSize, d._index)\n  let n: number\n  switch (getString(d, nodeShape, d._index)) {\n    case GraphNodeShape.Square:\n      n = 4\n      break\n    case GraphNodeShape.Triangle:\n      n = 3\n      break\n    case GraphNodeShape.Hexagon:\n    default:\n      n = 6\n  }\n\n  if (!el._animState) _setInitialAnimState(el, d._index)\n  const i = interpolate(el._animState, {\n    endAngle: 2 * Math.PI * (getNumber(d, nodeGaugeValue, d._index) ?? 0) / 100,\n    nodeIndex: d._index,\n  })\n  el._animState = i(0)\n\n  return (t: number): string => {\n    el._animState = i(t)\n    return n === 4 ? scoreRectPath({\n      x: -nodeSize / 2,\n      y: -nodeSize / 2,\n      w: nodeSize,\n      h: nodeSize,\n      r: 5,\n      score: el._animState.endAngle / (2 * Math.PI),\n    }) : polygonConstructor(nodeSize, n, el._animState.endAngle, true)\n  }\n}\n\nexport function setLabelRect<T, K extends BaseType, L> (\n  labelSelection: Selection<SVGGElement, T, K, L>,\n  label: string,\n  selector: string\n): Selection<SVGRectElement, T, K, L> {\n  // Set label background rectangle size by text size\n  const labelIsEmpty = isEmpty(label)\n  const labelTextSelection = labelSelection.select<SVGTextElement>(`.${selector}`)\n  const labelTextBBox = (labelTextSelection.node() as SVGGraphicsElement).getBBox()\n  const backgroundRect = labelSelection.select<SVGRectElement>('rect')\n    .attr('visibility', labelIsEmpty ? 'hidden' : null)\n    .attr('rx', 4)\n    .attr('ry', 4)\n    .attr('x', -labelTextBBox.width / 2 - LABEL_RECT_HORIZONTAL_PADDING)\n    .attr('y', '-0.64em')\n    .attr('width', labelTextBBox.width + 2 * LABEL_RECT_HORIZONTAL_PADDING)\n    .attr('height', labelTextBBox.height + 2 * LABEL_RECT_VERTICAL_PADDING)\n    .style('transform', `translateY(${-LABEL_RECT_VERTICAL_PADDING}px)`)\n\n  return backgroundRect\n}\n\nexport function getX (node: GraphNode): number {\n  return node._state && !isNil(node._state.fx) ? node._state.fx : node.x\n}\n\nexport function getY (node: GraphNode): number {\n  return node._state && !isNil(node._state.fy) ? node._state.fy : node.y\n}\n\nexport function configuredNodeSize<T> (nodeSizeAccessor: NumericAccessor<T>): number {\n  return typeof nodeSizeAccessor === 'number' ? nodeSizeAccessor : NODE_SIZE\n}\n\nexport function getMaxNodeSize<T> (data: T[], nodeSize: NumericAccessor<T>): number {\n  return max(data || [], (d, i) => getNodeSize(d, nodeSize, i)) || NODE_SIZE\n}\n\nexport function getAverageNodeSize<T> (data: T[], nodeSize: NumericAccessor<T>): number {\n  return mean(data || [], (d, i) => getNodeSize(d, nodeSize, i)) || NODE_SIZE\n}\n\nexport function getSideLabelTextColor (label: GraphCircleLabel, context: SVGElement): string {\n  if (!label.color) return null\n\n  const hex = getHexValue(label.color, context)\n  const brightness = hexToBrightness(hex)\n  return brightness > 0.65 ? 'var(--vis-graph-node-side-label-fill-color-dark)' : 'var(--vis-graph-node-side-label-fill-color-bright)'\n}\n\nexport function getNodeColor<T> (d: T, colorAccessor: ColorAccessor<T>, index: number): string {\n  return getColor(d, colorAccessor, index, true) ?? null\n}\n\nexport function getNodeIconColor<T> (d: T, colorAccessor: ColorAccessor<T>, index: number, context: SVGElement): string {\n  const nodeColor = getNodeColor(d, colorAccessor, index)\n  if (!nodeColor) return null\n\n  const hex = getHexValue(nodeColor, context)\n  const brightness = hexToBrightness(hex)\n  return brightness > 0.65 ? 'var(--vis-graph-node-icon-fill-color-dark)' : 'var(--vis-graph-node-icon-fill-color-bright)'\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"helper.js","sources":["../../../../../src/components/graph/modules/node/helper.ts"],"sourcesContent":["import { BaseType, Selection } from 'd3-selection'\nimport { interpolate } from 'd3-interpolate'\nimport { max, mean } from 'd3-array'\nimport { Arc } from 'd3-shape'\n\n// Types\nimport { ColorAccessor, NumericAccessor } from 'types/accessor'\nimport { GraphInputLink, GraphInputNode } from 'types/graph'\n\n// Utils\nimport { scoreRectPath } from 'utils/path'\nimport { isEmpty, isNil, getNumber, getString } from 'utils/data'\nimport { getColor, getHexValue, hexToBrightness } from 'utils/color'\n\n// Local Types\nimport { GraphNode, GraphCircleLabel, GraphNodeAnimatedElement, GraphNodeAnimationState, GraphNodeShape } from '../../types'\n\n// Config\nimport { GraphConfigInterface } from '../../config'\n\nexport const NODE_SIZE = 30\nexport const LABEL_RECT_HORIZONTAL_PADDING = 10\nexport const LABEL_RECT_VERTICAL_PADDING = 4\n\nexport function getNodeSize<T> (d: T, nodeSizeAccessor: NumericAccessor<T>, index: number): number {\n  return getNumber(d, nodeSizeAccessor, index) || NODE_SIZE\n}\n\nfunction _setInitialAnimState (el: GraphNodeAnimatedElement<SVGElement>, index: number): void {\n  el._animState = {\n    endAngle: 0,\n    nodeIndex: index,\n  }\n}\n\n// Animate the arc around node with keeping\n// the current anim state info\nexport function arcTween<N extends GraphInputNode, L extends GraphInputLink> (\n  d: GraphNode<N, L>,\n  config: GraphConfigInterface<N, L>,\n  arcConstructor: Arc<any, GraphNodeAnimationState>,\n  el: GraphNodeAnimatedElement<SVGElement>\n): (t: number) => string {\n  const { nodeStrokeWidth, nodeSize, nodeGaugeValue } = config\n  if (!el._animState) _setInitialAnimState(el, d._index)\n\n  const i = interpolate(el._animState, {\n    endAngle: 2 * Math.PI * (getNumber(d, nodeGaugeValue, d._index) ?? 0) / 100,\n    nodeIndex: d._index,\n    nodeSize: getNodeSize(d, nodeSize, d._index),\n    borderWidth: getNumber(d, nodeStrokeWidth, d._index),\n  })\n  el._animState = i(0)\n\n  return (t: number): string => {\n    el._animState = i(t)\n    return arcConstructor(el._animState)\n  }\n}\n\nexport function polyTween<N extends GraphInputNode, L extends GraphInputLink> (\n  d: GraphNode<N, L>,\n  config: GraphConfigInterface<N, L>,\n  polygonConstructor: (nodeSize: number, nEdges?: number, endAngle?: number, isOpen?: boolean) => string,\n  el: GraphNodeAnimatedElement<SVGElement>\n): (t: number) => string {\n  const { nodeShape, nodeGaugeValue } = config\n  const nodeSize = getNodeSize(d, config.nodeSize, d._index)\n  let n: number\n  switch (getString(d, nodeShape, d._index)) {\n    case GraphNodeShape.Square:\n      n = 4\n      break\n    case GraphNodeShape.Triangle:\n      n = 3\n      break\n    case GraphNodeShape.Hexagon:\n    default:\n      n = 6\n  }\n\n  if (!el._animState) _setInitialAnimState(el, d._index)\n  const i = interpolate(el._animState, {\n    endAngle: 2 * Math.PI * (getNumber(d, nodeGaugeValue, d._index) ?? 0) / 100,\n    nodeIndex: d._index,\n  })\n  el._animState = i(0)\n\n  return (t: number): string => {\n    el._animState = i(t)\n    return n === 4 ? scoreRectPath({\n      x: -nodeSize / 2,\n      y: -nodeSize / 2,\n      w: nodeSize,\n      h: nodeSize,\n      r: 5,\n      score: el._animState.endAngle / (2 * Math.PI),\n    }) : polygonConstructor(nodeSize, n, el._animState.endAngle, true)\n  }\n}\n\nexport function setLabelRect<T, K extends BaseType, L> (\n  labelSelection: Selection<SVGGElement, T, K, L>,\n  label: string,\n  selector: string\n): Selection<SVGRectElement, T, K, L> {\n  // Set label background rectangle size by text size\n  const labelIsEmpty = isEmpty(label)\n  const labelTextSelection = labelSelection.select<SVGTextElement>(`.${selector}`)\n  const labelTextBBox = (labelTextSelection.node() as SVGGraphicsElement).getBBox()\n  const backgroundRect = labelSelection.select<SVGRectElement>('rect')\n    .attr('visibility', labelIsEmpty ? 'hidden' : null)\n    .attr('rx', 4)\n    .attr('ry', 4)\n    .attr('x', -labelTextBBox.width / 2 - LABEL_RECT_HORIZONTAL_PADDING)\n    .attr('y', '-0.64em')\n    .attr('width', labelTextBBox.width + 2 * LABEL_RECT_HORIZONTAL_PADDING)\n    .attr('height', labelTextBBox.height + 2 * LABEL_RECT_VERTICAL_PADDING)\n    .style('transform', `translateY(${-LABEL_RECT_VERTICAL_PADDING}px)`)\n\n  return backgroundRect\n}\n\nexport function getX (node: GraphNode): number {\n  return node._state && !isNil(node._state.fx) ? node._state.fx : node.x\n}\n\nexport function getY (node: GraphNode): number {\n  return node._state && !isNil(node._state.fy) ? node._state.fy : node.y\n}\n\nexport function configuredNodeSize<T> (nodeSizeAccessor: NumericAccessor<T>): number {\n  return typeof nodeSizeAccessor === 'number' ? nodeSizeAccessor : NODE_SIZE\n}\n\nexport function getMaxNodeSize<T> (data: T[], nodeSize: NumericAccessor<T>): number {\n  return max(data || [], (d, i) => getNodeSize(d, nodeSize, i)) || NODE_SIZE\n}\n\nexport function getAverageNodeSize<T> (data: T[], nodeSize: NumericAccessor<T>): number {\n  return mean(data || [], (d, i) => getNodeSize(d, nodeSize, i)) || NODE_SIZE\n}\n\nexport function getSideLabelTextColor (label: GraphCircleLabel, context: SVGElement): string {\n  if (!label.color) return null\n\n  const hex = getHexValue(label.color, context)\n  const brightness = hexToBrightness(hex)\n  return brightness > 0.65 ? 'var(--vis-graph-node-side-label-fill-color-dark)' : 'var(--vis-graph-node-side-label-fill-color-bright)'\n}\n\nexport function getNodeColor<T> (d: T, colorAccessor: ColorAccessor<T>, index: number): string {\n  return getColor(d, colorAccessor, index, true) ?? null\n}\n\nexport function getNodeIconColor<T> (d: T, colorAccessor: ColorAccessor<T>, index: number, context: SVGElement): string {\n  const nodeColor = getNodeColor(d, colorAccessor, index)\n  if (!nodeColor) return null\n\n  const hex = getHexValue(nodeColor, context)\n  const brightness = hexToBrightness(hex)\n  return brightness > 0.65 ? 'var(--vis-graph-node-icon-fill-color-dark)' : 'var(--vis-graph-node-icon-fill-color-bright)'\n}\n\nexport function isInternalHref (str: string): boolean {\n  return /^#[^]+/.test(str)\n}\n"],"names":[],"mappings":"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"}