@carbon/charts 0.30.21 → 0.30.25

package/README.md

@@ -18,14 +18,17 @@ yarn add @carbon/charts d3
 ```
 
 ## Step-by-step instructions
+
 [Read on carbondesignsystem.com](https://www.carbondesignsystem.com/data-visualization/getting-started/vanilla)
 
 ## Codesandbox examples
+
 [Sample use cases can be seen here](https://carbon-design-system.github.io/carbon-charts).
 
 **When opening the link above**, click on the **Edit on Codesandbox** button for each demo to see an isolated project showing you how to reproduce the demo.
 
 ## Charting data & options
+
 Although we will definitely introduce new models in the future as we start shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components.
 
 For instance in the case of a donut chart you're able to pass in an additional field called `center` in your options configuring the donut center.

package/axis-chart.js

@@ -36,9 +36,7 @@ var AxisChart = /** @class */ (function (_super) {
     AxisChart.prototype.getAxisChartComponents = function (graphFrameComponents) {
         var titleComponent = {
             id: "title",
-            components: [
-                new Title(this.model, this.services)
-            ],
+            components: [new Title(this.model, this.services)],
             growth: {
                 x: LayoutGrowth.PREFERRED,
                 y: LayoutGrowth.FIXED
@@ -46,9 +44,7 @@ var AxisChart = /** @class */ (function (_super) {
         };
         var legendComponent = {
             id: "legend",
-            components: [
-                new Legend(this.model, this.services)
-            ],
+            components: [new Legend(this.model, this.services)],
             growth: {
                 x: LayoutGrowth.PREFERRED,
                 y: LayoutGrowth.FIXED
@@ -70,13 +66,15 @@ var AxisChart = /** @class */ (function (_super) {
             if (legendPosition === LegendPositions.LEFT) {
                 fullFrameComponentDirection = LayoutDirection.ROW;
                 if (!this.model.getOptions().legend.orientation) {
-                    this.model.getOptions().legend.orientation = LegendOrientations.VERTICAL;
+                    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;
+                    this.model.getOptions().legend.orientation =
+                        LegendOrientations.VERTICAL;
                 }
             }
             else if (legendPosition === LegendPositions.BOTTOM) {
@@ -85,9 +83,7 @@ var AxisChart = /** @class */ (function (_super) {
         }
         var legendSpacerComponent = {
             id: "spacer",
-            components: [
-                new Spacer(this.model, this.services)
-            ],
+            components: [new Spacer(this.model, this.services)],
             growth: {
                 x: LayoutGrowth.PREFERRED,
                 y: LayoutGrowth.FIXED
@@ -114,9 +110,7 @@ var AxisChart = /** @class */ (function (_super) {
             topLevelLayoutComponents.push(titleComponent);
             var titleSpacerComponent = {
                 id: "spacer",
-                components: [
-                    new Spacer(this.model, this.services)
-                ],
+                components: [new Spacer(this.model, this.services)],
                 growth: {
                     x: LayoutGrowth.PREFERRED,
                     y: LayoutGrowth.FIXED

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: [\n\t\t\t\tnew Title(this.model, this.services)\n\t\t\t],\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: [\n\t\t\t\tnew Legend(this.model, this.services)\n\t\t\t],\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 = this.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(this.model.getOptions(), \"legend\", \"position\");\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 = LegendOrientations.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 = LegendOrientations.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: [\n\t\t\t\tnew Spacer(this.model, this.services)\n\t\t\t],\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: [\n\t\t\t\t\tnew Spacer(this.model, this.services)\n\t\t\t\t],\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\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"]}

package/build/demo/{data/create-codesandbox.d.ts → create-codesandbox.d.ts}

@@ -12,15 +12,15 @@ export declare const createVanillaChartApp: {
         "index.html": string;
         "src/index.js": string;
         "package.json": {
-            "scripts": {
-                "start": string;
-                "build": string;
+            scripts: {
+                start: string;
+                build: string;
             };
-            "dependencies": {
+            dependencies: {
                 "@carbon/charts": any;
-                "d3": string;
+                d3: string;
             };
-            "devDependencies": {
+            devDependencies: {
                 "parcel-bundler": string;
             };
         };
@@ -36,6 +36,7 @@ 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;
@@ -60,6 +61,7 @@ export declare const createAngularChartApp: {
         "src/main.ts": string;
         "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;
         ".angular-cli.json": string;
         "package.json": string;
@@ -74,6 +76,7 @@ export declare const createAngularChartApp: {
 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;
@@ -90,16 +93,16 @@ export declare const createSvelteChartApp: {
         "App.svelte": string;
         "index.js": string;
         "package.json": {
-            "scripts": {
-                "build": string;
-                "autobuild": string;
-                "dev": string;
-                "start": string;
+            scripts: {
+                build: string;
+                autobuild: string;
+                dev: string;
+                start: string;
                 "start:dev": string;
             };
-            "devDependencies": {
+            devDependencies: {
                 "npm-run-all": string;
-                "rollup": string;
+                rollup: string;
                 "rollup-plugin-commonjs": string;
                 "rollup-plugin-node-resolve": string;
                 "rollup-plugin-svelte": string;

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

@@ -94,7 +94,7 @@ export declare const simpleBarTimeSeriesOptions: {
         };
     };
     timeScale: {
-        "localeObject": Locale;
+        localeObject: Locale;
     };
 };
 export declare const simpleHorizontalBarTimeSeriesOptions: {
@@ -182,3 +182,177 @@ export declare const stackedHorizontalBarTimeSeriesData: {
     date: Date;
     value: number;
 }[];
+export declare const simpleBarEmptyStateData: any[];
+export declare const simpleBarEmptyStateOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+        };
+        bottom: {
+            scaleType: string;
+            secondary: boolean;
+        };
+    };
+};
+export declare const simpleBarSkeletonData: any[];
+export declare const simpleBarSkeletonOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+        };
+        bottom: {
+            scaleType: string;
+            secondary: boolean;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};
+export declare const groupedBarEmptyStateData: any[];
+export declare const groupedBarEmptyStateOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+        };
+        bottom: {
+            scaleType: string;
+            secondary: boolean;
+        };
+    };
+};
+export declare const groupedBarSkeletonData: any[];
+export declare const groupedBarSkeletonOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+        };
+        bottom: {
+            scaleType: string;
+            secondary: boolean;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};
+export declare const stackedBarEmptyStateData: any[];
+export declare const stackedBarEmptyStateOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+        };
+        bottom: {
+            scaleType: string;
+            secondary: boolean;
+        };
+    };
+};
+export declare const stackedBarSkeletonData: any[];
+export declare const stackedBarSkeletonOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+        };
+        bottom: {
+            scaleType: string;
+            secondary: boolean;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};
+export declare const simpleHorizontalBarEmptyStateData: any[];
+export declare const simpleHorizontalBarEmptyStateOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+            scaleType: string;
+        };
+        bottom: {
+            secondary: boolean;
+        };
+    };
+};
+export declare const simpleHorizontalBarSkeletonData: any[];
+export declare const simpleHorizontalBarSkeletonOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+            scaleType: string;
+        };
+        bottom: {
+            secondary: boolean;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};
+export declare const groupedHorizontalBarEmptyStateData: any[];
+export declare const groupedHorizontalBarEmptyStateOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+            scaleType: string;
+        };
+        bottom: {
+            secondary: boolean;
+        };
+    };
+};
+export declare const groupedHorizontalBarSkeletonData: any[];
+export declare const groupedHorizontalBarSkeletonOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+            scaleType: string;
+        };
+        bottom: {
+            secondary: boolean;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};
+export declare const stackedHorizontalBarEmptyStateData: any[];
+export declare const stackedHorizontalBarEmptyStateOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+            scaleType: string;
+        };
+        bottom: {
+            secondary: boolean;
+        };
+    };
+};
+export declare const stackedHorizontalBarSkeletonData: any[];
+export declare const stackedHorizontalBarSkeletonOptions: {
+    title: string;
+    axes: {
+        left: {
+            primary: boolean;
+            scaleType: string;
+        };
+        bottom: {
+            secondary: boolean;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};

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

@@ -67,3 +67,44 @@ export declare const bubbleTimeSeriesOptions: {
         radiusMapsTo: string;
     };
 };
+export declare const bubbleEmptyStateData: any[];
+export declare const bubbleEmptyStateOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            includeZero: boolean;
+        };
+        left: {
+            title: string;
+            mapsTo: string;
+            includeZero: boolean;
+        };
+    };
+    bubble: {
+        radiusMapsTo: string;
+    };
+};
+export declare const bubbleSkeletonData: any[];
+export declare const bubbleSkeletonOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            includeZero: boolean;
+        };
+        left: {
+            title: string;
+            mapsTo: string;
+            includeZero: boolean;
+        };
+    };
+    bubble: {
+        radiusMapsTo: string;
+    };
+    data: {
+        loading: boolean;
+    };
+};

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

@@ -11,3 +11,26 @@ export declare const donutOptions: {
         };
     };
 };
+export declare const donutEmptyStateData: any[];
+export declare const donutEmptyStateOptions: {
+    title: string;
+    resizable: boolean;
+    donut: {
+        center: {
+            label: string;
+        };
+    };
+};
+export declare const donutSkeletonData: any[];
+export declare const donutSkeletonOptions: {
+    title: string;
+    resizable: boolean;
+    donut: {
+        center: {
+            label: string;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};

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

@@ -23,6 +23,9 @@ export declare const lineOptions: {
             scaleType: string;
         };
     };
+    chartTypes: {
+        line: string[];
+    };
 };
 export declare const lineTimeSeriesData: {
     group: string;
@@ -45,6 +48,36 @@ export declare const lineTimeSeriesOptions: {
     };
     curve: string;
 };
+export declare const lineTimeSeriesWithThresholdsOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+            thresholds: {
+                value: Date;
+                label: string;
+                valueFormatter: (date: Date) => string;
+            }[];
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+            thresholds: ({
+                value: number;
+                label: string;
+                fillColor: string;
+            } | {
+                value: number;
+                fillColor: string;
+                label?: undefined;
+            })[];
+        };
+    };
+    curve: string;
+};
 export declare const lineTimeSeriesDenseData: {
     group: string;
     date: Date;
@@ -115,3 +148,40 @@ export declare const lineTimeSeriesHorizontalOptions: {
     };
     curve: string;
 };
+export declare const lineEmptyStateData: any[];
+export declare const lineEmptyStateOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+};
+export declare const lineSkeletonData: any[];
+export declare const lineSkeletonOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
+            scaleType: string;
+        };
+    };
+    curve: string;
+    data: {
+        loading: boolean;
+    };
+};

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

@@ -6,3 +6,16 @@ export declare const pieOptions: {
     title: string;
     resizable: boolean;
 };
+export declare const pieEmptyStateData: any[];
+export declare const pieEmptyStateOptions: {
+    title: string;
+    resizable: boolean;
+};
+export declare const pieSkeletonData: any[];
+export declare const pieSkeletonOptions: {
+    title: string;
+    resizable: boolean;
+    data: {
+        loading: boolean;
+    };
+};

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

@@ -54,3 +54,34 @@ export declare const scatterTimeSeriesOptions: {
         };
     };
 };
+export declare const scatterEmptyStateData: any[];
+export declare const scatterEmptyStateOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
+        };
+    };
+};
+export declare const scatterSkeletonData: any[];
+export declare const scatterSkeletonOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
+        };
+    };
+    data: {
+        loading: boolean;
+    };
+};

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

@@ -16,3 +16,7 @@ export declare const stepTimeSeriesData: {
     date: Date;
     value: number;
 }[];
+export declare const stepEmptyStateData: any[];
+export declare const stepEmptyStateOptions: any;
+export declare const stepSkeletonData: any[];
+export declare const stepSkeletonOptions: any;

package/build/demo/data/time-series-axis.d.ts

@@ -261,8 +261,60 @@ export declare const lineTimeSeriesNoExtendedDomainOptions: {
     timeScale: {
         addSpaceOnEdges: number;
     };
-    points: {
-        radius: number;
+};
+export declare const lineTimeSeriesDataTwoIdenticalLabels: {
+    labels: string[];
+    datasets: {
+        label: string;
+        data: {
+            date: Date;
+            value: number;
+        }[];
+    }[];
+};
+export declare const lineTimeSeriesTwoIdenticalLabelsOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        addSpaceOnEdges: number;
+    };
+};
+export declare const lineTimeSeriesTwoIdenticalLabels2Options: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        addSpaceOnEdges: number;
+    };
+};
+export declare const lineTimeSeriesDataAllLabelsInPrimaryFormat: {
+    labels: string[];
+    datasets: {
+        label: string;
+        data: {
+            date: Date;
+            value: number;
+        }[];
+    }[];
+};
+export declare const lineTimeSeriesAllLabelsInPrimaryFormatOptions: {
+    title: string;
+    axes: {
+        left: {};
+        bottom: {
+            scaleType: string;
+        };
+    };
+    timeScale: {
+        addSpaceOnEdges: number;
     };
-    filled: boolean;
 };

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

@@ -2,9 +2,9 @@ import { Component } from "../component";
 export declare class Grid extends Component {
     type: string;
     backdrop: any;
-    render(): void;
-    drawXGrid(): void;
-    drawYGrid(): void;
+    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.

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

@@ -1,7 +1,9 @@
 import { Component } from "../component";
+import { Threshold } from "../essentials/threshold";
 export declare class TwoDimensionalAxes extends Component {
     type: string;
     children: any;
+    thresholds: Threshold[];
     margins: {
         top: number;
         right: number;
@@ -9,4 +11,5 @@ export declare class TwoDimensionalAxes extends Component {
         left: number;
     };
     render(animate?: boolean): void;
+    addAxisThresholds(animate: any, axisPosition: any): void;
 }