@progress/kendo-charts 2.4.0-dev.202405211537 → 2.4.0-dev.202406100726

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

@@ -1,7 +1,9 @@
 import { drawing as draw } from '@progress/kendo-drawing';
 
 import { ChartElement, Box, rectToBox } from '../../core';
-import { CENTER, HORIZONTAL, START, VERTICAL } from '../../common/constants';
+import { CENTER, HORIZONTAL, START, END, VERTICAL } from '../../common/constants';
+
+var alignItems = function (rtl) { return (rtl ? END : START); };
 
 var LegendLayout = (function (ChartElement) {
     function LegendLayout(options, chartService) {
@@ -25,7 +27,7 @@ var LegendLayout = (function (ChartElement) {
             lineSpacing: vertical ? options.spacing : 0,
             orientation: vertical ? VERTICAL : HORIZONTAL,
             reverse: options.rtl,
-            alignItems: vertical ? START : CENTER
+            alignItems: vertical ? alignItems(options.rtl) : CENTER
         });
 
         for (var idx = 0; idx < children.length; idx++) {

package/dist/es/common/event-map.js

@@ -0,0 +1,17 @@
+export var eventMap = {
+    down: "pointerdown",
+    move: "pointermove",
+    up: "pointerup",
+    cancel: "pointercancel pointerleave"
+};
+
+function queryEventMap(e) {
+    return eventMap[e] || e;
+}
+
+export var applyEventMap = function (events) {
+    var eventRegEx = /([^ ]+)/g;
+    var appliedEvents = events.replace(eventRegEx, queryEventMap);
+
+    return appliedEvents;
+};

package/dist/es/common/event-utils.js

@@ -0,0 +1,61 @@
+import isFunction from './is-function';
+import isArray from './is-array';
+
+export function on(element, events, filter, handler, useCapture) {
+    addEventListeners(element, events, filter, handler, useCapture);
+}
+
+export function off(element, events, filter, handler, useCapture) {
+    removeEventListeners(element, events, filter, handler, useCapture);
+}
+
+function isString(value) {
+    return typeof(value) === "string";
+}
+
+function addEventListeners(element, events, filter, handler, useCapture) {
+    var eventNames = isArray(events) ? events : (events || "").split(" ");
+
+    eventNames.forEach(function(eventName) {
+        addEventListener(element, eventName, filter, handler, useCapture);
+    });
+}
+
+function addEventListener(element, event, filter, handler, useCapture) {
+    var eventHandler = handler;
+    var eventFilter;
+
+    if (filter && isFunction(filter) && !handler) {
+        eventHandler = filter;
+    } else if (filter && isString(filter) && isFunction(eventHandler)) {
+        eventFilter = filter;
+    }
+
+    element.addEventListener(event, function(e) {
+        var closestMatchingTarget = e.target ? e.target.closest(eventFilter) : null;
+
+        if (!eventFilter ||
+            (eventFilter && e.target && closestMatchingTarget)) {
+            var currentTarget = eventFilter ? closestMatchingTarget : e.currentTarget;
+
+            // reassign the property as it is a getters only
+            Object.defineProperty(e, "currentTarget", { value: currentTarget });
+            // keep a reference to the top-level target
+            Object.defineProperty(e, "delegateTarget", { value: element });
+
+            eventHandler(e);
+        }
+    }, Boolean(useCapture));
+}
+
+function removeEventListeners(element, events, handler, useCapture) {
+    var eventNames = isArray(events) ? events : (events || "").split(" ");
+
+    eventNames.forEach(function(eventName) {
+        removeEventListener(element, eventName, handler, useCapture);
+    });
+}
+
+function removeEventListener(element, event, handler, useCapture) {
+    element.removeEventListener(event, handler, Boolean(useCapture));
+}

package/dist/es/common/get-supported-features.js

@@ -0,0 +1,55 @@
+export default function getSupportedFeatures() {
+    var os = detectOS(navigator.userAgent);
+    var support = {};
+
+    support.mobileOS = os;
+
+    return support;
+}
+
+function detectOS(ua) {
+    var os = false;
+    var agentRxs = {
+            wp: /(Windows Phone(?: OS)?)\s(\d+)\.(\d+(\.\d+)?)/,
+            fire: /(Silk)\/(\d+)\.(\d+(\.\d+)?)/,
+            android: /(Android|Android.*(?:Opera|Firefox).*?\/)\s*(\d+)\.?(\d+(\.\d+)?)?/,
+            iphone: /(iPhone|iPod).*OS\s+(\d+)[\._]([\d\._]+)/,
+            ipad: /(iPad).*OS\s+(\d+)[\._]([\d_]+)/,
+            playbook: /(PlayBook).*?Tablet\s*OS\s*(\d+)\.(\d+(\.\d+)?)/,
+            windows: /(MSIE)\s+(\d+)\.(\d+(\.\d+)?)/,
+            tizen: /(tizen).*?Version\/(\d+)\.(\d+(\.\d+)?)/i,
+            sailfish: /(sailfish).*rv:(\d+)\.(\d+(\.\d+)?).*firefox/i
+        },
+        osRxs = {
+            ios: /^i(phone|pad|pod)$/i,
+            android: /^android|fire$/i,
+            windows: /windows/,
+            wp: /wp/,
+            flat: /sailfish|ffos|tizen/i
+        };
+
+    for (var agent in agentRxs) {
+        var match = ua.match(agentRxs[agent]);
+        if (match) {
+            if (agent === "windows" && "plugins" in navigator) { return false; } // Break if not Metro/Mobile Windows
+
+            os = {};
+            os.device = agent;
+            os.name = testRegex(agent, osRxs);
+            os[os.name] = true;
+
+            break;
+        }
+    }
+
+    return os;
+}
+
+function testRegex(agent, regexes, dflt) {
+    for (var regex in regexes) {
+        if (regexes[regex].test(agent)) {
+            return regex;
+        }
+    }
+    return dflt !== undefined ? dflt : agent;
+}

package/dist/es/common/noop.js

@@ -0,0 +1 @@
+export default function noop() {}

package/dist/es/common/now.js

@@ -0,0 +1,3 @@
+export default function now() {
+    return new Date().getTime();
+}

package/dist/es/common/observable.js

@@ -1,6 +1,4 @@
-import {
-    Class
-} from '../common';
+import { Class } from '../drawing-utils';
 
 var STRING = "string";
 var FUNCTION = "function";

package/dist/es/{map/scroller → common}/user-events.js

@@ -1,19 +1,11 @@
-import {
-    Class,
-    Observable,
-    grep
-} from '../../common';
-
-import {
-    proxy,
-    noop,
-    applyEventMap,
-    getEventMap,
-    on,
-    off,
-    now,
-    getSupportedFeatures
-} from '../utils';
+import { Class } from '../drawing-utils';
+import { applyEventMap, eventMap } from './event-map';
+import { on, off } from './event-utils';
+import getSupportedFeatures from './get-supported-features';
+import noop from './noop';
+import now from './now';
+import grep from './grep';
+import Observable from './observable';
 
 var extend = Object.assign;
 
@@ -24,7 +16,6 @@ var preventDefault = function (e) {
 var
     DEFAULT_MIN_HOLD = 800,
     CLICK_DELAY = 300,
-    // DEFAULT_THRESHOLD = support.browser.msie ? 5 : 0,
     DEFAULT_THRESHOLD = 0,
     PRESS = 'press',
     HOLD = 'hold',
@@ -66,37 +57,20 @@ function touchDelta(touch1, touch2) {
 }
 
 function getTouches(e) {
-    var support = getSupportedFeatures();
     var touches = [],
         originalEvent = e.originalEvent || e,
-        currentTarget = e.currentTarget,
-        idx = 0,
-        length, changedTouches, touch;
+        currentTarget = e.currentTarget;
 
     if (e.api) {
         touches.push({
-            id: 2,
+            id: 2, // hardcoded ID for API call
             event: e,
             target: e.target,
             currentTarget: e.target,
             location: e,
             type: 'api'
         });
-    } else if (e.type.match(/touch/)) {
-        changedTouches = originalEvent ? originalEvent.changedTouches : [];
-
-        for (length = changedTouches.length; idx < length; idx++) {
-            touch = changedTouches[idx];
-            touches.push({
-                location: touch,
-                event: e,
-                target: touch.target,
-                currentTarget: currentTarget,
-                id: touch.identifier,
-                type: 'touch'
-            });
-        }
-    } else if (support.pointers || support.msPointers) {
+    } else {
         touches.push({
             location: originalEvent,
             event: e,
@@ -105,20 +79,11 @@ function getTouches(e) {
             id: originalEvent.pointerId,
             type: 'pointer'
         });
-    } else {
-        touches.push({
-            id: 1,
-            event: e,
-            target: e.target,
-            currentTarget: currentTarget,
-            location: e,
-            type: 'mouse'
-        });
     }
 
     return touches;
 }
-export var TouchAxis = (function (Class) {
+var TouchAxis = (function (Class) {
     function TouchAxis(axis, location) {
         Class.call(this);
         var that = this;
@@ -165,7 +130,7 @@ export var TouchAxis = (function (Class) {
     return TouchAxis;
 }(Class));
 
-export var Touch = (function (Class) {
+var Touch = (function (Class) {
     function Touch(userEvents, target, touchInfo) {
         Class.call(this);
 
@@ -173,7 +138,6 @@ export var Touch = (function (Class) {
             x: new TouchAxis('X', touchInfo.location),
             y: new TouchAxis('Y', touchInfo.location),
             type: touchInfo.type,
-            useClickAsTap: userEvents.useClickAsTap,
             threshold: userEvents.threshold || THRESHOLD[touchInfo.type],
             userEvents: userEvents,
             target: target,
@@ -193,8 +157,9 @@ export var Touch = (function (Class) {
     Touch.prototype.constructor = Touch;
 
     Touch.prototype.press = function press () {
-        // this._holdTimeout = setTimeout($.proxy(this, '_hold'), this.userEvents.minHold);
-        this._holdTimeout = setTimeout(proxy(this._hold, this), this.userEvents.minHold);
+        var this$1 = this;
+
+        this._holdTimeout = setTimeout(function () { return this$1._hold(); }, this.userEvents.minHold);
         this._trigger(PRESS, this.pressEvent);
     };
 
@@ -263,12 +228,10 @@ export var Touch = (function (Class) {
         if (this._moved) {
             this._trigger(END, touchInfo);
         } else {
-            if (!this.useClickAsTap) {
-                if (this.supportDoubleTap) {
-                    this._tap(touchInfo);
-                } else {
-                    this._trigger(TAP, touchInfo);
-                }
+            if (this.supportDoubleTap) {
+                this._tap(touchInfo);
+            } else {
+                this._trigger(TAP, touchInfo);
             }
         }
 
@@ -309,17 +272,17 @@ export var Touch = (function (Class) {
     };
 
     Touch.prototype._trigger = function _trigger (name, touchInfo) {
-        var that = this,
-            jQueryEvent = touchInfo.event,
-            data = {
-                touch: that,
-                x: that.x,
-                y: that.y,
-                target: that.target,
-                event: jQueryEvent
-            };
-        if (that.userEvents.notify(name, data)) {
-            jQueryEvent.preventDefault();
+        var e = touchInfo.event;
+        var data = {
+            touch: this,
+            x: this.x,
+            y: this.y,
+            target: this.target,
+            event: e
+        };
+
+        if (this.userEvents.notify(name, data)) {
+            e.preventDefault();
         }
     };
 
@@ -333,7 +296,6 @@ export var Touch = (function (Class) {
 }(Class));
 
 function withEachUpEvent(callback) {
-    var eventMap = getEventMap(navigator.userAgent);
     var downEvents = eventMap.up.split(' '),
         idx = 0,
         length = downEvents.length;
@@ -343,7 +305,7 @@ function withEachUpEvent(callback) {
     }
 }
 
-export var UserEvents = (function (Observable) {
+var UserEvents = (function (Observable) {
     function UserEvents(element, options) {
         Observable.call(this);
         var that = this;
@@ -364,48 +326,27 @@ export var UserEvents = (function (Observable) {
         that._maxTouches = options.multiTouch ? 2 : 1;
         that.allowSelection = options.allowSelection;
         that.captureUpIfMoved = options.captureUpIfMoved;
-        that.useClickAsTap = !options.fastTap && !support.delayedClick();
         that._clicks = 0;
         that.supportDoubleTap = options.supportDoubleTap;
 
-        var enableGlobalSurface = !support.touch || support.mouseAndTouchPresent;
-
         extend(that, {
             element: element,
-            surface: options.global && enableGlobalSurface ?
-                element.ownerDocument.documentElement :
-                options.surface || element,
+            surface: options.surface || element,
             stopPropagation: options.stopPropagation,
             pressed: false
         });
 
-        this._surfaceMoveHandler = proxy(this._move, this);
+        this._surfaceMoveHandler = this._move.bind(this);
         on(that.surface, applyEventMap('move'), this._surfaceMoveHandler);
 
-        this._surfaceEndHandler = proxy(this._end, this);
+        this._surfaceEndHandler = this._end.bind(this);
         on(that.surface, applyEventMap('up cancel'), this._surfaceEndHandler);
 
-        this._elementStartHandler = proxy(this._start, this);
+        this._elementStartHandler = this._start.bind(this);
         on(element, applyEventMap('down'), filter, this._elementStartHandler);
 
-        if (that.useClickAsTap) {
-            this._elementClickHandler = proxy(this._click, this);
-            on(element, applyEventMap('click'), filter, this._elementClickHandler);
-        }
-
-        if (support.pointers || support.msPointers) {
-            if (support.browser.version < 11) {
-                var defaultAction = 'pinch-zoom double-tap-zoom';
+        element.style['touch-action'] = options.touchAction || 'none';
 
-                element.style['-ms-touch-action'] =
-                    options.touchAction && options.touchAction !== 'none' ?
-                        defaultAction + ' ' + options.touchAction :
-                        defaultAction;
-
-            } else {
-                element.style['touch-action'] = options.touchAction || 'none';
-            }
-        }
         if (options.preventDragEvent) {
             this._elementDragStartHandler = preventDefault;
             on(element, applyEventMap('dragstart'), this._elementDragStartHandler);
@@ -416,12 +357,12 @@ export var UserEvents = (function (Observable) {
         // } '_select');
 
         // todo: use root
-        this._elementSelectHandler = proxy(this._select, this);
+        this._elementSelectHandler = this._select.bind(this);
         on(element, applyEventMap('mousedown'), filter, this._elementSelectHandler);
 
-        if (that.captureUpIfMoved && support.eventCapture) {
+        if (that.captureUpIfMoved) {
             var surfaceElement = that.surface,
-                preventIfMovingProxy = proxy(that.preventIfMoving, that);
+                preventIfMovingProxy = that.preventIfMoving.bind(that);
 
             withEachUpEvent(function(eventName) {
                 surfaceElement.addEventListener(eventName, preventIfMovingProxy, true);
@@ -467,7 +408,7 @@ export var UserEvents = (function (Observable) {
 
         that._destroyed = true;
 
-        if (that.captureUpIfMoved && this.support.eventCapture) {
+        if (that.captureUpIfMoved) {
             var surfaceElement = that.surface;
             withEachUpEvent(function(eventName) {
                 surfaceElement.removeEventListener(eventName, that.preventIfMoving);
@@ -479,10 +420,6 @@ export var UserEvents = (function (Observable) {
 
         off(element, applyEventMap('down'), this._elementStartHandler);
 
-        if (that.useClickAsTap) {
-            off(element, applyEventMap('click'), this._elementClickHandler);
-        }
-
         if (options.preventDragEvent) {
             off(element, applyEventMap('dragstart'), this._elementDragStartHandler);
         }
@@ -631,33 +568,6 @@ export var UserEvents = (function (Observable) {
         this._eachTouch('end', e);
     };
 
-    UserEvents.prototype._click = function _click (e) {
-        var data = {
-            touch: {
-                initialTouch: e.target,
-                target: e.currentTarget,
-                endTime: now(),
-                x: {
-                    location: e.pageX,
-                    client: e.clientX
-                },
-                y: {
-                    location: e.pageY,
-                    client: e.clientY
-                }
-            },
-            x: e.pageX,
-            y: e.pageY,
-            target: e.currentTarget,
-            event: e,
-            type: 'tap'
-        };
-
-        if (this.trigger('tap', data)) {
-            e.preventDefault();
-        }
-    };
-
     UserEvents.prototype._eachTouch = function _eachTouch (methodName, e) {
         var that = this,
             dict = {},
@@ -706,3 +616,5 @@ export var UserEvents = (function (Observable) {
 
     return UserEvents;
 }(Observable));
+
+export default UserEvents;

package/dist/es/common.js

@@ -40,5 +40,12 @@ export { default as keys } from './common/keys';
 export { default as hasOwnProperty } from './common/has-own-property';
 export { default as Matrix } from './common/matrix';
 
+export { default as UserEvents } from './common/user-events';
+export { default as noop } from './common/noop';
+export { default as now } from './common/now';
+export { default as getSupportedFeatures } from './common/get-supported-features';
+export * from './common/event-map';
+export * from './common/event-utils';
+
 export * from './drawing-utils';
 export { default as Observable } from './common/observable';

package/dist/es/map/layers/layer.js

@@ -2,17 +2,14 @@ import {
     Class,
     addClass,
     deepExtend,
-    defined
+    defined,
+    getSupportedFeatures
 } from '../../common';
 
 import {
     Extent
 } from './../extent';
 
-import {
-    getSupportedFeatures
-} from '../utils';
-
 export var Layer = (function (Class) {
     function Layer(map, options) {
         Class.call(this);

package/dist/es/map/layers/marker.js

@@ -5,15 +5,15 @@ import {
     getter,
     deepExtend,
     setDefaultOptions,
-    renderIcon
+    renderIcon,
+    on,
+    off,
 } from '../../common';
 
 import { Layer } from './layer';
 import { Location } from '../location';
 import {
     proxy,
-    on,
-    off,
     toHyphens,
     toPixels,
     convertToHtml

package/dist/es/map/map.js

@@ -14,7 +14,11 @@ import {
     deepExtend,
     elementOffset,
     isArray,
-    round
+    round,
+    now,
+    on,
+    off,
+    getSupportedFeatures,
 } from '../common';
 
 import {
@@ -61,12 +65,8 @@ import {
 
 import {
     removeChildren,
-    setDefaultEvents,
     proxy,
-    now,
-    on,
-    off,
-    getSupportedFeatures,
+    setDefaultEvents,
     convertToHtml,
     renderPos
 } from './utils';

package/dist/es/map/navigator.js

@@ -4,13 +4,13 @@ import {
     Observable,
     keys,
     setDefaultOptions,
-    renderIcon
+    renderIcon,
+    on,
+    off,
 } from '../common';
 
 import {
     proxy,
-    on,
-    off,
     setDefaultEvents,
     convertToHtml
 } from './utils';

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

@@ -1,13 +1,12 @@
 import {
     Class,
     Observable,
-    elementOffset
+    elementOffset,
+    eventMap
 } from '../../common';
 
 import {
-    getEventMap,
-    proxy,
-    getSupportedFeatures
+    proxy
 } from '../utils';
 
 var extend = Object.assign;
@@ -22,8 +21,6 @@ export var TapCapture = (function (Observable) {
 
         that.capture = false;
 
-        var eventMap = getEventMap(navigator.userAgent);
-
         if (domElement.addEventListener) {
             eventMap.down.split(' ').forEach(function(event) {
                 domElement.addEventListener(event, proxy(that._press, that), true);
@@ -373,16 +370,14 @@ export var Movable = (function (Observable) {
 
         var that = this;
 
-        that.support = getSupportedFeatures();
-        this.transformStyle = this.support.transitions.prefix + 'Transform';
         that.element = element;
-        that.element.style.webkitTransformOrigin = 'left top';
+        that.element.style.transformOrigin = 'left top';
         that.x = 0;
         that.y = 0;
         that.scale = 1;
 
         var coordinates = translate(that.x, that.y, that.scale);
-        that.element.style[this.transformStyle] = coordinates;
+        that.element.style.transform = coordinates;
 
         that._saveCoordinates(coordinates);
     }
@@ -436,7 +431,7 @@ export var Movable = (function (Observable) {
         newCoordinates = translate(x, y, that.scale);
 
         if (newCoordinates !== that.coordinates) {
-            that.element.style[this.transformStyle] = newCoordinates;
+            that.element.style.transform = newCoordinates;
 
             that._saveCoordinates(newCoordinates);
             that.trigger(CHANGE);

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

@@ -1,10 +1,10 @@
 import {
-    Class
+    Class,
+    now
 } from '../../common';
 
 import {
     proxy,
-    now
 } from '../utils';
 
 var extend = Object.assign;