@carbon/charts 0.28.0 → 0.29.2

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,eAAe,EACf,eAAe,EACf,WAAW,EACX,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,GACV,MAAM,gBAAgB,CAAC;AAExB,uBAAuB;AACvB,OAAO,KAAK,cAAc,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAE3C,OAAO,KAAK,aAAa,MAAM,0BAA0B,CAAC;AAC1D,mCAAmC;AACnC,IAAM,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC;AAE5C,OAAO,EACN,UAAU,EACV,cAAc,EACd,aAAa,EACb,aAAa,EACb,cAAc,EACd,eAAe,EACf,eAAe,EACf,WAAW,EACX,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,CAAC","sourcesContent":["import {\n\tSimpleBarChart,\n\tGroupedBarChart,\n\tStackedBarChart,\n\tBubbleChart,\n\tLineChart,\n\tScatterChart,\n\tPieChart,\n\tDonutChart,\n} from \"./charts/index\";\n\n// Configs & interfaces\nimport * as configurations from \"./configuration\";\nimport * as interfaces from \"./interfaces\";\n\nimport * as colorPalettes from \"./services/colorPalettes\";\n// TODO 1.0 - Remove deprecated API\nconst defaultColors = colorPalettes.DEFAULT;\n\nexport {\n\tinterfaces,\n\tconfigurations,\n\tdefaultColors,\n\tcolorPalettes,\n\tSimpleBarChart,\n\tGroupedBarChart,\n\tStackedBarChart,\n\tBubbleChart,\n\tLineChart,\n\tScatterChart,\n\tPieChart,\n\tDonutChart\n};\n"]}

package/interfaces/a11y.js

@@ -0,0 +1,8 @@
+export var Roles;
+(function (Roles) {
+    Roles["GRAPHICS_DOCUMENT"] = "graphics-document";
+    Roles["GRAPHICS_OBJECT"] = "graphics-object";
+    Roles["GRAPHICS_SYMBOL"] = "graphics-symbol";
+    Roles["GROUP"] = "group";
+})(Roles || (Roles = {}));
+//# sourceMappingURL=../../src/interfaces/a11y.js.map

package/interfaces/axis-scales.js

@@ -0,0 +1 @@
+//# sourceMappingURL=../../src/interfaces/axis-scales.js.map

package/interfaces/charts.d.ts

@@ -0,0 +1,157 @@
+import { LegendOptions, TooltipOptions, GridOptions, AxesOptions } from "./index";
+import { AxisTooltipOptions, BarTooltipOptions, BarOptions, StackedBarOptions } from "./components";
+/**
+ * Base chart options common to any chart
+ */
+export interface BaseChartOptions {
+    /**
+     * boolean to disable animations (enabled by default)
+     */
+    animations?: boolean;
+    /**
+     * boolean to prevent the container from resizing
+     */
+    resizable?: boolean;
+    /**
+     * Optionally specify a width for the chart
+     */
+    width?: string;
+    /**
+     * Optionally specify a height for the chart
+     */
+    height?: string;
+    /**
+     * tooltip configuration
+     */
+    tooltip?: TooltipOptions;
+    /**
+     * legend configuration
+     */
+    legend?: LegendOptions;
+    /**
+     * Optional function to determine whether is filled based on datasetLabel, label, and/or data
+     */
+    getIsFilled?: (datasetLabel: any, label?: any, data?: any, defaultFilled?: boolean) => boolean;
+    /**
+     * Optional function to generate the fill color based on datasetLabel, label, and/or data
+     */
+    getFillColor?: (datasetLabel: any, label?: any, data?: any, defaultFillColor?: string) => string;
+    /**
+     * Optional function to generate the stroke color based on datasetLabel, label, and/or data
+     */
+    getStrokeColor?: (datasetLabel: any, label?: any, data?: any, defaultStrokeColor?: string) => string;
+    /**
+     * stylesheet options
+     */
+    style?: {
+        /**
+         * optional prefixing string for css classes (defaults to 'cc')
+         */
+        prefix?: String;
+    };
+}
+/**
+ * Options common to any chart with an axis
+ */
+export interface AxisChartOptions extends BaseChartOptions {
+    axes?: AxesOptions;
+    grid?: GridOptions;
+    tooltip?: AxisTooltipOptions;
+}
+/**
+ * options specific to bar charts
+ */
+export interface BarChartOptions extends AxisChartOptions {
+    bars?: BarOptions;
+    tooltip?: BarTooltipOptions;
+}
+/**
+ * options specific to stacked bar charts
+ */
+export interface StackedBarChartOptions extends BarChartOptions {
+    bars?: StackedBarOptions;
+}
+/**
+ * options specific to scatter charts
+ */
+export interface ScatterChartOptions extends AxisChartOptions {
+    /**
+     * options for the points
+     */
+    points?: {
+        /**
+         * sets the radius of the point
+         */
+        radius: number;
+        fillOpacity?: number;
+    };
+}
+/**
+ * options specific to bubble charts
+ */
+export interface BubbleChartOptions extends AxisChartOptions {
+    /**
+     * options for the individual bubbles
+     */
+    bubble?: {
+        /**
+         * A function that would determine the range of the bubble radius to use
+         * Returns an array with the 1st value being the min and the 2nd value being the max radius
+         */
+        radiusRange?: Function;
+        /**
+         * Opacity of the fills used within each circle
+         */
+        fillOpacity?: number;
+    };
+}
+/**
+ * options specific to line charts
+ */
+export interface LineChartOptions extends ScatterChartOptions {
+    /**
+     * options for the curve of the line
+     */
+    curve?: string | {
+        name: string;
+    };
+}
+/**
+ * options specific to pie charts
+ */
+export interface PieChartOptions extends BaseChartOptions {
+    pie?: {
+        radiusOffset?: number;
+        innerRadius?: number;
+        padAngle?: number;
+        hoverArc?: {
+            outerRadiusOffset?: number;
+        };
+        xOffset?: number;
+        yOffset?: number;
+        yOffsetCallout?: number;
+        callout?: {
+            minSliceDegree?: number;
+            offsetX?: number;
+            offsetY?: number;
+            horizontalLineLength?: number;
+            textMargin?: number;
+        };
+        labels?: {
+            formatter?: Function;
+        };
+    };
+}
+/**
+ * options specific to donut charts
+ */
+export interface DonutChartOptions extends PieChartOptions {
+    donut?: {
+        center?: {
+            numberFontSize?: Function;
+            titleFontSize?: Function;
+            titleYPosition?: Function;
+            numberFormatter?: Function;
+        };
+    };
+}

package/interfaces/charts.js

@@ -0,0 +1 @@
+//# sourceMappingURL=../../src/interfaces/charts.js.map

package/interfaces/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","sourceRoot":"","sources":["charts.ts"],"names":[],"mappings":"","sourcesContent":["import { LegendOptions, TooltipOptions, GridOptions, AxesOptions } from \"./index\";\nimport { AxisTooltipOptions, BarTooltipOptions, BarOptions, StackedBarOptions } from \"./components\";\n\n/**\n * Base chart options common to any chart\n */\nexport interface BaseChartOptions {\n\t/**\n\t * boolean to disable animations (enabled by default)\n\t */\n\tanimations?: boolean;\n\t/**\n\t * boolean to prevent the container from resizing\n\t */\n\tresizable?: boolean;\n\t/**\n\t * Optionally specify a width for the chart\n\t */\n\twidth?: string;\n\t/**\n\t * Optionally specify a height for the chart\n\t */\n\theight?: string;\n\t/**\n\t * tooltip configuration\n\t */\n\ttooltip?: TooltipOptions;\n\t/**\n\t * legend configuration\n\t */\n\tlegend?: LegendOptions;\n\t/**\n\t * Optional function to determine whether is filled based on datasetLabel, label, and/or data\n\t */\n\tgetIsFilled?: (datasetLabel: any, label?: any, data?: any, defaultFilled?: boolean) => boolean;\n\t/**\n\t * Optional function to generate the fill color based on datasetLabel, label, and/or data\n\t */\n\tgetFillColor?: (datasetLabel: any, label?: any, data?: any, defaultFillColor?: string) => string;\n\t/**\n\t * Optional function to generate the stroke color based on datasetLabel, label, and/or data\n\t */\n\tgetStrokeColor?: (datasetLabel: any, label?: any, data?: any, defaultStrokeColor?: string) => string;\n\t/**\n\t * stylesheet options\n\t */\n\tstyle?: {\n\t\t/**\n\t\t * optional prefixing string for css classes (defaults to 'cc')\n\t\t */\n\t\tprefix?: String;\n\t};\n}\n\n/**\n * Options common to any chart with an axis\n */\nexport interface AxisChartOptions extends BaseChartOptions {\n\taxes?: AxesOptions;\n\tgrid?: GridOptions;\n\ttooltip?: AxisTooltipOptions;\n}\n\n/**\n * options specific to bar charts\n */\nexport interface BarChartOptions extends AxisChartOptions {\n\tbars?: BarOptions;\n\ttooltip?: BarTooltipOptions;\n}\n\n/**\n * options specific to stacked bar charts\n */\nexport interface StackedBarChartOptions extends BarChartOptions {\n\tbars?: StackedBarOptions;\n}\n\n/**\n * options specific to scatter charts\n */\nexport interface ScatterChartOptions extends AxisChartOptions {\n\t/**\n\t * options for the points\n\t */\n\tpoints?: {\n\t\t/**\n\t\t * sets the radius of the point\n\t\t */\n\t\tradius: number;\n\t\tfillOpacity?: number;\n\t};\n}\n\n/**\n * options specific to bubble charts\n */\nexport interface BubbleChartOptions extends AxisChartOptions {\n\t/**\n\t * options for the individual bubbles\n\t */\n\tbubble?: {\n\t\t/**\n\t\t * A function that would determine the range of the bubble radius to use\n\t\t * Returns an array with the 1st value being the min and the 2nd value being the max radius\n\t\t */\n\t\tradiusRange?: Function;\n\t\t/**\n\t\t * Opacity of the fills used within each circle\n\t\t */\n\t\tfillOpacity?: number;\n\t};\n}\n\n/**\n * options specific to line charts\n */\nexport interface LineChartOptions extends ScatterChartOptions {\n\t/**\n\t * options for the curve of the line\n\t */\n\tcurve?: string | {\n\t\tname: string;\n\t};\n}\n\n/**\n * options specific to pie charts\n */\nexport interface PieChartOptions extends BaseChartOptions {\n\tpie?: {\n\t\tradiusOffset?: number;\n\t\tinnerRadius?: number;\n\t\tpadAngle?: number;\n\t\thoverArc?: {\n\t\t\touterRadiusOffset?: number;\n\t\t};\n\t\txOffset?: number;\n\t\tyOffset?: number;\n\t\tyOffsetCallout?: number;\n\t\tcallout?: {\n\t\t\tminSliceDegree?: number;\n\t\t\toffsetX?: number,\n\t\t\toffsetY?: number;\n\t\t\thorizontalLineLength?: number;\n\t\t\ttextMargin?: number;\n\t\t},\n\t\tlabels?: {\n\t\t\tformatter?: Function;\n\t\t}\n\t};\n}\n\n\n\n/**\n * options specific to donut charts\n */\nexport interface DonutChartOptions extends PieChartOptions {\n\tdonut?: {\n\t\tcenter?: {\n\t\t\tnumberFontSize?: Function;\n\t\t\ttitleFontSize?: Function;\n\t\t\ttitleYPosition?: Function;\n\t\t\tnumberFormatter?: Function;\n\t\t};\n\t};\n}\n"]}

package/interfaces/components.js

@@ -0,0 +1 @@
+//# sourceMappingURL=../../src/interfaces/components.js.map

package/interfaces/enums.js

@@ -0,0 +1,112 @@
+import * as EventEnums from "./events";
+export var Events = EventEnums;
+/**
+ * enum of all supported chart themes
+ */
+export var ChartTheme;
+(function (ChartTheme) {
+    ChartTheme["DEFAULT"] = "default";
+    ChartTheme["G100"] = "g100";
+    ChartTheme["G90"] = "g90";
+    ChartTheme["G10"] = "g10";
+})(ChartTheme || (ChartTheme = {}));
+/**
+ * enum of all possible axis positions
+ */
+export var AxisPositions;
+(function (AxisPositions) {
+    AxisPositions["LEFT"] = "left";
+    AxisPositions["RIGHT"] = "right";
+    AxisPositions["TOP"] = "top";
+    AxisPositions["BOTTOM"] = "bottom";
+})(AxisPositions || (AxisPositions = {}));
+/**
+ * enum of all possible cartesian orientations
+ * to be used for determining the orientation
+ * of graphs being draw over
+ * cartesian scales
+ */
+export var CartesianOrientations;
+(function (CartesianOrientations) {
+    CartesianOrientations["VERTICAL"] = "vertical";
+    CartesianOrientations["HORIZONTAL"] = "horizontal";
+})(CartesianOrientations || (CartesianOrientations = {}));
+export var AxisTypes;
+(function (AxisTypes) {
+    AxisTypes["PRIMARY"] = "primary";
+    AxisTypes["SECONDARY"] = "secondary";
+})(AxisTypes || (AxisTypes = {}));
+/**
+ * enum of all possible scale types
+ */
+export var ScaleTypes;
+(function (ScaleTypes) {
+    ScaleTypes["TIME"] = "time";
+    ScaleTypes["LINEAR"] = "linear";
+    ScaleTypes["LOG"] = "log";
+    ScaleTypes["LABELS"] = "labels";
+})(ScaleTypes || (ScaleTypes = {}));
+/**
+ * enum of supported tooltip position relative to
+ */
+export var TooltipPosition;
+(function (TooltipPosition) {
+    TooltipPosition["MOUSE"] = "mouse";
+    TooltipPosition["TOP"] = "top";
+    TooltipPosition["BOTTOM"] = "bottom";
+})(TooltipPosition || (TooltipPosition = {}));
+/**
+ * enum of tooltip types for custom tooltip event
+ */
+export var TooltipTypes;
+(function (TooltipTypes) {
+    TooltipTypes["DATAPOINT"] = "datapoint";
+    TooltipTypes["GRIDLINE"] = "gridline";
+    TooltipTypes["TITLE"] = "title";
+})(TooltipTypes || (TooltipTypes = {}));
+/**
+ * enum of all possible legend positions
+ */
+export var LegendPositions;
+(function (LegendPositions) {
+    LegendPositions["RIGHT"] = "right";
+    LegendPositions["LEFT"] = "left";
+    LegendPositions["TOP"] = "top";
+    LegendPositions["BOTTOM"] = "bottom";
+})(LegendPositions || (LegendPositions = {}));
+/**
+ * enum of all possible legend orientations
+ */
+export var LegendOrientations;
+(function (LegendOrientations) {
+    LegendOrientations["HORIZONTAL"] = "horizontal";
+    LegendOrientations["VERTICAL"] = "vertical";
+})(LegendOrientations || (LegendOrientations = {}));
+/**
+ * enum of all possible layout directions
+ */
+export var LayoutDirection;
+(function (LayoutDirection) {
+    LayoutDirection["ROW"] = "row";
+    LayoutDirection["COLUMN"] = "column";
+    LayoutDirection["ROW_REVERSE"] = "row-reverse";
+    LayoutDirection["COLUMN_REVERSE"] = "column-reverse";
+})(LayoutDirection || (LayoutDirection = {}));
+/**
+ * enum of all possible layout growth values
+ */
+export var LayoutGrowth;
+(function (LayoutGrowth) {
+    LayoutGrowth["FIXED"] = "fixed";
+    LayoutGrowth["PREFERRED"] = "preferred";
+    LayoutGrowth["STRETCH"] = "stretch";
+})(LayoutGrowth || (LayoutGrowth = {}));
+/**
+ * enum of all possible callout directions
+ */
+export var CalloutDirections;
+(function (CalloutDirections) {
+    CalloutDirections["LEFT"] = "left";
+    CalloutDirections["RIGHT"] = "right";
+})(CalloutDirections || (CalloutDirections = {}));
+//# sourceMappingURL=../../src/interfaces/enums.js.map

package/interfaces/events.js

@@ -0,0 +1,41 @@
+/**
+ * enum of all pie graph events
+ */
+export var Pie;
+(function (Pie) {
+    Pie["SLICE_MOUSEOVER"] = "pie-slice-mouseover";
+    Pie["SLICE_MOUSEMOVE"] = "pie-slice-mousemove";
+    Pie["SLICE_CLICK"] = "pie-slice-click";
+    Pie["SLICE_MOUSEOUT"] = "pie-slice-mouseout";
+})(Pie || (Pie = {}));
+/**
+ * enum of all bar graph events
+ */
+export var Bar;
+(function (Bar) {
+    Bar["BAR_MOUSEOVER"] = "bar-mouseover";
+    Bar["BAR_MOUSEMOVE"] = "bar-mousemove";
+    Bar["BAR_CLICK"] = "bar-click";
+    Bar["BAR_MOUSEOUT"] = "bar-mouseout";
+})(Bar || (Bar = {}));
+/**
+ * enum of all scatter graph events
+ */
+export var Scatter;
+(function (Scatter) {
+    Scatter["SCATTER_MOUSEOVER"] = "scatter-mouseover";
+    Scatter["SCATTER_MOUSEMOVE"] = "scatter-mousemove";
+    Scatter["SCATTER_CLICK"] = "scatter-click";
+    Scatter["SCATTER_MOUSEOUT"] = "scatter-mouseout";
+})(Scatter || (Scatter = {}));
+/**
+ * enum of all line graph events
+ */
+export var Line;
+(function (Line) {
+    Line["POINT_MOUSEOVER"] = "scatter-mouseover";
+    Line["POINT_MOUSEMOVE"] = "scatter-mousemove";
+    Line["POINT_CLICK"] = "scatter-click";
+    Line["POINT_MOUSEOUT"] = "scatter-mouseout";
+})(Line || (Line = {}));
+//# sourceMappingURL=../../src/interfaces/events.js.map

package/interfaces/index.js

@@ -0,0 +1,3 @@
+export * from "./a11y";
+export * from "./enums";
+//# sourceMappingURL=../../src/interfaces/index.js.map

package/interfaces/layout.js

@@ -0,0 +1 @@
+//# sourceMappingURL=../../src/interfaces/layout.js.map

package/interfaces/model.js

@@ -0,0 +1 @@
+//# sourceMappingURL=../../src/interfaces/model.js.map

package/model-pie.d.ts

@@ -0,0 +1,13 @@
+import { ChartModel } from "./model";
+/** The charting model layer which includes mainly the chart data and options,
+ * as well as some misc. information to be shared among components */
+export declare class PieChartModel extends ChartModel {
+    constructor(services: any);
+    sanitize(data: any): any;
+    generateDataLabels(newData: any): {};
+    getDisplayData(): any;
+    toggleDataLabel(changedLabel: string): void;
+    setColorScale(): void;
+    getFillColor(label: string): any;
+    getStrokeColor(label: string): any;
+}

package/model-pie.js

@@ -0,0 +1,136 @@
+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 * as Configuration from "./configuration";
+import { ChartModel } from "./model";
+import { Tools } from "./tools";
+import * as colorPalettes from "./services/colorPalettes";
+// D3 Imports
+import { scaleOrdinal } from "d3-scale";
+/** The charting model layer which includes mainly the chart data and options,
+ * as well as some misc. information to be shared among components */
+var PieChartModel = /** @class */ (function (_super) {
+    __extends(PieChartModel, _super);
+    function PieChartModel(services) {
+        return _super.call(this, services) || this;
+    }
+    PieChartModel.prototype.sanitize = function (data) {
+        // Sort data based on value
+        // and sort labels based on the data value order
+        var dataset = Tools.getProperty(data, "datasets", 0);
+        if (dataset) {
+            var sortedLabelsAndValues = data.labels.map(function (label, i) {
+                return {
+                    label: label,
+                    value: dataset.data[i],
+                    fillColor: dataset.fillColors ? dataset.fillColors[i] : undefined
+                };
+            }).sort(function (a, b) { return b.value - a.value; });
+            dataset.data = sortedLabelsAndValues.map(function (d) { return d.value; });
+            data.labels = sortedLabelsAndValues.map(function (d) { return d.label; });
+            if (dataset.fillColors) {
+                dataset.fillColors = sortedLabelsAndValues.map(function (d) { return d.fillColor; });
+            }
+        }
+        return data;
+    };
+    PieChartModel.prototype.generateDataLabels = function (newData) {
+        var dataLabels = {};
+        newData.labels.forEach(function (label) {
+            dataLabels[label] = Configuration.legend.items.status.ACTIVE;
+        });
+        return dataLabels;
+    };
+    PieChartModel.prototype.getDisplayData = function () {
+        var ACTIVE = Configuration.legend.items.status.ACTIVE;
+        var dataLabels = this.get("dataLabels");
+        if (!this.get("data")) {
+            return null;
+        }
+        // Remove datasets that have been disabled
+        var displayData = Tools.clone(this.get("data"));
+        var dataset = displayData.datasets[0];
+        // Remove data values that correspond to labels that are disabled
+        dataset.data = dataset.data.filter(function (datum, i) {
+            var label = displayData.labels[i];
+            return dataLabels[label] === ACTIVE;
+        });
+        // Remove labels that are disabled
+        displayData.labels = displayData.labels.filter(function (label) { return dataLabels[label] === ACTIVE; });
+        return displayData;
+    };
+    /*
+     * Data labels
+    */
+    PieChartModel.prototype.toggleDataLabel = function (changedLabel) {
+        var _a = Configuration.legend.items.status, ACTIVE = _a.ACTIVE, DISABLED = _a.DISABLED;
+        var dataLabels = this.get("dataLabels");
+        var hasDeactivatedItems = Object.keys(dataLabels).some(function (label) { return dataLabels[label] === DISABLED; });
+        var activeItems = Object.keys(dataLabels).filter(function (label) { return dataLabels[label] === ACTIVE; });
+        // If there are deactivated items, toggle "changedLabel"
+        if (hasDeactivatedItems) {
+            // If the only active item is being toggled
+            // Activate all items
+            if (activeItems.length === 1 && activeItems[0] === changedLabel) {
+                // If every item is active, then enable "changedLabel" and disable all other items
+                Object.keys(dataLabels).forEach(function (label) {
+                    dataLabels[label] = ACTIVE;
+                });
+            }
+            else {
+                dataLabels[changedLabel] = dataLabels[changedLabel] === DISABLED ? ACTIVE : DISABLED;
+            }
+        }
+        else {
+            // If every item is active, then enable "changedLabel" and disable all other items
+            Object.keys(dataLabels).forEach(function (label) {
+                dataLabels[label] = (label === changedLabel ? ACTIVE : DISABLED);
+            });
+        }
+        // Update model
+        this.set({
+            dataLabels: dataLabels
+        });
+    };
+    /*
+     * Fill scales
+    */
+    PieChartModel.prototype.setColorScale = function () {
+        var dataset = this.getDisplayData().datasets[0];
+        if (dataset.fillColors) {
+            this.colorScale = scaleOrdinal().range(dataset.fillColors).domain(this.allDataLabels);
+        }
+        else {
+            var colors = colorPalettes.DEFAULT;
+            this.colorScale = scaleOrdinal().range(colors).domain(this.allDataLabels);
+        }
+    };
+    PieChartModel.prototype.getFillColor = function (label) {
+        var options = this.getOptions();
+        if (options.getFillColor) {
+            return options.getFillColor(label);
+        }
+        return this.getFillScale()(label);
+    };
+    PieChartModel.prototype.getStrokeColor = function (label) {
+        var options = this.getOptions();
+        if (options.getStrokeColor) {
+            return options.getStrokeColor(label);
+        }
+        return this.colorScale(label);
+    };
+    return PieChartModel;
+}(ChartModel));
+export { PieChartModel };
+//# sourceMappingURL=../src/model-pie.js.map

package/model-pie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-pie.js","sourceRoot":"","sources":["model-pie.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport * as Configuration from \"./configuration\";\nimport { ChartModel } from \"./model\";\nimport { Tools } from \"./tools\";\nimport * as colorPalettes from \"./services/colorPalettes\";\n\n// D3 Imports\nimport { scaleOrdinal } from \"d3-scale\";\n\n/** The charting model layer which includes mainly the chart data and options,\n * as well as some misc. information to be shared among components */\nexport class PieChartModel extends ChartModel {\n\tconstructor(services: any) {\n\t\tsuper(services);\n\t}\n\n\tsanitize(data) {\n\t\t// Sort data based on value\n\t\t// and sort labels based on the data value order\n\t\tconst dataset = Tools.getProperty(data, \"datasets\", 0);\n\t\tif (dataset) {\n\t\t\tconst sortedLabelsAndValues = data.labels.map((label, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue: dataset.data[i],\n\t\t\t\t\tfillColor: dataset.fillColors ? dataset.fillColors[i] : undefined\n\t\t\t\t};\n\t\t\t}).sort((a: any, b: any) => b.value - a.value);\n\n\t\t\tdataset.data = sortedLabelsAndValues.map(d => d.value);\n\t\t\tdata.labels = sortedLabelsAndValues.map(d => d.label);\n\n\t\t\tif (dataset.fillColors) {\n\t\t\t\tdataset.fillColors = sortedLabelsAndValues.map(d => d.fillColor);\n\t\t\t}\n\t\t}\n\n\t\treturn data;\n\t}\n\n\tgenerateDataLabels(newData) {\n\t\tconst dataLabels = {};\n\t\tnewData.labels.forEach(label => {\n\t\t\tdataLabels[label] = Configuration.legend.items.status.ACTIVE;\n\t\t});\n\n\t\treturn dataLabels;\n\t}\n\n\tgetDisplayData() {\n\t\tconst { ACTIVE } = Configuration.legend.items.status;\n\t\tconst dataLabels = this.get(\"dataLabels\");\n\n\t\tif (!this.get(\"data\")) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Remove datasets that have been disabled\n\t\tconst displayData = Tools.clone(this.get(\"data\"));\n\t\tconst dataset = displayData.datasets[0];\n\n\t\t// Remove data values that correspond to labels that are disabled\n\t\tdataset.data = dataset.data.filter((datum, i) => {\n\t\t\tconst label = displayData.labels[i];\n\n\t\t\treturn dataLabels[label] === ACTIVE;\n\t\t});\n\n\t\t// Remove labels that are disabled\n\t\tdisplayData.labels = displayData.labels.filter(label => dataLabels[label] === ACTIVE);\n\n\t\treturn displayData;\n\t}\n\n\n\t/*\n\t * Data labels\n\t*/\n\ttoggleDataLabel(changedLabel: string) {\n\t\tconst { ACTIVE, DISABLED } = Configuration.legend.items.status;\n\t\tconst dataLabels = this.get(\"dataLabels\");\n\n\t\tconst hasDeactivatedItems = Object.keys(dataLabels).some(label => dataLabels[label] === DISABLED);\n\t\tconst activeItems = Object.keys(dataLabels).filter(label => dataLabels[label] === ACTIVE);\n\t\t// If there are deactivated items, toggle \"changedLabel\"\n\t\tif (hasDeactivatedItems) {\n\t\t\t// If the only active item is being toggled\n\t\t\t// Activate all items\n\t\t\tif (activeItems.length === 1 && activeItems[0] === changedLabel) {\n\t\t\t\t// If every item is active, then enable \"changedLabel\" and disable all other items\n\t\t\t\tObject.keys(dataLabels).forEach(label => {\n\t\t\t\t\tdataLabels[label] = ACTIVE;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tdataLabels[changedLabel] = dataLabels[changedLabel] === DISABLED ? ACTIVE : DISABLED;\n\t\t\t}\n\t\t} else {\n\t\t\t// If every item is active, then enable \"changedLabel\" and disable all other items\n\t\t\tObject.keys(dataLabels).forEach(label => {\n\t\t\t\tdataLabels[label] = (label === changedLabel ? ACTIVE : DISABLED);\n\t\t\t});\n\t\t}\n\n\t\t// Update model\n\t\tthis.set({\n\t\t\tdataLabels\n\t\t});\n\t}\n\n\t/*\n\t * Fill scales\n\t*/\n\tsetColorScale() {\n\t\tconst dataset = this.getDisplayData().datasets[0];\n\t\tif (dataset.fillColors) {\n\t\t\tthis.colorScale = scaleOrdinal().range(dataset.fillColors).domain(this.allDataLabels);\n\t\t} else {\n\t\t\tconst colors = colorPalettes.DEFAULT;\n\t\t\tthis.colorScale = scaleOrdinal().range(colors).domain(this.allDataLabels);\n\t\t}\n\t}\n\n\n\tgetFillColor(label: string) {\n\t\tconst options = this.getOptions();\n\t\tif (options.getFillColor) {\n\t\t\treturn options.getFillColor(label);\n\t\t}\n\n\t\treturn this.getFillScale()(label);\n\t}\n\n\tgetStrokeColor(label: string) {\n\t\tconst options = this.getOptions();\n\t\tif (options.getStrokeColor) {\n\t\t\treturn options.getStrokeColor(label);\n\t\t}\n\n\t\treturn this.colorScale(label);\n\t}\n}\n"]}

package/model-simple-bar.js

@@ -0,0 +1,88 @@
+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 * as Configuration from "./configuration";
+import { ChartModel } from "./model";
+import { Tools } from "./tools";
+import * as colorPalettes from "./services/colorPalettes";
+// D3 Imports
+import { scaleOrdinal } from "d3-scale";
+/** The charting model layer which includes mainly the chart data and options,
+ * as well as some misc. information to be shared among components */
+var SimpleBarChartModel = /** @class */ (function (_super) {
+    __extends(SimpleBarChartModel, _super);
+    function SimpleBarChartModel(services) {
+        return _super.call(this, services) || this;
+    }
+    SimpleBarChartModel.prototype.generateDataLabels = function (newData) {
+        var dataLabels = {};
+        newData.labels.forEach(function (label) {
+            dataLabels[label] = Configuration.legend.items.status.ACTIVE;
+        });
+        return dataLabels;
+    };
+    SimpleBarChartModel.prototype.getDisplayData = function () {
+        var ACTIVE = Configuration.legend.items.status.ACTIVE;
+        var dataLabels = this.get("dataLabels");
+        if (!this.get("data")) {
+            return null;
+        }
+        // Remove datasets that have been disabled
+        var displayData = Tools.clone(this.get("data"));
+        var dataset = displayData.datasets[0];
+        // Remove data values that correspond to labels that are disabled
+        dataset.data = dataset.data.filter(function (datum, i) {
+            var label = displayData.labels[i];
+            return dataLabels[label] === ACTIVE;
+        });
+        // Remove labels that are disabled
+        displayData.labels = displayData.labels.filter(function (label) { return dataLabels[label] === ACTIVE; });
+        return displayData;
+    };
+    /*
+     * Fill scales
+     *
+    */
+    SimpleBarChartModel.prototype.setColorScale = function () {
+        var dataset = this.getDisplayData().datasets[0];
+        if (dataset.fillColors) {
+            this.colorScale = scaleOrdinal().range(dataset.fillColors).domain(this.allDataLabels);
+        }
+        else {
+            var colors = colorPalettes.DEFAULT;
+            this.colorScale = scaleOrdinal().range(colors).domain(this.allDataLabels);
+        }
+    };
+    SimpleBarChartModel.prototype.getFillColor = function (label) {
+        var options = this.getOptions();
+        if (options.getFillColor) {
+            return options.getFillColor(label);
+        }
+        else {
+            return this.getFillScale()(label);
+        }
+    };
+    SimpleBarChartModel.prototype.getStrokeColor = function (label) {
+        var options = this.getOptions();
+        if (options.getStrokeColor) {
+            return options.getStrokeColor(label);
+        }
+        else {
+            return this.colorScale(label);
+        }
+    };
+    return SimpleBarChartModel;
+}(ChartModel));
+export { SimpleBarChartModel };
+//# sourceMappingURL=../src/model-simple-bar.js.map