@carbon/charts 1.8.0 → 1.9.0-next.1.0

package/components/graphs/treemap.js

@@ -1,344 +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 { Events, ColorClassNameTypes, RenderTypes } from '../../interfaces';
-import * as Tools from '../../tools';
-// D3 Imports
-import { hierarchy as d3Hierarchy, treemap as d3Treemap } from 'd3-hierarchy';
-import { hsl, color } from 'd3-color';
-import { select } from 'd3-selection';
-// Carbon colors
-import { colors } from '@carbon/colors';
-var findColorShade = function (hex) {
-    if (!hex) {
-        return null;
-    }
-    for (var _i = 0, _a = Object.keys(colors); _i < _a.length; _i++) {
-        var colorName = _a[_i];
-        var colorShades = colors[colorName];
-        for (var _b = 0, _c = Object.keys(colorShades); _b < _c.length; _b++) {
-            var colorShadeLevel = _c[_b];
-            var colorShade = colorShades[colorShadeLevel];
-            if (colorShade === hex) {
-                return colorShadeLevel;
-            }
-        }
-    }
-    return null;
-};
-var textFillColor = function () {
-    var correspondingLeaf = select(this.parentNode).select('rect.leaf');
-    var correspondingLeafFill = getComputedStyle(correspondingLeaf.node(), null).getPropertyValue('fill');
-    var cl = color(correspondingLeafFill);
-    var colorShade;
-    if (cl) {
-        colorShade = findColorShade(cl ? cl.hex() : null);
-    }
-    if (colorShade === null || colorShade === undefined) {
-        var lightness = hsl(cl).l;
-        colorShade = Math.abs(lightness * 100 - 100);
-    }
-    return colorShade > 50 ? 'white' : 'black';
-};
-var uidCounter = 0;
-var Treemap = /** @class */ (function (_super) {
-    __extends(Treemap, _super);
-    function Treemap() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = 'treemap';
-        _this.renderType = RenderTypes.SVG;
-        _this.handleLegendOnHover = function (event) {
-            var hoveredElement = event.detail.hoveredElement;
-            _this.parent
-                .selectAll("g[data-name='leaf']")
-                .transition('legend-hover-treemap')
-                .call(function (t) {
-                return _this.services.transitions.setupTransition({
-                    transition: t,
-                    name: 'legend-hover-treemap',
-                });
-            })
-                .attr('opacity', function (d) {
-                return d.parent.data.name === hoveredElement.datum()['name'] ? 1 : 0.3;
-            });
-        };
-        _this.handleLegendMouseOut = function (event) {
-            _this.parent
-                .selectAll("g[data-name='leaf']")
-                .transition('legend-mouseout-treemap')
-                .call(function (t) {
-                return _this.services.transitions.setupTransition({
-                    transition: t,
-                    name: 'legend-mouseout-treemap',
-                });
-            })
-                .attr('opacity', 1);
-        };
-        return _this;
-    }
-    Treemap.prototype.init = function () {
-        var events = this.services.events;
-        // Highlight correct circle on legend item hovers
-        events.addEventListener(Events.Legend.ITEM_HOVER, this.handleLegendOnHover);
-        // Un-highlight circles on legend item mouseouts
-        events.addEventListener(Events.Legend.ITEM_MOUSEOUT, this.handleLegendMouseOut);
-    };
-    Treemap.prototype.render = function (animate) {
-        var _this = this;
-        if (animate === void 0) { animate = true; }
-        var svg = this.getComponentContainer();
-        var allData = this.model.getData();
-        var displayData = this.model.getDisplayData();
-        var options = this.model.getOptions();
-        var windowLocation = Tools.getProperty(window, 'location');
-        var _a = DOMUtils.getSVGElementSize(svg, {
-            useAttrs: true,
-        }), width = _a.width, height = _a.height;
-        var hierarchy = d3Hierarchy({
-            name: options.title || 'Treemap',
-            children: displayData,
-        })
-            .sum(function (d) { return d.value; })
-            .sort(function (a, b) { return b.value - a.value; });
-        var root = d3Treemap()
-            .size([width, height])
-            .paddingInner(1)
-            .paddingOuter(0)
-            .round(true)(hierarchy);
-        var transitions = this.services.transitions;
-        var leafGroups = svg
-            .selectAll("g[data-name='leaf']")
-            .data(root.leaves(), function (leaf) { return leaf.data.name; });
-        // Remove leaf groups that need to be removed
-        leafGroups.exit().attr('opacity', 0).remove();
-        // Add the leaf groups that need to be introduced
-        var enteringLeafGroups = leafGroups
-            .enter()
-            .append('g')
-            .attr('data-name', 'leaf')
-            .attr('data-uid', function () { return uidCounter++; });
-        var allLeafGroups = enteringLeafGroups.merge(leafGroups);
-        allLeafGroups
-            .attr('data-name', 'leaf')
-            .transition()
-            .call(function (t) {
-            return _this.services.transitions.setupTransition({
-                transition: t,
-                name: 'treemap-group-update',
-                animate: animate,
-            });
-        })
-            .attr('transform', function (d) { return "translate(" + d.x0 + "," + d.y0 + ")"; });
-        var rects = allLeafGroups.selectAll('rect.leaf').data(function (d) { return [d]; });
-        rects.exit().attr('width', 0).attr('height', 0).remove();
-        var enteringRects = rects
-            .enter()
-            .append('rect')
-            .classed('leaf', true);
-        enteringRects
-            .merge(rects)
-            .attr('width', 0)
-            .attr('height', 0)
-            .attr('id', function () {
-            var uid = select(this.parentNode).attr('data-uid');
-            return options.style.prefix + "-leaf-" + uid;
-        })
-            .attr('class', function (d) {
-            while (d.depth > 1)
-                d = d.parent;
-            return _this.model.getColorClassName({
-                classNameTypes: [ColorClassNameTypes.FILL],
-                dataGroupName: d.data.name,
-                originalClassName: 'leaf',
-            });
-        })
-            .transition()
-            .call(function (t) {
-            return _this.services.transitions.setupTransition({
-                transition: t,
-                name: 'treemap-leaf-update-enter',
-                animate: animate,
-            });
-        })
-            .attr('width', function (d) { return d.x1 - d.x0; })
-            .attr('height', function (d) { return d.y1 - d.y0; })
-            .style('fill', function (d) {
-            while (d.depth > 1)
-                d = d.parent;
-            return _this.model.getFillColor(d.data.name);
-        });
-        // Update all clip paths
-        allLeafGroups
-            .selectAll('clipPath')
-            .data(function (d) {
-            if (d.data.showLabel !== true) {
-                return [];
-            }
-            return [1];
-        }, function (d) { return d; })
-            .join(function (enter) {
-            enter
-                .append('clipPath')
-                .attr('id', function () {
-                var uid = select(this.parentNode).attr('data-uid');
-                return options.style.prefix + "-clip-" + uid;
-            })
-                .append('use')
-                .attr('xlink:href', function () {
-                var uid = select(this.parentNode.parentNode).attr('data-uid');
-                var leafID = options.style.prefix + "-leaf-" + uid;
-                return new URL("#" + leafID, windowLocation) + '';
-            });
-        }, function (update) { return null; }, function (exit) { return exit.remove(); });
-        // Update all titles
-        allLeafGroups
-            .selectAll('text')
-            .data(function (d) {
-            if (d.data.showLabel !== true) {
-                return [];
-            }
-            var parent = d;
-            while (parent.depth > 1)
-                parent = parent.parent;
-            var color = hsl(_this.model.getFillColor(parent.data.name));
-            return [
-                {
-                    text: d.data.name,
-                    color: color.l < 0.5 ? 'white' : 'black',
-                },
-            ];
-        }, function (d) { return d; })
-            .join(function (enter) {
-            var addedText = enter
-                .append('text')
-                .text(function (d) { return d.text; })
-                .style('fill', textFillColor)
-                .attr('x', 7)
-                .attr('y', 18);
-            if (windowLocation) {
-                addedText.attr('clip-path', function () {
-                    var uid = select(this.parentNode).attr('data-uid');
-                    var clipPathID = options.style.prefix + "-clip-" + uid;
-                    return "url(" + (new URL("#" + clipPathID, windowLocation) + '') + ")";
-                });
-            }
-        }, function (update) {
-            return update.text(function (d) { return d.text; }).style('fill', textFillColor);
-        }, function (exit) { return exit.remove(); });
-        // Add event listeners to elements drawn
-        this.addEventListeners();
-    };
-    Treemap.prototype.addEventListeners = function () {
-        var self = this;
-        this.parent
-            .selectAll('rect.leaf')
-            .on('mouseover', function (event, datum) {
-            var hoveredElement = select(this);
-            var fillColor = getComputedStyle(this, null).getPropertyValue('fill');
-            var parent = datum;
-            while (parent.depth > 1)
-                parent = parent.parent;
-            hoveredElement
-                .transition('graph_element_mouseover_fill_update')
-                .call(function (t) {
-                return self.services.transitions.setupTransition({
-                    transition: t,
-                    name: 'graph_element_mouseover_fill_update',
-                });
-            })
-                .style('fill', function (d) {
-                var customColor = self.model.getFillColor(d.parent.data.name);
-                if (customColor) {
-                    fillColor = customColor;
-                }
-                return color(fillColor).darker(0.7).toString();
-            });
-            // Show tooltip
-            self.services.events.dispatchEvent(Events.Tooltip.SHOW, {
-                event: event,
-                hoveredElement: hoveredElement,
-                items: [
-                    {
-                        color: fillColor,
-                        label: parent.data.name,
-                        bold: true,
-                    },
-                    {
-                        label: datum.data.name,
-                        value: datum.data.value,
-                    },
-                ],
-            });
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.Treemap.LEAF_MOUSEOVER, {
-                event: event,
-                element: hoveredElement,
-                datum: datum,
-            });
-        })
-            .on('mousemove', function (event, datum) {
-            var hoveredElement = select(this);
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.Treemap.LEAF_MOUSEMOVE, {
-                event: event,
-                element: hoveredElement,
-                datum: datum,
-            });
-            self.services.events.dispatchEvent(Events.Tooltip.MOVE, {
-                event: event,
-            });
-        })
-            .on('click', function (event, datum) {
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.Treemap.LEAF_CLICK, {
-                event: event,
-                element: select(this),
-                datum: datum,
-            });
-        })
-            .on('mouseout', function (event, datum) {
-            var hoveredElement = select(this);
-            hoveredElement.classed('hovered', false);
-            var parent = datum;
-            while (parent.depth > 1)
-                parent = parent.parent;
-            hoveredElement
-                .transition()
-                .call(function (t) {
-                return self.services.transitions.setupTransition({
-                    transition: t,
-                    name: 'graph_element_mouseout_fill_update',
-                });
-            })
-                .style('fill', function (d) {
-                return self.model.getFillColor(d.parent.data.name);
-            });
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.Treemap.LEAF_MOUSEOUT, {
-                event: event,
-                element: hoveredElement,
-                datum: datum,
-            });
-            // Hide tooltip
-            self.services.events.dispatchEvent(Events.Tooltip.HIDE, {
-                hoveredElement: hoveredElement,
-            });
-        });
-    };
-    return Treemap;
-}(Component));
-export { Treemap };
-//# sourceMappingURL=../../../src/components/graphs/treemap.js.map

package/components/graphs/treemap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"treemap.js","sourceRoot":"","sources":["treemap.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport { Component } from '../component';\nimport { DOMUtils } from '../../services';\nimport { Events, ColorClassNameTypes, RenderTypes } from '../../interfaces';\nimport * as Tools from '../../tools';\n\n// D3 Imports\nimport { hierarchy as d3Hierarchy, treemap as d3Treemap } from 'd3-hierarchy';\nimport { sum } from 'd3-array';\nimport { hsl, color } from 'd3-color';\nimport { select } from 'd3-selection';\n\n// Carbon colors\nimport { colors } from '@carbon/colors';\n\nconst findColorShade = (hex) => {\n\tif (!hex) {\n\t\treturn null;\n\t}\n\n\tfor (let colorName of Object.keys(colors)) {\n\t\tconst colorShades = colors[colorName];\n\n\t\tfor (let colorShadeLevel of Object.keys(colorShades)) {\n\t\t\tconst colorShade = colorShades[colorShadeLevel];\n\n\t\t\tif (colorShade === hex) {\n\t\t\t\treturn colorShadeLevel;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn null;\n};\n\nconst textFillColor = function () {\n\tconst correspondingLeaf = select(this.parentNode).select(\n\t\t'rect.leaf'\n\t) as any;\n\tconst correspondingLeafFill = getComputedStyle(\n\t\tcorrespondingLeaf.node(),\n\t\tnull\n\t).getPropertyValue('fill');\n\tconst cl = color(correspondingLeafFill) as any;\n\n\tlet colorShade;\n\tif (cl) {\n\t\tcolorShade = findColorShade(cl ? cl.hex() : null);\n\t}\n\n\tif (colorShade === null || colorShade === undefined) {\n\t\tconst lightness = hsl(cl).l;\n\t\tcolorShade = Math.abs(lightness * 100 - 100);\n\t}\n\n\treturn colorShade > 50 ? 'white' : 'black';\n};\n\nlet uidCounter = 0;\nexport class Treemap extends Component {\n\ttype = 'treemap';\n\trenderType = RenderTypes.SVG;\n\n\tinit() {\n\t\tconst { events } = this.services;\n\t\t// Highlight correct circle on legend item hovers\n\t\tevents.addEventListener(\n\t\t\tEvents.Legend.ITEM_HOVER,\n\t\t\tthis.handleLegendOnHover\n\t\t);\n\t\t// Un-highlight circles on legend item mouseouts\n\t\tevents.addEventListener(\n\t\t\tEvents.Legend.ITEM_MOUSEOUT,\n\t\t\tthis.handleLegendMouseOut\n\t\t);\n\t}\n\n\trender(animate = true) {\n\t\tconst svg = this.getComponentContainer();\n\n\t\tconst allData = this.model.getData();\n\t\tconst displayData = this.model.getDisplayData();\n\t\tconst options = this.model.getOptions();\n\n\t\tconst windowLocation = Tools.getProperty(window, 'location');\n\n\t\tconst { width, height } = DOMUtils.getSVGElementSize(svg, {\n\t\t\tuseAttrs: true,\n\t\t});\n\n\t\tconst hierarchy = d3Hierarchy({\n\t\t\tname: options.title || 'Treemap',\n\t\t\tchildren: displayData,\n\t\t})\n\t\t\t.sum((d: any) => d.value)\n\t\t\t.sort((a, b) => b.value - a.value);\n\n\t\tconst root = d3Treemap()\n\t\t\t.size([width, height])\n\t\t\t.paddingInner(1)\n\t\t\t.paddingOuter(0)\n\t\t\t.round(true)(hierarchy);\n\t\tconst { transitions } = this.services;\n\n\t\tconst leafGroups = svg\n\t\t\t.selectAll(\"g[data-name='leaf']\")\n\t\t\t.data(root.leaves(), (leaf) => leaf.data.name);\n\n\t\t// Remove leaf groups that need to be removed\n\t\tleafGroups.exit().attr('opacity', 0).remove();\n\n\t\t// Add the leaf groups that need to be introduced\n\t\tconst enteringLeafGroups = leafGroups\n\t\t\t.enter()\n\t\t\t.append('g')\n\t\t\t.attr('data-name', 'leaf')\n\t\t\t.attr('data-uid', () => uidCounter++);\n\n\t\tconst allLeafGroups = enteringLeafGroups.merge(leafGroups);\n\n\t\tallLeafGroups\n\t\t\t.attr('data-name', 'leaf')\n\t\t\t.transition()\n\t\t\t.call((t) =>\n\t\t\t\tthis.services.transitions.setupTransition({\n\t\t\t\t\ttransition: t,\n\t\t\t\t\tname: 'treemap-group-update',\n\t\t\t\t\tanimate,\n\t\t\t\t})\n\t\t\t)\n\t\t\t.attr('transform', (d) => `translate(${d.x0},${d.y0})`);\n\n\t\tconst rects = allLeafGroups.selectAll('rect.leaf').data((d) => [d]);\n\n\t\trects.exit().attr('width', 0).attr('height', 0).remove();\n\n\t\tconst enteringRects = rects\n\t\t\t.enter()\n\t\t\t.append('rect')\n\t\t\t.classed('leaf', true);\n\n\t\tenteringRects\n\t\t\t.merge(rects)\n\t\t\t.attr('width', 0)\n\t\t\t.attr('height', 0)\n\t\t\t.attr('id', function () {\n\t\t\t\tconst uid = select(this.parentNode).attr('data-uid');\n\t\t\t\treturn `${options.style.prefix}-leaf-${uid}`;\n\t\t\t})\n\t\t\t.attr('class', (d) => {\n\t\t\t\twhile (d.depth > 1) d = d.parent;\n\n\t\t\t\treturn this.model.getColorClassName({\n\t\t\t\t\tclassNameTypes: [ColorClassNameTypes.FILL],\n\t\t\t\t\tdataGroupName: d.data.name,\n\t\t\t\t\toriginalClassName: 'leaf',\n\t\t\t\t});\n\t\t\t})\n\t\t\t.transition()\n\t\t\t.call((t) =>\n\t\t\t\tthis.services.transitions.setupTransition({\n\t\t\t\t\ttransition: t,\n\t\t\t\t\tname: 'treemap-leaf-update-enter',\n\t\t\t\t\tanimate,\n\t\t\t\t})\n\t\t\t)\n\t\t\t.attr('width', (d) => d.x1 - d.x0)\n\t\t\t.attr('height', (d) => d.y1 - d.y0)\n\t\t\t.style('fill', (d) => {\n\t\t\t\twhile (d.depth > 1) d = d.parent;\n\t\t\t\treturn this.model.getFillColor(d.data.name);\n\t\t\t});\n\n\t\t// Update all clip paths\n\t\tallLeafGroups\n\t\t\t.selectAll('clipPath')\n\t\t\t.data(\n\t\t\t\t(d) => {\n\t\t\t\t\tif (d.data.showLabel !== true) {\n\t\t\t\t\t\treturn [];\n\t\t\t\t\t}\n\n\t\t\t\t\treturn [1];\n\t\t\t\t},\n\t\t\t\t(d) => d\n\t\t\t)\n\t\t\t.join(\n\t\t\t\t(enter) => {\n\t\t\t\t\tenter\n\t\t\t\t\t\t.append('clipPath')\n\t\t\t\t\t\t.attr('id', function () {\n\t\t\t\t\t\t\tconst uid = select(this.parentNode).attr(\n\t\t\t\t\t\t\t\t'data-uid'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn `${options.style.prefix}-clip-${uid}`;\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.append('use')\n\t\t\t\t\t\t.attr('xlink:href', function () {\n\t\t\t\t\t\t\tconst uid = select(this.parentNode.parentNode).attr(\n\t\t\t\t\t\t\t\t'data-uid'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tconst leafID = `${options.style.prefix}-leaf-${uid}`;\n\n\t\t\t\t\t\t\treturn new URL(`#${leafID}`, windowLocation) + '';\n\t\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\t(update) => null,\n\t\t\t\t(exit) => exit.remove()\n\t\t\t);\n\n\t\t// Update all titles\n\t\tallLeafGroups\n\t\t\t.selectAll('text')\n\t\t\t.data(\n\t\t\t\t(d) => {\n\t\t\t\t\tif (d.data.showLabel !== true) {\n\t\t\t\t\t\treturn [];\n\t\t\t\t\t}\n\n\t\t\t\t\tlet parent = d;\n\t\t\t\t\twhile (parent.depth > 1) parent = parent.parent;\n\t\t\t\t\tconst color = hsl(\n\t\t\t\t\t\tthis.model.getFillColor(parent.data.name)\n\t\t\t\t\t);\n\t\t\t\t\treturn [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: d.data.name,\n\t\t\t\t\t\t\tcolor: color.l < 0.5 ? 'white' : 'black',\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t},\n\t\t\t\t(d) => d\n\t\t\t)\n\t\t\t.join(\n\t\t\t\t(enter) => {\n\t\t\t\t\tconst addedText = enter\n\t\t\t\t\t\t.append('text')\n\t\t\t\t\t\t.text((d) => d.text)\n\t\t\t\t\t\t.style('fill', textFillColor)\n\t\t\t\t\t\t.attr('x', 7)\n\t\t\t\t\t\t.attr('y', 18);\n\n\t\t\t\t\tif (windowLocation) {\n\t\t\t\t\t\taddedText.attr('clip-path', function () {\n\t\t\t\t\t\t\tconst uid = select(this.parentNode).attr(\n\t\t\t\t\t\t\t\t'data-uid'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tconst clipPathID = `${options.style.prefix}-clip-${uid}`;\n\n\t\t\t\t\t\t\treturn `url(${\n\t\t\t\t\t\t\t\tnew URL(`#${clipPathID}`, windowLocation) + ''\n\t\t\t\t\t\t\t})`;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t(update) =>\n\t\t\t\t\tupdate.text((d) => d.text).style('fill', textFillColor),\n\t\t\t\t(exit) => exit.remove()\n\t\t\t);\n\n\t\t// Add event listeners to elements drawn\n\t\tthis.addEventListeners();\n\t}\n\n\taddEventListeners() {\n\t\tconst self = this;\n\t\tthis.parent\n\t\t\t.selectAll('rect.leaf')\n\t\t\t.on('mouseover', function (event, datum) {\n\t\t\t\tconst hoveredElement = select(this);\n\t\t\t\tlet fillColor = getComputedStyle(this, null).getPropertyValue(\n\t\t\t\t\t'fill'\n\t\t\t\t);\n\n\t\t\t\tlet parent = datum;\n\t\t\t\twhile (parent.depth > 1) parent = parent.parent;\n\n\t\t\t\thoveredElement\n\t\t\t\t\t.transition('graph_element_mouseover_fill_update')\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: 'graph_element_mouseover_fill_update',\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t\t.style('fill', (d: any) => {\n\t\t\t\t\t\tconst customColor = self.model.getFillColor(\n\t\t\t\t\t\t\td.parent.data.name\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (customColor) {\n\t\t\t\t\t\t\tfillColor = customColor;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn color(fillColor).darker(0.7).toString();\n\t\t\t\t\t});\n\n\t\t\t\t// Show tooltip\n\t\t\t\tself.services.events.dispatchEvent(Events.Tooltip.SHOW, {\n\t\t\t\t\tevent,\n\t\t\t\t\thoveredElement,\n\t\t\t\t\titems: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolor: fillColor,\n\t\t\t\t\t\t\tlabel: parent.data.name,\n\t\t\t\t\t\t\tbold: true,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: datum.data.name,\n\t\t\t\t\t\t\tvalue: datum.data.value,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t});\n\n\t\t\t\t// Dispatch mouse event\n\t\t\t\tself.services.events.dispatchEvent(\n\t\t\t\t\tEvents.Treemap.LEAF_MOUSEOVER,\n\t\t\t\t\t{\n\t\t\t\t\t\tevent,\n\t\t\t\t\t\telement: hoveredElement,\n\t\t\t\t\t\tdatum,\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t})\n\t\t\t.on('mousemove', function (event, datum) {\n\t\t\t\tconst hoveredElement = select(this);\n\n\t\t\t\t// Dispatch mouse event\n\t\t\t\tself.services.events.dispatchEvent(\n\t\t\t\t\tEvents.Treemap.LEAF_MOUSEMOVE,\n\t\t\t\t\t{\n\t\t\t\t\t\tevent,\n\t\t\t\t\t\telement: hoveredElement,\n\t\t\t\t\t\tdatum,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\tself.services.events.dispatchEvent(Events.Tooltip.MOVE, {\n\t\t\t\t\tevent,\n\t\t\t\t});\n\t\t\t})\n\t\t\t.on('click', function (event, datum) {\n\t\t\t\t// Dispatch mouse event\n\t\t\t\tself.services.events.dispatchEvent(Events.Treemap.LEAF_CLICK, {\n\t\t\t\t\tevent,\n\t\t\t\t\telement: select(this),\n\t\t\t\t\tdatum,\n\t\t\t\t});\n\t\t\t})\n\t\t\t.on('mouseout', function (event, datum) {\n\t\t\t\tconst hoveredElement = select(this);\n\t\t\t\thoveredElement.classed('hovered', false);\n\n\t\t\t\tlet parent = datum;\n\t\t\t\twhile (parent.depth > 1) parent = parent.parent;\n\n\t\t\t\thoveredElement\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: 'graph_element_mouseout_fill_update',\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t\t.style('fill', (d: any) =>\n\t\t\t\t\t\tself.model.getFillColor(d.parent.data.name)\n\t\t\t\t\t);\n\n\t\t\t\t// Dispatch mouse event\n\t\t\t\tself.services.events.dispatchEvent(\n\t\t\t\t\tEvents.Treemap.LEAF_MOUSEOUT,\n\t\t\t\t\t{\n\t\t\t\t\t\tevent,\n\t\t\t\t\t\telement: hoveredElement,\n\t\t\t\t\t\tdatum,\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\t// Hide tooltip\n\t\t\t\tself.services.events.dispatchEvent(Events.Tooltip.HIDE, {\n\t\t\t\t\thoveredElement,\n\t\t\t\t});\n\t\t\t});\n\t}\n\n\thandleLegendOnHover = (event: CustomEvent) => {\n\t\tconst { hoveredElement } = event.detail;\n\n\t\tthis.parent\n\t\t\t.selectAll(\"g[data-name='leaf']\")\n\t\t\t.transition('legend-hover-treemap')\n\t\t\t.call((t) =>\n\t\t\t\tthis.services.transitions.setupTransition({\n\t\t\t\t\ttransition: t,\n\t\t\t\t\tname: 'legend-hover-treemap',\n\t\t\t\t})\n\t\t\t)\n\t\t\t.attr('opacity', (d) =>\n\t\t\t\td.parent.data.name === hoveredElement.datum()['name'] ? 1 : 0.3\n\t\t\t);\n\t};\n\n\thandleLegendMouseOut = (event: CustomEvent) => {\n\t\tthis.parent\n\t\t\t.selectAll(\"g[data-name='leaf']\")\n\t\t\t.transition('legend-mouseout-treemap')\n\t\t\t.call((t) =>\n\t\t\t\tthis.services.transitions.setupTransition({\n\t\t\t\t\ttransition: t,\n\t\t\t\t\tname: 'legend-mouseout-treemap',\n\t\t\t\t})\n\t\t\t)\n\t\t\t.attr('opacity', 1);\n\t};\n}\n"]}

package/components/graphs/wordcloud.d.ts

@@ -1,12 +0,0 @@
-import { Component } from '../component';
-import { RenderTypes } from '../../interfaces';
-export declare class WordCloud extends Component {
-    type: string;
-    renderType: RenderTypes;
-    init(): void;
-    render(animate?: boolean): void;
-    getFontSizeScale(data: any): import("d3-scale").ScaleLinear<number, number, never>;
-    handleLegendOnHover: (event: CustomEvent<any>) => void;
-    handleLegendMouseOut: (event: CustomEvent<any>) => void;
-    addEventListeners(): void;
-}

package/components/graphs/wordcloud.js

@@ -1,268 +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 { Events, ColorClassNameTypes, RenderTypes } from '../../interfaces';
-import * as Tools from '../../tools';
-// D3 Imports
-import { select } from 'd3-selection';
-import { scaleLinear } from 'd3-scale';
-import { extent } from 'd3-array';
-import cloud from 'd3-cloud';
-var WordCloud = /** @class */ (function (_super) {
-    __extends(WordCloud, _super);
-    function WordCloud() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = 'wordcloud';
-        _this.renderType = RenderTypes.SVG;
-        // Highlight elements that match the hovered legend item
-        _this.handleLegendOnHover = function (event) {
-            var hoveredElement = event.detail.hoveredElement;
-            var groupMapsTo = _this.getOptions().data.groupMapsTo;
-            _this.parent
-                .selectAll('text.word')
-                .transition('legend-hover-wordcloud')
-                .call(function (t) {
-                return _this.services.transitions.setupTransition({
-                    transition: t,
-                    name: 'legend-hover-wordcloud',
-                });
-            })
-                .attr('opacity', function (d) {
-                return d[groupMapsTo] !== hoveredElement.datum()['name'] ? 0.3 : 1;
-            });
-        };
-        // Un-highlight all elements
-        _this.handleLegendMouseOut = function (event) {
-            _this.parent
-                .selectAll('text.word')
-                .transition('legend-mouseout-wordcloud')
-                .call(function (t) {
-                return _this.services.transitions.setupTransition({
-                    transition: t,
-                    name: 'legend-mouseout-wordcloud',
-                });
-            })
-                .attr('opacity', 1);
-        };
-        return _this;
-    }
-    WordCloud.prototype.init = function () {
-        var eventsFragment = this.services.events;
-        // Highlight correct words on legend item hovers
-        eventsFragment.addEventListener(Events.Legend.ITEM_HOVER, this.handleLegendOnHover);
-        // Un-highlight words on legend item mouseouts
-        eventsFragment.addEventListener(Events.Legend.ITEM_MOUSEOUT, this.handleLegendMouseOut);
-    };
-    WordCloud.prototype.render = function (animate) {
-        if (animate === void 0) { animate = true; }
-        var self = this;
-        var svg = this.getComponentContainer()
-            .attr('width', '100%')
-            .attr('height', '100%');
-        var displayData = this.model.getDisplayData();
-        var fontSizeScale = this.getFontSizeScale(displayData);
-        var options = this.getOptions();
-        var _a = options.wordCloud, fontSizeMapsTo = _a.fontSizeMapsTo, wordMapsTo = _a.wordMapsTo;
-        var groupMapsTo = options.data.groupMapsTo;
-        var _b = DOMUtils.getSVGElementSize(svg, {
-            useAttrs: true,
-        }), width = _b.width, height = _b.height;
-        if (width === 0 || height === 0) {
-            return;
-        }
-        var layout = cloud()
-            .size([width, height])
-            .words(displayData.map(function (d) {
-            var _a;
-            var value = d[fontSizeMapsTo];
-            if (typeof d[fontSizeMapsTo] !== 'number') {
-                throw Error('Badly formatted WordCloud data. `value` should only be an integer or float');
-            }
-            return _a = {},
-                _a[groupMapsTo] = d[groupMapsTo],
-                _a.text = d[wordMapsTo],
-                _a.size = value,
-                _a.value = value,
-                _a;
-        }))
-            .padding(5)
-            .rotate(0)
-            .fontSize(function (d) { return fontSizeScale(d.size); })
-            .on('end', draw);
-        layout.start();
-        function draw(words) {
-            var textGroup = DOMUtils.appendOrSelect(svg, 'g.words');
-            textGroup.attr('transform', "translate(" + layout.size()[0] / 2 + ", " + layout.size()[1] / 2 + ")");
-            var allText = textGroup
-                .selectAll('text')
-                .data(words, function (d) { return d[groupMapsTo] + "-" + d.text; });
-            // Remove texts that are no longer needed
-            allText.exit().attr('opacity', 0).remove();
-            var enteringText = allText
-                .enter()
-                .append('text')
-                .attr('opacity', 0);
-            enteringText
-                .merge(allText)
-                .style('font-size', function (d) { return d.size + "px"; })
-                .text(function (d) {
-                return d.text;
-            })
-                .attr('class', function (d) {
-                return self.model.getColorClassName({
-                    classNameTypes: [ColorClassNameTypes.FILL],
-                    dataGroupName: d[groupMapsTo],
-                    originalClassName: "word " + (d.size > 32 ? 'light' : ''),
-                });
-            })
-                .style('fill', function (d) {
-                return self.model.getFillColor(d[groupMapsTo], d.text, d);
-            })
-                .attr('text-anchor', 'middle')
-                .transition()
-                .call(function (t) {
-                return self.services.transitions.setupTransition({
-                    transition: t,
-                    name: 'wordcloud-text-update-enter',
-                    animate: animate,
-                });
-            })
-                .attr('transform', function (d) { return "translate(" + d.x + ", " + d.y + ")"; })
-                .attr('opacity', 1);
-        }
-        // Add event listeners
-        this.addEventListeners();
-    };
-    WordCloud.prototype.getFontSizeScale = function (data) {
-        var options = this.getOptions();
-        var fontSizeMapsTo = options.wordCloud.fontSizeMapsTo;
-        // Filter out any null/undefined values
-        var allOccurences = data
-            .map(function (d) { return d[fontSizeMapsTo]; })
-            .filter(function (size) { return size; });
-        var chartSize = DOMUtils.getHTMLElementSize(this.services.domUtils.getMainContainer());
-        // We need the ternary operator here in case the user
-        // doesn't provide size values in data
-        var sizeDataIsValid = allOccurences.length > 0;
-        var domain = sizeDataIsValid ? extent(allOccurences) : [1, 1];
-        // @ts-ignore
-        return scaleLinear()
-            .domain(domain)
-            .range(sizeDataIsValid
-            ? options.wordCloud.fontSizeRange(chartSize, data)
-            : [4, 4]);
-    };
-    WordCloud.prototype.addEventListeners = function () {
-        var options = this.getOptions();
-        var groupMapsTo = options.data.groupMapsTo;
-        var self = this;
-        // Highlights 1 word or unhighlights all
-        var debouncedHighlight = Tools.debounce(function (word) {
-            var allWords = self.parent
-                .selectAll('text.word')
-                .transition('wordcloud-word-mouse-highlight')
-                .call(function (t) {
-                return self.services.transitions.setupTransition({
-                    transition: t,
-                    name: 'wordcloud-word-mouse-highlight',
-                });
-            });
-            if (word === null) {
-                allWords.attr('opacity', 1);
-            }
-            else {
-                allWords.attr('opacity', function () {
-                    if (word === this) {
-                        return 1;
-                    }
-                    return 0.3;
-                });
-            }
-        }, 6);
-        this.parent
-            .selectAll('text.word')
-            .on('mouseover', function (event, datum) {
-            var hoveredElement = this;
-            debouncedHighlight(hoveredElement);
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.WordCloud.WORD_MOUSEOVER, {
-                event: event,
-                element: select(this),
-                datum: datum,
-            });
-            // Show tooltip
-            self.services.events.dispatchEvent(Events.Tooltip.SHOW, {
-                event: event,
-                hoveredElement: hoveredElement,
-                items: [
-                    {
-                        label: options.tooltip.wordLabel,
-                        value: datum.text,
-                    },
-                    {
-                        label: options.tooltip.valueLabel,
-                        value: datum.value,
-                    },
-                    {
-                        label: options.tooltip.groupLabel,
-                        value: datum[groupMapsTo],
-                        class: self.model.getColorClassName({
-                            classNameTypes: [ColorClassNameTypes.TOOLTIP],
-                            dataGroupName: datum[groupMapsTo],
-                        }),
-                    },
-                ],
-            });
-        })
-            .on('mousemove', function (event, datum) {
-            var hoveredElement = select(this);
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.WordCloud.WORD_MOUSEMOVE, {
-                element: hoveredElement,
-                datum: datum,
-            });
-            // Show tooltip
-            self.services.events.dispatchEvent(Events.Tooltip.MOVE, {
-                event: event,
-            });
-        })
-            .on('click', function (event, datum) {
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.WordCloud.WORD_CLICK, {
-                event: event,
-                element: select(this),
-                datum: datum,
-            });
-        })
-            .on('mouseout', function (event, datum) {
-            var hoveredElement = select(this);
-            debouncedHighlight(null);
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.WordCloud.WORD_MOUSEOUT, {
-                event: event,
-                element: hoveredElement,
-                datum: datum,
-            });
-            // Hide tooltip
-            self.services.events.dispatchEvent(Events.Tooltip.HIDE, {
-                hoveredElement: hoveredElement,
-            });
-        });
-    };
-    return WordCloud;
-}(Component));
-export { WordCloud };
-//# sourceMappingURL=../../../src/components/graphs/wordcloud.js.map