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

package/dist/es/chart/candlestick-chart/candlestick.js

@@ -13,36 +13,29 @@ import { WHITE, LEFT, TOP } from '../../common/constants';
 import { alignPathToPixel, deepExtend, defined, setDefaultOptions, valueOrDefault } from '../../common';
 import { createPatternFill } from '../../core/pattern';
 
-var Candlestick = (function (ChartElement) {
-    function Candlestick(value, options) {
-        ChartElement.call(this, options);
+class Candlestick extends ChartElement {
+    constructor(value, options) {
+        super(options);
         this.value = value;
     }
 
-    if ( ChartElement ) Candlestick.__proto__ = ChartElement;
-    Candlestick.prototype = Object.create( ChartElement && ChartElement.prototype );
-    Candlestick.prototype.constructor = Candlestick;
-
-    Candlestick.prototype.getLabelText = function getLabelText (options) {
+    getLabelText(options) {
         return this.formatValue(options.format);
-    };
+    }
 
-    Candlestick.prototype.reflow = function reflow (box) {
-        var ref = this;
-        var options = ref.options;
-        var value = ref.value;
-        var chart = ref.owner;
-        var valueAxis = chart.seriesValueAxis(options);
-        var ocSlot = valueAxis.getSlot(value.open, value.close);
-        var lhSlot = valueAxis.getSlot(value.low, value.high);
+    reflow(box) {
+        const { options, value, owner: chart } = this;
+        const valueAxis = chart.seriesValueAxis(options);
+        const ocSlot = valueAxis.getSlot(value.open, value.close);
+        const lhSlot = valueAxis.getSlot(value.low, value.high);
 
         ocSlot.x1 = lhSlot.x1 = box.x1;
         ocSlot.x2 = lhSlot.x2 = box.x2;
 
         this.realBody = ocSlot;
 
-        var mid = lhSlot.center().x;
-        var points = [];
+        const mid = lhSlot.center().x;
+        const points = [];
 
         points.push([ [ mid, lhSlot.y1 ], [ mid, ocSlot.y1 ] ]);
         points.push([ [ mid, ocSlot.y2 ], [ mid, lhSlot.y2 ] ]);
@@ -57,16 +50,16 @@ var Candlestick = (function (ChartElement) {
         }
 
         this.reflowNote();
-    };
+    }
 
-    Candlestick.prototype.reflowNote = function reflowNote () {
+    reflowNote() {
         if (this.note) {
             this.note.reflow(this.box);
         }
-    };
+    }
 
-    Candlestick.prototype.createVisual = function createVisual () {
-        ChartElement.prototype.createVisual.call(this);
+    createVisual() {
+        super.createVisual();
 
         this.addAccessibilityAttributesToVisual();
 
@@ -76,19 +69,19 @@ var Candlestick = (function (ChartElement) {
         );
 
         this.createOverlay();
-    };
+    }
 
-    Candlestick.prototype.mainVisual = function mainVisual (options) {
-        var group = new draw.Group();
+    mainVisual(options) {
+        const group = new draw.Group();
 
         this.createBody(group, options);
         this.createLines(group, options);
 
         return group;
-    };
+    }
 
-    Candlestick.prototype.createBody = function createBody (container, options) {
-        var body = draw.Path.fromRect(this.realBody.toRect(), {
+    createBody(container, options) {
+        const body = draw.Path.fromRect(this.realBody.toRect(), {
             fill: createPatternFill(options.pattern, {
                 color: this.color,
                 opacity: options.opacity
@@ -113,18 +106,18 @@ var Candlestick = (function (ChartElement) {
                 end: !options.vertical ? [ 0, 1 ] : undefined
             }, options.overlay)));
         }
-    };
+    }
 
-    Candlestick.prototype.createLines = function createLines (container, options) {
+    createLines(container, options) {
         this.drawLines(container, options, this.lines, options.line);
-    };
+    }
 
-    Candlestick.prototype.drawLines = function drawLines (container, options, lines, lineOptions) {
+    drawLines(container, options, lines, lineOptions) {
         if (!lines) {
             return;
         }
 
-        var lineStyle = {
+        const lineStyle = {
             stroke: {
                 color: lineOptions.color || this.color,
                 opacity: valueOrDefault(lineOptions.opacity, options.opacity),
@@ -134,26 +127,26 @@ var Candlestick = (function (ChartElement) {
             }
         };
 
-        for (var i = 0; i < lines.length; i++) {
-            var line = draw.Path.fromPoints(lines[i], lineStyle);
+        for (let i = 0; i < lines.length; i++) {
+            const line = draw.Path.fromPoints(lines[i], lineStyle);
             alignPathToPixel(line);
             container.append(line);
         }
-    };
+    }
 
-    Candlestick.prototype.getBorderColor = function getBorderColor () {
-        var border = this.options.border;
-        var borderColor = border.color;
+    getBorderColor() {
+        const border = this.options.border;
+        let borderColor = border.color;
 
         if (!defined(borderColor)) {
             borderColor = new Color(this.color).brightness(border._brightness).toHex();
         }
 
         return borderColor;
-    };
+    }
 
-    Candlestick.prototype.createOverlay = function createOverlay () {
-        var overlay = draw.Path.fromRect(this.box.toRect(), {
+    createOverlay() {
+        const overlay = draw.Path.fromRect(this.box.toRect(), {
             fill: {
                 color: WHITE,
                 opacity: 0
@@ -162,14 +155,14 @@ var Candlestick = (function (ChartElement) {
         });
 
         this.visual.append(overlay);
-    };
+    }
 
-    Candlestick.prototype.createHighlight = function createHighlight () {
-        var highlight = this.options.highlight;
-        var normalColor = this.color;
+    createHighlight() {
+        const highlight = this.options.highlight;
+        const normalColor = this.color;
 
         this.color = highlight.color || this.color;
-        var overlay = this.mainVisual(
+        const overlay = this.mainVisual(
             deepExtend({}, this.options, {
                 line: {
                     color: this.getBorderColor()
@@ -179,23 +172,23 @@ var Candlestick = (function (ChartElement) {
         this.color = normalColor;
 
         return overlay;
-    };
+    }
 
-    Candlestick.prototype.highlightVisual = function highlightVisual () {
+    highlightVisual() {
         return this._mainVisual;
-    };
+    }
 
-    Candlestick.prototype.highlightVisualArgs = function highlightVisualArgs () {
+    highlightVisualArgs() {
         return {
             options: this.options,
             rect: this.box.toRect(),
             visual: this._mainVisual
         };
-    };
+    }
 
-    Candlestick.prototype.tooltipAnchor = function tooltipAnchor () {
-        var box = this.box;
-        var clipBox = this.owner.pane.clipBox() || box;
+    tooltipAnchor() {
+        const box = this.box;
+        const clipBox = this.owner.pane.clipBox() || box;
 
         return {
             point: new Point(box.x2 + TOOLTIP_OFFSET, Math.max(box.y1, clipBox.y1) + TOOLTIP_OFFSET),
@@ -204,17 +197,17 @@ var Candlestick = (function (ChartElement) {
                 vertical: TOP
             }
         };
-    };
+    }
 
-    Candlestick.prototype.formatValue = function formatValue (format) {
+    formatValue(format) {
         return this.owner.formatPointValue(this, format);
-    };
+    }
 
-    Candlestick.prototype.overlapsBox = function overlapsBox (box) {
+    overlapsBox(box) {
         return this.box.overlaps(box);
-    };
+    }
 
-    Candlestick.prototype.pointData = function pointData () {
+    pointData() {
         return {
             dataItem: this.dataItem,
             value: this.value,
@@ -224,14 +217,12 @@ var Candlestick = (function (ChartElement) {
             stackValue: this.stackValue,
             series: this.series
         };
-    };
+    }
 
-    Candlestick.prototype.getIndex = function getIndex () {
+    getIndex() {
         return this.categoryIx;
-    };
-
-    return Candlestick;
-}(ChartElement));
+    }
+}
 
 Candlestick.prototype.createFocusHighlight = Bar.prototype.createFocusHighlight;