@d3plus/core 3.0.15 → 3.1.0

package/es/src/components/TextBox.js

@@ -27,6 +27,19 @@ function _create_class(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _get_prototype_of(o) {
     _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
         return o.__proto__ || Object.getPrototypeOf(o);
@@ -73,10 +86,10 @@ function _is_native_reflect_construct() {
 }
 import { max, min, sum } from "d3-array";
 import { select } from "d3-selection";
-// leave this import in here!
-import { transition } from "d3-transition";
+// side-effect import: registers .transition() on d3 selections
+import "d3-transition";
 import { fontExists, parseSides, rtl as detectRTL, textWidth } from "@d3plus/dom";
-import { fontFamily, strip, textSplit, textWrap, trim, trimRight } from "@d3plus/text";
+import { fontFamily, strip, textSplit, textWrap } from "@d3plus/text";
 import { accessor, BaseClass, constant } from "../utils/index.js";
 var defaultHtmlLookup = {
     i: "font-style: italic;",
@@ -90,23 +103,34 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
     function TextBox() {
         _class_call_check(this, TextBox);
         var _this;
-        _this = _call_super(this, TextBox);
+        _this = _call_super(this, TextBox), _define_property(_this, "_select", void 0), _define_property(_this, "_data", void 0), _define_property(_this, "_ariaHidden", void 0), _define_property(_this, "_delay", void 0), _define_property(_this, "_duration", void 0), _define_property(_this, "_ellipsis", void 0), _define_property(_this, "_fontColor", void 0), _define_property(_this, "_fontFamily", void 0), _define_property(_this, "_fontMax", void 0), _define_property(_this, "_fontMin", void 0), _define_property(_this, "_fontOpacity", void 0), _define_property(_this, "_fontResize", void 0), _define_property(_this, "_fontSize", void 0), _define_property(_this, "_fontStroke", void 0), _define_property(_this, "_fontStrokeWidth", void 0), _define_property(_this, "_fontWeight", void 0), _define_property(_this, "_height", void 0), _define_property(_this, "_html", void 0), _define_property(_this, "_id", void 0), _define_property(_this, "_lineHeight", void 0), _define_property(_this, "_maxLines", void 0), _define_property(_this, "_on", void 0), _define_property(_this, "_overflow", void 0), _define_property(_this, "_padding", void 0), _define_property(_this, "_pointerEvents", void 0), _define_property(_this, "_rotate", void 0), _define_property(_this, "_rotateAnchor", void 0), _define_property(_this, "_split", void 0), _define_property(_this, "_text", void 0), _define_property(_this, "_textAnchor", void 0), _define_property(_this, "_verticalAlign", void 0), _define_property(_this, "_width", void 0), _define_property(_this, "_x", void 0), _define_property(_this, "_y", void 0);
         _this._ariaHidden = constant("false");
         _this._delay = 0;
         _this._duration = 0;
         _this._ellipsis = function(text, line) {
             return line ? "".concat(text.replace(/\.|,$/g, ""), "...") : "";
         };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontColor = constant("black");
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontFamily = constant(fontFamily);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontMax = constant(50);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontMin = constant(8);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontOpacity = constant(1);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontResize = constant(false);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontSize = constant(10);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontStroke = constant("transparent");
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontStrokeWidth = constant(0);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._fontWeight = constant(400);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._height = accessor("height", 200);
         _this._html = defaultHtmlLookup;
         _this._id = function(d, i) {
@@ -128,21 +152,26 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
             ];
         };
         _this._split = textSplit;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._text = accessor("text");
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._textAnchor = constant("start");
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._verticalAlign = constant("top");
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._width = accessor("width", 200);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._x = accessor("x", 0);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _this._y = accessor("y", 0);
         return _this;
     }
     _create_class(TextBox, [
         {
             /**
-      @memberof TextBox
-      @desc Renders the text boxes. If a *callback* is specified, it will be called once the shapes are done drawing.
-      @param {Function} [*callback* = undefined]
-  */ key: "render",
+      Renders the text boxes. If a *callback* is specified, it will be called once the shapes are done drawing.
+    @param callback Optional callback invoked after rendering completes.
+*/ key: "render",
             value: function render(callback) {
                 var _this = this;
                 if (this._select === void 0) this.select(select("body").append("svg").style("width", "".concat(window.innerWidth, "px")).style("height", "".concat(window.innerHeight, "px")).node());
@@ -150,10 +179,15 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
                 var boxes = this._select.selectAll(".d3plus-textBox").data(this._data.reduce(function(arr, d, i) {
                     var t = _this._text(d, i);
                     if (t === void 0) return arr;
-                    t = trim(t);
+                    t = "".concat(t).trim();
                     var resize = _this._fontResize(d, i);
                     var lHRatio = _this._lineHeight(d, i) / _this._fontSize(d, i);
-                    var fS = resize ? _this._fontMax(d, i) : _this._fontSize(d, i), lH = resize ? fS * lHRatio : _this._lineHeight(d, i), line = 1, lineData = [], sizes, wrapResults;
+                    var fS = resize ? _this._fontMax(d, i) : _this._fontSize(d, i), lH = resize ? fS * lHRatio : _this._lineHeight(d, i), line = 1, lineData = [], sizes, wrapResults = {
+                        lines: [],
+                        truncated: false,
+                        widths: []
+                    };
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var style = {
                         "font-family": fontExists(_this._fontFamily(d, i)),
                         "font-size": fS,
@@ -167,8 +201,8 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
                     /**
           Figures out the lineData to be used for wrapping.
           @private
-      */ function checkSize() {
-                        var truncate = function() {
+*/ function checkSize() {
+                        var truncate = function truncate() {
                             if (line < 1) lineData = [
                                 that._ellipsis("", line)
                             ];
@@ -254,7 +288,8 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
                         });
                     }
                     return arr;
-                }, []), function(d) {
+                }, []), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                function(d) {
                     return _this._id(d.data, d.i);
                 });
                 var t = this._select.transition().duration(this._duration);
@@ -268,7 +303,8 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
      * Applies translate and rotate to a text element.
      * @param {D3Selection} text
      * @private
-     */ function rotate(text) {
+*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                function rotate(text) {
                     text.attr("transform", function(d, i) {
                         var rotateAnchor = that._rotateAnchor(d, i);
                         return "translate(".concat(d.x, ", ").concat(d.y, ") rotate(").concat(d.r, ", ").concat(rotateAnchor[0], ", ").concat(rotateAnchor[1], ")");
@@ -284,34 +320,37 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
                     /**
             Sets the inner text content of each <text> element.
             @private
-        */ function textContent(text) {
+*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    function textContent(text) {
                         var tag = false;
                         text[that._html ? "html" : "text"](function(t) {
-                            var cleaned = trimRight(t).replace(/&([^;&]*)/g, function(str, a) {
+                            var cleaned = t.trimEnd().replace(/&([^;&]*)/g, function(str, a) {
                                 return a === "amp" ? str : "&amp;".concat(a);
                             }) // replaces all non-HTML ampersands with escaped entity
-                            .replace(/<([^A-z^/]+)/g, function(str, a) {
+                            .replace(/<([^A-z^/]+)/g, function(_str, a) {
                                 return "&lt;".concat(a);
                             }).replace(/<$/g, "&lt;") // replaces all non-HTML left angle brackets with escaped entity
-                            .replace(/(<[^>^/]+>)([^<^>]+)$/g, function(str, a, b) {
+                            .replace(/(<[^>^/]+>)([^<^>]+)$/g, function(_str, a, b) {
                                 return "".concat(a).concat(b).concat(a.replace("<", "</"));
                             }) // ands end tag to lines before mid-HTML break
-                            .replace(/^([^<^>]+)(<\/[^>]+>)/g, function(str, a, b) {
+                            .replace(/^([^<^>]+)(<\/[^>]+>)/g, function(_str, a, b) {
                                 return "".concat(b.replace("</", "<")).concat(a).concat(b);
                             }); // ands start tag to lines after mid-HTML break
                             var tagRegex = new RegExp(/<([A-z]+)[^>]*>([^<^>]+)<\/[^>]+>/g);
                             if (cleaned.match(tagRegex)) {
-                                cleaned = cleaned.replace(tagRegex, function(str, a, b) {
-                                    tag = that._html[a] ? a : false;
+                                var htmlLookup = that._html;
+                                cleaned = cleaned.replace(tagRegex, function(_str, a, b) {
+                                    tag = htmlLookup[a] ? a : false;
                                     if (tag) {
-                                        var style = that._html[tag];
+                                        var style = htmlLookup[tag];
                                         if (t.includes("</".concat(tag, ">"))) tag = false;
                                         return '<tspan style="'.concat(style, '">').concat(b, "</tspan>");
                                     }
                                     return b;
                                 });
-                            } else if (tag.length) {
-                                cleaned = '<tspan style="'.concat(that._html[tag], '">').concat(cleaned, "</tspan>");
+                            } else if (tag && tag.length) {
+                                var htmlLookup1 = that._html;
+                                cleaned = '<tspan style="'.concat(htmlLookup1[tag], '">').concat(cleaned, "</tspan>");
                             }
                             return cleaned;
                         });
@@ -319,8 +358,9 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
                     /**
             Styles to apply to each <text> element.
             @private
-        */ function textStyle(text) {
-                        text.attr("aria-hidden", d.aH).attr("dir", rtl ? "rtl" : "ltr").attr("fill", d.fC).attr("stroke", d.fStroke).attr("stroke-width", d.fSW).attr("text-anchor", d.tA).attr("font-family", d.fF).style("font-family", d.fF).attr("font-size", "".concat(d.fS, "px")).style("font-size", "".concat(d.fS, "px")).attr("font-weight", d.fW).style("font-weight", d.fW).attr("x", "".concat(d.tA === "middle" ? d.w / 2 : rtl ? d.tA === "start" ? d.w : 0 : d.tA === "end" ? d.w : 2 * Math.sin(Math.PI * d.r / 180), "px")).attr("y", function(t, i) {
+*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    function textStyle(text) {
+                        text.attr("aria-hidden", d.aH).attr("dir", rtl ? "rtl" : "ltr").attr("fill", d.fC).attr("stroke", d.fStroke).attr("stroke-width", d.fSW).attr("text-anchor", d.tA).attr("font-family", d.fF).style("font-family", d.fF).attr("font-size", "".concat(d.fS, "px")).style("font-size", "".concat(d.fS, "px")).attr("font-weight", d.fW).style("font-weight", d.fW).attr("x", "".concat(d.tA === "middle" ? d.w / 2 : rtl ? d.tA === "start" ? d.w : 0 : d.tA === "end" ? d.w : 2 * Math.sin(Math.PI * d.r / 180), "px")).attr("y", function(_t, i) {
                             return d.r === 0 || d.vA === "top" ? "".concat((i + 1) * d.lH - (d.lH - d.fS), "px") : d.vA === "middle" ? "".concat((d.h + d.fS) / 2 - (d.lH - d.fS) + (i - d.lines.length / 2 + 0.5) * d.lH, "px") : "".concat(d.h - 2 * (d.lH - d.fS) - (d.lines.length - (i + 1)) * d.lH + 2 * Math.cos(Math.PI * d.r / 180), "px");
                         });
                     }
@@ -336,8 +376,12 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
                     }
                 }).transition(t).call(rotate);
                 var events = Object.keys(this._on), on = events.reduce(function(obj, e) {
-                    obj[e] = function(d, i) {
-                        return _this._on[e](d.data, i);
+                    var _this1 = _this;
+                    obj[e] = function() {
+                        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+                            args[_key] = arguments[_key];
+                        }
+                        return _this1._on[e](args[0].data, args[1]);
                     };
                     return obj;
                 }, {});
@@ -347,397 +391,199 @@ var TextBox = /*#__PURE__*/ function(BaseClass) {
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc If *value* is specified, sets the aria-hidden attribute to the specified function or string and returns the current class instance.
-      @param {Function|String} *value*
-      @chainable
-  */ key: "ariaHidden",
+            key: "ariaHidden",
             value: function ariaHidden(_) {
                 return _ !== undefined ? (this._ariaHidden = typeof _ === "function" ? _ : constant(_), this) : this._ariaHidden;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the data array to the specified array. A text box will be drawn for each object in the array.
-      @param {Array} [*data* = []]
-      @chainable
-  */ key: "data",
+            key: "data",
             value: function data(_) {
                 return arguments.length ? (this._data = _, this) : this._data;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the animation delay to the specified number in milliseconds.
-      @param {Number} [*value* = 0]
-      @chainable
-  */ key: "delay",
+            key: "delay",
             value: function delay(_) {
                 return arguments.length ? (this._delay = _, this) : this._delay;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the animation duration to the specified number in milliseconds.
-      @param {Number} [*value* = 0]
-      @chainable
-  */ key: "duration",
+            key: "duration",
             value: function duration(_) {
                 return arguments.length ? (this._duration = _, this) : this._duration;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the function that handles what to do when a line is truncated. It should return the new value for the line, and is passed 2 arguments: the String of text for the line in question, and the number of the line. By default, an ellipsis is added to the end of any line except if it is the first word that cannot fit (in that case, an empty string is returned).
-      @param {Function|String} [*value*]
-      @chainable
-      @example <caption>default accessor</caption>
-function(text, line) {
-  return line ? text.replace(/\.|,$/g, "") + "..." : "";
-}
-  */ key: "ellipsis",
+            key: "ellipsis",
             value: function ellipsis(_) {
                 return arguments.length ? (this._ellipsis = typeof _ === "function" ? _ : constant(_), this) : this._ellipsis;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the font color to the specified accessor function or static string, which is inferred from the [DOM selection](#textBox.select) by default.
-      @param {Function|String} [*value* = "black"]
-      @chainable
-  */ key: "fontColor",
+            key: "fontColor",
             value: function fontColor(_) {
                 return arguments.length ? (this._fontColor = typeof _ === "function" ? _ : constant(_), this) : this._fontColor;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Defines the font-family to be used. The value passed can be either a *String* name of a font, a comma-separated list of font-family fallbacks, an *Array* of fallbacks, or a *Function* that returns either a *String* or an *Array*. If supplying multiple fallback fonts, the [fontExists](#fontExists) function will be used to determine the first available font on the client's machine.
-      @param {Array|Function|String} [*value* = ["Inter", "Helvetica Neue", "HelveticaNeue", "Helvetica", "Arial", "sans-serif"]]
-      @chainable
-  */ key: "fontFamily",
+            key: "fontFamily",
             value: function fontFamily(_) {
                 return arguments.length ? (this._fontFamily = typeof _ === "function" ? _ : constant(_), this) : this._fontFamily;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the maximum font size to the specified accessor function or static number (which corresponds to pixel units), which is used when [dynamically resizing fonts](#textBox.fontResize).
-      @param {Function|Number} [*value* = 50]
-      @chainable
-  */ key: "fontMax",
+            key: "fontMax",
             value: function fontMax(_) {
                 return arguments.length ? (this._fontMax = typeof _ === "function" ? _ : constant(_), this) : this._fontMax;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the minimum font size to the specified accessor function or static number (which corresponds to pixel units), which is used when [dynamically resizing fonts](#textBox.fontResize).
-      @param {Function|Number} [*value* = 8]
-      @chainable
-  */ key: "fontMin",
+            key: "fontMin",
             value: function fontMin(_) {
                 return arguments.length ? (this._fontMin = typeof _ === "function" ? _ : constant(_), this) : this._fontMin;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the font opacity to the specified accessor function or static number between 0 and 1.
-      @param {Function|Number} [*value* = 1]
-      @chainable
-   */ key: "fontOpacity",
+            key: "fontOpacity",
             value: function fontOpacity(_) {
                 return arguments.length ? (this._fontOpacity = typeof _ === "function" ? _ : constant(_), this) : this._fontOpacity;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Toggles font resizing, which can either be defined as a static boolean for all data points, or an accessor function that returns a boolean. See [this example](http://d3plus.org/examples/d3plus-text/resizing-text/) for a side-by-side comparison.
-      @param {Function|Boolean} [*value* = false]
-      @chainable
-  */ key: "fontResize",
+            key: "fontResize",
             value: function fontResize(_) {
                 return arguments.length ? (this._fontResize = typeof _ === "function" ? _ : constant(_), this) : this._fontResize;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the font size to the specified accessor function or static number (which corresponds to pixel units), which is inferred from the [DOM selection](#textBox.select) by default.
-      @param {Function|Number} [*value* = 10]
-      @chainable
-  */ key: "fontSize",
+            key: "fontSize",
             value: function fontSize(_) {
                 return arguments.length ? (this._fontSize = typeof _ === "function" ? _ : constant(_), this) : this._fontSize;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the font stroke color for the rendered text.
-      @param {Function|String} [*value* = "transparent"]
-      @chainable
-  */ key: "fontStroke",
+            key: "fontStroke",
             value: function fontStroke(_) {
                 return arguments.length ? (this._fontStroke = typeof _ === "function" ? _ : constant(_), this) : this._fontStroke;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the font stroke width for the rendered text.
-      @param {Function|Number} [*value* = 0]
-      @chainable
-  */ key: "fontStrokeWidth",
+            key: "fontStrokeWidth",
             value: function fontStrokeWidth(_) {
                 return arguments.length ? (this._fontStrokeWidth = typeof _ === "function" ? _ : constant(_), this) : this._fontStrokeWidth;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the font weight to the specified accessor function or static number, which is inferred from the [DOM selection](#textBox.select) by default.
-      @param {Function|Number|String} [*value* = 400]
-      @chainable
-  */ key: "fontWeight",
+            key: "fontWeight",
             value: function fontWeight(_) {
                 return arguments.length ? (this._fontWeight = typeof _ === "function" ? _ : constant(_), this) : this._fontWeight;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the height for each box to the specified accessor function or static number.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example <caption>default accessor</caption>
-function(d) {
-  return d.height || 200;
-}
-  */ key: "height",
+            key: "height",
             value: function height(_) {
                 return arguments.length ? (this._height = typeof _ === "function" ? _ : constant(_), this) : this._height;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Configures the ability to render simple HTML tags. Defaults to supporting `<b>`, `<strong>`, `<i>`, and `<em>`, set to false to disable or provide a mapping of tags to svg styles
-      @param {Object|Boolean} [*value* = {
-                i: 'font-style: italic;',
-                em: 'font-style: italic;',
-                b: 'font-weight: bold;',
-                strong: 'font-weight: bold;'
-            }]
-      @chainable
-  */ key: "html",
+            key: "html",
             value: function html(_) {
                 return arguments.length ? (this._html = typeof _ === "boolean" ? _ ? defaultHtmlLookup : false : _, this) : this._html;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Defines the unique id for each box to the specified accessor function or static number.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example <caption>default accessor</caption>
-function(d, i) {
-  return d.id || i + "";
-}
-  */ key: "id",
+            key: "id",
             value: function id(_) {
                 return arguments.length ? (this._id = typeof _ === "function" ? _ : constant(_), this) : this._id;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the line height to the specified accessor function or static number, which is 1.2 times the [font size](#textBox.fontSize) by default.
-      @param {Function|Number} [*value*]
-      @chainable
-  */ key: "lineHeight",
+            key: "lineHeight",
             value: function lineHeight(_) {
                 return arguments.length ? (this._lineHeight = typeof _ === "function" ? _ : constant(_), this) : this._lineHeight;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Restricts the maximum number of lines to wrap onto, which is null (unlimited) by default.
-      @param {Function|Number} [*value*]
-      @chainable
-  */ key: "maxLines",
+            key: "maxLines",
             value: function maxLines(_) {
                 return arguments.length ? (this._maxLines = typeof _ === "function" ? _ : constant(_), this) : this._maxLines;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the text overflow to the specified accessor function or static boolean.
-      @param {Function|Boolean} [*value* = false]
-      @chainable
-  */ key: "overflow",
+            key: "overflow",
             value: function overflow(_) {
                 return arguments.length ? (this._overflow = typeof _ === "function" ? _ : constant(_), this) : this._overflow;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the padding to the specified accessor function, CSS shorthand string, or static number, which is 0 by default.
-      @param {Function|Number|String} [*value*]
-      @chainable
-  */ key: "padding",
+            key: "padding",
             value: function padding(_) {
                 return arguments.length ? (this._padding = typeof _ === "function" ? _ : constant(_), this) : this._padding;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the pointer-events to the specified accessor function or static string.
-      @param {Function|String} [*value* = "auto"]
-      @chainable
-  */ key: "pointerEvents",
+            key: "pointerEvents",
             value: function pointerEvents(_) {
                 return arguments.length ? (this._pointerEvents = typeof _ === "function" ? _ : constant(_), this) : this._pointerEvents;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the rotate percentage for each box to the specified accessor function or static string.
-      @param {Function|Number} [*value* = 0]
-      @chainable
-  */ key: "rotate",
+            key: "rotate",
             value: function rotate(_) {
                 return arguments.length ? (this._rotate = typeof _ === "function" ? _ : constant(_), this) : this._rotate;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the anchor point around which to rotate the text box.
-      @param {Function|Number[]}
-      @chainable
-   */ key: "rotateAnchor",
+            key: "rotateAnchor",
             value: function rotateAnchor(_) {
                 return arguments.length ? (this._rotateAnchor = typeof _ === "function" ? _ : constant(_), this) : this._rotateAnchor;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the SVG container element to the specified d3 selector or DOM element. If not explicitly specified, an SVG element will be added to the page for use.
-      @param {String|HTMLElement} [*selector*]
-      @chainable
-  */ key: "select",
+            key: "select",
             value: function select1(_) {
                 return arguments.length ? (this._select = select(_), this) : this._select;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the word split behavior to the specified function, which when passed a string is expected to return that string split into an array of words.
-      @param {Function} [*value*]
-      @chainable
-  */ key: "split",
+            key: "split",
             value: function split(_) {
                 return arguments.length ? (this._split = _, this) : this._split;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the text for each box to the specified accessor function or static string.
-      @param {Function|String} [*value*]
-      @chainable
-      @example <caption>default accessor</caption>
-function(d) {
-  return d.text;
-}
-  */ key: "text",
+            key: "text",
             value: function text(_) {
                 return arguments.length ? (this._text = typeof _ === "function" ? _ : constant(_), this) : this._text;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the horizontal text anchor to the specified accessor function or static string, whose values are analagous to the SVG [text-anchor](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-anchor) property.
-      @param {Function|String} [*value* = "start"]
-      @chainable
-  */ key: "textAnchor",
+            key: "textAnchor",
             value: function textAnchor(_) {
                 return arguments.length ? (this._textAnchor = typeof _ === "function" ? _ : constant(_), this) : this._textAnchor;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the vertical alignment to the specified accessor function or static string. Accepts `"top"`, `"middle"`, and `"bottom"`.
-      @param {Function|String} [*value* = "top"]
-      @chainable
-  */ key: "verticalAlign",
+            key: "verticalAlign",
             value: function verticalAlign(_) {
                 return arguments.length ? (this._verticalAlign = typeof _ === "function" ? _ : constant(_), this) : this._verticalAlign;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the width for each box to the specified accessor function or static number.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example <caption>default accessor</caption>
-function(d) {
-  return d.width || 200;
-}
-  */ key: "width",
+            key: "width",
             value: function width(_) {
                 return arguments.length ? (this._width = typeof _ === "function" ? _ : constant(_), this) : this._width;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the x position for each box to the specified accessor function or static number. The number given should correspond to the left side of the textBox.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example <caption>default accessor</caption>
-function(d) {
-  return d.x || 0;
-}
-  */ key: "x",
+            key: "x",
             value: function x(_) {
                 return arguments.length ? (this._x = typeof _ === "function" ? _ : constant(_), this) : this._x;
             }
         },
         {
-            /**
-      @memberof TextBox
-      @desc Sets the y position for each box to the specified accessor function or static number. The number given should correspond to the top side of the textBox.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example <caption>default accessor</caption>
-function(d) {
-  return d.y || 0;
-}
-  */ key: "y",
+            key: "y",
             value: function y(_) {
                 return arguments.length ? (this._y = typeof _ === "function" ? _ : constant(_), this) : this._y;
             }
@@ -746,7 +592,5 @@ function(d) {
     return TextBox;
 }(BaseClass);
 /**
-    @class TextBox
-    @extends BaseClass
-    @desc Creates a wrapped text box for each point in an array of data. See [this example](https://d3plus.org/examples/d3plus-text/getting-started/) for help getting started using the TextBox class.
+    Creates a wrapped text box for each point in an array of data. See [this example](https://d3plus.org/examples/d3plus-text/getting-started/) for help getting started using the TextBox class.
 */ export { TextBox as default };