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

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

@@ -1,50 +0,0 @@
-import { interpolate } from 'd3-interpolate';
-import { getColor } from '../../../utils/color.js';
-import { smartTransition } from '../../../utils/d3.js';
-
-function createArc(selection, config) {
-    selection
-        .style('fill', d => { var _a; return (_a = getColor(d, config.color)) !== null && _a !== void 0 ? _a : d._state.fill; })
-        .style('opacity', 0)
-        .each((d, i, els) => {
-        const arcNode = els[i];
-        const angleCenter = (d.x0 + d.x1) / 2;
-        const angleHalfWidth = (d.x1 - d.x0) / 2;
-        arcNode._animState = {
-            x0: angleCenter - angleHalfWidth,
-            x1: angleCenter + angleHalfWidth,
-            y0: d.y0,
-            y1: d.y1,
-        };
-    });
-}
-function updateArc(selection, config, arcGen, duration) {
-    selection
-        .style('transition', `fill ${duration}ms`) // Animate color with CSS because we're using CSS-variables
-        .style('fill', d => { var _a; return (_a = getColor(d, config.color)) !== null && _a !== void 0 ? _a : d._state.fill; });
-    if (duration) {
-        const transition = smartTransition(selection, duration)
-            .style('opacity', 1);
-        transition.attrTween('d', (d, i, els) => {
-            const arcNode = els[i];
-            const nextAnimState = { x0: d.x0, x1: d.x1, y0: d.y0, y1: d.y1 };
-            const datum = interpolate(arcNode._animState, nextAnimState);
-            return (t) => {
-                arcNode._animState = datum(t);
-                return arcGen(arcNode._animState);
-            };
-        });
-    }
-    else {
-        selection.attr('d', arcGen)
-            .style('opacity', 1);
-    }
-}
-function removeArc(selection, duration) {
-    smartTransition(selection, duration)
-        .style('opacity', 0)
-        .remove();
-}
-
-export { createArc, removeArc, updateArc };
-//# sourceMappingURL=arc.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"arc.js","sources":["../../../../src/components/nested-donut/modules/arc.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { Transition } from 'd3-transition'\nimport { interpolate } from 'd3-interpolate'\nimport { Arc } from 'd3-shape'\n\n// Utils\nimport { getColor } from 'utils/color'\nimport { smartTransition } from 'utils/d3'\n\n// Local Types\nimport { NestedDonutSegment } from '../types'\n\n// Config\nimport { NestedDonutConfig } from '../config'\n\ntype AnimState = { x0: number; x1: number; y0: number; y1: number }\nexport interface ArcNode extends SVGElement {\n  _animState?: AnimState;\n}\n\nexport function createArc<Datum> (\n  selection: Selection<SVGPathElement, NestedDonutSegment<Datum>, SVGGElement, unknown>,\n  config: NestedDonutConfig<Datum>\n): void {\n  selection\n    .style('fill', d => getColor(d, config.color) ?? d._state.fill)\n    .style('opacity', 0)\n    .each((d, i, els) => {\n      const arcNode: ArcNode = els[i]\n      const angleCenter = (d.x0 + d.x1) / 2\n      const angleHalfWidth = (d.x1 - d.x0) / 2\n      arcNode._animState = {\n        x0: angleCenter - angleHalfWidth,\n        x1: angleCenter + angleHalfWidth,\n        y0: d.y0,\n        y1: d.y1,\n      }\n    })\n}\n\nexport function updateArc<Datum> (\n  selection: Selection<SVGPathElement, NestedDonutSegment<Datum>, SVGGElement, unknown>,\n  config: NestedDonutConfig<Datum>,\n  arcGen: Arc<any, AnimState>,\n  duration: number\n): void {\n  selection\n    .style('transition', `fill ${duration}ms`) // Animate color with CSS because we're using CSS-variables\n    .style('fill', d => getColor(d, config.color) ?? d._state.fill)\n\n  if (duration) {\n    const transition = smartTransition(selection, duration)\n      .style('opacity', 1) as Transition<SVGPathElement, NestedDonutSegment<Datum>, SVGGElement, ArcNode>\n\n    transition.attrTween('d', (d, i, els) => {\n      const arcNode: ArcNode = els[i]\n      const nextAnimState = { x0: d.x0, x1: d.x1, y0: d.y0, y1: d.y1 }\n      const datum = interpolate(arcNode._animState, nextAnimState)\n\n      return (t: number): string => {\n        arcNode._animState = datum(t)\n        return arcGen(arcNode._animState)\n      }\n    })\n  } else {\n    selection.attr('d', arcGen)\n      .style('opacity', 1)\n  }\n}\n\nexport function removeArc<Datum> (\n  selection: Selection<SVGPathElement, NestedDonutSegment<Datum>, SVGGElement, unknown>,\n  duration: number\n): void {\n  smartTransition(selection, duration)\n    .style('opacity', 0)\n    .remove()\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-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

@@ -1,70 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,24 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,162 +0,0 @@
-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

@@ -1,65 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":";;;;;;AAAA;AA2IM,MAAO,YAAmE,SAAQ,eAAe,CAAA;AAAvG,IAAA,WAAA,GAAA;;;AAEE,QAAA,IAAA,CAAA,wBAAwB,GAAG,CAAC,GAAG,EAAE,CAAA;AACjC,QAAA,IAAA,CAAA,kBAAkB,GAAG,wBAAwB,CAAC,OAAO,CAAA;AACrD,QAAA,IAAA,CAAA,mBAAmB,GAAG,yBAAyB,CAAC,OAAO,CAAA;;QAEvD,IAAE,CAAA,EAAA,GAAG,CAAC,CAAoC,EAAE,CAAS,eAAa,OAAA,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAA,EAAG,CAAC,CAAE,CAAA,CAAA,EAAA,CAAA;QACpF,IAAuB,CAAA,uBAAA,GAAG,KAAK,CAAA;QAC/B,IAAiB,CAAA,iBAAA,GAAG,GAAG,CAAA;QACvB,IAAc,CAAA,cAAA,GAAG,IAAI,CAAA;QACrB,IAAU,CAAA,UAAA,GAAG,EAAE,CAAA;;QAGf,IAAQ,CAAA,QAAA,GAAG,CAAC,KAAQ,EAAE,KAAQ,KAAa,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QAC9G,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;;QAGpB,IAAS,CAAA,SAAA,GAAG,EAAE,CAAA;AACd,QAAA,IAAA,CAAA,SAAS,GAAG,eAAe,CAAC,OAAO,CAAA;QACnC,IAAqB,CAAA,qBAAA,GAAG,GAAG,CAAA;QAC3B,IAAa,CAAA,aAAA,GAAG,EAAE,CAAA;QAClB,IAAa,CAAA,aAAA,GAAG,GAAG,CAAA;QACnB,IAAW,CAAA,WAAA,GAAG,CAAC,CAAA;QACf,IAAS,CAAA,SAAA,GAAG,CAAC,CAAmB,KAAa,CAAC,CAAC,OAAO,CAAC,CAAA;QACvD,IAAc,CAAA,cAAA,GAAG,CAAC,CAAI,KAAa,CAAC,CAAC,YAAY,CAAC,CAAA;QAClD,IAAc,CAAA,cAAA,GAAG,IAAI,CAAA;QACrB,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;QACtB,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;QACpB,IAAa,CAAA,aAAA,GAAG,SAAS,CAAA;;QAGzB,IAAK,CAAA,KAAA,GAAG,CAAC,CAAmB,KAAa,CAAC,CAAC,OAAO,CAAC,CAAA;AACnD,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAA;AAC7B,QAAA,IAAA,CAAA,kBAAkB,GAAG,aAAa,CAAC,MAAM,CAAA;QACzC,IAAe,CAAA,eAAA,GAAG,KAAK,CAAA;AACvB,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;AAC/B,QAAA,IAAA,CAAA,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAA;AACvB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAA;QAC/B,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAA;QAC1B,IAAa,CAAA,aAAA,GAAG,SAAS,CAAA;QACzB,IAAW,CAAA,WAAA,GAAG,SAAS,CAAA;QACvB,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;QACtB,IAAa,CAAA,aAAA,GAAG,EAAE,CAAA;QAClB,IAAyB,CAAA,yBAAA,GAAG,IAAI,CAAA;QAChC,IAAe,CAAA,eAAA,GAAG,SAAS,CAAA;QAC3B,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;QACpB,IAAgB,CAAA,gBAAA,GAAG,SAAS,CAAA;QAC5B,IAAa,CAAA,aAAA,GAAG,SAAS,CAAA;AACzB,QAAA,IAAA,CAAA,iBAAiB,GAAG,uBAAuB,CAAC,KAAK,CAAA;QACjD,IAA+B,CAAA,+BAAA,GAAG,GAAG,CAAA;;QAGrC,IAAS,CAAA,SAAA,GAAG,CAAC,CAAI,KAAa,CAAC,CAAC,OAAO,CAAC,CAAA;QACxC,IAAS,CAAA,SAAA,GAAG,CAAC,CAAmB,KAAa,CAAC,CAAC,OAAO,CAAC,CAAA;QACvD,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;KACvB;AAAA;;;;"}

package/components/sankey/index.d.ts

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