@carbon/charts 0.59.0-beta.0 → 1.0.3

package/build/src/charts/pie.d.ts

@@ -0,0 +1,8 @@
+import { PieChartModel } from '../model/pie';
+import { Chart } from '../chart';
+import { ChartConfig, PieChartOptions } from '../interfaces/index';
+export declare class PieChart extends Chart {
+    model: PieChartModel;
+    constructor(holder: Element, chartConfigs: ChartConfig<PieChartOptions>, extending?: boolean);
+    getComponents(): any[];
+}

package/build/src/charts/radar.d.ts

@@ -0,0 +1,8 @@
+import { RadarChartModel } from '../model/radar';
+import { Chart } from '../chart';
+import { ChartConfig, RadarChartOptions } from '../interfaces/index';
+export declare class RadarChart extends Chart {
+    model: RadarChartModel;
+    constructor(holder: Element, chartConfigs: ChartConfig<RadarChartOptions>);
+    getComponents(): any[];
+}

package/build/src/charts/scatter.d.ts

@@ -0,0 +1,6 @@
+import { AxisChart } from '../axis-chart';
+import { ChartConfig, ScatterChartOptions } from '../interfaces/index';
+export declare class ScatterChart extends AxisChart {
+    constructor(holder: Element, chartConfigs: ChartConfig<ScatterChartOptions>);
+    getComponents(): any[];
+}

package/build/src/charts/tree.d.ts

@@ -0,0 +1,8 @@
+import { Chart } from '../chart';
+import { TreeChartModel } from '../model/tree';
+import { ChartConfig, TreeChartOptions } from '../interfaces/index';
+export declare class TreeChart extends Chart {
+    model: TreeChartModel;
+    constructor(holder: Element, chartConfigs: ChartConfig<TreeChartOptions>);
+    getComponents(): any[];
+}

package/build/src/charts/treemap.d.ts

@@ -0,0 +1,8 @@
+import { Chart } from '../chart';
+import { TreemapChartModel } from '../model/treemap';
+import { ChartConfig, TreemapChartOptions } from '../interfaces/index';
+export declare class TreemapChart extends Chart {
+    model: TreemapChartModel;
+    constructor(holder: Element, chartConfigs: ChartConfig<TreemapChartOptions>);
+    getComponents(): any[];
+}

package/build/src/charts/wordcloud.d.ts

@@ -0,0 +1,8 @@
+import { WordCloudModel } from '../model/wordcloud';
+import { Chart } from '../chart';
+import { ChartConfig, WorldCloudChartOptions } from '../interfaces/index';
+export declare class WordCloudChart extends Chart {
+    model: WordCloudModel;
+    constructor(holder: Element, chartConfigs: ChartConfig<WorldCloudChartOptions>);
+    getComponents(): any[];
+}

package/build/src/components/axes/axis.d.ts

@@ -0,0 +1,24 @@
+import { Component } from '../component';
+import { AxisPositions, ScaleTypes } from '../../interfaces';
+import { ChartModel } from '../../model/model';
+import { RenderTypes } from '../../interfaces/enums';
+export declare class Axis extends Component {
+    type: string;
+    renderType: RenderTypes;
+    margins: any;
+    truncation: {
+        [AxisPositions.LEFT]: boolean;
+        [AxisPositions.RIGHT]: boolean;
+        [AxisPositions.TOP]: boolean;
+        [AxisPositions.BOTTOM]: boolean;
+    };
+    scale: any;
+    scaleType: ScaleTypes;
+    constructor(model: ChartModel, services: any, configs?: any);
+    render(animate?: boolean): void;
+    addEventListeners(): void;
+    getInvisibleAxisRef(): any;
+    getTitleRef(): any;
+    getNumberOfFittingTicks(size: any, tickSize: any, spaceRatio: any): any;
+    destroy(): void;
+}

package/build/src/components/axes/chart-clip.d.ts

@@ -0,0 +1,13 @@
+import { Component } from '../component';
+import { ChartModel } from '../../model/model';
+import { RenderTypes } from '../../interfaces';
+export declare class ChartClip extends Component {
+    type: string;
+    renderType: RenderTypes;
+    chartClipId: string;
+    chartClipPath: any;
+    constructor(model: ChartModel, services: any, configs?: any);
+    init(): void;
+    render(animate?: boolean): void;
+    createClipPath(): void;
+}

package/build/src/components/axes/grid-brush.d.ts

@@ -0,0 +1,10 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+export declare class ChartBrush extends Component {
+    static DASH_LENGTH: number;
+    type: string;
+    renderType: RenderTypes;
+    selectionSelector: string;
+    frontSelectionSelector: string;
+    render(animate?: boolean): void;
+}

package/build/src/components/axes/grid.d.ts

@@ -0,0 +1,22 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+export declare class Grid extends Component {
+    type: string;
+    renderType: RenderTypes;
+    backdrop: any;
+    render(animate?: boolean): void;
+    drawXGrid(animate: boolean): void;
+    drawYGrid(animate: boolean): void;
+    /**
+     * Returns the threshold for the gridline tooltips based on the mouse location.
+     * Calculated based on the mouse position between the two closest gridlines or edges of chart.
+     */
+    getGridlineThreshold(mousePos: any): number;
+    /**
+     * Returns the active gridlines based on the gridline threshold and mouse position.
+     * @param position mouse positon
+     */
+    getActiveGridline(position: any): any;
+    drawBackdrop(isXGridEnabled: any, isYGridEnabled: any): void;
+    cleanGrid(g: any): void;
+}

package/build/src/components/axes/hover-axis.d.ts

@@ -0,0 +1,10 @@
+import { Axis } from './axis';
+import { ChartModel } from '../../model/model';
+export declare class HoverAxis extends Axis {
+    constructor(model: ChartModel, services: any, configs?: any);
+    render(animate?: boolean): void;
+    addEventListeners(): void;
+    private goNext;
+    private goPrevious;
+    destroy(): void;
+}

package/build/src/components/axes/ruler-binned.d.ts

@@ -0,0 +1,7 @@
+import { Ruler } from './ruler';
+import { RenderTypes } from '../../interfaces';
+export declare class BinnedRuler extends Ruler {
+    type: string;
+    renderType: RenderTypes;
+    showRuler(event: any, [x, y]: [number, number]): void;
+}

package/build/src/components/axes/ruler-stacked.d.ts

@@ -0,0 +1,4 @@
+import { Ruler } from './ruler';
+export declare class StackedRuler extends Ruler {
+    formatTooltipData(tooltipData: any): any;
+}

package/build/src/components/axes/ruler.d.ts

@@ -0,0 +1,27 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+import { Selection } from 'd3-selection';
+export declare type GenericSvgSelection = Selection<SVGElement, any, SVGElement, any>;
+export declare class Ruler extends Component {
+    type: string;
+    renderType: RenderTypes;
+    backdrop: GenericSvgSelection;
+    elementsToHighlight: GenericSvgSelection;
+    pointsWithinLine: {
+        domainValue: number;
+        originalData: any;
+    }[];
+    isXGridEnabled: any;
+    isYGridEnabled: any;
+    isEventListenerAdded: boolean;
+    render(): void;
+    removeBackdropEventListeners(): void;
+    formatTooltipData(tooltipData: any): any;
+    showRuler(event: any, [x, y]: [number, number]): any;
+    hideRuler(): void;
+    /**
+     * Adds the listener on the X grid to trigger multiple point tooltips along the x axis.
+     */
+    addBackdropEventListeners(): void;
+    drawBackdrop(): void;
+}

package/build/src/components/axes/toolbar.d.ts

@@ -0,0 +1,40 @@
+import { Component } from '../component';
+import { RenderTypes, ToolbarControlTypes } from '../../interfaces';
+export declare class Toolbar extends Component {
+    static buttonID: number;
+    type: string;
+    renderType: RenderTypes;
+    overflowButton: any;
+    overflowMenu: any;
+    init(): void;
+    render(animate?: boolean): void;
+    renderOverflowMenu(): void;
+    isOverflowMenuOpen(): any;
+    updateOverflowMenu(show: boolean): void;
+    focusOnPreviousEnabledToolbarItem(currentItemIndex: any): void;
+    focusOnNextEnabledToolbarItem(currentItemIndex: any): void;
+    focusOnPreviousEnabledMenuItem(currentItemIndex: any): void;
+    focusOnNextEnabledMenuItem(currentItemIndex: any): void;
+    toggleOverflowMenu(event: any): void;
+    triggerFunctionAndEvent(control: any, event: any, element?: any): void;
+    getControlConfigs(): {
+        buttonList: any[];
+        overflowMenuItemList?: undefined;
+    } | {
+        buttonList: any[];
+        overflowMenuItemList: any[];
+    };
+    getToolbarButtonItems(): any[];
+    getOverflowMenuItems(): any[];
+    getOverflowButtonConfig(): {
+        id: string;
+        title: string;
+        shouldBeDisabled: () => boolean;
+        iconSVG: {
+            content: string;
+        };
+        clickFunction: (event: any) => void;
+    };
+    getControlConfigByType(controlType: ToolbarControlTypes): any;
+    getControlIconByType(controlType: ToolbarControlTypes): "<polygon points=\"19 13 15 13 15 9 13 9 13 13 9 13 9 15 13 15 13 19 15 19 15 15 19 15 19 13\"/>\n\t\t\t\t\t\t<path d=\"M22.45,21A10.87,10.87,0,0,0,25,14,11,11,0,1,0,14,25a10.87,10.87,0,0,0,7-2.55L28.59,30,30,28.59ZM14,23a9,9,0,1,1,9-9A9,9,0,0,1,14,23Z\"/>" | "<rect x=\"9\" y=\"13\" width=\"10\" height=\"2\"/>\n\t\t\t\t\t\t<path d=\"M22.45,21A10.87,10.87,0,0,0,25,14,11,11,0,1,0,14,25a10.87,10.87,0,0,0,7-2.55L28.59,30,30,28.59ZM14,23a9,9,0,1,1,9-9A9,9,0,0,1,14,23Z\"/>" | "<path d=\"M22.4478,21A10.855,10.855,0,0,0,25,14,10.99,10.99,0,0,0,6,6.4658V2H4v8h8V8H7.332a8.9768,8.9768,0,1,1-2.1,8H3.1912A11.0118,11.0118,0,0,0,14,25a10.855,10.855,0,0,0,7-2.5522L28.5859,30,30,28.5859Z\"/>" | "<polygon points=\"21 2 21 4 26.59 4 17 13.58 18.41 15 28 5.41 28 11 30 11 30 2 21 2\"/><polygon points=\"15 18.42 13.59 17 4 26.59 4 21 2 21 2 30 11 30 11 28 5.41 28 15 18.42\"/>" | "<rect x=\"4\" y=\"6\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"12\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"18\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"24\" width=\"18\" height=\"2\"/><rect x=\"26\" y=\"6\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"12\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"18\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"24\" width=\"2\" height=\"2\"/>";
+}

package/build/src/components/axes/two-dimensional-axes.d.ts

@@ -0,0 +1,16 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+import { Threshold } from '../essentials/threshold';
+export declare class TwoDimensionalAxes extends Component {
+    type: string;
+    renderType: RenderTypes;
+    children: any;
+    thresholds: Threshold[];
+    margins: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    render(animate?: boolean): void;
+}

package/build/src/components/axes/zero-line.d.ts

@@ -0,0 +1,7 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+export declare class ZeroLine extends Component {
+    type: string;
+    renderType: RenderTypes;
+    render(animate: boolean): void;
+}

package/build/src/components/axes/zoom-bar.d.ts

@@ -0,0 +1,28 @@
+import { Component } from '../component';
+import { ChartModelCartesian } from '../../model/cartesian-charts';
+import { RenderTypes } from '../../interfaces';
+export declare class ZoomBar extends Component {
+    type: string;
+    renderType: RenderTypes;
+    MIN_SELECTION_DIFF: number;
+    brushSelector: string;
+    maxSelectionRange: [0, 0];
+    clipId: string;
+    brush: import("d3-brush").BrushBehavior<unknown>;
+    xScale: any;
+    yScale: any;
+    highlightStrokeWidth: number;
+    protected model: ChartModelCartesian;
+    init(): void;
+    render(animate?: boolean): void;
+    addBrushEventListener(zoomDomain: any, axesLeftMargin: any, width: any): void;
+    handleBrushedEvent(event: any, zoomDomain: any, scale: any, selection: any): void;
+    updateBrushHandle(svg: any, selection: any, domain: any): void;
+    updateSliderSelectedArea(selection: any): void;
+    renderZoomBarArea(container: any, querySelector: any, data: any, clipId: any): void;
+    updateClipPath(svg: any, clipId: any, x: any, y: any, width: any, height: any): void;
+    compensateDataForDefaultDomain(data: any, defaultDomain: any): any;
+    renderZoomBarBaseline(container: any, startX: any, endX: any, skeletonClass?: boolean): void;
+    renderSkeleton(container: any, startX: any, endX: any): void;
+    destroy(): void;
+}

package/build/src/components/component.d.ts

@@ -0,0 +1,28 @@
+import { ChartModel } from '../model/model';
+import { RenderTypes } from '../interfaces';
+export declare class Component {
+    type: string;
+    renderType: RenderTypes;
+    id: string;
+    protected parent: any;
+    protected configs: any;
+    protected model: any;
+    protected services: any;
+    constructor(model: ChartModel, services: any, configs?: any);
+    init(): void;
+    render(animate?: boolean): void;
+    destroy(): void;
+    setModel(newObj: any): void;
+    setServices(newObj: any): void;
+    setParent(parent: any): void;
+    getParent(): any;
+    getComponentContainer(configs?: {
+        withinChartClip: boolean;
+    }): any;
+    /**
+     * graphs used in combo charts share a model with global options but can receive their own local options.
+     * this function retrieves the global options and merges it with any options passed into this
+     * component's config.options object.
+     */
+    getOptions(): any;
+}

package/build/src/components/diagrams/buildPaths.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Returns a path string for a straight path
+ * @param  {Object} source - The source coordinates
+ * @param  {Number} source.x - The source's x coordinate
+ * @param  {Number} source.y - The source's y coordinate
+ * @param  {Object} target - The target coordinates
+ * @param  {Number} target.x - The target's x coordinate
+ * @param  {Number} target.y - The target's y coordinate
+ * @return {String} The path string
+ */
+declare const buildStraightPathString: (source: any, target: any) => string;
+/**
+ * Returns a path string for an elbow path with a bend point
+ * @param  {Object} source - The source coordinates
+ * @param  {Number} source.x - The source's x coordinate
+ * @param  {Number} source.y - The source's y coordinate
+ * @param  {Object} target - The target coordinates
+ * @param  {Number} target.x - The target's x coordinate
+ * @param  {Number} target.y - The target's y coordinate
+ * @param  {Number} percent - Where the bend point should appear between the source and target
+ * @return {String} The path string
+ */
+declare const buildElbowPathString: (source: any, target: any, percent?: number) => string;
+/**
+ * Returns a path string for an path with a custom bezier curve
+ * @param  {Object} source - The source coordinates
+ * @param  {Number} source.x - The source's x coordinate
+ * @param  {Number} source.y - The source's y coordinate
+ * @param  {Object} target - The target coordinates
+ * @param  {Number} target.x - The target's x coordinate
+ * @param  {Number} target.y - The target's y coordinate
+ * @param  {Number} cpx1 - X coordinate for the first control point
+ * @param  {Number} cpy1 - Y coordinate for the first control point
+ * @param  {Number} cpx2 - X coordinate for the second control point
+ * @param  {Number} cpy1 - Y coordinate for the second control point
+ * @return {String} The path string
+ */
+declare const buildBezierPathString: (source: any, target: any, cpx1: any, cpy1: any, cpx2: any, cpy2: any) => string;
+export { buildStraightPathString, buildElbowPathString, buildBezierPathString };

package/build/src/components/diagrams/markerDefinitions.d.ts

@@ -0,0 +1,37 @@
+declare const arrowLeft: {
+    d: string;
+    height: number;
+    width: number;
+    id: string;
+};
+declare const arrowRight: {
+    d: string;
+    height: number;
+    width: number;
+    id: string;
+};
+declare const circle: {
+    d: string;
+    height: number;
+    width: number;
+    id: string;
+};
+declare const diamond: {
+    d: string;
+    height: number;
+    width: number;
+    id: string;
+};
+declare const square: {
+    d: string;
+    height: number;
+    width: number;
+    id: string;
+};
+declare const tee: {
+    d: string;
+    height: number;
+    width: number;
+    id: string;
+};
+export { arrowLeft, arrowRight, square, diamond, circle, tee };

package/build/src/components/essentials/canvas-chart-clip.d.ts

@@ -0,0 +1,6 @@
+import { ChartClip } from './../axes/chart-clip';
+export declare class CanvasChartClip extends ChartClip {
+    type: string;
+    chartClipId: string;
+    createClipPath(): void;
+}

package/build/src/components/essentials/color-scale-legend.d.ts

@@ -0,0 +1,17 @@
+import { RenderTypes } from '../../interfaces';
+import { Legend } from './legend';
+export declare class ColorScaleLegend extends Legend {
+    type: string;
+    renderType: RenderTypes;
+    private gradient_id;
+    init(): void;
+    handleAxisCompleteEvent: (event: CustomEvent<any>) => void;
+    render(animate?: boolean): void;
+    drawLinear(colorPairing: any, legendGroupElement: any, barWidth: any): void;
+    /**
+     * Renders quantized legend
+     * @returns number (range start)
+     */
+    drawQuantize(colorPairing: any, colorScheme: any, customColorsEnabled: any, legendGroupElement: any, barWidth: any): number;
+    destroy(): void;
+}

package/build/src/components/essentials/highlights.d.ts

@@ -0,0 +1,13 @@
+import { Component } from '../component';
+import { ChartModel } from '../../model/model';
+import { RenderTypes } from '../../interfaces';
+import Position from '@carbon/utils-position';
+export declare class Highlight extends Component {
+    type: string;
+    renderType: RenderTypes;
+    label: any;
+    positionService: Position;
+    highlightStrokeWidth: number;
+    constructor(model: ChartModel, services: any);
+    render(animate?: boolean): void;
+}

package/build/src/components/essentials/legend.d.ts

@@ -0,0 +1,11 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+export declare class Legend extends Component {
+    type: string;
+    renderType: RenderTypes;
+    render(): void;
+    sortDataGroups(dataGroups: any, legendOrder: any): any;
+    addAdditionalItem(additionalItem: any, itemConfig: any, indexOfItem: any): void;
+    truncateLegendText(): void;
+    addEventListeners(): void;
+}

package/build/src/components/essentials/modal.d.ts

@@ -0,0 +1,14 @@
+import { Component } from '../component';
+import { ChartModel } from '../../model/model';
+export declare class Modal extends Component {
+    type: string;
+    isEventListenerAdded: boolean;
+    modal: any;
+    constructor(model: ChartModel, services: any, configs?: any);
+    handleShowModal: () => void;
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    getModalHTML(): string;
+    render(): void;
+    destroy(): void;
+}

package/build/src/components/essentials/threshold.d.ts

@@ -0,0 +1,20 @@
+import { Component } from '../component';
+import { ChartModel } from '../../model/model';
+import { RenderTypes } from '../../interfaces';
+import Position from '@carbon/utils-position';
+export declare class Threshold extends Component {
+    type: string;
+    renderType: RenderTypes;
+    label: any;
+    positionService: Position;
+    constructor(model: ChartModel, services: any);
+    render(animate?: boolean): void;
+    getFormattedValue(datum: any): any;
+    appendThresholdLabel(): void;
+    setThresholdLabelPosition({ event, datum }: {
+        event: any;
+        datum: any;
+    }): void;
+    constructDatumObj(d: any, element: any): {};
+    addEventListeners(): void;
+}

package/build/src/components/essentials/title-meter.d.ts

@@ -0,0 +1,30 @@
+import { Title } from './title';
+import { RenderTypes } from './../../interfaces/enums';
+export declare class MeterTitle extends Title {
+    type: string;
+    renderType: RenderTypes;
+    render(): void;
+    displayBreakdownTitle(): void;
+    displayTotal(): void;
+    /**
+     * Appends the corresponding status based on the value and the peak.
+     */
+    displayStatus(): void;
+    /**
+     * Appends the associated percentage to the end of the title
+     */
+    appendPercentage(): void;
+    /**
+     * Uses the parent class truncate logic
+     * @param title d3 selection of title element that will be truncated
+     * @param titlestring the original string that needs truncation
+     * @param maxWidth the max width the title can take
+     */
+    truncateTitle(title: any, maxWidth: any): void;
+    protected getMaxTitleWidth(): number;
+    /**
+     * Get the associated status icon for the data
+     * @param status the active status for the meter chart
+     */
+    protected getStatusIconPathString(status: any): "M6.875 11.3125 3.75 8.1875 4.74375 7.25 6.875 9.34375 11.50625 4.75 12.5 5.7375 Z" | "M10.7 11.5 4.5 5.3 5.3 4.5 11.5 10.7 Z" | "M7.9375,11.125 C7.41973305,11.125 7,11.544733 7,12.0625 C7,12.580267 7.41973305,13 7.9375,13 C8.45526695,13 8.875,12.580267 8.875,12.0625 C8.875,11.544733 8.45526695,11.125 7.9375,11.125 M7.3125, 3 8.5625, 3 8.5625, 9.875 7.3125, 9.875, 7.3125, 3 Z";
+}

package/build/src/components/essentials/title.d.ts

@@ -0,0 +1,20 @@
+import { Component } from '../component';
+import { RenderTypes } from './../../interfaces';
+export declare class Title extends Component {
+    type: string;
+    renderType: RenderTypes;
+    render(): void;
+    /**
+     * Truncates title creating ellipses and attaching tooltip for exposing full title.
+     */
+    truncateTitle(title: any, maxWidth: any): void;
+    protected getMaxTitleWidth(): any;
+    /**
+     * Returns the index for a maximum length substring that is less than the width parameter.
+     * @param title the title node used for getting the text lengths of substrings
+     * @param start the start index for the binary search
+     * @param end the end index for the binary search
+     * @param width the width of the svg container that holds the title
+     */
+    protected getSubstringIndex(title: any, start: any, end: any, width: any): any;
+}

package/build/src/components/essentials/tooltip-axis.d.ts

@@ -0,0 +1,4 @@
+import { Tooltip } from './tooltip';
+export declare class AxisChartsTooltip extends Tooltip {
+    getItems(e: CustomEvent): any;
+}

package/build/src/components/essentials/tooltip.d.ts

@@ -0,0 +1,22 @@
+import { Component } from '../component';
+import { ChartModel } from '../../model/model';
+import { RenderTypes } from '../../interfaces';
+import Position from '@carbon/utils-position';
+export declare class Tooltip extends Component {
+    type: string;
+    renderType: RenderTypes;
+    isEventListenerAdded: boolean;
+    tooltip: any;
+    positionService: Position;
+    constructor(model: ChartModel, services: any, configs?: any);
+    handleShowTooltip: (e: any) => void;
+    handleHideTooltip: () => void;
+    addTooltipEventListener(): void;
+    removeTooltipEventListener(): void;
+    getItems(e: CustomEvent): any;
+    formatItems(items: any): any;
+    getTooltipHTML(e: CustomEvent): any;
+    valueFormatter(value: any, label: string): any;
+    render(): void;
+    positionTooltip(e: CustomEvent): void;
+}

package/build/src/components/graphs/alluvial.d.ts

@@ -0,0 +1,14 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+export declare class Alluvial extends Component {
+    type: string;
+    renderType: RenderTypes;
+    private graph;
+    gradient_id: string;
+    render(animate?: boolean): void;
+    addLineEventListener(): void;
+    addNodeEventListener(): void;
+    private traverse;
+    getRightArrowIcon(): string;
+    destroy(): void;
+}

package/build/src/components/graphs/area-stacked.d.ts

@@ -0,0 +1,11 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+export declare class StackedArea extends Component {
+    type: string;
+    renderType: RenderTypes;
+    areaGenerator: any;
+    init(): void;
+    render(animate?: boolean): void;
+    handleLegendOnHover: (event: CustomEvent<any>) => void;
+    handleLegendMouseOut: () => void;
+}

package/build/src/components/graphs/area.d.ts

@@ -0,0 +1,12 @@
+import { Component } from '../component';
+import { RenderTypes } from '../../interfaces';
+export declare class Area extends Component {
+    type: string;
+    renderType: RenderTypes;
+    gradient_id: string;
+    init(): void;
+    render(animate?: boolean): void;
+    handleLegendOnHover: (event: CustomEvent<any>) => void;
+    handleLegendMouseOut: (event: CustomEvent<any>) => void;
+    destroy(): void;
+}

package/build/src/components/graphs/bar-grouped.d.ts

@@ -0,0 +1,20 @@
+import { Bar } from './bar';
+import { RenderTypes } from '../../interfaces';
+import { ScaleBand } from 'd3-scale';
+export declare class GroupedBar extends Bar {
+    type: string;
+    renderType: RenderTypes;
+    groupScale: ScaleBand<any>;
+    padding: number;
+    init(): void;
+    render(animate: boolean): void;
+    handleLegendOnHover: (event: CustomEvent<any>) => void;
+    handleLegendMouseOut: (event: CustomEvent<any>) => void;
+    addEventListeners(): void;
+    destroy(): void;
+    protected getDataCorrespondingToLabel(label: string): any;
+    protected getGroupWidth(): number;
+    protected getTotalGroupPadding(): number;
+    protected getBarWidth(): any;
+    protected setGroupScale(): void;
+}

package/build/src/components/graphs/bar-simple.d.ts

@@ -0,0 +1,12 @@
+import { Bar } from './bar';
+import { RenderTypes } from '../../interfaces';
+export declare class SimpleBar extends Bar {
+    type: string;
+    renderType: RenderTypes;
+    init(): void;
+    render(animate: boolean): void;
+    handleLegendOnHover: (event: CustomEvent<any>) => void;
+    handleLegendMouseOut: (event: CustomEvent<any>) => void;
+    addEventListeners(): void;
+    destroy(): void;
+}