@unovis/ts 1.4.0-version.12 → 1.4.1-alpha.0

package/components/bullet-legend/modules/shape.js

@@ -1,58 +1,79 @@
+import { select } from 'd3-selection';
+import { symbol } from 'd3-shape';
+import { Symbol } from '../../../types/symbol.js';
 import { getColor } from '../../../utils/color.js';
-import { circlePath } from '../../../utils/path.js';
+import { getString } from '../../../utils/data.js';
 import { PATTERN_SIZE_PX } from '../../../styles/patterns.js';
 import { BulletShape } from '../types.js';
 
-// Utils
 // Size with respect to the viewBox. We use this to compute path data which is independent of the
 // the configured size.
 const BULLET_SIZE = PATTERN_SIZE_PX * 3;
-function getHeight(shape) {
-    switch (shape) {
-        case BulletShape.Line:
-            return BULLET_SIZE / 2.5;
-        default:
-            return BULLET_SIZE;
-    }
-}
-function getPath(shape, width, height) {
-    switch (shape) {
-        case BulletShape.Line:
-            return `M0,${height / 2} L${width / 2},${height / 2} L${width},${height / 2}`;
-        case BulletShape.Square:
-            return `M0,0 L${width},0 L${width},${height} L0,${height}Z`;
-        case BulletShape.Circle:
-            return circlePath(height / 2, height / 2, height / 2 - 1);
-    }
-}
-function createBullets(container, config) {
-    container.append('svg')
-        .attr('width', '100%')
-        .attr('height', '100%')
-        .append('path')
-        .attr('d', getPath(config.bulletShape, BULLET_SIZE, getHeight(config.bulletShape)));
+// Different shapes need different scaling to fit the full size
+const shapeScale = {
+    [BulletShape.Circle]: Math.PI / 4,
+    [BulletShape.Cross]: 5 / 9,
+    [BulletShape.Diamond]: Math.sqrt(3) / 6,
+    [BulletShape.Square]: 1,
+    [BulletShape.Star]: 0.3,
+    [BulletShape.Triangle]: Math.sqrt(3) / 4,
+    [BulletShape.Wye]: 5 / 11,
+};
+function createBullets(container) {
+    container.each((d, i, els) => {
+        select(els[i]).append('svg')
+            .attr('width', '100%')
+            .attr('height', '100%')
+            .append('path');
+    });
 }
 function updateBullets(container, config, colorAccessor) {
-    const width = BULLET_SIZE;
-    const height = getHeight(config.bulletShape);
-    const getOpacity = (d) => d.inactive ? 0.4 : 1;
-    const selection = container.select('svg')
-        .attr('viewBox', `0 0 ${width} ${height}`)
-        .select('path')
-        .attr('d', getPath(config.bulletShape, width, height))
-        .attr('stroke', (d, i) => getColor(d, colorAccessor, i))
-        .style('stroke-width', '1px')
-        .style('fill', (d, i) => getColor(d, colorAccessor, i))
-        .style('fill-opacity', getOpacity);
-    if (config.bulletShape === BulletShape.Line) {
-        selection
-            .style('stroke-width', `${height / 5}px`)
-            .style('opacity', getOpacity)
-            .style('fill', null)
-            .style('fill-opacity', null)
-            .style('marker-start', 'none')
-            .style('marker-end', 'none');
-    }
+    container.each((d, i, els) => {
+        const shape = getString(d, config.bulletShape, i);
+        const color = getColor(d, colorAccessor, i);
+        const width = BULLET_SIZE;
+        const height = shape === BulletShape.Line ? BULLET_SIZE / 2.5 : BULLET_SIZE;
+        const selection = select(els[i]).select('svg')
+            .attr('viewBox', `0 0 ${width} ${height}`)
+            .select('path')
+            .attr('stroke', color);
+        if (shape === BulletShape.Line) {
+            selection
+                .attr('d', `M0,${height / 2} L${width / 2},${height / 2} L${width},${height / 2}`)
+                .attr('transform', null)
+                .style('opacity', d.inactive ? 0.4 : 1)
+                .style('stroke-width', '3px')
+                .style('fill', null)
+                .style('fill-opacity', null)
+                .style('marker-start', 'none')
+                .style('marker-end', 'none');
+        }
+        else {
+            const symbolGen = symbol()
+                .type(Symbol[shape])
+                .size(width * height * shapeScale[shape]);
+            const scale = (width - 2) / width;
+            let dy = height / 2;
+            switch (shape) {
+                case BulletShape.Triangle:
+                    dy += height / 8;
+                    break;
+                case BulletShape.Star:
+                    dy += height / 16;
+                    break;
+                case BulletShape.Wye:
+                    dy -= height / 16;
+                    break;
+            }
+            selection
+                .attr('d', symbolGen)
+                .attr('transform', `translate(${width / 2}, ${Math.round(dy)}) scale(${scale})`)
+                .style('stroke-width', '1px')
+                .style('opacity', null)
+                .style('fill', color)
+                .style('fill-opacity', d.inactive ? 0.4 : 1);
+        }
+    });
 }
 
 export { createBullets, updateBullets };

package/components/bullet-legend/modules/shape.js.map

@@ -1 +1 @@
-{"version":3,"file":"shape.js","sources":["../../../../src/components/bullet-legend/modules/shape.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\n\n// Types\nimport { ColorAccessor } from 'types/accessor'\n\n// Utils\nimport { getColor } from 'utils/color'\nimport { circlePath } from 'utils/path'\n\n// Constants\nimport { PATTERN_SIZE_PX } from 'styles/patterns'\n\n// Local types\nimport { BulletLegendConfigInterface } from '../config'\nimport { BulletShape, BulletLegendItemInterface } from '../types'\n\n// Size with respect to the viewBox. We use this to compute path data which is independent of the\n// the configured size.\nconst BULLET_SIZE = PATTERN_SIZE_PX * 3\n\nfunction getHeight (shape: BulletShape): number {\n  switch (shape) {\n    case BulletShape.Line:\n      return BULLET_SIZE / 2.5\n    default:\n      return BULLET_SIZE\n  }\n}\n\nfunction getPath (shape: BulletShape, width: number, height: number): string {\n  switch (shape) {\n    case BulletShape.Line:\n      return `M0,${height / 2} L${width / 2},${height / 2} L${width},${height / 2}`\n    case BulletShape.Square:\n      return `M0,0 L${width},0 L${width},${height} L0,${height}Z`\n    case BulletShape.Circle:\n      return circlePath(height / 2, height / 2, height / 2 - 1)\n  }\n}\n\nexport function createBullets (\n  container: Selection<HTMLSpanElement, BulletLegendItemInterface, HTMLDivElement, unknown>,\n  config: BulletLegendConfigInterface\n): void {\n  container.append('svg')\n    .attr('width', '100%')\n    .attr('height', '100%')\n    .append('path')\n    .attr('d', getPath(config.bulletShape, BULLET_SIZE, getHeight(config.bulletShape)))\n}\n\nexport function updateBullets (\n  container: Selection<HTMLSpanElement, BulletLegendItemInterface, HTMLDivElement, unknown>,\n  config: BulletLegendConfigInterface,\n  colorAccessor: ColorAccessor<BulletLegendItemInterface>\n): void {\n  const width = BULLET_SIZE\n  const height = getHeight(config.bulletShape)\n\n  const getOpacity = (d: BulletLegendItemInterface): number => d.inactive ? 0.4 : 1\n\n  const selection = container.select('svg')\n    .attr('viewBox', `0 0 ${width} ${height}`)\n    .select('path')\n    .attr('d', getPath(config.bulletShape, width, height))\n    .attr('stroke', (d, i) => getColor(d, colorAccessor, i))\n    .style('stroke-width', '1px')\n    .style('fill', (d, i) => getColor(d, colorAccessor, i))\n    .style('fill-opacity', getOpacity)\n\n  if (config.bulletShape === BulletShape.Line) {\n    selection\n      .style('stroke-width', `${height / 5}px`)\n      .style('opacity', getOpacity)\n      .style('fill', null)\n      .style('fill-opacity', null)\n      .style('marker-start', 'none')\n      .style('marker-end', 'none')\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"shape.js","sources":["../../../../src/components/bullet-legend/modules/shape.ts"],"sourcesContent":["import { Selection, select } from 'd3-selection'\nimport { symbol } from 'd3-shape'\n\n// Types\nimport { ColorAccessor } from 'types/accessor'\nimport { Symbol, SymbolType } from 'types/symbol'\n\n// Utils\nimport { getColor } from 'utils/color'\nimport { getString } from 'utils/data'\n\n// Constants\nimport { PATTERN_SIZE_PX } from 'styles/patterns'\n\n// Local types\nimport { BulletLegendConfigInterface } from '../config'\nimport { BulletShape, BulletLegendItemInterface } from '../types'\n\n// Size with respect to the viewBox. We use this to compute path data which is independent of the\n// the configured size.\nconst BULLET_SIZE = PATTERN_SIZE_PX * 3\n\n// Different shapes need different scaling to fit the full size\nconst shapeScale: Record<SymbolType, number> = {\n  [BulletShape.Circle]: Math.PI / 4,\n  [BulletShape.Cross]: 5 / 9,\n  [BulletShape.Diamond]: Math.sqrt(3) / 6,\n  [BulletShape.Square]: 1,\n  [BulletShape.Star]: 0.3,\n  [BulletShape.Triangle]: Math.sqrt(3) / 4,\n  [BulletShape.Wye]: 5 / 11,\n}\n\nexport function createBullets (\n  container: Selection<HTMLSpanElement, BulletLegendItemInterface, HTMLElement, unknown>\n): void {\n  container.each((d, i, els) => {\n    select(els[i]).append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .append('path')\n  })\n}\n\nexport function updateBullets (\n  container: Selection<SVGElement, BulletLegendItemInterface, HTMLElement, unknown>,\n  config: BulletLegendConfigInterface,\n  colorAccessor: ColorAccessor<BulletLegendItemInterface>\n): void {\n  container.each((d, i, els) => {\n    const shape = getString(d, config.bulletShape, i) as BulletShape\n    const color = getColor(d, colorAccessor, i)\n    const width = BULLET_SIZE\n    const height = shape === BulletShape.Line ? BULLET_SIZE / 2.5 : BULLET_SIZE\n\n    const selection = select(els[i]).select('svg')\n      .attr('viewBox', `0 0 ${width} ${height}`)\n      .select<SVGPathElement>('path')\n      .attr('stroke', color)\n\n    if (shape === BulletShape.Line) {\n      selection\n        .attr('d', `M0,${height / 2} L${width / 2},${height / 2} L${width},${height / 2}`)\n        .attr('transform', null)\n        .style('opacity', d.inactive ? 0.4 : 1)\n        .style('stroke-width', '3px')\n        .style('fill', null)\n        .style('fill-opacity', null)\n        .style('marker-start', 'none')\n        .style('marker-end', 'none')\n    } else {\n      const symbolGen = symbol()\n        .type(Symbol[shape])\n        .size(width * height * shapeScale[shape])\n\n      const scale = (width - 2) / width\n      let dy = height / 2\n      switch (shape) {\n        case BulletShape.Triangle:\n          dy += height / 8\n          break\n        case BulletShape.Star:\n          dy += height / 16\n          break\n        case BulletShape.Wye:\n          dy -= height / 16\n          break\n      }\n      selection\n        .attr('d', symbolGen)\n        .attr('transform', `translate(${width / 2}, ${Math.round(dy)}) scale(${scale})`)\n        .style('stroke-width', '1px')\n        .style('opacity', null)\n        .style('fill', color)\n        .style('fill-opacity', d.inactive ? 0.4 : 1)\n    }\n  })\n}\n"],"names":[],"mappings":"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"}

package/components/bullet-legend/style.d.ts

@@ -1,6 +1,7 @@
 export declare const root: string;
 export declare const variables: void;
 export declare const item: string;
+export declare const itemVertical: string;
 export declare const clickable: string;
 export declare const label: string;
 export declare const bullet: string;

package/components/bullet-legend/style.js

@@ -38,6 +38,11 @@ const item = css `
   white-space: nowrap;
   cursor: default;
   user-select: none;
+  max-width: min-content;
+`;
+const itemVertical = css `
+  label: legendItemVertical;
+  display: flex;
 `;
 const clickable = css `
   cursor: pointer;
@@ -54,16 +59,17 @@ const label = css `
   white-space: nowrap;
 `;
 const bullet = css `
+  flex: 0 0 auto;
   label: legendItemBullet;
   margin-right: var(--vis-legend-bullet-label-spacing);
-  min-width: var(--vis-legend-bullet-size);
   height: var(--vis-legend-bullet-size);
+  width: var(--vis-legend-bullet-size);
 
-  > svg {
+  svg {
     display: block;
   }
 }
 `;
 
-export { bullet, clickable, item, label, root, variables };
+export { bullet, clickable, item, itemVertical, label, root, variables };
 //# sourceMappingURL=style.js.map

package/components/bullet-legend/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/bullet-legend/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const root = css`\n  label: bullet-legend-component;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-legend-font-family: */\n\n    --vis-legend-label-color: #6c778c;\n    --vis-legend-label-max-width: 300px;\n    --vis-legend-label-font-size: 12px;\n    --vis-legend-bullet-size: 9px;\n    --vis-legend-bullet-inactive-color: #eee;\n    --vis-legend-item-spacing: 20px;\n    --vis-legend-bullet-label-spacing: 8px;\n\n    --vis-dark-legend-label-color: #eee;\n    --vis-dark-legend-bullet-inactive-color: #6c778c;\n  }\n\n  body.theme-dark ${`.${root}`} {\n    --vis-legend-label-color: var(--vis-dark-legend-label-color);\n    --vis-legend-bullet-inactive-color: var(--vis-dark-legend-bullet-inactive-color);\n  }\n\n  body.theme-patterns {\n    --vis-legend-bullet-size: 14px;\n  }\n`\n\nexport const item = css`\n  label: legendItem;\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--vis-legend-font-family, var(--vis-font-family));\n  margin-right: var(--vis-legend-item-spacing);\n  white-space: nowrap;\n  cursor: default;\n  user-select: none;\n`\n\nexport const clickable = css`\n  cursor: pointer;\n`\n\nexport const label = css`\n  label: legendItemLabel;\n  font-size: var(--vis-legend-label-font-size);\n  display: inline-block;\n  vertical-align: middle;\n  color: var(--vis-legend-label-color);\n  max-width: var(--vis-legend-label-max-width);\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n`\n\nexport const bullet = css`\n  label: legendItemBullet;\n  margin-right: var(--vis-legend-bullet-label-spacing);\n  min-width: var(--vis-legend-bullet-size);\n  height: var(--vis-legend-bullet-size);\n\n  > svg {\n    display: block;\n  }\n}\n`\n"],"names":[],"mappings":";;AAEO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;AAiBjB,kBAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;;;;;;EAQ7B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAStB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;EAUvB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/bullet-legend/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const root = css`\n  label: bullet-legend-component;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-legend-font-family: */\n\n    --vis-legend-label-color: #6c778c;\n    --vis-legend-label-max-width: 300px;\n    --vis-legend-label-font-size: 12px;\n    --vis-legend-bullet-size: 9px;\n    --vis-legend-bullet-inactive-color: #eee;\n    --vis-legend-item-spacing: 20px;\n    --vis-legend-bullet-label-spacing: 8px;\n\n    --vis-dark-legend-label-color: #eee;\n    --vis-dark-legend-bullet-inactive-color: #6c778c;\n  }\n\n  body.theme-dark ${`.${root}`} {\n    --vis-legend-label-color: var(--vis-dark-legend-label-color);\n    --vis-legend-bullet-inactive-color: var(--vis-dark-legend-bullet-inactive-color);\n  }\n\n  body.theme-patterns {\n    --vis-legend-bullet-size: 14px;\n  }\n`\n\nexport const item = css`\n  label: legendItem;\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--vis-legend-font-family, var(--vis-font-family));\n  margin-right: var(--vis-legend-item-spacing);\n  white-space: nowrap;\n  cursor: default;\n  user-select: none;\n  max-width: min-content;\n`\n\nexport const itemVertical = css`\n  label: legendItemVertical;\n  display: flex;\n`\n\nexport const clickable = css`\n  cursor: pointer;\n`\n\nexport const label = css`\n  label: legendItemLabel;\n  font-size: var(--vis-legend-label-font-size);\n  display: inline-block;\n  vertical-align: middle;\n  color: var(--vis-legend-label-color);\n  max-width: var(--vis-legend-label-max-width);\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n`\n\nexport const bullet = css`\n  flex: 0 0 auto;\n  label: legendItemBullet;\n  margin-right: var(--vis-legend-bullet-label-spacing);\n  height: var(--vis-legend-bullet-size);\n  width: var(--vis-legend-bullet-size);\n\n  svg {\n    display: block;\n  }\n}\n`\n"],"names":[],"mappings":";;AAEO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;AAiBjB,kBAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;;;;;;EAQ7B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;EAUtB;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;EAG9B;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;EAUvB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;"}

package/components/bullet-legend/types.d.ts

@@ -1,12 +1,25 @@
+import { SymbolType } from "../../types/symbol";
 export interface BulletLegendItemInterface {
     name: string | number;
     color?: string;
+    className?: string;
+    shape?: BulletShape;
     inactive?: boolean;
     hidden?: boolean;
     pointer?: boolean;
 }
-export declare enum BulletShape {
-    Circle = "circle",
-    Line = "line",
-    Square = "square"
+export declare const BulletShape: {
+    readonly Line: "line";
+    readonly Circle: SymbolType.Circle;
+    readonly Cross: SymbolType.Cross;
+    readonly Diamond: SymbolType.Diamond;
+    readonly Square: SymbolType.Square;
+    readonly Star: SymbolType.Star;
+    readonly Triangle: SymbolType.Triangle;
+    readonly Wye: SymbolType.Wye;
+};
+export declare type BulletShape = typeof BulletShape[keyof typeof BulletShape];
+export declare enum BulletLegendOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
 }

package/components/bullet-legend/types.js

@@ -1,9 +1,12 @@
-var BulletShape;
-(function (BulletShape) {
-    BulletShape["Circle"] = "circle";
-    BulletShape["Line"] = "line";
-    BulletShape["Square"] = "square";
-})(BulletShape || (BulletShape = {}));
+import { SymbolType } from '../../types/symbol.js';
 
-export { BulletShape };
+/* eslint-disable @typescript-eslint/naming-convention */
+const BulletShape = Object.assign(Object.assign({}, SymbolType), { Line: 'line' });
+var BulletLegendOrientation;
+(function (BulletLegendOrientation) {
+    BulletLegendOrientation["Horizontal"] = "horizontal";
+    BulletLegendOrientation["Vertical"] = "vertical";
+})(BulletLegendOrientation || (BulletLegendOrientation = {}));
+
+export { BulletLegendOrientation, BulletShape };
 //# sourceMappingURL=types.js.map

package/components/bullet-legend/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/bullet-legend/types.ts"],"sourcesContent":["export interface BulletLegendItemInterface {\n  name: string | number;\n  color?: string;\n  inactive?: boolean;\n  hidden?: boolean;\n  pointer?: boolean;\n}\n\nexport enum BulletShape {\n  Circle = 'circle',\n  Line = 'line',\n  Square = 'square',\n}\n"],"names":[],"mappings":"IAQY,YAIX;AAJD,CAAA,UAAY,WAAW,EAAA;AACrB,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,WAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EAJW,WAAW,KAAX,WAAW,GAItB,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../src/components/bullet-legend/types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { SymbolType } from 'types/symbol'\n\nexport interface BulletLegendItemInterface {\n  name: string | number;\n  color?: string;\n  className?: string;\n  shape?: BulletShape;\n  inactive?: boolean;\n  hidden?: boolean;\n  pointer?: boolean;\n}\n\nexport const BulletShape = {\n  ...SymbolType,\n  Line: 'line',\n} as const\n\nexport type BulletShape = typeof BulletShape[keyof typeof BulletShape]\n\nexport enum BulletLegendOrientation {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n"],"names":[],"mappings":";;AAAA;AAaa,MAAA,WAAW,GAAG,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACtB,UAAU,CAAA,EAAA,EACb,IAAI,EAAE,MAAM,EAAA,EACJ;IAIE,wBAGX;AAHD,CAAA,UAAY,uBAAuB,EAAA;AACjC,IAAA,uBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,uBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,GAGlC,EAAA,CAAA,CAAA;;;;"}

package/components/chord-diagram/index.d.ts

@@ -17,9 +17,6 @@ export declare class ChordDiagram<N extends ChordInputNode, L extends ChordInput
     labelGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>;
     arcGen: import("d3-shape").Arc<any, ChordNode<N>>;
     radiusScale: ScalePower<number, number>;
-    private _nodes;
-    private _links;
-    private _rootNode;
     events: {
         [x: string]: {
             mouseover: (d: ChordNode<N>) => void;
@@ -29,6 +26,9 @@ export declare class ChordDiagram<N extends ChordInputNode, L extends ChordInput
             mouseout: () => void;
         };
     };
+    private _nodes;
+    private _links;
+    private _rootNode;
     private get _forceHighlight();
     constructor(config?: ChordDiagramConfigInterface<N, L>);
     get bleed(): Spacing;

package/components/chord-diagram/index.js

@@ -6,6 +6,7 @@ import { ComponentCore } from '../../core/component/index.js';
 import { GraphDataModel } from '../../data-models/graph.js';
 import { getValue, getString, getNumber, isNumber } from '../../utils/data.js';
 import { estimateStringPixelLength } from '../../utils/text.js';
+import { getCSSVariableValueInPixels } from '../../utils/misc.js';
 import { ChordLabelAlignment } from './types.js';
 import { ChordDiagramDefaultConfig } from './config.js';
 import { createNode, updateNode, removeNode } from './modules/node.js';
@@ -23,8 +24,6 @@ class ChordDiagram extends ComponentCore {
         this.datamodel = new GraphDataModel();
         this.arcGen = arc();
         this.radiusScale = scalePow();
-        this._nodes = [];
-        this._links = [];
         this.events = {
             [ChordDiagram.selectors.node]: {
                 mouseover: this._onNodeMouseOver.bind(this),
@@ -39,6 +38,8 @@ class ChordDiagram extends ComponentCore {
                 mouseout: this._onNodeMouseOut.bind(this),
             },
         };
+        this._nodes = [];
+        this._links = [];
         if (config)
             this.setConfig(config);
         this.background = this.g.append('rect').attr('class', background);
@@ -52,7 +53,7 @@ class ChordDiagram extends ComponentCore {
     }
     get bleed() {
         const { config } = this;
-        const padding = 4 + LABEL_PADDING * 2;
+        const padding = LABEL_PADDING * 2;
         let top = 0;
         let bottom = 0;
         let right = 0;
@@ -61,7 +62,9 @@ class ChordDiagram extends ComponentCore {
             var _a;
             const nodeLabelAlignment = getValue(n.data, config.nodeLabelAlignment);
             if (n.height === 0 && nodeLabelAlignment === ChordLabelAlignment.Perpendicular) {
-                const labelWidth = estimateStringPixelLength((_a = getString(n.data, config.nodeLabel)) !== null && _a !== void 0 ? _a : '', 16);
+                const label = (_a = getString(n.data, config.nodeLabel)) !== null && _a !== void 0 ? _a : '';
+                const fontSize = getCSSVariableValueInPixels('var(--vis-chord-diagram-label-text-font-size)', this.element);
+                const labelWidth = estimateStringPixelLength(label, fontSize);
                 const [x, y] = this.arcGen.centroid(n);
                 if (x < 0)
                     left = Math.max(left, labelWidth);
@@ -115,18 +118,22 @@ class ChordDiagram extends ComponentCore {
         this._links = getRibbons(partitionData, links, padAngle);
     }
     _render(customDuration) {
+        var _a;
         super._render(customDuration);
         const { config, bleed } = this;
         this._layoutData();
         const duration = isNumber(customDuration) ? customDuration : config.duration;
         const size = Math.min(this._width, this._height);
         const radius = size / 2 - max([bleed.top, bleed.bottom, bleed.left, bleed.right]);
-        this.radiusScale.range([0, radius - config.nodeWidth]);
+        const numLevels = 1 + ((_a = config.nodeLevels) === null || _a === void 0 ? void 0 : _a.length);
+        const maxSpace = config.nodeWidth * numLevels;
+        const nodeWidth = radius > maxSpace ? config.nodeWidth : Math.max(radius / numLevels, 0);
+        this.radiusScale.range([0, Math.max(radius, 0)]);
         this.arcGen
             .startAngle(d => d.x0 + config.padAngle / 2 - (d.value ? 0 : Math.PI / 360))
             .endAngle(d => d.x1 - config.padAngle / 2 + (d.value ? 0 : Math.PI / 360))
             .cornerRadius(d => getNumber(d.data, config.cornerRadius))
-            .innerRadius(d => this.radiusScale(d.y1) - getNumber(d, config.nodeWidth))
+            .innerRadius(d => Math.max(this.radiusScale(d.y1) - nodeWidth, 0))
             .outerRadius(d => this.radiusScale(d.y1));
         this.g.classed(transparent, this._forceHighlight);
         this.background
@@ -140,33 +147,35 @@ class ChordDiagram extends ComponentCore {
         // Links
         const linksSelection = this.linkGroup
             .selectAll(`.${link}`)
-            .data(this._links, d => String(d.data._id))
+            .data(this._links, d => String(d.data._id));
+        const linksEnter = linksSelection.enter().append('path')
+            .attr('class', link)
+            .call(createLink, this.radiusScale);
+        const linksMerged = linksSelection
+            .merge(linksEnter)
             .classed(highlightedLink, l => {
             var _a, _b;
             const linkId = (_a = l.data.id) !== null && _a !== void 0 ? _a : l.data._indexGlobal;
             return (_b = config.highlightedLinkIds) === null || _b === void 0 ? void 0 : _b.includes(linkId);
         });
-        const linksEnter = linksSelection.enter().append('path')
-            .attr('class', link)
-            .call(createLink, this.radiusScale);
-        const linksMerged = linksSelection.merge(linksEnter);
         linksMerged.call(updateLink, config, this.radiusScale, duration);
         linksSelection.exit()
             .call(removeLink, duration);
         // Nodes
         const nodesSelection = this.nodeGroup
             .selectAll(`.${node}`)
-            .data(this._nodes, d => String(d.uid))
-            .classed(highlightedNode, d => config.highlightedNodeId === d.data._id);
+            .data(this._nodes, d => String(d.uid));
         const nodesEnter = nodesSelection.enter().append('path')
             .attr('class', node)
             .call(createNode, config);
-        const nodesMerged = nodesSelection.merge(nodesEnter);
+        const nodesMerged = nodesSelection
+            .merge(nodesEnter)
+            .classed(highlightedNode, d => config.highlightedNodeId === d.data._id);
         nodesMerged.call(updateNode, config, this.arcGen, duration, this.bleed);
         nodesSelection.exit()
             .call(removeNode, duration);
         // Labels
-        const labelWidth = size - radius - config.nodeWidth;
+        const labelWidth = size - radius;
         const labels = this.labelGroup
             .selectAll(`.${label}`)
             .data(this._nodes, d => String(d.uid));

package/components/chord-diagram/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/chord-diagram/index.ts"],"sourcesContent":["import { max } from 'd3-array'\nimport { partition } from 'd3-hierarchy'\nimport { Selection } from 'd3-selection'\nimport { scalePow, ScalePower } from 'd3-scale'\nimport { arc } from 'd3-shape'\n\n// Core\nimport { ComponentCore } from 'core/component'\nimport { GraphData, GraphDataModel } from 'data-models/graph'\n\n// Utils\nimport { getNumber, isNumber, getString, getValue } from 'utils/data'\nimport { estimateStringPixelLength } from 'utils/text'\n\n// Types\nimport { Spacing } from 'types/spacing'\n\n// Local Types\nimport { ChordInputNode, ChordInputLink, ChordDiagramData, ChordNode, ChordRibbon, ChordLabelAlignment, ChordLeafNode } from './types'\n\n// Config\nimport { ChordDiagramDefaultConfig, ChordDiagramConfigInterface } from './config'\n\n// Modules\nimport { createNode, updateNode, removeNode } from './modules/node'\nimport { createLabel, updateLabel, removeLabel, LABEL_PADDING } from './modules/label'\nimport { getHierarchyNodes, getRibbons, positionChildren } from './modules/layout'\nimport { createLink, updateLink, removeLink } from './modules/link'\n\n// Styles\nimport * as s from './style'\n\nexport class ChordDiagram<\n  N extends ChordInputNode,\n  L extends ChordInputLink,\n> extends ComponentCore<\n  ChordDiagramData<N, L>,\n  ChordDiagramConfigInterface<N, L>\n  > {\n  static selectors = s\n  protected _defaultConfig = ChordDiagramDefaultConfig as ChordDiagramConfigInterface<N, L>\n  public config: ChordDiagramConfigInterface<N, L> = this._defaultConfig\n  datamodel: GraphDataModel<N, L> = new GraphDataModel()\n\n  background: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  nodeGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  linkGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  labelGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n\n  arcGen = arc<ChordNode<N>>()\n  radiusScale: ScalePower<number, number> = scalePow()\n\n  private _nodes: ChordNode<N>[] = []\n  private _links: ChordRibbon<N>[] = []\n  private _rootNode: ChordNode<N>\n\n  events = {\n    [ChordDiagram.selectors.node]: {\n      mouseover: this._onNodeMouseOver.bind(this),\n      mouseout: this._onNodeMouseOut.bind(this),\n    },\n    [ChordDiagram.selectors.link]: {\n      mouseover: this._onLinkMouseOver.bind(this),\n      mouseout: this._onLinkMouseOut.bind(this),\n    },\n    [ChordDiagram.selectors.label]: {\n      mouseover: this._onNodeMouseOver.bind(this),\n      mouseout: this._onNodeMouseOut.bind(this),\n    },\n  }\n\n  private get _forceHighlight (): boolean {\n    return this.config.highlightedNodeId !== undefined || this.config.highlightedLinkIds?.length > 0\n  }\n\n  constructor (config?: ChordDiagramConfigInterface<N, L>) {\n    super()\n    if (config) this.setConfig(config)\n    this.background = this.g.append('rect').attr('class', s.background)\n    this.linkGroup = this.g.append('g').attr('class', s.links)\n    this.nodeGroup = this.g.append('g').attr('class', s.nodes)\n    this.labelGroup = this.g.append('g').attr('class', s.labels)\n  }\n\n  get bleed (): Spacing {\n    const { config } = this\n    const padding = 4 + LABEL_PADDING * 2\n    let top = 0; let bottom = 0; let right = 0; let left = 0\n    this._nodes.forEach(n => {\n      const nodeLabelAlignment = getValue(n.data, config.nodeLabelAlignment)\n      if (n.height === 0 && nodeLabelAlignment === ChordLabelAlignment.Perpendicular) {\n        const labelWidth = estimateStringPixelLength(getString(n.data as N, config.nodeLabel) ?? '', 16)\n        const [x, y] = this.arcGen.centroid(n)\n\n        if (x < 0) left = Math.max(left, labelWidth)\n        else right = Math.max(right, labelWidth)\n\n        if (y < 0) top = Math.max(top, labelWidth)\n        else bottom = Math.max(bottom, labelWidth)\n      }\n    })\n    left += padding\n    right += padding\n    bottom += padding\n    top += padding\n    return { top, bottom, left, right }\n  }\n\n  setSize (width: number, height: number, containerWidth: number, containerHeight: number): void {\n    super.setSize(width, height, containerWidth, containerHeight)\n\n    // Setting radius for initial bleed calculation. This ensures the correct radius is set when render is called\n    this.radiusScale\n      .exponent(this.config.radiusScaleExponent)\n      .range([0, Math.min(width, height) / 2])\n  }\n\n  setData (data: GraphData<N, L>): void {\n    super.setData(data)\n    this._layoutData()\n  }\n\n  _layoutData (): void {\n    const { nodes, links } = this.datamodel\n    const { padAngle, linkValue, nodeLevels } = this.config\n    nodes.forEach(n => { delete n._state.value })\n    links.forEach(l => {\n      delete l._state.points\n      l._state.value = getNumber(l, linkValue)\n      l.source._state.value = (l.source._state.value || 0) + getNumber(l, linkValue)\n      l.target._state.value = (l.target._state.value || 0) + getNumber(l, linkValue)\n    })\n\n    const root = getHierarchyNodes(nodes, d => d._state?.value, nodeLevels)\n\n    const partitionData = partition().size([this.config.angleRange[1], 1])(root) as ChordNode<N>\n    partitionData.each((n, i) => {\n      positionChildren(n, padAngle)\n      n.uid = `${this.uid.substr(0, 4)}-${i}`\n      n.x0 = Number.isNaN(n.x0) ? 0 : n.x0\n      n.x1 = Number.isNaN(n.x1) ? 0 : n.x1\n      n._state = {}\n    })\n\n    const partitionDataWithRoot = partitionData.descendants()\n    this._rootNode = partitionDataWithRoot.find(d => d.depth === 0)\n    this._nodes = partitionDataWithRoot.filter(d => d.depth !== 0) // Filter out the root node\n    this._links = getRibbons<N>(partitionData, links, padAngle)\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config, bleed } = this\n\n    this._layoutData()\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n    const size = Math.min(this._width, this._height)\n    const radius = size / 2 - max([bleed.top, bleed.bottom, bleed.left, bleed.right])\n\n    this.radiusScale.range([0, radius - config.nodeWidth])\n\n    this.arcGen\n      .startAngle(d => d.x0 + config.padAngle / 2 - (d.value ? 0 : Math.PI / 360))\n      .endAngle(d => d.x1 - config.padAngle / 2 + (d.value ? 0 : Math.PI / 360))\n      .cornerRadius(d => getNumber(d.data, config.cornerRadius))\n      .innerRadius(d => this.radiusScale(d.y1) - getNumber(d, config.nodeWidth))\n      .outerRadius(d => this.radiusScale(d.y1))\n\n    this.g.classed(s.transparent, this._forceHighlight)\n    this.background\n      .attr('width', this._width)\n      .attr('height', this._height)\n      .style('opacity', 0)\n\n    // Center the view\n    this.nodeGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.labelGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.linkGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n\n    // Links\n    const linksSelection = this.linkGroup\n      .selectAll<SVGPathElement, ChordRibbon<N>>(`.${s.link}`)\n      .data(this._links, d => String(d.data._id))\n      .classed(s.highlightedLink, l => {\n        const linkId = l.data.id ?? l.data._indexGlobal\n        return config.highlightedLinkIds?.includes(linkId)\n      })\n\n    const linksEnter = linksSelection.enter().append('path')\n      .attr('class', s.link)\n      .call(createLink, this.radiusScale)\n\n    const linksMerged = linksSelection.merge(linksEnter)\n    linksMerged.call(updateLink, config, this.radiusScale, duration)\n\n    linksSelection.exit()\n      .call(removeLink, duration)\n\n    // Nodes\n    const nodesSelection = this.nodeGroup\n      .selectAll<SVGPathElement, ChordNode<N>>(`.${s.node}`)\n      .data(this._nodes, d => String(d.uid))\n      .classed(s.highlightedNode, d => config.highlightedNodeId === d.data._id)\n\n    const nodesEnter = nodesSelection.enter().append('path')\n      .attr('class', s.node)\n      .call(createNode, config)\n\n    const nodesMerged = nodesSelection.merge(nodesEnter)\n    nodesMerged.call(updateNode, config, this.arcGen, duration, this.bleed)\n\n    nodesSelection.exit()\n      .call(removeNode, duration)\n\n    // Labels\n    const labelWidth = size - radius - config.nodeWidth\n    const labels = this.labelGroup\n      .selectAll<SVGGElement, ChordNode<N>>(`.${s.label}`)\n      .data(this._nodes, d => String(d.uid))\n\n    const labelEnter = labels.enter().append('g')\n      .attr('class', s.label)\n      .call(createLabel, config, this.radiusScale)\n\n    const labelsMerged = labels.merge(labelEnter)\n    labelsMerged.call(updateLabel, config, labelWidth, this.radiusScale, duration)\n\n    labels.exit()\n      .attr('class', s.labelExit)\n      .call(removeLabel, duration)\n  }\n\n  private _onNodeMouseOver (d: ChordNode<N>): void {\n    let ribbons: ChordRibbon<N>[]\n    if (d.children) {\n      const leaves = d.leaves() as ChordLeafNode<N>[]\n      ribbons = this._links.filter(l =>\n        leaves.find(leaf => l.source.data.id === leaf.data.id || l.target.data.id === leaf.data.id)\n      )\n    } else {\n      const leaf = d as ChordLeafNode<N>\n      ribbons = this._links.filter(l => l.source.data.id === leaf.data.id || l.target.data.id === leaf.data.id)\n    }\n\n    // Nodes without links should still be highlighted\n    if (!ribbons.length) d._state.hovered = true\n    this._highlightOnHover(ribbons)\n  }\n\n  private _onNodeMouseOut (): void {\n    this._highlightOnHover()\n  }\n\n  private _onLinkMouseOver (d: ChordRibbon<N>): void {\n    this._highlightOnHover([d])\n  }\n\n  private _onLinkMouseOut (): void {\n    this._highlightOnHover()\n  }\n\n  private _highlightOnHover (links?: ChordRibbon<N>[]): void {\n    if (this._forceHighlight) return\n    if (links) {\n      links.forEach(l => {\n        l._state.hovered = true\n        const sourcePath = (l.source as ChordNode<N>).path(this._rootNode)\n        const targetPath = (l.target as ChordNode<N>).path(this._rootNode)\n        sourcePath.forEach(n => { if (n.depth) n._state.hovered = true })\n        targetPath.forEach(n => { if (n.depth) n._state.hovered = true })\n      })\n    } else {\n      this._nodes.forEach(n => { delete n._state.hovered })\n      this._links.forEach(l => { delete l._state.hovered })\n    }\n\n    this.nodeGroup.selectAll<SVGPathElement, ChordNode<N>>(`.${s.node}`)\n      .classed(s.highlightedNode, d => d._state.hovered)\n    this.linkGroup.selectAll<SVGPathElement, ChordRibbon<N>>(`.${s.link}`)\n      .classed(s.highlightedLink, d => d._state.hovered)\n\n    this.g.classed(s.transparent, !!links)\n  }\n}\n"],"names":["s.background","s.links","s.nodes","s.labels","s.transparent","s.link","s.highlightedLink","s.node","s.highlightedNode","s.label","s.labelExit","s"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/chord-diagram/index.ts"],"sourcesContent":["import { max } from 'd3-array'\nimport { partition } from 'd3-hierarchy'\nimport { Selection } from 'd3-selection'\nimport { scalePow, ScalePower } from 'd3-scale'\nimport { arc } from 'd3-shape'\n\n// Core\nimport { ComponentCore } from 'core/component'\nimport { GraphData, GraphDataModel } from 'data-models/graph'\n\n// Utils\nimport { getNumber, isNumber, getString, getValue } from 'utils/data'\nimport { estimateStringPixelLength } from 'utils/text'\nimport { getCSSVariableValueInPixels } from 'utils/misc'\n\n// Types\nimport { Spacing } from 'types/spacing'\n\n// Local Types\nimport { ChordInputNode, ChordInputLink, ChordDiagramData, ChordNode, ChordRibbon, ChordLabelAlignment, ChordLeafNode } from './types'\n\n// Config\nimport { ChordDiagramDefaultConfig, ChordDiagramConfigInterface } from './config'\n\n// Modules\nimport { createNode, updateNode, removeNode } from './modules/node'\nimport { createLabel, updateLabel, removeLabel, LABEL_PADDING } from './modules/label'\nimport { getHierarchyNodes, getRibbons, positionChildren } from './modules/layout'\nimport { createLink, updateLink, removeLink } from './modules/link'\n\n// Styles\nimport * as s from './style'\n\nexport class ChordDiagram<\n  N extends ChordInputNode,\n  L extends ChordInputLink,\n> extends ComponentCore<\n  ChordDiagramData<N, L>,\n  ChordDiagramConfigInterface<N, L>\n  > {\n  static selectors = s\n  protected _defaultConfig = ChordDiagramDefaultConfig as ChordDiagramConfigInterface<N, L>\n  public config: ChordDiagramConfigInterface<N, L> = this._defaultConfig\n  datamodel: GraphDataModel<N, L> = new GraphDataModel()\n\n  background: Selection<SVGRectElement, unknown, SVGGElement, unknown>\n  nodeGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  linkGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  labelGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n\n  arcGen = arc<ChordNode<N>>()\n  radiusScale: ScalePower<number, number> = scalePow()\n\n  events = {\n    [ChordDiagram.selectors.node]: {\n      mouseover: this._onNodeMouseOver.bind(this),\n      mouseout: this._onNodeMouseOut.bind(this),\n    },\n    [ChordDiagram.selectors.link]: {\n      mouseover: this._onLinkMouseOver.bind(this),\n      mouseout: this._onLinkMouseOut.bind(this),\n    },\n    [ChordDiagram.selectors.label]: {\n      mouseover: this._onNodeMouseOver.bind(this),\n      mouseout: this._onNodeMouseOut.bind(this),\n    },\n  }\n\n  private _nodes: ChordNode<N>[] = []\n  private _links: ChordRibbon<N>[] = []\n  private _rootNode: ChordNode<N>\n\n  private get _forceHighlight (): boolean {\n    return this.config.highlightedNodeId !== undefined || this.config.highlightedLinkIds?.length > 0\n  }\n\n  constructor (config?: ChordDiagramConfigInterface<N, L>) {\n    super()\n    if (config) this.setConfig(config)\n\n    this.background = this.g.append('rect').attr('class', s.background)\n    this.linkGroup = this.g.append('g').attr('class', s.links)\n    this.nodeGroup = this.g.append('g').attr('class', s.nodes)\n    this.labelGroup = this.g.append('g').attr('class', s.labels)\n  }\n\n  get bleed (): Spacing {\n    const { config } = this\n    const padding = LABEL_PADDING * 2\n    let top = 0; let bottom = 0; let right = 0; let left = 0\n    this._nodes.forEach(n => {\n      const nodeLabelAlignment = getValue(n.data, config.nodeLabelAlignment)\n      if (n.height === 0 && nodeLabelAlignment === ChordLabelAlignment.Perpendicular) {\n        const label = getString(n.data as N, config.nodeLabel) ?? ''\n        const fontSize = getCSSVariableValueInPixels('var(--vis-chord-diagram-label-text-font-size)', this.element)\n        const labelWidth = estimateStringPixelLength(label, fontSize)\n\n        const [x, y] = this.arcGen.centroid(n)\n\n        if (x < 0) left = Math.max(left, labelWidth)\n        else right = Math.max(right, labelWidth)\n\n        if (y < 0) top = Math.max(top, labelWidth)\n        else bottom = Math.max(bottom, labelWidth)\n      }\n    })\n    left += padding\n    right += padding\n    bottom += padding\n    top += padding\n    return { top, bottom, left, right }\n  }\n\n  setSize (width: number, height: number, containerWidth: number, containerHeight: number): void {\n    super.setSize(width, height, containerWidth, containerHeight)\n\n    // Setting radius for initial bleed calculation. This ensures the correct radius is set when render is called\n    this.radiusScale\n      .exponent(this.config.radiusScaleExponent)\n      .range([0, Math.min(width, height) / 2])\n  }\n\n  setData (data: GraphData<N, L>): void {\n    super.setData(data)\n    this._layoutData()\n  }\n\n  _layoutData (): void {\n    const { nodes, links } = this.datamodel\n    const { padAngle, linkValue, nodeLevels } = this.config\n    nodes.forEach(n => { delete n._state.value })\n    links.forEach(l => {\n      delete l._state.points\n      l._state.value = getNumber(l, linkValue)\n      l.source._state.value = (l.source._state.value || 0) + getNumber(l, linkValue)\n      l.target._state.value = (l.target._state.value || 0) + getNumber(l, linkValue)\n    })\n\n    const root = getHierarchyNodes(nodes, d => d._state?.value, nodeLevels)\n\n    const partitionData = partition().size([this.config.angleRange[1], 1])(root) as ChordNode<N>\n    partitionData.each((n, i) => {\n      positionChildren(n, padAngle)\n      n.uid = `${this.uid.substr(0, 4)}-${i}`\n      n.x0 = Number.isNaN(n.x0) ? 0 : n.x0\n      n.x1 = Number.isNaN(n.x1) ? 0 : n.x1\n      n._state = {}\n    })\n\n    const partitionDataWithRoot = partitionData.descendants()\n    this._rootNode = partitionDataWithRoot.find(d => d.depth === 0)\n    this._nodes = partitionDataWithRoot.filter(d => d.depth !== 0) // Filter out the root node\n    this._links = getRibbons<N>(partitionData, links, padAngle)\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config, bleed } = this\n\n    this._layoutData()\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n    const size = Math.min(this._width, this._height)\n    const radius = size / 2 - max([bleed.top, bleed.bottom, bleed.left, bleed.right])\n\n    const numLevels = 1 + config.nodeLevels?.length\n    const maxSpace = config.nodeWidth * numLevels\n    const nodeWidth = radius > maxSpace ? config.nodeWidth : Math.max(radius / numLevels, 0)\n\n    this.radiusScale.range([0, Math.max(radius, 0)])\n\n    this.arcGen\n      .startAngle(d => d.x0 + config.padAngle / 2 - (d.value ? 0 : Math.PI / 360))\n      .endAngle(d => d.x1 - config.padAngle / 2 + (d.value ? 0 : Math.PI / 360))\n      .cornerRadius(d => getNumber(d.data, config.cornerRadius))\n      .innerRadius(d => Math.max(this.radiusScale(d.y1) - nodeWidth, 0))\n      .outerRadius(d => this.radiusScale(d.y1))\n\n    this.g.classed(s.transparent, this._forceHighlight)\n    this.background\n      .attr('width', this._width)\n      .attr('height', this._height)\n      .style('opacity', 0)\n\n    // Center the view\n    this.nodeGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.labelGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.linkGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n\n    // Links\n    const linksSelection = this.linkGroup\n      .selectAll<SVGPathElement, ChordRibbon<N>>(`.${s.link}`)\n      .data(this._links, d => String(d.data._id))\n\n    const linksEnter = linksSelection.enter().append('path')\n      .attr('class', s.link)\n      .call(createLink, this.radiusScale)\n\n    const linksMerged = linksSelection\n      .merge(linksEnter)\n      .classed(s.highlightedLink, l => {\n        const linkId = l.data.id ?? l.data._indexGlobal\n        return config.highlightedLinkIds?.includes(linkId)\n      })\n    linksMerged.call(updateLink, config, this.radiusScale, duration)\n\n    linksSelection.exit()\n      .call(removeLink, duration)\n\n    // Nodes\n    const nodesSelection = this.nodeGroup\n      .selectAll<SVGPathElement, ChordNode<N>>(`.${s.node}`)\n      .data(this._nodes, d => String(d.uid))\n\n    const nodesEnter = nodesSelection.enter().append('path')\n      .attr('class', s.node)\n      .call(createNode, config)\n\n    const nodesMerged = nodesSelection\n      .merge(nodesEnter)\n      .classed(s.highlightedNode, d => config.highlightedNodeId === d.data._id)\n    nodesMerged.call(updateNode, config, this.arcGen, duration, this.bleed)\n\n    nodesSelection.exit()\n      .call(removeNode, duration)\n\n    // Labels\n    const labelWidth = size - radius\n    const labels = this.labelGroup\n      .selectAll<SVGGElement, ChordNode<N>>(`.${s.label}`)\n      .data(this._nodes, d => String(d.uid))\n\n    const labelEnter = labels.enter().append('g')\n      .attr('class', s.label)\n      .call(createLabel, config, this.radiusScale)\n\n    const labelsMerged = labels.merge(labelEnter)\n    labelsMerged.call(updateLabel, config, labelWidth, this.radiusScale, duration)\n\n    labels.exit()\n      .attr('class', s.labelExit)\n      .call(removeLabel, duration)\n  }\n\n  private _onNodeMouseOver (d: ChordNode<N>): void {\n    let ribbons: ChordRibbon<N>[]\n    if (d.children) {\n      const leaves = d.leaves() as ChordLeafNode<N>[]\n      ribbons = this._links.filter(l =>\n        leaves.find(leaf => l.source.data.id === leaf.data.id || l.target.data.id === leaf.data.id)\n      )\n    } else {\n      const leaf = d as ChordLeafNode<N>\n      ribbons = this._links.filter(l => l.source.data.id === leaf.data.id || l.target.data.id === leaf.data.id)\n    }\n\n    // Nodes without links should still be highlighted\n    if (!ribbons.length) d._state.hovered = true\n    this._highlightOnHover(ribbons)\n  }\n\n  private _onNodeMouseOut (): void {\n    this._highlightOnHover()\n  }\n\n  private _onLinkMouseOver (d: ChordRibbon<N>): void {\n    this._highlightOnHover([d])\n  }\n\n  private _onLinkMouseOut (): void {\n    this._highlightOnHover()\n  }\n\n  private _highlightOnHover (links?: ChordRibbon<N>[]): void {\n    if (this._forceHighlight) return\n    if (links) {\n      links.forEach(l => {\n        l._state.hovered = true\n        const sourcePath = (l.source as ChordNode<N>).path(this._rootNode)\n        const targetPath = (l.target as ChordNode<N>).path(this._rootNode)\n        sourcePath.forEach(n => { if (n.depth) n._state.hovered = true })\n        targetPath.forEach(n => { if (n.depth) n._state.hovered = true })\n      })\n    } else {\n      this._nodes.forEach(n => { delete n._state.hovered })\n      this._links.forEach(l => { delete l._state.hovered })\n    }\n\n    this.nodeGroup.selectAll<SVGPathElement, ChordNode<N>>(`.${s.node}`)\n      .classed(s.highlightedNode, d => d._state.hovered)\n    this.linkGroup.selectAll<SVGPathElement, ChordRibbon<N>>(`.${s.link}`)\n      .classed(s.highlightedLink, d => d._state.hovered)\n\n    this.g.classed(s.transparent, !!links)\n  }\n}\n"],"names":["s.background","s.links","s.nodes","s.labels","s.transparent","s.link","s.highlightedLink","s.node","s.highlightedNode","s.label","s.labelExit","s"],"mappings":"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"}

package/components/chord-diagram/modules/label.js

@@ -66,33 +66,31 @@ function updateLabel(selection, config, width, radiusScale, duration) {
         .attr('transform', d => getLabelTransform(d, config, radiusScale))
         .style('opacity', 1);
     const label = selection.select(`.${labelText}`);
-    label.select('textPath').remove();
-    label
-        .text(d => getString(d.data, nodeLabel))
+    label.selectAll('textPath').remove();
+    label.text(d => getString(d.data, nodeLabel))
+        .style('transition', `fill ${duration}ms`)
         .style('fill', d => { var _a; return (_a = getColor(d.data, nodeLabelColor)) !== null && _a !== void 0 ? _a : getLabelFillColor(d, config); })
-        .style('text-anchor', d => getLabelTextAnchor(d, config));
-    label.each((d, i, elements) => {
+        .style('text-anchor', d => getLabelTextAnchor(d, config))
+        .each((d, i, elements) => {
         var _a;
         const nodeLabelAlignment = (_a = getValue(d.data, config.nodeLabelAlignment)) !== null && _a !== void 0 ? _a : ChordLabelAlignment.Along;
         const radianArcLength = d.x1 - d.x0 - getNumber(d.data, config.padAngle) * 2;
         const radius = radiusScale(d.y1) - getNumber(d, config.nodeWidth) / 2;
         const arcLength = radius * radianArcLength;
-        const maxWidth = (nodeLabelAlignment === ChordLabelAlignment.Along ? arcLength : width) - LABEL_PADDING * 2;
-        const textElementSelection = select(elements[i]);
-        trimSVGText(textElementSelection, maxWidth);
-        textElementSelection
+        const maxWidth = (nodeLabelAlignment === ChordLabelAlignment.Along ? arcLength : width - LABEL_PADDING * 2);
+        const textElement = select(elements[i])
+            .call(trimSVGText, maxWidth)
             .attr('dx', nodeLabelAlignment === ChordLabelAlignment.Along ? LABEL_PADDING : null)
             .attr('dy', nodeLabelAlignment === ChordLabelAlignment.Along ? getNumber(d.data, nodeWidth) / 2 : null);
+        const textWidth = textElement.node().getComputedTextLength();
+        const labelText = textElement.text();
         if (nodeLabelAlignment === ChordLabelAlignment.Along) {
-            const textElement = select(elements[i]);
-            const textWidth = textElement.node().getBoundingClientRect().width;
-            const labelText = textElement.text();
-            select(elements[i])
-                .text('')
-                .style('display', textWidth > maxWidth && 'none');
-            select(elements[i]).append('textPath')
-                .attr('href', `#${d.uid}`)
-                .text(labelText);
+            textElement.text('');
+            if (textWidth <= maxWidth) {
+                textElement.append('textPath')
+                    .attr('href', `#${d.uid}`)
+                    .text(labelText);
+            }
         }
     });
     smartTransition(label, duration)