@carbon/charts 0.27.0 → 0.29.1

package/components/graphs/scatter.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 { TooltipTypes, Roles, Events } from "../../interfaces";
-// D3 Imports
-import { select, event as d3Event } from "d3-selection";
-var Scatter = /** @class */ (function (_super) {
-    __extends(Scatter, _super);
-    function Scatter() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = "scatter";
-        _this.handleLegendOnHover = function (event) {
-            var hoveredElement = event.detail.hoveredElement;
-            _this.parent.selectAll("circle.dot")
-                .transition(_this.services.transitions.getTransition("legend-hover-scatter"))
-                .attr("opacity", function (d) { return (d.datasetLabel !== hoveredElement.datum()["key"]) ? 0.3 : 1; });
-        };
-        _this.handleLegendMouseOut = function (event) {
-            _this.parent.selectAll("circle.dot")
-                .transition(_this.services.transitions.getTransition("legend-mouseout-scatter"))
-                .attr("opacity", 1);
-        };
-        return _this;
-    }
-    Scatter.prototype.init = function () {
-        var eventsFragment = this.services.events;
-        // Highlight correct circle on legend item hovers
-        eventsFragment.addEventListener("legend-item-onhover", this.handleLegendOnHover);
-        // Un-highlight circles on legend item mouseouts
-        eventsFragment.addEventListener("legend-item-onmouseout", this.handleLegendMouseOut);
-    };
-    Scatter.prototype.render = function (animate) {
-        var _this = this;
-        // Chart options mixed with the internal configurations
-        var options = this.model.getOptions();
-        // Grab container SVG
-        var svg = this.getContainerSVG();
-        // Update data on dot groups
-        var dotGroups = svg.selectAll("g.dots")
-            .data(this.model.getDisplayData().datasets, function (dataset) { return dataset.label; });
-        // Remove dot groups that need to be removed
-        dotGroups.exit()
-            .attr("opacity", 0)
-            .remove();
-        // Add the dot groups that need to be introduced
-        var dotGroupsEnter = dotGroups.enter()
-            .append("g")
-            .classed("dots", true)
-            .attr("role", Roles.GROUP);
-        // Update data on all circles
-        var dots = dotGroupsEnter.merge(dotGroups)
-            .selectAll("circle.dot")
-            .data(function (d, i) { return _this.addLabelsToDataPoints(d, i); });
-        // Add the circles that need to be introduced
-        var dotsEnter = dots.enter()
-            .append("circle")
-            .attr("opacity", 0);
-        var filled = options.points.filled;
-        // Apply styling & position
-        dotsEnter.merge(dots)
-            .raise()
-            .classed("dot", true)
-            .classed("filled", filled)
-            .classed("unfilled", !filled)
-            .attr("cx", function (d, i) { return _this.services.axes.getXValue(d, i); })
-            .transition(this.services.transitions.getTransition("scatter-update-enter", animate))
-            .attr("cy", function (d, i) { return _this.services.axes.getYValue(d, i); })
-            .attr("r", options.points.radius)
-            .attr("fill", function (d) {
-            if (filled) {
-                return _this.model.getFillScale()[d.datasetLabel](d.label);
-            }
-        })
-            .attr("fill-opacity", filled ? 0.2 : 1)
-            .attr("stroke", function (d) { return _this.model.getStrokeColor(d.datasetLabel, d.label, d.value); })
-            .attr("opacity", 1)
-            // a11y
-            .attr("role", Roles.GRAPHICS_SYMBOL)
-            .attr("aria-roledescription", "point")
-            .attr("aria-label", function (d) { return d.value; });
-        // Add event listeners to elements drawn
-        this.addEventListeners();
-    };
-    // TODO - This method could be re-used in more graphs
-    Scatter.prototype.addLabelsToDataPoints = function (d, index) {
-        var labels = this.model.getDisplayData().labels;
-        return d.data.map(function (datum, i) { return ({
-            date: datum.date,
-            label: labels[i],
-            datasetLabel: d.label,
-            value: isNaN(datum) ? datum.value : datum
-        }); });
-    };
-    Scatter.prototype.addEventListeners = function () {
-        var self = this;
-        this.parent.selectAll("circle")
-            .on("mouseover mousemove", function (datum) {
-            var hoveredElement = select(this);
-            hoveredElement.classed("hovered", true);
-            hoveredElement.style("fill", function (d) { return self.model.getFillScale()[d.datasetLabel](d.label); });
-            var eventNameToDispatch = d3Event.type === "mouseover" ? Events.Scatter.SCATTER_MOUSEOVER : Events.Scatter.SCATTER_MOUSEMOVE;
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(eventNameToDispatch, {
-                element: hoveredElement,
-                datum: datum
-            });
-            // Show tooltip
-            self.services.events.dispatchEvent("show-tooltip", {
-                hoveredElement: hoveredElement,
-                type: TooltipTypes.DATAPOINT
-            });
-        })
-            .on("click", function (datum) {
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.Scatter.SCATTER_CLICK, {
-                element: select(this),
-                datum: datum
-            });
-        })
-            .on("mouseout", function (datum) {
-            var hoveredElement = select(this);
-            hoveredElement.classed("hovered", false);
-            if (!self.configs.filled) {
-                hoveredElement.style("fill", null);
-            }
-            // Dispatch mouse event
-            self.services.events.dispatchEvent(Events.Scatter.SCATTER_MOUSEOUT, {
-                element: hoveredElement,
-                datum: datum
-            });
-            // Hide tooltip
-            self.services.events.dispatchEvent("hide-tooltip", { hoveredElement: hoveredElement });
-        });
-    };
-    Scatter.prototype.destroy = function () {
-        // Remove event listeners
-        this.parent.selectAll("circle")
-            .on("mousemove", null)
-            .on("mouseout", null);
-        // Remove legend listeners
-        var eventsFragment = this.services.events;
-        eventsFragment.removeEventListener("legend-item-onhover", this.handleLegendOnHover);
-        eventsFragment.removeEventListener("legend-item-onmouseout", this.handleLegendMouseOut);
-    };
-    return Scatter;
-}(Component));
-export { Scatter };
-//# sourceMappingURL=../../../src/components/graphs/scatter.js.map

package/components/graphs/scatter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scatter.js","sourceRoot":"","sources":["scatter.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport { Component } from \"../component\";\nimport { TooltipTypes, Roles, Events } from \"../../interfaces\";\n\n// D3 Imports\nimport { select, event as d3Event } from \"d3-selection\";\n\nexport class Scatter extends Component {\n\ttype = \"scatter\";\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(\"legend-item-onhover\", this.handleLegendOnHover);\n\n\t\t// Un-highlight circles on legend item mouseouts\n\t\teventsFragment.addEventListener(\"legend-item-onmouseout\", this.handleLegendMouseOut);\n\t}\n\n\trender(animate: boolean) {\n\t\t// Chart options mixed with the internal configurations\n\t\tconst options = this.model.getOptions();\n\n\t\t// Grab container SVG\n\t\tconst svg = this.getContainerSVG();\n\n\t\t// Update data on dot groups\n\t\tconst dotGroups = svg.selectAll(\"g.dots\")\n\t\t\t.data(this.model.getDisplayData().datasets, dataset => dataset.label);\n\n\t\t// Remove dot groups that need to be removed\n\t\tdotGroups.exit()\n\t\t\t.attr(\"opacity\", 0)\n\t\t\t.remove();\n\n\t\t// Add the dot groups that need to be introduced\n\t\tconst dotGroupsEnter = dotGroups.enter()\n\t\t\t.append(\"g\")\n\t\t\t\t.classed(\"dots\", true)\n\t\t\t\t.attr(\"role\", Roles.GROUP);\n\n\t\t// Update data on all circles\n\t\tconst dots = dotGroupsEnter.merge(dotGroups)\n\t\t\t.selectAll(\"circle.dot\")\n\t\t\t.data((d, i) => this.addLabelsToDataPoints(d, i));\n\n\t\t// Add the circles that need to be introduced\n\t\tconst dotsEnter = dots.enter()\n\t\t\t.append(\"circle\")\n\t\t\t.attr(\"opacity\", 0);\n\n\t\tconst { filled } = options.points;\n\t\t// Apply styling & position\n\t\tdotsEnter.merge(dots)\n\t\t\t.raise()\n\t\t\t.classed(\"dot\", true)\n\t\t\t.classed(\"filled\", filled)\n\t\t\t.classed(\"unfilled\", !filled)\n\t\t\t.attr(\"cx\", (d, i) => this.services.axes.getXValue(d, i))\n\t\t\t.transition(this.services.transitions.getTransition(\"scatter-update-enter\", animate))\n\t\t\t.attr(\"cy\", (d, i) => this.services.axes.getYValue(d, i))\n\t\t\t.attr(\"r\", options.points.radius)\n\t\t\t.attr(\"fill\", d => {\n\t\t\t\tif (filled) {\n\t\t\t\t\treturn this.model.getFillScale()[d.datasetLabel](d.label) as any;\n\t\t\t\t}\n\t\t\t})\n\t\t\t.attr(\"fill-opacity\", filled ? 0.2 : 1)\n\t\t\t.attr(\"stroke\", d => this.model.getStrokeColor(d.datasetLabel, d.label, d.value))\n\t\t\t.attr(\"opacity\", 1)\n\t\t\t// a11y\n\t\t\t.attr(\"role\", Roles.GRAPHICS_SYMBOL)\n\t\t\t.attr(\"aria-roledescription\", \"point\")\n\t\t\t.attr(\"aria-label\", d => d.value);\n\n\t\t// Add event listeners to elements drawn\n\t\tthis.addEventListeners();\n\t}\n\n\thandleLegendOnHover = (event: CustomEvent) => {\n\t\tconst { hoveredElement } = event.detail;\n\n\t\tthis.parent.selectAll(\"circle.dot\")\n\t\t\t.transition(this.services.transitions.getTransition(\"legend-hover-scatter\"))\n\t\t\t.attr(\"opacity\", d => (d.datasetLabel !== hoveredElement.datum()[\"key\"]) ? 0.3 : 1);\n\t}\n\n\thandleLegendMouseOut = (event: CustomEvent) => {\n\t\tthis.parent.selectAll(\"circle.dot\")\n\t\t\t.transition(this.services.transitions.getTransition(\"legend-mouseout-scatter\"))\n\t\t\t.attr(\"opacity\", 1);\n\t}\n\n\t// TODO - This method could be re-used in more graphs\n\taddLabelsToDataPoints(d, index) {\n\t\tconst { labels } = this.model.getDisplayData();\n\n\t\treturn d.data.map((datum, i) => ({\n\t\t\tdate: datum.date,\n\t\t\tlabel: labels[i],\n\t\t\tdatasetLabel: d.label,\n\t\t\tvalue: isNaN(datum) ? datum.value : datum\n\t\t}));\n\t}\n\n\taddEventListeners() {\n\t\tconst self = this;\n\t\tthis.parent.selectAll(\"circle\")\n\t\t\t.on(\"mouseover mousemove\", function(datum) {\n\t\t\t\tconst hoveredElement = select(this);\n\t\t\t\thoveredElement.classed(\"hovered\", true);\n\n\t\t\t\thoveredElement.style(\"fill\", (d: any) => self.model.getFillScale()[d.datasetLabel](d.label));\n\n\t\t\t\tconst eventNameToDispatch = d3Event.type === \"mouseover\" ? Events.Scatter.SCATTER_MOUSEOVER : Events.Scatter.SCATTER_MOUSEMOVE;\n\t\t\t\t// Dispatch mouse event\n\t\t\t\tself.services.events.dispatchEvent(eventNameToDispatch, {\n\t\t\t\t\telement: hoveredElement,\n\t\t\t\t\tdatum\n\t\t\t\t});\n\n\t\t\t\t// Show tooltip\n\t\t\t\tself.services.events.dispatchEvent(\"show-tooltip\", {\n\t\t\t\t\thoveredElement,\n\t\t\t\t\ttype: TooltipTypes.DATAPOINT\n\t\t\t\t});\n\t\t\t})\n\t\t\t.on(\"click\", function(datum) {\n\t\t\t\t// Dispatch mouse event\n\t\t\t\tself.services.events.dispatchEvent(Events.Scatter.SCATTER_CLICK, {\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(datum) {\n\t\t\t\tconst hoveredElement = select(this);\n\t\t\t\thoveredElement.classed(\"hovered\", false);\n\n\t\t\t\tif (!self.configs.filled) {\n\t\t\t\t\thoveredElement.style(\"fill\", null);\n\t\t\t\t}\n\n\t\t\t\t// Dispatch mouse event\n\t\t\t\tself.services.events.dispatchEvent(Events.Scatter.SCATTER_MOUSEOUT, {\n\t\t\t\t\telement: hoveredElement,\n\t\t\t\t\tdatum\n\t\t\t\t});\n\n\t\t\t\t// Hide tooltip\n\t\t\t\tself.services.events.dispatchEvent(\"hide-tooltip\", { hoveredElement });\n\t\t\t});\n\t}\n\n\tdestroy() {\n\t\t// Remove event listeners\n\t\tthis.parent.selectAll(\"circle\")\n\t\t\t.on(\"mousemove\", null)\n\t\t\t.on(\"mouseout\", null);\n\n\t\t// Remove legend listeners\n\t\tconst eventsFragment = this.services.events;\n\t\teventsFragment.removeEventListener(\"legend-item-onhover\", this.handleLegendOnHover);\n\t\teventsFragment.removeEventListener(\"legend-item-onmouseout\", this.handleLegendMouseOut);\n\t}\n}\n"]}

package/components/index.d.ts

@@ -1,19 +0,0 @@
-export * from "./component";
-export * from "./essentials/legend";
-export * from "./essentials/title";
-export * from "./essentials/tooltip";
-export * from "./essentials/tooltip-bar";
-export * from "./essentials/tooltip-scatter";
-export * from "./graphs/bar-simple";
-export * from "./graphs/bar-grouped";
-export * from "./graphs/bar-stacked";
-export * from "./graphs/line";
-export * from "./graphs/scatter";
-export * from "./graphs/pie";
-export * from "./graphs/donut";
-export * from "./layout/spacer";
-export * from "./layout/layout";
-export * from "./axes/two-dimensional-axes";
-export * from "./axes/axis";
-export * from "./axes/grid";
-export * from "./axes/horizontal-zero-line";

package/components/index.js

@@ -1,24 +0,0 @@
-export * from "./component";
-// ESSENTIALS
-export * from "./essentials/legend";
-export * from "./essentials/title";
-export * from "./essentials/tooltip";
-export * from "./essentials/tooltip-bar";
-export * from "./essentials/tooltip-scatter";
-// GRAPHS
-export * from "./graphs/bar-simple";
-export * from "./graphs/bar-grouped";
-export * from "./graphs/bar-stacked";
-export * from "./graphs/line";
-export * from "./graphs/scatter";
-export * from "./graphs/pie";
-export * from "./graphs/donut";
-// Layout
-export * from "./layout/spacer";
-export * from "./layout/layout";
-// MISC
-export * from "./axes/two-dimensional-axes";
-export * from "./axes/axis";
-export * from "./axes/grid";
-export * from "./axes/horizontal-zero-line";
-//# sourceMappingURL=../../src/components/index.js.map

package/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,aAAa;AACb,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAE7C,SAAS;AACT,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAE/B,SAAS;AACT,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,OAAO;AACP,cAAc,6BAA6B,CAAC;AAC5C,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC","sourcesContent":["export * from \"./component\";\n\n// ESSENTIALS\nexport * from \"./essentials/legend\";\nexport * from \"./essentials/title\";\nexport * from \"./essentials/tooltip\";\nexport * from \"./essentials/tooltip-bar\";\nexport * from \"./essentials/tooltip-scatter\";\n\n// GRAPHS\nexport * from \"./graphs/bar-simple\";\nexport * from \"./graphs/bar-grouped\";\nexport * from \"./graphs/bar-stacked\";\nexport * from \"./graphs/line\";\nexport * from \"./graphs/scatter\";\nexport * from \"./graphs/pie\";\nexport * from \"./graphs/donut\";\n\n// Layout\nexport * from \"./layout/spacer\";\nexport * from \"./layout/layout\";\n\n// MISC\nexport * from \"./axes/two-dimensional-axes\";\nexport * from \"./axes/axis\";\nexport * from \"./axes/grid\";\nexport * from \"./axes/horizontal-zero-line\";\n"]}

package/components/layout/layout.js

@@ -1,190 +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 { LayoutDirection, LayoutGrowth } from "../../interfaces/index";
-import { Tools } from "../../tools";
-import { DOMUtils } from "../../services";
-// D3 Imports
-import { select } from "d3-selection";
-import { hierarchy, treemap, treemapSlice, treemapDice } from "d3-hierarchy";
-// TODO - What if there is no "growth" object?
-var LayoutComponent = /** @class */ (function (_super) {
-    __extends(LayoutComponent, _super);
-    function LayoutComponent(model, services, children, configs) {
-        var _this = _super.call(this, model, services, configs) || this;
-        _this.type = "layout";
-        _this.configs = configs;
-        _this.children = children;
-        _this._instanceID = LayoutComponent.instanceID++;
-        // Pass children data to the hierarchy layout
-        // And calculate sum of sizes
-        var directionIsReversed = (_this.configs.direction === LayoutDirection.ROW_REVERSE) ||
-            (_this.configs.direction === LayoutDirection.COLUMN_REVERSE);
-        if (directionIsReversed) {
-            _this.children = _this.children.reverse();
-        }
-        _this.init();
-        return _this;
-    }
-    LayoutComponent.prototype.init = function () {
-        this.children.forEach(function (child) {
-            child.components.forEach(function (component) {
-                component.init();
-            });
-        });
-    };
-    LayoutComponent.prototype.getPreferedAndFixedSizeSum = function () {
-        var svg = this.parent;
-        var sum = 0;
-        svg.selectAll("svg.layout-child-" + this._instanceID)
-            .filter(function (d) {
-            var growth = Tools.getProperty(d, "data", "growth", "x");
-            return growth === LayoutGrowth.PREFERRED || growth === LayoutGrowth.FIXED;
-        })
-            .each(function (d) {
-            sum += d.data.size;
-        });
-        return sum;
-    };
-    LayoutComponent.prototype.getNumOfStretchChildren = function () {
-        var svg = this.parent;
-        return svg.selectAll("svg.layout-child-" + this._instanceID)
-            .filter(function (d) {
-            var growth = Tools.getProperty(d, "data", "growth", "x");
-            return growth === LayoutGrowth.STRETCH;
-        })
-            .size();
-    };
-    LayoutComponent.prototype.render = function (animate) {
-        var _this = this;
-        if (animate === void 0) { animate = true; }
-        // Get parent SVG to render inside of
-        var svg = this.parent;
-        var _a = DOMUtils.getSVGElementSize(svg, { useAttrs: true }), width = _a.width, height = _a.height;
-        var root = hierarchy({
-            children: this.children
-        })
-            .sum(function (d) { return d.size; });
-        // Grab the correct treemap tile function based on direction
-        var tileType = (this.configs.direction === LayoutDirection.ROW || this.configs.direction === LayoutDirection.ROW_REVERSE)
-            ? treemapDice : treemapSlice;
-        // Compute the position of all elements within the layout
-        treemap()
-            .tile(tileType)
-            .size([width, height])(root);
-        // TODORF - Remove
-        var horizontal = (this.configs.direction === LayoutDirection.ROW || this.configs.direction === LayoutDirection.ROW_REVERSE);
-        // Add new SVGs to the DOM for each layout child
-        var updatedSVGs = svg.selectAll("svg.layout-child-" + this._instanceID)
-            .data(root.leaves(), function (d) { return d.data.id; });
-        updatedSVGs
-            .attr("width", function (d) { return d.x1 - d.x0; })
-            .attr("height", function (d) { return d.y1 - d.y0; });
-        var enteringSVGs = updatedSVGs
-            .enter()
-            .append("svg")
-            .attr("class", function (d) { return "layout-child layout-child-" + _this._instanceID + " " + d.data.id; })
-            .attr("x", function (d) { return d.x0; })
-            .attr("y", function (d) { return d.y0; });
-        enteringSVGs.merge(svg.selectAll("svg.layout-child-" + this._instanceID))
-            .each(function (d) {
-            var _this = this;
-            // Set parent component for each child
-            d.data.components.forEach(function (itemComponent) {
-                itemComponent.setParent(select(_this));
-                // Render preffered & fixed items
-                var growth = Tools.getProperty(d, "data", "growth", "x");
-                if (growth === LayoutGrowth.PREFERRED || growth === LayoutGrowth.FIXED) {
-                    itemComponent.render(animate);
-                }
-            });
-        });
-        svg.selectAll("svg.layout-child-" + this._instanceID)
-            .each(function (d) {
-            // Calculate preffered children sizes after internal rendering
-            var growth = Tools.getProperty(d, "data", "growth", "x");
-            var matchingSVGDimensions = DOMUtils.getSVGElementSize(select(this), { useBBox: true });
-            if (growth === LayoutGrowth.PREFERRED) {
-                var matchingSVGWidth = horizontal ? matchingSVGDimensions.width : matchingSVGDimensions.height;
-                var svgWidth = horizontal ? width : height;
-                d.data.size = (matchingSVGWidth / svgWidth) * 100;
-            }
-        });
-        updatedSVGs
-            .exit()
-            .remove();
-        // Run through stretch x-items
-        this.children
-            .filter(function (child) {
-            var growth = Tools.getProperty(child, "growth", "x");
-            return growth === LayoutGrowth.STRETCH;
-        })
-            .forEach(function (child, i) {
-            child.size = (100 - (+_this.getPreferedAndFixedSizeSum())) / (+_this.getNumOfStretchChildren());
-        });
-        // Pass children data to the hierarchy layout
-        // And calculate sum of sizes
-        root = hierarchy({
-            children: this.children
-        })
-            .sum(function (d) { return d.size; });
-        // Compute the position of all elements within the layout
-        treemap()
-            .tile(tileType)
-            .size([width, height])
-            .padding(0)(root);
-        // Add new SVGs to the DOM for each layout child
-        svg
-            .selectAll("svg.layout-child-" + this._instanceID)
-            .data(root.leaves(), function (d) { return d.data.id; })
-            .attr("x", function (d) { return d.x0; })
-            .attr("y", function (d) { return d.y0; })
-            .attr("width", function (d) { return d.x1 - d.x0; })
-            .attr("height", function (d) { return d.y1 - d.y0; })
-            .each(function (d, i) {
-            d.data.components.forEach(function (itemComponent) {
-                var growth = Tools.getProperty(d, "data", "growth", "x");
-                if (growth === LayoutGrowth.STRETCH) {
-                    itemComponent.render(animate);
-                }
-            });
-        });
-    };
-    // Pass on model to children as well
-    LayoutComponent.prototype.setModel = function (newObj) {
-        _super.prototype.setModel.call(this, newObj);
-        this.children.forEach(function (child) {
-            child.components.forEach(function (component) { return component.setModel(newObj); });
-        });
-    };
-    // Pass on essentials to children as well
-    LayoutComponent.prototype.setServices = function (newObj) {
-        _super.prototype.setServices.call(this, newObj);
-        this.children.forEach(function (child) {
-            child.components.forEach(function (component) { return component.setServices(newObj); });
-        });
-    };
-    LayoutComponent.prototype.destroy = function () {
-        this.children.forEach(function (child) {
-            child.components.forEach(function (component) { return component.destroy(); });
-        });
-    };
-    // Give every layout component a distinct ID
-    // so they don't interfere when querying elements
-    LayoutComponent.instanceID = Math.floor(Math.random() * 99999999999);
-    return LayoutComponent;
-}(Component));
-export { LayoutComponent };
-//# sourceMappingURL=../../../src/components/layout/layout.js.map

package/components/layout/spacer.js

@@ -1,35 +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 * as Configuration from "../../configuration";
-var Spacer = /** @class */ (function (_super) {
-    __extends(Spacer, _super);
-    function Spacer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = "spacer";
-        return _this;
-    }
-    Spacer.prototype.render = function () {
-        this.getContainerSVG().append("rect")
-            .attr("x", 0)
-            .attr("y", 0)
-            .attr("width", this.configs.size || Configuration.spacers.default.size)
-            .attr("height", this.configs.size || Configuration.spacers.default.size)
-            .attr("opacity", 0);
-    };
-    return Spacer;
-}(Component));
-export { Spacer };
-//# sourceMappingURL=../../../src/components/layout/spacer.js.map

package/configuration.d.ts

@@ -1,66 +0,0 @@
-import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, PieChartOptions, DonutChartOptions, GridOptions, TooltipOptions, AxisTooltipOptions, BarTooltipOptions, LegendOptions } from "./interfaces/index";
-/**
- * Legend options
- */
-export declare const legend: LegendOptions;
-/**
- * Grid options
- */
-export declare const grid: GridOptions;
-/**
- * Tooltip options
- */
-export declare const baseTooltip: TooltipOptions;
-export declare const axisChartTooltip: AxisTooltipOptions;
-export declare const barChartTooltip: BarTooltipOptions;
-export declare const options: {
-    chart: BaseChartOptions;
-    axisChart: AxisChartOptions;
-    simpleBarChart: BarChartOptions;
-    groupedBarChart: BarChartOptions;
-    stackedBarChart: StackedBarChartOptions;
-    lineChart: LineChartOptions;
-    scatterChart: ScatterChartOptions;
-    pieChart: PieChartOptions;
-    donutChart: DonutChartOptions;
-};
-/**
- * Options for line behaviour
- */
-export declare const lines: {
-    opacity: {
-        unselected: number;
-        selected: number;
-    };
-};
-/**
- * Base transition configuration
- */
-export declare const transitions: {
-    default: {
-        duration: number;
-    };
-    pie_slice_mouseover: {
-        duration: number;
-    };
-    pie_chart_titles: {
-        duration: number;
-    };
-    graph_element_mouseover_fill_update: {
-        duration: number;
-    };
-    graph_element_mouseout_fill_update: {
-        duration: number;
-    };
-};
-export declare const axis: {
-    ticks: {
-        number: number;
-        rotateIfSmallerThan: number;
-    };
-};
-export declare const spacers: {
-    default: {
-        size: number;
-    };
-};