@d3plus/core 3.0.0-alpha.0

package/es/src/charts/drawSteps/drawAttribution.js

@@ -0,0 +1,14 @@
+import { select } from "d3-selection";
+import { stylize } from "@d3plus/dom";
+/**
+    @name _drawAttribution
+    @desc Draws absolute positioned attribution text.
+    @private
+*/ export default function() {
+    var attr = select(this._select.node().parentNode).selectAll("div.d3plus-attribution").data(this._attribution ? [
+        0
+    ] : []);
+    var attrEnter = attr.enter().append("div").attr("class", "d3plus-attribution");
+    attr.exit().remove();
+    attr = attr.merge(attrEnter).style("position", "absolute").html(this._attribution).style("right", "".concat(this._margin.right, "px")).style("bottom", "".concat(this._margin.bottom, "px")).call(stylize, this._attributionStyle);
+}

package/es/src/charts/drawSteps/drawBack.js

@@ -0,0 +1,23 @@
+import { elem } from "@d3plus/dom";
+/**
+    @function _drawBack
+    @desc Draws a back button if there are states in this._history.
+    @private
+*/ export default function() {
+    var visible = this._history.length;
+    var backGroup = elem("g.d3plus-viz-back", {
+        parent: this._select,
+        duration: this._duration,
+        update: {
+            transform: "translate(".concat(this._margin.left, ", ").concat(this._margin.top, ")")
+        }
+    }).node();
+    this._backClass.data(visible ? [
+        {
+            text: "← ".concat(this._translate("Back")),
+            x: 0,
+            y: 0
+        }
+    ] : []).select(backGroup).config(this._backConfig).render();
+    this._margin.top += visible ? this._backClass.fontSize()() + this._backClass.padding()() * 2 : 0;
+}

package/es/src/charts/drawSteps/drawColorScale.js

@@ -0,0 +1,69 @@
+import { min } from "d3-array";
+import { elem } from "@d3plus/dom";
+/**
+    @function _drawColorScale
+    @desc Renders the color scale if this._colorScale is not falsey.
+    @private
+*/ export default function() {
+    var _this = this;
+    var data = this._data;
+    var position = this._colorScalePosition.bind(this)(this.config());
+    if (![
+        false,
+        "top",
+        "bottom",
+        "left",
+        "right"
+    ].includes(position)) position = "bottom";
+    var wide = [
+        "top",
+        "bottom"
+    ].includes(position);
+    var showColorScale = this._colorScale && position;
+    var padding = this._colorScalePadding() ? this._padding : {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+    };
+    var availableWidth = this._width - (this._margin.left + this._margin.right + padding.left + padding.right);
+    var width = wide ? min([
+        this._colorScaleMaxSize,
+        availableWidth
+    ]) : this._width - (this._margin.left + this._margin.right);
+    var availableHeight = this._height - (this._margin.bottom + this._margin.top + padding.bottom + padding.top);
+    var height = !wide ? min([
+        this._colorScaleMaxSize,
+        availableHeight
+    ]) : this._height - (this._margin.bottom + this._margin.top);
+    var transform = {
+        opacity: position ? 1 : 0,
+        transform: "translate(".concat(wide ? this._margin.left + padding.left + (availableWidth - width) / 2 : this._margin.left, ", ").concat(wide ? this._margin.top : this._margin.top + padding.top + (availableHeight - height) / 2, ")")
+    };
+    var scaleGroup = elem("g.d3plus-viz-colorScale", {
+        condition: showColorScale && !this._colorScaleConfig.select,
+        enter: transform,
+        parent: this._select,
+        duration: this._duration,
+        update: transform
+    }).node();
+    if (this._colorScale) {
+        var scaleData = data.filter(function(d, i) {
+            var c = _this._colorScale(d, i);
+            return c !== undefined && c !== null;
+        });
+        this._colorScaleClass.align({
+            bottom: "end",
+            left: "start",
+            right: "end",
+            top: "start"
+        }[position] || "bottom").duration(this._duration).data(scaleData).height(height).locale(this._locale).orient(position).select(scaleGroup).value(this._colorScale).width(width).config(this._colorScaleConfig).render();
+        if (showColorScale) {
+            var scaleBounds = this._colorScaleClass.outerBounds();
+            if (!this._colorScaleConfig.select && scaleBounds.height) {
+                if (wide) this._margin[position] += scaleBounds.height + this._legendClass.padding() * 2;
+                else this._margin[position] += scaleBounds.width + this._legendClass.padding() * 2;
+            }
+        }
+    }
+}

package/es/src/charts/drawSteps/drawLegend.js

@@ -0,0 +1,120 @@
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+import { rollup } from "d3-array";
+import { merge } from "@d3plus/data";
+import { elem } from "@d3plus/dom";
+import { configPrep } from "../../utils/index.js";
+var legendAttrs = [
+    "fill",
+    "opacity",
+    "texture"
+];
+/**
+    @function legendLabel
+    @desc Default label function for the legend.
+    @private
+*/ export function legendLabel(d, i) {
+    return this._drawLabel(d, i, this._legendDepth);
+}
+/**
+    @function _drawLegend
+    @desc Renders the legend if this._legend is not falsy.
+    @param {Array} data The filtered data array to be displayed.
+    @private
+*/ export default function() {
+    var _this, _loop = function(x) {
+        var values = labels.map(function(l) {
+            return l[x];
+        });
+        if (!values.some(function(v) {
+            return _instanceof(v, Array);
+        }) && Array.from(new Set(values)).length === legendData.length) {
+            _this._legendDepth = x;
+            return "break";
+        }
+    };
+    var _this1 = this;
+    var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+    var legendData = [];
+    var getAttr = function(d, i, attr) {
+        var shape = _this1._shape(d, i);
+        if (attr === "fill" && shape === "Line") attr = "stroke";
+        var value = _this1._shapeConfig[shape] && _this1._shapeConfig[shape][attr] ? _this1._shapeConfig[shape][attr] : _this1._shapeConfig[attr];
+        return typeof value === "function" ? value.bind(_this1)(d, i) : value;
+    };
+    var fill = function(d, i) {
+        return legendAttrs.map(function(a) {
+            return getAttr(d, i, a);
+        }).join("_");
+    };
+    var rollupData = this._colorScale ? data.filter(function(d, i) {
+        return _this1._colorScale(d, i) === undefined;
+    }) : data;
+    rollup(rollupData, function(leaves) {
+        return legendData.push(merge(leaves, _this1._aggs));
+    }, fill);
+    legendData.sort(this._legendSort);
+    var labels = legendData.map(function(d, i) {
+        return _this1._ids(d, i).slice(0, _this1._drawDepth + 1);
+    });
+    this._legendDepth = 0;
+    for(var x = 0; x <= this._drawDepth; x++){
+        var _ret = (_this = this, _loop(x));
+        if (_ret === "break") break;
+    }
+    var hidden = function(d, i) {
+        var id = _this1._id(d, i);
+        if (_instanceof(id, Array)) id = id[0];
+        return _this1._hidden.includes(id) || _this1._solo.length && !_this1._solo.includes(id);
+    };
+    var legendBounds = this._legendClass.outerBounds();
+    var config = this.config();
+    var position = this._legendPosition.bind(this)(config);
+    if (![
+        false,
+        "top",
+        "bottom",
+        "left",
+        "right"
+    ].includes(position)) position = "bottom";
+    var wide = [
+        "top",
+        "bottom"
+    ].includes(position);
+    var padding = this._legendPadding() ? this._padding : {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+    };
+    var transform = {
+        transform: "translate(".concat(wide ? this._margin.left + padding.left : this._margin.left, ", ").concat(wide ? this._margin.top : this._margin.top + padding.top, ")")
+    };
+    var visible = this._legend.bind(this)(config, legendData);
+    var legendGroup = elem("g.d3plus-viz-legend", {
+        condition: visible && !this._legendConfig.select,
+        enter: transform,
+        parent: this._select,
+        duration: this._duration,
+        update: transform
+    }).node();
+    this._legendClass.id(fill).align(wide ? "center" : position).direction(wide ? "row" : "column").duration(this._duration).data(visible ? legendData : []).height(wide ? this._height - (this._margin.bottom + this._margin.top) : this._height - (this._margin.bottom + this._margin.top + padding.bottom + padding.top)).locale(this._locale).parent(this).select(legendGroup).verticalAlign(!wide ? "middle" : position).width(wide ? this._width - (this._margin.left + this._margin.right + padding.left + padding.right) : this._width - (this._margin.left + this._margin.right)).shapeConfig(configPrep.bind(this)(this._shapeConfig, "legend")).shapeConfig({
+        fill: function(d, i) {
+            return hidden(d, i) ? _this1._hiddenColor(d, i) : getAttr(d, i, "fill");
+        },
+        labelConfig: {
+            fontOpacity: function(d, i) {
+                return hidden(d, i) ? _this1._hiddenOpacity(d, i) : 1;
+            }
+        }
+    }).config(this._legendConfig).render();
+    if (!this._legendConfig.select && legendBounds.height) {
+        if (wide) this._margin[position] += legendBounds.height + this._legendClass.padding() * 2;
+        else this._margin[position] += legendBounds.width + this._legendClass.padding() * 2;
+    }
+}

package/es/src/charts/drawSteps/drawSubtitle.js

@@ -0,0 +1,31 @@
+import { elem } from "@d3plus/dom";
+/**
+    @function _drawSubtitle
+    @desc Draws a subtitle if this._subtitle is defined.
+    @param {Array} [*data*] The currently filtered dataset.
+    @private
+*/ export default function() {
+    var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+    var text = this._subtitle ? this._subtitle(data) : false;
+    var padding = this._subtitlePadding() ? this._padding : {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+    };
+    var transform = {
+        transform: "translate(".concat(this._margin.left + padding.left, ", ").concat(this._margin.top, ")")
+    };
+    var group = elem("g.d3plus-viz-subtitle", {
+        enter: transform,
+        parent: this._select,
+        duration: 0,
+        update: transform
+    }).node();
+    this._subtitleClass.data(text ? [
+        {
+            text: text
+        }
+    ] : []).locale(this._locale).select(group).width(this._width - (this._margin.left + this._margin.right + padding.left + padding.right)).config(this._subtitleConfig).render();
+    this._margin.top += text ? group.getBBox().height + this._subtitleConfig.padding * 2 : 0;
+}

package/es/src/charts/drawSteps/drawTimeline.js

@@ -0,0 +1,80 @@
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+import { extent } from "d3-array";
+import { unique } from "@d3plus/data";
+import { date, elem } from "@d3plus/dom";
+/**
+    @function setTimeFilter
+    @desc Determines whether or not to update the timeFilter method of the Viz.
+    @param {Array|Date} The timeline selection given from the d3 brush.
+    @private
+*/ function setTimeFilter(s) {
+    var _this = this;
+    if (!_instanceof(s, Array)) s = [
+        s,
+        s
+    ];
+    if (JSON.stringify(s) !== JSON.stringify(this._timelineSelection)) {
+        this._timelineSelection = s;
+        s = s.map(Number);
+        this.timeFilter(function(d) {
+            var ms = date(_this._time(d)).getTime();
+            return ms >= s[0] && ms <= s[1];
+        }).render();
+    }
+}
+/**
+    @function _drawTimeline
+    @desc Renders the timeline if this._time and this._timeline are not falsy and there are more than 1 tick available.
+    @param {Array} data The filtered data array to be displayed.
+    @private
+*/ export default function() {
+    var _this = this;
+    var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+    var timelinePossible = this._time && this._timeline;
+    var ticks = timelinePossible ? unique(this._data.map(this._time)).map(date) : [];
+    timelinePossible = timelinePossible && ticks.length > 1;
+    var padding = this._timelinePadding() ? this._padding : {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+    };
+    var transform = {
+        transform: "translate(".concat(this._margin.left + padding.left, ", 0)")
+    };
+    var timelineGroup = elem("g.d3plus-viz-timeline", {
+        condition: timelinePossible,
+        enter: transform,
+        parent: this._select,
+        duration: this._duration,
+        update: transform
+    }).node();
+    if (timelinePossible) {
+        var timeline = this._timelineClass.domain(extent(ticks)).duration(this._duration).height(this._height - this._margin.bottom).locale(this._locale).select(timelineGroup).ticks(ticks.sort(function(a, b) {
+            return +a - +b;
+        })).width(this._width - (this._margin.left + this._margin.right + padding.left + padding.right));
+        var dataExtent = extent(data.map(this._time).map(date));
+        if (!this._timelineSelection) {
+            this._timelineSelection = this._timelineDefault || dataExtent;
+        } else {
+            if (this._timelineSelection[0] < dataExtent[0]) this._timelineSelection[0] = dataExtent[0];
+            if (this._timelineSelection[1] > dataExtent[1]) this._timelineSelection[1] = dataExtent[1];
+        }
+        timeline.selection(this._timelineSelection);
+        var config = this._timelineConfig;
+        timeline.config(config).on("brush", function(s) {
+            setTimeFilter.bind(_this)(s);
+            if (config.on && config.on.brush) config.on.brush(s);
+        }).on("end", function(s) {
+            setTimeFilter.bind(_this)(s);
+            if (config.on && config.on.end) config.on.end(s);
+        }).render();
+        this._margin.bottom += timeline.outerBounds().height + timeline.padding() * 2;
+    }
+}

package/es/src/charts/drawSteps/drawTitle.js

@@ -0,0 +1,31 @@
+import { elem } from "@d3plus/dom";
+/**
+    @function _drawTitle
+    @desc Draws a title if this._title is defined.
+    @param {Array} [*data*] The currently filtered dataset.
+    @private
+*/ export default function() {
+    var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+    var text = this._title ? this._title(data) : false;
+    var padding = this._titlePadding() ? this._padding : {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+    };
+    var transform = {
+        transform: "translate(".concat(this._margin.left + padding.left, ", ").concat(this._margin.top, ")")
+    };
+    var group = elem("g.d3plus-viz-title", {
+        enter: transform,
+        parent: this._select,
+        duration: 0,
+        update: transform
+    }).node();
+    this._titleClass.data(text ? [
+        {
+            text: text
+        }
+    ] : []).locale(this._locale).select(group).width(this._width - (this._margin.left + this._margin.right + padding.left + padding.right)).config(this._titleConfig).render();
+    this._margin.top += text ? group.getBBox().height + this._titleConfig.padding * 2 : 0;
+}

package/es/src/charts/drawSteps/drawTotal.js

@@ -0,0 +1,32 @@
+import { sum } from "d3-array";
+import { elem } from "@d3plus/dom";
+/**
+    @function _drawTotal
+    @desc Draws a total title if this._total is defined.
+    @param {Array} [*data*] The currently filtered dataset.
+    @private
+*/ export default function() {
+    var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+    var total = typeof this._total === "function" ? sum(data.map(this._total)) : this._total === true && this._size ? sum(data.map(this._size)) : false;
+    var padding = this._totalPadding() ? this._padding : {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+    };
+    var transform = {
+        transform: "translate(".concat(this._margin.left + padding.left, ", ").concat(this._margin.top, ")")
+    };
+    var group = elem("g.d3plus-viz-total", {
+        enter: transform,
+        parent: this._select,
+        duration: 0,
+        update: transform
+    }).node();
+    this._totalClass.data(total ? [
+        {
+            text: this._totalFormat(total)
+        }
+    ] : []).locale(this._locale).select(group).width(this._width - (this._margin.left + this._margin.right + padding.left + padding.right)).config(this._totalConfig).render();
+    this._margin.top += total ? group.getBBox().height + this._totalConfig.padding * 2 : 0;
+}

package/es/src/charts/drawSteps/zoomControls.js

@@ -0,0 +1,254 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { select } from "d3-selection";
+import { zoomTransform } from "d3-zoom";
+import { attrize, stylize } from "@d3plus/dom";
+var brushing = false;
+/**
+    @name zoomControls
+    @desc Sets up initial zoom events and controls.
+    @private
+*/ export default function() {
+    var _this = this;
+    if (!this._container || !this._zoomGroup) return;
+    var height = this._zoomHeight || this._height - this._margin.top - this._margin.bottom, that = this, width = this._zoomWidth || this._width - this._margin.left - this._margin.right;
+    this._zoomBehavior.extent([
+        [
+            0,
+            0
+        ],
+        [
+            width,
+            height
+        ]
+    ]).scaleExtent([
+        1,
+        this._zoomMax
+    ]).translateExtent([
+        [
+            0,
+            0
+        ],
+        [
+            width,
+            height
+        ]
+    ]).on("zoom", function(event) {
+        return zoomed.bind(_this)(event.transform);
+    });
+    this._zoomToBounds = zoomToBounds.bind(this);
+    var control = select(this._select.node().parentNode).selectAll("div.d3plus-zoom-control").data(this._zoom ? [
+        0
+    ] : []);
+    var controlEnter = control.enter().append("div").attr("class", "d3plus-zoom-control");
+    control.exit().remove();
+    control = control.merge(controlEnter).style("position", "absolute").style("top", "".concat(this._margin.top, "px")).style("left", "".concat(this._margin.left, "px"));
+    controlEnter.append("div").attr("class", "zoom-control zoom-in");
+    control.select(".zoom-in").on("click", zoomMath.bind(this, this._zoomFactor)).html("&#65291;");
+    controlEnter.append("div").attr("class", "zoom-control zoom-out");
+    control.select(".zoom-out").on("click", zoomMath.bind(this, 1 / this._zoomFactor)).html("&#65293;");
+    controlEnter.append("div").attr("class", "zoom-control zoom-reset");
+    control.select(".zoom-reset").on("click", zoomMath.bind(this, 0)).html("&#8634");
+    controlEnter.append("div").attr("class", "zoom-control zoom-brush");
+    control.select(".zoom-brush").on("click", function() {
+        select(this).classed("active", !brushing).call(stylize, brushing ? that._zoomControlStyle || {} : that._zoomControlStyleActive || {});
+        zoomEvents.bind(that)(!brushing);
+    }).html("&#164");
+    control.selectAll(".zoom-control").call(stylize, that._zoomControlStyle).on("mouseenter", function() {
+        select(this).call(stylize, that._zoomControlStyleHover || {});
+    }).on("mouseleave", function() {
+        select(this).call(stylize, select(this).classed("active") ? that._zoomControlStyleActive || {} : that._zoomControlStyle || {});
+    });
+    this._zoomBrush.extent([
+        [
+            0,
+            0
+        ],
+        [
+            width,
+            height
+        ]
+    ]).filter(function(event) {
+        return !event.button && event.detail < 2;
+    }).handleSize(this._zoomBrushHandleSize).on("start", brushStart.bind(this)).on("brush", brushBrush.bind(this)).on("end", brushEnd.bind(this));
+    var brushGroup = this._container.selectAll("g.brush").data([
+        0
+    ]);
+    this._brushGroup = brushGroup.enter().append("g").attr("class", "brush").merge(brushGroup).call(this._zoomBrush);
+    zoomEvents.bind(this)();
+    if (this._renderTiles) this._renderTiles(zoomTransform(this._container.node()), 0);
+}
+/**
+    @name zoomEvents
+    @desc Handles adding/removing zoom event listeners.
+    @private
+*/ function zoomEvents() {
+    var brush = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+    brushing = brush;
+    if (brushing) this._brushGroup.style("display", "inline");
+    else this._brushGroup.style("display", "none");
+    if (!brushing && this._zoom) {
+        this._container.call(this._zoomBehavior);
+        if (!this._zoomScroll) {
+            this._container.on("wheel.zoom", null);
+        }
+        if (!this._zoomPan) {
+            this._container.on("mousedown.zoom mousemove.zoom", null).on("touchstart.zoom touchmove.zoom touchend.zoom touchcancel.zoom", null);
+        }
+    } else {
+        this._container.on(".zoom", null);
+    }
+}
+/**
+    @name zoomed
+    @desc Handles events dispatched from this._zoomBehavior
+    @param {Object} [*transform* = event.transform]
+    @param {Number} [*duration* = 0]
+    @private
+*/ function zoomed() {
+    var transform = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false, duration = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+    if (this._zoomGroup) {
+        if (!duration) this._zoomGroup.attr("transform", transform);
+        else this._zoomGroup.transition().duration(duration).attr("transform", transform);
+    }
+    if (this._renderTiles) this._renderTiles(zoomTransform(this._container.node()), duration);
+}
+/**
+    @name zoomMath
+    @desc Zooms in or out based on the provided multiplier.
+    @param {Number} [*factor* = 0]
+    @private
+*/ function zoomMath() {
+    var factor = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
+    if (!this._container) return;
+    var center = this._zoomBehavior.extent().bind(document)()[1].map(function(d) {
+        return d / 2;
+    }), scaleExtent = this._zoomBehavior.scaleExtent(), t = zoomTransform(this._container.node());
+    if (!factor) {
+        t.k = scaleExtent[0];
+        t.x = 0;
+        t.y = 0;
+    } else {
+        var translate0 = [
+            (center[0] - t.x) / t.k,
+            (center[1] - t.y) / t.k
+        ];
+        t.k = Math.min(scaleExtent[1], t.k * factor);
+        if (t.k <= scaleExtent[0]) {
+            t.k = scaleExtent[0];
+            t.x = 0;
+            t.y = 0;
+        } else {
+            t.x += center[0] - (translate0[0] * t.k + t.x);
+            t.y += center[1] - (translate0[1] * t.k + t.y);
+        }
+    }
+    zoomed.bind(this)(t, this._duration);
+}
+/**
+    @name zoomToBounds
+    @desc Zooms to given bounds.
+    @param {Array} *bounds*
+    @param {Number} [*duration* = 0]
+    @private
+*/ function zoomToBounds(bounds) {
+    var duration = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this._duration;
+    var scaleExtent = this._zoomBehavior.scaleExtent(), t = zoomTransform(this._container.node());
+    if (bounds) {
+        var _this__zoomBehavior_translateExtent_ = _sliced_to_array(this._zoomBehavior.translateExtent()[1], 2), width = _this__zoomBehavior_translateExtent_[0], height = _this__zoomBehavior_translateExtent_[1], dx = bounds[1][0] - bounds[0][0], dy = bounds[1][1] - bounds[0][1];
+        var k = Math.min(scaleExtent[1], 1 / Math.max(dx / width, dy / height));
+        var xMod, yMod;
+        if (dx / dy < width / height) {
+            k *= (height - this._zoomPadding * 2) / height;
+            xMod = (width - dx * k) / 2 / k;
+            yMod = this._zoomPadding / k;
+        } else {
+            k *= (width - this._zoomPadding * 2) / width;
+            yMod = (height - dy * k) / 2 / k;
+            xMod = this._zoomPadding / k;
+        }
+        t.x = (t.x - bounds[0][0] + xMod) * (t.k * k / t.k);
+        t.y = (t.y - bounds[0][1] + yMod) * (t.k * k / t.k);
+        t.k *= k;
+        if (t.x > 0) t.x = 0;
+        else if (t.x < width * -t.k + width) t.x = width * -t.k + width;
+        if (t.y > 0) t.y = 0;
+        else if (t.y < height * -t.k + height) t.y = height * -t.k + height;
+    } else {
+        t.k = scaleExtent[0];
+        t.x = 0;
+        t.y = 0;
+    }
+    zoomed.bind(this)(t, duration);
+}
+/**
+    @desc Triggered on brush "brush".
+    @private
+*/ function brushBrush() {
+    brushStyle.bind(this)();
+}
+/**
+    @desc Triggered on brush "end".
+    @private
+*/ function brushEnd(event) {
+    if (!event.selection) return; // Only transition after input.
+    this._brushGroup.call(this._zoomBrush.move, null);
+    zoomToBounds.bind(this)(event.selection);
+}
+/**
+    @desc Triggered on brush "start".
+    @private
+*/ function brushStart() {
+    brushStyle.bind(this)();
+}
+/**
+    @desc Overrides the default brush styles.
+    @private
+*/ function brushStyle() {
+    this._brushGroup.selectAll(".selection").call(attrize, this._zoomBrushSelectionStyle || {});
+    this._brushGroup.selectAll(".handle").call(attrize, this._zoomBrushHandleStyle || {});
+}