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

package/dist/es/chart/highlight.js

@@ -1,39 +1,33 @@
 import { Class } from '../common';
 
-var Highlight = (function (Class) {
-    function Highlight() {
-        Class.call(this);
+class Highlight extends Class {
+    constructor() {
+        super();
 
         this._points = [];
     }
 
-    if ( Class ) Highlight.__proto__ = Class;
-    Highlight.prototype = Object.create( Class && Class.prototype );
-    Highlight.prototype.constructor = Highlight;
-
-    Highlight.prototype.destroy = function destroy () {
+    destroy() {
         this._points = [];
-    };
-
-    Highlight.prototype.show = function show (points, opacity) {
-        var this$1 = this;
+    }
 
-        var arrayPoints = [].concat(points);
+    show(points, opacity) {
+        const arrayPoints = [].concat(points);
         this.hide();
 
-        for (var i = 0; i < arrayPoints.length; i++) {
-            var point = arrayPoints[i];
+        for (let i = 0; i < arrayPoints.length; i++) {
+            const point = arrayPoints[i];
             if (point && point.toggleHighlight && point.hasHighlight()) {
-                this$1.togglePointHighlight(point, true, opacity);
-                this$1._points.push(point);
+                this.togglePointHighlight(point, true, opacity);
+                this._points.push(point);
             }
         }
-    };
+    }
 
-    Highlight.prototype.togglePointHighlight = function togglePointHighlight (point, show, opacity) {
-        var toggleHandler = (point.options.highlight || {}).toggle;
+    togglePointHighlight(point, show, opacity) {
+        const toggleHandler = (point.options.highlight || {}).toggle;
         if (toggleHandler) {
-            var eventArgs = {
+            const eventArgs = {
                 category: point.category,
                 series: point.series,
                 dataItem: point.dataItem,
@@ -50,32 +44,28 @@ var Highlight = (function (Class) {
         } else {
             point.toggleHighlight(show, opacity);
         }
-    };
-
-    Highlight.prototype.hide = function hide () {
-        var this$1 = this;
+    }
 
-        var points = this._points;
+    hide() {
+        const points = this._points;
         while (points.length) {
-            this$1.togglePointHighlight(points.pop(), false);
+            this.togglePointHighlight(points.pop(), false);
         }
-    };
+    }
 
-    Highlight.prototype.isHighlighted = function isHighlighted (element) {
-        var points = this._points;
+    isHighlighted(element) {
+        const points = this._points;
 
-        for (var i = 0; i < points.length; i++) {
-            var point = points[i];
+        for (let i = 0; i < points.length; i++) {
+            const point = points[i];
             if (element === point) {
                 return true;
             }
         }
 
         return false;
-    };
-
-    return Highlight;
-}(Class));
+    }
+}
 
 function preventDefault() {
     this._defaultPrevented = true;

package/dist/es/chart/layout/cluster-layout.js

@@ -4,31 +4,24 @@ import { X, Y } from '../../common/constants';
 import { setDefaultOptions } from '../../common';
 import { forEach, forEachReverse } from './utils';
 
-var ClusterLayout = (function (ChartElement) {
-    function ClusterLayout(options) {
-        ChartElement.call(this, options);
+class ClusterLayout extends ChartElement {
+    constructor(options) {
+        super(options);
 
         this.forEach = options.rtl ? forEachReverse : forEach;
     }
 
-    if ( ChartElement ) ClusterLayout.__proto__ = ChartElement;
-    ClusterLayout.prototype = Object.create( ChartElement && ChartElement.prototype );
-    ClusterLayout.prototype.constructor = ClusterLayout;
-
-    ClusterLayout.prototype.reflow = function reflow (box) {
-        var ref = this.options;
-        var vertical = ref.vertical;
-        var gap = ref.gap;
-        var spacing = ref.spacing;
-        var children = this.children;
-        var count = children.length;
-        var axis = vertical ? Y : X;
-        var slots = count + gap + (spacing * (count - 1));
-        var slotSize = (vertical ? box.height() : box.width()) / slots;
-        var position = box[axis + 1] + slotSize * (gap / 2);
-
-        this.forEach(children, function (child, idx) {
-            var childBox = (child.box || box).clone();
+    reflow(box) {
+        const { vertical, gap, spacing } = this.options;
+        const children = this.children;
+        const count = children.length;
+        const axis = vertical ? Y : X;
+        const slots = count + gap + (spacing * (count - 1));
+        const slotSize = (vertical ? box.height() : box.width()) / slots;
+        let position = box[axis + 1] + slotSize * (gap / 2);
+
+        this.forEach(children, (child, idx) => {
+            const childBox = (child.box || box).clone();
 
             childBox[axis + 1] = position;
             childBox[axis + 2] = position + slotSize;
@@ -40,10 +33,8 @@ var ClusterLayout = (function (ChartElement) {
 
             position += slotSize;
         });
-    };
-
-    return ClusterLayout;
-}(ChartElement));
+    }
+}
 
 setDefaultOptions(ClusterLayout, {
     vertical: false,

package/dist/es/chart/layout/radar-cluster-layout.js

@@ -4,30 +4,23 @@ import { setDefaultOptions } from '../../common';
 
 import { forEach, forEachReverse } from './utils';
 
-var RadarClusterLayout = (function (ChartElement) {
-    function RadarClusterLayout(options) {
-        ChartElement.call(this, options);
+class RadarClusterLayout extends ChartElement {
+    constructor(options) {
+        super(options);
 
         this.forEach = options.rtl ? forEachReverse : forEach;
     }
 
-    if ( ChartElement ) RadarClusterLayout.__proto__ = ChartElement;
-    RadarClusterLayout.prototype = Object.create( ChartElement && ChartElement.prototype );
-    RadarClusterLayout.prototype.constructor = RadarClusterLayout;
-
-    RadarClusterLayout.prototype.reflow = function reflow (sector) {
-        var ref = this;
-        var options = ref.options;
-        var children = ref.children;
-        var gap = options.gap;
-        var spacing = options.spacing;
-        var count = children.length;
-        var slots = count + gap + (spacing * (count - 1));
-        var slotAngle = sector.angle / slots;
-        var angle = sector.startAngle + slotAngle * (gap / 2);
-
-        this.forEach(children, function (child) {
-            var slotSector = sector.clone();
+    reflow(sector) {
+        const { options, children } = this;
+        const { gap, spacing } = options;
+        const count = children.length;
+        const slots = count + gap + (spacing * (count - 1));
+        const slotAngle = sector.angle / slots;
+        let angle = sector.startAngle + slotAngle * (gap / 2);
+
+        this.forEach(children, (child) => {
+            const slotSector = sector.clone();
             slotSector.startAngle = angle;
             slotSector.angle = slotAngle;
 
@@ -40,10 +33,8 @@ var RadarClusterLayout = (function (ChartElement) {
 
             angle += slotAngle + (slotAngle * spacing);
         });
-    };
-
-    return RadarClusterLayout;
-}(ChartElement));
+    }
+}
 
 setDefaultOptions(RadarClusterLayout, {
     gap: 1,

package/dist/es/chart/layout/radar-stack-layout.js

@@ -1,32 +1,20 @@
 import { ChartElement, Box } from '../../core';
 
-var RadarStackLayout = (function (ChartElement) {
-    function RadarStackLayout () {
-        ChartElement.apply(this, arguments);
-    }
-
-    if ( ChartElement ) RadarStackLayout.__proto__ = ChartElement;
-    RadarStackLayout.prototype = Object.create( ChartElement && ChartElement.prototype );
-    RadarStackLayout.prototype.constructor = RadarStackLayout;
-
-    RadarStackLayout.prototype.reflow = function reflow (sector) {
-        var ref = this;
-        var reverse = ref.options.reverse;
-        var children = ref.children;
-        var childrenCount = children.length;
-        var first = reverse ? childrenCount - 1 : 0;
-        var step = reverse ? -1 : 1;
+class RadarStackLayout extends ChartElement {
+    reflow(sector) {
+        const { options: { reverse }, children } = this;
+        const childrenCount = children.length;
+        const first = reverse ? childrenCount - 1 : 0;
+        const step = reverse ? -1 : 1;
 
         this.box = new Box();
 
-        for (var i = first; i >= 0 && i < childrenCount; i += step) {
-            var childSector = children[i].sector;
+        for (let i = first; i >= 0 && i < childrenCount; i += step) {
+            const childSector = children[i].sector;
             childSector.startAngle = sector.startAngle;
             childSector.angle = sector.angle;
         }
-    };
-
-    return RadarStackLayout;
-}(ChartElement));
+    }
+}
 
 export default RadarStackLayout;

package/dist/es/chart/layout/stack-wrap.js

@@ -3,42 +3,30 @@ import { ChartElement, Box } from '../../core';
 import { X, Y } from '../../common/constants';
 import { setDefaultOptions } from '../../common';
 
-var StackWrap = (function (ChartElement) {
-    function StackWrap () {
-        ChartElement.apply(this, arguments);
-    }
-
-    if ( ChartElement ) StackWrap.__proto__ = ChartElement;
-    StackWrap.prototype = Object.create( ChartElement && ChartElement.prototype );
-    StackWrap.prototype.constructor = StackWrap;
-
-    StackWrap.prototype.reflow = function reflow (targetBox) {
-        var this$1 = this;
+class StackWrap extends ChartElement {
+    reflow(targetBox) {
+        const positionAxis = this.options.vertical ? X : Y;
+        const children = this.children;
+        const childrenCount = children.length;
+        let box = this.box = new Box();
 
-        var positionAxis = this.options.vertical ? X : Y;
-        var children = this.children;
-        var childrenCount = children.length;
-        var box = this.box = new Box();
-
-        for (var i = 0; i < childrenCount; i++) {
-            var currentChild = children[i];
+        for (let i = 0; i < childrenCount; i++) {
+            const currentChild = children[i];
 
             if (currentChild.visible !== false) {
-                var childBox = currentChild.box.clone();
+                const childBox = currentChild.box.clone();
                 childBox.snapTo(targetBox, positionAxis);
 
                 if (i === 0) {
-                    box = this$1.box = childBox.clone();
+                    box = this.box = childBox.clone();
                 }
 
                 currentChild.reflow(childBox);
                 box.wrap(childBox);
             }
         }
-    };
-
-    return StackWrap;
-}(ChartElement));
+    }
+}
 
 setDefaultOptions(StackWrap, {
     vertical: true

package/dist/es/chart/layout/utils.js

@@ -3,9 +3,9 @@ export function forEach(elements, callback) {
 }
 
 export function forEachReverse(elements, callback) {
-    var length = elements.length;
+    const length = elements.length;
 
-    for (var idx = length - 1; idx >= 0; idx--) {
+    for (let idx = length - 1; idx >= 0; idx--) {
         callback(elements[idx], idx - length - 1);
     }
 }

package/dist/es/chart/legend/legend-item-line-area.js

@@ -3,21 +3,12 @@ import ShapeElement from "../../core/shape-element";
 import { setDefaultOptions } from '../../common';
 import { BOTTOM, RIGHT } from '../../common/constants';
 
-var MarkerLineArea = (function (ShapeElement) {
-    function MarkerLineArea () {
-        ShapeElement.apply(this, arguments);
-    }
-
-    if ( ShapeElement ) MarkerLineArea.__proto__ = ShapeElement;
-    MarkerLineArea.prototype = Object.create( ShapeElement && ShapeElement.prototype );
-    MarkerLineArea.prototype.constructor = MarkerLineArea;
-
-    MarkerLineArea.prototype.getElement = function getElement () {
-        var group = new draw.Group();
-        var element = new draw.MultiPath(this.visualStyle());
-        var ref = this;
-        var box = ref.paddingBox;
-        var halfHeight = box.height() / 2;
+class MarkerLineArea extends ShapeElement {
+    getElement() {
+        const group = new draw.Group();
+        const element = new draw.MultiPath(this.visualStyle());
+        const { paddingBox: box } = this;
+        const halfHeight = box.height() / 2;
 
         element
             .moveTo(box.x1, box.y1 + halfHeight)
@@ -27,10 +18,8 @@ var MarkerLineArea = (function (ShapeElement) {
         group.append(element);
 
         return group;
-    };
-
-    return MarkerLineArea;
-}(ShapeElement));
+    }
+}
 
 setDefaultOptions(MarkerLineArea, {
     width: 15,

package/dist/es/chart/legend/legend-item-line.js

@@ -5,18 +5,10 @@ import { CENTER, CIRCLE, LEFT, RECT, TOP, WHITE } from "../../common/constants";
 import MarkerLineArea from "./legend-item-line-area";
 import { DEFAULT_MARKER_BORDER_WIDTH, DEFAULT_MARKER_SIZE } from "./legend-item-marker";
 
-var LegendItemLine = (function (ShapeElement) {
-    function LegendItemLine () {
-        ShapeElement.apply(this, arguments);
-    }
-
-    if ( ShapeElement ) LegendItemLine.__proto__ = ShapeElement;
-    LegendItemLine.prototype = Object.create( ShapeElement && ShapeElement.prototype );
-    LegendItemLine.prototype.constructor = LegendItemLine;
-
-    LegendItemLine.prototype.getElement = function getElement () {
-        var group = new draw.Group();
-        var element = new draw.MultiPath({
+class LegendItemLine extends ShapeElement {
+    getElement() {
+        const group = new draw.Group();
+        const element = new draw.MultiPath({
             stroke: {
                 color: this.options.border.color,
                 opacity: this.options.opacity,
@@ -24,8 +16,8 @@ var LegendItemLine = (function (ShapeElement) {
                 dashType: this.options.dashType
             }
         });
-        var box = this.paddingBox;
-        var centerY = box.center().y;
+        const box = this.paddingBox;
+        const centerY = box.center().y;
 
         element
             .moveTo(box.x1, centerY)
@@ -34,37 +26,37 @@ var LegendItemLine = (function (ShapeElement) {
         group.append(element);
 
         return group;
-    };
+    }
 
-    LegendItemLine.prototype.createHighlight = function createHighlight () {
+    createHighlight() {
         this.highlight = [ this.createHighlightLine(), this.createHighlightMarker() ];
         return this.highlight;
-    };
+    }
 
-    LegendItemLine.prototype.createHighlightLine = function createHighlightLine () {
-        var options = deepExtend({}, {
+    createHighlightLine() {
+        const options = deepExtend({}, {
             border: {
                 color: this.options.border.color,
                 opacity: this.options.border.opacity,
                 dashType: this.options.border.dashType
             }
         }, this.options.highlight);
-        var highlightLine = new MarkerLineArea(options);
+        const highlightLine = new MarkerLineArea(options);
         highlightLine.reflow(this.parent.paddingBox.clone());
 
         this.highlightLine = highlightLine.getElement();
 
         return this.highlightLine;
-    };
+    }
 
-    LegendItemLine.prototype.createHighlightMarker = function createHighlightMarker () {
-        var options = deepExtend({}, {
+    createHighlightMarker() {
+        const options = deepExtend({}, {
             background: this.options.background,
         }, this.options.highlight.markers);
-        var highlightMarker = new ShapeElement(options);
-        var paddingBox = this.parent.paddingBox;
-        var borderWidth = options.border.width;
-        var box = this.parent.box.clone();
+        const highlightMarker = new ShapeElement(options);
+        const paddingBox = this.parent.paddingBox;
+        const borderWidth = options.border.width;
+        const box = this.parent.box.clone();
 
         box.pad({
             left: borderWidth - paddingBox.x1,
@@ -75,10 +67,8 @@ var LegendItemLine = (function (ShapeElement) {
         this.highlightMarker = highlightMarker.getElement();
 
         return this.highlightMarker;
-    };
-
-    return LegendItemLine;
-}(ShapeElement));
+    }
+}
 
 setDefaultOptions(LegendItemLine, {
     border: {

package/dist/es/chart/legend/legend-item-marker.js

@@ -3,21 +3,13 @@ import { deepExtend, setDefaultOptions } from '../../common';
 import { CROSS, LEFT, TOP, WHITE } from '../../common/constants';
 import { valueOrDefault } from '../../drawing-utils';
 
-export var DEFAULT_MARKER_SIZE = 10;
-export var DEFAULT_MARKER_BORDER_WIDTH = 2;
+export const DEFAULT_MARKER_SIZE = 10;
+export const DEFAULT_MARKER_BORDER_WIDTH = 2;
 
-var LegendItemMarker = (function (ShapeElement) {
-    function LegendItemMarker () {
-        ShapeElement.apply(this, arguments);
-    }
-
-    if ( ShapeElement ) LegendItemMarker.__proto__ = ShapeElement;
-    LegendItemMarker.prototype = Object.create( ShapeElement && ShapeElement.prototype );
-    LegendItemMarker.prototype.constructor = LegendItemMarker;
-
-    LegendItemMarker.prototype.visualStyle = function visualStyle () {
-        var options = this.markerOptions();
-        var border = options.border;
+class LegendItemMarker extends ShapeElement {
+    visualStyle() {
+        const options = this.markerOptions();
+        const border = options.border;
 
         return {
             stroke: {
@@ -32,15 +24,15 @@ var LegendItemMarker = (function (ShapeElement) {
             },
             cursor: options.cursor
         };
-    };
+    }
 
-    LegendItemMarker.prototype.markerOptions = function markerOptions () {
+    markerOptions() {
         return this.options;
-    };
+    }
 
-    LegendItemMarker.prototype.markerHighlightOptions = function markerHighlightOptions () {
-        var options = this.markerOptions();
-        var borderWidth = options.highlight.border.width;
+    markerHighlightOptions() {
+        const options = this.markerOptions();
+        const borderWidth = options.highlight.border.width;
 
         return deepExtend(
             {},
@@ -55,19 +47,17 @@ var LegendItemMarker = (function (ShapeElement) {
                 margin: { top: 0, left: 0 }
             } : {}
         );
-    };
+    }
 
-    LegendItemMarker.prototype.createHighlight = function createHighlight () {
-        var highlight = new ShapeElement(this.markerHighlightOptions());
-        var box = this.paddingBox.clone();
+    createHighlight() {
+        const highlight = new ShapeElement(this.markerHighlightOptions());
+        const box = this.paddingBox.clone();
         highlight.reflow(box.pad(highlight.options.border.width));
         this.highlight = [ highlight.getElement() ];
 
         return this.highlight;
-    };
-
-    return LegendItemMarker;
-}(ShapeElement));
+    }
+}
 
 setDefaultOptions(LegendItemMarker, {
     border: {

package/dist/es/chart/legend/legend-item-square.js

@@ -3,23 +3,15 @@ import { deepExtend, setDefaultOptions } from '../../common';
 import { CIRCLE, LEFT, TOP, WHITE, X, Y } from "../../common/constants";
 import { DEFAULT_MARKER_BORDER_WIDTH, DEFAULT_MARKER_SIZE } from "./legend-item-marker";
 
-var LegendItemSquare = (function (ShapeElement) {
-    function LegendItemSquare () {
-        ShapeElement.apply(this, arguments);
-    }
-
-    if ( ShapeElement ) LegendItemSquare.__proto__ = ShapeElement;
-    LegendItemSquare.prototype = Object.create( ShapeElement && ShapeElement.prototype );
-    LegendItemSquare.prototype.constructor = LegendItemSquare;
-
-    LegendItemSquare.prototype.createHighlight = function createHighlight () {
-        var options = deepExtend({}, {
+class LegendItemSquare extends ShapeElement {
+    createHighlight() {
+        const options = deepExtend({}, {
             background: this.options.background,
         }, this.options.highlight.markers);
-        var highlight = new ShapeElement(options);
+        const highlight = new ShapeElement(options);
 
-        var box = this.paddingBox.clone();
-        var targetBox = this.parent.box.clone();
+        const box = this.paddingBox.clone();
+        const targetBox = this.parent.box.clone();
         box.align(targetBox, X, LEFT);
         box.align(targetBox, Y, TOP);
         highlight.reflow(box);
@@ -27,10 +19,8 @@ var LegendItemSquare = (function (ShapeElement) {
         this.highlight = [ highlight.getElement() ];
 
         return this.highlight;
-    };
-
-    return LegendItemSquare;
-}(ShapeElement));
+    }
+}
 
 setDefaultOptions(LegendItemSquare, {
     highlight: {