@unovis/ts 1.1.1-beta.7 → 1.1.1-beta.9

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

@@ -0,0 +1,212 @@
+import { select } from 'd3-selection';
+import { range } from 'd3-array';
+import { getBoolean, getValue, throttle } from '../../../../utils/data.js';
+import { smartTransition } from '../../../../utils/d3.js';
+import { getHref } from '../../../../utils/misc.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 { 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';
+
+function createLinks(selection) {
+    selection.attr('opacity', 0);
+    selection.append('line')
+        .attr('class', linkSupport);
+    selection.append('polyline')
+        .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('g')
+        .attr('class', flowGroup)
+        .selectAll(`.${flowCircle}`)
+        .data(range(0, 6)).enter()
+        .append('circle')
+        .attr('class', flowCircle);
+    selection.append('g')
+        .attr('class', labelGroups);
+}
+function updateSelectedLinks(selection, config, scale) {
+    const isGreyedOut = (d, i) => getBoolean(d, config.linkDisabled, i) || d._state.greyout;
+    selection
+        .classed(greyout, (d, i) => isGreyedOut(d, i));
+    selection.each((d, i, elements) => {
+        const element = elements[i];
+        const group = select(element);
+        group.select(`.${link}`);
+        group.select(`.${linkBand}`);
+        const linkSupport$1 = group.select(`.${linkSupport}`);
+        linkSupport$1
+            .style('stroke-opacity', (d._state.hovered || d._state.selected) ? 0.2 : 0)
+            .style('stroke-width', d._state.selected
+            ? getLinkBandWidth(d, scale, config) + 5
+            : 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;
+    if (!selection.size())
+        return;
+    selection
+        .classed(linkDashed, d => getValue(d, linkStyle, d._indexGlobal) === GraphLinkStyle.Dashed);
+    selection.each((d, i, elements) => {
+        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 flowGroup$1 = linkGroup.select(`.${flowGroup}`);
+        const x1 = getX(d.source);
+        const y1 = getY(d.source);
+        const x2 = getX(d.target);
+        const y2 = getY(d.target);
+        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));
+        smartTransition(link$1, duration)
+            .attr('points', getPolylineData({ x1, y1, x2, y2 }));
+        linkBand$1
+            .attr('class', linkBand)
+            .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))
+            .style('stroke-width', getLinkBandWidth(d, scale, config))
+            .style('stroke', getLinkColor(d, config));
+        smartTransition(linkBand$1, duration)
+            .attr('x1', x1)
+            .attr('y1', y1)
+            .attr('x2', x2)
+            .attr('y2', y2);
+        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);
+        flowGroup$1
+            .attr('transform', getLinkShiftTransform(d, config.linkNeighborSpacing))
+            .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));
+        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();
+    });
+    if (duration > 0) {
+        selection.attr('pointer-events', 'none');
+        const t = smartTransition(selection, duration);
+        t
+            .attr('opacity', 1)
+            .on('end interrupt', (d, i, elements) => {
+            select(elements[i])
+                .attr('pointer-events', 'stroke')
+                .attr('opacity', 1);
+        });
+    }
+    else {
+        selection.attr('opacity', 1);
+    }
+    updateSelectedLinks(selection, config, scale);
+}
+function removeLinks(selection, config, duration) {
+    smartTransition(selection, duration / 2)
+        .attr('opacity', 0)
+        .remove();
+}
+function animateLinkFlow(selection, config, scale) {
+    const { linkFlow } = config;
+    if (scale < ZoomLevel.Level2)
+        return;
+    selection.each((d, i, elements) => {
+        const element = elements[i];
+        const linkGroup = select(element);
+        const flowGroup$1 = linkGroup.select(`.${flowGroup}`);
+        if (!getBoolean(d, linkFlow, d._indexGlobal))
+            return;
+        const t = d._state.flowAnimTime;
+        const circles = flowGroup$1.selectAll(`.${flowCircle}`);
+        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})`;
+        });
+    });
+}
+function zoomLinks(selection, config, scale, getMarkerId) {
+    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
+        .style('stroke-width', d => getLinkBandWidth(d, scale, config));
+}
+const zoomLinksThrottled = throttle(zoomLinks, 500);
+
+export { animateLinkFlow, createLinks, removeLinks, updateLinks, updateSelectedLinks, zoomLinks, zoomLinksThrottled };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 { GraphConfig } 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: GraphConfig<N, L>,\n  scale: number\n): void {\n  const isGreyedOut = (d, i): 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: GraphConfig<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: GraphConfig<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: GraphConfig<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: GraphConfig<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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"}

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

@@ -0,0 +1,15 @@
+export declare const links: string;
+export declare const variables: void;
+export declare const linkSupport: string;
+export declare const link: string;
+export declare const linkDashed: 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;

package/{src/components/graph/modules/link/style.ts → components/graph/modules/link/style.js}

@@ -1,10 +1,9 @@
-import { css, injectGlobal } from '@emotion/css'
+import { css, injectGlobal } from '@emotion/css';
 
-export const links = css`
+const links = css `
   label: links;
-`
-
-export const variables = injectGlobal`
+`;
+const variables = injectGlobal `
   :root {
     --vis-graph-link-stroke-color: #e6e9f3;
     --vis-graph-link-stroke-opacity: 1.0;
@@ -32,9 +31,8 @@ export const variables = injectGlobal`
     --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);
   }
-`
-
-export const linkSupport = css`
+`;
+const linkSupport = css `
   label: link-support;
 
   fill: none;
@@ -44,9 +42,8 @@ export const linkSupport = css`
   stroke-opacity: 0;
   stroke: var(--vis-graph-link-stroke-color);
   transition: .2s;
-`
-
-export const link = css`
+`;
+const link = css `
   label: link;
 
   fill: none;
@@ -55,71 +52,63 @@ export const link = css`
   transition: stroke 800ms;
   stroke-linecap: round;
   pointer-events: none;
-`
-
-export const linkDashed = css`
+`;
+const linkDashed = css `
   label: dashed;
 
   ${`.${link}`} {
     stroke-dasharray: var(--vis-graph-link-dashed-stroke-dasharray);
   }
-`
-
-export const gLink = css`
+`;
+const gLink = css `
   label: g-link;
-`
-
-export const gLinkExit = css`
+`;
+const gLinkExit = css `
   label: g-link-exit;
   pointer-events: none;
-`
-
-export const greyout = css`
+`;
+const greyout = css `
   label: greyout;
   opacity: var(--vis-graph-link-greyout-opacity);
-`
-
-export const linkBand = css`
+`;
+const linkBand = css `
   label: link-band;
 
   stroke-opacity: var(--vis-graph-link-band-opacity);
   pointer-events: none;
   stroke: var(--vis-graph-node-stroke-color);
-`
-
-export const flowGroup = css`
+`;
+const flowGroup = css `
   label: flow-group;
 
   pointer-events: none;
-`
-
-export const flowCircle = css`
+`;
+const flowCircle = css `
   label: flow-circle;
 
   fill: var(--vis-graph-link-stroke-color);
-`
-
-export const labelGroups = css`
+`;
+const labelGroups = css `
   label: label-groups;
-`
-
-export const labelGroup = css`
+`;
+const labelGroup = css `
   label: label-group;
   pointer-events: all;
-`
-
-export const labelCircle = css`
+`;
+const labelCircle = css `
   label: label-circle;
 
   fill: var(--vis-graph-link-label-fill-color);
   stroke: var(--vis-graph-link-label-stroke-color);
-`
-
-export const labelContent = css`
+`;
+const labelContent = css `
   label: label-content;
 
   font-family: var(--vis-graph-icon-font-family), var(--vis-font-family);
   fill: var(--vis-graph-link-label-text-color);
   text-anchor: middle;
   dominant-baseline: middle;
-`
+`;
+
+export { flowCircle, flowGroup, gLink, gLinkExit, greyout, labelCircle, labelContent, labelGroup, labelGroups, link, linkBand, linkDashed, linkSupport, links, variables };
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +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;;;;;;;;;;;"}

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

@@ -0,0 +1,21 @@
+import { BaseType, Selection } from 'd3-selection';
+import { Arc } from 'd3-shape';
+import { ColorAccessor, NumericAccessor } from "../../../../types/accessor";
+import { GraphInputLink, GraphInputNode } from "../../../../types/graph";
+import { GraphNode, GraphCircleLabel, GraphNodeAnimatedElement, GraphNodeAnimationState } from '../../types';
+import { GraphConfigInterface } from '../../config';
+export declare const NODE_SIZE = 30;
+export declare const LABEL_RECT_HORIZONTAL_PADDING = 10;
+export declare const LABEL_RECT_VERTICAL_PADDING = 4;
+export declare function getNodeSize<T>(d: T, nodeSizeAccessor: NumericAccessor<T>, index: number): number;
+export declare function arcTween<N extends GraphInputNode, L extends GraphInputLink>(d: GraphNode<N, L>, config: GraphConfigInterface<N, L>, arcConstructor: Arc<any, GraphNodeAnimationState>, el: GraphNodeAnimatedElement<SVGElement>): (t: number) => string;
+export declare function polyTween<N extends GraphInputNode, L extends GraphInputLink>(d: GraphNode<N, L>, config: GraphConfigInterface<N, L>, polygonConstructor: any, el: GraphNodeAnimatedElement<SVGElement>): (t: number) => string;
+export declare function setLabelRect<T, K extends BaseType, L>(labelSelection: Selection<SVGGElement, T, K, L>, label: string, selector: string): Selection<SVGRectElement, T, K, L>;
+export declare function getX(node: GraphNode): number;
+export declare function getY(node: GraphNode): number;
+export declare function configuredNodeSize<T>(nodeSizeAccessor: NumericAccessor<T>): number;
+export declare function getMaxNodeSize<T>(data: T[], nodeSize: NumericAccessor<T>): number;
+export declare function getAverageNodeSize<T>(data: T[], nodeSize: NumericAccessor<T>): number;
+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;

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

@@ -0,0 +1,126 @@
+import { interpolate } from 'd3-interpolate';
+import { max, mean } from 'd3-array';
+import { scoreRectPath } from '../../../../utils/path.js';
+import { getNumber, getString, isEmpty, isNil } from '../../../../utils/data.js';
+import { getHexValue, hexToBrightness, getColor } from '../../../../utils/color.js';
+import { GraphNodeShape } from '../../types.js';
+
+const NODE_SIZE = 30;
+const LABEL_RECT_HORIZONTAL_PADDING = 10;
+const LABEL_RECT_VERTICAL_PADDING = 4;
+function getNodeSize(d, nodeSizeAccessor, index) {
+    return getNumber(d, nodeSizeAccessor, index) || NODE_SIZE;
+}
+function _setInitialAnimState(el, index) {
+    el._animState = {
+        endAngle: 0,
+        nodeIndex: index,
+    };
+}
+// Animate the arc around node with keeping
+// the current anim state info
+function arcTween(d, config, arcConstructor, el) {
+    var _a;
+    const { nodeStrokeWidth, nodeSize, nodeGaugeValue } = config;
+    if (!el._animState)
+        _setInitialAnimState(el, d._index);
+    const i = interpolate(el._animState, {
+        endAngle: 2 * Math.PI * ((_a = getNumber(d, nodeGaugeValue, d._index)) !== null && _a !== void 0 ? _a : 0) / 100,
+        nodeIndex: d._index,
+        nodeSize: getNodeSize(d, nodeSize, d._index),
+        borderWidth: getNumber(d, nodeStrokeWidth, d._index),
+    });
+    el._animState = i(0);
+    return (t) => {
+        el._animState = i(t);
+        return arcConstructor(el._animState);
+    };
+}
+function polyTween(d, config, polygonConstructor, el) {
+    var _a;
+    const { nodeShape, nodeGaugeValue } = config;
+    const nodeSize = getNodeSize(d, config.nodeSize, d._index);
+    let n;
+    switch (getString(d, nodeShape, d._index)) {
+        case GraphNodeShape.Square:
+            n = 4;
+            break;
+        case GraphNodeShape.Triangle:
+            n = 3;
+            break;
+        case GraphNodeShape.Hexagon:
+        default:
+            n = 6;
+    }
+    if (!el._animState)
+        _setInitialAnimState(el, d._index);
+    const i = interpolate(el._animState, {
+        endAngle: 2 * Math.PI * ((_a = getNumber(d, nodeGaugeValue, d._index)) !== null && _a !== void 0 ? _a : 0) / 100,
+        nodeIndex: d._index,
+    });
+    el._animState = i(0);
+    return (t) => {
+        el._animState = i(t);
+        return n === 4 ? scoreRectPath({
+            x: -nodeSize / 2,
+            y: -nodeSize / 2,
+            w: nodeSize,
+            h: nodeSize,
+            r: 5,
+            score: el._animState.endAngle / (2 * Math.PI),
+        }) : polygonConstructor(nodeSize, n, el._animState.endAngle, true);
+    };
+}
+function setLabelRect(labelSelection, label, selector) {
+    // Set label background rectangle size by text size
+    const labelIsEmpty = isEmpty(label);
+    const labelTextSelection = labelSelection.select(`.${selector}`);
+    const labelTextBBox = labelTextSelection.node().getBBox();
+    const backgroundRect = labelSelection.select('rect')
+        .attr('visibility', labelIsEmpty ? 'hidden' : null)
+        .attr('rx', 4)
+        .attr('ry', 4)
+        .attr('x', -labelTextBBox.width / 2 - LABEL_RECT_HORIZONTAL_PADDING)
+        .attr('y', '-0.64em')
+        .attr('width', labelTextBBox.width + 2 * LABEL_RECT_HORIZONTAL_PADDING)
+        .attr('height', labelTextBBox.height + 2 * LABEL_RECT_VERTICAL_PADDING)
+        .style('transform', `translateY(${-LABEL_RECT_VERTICAL_PADDING}px)`);
+    return backgroundRect;
+}
+function getX(node) {
+    return node._state && !isNil(node._state.fx) ? node._state.fx : node.x;
+}
+function getY(node) {
+    return node._state && !isNil(node._state.fy) ? node._state.fy : node.y;
+}
+function configuredNodeSize(nodeSizeAccessor) {
+    return typeof nodeSizeAccessor === 'number' ? nodeSizeAccessor : NODE_SIZE;
+}
+function getMaxNodeSize(data, nodeSize) {
+    return max(data || [], (d, i) => getNodeSize(d, nodeSize, i)) || NODE_SIZE;
+}
+function getAverageNodeSize(data, nodeSize) {
+    return mean(data || [], (d, i) => getNodeSize(d, nodeSize, i)) || NODE_SIZE;
+}
+function getSideLabelTextColor(label, context) {
+    if (!label.color)
+        return null;
+    const hex = getHexValue(label.color, context);
+    const brightness = hexToBrightness(hex);
+    return brightness > 0.65 ? 'var(--vis-graph-node-side-label-fill-color-dark)' : 'var(--vis-graph-node-side-label-fill-color-bright)';
+}
+function getNodeColor(d, colorAccessor, index) {
+    var _a;
+    return (_a = getColor(d, colorAccessor, index, true)) !== null && _a !== void 0 ? _a : null;
+}
+function getNodeIconColor(d, colorAccessor, index, context) {
+    const nodeColor = getNodeColor(d, colorAccessor, index);
+    if (!nodeColor)
+        return null;
+    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)';
+}
+
+export { LABEL_RECT_HORIZONTAL_PADDING, LABEL_RECT_VERTICAL_PADDING, NODE_SIZE, arcTween, configuredNodeSize, getAverageNodeSize, getMaxNodeSize, getNodeColor, getNodeIconColor, getNodeSize, getSideLabelTextColor, getX, getY, polyTween, setLabelRect };
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +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>, polygonConstructor,\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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"}

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

@@ -0,0 +1,11 @@
+import { Selection } from 'd3-selection';
+import { Transition } from 'd3-transition';
+import { GraphInputLink, GraphInputNode } from "../../../../types/graph";
+import { GraphNode } from '../../types';
+import { GraphConfig } from '../../config';
+export declare function createNodes<N extends GraphInputNode, L extends GraphInputLink>(selection: Selection<SVGGElement, GraphNode<N, L>, SVGGElement, unknown>, config: GraphConfig<N, L>): void;
+export declare function updateSelectedNodes<N extends GraphInputNode, L extends GraphInputLink>(selection: Selection<SVGGElement, GraphNode<N, L>, SVGGElement, unknown>, config: GraphConfig<N, L>): void;
+export declare function updateNodes<N extends GraphInputNode, L extends GraphInputLink>(selection: Selection<SVGGElement, GraphNode<N, L>, SVGGElement, unknown>, config: GraphConfig<N, L>, duration: number, scale?: number): Selection<SVGGElement, GraphNode<N, L>, SVGGElement, unknown> | Transition<SVGGElement, GraphNode<N, L>, SVGGElement, unknown>;
+export declare function removeNodes<N extends GraphInputNode, L extends GraphInputLink>(selection: Selection<SVGGElement, GraphNode<N, L>, SVGGElement, unknown>, config: GraphConfig<N, L>, duration: number): void;
+export declare function zoomNodes<N extends GraphInputNode, L extends GraphInputLink>(selection: Selection<SVGGElement, GraphNode<N, L>, SVGGElement, unknown>, config: GraphConfig<N, L>, scale: number): void;
+export declare const zoomNodesThrottled: import("throttle-debounce").throttle<typeof zoomNodes>;