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

package/dist/es2015/{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';
 
 const extend = Object.assign;
 
@@ -24,7 +16,6 @@ const preventDefault = (e) => {
 let
     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) {
-    const support = getSupportedFeatures();
     let 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 class TouchAxis extends Class {
+class TouchAxis extends Class {
     constructor(axis, location) {
         super();
         let that = this;
@@ -159,7 +124,7 @@ export class TouchAxis extends Class {
     }
 }
 
-export class Touch extends Class {
+class Touch extends Class {
     constructor(userEvents, target, touchInfo) {
         super();
 
@@ -167,7 +132,6 @@ export class Touch extends 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,
@@ -183,8 +147,7 @@ export class Touch extends Class {
     }
 
     press() {
-        // this._holdTimeout = setTimeout($.proxy(this, '_hold'), this.userEvents.minHold);
-        this._holdTimeout = setTimeout(proxy(this._hold, this), this.userEvents.minHold);
+        this._holdTimeout = setTimeout(() => this._hold(), this.userEvents.minHold);
         this._trigger(PRESS, this.pressEvent);
     }
 
@@ -253,12 +216,10 @@ export class Touch extends 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);
             }
         }
 
@@ -299,17 +260,17 @@ export class Touch extends Class {
     }
 
     _trigger(name, touchInfo) {
-        let 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();
+        const e = touchInfo.event;
+        const data = {
+            touch: this,
+            x: this.x,
+            y: this.y,
+            target: this.target,
+            event: e
+        };
+
+        if (this.userEvents.notify(name, data)) {
+            e.preventDefault();
         }
     }
 
@@ -321,7 +282,6 @@ export class Touch extends Class {
 }
 
 function withEachUpEvent(callback) {
-    const eventMap = getEventMap(navigator.userAgent);
     let downEvents = eventMap.up.split(' '),
         idx = 0,
         length = downEvents.length;
@@ -331,7 +291,7 @@ function withEachUpEvent(callback) {
     }
 }
 
-export class UserEvents extends Observable {
+export default class UserEvents extends Observable {
     constructor(element, options) {
         super();
         let that = this;
@@ -352,48 +312,27 @@ export class UserEvents extends 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;
 
-        const 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) {
-                let 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);
@@ -404,12 +343,12 @@ export class UserEvents extends 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) {
             let surfaceElement = that.surface,
-                preventIfMovingProxy = proxy(that.preventIfMoving, that);
+                preventIfMovingProxy = that.preventIfMoving.bind(that);
 
             withEachUpEvent(function(eventName) {
                 surfaceElement.addEventListener(eventName, preventIfMovingProxy, true);
@@ -451,7 +390,7 @@ export class UserEvents extends Observable {
 
         that._destroyed = true;
 
-        if (that.captureUpIfMoved && this.support.eventCapture) {
+        if (that.captureUpIfMoved) {
             let surfaceElement = that.surface;
             withEachUpEvent(function(eventName) {
                 surfaceElement.removeEventListener(eventName, that.preventIfMoving);
@@ -463,10 +402,6 @@ export class UserEvents extends 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);
         }
@@ -615,33 +550,6 @@ export class UserEvents extends Observable {
         this._eachTouch('end', e);
     }
 
-    _click(e) {
-        let 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();
-        }
-    }
-
     _eachTouch(methodName, e) {
         let that = this,
             dict = {},

package/dist/es2015/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/es2015/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 class Layer extends Class {
     constructor(map, options) {
         super();

package/dist/es2015/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/es2015/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/es2015/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/es2015/map/scroller/draggable.js

@@ -1,13 +1,12 @@
 import {
     Class,
     Observable,
-    elementOffset
+    elementOffset,
+    eventMap
 } from '../../common';
 
 import {
-    getEventMap,
-    proxy,
-    getSupportedFeatures
+    proxy
 } from '../utils';
 
 const extend = Object.assign;
@@ -22,8 +21,6 @@ export class TapCapture extends Observable {
 
         that.capture = false;
 
-        const eventMap = getEventMap(navigator.userAgent);
-
         if (domElement.addEventListener) {
             eventMap.down.split(' ').forEach(function(event) {
                 domElement.addEventListener(event, proxy(that._press, that), true);
@@ -343,16 +340,14 @@ export class Movable extends Observable {
 
         let 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;
 
         const coordinates = translate(that.x, that.y, that.scale);
-        that.element.style[this.transformStyle] = coordinates;
+        that.element.style.transform = coordinates;
 
         that._saveCoordinates(coordinates);
     }
@@ -402,7 +397,7 @@ export class Movable extends 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/es2015/map/scroller/fx.js

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

package/dist/es2015/map/scroller/scroller.js

@@ -6,19 +6,19 @@ import {
     addClass,
     Observable,
     isFunction,
-    setDefaultOptions
+    setDefaultOptions,
+    on,
+    off,
+    UserEvents
 } from '../../common';
 
 import {
     convertToHtml,
     prepend,
     wrapInner,
-    contains,
     hasNativeScrolling,
-    on,
-    off,
-    proxy,
     wheelDeltaY,
+    proxy,
     setDefaultEvents
 } from '../utils';
 
@@ -34,10 +34,6 @@ import {
     TapCapture
 } from './draggable';
 
-import {
-    UserEvents
-} from './user-events';
-
 let
     extend = Object.assign,
     abs = Math.abs,
@@ -358,8 +354,7 @@ export class Scroller extends Observable {
             avoidScrolling = this.options.avoidScrolling,
 
             userEvents = new UserEvents(element, {
-                touchAction: 'pan-y',
-                fastTap: true,
+                touchAction: 'none',
                 allowSelection: true,
                 preventDragEvent: true,
                 captureUpIfMoved: true,
@@ -370,7 +365,7 @@ export class Scroller extends Observable {
                     let velocityX = abs(e.x.velocity),
                         velocityY = abs(e.y.velocity),
                         horizontalSwipe = velocityX * 2 >= velocityY,
-                        originatedFromFixedContainer = contains(that.fixedContainer, e.event.target),
+                        originatedFromFixedContainer = that.fixedContainer.contains(e.event.target),
                         verticalSwipe = velocityY * 2 >= velocityX;
                     if (!originatedFromFixedContainer && !avoidScrolling(e) && that.enabled && (dimensions.x.enabled && horizontalSwipe || dimensions.y.enabled && verticalSwipe)) {
                         userEvents.capture();