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

package/dist/es/map/navigator.js

@@ -15,9 +15,9 @@ import {
     convertToHtml
 } from './utils';
 
-var PAN = "pan";
+const PAN = "pan";
 
-var directionsMap = {
+const directionsMap = {
     up: {
         className: "k-navigator-n",
         iconClass: "k-i-caret-alt-up"
@@ -37,27 +37,27 @@ var directionsMap = {
 };
 
 function createButton(direction, iconOptions) {
-    var html =
+    const html =
         '<button class="k-button k-button-square k-rounded-full k-button-flat k-button-flat-base k-icon-button ' +
             directionsMap[direction].className +
             '" aria-label="move ' + direction + '">' +
-            renderIcon({ icon: ("caret-alt-" + direction), iconClass: "k-button-icon", svgIcons: iconOptions.svgIcons, type: iconOptions.type }) +
+            renderIcon({ icon: `caret-alt-${direction}`, iconClass: "k-button-icon", svgIcons: iconOptions.svgIcons, type: iconOptions.type }) +
         '</button>';
 
     return convertToHtml(html);
 }
 
-export var Navigator = (function (Observable) {
-    function Navigator(element, options) {
-        Observable.call(this);
+export class Navigator extends Observable {
+    constructor(element, options) {
+        super();
 
         this.element = element;
         this._initOptions(options);
 
-        var navigateUpButton = createButton("up", options.icons);
-        var navigateRightlButton = createButton("right", options.icons);
-        var navigateDownButton = createButton("down", options.icons);
-        var navigateLeftButton = createButton("left", options.icons);
+        const navigateUpButton = createButton("up", options.icons);
+        const navigateRightlButton = createButton("right", options.icons);
+        const navigateDownButton = createButton("down", options.icons);
+        const navigateLeftButton = createButton("left", options.icons);
 
         this.element.appendChild(navigateUpButton);
         this.element.appendChild(navigateRightlButton);
@@ -68,7 +68,7 @@ export var Navigator = (function (Observable) {
 
         on(this.element, "click", ".k-button", proxy(this._click, this));
 
-        var parentElement = this.element.parentNode.closest("[data-role]");
+        let parentElement = this.element.parentNode.closest("[data-role]");
 
         this._keyroot = parentElement ? parentElement : this.element;
         this._tabindex(this._keyroot);
@@ -77,48 +77,44 @@ export var Navigator = (function (Observable) {
         on(this._keyroot, "keydown", this._keydownHandler);
     }
 
-    if ( Observable ) Navigator.__proto__ = Observable;
-    Navigator.prototype = Object.create( Observable && Observable.prototype );
-    Navigator.prototype.constructor = Navigator;
-
-    Navigator.prototype.destroy = function destroy () {
+    destroy() {
         this.dispose();
-    };
+    }
 
     // originates from the kendo.jquery version
-    Navigator.prototype.dispose = function dispose () {
+    dispose() {
         off(this._keyroot, "keydown", this._keydownHandler);
-    };
+    }
 
-    Navigator.prototype._tabindex = function _tabindex (target) {
-        var targetElement = target || this.wrapper || this.element;
+    _tabindex(target) {
+        const targetElement = target || this.wrapper || this.element;
 
-        var element = this.element,
+        let element = this.element,
             TABINDEX = "tabindex",
             tabindex = targetElement.getAttribute(TABINDEX) || element.getAttribute(TABINDEX);
 
         element.removeAttribute(TABINDEX);
 
         targetElement.setAttribute(TABINDEX, !isNaN(tabindex) ? tabindex : 0);
-    };
+    }
 
-    Navigator.prototype._initOptions = function _initOptions (options) {
+    _initOptions(options) {
         this.options = deepExtend({}, this.options, options);
-    };
+    }
 
-    Navigator.prototype._pan = function _pan (x, y) {
-        var panStep = this.options.panStep;
+    _pan(x, y) {
+        let panStep = this.options.panStep;
 
         this.trigger(PAN, {
             x: x * panStep,
             y: y * panStep
         });
-    };
+    }
 
-    Navigator.prototype._click = function _click (e) {
-        var x = 0;
-        var y = 0;
-        var button = e.currentTarget;
+    _click(e) {
+        let x = 0;
+        let y = 0;
+        let button = e.currentTarget;
 
         if (button.matches('.k-navigator-n')) {
             y = 1;
@@ -133,9 +129,9 @@ export var Navigator = (function (Observable) {
         this._pan(x, y);
 
         e.preventDefault();
-    };
+    }
 
-    Navigator.prototype._keydown = function _keydown (e) {
+    _keydown(e) {
         switch (e.which) {
             case keys.UP:
                 this._pan(0, 1);
@@ -156,10 +152,8 @@ export var Navigator = (function (Observable) {
             default:
                 break;
         }
-    };
-
-    return Navigator;
-}(Observable));
+    }
+}
 
 setDefaultOptions(Navigator, {
     name: 'Navigator',

package/dist/es/map/scroller/draggable.js

@@ -9,14 +9,14 @@ import {
     proxy
 } from '../utils';
 
-var extend = Object.assign;
+const extend = Object.assign;
 
-var CHANGE = 'change';
+const CHANGE = 'change';
 
-export var TapCapture = (function (Observable) {
-    function TapCapture(element, options) {
-        Observable.call(this);
-        var that = this,
+export class TapCapture extends Observable {
+    constructor(element, options) {
+        super();
+        let that = this,
             domElement = element[0] || element;
 
         that.capture = false;
@@ -43,30 +43,26 @@ export var TapCapture = (function (Observable) {
         ], options || {});
     }
 
-    if ( Observable ) TapCapture.__proto__ = Observable;
-    TapCapture.prototype = Object.create( Observable && Observable.prototype );
-    TapCapture.prototype.constructor = TapCapture;
-
-    TapCapture.prototype.captureNext = function captureNext () {
+    captureNext() {
         this.capture = true;
-    };
+    }
 
-    TapCapture.prototype.cancelCapture = function cancelCapture () {
+    cancelCapture() {
         this.capture = false;
-    };
+    }
 
-    TapCapture.prototype._press = function _press (e) {
-        var that = this;
+    _press(e) {
+        let that = this;
 
         that.trigger('press');
 
         if (that.capture) {
             e.preventDefault();
         }
-    };
+    }
 
-    TapCapture.prototype._release = function _release (e) {
-        var that = this;
+    _release(e) {
+        let that = this;
 
         that.trigger('release');
 
@@ -74,15 +70,13 @@ export var TapCapture = (function (Observable) {
             e.preventDefault();
             that.cancelCapture();
         }
-    };
-
-    return TapCapture;
-}(Observable));
+    }
+}
 
-export var PaneDimension = (function (Observable) {
-    function PaneDimension(options) {
-        Observable.call(this);
-        var that = this;
+export class PaneDimension extends Observable {
+    constructor(options) {
+        super();
+        let that = this;
         that.forcedEnabled = false;
         extend(that, options);
         that.scale = 1;
@@ -98,49 +92,45 @@ export var PaneDimension = (function (Observable) {
         }
     }
 
-    if ( Observable ) PaneDimension.__proto__ = Observable;
-    PaneDimension.prototype = Object.create( Observable && Observable.prototype );
-    PaneDimension.prototype.constructor = PaneDimension;
-
-    PaneDimension.prototype.makeVirtual = function makeVirtual () {
+    makeVirtual() {
         extend(this, {
             virtual: true,
             forcedEnabled: true,
             _virtualMin: 0,
             _virtualMax: 0
         });
-    };
+    }
 
-    PaneDimension.prototype.virtualSize = function virtualSize (min, max) {
+    virtualSize(min, max) {
         if (this._virtualMin !== min || this._virtualMax !== max) {
             this._virtualMin = min;
             this._virtualMax = max;
             this.update();
         }
-    };
+    }
 
-    PaneDimension.prototype.outOfBounds = function outOfBounds (offset) {
+    outOfBounds(offset) {
         return offset > this.max || offset < this.min;
-    };
+    }
 
-    PaneDimension.prototype.forceEnabled = function forceEnabled () {
+    forceEnabled() {
         this.forcedEnabled = true;
-    };
+    }
 
-    PaneDimension.prototype.getSize = function getSize () {
+    getSize() {
         return this.container[this.measure];
-    };
+    }
 
-    PaneDimension.prototype.getTotal = function getTotal () {
+    getTotal() {
         return this.element[this.scrollSize];
-    };
+    }
 
-    PaneDimension.prototype.rescale = function rescale (scale) {
+    rescale(scale) {
         this.scale = scale;
-    };
+    }
 
-    PaneDimension.prototype.update = function update (silent) {
-        var that = this,
+    update(silent) {
+        let that = this,
             total = that.virtual ? that._virtualMax : that.getTotal(),
             scaledTotal = total * that.scale,
             size = that.getSize();
@@ -160,15 +150,13 @@ export var PaneDimension = (function (Observable) {
         if (!silent) {
             that.trigger(CHANGE, that);
         }
-    };
-
-    return PaneDimension;
-}(Observable));
+    }
+}
 
-export var PaneDimensions = (function (Observable) {
-    function PaneDimensions(options) {
-        Observable.call(this);
-        var that = this;
+export class PaneDimensions extends Observable {
+    constructor(options) {
+        super();
+        let that = this;
 
         that.x = new PaneDimension(extend({
             horizontal: true
@@ -184,52 +172,42 @@ export var PaneDimensions = (function (Observable) {
         that.bind(CHANGE, options);
     }
 
-    if ( Observable ) PaneDimensions.__proto__ = Observable;
-    PaneDimensions.prototype = Object.create( Observable && Observable.prototype );
-    PaneDimensions.prototype.constructor = PaneDimensions;
-
-    PaneDimensions.prototype.rescale = function rescale (newScale) {
+    rescale(newScale) {
         this.x.rescale(newScale);
         this.y.rescale(newScale);
         this.refresh();
-    };
+    }
 
-    PaneDimensions.prototype.centerCoordinates = function centerCoordinates () {
+    centerCoordinates() {
         return {
             x: Math.min(0, -this.x.centerOffset),
             y: Math.min(0, -this.y.centerOffset)
         };
-    };
+    }
 
-    PaneDimensions.prototype.refresh = function refresh () {
-        var that = this;
+    refresh() {
+        let that = this;
         that.x.update();
         that.y.update();
         that.enabled = that.x.enabled || that.y.enabled;
         that.minScale = that.forcedMinScale || Math.min(that.x.minScale, that.y.minScale);
         that.fitScale = Math.max(that.x.minScale, that.y.minScale);
         that.trigger(CHANGE);
-    };
-
-    return PaneDimensions;
-}(Observable));
+    }
+}
 
-export var PaneAxis = (function (Observable) {
-    function PaneAxis(options) {
-        Observable.call(this);
+export class PaneAxis extends Observable {
+    constructor(options) {
+        super();
         extend(this, options);
     }
 
-    if ( Observable ) PaneAxis.__proto__ = Observable;
-    PaneAxis.prototype = Object.create( Observable && Observable.prototype );
-    PaneAxis.prototype.constructor = PaneAxis;
-
-    PaneAxis.prototype.outOfBounds = function outOfBounds () {
+    outOfBounds() {
         return this.dimension.outOfBounds(this.movable[this.axis]);
-    };
+    }
 
-    PaneAxis.prototype.dragMove = function dragMove (delta) {
-        var that = this,
+    dragMove(delta) {
+        let that = this,
             dimension = that.dimension,
             axis = that.axis,
             movable = that.movable,
@@ -239,7 +217,7 @@ export var PaneAxis = (function (Observable) {
             return;
         }
 
-        var dragDelta = delta;
+        let dragDelta = delta;
 
         if (position < dimension.min && delta < 0 || position > dimension.max && delta > 0) {
             dragDelta *= that.resistance;
@@ -247,16 +225,14 @@ export var PaneAxis = (function (Observable) {
 
         movable.translateAxis(axis, dragDelta);
         that.trigger(CHANGE, that);
-    };
-
-    return PaneAxis;
-}(Observable));
+    }
+}
 
-export var Pane = (function (Class) {
-    function Pane(options) {
-        Class.call(this);
+export class Pane extends Class {
+    constructor(options) {
+        super();
 
-        var that = this,
+        let that = this,
             x, y,
             resistance,
             movable;
@@ -289,20 +265,20 @@ export var Pane = (function (Class) {
             'gesturestart',
             'gesturechange'
         ], {
-            gesturestart: function gesturestart(e) {
+            gesturestart(e) {
                 that.gesture = e;
 
                 that.offset = elementOffset(that.dimensions.container);
             },
-            press: function press(e) {
-                var closestAnchor = e.event.target.closest('a');
+            press(e) {
+                const closestAnchor = e.event.target.closest('a');
 
                 if (closestAnchor && closestAnchor.matches('[data-navigate-on-press=true]')) {
                     e.sender.cancel();
                 }
             },
-            gesturechange: function gesturechange(e) {
-                var previousGesture = that.gesture,
+            gesturechange(e) {
+                let previousGesture = that.gesture,
                     previousCenter = previousGesture.center,
                     center = e.center,
                     scaleDelta = e.distance / previousGesture.distance,
@@ -317,7 +293,7 @@ export var Pane = (function (Class) {
                     scaleDelta = maxScale / movable.scale;
                 }
 
-                var offsetX = movable.x + that.offset.left,
+                let offsetX = movable.x + that.offset.left,
                     offsetY = movable.y + that.offset.top;
                 coordinates = {
                     x: (offsetX - previousCenter.x) * scaleDelta + center.x - offsetX,
@@ -334,7 +310,7 @@ export var Pane = (function (Class) {
 
                 e.preventDefault();
             },
-            move: function move(e) {
+            move(e) {
                 if (e.event.target.tagName.match(/textarea|input/i)) {
                     return;
                 }
@@ -347,28 +323,22 @@ export var Pane = (function (Class) {
                     e.touch.skip();
                 }
             },
-            end: function end(e) {
+            end(e) {
                 e.preventDefault();
             }
         });
     }
+}
 
-    if ( Class ) Pane.__proto__ = Class;
-    Pane.prototype = Object.create( Class && Class.prototype );
-    Pane.prototype.constructor = Pane;
-
-    return Pane;
-}(Class));
-
-var translate = function(x, y, scale) {
+let translate = function(x, y, scale) {
     return 'translate3d(' + x + 'px,' + y + 'px,0) scale(' + scale + ')';
 };
 
-export var Movable = (function (Observable) {
-    function Movable(element) {
-        Observable.call(this);
+export class Movable extends Observable {
+    constructor(element) {
+        super();
 
-        var that = this;
+        let that = this;
 
         that.element = element;
         that.element.style.transformOrigin = 'left top';
@@ -376,49 +346,45 @@ export var Movable = (function (Observable) {
         that.y = 0;
         that.scale = 1;
 
-        var coordinates = translate(that.x, that.y, that.scale);
+        const coordinates = translate(that.x, that.y, that.scale);
         that.element.style.transform = coordinates;
 
         that._saveCoordinates(coordinates);
     }
 
-    if ( Observable ) Movable.__proto__ = Observable;
-    Movable.prototype = Object.create( Observable && Observable.prototype );
-    Movable.prototype.constructor = Movable;
-
-    Movable.prototype.translateAxis = function translateAxis (axis, by) {
+    translateAxis(axis, by) {
         this[axis] += by;
         this.refresh();
-    };
+    }
 
-    Movable.prototype.scaleTo = function scaleTo (scale) {
+    scaleTo(scale) {
         this.scale = scale;
         this.refresh();
-    };
+    }
 
-    Movable.prototype.scaleWith = function scaleWith (scaleDelta) {
+    scaleWith(scaleDelta) {
         this.scale *= scaleDelta;
         this.refresh();
-    };
+    }
 
-    Movable.prototype.translate = function translate (coordinates) {
+    translate(coordinates) {
         this.x += coordinates.x;
         this.y += coordinates.y;
         this.refresh();
-    };
+    }
 
-    Movable.prototype.moveAxis = function moveAxis (axis, value) {
+    moveAxis(axis, value) {
         this[axis] = value;
         this.refresh();
-    };
+    }
 
-    Movable.prototype.moveTo = function moveTo (coordinates) {
+    moveTo(coordinates) {
         extend(this, coordinates);
         this.refresh();
-    };
+    }
 
-    Movable.prototype.refresh = function refresh () {
-        var that = this,
+    refresh() {
+        let that = this,
             x = that.x,
             y = that.y,
             newCoordinates;
@@ -436,11 +402,9 @@ export var Movable = (function (Observable) {
             that._saveCoordinates(newCoordinates);
             that.trigger(CHANGE);
         }
-    };
+    }
 
-    Movable.prototype._saveCoordinates = function _saveCoordinates (coordinates) {
+    _saveCoordinates(coordinates) {
         this.coordinates = coordinates;
-    };
-
-    return Movable;
-}(Observable));
+    }
+}