@carbon/charts 1.8.0 → 1.9.0-rc.0

package/dist/components/axes/axis.d.ts

@@ -0,0 +1,24 @@
+import { type AxisScale, type Selection as D3Selection } from 'd3';
+import { Component } from '../../components/component';
+import { ScaleTypes, RenderTypes } from '../../interfaces/enums';
+import type { ChartModel } from '../../model/model';
+export declare class Axis extends Component {
+    type: string;
+    renderType: RenderTypes;
+    margins: any;
+    truncation: {
+        left: boolean;
+        right: boolean;
+        top: boolean;
+        bottom: boolean;
+    };
+    scale: AxisScale<any>;
+    scaleType: ScaleTypes;
+    constructor(model: ChartModel, services: any, configs?: any);
+    render(animate?: boolean): void;
+    addEventListeners(): void;
+    getInvisibleAxisRef(): D3Selection<import("d3-selection").BaseType, any, Element, any>;
+    getTitleRef(): D3Selection<import("d3-selection").BaseType, any, Element, any>;
+    getNumberOfFittingTicks(size: number, tickSize: number, spaceRatio: number): number;
+    destroy(): void;
+}

package/{build/src → dist}/components/axes/chart-clip.d.ts

@@ -1,6 +1,6 @@
-import { Component } from '../component';
-import { ChartModel } from '../../model/model';
-import { RenderTypes } from '../../interfaces';
+import { Component } from '../../components/component';
+import type { ChartModel } from '../../model/model';
+import { RenderTypes } from '../../interfaces/enums';
 export declare class ChartClip extends Component {
     type: string;
     renderType: RenderTypes;

package/{components → dist/components}/axes/grid-brush.d.ts

@@ -1,10 +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;
-}
+import { Component } from '../../components/component';
+import { RenderTypes } from '../../interfaces/enums';
+export declare class ChartBrush extends Component {
+    static DASH_LENGTH: number;
+    type: string;
+    renderType: RenderTypes;
+    selectionSelector: string;
+    frontSelectionSelector: string;
+    render(animate?: boolean): void;
+}

package/{components → dist/components}/axes/grid.d.ts

@@ -1,22 +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;
-}
+import { Component } from '../../components/component';
+import { RenderTypes } from '../../interfaces/enums';
+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): import("d3-selection").Selection<import("d3-selection").BaseType, unknown, HTMLDivElement | SVGGraphicsElement, any>;
+    drawBackdrop(isXGridEnabled: boolean, isYGridEnabled: boolean): void;
+    cleanGrid(g: any): void;
+}

package/{build/src → dist}/components/axes/hover-axis.d.ts

@@ -1,5 +1,5 @@
 import { Axis } from './axis';
-import { ChartModel } from '../../model/model';
+import type { ChartModel } from '../../model/model';
 export declare class HoverAxis extends Axis {
     constructor(model: ChartModel, services: any, configs?: any);
     render(animate?: boolean): void;

package/dist/components/axes/index.d.ts

@@ -0,0 +1,12 @@
+export { Axis } from './axis';
+export { BinnedRuler } from './ruler-binned';
+export { ChartClip } from './chart-clip';
+export { ChartBrush } from './grid-brush';
+export { Grid } from './grid';
+export { HoverAxis } from './hover-axis';
+export { Ruler, type GenericSvgSelection } from './ruler';
+export { StackedRuler } from './ruler-stacked';
+export { Toolbar } from './toolbar';
+export { TwoDimensionalAxes } from './two-dimensional-axes';
+export { ZeroLine } from './zero-line';
+export { ZoomBar } from './zoom-bar';

package/{components → dist/components}/axes/ruler-binned.d.ts

@@ -1,7 +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;
-}
+import { Ruler } from './ruler';
+import { RenderTypes } from '../../interfaces/enums';
+export declare class BinnedRuler extends Ruler {
+    type: string;
+    renderType: RenderTypes;
+    showRuler(event: CustomEvent, [x, y]: [number, number]): void;
+}

package/{components → dist/components}/axes/ruler.d.ts

@@ -1,27 +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;
-}
+import { Selection } from 'd3';
+import { Component } from '../../components/component';
+import { RenderTypes } from '../../interfaces/enums';
+export type GenericSvgSelection = Selection<SVGGraphicsElement, any, Element, 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(animate?: boolean): void;
+    removeBackdropEventListeners(): void;
+    formatTooltipData(tooltipData: any): any;
+    showRuler(event: CustomEvent, [x, y]: [number, number]): void;
+    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 → dist}/components/axes/toolbar.d.ts

@@ -1,5 +1,5 @@
-import { Component } from '../component';
-import { RenderTypes, ToolbarControlTypes } from '../../interfaces';
+import { Component } from '../../components/component';
+import { RenderTypes, ToolbarControlTypes } from '../../interfaces/enums';
 export declare class Toolbar extends Component {
     static buttonID: number;
     type: string;
@@ -11,12 +11,12 @@ export declare class Toolbar extends Component {
     renderOverflowMenu(): void;
     isOverflowMenuOpen(): any;
     updateOverflowMenu(show: boolean): void;
-    focusOnPreviousEnabledToolbarItem(currentItemIndex: any): void;
-    focusOnNextEnabledToolbarItem(currentItemIndex: any): void;
-    focusOnPreviousEnabledMenuItem(currentItemIndex: any): void;
-    focusOnNextEnabledMenuItem(currentItemIndex: any): void;
+    focusOnPreviousEnabledToolbarItem(currentItemIndex: number): void;
+    focusOnNextEnabledToolbarItem(currentItemIndex: number): void;
+    focusOnPreviousEnabledMenuItem(currentItemIndex: number): void;
+    focusOnNextEnabledMenuItem(currentItemIndex: number): void;
     toggleOverflowMenu(event: any): void;
-    triggerFunctionAndEvent(control: any, event: any, element?: any): void;
+    triggerFunctionAndEvent(control: any, event: CustomEvent, element?: any): void;
     getControlConfigs(): {
         buttonList: any[];
         overflowMenuItemList?: undefined;

package/{components → dist/components}/axes/two-dimensional-axes.d.ts

@@ -1,16 +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;
-}
+import { Component } from '../../components/component';
+import type { Threshold } from '../../components/essentials/threshold';
+import { RenderTypes } from '../../interfaces/enums';
+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/{components → dist/components}/axes/zero-line.d.ts

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

package/{components → dist/components}/axes/zoom-bar.d.ts

@@ -1,28 +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;
-}
+import { Component } from '../../components/component';
+import type { ChartModelCartesian } from '../../model/cartesian-charts';
+import { RenderTypes } from '../../interfaces/enums';
+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): void;
+    updateSliderSelectedArea(selection: any): void;
+    renderZoomBarArea(container: any, querySelector: any, data: any, clipId: any): void;
+    updateClipPath(svg: any, clipId: string, x: number | string, y: number | string, width: number | string, height: number | string): void;
+    compensateDataForDefaultDomain(data: any, defaultDomain: any): any;
+    renderZoomBarBaseline(container: HTMLElement, startX: number, endX: number, skeletonClass?: boolean): void;
+    renderSkeleton(container: any, startX: number, endX: number): void;
+    destroy(): void;
+}

package/{build/src → dist}/components/component.d.ts

@@ -1,24 +1,26 @@
-import { ChartModel } from '../model/model';
-import { RenderTypes } from '../interfaces';
+import { type Selection as D3Selection } from 'd3';
+import type { ChartModel } from '../model/model';
+import { RenderTypes } from '../interfaces/enums';
+import { Services } from '../interfaces/services';
 export declare class Component {
     type: string;
     renderType: RenderTypes;
     id: string;
-    protected parent: any;
+    protected parent: D3Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any> | undefined;
     protected configs: any;
-    protected model: any;
-    protected services: any;
-    constructor(model: ChartModel, services: any, configs?: any);
+    protected model: ChartModel;
+    protected services: Services;
+    constructor(model: ChartModel, services: Services, configs?: any);
     init(): void;
     render(animate?: boolean): void;
     destroy(): void;
     setModel(newObj: any): void;
     setServices(newObj: any): void;
     setParent(parent: any): void;
-    getParent(): any;
+    getParent(): D3Selection<HTMLDivElement | SVGGraphicsElement, any, HTMLElement, any>;
     getComponentContainer(configs?: {
         withinChartClip: boolean;
-    }): any;
+    }): D3Selection<any, any, Element, 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

package/dist/components/diagrams/buildPaths.d.ts

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

package/dist/components/diagrams/index.d.ts

@@ -0,0 +1,2 @@
+export { buildStraightPathString, buildElbowPathString, buildBezierPathString } from './buildPaths';
+export { arrowLeft, arrowRight, square, diamond, circle, tee } from './markerDefinitions';

package/{components → dist/components}/essentials/canvas-chart-clip.d.ts

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

package/{build/src → dist}/components/essentials/color-scale-legend.d.ts

@@ -1,6 +1,6 @@
-import { RenderTypes } from '../../interfaces';
+import { RenderTypes } from '../../interfaces/enums';
 import { Legend } from './legend';
-import { ChartModel } from '../../model/model';
+import type { ChartModel } from '../../model';
 export declare class ColorScaleLegend extends Legend {
     type: string;
     renderType: RenderTypes;
@@ -8,7 +8,7 @@ export declare class ColorScaleLegend extends Legend {
     private chartType;
     constructor(model: ChartModel, services: any, configs?: any);
     init(): void;
-    handleAxisCompleteEvent: (event: CustomEvent<any>) => void;
+    handleAxisCompleteEvent: () => void;
     render(animate?: boolean): void;
     drawLinear(colorPairing: any, legendGroupElement: any, barWidth: any): void;
     /**

package/{build/src → dist}/components/essentials/geo-projection.d.ts

@@ -1,5 +1,5 @@
-import { Component } from '../component';
-import { RenderTypes } from '../../interfaces';
+import { Component } from '../../components';
+import { RenderTypes } from '../../interfaces/enums';
 export declare class GeoProjection extends Component {
     type: string;
     renderType: RenderTypes;

package/{build/src → dist}/components/essentials/highlights.d.ts

@@ -1,7 +1,7 @@
-import { Component } from '../component';
-import { ChartModel } from '../../model/model';
-import { RenderTypes } from '../../interfaces';
 import Position from '@carbon/utils-position';
+import { Component } from '../../components/component';
+import type { ChartModel } from '../../model/model';
+import { RenderTypes } from '../../interfaces/enums';
 export declare class Highlight extends Component {
     type: string;
     renderType: RenderTypes;

package/dist/components/essentials/index.d.ts

@@ -0,0 +1,11 @@
+export { AxisChartsTooltip } from './tooltip-axis';
+export { CanvasChartClip } from './canvas-chart-clip';
+export { ColorScaleLegend } from './color-scale-legend';
+export { GeoProjection } from './geo-projection';
+export { Highlight } from './highlights';
+export { Legend } from './legend';
+export { MeterTitle } from './title-meter';
+export { Modal } from './modal';
+export { Threshold } from './threshold';
+export { Title } from './title';
+export { Tooltip } from './tooltip';

package/{build/src → dist}/components/essentials/legend.d.ts

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

package/{components → dist/components}/essentials/modal.d.ts

@@ -1,14 +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;
-}
+import { Component } from '../../components/component';
+import type { 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(animate?: boolean): void;
+    destroy(): void;
+}

package/{build/src → dist}/components/essentials/threshold.d.ts

@@ -1,7 +1,7 @@
-import { Component } from '../component';
-import { ChartModel } from '../../model/model';
-import { RenderTypes } from '../../interfaces';
 import Position from '@carbon/utils-position';
+import { Component } from '../../components/component';
+import type { ChartModel } from '../../model/model';
+import { RenderTypes } from '../../interfaces/enums';
 export declare class Threshold extends Component {
     type: string;
     renderType: RenderTypes;
@@ -12,9 +12,9 @@ export declare class Threshold extends Component {
     getFormattedValue(datum: any): any;
     appendThresholdLabel(): void;
     setThresholdLabelPosition({ event, datum }: {
-        event: any;
+        event: CustomEvent;
         datum: any;
     }): void;
-    constructDatumObj(d: any, element: any): {};
+    constructDatumObj(d: any, element: any): any;
     addEventListeners(): void;
 }

package/{components → dist/components}/essentials/title-meter.d.ts

@@ -1,30 +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";
-}
+import { Title } from './title';
+import { RenderTypes, Statuses } from '../../interfaces/enums';
+export declare class MeterTitle extends Title {
+    type: string;
+    renderType: RenderTypes;
+    render(animate?: boolean): 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: number): void;
+    protected getMaxTitleWidth(): number;
+    /**
+     * Get the associated status icon for the data
+     * @param status the active status for the meter chart
+     */
+    protected getStatusIconPathString(status: Statuses): "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";
+}