@progress/kendo-charts 2.7.2-dev.202502101310 → 2.7.2-develop.1

package/dist/es/core/box-element.js

@@ -7,38 +7,30 @@ import { BLACK, LEFT, TOP, X, Y } from '../common/constants';
 import { getSpacing, setDefaultOptions, valueOrDefault } from '../common';
 import { createPatternFill } from './pattern';
 
-var BoxElement = (function (ChartElement) {
-    function BoxElement(options) {
-        ChartElement.call(this, options);
+class BoxElement extends ChartElement {
+    constructor(options) {
+        super(options);
 
         this.options.margin = getSpacing(this.options.margin);
         this.options.padding = getSpacing(this.options.padding);
     }
 
-    if ( ChartElement ) BoxElement.__proto__ = ChartElement;
-    BoxElement.prototype = Object.create( ChartElement && ChartElement.prototype );
-    BoxElement.prototype.constructor = BoxElement;
-
-    BoxElement.prototype.reflow = function reflow (targetBox) {
-        var this$1 = this;
-
-        var options = this.options;
-        var width = options.width;
-        var height = options.height;
-        var shrinkToFit = options.shrinkToFit;
-        var hasSetSize = width && height;
-        var margin = options.margin;
-        var padding = options.padding;
-        var borderWidth = options.border.width;
-        var box;
-
-        var reflowPaddingBox = function () {
-            this$1.align(targetBox, X, options.align);
-            this$1.align(targetBox, Y, options.vAlign);
-            this$1.paddingBox = box.clone().unpad(margin).unpad(borderWidth);
+    reflow(targetBox) {
+        const options = this.options;
+        const { width, height, shrinkToFit } = options;
+        const hasSetSize = width && height;
+        const margin = options.margin;
+        const padding = options.padding;
+        const borderWidth = options.border.width;
+        let box;
+
+        const reflowPaddingBox = () => {
+            this.align(targetBox, X, options.align);
+            this.align(targetBox, Y, options.vAlign);
+            this.paddingBox = box.clone().unpad(margin).unpad(borderWidth);
         };
 
-        var contentBox = targetBox.clone();
+        let contentBox = targetBox.clone();
         if (hasSetSize) {
             contentBox.x2 = contentBox.x1 + width;
             contentBox.y2 = contentBox.y1 + height;
@@ -48,7 +40,7 @@ var BoxElement = (function (ChartElement) {
             contentBox.unpad(margin).unpad(borderWidth).unpad(padding);
         }
 
-        ChartElement.prototype.reflow.call(this, contentBox);
+        super.reflow(contentBox);
 
         if (hasSetSize) {
             box = this.box = new Box(0, 0, width, height);
@@ -70,37 +62,37 @@ var BoxElement = (function (ChartElement) {
             box.y1 - contentBox.y1 + margin.top + borderWidth + padding.top
         );
 
-        var children = this.children;
-        for (var i = 0; i < children.length; i++) {
-            var item = children[i];
+        const children = this.children;
+        for (let i = 0; i < children.length; i++) {
+            let item = children[i];
             item.reflow(item.box);
         }
-    };
+    }
 
-    BoxElement.prototype.align = function align (targetBox, axis, alignment) {
+    align(targetBox, axis, alignment) {
         this.box.align(targetBox, axis, alignment);
-    };
+    }
 
-    BoxElement.prototype.hasBox = function hasBox () {
-        var options = this.options;
+    hasBox() {
+        const options = this.options;
         return options.border.width || options.background;
-    };
+    }
 
-    BoxElement.prototype.createVisual = function createVisual () {
-        ChartElement.prototype.createVisual.call(this);
+    createVisual() {
+        super.createVisual();
 
-        var options = this.options;
+        const options = this.options;
         if (options.visible && this.hasBox()) {
             this.visual.append(draw.Path.fromRect(
                 this.paddingBox.toRect(),
                 this.visualStyle()
             ));
         }
-    };
+    }
 
-    BoxElement.prototype.visualStyle = function visualStyle () {
-        var options = this.options;
-        var border = options.border || {};
+    visualStyle() {
+        const options = this.options;
+        const border = options.border || {};
 
         return {
             stroke: {
@@ -115,10 +107,8 @@ var BoxElement = (function (ChartElement) {
             }, undefined),
             cursor: options.cursor
         };
-    };
-
-    return BoxElement;
-}(ChartElement));
+    }
+}
 
 setDefaultOptions(BoxElement, {
     align: LEFT,

package/dist/es/core/box.js

@@ -5,9 +5,9 @@ import Point from './point';
 import { X, Y, TOP, BOTTOM, LEFT, RIGHT, CENTER, WIDTH, HEIGHT } from '../common/constants';
 import { Class, defined, getSpacing, inArray, isArray, rad } from '../common';
 
-var Box = (function (Class) {
-    function Box(x1, y1, x2, y2) {
-        Class.call(this);
+class Box extends Class {
+    constructor(x1, y1, x2, y2) {
+        super();
 
         this.x1 = x1 || 0;
         this.y1 = y1 || 0;
@@ -15,35 +15,31 @@ var Box = (function (Class) {
         this.y2 = y2 || 0;
     }
 
-    if ( Class ) Box.__proto__ = Class;
-    Box.prototype = Object.create( Class && Class.prototype );
-    Box.prototype.constructor = Box;
-
-    Box.prototype.equals = function equals (box) {
+    equals(box) {
         return this.x1 === box.x1 && this.x2 === box.x2 &&
             this.y1 === box.y1 && this.y2 === box.y2;
-    };
+    }
 
-    Box.prototype.width = function width () {
+    width() {
         return this.x2 - this.x1;
-    };
+    }
 
-    Box.prototype.height = function height () {
+    height() {
         return this.y2 - this.y1;
-    };
+    }
 
-    Box.prototype.translate = function translate (dx, dy) {
+    translate(dx, dy) {
         this.x1 += dx;
         this.x2 += dx;
         this.y1 += dy;
         this.y2 += dy;
 
         return this;
-    };
+    }
 
-    Box.prototype.move = function move (x, y) {
-        var height = this.height();
-        var width = this.width();
+    move(x, y) {
+        const height = this.height();
+        const width = this.width();
 
         if (defined(x)) {
             this.x1 = x;
@@ -56,27 +52,27 @@ var Box = (function (Class) {
         }
 
         return this;
-    };
+    }
 
-    Box.prototype.wrap = function wrap (targetBox) {
+    wrap(targetBox) {
         this.x1 = Math.min(this.x1, targetBox.x1);
         this.y1 = Math.min(this.y1, targetBox.y1);
         this.x2 = Math.max(this.x2, targetBox.x2);
         this.y2 = Math.max(this.y2, targetBox.y2);
 
         return this;
-    };
+    }
 
-    Box.prototype.wrapPoint = function wrapPoint (point) {
-        var arrayPoint = isArray(point);
-        var x = arrayPoint ? point[0] : point.x;
-        var y = arrayPoint ? point[1] : point.y;
+    wrapPoint(point) {
+        const arrayPoint = isArray(point);
+        const x = arrayPoint ? point[0] : point.x;
+        const y = arrayPoint ? point[1] : point.y;
         this.wrap(new Box(x, y, x, y));
 
         return this;
-    };
+    }
 
-    Box.prototype.snapTo = function snapTo (targetBox, axis) {
+    snapTo(targetBox, axis) {
 
         if (axis === X || !axis) {
             this.x1 = targetBox.x1;
@@ -89,17 +85,17 @@ var Box = (function (Class) {
         }
 
         return this;
-    };
+    }
 
-    Box.prototype.alignTo = function alignTo (targetBox, anchor) {
-        var height = this.height();
-        var width = this.width();
-        var axis = anchor === TOP || anchor === BOTTOM ? Y : X;
-        var offset = axis === Y ? height : width;
+    alignTo(targetBox, anchor) {
+        const height = this.height();
+        const width = this.width();
+        const axis = anchor === TOP || anchor === BOTTOM ? Y : X;
+        const offset = axis === Y ? height : width;
 
         if (anchor === CENTER) {
-            var targetCenter = targetBox.center();
-            var center = this.center();
+            const targetCenter = targetBox.center();
+            const center = this.center();
 
             this.x1 += targetCenter.x - center.x;
             this.y1 += targetCenter.y - center.y;
@@ -113,23 +109,23 @@ var Box = (function (Class) {
         this.y2 = this.y1 + height;
 
         return this;
-    };
+    }
 
-    Box.prototype.shrink = function shrink (dw, dh) {
+    shrink(dw, dh) {
 
         this.x2 -= dw;
         this.y2 -= dh;
 
         return this;
-    };
+    }
 
-    Box.prototype.expand = function expand (dw, dh) {
+    expand(dw, dh) {
         this.shrink(-dw, -dh);
         return this;
-    };
+    }
 
-    Box.prototype.pad = function pad (padding) {
-        var spacing = getSpacing(padding);
+    pad(padding) {
+        const spacing = getSpacing(padding);
 
         this.x1 -= spacing.left;
         this.x2 += spacing.right;
@@ -137,10 +133,10 @@ var Box = (function (Class) {
         this.y2 += spacing.bottom;
 
         return this;
-    };
+    }
 
-    Box.prototype.unpad = function unpad (padding) {
-        var spacing = getSpacing(padding);
+    unpad(padding) {
+        const spacing = getSpacing(padding);
 
         spacing.left = -spacing.left;
         spacing.top = -spacing.top;
@@ -148,53 +144,51 @@ var Box = (function (Class) {
         spacing.bottom = -spacing.bottom;
 
         return this.pad(spacing);
-    };
+    }
 
-    Box.prototype.clone = function clone () {
+    clone() {
         return new Box(this.x1, this.y1, this.x2, this.y2);
-    };
+    }
 
-    Box.prototype.center = function center () {
+    center() {
         return new Point(
             this.x1 + this.width() / 2,
             this.y1 + this.height() / 2
         );
-    };
+    }
 
-    Box.prototype.containsPoint = function containsPoint (point) {
+    containsPoint(point) {
 
         return point.x >= this.x1 && point.x <= this.x2 &&
                point.y >= this.y1 && point.y <= this.y2;
-    };
+    }
 
-    Box.prototype.points = function points () {
+    points() {
         return [
             new Point(this.x1, this.y1),
             new Point(this.x2, this.y1),
             new Point(this.x2, this.y2),
             new Point(this.x1, this.y2)
         ];
-    };
+    }
 
-    Box.prototype.getHash = function getHash () {
+    getHash() {
         return [ this.x1, this.y1, this.x2, this.y2 ].join(",");
-    };
+    }
 
-    Box.prototype.overlaps = function overlaps (box) {
+    overlaps(box) {
         return !(box.y2 < this.y1 || this.y2 < box.y1 || box.x2 < this.x1 || this.x2 < box.x1);
-    };
+    }
 
-    Box.prototype.rotate = function rotate (rotation) {
-        var width = this.width();
-        var height = this.height();
-        var ref = this.center();
-        var cx = ref.x;
-        var cy = ref.y;
+    rotate(rotation) {
+        let width = this.width();
+        let height = this.height();
+        const { x: cx, y: cy } = this.center();
 
-        var r1 = rotatePoint(0, 0, cx, cy, rotation);
-        var r2 = rotatePoint(width, 0, cx, cy, rotation);
-        var r3 = rotatePoint(width, height, cx, cy, rotation);
-        var r4 = rotatePoint(0, height, cx, cy, rotation);
+        const r1 = rotatePoint(0, 0, cx, cy, rotation);
+        const r2 = rotatePoint(width, 0, cx, cy, rotation);
+        const r3 = rotatePoint(width, height, cx, cy, rotation);
+        const r4 = rotatePoint(0, height, cx, cy, rotation);
 
         width = Math.max(r1.x, r2.x, r3.x, r4.x) - Math.min(r1.x, r2.x, r3.x, r4.x);
         height = Math.max(r1.y, r2.y, r3.y, r4.y) - Math.min(r1.y, r2.y, r3.y, r4.y);
@@ -203,21 +197,21 @@ var Box = (function (Class) {
         this.y2 = this.y1 + height;
 
         return this;
-    };
+    }
 
-    Box.prototype.toRect = function toRect () {
+    toRect() {
         return new geom.Rect([ this.x1, this.y1 ], [ this.width(), this.height() ]);
-    };
+    }
 
-    Box.prototype.hasSize = function hasSize () {
+    hasSize() {
         return this.width() !== 0 && this.height() !== 0;
-    };
+    }
 
-    Box.prototype.align = function align (targetBox, axis, alignment) {
-        var c1 = axis + 1;
-        var c2 = axis + 2;
-        var sizeFunc = axis === X ? WIDTH : HEIGHT;
-        var size = this[sizeFunc]();
+    align(targetBox, axis, alignment) {
+        const c1 = axis + 1;
+        const c2 = axis + 2;
+        const sizeFunc = axis === X ? WIDTH : HEIGHT;
+        const size = this[sizeFunc]();
 
         if (inArray(alignment, [ LEFT, TOP ])) {
             this[c1] = targetBox[c1];
@@ -229,13 +223,11 @@ var Box = (function (Class) {
             this[c1] = targetBox[c1] + (targetBox[sizeFunc]() - size) / 2;
             this[c2] = this[c1] + size;
         }
-    };
-
-    return Box;
-}(Class));
+    }
+}
 
 function rotatePoint(x, y, cx, cy, angle) {
-    var theta = rad(angle);
+    const theta = rad(angle);
 
     return new Point(
         cx + (x - cx) * Math.cos(theta) + (y - cy) * Math.sin(theta),