@d3plus/core 3.0.0-alpha.0

package/es/src/components/index.js

@@ -0,0 +1,11 @@
+export { default as Axis } from "./Axis.js";
+export { default as AxisBottom } from "./AxisBottom.js";
+export { default as AxisLeft } from "./AxisLeft.js";
+export { default as AxisRight } from "./AxisRight.js";
+export { default as AxisTop } from "./AxisTop.js";
+export { default as ColorScale } from "./ColorScale.js";
+export { default as Legend } from "./Legend.js";
+export { default as Message } from "./Message.js";
+export { default as TextBox } from "./TextBox.js";
+export { default as Timeline } from "./Timeline.js";
+export { default as Tooltip } from "./Tooltip.js";

package/es/src/shapes/Area.js

@@ -0,0 +1,361 @@
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _get(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) {
+        _get = Reflect.get;
+    } else {
+        _get = function get(target, property, receiver) {
+            var base = _super_prop_base(target, property);
+            if (!base) return;
+            var desc = Object.getOwnPropertyDescriptor(base, property);
+            if (desc.get) {
+                return desc.get.call(receiver || target);
+            }
+            return desc.value;
+        };
+    }
+    return _get(target, property, receiver || target);
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _super_prop_base(object, property) {
+    while(!Object.prototype.hasOwnProperty.call(object, property)){
+        object = _get_prototype_of(object);
+        if (object === null) break;
+    }
+    return object;
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
+import { extent } from "d3-array";
+import { nest } from "d3-collection";
+import { interpolatePath } from "d3-interpolate-path";
+import { select } from "d3-selection";
+import * as paths from "d3-shape";
+import { merge } from "@d3plus/data";
+import { largestRect } from "@d3plus/math";
+import { accessor, constant } from "../utils/index.js";
+import Shape from "./Shape.js";
+var Area = /*#__PURE__*/ function(Shape) {
+    "use strict";
+    _inherits(Area, Shape);
+    function Area() {
+        _class_call_check(this, Area);
+        var _this;
+        _this = _call_super(this, Area);
+        _this._curve = constant("linear");
+        _this._defined = function() {
+            return true;
+        };
+        _this._labelBounds = function(d, i, aes) {
+            var r = largestRect(aes.points);
+            if (!r) return null;
+            return {
+                angle: r.angle,
+                width: r.width,
+                height: r.height,
+                x: r.cx - r.width / 2 - _this._x(d, i),
+                y: r.cy - r.height / 2 - _this._y(d, i)
+            };
+        };
+        _this._labelConfig = Object.assign(_this._labelConfig, {
+            textAnchor: "middle",
+            verticalAlign: "middle"
+        });
+        _this._name = "Area";
+        _this._x = accessor("x");
+        _this._x0 = accessor("x");
+        _this._x1 = null;
+        _this._y = constant(0);
+        _this._y0 = constant(0);
+        _this._y1 = accessor("y");
+        return _this;
+    }
+    _create_class(Area, [
+        {
+            /**
+      @memberof Area
+      @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(d) {
+                var _this = this;
+                var values = d.values.slice().sort(function(a, b) {
+                    return _this._y1 ? _this._x(a) - _this._x(b) : _this._y(a) - _this._y(b);
+                });
+                var points1 = values.map(function(v, z) {
+                    return [
+                        _this._x0(v, z),
+                        _this._y0(v, z)
+                    ];
+                });
+                var points2 = values.reverse().map(function(v, z) {
+                    return _this._y1 ? [
+                        _this._x(v, z),
+                        _this._y1(v, z)
+                    ] : [
+                        _this._x1(v, z),
+                        _this._y(v, z)
+                    ];
+                });
+                var points = points1.concat(points2);
+                if (points1[0][1] > points2[0][1]) points = points.reverse();
+                points.push(points[0]);
+                return {
+                    points: points
+                };
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @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",
+            value: function _dataFilter(data) {
+                var _this = this;
+                var areas = nest().key(this._id).entries(data).map(function(d) {
+                    d.data = merge(d.values);
+                    d.i = data.indexOf(d.values[0]);
+                    var x = extent(d.values.map(_this._x).concat(d.values.map(_this._x0)).concat(_this._x1 ? d.values.map(_this._x1) : []));
+                    d.xR = x;
+                    d.width = x[1] - x[0];
+                    d.x = x[0] + d.width / 2;
+                    var y = extent(d.values.map(_this._y).concat(d.values.map(_this._y0)).concat(_this._y1 ? d.values.map(_this._y1) : []));
+                    d.yR = y;
+                    d.height = y[1] - y[0];
+                    d.y = y[0] + d.height / 2;
+                    d.nested = true;
+                    d.translate = [
+                        d.x,
+                        d.y
+                    ];
+                    d.__d3plusShape__ = true;
+                    return d;
+                });
+                areas.key = function(d) {
+                    return d.key;
+                };
+                return areas;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @desc Draws the area polygons.
+      @param {Function} [*callback*]
+      @chainable
+  */ key: "render",
+            value: function render(callback) {
+                var _this = this;
+                _get(_get_prototype_of(Area.prototype), "render", this).call(this, callback);
+                var userCurve = this._curve.bind(this)(this.config());
+                var curve = paths["curve".concat(userCurve.charAt(0).toUpperCase()).concat(userCurve.slice(1))];
+                var path = this._path = paths.area().defined(this._defined).curve(curve).x(this._x).x0(this._x0).x1(this._x1).y(this._y).y0(this._y0).y1(this._y1);
+                var exitPath = paths.area().defined(function(d) {
+                    return d;
+                }).curve(curve).x(this._x).y(this._y).x0(function(d, i) {
+                    return _this._x1 ? _this._x0(d, i) + (_this._x1(d, i) - _this._x0(d, i)) / 2 : _this._x0(d, i);
+                }).x1(function(d, i) {
+                    return _this._x1 ? _this._x0(d, i) + (_this._x1(d, i) - _this._x0(d, i)) / 2 : _this._x0(d, i);
+                }).y0(function(d, i) {
+                    return _this._y1 ? _this._y0(d, i) + (_this._y1(d, i) - _this._y0(d, i)) / 2 : _this._y0(d, i);
+                }).y1(function(d, i) {
+                    return _this._y1 ? _this._y0(d, i) + (_this._y1(d, i) - _this._y0(d, i)) / 2 : _this._y0(d, i);
+                });
+                this._enter.append("path").attr("transform", function(d) {
+                    return "translate(".concat(-d.xR[0] - d.width / 2, ", ").concat(-d.yR[0] - d.height / 2, ")");
+                }).attr("d", function(d) {
+                    return exitPath(d.values);
+                }).call(this._applyStyle.bind(this)).transition(this._transition).attrTween("d", function(d) {
+                    return interpolatePath(select(this).attr("d"), path(d.values));
+                });
+                this._update.select("path").transition(this._transition).attr("transform", function(d) {
+                    return "translate(".concat(-d.xR[0] - d.width / 2, ", ").concat(-d.yR[0] - d.height / 2, ")");
+                }).attrTween("d", function(d) {
+                    return interpolatePath(select(this).attr("d"), path(d.values));
+                }).call(this._applyStyle.bind(this));
+                this._exit.select("path").transition(this._transition).attrTween("d", function(d) {
+                    return interpolatePath(select(this).attr("d"), exitPath(d.values));
+                });
+                return this;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @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",
+            value: function curve(_) {
+                return arguments.length ? (this._curve = typeof _ === "function" ? _ : constant(_), this) : this._curve;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @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",
+            value: function defined(_) {
+                return arguments.length ? (this._defined = _, this) : this._defined;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @desc If *value* is specified, sets the x accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current x accessor.
+      @param {Function|Number} [*value*]
+      @chainable
+  */ key: "x",
+            value: function x(_) {
+                if (!arguments.length) return this._x;
+                this._x = typeof _ === "function" ? _ : constant(_);
+                this._x0 = this._x;
+                return this;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @desc If *value* is specified, sets the x0 accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current x0 accessor.
+      @param {Function|Number} [*value*]
+      @chainable
+  */ key: "x0",
+            value: function x0(_) {
+                if (!arguments.length) return this._x0;
+                this._x0 = typeof _ === "function" ? _ : constant(_);
+                this._x = this._x0;
+                return this;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @desc If *value* is specified, sets the x1 accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current x1 accessor.
+      @param {Function|Number|null} [*value*]
+      @chainable
+  */ key: "x1",
+            value: function x1(_) {
+                return arguments.length ? (this._x1 = typeof _ === "function" || _ === null ? _ : constant(_), this) : this._x1;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @desc If *value* is specified, sets the y accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current y accessor.
+      @param {Function|Number} [*value*]
+      @chainable
+  */ key: "y",
+            value: function y(_) {
+                if (!arguments.length) return this._y;
+                this._y = typeof _ === "function" ? _ : constant(_);
+                this._y0 = this._y;
+                return this;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @desc If *value* is specified, sets the y0 accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current y0 accessor.
+      @param {Function|Number} [*value*]
+      @chainable
+  */ key: "y0",
+            value: function y0(_) {
+                if (!arguments.length) return this._y0;
+                this._y0 = typeof _ === "function" ? _ : constant(_);
+                this._y = this._y0;
+                return this;
+            }
+        },
+        {
+            /**
+      @memberof Area
+      @desc If *value* is specified, sets the y1 accessor to the specified function or number and returns the current class instance. If *value* is not specified, returns the current y1 accessor.
+      @param {Function|Number|null} [*value*]
+      @chainable
+  */ key: "y1",
+            value: function y1(_) {
+                return arguments.length ? (this._y1 = typeof _ === "function" || _ === null ? _ : constant(_), this) : this._y1;
+            }
+        }
+    ]);
+    return Area;
+}(Shape);
+/**
+    @class Area
+    @extends Shape
+    @desc Creates SVG areas based on an array of data.
+*/ export { Area as default };