@progress/kendo-vue-charts 5.0.2 → 5.1.0-dev.202406111323
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-vue-charts.js +1 -1
- package/dist/es/BaseChart.js +2 -4
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/BaseChart.js +2 -4
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/BaseChart.js +1 -3
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +9 -11
- package/dist/es/events/dom-events-builder.d.ts +0 -7
- package/dist/es/events/dom-events-builder.js +0 -32
- package/dist/es/events/dom-events.d.ts +0 -24
- package/dist/es/events/dom-events.js +0 -163
- package/dist/esm/events/dom-events-builder.d.ts +0 -7
- package/dist/esm/events/dom-events-builder.js +0 -32
- package/dist/esm/events/dom-events.d.ts +0 -24
- package/dist/esm/events/dom-events.js +0 -163
- package/dist/npm/events/dom-events-builder.d.ts +0 -7
- package/dist/npm/events/dom-events-builder.js +0 -35
- package/dist/npm/events/dom-events.d.ts +0 -24
- package/dist/npm/events/dom-events.js +0 -166
package/dist/es/BaseChart.js
CHANGED
|
@@ -16,10 +16,9 @@ var allVue = Vue;
|
|
|
16
16
|
var gh = allVue.h;
|
|
17
17
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
18
18
|
import { provideIntlService } from '@progress/kendo-vue-intl';
|
|
19
|
-
import {
|
|
19
|
+
import { InstanceObserver } from '@progress/kendo-charts';
|
|
20
20
|
import { getDefaultSlots, hasListener, isRtl, setRef, getRef } from '@progress/kendo-vue-common';
|
|
21
21
|
import { hasParent } from './utils/main';
|
|
22
|
-
import { DomEventsBuilder } from './events/dom-events-builder';
|
|
23
22
|
import { create as createEvent } from './events/chart-event-builder';
|
|
24
23
|
import { toDomEvent } from './events/dom-event';
|
|
25
24
|
import { loadTheme } from './theming/theme-service';
|
|
@@ -459,5 +458,4 @@ var BaseChartVue2 = {
|
|
|
459
458
|
* @hidden
|
|
460
459
|
*/
|
|
461
460
|
var BaseChart = BaseChartVue2;
|
|
462
|
-
export { BaseChart, BaseChartVue2 };
|
|
463
|
-
ChartDomEventsBuilder.register(DomEventsBuilder);
|
|
461
|
+
export { BaseChart, BaseChartVue2 };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-charts',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1718111480,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/esm/BaseChart.js
CHANGED
|
@@ -16,10 +16,9 @@ var allVue = Vue;
|
|
|
16
16
|
var gh = allVue.h;
|
|
17
17
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
18
18
|
import { provideIntlService } from '@progress/kendo-vue-intl';
|
|
19
|
-
import {
|
|
19
|
+
import { InstanceObserver } from '@progress/kendo-charts';
|
|
20
20
|
import { getDefaultSlots, hasListener, isRtl, setRef, getRef } from '@progress/kendo-vue-common';
|
|
21
21
|
import { hasParent } from './utils/main.js';
|
|
22
|
-
import { DomEventsBuilder } from './events/dom-events-builder.js';
|
|
23
22
|
import { create as createEvent } from './events/chart-event-builder.js';
|
|
24
23
|
import { toDomEvent } from './events/dom-event.js';
|
|
25
24
|
import { loadTheme } from './theming/theme-service.js';
|
|
@@ -459,5 +458,4 @@ var BaseChartVue2 = {
|
|
|
459
458
|
* @hidden
|
|
460
459
|
*/
|
|
461
460
|
var BaseChart = BaseChartVue2;
|
|
462
|
-
export { BaseChart, BaseChartVue2 };
|
|
463
|
-
ChartDomEventsBuilder.register(DomEventsBuilder);
|
|
461
|
+
export { BaseChart, BaseChartVue2 };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-charts',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1718111480,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/npm/BaseChart.js
CHANGED
|
@@ -25,7 +25,6 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
|
25
25
|
var kendo_charts_1 = require("@progress/kendo-charts");
|
|
26
26
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
27
27
|
var main_1 = require("./utils/main");
|
|
28
|
-
var dom_events_builder_1 = require("./events/dom-events-builder");
|
|
29
28
|
var chart_event_builder_1 = require("./events/chart-event-builder");
|
|
30
29
|
var dom_event_1 = require("./events/dom-event");
|
|
31
30
|
var theme_service_1 = require("./theming/theme-service");
|
|
@@ -466,5 +465,4 @@ exports.BaseChartVue2 = BaseChartVue2;
|
|
|
466
465
|
* @hidden
|
|
467
466
|
*/
|
|
468
467
|
var BaseChart = BaseChartVue2;
|
|
469
|
-
exports.BaseChart = BaseChart;
|
|
470
|
-
kendo_charts_1.DomEventsBuilder.register(dom_events_builder_1.DomEventsBuilder);
|
|
468
|
+
exports.BaseChart = BaseChart;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-charts',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1718111480,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-charts",
|
|
3
3
|
"description": "Kendo UI for Vue Charts package",
|
|
4
|
-
"version": "5.0.
|
|
4
|
+
"version": "5.1.0-dev.202406111323",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -40,27 +40,25 @@
|
|
|
40
40
|
"@progress/kendo-drawing": "^1.20.1",
|
|
41
41
|
"@progress/kendo-licensing": "^1.3.0",
|
|
42
42
|
"@progress/kendo-vue-intl": "^5.0.0",
|
|
43
|
-
"hammerjs": "^2.0.0",
|
|
44
43
|
"vue": "^2.6.12 || ^3.0.2"
|
|
45
44
|
},
|
|
46
45
|
"dependencies": {
|
|
47
|
-
"@progress/kendo-charts": "2.
|
|
48
|
-
"@progress/kendo-vue-common": "5.0.
|
|
49
|
-
"@progress/kendo-vue-popup": "5.0.
|
|
46
|
+
"@progress/kendo-charts": "2.4.0",
|
|
47
|
+
"@progress/kendo-vue-common": "5.1.0-dev.202406111323",
|
|
48
|
+
"@progress/kendo-vue-popup": "5.1.0-dev.202406111323"
|
|
50
49
|
},
|
|
51
50
|
"devDependencies": {
|
|
52
51
|
"@progress/kendo-data-query": "^1.0.0",
|
|
53
52
|
"@progress/kendo-drawing": "^1.20.1",
|
|
54
53
|
"@progress/kendo-file-saver": "^1.0.1",
|
|
55
54
|
"@progress/kendo-licensing": "^1.3.0",
|
|
56
|
-
"@progress/kendo-vue-buttons": "5.0.
|
|
57
|
-
"@progress/kendo-vue-dropdowns": "5.0.
|
|
58
|
-
"@progress/kendo-vue-inputs": "5.0.
|
|
59
|
-
"@progress/kendo-vue-intl": "5.0.
|
|
55
|
+
"@progress/kendo-vue-buttons": "5.1.0-dev.202406111323",
|
|
56
|
+
"@progress/kendo-vue-dropdowns": "5.1.0-dev.202406111323",
|
|
57
|
+
"@progress/kendo-vue-inputs": "5.1.0-dev.202406111323",
|
|
58
|
+
"@progress/kendo-vue-intl": "5.1.0-dev.202406111323",
|
|
60
59
|
"cldr-core": "^41.0.0",
|
|
61
60
|
"cldr-dates-full": "^41.0.0",
|
|
62
|
-
"cldr-numbers-full": "^41.0.0"
|
|
63
|
-
"hammerjs": "^2.0.0"
|
|
61
|
+
"cldr-numbers-full": "^41.0.0"
|
|
64
62
|
},
|
|
65
63
|
"@progress": {
|
|
66
64
|
"friendlyName": "Charts",
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { DomEvents } from './dom-events';
|
|
2
|
-
var MISSING_HAMMER_MESSAGE = 'Hammerjs is not loaded.' +
|
|
3
|
-
'Solution: http://www.telerik.com/kendo-vue-ui/components/charts/troubleshooting/#toc-installation';
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
var DomEventsBuilder = /** @class */ (function () {
|
|
8
|
-
function DomEventsBuilder() {
|
|
9
|
-
}
|
|
10
|
-
DomEventsBuilder.create = function (element, events) {
|
|
11
|
-
if (typeof window !== 'undefined') {
|
|
12
|
-
var HAMMER = window.Hammer;
|
|
13
|
-
if (!HAMMER) {
|
|
14
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
15
|
-
console.warn(MISSING_HAMMER_MESSAGE);
|
|
16
|
-
}
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
var hammerInstance = new HAMMER(element, {
|
|
20
|
-
recognizers: [
|
|
21
|
-
[HAMMER.Tap],
|
|
22
|
-
[HAMMER.Pan],
|
|
23
|
-
[HAMMER.Pinch],
|
|
24
|
-
[HAMMER.Press, { time: 0 }]
|
|
25
|
-
]
|
|
26
|
-
});
|
|
27
|
-
return new DomEvents(hammerInstance, events);
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
return DomEventsBuilder;
|
|
31
|
-
}());
|
|
32
|
-
export { DomEventsBuilder };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export declare class DomEvents {
|
|
5
|
-
private hammerInstance;
|
|
6
|
-
private eventHandlers;
|
|
7
|
-
private previous;
|
|
8
|
-
constructor(hammerInstance: any, events: any);
|
|
9
|
-
tap(e: any): void;
|
|
10
|
-
press(e: any): void;
|
|
11
|
-
panstart(e: any): void;
|
|
12
|
-
panmove(e: any): void;
|
|
13
|
-
panend(e: any): void;
|
|
14
|
-
pinchstart(e: any): void;
|
|
15
|
-
pinchmove(e: any): void;
|
|
16
|
-
pinchend(e: any): void;
|
|
17
|
-
trigger(name: string, e: any): any;
|
|
18
|
-
bind(events?: any): void;
|
|
19
|
-
unbind(): void;
|
|
20
|
-
destroy(): void;
|
|
21
|
-
toggleDrag(enable: boolean): void;
|
|
22
|
-
toggleZoom(enable: boolean): void;
|
|
23
|
-
private toggle;
|
|
24
|
-
}
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
var getTouch = function (domEvent) {
|
|
2
|
-
return {
|
|
3
|
-
x: {
|
|
4
|
-
location: domEvent.pageX
|
|
5
|
-
},
|
|
6
|
-
y: {
|
|
7
|
-
location: domEvent.pageY
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
var eventArgs = function (e, previousArgs) {
|
|
12
|
-
var pointers = e.pointers;
|
|
13
|
-
var pointer = pointers[0];
|
|
14
|
-
var xLocation = pointer.pageX;
|
|
15
|
-
var yLocation = pointer.pageY;
|
|
16
|
-
var distance = 0;
|
|
17
|
-
if (pointers.length > 1) {
|
|
18
|
-
var pointer1 = pointers[0];
|
|
19
|
-
var pointer2 = pointers[1];
|
|
20
|
-
distance = Math.sqrt(Math.pow(pointer1.pageX - pointer2.pageX, 2) +
|
|
21
|
-
Math.pow(pointer1.pageY - pointer2.pageY, 2));
|
|
22
|
-
}
|
|
23
|
-
return {
|
|
24
|
-
distance: distance,
|
|
25
|
-
event: e.srcEvent,
|
|
26
|
-
preventDefault: function () {
|
|
27
|
-
e.preventDefault();
|
|
28
|
-
},
|
|
29
|
-
target: e.target,
|
|
30
|
-
touches: pointers.map(getTouch),
|
|
31
|
-
type: e.type,
|
|
32
|
-
x: {
|
|
33
|
-
delta: previousArgs ? xLocation - previousArgs.x.location : 0,
|
|
34
|
-
initialDelta: e.deltaX,
|
|
35
|
-
location: xLocation,
|
|
36
|
-
startLocation: xLocation - e.deltaX
|
|
37
|
-
},
|
|
38
|
-
y: {
|
|
39
|
-
delta: previousArgs ? yLocation - previousArgs.y.location : 0,
|
|
40
|
-
initialDelta: e.deltaY,
|
|
41
|
-
location: yLocation,
|
|
42
|
-
startLocation: yLocation - e.deltaY
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
function shouldBindGroup(groupNames, events) {
|
|
47
|
-
for (var idx = 0; idx < groupNames.length; idx++) {
|
|
48
|
-
if (events[groupNames[idx]]) {
|
|
49
|
-
return true;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
return false;
|
|
53
|
-
}
|
|
54
|
-
var eventGroups = [{
|
|
55
|
-
end: 'panend',
|
|
56
|
-
move: 'panmove',
|
|
57
|
-
start: 'panstart'
|
|
58
|
-
}, {
|
|
59
|
-
gesturechange: 'pinchmove',
|
|
60
|
-
gestureend: 'pinchend',
|
|
61
|
-
gesturestart: 'pinchstart'
|
|
62
|
-
}, {
|
|
63
|
-
press: 'press'
|
|
64
|
-
}, {
|
|
65
|
-
tap: 'tap'
|
|
66
|
-
}];
|
|
67
|
-
/**
|
|
68
|
-
* @hidden
|
|
69
|
-
*/
|
|
70
|
-
var DomEvents = /** @class */ (function () {
|
|
71
|
-
function DomEvents(hammerInstance, events) {
|
|
72
|
-
this.hammerInstance = hammerInstance;
|
|
73
|
-
this.eventHandlers = {};
|
|
74
|
-
this.tap = this.tap.bind(this);
|
|
75
|
-
this.press = this.press.bind(this);
|
|
76
|
-
this.panstart = this.panstart.bind(this);
|
|
77
|
-
this.panmove = this.panmove.bind(this);
|
|
78
|
-
this.panend = this.panend.bind(this);
|
|
79
|
-
this.pinchstart = this.pinchstart.bind(this);
|
|
80
|
-
this.pinchmove = this.pinchmove.bind(this);
|
|
81
|
-
this.pinchend = this.pinchend.bind(this);
|
|
82
|
-
if (events) {
|
|
83
|
-
this.bind(events);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
DomEvents.prototype.tap = function (e) {
|
|
87
|
-
this.trigger('tap', e);
|
|
88
|
-
};
|
|
89
|
-
DomEvents.prototype.press = function (e) {
|
|
90
|
-
this.trigger('press', e);
|
|
91
|
-
};
|
|
92
|
-
DomEvents.prototype.panstart = function (e) {
|
|
93
|
-
delete this.previous;
|
|
94
|
-
this.previous = this.trigger('start', e);
|
|
95
|
-
};
|
|
96
|
-
DomEvents.prototype.panmove = function (e) {
|
|
97
|
-
this.previous = this.trigger('move', e);
|
|
98
|
-
};
|
|
99
|
-
DomEvents.prototype.panend = function (e) {
|
|
100
|
-
this.trigger('end', e);
|
|
101
|
-
delete this.previous;
|
|
102
|
-
};
|
|
103
|
-
DomEvents.prototype.pinchstart = function (e) {
|
|
104
|
-
this.trigger('gesturestart', e);
|
|
105
|
-
};
|
|
106
|
-
DomEvents.prototype.pinchmove = function (e) {
|
|
107
|
-
this.trigger('gesturechange', e);
|
|
108
|
-
};
|
|
109
|
-
DomEvents.prototype.pinchend = function (e) {
|
|
110
|
-
this.trigger('gestureend', e);
|
|
111
|
-
};
|
|
112
|
-
DomEvents.prototype.trigger = function (name, e) {
|
|
113
|
-
var args = eventArgs(e, this.previous);
|
|
114
|
-
if (this.eventHandlers[name]) {
|
|
115
|
-
this.eventHandlers[name](args);
|
|
116
|
-
}
|
|
117
|
-
return args;
|
|
118
|
-
};
|
|
119
|
-
DomEvents.prototype.bind = function (events) {
|
|
120
|
-
if (events === void 0) { events = {}; }
|
|
121
|
-
this.unbind();
|
|
122
|
-
this.eventHandlers = events;
|
|
123
|
-
for (var idx = 0; idx < eventGroups.length; idx++) {
|
|
124
|
-
var eventGroup = eventGroups[idx];
|
|
125
|
-
var groupNames = Object.keys(eventGroup);
|
|
126
|
-
if (shouldBindGroup(groupNames, events)) {
|
|
127
|
-
for (var nameIdx = 0; nameIdx < groupNames.length; nameIdx++) {
|
|
128
|
-
var name_1 = eventGroup[groupNames[nameIdx]];
|
|
129
|
-
this.hammerInstance.on(name_1, this[name_1]);
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
DomEvents.prototype.unbind = function () {
|
|
135
|
-
if (this.hammerInstance) {
|
|
136
|
-
this.hammerInstance.off();
|
|
137
|
-
}
|
|
138
|
-
this.eventHandlers = {};
|
|
139
|
-
};
|
|
140
|
-
DomEvents.prototype.destroy = function () {
|
|
141
|
-
if (this.hammerInstance) {
|
|
142
|
-
this.hammerInstance.destroy();
|
|
143
|
-
delete this.hammerInstance;
|
|
144
|
-
}
|
|
145
|
-
delete this.eventHandlers;
|
|
146
|
-
};
|
|
147
|
-
DomEvents.prototype.toggleDrag = function (enable) {
|
|
148
|
-
this.toggle('pan', enable);
|
|
149
|
-
};
|
|
150
|
-
DomEvents.prototype.toggleZoom = function (enable) {
|
|
151
|
-
this.toggle('pinch', enable);
|
|
152
|
-
};
|
|
153
|
-
DomEvents.prototype.toggle = function (recognizer, enable) {
|
|
154
|
-
if (this.hammerInstance) {
|
|
155
|
-
var instanceRecognizer = this.hammerInstance.get(recognizer);
|
|
156
|
-
instanceRecognizer.set({
|
|
157
|
-
enable: enable
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
};
|
|
161
|
-
return DomEvents;
|
|
162
|
-
}());
|
|
163
|
-
export { DomEvents };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { DomEvents } from './dom-events.js';
|
|
2
|
-
var MISSING_HAMMER_MESSAGE = 'Hammerjs is not loaded.' +
|
|
3
|
-
'Solution: http://www.telerik.com/kendo-vue-ui/components/charts/troubleshooting/#toc-installation';
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
var DomEventsBuilder = /** @class */ (function () {
|
|
8
|
-
function DomEventsBuilder() {
|
|
9
|
-
}
|
|
10
|
-
DomEventsBuilder.create = function (element, events) {
|
|
11
|
-
if (typeof window !== 'undefined') {
|
|
12
|
-
var HAMMER = window.Hammer;
|
|
13
|
-
if (!HAMMER) {
|
|
14
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
15
|
-
console.warn(MISSING_HAMMER_MESSAGE);
|
|
16
|
-
}
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
var hammerInstance = new HAMMER(element, {
|
|
20
|
-
recognizers: [
|
|
21
|
-
[HAMMER.Tap],
|
|
22
|
-
[HAMMER.Pan],
|
|
23
|
-
[HAMMER.Pinch],
|
|
24
|
-
[HAMMER.Press, { time: 0 }]
|
|
25
|
-
]
|
|
26
|
-
});
|
|
27
|
-
return new DomEvents(hammerInstance, events);
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
return DomEventsBuilder;
|
|
31
|
-
}());
|
|
32
|
-
export { DomEventsBuilder };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export declare class DomEvents {
|
|
5
|
-
private hammerInstance;
|
|
6
|
-
private eventHandlers;
|
|
7
|
-
private previous;
|
|
8
|
-
constructor(hammerInstance: any, events: any);
|
|
9
|
-
tap(e: any): void;
|
|
10
|
-
press(e: any): void;
|
|
11
|
-
panstart(e: any): void;
|
|
12
|
-
panmove(e: any): void;
|
|
13
|
-
panend(e: any): void;
|
|
14
|
-
pinchstart(e: any): void;
|
|
15
|
-
pinchmove(e: any): void;
|
|
16
|
-
pinchend(e: any): void;
|
|
17
|
-
trigger(name: string, e: any): any;
|
|
18
|
-
bind(events?: any): void;
|
|
19
|
-
unbind(): void;
|
|
20
|
-
destroy(): void;
|
|
21
|
-
toggleDrag(enable: boolean): void;
|
|
22
|
-
toggleZoom(enable: boolean): void;
|
|
23
|
-
private toggle;
|
|
24
|
-
}
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
var getTouch = function (domEvent) {
|
|
2
|
-
return {
|
|
3
|
-
x: {
|
|
4
|
-
location: domEvent.pageX
|
|
5
|
-
},
|
|
6
|
-
y: {
|
|
7
|
-
location: domEvent.pageY
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
var eventArgs = function (e, previousArgs) {
|
|
12
|
-
var pointers = e.pointers;
|
|
13
|
-
var pointer = pointers[0];
|
|
14
|
-
var xLocation = pointer.pageX;
|
|
15
|
-
var yLocation = pointer.pageY;
|
|
16
|
-
var distance = 0;
|
|
17
|
-
if (pointers.length > 1) {
|
|
18
|
-
var pointer1 = pointers[0];
|
|
19
|
-
var pointer2 = pointers[1];
|
|
20
|
-
distance = Math.sqrt(Math.pow(pointer1.pageX - pointer2.pageX, 2) +
|
|
21
|
-
Math.pow(pointer1.pageY - pointer2.pageY, 2));
|
|
22
|
-
}
|
|
23
|
-
return {
|
|
24
|
-
distance: distance,
|
|
25
|
-
event: e.srcEvent,
|
|
26
|
-
preventDefault: function () {
|
|
27
|
-
e.preventDefault();
|
|
28
|
-
},
|
|
29
|
-
target: e.target,
|
|
30
|
-
touches: pointers.map(getTouch),
|
|
31
|
-
type: e.type,
|
|
32
|
-
x: {
|
|
33
|
-
delta: previousArgs ? xLocation - previousArgs.x.location : 0,
|
|
34
|
-
initialDelta: e.deltaX,
|
|
35
|
-
location: xLocation,
|
|
36
|
-
startLocation: xLocation - e.deltaX
|
|
37
|
-
},
|
|
38
|
-
y: {
|
|
39
|
-
delta: previousArgs ? yLocation - previousArgs.y.location : 0,
|
|
40
|
-
initialDelta: e.deltaY,
|
|
41
|
-
location: yLocation,
|
|
42
|
-
startLocation: yLocation - e.deltaY
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
function shouldBindGroup(groupNames, events) {
|
|
47
|
-
for (var idx = 0; idx < groupNames.length; idx++) {
|
|
48
|
-
if (events[groupNames[idx]]) {
|
|
49
|
-
return true;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
return false;
|
|
53
|
-
}
|
|
54
|
-
var eventGroups = [{
|
|
55
|
-
end: 'panend',
|
|
56
|
-
move: 'panmove',
|
|
57
|
-
start: 'panstart'
|
|
58
|
-
}, {
|
|
59
|
-
gesturechange: 'pinchmove',
|
|
60
|
-
gestureend: 'pinchend',
|
|
61
|
-
gesturestart: 'pinchstart'
|
|
62
|
-
}, {
|
|
63
|
-
press: 'press'
|
|
64
|
-
}, {
|
|
65
|
-
tap: 'tap'
|
|
66
|
-
}];
|
|
67
|
-
/**
|
|
68
|
-
* @hidden
|
|
69
|
-
*/
|
|
70
|
-
var DomEvents = /** @class */ (function () {
|
|
71
|
-
function DomEvents(hammerInstance, events) {
|
|
72
|
-
this.hammerInstance = hammerInstance;
|
|
73
|
-
this.eventHandlers = {};
|
|
74
|
-
this.tap = this.tap.bind(this);
|
|
75
|
-
this.press = this.press.bind(this);
|
|
76
|
-
this.panstart = this.panstart.bind(this);
|
|
77
|
-
this.panmove = this.panmove.bind(this);
|
|
78
|
-
this.panend = this.panend.bind(this);
|
|
79
|
-
this.pinchstart = this.pinchstart.bind(this);
|
|
80
|
-
this.pinchmove = this.pinchmove.bind(this);
|
|
81
|
-
this.pinchend = this.pinchend.bind(this);
|
|
82
|
-
if (events) {
|
|
83
|
-
this.bind(events);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
DomEvents.prototype.tap = function (e) {
|
|
87
|
-
this.trigger('tap', e);
|
|
88
|
-
};
|
|
89
|
-
DomEvents.prototype.press = function (e) {
|
|
90
|
-
this.trigger('press', e);
|
|
91
|
-
};
|
|
92
|
-
DomEvents.prototype.panstart = function (e) {
|
|
93
|
-
delete this.previous;
|
|
94
|
-
this.previous = this.trigger('start', e);
|
|
95
|
-
};
|
|
96
|
-
DomEvents.prototype.panmove = function (e) {
|
|
97
|
-
this.previous = this.trigger('move', e);
|
|
98
|
-
};
|
|
99
|
-
DomEvents.prototype.panend = function (e) {
|
|
100
|
-
this.trigger('end', e);
|
|
101
|
-
delete this.previous;
|
|
102
|
-
};
|
|
103
|
-
DomEvents.prototype.pinchstart = function (e) {
|
|
104
|
-
this.trigger('gesturestart', e);
|
|
105
|
-
};
|
|
106
|
-
DomEvents.prototype.pinchmove = function (e) {
|
|
107
|
-
this.trigger('gesturechange', e);
|
|
108
|
-
};
|
|
109
|
-
DomEvents.prototype.pinchend = function (e) {
|
|
110
|
-
this.trigger('gestureend', e);
|
|
111
|
-
};
|
|
112
|
-
DomEvents.prototype.trigger = function (name, e) {
|
|
113
|
-
var args = eventArgs(e, this.previous);
|
|
114
|
-
if (this.eventHandlers[name]) {
|
|
115
|
-
this.eventHandlers[name](args);
|
|
116
|
-
}
|
|
117
|
-
return args;
|
|
118
|
-
};
|
|
119
|
-
DomEvents.prototype.bind = function (events) {
|
|
120
|
-
if (events === void 0) { events = {}; }
|
|
121
|
-
this.unbind();
|
|
122
|
-
this.eventHandlers = events;
|
|
123
|
-
for (var idx = 0; idx < eventGroups.length; idx++) {
|
|
124
|
-
var eventGroup = eventGroups[idx];
|
|
125
|
-
var groupNames = Object.keys(eventGroup);
|
|
126
|
-
if (shouldBindGroup(groupNames, events)) {
|
|
127
|
-
for (var nameIdx = 0; nameIdx < groupNames.length; nameIdx++) {
|
|
128
|
-
var name_1 = eventGroup[groupNames[nameIdx]];
|
|
129
|
-
this.hammerInstance.on(name_1, this[name_1]);
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
DomEvents.prototype.unbind = function () {
|
|
135
|
-
if (this.hammerInstance) {
|
|
136
|
-
this.hammerInstance.off();
|
|
137
|
-
}
|
|
138
|
-
this.eventHandlers = {};
|
|
139
|
-
};
|
|
140
|
-
DomEvents.prototype.destroy = function () {
|
|
141
|
-
if (this.hammerInstance) {
|
|
142
|
-
this.hammerInstance.destroy();
|
|
143
|
-
delete this.hammerInstance;
|
|
144
|
-
}
|
|
145
|
-
delete this.eventHandlers;
|
|
146
|
-
};
|
|
147
|
-
DomEvents.prototype.toggleDrag = function (enable) {
|
|
148
|
-
this.toggle('pan', enable);
|
|
149
|
-
};
|
|
150
|
-
DomEvents.prototype.toggleZoom = function (enable) {
|
|
151
|
-
this.toggle('pinch', enable);
|
|
152
|
-
};
|
|
153
|
-
DomEvents.prototype.toggle = function (recognizer, enable) {
|
|
154
|
-
if (this.hammerInstance) {
|
|
155
|
-
var instanceRecognizer = this.hammerInstance.get(recognizer);
|
|
156
|
-
instanceRecognizer.set({
|
|
157
|
-
enable: enable
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
};
|
|
161
|
-
return DomEvents;
|
|
162
|
-
}());
|
|
163
|
-
export { DomEvents };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DomEventsBuilder = void 0;
|
|
4
|
-
var dom_events_1 = require("./dom-events");
|
|
5
|
-
var MISSING_HAMMER_MESSAGE = 'Hammerjs is not loaded.' +
|
|
6
|
-
'Solution: http://www.telerik.com/kendo-vue-ui/components/charts/troubleshooting/#toc-installation';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
var DomEventsBuilder = /** @class */ (function () {
|
|
11
|
-
function DomEventsBuilder() {
|
|
12
|
-
}
|
|
13
|
-
DomEventsBuilder.create = function (element, events) {
|
|
14
|
-
if (typeof window !== 'undefined') {
|
|
15
|
-
var HAMMER = window.Hammer;
|
|
16
|
-
if (!HAMMER) {
|
|
17
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
18
|
-
console.warn(MISSING_HAMMER_MESSAGE);
|
|
19
|
-
}
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
var hammerInstance = new HAMMER(element, {
|
|
23
|
-
recognizers: [
|
|
24
|
-
[HAMMER.Tap],
|
|
25
|
-
[HAMMER.Pan],
|
|
26
|
-
[HAMMER.Pinch],
|
|
27
|
-
[HAMMER.Press, { time: 0 }]
|
|
28
|
-
]
|
|
29
|
-
});
|
|
30
|
-
return new dom_events_1.DomEvents(hammerInstance, events);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
return DomEventsBuilder;
|
|
34
|
-
}());
|
|
35
|
-
exports.DomEventsBuilder = DomEventsBuilder;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export declare class DomEvents {
|
|
5
|
-
private hammerInstance;
|
|
6
|
-
private eventHandlers;
|
|
7
|
-
private previous;
|
|
8
|
-
constructor(hammerInstance: any, events: any);
|
|
9
|
-
tap(e: any): void;
|
|
10
|
-
press(e: any): void;
|
|
11
|
-
panstart(e: any): void;
|
|
12
|
-
panmove(e: any): void;
|
|
13
|
-
panend(e: any): void;
|
|
14
|
-
pinchstart(e: any): void;
|
|
15
|
-
pinchmove(e: any): void;
|
|
16
|
-
pinchend(e: any): void;
|
|
17
|
-
trigger(name: string, e: any): any;
|
|
18
|
-
bind(events?: any): void;
|
|
19
|
-
unbind(): void;
|
|
20
|
-
destroy(): void;
|
|
21
|
-
toggleDrag(enable: boolean): void;
|
|
22
|
-
toggleZoom(enable: boolean): void;
|
|
23
|
-
private toggle;
|
|
24
|
-
}
|