diff --git a/packages/mermaid/src/diagrams/sankey/sankeyRenderer.ts b/packages/mermaid/src/diagrams/sankey/sankeyRenderer.ts index 70661d0da..f16f3a238 100644 --- a/packages/mermaid/src/diagrams/sankey/sankeyRenderer.ts +++ b/packages/mermaid/src/diagrams/sankey/sankeyRenderer.ts @@ -4,9 +4,9 @@ import * as configApi from '../../config.js'; import { select as d3select, - // @ts-ignore TODO: make proper import + // @ts-ignore TODO: make proper import scaleOrdinal as d3scaleOrdinal, - // @ts-ignore TODO: make proper import + // @ts-ignore TODO: make proper import schemeTableau10 as d3schemeTableau10, } from 'd3'; @@ -41,7 +41,7 @@ export const draw = function (text: string, id: string, _version: string, diagOb let root = d3select('body'); if (securityLevel === 'sandbox' && sandboxElement) { - root = d3select(sandboxElement.nodes()[0].contentDocument.body) + root = d3select(sandboxElement.nodes()[0].contentDocument.body); } const doc = securityLevel === 'sandbox' ? sandboxElement.nodes()[0].contentDocument : document; const svg = securityLevel === 'sandbox' ? root.select(`[id="${id}"]`) : d3select(`[id="${id}"]`); @@ -150,21 +150,22 @@ export const draw = function (text: string, id: string, _version: string, diagOb .attr('class', 'link') .style('mix-blend-mode', 'multiply'); - const gradient = link.append("linearGradient") - .attr("id", d => (d.uid = Uid.next("linearGradient-")).id) - .attr("gradientUnits", "userSpaceOnUse") - .attr("x1", d => d.source.x1) - .attr("x2", d => d.target.x0); + const gradient = link + .append('linearGradient') + .attr('id', (d) => (d.uid = Uid.next('linearGradient-')).id) + .attr('gradientUnits', 'userSpaceOnUse') + .attr('x1', (d) => d.source.x1) + .attr('x2', (d) => d.target.x0); gradient - .append("stop") - .attr("offset", "0%") - .attr("stop-color", d => colorScheme(d.source.id)); + .append('stop') + .attr('offset', '0%') + .attr('stop-color', (d) => colorScheme(d.source.id)); gradient - .append("stop") - .attr("offset", "100%") - .attr("stop-color", d => colorScheme(d.target.id)); + .append('stop') + .attr('offset', '100%') + .attr('stop-color', (d) => colorScheme(d.target.id)); link .append('path') diff --git a/packages/mermaid/src/diagrams/sankey/sankeyUtils.ts b/packages/mermaid/src/diagrams/sankey/sankeyUtils.ts index 838d25c7e..9a2fbab28 100644 --- a/packages/mermaid/src/diagrams/sankey/sankeyUtils.ts +++ b/packages/mermaid/src/diagrams/sankey/sankeyUtils.ts @@ -7,7 +7,6 @@ const prepareTextForParsing = (text: string): string => { return textToParse; }; - class Uid { private static count = 0; id: string; @@ -23,16 +22,8 @@ class Uid { } toString(): string { - return "url(" + this.href + ")"; + return 'url(' + this.href + ')'; } } -export { - Uid, - prepareTextForParsing -}; - - - - - +export { Uid, prepareTextForParsing };