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

package/dist/es/core/mixins/radar-numeric-axis-mixin.js

@@ -7,7 +7,7 @@ import Point from '../point';
 import { ARC } from '../../common/constants';
 import { append, deg, rad } from '../../common';
 
-var RadarNumericAxisMixin = {
+const RadarNumericAxisMixin = {
     options: {
         majorGridLines: {
             visible: true
@@ -15,21 +15,17 @@ var RadarNumericAxisMixin = {
     },
 
     createPlotBands: function() {
-        var this$1 = this;
-
-        var ref = this.options;
-        var type = ref.majorGridLines.type;
-        var plotBands = ref.plotBands; if ( plotBands === void 0 ) plotBands = [];
-        var altAxis = this.plotArea.polarAxis;
-        var majorAngles = altAxis.majorAngles();
-        var center = altAxis.box.center();
-        var group = this._plotbandGroup = new draw.Group({
+        const { majorGridLines: { type }, plotBands = [] } = this.options;
+        const altAxis = this.plotArea.polarAxis;
+        const majorAngles = altAxis.majorAngles();
+        const center = altAxis.box.center();
+        const group = this._plotbandGroup = new draw.Group({
             zIndex: -1
         });
 
-        for (var i = 0; i < plotBands.length; i++) {
-            var band = plotBands[i];
-            var bandStyle = {
+        for (let i = 0; i < plotBands.length; i++) {
+            const band = plotBands[i];
+            const bandStyle = {
                 fill: {
                     color: band.color,
                     opacity: band.opacity
@@ -39,14 +35,14 @@ var RadarNumericAxisMixin = {
                 }
             };
 
-            var slot = this$1.getSlot(band.from, band.to, true);
-            var ring = new Ring(center, center.y - slot.y2, center.y - slot.y1, 0, 360);
+            const slot = this.getSlot(band.from, band.to, true);
+            const ring = new Ring(center, center.y - slot.y2, center.y - slot.y1, 0, 360);
 
-            var shape = (void 0);
+            let shape;
             if (type === ARC) {
                 shape = ShapeBuilder.current.createRing(ring, bandStyle);
             } else {
-                shape = draw.Path.fromPoints(this$1.plotBandPoints(ring, majorAngles), bandStyle).close();
+                shape = draw.Path.fromPoints(this.plotBandPoints(ring, majorAngles), bandStyle).close();
             }
 
             group.append(shape);
@@ -56,13 +52,13 @@ var RadarNumericAxisMixin = {
     },
 
     plotBandPoints: function(ring, angles) {
-        var innerPoints = [];
-        var outerPoints = [];
-        var center = [ ring.center.x, ring.center.y ];
-        var innerCircle = new geom.Circle(center, ring.innerRadius);
-        var outerCircle = new geom.Circle(center, ring.radius);
+        const innerPoints = [];
+        const outerPoints = [];
+        const center = [ ring.center.x, ring.center.y ];
+        const innerCircle = new geom.Circle(center, ring.innerRadius);
+        const outerCircle = new geom.Circle(center, ring.radius);
 
-        for (var i = 0; i < angles.length; i++) {
+        for (let i = 0; i < angles.length; i++) {
             innerPoints.push(innerCircle.pointAt(angles[i] + 180));
             outerPoints.push(outerCircle.pointAt(angles[i] + 180));
         }
@@ -75,11 +71,11 @@ var RadarNumericAxisMixin = {
     },
 
     createGridLines: function(altAxis) {
-        var options = this.options;
-        var majorTicks = this.radarMajorGridLinePositions();
-        var majorAngles = altAxis.majorAngles();
-        var center = altAxis.box.center();
-        var gridLines = [];
+        const options = this.options;
+        const majorTicks = this.radarMajorGridLinePositions();
+        const majorAngles = altAxis.majorAngles();
+        const center = altAxis.box.center();
+        let gridLines = [];
 
         if (options.majorGridLines.visible) {
             gridLines = this.renderGridLines(
@@ -88,7 +84,7 @@ var RadarNumericAxisMixin = {
         }
 
         if (options.minorGridLines.visible) {
-            var minorTicks = this.radarMinorGridLinePositions();
+            const minorTicks = this.radarMinorGridLinePositions();
             append(gridLines, this.renderGridLines(
                 center, minorTicks, majorAngles, options.minorGridLines
             ));
@@ -98,26 +94,25 @@ var RadarNumericAxisMixin = {
     },
 
     renderGridLines: function(center, ticks, angles, options) {
-        var style = {
+        const style = {
             stroke: {
                 width: options.width,
                 color: options.color,
                 dashType: options.dashType
             }
         };
-        var skip = options.skip; if ( skip === void 0 ) skip = 0;
-        var step = options.step; if ( step === void 0 ) step = 0;
-        var container = this.gridLinesVisual();
+        const { skip = 0, step = 0 } = options;
+        const container = this.gridLinesVisual();
 
-        for (var tickIx = skip; tickIx < ticks.length; tickIx += step) {
-            var tickRadius = center.y - ticks[tickIx];
+        for (let tickIx = skip; tickIx < ticks.length; tickIx += step) {
+            const tickRadius = center.y - ticks[tickIx];
             if (tickRadius > 0) {
-                var circle = new geom.Circle([ center.x, center.y ], tickRadius);
+                const circle = new geom.Circle([ center.x, center.y ], tickRadius);
                 if (options.type === ARC) {
                     container.append(new draw.Circle(circle, style));
                 } else {
-                    var line = new draw.Path(style);
-                    for (var angleIx = 0; angleIx < angles.length; angleIx++) {
+                    const line = new draw.Path(style);
+                    for (let angleIx = 0; angleIx < angles.length; angleIx++) {
                         line.lineTo(circle.pointAt(angles[angleIx] + 180));
                     }
 
@@ -131,17 +126,17 @@ var RadarNumericAxisMixin = {
     },
 
     getValue: function(point) {
-        var lineBox = this.lineBox();
-        var altAxis = this.plotArea.polarAxis;
-        var majorAngles = altAxis.majorAngles();
-        var center = altAxis.box.center();
-        var radius = point.distanceTo(center);
-        var distance = radius;
+        const lineBox = this.lineBox();
+        const altAxis = this.plotArea.polarAxis;
+        const majorAngles = altAxis.majorAngles();
+        const center = altAxis.box.center();
+        const radius = point.distanceTo(center);
+        let distance = radius;
 
         if (this.options.majorGridLines.type !== ARC && majorAngles.length > 1) {
-            var dx = point.x - center.x;
-            var dy = point.y - center.y;
-            var theta = (deg(Math.atan2(dy, dx)) + 540) % 360;
+            const dx = point.x - center.x;
+            const dy = point.y - center.y;
+            const theta = (deg(Math.atan2(dy, dx)) + 540) % 360;
 
             majorAngles.sort(function(a, b) {
                 return angularDistance(a, theta) - angularDistance(b, theta);
@@ -149,10 +144,10 @@ var RadarNumericAxisMixin = {
 
             // Solve triangle (center, point, axis X) using one side (radius) and two angles.
             // Angles are derived from triangle (center, point, gridline X)
-            var midAngle = angularDistance(majorAngles[0], majorAngles[1]) / 2;
-            var alpha = angularDistance(theta, majorAngles[0]);
-            var gamma = 90 - midAngle;
-            var beta = 180 - alpha - gamma;
+            const midAngle = angularDistance(majorAngles[0], majorAngles[1]) / 2;
+            const alpha = angularDistance(theta, majorAngles[0]);
+            const gamma = 90 - midAngle;
+            const beta = 180 - alpha - gamma;
 
             distance = radius * (Math.sin(rad(beta)) / Math.sin(rad(gamma)));
         }

package/dist/es/core/note.js

@@ -8,12 +8,12 @@ import Box from './box';
 import { CIRCLE, TOP, BOTTOM, LEFT, RIGHT, CENTER, INSIDE, OUTSIDE, NOTE_CLICK, NOTE_HOVER, NOTE_LEAVE } from '../common/constants';
 import { alignPathToPixel, defined, deepExtend, eventElement, getTemplate, inArray, setDefaultOptions } from '../common';
 
-var DEFAULT_ICON_SIZE = 7;
-var DEFAULT_LABEL_COLOR = "#fff";
+const DEFAULT_ICON_SIZE = 7;
+const DEFAULT_LABEL_COLOR = "#fff";
 
-var Note = (function (BoxElement) {
-    function Note(fields, options, chartService) {
-        BoxElement.call(this, options);
+class Note extends BoxElement {
+    constructor(fields, options, chartService) {
+        super(options);
 
         this.fields = fields;
         this.chartService = chartService;
@@ -21,34 +21,27 @@ var Note = (function (BoxElement) {
         this.render();
     }
 
-    if ( BoxElement ) Note.__proto__ = BoxElement;
-    Note.prototype = Object.create( BoxElement && BoxElement.prototype );
-    Note.prototype.constructor = Note;
-
-    Note.prototype.hide = function hide () {
+    hide() {
         this.options.visible = false;
-    };
+    }
 
-    Note.prototype.show = function show () {
+    show() {
         this.options.visible = true;
-    };
-
-    Note.prototype.render = function render () {
-        var this$1 = this;
+    }
 
-        var options = this.options;
+    render() {
+        const options = this.options;
 
         if (options.visible) {
-            var label = options.label;
-            var icon = options.icon;
-            var box = new Box();
-            var childAlias = function () { return this$1; };
-            var size = icon.size;
-            var text = this.fields.text;
-            var width, height;
+            const { label, icon } = options;
+            const box = new Box();
+            const childAlias = () => this;
+            let size = icon.size;
+            let text = this.fields.text;
+            let width, height;
 
             if (defined(label) && label.visible) {
-                var noteTemplate = getTemplate(label);
+                const noteTemplate = getTemplate(label);
                 if (noteTemplate) {
                     text = noteTemplate(this.fields);
                 } else if (label.format) {
@@ -76,7 +69,7 @@ var Note = (function (BoxElement) {
             icon.width = width || size || DEFAULT_ICON_SIZE;
             icon.height = height || size || DEFAULT_ICON_SIZE;
 
-            var marker = new ShapeElement(deepExtend({}, icon));
+            const marker = new ShapeElement(deepExtend({}, icon));
             marker.aliasFor = childAlias;
 
             this.marker = marker;
@@ -89,21 +82,17 @@ var Note = (function (BoxElement) {
             marker.reflow(new Box());
             this.wrapperBox = box.wrap(marker.box);
         }
-    };
-
-    Note.prototype.reflow = function reflow (targetBox) {
-        var ref = this;
-        var options = ref.options;
-        var label = ref.label;
-        var marker = ref.marker;
-        var wrapperBox = ref.wrapperBox;
-        var center = targetBox.center();
-        var length = options.line.length;
-        var position = options.position;
+    }
+
+    reflow(targetBox) {
+        const { options, label, marker, wrapperBox } = this;
+        const center = targetBox.center();
+        const length = options.line.length;
+        const position = options.position;
 
         // TODO: Review
         if (options.visible) {
-            var lineStart, box, contentBox;
+            let lineStart, box, contentBox;
 
             if (inArray(position, [ LEFT, RIGHT ])) {
                 if (position === LEFT) {
@@ -173,22 +162,20 @@ var Note = (function (BoxElement) {
             this.targetBox = targetBox;
             this.box = box || contentBox;
         }
-    };
+    }
 
-    Note.prototype.createVisual = function createVisual () {
-        BoxElement.prototype.createVisual.call(this);
+    createVisual() {
+        super.createVisual();
         this.visual.options.noclip = this.options.noclip;
 
         if (this.options.visible) {
             this.createLine();
         }
-    };
-
-    Note.prototype.renderVisual = function renderVisual () {
-        var this$1 = this;
+    }
 
-        var options = this.options;
-        var customVisual = options.visual;
+    renderVisual() {
+        const options = this.options;
+        const customVisual = options.visual;
         if (options.visible && customVisual) {
             this.visual = customVisual(Object.assign(this.fields, {
                 sender: this.getSender(),
@@ -202,25 +189,25 @@ var Note = (function (BoxElement) {
                     position: options.position,
                     visible: options.visible
                 },
-                createVisual: function () {
-                    this$1.createVisual();
-                    this$1.renderChildren();
-                    var defaultVisual = this$1.visual;
-                    delete this$1.visual;
+                createVisual: () => {
+                    this.createVisual();
+                    this.renderChildren();
+                    const defaultVisual = this.visual;
+                    delete this.visual;
                     return defaultVisual;
                 }
             }));
             this.addVisual();
         } else {
-            BoxElement.prototype.renderVisual.call(this);
+            super.renderVisual();
         }
-    };
+    }
 
-    Note.prototype.createLine = function createLine () {
-        var options = this.options.line;
+    createLine() {
+        const options = this.options.line;
 
         if (this.linePoints) {
-            var path = draw.Path.fromPoints(this.linePoints, {
+            const path = draw.Path.fromPoints(this.linePoints, {
                 stroke: {
                     color: options.color,
                     width: options.width,
@@ -231,42 +218,40 @@ var Note = (function (BoxElement) {
             alignPathToPixel(path);
             this.visual.append(path);
         }
-    };
+    }
 
-    Note.prototype.click = function click (widget, e) {
-        var args = this.eventArgs(e);
+    click(widget, e) {
+        const args = this.eventArgs(e);
 
         if (!widget.trigger(NOTE_CLICK, args)) {
             e.preventDefault();
         }
-    };
+    }
 
-    Note.prototype.over = function over (widget, e) {
-        var args = this.eventArgs(e);
+    over(widget, e) {
+        const args = this.eventArgs(e);
 
         if (!widget.trigger(NOTE_HOVER, args)) {
             e.preventDefault();
         }
-    };
+    }
 
-    Note.prototype.out = function out (widget, e) {
-        var args = this.eventArgs(e);
+    out(widget, e) {
+        const args = this.eventArgs(e);
 
         widget.trigger(NOTE_LEAVE, args);
-    };
+    }
 
-    Note.prototype.eventArgs = function eventArgs (e) {
-        var options = this.options;
+    eventArgs(e) {
+        const options = this.options;
 
         return Object.assign(this.fields, {
             element: eventElement(e),
             text: defined(options.label) ? options.label.text : "",
             visual: this.visual
         });
-    };
-
-    return Note;
-}(BoxElement));
+    }
+}
 
 setDefaultOptions(Note, {
     icon: {