@carbon/charts 0.27.0 → 0.29.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts",
-  "version": "0.27.0",
+  "version": "0.29.1",
   "description": "Carbon charting components",
   "main": "./bundle.js",
   "module": "./index.js",
@@ -65,6 +65,7 @@
     "@types/karma": "3.0.2",
     "@types/node": "12.11.7",
     "babel-polyfill": "6.26.0",
+    "codesandbox": "2.1.11",
     "copy-webpack-plugin": "4.5.2",
     "css-loader": "0.28.7",
     "d3": "5.14.2",
@@ -79,16 +80,16 @@
     "karma-firefox-launcher": "1.1.0",
     "karma-jasmine": "2.0.1",
     "karma-safari-launcher": "1.0.0",
-    "karma-webpack": "3.0.5",
+    "karma-webpack": "4.0.2",
     "lerna": "3.13.4",
-    "mini-css-extract-plugin": "0.4.4",
-    "node-sass": "4.10.0",
+    "mini-css-extract-plugin": "0.9.0",
     "raw-loader": "0.5.1",
     "rollup": "1.27.10",
     "rollup-plugin-commonjs": "10.1.0",
     "rollup-plugin-node-resolve": "5.2.0",
     "rollup-plugin-terser": "5.1.2",
     "rollup-plugin-typescript2": "0.25.3",
+    "sass": "1.25.0",
     "sass-loader": "8.0.0",
     "style-loader": "0.19.0",
     "ts-loader": "5.1.0",

package/src/axis-chart.js

@@ -0,0 +1,130 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Chart } from "./chart";
+import { LayoutDirection, LayoutGrowth, LegendOrientations, LegendPositions } from "./interfaces/index";
+import { LayoutComponent, Legend, Title, Spacer } from "./components/index";
+import { Tools } from "./tools";
+import { CartesianScales, Curves } from "./services/index";
+var AxisChart = /** @class */ (function (_super) {
+    __extends(AxisChart, _super);
+    function AxisChart(holder, chartConfigs) {
+        var _this = _super.call(this, holder, chartConfigs) || this;
+        _this.services = Object.assign(_this.services, {
+            cartesianScales: CartesianScales,
+            curves: Curves
+        });
+        return _this;
+    }
+    AxisChart.prototype.getAxisChartComponents = function (graphFrameComponents) {
+        var titleComponent = {
+            id: "title",
+            components: [
+                new Title(this.model, this.services)
+            ],
+            growth: {
+                x: LayoutGrowth.PREFERRED,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        var legendComponent = {
+            id: "legend",
+            components: [
+                new Legend(this.model, this.services)
+            ],
+            growth: {
+                x: LayoutGrowth.PREFERRED,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        var graphFrameComponent = {
+            id: "graph-frame",
+            components: graphFrameComponents,
+            growth: {
+                x: LayoutGrowth.STRETCH,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        var isLegendEnabled = this.model.getOptions().legend.enabled !== false;
+        // Decide the position of the legend in reference to the chart
+        var fullFrameComponentDirection = LayoutDirection.COLUMN;
+        if (isLegendEnabled) {
+            var legendPosition = Tools.getProperty(this.model.getOptions(), "legend", "position");
+            if (legendPosition === LegendPositions.LEFT) {
+                fullFrameComponentDirection = LayoutDirection.ROW;
+                if (!this.model.getOptions().legend.orientation) {
+                    this.model.getOptions().legend.orientation = LegendOrientations.VERTICAL;
+                }
+            }
+            else if (legendPosition === LegendPositions.RIGHT) {
+                fullFrameComponentDirection = LayoutDirection.ROW_REVERSE;
+                if (!this.model.getOptions().legend.orientation) {
+                    this.model.getOptions().legend.orientation = LegendOrientations.VERTICAL;
+                }
+            }
+            else if (legendPosition === LegendPositions.BOTTOM) {
+                fullFrameComponentDirection = LayoutDirection.COLUMN_REVERSE;
+            }
+        }
+        var legendSpacerComponent = {
+            id: "spacer",
+            components: [
+                new Spacer(this.model, this.services)
+            ],
+            growth: {
+                x: LayoutGrowth.PREFERRED,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        var fullFrameComponent = {
+            id: "full-frame",
+            components: [
+                new LayoutComponent(this.model, this.services, (isLegendEnabled ? [legendComponent] : []).concat([
+                    legendSpacerComponent,
+                    graphFrameComponent
+                ]), {
+                    direction: fullFrameComponentDirection
+                })
+            ],
+            growth: {
+                x: LayoutGrowth.STRETCH,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        // Add chart title if it exists
+        var topLevelLayoutComponents = [];
+        if (this.model.getOptions().title) {
+            topLevelLayoutComponents.push(titleComponent);
+            var titleSpacerComponent = {
+                id: "spacer",
+                components: [
+                    new Spacer(this.model, this.services)
+                ],
+                growth: {
+                    x: LayoutGrowth.PREFERRED,
+                    y: LayoutGrowth.FIXED
+                }
+            };
+            topLevelLayoutComponents.push(titleSpacerComponent);
+        }
+        topLevelLayoutComponents.push(fullFrameComponent);
+        return [
+            new LayoutComponent(this.model, this.services, topLevelLayoutComponents, {
+                direction: LayoutDirection.COLUMN
+            })
+        ];
+    };
+    return AxisChart;
+}(Chart));
+export { AxisChart };
+//# sourceMappingURL=../../src/axis-chart.js.map

package/src/axis-chart.js.map

@@ -0,0 +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"]}

package/src/chart.js

@@ -0,0 +1,183 @@
+// Internal Imports
+import { LayoutGrowth, LayoutDirection, LegendOrientations } from "./interfaces/index";
+// Misc
+import { ChartModel } from "./model";
+import { Title, Legend, LayoutComponent, Spacer } from "./components";
+import { Tools } from "./tools";
+// Services
+import { DOMUtils, Events, Transitions } from "./services/index";
+var Chart = /** @class */ (function () {
+    function Chart(holder, chartConfigs) {
+        this.services = {
+            domUtils: DOMUtils,
+            events: Events,
+            transitions: Transitions
+        };
+        this.model = new ChartModel(this.services);
+    }
+    // Contains the code that uses properties that are overridable by the super-class
+    Chart.prototype.init = function (holder, chartConfigs) {
+        var _this = this;
+        // Store the holder in the model
+        this.model.set({ holder: holder }, true);
+        // Initialize all services
+        Object.keys(this.services).forEach(function (serviceName) {
+            var serviceObj = _this.services[serviceName];
+            _this.services[serviceName] = new serviceObj(_this.model, _this.services);
+        });
+        // Call update() when model has been updated
+        this.services.events
+            .addEventListener("model-update", function () {
+            _this.update(true);
+        });
+        // Set model data & options
+        this.model.setData(chartConfigs.data);
+        // Set chart resize event listener
+        this.services.events
+            .addEventListener("chart-resize", function () {
+            _this.update(false);
+        });
+        this.components = this.getComponents();
+        this.update();
+    };
+    Chart.prototype.getComponents = function () {
+        console.error("getComponents() method is not implemented");
+        return null;
+    };
+    Chart.prototype.update = function (animate) {
+        var _this = this;
+        if (animate === void 0) { animate = true; }
+        if (!this.components) {
+            return;
+        }
+        // Update all services
+        Object.keys(this.services).forEach(function (serviceName) {
+            var serviceObj = _this.services[serviceName];
+            serviceObj.update();
+        });
+        // Render all components
+        this.components.forEach(function (component) { return component.render(animate); });
+        // Asynchronously dispatch a "render-finished" event
+        // This is needed because of d3-transitions
+        // Since at the start of the transition
+        // Elements do not hold their final size or position
+        var pendingTransitions = this.services.transitions.getPendingTransitions();
+        var promises = Object.keys(pendingTransitions)
+            .map(function (transitionID) {
+            var transition = pendingTransitions[transitionID];
+            return transition.end()
+                .catch(function (e) { return e; }); // Skip rejects since we don't care about those;
+        });
+        Promise.all(promises)
+            .then(function () { return _this.services.events.dispatchEvent("render-finished"); });
+    };
+    Chart.prototype.destroy = function () {
+        // Call the destroy() method on all components
+        this.components.forEach(function (component) { return component.destroy(); });
+        // Remove the chart holder
+        this.services.domUtils.getHolder().remove();
+        this.model.set({ destroyed: true }, true);
+    };
+    Chart.prototype.getChartComponents = function (graphFrameComponents) {
+        var titleComponent = {
+            id: "title",
+            components: [
+                new Title(this.model, this.services)
+            ],
+            growth: {
+                x: LayoutGrowth.PREFERRED,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        var legendComponent = {
+            id: "legend",
+            components: [
+                new Legend(this.model, this.services)
+            ],
+            growth: {
+                x: LayoutGrowth.PREFERRED,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        var graphFrameComponent = {
+            id: "graph-frame",
+            components: graphFrameComponents,
+            growth: {
+                x: LayoutGrowth.STRETCH,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        var isLegendEnabled = this.model.getOptions().legend.enabled !== false;
+        // TODORF - REUSE BETWEEN AXISCHART & CHART
+        // Decide the position of the legend in reference to the chart
+        var fullFrameComponentDirection = LayoutDirection.COLUMN;
+        if (isLegendEnabled) {
+            var legendPosition = Tools.getProperty(this.model.getOptions(), "legend", "position");
+            if (legendPosition === "left") {
+                fullFrameComponentDirection = LayoutDirection.ROW;
+                if (!this.model.getOptions().legend.orientation) {
+                    this.model.getOptions().legend.orientation = LegendOrientations.VERTICAL;
+                }
+            }
+            else if (legendPosition === "right") {
+                fullFrameComponentDirection = LayoutDirection.ROW_REVERSE;
+                if (!this.model.getOptions().legend.orientation) {
+                    this.model.getOptions().legend.orientation = LegendOrientations.VERTICAL;
+                }
+            }
+            else if (legendPosition === "bottom") {
+                fullFrameComponentDirection = LayoutDirection.COLUMN_REVERSE;
+            }
+        }
+        var legendSpacerComponent = {
+            id: "spacer",
+            components: [
+                new Spacer(this.model, this.services)
+            ],
+            growth: {
+                x: LayoutGrowth.PREFERRED,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        var fullFrameComponent = {
+            id: "full-frame",
+            components: [
+                new LayoutComponent(this.model, this.services, (isLegendEnabled ? [legendComponent] : []).concat([
+                    legendSpacerComponent,
+                    graphFrameComponent
+                ]), {
+                    direction: fullFrameComponentDirection
+                })
+            ],
+            growth: {
+                x: LayoutGrowth.STRETCH,
+                y: LayoutGrowth.FIXED
+            }
+        };
+        // Add chart title if it exists
+        var topLevelLayoutComponents = [];
+        if (this.model.getOptions().title) {
+            topLevelLayoutComponents.push(titleComponent);
+            var titleSpacerComponent = {
+                id: "spacer",
+                components: [
+                    new Spacer(this.model, this.services)
+                ],
+                growth: {
+                    x: LayoutGrowth.PREFERRED,
+                    y: LayoutGrowth.FIXED
+                }
+            };
+            topLevelLayoutComponents.push(titleSpacerComponent);
+        }
+        topLevelLayoutComponents.push(fullFrameComponent);
+        return [
+            new LayoutComponent(this.model, this.services, topLevelLayoutComponents, {
+                direction: LayoutDirection.COLUMN
+            })
+        ];
+    };
+    return Chart;
+}());
+export { Chart };
+//# sourceMappingURL=../../src/chart.js.map

package/src/charts/bar-grouped.js

@@ -0,0 +1,46 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+// Internal Imports
+import { AxisChart } from "../axis-chart";
+import * as Configuration from "../configuration";
+import { Tools } from "../tools";
+// Components
+import { Grid, GroupedBar, TwoDimensionalAxes, ZeroLine, TooltipBar } from "../components/index";
+var GroupedBarChart = /** @class */ (function (_super) {
+    __extends(GroupedBarChart, _super);
+    function GroupedBarChart(holder, chartConfigs) {
+        var _this = _super.call(this, holder, chartConfigs) || this;
+        // Merge the default options for this chart
+        // With the user provided options
+        _this.model.setOptions(Tools.merge(Tools.clone(Configuration.options.groupedBarChart), chartConfigs.options));
+        // Initialize data, services, components etc.
+        _this.init(holder, chartConfigs);
+        return _this;
+    }
+    GroupedBarChart.prototype.getComponents = function () {
+        // Specify what to render inside the graph-frame
+        var graphFrameComponents = [
+            new TwoDimensionalAxes(this.model, this.services),
+            new Grid(this.model, this.services),
+            new GroupedBar(this.model, this.services),
+            new ZeroLine(this.model, this.services)
+        ];
+        var components = this.getAxisChartComponents(graphFrameComponents);
+        components.push(new TooltipBar(this.model, this.services));
+        return components;
+    };
+    return GroupedBarChart;
+}(AxisChart));
+export { GroupedBarChart };
+//# sourceMappingURL=../../../src/charts/bar-grouped.js.map

package/src/charts/bar-grouped.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-grouped.js","sourceRoot":"","sources":["bar-grouped.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,aAAa;AACb,OAAO,EACN,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,UAAU,EAKV,MAAM,qBAAqB,CAAC;AAE7B;IAAqC,mCAAS;IAC7C,yBAAY,MAAe,EAAE,YAA8C;QAA3E,YACC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAa3B;QAXA,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,KAAK,CACV,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,eAAe,CAAC,EAClD,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,uCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAG;YAC5B,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACjD,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACnC,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACzC,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;SACvC,CAAC;QAEF,IAAM,UAAU,GAAU,IAAI,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QAC5E,UAAU,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC3D,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,sBAAC;AAAD,CAAC,AA9BD,CAAqC,SAAS,GA8B7C","sourcesContent":["// Internal Imports\nimport { AxisChart } from \"../axis-chart\";\nimport * as Configuration from \"../configuration\";\nimport {\n\tChartConfig,\n\tScatterChartOptions\n} from \"../interfaces/index\";\nimport { Tools } from \"../tools\";\n\n// Components\nimport {\n\tGrid,\n\tGroupedBar,\n\tTwoDimensionalAxes,\n\tZeroLine,\n\tTooltipBar,\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tTooltip,\n\tLegend,\n\tLayoutComponent\n} from \"../components/index\";\n\nexport class GroupedBarChart extends AxisChart {\n\tconstructor(holder: Element, chartConfigs: ChartConfig<ScatterChartOptions>) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.merge(\n\t\t\t\tTools.clone(Configuration.options.groupedBarChart),\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents = [\n\t\t\tnew TwoDimensionalAxes(this.model, this.services),\n\t\t\tnew Grid(this.model, this.services),\n\t\t\tnew GroupedBar(this.model, this.services),\n\t\t\tnew ZeroLine(this.model, this.services)\n\t\t];\n\n\t\tconst components: any[] = this.getAxisChartComponents(graphFrameComponents);\n\t\tcomponents.push(new TooltipBar(this.model, this.services));\n\t\treturn components;\n\t}\n}\n"]}

package/src/charts/bar-simple.js

@@ -0,0 +1,48 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+// Internal Imports
+import { AxisChart } from "../axis-chart";
+import * as Configuration from "../configuration";
+import { Tools } from "../tools";
+import { SimpleBarChartModel } from "../model-simple-bar";
+// Components
+import { Grid, SimpleBar, TwoDimensionalAxes, ZeroLine, TooltipBar } from "../components/index";
+var SimpleBarChart = /** @class */ (function (_super) {
+    __extends(SimpleBarChart, _super);
+    function SimpleBarChart(holder, chartConfigs) {
+        var _this = _super.call(this, holder, chartConfigs) || this;
+        _this.model = new SimpleBarChartModel(_this.services);
+        // Merge the default options for this chart
+        // With the user provided options
+        _this.model.setOptions(Tools.merge(Tools.clone(Configuration.options.simpleBarChart), chartConfigs.options));
+        // Initialize data, services, components etc.
+        _this.init(holder, chartConfigs);
+        return _this;
+    }
+    SimpleBarChart.prototype.getComponents = function () {
+        // Specify what to render inside the graph-frame
+        var graphFrameComponents = [
+            new TwoDimensionalAxes(this.model, this.services),
+            new Grid(this.model, this.services),
+            new SimpleBar(this.model, this.services),
+            new ZeroLine(this.model, this.services)
+        ];
+        var components = this.getAxisChartComponents(graphFrameComponents);
+        components.push(new TooltipBar(this.model, this.services));
+        return components;
+    };
+    return SimpleBarChart;
+}(AxisChart));
+export { SimpleBarChart };
+//# sourceMappingURL=../../../src/charts/bar-simple.js.map

package/src/charts/bar-simple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-simple.js","sourceRoot":"","sources":["bar-simple.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,aAAa;AACb,OAAO,EACN,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,UAAU,EAKV,MAAM,qBAAqB,CAAC;AAE7B;IAAoC,kCAAS;IAG5C,wBAAY,MAAe,EAAE,YAA8C;QAA3E,YACC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAa3B;QAhBD,WAAK,GAAG,IAAI,mBAAmB,CAAC,KAAI,CAAC,QAAQ,CAAC,CAAC;QAK9C,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,KAAK,CACV,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,EACjD,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,sCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAG;YAC5B,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACjD,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACnC,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACxC,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;SACvC,CAAC;QAEF,IAAM,UAAU,GAAU,IAAI,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QAC5E,UAAU,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC3D,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,qBAAC;AAAD,CAAC,AAhCD,CAAoC,SAAS,GAgC5C","sourcesContent":["// Internal Imports\nimport { AxisChart } from \"../axis-chart\";\nimport * as Configuration from \"../configuration\";\nimport {\n\tChartConfig,\n\tScatterChartOptions\n} from \"../interfaces/index\";\nimport { Tools } from \"../tools\";\nimport { SimpleBarChartModel } from \"../model-simple-bar\";\n\n// Components\nimport {\n\tGrid,\n\tSimpleBar,\n\tTwoDimensionalAxes,\n\tZeroLine,\n\tTooltipBar,\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tTooltip,\n\tLegend,\n\tLayoutComponent\n} from \"../components/index\";\n\nexport class SimpleBarChart extends AxisChart {\n\tmodel = new SimpleBarChartModel(this.services);\n\n\tconstructor(holder: Element, chartConfigs: ChartConfig<ScatterChartOptions>) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.merge(\n\t\t\t\tTools.clone(Configuration.options.simpleBarChart),\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents = [\n\t\t\tnew TwoDimensionalAxes(this.model, this.services),\n\t\t\tnew Grid(this.model, this.services),\n\t\t\tnew SimpleBar(this.model, this.services),\n\t\t\tnew ZeroLine(this.model, this.services)\n\t\t];\n\n\t\tconst components: any[] = this.getAxisChartComponents(graphFrameComponents);\n\t\tcomponents.push(new TooltipBar(this.model, this.services));\n\t\treturn components;\n\t}\n}\n"]}

package/src/charts/bar-stacked.js

@@ -0,0 +1,45 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+// Internal Imports
+import { AxisChart } from "../axis-chart";
+import * as Configuration from "../configuration";
+import { Tools } from "../tools";
+// Components
+import { Grid, StackedBar, TwoDimensionalAxes, TooltipBar } from "../components/index";
+var StackedBarChart = /** @class */ (function (_super) {
+    __extends(StackedBarChart, _super);
+    function StackedBarChart(holder, chartConfigs) {
+        var _this = _super.call(this, holder, chartConfigs) || this;
+        // Merge the default options for this chart
+        // With the user provided options
+        _this.model.setOptions(Tools.merge(Tools.clone(Configuration.options.stackedBarChart), chartConfigs.options));
+        // Initialize data, services, components etc.
+        _this.init(holder, chartConfigs);
+        return _this;
+    }
+    StackedBarChart.prototype.getComponents = function () {
+        // Specify what to render inside the graph-frame
+        var graphFrameComponents = [
+            new TwoDimensionalAxes(this.model, this.services),
+            new Grid(this.model, this.services),
+            new StackedBar(this.model, this.services)
+        ];
+        var components = this.getAxisChartComponents(graphFrameComponents);
+        components.push(new TooltipBar(this.model, this.services));
+        return components;
+    };
+    return StackedBarChart;
+}(AxisChart));
+export { StackedBarChart };
+//# sourceMappingURL=../../../src/charts/bar-stacked.js.map

package/src/charts/bubble.d.ts

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

package/src/charts/bubble.js

@@ -0,0 +1,45 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+// Internal Imports
+import { AxisChart } from "../axis-chart";
+import * as Configuration from "../configuration";
+import { Tools } from "../tools";
+// Components
+import { Grid, Bubble, TwoDimensionalAxes, TooltipScatter } from "../components/index";
+var BubbleChart = /** @class */ (function (_super) {
+    __extends(BubbleChart, _super);
+    function BubbleChart(holder, chartConfigs) {
+        var _this = _super.call(this, holder, chartConfigs) || this;
+        // Merge the default options for this chart
+        // With the user provided options
+        _this.model.setOptions(Tools.merge(Tools.clone(Configuration.options.bubbleChart), chartConfigs.options));
+        // Initialize data, services, components etc.
+        _this.init(holder, chartConfigs);
+        return _this;
+    }
+    BubbleChart.prototype.getComponents = function () {
+        // Specify what to render inside the graph-frame
+        var graphFrameComponents = [
+            new TwoDimensionalAxes(this.model, this.services),
+            new Grid(this.model, this.services),
+            new Bubble(this.model, this.services)
+        ];
+        var components = this.getAxisChartComponents(graphFrameComponents);
+        components.push(new TooltipScatter(this.model, this.services));
+        return components;
+    };
+    return BubbleChart;
+}(AxisChart));
+export { BubbleChart };
+//# sourceMappingURL=../../../src/charts/bubble.js.map

package/src/charts/bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.js","sourceRoot":"","sources":["bubble.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,aAAa;AACb,OAAO,EACN,IAAI,EAEJ,MAAM,EACN,kBAAkB,EAKlB,cAAc,EACd,MAAM,qBAAqB,CAAC;AAE7B;IAAiC,+BAAS;IACzC,qBAAY,MAAe,EAAE,YAA6C;QAA1E,YACC,kBAAM,MAAM,EAAE,YAAY,CAAC,SAa3B;QAXA,2CAA2C;QAC3C,iCAAiC;QACjC,KAAI,CAAC,KAAK,CAAC,UAAU,CACpB,KAAK,CAAC,KAAK,CACV,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,EAC9C,YAAY,CAAC,OAAO,CACpB,CACD,CAAC;QAEF,6CAA6C;QAC7C,KAAI,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;;IACjC,CAAC;IAED,mCAAa,GAAb;QACC,gDAAgD;QAChD,IAAM,oBAAoB,GAAG;YAC5B,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACjD,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACnC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;SACrC,CAAC;QAEF,IAAM,UAAU,GAAU,IAAI,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QAC5E,UAAU,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/D,OAAO,UAAU,CAAC;IACnB,CAAC;IACF,kBAAC;AAAD,CAAC,AA7BD,CAAiC,SAAS,GA6BzC","sourcesContent":["// Internal Imports\nimport { AxisChart } from \"../axis-chart\";\nimport * as Configuration from \"../configuration\";\nimport {\n\tChartConfig,\n\tBubbleChartOptions\n} from \"../interfaces/index\";\nimport { Tools } from \"../tools\";\n\n// Components\nimport {\n\tGrid,\n\tLine,\n\tBubble,\n\tTwoDimensionalAxes,\n\t// the imports below are needed because of typescript bug (error TS4029)\n\tTooltip,\n\tLegend,\n\tLayoutComponent,\n\tTooltipScatter\n} from \"../components/index\";\n\nexport class BubbleChart extends AxisChart {\n\tconstructor(holder: Element, chartConfigs: ChartConfig<BubbleChartOptions>) {\n\t\tsuper(holder, chartConfigs);\n\n\t\t// Merge the default options for this chart\n\t\t// With the user provided options\n\t\tthis.model.setOptions(\n\t\t\tTools.merge(\n\t\t\t\tTools.clone(Configuration.options.bubbleChart),\n\t\t\t\tchartConfigs.options\n\t\t\t)\n\t\t);\n\n\t\t// Initialize data, services, components etc.\n\t\tthis.init(holder, chartConfigs);\n\t}\n\n\tgetComponents() {\n\t\t// Specify what to render inside the graph-frame\n\t\tconst graphFrameComponents = [\n\t\t\tnew TwoDimensionalAxes(this.model, this.services),\n\t\t\tnew Grid(this.model, this.services),\n\t\t\tnew Bubble(this.model, this.services)\n\t\t];\n\n\t\tconst components: any[] = this.getAxisChartComponents(graphFrameComponents);\n\t\tcomponents.push(new TooltipScatter(this.model, this.services));\n\t\treturn components;\n\t}\n}\n"]}

package/src/charts/donut.js

@@ -0,0 +1,43 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+// Internal Imports
+import { PieChart } from "./pie";
+import * as Configuration from "../configuration";
+import { Tools } from "../tools";
+// Components
+import { Donut, Tooltip } from "../components/index";
+var DonutChart = /** @class */ (function (_super) {
+    __extends(DonutChart, _super);
+    function DonutChart(holder, chartConfigs) {
+        var _this = _super.call(this, holder, chartConfigs, true) || this;
+        // Merge the default options for this chart
+        // With the user provided options
+        _this.model.setOptions(Tools.merge(Tools.clone(Configuration.options.donutChart), chartConfigs.options));
+        // Initialize data, services, components etc.
+        _this.init(holder, chartConfigs);
+        return _this;
+    }
+    DonutChart.prototype.getComponents = function () {
+        // Specify what to render inside the graph-frame
+        var graphFrameComponents = [
+            new Donut(this.model, this.services)
+        ];
+        var components = this.getChartComponents(graphFrameComponents);
+        components.push(new Tooltip(this.model, this.services));
+        return components;
+    };
+    return DonutChart;
+}(PieChart));
+export { DonutChart };
+//# sourceMappingURL=../../../src/charts/donut.js.map