@d3plus/core 3.0.0-alpha.0

package/es/src/shapes/Bar.js

@@ -0,0 +1,342 @@
+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 { accessor, constant } from "../utils/index.js";
+import Shape from "./Shape.js";
+var Bar = /*#__PURE__*/ function(Shape) {
+    "use strict";
+    _inherits(Bar, Shape);
+    function Bar() {
+        _class_call_check(this, Bar);
+        var _this;
+        _this = _call_super(this, Bar, [
+            "rect"
+        ]);
+        _this._name = "Bar";
+        _this._height = constant(10);
+        _this._labelBounds = function(d, i, s) {
+            return {
+                width: s.width,
+                height: s.height,
+                x: _this._x1 !== null ? _this._getX(d, i) : -s.width / 2,
+                y: _this._x1 === null ? _this._getY(d, i) : -s.height / 2
+            };
+        };
+        _this._width = constant(10);
+        _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(Bar, [
+        {
+            /**
+      @memberof Bar
+      @desc Draws the bars.
+      @param {Function} [*callback*]
+      @chainable
+  */ key: "render",
+            value: function render(callback) {
+                var _this = this;
+                _get(_get_prototype_of(Bar.prototype), "render", this).call(this, callback);
+                var enter = this._enter.attr("width", function(d, i) {
+                    return _this._x1 === null ? _this._getWidth(d, i) : 0;
+                }).attr("height", function(d, i) {
+                    return _this._x1 !== null ? _this._getHeight(d, i) : 0;
+                }).attr("x", function(d, i) {
+                    return _this._x1 === null ? -_this._getWidth(d, i) / 2 : 0;
+                }).attr("y", function(d, i) {
+                    return _this._x1 !== null ? -_this._getHeight(d, i) / 2 : 0;
+                }).call(this._applyStyle.bind(this));
+                var update = this._update;
+                if (this._duration) {
+                    enter = enter.transition(this._transition);
+                    update = update.transition(this._transition);
+                    this._exit.transition(this._transition).attr("width", function(d, i) {
+                        return _this._x1 === null ? _this._getWidth(d, i) : 0;
+                    }).attr("height", function(d, i) {
+                        return _this._x1 !== null ? _this._getHeight(d, i) : 0;
+                    }).attr("x", function(d, i) {
+                        return _this._x1 === null ? -_this._getWidth(d, i) / 2 : 0;
+                    }).attr("y", function(d, i) {
+                        return _this._x1 !== null ? -_this._getHeight(d, i) / 2 : 0;
+                    });
+                }
+                enter.call(this._applyPosition.bind(this));
+                update.call(this._applyStyle.bind(this)).call(this._applyPosition.bind(this));
+                return this;
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @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, i) {
+                return {
+                    height: this._getHeight(d, i),
+                    width: this._getWidth(d, i)
+                };
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @desc Provides the default positioning to the <rect> elements.
+      @param {D3Selection} *elem*
+      @private
+  */ key: "_applyPosition",
+            value: function _applyPosition(elem) {
+                var _this = this;
+                elem.attr("width", function(d, i) {
+                    return _this._getWidth(d, i);
+                }).attr("height", function(d, i) {
+                    return _this._getHeight(d, i);
+                }).attr("x", function(d, i) {
+                    return _this._x1 !== null ? _this._getX(d, i) : -_this._getWidth(d, i) / 2;
+                }).attr("y", function(d, i) {
+                    return _this._x1 === null ? _this._getY(d, i) : -_this._getHeight(d, i) / 2;
+                });
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @desc Calculates the height of the <rect> by assessing the x and y properties.
+      @param {Object} *d*
+      @param {Number} *i*
+      @private
+  */ key: "_getHeight",
+            value: function _getHeight(d, i) {
+                if (this._x1 !== null) return this._height(d, i);
+                return Math.abs(this._y1(d, i) - this._y(d, i));
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @desc Calculates the width of the <rect> by assessing the x and y properties.
+      @param {Object} *d*
+      @param {Number} *i*
+      @private
+  */ key: "_getWidth",
+            value: function _getWidth(d, i) {
+                if (this._x1 === null) return this._width(d, i);
+                return Math.abs(this._x1(d, i) - this._x(d, i));
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @desc Calculates the x of the <rect> by assessing the x and width properties.
+      @param {Object} *d*
+      @param {Number} *i*
+      @private
+  */ key: "_getX",
+            value: function _getX(d, i) {
+                var w = this._x1 === null ? this._x(d, i) : this._x1(d, i) - this._x(d, i);
+                if (w < 0) return w;
+                else return 0;
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @desc Calculates the y of the <rect> by assessing the y and height properties.
+      @param {Object} *d*
+      @param {Number} *i*
+      @private
+  */ key: "_getY",
+            value: function _getY(d, i) {
+                var h = this._x1 !== null ? this._y(d, i) : this._y1(d, i) - this._y(d, i);
+                if (h < 0) return h;
+                else return 0;
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @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",
+            value: function height(_) {
+                return arguments.length ? (this._height = typeof _ === "function" ? _ : constant(_), this) : this._height;
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @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",
+            value: function width(_) {
+                return arguments.length ? (this._width = typeof _ === "function" ? _ : constant(_), this) : this._width;
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @desc If *value* is specified, sets the x0 accessor to the specified function or number and returns the current class instance.
+      @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 Bar
+      @desc If *value* is specified, sets the x1 accessor to the specified function or number and returns the current class instance.
+      @param {Function|Number|null} [*value*]
+      @chainable
+  */ key: "x1",
+            value: function x1(_) {
+                return arguments.length ? (this._x1 = typeof _ === "function" || _ === null ? _ : constant(_), this) : this._x1;
+            }
+        },
+        {
+            /**
+      @memberof Bar
+      @desc If *value* is specified, sets the y0 accessor to the specified function or number and returns the current class instance.
+      @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 Bar
+      @desc If *value* is specified, sets the y1 accessor to the specified function or number and returns the current class instance.
+      @param {Function|Number|null} [*value*]
+      @chainable
+  */ key: "y1",
+            value: function y1(_) {
+                return arguments.length ? (this._y1 = typeof _ === "function" || _ === null ? _ : constant(_), this) : this._y1;
+            }
+        }
+    ]);
+    return Bar;
+}(Shape);
+/**
+    @class Bar
+    @extends Shape
+    @desc Creates SVG areas based on an array of data.
+*/ export { Bar as default };