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

package/dist/es/stock/fade-out-animation.js

@@ -2,41 +2,32 @@ import { drawing as draw } from '@progress/kendo-drawing';
 
 import { interpolateValue, elementStyles } from '../common';
 
-var FadeOutAnimation = (function (superclass) {
-    function FadeOutAnimation () {
-        superclass.apply(this, arguments);
-    }
-
-    if ( superclass ) FadeOutAnimation.__proto__ = superclass;
-    FadeOutAnimation.prototype = Object.create( superclass && superclass.prototype );
-    FadeOutAnimation.prototype.constructor = FadeOutAnimation;
+class FadeOutAnimation extends draw.Animation {
 
-    FadeOutAnimation.prototype.setup = function setup () {
+    setup() {
         this._initialOpacity = parseFloat(elementStyles(this.element, 'opacity').opacity);
-    };
+    }
 
-    FadeOutAnimation.prototype.step = function step (pos) {
+    step(pos) {
         elementStyles(this.element, {
             opacity: String(interpolateValue(this._initialOpacity, 0, pos))
         });
-    };
+    }
 
-    FadeOutAnimation.prototype.abort = function abort () {
-        superclass.prototype.abort.call(this);
+    abort() {
+        super.abort();
         elementStyles(this.element, {
             display: 'none',
             opacity: String(this._initialOpacity)
         });
-    };
+    }
 
-    FadeOutAnimation.prototype.cancel = function cancel () {
-        superclass.prototype.abort.call(this);
+    cancel() {
+        super.abort();
         elementStyles(this.element, {
             opacity: String(this._initialOpacity)
         });
-    };
-
-    return FadeOutAnimation;
-}(draw.Animation));
+    }
+}
 
 export default FadeOutAnimation;

package/dist/es/stock/navigator-hint.js

@@ -3,7 +3,7 @@ import { toDate, toTime } from '../date-utils';
 import FadeOutAnimation from './fade-out-animation';
 
 function createDiv(className, style) {
-    var div = document.createElement("div");
+    const div = document.createElement("div");
     div.className = className;
     if (style) {
         div.style.cssText = style;
@@ -12,15 +12,15 @@ function createDiv(className, style) {
     return div;
 }
 
-var NavigatorHint = (function (Class) {
-    function NavigatorHint(container, chartService, options) {
-        Class.call(this);
+class NavigatorHint extends Class {
+    constructor(container, chartService, options) {
+        super();
 
         this.options = deepExtend({}, this.options, options);
         this.container = container;
         this.chartService = chartService;
 
-        var padding = elementStyles(container, [ "paddingLeft", "paddingTop" ]);
+        const padding = elementStyles(container, [ "paddingLeft", "paddingTop" ]);
         this.chartPadding = {
             top: padding.paddingTop,
             left: padding.paddingLeft
@@ -30,37 +30,29 @@ var NavigatorHint = (function (Class) {
         container.appendChild(this.element);
     }
 
-    if ( Class ) NavigatorHint.__proto__ = Class;
-    NavigatorHint.prototype = Object.create( Class && Class.prototype );
-    NavigatorHint.prototype.constructor = NavigatorHint;
-
-    NavigatorHint.prototype.createElements = function createElements () {
-        var element = this.element = createDiv('k-navigator-hint', 'display: none; position: absolute; top: 1px; left: 1px;');
-        var tooltip = this.tooltip = createDiv('k-tooltip k-chart-tooltip');
-        var scroll = this.scroll = createDiv('k-scroll');
+    createElements() {
+        const element = this.element = createDiv('k-navigator-hint', 'display: none; position: absolute; top: 1px; left: 1px;');
+        const tooltip = this.tooltip = createDiv('k-tooltip k-chart-tooltip');
+        const scroll = this.scroll = createDiv('k-scroll');
 
         tooltip.innerHTML = ' ';
 
         element.appendChild(tooltip);
         element.appendChild(scroll);
-    };
-
-    NavigatorHint.prototype.show = function show (from, to, bbox) {
-        var ref = this;
-        var element = ref.element;
-        var options = ref.options;
-        var scroll = ref.scroll;
-        var tooltip = ref.tooltip;
-        var middle = toDate(toTime(from) + toTime(to - from) / 2);
-        var scrollWidth = bbox.width() * 0.4;
-        var minPos = bbox.center().x - scrollWidth;
-        var maxPos = bbox.center().x;
-        var posRange = maxPos - minPos;
-        var range = options.max - options.min;
-        var scale = posRange / range;
-        var offset = middle - options.min;
-        var text = this.chartService.intl.format(options.format, from, to);
-        var template = getTemplate(options);
+    }
+
+    show(from, to, bbox) {
+        const { element, options, scroll, tooltip } = this;
+        const middle = toDate(toTime(from) + toTime(to - from) / 2);
+        const scrollWidth = bbox.width() * 0.4;
+        const minPos = bbox.center().x - scrollWidth;
+        const maxPos = bbox.center().x;
+        const posRange = maxPos - minPos;
+        const range = options.max - options.min;
+        const scale = posRange / range;
+        const offset = middle - options.min;
+        let text = this.chartService.intl.format(options.format, from, to);
+        const template = getTemplate(options);
 
         this.clearHideTimeout();
 
@@ -85,7 +77,7 @@ var NavigatorHint = (function (Class) {
             top: bbox.y1
         });
 
-        var tooltipStyle = elementStyles(tooltip, [ 'marginTop', 'borderTopWidth', 'height' ]);
+        const tooltipStyle = elementStyles(tooltip, [ 'marginTop', 'borderTopWidth', 'height' ]);
 
         elementStyles(scroll, {
             width: scrollWidth,
@@ -96,9 +88,9 @@ var NavigatorHint = (function (Class) {
         elementStyles(element, {
             visibility: 'visible'
         });
-    };
+    }
 
-    NavigatorHint.prototype.clearHideTimeout = function clearHideTimeout () {
+    clearHideTimeout() {
         if (this._hideTimeout) {
             clearTimeout(this._hideTimeout);
         }
@@ -106,22 +98,20 @@ var NavigatorHint = (function (Class) {
         if (this._hideAnimation) {
             this._hideAnimation.cancel();
         }
-    };
-
-    NavigatorHint.prototype.hide = function hide () {
-        var this$1 = this;
+    }
 
+    hide() {
         this.clearHideTimeout();
 
-        this._hideTimeout = setTimeout(function () {
-            this$1._visible = false;
-            this$1._hideAnimation = new FadeOutAnimation(this$1.element);
-            this$1._hideAnimation.setup();
-            this$1._hideAnimation.play();
+        this._hideTimeout = setTimeout(() => {
+            this._visible = false;
+            this._hideAnimation = new FadeOutAnimation(this.element);
+            this._hideAnimation.setup();
+            this._hideAnimation.play();
         }, this.options.hideDelay);
-    };
+    }
 
-    NavigatorHint.prototype.destroy = function destroy () {
+    destroy() {
         this.clearHideTimeout();
         if (this.container) {
             this.container.removeChild(this.element);
@@ -131,10 +121,8 @@ var NavigatorHint = (function (Class) {
         delete this.element;
         delete this.tooltip;
         delete this.scroll;
-    };
-
-    return NavigatorHint;
-}(Class));
+    }
+}
 
 setDefaultOptions(NavigatorHint, {
     format: "{0:d} - {1:d}",