@carbon/charts 0.28.0 → 0.29.2

package/model.d.ts

@@ -0,0 +1,60 @@
+/** 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 ChartModel {
+    /**
+     * Function to be called when data or options update within the model
+     * @type Function
+     */
+    protected updateCallback: Function;
+    protected services: any;
+    protected state: any;
+    /**
+     * A list of all the labels that have existed within the lifetime of the chart
+     * @type string[]
+     */
+    protected allDataLabels: string[];
+    protected patternScale: {};
+    protected colorScale: any;
+    constructor(services: any);
+    sanitize(data: any): any;
+    getDisplayData(): any;
+    getData(): any;
+    /**
+     *
+     * @param newData The new raw data to be set
+     */
+    setData(newData: any): any;
+    generateDataLabels(newData: any): {};
+    /**
+     * @return {Object} The chart's options
+     */
+    getOptions(): any;
+    set(newState: any, skipUpdate?: boolean): void;
+    get(property?: string): any;
+    /**
+     *
+     * @param newOptions New options to be set
+     */
+    setOptions(newOptions: any): void;
+    /**
+     *
+     * Updates miscellanous information within the model
+     * such as the color scales, or the legend data labels
+     */
+    update(): void;
+    setUpdateCallback(cb: Function): void;
+    toggleDataLabel(changedLabel: string): void;
+    setColorScale(): void;
+    /**
+     * Should the data point be filled?
+     * @param datasetLabel
+     * @param label
+     * @param value
+     * @param defaultFilled the default for this chart
+     */
+    getIsFilled(datasetLabel: any, label?: any, data?: any, defaultFilled?: boolean): any;
+    getFillColor(datasetLabel: any, label?: any, data?: any): any;
+    getStrokeColor(datasetLabel: any, label?: any, data?: any): any;
+    getFillScale(): any;
+    protected updateAllDataLabels(): void;
+}

package/model.js

@@ -0,0 +1,228 @@
+// Internal Imports
+import * as Configuration from "./configuration";
+import { Tools } from "./tools";
+import * as colorPalettes from "./services/colorPalettes";
+// D3
+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 ChartModel = /** @class */ (function () {
+    function ChartModel(services) {
+        // Internal Model state
+        this.state = {
+            options: {}
+        };
+        // Fill scales & fill related objects
+        this.patternScale = {};
+        this.colorScale = {};
+        this.services = services;
+    }
+    ChartModel.prototype.sanitize = function (data) {
+        // Sanitize all dates
+        data.datasets.forEach(function (dataset) {
+            dataset.data = dataset.data.map(function (d) {
+                if (d.date && !d.date.getTime) {
+                    d.date = new Date(d.date);
+                }
+                return d;
+            });
+        });
+        return data;
+    };
+    ChartModel.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"));
+        displayData.datasets = displayData.datasets.filter(function (dataset) {
+            return dataLabels[dataset.label] === ACTIVE;
+        });
+        return displayData;
+    };
+    ChartModel.prototype.getData = function () {
+        return this.get("data");
+    };
+    /**
+     *
+     * @param newData The new raw data to be set
+     */
+    ChartModel.prototype.setData = function (newData) {
+        var sanitizedData = this.sanitize(Tools.clone(newData));
+        var dataLabels = this.generateDataLabels(sanitizedData);
+        this.set({
+            data: sanitizedData,
+            dataLabels: dataLabels
+        });
+        return sanitizedData;
+    };
+    ChartModel.prototype.generateDataLabels = function (newData) {
+        var dataLabels = {};
+        newData.datasets.forEach(function (dataset) {
+            dataLabels[dataset.label] = Configuration.legend.items.status.ACTIVE;
+        });
+        return dataLabels;
+    };
+    /**
+     * @return {Object} The chart's options
+     */
+    ChartModel.prototype.getOptions = function () {
+        return this.state.options;
+    };
+    ChartModel.prototype.set = function (newState, skipUpdate) {
+        if (skipUpdate === void 0) { skipUpdate = false; }
+        this.state = Object.assign({}, this.state, newState);
+        if (!skipUpdate) {
+            this.update();
+        }
+    };
+    ChartModel.prototype.get = function (property) {
+        if (property) {
+            return this.state[property];
+        }
+        else {
+            return this.state;
+        }
+    };
+    /**
+     *
+     * @param newOptions New options to be set
+     */
+    ChartModel.prototype.setOptions = function (newOptions) {
+        this.set({
+            options: Tools.merge(this.getOptions(), newOptions)
+        });
+    };
+    /**
+     *
+     * Updates miscellanous information within the model
+     * such as the color scales, or the legend data labels
+     */
+    ChartModel.prototype.update = function () {
+        if (!this.getDisplayData()) {
+            return;
+        }
+        this.updateAllDataLabels();
+        this.setColorScale();
+        this.services.events.dispatchEvent("model-update");
+    };
+    ChartModel.prototype.setUpdateCallback = function (cb) {
+        this.updateCallback = cb;
+    };
+    /*
+     * Data labels
+    */
+    ChartModel.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
+    */
+    ChartModel.prototype.setColorScale = function () {
+        var _this = this;
+        if (this.getDisplayData().datasets[0].fillColors) {
+            this.getDisplayData().datasets.forEach(function (dataset) {
+                _this.colorScale[dataset.label] = scaleOrdinal().range(dataset.fillColors).domain(_this.allDataLabels);
+            });
+        }
+        else {
+            var colors_1 = colorPalettes.DEFAULT;
+            this.getData().datasets.forEach(function (dataset, i) {
+                _this.colorScale[dataset.label] = scaleOrdinal().range([colors_1[i]]).domain(_this.allDataLabels);
+            });
+        }
+    };
+    /**
+     * Should the data point be filled?
+     * @param datasetLabel
+     * @param label
+     * @param value
+     * @param defaultFilled the default for this chart
+     */
+    ChartModel.prototype.getIsFilled = function (datasetLabel, label, data, defaultFilled) {
+        var options = this.getOptions();
+        if (options.getIsFilled) {
+            return options.getIsFilled(datasetLabel, label, data, defaultFilled);
+        }
+        else {
+            return defaultFilled;
+        }
+    };
+    ChartModel.prototype.getFillColor = function (datasetLabel, label, data) {
+        var options = this.getOptions();
+        var defaultFillColor = this.getFillScale()[datasetLabel](label);
+        if (options.getFillColor) {
+            return options.getFillColor(datasetLabel, label, data, defaultFillColor);
+        }
+        else {
+            return defaultFillColor;
+        }
+    };
+    ChartModel.prototype.getStrokeColor = function (datasetLabel, label, data) {
+        var options = this.getOptions();
+        var defaultStrokeColor = this.colorScale[datasetLabel](label);
+        if (options.getStrokeColor) {
+            return options.getStrokeColor(datasetLabel, label, data, defaultStrokeColor);
+        }
+        else {
+            return defaultStrokeColor;
+        }
+    };
+    ChartModel.prototype.getFillScale = function () {
+        // Choose patternScale or colorScale based on the "accessibility" flag
+        // return this.get("options").accessibility ? this.patternScale : this.colorScale;
+        return this.colorScale;
+    };
+    /*
+     * Data labels
+    */
+    ChartModel.prototype.updateAllDataLabels = function () {
+        var _this = this;
+        // If allDataLabels hasn't been initialized yet
+        // Set it to the current set of chart labels
+        if (!this.allDataLabels) {
+            this.allDataLabels = this.getDisplayData().labels;
+        }
+        else {
+            // Loop through current chart labels
+            this.getDisplayData().labels.forEach(function (label) {
+                // If label hasn't been stored yet, store it
+                if (_this.allDataLabels.indexOf(label) === -1) {
+                    _this.allDataLabels.push(label);
+                }
+            });
+        }
+    };
+    return ChartModel;
+}());
+export { ChartModel };
+//# sourceMappingURL=../src/model.js.map

package/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["model.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,aAAa,MAAM,0BAA0B,CAAC;AAE1D,KAAK;AACL,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC;qEACqE;AACrE;IA0BC,oBAAY,QAAa;QAjBzB,uBAAuB;QACb,UAAK,GAAQ;YACtB,OAAO,EAAE,EAAE;SACX,CAAC;QASF,qCAAqC;QAC3B,iBAAY,GAAG,EAAE,CAAC;QAClB,eAAU,GAAQ,EAAE,CAAC;QAI9B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,6BAAQ,GAAR,UAAS,IAAI;QACZ,qBAAqB;QACrB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,OAAO;YAC5B,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,UAAA,CAAC;gBAChC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE;oBAC9B,CAAC,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;iBAC1B;gBAED,OAAO,CAAC,CAAC;YACV,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACb,CAAC;IAED,mCAAc,GAAd;QACS,IAAA,iDAAM,CAAuC;QACrD,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAE1C,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACtB,OAAO,IAAI,CAAC;SACZ;QAED,0CAA0C;QAC1C,IAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QAClD,WAAW,CAAC,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAA,OAAO;YACzD,OAAO,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,4BAAO,GAAP;QACC,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED;;;OAGG;IACH,4BAAO,GAAP,UAAQ,OAAO;QACd,IAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1D,IAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAE1D,IAAI,CAAC,GAAG,CAAC;YACR,IAAI,EAAE,aAAa;YACnB,UAAU,YAAA;SACV,CAAC,CAAC;QAEH,OAAO,aAAa,CAAC;IACtB,CAAC;IAED,uCAAkB,GAAlB,UAAmB,OAAO;QACzB,IAAM,UAAU,GAAG,EAAE,CAAC;QACtB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,OAAO;YAC/B,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,OAAO,UAAU,CAAC;IACnB,CAAC;IAED;;OAEG;IACH,+BAAU,GAAV;QACC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IAC3B,CAAC;IAED,wBAAG,GAAH,UAAI,QAAa,EAAE,UAAkB;QAAlB,2BAAA,EAAA,kBAAkB;QACpC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAErD,IAAI,CAAC,UAAU,EAAE;YAChB,IAAI,CAAC,MAAM,EAAE,CAAC;SACd;IACF,CAAC;IAED,wBAAG,GAAH,UAAI,QAAiB;QACpB,IAAI,QAAQ,EAAE;YACb,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SAC5B;aAAM;YACN,OAAO,IAAI,CAAC,KAAK,CAAC;SAClB;IACF,CAAC;IAED;;;OAGG;IACH,+BAAU,GAAV,UAAW,UAAU;QACpB,IAAI,CAAC,GAAG,CAAC;YACR,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,UAAU,CAAC;SACnD,CAAC,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,2BAAM,GAAN;QACC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE;YAC3B,OAAO;SACP;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACpD,CAAC;IAED,sCAAiB,GAAjB,UAAkB,EAAY;QAC7B,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;IAC1B,CAAC;IAED;;MAEE;IACF,oCAAe,GAAf,UAAgB,YAAoB;QAC7B,IAAA,sCAAwD,EAAtD,kBAAM,EAAE,sBAA8C,CAAC;QAC/D,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAE1C,IAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,UAAU,CAAC,KAAK,CAAC,KAAK,QAAQ,EAA9B,CAA8B,CAAC,CAAC;QAClG,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,UAAU,CAAC,KAAK,CAAC,KAAK,MAAM,EAA5B,CAA4B,CAAC,CAAC;QAC1F,wDAAwD;QACxD,IAAI,mBAAmB,EAAE;YACxB,2CAA2C;YAC3C,qBAAqB;YACrB,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,EAAE;gBAChE,kFAAkF;gBAClF,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAA,KAAK;oBACpC,UAAU,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC;gBAC5B,CAAC,CAAC,CAAC;aACH;iBAAM;gBACN,UAAU,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC,YAAY,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;aACrF;SACD;aAAM;YACN,kFAAkF;YAClF,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAA,KAAK;gBACpC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YAClE,CAAC,CAAC,CAAC;SACH;QAED,eAAe;QACf,IAAI,CAAC,GAAG,CAAC;YACR,UAAU,YAAA;SACV,CAAC,CAAC;IACJ,CAAC;IAED;;MAEE;IACF,kCAAa,GAAb;QAAA,iBAWC;QAVA,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE;YACjD,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,OAAO;gBAC7C,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,KAAI,CAAC,aAAa,CAAC,CAAC;YACtG,CAAC,CAAC,CAAC;SACH;aAAM;YACN,IAAM,QAAM,GAAG,aAAa,CAAC,OAAO,CAAC;YACrC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAC,OAAO,EAAE,CAAC;gBAC1C,KAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,QAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAI,CAAC,aAAa,CAAC,CAAC;YAC/F,CAAC,CAAC,CAAC;SACH;IACF,CAAC;IAED;;;;;;OAMG;IACH,gCAAW,GAAX,UAAY,YAAiB,EAAE,KAAW,EAAE,IAAU,EAAE,aAAuB;QAC9E,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,IAAI,OAAO,CAAC,WAAW,EAAE;YACxB,OAAO,OAAO,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;SACrE;aAAM;YACN,OAAO,aAAa,CAAC;SACrB;IACF,CAAC;IAED,iCAAY,GAAZ,UAAa,YAAiB,EAAE,KAAW,EAAE,IAAU;QACtD,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,IAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC;QAClE,IAAI,OAAO,CAAC,YAAY,EAAE;YACzB,OAAO,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,CAAC,CAAC;SACzE;aAAM;YACN,OAAO,gBAAgB,CAAC;SACxB;IACF,CAAC;IAED,mCAAc,GAAd,UAAe,YAAiB,EAAE,KAAW,EAAE,IAAU;QACxD,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,IAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC;QAChE,IAAI,OAAO,CAAC,cAAc,EAAE;YAC3B,OAAO,OAAO,CAAC,cAAc,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC;SAC7E;aAAM;YACN,OAAO,kBAAkB,CAAC;SAC1B;IACF,CAAC;IAED,iCAAY,GAAZ;QACC,sEAAsE;QACtE,kFAAkF;QAClF,OAAO,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAGD;;MAEE;IACQ,wCAAmB,GAA7B;QAAA,iBAcC;QAbA,+CAA+C;QAC/C,4CAA4C;QAC5C,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACxB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC;SAClD;aAAM;YACN,oCAAoC;YACpC,IAAI,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,UAAA,KAAK;gBACzC,4CAA4C;gBAC5C,IAAI,KAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;oBAC7C,KAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B;YACF,CAAC,CAAC,CAAC;SACH;IACF,CAAC;IACF,iBAAC;AAAD,CAAC,AA/PD,IA+PC","sourcesContent":["// Internal Imports\nimport * as Configuration from \"./configuration\";\nimport { Tools } from \"./tools\";\nimport * as colorPalettes from \"./services/colorPalettes\";\n\n// D3\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 ChartModel {\n\t// Callbacks\n\t/**\n\t * Function to be called when data or options update within the model\n\t * @type Function\n\t */\n\tprotected updateCallback: Function;\n\tprotected services: any;\n\n\t// Internal Model state\n\tprotected state: any = {\n\t\toptions: {}\n\t};\n\n\t// Data labels\n\t/**\n\t * A list of all the labels that have existed within the lifetime of the chart\n\t * @type string[]\n\t */\n\tprotected allDataLabels: string[];\n\n\t// Fill scales & fill related objects\n\tprotected patternScale = {};\n\tprotected colorScale: any = {};\n\n\n\tconstructor(services: any) {\n\t\tthis.services = services;\n\t}\n\n\tsanitize(data) {\n\t\t// Sanitize all dates\n\t\tdata.datasets.forEach(dataset => {\n\t\t\tdataset.data = dataset.data.map(d => {\n\t\t\t\tif (d.date && !d.date.getTime) {\n\t\t\t\t\td.date = new Date(d.date);\n\t\t\t\t}\n\n\t\t\t\treturn d;\n\t\t\t});\n\t\t});\n\n\t\treturn data;\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\tdisplayData.datasets = displayData.datasets.filter(dataset => {\n\t\t\treturn dataLabels[dataset.label] === ACTIVE;\n\t\t});\n\n\t\treturn displayData;\n\t}\n\n\tgetData() {\n\t\treturn this.get(\"data\");\n\t}\n\n\t/**\n\t *\n\t * @param newData The new raw data to be set\n\t */\n\tsetData(newData) {\n\t\tconst sanitizedData = this.sanitize(Tools.clone(newData));\n\t\tconst dataLabels = this.generateDataLabels(sanitizedData);\n\n\t\tthis.set({\n\t\t\tdata: sanitizedData,\n\t\t\tdataLabels\n\t\t});\n\n\t\treturn sanitizedData;\n\t}\n\n\tgenerateDataLabels(newData) {\n\t\tconst dataLabels = {};\n\t\tnewData.datasets.forEach(dataset => {\n\t\t\tdataLabels[dataset.label] = Configuration.legend.items.status.ACTIVE;\n\t\t});\n\n\t\treturn dataLabels;\n\t}\n\n\t/**\n\t * @return {Object} The chart's options\n\t */\n\tgetOptions() {\n\t\treturn this.state.options;\n\t}\n\n\tset(newState: any, skipUpdate = false) {\n\t\tthis.state = Object.assign({}, this.state, newState);\n\n\t\tif (!skipUpdate) {\n\t\t\tthis.update();\n\t\t}\n\t}\n\n\tget(property?: string) {\n\t\tif (property) {\n\t\t\treturn this.state[property];\n\t\t} else {\n\t\t\treturn this.state;\n\t\t}\n\t}\n\n\t/**\n\t *\n\t * @param newOptions New options to be set\n\t */\n\tsetOptions(newOptions) {\n\t\tthis.set({\n\t\t\toptions: Tools.merge(this.getOptions(), newOptions)\n\t\t});\n\t}\n\n\t/**\n\t *\n\t * Updates miscellanous information within the model\n\t * such as the color scales, or the legend data labels\n\t */\n\tupdate() {\n\t\tif (!this.getDisplayData()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.updateAllDataLabels();\n\t\tthis.setColorScale();\n\n\t\tthis.services.events.dispatchEvent(\"model-update\");\n\t}\n\n\tsetUpdateCallback(cb: Function) {\n\t\tthis.updateCallback = cb;\n\t}\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\tif (this.getDisplayData().datasets[0].fillColors) {\n\t\t\tthis.getDisplayData().datasets.forEach(dataset => {\n\t\t\t\tthis.colorScale[dataset.label] = scaleOrdinal().range(dataset.fillColors).domain(this.allDataLabels);\n\t\t\t});\n\t\t} else {\n\t\t\tconst colors = colorPalettes.DEFAULT;\n\t\t\tthis.getData().datasets.forEach((dataset, i) => {\n\t\t\t\tthis.colorScale[dataset.label] = scaleOrdinal().range([colors[i]]).domain(this.allDataLabels);\n\t\t\t});\n\t\t}\n\t}\n\n\t/**\n\t * Should the data point be filled?\n\t * @param datasetLabel\n\t * @param label\n\t * @param value\n\t * @param defaultFilled the default for this chart\n\t */\n\tgetIsFilled(datasetLabel: any, label?: any, data?: any, defaultFilled?: boolean) {\n\t\tconst options = this.getOptions();\n\t\tif (options.getIsFilled) {\n\t\t\treturn options.getIsFilled(datasetLabel, label, data, defaultFilled);\n\t\t} else {\n\t\t\treturn defaultFilled;\n\t\t}\n\t}\n\n\tgetFillColor(datasetLabel: any, label?: any, data?: any) {\n\t\tconst options = this.getOptions();\n\t\tconst defaultFillColor = this.getFillScale()[datasetLabel](label);\n\t\tif (options.getFillColor) {\n\t\t\treturn options.getFillColor(datasetLabel, label, data, defaultFillColor);\n\t\t} else {\n\t\t\treturn defaultFillColor;\n\t\t}\n\t}\n\n\tgetStrokeColor(datasetLabel: any, label?: any, data?: any) {\n\t\tconst options = this.getOptions();\n\t\tconst defaultStrokeColor = this.colorScale[datasetLabel](label);\n\t\tif (options.getStrokeColor) {\n\t\t\treturn options.getStrokeColor(datasetLabel, label, data, defaultStrokeColor);\n\t\t} else {\n\t\t\treturn defaultStrokeColor;\n\t\t}\n\t}\n\n\tgetFillScale() {\n\t\t// Choose patternScale or colorScale based on the \"accessibility\" flag\n\t\t// return this.get(\"options\").accessibility ? this.patternScale : this.colorScale;\n\t\treturn this.colorScale;\n\t}\n\n\n\t/*\n\t * Data labels\n\t*/\n\tprotected updateAllDataLabels() {\n\t\t// If allDataLabels hasn't been initialized yet\n\t\t// Set it to the current set of chart labels\n\t\tif (!this.allDataLabels) {\n\t\t\tthis.allDataLabels = this.getDisplayData().labels;\n\t\t} else {\n\t\t\t// Loop through current chart labels\n\t\t\tthis.getDisplayData().labels.forEach(label => {\n\t\t\t\t// If label hasn't been stored yet, store it\n\t\t\t\tif (this.allDataLabels.indexOf(label) === -1) {\n\t\t\t\t\tthis.allDataLabels.push(label);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n}\n"]}

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@carbon/charts",
-  "version": "0.28.0",
+  "version": "0.29.2",
   "description": "Carbon charting components",
-  "main": "./bundle.js",
-  "module": "./index.js",
+  "main": "./dist/bundle.js",
+  "module": "./dist/index.js",
   "scripts": {
-    "demo:server": "webpack-dev-server --config webpack.config.js --watch",
-    "demo:build": "webpack --config webpack.config.js && yarn run docs:build",
+    "demo:server": "yarn build && concurrently npm:demo:watch-src npm:demo:watch",
+    "demo:watch": "webpack-dev-server --config webpack.config.js --watch",
+    "demo:watch-src": "tsc -b src -w",
+    "demo:build": "yarn build && webpack --config webpack.config.js && yarn run docs:build",
     "docs:build": "typedoc --out ./demo/bundle/documentation ./src/index.ts",
     "build": "bash build.sh",
     "lint": "tslint -p tsconfig.json -c tslint.json",
@@ -60,11 +62,14 @@
     "@carbon/motion": "10.4.0",
     "@carbon/themes": "10.4.0",
     "@carbon/type": "10.5.1",
+    "@rollup/plugin-json": "4.0.2",
     "@types/d3": "4.11.0",
     "@types/jasmine": "2.8.7",
     "@types/karma": "3.0.2",
     "@types/node": "12.11.7",
     "babel-polyfill": "6.26.0",
+    "codesandbox": "2.1.11",
+    "concurrently": "5.1.0",
     "copy-webpack-plugin": "4.5.2",
     "css-loader": "0.28.7",
     "d3": "5.14.2",
@@ -79,29 +84,29 @@
     "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",
+    "ts-loader": "6.2.1",
     "tslint": "5.20.1",
     "tslint-loader": "3.5.3",
     "typedoc": "0.11.1",
-    "typescript": "3.2.2",
+    "typescript": "3.7.5",
     "url-loader": "0.6.2",
     "webpack": "4.41.0",
     "webpack-cli": "3.3.9",
     "webpack-dev-server": "3.7.0"
   },
   "publishConfig": {
+    "directory": "dist",
     "access": "public"
   },
   "maintainers": [

package/polyfills.js

@@ -0,0 +1,24 @@
+if (typeof window !== "undefined") {
+    (function () {
+        if (typeof window["CustomEvent"] === "function") {
+            return false;
+        }
+        function CustomEvent(event, params) {
+            params = params || { bubbles: false, cancelable: false, detail: undefined };
+            var evt = document.createEvent("CustomEvent");
+            evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+            return evt;
+        }
+        CustomEvent.prototype = window["Event"].prototype;
+        window["CustomEvent"] = CustomEvent;
+    })();
+    // Avoid multiple instances of babel-polyfill
+    function idempotentBabelPolyfill() {
+        if ((typeof global !== "undefined" && !global["_babelPolyfill"]) || !window["_babelPolyfill"]) {
+            return require("babel-polyfill");
+        }
+        return null;
+    }
+    idempotentBabelPolyfill();
+}
+//# sourceMappingURL=../src/polyfills.js.map

package/services/colorPalettes.js

@@ -0,0 +1,41 @@
+import colors from "./colors";
+// TODO - Some hardcoded values aren't available
+// in @carbon/colors yet. We should look at adding those
+// colors
+export var WHITE = [
+    colors.purple(70),
+    colors.cyan(50),
+    colors.teal(70),
+    colors.magenta(70),
+    colors.red(50),
+    colors.red(90),
+    colors.green(60),
+    colors.blue(80),
+    colors.magenta(50),
+    "#b28600",
+    colors.teal(50),
+    colors.cyan(90),
+    "#8a3800",
+    colors.purple(50)
+];
+export var DARK = [
+    colors.purple(60),
+    colors.cyan(40),
+    colors.teal(60),
+    colors.magenta(40),
+    colors.red(50),
+    colors.red(10),
+    colors.green(30),
+    colors.blue(50),
+    colors.magenta(60),
+    "#d2a106",
+    colors.teal(40),
+    colors.cyan(20),
+    "#ba4e00",
+    colors.purple(30)
+];
+export var G10 = WHITE;
+export var G90 = DARK;
+export var G100 = DARK;
+export var DEFAULT = WHITE;
+//# sourceMappingURL=../../src/services/colorPalettes.js.map

package/services/colors.js

@@ -0,0 +1,12 @@
+import { blue, cyan, green, magenta, purple, red, teal } from "@carbon/colors";
+var getColor = function (obj, shade) { return obj[shade]; };
+export default {
+    blue: function (shade) { return getColor(blue, shade); },
+    cyan: function (shade) { return getColor(cyan, shade); },
+    green: function (shade) { return getColor(green, shade); },
+    magenta: function (shade) { return getColor(magenta, shade); },
+    purple: function (shade) { return getColor(purple, shade); },
+    red: function (shade) { return getColor(red, shade); },
+    teal: function (shade) { return getColor(teal, shade); }
+};
+//# sourceMappingURL=../../src/services/colors.js.map

package/services/curves.js

@@ -0,0 +1,75 @@
+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 { curveBasis, curveBasisClosed, curveBasisOpen, curveBundle, curveCardinal, curveCardinalClosed, curveCardinalOpen, curveCatmullRom, curveCatmullRomClosed, curveCatmullRomOpen, curveLinear, curveLinearClosed, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, curveStepBefore } from "d3-shape";
+// Internal Imports
+import { Service } from "./service";
+var Curves = /** @class */ (function (_super) {
+    __extends(Curves, _super);
+    function Curves() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.curveTypes = {
+            curveLinear: curveLinear,
+            curveLinearClosed: curveLinearClosed,
+            curveBasis: curveBasis,
+            curveBasisClosed: curveBasisClosed,
+            curveBasisOpen: curveBasisOpen,
+            curveBundle: curveBundle,
+            curveCardinal: curveCardinal,
+            curveCardinalClosed: curveCardinalClosed,
+            curveCardinalOpen: curveCardinalOpen,
+            curveCatmullRom: curveCatmullRom,
+            curveCatmullRomClosed: curveCatmullRomClosed,
+            curveCatmullRomOpen: curveCatmullRomOpen,
+            curveMonotoneX: curveMonotoneX,
+            curveMonotoneY: curveMonotoneY,
+            curveNatural: curveNatural,
+            curveStep: curveStep,
+            curveStepAfter: curveStepAfter,
+            curveStepBefore: curveStepBefore
+        };
+        return _this;
+    }
+    Curves.prototype.getD3Curve = function () {
+        var curveName = "curveLinear";
+        var curveOptions = this.model.getOptions().curve;
+        // Parse curve type whether the user provided a string
+        // Or an object with more options
+        if (curveOptions) {
+            if (typeof curveOptions === "string") { // curve: 'string'
+                curveName = curveOptions;
+            }
+            else { // curve: { name: 'string' }
+                curveName = curveOptions.name;
+            }
+        }
+        if (this.curveTypes[curveName]) {
+            // Grab correct d3 curve function
+            var curve_1 = this.curveTypes[curveName];
+            // Apply user-provided options to the d3 curve
+            if (curveOptions) {
+                Object.keys(curveOptions).forEach(function (optionName) {
+                    if (curve_1[optionName]) {
+                        curve_1 = curve_1[optionName](curveOptions[optionName]);
+                    }
+                });
+            }
+            return curve_1;
+        }
+        console.warn("The curve type '" + curveName + "' is invalid, using 'curveLinear' instead");
+        return this.curveTypes["curveLinear"];
+    };
+    return Curves;
+}(Service));
+export { Curves };
+//# sourceMappingURL=../../src/services/curves.js.map