@carbon/charts 1.8.0 → 1.9.0-next.0

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, getDomain } from '../../services';\nimport { ChartModel } from '../../model/model';\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\tprivate chartType: string;\n\n\tconstructor(model: ChartModel, services: any, configs?: any) {\n\t\tsuper(model, services, configs);\n\t\tthis.chartType = configs.chartType;\n\t}\n\n\tinit() {\n\t\t// Highlight correct circle on legend item hovers\n\t\tif (this.chartType === 'heatmap') {\n\t\t\tconst eventsFragment = this.services.events;\n\t\t\teventsFragment.addEventListener(\n\t\t\t\tEvents.Axis.RENDER_COMPLETE,\n\t\t\t\tthis.handleAxisCompleteEvent\n\t\t\t);\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\tthis.chartType,\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 = getDomain(this.model.getDisplayData());\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(\n\t\t\t\t'text-anchor',\n\t\t\t\tuseDefaultBarWidth && this.chartType !== 'choropleth'\n\t\t\t\t\t? 'middle'\n\t\t\t\t\t: 'start'\n\t\t\t);\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\tif (this.chartType === 'heatmap') {\n\t\t\t// Remove legend listeners\n\t\t\tconst eventsFragment = this.services.events;\n\t\t\teventsFragment.removeEventListener(\n\t\t\t\tEvents.Axis.RENDER_COMPLETE,\n\t\t\t\tthis.handleAxisCompleteEvent\n\t\t\t);\n\t\t}\n\t}\n}\n"]}

package/components/essentials/geo-projection.d.ts

@@ -1,16 +0,0 @@
-import { Component } from '../component';
-import { RenderTypes } from '../../interfaces';
-export declare class GeoProjection extends Component {
-    type: string;
-    renderType: RenderTypes;
-    render(): void;
-    /**
-     * @info
-     * Depending on projection, we may need to provide additional configuration
-     * e.g. sizing
-     *
-     * In such case, function can be refactored so that
-     * projection should return an object with the configuraiton & function
-     */
-    getProjection(): any;
-}

package/components/essentials/geo-projection.js

@@ -1,160 +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 { Component } from '../component';
-import { DOMUtils } from '../../services';
-import * as Tools from '../../tools';
-import { RenderTypes, Projection } from '../../interfaces';
-// D3 imports
-import { geoPath, line } from 'd3';
-import { feature, merge } from 'topojson-client';
-import { 
-// Azimuthal Projections - project the sphere directly on to the plane
-geoEqualEarth, 
-// Conic projections - project the sphere onto a cone & unroll into the plane
-geoAlbers, geoConicEqualArea, geoConicEquidistant, 
-// Cylindrical projections - project the sphere onto a containing cylinder & unroll onto the plane
-geoEquirectangular, geoMercator, geoNaturalEarth1, } from 'd3-geo';
-var GeoProjection = /** @class */ (function (_super) {
-    __extends(GeoProjection, _super);
-    function GeoProjection() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = 'geo';
-        _this.renderType = RenderTypes.SVG;
-        return _this;
-    }
-    GeoProjection.prototype.render = function () {
-        var svg = this.getComponentContainer({ withinChartClip: true });
-        var _a = DOMUtils.getSVGElementSize(svg, {
-            useAttrs: true,
-        }), width = _a.width, height = _a.height;
-        // Because of a Firefox bug with regards to sizing & d3 packs,
-        // rather than checking if height or width aren't 0,
-        // we have to make sure they're not smaller than 1
-        if (width < 1 || height < 1) {
-            return;
-        }
-        // Get users projection
-        var projection = this.getProjection();
-        var geoData = Tools.getProperty(this.getOptions(), 'geoData');
-        var data = this.model.getCombinedData();
-        // Seperate countries that have data & countries with missing data
-        var withData = {};
-        var withoutData = {};
-        Object.keys(data).forEach(function (element) {
-            if (typeof data[element].value === 'number') {
-                withData[element] = data[element];
-            }
-            else {
-                withoutData[element] = data[element];
-            }
-        });
-        // Merge all without data
-        var withoutDataMerge = merge(geoData, Object.values(withoutData));
-        /**
-         * @todo - Currently only topojson is supported
-         *
-         * Unlike geojson, topojson does not have a standard format
-         * So data must be nested in the following format:
-         * options : {
-         * 	geoData: {
-         *  	objects: {
-         * 			...
-         * 		}
-         *  }
-         * }
-         */
-        // Convert from topojson to geojson
-        var json = feature(geoData, {
-            // We need to specify that we are converting geometry collections
-            type: 'GeometryCollection',
-            geometries: Object.values(withData),
-        });
-        // Depending on the projection selected, we will need to scale/translate accordingly
-        var projectionScale = projection.fitSize([width, height], json);
-        var geo = geoPath().projection(projectionScale);
-        var borders = DOMUtils.appendOrSelect(svg, 'g.geo');
-        borders
-            .selectAll('path')
-            .data(json.features)
-            .join('path')
-            .attr('d', geo);
-        var patternID = this.services.domUtils.generateElementIDString("geo-pattern-stripes");
-        // Create a striped pattern for missing data
-        var defs = DOMUtils.appendOrSelect(svg, 'defs');
-        DOMUtils.appendOrSelect(defs, 'pattern')
-            .attr('id', patternID)
-            .attr('width', 5)
-            .attr('height', 10)
-            .attr('patternUnits', 'userSpaceOnUse')
-            .attr('patternTransform', 'rotate(45)')
-            .append('path')
-            .classed('pattern-fill', true)
-            .attr('d', line()([
-            [0, 0],
-            [0, 10],
-        ]));
-        var missingBorders = DOMUtils.appendOrSelect(svg, 'g.missing-data');
-        DOMUtils.appendOrSelect(missingBorders, 'path')
-            .datum(withoutDataMerge)
-            .attr('d', geo)
-            .style('fill', "url(#" + patternID + ")");
-    };
-    /**
-     * @info
-     * Depending on projection, we may need to provide additional configuration
-     * e.g. sizing
-     *
-     * In such case, function can be refactored so that
-     * projection should return an object with the configuraiton & function
-     */
-    GeoProjection.prototype.getProjection = function () {
-        var projection = null;
-        var projectionSelected = Tools.getProperty(this.getOptions(), 'thematic', 'projection');
-        switch (projectionSelected) {
-            // Azimuthal Projections
-            case Projection.geoEqualEarth:
-                projection = geoEqualEarth();
-                break;
-            // Conic Projections
-            case Projection.geoAlbers:
-                projection = geoAlbers();
-                break;
-            case Projection.geoConicEqualArea:
-                projection = geoConicEqualArea();
-                break;
-            case Projection.geoConicEquidistant:
-                projection = geoConicEquidistant();
-                break;
-            // Cyndrical projections
-            case Projection.geoEquirectangular:
-                projection = geoEquirectangular();
-                break;
-            case Projection.geoMercator:
-                projection = geoMercator();
-                break;
-            case Projection.geoNaturalEarth1:
-                projection = geoNaturalEarth1();
-                break;
-            default:
-                // Projection is missing or an unsupported projection value is passed
-                throw new Error('Projection is not supported.');
-                break;
-        }
-        return projection;
-    };
-    return GeoProjection;
-}(Component));
-export { GeoProjection };
-//# sourceMappingURL=../../../src/components/essentials/geo-projection.js.map

package/components/essentials/geo-projection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"geo-projection.js","sourceRoot":"","sources":["geo-projection.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport { Component } from '../component';\nimport { DOMUtils } from '../../services';\nimport * as Tools from '../../tools';\nimport { RenderTypes, Projection } from '../../interfaces';\n\n// D3 imports\nimport { geoPath, line } from 'd3';\nimport { feature, merge } from 'topojson-client';\nimport {\n\t// Azimuthal Projections - project the sphere directly on to the plane\n\tgeoEqualEarth,\n\t// Conic projections - project the sphere onto a cone & unroll into the plane\n\tgeoAlbers,\n\tgeoConicEqualArea,\n\tgeoConicEquidistant,\n\t// Cylindrical projections - project the sphere onto a containing cylinder & unroll onto the plane\n\tgeoEquirectangular,\n\tgeoMercator,\n\tgeoNaturalEarth1,\n} from 'd3-geo';\n\nexport class GeoProjection extends Component {\n\ttype = 'geo';\n\trenderType = RenderTypes.SVG;\n\n\trender() {\n\t\tconst svg = this.getComponentContainer({ withinChartClip: true });\n\t\tconst { width, height } = DOMUtils.getSVGElementSize(svg, {\n\t\t\tuseAttrs: true,\n\t\t});\n\n\t\t// Because of a Firefox bug with regards to sizing & d3 packs,\n\t\t// rather than checking if height or width aren't 0,\n\t\t// we have to make sure they're not smaller than 1\n\t\tif (width < 1 || height < 1) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Get users projection\n\t\tconst projection = this.getProjection();\n\n\t\tconst geoData = Tools.getProperty(this.getOptions(), 'geoData');\n\n\t\tconst data = this.model.getCombinedData();\n\n\t\t// Seperate countries that have data & countries with missing data\n\t\tconst withData = {};\n\t\tconst withoutData = {};\n\t\tObject.keys(data).forEach((element) => {\n\t\t\tif (typeof data[element].value === 'number') {\n\t\t\t\twithData[element] = data[element];\n\t\t\t} else {\n\t\t\t\twithoutData[element] = data[element];\n\t\t\t}\n\t\t});\n\n\t\t// Merge all without data\n\t\tconst withoutDataMerge = merge(geoData, Object.values(withoutData));\n\n\t\t/**\n\t\t * @todo - Currently only topojson is supported\n\t\t *\n\t\t * Unlike geojson, topojson does not have a standard format\n\t\t * So data must be nested in the following format:\n\t\t * options : {\n\t\t * \tgeoData: {\n\t\t *  \tobjects: {\n\t\t * \t\t\t...\n\t\t * \t\t}\n\t\t *  }\n\t\t * }\n\t\t */\n\t\t// Convert from topojson to geojson\n\t\tconst json = feature(geoData, {\n\t\t\t// We need to specify that we are converting geometry collections\n\t\t\ttype: 'GeometryCollection',\n\t\t\tgeometries: Object.values(withData),\n\t\t});\n\n\t\t// Depending on the projection selected, we will need to scale/translate accordingly\n\t\tconst projectionScale = projection.fitSize([width, height], json);\n\t\tconst geo = geoPath().projection(projectionScale);\n\n\t\tconst borders = DOMUtils.appendOrSelect(svg, 'g.geo');\n\t\tborders\n\t\t\t.selectAll('path')\n\t\t\t.data(json.features)\n\t\t\t.join('path')\n\t\t\t.attr('d', geo);\n\n\t\tconst patternID = this.services.domUtils.generateElementIDString(\n\t\t\t`geo-pattern-stripes`\n\t\t);\n\n\t\t// Create a striped pattern for missing data\n\t\tconst defs = DOMUtils.appendOrSelect(svg, 'defs');\n\t\tDOMUtils.appendOrSelect(defs, 'pattern')\n\t\t\t.attr('id', patternID)\n\t\t\t.attr('width', 5)\n\t\t\t.attr('height', 10)\n\t\t\t.attr('patternUnits', 'userSpaceOnUse')\n\t\t\t.attr('patternTransform', 'rotate(45)')\n\t\t\t.append('path')\n\t\t\t.classed('pattern-fill', true)\n\t\t\t.attr(\n\t\t\t\t'd',\n\t\t\t\tline()([\n\t\t\t\t\t[0, 0],\n\t\t\t\t\t[0, 10],\n\t\t\t\t])\n\t\t\t);\n\n\t\tconst missingBorders = DOMUtils.appendOrSelect(svg, 'g.missing-data');\n\t\tDOMUtils.appendOrSelect(missingBorders, 'path')\n\t\t\t.datum(withoutDataMerge)\n\t\t\t.attr('d', geo)\n\t\t\t.style('fill', `url(#${patternID})`);\n\t}\n\n\t/**\n\t * @info\n\t * Depending on projection, we may need to provide additional configuration\n\t * e.g. sizing\n\t *\n\t * In such case, function can be refactored so that\n\t * projection should return an object with the configuraiton & function\n\t */\n\tgetProjection() {\n\t\tlet projection = null;\n\t\tconst projectionSelected = Tools.getProperty(\n\t\t\tthis.getOptions(),\n\t\t\t'thematic',\n\t\t\t'projection'\n\t\t);\n\n\t\tswitch (projectionSelected) {\n\t\t\t// Azimuthal Projections\n\t\t\tcase Projection.geoEqualEarth:\n\t\t\t\tprojection = geoEqualEarth();\n\t\t\t\tbreak;\n\t\t\t// Conic Projections\n\t\t\tcase Projection.geoAlbers:\n\t\t\t\tprojection = geoAlbers();\n\t\t\t\tbreak;\n\t\t\tcase Projection.geoConicEqualArea:\n\t\t\t\tprojection = geoConicEqualArea();\n\t\t\t\tbreak;\n\t\t\tcase Projection.geoConicEquidistant:\n\t\t\t\tprojection = geoConicEquidistant();\n\t\t\t\tbreak;\n\t\t\t// Cyndrical projections\n\t\t\tcase Projection.geoEquirectangular:\n\t\t\t\tprojection = geoEquirectangular();\n\t\t\t\tbreak;\n\t\t\tcase Projection.geoMercator:\n\t\t\t\tprojection = geoMercator();\n\t\t\t\tbreak;\n\t\t\tcase Projection.geoNaturalEarth1:\n\t\t\t\tprojection = geoNaturalEarth1();\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\t// Projection is missing or an unsupported projection value is passed\n\t\t\t\tthrow new Error('Projection is not supported.');\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn projection;\n\t}\n}\n"]}

package/components/essentials/highlights.d.ts

@@ -1,13 +0,0 @@
-import { Component } from '../component';
-import { ChartModel } from '../../model/model';
-import { RenderTypes } from '../../interfaces';
-import Position from '@carbon/utils-position';
-export declare class Highlight extends Component {
-    type: string;
-    renderType: RenderTypes;
-    label: any;
-    positionService: Position;
-    highlightStrokeWidth: number;
-    constructor(model: ChartModel, services: any);
-    render(animate?: boolean): void;
-}

package/components/essentials/highlights.js

@@ -1,196 +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 __());
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Component } from '../component';
-import * as Tools from '../../tools';
-import { AxisPositions, RenderTypes } from '../../interfaces';
-// D3 Imports
-// @ts-ignore
-// ts-ignore is needed because `@types/d3`
-// is missing the `pointer` function
-import { select } from 'd3-selection';
-// Carbon position service
-import Position from '@carbon/utils-position';
-var Highlight = /** @class */ (function (_super) {
-    __extends(Highlight, _super);
-    function Highlight(model, services) {
-        var _this = _super.call(this, model, services) || this;
-        _this.type = 'highlight';
-        _this.renderType = RenderTypes.SVG;
-        _this.positionService = new Position();
-        _this.highlightStrokeWidth = 1;
-        return _this;
-    }
-    Highlight.prototype.render = function (animate) {
-        if (animate === void 0) { animate = false; }
-        var axesOptions = Tools.getProperty(this.getOptions(), 'axes');
-        var highlightData = [];
-        Object.keys(axesOptions).forEach(function (axisPosition) {
-            if (Object.values(AxisPositions).includes(axisPosition)) {
-                var axisOptions = axesOptions[axisPosition];
-                if (axisOptions.highlights &&
-                    axisOptions.highlights.data.length > 0) {
-                    highlightData.push({
-                        axisPosition: axisPosition,
-                        highlightStartMapsTo: axisOptions.highlights.highlightStartMapsTo,
-                        highlightEndMapsTo: axisOptions.highlights.highlightEndMapsTo,
-                        labelMapsTo: axisOptions.highlights.labelMapsTo,
-                        highlight: axisOptions.highlights.data,
-                        color: axisOptions.highlights.color,
-                    });
-                }
-            }
-        });
-        // Grab container SVG
-        var svg = this.getComponentContainer({ withinChartClip: true });
-        // Update data on all axis highlight groups
-        var highlightAxisGroups = svg
-            .selectAll('g.axis-highlight')
-            .data(highlightData, function (highlightData) { return highlightData.axisPosition; });
-        // Remove axis highlight groups that are no longer needed
-        highlightAxisGroups.exit().attr('opacity', 0).remove();
-        // Add the axis highlight groups that need to be introduced
-        var highlightAxisGroupsEnter = highlightAxisGroups
-            .enter()
-            .append('g');
-        var highlightAxisGroupsMerge = highlightAxisGroupsEnter.merge(highlightAxisGroups);
-        highlightAxisGroupsMerge.attr('class', function (d) { return "axis-highlight " + d.axisPosition; });
-        var highlightGroups = highlightAxisGroupsMerge
-            .selectAll('g.highlight-group')
-            .data(function (d) {
-            return d.highlight.map(function (highlight) {
-                highlight.axisPosition = d.axisPosition;
-                highlight.highlightStartMapsTo = d.highlightStartMapsTo;
-                highlight.labelMapsTo = d.labelMapsTo;
-                highlight.color = d.color;
-                highlight.highlightEndMapsTo = d.highlightEndMapsTo;
-                return highlight;
-            });
-        });
-        // Remove highlight groups that are no longer needed
-        highlightGroups.exit().attr('opacity', 0).remove();
-        // Add the highlight groups that need to be introduced
-        var highlightGroupsEnter = highlightGroups.enter().append('g');
-        highlightGroupsEnter.append('rect').attr('class', 'highlight-bar');
-        highlightGroupsEnter.append('line').attr('class', 'highlight-line');
-        var highlightGroupsMerge = highlightGroupsEnter.merge(highlightGroups);
-        highlightGroupsMerge.attr('class', 'highlight-group');
-        var self = this;
-        highlightAxisGroupsMerge.each(function (_a) {
-            var axisPosition = _a.axisPosition;
-            var mainXScale = self.services.cartesianScales.getMainXScale();
-            var mainYScale = self.services.cartesianScales.getMainYScale();
-            var _b = mainXScale.range(), xScaleStart = _b[0], xScaleEnd = _b[1];
-            var _c = mainYScale.range(), yScaleEnd = _c[0], yScaleStart = _c[1];
-            var cartesianScales = self.services.cartesianScales;
-            var orientation = cartesianScales.getOrientation();
-            var getDomainValue = function (d) { return cartesianScales.getDomainValue(d); };
-            var getRangeValue = function (d) { return cartesianScales.getRangeValue(d); };
-            var _d = Tools.flipDomainAndRangeBasedOnOrientation(getDomainValue, getRangeValue, orientation), getXValue = _d[0], getYValue = _d[1];
-            var group = select(this);
-            if (axisPosition === AxisPositions.TOP ||
-                axisPosition === AxisPositions.BOTTOM) {
-                group
-                    .selectAll('rect.highlight-bar')
-                    .transition()
-                    .call(function (t) {
-                    return self.services.transitions.setupTransition({
-                        transition: t,
-                        name: 'highlight-bar-update',
-                        animate: animate,
-                    });
-                })
-                    // Stroke width added to stop overflow of highlight
-                    .attr('y', Math.max(yScaleStart + self.highlightStrokeWidth, 0))
-                    // Stroke width subtracted to stop overflow of highlight
-                    .attr('height', Math.max(yScaleEnd - 2 * self.highlightStrokeWidth, 0))
-                    .attr('x', function (_a) {
-                    var highlightStartMapsTo = _a.highlightStartMapsTo, d = __rest(_a, ["highlightStartMapsTo"]);
-                    return getXValue(d[highlightStartMapsTo]);
-                })
-                    .attr('width', function (_a) {
-                    var highlightStartMapsTo = _a.highlightStartMapsTo, highlightEndMapsTo = _a.highlightEndMapsTo, d = __rest(_a, ["highlightStartMapsTo", "highlightEndMapsTo"]);
-                    return Math.max(getXValue(d[highlightEndMapsTo]) -
-                        getXValue(d[highlightStartMapsTo]), 0);
-                })
-                    .style('stroke', function (_a) {
-                    var color = _a.color, labelMapsTo = _a.labelMapsTo, data = __rest(_a, ["color", "labelMapsTo"]);
-                    return color && color.scale[data[labelMapsTo]]
-                        ? color.scale[data[labelMapsTo]]
-                        : null;
-                })
-                    .style('stroke-dasharray', '2, 2')
-                    .attr('stroke-width', self.highlightStrokeWidth + 'px')
-                    .style('fill-opacity', 0.1)
-                    .style('fill', function (_a) {
-                    var color = _a.color, labelMapsTo = _a.labelMapsTo, data = __rest(_a, ["color", "labelMapsTo"]);
-                    return color && color.scale[data[labelMapsTo]]
-                        ? color.scale[data[labelMapsTo]]
-                        : null;
-                });
-            }
-            else {
-                group
-                    .selectAll('rect.highlight-bar')
-                    .transition()
-                    .call(function (t) {
-                    return self.services.transitions.setupTransition({
-                        transition: t,
-                        name: 'highlight-bar-update',
-                        animate: animate,
-                    });
-                })
-                    .attr('x', xScaleStart)
-                    .attr('width', Math.max(xScaleEnd - xScaleStart, 0))
-                    .attr('y', function (_a) {
-                    var highlightEndMapsTo = _a.highlightEndMapsTo, d = __rest(_a, ["highlightEndMapsTo"]);
-                    return getYValue(d[highlightEndMapsTo]);
-                })
-                    .attr('height', function (_a) {
-                    var highlightStartMapsTo = _a.highlightStartMapsTo, highlightEndMapsTo = _a.highlightEndMapsTo, d = __rest(_a, ["highlightStartMapsTo", "highlightEndMapsTo"]);
-                    return Math.max(getYValue(d[highlightStartMapsTo]) -
-                        getYValue(d[highlightEndMapsTo]), 0);
-                })
-                    .style('stroke', function (_a) {
-                    var color = _a.color, labelMapsTo = _a.labelMapsTo, data = __rest(_a, ["color", "labelMapsTo"]);
-                    return color && color.scale[data[labelMapsTo]]
-                        ? color.scale[data[labelMapsTo]]
-                        : null;
-                })
-                    .style('stroke-dasharray', '2, 2')
-                    .attr('stroke-width', self.highlightStrokeWidth + 'px')
-                    .style('fill-opacity', 0.1)
-                    .style('fill', function (_a) {
-                    var color = _a.color, labelMapsTo = _a.labelMapsTo, data = __rest(_a, ["color", "labelMapsTo"]);
-                    return color && color.scale[data[labelMapsTo]]
-                        ? color.scale[data[labelMapsTo]]
-                        : null;
-                });
-            }
-        });
-    };
-    return Highlight;
-}(Component));
-export { Highlight };
-//# sourceMappingURL=../../../src/components/essentials/highlights.js.map

package/components/essentials/highlights.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlights.js","sourceRoot":"","sources":["highlights.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAc,MAAM,kBAAkB,CAAC;AAE1E,aAAa;AACb,aAAa;AACb,0CAA0C;AAC1C,oCAAoC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,0BAA0B;AAC1B,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C;IAA+B,6BAAS;IASvC,mBAAY,KAAiB,EAAE,QAAa;QAA5C,YACC,kBAAM,KAAK,EAAE,QAAQ,CAAC,SACtB;QAVD,UAAI,GAAG,WAAW,CAAC;QACnB,gBAAU,GAAG,WAAW,CAAC,GAAG,CAAC;QAI7B,qBAAe,GAAG,IAAI,QAAQ,EAAE,CAAC;QACjC,0BAAoB,GAAG,CAAC,CAAC;;IAIzB,CAAC;IAED,0BAAM,GAAN,UAAO,OAAe;QAAf,wBAAA,EAAA,eAAe;QACrB,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,MAAM,CAAC,CAAC;QACjE,IAAM,aAAa,GAAG,EAAE,CAAC;QAEzB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAC,YAAY;YAC7C,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAmB,CAAC,EAAE;gBAC/D,IAAM,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;gBAC9C,IACC,WAAW,CAAC,UAAU;oBACtB,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EACrC;oBACD,aAAa,CAAC,IAAI,CAAC;wBAClB,YAAY,cAAA;wBACZ,oBAAoB,EACnB,WAAW,CAAC,UAAU,CAAC,oBAAoB;wBAC5C,kBAAkB,EACjB,WAAW,CAAC,UAAU,CAAC,kBAAkB;wBAC1C,WAAW,EAAE,WAAW,CAAC,UAAU,CAAC,WAAW;wBAC/C,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,IAAI;wBACtC,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,KAAK;qBACnC,CAAC,CAAC;iBACH;aACD;QACF,CAAC,CAAC,CAAC;QAEH,qBAAqB;QACrB,IAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC;QAElE,2CAA2C;QAC3C,IAAM,mBAAmB,GAAG,GAAG;aAC7B,SAAS,CAAC,kBAAkB,CAAC;aAC7B,IAAI,CAAC,aAAa,EAAE,UAAC,aAAa,IAAK,OAAA,aAAa,CAAC,YAAY,EAA1B,CAA0B,CAAC,CAAC;QAErE,yDAAyD;QACzD,mBAAmB,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;QAEvD,2DAA2D;QAC3D,IAAM,wBAAwB,GAAG,mBAAmB;aAClD,KAAK,EAAE;aACP,MAAM,CAAC,GAAG,CAAC,CAAC;QAEd,IAAM,wBAAwB,GAAG,wBAAwB,CAAC,KAAK,CAC9D,mBAAmB,CACnB,CAAC;QACF,wBAAwB,CAAC,IAAI,CAC5B,OAAO,EACP,UAAC,CAAC,IAAK,OAAA,oBAAkB,CAAC,CAAC,YAAc,EAAlC,CAAkC,CACzC,CAAC;QAEF,IAAM,eAAe,GAAG,wBAAwB;aAC9C,SAAS,CAAC,mBAAmB,CAAC;aAC9B,IAAI,CAAC,UAAC,CAAC;YACP,OAAA,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAC,SAAS;gBACzB,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,CAAC;gBACxC,SAAS,CAAC,oBAAoB,GAAG,CAAC,CAAC,oBAAoB,CAAC;gBACxD,SAAS,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC;gBACtC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;gBAC1B,SAAS,CAAC,kBAAkB,GAAG,CAAC,CAAC,kBAAkB,CAAC;gBACpD,OAAO,SAAS,CAAC;YAClB,CAAC,CAAC;QAPF,CAOE,CACF,CAAC;QAEH,oDAAoD;QACpD,eAAe,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;QAEnD,sDAAsD;QACtD,IAAM,oBAAoB,GAAG,eAAe,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAEjE,oBAAoB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACnE,oBAAoB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAEpE,IAAM,oBAAoB,GAAG,oBAAoB,CAAC,KAAK,CACtD,eAAe,CACf,CAAC;QACF,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAEtD,IAAM,IAAI,GAAG,IAAI,CAAC;QAClB,wBAAwB,CAAC,IAAI,CAAC,UAAU,EAAgB;gBAAd,8BAAY;YACrD,IAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;YACjE,IAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;YAC3D,IAAA,uBAA6C,EAA5C,mBAAW,EAAE,iBAA+B,CAAC;YAC9C,IAAA,uBAA6C,EAA5C,iBAAS,EAAE,mBAAiC,CAAC;YAE5C,IAAA,+CAAe,CAAmB;YAC1C,IAAM,WAAW,GAAG,eAAe,CAAC,cAAc,EAAE,CAAC;YACrD,IAAM,cAAc,GAAG,UAAC,CAAC,IAAK,OAAA,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC,EAAjC,CAAiC,CAAC;YAChE,IAAM,aAAa,GAAG,UAAC,CAAC,IAAK,OAAA,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,EAAhC,CAAgC,CAAC;YACxD,IAAA,2FAOL,EANA,iBAAS,EACT,iBAKA,CAAC;YAEF,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3B,IACC,YAAY,KAAK,aAAa,CAAC,GAAG;gBAClC,YAAY,KAAK,aAAa,CAAC,MAAM,EACpC;gBACD,KAAK;qBACH,SAAS,CAAC,oBAAoB,CAAC;qBAC/B,UAAU,EAAE;qBACZ,IAAI,CAAC,UAAC,CAAC;oBACP,OAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC;wBACzC,UAAU,EAAE,CAAC;wBACb,IAAI,EAAE,sBAAsB;wBAC5B,OAAO,SAAA;qBACP,CAAC;gBAJF,CAIE,CACF;oBACD,mDAAmD;qBAClD,IAAI,CACJ,GAAG,EACH,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,CACpD;oBACD,wDAAwD;qBACvD,IAAI,CACJ,QAAQ,EACR,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,CACtD;qBACA,IAAI,CAAC,GAAG,EAAE,UAAC,EAA8B;oBAA5B,IAAA,8CAAoB,EAAE,wCAAI;oBACvC,OAAA,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAA;iBAAA,CAClC;qBACA,IAAI,CACJ,OAAO,EACP,UAAC,EAAkD;oBAAhD,IAAA,8CAAoB,EAAE,0CAAkB,EAAE,8DAAI;oBAChD,OAAA,IAAI,CAAC,GAAG,CACP,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC;wBAC/B,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,EACnC,CAAC,CACD,CAAA;iBAAA,CACF;qBACA,KAAK,CAAC,QAAQ,EAAE,UAAC,EAA+B;oBAA7B,IAAA,gBAAK,EAAE,4BAAW,EAAE,2CAAO;oBAC9C,OAAO,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;wBAC7C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;wBAChC,CAAC,CAAC,IAAI,CAAC;gBACT,CAAC,CAAC;qBACD,KAAK,CAAC,kBAAkB,EAAE,MAAM,CAAC;qBACjC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;qBACtD,KAAK,CAAC,cAAc,EAAE,GAAG,CAAC;qBAC1B,KAAK,CAAC,MAAM,EAAE,UAAC,EAA+B;oBAA7B,IAAA,gBAAK,EAAE,4BAAW,EAAE,2CAAO;oBAC5C,OAAO,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;wBAC7C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;wBAChC,CAAC,CAAC,IAAI,CAAC;gBACT,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACN,KAAK;qBACH,SAAS,CAAC,oBAAoB,CAAC;qBAC/B,UAAU,EAAE;qBACZ,IAAI,CAAC,UAAC,CAAC;oBACP,OAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC;wBACzC,UAAU,EAAE,CAAC;wBACb,IAAI,EAAE,sBAAsB;wBAC5B,OAAO,SAAA;qBACP,CAAC;gBAJF,CAIE,CACF;qBACA,IAAI,CAAC,GAAG,EAAE,WAAW,CAAC;qBACtB,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC;qBACnD,IAAI,CAAC,GAAG,EAAE,UAAC,EAA4B;oBAA1B,IAAA,0CAAkB,EAAE,sCAAI;oBACrC,OAAA,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAA;iBAAA,CAChC;qBACA,IAAI,CACJ,QAAQ,EACR,UAAC,EAAkD;oBAAhD,IAAA,8CAAoB,EAAE,0CAAkB,EAAE,8DAAI;oBAChD,OAAA,IAAI,CAAC,GAAG,CACP,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC;wBACjC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,EACjC,CAAC,CACD,CAAA;iBAAA,CACF;qBACA,KAAK,CAAC,QAAQ,EAAE,UAAC,EAA+B;oBAA7B,IAAA,gBAAK,EAAE,4BAAW,EAAE,2CAAO;oBAC9C,OAAO,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;wBAC7C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;wBAChC,CAAC,CAAC,IAAI,CAAC;gBACT,CAAC,CAAC;qBACD,KAAK,CAAC,kBAAkB,EAAE,MAAM,CAAC;qBACjC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;qBACtD,KAAK,CAAC,cAAc,EAAE,GAAG,CAAC;qBAC1B,KAAK,CAAC,MAAM,EAAE,UAAC,EAA+B;oBAA7B,IAAA,gBAAK,EAAE,4BAAW,EAAE,2CAAO;oBAC5C,OAAO,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;wBAC7C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;wBAChC,CAAC,CAAC,IAAI,CAAC;gBACT,CAAC,CAAC,CAAC;aACJ;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACF,gBAAC;AAAD,CAAC,AAxMD,CAA+B,SAAS,GAwMvC","sourcesContent":["import { Component } from '../component';\nimport * as Tools from '../../tools';\nimport { ChartModel } from '../../model/model';\nimport { AxisPositions, RenderTypes, ScaleTypes } from '../../interfaces';\n\n// D3 Imports\n// @ts-ignore\n// ts-ignore is needed because `@types/d3`\n// is missing the `pointer` function\nimport { select } from 'd3-selection';\n\n// Carbon position service\nimport Position from '@carbon/utils-position';\n\nexport class Highlight extends Component {\n\ttype = 'highlight';\n\trenderType = RenderTypes.SVG;\n\n\tlabel: any;\n\n\tpositionService = new Position();\n\thighlightStrokeWidth = 1;\n\n\tconstructor(model: ChartModel, services: any) {\n\t\tsuper(model, services);\n\t}\n\n\trender(animate = false) {\n\t\tconst axesOptions = Tools.getProperty(this.getOptions(), 'axes');\n\t\tconst highlightData = [];\n\n\t\tObject.keys(axesOptions).forEach((axisPosition) => {\n\t\t\tif (Object.values(AxisPositions).includes(axisPosition as any)) {\n\t\t\t\tconst axisOptions = axesOptions[axisPosition];\n\t\t\t\tif (\n\t\t\t\t\taxisOptions.highlights &&\n\t\t\t\t\taxisOptions.highlights.data.length > 0\n\t\t\t\t) {\n\t\t\t\t\thighlightData.push({\n\t\t\t\t\t\taxisPosition,\n\t\t\t\t\t\thighlightStartMapsTo:\n\t\t\t\t\t\t\taxisOptions.highlights.highlightStartMapsTo,\n\t\t\t\t\t\thighlightEndMapsTo:\n\t\t\t\t\t\t\taxisOptions.highlights.highlightEndMapsTo,\n\t\t\t\t\t\tlabelMapsTo: axisOptions.highlights.labelMapsTo,\n\t\t\t\t\t\thighlight: axisOptions.highlights.data,\n\t\t\t\t\t\tcolor: axisOptions.highlights.color,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// Grab container SVG\n\t\tconst svg = this.getComponentContainer({ withinChartClip: true });\n\n\t\t// Update data on all axis highlight groups\n\t\tconst highlightAxisGroups = svg\n\t\t\t.selectAll('g.axis-highlight')\n\t\t\t.data(highlightData, (highlightData) => highlightData.axisPosition);\n\n\t\t// Remove axis highlight groups that are no longer needed\n\t\thighlightAxisGroups.exit().attr('opacity', 0).remove();\n\n\t\t// Add the axis highlight groups that need to be introduced\n\t\tconst highlightAxisGroupsEnter = highlightAxisGroups\n\t\t\t.enter()\n\t\t\t.append('g');\n\n\t\tconst highlightAxisGroupsMerge = highlightAxisGroupsEnter.merge(\n\t\t\thighlightAxisGroups\n\t\t);\n\t\thighlightAxisGroupsMerge.attr(\n\t\t\t'class',\n\t\t\t(d) => `axis-highlight ${d.axisPosition}`\n\t\t);\n\n\t\tconst highlightGroups = highlightAxisGroupsMerge\n\t\t\t.selectAll('g.highlight-group')\n\t\t\t.data((d) =>\n\t\t\t\td.highlight.map((highlight) => {\n\t\t\t\t\thighlight.axisPosition = d.axisPosition;\n\t\t\t\t\thighlight.highlightStartMapsTo = d.highlightStartMapsTo;\n\t\t\t\t\thighlight.labelMapsTo = d.labelMapsTo;\n\t\t\t\t\thighlight.color = d.color;\n\t\t\t\t\thighlight.highlightEndMapsTo = d.highlightEndMapsTo;\n\t\t\t\t\treturn highlight;\n\t\t\t\t})\n\t\t\t);\n\n\t\t// Remove highlight groups that are no longer needed\n\t\thighlightGroups.exit().attr('opacity', 0).remove();\n\n\t\t// Add the highlight groups that need to be introduced\n\t\tconst highlightGroupsEnter = highlightGroups.enter().append('g');\n\n\t\thighlightGroupsEnter.append('rect').attr('class', 'highlight-bar');\n\t\thighlightGroupsEnter.append('line').attr('class', 'highlight-line');\n\n\t\tconst highlightGroupsMerge = highlightGroupsEnter.merge(\n\t\t\thighlightGroups\n\t\t);\n\t\thighlightGroupsMerge.attr('class', 'highlight-group');\n\n\t\tconst self = this;\n\t\thighlightAxisGroupsMerge.each(function ({ axisPosition }) {\n\t\t\tconst mainXScale = self.services.cartesianScales.getMainXScale();\n\t\t\tconst mainYScale = self.services.cartesianScales.getMainYScale();\n\t\t\tconst [xScaleStart, xScaleEnd] = mainXScale.range();\n\t\t\tconst [yScaleEnd, yScaleStart] = mainYScale.range();\n\n\t\t\tconst { cartesianScales } = self.services;\n\t\t\tconst orientation = cartesianScales.getOrientation();\n\t\t\tconst getDomainValue = (d) => cartesianScales.getDomainValue(d);\n\t\t\tconst getRangeValue = (d) => cartesianScales.getRangeValue(d);\n\t\t\tconst [\n\t\t\t\tgetXValue,\n\t\t\t\tgetYValue,\n\t\t\t] = Tools.flipDomainAndRangeBasedOnOrientation(\n\t\t\t\tgetDomainValue,\n\t\t\t\tgetRangeValue,\n\t\t\t\torientation\n\t\t\t);\n\n\t\t\tconst group = select(this);\n\t\t\tif (\n\t\t\t\taxisPosition === AxisPositions.TOP ||\n\t\t\t\taxisPosition === AxisPositions.BOTTOM\n\t\t\t) {\n\t\t\t\tgroup\n\t\t\t\t\t.selectAll('rect.highlight-bar')\n\t\t\t\t\t.transition()\n\t\t\t\t\t.call((t) =>\n\t\t\t\t\t\tself.services.transitions.setupTransition({\n\t\t\t\t\t\t\ttransition: t,\n\t\t\t\t\t\t\tname: 'highlight-bar-update',\n\t\t\t\t\t\t\tanimate,\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t\t// Stroke width added to stop overflow of highlight\n\t\t\t\t\t.attr(\n\t\t\t\t\t\t'y',\n\t\t\t\t\t\tMath.max(yScaleStart + self.highlightStrokeWidth, 0)\n\t\t\t\t\t)\n\t\t\t\t\t// Stroke width subtracted to stop overflow of highlight\n\t\t\t\t\t.attr(\n\t\t\t\t\t\t'height',\n\t\t\t\t\t\tMath.max(yScaleEnd - 2 * self.highlightStrokeWidth, 0)\n\t\t\t\t\t)\n\t\t\t\t\t.attr('x', ({ highlightStartMapsTo, ...d }) =>\n\t\t\t\t\t\tgetXValue(d[highlightStartMapsTo])\n\t\t\t\t\t)\n\t\t\t\t\t.attr(\n\t\t\t\t\t\t'width',\n\t\t\t\t\t\t({ highlightStartMapsTo, highlightEndMapsTo, ...d }) =>\n\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\tgetXValue(d[highlightEndMapsTo]) -\n\t\t\t\t\t\t\t\t\tgetXValue(d[highlightStartMapsTo]),\n\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t\t.style('stroke', ({ color, labelMapsTo, ...data }) => {\n\t\t\t\t\t\treturn color && color.scale[data[labelMapsTo]]\n\t\t\t\t\t\t\t? color.scale[data[labelMapsTo]]\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t})\n\t\t\t\t\t.style('stroke-dasharray', '2, 2')\n\t\t\t\t\t.attr('stroke-width', self.highlightStrokeWidth + 'px')\n\t\t\t\t\t.style('fill-opacity', 0.1)\n\t\t\t\t\t.style('fill', ({ color, labelMapsTo, ...data }) => {\n\t\t\t\t\t\treturn color && color.scale[data[labelMapsTo]]\n\t\t\t\t\t\t\t? color.scale[data[labelMapsTo]]\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tgroup\n\t\t\t\t\t.selectAll('rect.highlight-bar')\n\t\t\t\t\t.transition()\n\t\t\t\t\t.call((t) =>\n\t\t\t\t\t\tself.services.transitions.setupTransition({\n\t\t\t\t\t\t\ttransition: t,\n\t\t\t\t\t\t\tname: 'highlight-bar-update',\n\t\t\t\t\t\t\tanimate,\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t\t.attr('x', xScaleStart)\n\t\t\t\t\t.attr('width', Math.max(xScaleEnd - xScaleStart, 0))\n\t\t\t\t\t.attr('y', ({ highlightEndMapsTo, ...d }) =>\n\t\t\t\t\t\tgetYValue(d[highlightEndMapsTo])\n\t\t\t\t\t)\n\t\t\t\t\t.attr(\n\t\t\t\t\t\t'height',\n\t\t\t\t\t\t({ highlightStartMapsTo, highlightEndMapsTo, ...d }) =>\n\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\tgetYValue(d[highlightStartMapsTo]) -\n\t\t\t\t\t\t\t\t\tgetYValue(d[highlightEndMapsTo]),\n\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t\t.style('stroke', ({ color, labelMapsTo, ...data }) => {\n\t\t\t\t\t\treturn color && color.scale[data[labelMapsTo]]\n\t\t\t\t\t\t\t? color.scale[data[labelMapsTo]]\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t})\n\t\t\t\t\t.style('stroke-dasharray', '2, 2')\n\t\t\t\t\t.attr('stroke-width', self.highlightStrokeWidth + 'px')\n\t\t\t\t\t.style('fill-opacity', 0.1)\n\t\t\t\t\t.style('fill', ({ color, labelMapsTo, ...data }) => {\n\t\t\t\t\t\treturn color && color.scale[data[labelMapsTo]]\n\t\t\t\t\t\t\t? color.scale[data[labelMapsTo]]\n\t\t\t\t\t\t\t: null;\n\t\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n}\n"]}

package/components/essentials/legend.d.ts

@@ -1,11 +0,0 @@
-import { Component } from '../component';
-import { RenderTypes } from '../../interfaces';
-export declare class Legend extends Component {
-    type: string;
-    renderType: RenderTypes;
-    render(): void;
-    sortDataGroups(dataGroups: any, legendOrder: any): any;
-    addAdditionalItem(additionalItem: any, itemConfig: any, indexOfItem: any): void;
-    truncateLegendText(): void;
-    addEventListeners(): void;
-}