@d3plus/core 3.0.16 → 3.1.0

package/es/src/shapes/Image.js

@@ -17,6 +17,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;
+}
 import { select } from "d3-selection";
 import { transition } from "d3-transition";
 import { accessor, constant } from "../utils/index.js";
@@ -24,12 +37,22 @@ var Image = /*#__PURE__*/ function() {
     "use strict";
     function Image() {
         _class_call_check(this, Image);
+        _define_property(this, "_duration", void 0);
+        _define_property(this, "_height", void 0);
+        _define_property(this, "_id", void 0);
+        _define_property(this, "_opacity", void 0);
+        _define_property(this, "_pointerEvents", void 0);
+        _define_property(this, "_select", void 0);
+        _define_property(this, "_url", void 0);
+        _define_property(this, "_width", void 0);
+        _define_property(this, "_x", void 0);
+        _define_property(this, "_y", void 0);
+        _define_property(this, "_data", void 0);
         this._duration = 600;
         this._height = accessor("height");
         this._id = accessor("id");
         this._opacity = constant(1);
         this._pointerEvents = constant("auto");
-        this._select;
         this._url = accessor("url");
         this._width = accessor("width");
         this._x = accessor("x", 0);
@@ -38,14 +61,13 @@ var Image = /*#__PURE__*/ function() {
     _create_class(Image, [
         {
             /**
-      @memberof Image
-      @desc Renders the current Image to the page. If a *callback* is specified, it will be called once the images are done drawing.
-      @param {Function} [*callback*]
-      @chainable
-  */ key: "render",
+      Renders the current Image to the page. If a *callback* is specified, it will be called once the images 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")).style("display", "block").node());
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var images = this._select.selectAll(".d3plus-Image").data(this._data, this._id);
                 var enter = images.enter().append("image").attr("class", "d3plus-Image").attr("opacity", 0).attr("width", 0).attr("height", 0).attr("x", function(d, i) {
                     return _this._x(d, i) + _this._width(d, i) / 2;
@@ -65,15 +87,15 @@ var Image = /*#__PURE__*/ function() {
                     var image = select(this), link = that._url(d, i);
                     var fullAddress = link.indexOf("http://") === 0 || link.indexOf("https://") === 0;
                     if (!fullAddress || link.indexOf(window.location.hostname) === 0) {
-                        var img = new Image();
+                        var img = new window.Image();
                         img.src = link;
                         img.crossOrigin = "Anonymous";
                         img.onload = function() {
                             var canvas = document.createElement("canvas");
-                            canvas.width = this.width;
-                            canvas.height = this.height;
+                            canvas.width = img.width;
+                            canvas.height = img.height;
                             var context = canvas.getContext("2d");
-                            context.drawImage(this, 0, 0);
+                            context.drawImage(img, 0, 0);
                             image.attr("xlink:href", canvas.toDataURL("image/png"));
                         };
                     }
@@ -92,146 +114,67 @@ var Image = /*#__PURE__*/ function() {
             }
         },
         {
-            /**
-      @memberof Image
-      @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. An <image> tag 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 Image
-      @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 Image
-      @desc If *value* is specified, sets the height accessor to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.height;
-}
-  */ key: "height",
+            key: "height",
             value: function height(_) {
                 return arguments.length ? (this._height = typeof _ === "function" ? _ : constant(_), this) : this._height;
             }
         },
         {
-            /**
-      @memberof Image
-      @desc If *value* is specified, sets the id accessor to the specified function and returns the current class instance.
-      @param {Function} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.id;
-}
-  */ key: "id",
+            key: "id",
             value: function id(_) {
                 return arguments.length ? (this._id = _, this) : this._id;
             }
         },
         {
-            /**
-      @memberof Image
-      @desc Sets the opacity of the image.
-      @param {Number} [*value* = 1]
-      @chainable
-  */ key: "opacity",
+            key: "opacity",
             value: function opacity(_) {
                 return arguments.length ? (this._opacity = typeof _ === "function" ? _ : constant(_), this) : this._opacity;
             }
         },
         {
-            /**
-      @memberof Image
-      @desc If *value* is specified, sets the pointer-events accessor to the specified function or string and returns the current class instance.
-      @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 Image
-      @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 Image
-      @desc If *value* is specified, sets the URL accessor to the specified function and returns the current class instance.
-      @param {Function} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.url;
-}
-  */ key: "url",
+            key: "url",
             value: function url(_) {
                 return arguments.length ? (this._url = _, this) : this._url;
             }
         },
         {
-            /**
-      @memberof Image
-      @desc If *value* is specified, sets the width accessor to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.width;
-}
-  */ key: "width",
+            key: "width",
             value: function width(_) {
                 return arguments.length ? (this._width = typeof _ === "function" ? _ : constant(_), this) : this._width;
             }
         },
         {
-            /**
-      @memberof Image
-      @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 || 0;
-}
-  */ key: "x",
+            key: "x",
             value: function x(_) {
                 return arguments.length ? (this._x = typeof _ === "function" ? _ : constant(_), this) : this._x;
             }
         },
         {
-            /**
-      @memberof Image
-      @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 || 0;
-}
-  */ key: "y",
+            key: "y",
             value: function y(_) {
                 return arguments.length ? (this._y = typeof _ === "function" ? _ : constant(_), this) : this._y;
             }
@@ -240,8 +183,7 @@ function(d) {
     return Image;
 }();
 /**
-    @class Image
-    @desc Creates SVG images based on an array of data.
+    Creates SVG images based on an array of data.
     @example <caption>a sample row of data</caption>
 var data = {"url": "file.png", "width": "100", "height": "50"};
 @example <caption>passed to the generator</caption>

package/es/src/shapes/Line.js

@@ -1,3 +1,11 @@
+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 _assert_this_initialized(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -62,6 +70,33 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+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 _possible_constructor_return(self, call) {
     if (call && (_type_of(call) === "object" || typeof call === "function")) {
         return call;
@@ -75,6 +110,9 @@ function _set_prototype_of(o, p) {
     };
     return _set_prototype_of(o, p);
 }
+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 _super_prop_base(object, property) {
     while(!Object.prototype.hasOwnProperty.call(object, property)){
         object = _get_prototype_of(object);
@@ -86,6 +124,14 @@ function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
+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);
+}
 function _is_native_reflect_construct() {
     try {
         var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
@@ -94,8 +140,7 @@ function _is_native_reflect_construct() {
         return !!result;
     })();
 }
-import { extent, sum } from "d3-array";
-import { nest } from "d3-collection";
+import { extent, groups, sum } from "d3-array";
 import { interpolatePath } from "d3-interpolate-path";
 import { select } from "d3-selection";
 import * as paths from "d3-shape";
@@ -115,12 +160,12 @@ var Line = /*#__PURE__*/ function(Shape) {
         };
         _this._fill = constant("none");
         _this._hitArea = constant({
-            "d": function(d) {
+            d: function d(d) {
                 return _this._path(d.values);
             },
-            "fill": "none",
+            fill: "none",
             "stroke-width": 10,
-            "transform": null
+            transform: null
         });
         _this._name = "Line";
         _this._path = paths.line();
@@ -131,14 +176,17 @@ var Line = /*#__PURE__*/ function(Shape) {
     _create_class(Line, [
         {
             /**
-      @memberof Line
-      @desc Filters/manipulates the data array before binding each point to an SVG group.
-      @param {Array} [*data* = the data array to be filtered]
-      @private
-  */ key: "_dataFilter",
+      Filters/manipulates the data array before binding each point to an SVG group.
+      @param data @private
+*/ key: "_dataFilter",
             value: function _dataFilter(data) {
                 var _this = this;
-                var lines = nest().key(this._id).entries(data).map(function(d) {
+                var lines = groups(data, this._id).map(function(param) {
+                    var _param = _sliced_to_array(param, 2), key = _param[0], values = _param[1];
+                    var d = {
+                        key: key,
+                        values: values
+                    };
                     d.data = merge(d.values);
                     d.i = data.indexOf(d.values[0]);
                     var x = extent(d.values, _this._x);
@@ -165,20 +213,18 @@ var Line = /*#__PURE__*/ function(Shape) {
         },
         {
             /**
-      @memberof Line
-      @desc Draws the lines.
-      @param {Function} [*callback*]
-      @chainable
-  */ key: "render",
+      Draws the lines.
+    @param callback Optional callback invoked after rendering completes.
+*/ key: "render",
             value: function render(callback) {
                 var _this = this;
                 _get(_get_prototype_of(Line.prototype), "render", this).call(this, callback);
                 var that = this;
                 /**
-        @desc Calculates the stroke-dasharray used for animations
-        @param {Object} *d* data point
+        Calculates the stroke-dasharray used for animations
+        @param d data point
         @private
-    */ function calculateStrokeDashArray(d) {
+*/ function calculateStrokeDashArray(d) {
                     d.initialLength = this.getTotalLength();
                     var strokeArray = that._strokeDasharray(d.values[0], that._data.indexOf(d.values[0])).split(" ").map(Number);
                     if (strokeArray.length === 1 && strokeArray[0] === 0) strokeArray = [
@@ -203,6 +249,7 @@ var Line = /*#__PURE__*/ function(Shape) {
                 }
                 var userCurve = this._curve.bind(this)(this.config());
                 var curve = paths["curve".concat(userCurve.charAt(0).toUpperCase()).concat(userCurve.slice(1))];
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 this._path.curve(curve).defined(this._defined).x(this._x).y(this._y);
                 var enter = this._enter.append("path").attr("transform", function(d) {
                     return "translate(".concat(-d.xR[0] - d.width / 2, ", ").concat(-d.yR[0] - d.height / 2, ")");
@@ -221,6 +268,7 @@ var Line = /*#__PURE__*/ function(Shape) {
                     update = update.transition(this._transition).attrTween("d", function(d) {
                         return interpolatePath(select(this).attr("d"), that._path(d.values));
                     });
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     this._exit.selectAll("path").each(calculateStrokeDashArray).attr("stroke-dasharray", function(d) {
                         return "".concat(d.initialStrokeArray, " ").concat(d.initialLength);
                     }).transition(this._transition).attr("stroke-dashoffset", function(d) {
@@ -239,12 +287,10 @@ var Line = /*#__PURE__*/ function(Shape) {
         },
         {
             /**
-      @memberof Line
-      @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",
+      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) {
                 var _this = this;
                 return {
@@ -258,23 +304,13 @@ var Line = /*#__PURE__*/ function(Shape) {
             }
         },
         {
-            /**
-      @memberof Line
-      @desc If *value* is specified, sets the area curve to the specified string and returns the current class instance. If *value* is not specified, returns the current area curve.
-      @param {Function|String} [*value* = "linear"]
-      @chainable
-  */ key: "curve",
+            key: "curve",
             value: function curve(_) {
                 return arguments.length ? (this._curve = typeof _ === "function" ? _ : constant(_), this) : this._curve;
             }
         },
         {
-            /**
-      @memberof Line
-      @desc If *value* is specified, sets the defined accessor to the specified function and returns the current class instance. If *value* is not specified, returns the current defined accessor.
-      @param {Function} [*value*]
-      @chainable
-  */ key: "defined",
+            key: "defined",
             value: function defined(_) {
                 return arguments.length ? (this._defined = _, this) : this._defined;
             }
@@ -283,7 +319,5 @@ var Line = /*#__PURE__*/ function(Shape) {
     return Line;
 }(Shape);
 /**
-    @class Line
-    @extends Shape
-    @desc Creates SVG lines based on an array of data.
+    Creates SVG lines based on an array of data.
 */ export { Line as default };

package/es/src/shapes/Path.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(target, property, receiver) {
     if (typeof Reflect !== "undefined" && Reflect.get) {
         _get = Reflect.get;
@@ -105,7 +118,7 @@ var Path = /*#__PURE__*/ function(Shape) {
         var _this;
         _this = _call_super(this, Path, [
             "path"
-        ]);
+        ]), _define_property(_this, "_d", void 0);
         _this._d = accessor("path");
         _this._labelBounds = function(d, i, aes) {
             var r = largestRect(aes.points, {
@@ -129,12 +142,10 @@ var Path = /*#__PURE__*/ function(Shape) {
     _create_class(Path, [
         {
             /**
-      @memberof Path
-      @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",
+      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 {
                     points: path2polygon(this._d(d, i))
@@ -143,11 +154,9 @@ var Path = /*#__PURE__*/ function(Shape) {
         },
         {
             /**
-      @memberof Path
-      @desc Draws the paths.
-      @param {Function} [*callback*]
-      @chainable
-  */ key: "render",
+      Draws the paths.
+    @param callback Optional callback invoked after rendering completes.
+*/ key: "render",
             value: function render(callback) {
                 _get(_get_prototype_of(Path.prototype), "render", this).call(this, callback);
                 var enter = this._enter.attr("d", this._d).call(this._applyStyle.bind(this));
@@ -162,16 +171,7 @@ var Path = /*#__PURE__*/ function(Shape) {
             }
         },
         {
-            /**
-      @memberof Path
-      @desc If *value* is specified, sets the "d" attribute accessor to the specified function or number and returns the current class instance.
-      @param {Function|String} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.path;
-}
-  */ key: "d",
+            key: "d",
             value: function d(_) {
                 return arguments.length ? (this._d = typeof _ === "function" ? _ : constant(_), this) : this._d;
             }
@@ -180,7 +180,5 @@ function(d) {
     return Path;
 }(Shape);
 /**
-    @class Path
-    @extends Shape
-    @desc Creates SVG Paths based on an array of data.
+    Creates SVG Paths based on an array of data.
 */ export { Path as default };

package/es/src/shapes/Rect.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(target, property, receiver) {
     if (typeof Reflect !== "undefined" && Reflect.get) {
         _get = Reflect.get;
@@ -104,9 +117,9 @@ var Rect = /*#__PURE__*/ function(Shape) {
         var _this;
         _this = _call_super(this, Rect, [
             "rect"
-        ]);
+        ]), _define_property(_this, "_height", void 0), _define_property(_this, "_width", void 0);
         _this._height = accessor("height");
-        _this._labelBounds = function(d, i, s) {
+        _this._labelBounds = function(_d, _i, s) {
             return {
                 width: s.width,
                 height: s.height,
@@ -121,11 +134,9 @@ var Rect = /*#__PURE__*/ function(Shape) {
     _create_class(Rect, [
         {
             /**
-      @memberof Rect
-      @desc Draws the rectangles.
-      @param {Function} [*callback*]
-      @chainable
-  */ key: "render",
+      Draws the rectangles.
+    @param callback Optional callback invoked after rendering completes.
+*/ key: "render",
             value: function render(callback) {
                 _get(_get_prototype_of(Rect.prototype), "render", this).call(this, callback);
                 var enter = this._enter.attr("width", 0).attr("height", 0).attr("x", 0).attr("y", 0).call(this._applyStyle.bind(this));
@@ -142,12 +153,10 @@ var Rect = /*#__PURE__*/ function(Shape) {
         },
         {
             /**
-      @memberof Rect
-      @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",
+      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 {
                     width: this._width(d, i),
@@ -157,13 +166,12 @@ var Rect = /*#__PURE__*/ function(Shape) {
         },
         {
             /**
-      @memberof Rect
-      @desc Provides the default positioning to the <rect> elements.
-      @param {D3Selection} *elem*
-      @private
-  */ key: "_applyPosition",
+      Provides the default positioning to the <rect> elements.
+      @param elem @private
+*/ key: "_applyPosition",
             value: function _applyPosition(elem) {
                 var _this = this;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 elem.attr("width", function(d, i) {
                     return _this._width(d, i);
                 }).attr("height", function(d, i) {
@@ -176,31 +184,13 @@ var Rect = /*#__PURE__*/ function(Shape) {
             }
         },
         {
-            /**
-      @memberof Rect
-      @desc If *value* is specified, sets the height accessor to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.height;
-}
-  */ key: "height",
+            key: "height",
             value: function height(_) {
                 return arguments.length ? (this._height = typeof _ === "function" ? _ : constant(_), this) : this._height;
             }
         },
         {
-            /**
-      @memberof Rect
-      @desc If *value* is specified, sets the width accessor to the specified function or number and returns the current class instance.
-      @param {Function|Number} [*value*]
-      @chainable
-      @example
-function(d) {
-  return d.width;
-}
-  */ key: "width",
+            key: "width",
             value: function width(_) {
                 return arguments.length ? (this._width = typeof _ === "function" ? _ : constant(_), this) : this._width;
             }
@@ -209,7 +199,5 @@ function(d) {
     return Rect;
 }(Shape);
 /**
-    @class Rect
-    @extends Shape
-    @desc Creates SVG rectangles based on an array of data. See [this example](https://d3plus.org/examples/d3plus-shape/getting-started/) for help getting started using the rectangle generator.
+    Creates SVG rectangles based on an array of data. See [this example](https://d3plus.org/examples/d3plus-shape/getting-started/) for help getting started using the rectangle generator.
 */ export { Rect as default };