@d3plus/core 3.0.15 → 3.1.0

package/es/src/shapes/Shape.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);
@@ -47,6 +60,7 @@ function _inherits(subClass, superClass) {
     if (superClass) _set_prototype_of(subClass, superClass);
 }
 function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -92,19 +106,21 @@ import { strip } from "@d3plus/text";
 import { TextBox } from "../components/index.js";
 import { accessor, BaseClass, configPrep, constant } from "../utils/index.js";
 /**
- * @param {*} nodeList 
- * @param {*} classNames  
+ * @param {*} nodeList
+ * @param {*} classNames
  * @private
- */ function findLastIndexWithClass(nodeList, classNames) {
+*/ function findLastIndexWithClass(nodeList, classNames) {
     for(var x = 0; x < classNames.length; x++){
         var className = classNames[x];
         for(var i = nodeList.length - 1; i >= 0; i--){
+            // Iterate backwards
             if (nodeList[i].classList.contains(className)) {
+                // Check for the class
                 return i; // Return the index if found
             }
         }
     }
-    return 0; // Return -1 if no element is found with the class
+    return -1; // Return -1 if no element is found with the class
 }
 import Image from "./Image.js";
 var Shape = /*#__PURE__*/ function(BaseClass) {
@@ -114,10 +130,10 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         var tagName = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "g";
         _class_call_check(this, Shape);
         var _this;
-        _this = _call_super(this, Shape);
+        _this = _call_super(this, Shape), _define_property(_this, "_activeOpacity", void 0), _define_property(_this, "_activeStyle", void 0), _define_property(_this, "_ariaLabel", void 0), _define_property(_this, "_backgroundImage", void 0), _define_property(_this, "_backgroundImageClass", void 0), _define_property(_this, "_data", void 0), _define_property(_this, "_duration", void 0), _define_property(_this, "_fill", void 0), _define_property(_this, "_fillOpacity", void 0), _define_property(_this, "_hoverOpacity", void 0), _define_property(_this, "_hoverStyle", void 0), _define_property(_this, "_id", void 0), _define_property(_this, "_label", void 0), _define_property(_this, "_labelClass", void 0), _define_property(_this, "_labelConfig", void 0), _define_property(_this, "_labelBounds", void 0), _define_property(_this, "_name", void 0), _define_property(_this, "_opacity", void 0), _define_property(_this, "_pointerEvents", void 0), _define_property(_this, "_role", void 0), _define_property(_this, "_rotate", void 0), _define_property(_this, "_rx", void 0), _define_property(_this, "_ry", void 0), _define_property(_this, "_scale", void 0), _define_property(_this, "_shapeRendering", void 0), _define_property(_this, "_stroke", void 0), _define_property(_this, "_strokeDasharray", void 0), _define_property(_this, "_strokeLinecap", void 0), _define_property(_this, "_strokeOpacity", void 0), _define_property(_this, "_strokeWidth", void 0), _define_property(_this, "_tagName", void 0), _define_property(_this, "_textAnchor", void 0), _define_property(_this, "_texture", void 0), _define_property(_this, "_textureDefault", void 0), _define_property(_this, "_textureDefs", void 0), _define_property(_this, "_vectorEffect", void 0), _define_property(_this, "_verticalAlign", void 0), _define_property(_this, "_x", void 0), _define_property(_this, "_y", void 0), _define_property(_this, "_select", void 0), _define_property(_this, "_transition", void 0), _define_property(_this, "_sort", void 0), _define_property(_this, "_group", void 0), _define_property(_this, "_update", void 0), _define_property(_this, "_enter", void 0), _define_property(_this, "_exit", void 0), _define_property(_this, "_hoverGroup", void 0), _define_property(_this, "_activeGroup", void 0), _define_property(_this, "_hitArea", void 0), _define_property(_this, "_active", void 0), _define_property(_this, "_hover", void 0), _define_property(_this, "_discrete", void 0), _define_property(_this, "_path", void 0), _define_property(_this, "_defined", void 0), _define_property(_this, "_curve", void 0);
         _this._activeOpacity = 0.25;
         _this._activeStyle = {
-            "stroke": function(d, i) {
+            stroke: function stroke(d, i) {
                 var c = _this._fill(d, i);
                 if ([
                     "transparent",
@@ -139,7 +155,7 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         _this._fillOpacity = constant(1);
         _this._hoverOpacity = 0.5;
         _this._hoverStyle = {
-            "stroke": function(d, i) {
+            stroke: function stroke(d, i) {
                 var c = _this._fill(d, i);
                 if ([
                     "transparent",
@@ -158,7 +174,7 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         _this._label = constant(false);
         _this._labelClass = new TextBox();
         _this._labelConfig = {
-            fontColor: function(d, i) {
+            fontColor: function fontColor(d, i) {
                 return colorContrast(_this._fill(d, i));
             },
             fontSize: 12,
@@ -194,30 +210,27 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
     _create_class(Shape, [
         {
             /**
-      @memberof Shape
-      @desc Given a specific data point and index, returns the aesthetic properties of the shape.
-      @param {Object} *data point*
-      @param {Number} *index*
-      @private
-  */ key: "_aes",
-            value: function _aes() {
+      Given a specific data point and index, returns the aesthetic properties of the shape.
+      @param data point*
+      @param index @private
+*/ key: "_aes",
+            value: function _aes(_d, _i) {
                 return {};
             }
         },
         {
             /**
-      @memberof Shape
-      @desc Adds event listeners to each shape group or hit area.
-      @param {D3Selection} *update* The update cycle of the data binding.
+      Adds event listeners to each shape group or hit area.
       @private
-  */ key: "_applyEvents",
+*/ key: "_applyEvents",
             value: function _applyEvents(handler) {
                 var _loop = function(e) {
-                    handler.on(events[e], function(event, d, i) {
+                    handler.on(events[e], function(event, d) {
+                        var i = 0;
                         if (!_this._on[events[e]]) return;
                         if (d.i !== void 0) i = d.i;
                         if (d.nested && d.values) {
-                            var calcPoint = function(d, i) {
+                            var calcPoint = function calcPoint(d, i) {
                                 if (_this._discrete === "x") return [
                                     _this._x(d, i),
                                     cursor[1]
@@ -247,21 +260,19 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Shape
-      @desc Provides the updated styling to the given shape elements.
-      @param {HTMLElement} *elem*
-      @param {Object} *style*
+      Provides the updated styling to the given shape elements.
+
       @private
-  */ key: "_updateStyle",
+*/ key: "_updateStyle",
             value: function _updateStyle(elem, style) {
                 var that = this;
                 if (elem.size() && elem.node().tagName === "g") elem = elem.selectAll("*");
                 /**
-        @desc Determines whether a shape is a nested collection of data points, and uses the appropriate data and index for the given function context.
-        @param {Object} *d* data point
-        @param {Number} *i* index
+        Determines whether a shape is a nested collection of data points, and uses the appropriate data and index for the given function context.
+        @param d data point
+        @param i index
         @private
-    */ function styleLogic(d, i) {
+*/ function styleLogic(d, i) {
                     return typeof this !== "function" ? this : d.nested && d.key && d.values ? this(d.values[0], that._data.indexOf(d.values[0])) : this(d, i);
                 }
                 var styleObject = {};
@@ -270,28 +281,28 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                         styleObject[key] = styleLogic.bind(style[key]);
                     }
                 }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 elem.transition().duration(0).call(attrize, styleObject);
             }
         },
         {
             /**
-      @memberof Shape
-      @desc Provides the default styling to the shape elements.
-      @param {HTMLElement} *elem*
-      @private
-  */ key: "_applyStyle",
+      Provides the default styling to the shape elements.
+      @param elem @private
+*/ key: "_applyStyle",
             value: function _applyStyle(elem) {
                 var _this = this;
                 var that = this;
                 if (elem.size() && elem.node().tagName === "g") elem = elem.selectAll("*");
                 /**
-        @desc Determines whether a shape is a nested collection of data points, and uses the appropriate data and index for the given function context.
-        @param {Object} *d* data point
-        @param {Number} *i* index
+        Determines whether a shape is a nested collection of data points, and uses the appropriate data and index for the given function context.
+        @param d data point
+        @param i index
         @private
-    */ function styleLogic(d, i) {
+*/ function styleLogic(d, i) {
                     return typeof this !== "function" ? this : d.nested && d.key && d.values ? this(d.values[0], that._data.indexOf(d.values[0])) : this(d, i);
                 }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 elem.attr("fill", function(d, i) {
                     var texture = _this._getTextureKey.bind(_this)(d, i);
                     return texture ? _this._textureDefs[texture].url() : styleLogic.bind(_this._fill)(d, i);
@@ -300,13 +311,12 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Shape
-      @desc Calculates the transform for the group elements.
-      @param {HTMLElement} *elem*
-      @private
-  */ key: "_applyTransform",
+      Calculates the transform for the group elements.
+      @param elem @private
+*/ key: "_applyTransform",
             value: function _applyTransform(elem) {
                 var _this = this;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 elem.attr("transform", function(d, i) {
                     return "\n        translate(".concat(d.__d3plusShape__ ? d.translate ? d.translate : "".concat(_this._x(d.data, d.i), ",").concat(_this._y(d.data, d.i)) : "".concat(_this._x(d, i), ",").concat(_this._y(d, i)), ")\n        scale(").concat(d.__d3plusShape__ ? d.scale || _this._scale(d.data, d.i) : _this._scale(d, i), ")\n        rotate(").concat(d.__d3plusShape__ ? d.rotate ? d.rotate : _this._rotate(d.data || d, d.i) : _this._rotate(d.data || d, d.i), ")");
                 });
@@ -314,29 +324,29 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Shape
-      @desc Returns a full JSON string of the texture config for a given data point.
-      @param {Object} *d*
-      @param {Number} *i*
+      Returns a full JSON string of the texture config for a given data point.
+
       @private
-  */ key: "_getTextureKey",
+*/ key: "_getTextureKey",
             value: function _getTextureKey(d, i) {
                 var _this = this;
-                var texture = this._texture(d, i);
-                if (!texture) return false;
+                var textureVal = this._texture(d, i);
+                if (!textureVal) return false;
                 /**
-        @desc Determines whether a shape is a nested collection of data points, and uses the appropriate data and index for the given function context.
+        Determines whether a shape is a nested collection of data points, and uses the appropriate data and index for the given function context.
         @private
-    */ var styleLogic = function(_) {
+*/ var styleLogic = function styleLogic(_) {
                     return typeof _ !== "function" ? _ : d.nested && d.key && d.values ? _(d.values[0], _this._data.indexOf(d.values[0])) : _(d, i);
                 };
                 var fallback = this._textureDefault;
-                if (!isObject(texture)) texture = {
-                    texture: texture
+                var texture;
+                if (!isObject(textureVal)) texture = {
+                    texture: textureVal
                 };
+                else texture = textureVal;
                 if (!texture.background) texture.background = styleLogic(this._fill);
                 if (!texture.stroke && !fallback.stroke) texture.stroke = styleLogic(this._stroke);
-                var paths = [
+                var pathNames = [
                     "squares",
                     "nylon",
                     "waves",
@@ -345,7 +355,7 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                     "caps",
                     "hexagons"
                 ];
-                if (paths.includes(texture.texture) || typeof texture.texture === "function") {
+                if (pathNames.includes(texture.texture) || typeof texture.texture === "function") {
                     texture.d = texture.texture;
                     texture.texture = "paths";
                 } else if (texture.texture === "grid") {
@@ -365,11 +375,9 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Shape
-      @desc Checks for nested data and uses the appropriate variables for accessor functions.
-      @param {HTMLElement} *elem*
-      @private
-  */ key: "_nestWrapper",
+      Checks for nested data and uses the appropriate variables for accessor functions.
+      @param elem @private
+*/ key: "_nestWrapper",
             value: function _nestWrapper(method) {
                 return function(d, i) {
                     return method(d.__d3plusShape__ ? d.data : d, d.__d3plusShape__ ? d.i : i);
@@ -378,14 +386,14 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Shape
-      @desc Modifies existing shapes to show active status.
+      Modifies existing shapes to show active status.
       @private
-  */ key: "_renderActive",
+*/ key: "_renderActive",
             value: function _renderActive() {
                 var that = this;
-                this._group.selectAll(".d3plus-Shape, .d3plus-Image, .d3plus-textBox").each(function(d, i) {
-                    if (!d) d = {};
+                this._group.selectAll(".d3plus-Shape, .d3plus-Image, .d3plus-textBox")// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .each(function(_d, i) {
+                    var d = _d || {};
                     if (!d.parentNode) d.parentNode = this.parentNode;
                     var parent = d.parentNode;
                     if (select(this).classed("d3plus-textBox")) d = d.data;
@@ -399,7 +407,8 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                     if (group !== this.parentNode) {
                         group.appendChild(this);
                         if (this.className.baseVal.includes("d3plus-Shape")) {
-                            if (parent === group) select(this).call(that._applyStyle.bind(that));
+                            if (parent === group) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            select(this).call(that._applyStyle.bind(that));
                             else select(this).call(that._updateStyle.bind(that, select(this), that._activeStyle));
                         }
                     }
@@ -411,17 +420,15 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Shape
-      @desc Modifies existing shapes to show hover status.
+      Modifies existing shapes to show hover status.
       @private
-  */ key: "_renderHover",
+*/ key: "_renderHover",
             value: function _renderHover() {
                 var that = this;
-                this._group.selectAll("g.d3plus-".concat(this._name, "-shape, g.d3plus-").concat(this._name, "-image, g.d3plus-").concat(this._name, "-text, g.d3plus-").concat(this._name, "-hover")).selectAll(".d3plus-Shape, .d3plus-Image, .d3plus-textBox").each(function(d, i) {
-                    if (!d) d = {};
+                this._group.selectAll("g.d3plus-".concat(this._name, "-shape, g.d3plus-").concat(this._name, "-image, g.d3plus-").concat(this._name, "-text, g.d3plus-").concat(this._name, "-hover")).selectAll(".d3plus-Shape, .d3plus-Image, .d3plus-textBox")// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .each(function(_d, i) {
+                    var d = _d || {};
                     if (!d.parentNode) d.parentNode = this.parentNode;
-                    if (!d.dataIndex) d.dataIndex = i;
-                    var dataIndex = d.dataIndex;
                     var parent = d.parentNode;
                     var d3plusType = select(this).classed("d3plus-textBox") ? "textBox" : select(this).classed("d3plus-Image") ? "Image" : "Shape";
                     if (d3plusType === "textBox") d = d.data;
@@ -434,16 +441,19 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                     var notHovering = !that._hover || typeof that._hover !== "function" || !that._hover(d, i);
                     var group = notHovering ? parent : that._hoverGroup.node();
                     if (group !== this.parentNode) {
-                        var offset = d3plusType === "textBox" ? findLastIndexWithClass(group.childNodes, [
+                        var afterIndex = d3plusType === "textBox" ? findLastIndexWithClass(group.childNodes, [
                             "d3plus-Image",
                             "d3plus-Shape"
                         ]) : d3plusType === "Image" ? findLastIndexWithClass(group.childNodes, [
                             "d3plus-Shape"
-                        ]) : 0;
-                        group.insertBefore(this, group.childNodes[offset + dataIndex]);
+                        ]) : -1;
+                        if (notHovering) group.appendChild(this);
+                        else if (afterIndex === -1) group.prepend(this);
+                        else group.childNodes[afterIndex].after(this);
                     }
                     if (this.className.baseVal.includes("d3plus-Shape")) {
-                        if (parent === group) select(this).call(that._applyStyle.bind(that));
+                        if (parent === group) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        select(this).call(that._applyStyle.bind(that));
                         else select(this).call(that._updateStyle.bind(that, select(this), that._hoverStyle));
                     }
                 });
@@ -454,10 +464,9 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Shape
-      @desc Adds background image to each shape group.
+      Adds background image to each shape group.
       @private
-  */ key: "_renderImage",
+*/ key: "_renderImage",
             value: function _renderImage() {
                 var _this = this;
                 var imageData = [];
@@ -502,10 +511,9 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Shape
-      @desc Adds labels to each shape group.
+      Adds labels to each shape group.
       @private
-  */ key: "_renderLabels",
+*/ key: "_renderLabels",
             value: function _renderLabels() {
                 var _this = this;
                 var labelData = [];
@@ -530,7 +538,8 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                             for(var l = 0; l < labels.length; l++){
                                 var b = bounds.constructor === Array ? bounds[l] : Object.assign({}, bounds);
                                 var rotate = _this._rotate(d, i);
-                                var r = d.labelConfig && d.labelConfig.rotate ? d.labelConfig.rotate : bounds.angle !== undefined ? bounds.angle : 0;
+                                var labelConfig = d.labelConfig;
+                                var r = labelConfig && labelConfig.rotate ? labelConfig.rotate : bounds.angle !== undefined ? bounds.angle : 0;
                                 r += rotate;
                                 var rotateAnchor = rotate !== 0 ? [
                                     b.x * -1 || 0,
@@ -565,16 +574,15 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                     update: {
                         opacity: this._active ? this._activeOpacity : 1
                     }
-                }).node()).config(configPrep.bind(this)(this._labelConfig)).render();
+                }).node())// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .config(configPrep.bind(this)(this._labelConfig)).render();
             }
         },
         {
             /**
-      @memberof Shape
-      @desc Renders the current Shape to the page. If a *callback* is specified, it will be called once the shapes are done drawing.
-      @param {Function} [*callback*]
-      @chainable
-  */ key: "render",
+      Renders the current Shape to the page. 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) {
@@ -597,7 +605,8 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                 var existingTextureDefs = Object.keys(this._textureDefs);
                 existingTextureDefs.forEach(function(key) {
                     if (!textureSet.includes(key)) {
-                        select(_this._select.select("pattern#".concat(_this._textureDefs[key].id())).node().parentNode).remove();
+                        select(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        _this._select.select("pattern#".concat(_this._textureDefs[key].id())).node().parentNode).remove();
                         delete _this._textureDefs[key];
                     }
                 });
@@ -614,6 +623,7 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                         var config = JSON.parse(key);
                         var textureClass = config.texture;
                         delete config.texture;
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         var t = textures[textureClass]();
                         for(var k in config)_loop(k);
                         _this._select.call(t);
@@ -621,7 +631,8 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                     }
                 });
                 selectAll("g.d3plus-".concat(this._name, "-hover > *, g.d3plus-").concat(this._name, "-active > *")).each(function(d) {
-                    if (d && d.parentNode) d.parentNode.appendChild(this);
+                    var dp = d;
+                    if (dp && dp.parentNode) dp.parentNode.appendChild(this);
                     else this.parentNode.removeChild(this);
                 });
                 // Makes the update state of the group selection accessible.
@@ -637,6 +648,7 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                 // Orders and transforms the updating Shapes.
                 update.order();
                 if (this._duration) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     update.transition(this._transition).call(this._applyTransform.bind(this));
                 } else {
                     update.call(this._applyTransform.bind(this));
@@ -668,12 +680,15 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
                 var isLine = this._name === "Line";
                 if (isLine) {
                     var curve = this._curve.bind(this)(this.config());
-                    isLine && this._path.curve(paths["curve".concat(curve.charAt(0).toUpperCase()).concat(curve.slice(1))]).defined(this._defined).x(this._x).y(this._y);
+                    isLine && // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    this._path.curve(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    paths["curve".concat(curve.charAt(0).toUpperCase()).concat(curve.slice(1))]).defined(this._defined).x(this._x).y(this._y);
                 }
                 var hitEnter = hitAreas.enter().append(isLine ? "path" : "rect").attr("class", function(d, i) {
                     return "d3plus-HitArea d3plus-id-".concat(strip(_this._nestWrapper(_this._id)(d, i)));
                 }).attr("fill", "black").attr("stroke", "black").attr("pointer-events", "painted").attr("opacity", 0).call(this._applyTransform.bind(this));
                 var that = this;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var hitUpdates = hitAreas.merge(hitEnter).each(function(d) {
                     var i = that._data.indexOf(d);
                     var h = that._hitArea(d, i, that._aes(d, i));
@@ -690,12 +705,7 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the highlight accessor to the specified function and returns the current class instance.
-      @param {Function} [*value*]
-      @chainable
-  */ key: "active",
+            key: "active",
             value: function active(_) {
                 if (!arguments.length || _ === undefined) return this._active;
                 this._active = _;
@@ -708,111 +718,61 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc When shapes are active, this is the opacity of any shape that is not active.
-      @param {Number} *value* = 0.25
-      @chainable
-  */ key: "activeOpacity",
+            key: "activeOpacity",
             value: function activeOpacity(_) {
                 return arguments.length ? (this._activeOpacity = _, this) : this._activeOpacity;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc The style to apply to active shapes.
-      @param {Object} *value*
-      @chainable
-  */ key: "activeStyle",
+            key: "activeStyle",
             value: function activeStyle(_) {
                 return arguments.length ? (this._activeStyle = assign({}, this._activeStyle, _), this) : this._activeStyle;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the aria-label attribute to the specified function or string and returns the current class instance.
-      @param {Function|String} *value*
-      @chainable
-  */ key: "ariaLabel",
+            key: "ariaLabel",
             value: function ariaLabel(_) {
                 return _ !== undefined ? (this._ariaLabel = typeof _ === "function" ? _ : constant(_), this) : this._ariaLabel;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the background-image accessor to the specified function or string and returns the current class instance.
-      @param {Function|String} [*value* = false]
-      @chainable
-  */ key: "backgroundImage",
+            key: "backgroundImage",
             value: function backgroundImage(_) {
                 return arguments.length ? (this._backgroundImage = typeof _ === "function" ? _ : constant(_), this) : this._backgroundImage;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *data* is specified, sets the data array to the specified array and returns the current class instance. If *data* is not specified, returns the current data array. A shape 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 Shape
-      @desc Determines if either the X or Y position is discrete along a Line, which helps in determining the nearest data point on a line for a hit area event.
-      @param {String} *value*
-      @chainable
-  */ key: "discrete",
+            key: "discrete",
             value: function discrete(_) {
                 return arguments.length ? (this._discrete = _, this) : this._discrete;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *ms* is specified, sets the animation duration to the specified number and returns the current class instance. If *ms* is not specified, returns the current animation duration.
-      @param {Number} [*ms* = 600]
-      @chainable
-  */ key: "duration",
+            key: "duration",
             value: function duration(_) {
                 return arguments.length ? (this._duration = _, this) : this._duration;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the fill accessor to the specified function or string and returns the current class instance.
-      @param {Function|String} [*value* = "black"]
-      @chainable
-  */ key: "fill",
+            key: "fill",
             value: function fill(_) {
                 return arguments.length ? (this._fill = typeof _ === "function" ? _ : constant(_), this) : this._fill;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc Defines the "fill-opacity" attribute for the shapes.
-      @param {Function|Number} [*value* = 1]
-      @chainable
-  */ key: "fillOpacity",
+            key: "fillOpacity",
             value: function fillOpacity(_) {
                 return arguments.length ? (this._fillOpacity = typeof _ === "function" ? _ : constant(_), this) : this._fillOpacity;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the highlight accessor to the specified function and returns the current class instance.
-      @param {Function} [*value*]
-      @chainable
-  */ key: "hover",
+            key: "hover",
             value: function hover(_) {
                 if (!arguments.length || _ === void 0) return this._hover;
                 this._hover = _;
@@ -825,350 +785,175 @@ var Shape = /*#__PURE__*/ function(BaseClass) {
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc The style to apply to hovered shapes.
-      @param {Object} *value*
-      @chainable
-   */ key: "hoverStyle",
+            key: "hoverStyle",
             value: function hoverStyle(_) {
                 return arguments.length ? (this._hoverStyle = assign({}, this._hoverStyle, _), this) : this._hoverStyle;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the hover opacity to the specified function and returns the current class instance.
-      @param {Number} [*value* = 0.5]
-      @chainable
-  */ key: "hoverOpacity",
+            key: "hoverOpacity",
             value: function hoverOpacity(_) {
                 return arguments.length ? (this._hoverOpacity = _, this) : this._hoverOpacity;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *bounds* is specified, sets the mouse hit area to the specified function and returns the current class instance. If *bounds* is not specified, returns the current mouse hit area accessor.
-      @param {Function} [*bounds*] The given function is passed the data point, index, and internally defined properties of the shape and should return an object containing the following values: `width`, `height`, `x`, `y`.
-      @chainable
-      @example
-function(d, i, shape) {
-  return {
-    "width": shape.width,
-    "height": shape.height,
-    "x": -shape.width / 2,
-    "y": -shape.height / 2
-  };
-}
-  */ key: "hitArea",
+            key: "hitArea",
             value: function hitArea(_) {
                 return arguments.length ? (this._hitArea = typeof _ === "function" ? _ : constant(_), this) : this._hitArea;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the id accessor to the specified function and returns the current class instance.
-      @param {Function} [*value*]
-      @chainable
-  */ key: "id",
+            key: "id",
             value: function id(_) {
                 return arguments.length ? (this._id = _, this) : this._id;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the label accessor to the specified function or string and returns the current class instance.
-      @param {Function|String|Array} [*value*]
-      @chainable
-  */ key: "label",
+            key: "label",
             value: function label(_) {
                 return arguments.length ? (this._label = typeof _ === "function" ? _ : constant(_), this) : this._label;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *bounds* is specified, sets the label bounds to the specified function and returns the current class instance. If *bounds* is not specified, returns the current inner bounds accessor.
-      @param {Function} [*bounds*] The given function is passed the data point, index, and internally defined properties of the shape and should return an object containing the following values: `width`, `height`, `x`, `y`. If an array is returned from the function, each value will be used in conjunction with each label.
-      @chainable
-      @example
-function(d, i, shape) {
-  return {
-    "width": shape.width,
-    "height": shape.height,
-    "x": -shape.width / 2,
-    "y": -shape.height / 2
-  };
-}
-  */ key: "labelBounds",
+            key: "labelBounds",
             value: function labelBounds(_) {
                 return arguments.length ? (this._labelBounds = typeof _ === "function" ? _ : constant(_), this) : this._labelBounds;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc A pass-through to the config method of the TextBox class used to create a shape's labels.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "labelConfig",
+            key: "labelConfig",
             value: function labelConfig(_) {
                 return arguments.length ? (this._labelConfig = assign(this._labelConfig, _), this) : this._labelConfig;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the opacity accessor to the specified function or number and returns the current class instance.
-      @param {Number} [*value* = 1]
-      @chainable
-  */ key: "opacity",
+            key: "opacity",
             value: function opacity(_) {
                 return arguments.length ? (this._opacity = typeof _ === "function" ? _ : constant(_), this) : this._opacity;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the pointerEvents accessor to the specified function or string and returns the current class instance.
-      @param {String} [*value*]
-      @chainable
-   */ key: "pointerEvents",
+            key: "pointerEvents",
             value: function pointerEvents(_) {
                 return arguments.length ? (this._pointerEvents = typeof _ === "function" ? _ : constant(_), this) : this._pointerEvents;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the role attribute to the specified function or string and returns the current class instance.
-      @param {Function|String} *value*
-      @chainable
-  */ key: "role",
+            key: "role",
             value: function role(_) {
                 return _ !== undefined ? (this._role = typeof _ === "function" ? _ : constant(_), this) : this._role;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the rotate accessor to the specified function or number and returns the current class instance.
-      @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 Shape
-      @desc Defines the "rx" attribute for the shapes.
-      @param {Function|Number} [*value* = 0]
-      @chainable
-  */ key: "rx",
+            key: "rx",
             value: function rx(_) {
                 return arguments.length ? (this._rx = typeof _ === "function" ? _ : constant(_), this) : this._rx;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc Defines the "rx" attribute for the shapes.
-      @param {Function|Number} [*value* = 0]
-      @chainable
-  */ key: "ry",
+            key: "ry",
             value: function ry(_) {
                 return arguments.length ? (this._ry = typeof _ === "function" ? _ : constant(_), this) : this._ry;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the scale accessor to the specified function or string and returns the current class instance.
-      @param {Function|Number} [*value* = 1]
-      @chainable
-  */ key: "scale",
+            key: "scale",
             value: function scale(_) {
                 return arguments.length ? (this._scale = typeof _ === "function" ? _ : constant(_), this) : this._scale;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *selector* is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If *selector* is not specified, returns the current SVG container element.
-      @param {String|HTMLElement} [*selector* = d3.select("body").append("svg")]
-      @chainable
-  */ key: "select",
+            key: "select",
             value: function select1(_) {
                 return arguments.length ? (this._select = select(_), this) : this._select;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the shape-rendering accessor to the specified function or string and returns the current class instance.
-      @param {Function|String} [*value* = "geometricPrecision"]
-      @chainable
-      @example
-function(d) {
-  return d.x;
-}
-  */ key: "shapeRendering",
+            key: "shapeRendering",
             value: function shapeRendering(_) {
                 return arguments.length ? (this._shapeRendering = typeof _ === "function" ? _ : constant(_), this) : this._shapeRendering;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the sort comparator to the specified function and returns the current class instance.
-      @param {false|Function} [*value* = []]
-      @chainable
-  */ key: "sort",
+            key: "sort",
             value: function sort(_) {
-                return arguments.length ? (this._sort = _, this) : this._sort;
+                return arguments.length ? (this._sort = _ !== null && _ !== void 0 ? _ : null, this) : this._sort;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the stroke accessor to the specified function or string and returns the current class instance.
-      @param {Function|String} [*value* = "black"]
-      @chainable
-  */ key: "stroke",
+            key: "stroke",
             value: function stroke(_) {
                 return arguments.length ? (this._stroke = typeof _ === "function" ? _ : constant(_), this) : this._stroke;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc Defines the "stroke-dasharray" attribute for the shapes.
-      @param {Function|String} [*value* = "1"]
-      @chainable
-  */ key: "strokeDasharray",
+            key: "strokeDasharray",
             value: function strokeDasharray(_) {
                 return arguments.length ? (this._strokeDasharray = typeof _ === "function" ? _ : constant(_), this) : this._strokeDasharray;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc Defines the "stroke-linecap" attribute for the shapes. Accepted values are `"butt"`, `"round"`, and `"square"`.
-      @param {Function|String} [*value* = "butt"]
-      @chainable
-  */ key: "strokeLinecap",
+            key: "strokeLinecap",
             value: function strokeLinecap(_) {
                 return arguments.length ? (this._strokeLinecap = typeof _ === "function" ? _ : constant(_), this) : this._strokeLinecap;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc Defines the "stroke-opacity" attribute for the shapes.
-      @param {Function|Number} [*value* = 1]
-      @chainable
-  */ key: "strokeOpacity",
+            key: "strokeOpacity",
             value: function strokeOpacity(_) {
                 return arguments.length ? (this._strokeOpacity = typeof _ === "function" ? _ : constant(_), this) : this._strokeOpacity;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the stroke-width accessor to the specified function or string and returns the current class instance.
-      @param {Function|Number} [*value* = 0]
-      @chainable
-  */ key: "strokeWidth",
+            key: "strokeWidth",
             value: function strokeWidth(_) {
                 return arguments.length ? (this._strokeWidth = typeof _ === "function" ? _ : constant(_), this) : this._strokeWidth;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the text-anchor accessor to the specified function or string and returns the current class instance.
-      @param {Function|String|Array} [*value* = "start"]
-      @chainable
-  */ key: "textAnchor",
+            key: "textAnchor",
             value: function textAnchor(_) {
                 return arguments.length ? (this._textAnchor = typeof _ === "function" ? _ : constant(_), this) : this._textAnchor;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc Defines the texture used inside of each shape. This uses the [textures.js](https://riccardoscalco.it/textures/) package, and expects either a simple string (`"lines"` or `"circles"`) or a more complex Object containing the various properties of the texture (ie. `{texture: "lines", orientation: "3/8", stroke: "darkorange"}`). If multiple textures are necessary, provide an accsesor Function that returns the correct String/Object for each given data point and index.
-      @param {String|Object|Function} [*value*]
-      @chainable
-  */ key: "texture",
+            key: "texture",
             value: function texture(_) {
                 return arguments.length ? (this._texture = typeof _ === "function" ? _ : constant(_), this) : this._texture;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc A series of global texture methods to be used for all textures (ie. `{stroke: "darkorange", strokeWidth: 2}`).
-      @param {Object} [*value*]
-      @chainable
-  */ key: "textureDefault",
+            key: "textureDefault",
             value: function textureDefault(_) {
                 return arguments.length ? (this._textureDefault = assign(this._textureDefault, _), this) : this._textureDefault;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the vector-effect accessor to the specified function or string and returns the current class instance.
-      @param {Function|String} [*value* = "non-scaling-stroke"]
-      @chainable
-  */ key: "vectorEffect",
+            key: "vectorEffect",
             value: function vectorEffect(_) {
                 return arguments.length ? (this._vectorEffect = typeof _ === "function" ? _ : constant(_), this) : this._vectorEffect;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the vertical alignment accessor to the specified function or string and returns the current class instance.
-      @param {Function|String|Array} [*value* = "start"]
-      @chainable
-  */ key: "verticalAlign",
+            key: "verticalAlign",
             value: function verticalAlign(_) {
                 return arguments.length ? (this._verticalAlign = typeof _ === "function" ? _ : constant(_), this) : this._verticalAlign;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the x accessor to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.x;
-}
-  */ key: "x",
+            key: "x",
             value: function x(_) {
                 return arguments.length ? (this._x = typeof _ === "function" ? _ : constant(_), this) : this._x;
             }
         },
         {
-            /**
-      @memberof Shape
-      @desc If *value* is specified, sets the y accessor to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.y;
-}
-  */ key: "y",
+            key: "y",
             value: function y(_) {
                 return arguments.length ? (this._y = typeof _ === "function" ? _ : constant(_), this) : this._y;
             }
@@ -1177,7 +962,5 @@ function(d) {
     return Shape;
 }(BaseClass);
 /**
-    @class Shape
-    @extends BaseClass
-    @desc An abstracted class for generating shapes.
+    An abstracted class for generating shapes.
 */ export { Shape as default };