@carbon/charts 1.7.6 → 1.9.0-next.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.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.d.ts

@@ -1,6 +0,0 @@
-import { ChartClip } from './../axes/chart-clip';
-export declare class CanvasChartClip extends ChartClip {
-    type: string;
-    chartClipId: string;
-    createClipPath(): void;
-}

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,17 +0,0 @@
-import { RenderTypes } from '../../interfaces';
-import { Legend } from './legend';
-export declare class ColorScaleLegend extends Legend {
-    type: string;
-    renderType: RenderTypes;
-    private gradient_id;
-    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,230 +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 } 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() {
-        var _this = _super !== null && _super.apply(this, arguments) || 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)");
-            }
-        };
-        return _this;
-    }
-    ColorScaleLegend.prototype.init = function () {
-        var eventsFragment = this.services.events;
-        // Highlight correct circle on legend item hovers
-        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, 'heatmap', '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 = this.model.getValueDomain();
-        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 ? '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 () {
-        // 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

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

@@ -1 +0,0 @@
-{"version":3,"file":"color-scale-legend.js","sourceRoot":"","sources":["color-scale-legend.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport * as Tools from '../../tools';\nimport { ColorLegendType, Events, RenderTypes } from '../../interfaces';\nimport * as Configuration from '../../configuration';\nimport { Legend } from './legend';\nimport { DOMUtils } from '../../services';\n\n// D3 imports\nimport { axisBottom } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { interpolateNumber, quantize } from 'd3-interpolate';\n\nexport class ColorScaleLegend extends Legend {\n\ttype = 'color-legend';\n\trenderType = RenderTypes.SVG;\n\n\tprivate gradient_id =\n\t\t'gradient-id-' + Math.floor(Math.random() * 99999999999);\n\n\tinit() {\n\t\tconst eventsFragment = this.services.events;\n\n\t\t// Highlight correct circle on legend item hovers\n\t\teventsFragment.addEventListener(\n\t\t\tEvents.Axis.RENDER_COMPLETE,\n\t\t\tthis.handleAxisCompleteEvent\n\t\t);\n\t}\n\n\t// Position legend after axis have rendered\n\thandleAxisCompleteEvent = (event: CustomEvent) => {\n\t\tconst svg = this.getComponentContainer();\n\n\t\tconst { width } = DOMUtils.getSVGElementSize(svg, {\n\t\t\tuseAttrs: true,\n\t\t});\n\n\t\tconst isDataLoading = Tools.getProperty(\n\t\t\tthis.getOptions(),\n\t\t\t'data',\n\t\t\t'loading'\n\t\t);\n\n\t\tif (width > Configuration.legend.color.barWidth && !isDataLoading) {\n\t\t\tconst title = Tools.getProperty(\n\t\t\t\tthis.getOptions(),\n\t\t\t\t'heatmap',\n\t\t\t\t'colorLegend',\n\t\t\t\t'title'\n\t\t\t);\n\n\t\t\tconst { cartesianScales } = this.services;\n\n\t\t\t// Get axis width & start/end positions\n\t\t\tconst mainXScale = cartesianScales.getMainXScale();\n\t\t\tconst xDimensions = mainXScale.range();\n\n\t\t\t// Align legend with the axis\n\t\t\tif (xDimensions[0] > 1) {\n\t\t\t\tsvg.select('g.legend').attr(\n\t\t\t\t\t'transform',\n\t\t\t\t\t`translate(${xDimensions[0]}, 0)`\n\t\t\t\t);\n\n\t\t\t\tif (title) {\n\t\t\t\t\tconst {\n\t\t\t\t\t\twidth: textWidth,\n\t\t\t\t\t} = DOMUtils.getSVGElementSize(\n\t\t\t\t\t\tsvg.select('g.legend-title').select('text'),\n\t\t\t\t\t\t{ useBBox: true }\n\t\t\t\t\t);\n\n\t\t\t\t\t// D3 moves the LEFT y-axis labels by 9\n\t\t\t\t\tconst availableSpace = xDimensions[0] - textWidth - 9;\n\n\t\t\t\t\t// If space is available, align the label with the axis labels\n\t\t\t\t\tif (availableSpace > 1) {\n\t\t\t\t\t\tsvg.select('g.legend-title').attr(\n\t\t\t\t\t\t\t'transform',\n\t\t\t\t\t\t\t`translate(${availableSpace}, 0)`\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Move the legend down by 16 pixels to display legend text on top\n\t\t\t\t\t\tsvg.select('g.legend').attr(\n\t\t\t\t\t\t\t'transform',\n\t\t\t\t\t\t\t`translate(${xDimensions[0]}, 16)`\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\t// Align legend title with start of axis\n\t\t\t\t\t\tsvg.select('g.legend-title').attr(\n\t\t\t\t\t\t\t'transform',\n\t\t\t\t\t\t\t`translate(${xDimensions[0]}, 0)`\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// Default state\n\t\t\tsvg.select('g.legend-title').attr('transform', `translate(0, 0)`);\n\t\t}\n\t};\n\n\trender(animate = false) {\n\t\tconst options = this.getOptions();\n\t\tconst svg = this.getComponentContainer();\n\t\tconst { width } = DOMUtils.getSVGElementSize(svg, {\n\t\t\tuseAttrs: true,\n\t\t});\n\n\t\tconst customColors = Tools.getProperty(\n\t\t\toptions,\n\t\t\t'color',\n\t\t\t'gradient',\n\t\t\t'colors'\n\t\t);\n\n\t\tconst colorScaleType = Tools.getProperty(\n\t\t\toptions,\n\t\t\t'heatmap',\n\t\t\t'colorLegend',\n\t\t\t'type'\n\t\t);\n\n\t\tlet colorPairingOption = Tools.getProperty(\n\t\t\toptions,\n\t\t\t'color',\n\t\t\t'pairing',\n\t\t\t'option'\n\t\t);\n\n\t\tconst title = Tools.getProperty(\n\t\t\toptions,\n\t\t\t'heatmap',\n\t\t\t'colorLegend',\n\t\t\t'title'\n\t\t);\n\n\t\t// Clear DOM if loading\n\t\tconst isDataLoading = Tools.getProperty(\n\t\t\tthis.getOptions(),\n\t\t\t'data',\n\t\t\t'loading'\n\t\t);\n\n\t\tif (isDataLoading) {\n\t\t\tsvg.html('');\n\t\t\treturn;\n\t\t}\n\n\t\tconst customColorsEnabled = !Tools.isEmpty(customColors);\n\t\tconst domain = this.model.getValueDomain();\n\n\t\tconst useDefaultBarWidth = !(\n\t\t\twidth <= Configuration.legend.color.barWidth\n\t\t);\n\t\tconst barWidth = useDefaultBarWidth\n\t\t\t? Configuration.legend.color.barWidth\n\t\t\t: width;\n\n\t\tconst legendGroupElement = DOMUtils.appendOrSelect(svg, 'g.legend');\n\t\tconst axisElement = DOMUtils.appendOrSelect(\n\t\t\tlegendGroupElement,\n\t\t\t'g.legend-axis'\n\t\t);\n\n\t\t// Render title if it exists\n\t\tif (title) {\n\t\t\tconst legendTitleGroup = DOMUtils.appendOrSelect(\n\t\t\t\tsvg,\n\t\t\t\t'g.legend-title'\n\t\t\t);\n\t\t\tconst legendTitle = DOMUtils.appendOrSelect(\n\t\t\t\tlegendTitleGroup,\n\t\t\t\t'text'\n\t\t\t);\n\t\t\tlegendTitle.text(title).attr('dy', '0.7em');\n\n\t\t\t// Move the legend down by 16 pixels to display legend text on top\n\t\t\tlegendGroupElement.attr('transform', `translate(0, 16)`);\n\t\t}\n\n\t\t// If domain consists of negative and positive values, use diverging palettes\n\t\tconst colorScheme = domain[0] < 0 && domain[1] > 0 ? 'diverge' : 'mono';\n\n\t\t// Use default color pairing options if not in defined range\n\t\tif (\n\t\t\tcolorPairingOption < 1 &&\n\t\t\tcolorPairingOption > 4 &&\n\t\t\tcolorScheme === 'mono'\n\t\t) {\n\t\t\tcolorPairingOption = 1;\n\t\t} else if (\n\t\t\tcolorPairingOption < 1 &&\n\t\t\tcolorPairingOption > 2 &&\n\t\t\tcolorScheme === 'diverge'\n\t\t) {\n\t\t\tcolorPairingOption = 1;\n\t\t}\n\n\t\tlet colorPairing = [];\n\t\t// Carbon charts has 11 colors for a single monochromatic palette & 17 for a divergent palette\n\t\tlet colorGroupingLength = colorScheme === 'diverge' ? 17 : 11;\n\n\t\tif (!customColorsEnabled) {\n\t\t\t// Add class names to list and the amount based on the color scheme\n\t\t\tfor (let i = 1; i < colorGroupingLength + 1; i++) {\n\t\t\t\tcolorPairing.push(\n\t\t\t\t\tcolorScaleType === ColorLegendType.LINEAR\n\t\t\t\t\t\t? `stop-color-${colorScheme}-${colorPairingOption}-${i}`\n\t\t\t\t\t\t: `fill-${colorScheme}-${colorPairingOption}-${i}`\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\t// Use custom colors\n\t\t\tcolorPairing = customColors;\n\t\t}\n\n\t\t// Generate equal chunks between range to act as ticks\n\t\tconst interpolator = interpolateNumber(domain[0], domain[1]);\n\t\tconst quant = quantize(interpolator, 3);\n\n\t\t// Create scale & ticks\n\t\tconst linearScale = scaleLinear().domain(domain).range([0, barWidth]);\n\n\t\tconst legendAxis = axisBottom(linearScale)\n\t\t\t.tickSize(0)\n\t\t\t.tickValues(quant);\n\n\t\tswitch (colorScaleType) {\n\t\t\tcase ColorLegendType.LINEAR:\n\t\t\t\tthis.drawLinear(colorPairing, legendGroupElement, barWidth);\n\t\t\t\tbreak;\n\t\t\tcase ColorLegendType.QUANTIZE:\n\t\t\t\tconst rangeStart = this.drawQuantize(\n\t\t\t\t\tcolorPairing,\n\t\t\t\t\tcolorScheme,\n\t\t\t\t\tcustomColorsEnabled,\n\t\t\t\t\tlegendGroupElement,\n\t\t\t\t\tbarWidth\n\t\t\t\t);\n\t\t\t\t// Using range provided by drawQuantize for alignment purposes\n\t\t\t\tlinearScale.range([rangeStart, barWidth]);\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthrow Error('Entered color legend type is not supported.');\n\t\t}\n\n\t\t// Align axes at the bottom of the rectangle and delete the domain line\n\t\taxisElement\n\t\t\t.attr(\n\t\t\t\t'transform',\n\t\t\t\t`translate(0,${Configuration.legend.color.axisYTranslation})`\n\t\t\t)\n\t\t\t.call(legendAxis);\n\n\t\t// Remove auto generated axis bottom line\n\t\taxisElement.select('.domain').remove();\n\n\t\t// Translate first/last axis tick if barWidth equals chart width\n\t\t// Ensures text is not clipped when default bar width (300px) is not used\n\t\taxisElement\n\t\t\t.select('g.tick:last-of-type text')\n\t\t\t.style('text-anchor', useDefaultBarWidth ? 'middle' : 'end');\n\t\taxisElement\n\t\t\t.select('g.tick:first-of-type text')\n\t\t\t.style('text-anchor', useDefaultBarWidth ? 'middle' : 'start');\n\t}\n\n\t// Renders gradient legend\n\tdrawLinear(colorPairing, legendGroupElement, barWidth) {\n\t\tconst stopLengthPercentage = 100 / (colorPairing.length - 1);\n\n\t\t// Generate the gradient\n\t\tconst linearGradient = DOMUtils.appendOrSelect(\n\t\t\tlegendGroupElement,\n\t\t\t'linearGradient'\n\t\t);\n\t\t// Rendering gradient\n\t\tlinearGradient\n\t\t\t.attr('id', `${this.gradient_id}-legend`)\n\t\t\t.selectAll('stop')\n\t\t\t.data(colorPairing)\n\t\t\t.enter()\n\t\t\t.append('stop')\n\t\t\t.attr('offset', (_, i) => `${i * stopLengthPercentage}%`)\n\t\t\t.attr('class', (_, i) => colorPairing[i])\n\t\t\t.attr('stop-color', (d) => d);\n\n\t\t// Create the legend container\n\t\tconst rectangle = DOMUtils.appendOrSelect(legendGroupElement, 'rect');\n\t\trectangle\n\t\t\t.attr('width', barWidth)\n\t\t\t.attr('height', Configuration.legend.color.barHeight)\n\t\t\t.style('fill', `url(#${this.gradient_id}-legend)`);\n\t}\n\n\t/**\n\t * Renders quantized legend\n\t * @returns number (range start)\n\t */\n\tdrawQuantize(\n\t\tcolorPairing,\n\t\tcolorScheme,\n\t\tcustomColorsEnabled,\n\t\tlegendGroupElement,\n\t\tbarWidth\n\t) {\n\t\t// If divergent && non-custom color, remove 0/white from being displayed\n\t\tif (!customColorsEnabled && colorScheme === 'diverge') {\n\t\t\tcolorPairing.splice(colorPairing.length / 2, 1);\n\t\t}\n\n\t\tconst colorScaleBand = scaleBand()\n\t\t\t.domain(colorPairing)\n\t\t\t.range([0, barWidth]);\n\n\t\t// Render the quantized rectangles\n\t\tconst rectangle = DOMUtils.appendOrSelect(\n\t\t\tlegendGroupElement,\n\t\t\t'g.quantized-rect'\n\t\t);\n\n\t\trectangle\n\t\t\t.selectAll('rect')\n\t\t\t.data(colorScaleBand.domain())\n\t\t\t.join('rect')\n\t\t\t.attr('x', (d) => colorScaleBand(d))\n\t\t\t.attr('y', 0)\n\t\t\t.attr('width', Math.max(0, colorScaleBand.bandwidth() - 1))\n\t\t\t.attr('height', Configuration.legend.color.barHeight)\n\t\t\t.attr('class', (d) => d)\n\t\t\t.attr('fill', (d) => d);\n\n\t\treturn (!customColorsEnabled && colorScheme) === 'mono'\n\t\t\t? colorScaleBand.bandwidth() - 1\n\t\t\t: 0;\n\t}\n\n\tdestroy() {\n\t\t// Remove legend listeners\n\t\tconst eventsFragment = this.services.events;\n\t\teventsFragment.removeEventListener(\n\t\t\tEvents.Axis.RENDER_COMPLETE,\n\t\t\tthis.handleAxisCompleteEvent\n\t\t);\n\t}\n}\n"]}