@carbon/charts 1.8.0 → 1.9.0-rc.0

package/components/component.js

@@ -1,102 +0,0 @@
-import { DOMUtils } from '../services';
-import { RenderTypes } from '../interfaces';
-import * as Tools from '../tools';
-// D3 Imports
-import { select } from 'd3-selection';
-// import the settings for the css prefix
-import { carbonPrefix } from '../configuration-non-customizable';
-var Component = /** @class */ (function () {
-    function Component(model, services, configs) {
-        this.renderType = RenderTypes.HTML;
-        this.configs = {};
-        this.model = model;
-        this.services = services;
-        if (configs) {
-            this.configs = configs;
-            if (this.configs.id) {
-                var chartprefix = Tools.getProperty(this.model.getOptions(), 'style', 'prefix');
-                this.id = chartprefix + "--" + this.configs.id;
-            }
-        }
-        // Set parent element to shell SVG if no parent exists for component
-        if (!this.parent) {
-            this.setParent(select(this.services.domUtils.getMainContainer()));
-        }
-    }
-    Component.prototype.init = function () {
-        // do nothing.
-    };
-    Component.prototype.render = function (animate) {
-        if (animate === void 0) { animate = true; }
-        console.error('render() method is not implemented');
-    };
-    Component.prototype.destroy = function () {
-        // do nothing.
-    };
-    // Used to pass down information to the components
-    Component.prototype.setModel = function (newObj) {
-        this.model = newObj;
-    };
-    // Used to pass down information to the components
-    Component.prototype.setServices = function (newObj) {
-        this.services = newObj;
-    };
-    Component.prototype.setParent = function (parent) {
-        var oldParent = this.parent;
-        this.parent = parent;
-        if (oldParent && oldParent.node() === parent.node()) {
-            return;
-        }
-        if (this.type) {
-            var chartprefix = Tools.getProperty(this.model.getOptions(), 'style', 'prefix');
-            this.parent.classed(carbonPrefix + "--" + chartprefix + "--" + this.type, true);
-            if (oldParent) {
-                oldParent.classed(carbonPrefix + "--" + chartprefix + "--" + this.type, false);
-            }
-        }
-    };
-    Component.prototype.getParent = function () {
-        return this.parent;
-    };
-    Component.prototype.getComponentContainer = function (configs) {
-        if (configs === void 0) { configs = { withinChartClip: false }; }
-        if (this.type) {
-            var chartprefix = Tools.getProperty(this.model.getOptions(), 'style', 'prefix');
-            var idSelector = this.id ? "#" + this.id : '';
-            var container = DOMUtils.appendOrSelect(this.parent, "" + (this.renderType === RenderTypes.SVG ? 'svg' : 'div') + idSelector + "." + carbonPrefix + "--" + chartprefix + "--" + this.type);
-            if (configs.withinChartClip) {
-                // get unique chartClipId int this chart from model
-                var chartClipId = this.model.get('chartClipId');
-                if (chartClipId) {
-                    var chartClipSelection = select("#" + chartClipId);
-                    var chartClipRectSelection = chartClipSelection.select('rect');
-                    /*
-                     * these checks are needed because of a chrome bug
-                     * related to the rendering of the clip path
-                     */
-                    if (chartClipRectSelection.size() !== 0 &&
-                        parseFloat(chartClipRectSelection.attr('height')) > 0) {
-                        container.attr('clip-path', "url(#" + chartClipId + ")");
-                    }
-                }
-            }
-            return container.attr('width', '100%').attr('height', '100%');
-        }
-        return this.parent;
-    };
-    /**
-     * graphs used in combo charts share a model with global options but can receive their own local options.
-     * this function retrieves the global options and merges it with any options passed into this
-     * component's config.options object.
-     */
-    Component.prototype.getOptions = function () {
-        if (this.configs.options) {
-            var options = Tools.merge({}, this.model.getOptions(), this.configs.options);
-            return options;
-        }
-        return this.model.getOptions();
-    };
-    return Component;
-}());
-export { Component };
-//# sourceMappingURL=../../src/components/component.js.map

package/components/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["component.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport { ChartModel } from '../model/model';\nimport { DOMUtils } from '../services';\nimport { RenderTypes } from '../interfaces';\nimport * as Tools from '../tools';\n\n// D3 Imports\nimport { select } from 'd3-selection';\n\n// import the settings for the css prefix\nimport { carbonPrefix } from '../configuration-non-customizable';\n\nexport class Component {\n\tpublic type: string;\n\tpublic renderType = RenderTypes.HTML;\n\n\tpublic id: string;\n\n\tprotected parent: any;\n\n\tprotected configs: any = {};\n\n\tprotected model: any;\n\tprotected services: any;\n\n\tconstructor(model: ChartModel, services: any, configs?: any) {\n\t\tthis.model = model;\n\t\tthis.services = services;\n\n\t\tif (configs) {\n\t\t\tthis.configs = configs;\n\t\t\tif (this.configs.id) {\n\t\t\t\tconst chartprefix = Tools.getProperty(\n\t\t\t\t\tthis.model.getOptions(),\n\t\t\t\t\t'style',\n\t\t\t\t\t'prefix'\n\t\t\t\t);\n\t\t\t\tthis.id = `${chartprefix}--${this.configs.id}`;\n\t\t\t}\n\t\t}\n\n\t\t// Set parent element to shell SVG if no parent exists for component\n\t\tif (!this.parent) {\n\t\t\tthis.setParent(select(this.services.domUtils.getMainContainer()));\n\t\t}\n\t}\n\n\tinit() {\n\t\t// do nothing.\n\t}\n\n\trender(animate = true) {\n\t\tconsole.error('render() method is not implemented');\n\t}\n\n\tdestroy() {\n\t\t// do nothing.\n\t}\n\n\t// Used to pass down information to the components\n\tsetModel(newObj) {\n\t\tthis.model = newObj;\n\t}\n\n\t// Used to pass down information to the components\n\tsetServices(newObj) {\n\t\tthis.services = newObj;\n\t}\n\n\tsetParent(parent) {\n\t\tconst oldParent = this.parent;\n\t\tthis.parent = parent;\n\n\t\tif (oldParent && oldParent.node() === parent.node()) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.type) {\n\t\t\tconst chartprefix = Tools.getProperty(\n\t\t\t\tthis.model.getOptions(),\n\t\t\t\t'style',\n\t\t\t\t'prefix'\n\t\t\t);\n\t\t\tthis.parent.classed(\n\t\t\t\t`${carbonPrefix}--${chartprefix}--${this.type}`,\n\t\t\t\ttrue\n\t\t\t);\n\n\t\t\tif (oldParent) {\n\t\t\t\toldParent.classed(\n\t\t\t\t\t`${carbonPrefix}--${chartprefix}--${this.type}`,\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tgetParent() {\n\t\treturn this.parent;\n\t}\n\n\tgetComponentContainer(configs = { withinChartClip: false }) {\n\t\tif (this.type) {\n\t\t\tconst chartprefix = Tools.getProperty(\n\t\t\t\tthis.model.getOptions(),\n\t\t\t\t'style',\n\t\t\t\t'prefix'\n\t\t\t);\n\n\t\t\tconst idSelector = this.id ? `#${this.id}` : '';\n\t\t\tconst container = DOMUtils.appendOrSelect(\n\t\t\t\tthis.parent,\n\t\t\t\t`${\n\t\t\t\t\tthis.renderType === RenderTypes.SVG ? 'svg' : 'div'\n\t\t\t\t}${idSelector}.${carbonPrefix}--${chartprefix}--${this.type}`\n\t\t\t);\n\n\t\t\tif (configs.withinChartClip) {\n\t\t\t\t// get unique chartClipId int this chart from model\n\t\t\t\tconst chartClipId = this.model.get('chartClipId');\n\n\t\t\t\tif (chartClipId) {\n\t\t\t\t\tconst chartClipSelection = select(`#${chartClipId}`);\n\t\t\t\t\tconst chartClipRectSelection = chartClipSelection.select(\n\t\t\t\t\t\t'rect'\n\t\t\t\t\t);\n\n\t\t\t\t\t/*\n\t\t\t\t\t * these checks are needed because of a chrome bug\n\t\t\t\t\t * related to the rendering of the clip path\n\t\t\t\t\t */\n\t\t\t\t\tif (\n\t\t\t\t\t\tchartClipRectSelection.size() !== 0 &&\n\t\t\t\t\t\tparseFloat(chartClipRectSelection.attr('height')) > 0\n\t\t\t\t\t) {\n\t\t\t\t\t\tcontainer.attr('clip-path', `url(#${chartClipId})`);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn container.attr('width', '100%').attr('height', '100%');\n\t\t}\n\n\t\treturn this.parent;\n\t}\n\n\t/**\n\t * graphs used in combo charts share a model with global options but can receive their own local options.\n\t * this function retrieves the global options and merges it with any options passed into this\n\t * component's config.options object.\n\t */\n\tgetOptions() {\n\t\tif (this.configs.options) {\n\t\t\tconst options = Tools.merge(\n\t\t\t\t{},\n\t\t\t\tthis.model.getOptions(),\n\t\t\t\tthis.configs.options\n\t\t\t);\n\t\t\treturn options;\n\t\t}\n\t\treturn this.model.getOptions();\n\t}\n}\n"]}

package/components/diagrams/buildPaths.d.ts

@@ -1,39 +0,0 @@
-/**
- * Returns a path string for a straight path
- * @param  {Object} source - The source coordinates
- * @param  {Number} source.x - The source's x coordinate
- * @param  {Number} source.y - The source's y coordinate
- * @param  {Object} target - The target coordinates
- * @param  {Number} target.x - The target's x coordinate
- * @param  {Number} target.y - The target's y coordinate
- * @return {String} The path string
- */
-declare const buildStraightPathString: (source: any, target: any) => string;
-/**
- * Returns a path string for an elbow path with a bend point
- * @param  {Object} source - The source coordinates
- * @param  {Number} source.x - The source's x coordinate
- * @param  {Number} source.y - The source's y coordinate
- * @param  {Object} target - The target coordinates
- * @param  {Number} target.x - The target's x coordinate
- * @param  {Number} target.y - The target's y coordinate
- * @param  {Number} percent - Where the bend point should appear between the source and target
- * @return {String} The path string
- */
-declare const buildElbowPathString: (source: any, target: any, percent?: number) => string;
-/**
- * Returns a path string for an path with a custom bezier curve
- * @param  {Object} source - The source coordinates
- * @param  {Number} source.x - The source's x coordinate
- * @param  {Number} source.y - The source's y coordinate
- * @param  {Object} target - The target coordinates
- * @param  {Number} target.x - The target's x coordinate
- * @param  {Number} target.y - The target's y coordinate
- * @param  {Number} cpx1 - X coordinate for the first control point
- * @param  {Number} cpy1 - Y coordinate for the first control point
- * @param  {Number} cpx2 - X coordinate for the second control point
- * @param  {Number} cpy1 - Y coordinate for the second control point
- * @return {String} The path string
- */
-declare const buildBezierPathString: (source: any, target: any, cpx1: any, cpy1: any, cpx2: any, cpy2: any) => string;
-export { buildStraightPathString, buildElbowPathString, buildBezierPathString };

package/components/diagrams/buildPaths.js

@@ -1,71 +0,0 @@
-import { path as d3Path } from 'd3-path';
-/**
- * Returns a path string for a straight path
- * @param  {Object} source - The source coordinates
- * @param  {Number} source.x - The source's x coordinate
- * @param  {Number} source.y - The source's y coordinate
- * @param  {Object} target - The target coordinates
- * @param  {Number} target.x - The target's x coordinate
- * @param  {Number} target.y - The target's y coordinate
- * @return {String} The path string
- */
-var buildStraightPathString = function (source, target) {
-    var sx = source.x;
-    var sy = source.y;
-    var tx = target.x;
-    var ty = target.y;
-    var path = d3Path();
-    path.moveTo(sx, sy);
-    path.lineTo(tx, ty);
-    return path.toString();
-};
-/**
- * Returns a path string for an elbow path with a bend point
- * @param  {Object} source - The source coordinates
- * @param  {Number} source.x - The source's x coordinate
- * @param  {Number} source.y - The source's y coordinate
- * @param  {Object} target - The target coordinates
- * @param  {Number} target.x - The target's x coordinate
- * @param  {Number} target.y - The target's y coordinate
- * @param  {Number} percent - Where the bend point should appear between the source and target
- * @return {String} The path string
- */
-var buildElbowPathString = function (source, target, percent) {
-    if (percent === void 0) { percent = 0.5; }
-    var sx = source.x;
-    var sy = source.y;
-    var tx = target.x;
-    var ty = target.y;
-    var path = d3Path();
-    path.moveTo(sx, sy);
-    path.lineTo(sx + (tx - sx) * percent, sy);
-    path.lineTo(sx + (tx - sx) * percent, ty);
-    path.lineTo(tx, ty);
-    return path.toString();
-};
-/**
- * Returns a path string for an path with a custom bezier curve
- * @param  {Object} source - The source coordinates
- * @param  {Number} source.x - The source's x coordinate
- * @param  {Number} source.y - The source's y coordinate
- * @param  {Object} target - The target coordinates
- * @param  {Number} target.x - The target's x coordinate
- * @param  {Number} target.y - The target's y coordinate
- * @param  {Number} cpx1 - X coordinate for the first control point
- * @param  {Number} cpy1 - Y coordinate for the first control point
- * @param  {Number} cpx2 - X coordinate for the second control point
- * @param  {Number} cpy1 - Y coordinate for the second control point
- * @return {String} The path string
- */
-var buildBezierPathString = function (source, target, cpx1, cpy1, cpx2, cpy2) {
-    var sx = source.x;
-    var sy = source.y;
-    var tx = target.x;
-    var ty = target.y;
-    var path = d3Path();
-    path.moveTo(sx, sy);
-    path.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, tx, ty);
-    return path.toString();
-};
-export { buildStraightPathString, buildElbowPathString, buildBezierPathString };
-//# sourceMappingURL=../../../src/components/diagrams/buildPaths.js.map

package/components/diagrams/buildPaths.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildPaths.js","sourceRoot":"","sources":["buildPaths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;GASG;AACH,IAAM,uBAAuB,GAAG,UAAC,MAAM,EAAE,MAAM;IAC9C,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IAEpB,IAAM,IAAI,GAAG,MAAM,EAAE,CAAC;IAEtB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAEpB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,IAAM,oBAAoB,GAAG,UAAC,MAAM,EAAE,MAAM,EAAE,OAAa;IAAb,wBAAA,EAAA,aAAa;IAC1D,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IAEpB,IAAM,IAAI,GAAG,MAAM,EAAE,CAAC;IAEtB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpB,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO,EAAE,EAAE,CAAC,CAAC;IAC1C,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO,EAAE,EAAE,CAAC,CAAC;IAC1C,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAEpB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,IAAM,qBAAqB,GAAG,UAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACpE,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IAEpB,IAAM,IAAI,GAAG,MAAM,EAAE,CAAC;IAEtB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnD,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import { path as d3Path } from 'd3-path';\n\n/**\n * Returns a path string for a straight path\n * @param  {Object} source - The source coordinates\n * @param  {Number} source.x - The source's x coordinate\n * @param  {Number} source.y - The source's y coordinate\n * @param  {Object} target - The target coordinates\n * @param  {Number} target.x - The target's x coordinate\n * @param  {Number} target.y - The target's y coordinate\n * @return {String} The path string\n */\nconst buildStraightPathString = (source, target) => {\n\tconst sx = source.x;\n\tconst sy = source.y;\n\tconst tx = target.x;\n\tconst ty = target.y;\n\n\tconst path = d3Path();\n\n\tpath.moveTo(sx, sy);\n\tpath.lineTo(tx, ty);\n\n\treturn path.toString();\n};\n\n/**\n * Returns a path string for an elbow path with a bend point\n * @param  {Object} source - The source coordinates\n * @param  {Number} source.x - The source's x coordinate\n * @param  {Number} source.y - The source's y coordinate\n * @param  {Object} target - The target coordinates\n * @param  {Number} target.x - The target's x coordinate\n * @param  {Number} target.y - The target's y coordinate\n * @param  {Number} percent - Where the bend point should appear between the source and target\n * @return {String} The path string\n */\nconst buildElbowPathString = (source, target, percent = 0.5) => {\n\tconst sx = source.x;\n\tconst sy = source.y;\n\tconst tx = target.x;\n\tconst ty = target.y;\n\n\tconst path = d3Path();\n\n\tpath.moveTo(sx, sy);\n\tpath.lineTo(sx + (tx - sx) * percent, sy);\n\tpath.lineTo(sx + (tx - sx) * percent, ty);\n\tpath.lineTo(tx, ty);\n\n\treturn path.toString();\n};\n\n/**\n * Returns a path string for an path with a custom bezier curve\n * @param  {Object} source - The source coordinates\n * @param  {Number} source.x - The source's x coordinate\n * @param  {Number} source.y - The source's y coordinate\n * @param  {Object} target - The target coordinates\n * @param  {Number} target.x - The target's x coordinate\n * @param  {Number} target.y - The target's y coordinate\n * @param  {Number} cpx1 - X coordinate for the first control point\n * @param  {Number} cpy1 - Y coordinate for the first control point\n * @param  {Number} cpx2 - X coordinate for the second control point\n * @param  {Number} cpy1 - Y coordinate for the second control point\n * @return {String} The path string\n */\nconst buildBezierPathString = (source, target, cpx1, cpy1, cpx2, cpy2) => {\n\tconst sx = source.x;\n\tconst sy = source.y;\n\tconst tx = target.x;\n\tconst ty = target.y;\n\n\tconst path = d3Path();\n\n\tpath.moveTo(sx, sy);\n\tpath.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, tx, ty);\n\n\treturn path.toString();\n};\n\nexport { buildStraightPathString, buildElbowPathString, buildBezierPathString };\n"]}

package/components/diagrams/markerDefinitions.d.ts

@@ -1,37 +0,0 @@
-declare const arrowLeft: {
-    d: string;
-    height: number;
-    width: number;
-    id: string;
-};
-declare const arrowRight: {
-    d: string;
-    height: number;
-    width: number;
-    id: string;
-};
-declare const circle: {
-    d: string;
-    height: number;
-    width: number;
-    id: string;
-};
-declare const diamond: {
-    d: string;
-    height: number;
-    width: number;
-    id: string;
-};
-declare const square: {
-    d: string;
-    height: number;
-    width: number;
-    id: string;
-};
-declare const tee: {
-    d: string;
-    height: number;
-    width: number;
-    id: string;
-};
-export { arrowLeft, arrowRight, square, diamond, circle, tee };

package/components/diagrams/markerDefinitions.js

@@ -1,38 +0,0 @@
-var arrowLeft = {
-    d: 'M7 0v8L0 4z',
-    height: 8,
-    width: 7.5,
-    id: 'arrowLeft',
-};
-var arrowRight = {
-    d: 'M0 0v8l7-4z',
-    height: 8,
-    width: 7.5,
-    id: 'arrowRight',
-};
-var circle = {
-    d: 'M5.32 9.513a4.75 4.75 0 100-9.5 4.75 4.75 0 000 9.5z',
-    height: 10,
-    width: 10,
-    id: 'circle',
-};
-var diamond = {
-    d: 'M5.03517654-1e-7l4.99999996 5-4.99999996 5-5-5L2.4517844 2.58339204z',
-    height: 10,
-    width: 10,
-    id: 'diamond',
-};
-var square = {
-    d: 'M0 .44974747h8v8H0v-3.6830331z',
-    height: 9,
-    width: 8,
-    id: 'square',
-};
-var tee = {
-    d: 'M0 0h1.5v8H0z',
-    height: 8,
-    width: 2,
-    id: 'tee',
-};
-export { arrowLeft, arrowRight, square, diamond, circle, tee };
-//# sourceMappingURL=../../../src/components/diagrams/markerDefinitions.js.map

package/components/diagrams/markerDefinitions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"markerDefinitions.js","sourceRoot":"","sources":["markerDefinitions.ts"],"names":[],"mappings":"AAAA,IAAM,SAAS,GAAG;IACjB,CAAC,EAAE,aAAa;IAChB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,GAAG;IACV,EAAE,EAAE,WAAW;CACf,CAAC;AAEF,IAAM,UAAU,GAAG;IAClB,CAAC,EAAE,aAAa;IAChB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,GAAG;IACV,EAAE,EAAE,YAAY;CAChB,CAAC;AAEF,IAAM,MAAM,GAAG;IACd,CAAC,EAAE,sDAAsD;IACzD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,QAAQ;CACZ,CAAC;AAEF,IAAM,OAAO,GAAG;IACf,CAAC,EAAE,sEAAsE;IACzE,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,SAAS;CACb,CAAC;AAEF,IAAM,MAAM,GAAG;IACd,CAAC,EAAE,gCAAgC;IACnC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,EAAE,EAAE,QAAQ;CACZ,CAAC;AAEF,IAAM,GAAG,GAAG;IACX,CAAC,EAAE,eAAe;IAClB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,EAAE,EAAE,KAAK;CACT,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC","sourcesContent":["const arrowLeft = {\n\td: 'M7 0v8L0 4z',\n\theight: 8,\n\twidth: 7.5,\n\tid: 'arrowLeft',\n};\n\nconst arrowRight = {\n\td: 'M0 0v8l7-4z',\n\theight: 8,\n\twidth: 7.5,\n\tid: 'arrowRight',\n};\n\nconst circle = {\n\td: 'M5.32 9.513a4.75 4.75 0 100-9.5 4.75 4.75 0 000 9.5z',\n\theight: 10,\n\twidth: 10,\n\tid: 'circle',\n};\n\nconst diamond = {\n\td: 'M5.03517654-1e-7l4.99999996 5-4.99999996 5-5-5L2.4517844 2.58339204z',\n\theight: 10,\n\twidth: 10,\n\tid: 'diamond',\n};\n\nconst square = {\n\td: 'M0 .44974747h8v8H0v-3.6830331z',\n\theight: 9,\n\twidth: 8,\n\tid: 'square',\n};\n\nconst tee = {\n\td: 'M0 0h1.5v8H0z',\n\theight: 8,\n\twidth: 2,\n\tid: 'tee',\n};\n\nexport { arrowLeft, arrowRight, square, diamond, circle, tee };\n"]}

package/components/essentials/canvas-chart-clip.js

@@ -1,46 +0,0 @@
-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 { ChartClip } from './../axes/chart-clip';
-import { DOMUtils } from './../../services';
-// This class is used to create the clipPath to clip the chart components
-// It's necessary for zoom in/out behavior
-var CanvasChartClip = /** @class */ (function (_super) {
-    __extends(CanvasChartClip, _super);
-    function CanvasChartClip() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = 'canvas-chart-clip';
-        // Give every chart-clip a distinct ID
-        // so they don't interfere each other in a page with multiple charts
-        _this.chartClipId = 'canvas-chart-clip-id-' + Math.floor(Math.random() * 99999999999);
-        return _this;
-    }
-    CanvasChartClip.prototype.createClipPath = function () {
-        var svg = this.parent;
-        var _a = DOMUtils.getSVGElementSize(this.parent, {
-            useAttrs: true,
-        }), width = _a.width, height = _a.height;
-        this.chartClipPath = DOMUtils.appendOrSelect(svg, "clipPath." + this.type).attr('id', this.chartClipId);
-        var clipRect = DOMUtils.appendOrSelect(this.chartClipPath, "rect." + this.type);
-        clipRect
-            .attr('x', 0)
-            .attr('y', 0)
-            .attr('width', width)
-            .attr('height', height);
-        this.chartClipPath.merge(clipRect).lower();
-    };
-    return CanvasChartClip;
-}(ChartClip));
-export { CanvasChartClip };
-//# sourceMappingURL=../../../src/components/essentials/canvas-chart-clip.js.map

package/components/essentials/canvas-chart-clip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"canvas-chart-clip.js","sourceRoot":"","sources":["canvas-chart-clip.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,yEAAyE;AACzE,0CAA0C;AAC1C;IAAqC,mCAAS;IAA9C;QAAA,qEA+BC;QA9BA,UAAI,GAAG,mBAAmB,CAAC;QAE3B,sCAAsC;QACtC,oEAAoE;QACpE,iBAAW,GACV,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,WAAW,CAAC,CAAC;;IAyBpE,CAAC;IAvBA,wCAAc,GAAd;QACC,IAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;QAClB,IAAA;;UAEJ,EAFM,gBAAK,EAAE,kBAEb,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,cAAc,CAC3C,GAAG,EACH,cAAY,IAAI,CAAC,IAAM,CACvB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/B,IAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CACvC,IAAI,CAAC,aAAa,EAClB,UAAQ,IAAI,CAAC,IAAM,CACnB,CAAC;QAEF,QAAQ;aACN,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;aACZ,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;aACZ,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;aACpB,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEzB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;IAC5C,CAAC;IACF,sBAAC;AAAD,CAAC,AA/BD,CAAqC,SAAS,GA+B7C","sourcesContent":["// Internal Imports\nimport { ChartClip } from './../axes/chart-clip';\nimport { DOMUtils } from './../../services';\n\n// This class is used to create the clipPath to clip the chart components\n// It's necessary for zoom in/out behavior\nexport class CanvasChartClip extends ChartClip {\n\ttype = 'canvas-chart-clip';\n\n\t// Give every chart-clip a distinct ID\n\t// so they don't interfere each other in a page with multiple charts\n\tchartClipId =\n\t\t'canvas-chart-clip-id-' + Math.floor(Math.random() * 99999999999);\n\n\tcreateClipPath() {\n\t\tconst svg = this.parent;\n\t\tconst { width, height } = DOMUtils.getSVGElementSize(this.parent, {\n\t\t\tuseAttrs: true,\n\t\t});\n\n\t\tthis.chartClipPath = DOMUtils.appendOrSelect(\n\t\t\tsvg,\n\t\t\t`clipPath.${this.type}`\n\t\t).attr('id', this.chartClipId);\n\t\tconst clipRect = DOMUtils.appendOrSelect(\n\t\t\tthis.chartClipPath,\n\t\t\t`rect.${this.type}`\n\t\t);\n\n\t\tclipRect\n\t\t\t.attr('x', 0)\n\t\t\t.attr('y', 0)\n\t\t\t.attr('width', width)\n\t\t\t.attr('height', height);\n\n\t\tthis.chartClipPath.merge(clipRect).lower();\n\t}\n}\n"]}

package/components/essentials/color-scale-legend.d.ts

@@ -1,20 +0,0 @@
-import { RenderTypes } from '../../interfaces';
-import { Legend } from './legend';
-import { ChartModel } from '../../model/model';
-export declare class ColorScaleLegend extends Legend {
-    type: string;
-    renderType: RenderTypes;
-    private gradient_id;
-    private chartType;
-    constructor(model: ChartModel, services: any, configs?: any);
-    init(): void;
-    handleAxisCompleteEvent: (event: CustomEvent<any>) => void;
-    render(animate?: boolean): void;
-    drawLinear(colorPairing: any, legendGroupElement: any, barWidth: any): void;
-    /**
-     * Renders quantized legend
-     * @returns number (range start)
-     */
-    drawQuantize(colorPairing: any, colorScheme: any, customColorsEnabled: any, legendGroupElement: any, barWidth: any): number;
-    destroy(): void;
-}

package/components/essentials/color-scale-legend.js

@@ -1,237 +0,0 @@
-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 Tools from '../../tools';
-import { ColorLegendType, Events, RenderTypes } from '../../interfaces';
-import * as Configuration from '../../configuration';
-import { Legend } from './legend';
-import { DOMUtils, getDomain } from '../../services';
-// D3 imports
-import { axisBottom } from 'd3-axis';
-import { scaleBand, scaleLinear } from 'd3-scale';
-import { interpolateNumber, quantize } from 'd3-interpolate';
-var ColorScaleLegend = /** @class */ (function (_super) {
-    __extends(ColorScaleLegend, _super);
-    function ColorScaleLegend(model, services, configs) {
-        var _this = _super.call(this, model, services, configs) || this;
-        _this.type = 'color-legend';
-        _this.renderType = RenderTypes.SVG;
-        _this.gradient_id = 'gradient-id-' + Math.floor(Math.random() * 99999999999);
-        // Position legend after axis have rendered
-        _this.handleAxisCompleteEvent = function (event) {
-            var svg = _this.getComponentContainer();
-            var width = DOMUtils.getSVGElementSize(svg, {
-                useAttrs: true,
-            }).width;
-            var isDataLoading = Tools.getProperty(_this.getOptions(), 'data', 'loading');
-            if (width > Configuration.legend.color.barWidth && !isDataLoading) {
-                var title = Tools.getProperty(_this.getOptions(), 'heatmap', 'colorLegend', 'title');
-                var cartesianScales = _this.services.cartesianScales;
-                // Get axis width & start/end positions
-                var mainXScale = cartesianScales.getMainXScale();
-                var xDimensions = mainXScale.range();
-                // Align legend with the axis
-                if (xDimensions[0] > 1) {
-                    svg.select('g.legend').attr('transform', "translate(" + xDimensions[0] + ", 0)");
-                    if (title) {
-                        var textWidth = DOMUtils.getSVGElementSize(svg.select('g.legend-title').select('text'), { useBBox: true }).width;
-                        // D3 moves the LEFT y-axis labels by 9
-                        var availableSpace = xDimensions[0] - textWidth - 9;
-                        // If space is available, align the label with the axis labels
-                        if (availableSpace > 1) {
-                            svg.select('g.legend-title').attr('transform', "translate(" + availableSpace + ", 0)");
-                        }
-                        else {
-                            // Move the legend down by 16 pixels to display legend text on top
-                            svg.select('g.legend').attr('transform', "translate(" + xDimensions[0] + ", 16)");
-                            // Align legend title with start of axis
-                            svg.select('g.legend-title').attr('transform', "translate(" + xDimensions[0] + ", 0)");
-                        }
-                    }
-                }
-            }
-            else {
-                // Default state
-                svg.select('g.legend-title').attr('transform', "translate(0, 0)");
-            }
-        };
-        _this.chartType = configs.chartType;
-        return _this;
-    }
-    ColorScaleLegend.prototype.init = function () {
-        // Highlight correct circle on legend item hovers
-        if (this.chartType === 'heatmap') {
-            var eventsFragment = this.services.events;
-            eventsFragment.addEventListener(Events.Axis.RENDER_COMPLETE, this.handleAxisCompleteEvent);
-        }
-    };
-    ColorScaleLegend.prototype.render = function (animate) {
-        if (animate === void 0) { animate = false; }
-        var options = this.getOptions();
-        var svg = this.getComponentContainer();
-        var width = DOMUtils.getSVGElementSize(svg, {
-            useAttrs: true,
-        }).width;
-        var customColors = Tools.getProperty(options, 'color', 'gradient', 'colors');
-        var colorScaleType = Tools.getProperty(options, this.chartType, 'colorLegend', 'type');
-        var colorPairingOption = Tools.getProperty(options, 'color', 'pairing', 'option');
-        var title = Tools.getProperty(options, 'heatmap', 'colorLegend', 'title');
-        // Clear DOM if loading
-        var isDataLoading = Tools.getProperty(this.getOptions(), 'data', 'loading');
-        if (isDataLoading) {
-            svg.html('');
-            return;
-        }
-        var customColorsEnabled = !Tools.isEmpty(customColors);
-        var domain = getDomain(this.model.getDisplayData());
-        var useDefaultBarWidth = !(width <= Configuration.legend.color.barWidth);
-        var barWidth = useDefaultBarWidth
-            ? Configuration.legend.color.barWidth
-            : width;
-        var legendGroupElement = DOMUtils.appendOrSelect(svg, 'g.legend');
-        var axisElement = DOMUtils.appendOrSelect(legendGroupElement, 'g.legend-axis');
-        // Render title if it exists
-        if (title) {
-            var legendTitleGroup = DOMUtils.appendOrSelect(svg, 'g.legend-title');
-            var legendTitle = DOMUtils.appendOrSelect(legendTitleGroup, 'text');
-            legendTitle.text(title).attr('dy', '0.7em');
-            // Move the legend down by 16 pixels to display legend text on top
-            legendGroupElement.attr('transform', "translate(0, 16)");
-        }
-        // If domain consists of negative and positive values, use diverging palettes
-        var colorScheme = domain[0] < 0 && domain[1] > 0 ? 'diverge' : 'mono';
-        // Use default color pairing options if not in defined range
-        if (colorPairingOption < 1 &&
-            colorPairingOption > 4 &&
-            colorScheme === 'mono') {
-            colorPairingOption = 1;
-        }
-        else if (colorPairingOption < 1 &&
-            colorPairingOption > 2 &&
-            colorScheme === 'diverge') {
-            colorPairingOption = 1;
-        }
-        var colorPairing = [];
-        // Carbon charts has 11 colors for a single monochromatic palette & 17 for a divergent palette
-        var colorGroupingLength = colorScheme === 'diverge' ? 17 : 11;
-        if (!customColorsEnabled) {
-            // Add class names to list and the amount based on the color scheme
-            for (var i = 1; i < colorGroupingLength + 1; i++) {
-                colorPairing.push(colorScaleType === ColorLegendType.LINEAR
-                    ? "stop-color-" + colorScheme + "-" + colorPairingOption + "-" + i
-                    : "fill-" + colorScheme + "-" + colorPairingOption + "-" + i);
-            }
-        }
-        else {
-            // Use custom colors
-            colorPairing = customColors;
-        }
-        // Generate equal chunks between range to act as ticks
-        var interpolator = interpolateNumber(domain[0], domain[1]);
-        var quant = quantize(interpolator, 3);
-        // Create scale & ticks
-        var linearScale = scaleLinear().domain(domain).range([0, barWidth]);
-        var legendAxis = axisBottom(linearScale)
-            .tickSize(0)
-            .tickValues(quant);
-        switch (colorScaleType) {
-            case ColorLegendType.LINEAR:
-                this.drawLinear(colorPairing, legendGroupElement, barWidth);
-                break;
-            case ColorLegendType.QUANTIZE:
-                var rangeStart = this.drawQuantize(colorPairing, colorScheme, customColorsEnabled, legendGroupElement, barWidth);
-                // Using range provided by drawQuantize for alignment purposes
-                linearScale.range([rangeStart, barWidth]);
-                break;
-            default:
-                throw Error('Entered color legend type is not supported.');
-        }
-        // Align axes at the bottom of the rectangle and delete the domain line
-        axisElement
-            .attr('transform', "translate(0," + Configuration.legend.color.axisYTranslation + ")")
-            .call(legendAxis);
-        // Remove auto generated axis bottom line
-        axisElement.select('.domain').remove();
-        // Translate first/last axis tick if barWidth equals chart width
-        // Ensures text is not clipped when default bar width (300px) is not used
-        axisElement
-            .select('g.tick:last-of-type text')
-            .style('text-anchor', useDefaultBarWidth ? 'middle' : 'end');
-        axisElement
-            .select('g.tick:first-of-type text')
-            .style('text-anchor', useDefaultBarWidth && this.chartType !== 'choropleth'
-            ? 'middle'
-            : 'start');
-    };
-    // Renders gradient legend
-    ColorScaleLegend.prototype.drawLinear = function (colorPairing, legendGroupElement, barWidth) {
-        var stopLengthPercentage = 100 / (colorPairing.length - 1);
-        // Generate the gradient
-        var linearGradient = DOMUtils.appendOrSelect(legendGroupElement, 'linearGradient');
-        // Rendering gradient
-        linearGradient
-            .attr('id', this.gradient_id + "-legend")
-            .selectAll('stop')
-            .data(colorPairing)
-            .enter()
-            .append('stop')
-            .attr('offset', function (_, i) { return i * stopLengthPercentage + "%"; })
-            .attr('class', function (_, i) { return colorPairing[i]; })
-            .attr('stop-color', function (d) { return d; });
-        // Create the legend container
-        var rectangle = DOMUtils.appendOrSelect(legendGroupElement, 'rect');
-        rectangle
-            .attr('width', barWidth)
-            .attr('height', Configuration.legend.color.barHeight)
-            .style('fill', "url(#" + this.gradient_id + "-legend)");
-    };
-    /**
-     * Renders quantized legend
-     * @returns number (range start)
-     */
-    ColorScaleLegend.prototype.drawQuantize = function (colorPairing, colorScheme, customColorsEnabled, legendGroupElement, barWidth) {
-        // If divergent && non-custom color, remove 0/white from being displayed
-        if (!customColorsEnabled && colorScheme === 'diverge') {
-            colorPairing.splice(colorPairing.length / 2, 1);
-        }
-        var colorScaleBand = scaleBand()
-            .domain(colorPairing)
-            .range([0, barWidth]);
-        // Render the quantized rectangles
-        var rectangle = DOMUtils.appendOrSelect(legendGroupElement, 'g.quantized-rect');
-        rectangle
-            .selectAll('rect')
-            .data(colorScaleBand.domain())
-            .join('rect')
-            .attr('x', function (d) { return colorScaleBand(d); })
-            .attr('y', 0)
-            .attr('width', Math.max(0, colorScaleBand.bandwidth() - 1))
-            .attr('height', Configuration.legend.color.barHeight)
-            .attr('class', function (d) { return d; })
-            .attr('fill', function (d) { return d; });
-        return (!customColorsEnabled && colorScheme) === 'mono'
-            ? colorScaleBand.bandwidth() - 1
-            : 0;
-    };
-    ColorScaleLegend.prototype.destroy = function () {
-        if (this.chartType === 'heatmap') {
-            // Remove legend listeners
-            var eventsFragment = this.services.events;
-            eventsFragment.removeEventListener(Events.Axis.RENDER_COMPLETE, this.handleAxisCompleteEvent);
-        }
-    };
-    return ColorScaleLegend;
-}(Legend));
-export { ColorScaleLegend };
-//# sourceMappingURL=../../../src/components/essentials/color-scale-legend.js.map