@carbon/charts 0.28.0 → 0.29.2

package/chart.js

@@ -0,0 +1,190 @@
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+// 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, __spreadArrays((isLegendEnabled ? [legendComponent] : []), [
+                    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/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["chart.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport {\n\tChartConfig,\n\tBaseChartOptions,\n\tLayoutGrowth,\n\tLayoutDirection,\n\tLegendOrientations,\n\tChartTheme\n} from \"./interfaces/index\";\n\n// Misc\nimport { ChartModel } from \"./model\";\nimport { Component,\n\tTitle,\n\tLegend,\n\tLayoutComponent,\n\tTooltip,\n\tSpacer\n} from \"./components\";\nimport { Tools } from \"./tools\";\n\n// Services\nimport {\n\tDOMUtils,\n\tEvents,\n\tTransitions\n} from \"./services/index\";\n\nexport class Chart {\n\tcomponents: Component[];\n\tservices: any = {\n\t\tdomUtils: DOMUtils,\n\t\tevents: Events,\n\t\ttransitions: Transitions\n\t};\n\tmodel: ChartModel = new ChartModel(this.services);\n\n\tconstructor(holder: Element, chartConfigs: ChartConfig<BaseChartOptions>) {}\n\n\t// Contains the code that uses properties that are overridable by the super-class\n\tinit(holder: Element, chartConfigs: ChartConfig<BaseChartOptions>) {\n\t\t// Store the holder in the model\n\t\tthis.model.set({ holder }, true);\n\n\t\t// Initialize all services\n\t\tObject.keys(this.services).forEach(serviceName => {\n\t\t\tconst serviceObj = this.services[serviceName];\n\t\t\tthis.services[serviceName] = new serviceObj(this.model, this.services);\n\t\t});\n\n\t\t// Call update() when model has been updated\n\t\tthis.services.events\n\t\t\t.addEventListener(\"model-update\", () => {\n\t\t\t\tthis.update(true);\n\t\t\t});\n\n\t\t// Set model data & options\n\t\tthis.model.setData(chartConfigs.data);\n\n\t\t// Set chart resize event listener\n\t\tthis.services.events\n\t\t\t.addEventListener(\"chart-resize\", () => {\n\t\t\t\tthis.update(false);\n\t\t\t});\n\n\t\tthis.components = this.getComponents();\n\n\t\tthis.update();\n\t}\n\n\tgetComponents(): any[] {\n\t\tconsole.error(\"getComponents() method is not implemented\");\n\n\t\treturn null;\n\t}\n\n\n\n\tupdate(animate = true) {\n\t\tif (!this.components) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update all services\n\t\tObject.keys(this.services).forEach(serviceName => {\n\t\t\tconst serviceObj = this.services[serviceName];\n\t\t\tserviceObj.update();\n\t\t});\n\n\t\t// Render all components\n\t\tthis.components.forEach(component => component.render(animate));\n\n\t\t// Asynchronously dispatch a \"render-finished\" event\n\t\t// This is needed because of d3-transitions\n\t\t// Since at the start of the transition\n\t\t// Elements do not hold their final size or position\n\t\tconst pendingTransitions = this.services.transitions.getPendingTransitions();\n\t\tconst promises = Object.keys(pendingTransitions)\n\t\t\t.map(transitionID => {\n\t\t\t\tconst transition = pendingTransitions[transitionID];\n\t\t\t\treturn transition.end()\n\t\t\t\t\t.catch(e => e); // Skip rejects since we don't care about those;\n\t\t\t});\n\n\t\tPromise.all(promises)\n\t\t\t.then(() => this.services.events.dispatchEvent(\"render-finished\"));\n\t}\n\n\tdestroy() {\n\t\t// Call the destroy() method on all components\n\t\tthis.components.forEach(component => component.destroy());\n\n\t\t// Remove the chart holder\n\t\tthis.services.domUtils.getHolder().remove();\n\n\t\tthis.model.set({ destroyed: true }, true);\n\t}\n\n\n\tprotected getChartComponents(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\t\t// TODORF - REUSE BETWEEN AXISCHART & CHART\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\t\tconst legendPosition = Tools.getProperty(this.model.getOptions(), \"legend\", \"position\");\n\t\t\tif (legendPosition === \"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 === \"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 === \"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/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/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/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/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/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/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/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

package/charts/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./bar-simple";
+export * from "./bar-grouped";
+export * from "./bar-stacked";
+export * from "./bubble";
+export * from "./line";
+export * from "./scatter";
+export * from "./pie";
+export * from "./donut";

package/charts/index.js

@@ -0,0 +1,9 @@
+export * from "./bar-simple";
+export * from "./bar-grouped";
+export * from "./bar-stacked";
+export * from "./bubble";
+export * from "./line";
+export * from "./scatter";
+export * from "./pie";
+export * from "./donut";
+//# sourceMappingURL=../../src/charts/index.js.map

package/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC","sourcesContent":["export * from \"./bar-simple\";\nexport * from \"./bar-grouped\";\nexport * from \"./bar-stacked\";\nexport * from \"./bubble\";\nexport * from \"./line\";\nexport * from \"./scatter\";\nexport * from \"./pie\";\nexport * from \"./donut\";\n"]}

package/charts/line.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, Line, Scatter, TwoDimensionalAxes, TooltipScatter } from "../components/index";
+var LineChart = /** @class */ (function (_super) {
+    __extends(LineChart, _super);
+    function LineChart(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.lineChart), chartConfigs.options));
+        // Initialize data, services, components etc.
+        _this.init(holder, chartConfigs);
+        return _this;
+    }
+    LineChart.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 Line(this.model, this.services),
+            new Scatter(this.model, this.services)
+        ];
+        var components = this.getAxisChartComponents(graphFrameComponents);
+        components.push(new TooltipScatter(this.model, this.services));
+        return components;
+    };
+    return LineChart;
+}(AxisChart));
+export { LineChart };
+//# sourceMappingURL=../../src/charts/line.js.map

package/charts/pie.js

@@ -0,0 +1,54 @@
+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 { PieChartModel } from "../model-pie";
+import { Chart } from "../chart";
+import * as Configuration from "../configuration";
+import { Tools } from "../tools";
+// Components
+import { Pie, 
+// the imports below are needed because of typescript bug (error TS4029)
+Tooltip } from "../components/index";
+var PieChart = /** @class */ (function (_super) {
+    __extends(PieChart, _super);
+    // TODO - Optimize the use of "extending"
+    function PieChart(holder, chartConfigs, extending) {
+        if (extending === void 0) { extending = false; }
+        var _this = _super.call(this, holder, chartConfigs) || this;
+        _this.model = new PieChartModel(_this.services);
+        // TODO - Optimize the use of "extending"
+        if (extending) {
+            return _this;
+        }
+        // Merge the default options for this chart
+        // With the user provided options
+        _this.model.setOptions(Tools.merge(Tools.clone(Configuration.options.pieChart), chartConfigs.options));
+        // Initialize data, services, components etc.
+        _this.init(holder, chartConfigs);
+        return _this;
+    }
+    PieChart.prototype.getComponents = function () {
+        // Specify what to render inside the graph-frame
+        var graphFrameComponents = [
+            new Pie(this.model, this.services)
+        ];
+        // get the base chart components and export with tooltip
+        var components = this.getChartComponents(graphFrameComponents);
+        components.push(new Tooltip(this.model, this.services));
+        return components;
+    };
+    return PieChart;
+}(Chart));
+export { PieChart };
+//# sourceMappingURL=../../src/charts/pie.js.map