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

package/components/sankey/index.js

@@ -0,0 +1,306 @@
+import { select } from 'd3-selection';
+import { sankey } from 'd3-sankey';
+import { max, extent, sum } from 'd3-array';
+import { scaleLinear } from 'd3-scale';
+import { ComponentCore } from '../../core/component/index.js';
+import { GraphDataModel } from '../../data-models/graph.js';
+import { Sizing } from '../../types/component.js';
+import { Position } from '../../types/position.js';
+import { VerticalAlign } from '../../types/text.js';
+import { smartTransition } from '../../utils/d3.js';
+import { getString, isNumber, getNumber, groupBy } from '../../utils/data.js';
+import { getCSSVariableValueInPixels } from '../../utils/misc.js';
+import { SankeyConfig } from './config.js';
+import * as style from './style.js';
+import { background, links, nodes, link, nodeGroup, nodeExit } from './style.js';
+import { SankeyLayout } from './types.js';
+import { removeLinks, createLinks, updateLinks } from './modules/link.js';
+import { removeNodes, createNodes, updateNodes, onNodeMouseOver, onNodeMouseOut } from './modules/node.js';
+import { requiredLabelSpace, getLabelOrientation } from './modules/label.js';
+
+class Sankey extends ComponentCore {
+    constructor(config) {
+        super();
+        this.config = new SankeyConfig();
+        this.datamodel = new GraphDataModel();
+        this._extendedWidth = undefined;
+        this._extendedHeight = undefined;
+        this._extendedHeightIncreased = undefined;
+        this._sankey = sankey();
+        this._highlightTimeoutId = null;
+        this._highlightActive = false;
+        this.events = {
+            [Sankey.selectors.nodeGroup]: {
+                mouseenter: this._onNodeMouseOver.bind(this),
+                mouseleave: this._onNodeMouseOut.bind(this),
+            },
+            [Sankey.selectors.node]: {
+                mouseenter: this._onNodeRectMouseOver.bind(this),
+                mouseleave: this._onNodeRectMouseOut.bind(this),
+            },
+            [Sankey.selectors.link]: {
+                mouseenter: this._onLinkMouseOver.bind(this),
+                mouseleave: this._onLinkMouseOut.bind(this),
+            },
+        };
+        if (config)
+            this.setConfig(config);
+        this._backgroundRect = this.g.append('rect').attr('class', background);
+        this._linksGroup = this.g.append('g').attr('class', links);
+        this._nodesGroup = this.g.append('g').attr('class', nodes);
+    }
+    get bleed() {
+        var _a;
+        const { config, datamodel: { nodes, links } } = this;
+        const labelFontSize = (_a = config.labelFontSize) !== null && _a !== void 0 ? _a : getCSSVariableValueInPixels('var(--vis-sankey-label-font-size)', this.element);
+        const labelSize = requiredLabelSpace(config.labelMaxWidth, labelFontSize);
+        let left = 0;
+        let right = 0;
+        // We pre-calculate sankey layout to get information about node labels placement and calculate bleed properly
+        // Potentially it can be a performance bottleneck for large layouts, but generally rendering of such layouts is much more computationally heavy
+        if (nodes.length) {
+            const sankeyProbeSize = 1000;
+            this._populateLinkAndNodeValues();
+            this._sankey.size([sankeyProbeSize, sankeyProbeSize]);
+            this._sankey({ nodes, links });
+            const maxDepth = max(nodes, d => d.depth);
+            const zeroDepthNodes = nodes.filter(d => d.depth === 0);
+            const maxDepthNodes = nodes.filter(d => d.depth === maxDepth);
+            left = zeroDepthNodes.some(d => getLabelOrientation(d, sankeyProbeSize, config.labelPosition) === Position.Left) ? labelSize.width : 0;
+            right = maxDepthNodes.some(d => getLabelOrientation(d, sankeyProbeSize, config.labelPosition) === Position.Right) ? labelSize.width : 0;
+        }
+        const top = config.labelVerticalAlign === VerticalAlign.Top ? 0
+            : config.labelVerticalAlign === VerticalAlign.Bottom ? labelSize.height
+                : labelSize.height / 2;
+        const bottom = config.labelVerticalAlign === VerticalAlign.Top ? labelSize.height
+            : config.labelVerticalAlign === VerticalAlign.Bottom ? 0
+                : labelSize.height / 2;
+        return { top, bottom, left, right };
+    }
+    setData(data) {
+        super.setData(data);
+        // Pre-calculate component size for Sizing.EXTEND
+        if ((this.sizing !== Sizing.Fit) || !this._hasLinks())
+            this._preCalculateComponentSize();
+    }
+    setConfig(config) {
+        super.setConfig(config);
+        // Pre-calculate component size for Sizing.EXTEND
+        if ((this.sizing !== Sizing.Fit) || !this._hasLinks())
+            this._preCalculateComponentSize();
+        // Using "as any" because typings are not full ("@types/d3-sankey": "^0.11.2")
+        const nodeId = ((d, i) => getString(d, this.config.id, i));
+        this._sankey.linkSort(this.config.linkSort);
+        this._sankey
+            .nodeId(nodeId)
+            .nodeWidth(this.config.nodeWidth)
+            .nodePadding(this.config.nodePadding)
+            .nodeAlign(SankeyLayout[this.config.nodeAlign])
+            .nodeSort(this.config.nodeSort)
+            .iterations(this.config.iterations);
+    }
+    _render(customDuration) {
+        const { config, bleed, datamodel: { nodes, links } } = this;
+        const duration = isNumber(customDuration) ? customDuration : config.duration;
+        if ((nodes.length === 0) ||
+            (nodes.length === 1 && links.length > 0) ||
+            (nodes.length === 1 && !config.showSingleNode) ||
+            (nodes.length > 1 && links.length === 0)) {
+            this._linksGroup.selectAll(`.${link}`).call(removeLinks, duration);
+            this._nodesGroup.selectAll(`.${nodeGroup}`).call(removeNodes, config, duration);
+        }
+        // Prepare Layout
+        this._prepareLayout();
+        // Links
+        smartTransition(this._linksGroup, duration).attr('transform', `translate(${bleed.left},${bleed.top})`);
+        const linkSelection = this._linksGroup.selectAll(`.${link}`)
+            .data(links, (d, i) => { var _a; return (_a = config.id(d, i)) !== null && _a !== void 0 ? _a : i; });
+        const linkSelectionEnter = linkSelection.enter().append('g').attr('class', link);
+        linkSelectionEnter.call(createLinks);
+        linkSelection.merge(linkSelectionEnter).call(updateLinks, config, duration);
+        linkSelection.exit().call(removeLinks);
+        // Nodes
+        smartTransition(this._nodesGroup, duration).attr('transform', `translate(${bleed.left},${bleed.top})`);
+        const nodeSelection = this._nodesGroup.selectAll(`.${nodeGroup}`)
+            .data(nodes, (d, i) => { var _a; return (_a = config.id(d, i)) !== null && _a !== void 0 ? _a : i; });
+        const nodeSelectionEnter = nodeSelection.enter().append('g').attr('class', nodeGroup);
+        nodeSelectionEnter.call(createNodes, this.config, this._width, bleed);
+        nodeSelection.merge(nodeSelectionEnter).call(updateNodes, config, this._width, bleed, this._hasLinks(), duration);
+        nodeSelection.exit()
+            .attr('class', nodeExit)
+            .call(removeNodes, config, duration);
+        // Background
+        this._backgroundRect
+            .attr('width', this.getWidth())
+            .attr('height', this.getHeight())
+            .attr('opacity', 0);
+    }
+    _populateLinkAndNodeValues() {
+        const { config, datamodel } = this;
+        const nodes = datamodel.nodes;
+        const links = datamodel.links;
+        // For d3-sankey each link must be an object with the `value` property
+        links.forEach((link, i) => {
+            link.value = getNumber(link, d => getNumber(d, config.linkValue, i));
+        });
+        // Populating node.fixedValue for d3-sankey
+        nodes.forEach((node, i) => {
+            node.fixedValue = getNumber(node, config.nodeFixedValue, i);
+        });
+    }
+    _preCalculateComponentSize() {
+        const { bleed, config, datamodel } = this;
+        const nodes = datamodel.nodes;
+        if (nodes.length) {
+            this._populateLinkAndNodeValues();
+            this._sankey(datamodel);
+        }
+        const scaleExtent = extent(nodes, d => d.value || undefined);
+        const scaleRange = [config.nodeMinHeight, config.nodeMaxHeight];
+        const scale = scaleLinear().domain(scaleExtent).range(scaleRange).clamp(true);
+        nodes.forEach(n => { n._state.precalculatedHeight = scale(n.value) || config.nodeMinHeight; });
+        const groupedByColumn = groupBy(nodes, d => d.layer);
+        const values = Object.values(groupedByColumn)
+            .map((group) => sum(group.map(n => n._state.precalculatedHeight + config.nodePadding)) - config.nodePadding);
+        const height = max(values) || config.nodeMinHeight;
+        this._extendedHeight = height + bleed.top + bleed.bottom;
+        this._extendedWidth = Math.max(0, (config.nodeWidth + config.nodeHorizontalSpacing) * Object.keys(groupedByColumn).length - config.nodeHorizontalSpacing + bleed.left + bleed.right);
+    }
+    _prepareLayout() {
+        var _a, _b;
+        const { config, bleed, datamodel } = this;
+        const isExtendedSize = this.sizing === Sizing.Extend;
+        const sankeyHeight = this.sizing === Sizing.Fit ? this._height : this._extendedHeight;
+        const sankeyWidth = this.sizing === Sizing.Fit ? this._width : this._extendedWidth;
+        this._sankey
+            .size([
+            Math.max(sankeyWidth - bleed.left - bleed.right, 0),
+            Math.max(sankeyHeight - bleed.top - bleed.bottom, 0),
+        ]);
+        const nodes = datamodel.nodes;
+        const links = datamodel.links;
+        // If there are no links we manually calculate the visualization layout
+        if (!this._hasLinks()) {
+            let y = 0;
+            const nodesTotalHeight = sum(nodes, n => n._state.precalculatedHeight || 1);
+            for (const node of nodes) {
+                const sankeyHeight = this.getHeight() - bleed.top - bleed.bottom;
+                const nodeHeight = node._state.precalculatedHeight || 1;
+                const h = isExtendedSize ? nodeHeight : (sankeyHeight - config.nodePadding * (nodes.length - 1)) * nodeHeight / nodesTotalHeight;
+                node.width = Math.max(10, config.nodeWidth);
+                node.x0 = 0;
+                node.x1 = node.width;
+                node.y0 = y;
+                node.y1 = y + Math.max(1, h);
+                node.layer = 0;
+                y = node.y1 + config.nodePadding;
+            }
+            this._extendedHeightIncreased = undefined;
+            return;
+        }
+        // Calculate sankey
+        this._populateLinkAndNodeValues();
+        this._sankey({ nodes, links });
+        // Setting minimum node height
+        //   Default: 1px
+        //   Extended size nodes that have no links: config.nodeMinHeight
+        for (const node of nodes) {
+            const singleExtendedSize = isExtendedSize && !((_a = node.sourceLinks) === null || _a === void 0 ? void 0 : _a.length) && !((_b = node.targetLinks) === null || _b === void 0 ? void 0 : _b.length);
+            const h = Math.max(singleExtendedSize ? config.nodeMinHeight : 1, node.y1 - node.y0);
+            const y = (node.y0 + node.y1) / 2;
+            node.y0 = y - h / 2;
+            node.y1 = y + h / 2;
+        }
+        if (isExtendedSize) {
+            const height = max(nodes, d => d.y1);
+            this._extendedHeightIncreased = height + bleed.top + bleed.bottom;
+        }
+    }
+    getWidth() {
+        return this.sizing === Sizing.Fit ? this._width : (this._extendedWidth || 0);
+    }
+    getHeight() {
+        return this.sizing === Sizing.Fit ? this._height : Math.max(this._extendedHeightIncreased || 0, this._extendedHeight || 0);
+    }
+    getLayoutWidth() {
+        return this.sizing === Sizing.Fit ? this._width : this._extendedWidth;
+    }
+    getLayoutHeight() {
+        return this.sizing === Sizing.Fit ? this._height : (this._extendedHeightIncreased || this._extendedHeight);
+    }
+    getColumnCenters() {
+        const { datamodel } = this;
+        const nodes = datamodel.nodes;
+        const centers = nodes.reduce((pos, node) => {
+            const idx = node.layer;
+            if (!isFinite(pos[idx])) {
+                pos[idx] = (node.x0 + node.x1) / 2;
+            }
+            return pos;
+        }, []);
+        return centers;
+    }
+    highlightSubtree(node) {
+        const { config, datamodel } = this;
+        clearTimeout(this._highlightTimeoutId);
+        this._highlightTimeoutId = setTimeout(() => {
+            for (const n of datamodel.nodes)
+                n._state.greyout = true;
+            for (const l of datamodel.links)
+                l._state.greyout = true;
+            this.recursiveSetSubtreeState(node, 'sourceLinks', 'target', 'greyout', false);
+            this.recursiveSetSubtreeState(node, 'targetLinks', 'source', 'greyout', false);
+            this._render(config.highlightDuration);
+            this._highlightActive = true;
+        }, config.highlightDelay);
+    }
+    recursiveSetSubtreeState(node, linksKey, nodeKey, key, value) {
+        node._state[key] = value;
+        for (const l of node[linksKey]) {
+            l._state[key] = value;
+            this.recursiveSetSubtreeState(l[nodeKey], linksKey, nodeKey, key, value);
+        }
+    }
+    disableHighlight() {
+        const { config, datamodel } = this;
+        clearTimeout(this._highlightTimeoutId);
+        if (this._highlightActive) {
+            this._highlightActive = false;
+            for (const n of datamodel.nodes)
+                n._state.greyout = false;
+            for (const l of datamodel.links)
+                l._state.greyout = false;
+            this._render(config.highlightDuration);
+        }
+    }
+    _hasLinks() {
+        const { datamodel } = this;
+        return datamodel.links.length > 0;
+    }
+    _onNodeMouseOver(d, event) {
+        onNodeMouseOver(d, select(event.currentTarget), this.config, this._width);
+    }
+    _onNodeMouseOut(d, event) {
+        onNodeMouseOut(d, select(event.currentTarget), this.config, this._width);
+    }
+    _onNodeRectMouseOver(d) {
+        const { config } = this;
+        if (config.highlightSubtreeOnHover)
+            this.highlightSubtree(d);
+    }
+    _onNodeRectMouseOut(d) {
+        this.disableHighlight();
+    }
+    _onLinkMouseOver(d, event) {
+        const { config } = this;
+        if (config.highlightSubtreeOnHover)
+            this.highlightSubtree(d.target);
+    }
+    _onLinkMouseOut(d, event) {
+        this.disableHighlight();
+    }
+}
+Sankey.selectors = style;
+
+export { Sankey };
+//# sourceMappingURL=index.js.map

package/components/sankey/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/sankey/index.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\nimport { sankey } from 'd3-sankey'\nimport { extent, max, sum } from 'd3-array'\nimport { scaleLinear } from 'd3-scale'\n\n// Core\nimport { ComponentCore } from 'core/component'\nimport { GraphDataModel } from 'data-models/graph'\n\n// Types\nimport { ExtendedSizeComponent, Sizing } from 'types/component'\nimport { Position } from 'types/position'\nimport { Spacing } from 'types/spacing'\nimport { VerticalAlign } from 'types/text'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\nimport { getNumber, getString, groupBy, isNumber } from 'utils/data'\nimport { getCSSVariableValueInPixels } from 'utils/misc'\n\n// Config\nimport { SankeyConfig, SankeyConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\n// Local Types\nimport { SankeyInputLink, SankeyInputNode, SankeyLayout, SankeyLink, SankeyNode } from './types'\n\n// Modules\nimport { createLinks, removeLinks, updateLinks } from './modules/link'\nimport { createNodes, onNodeMouseOut, onNodeMouseOver, removeNodes, updateNodes } from './modules/node'\nimport { getLabelOrientation, requiredLabelSpace } from './modules/label'\n\nexport class Sankey<\n  N extends SankeyInputNode,\n  L extends SankeyInputLink,\n> extends ComponentCore<\n  {nodes: N[]; links?: L[]},\n  SankeyConfig<N, L>,\n  SankeyConfigInterface<N, L>\n  > implements ExtendedSizeComponent {\n  static selectors = s\n  config: SankeyConfig<N, L> = new SankeyConfig()\n  datamodel: GraphDataModel<N, L, SankeyNode<N, L>, SankeyLink<N, L>> = new GraphDataModel()\n  private _extendedWidth = undefined\n  private _extendedHeight = undefined\n  private _extendedHeightIncreased = undefined\n  private _linksGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _nodesGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  private _backgroundRect: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  private _sankey = sankey()\n  private _highlightTimeoutId = null\n  private _highlightActive = false\n  events = {\n    [Sankey.selectors.nodeGroup]: {\n      mouseenter: this._onNodeMouseOver.bind(this),\n      mouseleave: this._onNodeMouseOut.bind(this),\n    },\n    [Sankey.selectors.node]: {\n      mouseenter: this._onNodeRectMouseOver.bind(this),\n      mouseleave: this._onNodeRectMouseOut.bind(this),\n    },\n    [Sankey.selectors.link]: {\n      mouseenter: this._onLinkMouseOver.bind(this),\n      mouseleave: this._onLinkMouseOut.bind(this),\n    },\n  }\n\n  constructor (config?: SankeyConfigInterface<N, L>) {\n    super()\n    if (config) this.setConfig(config)\n    this._backgroundRect = this.g.append('rect').attr('class', s.background)\n    this._linksGroup = this.g.append('g').attr('class', s.links)\n    this._nodesGroup = this.g.append('g').attr('class', s.nodes)\n  }\n\n  get bleed (): Spacing {\n    const { config, datamodel: { nodes, links } } = this\n    const labelFontSize = config.labelFontSize ?? getCSSVariableValueInPixels('var(--vis-sankey-label-font-size)', this.element)\n    const labelSize = requiredLabelSpace(config.labelMaxWidth, labelFontSize)\n\n    let left = 0\n    let right = 0\n\n    // We pre-calculate sankey layout to get information about node labels placement and calculate bleed properly\n    // Potentially it can be a performance bottleneck for large layouts, but generally rendering of such layouts is much more computationally heavy\n    if (nodes.length) {\n      const sankeyProbeSize = 1000\n      this._populateLinkAndNodeValues()\n      this._sankey.size([sankeyProbeSize, sankeyProbeSize])\n      this._sankey({ nodes, links })\n      const maxDepth = max(nodes, d => d.depth)\n      const zeroDepthNodes = nodes.filter(d => d.depth === 0)\n      const maxDepthNodes = nodes.filter(d => d.depth === maxDepth)\n\n      left = zeroDepthNodes.some(d => getLabelOrientation(d, sankeyProbeSize, config.labelPosition) === Position.Left) ? labelSize.width : 0\n      right = maxDepthNodes.some(d => getLabelOrientation(d, sankeyProbeSize, config.labelPosition) === Position.Right) ? labelSize.width : 0\n    }\n\n    const top = config.labelVerticalAlign === VerticalAlign.Top ? 0\n      : config.labelVerticalAlign === VerticalAlign.Bottom ? labelSize.height\n        : labelSize.height / 2\n\n    const bottom = config.labelVerticalAlign === VerticalAlign.Top ? labelSize.height\n      : config.labelVerticalAlign === VerticalAlign.Bottom ? 0\n        : labelSize.height / 2\n\n    return { top, bottom, left, right }\n  }\n\n  setData (data: { nodes: N[]; links?: L[] }): void {\n    super.setData(data)\n\n    // Pre-calculate component size for Sizing.EXTEND\n    if ((this.sizing !== Sizing.Fit) || !this._hasLinks()) this._preCalculateComponentSize()\n  }\n\n  setConfig (config: SankeyConfigInterface<N, L>): void {\n    super.setConfig(config)\n\n    // Pre-calculate component size for Sizing.EXTEND\n    if ((this.sizing !== Sizing.Fit) || !this._hasLinks()) this._preCalculateComponentSize()\n\n    // Using \"as any\" because typings are not full (\"@types/d3-sankey\": \"^0.11.2\")\n    const nodeId = ((d, i) => getString(d, this.config.id, i)) as any;\n    (this._sankey as any).linkSort(this.config.linkSort)\n    this._sankey\n      .nodeId(nodeId)\n      .nodeWidth(this.config.nodeWidth)\n      .nodePadding(this.config.nodePadding)\n      .nodeAlign(SankeyLayout[this.config.nodeAlign])\n      .nodeSort(this.config.nodeSort)\n      .iterations(this.config.iterations)\n  }\n\n  _render (customDuration?: number): void {\n    const { config, bleed, datamodel: { nodes, links } } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    if (\n      (nodes.length === 0) ||\n      (nodes.length === 1 && links.length > 0) ||\n      (nodes.length === 1 && !config.showSingleNode) ||\n      (nodes.length > 1 && links.length === 0)\n    ) {\n      this._linksGroup.selectAll<SVGGElement, SankeyLink<N, L>>(`.${s.link}`).call(removeLinks, duration)\n      this._nodesGroup.selectAll<SVGGElement, SankeyNode<N, L>>(`.${s.nodeGroup}`).call(removeNodes, config, duration)\n    }\n\n    // Prepare Layout\n    this._prepareLayout()\n\n    // Links\n    smartTransition(this._linksGroup, duration).attr('transform', `translate(${bleed.left},${bleed.top})`)\n    const linkSelection = this._linksGroup.selectAll<SVGGElement, SankeyLink<N, L>>(`.${s.link}`)\n      .data(links, (d, i) => config.id(d, i) ?? i)\n    const linkSelectionEnter = linkSelection.enter().append('g').attr('class', s.link)\n    linkSelectionEnter.call(createLinks)\n    linkSelection.merge(linkSelectionEnter).call(updateLinks, config, duration)\n    linkSelection.exit<SankeyLink<N, L>>().call(removeLinks)\n\n    // Nodes\n    smartTransition(this._nodesGroup, duration).attr('transform', `translate(${bleed.left},${bleed.top})`)\n\n    const nodeSelection = this._nodesGroup.selectAll<SVGGElement, SankeyNode<N, L>>(`.${s.nodeGroup}`)\n      .data(nodes, (d, i) => config.id(d, i) ?? i)\n    const nodeSelectionEnter = nodeSelection.enter().append('g').attr('class', s.nodeGroup)\n    nodeSelectionEnter.call(createNodes, this.config, this._width, bleed)\n    nodeSelection.merge(nodeSelectionEnter).call(updateNodes, config, this._width, bleed, this._hasLinks(), duration)\n    nodeSelection.exit<SankeyNode<N, L>>()\n      .attr('class', s.nodeExit)\n      .call(removeNodes, config, duration)\n\n    // Background\n    this._backgroundRect\n      .attr('width', this.getWidth())\n      .attr('height', this.getHeight())\n      .attr('opacity', 0)\n  }\n\n  private _populateLinkAndNodeValues (): void {\n    const { config, datamodel } = this\n\n    const nodes = datamodel.nodes\n    const links = datamodel.links\n\n    // For d3-sankey each link must be an object with the `value` property\n    links.forEach((link, i) => {\n      link.value = getNumber(link, d => getNumber(d, config.linkValue, i))\n    })\n\n    // Populating node.fixedValue for d3-sankey\n    nodes.forEach((node, i) => {\n      node.fixedValue = getNumber(node, config.nodeFixedValue, i)\n    })\n  }\n\n  private _preCalculateComponentSize (): void {\n    const { bleed, config, datamodel } = this\n    const nodes = datamodel.nodes\n\n\n    if (nodes.length) {\n      this._populateLinkAndNodeValues()\n      this._sankey(datamodel)\n    }\n\n    const scaleExtent = extent(nodes, d => d.value || undefined)\n    const scaleRange = [config.nodeMinHeight, config.nodeMaxHeight]\n    const scale = scaleLinear().domain(scaleExtent).range(scaleRange).clamp(true)\n    nodes.forEach(n => { n._state.precalculatedHeight = scale(n.value) || config.nodeMinHeight })\n\n    const groupedByColumn: { [key: string]: SankeyNode<N, L>[] } = groupBy(nodes, d => d.layer)\n    const values = Object.values(groupedByColumn)\n      .map((group) =>\n        sum(group.map(n => n._state.precalculatedHeight + config.nodePadding)) - config.nodePadding\n      )\n\n    const height = max(values) || config.nodeMinHeight\n    this._extendedHeight = height + bleed.top + bleed.bottom\n    this._extendedWidth = Math.max(0, (config.nodeWidth + config.nodeHorizontalSpacing) * Object.keys(groupedByColumn).length - config.nodeHorizontalSpacing + bleed.left + bleed.right)\n  }\n\n  private _prepareLayout (): void {\n    const { config, bleed, datamodel } = this\n    const isExtendedSize = this.sizing === Sizing.Extend\n    const sankeyHeight = this.sizing === Sizing.Fit ? this._height : this._extendedHeight\n    const sankeyWidth = this.sizing === Sizing.Fit ? this._width : this._extendedWidth\n    this._sankey\n      .size([\n        Math.max(sankeyWidth - bleed.left - bleed.right, 0),\n        Math.max(sankeyHeight - bleed.top - bleed.bottom, 0),\n      ])\n\n    const nodes = datamodel.nodes\n    const links = datamodel.links\n\n    // If there are no links we manually calculate the visualization layout\n    if (!this._hasLinks()) {\n      let y = 0\n      const nodesTotalHeight = sum(nodes, n => n._state.precalculatedHeight || 1)\n      for (const node of nodes) {\n        const sankeyHeight = this.getHeight() - bleed.top - bleed.bottom\n        const nodeHeight = node._state.precalculatedHeight || 1\n        const h = isExtendedSize ? nodeHeight : (sankeyHeight - config.nodePadding * (nodes.length - 1)) * nodeHeight / nodesTotalHeight\n\n        node.width = Math.max(10, config.nodeWidth)\n        node.x0 = 0\n        node.x1 = node.width\n        node.y0 = y\n        node.y1 = y + Math.max(1, h)\n        node.layer = 0\n\n        y = node.y1 + config.nodePadding\n      }\n\n      this._extendedHeightIncreased = undefined\n      return\n    }\n\n    // Calculate sankey\n    this._populateLinkAndNodeValues()\n    this._sankey({ nodes, links })\n\n    // Setting minimum node height\n    //   Default: 1px\n    //   Extended size nodes that have no links: config.nodeMinHeight\n    for (const node of nodes) {\n      const singleExtendedSize = isExtendedSize && !node.sourceLinks?.length && !node.targetLinks?.length\n      const h = Math.max(singleExtendedSize ? config.nodeMinHeight : 1, node.y1 - node.y0)\n      const y = (node.y0 + node.y1) / 2\n      node.y0 = y - h / 2\n      node.y1 = y + h / 2\n    }\n\n    if (isExtendedSize) {\n      const height = max(nodes, d => d.y1)\n      this._extendedHeightIncreased = height + bleed.top + bleed.bottom\n    }\n  }\n\n  getWidth (): number {\n    return this.sizing === Sizing.Fit ? this._width : (this._extendedWidth || 0)\n  }\n\n  getHeight (): number {\n    return this.sizing === Sizing.Fit ? this._height : Math.max(this._extendedHeightIncreased || 0, this._extendedHeight || 0)\n  }\n\n  getLayoutWidth (): number {\n    return this.sizing === Sizing.Fit ? this._width : this._extendedWidth\n  }\n\n  getLayoutHeight (): number {\n    return this.sizing === Sizing.Fit ? this._height : (this._extendedHeightIncreased || this._extendedHeight)\n  }\n\n  getColumnCenters (): number[] {\n    const { datamodel } = this\n    const nodes = datamodel.nodes as SankeyNode<N, L>[]\n    const centers = nodes.reduce((pos, node) => {\n      const idx = node.layer\n      if (!isFinite(pos[idx])) {\n        pos[idx] = (node.x0 + node.x1) / 2\n      }\n      return pos\n    }, [])\n\n    return centers\n  }\n\n  highlightSubtree (node: SankeyNode<N, L>): void {\n    const { config, datamodel } = this\n\n    clearTimeout(this._highlightTimeoutId)\n    this._highlightTimeoutId = setTimeout(() => {\n      for (const n of datamodel.nodes) n._state.greyout = true\n      for (const l of datamodel.links) l._state.greyout = true\n\n      this.recursiveSetSubtreeState(node, 'sourceLinks', 'target', 'greyout', false)\n      this.recursiveSetSubtreeState(node, 'targetLinks', 'source', 'greyout', false)\n      this._render(config.highlightDuration)\n      this._highlightActive = true\n    }, config.highlightDelay)\n  }\n\n  recursiveSetSubtreeState (\n    node: SankeyNode<N, L>,\n    linksKey: 'sourceLinks' | 'targetLinks',\n    nodeKey: 'source' | 'target',\n    key: string,\n    value: unknown\n  ): void {\n    node._state[key] = value\n\n    for (const l of node[linksKey]) {\n      l._state[key] = value\n      this.recursiveSetSubtreeState(l[nodeKey] as SankeyNode<N, L>, linksKey, nodeKey, key, value)\n    }\n  }\n\n  disableHighlight (): void {\n    const { config, datamodel } = this\n\n    clearTimeout(this._highlightTimeoutId)\n    if (this._highlightActive) {\n      this._highlightActive = false\n\n      for (const n of datamodel.nodes) n._state.greyout = false\n      for (const l of datamodel.links) l._state.greyout = false\n      this._render(config.highlightDuration)\n    }\n  }\n\n  private _hasLinks (): boolean {\n    const { datamodel } = this\n    return datamodel.links.length > 0\n  }\n\n  private _onNodeMouseOver (d: SankeyNode<N, L>, event: MouseEvent): void {\n    onNodeMouseOver(d, select(event.currentTarget as SVGGElement), this.config, this._width)\n  }\n\n  private _onNodeMouseOut (d: SankeyNode<N, L>, event: MouseEvent): void {\n    onNodeMouseOut(d, select(event.currentTarget as SVGGElement), this.config, this._width)\n  }\n\n  private _onNodeRectMouseOver (d: SankeyNode<N, L>): void {\n    const { config } = this\n    if (config.highlightSubtreeOnHover) this.highlightSubtree(d)\n  }\n\n  private _onNodeRectMouseOut (d: SankeyNode<N, L>): void {\n    this.disableHighlight()\n  }\n\n  private _onLinkMouseOver (d: SankeyLink<N, L>, event: MouseEvent): void {\n    const { config } = this\n\n    if (config.highlightSubtreeOnHover) this.highlightSubtree(d.target as SankeyNode<N, L>)\n  }\n\n  private _onLinkMouseOut (d: SankeyLink<N, L>, event: MouseEvent): void {\n    this.disableHighlight()\n  }\n}\n"],"names":["s.background","s.links","s.nodes","s.link","s.nodeGroup","s.nodeExit","s"],"mappings":"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"}

package/components/sankey/modules/label.d.ts

@@ -0,0 +1,23 @@
+import { Selection } from 'd3-selection';
+import { GenericAccessor } from "../../../types/accessor";
+import { Position } from "../../../types/position";
+import { SankeyInputLink, SankeyInputNode, SankeyNode } from '../types';
+import { SankeyConfig } from '../config';
+export declare function getLabelOrientation<N extends SankeyInputNode, L extends SankeyInputLink>(d: SankeyNode<N, L>, sankeyWidth: number, labelPosition: GenericAccessor<Position.Auto | Position.Left | Position.Right | string, N>): (Position.Left | Position.Right);
+export declare const requiredLabelSpace: (labelWidth: number, labelFontSize: number) => {
+    width: number;
+    height: number;
+};
+export declare function getLabelGroupXTranslate<N extends SankeyInputNode, L extends SankeyInputLink>(d: SankeyNode<N, L>, config: SankeyConfig<N, L>, width: number): number;
+export declare function getLabelGroupYTranslate<N extends SankeyInputNode, L extends SankeyInputLink>(d: SankeyNode<N, L>, labelGroupHeight: number, config: SankeyConfig<N, L>): number;
+export declare function getLabelTextAnchor<N extends SankeyInputNode, L extends SankeyInputLink>(d: SankeyNode<N, L>, config: SankeyConfig<N, L>, width: number): string;
+export declare function getSubLabelTextAnchor<N extends SankeyInputNode, L extends SankeyInputLink>(d: SankeyNode<N, L>, config: SankeyConfig<N, L>, width: number): string;
+export declare function renderLabel<N extends SankeyInputNode, L extends SankeyInputLink>(labelGroup: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, any>, d: SankeyNode<N, L>, config: SankeyConfig<N, L>, width: number, duration: number, forceExpand?: boolean): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    layer: number;
+    selection: any;
+    hidden?: boolean;
+};

package/components/sankey/modules/label.js

@@ -0,0 +1,168 @@
+import { wrapSVGText, trimSVGText, estimateTextSize } from '../../../utils/text.js';
+import { smartTransition } from '../../../utils/d3.js';
+import { getValue, getString } from '../../../utils/data.js';
+import { getColor } from '../../../utils/color.js';
+import { getCSSVariableValueInPixels } from '../../../utils/misc.js';
+import { VerticalAlign, FitMode } from '../../../types/text.js';
+import { Position } from '../../../types/position.js';
+import { SankeySubLabelPlacement } from '../types.js';
+import { label, sublabel, labelTrimmed, labelBackground } from '../style.js';
+
+// Utils
+const NODE_LABEL_SPACING = 10;
+const LABEL_BLOCK_PADDING = 6.5;
+function getLabelBackground(width, height, orientation, arrowWidth = 5, arrowHeight = 8) {
+    const halfHeight = height / 2;
+    const halfArrowHeight = arrowHeight / 2;
+    if (orientation === Position.Left) {
+        const rightArrowPos = `L 0 ${halfHeight - halfArrowHeight}   L   ${+arrowWidth} ${halfHeight} L 0 ${halfHeight + halfArrowHeight}`;
+        return `
+      M 0 0
+      ${rightArrowPos}
+      L 0  ${height}
+      L ${-width} ${height}
+      L ${-width} 0
+      L 0 0 `;
+    }
+    else {
+        const leftArrowPos = `L 0 ${halfHeight - halfArrowHeight}   L   ${-arrowWidth} ${halfHeight} L 0 ${halfHeight + halfArrowHeight}`;
+        return `
+      M 0 0
+      ${leftArrowPos}
+      L 0  ${height}
+      L ${width} ${height}
+      L ${width} 0
+      L 0 0 `;
+    }
+}
+function getLabelOrientation(d, sankeyWidth, labelPosition) {
+    let orientation = getValue(d, labelPosition);
+    if (orientation === Position.Auto || !orientation) {
+        orientation = d.x0 < sankeyWidth / 2 ? Position.Left : Position.Right;
+    }
+    return orientation;
+}
+const requiredLabelSpace = (labelWidth, labelFontSize) => {
+    return {
+        height: labelFontSize * 2.5 + 2 * LABEL_BLOCK_PADDING,
+        width: labelWidth + 2 * NODE_LABEL_SPACING + 2 * LABEL_BLOCK_PADDING,
+    };
+};
+function getLabelGroupXTranslate(d, config, width) {
+    const orientation = getLabelOrientation(d, width, config.labelPosition);
+    switch (orientation) {
+        case Position.Right: return config.nodeWidth + NODE_LABEL_SPACING;
+        case Position.Left:
+        default:
+            return -NODE_LABEL_SPACING;
+    }
+}
+function getLabelGroupYTranslate(d, labelGroupHeight, config) {
+    const nodeHeight = d.y1 - d.y0;
+    if (config.labelBackground && (nodeHeight < labelGroupHeight))
+        return (nodeHeight - labelGroupHeight) / 2;
+    switch (config.labelVerticalAlign) {
+        case VerticalAlign.Bottom: return nodeHeight - labelGroupHeight;
+        case VerticalAlign.Middle: return nodeHeight / 2 - labelGroupHeight / 2;
+        case VerticalAlign.Top:
+        default: return 0;
+    }
+}
+function getLabelTextAnchor(d, config, width) {
+    const orientation = getLabelOrientation(d, width, config.labelPosition);
+    switch (orientation) {
+        case Position.Right: return 'start';
+        case Position.Left:
+        default:
+            return 'end';
+    }
+}
+function getSubLabelTextAnchor(d, config, width) {
+    const isSublabelInline = config.subLabelPlacement === SankeySubLabelPlacement.Inline;
+    const orientation = getLabelOrientation(d, width, config.labelPosition);
+    switch (orientation) {
+        case Position.Right: return isSublabelInline ? 'end' : 'start';
+        case Position.Left:
+        default:
+            return isSublabelInline ? 'start' : 'end';
+    }
+}
+function renderLabel(labelGroup, d, config, width, duration, forceExpand = false) {
+    var _a, _b;
+    const labelTextSelection = labelGroup.select(`.${label}`);
+    const labelShowBackground = config.labelBackground || forceExpand;
+    const sublabelTextSelection = labelGroup.select(`.${sublabel}`);
+    const labelPadding = labelShowBackground ? LABEL_BLOCK_PADDING : 0;
+    const isSublabelInline = config.subLabelPlacement === SankeySubLabelPlacement.Inline;
+    const separator = config.labelForceWordBreak ? '' : config.labelTextSeparator;
+    const fastEstimatesMode = true; // Fast but inaccurate
+    const fontWidthToHeightRatio = 0.52;
+    const dy = 0.32;
+    const labelOrientation = getLabelOrientation(d, width, config.labelPosition);
+    const labelOrientationMult = labelOrientation === Position.Left ? -1 : 1;
+    const labelText = getString(d, config.label);
+    const sublabelText = getString(d, config.subLabel);
+    let wasTrimmed = false;
+    const labelFontSize = (_a = config.labelFontSize) !== null && _a !== void 0 ? _a : getCSSVariableValueInPixels('var(--vis-sankey-node-label-font-size)', labelGroup.node());
+    const subLabelFontSize = (_b = config.subLabelFontSize) !== null && _b !== void 0 ? _b : getCSSVariableValueInPixels('var(--vis-sankey-node-sublabel-font-size)', labelGroup.node());
+    // Render the main label, wrap / trim it and estimate its size
+    const labelsFontSizeDifference = sublabelText ? labelFontSize - subLabelFontSize : 0;
+    const labelTranslateY = labelPadding + ((isSublabelInline && labelsFontSizeDifference < 0) ? -0.6 * labelsFontSizeDifference : 0);
+    labelTextSelection
+        .text(labelText)
+        .attr('font-size', labelFontSize)
+        .style('fill', getColor(d, config.labelColor))
+        .attr('transform', `translate(${labelOrientationMult * labelPadding},${labelTranslateY})`)
+        .style('cursor', (d) => getString(d, config.labelCursor));
+    const labelMaxWidth = isSublabelInline ? config.labelMaxWidth * (1 - (sublabelText ? config.subLabelToLabelInlineWidthRatio : 0)) : config.labelMaxWidth;
+    if (config.labelFit === FitMode.Wrap || forceExpand)
+        wrapSVGText(labelTextSelection, labelMaxWidth, separator);
+    else
+        wasTrimmed = trimSVGText(labelTextSelection, labelMaxWidth, config.labelTrimMode, fastEstimatesMode, labelFontSize, fontWidthToHeightRatio);
+    const labelSize = estimateTextSize(labelTextSelection, labelFontSize, dy, fastEstimatesMode, fontWidthToHeightRatio);
+    // Render the sub-label, wrap / trim it and estimate its size
+    const sublabelTranslateX = labelOrientationMult * (labelPadding + (isSublabelInline ? config.labelMaxWidth : 0));
+    const sublabelMarginTop = 0;
+    const sublabelTranslateY = labelPadding + (isSublabelInline
+        ? (labelsFontSizeDifference > 0 ? 0.6 * labelsFontSizeDifference : 0)
+        : labelSize.height + sublabelMarginTop);
+    sublabelTextSelection
+        .text(sublabelText)
+        .attr('font-size', subLabelFontSize)
+        .style('fill', getColor(d, config.subLabelColor))
+        .attr('transform', `translate(${sublabelTranslateX},${sublabelTranslateY})`)
+        .style('cursor', (d) => getString(d, config.labelCursor));
+    const sublabelMaxWidth = isSublabelInline ? config.labelMaxWidth * config.subLabelToLabelInlineWidthRatio : config.labelMaxWidth;
+    if (config.labelFit === FitMode.Wrap || forceExpand)
+        wrapSVGText(sublabelTextSelection, sublabelMaxWidth, separator);
+    else
+        wasTrimmed = wasTrimmed || trimSVGText(sublabelTextSelection, sublabelMaxWidth, config.labelTrimMode, fastEstimatesMode, subLabelFontSize, fontWidthToHeightRatio);
+    labelGroup.classed(labelTrimmed, wasTrimmed);
+    const sublabelSize = estimateTextSize(sublabelTextSelection, subLabelFontSize, dy, fastEstimatesMode, fontWidthToHeightRatio);
+    // Draw the background if needed
+    const labelGroupHeight = (isSublabelInline ? Math.max(labelSize.height, sublabelSize.height) : (labelSize.height + sublabelSize.height)) + 2 * labelPadding;
+    const labelBackground$1 = labelGroup.select(`.${labelBackground}`);
+    labelBackground$1
+        .attr('d', labelShowBackground ? getLabelBackground(config.labelMaxWidth + 2 * labelPadding, labelGroupHeight, labelOrientation) : null);
+    // Position the label
+    const labelTextAnchor = getLabelTextAnchor(d, config, width);
+    const sublabelTextAnchor = getSubLabelTextAnchor(d, config, width);
+    const xTranslate = getLabelGroupXTranslate(d, config, width);
+    const yTranslate = getLabelGroupYTranslate(d, labelGroupHeight, config);
+    labelTextSelection.attr('text-anchor', labelTextAnchor);
+    sublabelTextSelection.attr('text-anchor', sublabelTextAnchor);
+    const hasTransform = !!labelGroup.attr('transform');
+    smartTransition(labelGroup, hasTransform ? duration : 0)
+        .attr('transform', `translate(${xTranslate},${yTranslate})`);
+    return {
+        x: d.x0 + xTranslate,
+        y: d.y0 + yTranslate,
+        width: config.labelMaxWidth,
+        height: labelGroupHeight,
+        layer: d.layer,
+        selection: labelGroup,
+    };
+}
+
+export { getLabelGroupXTranslate, getLabelGroupYTranslate, getLabelOrientation, getLabelTextAnchor, getSubLabelTextAnchor, renderLabel, requiredLabelSpace };
+//# sourceMappingURL=label.js.map

package/components/sankey/modules/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../src/components/sankey/modules/label.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\n\n// Utils\nimport { estimateTextSize, trimSVGText, wrapSVGText } from 'utils/text'\nimport { smartTransition } from 'utils/d3'\nimport { getString, getValue } from 'utils/data'\nimport { getColor } from 'utils/color'\nimport { getCSSVariableValueInPixels } from 'utils/misc'\n\n// Types\nimport { GenericAccessor } from 'types/accessor'\nimport { FitMode, VerticalAlign } from 'types/text'\nimport { Position } from 'types/position'\n\n// Local Types\nimport { SankeyInputLink, SankeyInputNode, SankeyNode, SankeySubLabelPlacement } from '../types'\n\n// Config\nimport { SankeyConfig } from '../config'\n\n// Styles\nimport * as s from '../style'\n\n\nconst NODE_LABEL_SPACING = 10\nconst LABEL_BLOCK_PADDING = 6.5\n\nfunction getLabelBackground (\n  width: number,\n  height: number,\n  orientation: Position.Left | Position.Right,\n  arrowWidth = 5,\n  arrowHeight = 8\n): string {\n  const halfHeight = height / 2\n  const halfArrowHeight = arrowHeight / 2\n\n  if (orientation === Position.Left) {\n    const rightArrowPos = `L 0 ${halfHeight - halfArrowHeight}   L   ${+arrowWidth} ${halfHeight} L 0 ${halfHeight + halfArrowHeight}`\n    return `\n      M 0 0\n      ${rightArrowPos}\n      L 0  ${height}\n      L ${-width} ${height}\n      L ${-width} 0\n      L 0 0 `\n  } else {\n    const leftArrowPos = `L 0 ${halfHeight - halfArrowHeight}   L   ${-arrowWidth} ${halfHeight} L 0 ${halfHeight + halfArrowHeight}`\n    return `\n      M 0 0\n      ${leftArrowPos}\n      L 0  ${height}\n      L ${width} ${height}\n      L ${width} 0\n      L 0 0 `\n  }\n}\n\nexport function getLabelOrientation<N extends SankeyInputNode, L extends SankeyInputLink> (\n  d: SankeyNode<N, L>,\n  sankeyWidth: number,\n  labelPosition: GenericAccessor<Position.Auto | Position.Left | Position.Right | string, N>\n): (Position.Left | Position.Right) {\n  let orientation = getValue(d, labelPosition)\n  if (orientation === Position.Auto || !orientation) {\n    orientation = d.x0 < sankeyWidth / 2 ? Position.Left : Position.Right\n  }\n\n  return orientation as (Position.Left | Position.Right)\n}\n\nexport const requiredLabelSpace = (labelWidth: number, labelFontSize: number): { width: number; height: number } => {\n  return {\n    height: labelFontSize * 2.5 + 2 * LABEL_BLOCK_PADDING, // Assuming 2.5 lines per label\n    width: labelWidth + 2 * NODE_LABEL_SPACING + 2 * LABEL_BLOCK_PADDING,\n  }\n}\n\nexport function getLabelGroupXTranslate<N extends SankeyInputNode, L extends SankeyInputLink> (\n  d: SankeyNode<N, L>,\n  config: SankeyConfig<N, L>,\n  width: number\n): number {\n  const orientation = getLabelOrientation(d, width, config.labelPosition)\n  switch (orientation) {\n    case Position.Right: return config.nodeWidth + NODE_LABEL_SPACING\n    case Position.Left:\n    default:\n      return -NODE_LABEL_SPACING\n  }\n}\n\nexport function getLabelGroupYTranslate<N extends SankeyInputNode, L extends SankeyInputLink> (\n  d: SankeyNode<N, L>,\n  labelGroupHeight: number,\n  config: SankeyConfig<N, L>\n): number {\n  const nodeHeight = d.y1 - d.y0\n  if (config.labelBackground && (nodeHeight < labelGroupHeight)) return (nodeHeight - labelGroupHeight) / 2\n\n  switch (config.labelVerticalAlign) {\n    case VerticalAlign.Bottom: return nodeHeight - labelGroupHeight\n    case VerticalAlign.Middle: return nodeHeight / 2 - labelGroupHeight / 2\n    case VerticalAlign.Top:\n    default: return 0\n  }\n}\n\nexport function getLabelTextAnchor<N extends SankeyInputNode, L extends SankeyInputLink> (\n  d: SankeyNode<N, L>,\n  config: SankeyConfig<N, L>,\n  width: number\n): string {\n  const orientation = getLabelOrientation(d, width, config.labelPosition)\n  switch (orientation) {\n    case Position.Right: return 'start'\n    case Position.Left:\n    default:\n      return 'end'\n  }\n}\n\nexport function getSubLabelTextAnchor<N extends SankeyInputNode, L extends SankeyInputLink> (\n  d: SankeyNode<N, L>,\n  config: SankeyConfig<N, L>,\n  width: number\n): string {\n  const isSublabelInline = config.subLabelPlacement === SankeySubLabelPlacement.Inline\n  const orientation = getLabelOrientation(d, width, config.labelPosition)\n  switch (orientation) {\n    case Position.Right: return isSublabelInline ? 'end' : 'start'\n    case Position.Left:\n    default:\n      return isSublabelInline ? 'start' : 'end'\n  }\n}\n\nexport function renderLabel<N extends SankeyInputNode, L extends SankeyInputLink> (\n  labelGroup: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, any>,\n  d: SankeyNode<N, L>,\n  config: SankeyConfig<N, L>,\n  width: number,\n  duration: number,\n  forceExpand = false\n): { x: number; y: number; width: number; height: number; layer: number; selection: any; hidden?: boolean } {\n  const labelTextSelection: Selection<SVGTextElement, SankeyNode<N, L>, SVGGElement, SankeyNode<N, L>> = labelGroup.select(`.${s.label}`)\n  const labelShowBackground = config.labelBackground || forceExpand\n  const sublabelTextSelection: Selection<SVGTextElement, SankeyNode<N, L>, SVGGElement, SankeyNode<N, L>> = labelGroup.select(`.${s.sublabel}`)\n  const labelPadding = labelShowBackground ? LABEL_BLOCK_PADDING : 0\n  const isSublabelInline = config.subLabelPlacement === SankeySubLabelPlacement.Inline\n  const separator = config.labelForceWordBreak ? '' : config.labelTextSeparator\n  const fastEstimatesMode = true // Fast but inaccurate\n  const fontWidthToHeightRatio = 0.52\n  const dy = 0.32\n  const labelOrientation = getLabelOrientation(d, width, config.labelPosition)\n  const labelOrientationMult = labelOrientation === Position.Left ? -1 : 1\n  const labelText = getString(d, config.label)\n  const sublabelText = getString(d, config.subLabel)\n  let wasTrimmed = false\n\n  const labelFontSize = config.labelFontSize ?? getCSSVariableValueInPixels('var(--vis-sankey-node-label-font-size)', labelGroup.node())\n  const subLabelFontSize = config.subLabelFontSize ?? getCSSVariableValueInPixels('var(--vis-sankey-node-sublabel-font-size)', labelGroup.node())\n\n  // Render the main label, wrap / trim it and estimate its size\n  const labelsFontSizeDifference = sublabelText ? labelFontSize - subLabelFontSize : 0\n  const labelTranslateY = labelPadding + ((isSublabelInline && labelsFontSizeDifference < 0) ? -0.6 * labelsFontSizeDifference : 0)\n  labelTextSelection\n    .text(labelText)\n    .attr('font-size', labelFontSize)\n    .style('fill', getColor(d, config.labelColor))\n    .attr('transform', `translate(${labelOrientationMult * labelPadding},${labelTranslateY})`)\n    .style('cursor', (d: SankeyNode<N, L>) => getString(d, config.labelCursor))\n\n  const labelMaxWidth = isSublabelInline ? config.labelMaxWidth * (1 - (sublabelText ? config.subLabelToLabelInlineWidthRatio : 0)) : config.labelMaxWidth\n  if (config.labelFit === FitMode.Wrap || forceExpand) wrapSVGText(labelTextSelection, labelMaxWidth, separator)\n  else wasTrimmed = trimSVGText(labelTextSelection, labelMaxWidth, config.labelTrimMode, fastEstimatesMode, labelFontSize, fontWidthToHeightRatio)\n\n  const labelSize = estimateTextSize(labelTextSelection, labelFontSize, dy, fastEstimatesMode, fontWidthToHeightRatio)\n\n  // Render the sub-label, wrap / trim it and estimate its size\n  const sublabelTranslateX = labelOrientationMult * (labelPadding + (isSublabelInline ? config.labelMaxWidth : 0))\n  const sublabelMarginTop = 0\n  const sublabelTranslateY = labelPadding + (isSublabelInline\n    ? (labelsFontSizeDifference > 0 ? 0.6 * labelsFontSizeDifference : 0)\n    : labelSize.height + sublabelMarginTop)\n  sublabelTextSelection\n    .text(sublabelText)\n    .attr('font-size', subLabelFontSize)\n    .style('fill', getColor(d, config.subLabelColor))\n    .attr('transform', `translate(${sublabelTranslateX},${sublabelTranslateY})`)\n    .style('cursor', (d: SankeyNode<N, L>) => getString(d, config.labelCursor))\n\n  const sublabelMaxWidth = isSublabelInline ? config.labelMaxWidth * config.subLabelToLabelInlineWidthRatio : config.labelMaxWidth\n  if (config.labelFit === FitMode.Wrap || forceExpand) wrapSVGText(sublabelTextSelection, sublabelMaxWidth, separator)\n  else wasTrimmed = wasTrimmed || trimSVGText(sublabelTextSelection, sublabelMaxWidth, config.labelTrimMode, fastEstimatesMode, subLabelFontSize, fontWidthToHeightRatio)\n\n  labelGroup.classed(s.labelTrimmed, wasTrimmed)\n  const sublabelSize = estimateTextSize(sublabelTextSelection, subLabelFontSize, dy, fastEstimatesMode, fontWidthToHeightRatio)\n\n  // Draw the background if needed\n  const labelGroupHeight = (isSublabelInline ? Math.max(labelSize.height, sublabelSize.height) : (labelSize.height + sublabelSize.height)) + 2 * labelPadding\n  const labelBackground = labelGroup.select(`.${s.labelBackground}`)\n\n  labelBackground\n    .attr('d', labelShowBackground ? getLabelBackground(config.labelMaxWidth + 2 * labelPadding, labelGroupHeight, labelOrientation as (Position.Left | Position.Right)) : null)\n\n  // Position the label\n  const labelTextAnchor = getLabelTextAnchor(d, config, width)\n  const sublabelTextAnchor = getSubLabelTextAnchor(d, config, width)\n  const xTranslate = getLabelGroupXTranslate(d, config, width)\n  const yTranslate = getLabelGroupYTranslate(d, labelGroupHeight, config)\n\n  labelTextSelection.attr('text-anchor', labelTextAnchor)\n  sublabelTextSelection.attr('text-anchor', sublabelTextAnchor)\n\n  const hasTransform = !!labelGroup.attr('transform')\n  smartTransition(labelGroup, hasTransform ? duration : 0)\n    .attr('transform', `translate(${xTranslate},${yTranslate})`)\n\n  return {\n    x: d.x0 + xTranslate,\n    y: d.y0 + yTranslate,\n    width: config.labelMaxWidth,\n    height: labelGroupHeight,\n    layer: d.layer,\n    selection: labelGroup,\n  }\n}\n"],"names":["s.label","s.sublabel","s.labelTrimmed","labelBackground","s.labelBackground"],"mappings":"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"}

package/components/sankey/modules/link.d.ts

@@ -0,0 +1,14 @@
+import { Selection } from 'd3-selection';
+import { SankeyInputLink, SankeyInputNode, SankeyLink } from '../types';
+import { SankeyConfig } from '../config';
+export declare type LinkPathOptions = {
+    x0: number;
+    x1: number;
+    y0: number;
+    y1: number;
+    width: number;
+};
+export declare function linkPath({ x0, x1, y0, y1, width }: LinkPathOptions): string;
+export declare function createLinks<N extends SankeyInputNode, L extends SankeyInputLink>(sel: Selection<SVGGElement, SankeyLink<N, L>, SVGGElement, unknown>): void;
+export declare function updateLinks<N extends SankeyInputNode, L extends SankeyInputLink>(sel: Selection<SVGGElement, SankeyLink<N, L>, SVGGElement, unknown>, config: SankeyConfig<N, L>, duration: number): void;
+export declare function removeLinks<N extends SankeyInputNode, L extends SankeyInputLink>(sel: Selection<SVGGElement, SankeyLink<N, L>, SVGGElement, unknown>): void;