@carbon/charts 1.8.0 → 1.9.0-next.1.0

package/axis-chart.js

@@ -1,169 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-import { Chart } from './chart';
-import { ChartModelCartesian } from './model/cartesian-charts';
-import { LayoutDirection, LayoutGrowth, LegendOrientations, LegendPositions, AxisPositions, ScaleTypes, RenderTypes, LayoutAlignItems, } from './interfaces';
-import { ChartBrush, ChartClip, Modal, LayoutComponent, Legend, Threshold, Highlight, Title, AxisChartsTooltip, Spacer, Toolbar, ZoomBar, } from './components';
-import * as Tools from './tools';
-import { CartesianScales, Curves, Zoom } from './services';
-var AxisChart = /** @class */ (function (_super) {
-    __extends(AxisChart, _super);
-    function AxisChart(holder, chartConfigs) {
-        var _this = _super.call(this, holder, chartConfigs) || this;
-        _this.services = Object.assign(_this.services, {
-            cartesianScales: CartesianScales,
-            curves: Curves,
-            zoom: Zoom,
-        });
-        _this.model = new ChartModelCartesian(_this.services);
-        return _this;
-    }
-    AxisChart.prototype.getAxisChartComponents = function (graphFrameComponents, configs) {
-        var options = this.model.getOptions();
-        var isZoomBarEnabled = Tools.getProperty(options, 'zoomBar', AxisPositions.TOP, 'enabled');
-        var toolbarEnabled = Tools.getProperty(options, 'toolbar', 'enabled');
-        this.services.cartesianScales.determineAxisDuality();
-        this.services.cartesianScales.findDomainAndRangeAxes(); // need to do this before getMainXAxisPosition()
-        this.services.cartesianScales.determineOrientation();
-        var mainXAxisPosition = this.services.cartesianScales.getMainXAxisPosition();
-        var mainXScaleType = Tools.getProperty(options, 'axes', mainXAxisPosition, 'scaleType');
-        // @todo - Zoom Bar only supports main axis at BOTTOM axis and time scale for now
-        var zoomBarEnabled = isZoomBarEnabled &&
-            mainXAxisPosition === AxisPositions.BOTTOM &&
-            mainXScaleType === ScaleTypes.TIME;
-        // @todo - should check if zoom bar in all axes are locked
-        var isZoomBarLocked = this.services.zoom.isZoomBarLocked(AxisPositions.TOP);
-        var titleAvailable = !!this.model.getOptions().title;
-        var titleComponent = {
-            id: 'title',
-            components: [new Title(this.model, this.services)],
-            growth: LayoutGrowth.STRETCH,
-        };
-        var toolbarComponent = {
-            id: 'toolbar',
-            components: [new Toolbar(this.model, this.services)],
-            growth: LayoutGrowth.PREFERRED,
-        };
-        var headerComponent = {
-            id: 'header',
-            components: [
-                new LayoutComponent(this.model, this.services, __spreadArrays([
-                    // always add title to keep layout correct
-                    titleComponent
-                ], (toolbarEnabled ? [toolbarComponent] : [])), {
-                    direction: LayoutDirection.ROW,
-                    alignItems: LayoutAlignItems.CENTER,
-                }),
-            ],
-            growth: LayoutGrowth.PREFERRED,
-        };
-        var legendComponent = {
-            id: 'legend',
-            components: [new Legend(this.model, this.services)],
-            growth: LayoutGrowth.PREFERRED,
-        };
-        // if all zoom bars are locked, no need to add chart brush
-        if (zoomBarEnabled && !isZoomBarLocked) {
-            graphFrameComponents.push(new ChartClip(this.model, this.services), new ChartBrush(this.model, this.services));
-        }
-        graphFrameComponents.push(new Threshold(this.model, this.services));
-        graphFrameComponents.push(new Highlight(this.model, this.services));
-        var graphFrameComponent = {
-            id: 'graph-frame',
-            components: graphFrameComponents,
-            growth: LayoutGrowth.STRETCH,
-            renderType: RenderTypes.SVG,
-        };
-        var isLegendEnabled = Tools.getProperty(configs, 'legend', 'enabled') !== false &&
-            this.model.getOptions().legend.enabled !== false;
-        // Decide the position of the legend in reference to the chart
-        var fullFrameComponentDirection = LayoutDirection.COLUMN;
-        if (isLegendEnabled) {
-            var legendPosition = Tools.getProperty(this.model.getOptions(), 'legend', 'position');
-            if (legendPosition === LegendPositions.LEFT) {
-                fullFrameComponentDirection = LayoutDirection.ROW;
-                if (!this.model.getOptions().legend.orientation) {
-                    this.model.getOptions().legend.orientation =
-                        LegendOrientations.VERTICAL;
-                }
-            }
-            else if (legendPosition === LegendPositions.RIGHT) {
-                fullFrameComponentDirection = LayoutDirection.ROW_REVERSE;
-                if (!this.model.getOptions().legend.orientation) {
-                    this.model.getOptions().legend.orientation =
-                        LegendOrientations.VERTICAL;
-                }
-            }
-            else if (legendPosition === LegendPositions.BOTTOM) {
-                fullFrameComponentDirection = LayoutDirection.COLUMN_REVERSE;
-            }
-        }
-        var legendSpacerComponent = {
-            id: 'spacer',
-            components: [new Spacer(this.model, this.services)],
-            growth: LayoutGrowth.PREFERRED,
-        };
-        var fullFrameComponent = {
-            id: 'full-frame',
-            components: [
-                new LayoutComponent(this.model, this.services, __spreadArrays((isLegendEnabled ? [legendComponent] : []), (isLegendEnabled ? [legendSpacerComponent] : []), [
-                    graphFrameComponent,
-                ]), {
-                    direction: fullFrameComponentDirection,
-                }),
-            ],
-            growth: LayoutGrowth.STRETCH,
-        };
-        var zoomBarComponent = {
-            id: 'zoom-bar',
-            components: [new ZoomBar(this.model, this.services)],
-            growth: LayoutGrowth.PREFERRED,
-            renderType: RenderTypes.SVG,
-        };
-        var topLevelLayoutComponents = [];
-        // header component is required for either title or toolbar
-        if (titleAvailable || toolbarEnabled) {
-            topLevelLayoutComponents.push(headerComponent);
-            var titleSpacerComponent = {
-                id: 'spacer',
-                components: [
-                    new Spacer(this.model, this.services, toolbarEnabled ? { size: 15 } : undefined),
-                ],
-                growth: LayoutGrowth.PREFERRED,
-            };
-            topLevelLayoutComponents.push(titleSpacerComponent);
-        }
-        if (zoomBarEnabled) {
-            topLevelLayoutComponents.push(zoomBarComponent);
-        }
-        topLevelLayoutComponents.push(fullFrameComponent);
-        return [
-            new AxisChartsTooltip(this.model, this.services),
-            new Modal(this.model, this.services),
-            new LayoutComponent(this.model, this.services, topLevelLayoutComponents, {
-                direction: LayoutDirection.COLUMN,
-            }),
-        ];
-    };
-    return AxisChart;
-}(Chart));
-export { AxisChart };
-//# sourceMappingURL=../src/axis-chart.js.map

package/axis-chart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"axis-chart.js","sourceRoot":"","sources":["axis-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { Chart } from './chart';\nimport { ChartModelCartesian } from './model/cartesian-charts';\nimport {\n\tLayoutDirection,\n\tLayoutGrowth,\n\tLegendOrientations,\n\tLegendPositions,\n\tChartConfig,\n\tAxisChartOptions,\n\tAxisPositions,\n\tScaleTypes,\n\tRenderTypes,\n\tLayoutAlignItems,\n} from './interfaces';\nimport {\n\tChartBrush,\n\tChartClip,\n\tModal,\n\tLayoutComponent,\n\tLegend,\n\tThreshold,\n\tHighlight,\n\tTitle,\n\tAxisChartsTooltip,\n\tSpacer,\n\tToolbar,\n\tZoomBar,\n} from './components';\nimport * as Tools from './tools';\n\nimport { CartesianScales, Curves, Zoom } from './services';\n\nexport class AxisChart extends Chart {\n\tservices: any = Object.assign(this.services, {\n\t\tcartesianScales: CartesianScales,\n\t\tcurves: Curves,\n\t\tzoom: Zoom,\n\t});\n\tmodel: ChartModelCartesian = new ChartModelCartesian(this.services);\n\n\tconstructor(holder: Element, chartConfigs: ChartConfig<AxisChartOptions>) {\n\t\tsuper(holder, chartConfigs);\n\t}\n\n\tprotected getAxisChartComponents(\n\t\tgraphFrameComponents: any[],\n\t\tconfigs?: any\n\t) {\n\t\tconst options = this.model.getOptions();\n\t\tconst isZoomBarEnabled = Tools.getProperty(\n\t\t\toptions,\n\t\t\t'zoomBar',\n\t\t\tAxisPositions.TOP,\n\t\t\t'enabled'\n\t\t);\n\t\tconst toolbarEnabled = Tools.getProperty(options, 'toolbar', 'enabled');\n\n\t\tthis.services.cartesianScales.determineAxisDuality();\n\t\tthis.services.cartesianScales.findDomainAndRangeAxes(); // need to do this before getMainXAxisPosition()\n\t\tthis.services.cartesianScales.determineOrientation();\n\n\t\tconst mainXAxisPosition = this.services.cartesianScales.getMainXAxisPosition();\n\t\tconst mainXScaleType = Tools.getProperty(\n\t\t\toptions,\n\t\t\t'axes',\n\t\t\tmainXAxisPosition,\n\t\t\t'scaleType'\n\t\t);\n\t\t// @todo - Zoom Bar only supports main axis at BOTTOM axis and time scale for now\n\t\tconst zoomBarEnabled =\n\t\t\tisZoomBarEnabled &&\n\t\t\tmainXAxisPosition === AxisPositions.BOTTOM &&\n\t\t\tmainXScaleType === ScaleTypes.TIME;\n\n\t\t// @todo - should check if zoom bar in all axes are locked\n\t\tconst isZoomBarLocked = this.services.zoom.isZoomBarLocked(\n\t\t\tAxisPositions.TOP\n\t\t);\n\n\t\tconst titleAvailable = !!this.model.getOptions().title;\n\t\tconst titleComponent = {\n\t\t\tid: 'title',\n\t\t\tcomponents: [new Title(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.STRETCH,\n\t\t};\n\n\t\tconst toolbarComponent = {\n\t\t\tid: 'toolbar',\n\t\t\tcomponents: [new Toolbar(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t};\n\n\t\tconst headerComponent = {\n\t\t\tid: 'header',\n\t\t\tcomponents: [\n\t\t\t\tnew LayoutComponent(\n\t\t\t\t\tthis.model,\n\t\t\t\t\tthis.services,\n\t\t\t\t\t[\n\t\t\t\t\t\t// always add title to keep layout correct\n\t\t\t\t\t\ttitleComponent,\n\t\t\t\t\t\t...(toolbarEnabled ? [toolbarComponent] : []),\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tdirection: LayoutDirection.ROW,\n\t\t\t\t\t\talignItems: LayoutAlignItems.CENTER,\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t};\n\n\t\tconst legendComponent = {\n\t\t\tid: 'legend',\n\t\t\tcomponents: [new Legend(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t};\n\n\t\t// if all zoom bars are locked, no need to add chart brush\n\t\tif (zoomBarEnabled && !isZoomBarLocked) {\n\t\t\tgraphFrameComponents.push(\n\t\t\t\tnew ChartClip(this.model, this.services),\n\t\t\t\tnew ChartBrush(this.model, this.services)\n\t\t\t);\n\t\t}\n\n\t\tgraphFrameComponents.push(new Threshold(this.model, this.services));\n\t\tgraphFrameComponents.push(new Highlight(this.model, this.services));\n\n\t\tconst graphFrameComponent = {\n\t\t\tid: 'graph-frame',\n\t\t\tcomponents: graphFrameComponents,\n\t\t\tgrowth: LayoutGrowth.STRETCH,\n\t\t\trenderType: RenderTypes.SVG,\n\t\t};\n\n\t\tconst isLegendEnabled =\n\t\t\tTools.getProperty(configs, 'legend', 'enabled') !== false &&\n\t\t\tthis.model.getOptions().legend.enabled !== false;\n\n\t\t// Decide the position of the legend in reference to the chart\n\t\tlet fullFrameComponentDirection = LayoutDirection.COLUMN;\n\t\tif (isLegendEnabled) {\n\t\t\tconst legendPosition = Tools.getProperty(\n\t\t\t\tthis.model.getOptions(),\n\t\t\t\t'legend',\n\t\t\t\t'position'\n\t\t\t);\n\t\t\tif (legendPosition === LegendPositions.LEFT) {\n\t\t\t\tfullFrameComponentDirection = LayoutDirection.ROW;\n\n\t\t\t\tif (!this.model.getOptions().legend.orientation) {\n\t\t\t\t\tthis.model.getOptions().legend.orientation =\n\t\t\t\t\t\tLegendOrientations.VERTICAL;\n\t\t\t\t}\n\t\t\t} else if (legendPosition === LegendPositions.RIGHT) {\n\t\t\t\tfullFrameComponentDirection = LayoutDirection.ROW_REVERSE;\n\n\t\t\t\tif (!this.model.getOptions().legend.orientation) {\n\t\t\t\t\tthis.model.getOptions().legend.orientation =\n\t\t\t\t\t\tLegendOrientations.VERTICAL;\n\t\t\t\t}\n\t\t\t} else if (legendPosition === LegendPositions.BOTTOM) {\n\t\t\t\tfullFrameComponentDirection = LayoutDirection.COLUMN_REVERSE;\n\t\t\t}\n\t\t}\n\n\t\tconst legendSpacerComponent = {\n\t\t\tid: 'spacer',\n\t\t\tcomponents: [new Spacer(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t};\n\n\t\tconst fullFrameComponent = {\n\t\t\tid: 'full-frame',\n\t\t\tcomponents: [\n\t\t\t\tnew LayoutComponent(\n\t\t\t\t\tthis.model,\n\t\t\t\t\tthis.services,\n\t\t\t\t\t[\n\t\t\t\t\t\t...(isLegendEnabled ? [legendComponent] : []),\n\t\t\t\t\t\t...(isLegendEnabled ? [legendSpacerComponent] : []),\n\t\t\t\t\t\tgraphFrameComponent,\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tdirection: fullFrameComponentDirection,\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t],\n\t\t\tgrowth: LayoutGrowth.STRETCH,\n\t\t};\n\n\t\tconst zoomBarComponent = {\n\t\t\tid: 'zoom-bar',\n\t\t\tcomponents: [new ZoomBar(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t\trenderType: RenderTypes.SVG,\n\t\t};\n\n\t\tconst topLevelLayoutComponents = [];\n\t\t// header component is required for either title or toolbar\n\t\tif (titleAvailable || toolbarEnabled) {\n\t\t\ttopLevelLayoutComponents.push(headerComponent);\n\n\t\t\tconst titleSpacerComponent = {\n\t\t\t\tid: 'spacer',\n\t\t\t\tcomponents: [\n\t\t\t\t\tnew Spacer(\n\t\t\t\t\t\tthis.model,\n\t\t\t\t\t\tthis.services,\n\t\t\t\t\t\ttoolbarEnabled ? { size: 15 } : undefined\n\t\t\t\t\t),\n\t\t\t\t],\n\t\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t\t};\n\n\t\t\ttopLevelLayoutComponents.push(titleSpacerComponent);\n\t\t}\n\t\tif (zoomBarEnabled) {\n\t\t\ttopLevelLayoutComponents.push(zoomBarComponent);\n\t\t}\n\t\ttopLevelLayoutComponents.push(fullFrameComponent);\n\n\t\treturn [\n\t\t\tnew AxisChartsTooltip(this.model, this.services),\n\t\t\tnew Modal(this.model, this.services),\n\t\t\tnew LayoutComponent(\n\t\t\t\tthis.model,\n\t\t\t\tthis.services,\n\t\t\t\ttopLevelLayoutComponents,\n\t\t\t\t{\n\t\t\t\t\tdirection: LayoutDirection.COLUMN,\n\t\t\t\t}\n\t\t\t),\n\t\t];\n\t}\n}\n"]}

package/build/demo/create-codesandbox.d.ts

@@ -1,113 +0,0 @@
-export declare const createChartSandbox: {
-    (chartTemplate: any): string;
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createVanillaChartApp: {
-    (demo: any): {
-        'index.html': string;
-        'src/index.js': string;
-        'package.json': {
-            scripts: {
-                start: string;
-                build: string;
-            };
-            dependencies: {
-                '@carbon/charts': any;
-                d3: string;
-            };
-            devDependencies: {
-                'parcel-bundler': string;
-            };
-        };
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createReactChartApp: {
-    (demo: any): {
-        'src/index.html': string;
-        'src/index.js': string;
-        'src/ibm-plex-font.css': string;
-        'package.json': {
-            dependencies: {
-                '@carbon/charts': any;
-                '@carbon/charts-react': any;
-                d3: string;
-                react: string;
-                'react-dom': string;
-                'react-scripts': string;
-            };
-        };
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createAngularChartApp: {
-    (demo: any): {
-        'src/app/app.component.html': string;
-        'src/app/app.component.ts': string;
-        'src/app/ibm-plex-font.css': string;
-        'src/app/app.module.ts': string;
-        'package.json': string;
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createVueChartApp: {
-    (demo: any): {
-        'src/components/chart.vue': string;
-        'src/ibm-plex-font.css': string;
-        'src/App.vue': string;
-        'src/main.js': string;
-        'package.json': string;
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createSvelteChartApp: {
-    (demo: any): {
-        'App.svelte': string;
-        'index.html': string;
-        'package.json': {
-            scripts: {
-                dev: string;
-                build: string;
-            };
-            devDependencies: {
-                '@carbon/charts-svelte': any;
-                '@sveltejs/vite-plugin-svelte': string;
-                d3: string;
-                svelte: string;
-                vite: string;
-            };
-        };
-        'vite.config.js': string;
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};

package/build/demo/data/CHART_TYPES.d.ts

@@ -1,128 +0,0 @@
-declare const _default: {
-    AlluvialChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    AreaChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    BoxplotChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    BubbleChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    CirclePackChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    BulletChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    ChoroplethChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    ComboChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    DonutChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    GaugeChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    GroupedBarChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    HeatmapChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    HistogramChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    LineChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    LollipopChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    MeterChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    PieChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    RadarChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    ScatterChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    SimpleBarChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    StackedAreaChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    StackedBarChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    TreeChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    TreemapChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-    WordCloudChart: {
-        vanilla: string;
-        angular: string;
-        vue: string;
-    };
-};
-export default _default;

package/build/demo/data/alluvial.d.ts

@@ -1,109 +0,0 @@
-export declare const alluvialSimpleData: {
-    source: string;
-    target: string;
-    value: number;
-}[];
-export declare const alluvialSimpleOptions: {
-    title: string;
-    alluvial: {
-        nodes: {
-            name: string;
-            category: string;
-        }[];
-    };
-    height: string;
-};
-export declare const alluvialSimpleCustomColorOptions: {
-    title: string;
-    color: {
-        scale: {
-            A: string;
-            B: string;
-            C: string;
-        };
-    };
-    alluvial: {
-        nodes: {
-            name: string;
-            category: string;
-        }[];
-    };
-    height: string;
-};
-export declare const alluvialGradientData: {
-    source: string;
-    target: string;
-    value: number;
-}[];
-export declare const alluvialSimpleGradientOptions: {
-    title: string;
-    color: {
-        scale: {
-            Cards: string;
-            'About Modal': string;
-            'Create Flow': string;
-            'Page Header': string;
-            Notifications: string;
-            'Data and AI, AI Apps': string;
-            'Data and AI, Info Architecture': string;
-            Security: string;
-            Automation: string;
-            'Public Cloud': string;
-        };
-        gradient: {
-            enabled: boolean;
-        };
-    };
-    alluvial: {
-        nodes: {
-            name: string;
-            category: string;
-        }[];
-    };
-    height: string;
-};
-export declare const alluvialMultipleCategoryOptions: {
-    title: string;
-    alluvial: {
-        nodes: {
-            name: string;
-            category: string;
-        }[];
-    };
-};
-export declare const alluvialMultipleCategoryData: {
-    source: string;
-    target: string;
-    value: number;
-}[];
-export declare const alluvialNodeAlignmentData: {
-    source: string;
-    target: string;
-    value: number;
-}[];
-export declare const alluvialNodeAlignmentOptions: {
-    title: string;
-    alluvial: {
-        nodes: {
-            name: string;
-            category: string;
-        }[];
-        nodeAlignment: string;
-    };
-};
-export declare const alluvialMonochromeData: {
-    source: string;
-    target: string;
-    value: number;
-}[];
-export declare const alluvialMonochromeOptions: {
-    title: string;
-    alluvial: {
-        nodes: {
-            name: string;
-            category: string;
-        }[];
-        monochrome: boolean;
-        nodePadding: number;
-    };
-};