highmark-cli 0.0.159 → 0.0.162
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/client.js +2800 -2696
- package/lib/constants.js +1 -25
- package/lib/state.js +5 -4
- package/lib/view/div/checkbox/fullScreen.js +4 -3
- package/lib/view/div/overlay.js +9 -11
- package/package.json +3 -2
- package/src/constants.js +0 -7
- package/src/state.js +4 -1
- package/src/view/div/checkbox/fullScreen.js +3 -1
- package/src/view/div/overlay.js +5 -7
- package/lib/eventTypes.js +0 -30
- package/lib/mixins/fullsrean.js +0 -61
- package/lib/mixins/touch.js +0 -526
- package/lib/position/relative.js +0 -97
- package/lib/position.js +0 -101
- package/lib/utilities/fullScreen.js +0 -16
- package/lib/utilities/positions.js +0 -143
- package/src/eventTypes.js +0 -6
- package/src/mixins/fullsrean.js +0 -73
- package/src/mixins/touch.js +0 -777
- package/src/position/relative.js +0 -63
- package/src/position.js +0 -74
- package/src/utilities/fullScreen.js +0 -8
- package/src/utilities/positions.js +0 -127
package/src/mixins/touch.js
DELETED
|
@@ -1,777 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { window } from "easy";
|
|
4
|
-
import { arrayUtilities } from "necessary";
|
|
5
|
-
|
|
6
|
-
import RelativePosition from "../position/relative";
|
|
7
|
-
|
|
8
|
-
import { TOUCHSTART_EVENT_TYPE, TOUCHMOVE_EVENT_TYPE, TOUCHEND_EVENT_TYPE } from "../eventTypes";
|
|
9
|
-
import { PI, TAP_DELAY, PI_OVER_TWO, MAXIMUM_TAP_TIME, MINIMUM_SWIPE_SPEED, MAXIMUM_SPREAD } from "../constants";
|
|
10
|
-
import { sortPositions, matchPositions, filterPositions, positionsFromMouseEvent, positionsFromTouchEvent } from "../utilities/positions";
|
|
11
|
-
import { TAP_CUSTOM_EVENT_TYPE,
|
|
12
|
-
DRAG_UP_CUSTOM_EVENT_TYPE,
|
|
13
|
-
DRAG_DOWN_CUSTOM_EVENT_TYPE,
|
|
14
|
-
DRAG_LEFT_CUSTOM_EVENT_TYPE,
|
|
15
|
-
DRAG_RIGHT_CUSTOM_EVENT_TYPE,
|
|
16
|
-
DRAG_START_CUSTOM_EVENT_TYPE,
|
|
17
|
-
DRAG_END_CUSTOM_EVENT_TYPE,
|
|
18
|
-
SWIPE_UP_CUSTOM_EVENT_TYPE,
|
|
19
|
-
SWIPE_DOWN_CUSTOM_EVENT_TYPE,
|
|
20
|
-
SWIPE_LEFT_CUSTOM_EVENT_TYPE,
|
|
21
|
-
SWIPE_RIGHT_CUSTOM_EVENT_TYPE,
|
|
22
|
-
PINCH_MOVE_CUSTOM_EVENT_TYPE,
|
|
23
|
-
PINCH_START_CUSTOM_EVENT_TYPE,
|
|
24
|
-
DOUBLE_TAP_CUSTOM_EVENT_TYPE } from "../customEventTypes";
|
|
25
|
-
|
|
26
|
-
const { push, first, second } = arrayUtilities;
|
|
27
|
-
|
|
28
|
-
function enableTouch() {
|
|
29
|
-
const tapInterval = null,
|
|
30
|
-
startMagnitude = null,
|
|
31
|
-
startPositions = [],
|
|
32
|
-
movingPositions = [],
|
|
33
|
-
customGesturesEnabled = true;
|
|
34
|
-
|
|
35
|
-
this.updateState({
|
|
36
|
-
tapInterval,
|
|
37
|
-
startMagnitude,
|
|
38
|
-
startPositions,
|
|
39
|
-
movingPositions,
|
|
40
|
-
customGesturesEnabled
|
|
41
|
-
});
|
|
42
|
-
|
|
43
|
-
this.onMouseDown(this.mouseDownHandler);
|
|
44
|
-
this.onMouseMove(this.mouseMoveHandler);
|
|
45
|
-
|
|
46
|
-
window.onMouseUp(this.mouseUpHandler, this);
|
|
47
|
-
|
|
48
|
-
this.onTouchStart(this.touchStartHandler);
|
|
49
|
-
this.onTouchMove(this.touchMoveHandler);
|
|
50
|
-
this.onTouchEnd(this.touchEndHandler);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
function disableTouch() {
|
|
54
|
-
this.offMouseDown(this.mouseDownHandler);
|
|
55
|
-
this.offMouseMove(this.mouseMoveHandler);
|
|
56
|
-
|
|
57
|
-
window.offMouseUp(this.mouseUpHandler, this);
|
|
58
|
-
|
|
59
|
-
this.offTouchStart(this.touchStartHandler);
|
|
60
|
-
this.offTouchMove(this.touchMoveHandler);
|
|
61
|
-
this.offTouchEnd(this.touchEndHandler);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
function onTouchStart(touchStartHandler) {
|
|
65
|
-
const eventType = TOUCHSTART_EVENT_TYPE,
|
|
66
|
-
handler = touchStartHandler; ///
|
|
67
|
-
|
|
68
|
-
this.onEvent(eventType, handler);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
function offTouchStart(touchStartHandler) {
|
|
72
|
-
const eventType = TOUCHSTART_EVENT_TYPE,
|
|
73
|
-
handler = touchStartHandler; ///
|
|
74
|
-
|
|
75
|
-
this.offEvent(eventType, handler);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
function onTouchMove(touchStartHandler) {
|
|
79
|
-
const eventType = TOUCHMOVE_EVENT_TYPE,
|
|
80
|
-
handler = touchStartHandler; ///
|
|
81
|
-
|
|
82
|
-
this.onEvent(eventType, handler);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
function offTouchMove(touchStartHandler) {
|
|
86
|
-
const eventType = TOUCHMOVE_EVENT_TYPE,
|
|
87
|
-
handler = touchStartHandler; ///
|
|
88
|
-
|
|
89
|
-
this.offEvent(eventType, handler);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
function onTouchEnd(touchStartHandler) {
|
|
93
|
-
const eventType = TOUCHEND_EVENT_TYPE,
|
|
94
|
-
handler = touchStartHandler; ///
|
|
95
|
-
|
|
96
|
-
this.onEvent(eventType, handler);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
function offTouchEnd(touchStartHandler) {
|
|
100
|
-
const eventType = TOUCHEND_EVENT_TYPE,
|
|
101
|
-
handler = touchStartHandler; ///
|
|
102
|
-
|
|
103
|
-
this.offEvent(eventType, handler);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
function onCustomTap(tapCustomHandler, element) {
|
|
107
|
-
const customEventType = TAP_CUSTOM_EVENT_TYPE,
|
|
108
|
-
customHandler = tapCustomHandler; ///
|
|
109
|
-
|
|
110
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
function offCustomTap(tapCustomHandler, element) {
|
|
114
|
-
const customEventType = TAP_CUSTOM_EVENT_TYPE,
|
|
115
|
-
customHandler = tapCustomHandler; ///
|
|
116
|
-
|
|
117
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
function onCustomDragUp(dragUpCustomHandler, element) {
|
|
121
|
-
const customEventType = DRAG_UP_CUSTOM_EVENT_TYPE,
|
|
122
|
-
customHandler = dragUpCustomHandler; ///
|
|
123
|
-
|
|
124
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
function offCustomDragUp(dragUpCustomHandler, element) {
|
|
128
|
-
const customEventType = DRAG_UP_CUSTOM_EVENT_TYPE,
|
|
129
|
-
customHandler = dragUpCustomHandler; ///
|
|
130
|
-
|
|
131
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
function onCustomDragDown(dragDownCustomHandler, element) {
|
|
135
|
-
const customEventType = DRAG_DOWN_CUSTOM_EVENT_TYPE,
|
|
136
|
-
customHandler = dragDownCustomHandler; ///
|
|
137
|
-
|
|
138
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
function offCustomDragDown(dragDownCustomHandler, element) {
|
|
142
|
-
const customEventType = DRAG_DOWN_CUSTOM_EVENT_TYPE,
|
|
143
|
-
customHandler = dragDownCustomHandler; ///
|
|
144
|
-
|
|
145
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
function onCustomDragLeft(dragLeftCustomHandler, element) {
|
|
149
|
-
const customEventType = DRAG_LEFT_CUSTOM_EVENT_TYPE,
|
|
150
|
-
customHandler = dragLeftCustomHandler; ///
|
|
151
|
-
|
|
152
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
function offCustomDragLeft(dragLeftCustomHandler, element) {
|
|
156
|
-
const customEventType = DRAG_LEFT_CUSTOM_EVENT_TYPE,
|
|
157
|
-
customHandler = dragLeftCustomHandler; ///
|
|
158
|
-
|
|
159
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
function onCustomDragRight(dragRightCustomHandler, element) {
|
|
163
|
-
const customEventType = DRAG_RIGHT_CUSTOM_EVENT_TYPE,
|
|
164
|
-
customHandler = dragRightCustomHandler; ///
|
|
165
|
-
|
|
166
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
function offCustomDragRight(dragRightCustomHandler, element) {
|
|
170
|
-
const customEventType = DRAG_RIGHT_CUSTOM_EVENT_TYPE,
|
|
171
|
-
customHandler = dragRightCustomHandler; ///
|
|
172
|
-
|
|
173
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
function onCustomDragStart(dragStartCustomHandler, element) {
|
|
177
|
-
const customEventType = DRAG_START_CUSTOM_EVENT_TYPE,
|
|
178
|
-
customHandler = dragStartCustomHandler; ///
|
|
179
|
-
|
|
180
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
function offCustomDragStart(dragStartCustomHandler, element) {
|
|
184
|
-
const customEventType = DRAG_START_CUSTOM_EVENT_TYPE,
|
|
185
|
-
customHandler = dragStartCustomHandler; ///
|
|
186
|
-
|
|
187
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
function onCustomDragEnd(dragEndCustomHandler, element) {
|
|
191
|
-
const customEventType = DRAG_END_CUSTOM_EVENT_TYPE,
|
|
192
|
-
customHandler = dragEndCustomHandler; ///
|
|
193
|
-
|
|
194
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
function offCustomDragEnd(dragEndCustomHandler, element) {
|
|
198
|
-
const customEventType = DRAG_END_CUSTOM_EVENT_TYPE,
|
|
199
|
-
customHandler = dragEndCustomHandler; ///
|
|
200
|
-
|
|
201
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
function onCustomSwipeUp(swipeUpCustomHandler, element) {
|
|
205
|
-
const customEventType = SWIPE_UP_CUSTOM_EVENT_TYPE,
|
|
206
|
-
customHandler = swipeUpCustomHandler; ///
|
|
207
|
-
|
|
208
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
function offCustomSwipeUp(swipeUpCustomHandler, element) {
|
|
212
|
-
const customEventType = SWIPE_UP_CUSTOM_EVENT_TYPE,
|
|
213
|
-
customHandler = swipeUpCustomHandler; ///
|
|
214
|
-
|
|
215
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
function onCustomSwipeDown(swipeDownCustomHandler, element) {
|
|
219
|
-
const customEventType = SWIPE_DOWN_CUSTOM_EVENT_TYPE,
|
|
220
|
-
customHandler = swipeDownCustomHandler; ///
|
|
221
|
-
|
|
222
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
function offCustomSwipeDown(swipeDownCustomHandler, element) {
|
|
226
|
-
const customEventType = SWIPE_DOWN_CUSTOM_EVENT_TYPE,
|
|
227
|
-
customHandler = swipeDownCustomHandler; ///
|
|
228
|
-
|
|
229
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
function onCustomSwipeLeft(swipeLeftCustomHandler, element) {
|
|
233
|
-
const customEventType = SWIPE_LEFT_CUSTOM_EVENT_TYPE,
|
|
234
|
-
customHandler = swipeLeftCustomHandler; ///
|
|
235
|
-
|
|
236
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
function offCustomSwipeLeft(swipeLeftCustomHandler, element) {
|
|
240
|
-
const customEventType = SWIPE_LEFT_CUSTOM_EVENT_TYPE,
|
|
241
|
-
customHandler = swipeLeftCustomHandler; ///
|
|
242
|
-
|
|
243
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
function onCustomSwipeRight(swipeRightCustomHandler, element) {
|
|
247
|
-
const customEventType = SWIPE_RIGHT_CUSTOM_EVENT_TYPE,
|
|
248
|
-
customHandler = swipeRightCustomHandler; ///
|
|
249
|
-
|
|
250
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
function offCustomSwipeRight(swipeRightCustomHandler, element) {
|
|
254
|
-
const customEventType = SWIPE_RIGHT_CUSTOM_EVENT_TYPE,
|
|
255
|
-
customHandler = swipeRightCustomHandler; ///
|
|
256
|
-
|
|
257
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
function onCustomPinchMove(pinchMoveCustomHandler, element) {
|
|
261
|
-
const customEventType = PINCH_MOVE_CUSTOM_EVENT_TYPE,
|
|
262
|
-
customHandler = pinchMoveCustomHandler; ///
|
|
263
|
-
|
|
264
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
function offCustomPinchMove(pinchMoveCustomHandler, element) {
|
|
268
|
-
const customEventType = PINCH_MOVE_CUSTOM_EVENT_TYPE,
|
|
269
|
-
customHandler = pinchMoveCustomHandler; ///
|
|
270
|
-
|
|
271
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
function onCustomPinchStart(pinchStartCustomHandler, element) {
|
|
275
|
-
const customEventType = PINCH_START_CUSTOM_EVENT_TYPE,
|
|
276
|
-
customHandler = pinchStartCustomHandler; ///
|
|
277
|
-
|
|
278
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
function offCustomPinchStart(pinchStartCustomHandler, element) {
|
|
282
|
-
const customEventType = PINCH_START_CUSTOM_EVENT_TYPE,
|
|
283
|
-
customHandler = pinchStartCustomHandler; ///
|
|
284
|
-
|
|
285
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
286
|
-
}
|
|
287
|
-
|
|
288
|
-
function onCustomDoubleTap(doubleTapCustomHandler, element) {
|
|
289
|
-
const customEventType = DOUBLE_TAP_CUSTOM_EVENT_TYPE,
|
|
290
|
-
customHandler = doubleTapCustomHandler; ///
|
|
291
|
-
|
|
292
|
-
this.onCustomEvent(customEventType, customHandler, element);
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
function offCustomDoubleTap(doubleTapCustomHandler, element) {
|
|
296
|
-
const customEventType = DOUBLE_TAP_CUSTOM_EVENT_TYPE,
|
|
297
|
-
customHandler = doubleTapCustomHandler; ///
|
|
298
|
-
|
|
299
|
-
this.offCustomEvent(customEventType, customHandler, element);
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
function getTapInterval() {
|
|
303
|
-
const { tapInterval } = this.getState();
|
|
304
|
-
|
|
305
|
-
return tapInterval;
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
function setTapInterval(tapInterval) {
|
|
309
|
-
this.updateState({
|
|
310
|
-
tapInterval
|
|
311
|
-
});
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
function getStartMagnitude() {
|
|
315
|
-
const { startMagnitude } = this.getState();
|
|
316
|
-
|
|
317
|
-
return startMagnitude;
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
function setStartMagnitude(startMagnitude) {
|
|
321
|
-
this.updateState({
|
|
322
|
-
startMagnitude
|
|
323
|
-
});
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
function areCustomGesturesEnabled() {
|
|
327
|
-
const { customGesturesEnabled } = this.getState();
|
|
328
|
-
|
|
329
|
-
return customGesturesEnabled;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
function setCustonGesturesEnabled(customGesturesEnabled) {
|
|
333
|
-
this.updateState({
|
|
334
|
-
customGesturesEnabled
|
|
335
|
-
});
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
function getStartPositions() {
|
|
339
|
-
const { startPositions } = this.getState();
|
|
340
|
-
|
|
341
|
-
return startPositions;
|
|
342
|
-
}
|
|
343
|
-
|
|
344
|
-
function setStartPositions(startPositions) {
|
|
345
|
-
this.updateState({
|
|
346
|
-
startPositions
|
|
347
|
-
});
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
function getMovingPositions() {
|
|
351
|
-
const { movingPositions } = this.getState();
|
|
352
|
-
|
|
353
|
-
return movingPositions;
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
function setMovingPositions(movingPositions) {
|
|
357
|
-
this.updateState({
|
|
358
|
-
movingPositions
|
|
359
|
-
});
|
|
360
|
-
}
|
|
361
|
-
|
|
362
|
-
function touchStartHandler(event, element) {
|
|
363
|
-
this.startHandler(event, element, (event) => {
|
|
364
|
-
const touchEvent = event, ///
|
|
365
|
-
changed = false,
|
|
366
|
-
positions = positionsFromTouchEvent(touchEvent, changed);
|
|
367
|
-
|
|
368
|
-
return positions;
|
|
369
|
-
});
|
|
370
|
-
}
|
|
371
|
-
|
|
372
|
-
function mouseDownHandler(event, element) {
|
|
373
|
-
this.startHandler(event, element, (event) => {
|
|
374
|
-
const mouseEvent = event, ///
|
|
375
|
-
positions = positionsFromMouseEvent(mouseEvent);
|
|
376
|
-
|
|
377
|
-
return positions;
|
|
378
|
-
});
|
|
379
|
-
}
|
|
380
|
-
|
|
381
|
-
function touchMoveHandler(event, element) {
|
|
382
|
-
this.moveHandler(event, element, (event) => {
|
|
383
|
-
const touchEvent = event, ///
|
|
384
|
-
changed = false,
|
|
385
|
-
positions = positionsFromTouchEvent(touchEvent, changed);
|
|
386
|
-
|
|
387
|
-
return positions;
|
|
388
|
-
});
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
function mouseMoveHandler(event, element) {
|
|
392
|
-
this.moveHandler(event, element, (event) => {
|
|
393
|
-
const mouseEvent = event, ///
|
|
394
|
-
positions = positionsFromMouseEvent(mouseEvent);
|
|
395
|
-
|
|
396
|
-
return positions;
|
|
397
|
-
});
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
function touchEndHandler(event, element) {
|
|
401
|
-
this.endHandler(event, element, (event) => {
|
|
402
|
-
const touchEvent = event, ///
|
|
403
|
-
changed = true,
|
|
404
|
-
positions = positionsFromTouchEvent(touchEvent, changed);
|
|
405
|
-
|
|
406
|
-
return positions;
|
|
407
|
-
});
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
function mouseUpHandler(event, element) {
|
|
411
|
-
this.endHandler(event, element, (event) => {
|
|
412
|
-
const mouseEvent = event, ///
|
|
413
|
-
positions = positionsFromMouseEvent(mouseEvent);
|
|
414
|
-
|
|
415
|
-
return positions;
|
|
416
|
-
});
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
function startHandler(event, element, positionsFromEvent) {
|
|
420
|
-
const positions = positionsFromEvent(event),
|
|
421
|
-
startPositions = this.getStartPositions();
|
|
422
|
-
|
|
423
|
-
filterPositions(startPositions, positions);
|
|
424
|
-
|
|
425
|
-
push(startPositions, positions);
|
|
426
|
-
|
|
427
|
-
const startingPositionsLength = startPositions.length;
|
|
428
|
-
|
|
429
|
-
if (startingPositionsLength === 1) {
|
|
430
|
-
this.dragStart(event, element);
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
if (startingPositionsLength === 2) {
|
|
434
|
-
this.pinchStart(event, element);
|
|
435
|
-
}
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
function moveHandler(event, element, positionsFromEvent) {
|
|
439
|
-
const positions = positionsFromEvent(event),
|
|
440
|
-
startPositions = this.getStartPositions(),
|
|
441
|
-
movingPositions = this.getMovingPositions();
|
|
442
|
-
|
|
443
|
-
filterPositions(movingPositions, positions);
|
|
444
|
-
|
|
445
|
-
push(movingPositions, positions);
|
|
446
|
-
|
|
447
|
-
const positionsMatch = matchPositions(startPositions, movingPositions);
|
|
448
|
-
|
|
449
|
-
if (positionsMatch) {
|
|
450
|
-
sortPositions(movingPositions, startPositions);
|
|
451
|
-
|
|
452
|
-
const movingPositionsLength = movingPositions.length;
|
|
453
|
-
|
|
454
|
-
if (movingPositionsLength === 1) {
|
|
455
|
-
this.drag(event, element);
|
|
456
|
-
}
|
|
457
|
-
|
|
458
|
-
if (movingPositionsLength === 2) {
|
|
459
|
-
this.pinch(event, element);
|
|
460
|
-
}
|
|
461
|
-
}
|
|
462
|
-
}
|
|
463
|
-
|
|
464
|
-
function endHandler(event, element, positionsFromEvent) {
|
|
465
|
-
const positions = positionsFromEvent(event),
|
|
466
|
-
startPositions = this.getStartPositions(),
|
|
467
|
-
movingPositions = this.getMovingPositions(),
|
|
468
|
-
positionsMatch = matchPositions(startPositions, movingPositions);
|
|
469
|
-
|
|
470
|
-
if (positionsMatch) {
|
|
471
|
-
const startPositionsLength = startPositions.length,
|
|
472
|
-
movingPositionsLength = movingPositions.length;
|
|
473
|
-
|
|
474
|
-
if (startPositionsLength === 1) {
|
|
475
|
-
if (movingPositionsLength === 0) {
|
|
476
|
-
this.tapOrDoubleTap(event, element);
|
|
477
|
-
} else {
|
|
478
|
-
this.dragEnd(event, element);
|
|
479
|
-
|
|
480
|
-
this.possibleTap(event, element);
|
|
481
|
-
|
|
482
|
-
this.possibleSwipe(event, element);
|
|
483
|
-
}
|
|
484
|
-
}
|
|
485
|
-
}
|
|
486
|
-
|
|
487
|
-
filterPositions(startPositions, positions);
|
|
488
|
-
|
|
489
|
-
filterPositions(movingPositions, positions);
|
|
490
|
-
}
|
|
491
|
-
|
|
492
|
-
function tap(event, element, top, left) {
|
|
493
|
-
const customEventType = TAP_CUSTOM_EVENT_TYPE;
|
|
494
|
-
|
|
495
|
-
this.callCustomHandlers(customEventType, event, element, top, left); ///
|
|
496
|
-
}
|
|
497
|
-
|
|
498
|
-
function drag(event, element) {
|
|
499
|
-
const startPositions = this.getStartPositions(),
|
|
500
|
-
movingPositions = this.getMovingPositions(),
|
|
501
|
-
firstStartPosition = first(startPositions),
|
|
502
|
-
firstMovingPosition = first(movingPositions),
|
|
503
|
-
firstPosition = firstStartPosition, ///
|
|
504
|
-
secondPosition = firstMovingPosition, ///
|
|
505
|
-
relativePosition = RelativePosition.fromFirstPositionAndSecondPosition(firstPosition, secondPosition),
|
|
506
|
-
top = relativePosition.getTop(),
|
|
507
|
-
left = relativePosition.getLeft(),
|
|
508
|
-
direction = relativePosition.getDirection();
|
|
509
|
-
|
|
510
|
-
let customEventType = null;
|
|
511
|
-
|
|
512
|
-
if ((Math.abs(direction)) < MAXIMUM_SPREAD) {
|
|
513
|
-
customEventType = DRAG_RIGHT_CUSTOM_EVENT_TYPE;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
if (Math.abs(PI_OVER_TWO - direction) < MAXIMUM_SPREAD) {
|
|
517
|
-
customEventType = DRAG_UP_CUSTOM_EVENT_TYPE;
|
|
518
|
-
}
|
|
519
|
-
|
|
520
|
-
if (Math.abs(-PI_OVER_TWO - direction) < MAXIMUM_SPREAD) {
|
|
521
|
-
customEventType = DRAG_DOWN_CUSTOM_EVENT_TYPE;
|
|
522
|
-
}
|
|
523
|
-
|
|
524
|
-
if ((PI - Math.abs(direction)) < MAXIMUM_SPREAD) {
|
|
525
|
-
customEventType = DRAG_LEFT_CUSTOM_EVENT_TYPE;
|
|
526
|
-
}
|
|
527
|
-
|
|
528
|
-
if (customEventType !== null) {
|
|
529
|
-
this.callCustomHandlersConditionally(customEventType, event, element, top, left);
|
|
530
|
-
}
|
|
531
|
-
}
|
|
532
|
-
|
|
533
|
-
function pinch(event, element) {
|
|
534
|
-
const movingPositions = this.getMovingPositions(),
|
|
535
|
-
firstMovingPosition = first(movingPositions),
|
|
536
|
-
secondMovingPosition = second(movingPositions),
|
|
537
|
-
relativeMovingPosition = RelativePosition.fromFirstPositionAndSecondPosition(firstMovingPosition, secondMovingPosition),
|
|
538
|
-
customEventType = PINCH_MOVE_CUSTOM_EVENT_TYPE,
|
|
539
|
-
startMagnitude = this.getStartMagnitude(),
|
|
540
|
-
magnitude = relativeMovingPosition.getMagnitude(),
|
|
541
|
-
ratio = magnitude / startMagnitude;
|
|
542
|
-
|
|
543
|
-
this.callCustomHandlersConditionally(customEventType, event, element, ratio);
|
|
544
|
-
}
|
|
545
|
-
|
|
546
|
-
function swipe(event, element, speed, direction) {
|
|
547
|
-
let customEventType = null;
|
|
548
|
-
|
|
549
|
-
if ((Math.abs(direction)) < MAXIMUM_SPREAD) {
|
|
550
|
-
customEventType = SWIPE_RIGHT_CUSTOM_EVENT_TYPE;
|
|
551
|
-
|
|
552
|
-
speed = speed * Math.cos(direction);
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
if (Math.abs(PI_OVER_TWO - direction) < MAXIMUM_SPREAD) {
|
|
556
|
-
customEventType = SWIPE_UP_CUSTOM_EVENT_TYPE;
|
|
557
|
-
|
|
558
|
-
speed = speed * Math.sin(direction);
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
if (Math.abs(-PI_OVER_TWO - direction) < MAXIMUM_SPREAD) {
|
|
562
|
-
customEventType = SWIPE_DOWN_CUSTOM_EVENT_TYPE;
|
|
563
|
-
|
|
564
|
-
speed = speed * Math.sin(direction);
|
|
565
|
-
}
|
|
566
|
-
|
|
567
|
-
if ((PI - Math.abs(direction)) < MAXIMUM_SPREAD) {
|
|
568
|
-
customEventType = SWIPE_LEFT_CUSTOM_EVENT_TYPE;
|
|
569
|
-
|
|
570
|
-
speed = speed * Math.cos(direction);
|
|
571
|
-
}
|
|
572
|
-
|
|
573
|
-
if (customEventType !== null) {
|
|
574
|
-
const startPositions = this.getStartPositions(),
|
|
575
|
-
firstStartPosition = first(startPositions),
|
|
576
|
-
startPosition = firstStartPosition, ///
|
|
577
|
-
top = startPosition.getTop(),
|
|
578
|
-
left = startPosition.getLeft();
|
|
579
|
-
|
|
580
|
-
this.callCustomHandlersConditionally(customEventType, event, element, top, left, speed);
|
|
581
|
-
}
|
|
582
|
-
}
|
|
583
|
-
|
|
584
|
-
function doubleTap(event, element, top, left) {
|
|
585
|
-
const customEventType = DOUBLE_TAP_CUSTOM_EVENT_TYPE;
|
|
586
|
-
|
|
587
|
-
this.callCustomHandlersConditionally(customEventType, event, element, top, left);
|
|
588
|
-
}
|
|
589
|
-
|
|
590
|
-
function dragEnd(event, element) {
|
|
591
|
-
const customEventType = DRAG_END_CUSTOM_EVENT_TYPE;
|
|
592
|
-
|
|
593
|
-
this.callCustomHandlersConditionally(customEventType, event, element);
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
function dragStart(event, element) {
|
|
597
|
-
const customEventType = DRAG_START_CUSTOM_EVENT_TYPE,
|
|
598
|
-
startPositions = this.getStartPositions(),
|
|
599
|
-
firstStartPosition = first(startPositions),
|
|
600
|
-
startPosition = firstStartPosition, ///
|
|
601
|
-
top = startPosition.getTop(),
|
|
602
|
-
left = startPosition.getLeft();
|
|
603
|
-
|
|
604
|
-
this.callCustomHandlersConditionally(customEventType, event, element, top, left);
|
|
605
|
-
}
|
|
606
|
-
|
|
607
|
-
function pinchStart(event, element) {
|
|
608
|
-
const startPositions = this.getStartPositions(),
|
|
609
|
-
firstStartPosition = first(startPositions),
|
|
610
|
-
secondStartPosition = second(startPositions),
|
|
611
|
-
relativeStartPosition = RelativePosition.fromFirstPositionAndSecondPosition(firstStartPosition, secondStartPosition),
|
|
612
|
-
magnitude = relativeStartPosition.getMagnitude(),
|
|
613
|
-
startMagnitude = magnitude, ///
|
|
614
|
-
customEventType = PINCH_START_CUSTOM_EVENT_TYPE;
|
|
615
|
-
|
|
616
|
-
this.setStartMagnitude(startMagnitude);
|
|
617
|
-
|
|
618
|
-
this.callCustomHandlersConditionally(customEventType, event, element);
|
|
619
|
-
}
|
|
620
|
-
|
|
621
|
-
function possibleTap(event, element) {
|
|
622
|
-
const startPositions = this.getStartPositions(),
|
|
623
|
-
movingPositions = this.getMovingPositions(),
|
|
624
|
-
firstStartPosition = first(startPositions),
|
|
625
|
-
firstMovingPosition = first(movingPositions),
|
|
626
|
-
firstPosition = firstStartPosition, ///
|
|
627
|
-
secondPosition = firstMovingPosition, ///
|
|
628
|
-
relativePosition = RelativePosition.fromFirstPositionAndSecondPosition(firstPosition, secondPosition),
|
|
629
|
-
time = relativePosition.getTime(),
|
|
630
|
-
speed = relativePosition.getSpeed();
|
|
631
|
-
|
|
632
|
-
if ((speed === 0) && (time < MAXIMUM_TAP_TIME)){
|
|
633
|
-
this.tapOrDoubleTap(event, element);
|
|
634
|
-
}
|
|
635
|
-
}
|
|
636
|
-
|
|
637
|
-
function possibleSwipe(event, element) {
|
|
638
|
-
const startPositions = this.getStartPositions(),
|
|
639
|
-
movingPositions = this.getMovingPositions(),
|
|
640
|
-
firstStartPosition = first(startPositions),
|
|
641
|
-
firstMovingPosition = first(movingPositions),
|
|
642
|
-
firstPosition = firstStartPosition, ///
|
|
643
|
-
secondPosition = firstMovingPosition, ///
|
|
644
|
-
relativePosition = RelativePosition.fromFirstPositionAndSecondPosition(firstPosition, secondPosition),
|
|
645
|
-
direction = relativePosition.getDirection(),
|
|
646
|
-
speed = relativePosition.getSpeed();
|
|
647
|
-
|
|
648
|
-
if (speed > MINIMUM_SWIPE_SPEED) {
|
|
649
|
-
this.swipe(event, element, speed, direction);
|
|
650
|
-
}
|
|
651
|
-
}
|
|
652
|
-
|
|
653
|
-
function tapOrDoubleTap(event, element) {
|
|
654
|
-
const startPositions = this.getStartPositions(),
|
|
655
|
-
firstStartPosition = first(startPositions),
|
|
656
|
-
startPosition = firstStartPosition, ///
|
|
657
|
-
top = startPosition.getTop(),
|
|
658
|
-
left = startPosition.getLeft();
|
|
659
|
-
|
|
660
|
-
let tapInterval = this.getTapInterval();
|
|
661
|
-
|
|
662
|
-
if (tapInterval !== null) {
|
|
663
|
-
clearTimeout(tapInterval);
|
|
664
|
-
|
|
665
|
-
tapInterval = null;
|
|
666
|
-
|
|
667
|
-
this.setTapInterval(tapInterval);
|
|
668
|
-
|
|
669
|
-
this.doubleTap(event, element, top, left);
|
|
670
|
-
|
|
671
|
-
return;
|
|
672
|
-
}
|
|
673
|
-
|
|
674
|
-
tapInterval = setTimeout(() => {
|
|
675
|
-
tapInterval = null;
|
|
676
|
-
|
|
677
|
-
this.setTapInterval(tapInterval);
|
|
678
|
-
|
|
679
|
-
this.tap(event, element, top, left);
|
|
680
|
-
}, TAP_DELAY);
|
|
681
|
-
|
|
682
|
-
this.setTapInterval(tapInterval);
|
|
683
|
-
}
|
|
684
|
-
|
|
685
|
-
function enableCustomGestures() {
|
|
686
|
-
const customGesturedEnabled = true;
|
|
687
|
-
|
|
688
|
-
this.setCustonGesturesEnabled(customGesturedEnabled);
|
|
689
|
-
}
|
|
690
|
-
|
|
691
|
-
function disableCustomGestures() {
|
|
692
|
-
const customGesturedEnabled = false;
|
|
693
|
-
|
|
694
|
-
this.setCustonGesturesEnabled(customGesturedEnabled);
|
|
695
|
-
}
|
|
696
|
-
|
|
697
|
-
function callCustomHandlersConditionally(customEventType, event, element, ...remainingArguments) {
|
|
698
|
-
const customGesturesEnabled = this.areCustomGesturesEnabled();
|
|
699
|
-
|
|
700
|
-
if (customGesturesEnabled) {
|
|
701
|
-
this.callCustomHandlers(customEventType, event, element, ...remainingArguments);
|
|
702
|
-
}
|
|
703
|
-
}
|
|
704
|
-
|
|
705
|
-
const touchMixins = {
|
|
706
|
-
enableTouch,
|
|
707
|
-
disableTouch,
|
|
708
|
-
onTouchStart,
|
|
709
|
-
offTouchStart,
|
|
710
|
-
onTouchMove,
|
|
711
|
-
offTouchMove,
|
|
712
|
-
onTouchEnd,
|
|
713
|
-
offTouchEnd,
|
|
714
|
-
onCustomTap,
|
|
715
|
-
offCustomTap,
|
|
716
|
-
onCustomDragUp,
|
|
717
|
-
offCustomDragUp,
|
|
718
|
-
onCustomDragDown,
|
|
719
|
-
offCustomDragDown,
|
|
720
|
-
onCustomDragLeft,
|
|
721
|
-
offCustomDragLeft,
|
|
722
|
-
onCustomDragRight,
|
|
723
|
-
offCustomDragRight,
|
|
724
|
-
onCustomDragStart,
|
|
725
|
-
offCustomDragStart,
|
|
726
|
-
onCustomDragEnd,
|
|
727
|
-
offCustomDragEnd,
|
|
728
|
-
onCustomSwipeUp,
|
|
729
|
-
offCustomSwipeUp,
|
|
730
|
-
onCustomSwipeDown,
|
|
731
|
-
offCustomSwipeDown,
|
|
732
|
-
onCustomSwipeLeft,
|
|
733
|
-
offCustomSwipeLeft,
|
|
734
|
-
onCustomSwipeRight,
|
|
735
|
-
offCustomSwipeRight,
|
|
736
|
-
onCustomPinchMove,
|
|
737
|
-
offCustomPinchMove,
|
|
738
|
-
onCustomPinchStart,
|
|
739
|
-
offCustomPinchStart,
|
|
740
|
-
onCustomDoubleTap,
|
|
741
|
-
offCustomDoubleTap,
|
|
742
|
-
getTapInterval,
|
|
743
|
-
setTapInterval,
|
|
744
|
-
getStartMagnitude,
|
|
745
|
-
setStartMagnitude,
|
|
746
|
-
getStartPositions,
|
|
747
|
-
setStartPositions,
|
|
748
|
-
areCustomGesturesEnabled,
|
|
749
|
-
setCustonGesturesEnabled,
|
|
750
|
-
getMovingPositions,
|
|
751
|
-
setMovingPositions,
|
|
752
|
-
touchStartHandler,
|
|
753
|
-
mouseDownHandler,
|
|
754
|
-
touchMoveHandler,
|
|
755
|
-
mouseMoveHandler,
|
|
756
|
-
touchEndHandler,
|
|
757
|
-
mouseUpHandler,
|
|
758
|
-
startHandler,
|
|
759
|
-
moveHandler,
|
|
760
|
-
endHandler,
|
|
761
|
-
tap,
|
|
762
|
-
drag,
|
|
763
|
-
pinch,
|
|
764
|
-
swipe,
|
|
765
|
-
doubleTap,
|
|
766
|
-
dragEnd,
|
|
767
|
-
dragStart,
|
|
768
|
-
pinchStart,
|
|
769
|
-
possibleTap,
|
|
770
|
-
possibleSwipe,
|
|
771
|
-
tapOrDoubleTap,
|
|
772
|
-
enableCustomGestures,
|
|
773
|
-
disableCustomGestures,
|
|
774
|
-
callCustomHandlersConditionally
|
|
775
|
-
};
|
|
776
|
-
|
|
777
|
-
export default touchMixins;
|