@carbon/charts 0.33.0 → 0.34.2

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [0.33.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.32.12...v0.33.0) (2020-07-07)
+## [0.34.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.34.1...v0.34.2) (2020-07-15)
 
 **Note:** Version bump only for package @carbon/charts
 
@@ -11,6 +11,50 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
+## [0.34.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.34.0...v0.34.1) (2020-07-14)
+
+
+### Bug Fixes
+
+* **core, react, angular, vue, svelte:** render both vertical and horizontal thresholds ([#706](https://github.com/carbon-design-system/carbon-charts/issues/706)) ([90f55d2](https://github.com/carbon-design-system/carbon-charts/commit/90f55d247f7535467eacca3477d75980e4c0e25f))
+
+
+
+
+
+# [0.34.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.33.1...v0.34.0) (2020-07-14)
+
+
+### Bug Fixes
+
+* add role fallback value for legend ([#702](https://github.com/carbon-design-system/carbon-charts/issues/702)) ([e272d3e](https://github.com/carbon-design-system/carbon-charts/commit/e272d3ef0edbf70318b3bb58bd1facc0d40fa568))
+
+
+### Features
+
+* **core:** add title element to main SVG ([#704](https://github.com/carbon-design-system/carbon-charts/issues/704)) ([c75e1bb](https://github.com/carbon-design-system/carbon-charts/commit/c75e1bbb6fcf15120ea1513ef3ec50d30a46a11d))
+
+
+
+
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [0.33.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.33.0...v0.33.1) (2020-07-08)
+
+### Bug Fixes
+
+-   fix bar chart tooltip data
+    ([#692](https://github.com/carbon-design-system/carbon-charts/issues/692))
+    ([05e4bb3](https://github.com/carbon-design-system/carbon-charts/commit/05e4bb364ac96697aefa4c2096b391fc248e2369))
+
+# [0.33.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.32.12...v0.33.0) (2020-07-07)
+
+**Note:** Version bump only for package @carbon/charts
+
 # Change Log
 
 All notable changes to this project will be documented in this file. See

package/axis-chart.d.ts

@@ -1,8 +1,8 @@
 import { Chart } from "./chart";
 import { ChartConfig, AxisChartOptions } from "./interfaces/index";
-import { LayoutComponent } from "./components/index";
+import { LayoutComponent, AxisChartsTooltip } from "./components/index";
 export declare class AxisChart extends Chart {
     services: any;
     constructor(holder: Element, chartConfigs: ChartConfig<AxisChartOptions>);
-    protected getAxisChartComponents(graphFrameComponents: any[]): LayoutComponent[];
+    protected getAxisChartComponents(graphFrameComponents: any[]): (LayoutComponent | AxisChartsTooltip)[];
 }

package/axis-chart.js

@@ -20,7 +20,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
 };
 import { Chart } from "./chart";
 import { LayoutDirection, LayoutGrowth, LegendOrientations, LegendPositions } from "./interfaces/index";
-import { LayoutComponent, Legend, Title, Spacer } from "./components/index";
+import { LayoutComponent, Legend, Title, AxisChartsTooltip, Spacer } from "./components/index";
 import { Tools } from "./tools";
 import { CartesianScales, Curves } from "./services/index";
 var AxisChart = /** @class */ (function (_super) {
@@ -58,7 +58,9 @@ var AxisChart = /** @class */ (function (_super) {
                 y: LayoutGrowth.FIXED
             }
         };
-        var isLegendEnabled = this.model.getOptions().legend.enabled !== false;
+        // if the chart is loading but has data, don't enable legend until loading is false
+        var isDataLoading = Tools.getProperty(this.model.getOptions(), "data", "loading");
+        var isLegendEnabled = this.model.getOptions().legend.enabled !== false && !isDataLoading;
         // Decide the position of the legend in reference to the chart
         var fullFrameComponentDirection = LayoutDirection.COLUMN;
         if (isLegendEnabled) {
@@ -92,8 +94,7 @@ var AxisChart = /** @class */ (function (_super) {
         var fullFrameComponent = {
             id: "full-frame",
             components: [
-                new LayoutComponent(this.model, this.services, __spreadArrays((isLegendEnabled ? [legendComponent] : []), [
-                    legendSpacerComponent,
+                new LayoutComponent(this.model, this.services, __spreadArrays((isLegendEnabled ? [legendComponent] : []), (isLegendEnabled ? [legendSpacerComponent] : []), [
                     graphFrameComponent
                 ]), {
                     direction: fullFrameComponentDirection
@@ -120,6 +121,7 @@ var AxisChart = /** @class */ (function (_super) {
         }
         topLevelLayoutComponents.push(fullFrameComponent);
         return [
+            new AxisChartsTooltip(this.model, this.services),
             new LayoutComponent(this.model, this.services, topLevelLayoutComponents, {
                 direction: LayoutDirection.COLUMN
             })

package/axis-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"axis-chart.js","sourceRoot":"","sources":["axis-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { Chart } from \"./chart\";\nimport {\n\tLayoutDirection,\n\tLayoutGrowth,\n\tLegendOrientations,\n\tLegendPositions,\n\tChartConfig,\n\tAxisChartOptions\n} from \"./interfaces/index\";\nimport {\n\tLayoutComponent,\n\tLegend,\n\tTitle,\n\tTooltip,\n\tTooltipBar,\n\tSpacer\n} from \"./components/index\";\nimport { Tools } from \"./tools\";\n\nimport { CartesianScales, Curves } from \"./services/index\";\n\nexport class AxisChart extends Chart {\n\tservices: any = Object.assign(this.services, {\n\t\tcartesianScales: CartesianScales,\n\t\tcurves: Curves\n\t});\n\n\tconstructor(holder: Element, chartConfigs: ChartConfig<AxisChartOptions>) {\n\t\tsuper(holder, chartConfigs);\n\t}\n\n\tprotected getAxisChartComponents(graphFrameComponents: any[]) {\n\t\tconst titleComponent = {\n\t\t\tid: \"title\",\n\t\t\tcomponents: [new Title(this.model, this.services)],\n\t\t\tgrowth: {\n\t\t\t\tx: LayoutGrowth.PREFERRED,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\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: {\n\t\t\t\tx: LayoutGrowth.PREFERRED,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\n\t\t};\n\n\t\tconst graphFrameComponent = {\n\t\t\tid: \"graph-frame\",\n\t\t\tcomponents: graphFrameComponents,\n\t\t\tgrowth: {\n\t\t\t\tx: LayoutGrowth.STRETCH,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\n\t\t};\n\n\t\tconst isLegendEnabled =\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: {\n\t\t\t\tx: LayoutGrowth.PREFERRED,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\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\tlegendSpacerComponent,\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: {\n\t\t\t\tx: LayoutGrowth.STRETCH,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\n\t\t};\n\n\t\t// Add chart title if it exists\n\t\tconst topLevelLayoutComponents = [];\n\t\tif (this.model.getOptions().title) {\n\t\t\ttopLevelLayoutComponents.push(titleComponent);\n\n\t\t\tconst titleSpacerComponent = {\n\t\t\t\tid: \"spacer\",\n\t\t\t\tcomponents: [new Spacer(this.model, this.services)],\n\t\t\t\tgrowth: {\n\t\t\t\t\tx: LayoutGrowth.PREFERRED,\n\t\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t\t}\n\t\t\t};\n\n\t\t\ttopLevelLayoutComponents.push(titleSpacerComponent);\n\t\t}\n\t\ttopLevelLayoutComponents.push(fullFrameComponent);\n\n\t\treturn [\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"]}
+{"version":3,"file":"axis-chart.js","sourceRoot":"","sources":["axis-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { Chart } from \"./chart\";\nimport {\n\tLayoutDirection,\n\tLayoutGrowth,\n\tLegendOrientations,\n\tLegendPositions,\n\tChartConfig,\n\tAxisChartOptions\n} from \"./interfaces/index\";\nimport {\n\tLayoutComponent,\n\tLegend,\n\tTitle,\n\tAxisChartsTooltip,\n\tSpacer\n} from \"./components/index\";\nimport { Tools } from \"./tools\";\n\nimport { CartesianScales, Curves } from \"./services/index\";\n\nexport class AxisChart extends Chart {\n\tservices: any = Object.assign(this.services, {\n\t\tcartesianScales: CartesianScales,\n\t\tcurves: Curves\n\t});\n\n\tconstructor(holder: Element, chartConfigs: ChartConfig<AxisChartOptions>) {\n\t\tsuper(holder, chartConfigs);\n\t}\n\n\tprotected getAxisChartComponents(graphFrameComponents: any[]) {\n\t\tconst titleComponent = {\n\t\t\tid: \"title\",\n\t\t\tcomponents: [new Title(this.model, this.services)],\n\t\t\tgrowth: {\n\t\t\t\tx: LayoutGrowth.PREFERRED,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\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: {\n\t\t\t\tx: LayoutGrowth.PREFERRED,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\n\t\t};\n\n\t\tconst graphFrameComponent = {\n\t\t\tid: \"graph-frame\",\n\t\t\tcomponents: graphFrameComponents,\n\t\t\tgrowth: {\n\t\t\t\tx: LayoutGrowth.STRETCH,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\n\t\t};\n\n\t\t// if the chart is loading but has data, don't enable legend until loading is false\n\t\tconst isDataLoading = Tools.getProperty(\n\t\t\tthis.model.getOptions(),\n\t\t\t\"data\",\n\t\t\t\"loading\"\n\t\t);\n\t\tconst isLegendEnabled =\n\t\t\tthis.model.getOptions().legend.enabled !== false && !isDataLoading;\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: {\n\t\t\t\tx: LayoutGrowth.PREFERRED,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\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: {\n\t\t\t\tx: LayoutGrowth.STRETCH,\n\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t}\n\t\t};\n\n\t\t// Add chart title if it exists\n\t\tconst topLevelLayoutComponents = [];\n\t\tif (this.model.getOptions().title) {\n\t\t\ttopLevelLayoutComponents.push(titleComponent);\n\n\t\t\tconst titleSpacerComponent = {\n\t\t\t\tid: \"spacer\",\n\t\t\t\tcomponents: [new Spacer(this.model, this.services)],\n\t\t\t\tgrowth: {\n\t\t\t\t\tx: LayoutGrowth.PREFERRED,\n\t\t\t\t\ty: LayoutGrowth.FIXED\n\t\t\t\t}\n\t\t\t};\n\n\t\t\ttopLevelLayoutComponents.push(titleSpacerComponent);\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 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/data/bar.d.ts

@@ -257,12 +257,9 @@ export declare const simpleBarEmptyStateData: any[];
 export declare const simpleBarEmptyStateOptions: {
     title: string;
     axes: {
-        left: {
-            primary: boolean;
-        };
+        left: {};
         bottom: {
             scaleType: string;
-            secondary: boolean;
         };
     };
 };
@@ -270,12 +267,9 @@ export declare const simpleBarSkeletonData: any[];
 export declare const simpleBarSkeletonOptions: {
     title: string;
     axes: {
-        left: {
-            primary: boolean;
-        };
+        left: {};
         bottom: {
             scaleType: string;
-            secondary: boolean;
         };
     };
     data: {
@@ -286,12 +280,9 @@ export declare const groupedBarEmptyStateData: any[];
 export declare const groupedBarEmptyStateOptions: {
     title: string;
     axes: {
-        left: {
-            primary: boolean;
-        };
+        left: {};
         bottom: {
             scaleType: string;
-            secondary: boolean;
         };
     };
 };
@@ -299,12 +290,9 @@ export declare const groupedBarSkeletonData: any[];
 export declare const groupedBarSkeletonOptions: {
     title: string;
     axes: {
-        left: {
-            primary: boolean;
-        };
+        left: {};
         bottom: {
             scaleType: string;
-            secondary: boolean;
         };
     };
     data: {
@@ -315,12 +303,9 @@ export declare const stackedBarEmptyStateData: any[];
 export declare const stackedBarEmptyStateOptions: {
     title: string;
     axes: {
-        left: {
-            primary: boolean;
-        };
+        left: {};
         bottom: {
             scaleType: string;
-            secondary: boolean;
         };
     };
 };
@@ -328,12 +313,9 @@ export declare const stackedBarSkeletonData: any[];
 export declare const stackedBarSkeletonOptions: {
     title: string;
     axes: {
-        left: {
-            primary: boolean;
-        };
+        left: {};
         bottom: {
             scaleType: string;
-            secondary: boolean;
         };
     };
     data: {
@@ -345,12 +327,9 @@ export declare const simpleHorizontalBarEmptyStateOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
             scaleType: string;
         };
-        bottom: {
-            secondary: boolean;
-        };
+        bottom: {};
     };
 };
 export declare const simpleHorizontalBarSkeletonData: any[];
@@ -358,12 +337,9 @@ export declare const simpleHorizontalBarSkeletonOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
             scaleType: string;
         };
-        bottom: {
-            secondary: boolean;
-        };
+        bottom: {};
     };
     data: {
         loading: boolean;
@@ -374,12 +350,9 @@ export declare const groupedHorizontalBarEmptyStateOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
             scaleType: string;
         };
-        bottom: {
-            secondary: boolean;
-        };
+        bottom: {};
     };
 };
 export declare const groupedHorizontalBarSkeletonData: any[];
@@ -387,12 +360,9 @@ export declare const groupedHorizontalBarSkeletonOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
             scaleType: string;
         };
-        bottom: {
-            secondary: boolean;
-        };
+        bottom: {};
     };
     data: {
         loading: boolean;
@@ -403,12 +373,9 @@ export declare const stackedHorizontalBarEmptyStateOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
             scaleType: string;
         };
-        bottom: {
-            secondary: boolean;
-        };
+        bottom: {};
     };
 };
 export declare const stackedHorizontalBarSkeletonData: any[];
@@ -416,12 +383,9 @@ export declare const stackedHorizontalBarSkeletonOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
             scaleType: string;
         };
-        bottom: {
-            secondary: boolean;
-        };
+        bottom: {};
     };
     data: {
         loading: boolean;

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

@@ -20,6 +20,7 @@ export declare const bubbleDoubleLinearOptions: {
     };
     bubble: {
         radiusMapsTo: string;
+        radiusLabel: string;
     };
 };
 export declare const bubbleDiscreteData: {

package/build/src/axis-chart.d.ts

@@ -1,8 +1,8 @@
 import { Chart } from "./chart";
 import { ChartConfig, AxisChartOptions } from "./interfaces/index";
-import { LayoutComponent } from "./components/index";
+import { LayoutComponent, AxisChartsTooltip } from "./components/index";
 export declare class AxisChart extends Chart {
     services: any;
     constructor(holder: Element, chartConfigs: ChartConfig<AxisChartOptions>);
-    protected getAxisChartComponents(graphFrameComponents: any[]): LayoutComponent[];
+    protected getAxisChartComponents(graphFrameComponents: any[]): (AxisChartsTooltip | LayoutComponent)[];
 }

package/build/src/chart.d.ts

@@ -1,6 +1,6 @@
 import { ChartConfig, BaseChartOptions } from "./interfaces";
 import { ChartModel } from "./model";
-import { Component, LayoutComponent } from "./components";
+import { Component, LayoutComponent, Tooltip } from "./components";
 export declare class Chart {
     components: Component[];
     services: any;
@@ -10,5 +10,5 @@ export declare class Chart {
     getComponents(): any[];
     update(animate?: boolean): void;
     destroy(): void;
-    protected getChartComponents(graphFrameComponents: any[]): LayoutComponent[];
+    protected getChartComponents(graphFrameComponents: any[]): (Tooltip | LayoutComponent)[];
 }

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

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

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

@@ -5,8 +5,13 @@ export declare class Ruler extends Component {
     type: string;
     backdrop: GenericSvgSelection;
     elementsToHighlight: GenericSvgSelection;
+    pointsWithinLine: {
+        domainValue: number;
+        originalData: any;
+    }[];
     render(): void;
-    showRuler([x, y]: [number, number]): void;
+    formatTooltipData(tooltipData: any): any;
+    showRuler([x, y]: [number, number]): any;
     hideRuler(): void;
     /**
      * Adds the listener on the X grid to trigger multiple point tooltips along the x axis.

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

@@ -1,22 +1,16 @@
 import { Component } from "../component";
 import { ChartModel } from "../../model";
 import Position from "@carbon/utils-position";
-import { TooltipTypes, TooltipPosition } from "../../interfaces";
 export declare class Tooltip extends Component {
     type: string;
     tooltip: any;
     positionService: Position;
     constructor(model: ChartModel, services: any, configs?: any);
     init(): void;
-    getTooltipHTML(data: any, type: TooltipTypes): string;
-    getMultilineTooltipHTML(data: any, type: TooltipTypes): string;
+    getItems(e: CustomEvent): any;
+    formatItems(items: any): any;
+    getTooltipHTML(e: CustomEvent): any;
+    valueFormatter(value: any): any;
     render(): void;
-    getTooltipPosition(hoveredElement: any, type: TooltipTypes): {
-        placement: TooltipPosition;
-        position: {
-            left: number;
-            top: number;
-        };
-    };
     positionTooltip(positionOverride?: any): void;
 }

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

@@ -3,10 +3,7 @@ export * from "./essentials/legend";
 export * from "./essentials/threshold";
 export * from "./essentials/title";
 export * from "./essentials/tooltip";
-export * from "./essentials/tooltip-bar";
-export * from "./essentials/tooltip-pie";
-export * from "./essentials/tooltip-scatter";
-export * from "./essentials/tooltip-radar";
+export * from "./essentials/tooltip-axis";
 export * from "./graphs/area";
 export * from "./graphs/area-stacked";
 export * from "./graphs/bar-simple";
@@ -26,4 +23,5 @@ export * from "./axes/two-dimensional-axes";
 export * from "./axes/axis";
 export * from "./axes/grid";
 export * from "./axes/ruler";
+export * from "./axes/ruler-stacked-bar";
 export * from "./axes/zero-line";

package/build/src/configuration.d.ts

@@ -1,4 +1,4 @@
-import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, GridOptions, TimeScaleOptions, TooltipOptions, AxisTooltipOptions, BarTooltipOptions, LegendOptions } from "./interfaces";
+import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, GridOptions, TimeScaleOptions, TooltipOptions, LegendOptions } from "./interfaces";
 /**
  * Legend options
  */
@@ -11,8 +11,6 @@ export declare const grid: GridOptions;
  * Tooltip options
  */
 export declare const baseTooltip: TooltipOptions;
-export declare const axisChartTooltip: AxisTooltipOptions;
-export declare const barChartTooltip: BarTooltipOptions;
 export declare const timeScale: TimeScaleOptions;
 export declare const options: {
     chart: BaseChartOptions;

package/build/src/interfaces/a11y.d.ts

@@ -2,5 +2,6 @@ export declare enum Roles {
     GRAPHICS_DOCUMENT = "graphics-document",
     GRAPHICS_OBJECT = "graphics-object",
     GRAPHICS_SYMBOL = "graphics-symbol",
-    GROUP = "group"
+    GROUP = "group",
+    DOCUMENT = "document"
 }

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

@@ -1,6 +1,6 @@
 import { GaugeTypes, Statuses, ArrowDirections } from "./enums";
 import { LegendOptions, TooltipOptions, GridOptions, AxesOptions } from "./index";
-import { AxisTooltipOptions, BarTooltipOptions, BarOptions, StackedBarOptions } from "./components";
+import { BarOptions, StackedBarOptions } from "./components";
 import { TimeScaleOptions } from "./axis-scales";
 /**
  * Base chart options common to any chart
@@ -90,14 +90,12 @@ export interface AxisChartOptions extends BaseChartOptions {
     axes?: AxesOptions;
     grid?: GridOptions;
     timeScale?: TimeScaleOptions;
-    tooltip?: AxisTooltipOptions;
 }
 /**
  * options specific to bar charts
  */
 export interface BarChartOptions extends AxisChartOptions {
     bars?: BarOptions;
-    tooltip?: BarTooltipOptions;
 }
 /**
  * options specific to stacked bar charts

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

@@ -61,32 +61,14 @@ export interface TooltipOptions {
      */
     customHTML?: Function;
     /**
-     *  options to configure the datapoint tooltip
+     * offset of the tooltip from the mouse position
      */
-    datapoint?: {
-        /**
-         * offset of the tooltip from the mouse position
-         */
-        horizontalOffset?: number;
-        /**
-         * toggles on/off datapoint tooltips.
-         */
-        enabled?: boolean;
-        /**
-         * vertical offset for tooltip placement
-         */
-        verticalOffset?: number;
-    };
-    title?: {
-        /**
-         * vertical offset for title tooltip placement. < 0 shifts the tooltip above title, > 0 shifts vertically down
-         */
-        verticalOffset?: number;
-        /**
-         * max width of title tooltip relative to the width of the chart-svg (percentage should be < 1)
-         */
-        width?: number;
-    };
+    horizontalOffset?: number;
+    /**
+     * show total of items
+     */
+    showTotal?: boolean;
+    truncation?: TruncationOptions;
 }
 /**
  * Threshold options
@@ -109,33 +91,6 @@ export interface ThresholdOptions {
      */
     label: string;
 }
-/**
- * extends tooltip options to provide support for multiple gridline tooltips
- */
-export interface AxisTooltipOptions extends TooltipOptions {
-    /** options for gridline event listeners */
-    gridline?: {
-        /**
-         * controls whether the gridlines are active for tooltip support
-         */
-        enabled?: boolean;
-        /**
-         * optional set threshold (value between 0 and 1) for active gridlines
-         */
-        threshold?: number;
-    };
-}
-/**
- * extends tooltip for bar tooltip
- */
-export interface BarTooltipOptions extends TooltipOptions {
-    datapoint: {
-        /**
-         * padding between the bar items and the tooltip
-         */
-        verticalOffset: number;
-    };
-}
 export interface GridOptions {
     y?: {
         numberOfTicks?: number;

package/build/src/interfaces/enums.d.ts

@@ -54,16 +54,6 @@ export declare enum TooltipPosition {
     TOP = "top",
     BOTTOM = "bottom"
 }
-/**
- * enum of tooltip types for custom tooltip event
- */
-export declare enum TooltipTypes {
-    DATAPOINT = "datapoint",
-    GRIDLINE = "gridline",
-    TITLE = "title",
-    LEGEND = "legend",
-    AXISLABEL = "axislabel"
-}
 /**
  * enum of all possible legend positions
  */

package/build/src/interfaces/events.d.ts

@@ -90,6 +90,7 @@ export declare enum Radar {
  */
 export declare enum Tooltip {
     SHOW = "show-tooltip",
+    MOVE = "move-tooltip",
     HIDE = "hide-tooltip"
 }
 /**

package/build/src/services/scales-cartesian.d.ts

@@ -18,12 +18,17 @@ export declare class CartesianScales extends Service {
     protected orientation: CartesianOrientations;
     getDomainAxisPosition(): AxisPositions;
     getRangeAxisPosition(): AxisPositions;
+    getAxisOptions(position: AxisPositions): any;
+    getDomainAxisOptions(): any;
+    getRangeAxisOptions(): any;
     update(animate?: boolean): void;
     findDomainAndRangeAxes(): void;
     determineOrientation(): void;
     getOrientation(): CartesianOrientations;
     getScaleByPosition(axisPosition: AxisPositions): any;
     getScaleTypeByPosition(axisPosition: AxisPositions): any;
+    getDomainAxisScaleType(): any;
+    getRangeAxisScaleType(): any;
     getDomainScale(): any;
     getRangeScale(): any;
     getMainXAxisPosition(): AxisPositions;
@@ -35,7 +40,7 @@ export declare class CartesianScales extends Service {
     getRangeValue(d: any, i: any): any;
     getDomainIdentifier(): any;
     getRangeIdentifier(): any;
-    /** Uses the primary Y Axis to get data items associated with that value. */
+    /** Uses the Y Axis to get data items associated with that value. */
     getDataFromDomain(domainValue: any): any;
     extendsDomain(axisPosition: AxisPositions, domain: any): number[] | Date[];
     protected findMainVerticalAxisPosition(): AxisPositions.LEFT | AxisPositions.RIGHT;