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

package/components/nested-donut/modules/label.d.ts

@@ -0,0 +1,7 @@
+import { Selection } from 'd3-selection';
+import { Arc } from 'd3-shape';
+import { NestedDonutConfig } from '../config';
+import { NestedDonutSegment } from '../types';
+export declare function createLabel<Datum>(selection: Selection<SVGTextElement, NestedDonutSegment<Datum>, SVGGElement, unknown>, config: NestedDonutConfig<Datum>): void;
+export declare function updateLabel<Datum>(selection: Selection<SVGTextElement, NestedDonutSegment<Datum>, SVGGElement, unknown>, config: NestedDonutConfig<Datum>, arcGen: Arc<unknown, NestedDonutSegment<Datum>>, duration: number): void;
+export declare function removeLabel<Datum>(selection: Selection<SVGTextElement, NestedDonutSegment<Datum>, SVGGElement, unknown>, duration: number): void;

package/components/nested-donut/modules/label.js

@@ -0,0 +1,34 @@
+import { color } from 'd3-color';
+import { getColor, hexToBrightness } from '../../../utils/color.js';
+import { smartTransition } from '../../../utils/d3.js';
+import { getString } from '../../../utils/data.js';
+import { labelColors } from '../style.js';
+
+function getLabelFillColor(d, config) {
+    const c = getColor(d, config.color, d._index, true);
+    const colorParsed = color(c);
+    const brightness = colorParsed ? hexToBrightness(colorParsed.hex()) : 0;
+    return brightness > 0.65 ? labelColors.dark : labelColors.light;
+}
+function createLabel(selection, config) {
+    selection
+        .text(d => { var _a; return (_a = getString(d, config.label)) !== null && _a !== void 0 ? _a : d.data.key; })
+        .style('opacity', 0);
+}
+function updateLabel(selection, config, arcGen, duration) {
+    smartTransition(selection, duration)
+        .style('opacity', 1);
+    selection
+        .text(d => { var _a; return (_a = getString(d, config.label)) !== null && _a !== void 0 ? _a : d.data.key; })
+        .attr('x', d => arcGen.centroid(d)[0])
+        .attr('y', d => arcGen.centroid(d)[1])
+        .style('fill', d => getLabelFillColor(d, config));
+}
+function removeLabel(selection, duration) {
+    smartTransition(selection, duration)
+        .style('opacity', 0)
+        .remove();
+}
+
+export { createLabel, removeLabel, updateLabel };
+//# sourceMappingURL=label.js.map

package/components/nested-donut/modules/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../src/components/nested-donut/modules/label.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { color } from 'd3-color'\nimport { Arc } from 'd3-shape'\n\n// Utils\nimport { getColor, hexToBrightness } from 'utils/color'\nimport { smartTransition } from 'utils/d3'\nimport { getString } from 'utils/data'\n\n// Config\nimport { NestedDonutConfig } from '../config'\n\n// Local Types\nimport { NestedDonutSegment } from '../types'\n\n// Styles\nimport { labelColors } from '../style'\n\nfunction getLabelFillColor<Datum> (\n  d: NestedDonutSegment<Datum>,\n  config: NestedDonutConfig<Datum>\n): string {\n  const c = getColor(d, config.color, d._index, true)\n  const colorParsed = color(c)\n  const brightness = colorParsed ? hexToBrightness(colorParsed.hex()) : 0\n  return brightness > 0.65 ? labelColors.dark : labelColors.light\n}\n\nexport function createLabel<Datum> (\n  selection: Selection<SVGTextElement, NestedDonutSegment<Datum>, SVGGElement, unknown>,\n  config: NestedDonutConfig<Datum>\n): void {\n  selection\n    .text(d => getString(d, config.label) ?? d.data.key)\n    .style('opacity', 0)\n}\n\nexport function updateLabel<Datum> (\n  selection: Selection<SVGTextElement, NestedDonutSegment<Datum>, SVGGElement, unknown>,\n  config: NestedDonutConfig<Datum>,\n  arcGen: Arc<unknown, NestedDonutSegment<Datum>>,\n  duration: number\n): void {\n  smartTransition(selection, duration)\n    .style('opacity', 1)\n\n  selection\n    .text(d => getString(d, config.label) ?? d.data.key)\n    .attr('x', d => arcGen.centroid(d)[0])\n    .attr('y', d => arcGen.centroid(d)[1])\n    .style('fill', d => getLabelFillColor(d, config))\n}\n\nexport function removeLabel<Datum> (\n  selection: Selection<SVGTextElement, NestedDonutSegment<Datum>, SVGGElement, unknown>,\n  duration: number\n): void {\n  smartTransition(selection, duration)\n    .style('opacity', 0)\n    .remove()\n}\n\n\n"],"names":[],"mappings":";;;;;;AAkBA,SAAS,iBAAiB,CACxB,CAA4B,EAC5B,MAAgC,EAAA;AAEhC,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;AACnD,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;AAC5B,IAAA,MAAM,UAAU,GAAG,WAAW,GAAG,eAAe,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;AACvE,IAAA,OAAO,UAAU,GAAG,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,CAAA;AACjE,CAAC;AAEe,SAAA,WAAW,CACzB,SAAqF,EACrF,MAAgC,EAAA;IAEhC,SAAS;SACN,IAAI,CAAC,CAAC,cAAI,OAAA,CAAA,EAAA,GAAA,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAA,EAAA,CAAC;AACnD,SAAA,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;AACxB,CAAC;AAEK,SAAU,WAAW,CACzB,SAAqF,EACrF,MAAgC,EAChC,MAA+C,EAC/C,QAAgB,EAAA;AAEhB,IAAA,eAAe,CAAC,SAAS,EAAE,QAAQ,CAAC;AACjC,SAAA,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;IAEtB,SAAS;SACN,IAAI,CAAC,CAAC,cAAI,OAAA,CAAA,EAAA,GAAA,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAA,EAAA,CAAC;AACnD,SAAA,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,SAAA,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,SAAA,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;AACrD,CAAC;AAEe,SAAA,WAAW,CACzB,SAAqF,EACrF,QAAgB,EAAA;AAEhB,IAAA,eAAe,CAAC,SAAS,EAAE,QAAQ,CAAC;AACjC,SAAA,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;AACnB,SAAA,MAAM,EAAE,CAAA;AACb;;;;"}

package/components/nested-donut/style.d.ts

@@ -0,0 +1,26 @@
+export declare const labelColors: {
+    dark: string;
+    light: string;
+};
+export declare const root: string;
+export declare const variables: {
+    nestedDonutBackgroundColor: "--vis-nested-donut-background-color";
+    nestedDonutFontFamily: "--vis-nested-donut-font-family";
+    nestedDonutCentralLabelFontSize: "--vis-nested-donut-central-label-font-size";
+    nestedDonutCentralLabelFontWeight: "--vis-nested-donut-central-label-font-weight";
+    nestedDonutCentralLabelTextColor: "--vis-nested-donut-central-label-text-color";
+    nestedDonutCentralSublabelFontSize: "--vis-nested-donut-central-sublabel-font-size";
+    nestedDonutCentralSublabelFontWeight: "--vis-nested-donut-central-sublabel-font-weight";
+    nestedDonutCentralSublabelTextColor: "--vis-nested-donut-central-sublabel-text-color";
+    nestedDonutSegmentStrokeWidth: "--vis-nested-donut-segment-stroke-width";
+    nestedDonutSegmentStrokeColor: "--vis-nested-donut-segment-stroke-color";
+    darkNestedDonutBackgroundColor: "--vis-dark-nested-donut-background-color";
+    darkNestedDonutCentralLabelTextColor: "--vis-dark-nested-donut-central-label-text-color";
+    darkNestedDonutCentralSublabelTextColor: "--vis-dark-nested-donut-central-sublabel-text-color";
+};
+export declare const background: string;
+export declare const segment: string;
+export declare const segmentLabel: string;
+export declare const segmentExit: string;
+export declare const centralLabel: string;
+export declare const centralSubLabel: string;

package/components/nested-donut/style.js

@@ -0,0 +1,70 @@
+import { css } from '@emotion/css';
+import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
+
+const labelColors = {
+    dark: '#5b5f6d',
+    light: '#fff',
+};
+const cssVarDefaults = {
+    '--vis-nested-donut-background-color': '#E7E9F3',
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    '--vis-nested-donut-font-family': undefined,
+    // Central label
+    '--vis-nested-donut-central-label-font-size': '16px',
+    '--vis-nested-donut-central-label-font-weight': 600,
+    '--vis-nested-donut-central-label-text-color': labelColors.dark,
+    // Central sub-label
+    '--vis-nested-donut-central-sublabel-font-size': '12px;',
+    '--vis-nested-donut-central-sublabel-font-weight': 500,
+    '--vis-nested-donut-central-sublabel-text-color': labelColors.dark,
+    // Segments
+    '--vis-nested-donut-segment-stroke-width': '1px',
+    '--vis-nested-donut-segment-stroke-color': '',
+    /* Dark theme */
+    '--vis-dark-nested-donut-background-color': '#18160C',
+    '--vis-dark-nested-donut-central-label-text-color': labelColors.light,
+    '--vis-dark-nested-donut-central-sublabel-text-color': labelColors.light,
+};
+const root = css `
+  label: nested-donut-component;
+`;
+const variables = getCssVarNames(cssVarDefaults);
+injectGlobalCssVariables(cssVarDefaults, root);
+const background = css `
+  label: background;
+  fill: var(--vis-donut-background-color);
+`;
+const segment = css `
+  label: segment;
+  stroke-width: var(--vis-nested-donut-segment-stroke-width);
+  stroke: var(--vis-nested-donut-segment-stroke-color, var(--vis-donut-background-color));
+`;
+const segmentLabel = css `
+  label: segment-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+`;
+const segmentExit = css `
+  label: segment-exit;
+`;
+const centralLabel = css `
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-nested-donut-central-label-font-size);
+  font-family: var(--vis-nested-donut-central-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-nested-donut-central-label-font-weight);
+  fill: var(--vis-nested-donut-central-label-text-color);
+`;
+const centralSubLabel = css `
+  label: central-sub-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-nested-donut-central-sublabel-font-size);
+  font-family: var(--vis-nested-donut-central-sublabel-font-family, var(--vis-font-family));
+  font-weight: var(--vis-nested-donut-central-sublabel-font-weight);
+  fill: var(--vis-nested-donut-central-sublabel-text-color);
+`;
+
+export { background, centralLabel, centralSubLabel, labelColors, root, segment, segmentExit, segmentLabel, variables };
+//# sourceMappingURL=style.js.map

package/components/nested-donut/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/nested-donut/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nexport const labelColors = {\n  dark: '#5b5f6d',\n  light: '#fff',\n}\n\nconst cssVarDefaults = {\n  '--vis-nested-donut-background-color': '#E7E9F3',\n  // Undefined by default to allow proper fallback to var(--vis-font-family)\n  '--vis-nested-donut-font-family': undefined,\n\n  // Central label\n  '--vis-nested-donut-central-label-font-size': '16px',\n  '--vis-nested-donut-central-label-font-weight': 600,\n  '--vis-nested-donut-central-label-text-color': labelColors.dark,\n\n  // Central sub-label\n  '--vis-nested-donut-central-sublabel-font-size': '12px;',\n  '--vis-nested-donut-central-sublabel-font-weight': 500,\n  '--vis-nested-donut-central-sublabel-text-color': labelColors.dark,\n\n  // Segments\n  '--vis-nested-donut-segment-stroke-width': '1px',\n  '--vis-nested-donut-segment-stroke-color': '',\n\n  /* Dark theme */\n  '--vis-dark-nested-donut-background-color': '#18160C',\n  '--vis-dark-nested-donut-central-label-text-color': labelColors.light,\n  '--vis-dark-nested-donut-central-sublabel-text-color': labelColors.light,\n}\n\nexport const root = css`\n  label: nested-donut-component;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n  label: background;\n  fill: var(--vis-donut-background-color);\n`\n\nexport const segment = css`\n  label: segment;\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color, var(--vis-donut-background-color));\n`\n\nexport const segmentLabel = css`\n  label: segment-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n`\n\nexport const segmentExit = css`\n  label: segment-exit;\n`\n\nexport const centralLabel = css`\n  label: central-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-label-font-size);\n  font-family: var(--vis-nested-donut-central-label-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-label-font-weight);\n  fill: var(--vis-nested-donut-central-label-text-color);\n`\n\nexport const centralSubLabel = css`\n  label: central-sub-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-sublabel-font-size);\n  font-family: var(--vis-nested-donut-central-sublabel-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-sublabel-font-weight);\n  fill: var(--vis-nested-donut-central-sublabel-text-color);\n`\n"],"names":[],"mappings":";;;AAKa,MAAA,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,MAAM;EACd;AAED,MAAM,cAAc,GAAG;AACrB,IAAA,qCAAqC,EAAE,SAAS;;AAEhD,IAAA,gCAAgC,EAAE,SAAS;;AAG3C,IAAA,4CAA4C,EAAE,MAAM;AACpD,IAAA,8CAA8C,EAAE,GAAG;IACnD,6CAA6C,EAAE,WAAW,CAAC,IAAI;;AAG/D,IAAA,+CAA+C,EAAE,OAAO;AACxD,IAAA,iDAAiD,EAAE,GAAG;IACtD,gDAAgD,EAAE,WAAW,CAAC,IAAI;;AAGlE,IAAA,yCAAyC,EAAE,KAAK;AAChD,IAAA,yCAAyC,EAAE,EAAE;;AAG7C,IAAA,0CAA0C,EAAE,SAAS;IACrD,kDAAkD,EAAE,WAAW,CAAC,KAAK;IACrE,qDAAqD,EAAE,WAAW,CAAC,KAAK;CACzE,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;EAG5B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;;EAIzB;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;EAI9B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ9B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}

package/components/nested-donut/types.d.ts

@@ -0,0 +1,24 @@
+import { HierarchyRectangularNode } from 'd3-hierarchy';
+export declare type NestedDonutSegmentDatum<Datum> = {
+    key: string;
+    root?: string;
+    values?: (Datum | NestedDonutSegmentDatum<Datum>)[];
+};
+export declare type NestedDonutSegment<Datum> = HierarchyRectangularNode<NestedDonutSegmentDatum<Datum>> & {
+    _id: string;
+    _layer: number;
+    _index?: number;
+    _state?: {
+        fill?: string;
+    };
+};
+export declare enum NestedDonutDirection {
+    INWARDS = "inwards",
+    OUTWARDS = "outwards"
+}
+export declare type NestedDonutLayerSettings = {
+    width?: number;
+};
+export declare const defaultLayerSettings: {
+    width: number;
+};

package/components/nested-donut/types.js

@@ -0,0 +1,11 @@
+var NestedDonutDirection;
+(function (NestedDonutDirection) {
+    NestedDonutDirection["INWARDS"] = "inwards";
+    NestedDonutDirection["OUTWARDS"] = "outwards";
+})(NestedDonutDirection || (NestedDonutDirection = {}));
+const defaultLayerSettings = {
+    width: 50,
+};
+
+export { NestedDonutDirection, defaultLayerSettings };
+//# sourceMappingURL=types.js.map

package/components/nested-donut/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/nested-donut/types.ts"],"sourcesContent":["import { HierarchyRectangularNode } from 'd3-hierarchy'\n\nexport type NestedDonutSegmentDatum<Datum> = {\n  key: string;\n  root?: string;\n  values?: (Datum | NestedDonutSegmentDatum<Datum>)[];\n}\n\nexport type NestedDonutSegment<Datum> = HierarchyRectangularNode<NestedDonutSegmentDatum<Datum>> & {\n  _id: string;\n  _layer: number;\n  _index?: number;\n  _state?: {\n    fill?: string;\n  };\n}\n\nexport enum NestedDonutDirection {\n  INWARDS = 'inwards',\n  OUTWARDS = 'outwards',\n}\n\nexport type NestedDonutLayerSettings = {\n  width?: number;\n}\n\nexport const defaultLayerSettings = {\n  width: 50,\n}\n"],"names":[],"mappings":"IAiBY,qBAGX;AAHD,CAAA,UAAY,oBAAoB,EAAA;AAC9B,IAAA,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,oBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,GAG/B,EAAA,CAAA,CAAA,CAAA;AAMY,MAAA,oBAAoB,GAAG;AAClC,IAAA,KAAK,EAAE,EAAE;;;;;"}

package/components/sankey/config.d.ts

@@ -0,0 +1,162 @@
+import { ComponentConfigInterface, ComponentConfig } from "../../core/component/config";
+import { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from "../../types/accessor";
+import { TrimMode, VerticalAlign, FitMode } from "../../types/text";
+import { Position } from "../../types/position";
+import { SankeyInputLink, SankeyInputNode, SankeyNodeAlign, SankeySubLabelPlacement, SankeyExitTransitionType, SankeyEnterTransitionType, SankeyLink, SankeyNode } from './types';
+export interface SankeyConfigInterface<N extends SankeyInputNode, L extends SankeyInputLink> extends ComponentConfigInterface {
+    /** Node / Link id accessor function. Used for mapping of data updates to corresponding SVG objects. Default: `(d, i) => d.id ?? i.toString()` */
+    id?: (d: SankeyInputNode | SankeyInputLink, i: number, ...any: any[]) => string;
+    /** Coefficient to scale the height of the diagram when the amount of links is low: `C * links.length`, clamped to `[height / 2, height]`. Default: `1/16` */
+    heightNormalizationCoeff?: number;
+    /** Type of animation on removing nodes. Default: `ExitTransitionType.Default` */
+    exitTransitionType?: SankeyExitTransitionType;
+    /** Type of animation on creating nodes. Default: `EnterTransitionType.Default` */
+    enterTransitionType?: SankeyEnterTransitionType;
+    /** Highlight the corresponding subtree on node / link hover. Default: `false` */
+    highlightSubtreeOnHover?: boolean;
+    /** Highlight animation duration, ms. Default: `400` */
+    highlightDuration?: number;
+    /** Highlight delay, ms. Default: `1000` */
+    highlightDelay?: number;
+    /** Sankey algorithm iterations. Default: `32` */
+    iterations?: number;
+    /** Sankey node sorting function. Default: `undefined`.
+     *  Node sorting is applied to nodes in one layer (column). Layer by layer.
+     *  Options: `undefined` - the order is determined by the layout;
+     *           `null` - the order is fixed by the input;
+     *           sort function - the order is determined by the function.
+    */
+    nodeSort?: ((node1: SankeyNode<N, L>, node2: SankeyNode<N, L>) => number) | null | undefined;
+    /** Sankey link sorting function. Default: `(link2, link1) => link1.value - link2.value`.
+     *  Link sorting is applied to the source (exiting) links within one node.
+     *  Options: `undefined` - the order is determined by the layout;
+     *           `null` - the order is fixed by the input;
+     *           sort function - the order is determined by the function.
+    */
+    linkSort?: ((link1: SankeyLink<N, L>, link2: SankeyLink<N, L>) => number) | null | undefined;
+    /** Sankey node width in pixels */
+    nodeWidth?: number;
+    /** Sankey node alignment method */
+    nodeAlign?: SankeyNodeAlign;
+    /** Horizontal space between the nodes. Extended Sizing property only. Default: `150` */
+    nodeHorizontalSpacing?: number;
+    /** Minimum node height. Extended Sizing property only. Default: `20` */
+    nodeMinHeight?: number;
+    /** Maximum node height. Extended Sizing property only. Default: `100` */
+    nodeMaxHeight?: number;
+    /** Sankey vertical separation between nodes in pixels. Default: `2` */
+    nodePadding?: number;
+    /** Display the graph when data has just one element */
+    showSingleNode?: boolean;
+    /** Node cursor on hover. Default: `undefined` */
+    nodeCursor?: StringAccessor<SankeyNode<N, L>>;
+    /** Node icon accessor function or value. Default: `undefined` */
+    nodeIcon?: StringAccessor<SankeyNode<N, L>>;
+    /** Node color accessor function or value. Default: `undefined` */
+    nodeColor?: ColorAccessor<SankeyNode<N, L>>;
+    /** Node `fixedValue` accessor function or constant. It defines the node value that will be used to calculate
+     * the height of the nodes by d3-sankey (by default the height will be based on aggregated `linkValue`).
+     * Default: `n => n.fixedValue`
+    */
+    nodeFixedValue?: NumericAccessor<N>;
+    /** Icon color accessor function or value. Default: `undefined` */
+    nodeIconColor?: ColorAccessor<SankeyNode<N, L>>;
+    /** Link color accessor function or value. Default: `l => l.color` */
+    linkColor?: StringAccessor<SankeyLink<N, L>>;
+    /** Link flow accessor function or value. Default: `l => l.value` */
+    linkValue?: NumericAccessor<L>;
+    /** Link cursor on hover. Default: `undefined` */
+    linkCursor?: StringAccessor<SankeyLink<N, L>>;
+    /** Node label accessor function or value. Default: `n => n.label` */
+    label?: StringAccessor<SankeyNode<N, L>>;
+    /** Node sub-label accessor function or value. Default: `undefined` */
+    subLabel?: StringAccessor<SankeyNode<N, L>>;
+    /** Label position relative to the Node. Default: `Position.AUTO` */
+    labelPosition?: GenericAccessor<Position.Auto | Position.Left | Position.Right | string, SankeyNode<N, L>>;
+    /** Label vertical alignment */
+    labelVerticalAlign?: VerticalAlign | string;
+    /** Label background */
+    labelBackground?: boolean;
+    /** Label fit mode (wrap or trim). Default: `FitMode.TRIM` **/
+    labelFit?: FitMode;
+    /** Maximum label with in pixels. Default: `70` */
+    labelMaxWidth?: number;
+    /** Expand trimmed label on hover. Default: `true` */
+    labelExpandTrimmedOnHover?: boolean;
+    /** Label trimming mode. Default: `TrimMode.Middle` */
+    labelTrimMode?: TrimMode;
+    /** Label font size in pixels. If not provided, the value of CSS variable `--vis-sankey-node-label-font-size` will be used. Default: `undefined` */
+    labelFontSize?: number;
+    /** Label text separators for wrapping. Default: `[' ', '-']` */
+    labelTextSeparator?: string[];
+    /** Force break words to fit long labels. Default: `true` */
+    labelForceWordBreak?: boolean;
+    /** Label color. Default: `undefined` */
+    labelColor?: ColorAccessor<SankeyNode<N, L>>;
+    /** Label cursor on hover. Default: `undefined` */
+    labelCursor?: StringAccessor<SankeyNode<N, L>>;
+    /** Custom function to set the label visibility. Default: `undefined` */
+    labelVisibility?: ((d: SankeyNode<N, L>, bbox: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }, hovered: boolean) => boolean) | undefined;
+    /** Sub-label font size in pixels. If not provided, the value of CSS variable `--vis-sankey-node-sublabel-font-size` will be used. Default: `undefined` */
+    subLabelFontSize?: number;
+    /** Sub-label color. Default: `undefined` */
+    subLabelColor?: ColorAccessor<SankeyNode<N, L>>;
+    /** Sub-label position. Default: `SankeySubLabelPlacement.Below` */
+    subLabelPlacement?: SankeySubLabelPlacement | string;
+    /**
+     * Sub-label to label width ratio when `subLabelPlacement` is set to `SankeySubLabelPlacement.Inline`
+     * Default: `0.4`, which means that 40% of `labelMaxWidth` will be given to sub-label, and 60% to the main label.
+    */
+    subLabelToLabelInlineWidthRatio?: number;
+}
+export declare class SankeyConfig<N extends SankeyInputNode, L extends SankeyInputLink> extends ComponentConfig implements SankeyConfigInterface<N, L> {
+    heightNormalizationCoeff: number;
+    exitTransitionType: SankeyExitTransitionType;
+    enterTransitionType: SankeyEnterTransitionType;
+    id: (d: SankeyInputNode | SankeyInputLink, i: number) => string;
+    highlightSubtreeOnHover: boolean;
+    highlightDuration: number;
+    highlightDelay: number;
+    iterations: number;
+    linkSort: (link2: L, link1: L) => number;
+    nodeSort: any;
+    nodeWidth: number;
+    nodeAlign: SankeyNodeAlign;
+    nodeHorizontalSpacing: number;
+    nodeMinHeight: number;
+    nodeMaxHeight: number;
+    nodePadding: number;
+    nodeColor: (d: SankeyNode<N, L>) => string;
+    nodeFixedValue: (d: N) => number;
+    showSingleNode: boolean;
+    nodeCursor: any;
+    nodeIcon: any;
+    nodeIconColor: any;
+    label: (d: SankeyNode<N, L>) => string;
+    labelPosition: Position;
+    labelVerticalAlign: VerticalAlign;
+    labelBackground: boolean;
+    labelTextSeparator: string[];
+    labelFit: FitMode;
+    labelTrimMode: TrimMode;
+    labelForceWordBreak: boolean;
+    labelFontSize: any;
+    labelCursor: any;
+    labelColor: any;
+    labelMaxWidth: number;
+    labelExpandTrimmedOnHover: boolean;
+    labelVisibility: any;
+    subLabel: any;
+    subLabelFontSize: any;
+    subLabelColor: any;
+    subLabelPlacement: SankeySubLabelPlacement;
+    subLabelToLabelInlineWidthRatio: number;
+    linkValue: (d: L) => number;
+    linkColor: (d: SankeyLink<N, L>) => string;
+    linkCursor: any;
+}

package/components/sankey/config.js

@@ -0,0 +1,65 @@
+import { ComponentConfig } from '../../core/component/config.js';
+import { getNumber } from '../../utils/data.js';
+import { VerticalAlign, FitMode, TrimMode } from '../../types/text.js';
+import { Position } from '../../types/position.js';
+import { SankeyExitTransitionType, SankeyEnterTransitionType, SankeyNodeAlign, SankeySubLabelPlacement } from './types.js';
+
+/* eslint-disable dot-notation */
+class SankeyConfig extends ComponentConfig {
+    constructor() {
+        super(...arguments);
+        // General
+        this.heightNormalizationCoeff = 1 / 16;
+        this.exitTransitionType = SankeyExitTransitionType.Default;
+        this.enterTransitionType = SankeyEnterTransitionType.Default;
+        // eslint-disable-next-line dot-notation
+        this.id = (d, i) => { var _a; return (_a = d['_id']) !== null && _a !== void 0 ? _a : `${i}`; };
+        this.highlightSubtreeOnHover = false;
+        this.highlightDuration = 300;
+        this.highlightDelay = 1000;
+        this.iterations = 32;
+        // Sorting
+        this.linkSort = (link2, link1) => getNumber(link1, this.linkValue) - getNumber(link2, this.linkValue);
+        this.nodeSort = undefined;
+        // Nodes
+        this.nodeWidth = 25;
+        this.nodeAlign = SankeyNodeAlign.Justify;
+        this.nodeHorizontalSpacing = 150;
+        this.nodeMinHeight = 20;
+        this.nodeMaxHeight = 100;
+        this.nodePadding = 2;
+        this.nodeColor = (d) => d['color'];
+        this.nodeFixedValue = (d) => d['fixedValue'];
+        this.showSingleNode = true;
+        this.nodeCursor = undefined;
+        this.nodeIcon = undefined;
+        this.nodeIconColor = undefined;
+        // Labels
+        this.label = (d) => d['label'];
+        this.labelPosition = Position.Auto;
+        this.labelVerticalAlign = VerticalAlign.Middle;
+        this.labelBackground = false;
+        this.labelTextSeparator = [' ', '-'];
+        this.labelFit = FitMode.Trim;
+        this.labelTrimMode = TrimMode.Middle;
+        this.labelForceWordBreak = true;
+        this.labelFontSize = undefined;
+        this.labelCursor = undefined;
+        this.labelColor = undefined;
+        this.labelMaxWidth = 70;
+        this.labelExpandTrimmedOnHover = true;
+        this.labelVisibility = undefined;
+        this.subLabel = undefined;
+        this.subLabelFontSize = undefined;
+        this.subLabelColor = undefined;
+        this.subLabelPlacement = SankeySubLabelPlacement.Below;
+        this.subLabelToLabelInlineWidthRatio = 0.4;
+        // Links
+        this.linkValue = (d) => d['value'];
+        this.linkColor = (d) => d['color'];
+        this.linkCursor = undefined;
+    }
+}
+
+export { SankeyConfig };
+//# sourceMappingURL=config.js.map

package/components/sankey/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/sankey/config.ts"],"sourcesContent":["/* eslint-disable dot-notation */\n\n// Config\nimport { ComponentConfigInterface, ComponentConfig } from 'core/component/config'\n\n// Utils\nimport { getNumber } from 'utils/data'\n\n// Types\nimport { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { TrimMode, VerticalAlign, FitMode } from 'types/text'\nimport { Position } from 'types/position'\nimport {\n  SankeyInputLink,\n  SankeyInputNode,\n  SankeyNodeAlign,\n  SankeySubLabelPlacement,\n  SankeyExitTransitionType,\n  SankeyEnterTransitionType,\n  SankeyLink,\n  SankeyNode,\n} from './types'\n\nexport interface SankeyConfigInterface<N extends SankeyInputNode, L extends SankeyInputLink> extends ComponentConfigInterface {\n  // General\n  /** Node / Link id accessor function. Used for mapping of data updates to corresponding SVG objects. Default: `(d, i) => d.id ?? i.toString()` */\n  id?: (d: SankeyInputNode | SankeyInputLink, i: number, ...any) => string;\n  /** Coefficient to scale the height of the diagram when the amount of links is low: `C * links.length`, clamped to `[height / 2, height]`. Default: `1/16` */\n  heightNormalizationCoeff?: number;\n  /** Type of animation on removing nodes. Default: `ExitTransitionType.Default` */\n  exitTransitionType?: SankeyExitTransitionType;\n  /** Type of animation on creating nodes. Default: `EnterTransitionType.Default` */\n  enterTransitionType?: SankeyEnterTransitionType;\n  /** Highlight the corresponding subtree on node / link hover. Default: `false` */\n  highlightSubtreeOnHover?: boolean;\n  /** Highlight animation duration, ms. Default: `400` */\n  highlightDuration?: number;\n  /** Highlight delay, ms. Default: `1000` */\n  highlightDelay?: number;\n  /** Sankey algorithm iterations. Default: `32` */\n  iterations?: number;\n\n  // Sorting\n  /** Sankey node sorting function. Default: `undefined`.\n   *  Node sorting is applied to nodes in one layer (column). Layer by layer.\n   *  Options: `undefined` - the order is determined by the layout;\n   *           `null` - the order is fixed by the input;\n   *           sort function - the order is determined by the function.\n  */\n  nodeSort?: ((node1: SankeyNode<N, L>, node2: SankeyNode<N, L>) => number) | null | undefined;\n  /** Sankey link sorting function. Default: `(link2, link1) => link1.value - link2.value`.\n   *  Link sorting is applied to the source (exiting) links within one node.\n   *  Options: `undefined` - the order is determined by the layout;\n   *           `null` - the order is fixed by the input;\n   *           sort function - the order is determined by the function.\n  */\n  linkSort?: ((link1: SankeyLink<N, L>, link2: SankeyLink<N, L>) => number) | null | undefined;\n\n  // Nodes\n  /** Sankey node width in pixels */\n  nodeWidth?: number;\n  /** Sankey node alignment method */\n  nodeAlign?: SankeyNodeAlign;\n  /** Horizontal space between the nodes. Extended Sizing property only. Default: `150` */\n  nodeHorizontalSpacing?: number;\n  /** Minimum node height. Extended Sizing property only. Default: `20` */\n  nodeMinHeight?: number;\n  /** Maximum node height. Extended Sizing property only. Default: `100` */\n  nodeMaxHeight?: number;\n  /** Sankey vertical separation between nodes in pixels. Default: `2` */\n  nodePadding?: number;\n  /** Display the graph when data has just one element */\n  showSingleNode?: boolean;\n  /** Node cursor on hover. Default: `undefined` */\n  nodeCursor?: StringAccessor<SankeyNode<N, L>>;\n  /** Node icon accessor function or value. Default: `undefined` */\n  nodeIcon?: StringAccessor<SankeyNode<N, L>>;\n  /** Node color accessor function or value. Default: `undefined` */\n  nodeColor?: ColorAccessor<SankeyNode<N, L>>;\n  /** Node `fixedValue` accessor function or constant. It defines the node value that will be used to calculate\n   * the height of the nodes by d3-sankey (by default the height will be based on aggregated `linkValue`).\n   * Default: `n => n.fixedValue`\n  */\n  nodeFixedValue?: NumericAccessor<N>;\n  /** Icon color accessor function or value. Default: `undefined` */\n  nodeIconColor?: ColorAccessor<SankeyNode<N, L>>;\n\n  // Links\n  /** Link color accessor function or value. Default: `l => l.color` */\n  linkColor?: StringAccessor<SankeyLink<N, L>>;\n  /** Link flow accessor function or value. Default: `l => l.value` */\n  linkValue?: NumericAccessor<L>;\n  /** Link cursor on hover. Default: `undefined` */\n  linkCursor?: StringAccessor<SankeyLink<N, L>>;\n\n  // Labels\n  /** Node label accessor function or value. Default: `n => n.label` */\n  label?: StringAccessor<SankeyNode<N, L>>;\n  /** Node sub-label accessor function or value. Default: `undefined` */\n  subLabel?: StringAccessor<SankeyNode<N, L>>;\n  /** Label position relative to the Node. Default: `Position.AUTO` */\n  labelPosition?: GenericAccessor<Position.Auto | Position.Left | Position.Right | string, SankeyNode<N, L>>;\n  /** Label vertical alignment */\n  labelVerticalAlign?: VerticalAlign | string;\n  /** Label background */\n  labelBackground?: boolean;\n  /** Label fit mode (wrap or trim). Default: `FitMode.TRIM` **/\n  labelFit?: FitMode;\n  /** Maximum label with in pixels. Default: `70` */\n  labelMaxWidth?: number;\n  /** Expand trimmed label on hover. Default: `true` */\n  labelExpandTrimmedOnHover?: boolean;\n  /** Label trimming mode. Default: `TrimMode.Middle` */\n  labelTrimMode?: TrimMode;\n  /** Label font size in pixels. If not provided, the value of CSS variable `--vis-sankey-node-label-font-size` will be used. Default: `undefined` */\n  labelFontSize?: number;\n  /** Label text separators for wrapping. Default: `[' ', '-']` */\n  labelTextSeparator?: string[];\n  /** Force break words to fit long labels. Default: `true` */\n  labelForceWordBreak?: boolean;\n  /** Label color. Default: `undefined` */\n  labelColor?: ColorAccessor<SankeyNode<N, L>>;\n  /** Label cursor on hover. Default: `undefined` */\n  labelCursor?: StringAccessor<SankeyNode<N, L>>;\n  /** Custom function to set the label visibility. Default: `undefined` */\n  labelVisibility?: ((d: SankeyNode<N, L>, bbox: { x: number; y: number; width: number; height: number }, hovered: boolean) => boolean) | undefined;\n  /** Sub-label font size in pixels. If not provided, the value of CSS variable `--vis-sankey-node-sublabel-font-size` will be used. Default: `undefined` */\n  subLabelFontSize?: number;\n  /** Sub-label color. Default: `undefined` */\n  subLabelColor?: ColorAccessor<SankeyNode<N, L>>;\n  /** Sub-label position. Default: `SankeySubLabelPlacement.Below` */\n  subLabelPlacement?: SankeySubLabelPlacement | string;\n  /**\n   * Sub-label to label width ratio when `subLabelPlacement` is set to `SankeySubLabelPlacement.Inline`\n   * Default: `0.4`, which means that 40% of `labelMaxWidth` will be given to sub-label, and 60% to the main label.\n  */\n  subLabelToLabelInlineWidthRatio?: number;\n}\n\nexport class SankeyConfig<N extends SankeyInputNode, L extends SankeyInputLink> extends ComponentConfig implements SankeyConfigInterface<N, L> {\n  // General\n  heightNormalizationCoeff = 1 / 16\n  exitTransitionType = SankeyExitTransitionType.Default\n  enterTransitionType = SankeyEnterTransitionType.Default\n  // eslint-disable-next-line dot-notation\n  id = (d: SankeyInputNode | SankeyInputLink, i: number): string => d['_id'] ?? `${i}`\n  highlightSubtreeOnHover = false\n  highlightDuration = 300\n  highlightDelay = 1000\n  iterations = 32\n\n  // Sorting\n  linkSort = (link2: L, link1: L): number => getNumber(link1, this.linkValue) - getNumber(link2, this.linkValue)\n  nodeSort = undefined\n\n  // Nodes\n  nodeWidth = 25\n  nodeAlign = SankeyNodeAlign.Justify\n  nodeHorizontalSpacing = 150\n  nodeMinHeight = 20\n  nodeMaxHeight = 100\n  nodePadding = 2\n  nodeColor = (d: SankeyNode<N, L>): string => d['color']\n  nodeFixedValue = (d: N): number => d['fixedValue']\n  showSingleNode = true\n  nodeCursor = undefined\n  nodeIcon = undefined\n  nodeIconColor = undefined\n\n  // Labels\n  label = (d: SankeyNode<N, L>): string => d['label']\n  labelPosition = Position.Auto\n  labelVerticalAlign = VerticalAlign.Middle\n  labelBackground = false\n  labelTextSeparator = [' ', '-']\n  labelFit = FitMode.Trim\n  labelTrimMode = TrimMode.Middle\n  labelForceWordBreak = true\n  labelFontSize = undefined\n  labelCursor = undefined\n  labelColor = undefined\n  labelMaxWidth = 70\n  labelExpandTrimmedOnHover = true\n  labelVisibility = undefined\n  subLabel = undefined\n  subLabelFontSize = undefined\n  subLabelColor = undefined\n  subLabelPlacement = SankeySubLabelPlacement.Below\n  subLabelToLabelInlineWidthRatio = 0.4\n\n  // Links\n  linkValue = (d: L): number => d['value']\n  linkColor = (d: SankeyLink<N, L>): string => d['color']\n  linkCursor = undefined\n}\n"],"names":[],"mappings":"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"}

package/components/sankey/index.d.ts

@@ -0,0 +1,59 @@
+import { ComponentCore } from "../../core/component";
+import { GraphDataModel } from "../../data-models/graph";
+import { ExtendedSizeComponent } from "../../types/component";
+import { Spacing } from "../../types/spacing";
+import { SankeyConfig, SankeyConfigInterface } from './config';
+import * as s from './style';
+import { SankeyInputLink, SankeyInputNode, SankeyLink, SankeyNode } from './types';
+export declare class Sankey<N extends SankeyInputNode, L extends SankeyInputLink> extends ComponentCore<{
+    nodes: N[];
+    links?: L[];
+}, SankeyConfig<N, L>, SankeyConfigInterface<N, L>> implements ExtendedSizeComponent {
+    static selectors: typeof s;
+    config: SankeyConfig<N, L>;
+    datamodel: GraphDataModel<N, L, SankeyNode<N, L>, SankeyLink<N, L>>;
+    private _extendedWidth;
+    private _extendedHeight;
+    private _extendedHeightIncreased;
+    private _linksGroup;
+    private _nodesGroup;
+    private _backgroundRect;
+    private _sankey;
+    private _highlightTimeoutId;
+    private _highlightActive;
+    events: {
+        [x: string]: {
+            mouseenter: (d: SankeyNode<N, L>, event: MouseEvent) => void;
+            mouseleave: (d: SankeyNode<N, L>, event: MouseEvent) => void;
+        } | {
+            mouseenter: (d: SankeyLink<N, L>, event: MouseEvent) => void;
+            mouseleave: (d: SankeyLink<N, L>, event: MouseEvent) => void;
+        };
+    };
+    constructor(config?: SankeyConfigInterface<N, L>);
+    get bleed(): Spacing;
+    setData(data: {
+        nodes: N[];
+        links?: L[];
+    }): void;
+    setConfig(config: SankeyConfigInterface<N, L>): void;
+    _render(customDuration?: number): void;
+    private _populateLinkAndNodeValues;
+    private _preCalculateComponentSize;
+    private _prepareLayout;
+    getWidth(): number;
+    getHeight(): number;
+    getLayoutWidth(): number;
+    getLayoutHeight(): number;
+    getColumnCenters(): number[];
+    highlightSubtree(node: SankeyNode<N, L>): void;
+    recursiveSetSubtreeState(node: SankeyNode<N, L>, linksKey: 'sourceLinks' | 'targetLinks', nodeKey: 'source' | 'target', key: string, value: unknown): void;
+    disableHighlight(): void;
+    private _hasLinks;
+    private _onNodeMouseOver;
+    private _onNodeMouseOut;
+    private _onNodeRectMouseOver;
+    private _onNodeRectMouseOut;
+    private _onLinkMouseOver;
+    private _onLinkMouseOut;
+}