vevet 3.0.0-beta.1 → 3.0.0-beta.2
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/lib/cjs/Application/events/Viewport/index.js +1 -1
- package/lib/cjs/Application/events/Viewport/index.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/Application/events/PageLoad/index.js +54 -28
- package/lib/esm/Application/events/PageLoad/index.js.map +1 -1
- package/lib/esm/Application/events/Viewport/index.js +180 -107
- package/lib/esm/Application/events/Viewport/index.js.map +1 -1
- package/lib/esm/Application/index.js +178 -96
- package/lib/esm/Application/index.js.map +1 -1
- package/lib/esm/base/Callbacks/index.js +78 -45
- package/lib/esm/base/Callbacks/index.js.map +1 -1
- package/lib/esm/base/Component/index.js +31 -10
- package/lib/esm/base/Component/index.js.map +1 -1
- package/lib/esm/base/Module/index.js +132 -77
- package/lib/esm/base/Module/index.js.map +1 -1
- package/lib/esm/base/MutableProps/index.js +49 -30
- package/lib/esm/base/MutableProps/index.js.map +1 -1
- package/lib/esm/base/Plugin/index.js +35 -13
- package/lib/esm/base/Plugin/index.js.map +1 -1
- package/lib/esm/components/AnimationFrame/index.js +98 -55
- package/lib/esm/components/AnimationFrame/index.js.map +1 -1
- package/lib/esm/components/BaseTimeline/index.js +88 -41
- package/lib/esm/components/BaseTimeline/index.js.map +1 -1
- package/lib/esm/components/Ctx2D/index.js +150 -82
- package/lib/esm/components/Ctx2D/index.js.map +1 -1
- package/lib/esm/components/Ctx2DPrerender/index.js +54 -20
- package/lib/esm/components/Ctx2DPrerender/index.js.map +1 -1
- package/lib/esm/components/CustomCursor/index.js +216 -149
- package/lib/esm/components/CustomCursor/index.js.map +1 -1
- package/lib/esm/components/DraggerBase/index.js +164 -98
- package/lib/esm/components/DraggerBase/index.js.map +1 -1
- package/lib/esm/components/DraggerDirection/index.js +42 -10
- package/lib/esm/components/DraggerDirection/index.js.map +1 -1
- package/lib/esm/components/DraggerMove/index.js +83 -42
- package/lib/esm/components/DraggerMove/index.js.map +1 -1
- package/lib/esm/components/Preloader/index.js +135 -77
- package/lib/esm/components/Preloader/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/index.js +190 -112
- package/lib/esm/components/ProgressPreloader/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadCustomElement.js +10 -9
- package/lib/esm/components/ProgressPreloader/utils/preloadCustomElement.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadImage.js +3 -3
- package/lib/esm/components/ProgressPreloader/utils/preloadImage.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadVideo.js +2 -2
- package/lib/esm/components/ProgressPreloader/utils/preloadVideo.js.map +1 -1
- package/lib/esm/components/ScrollBar/Bar/index.js +136 -90
- package/lib/esm/components/ScrollBar/Bar/index.js.map +1 -1
- package/lib/esm/components/ScrollBar/index.js +118 -70
- package/lib/esm/components/ScrollBar/index.js.map +1 -1
- package/lib/esm/components/ScrollView/index.js +154 -103
- package/lib/esm/components/ScrollView/index.js.map +1 -1
- package/lib/esm/components/SectionScrollProgress/index.js +170 -95
- package/lib/esm/components/SectionScrollProgress/index.js.map +1 -1
- package/lib/esm/components/SmoothScroll/AnimatonFrame.js +37 -20
- package/lib/esm/components/SmoothScroll/AnimatonFrame.js.map +1 -1
- package/lib/esm/components/SmoothScroll/Elements.js +59 -42
- package/lib/esm/components/SmoothScroll/Elements.js.map +1 -1
- package/lib/esm/components/SmoothScroll/index.js +304 -205
- package/lib/esm/components/SmoothScroll/index.js.map +1 -1
- package/lib/esm/components/SmoothScrollDragPlugin/index.js +86 -48
- package/lib/esm/components/SmoothScrollDragPlugin/index.js.map +1 -1
- package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js +70 -34
- package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js.map +1 -1
- package/lib/esm/components/SplitText/index.js +177 -117
- package/lib/esm/components/SplitText/index.js.map +1 -1
- package/lib/esm/components/Timeline/index.js +88 -45
- package/lib/esm/components/Timeline/index.js.map +1 -1
- package/lib/esm/utils/common/mergeWithoutArrays.js +1 -1
- package/lib/esm/utils/common/mergeWithoutArrays.js.map +1 -1
- package/lib/esm/utils/common/normalizedTimeoutCallback.js +3 -3
- package/lib/esm/utils/common/normalizedTimeoutCallback.js.map +1 -1
- package/lib/esm/utils/common/pickObjectProps.js +2 -2
- package/lib/esm/utils/common/pickObjectProps.js.map +1 -1
- package/lib/esm/utils/common/times.js +2 -2
- package/lib/esm/utils/common/times.js.map +1 -1
- package/lib/esm/utils/common/uid.js +4 -3
- package/lib/esm/utils/common/uid.js.map +1 -1
- package/lib/esm/utils/image/load.js +26 -15
- package/lib/esm/utils/image/load.js.map +1 -1
- package/lib/esm/utils/image/pathsToProps.js +5 -5
- package/lib/esm/utils/image/pathsToProps.js.map +1 -1
- package/lib/esm/utils/image/sizesToSrcSet.js +5 -5
- package/lib/esm/utils/image/sizesToSrcSet.js.map +1 -1
- package/lib/esm/utils/internal/fetchWebpSupport.js +3 -3
- package/lib/esm/utils/internal/fetchWebpSupport.js.map +1 -1
- package/lib/esm/utils/internal/getDeviceInfo.js +7 -7
- package/lib/esm/utils/internal/getDeviceInfo.js.map +1 -1
- package/lib/esm/utils/internal/onResize.js +16 -13
- package/lib/esm/utils/internal/onResize.js.map +1 -1
- package/lib/esm/utils/math/clamp.js +2 -1
- package/lib/esm/utils/math/clamp.js.map +1 -1
- package/lib/esm/utils/math/clampScope.js +3 -1
- package/lib/esm/utils/math/clampScope.js.map +1 -1
- package/lib/esm/utils/math/easing.js +5 -1
- package/lib/esm/utils/math/easing.js.map +1 -1
- package/lib/esm/utils/math/inScope.js +2 -1
- package/lib/esm/utils/math/inScope.js.map +1 -1
- package/lib/esm/utils/math/lerp.js +4 -3
- package/lib/esm/utils/math/lerp.js.map +1 -1
- package/lib/esm/utils/math/normalizeNestedScope.js +1 -1
- package/lib/esm/utils/math/normalizeNestedScope.js.map +1 -1
- package/lib/esm/utils/math/scoped.js +3 -2
- package/lib/esm/utils/math/scoped.js.map +1 -1
- package/lib/esm/utils/math/spreadScope.js +5 -5
- package/lib/esm/utils/math/spreadScope.js.map +1 -1
- package/lib/esm/utils/math/wrap.js +2 -2
- package/lib/esm/utils/math/wrap.js.map +1 -1
- package/lib/esm/utils/scroll/getScrollValues.js +6 -5
- package/lib/esm/utils/scroll/getScrollValues.js.map +1 -1
- package/lib/esm/utils/scroll/onScroll.js +23 -20
- package/lib/esm/utils/scroll/onScroll.js.map +1 -1
- package/lib/esm/utils/scroll/scrollTo.js +12 -10
- package/lib/esm/utils/scroll/scrollTo.js.map +1 -1
- package/lib/esm/utils/scroll/scrollToElement.js +19 -8
- package/lib/esm/utils/scroll/scrollToElement.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/esm/version.js.map +1 -1
- package/lib/esm/vevet.js +1 -1
- package/lib/esm/vevet.js.map +1 -1
- package/lib/types/Application/events/Viewport/index.d.ts +1 -1
- package/lib/types/Application/events/Viewport/index.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/Application/events/Viewport/index.ts +1 -1
- package/src/Application/events/Viewport/stories/index.tsx +1 -1
- package/src/version.ts +1 -1
|
@@ -1,117 +1,180 @@
|
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
+
extendStatics(d, b);
|
|
12
|
+
function __() { this.constructor = d; }
|
|
13
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
var __assign = (this && this.__assign) || function () {
|
|
17
|
+
__assign = Object.assign || function(t) {
|
|
18
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
+
s = arguments[i];
|
|
20
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
+
t[p] = s[p];
|
|
22
|
+
}
|
|
23
|
+
return t;
|
|
24
|
+
};
|
|
25
|
+
return __assign.apply(this, arguments);
|
|
26
|
+
};
|
|
1
27
|
import { addEventListener, isElement, isWindow, selectOne, } from 'vevet-dom';
|
|
2
28
|
import { Component as ComponentClass } from '../../base/Component';
|
|
3
29
|
/**
|
|
4
30
|
* Drag & Swipe events
|
|
5
31
|
*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
/** Preloader container */
|
|
14
|
-
get container() {
|
|
15
|
-
return this._container;
|
|
16
|
-
}
|
|
17
|
-
/** Dragging at the moment */
|
|
18
|
-
get isDragging() {
|
|
19
|
-
return this._runtimeListeners.length > 0;
|
|
20
|
-
}
|
|
21
|
-
/** Current pointer id */
|
|
22
|
-
get pointerID() {
|
|
23
|
-
return this._pointerID;
|
|
24
|
-
}
|
|
25
|
-
/** Current coordinates */
|
|
26
|
-
get coords() {
|
|
27
|
-
return this._coords;
|
|
28
|
-
}
|
|
29
|
-
/** Current coordinates */
|
|
30
|
-
set coords(value) {
|
|
31
|
-
this._coords = value;
|
|
32
|
-
}
|
|
33
|
-
/** Last coordinates */
|
|
34
|
-
get prevCoords() {
|
|
35
|
-
return this._prevCoords;
|
|
36
|
-
}
|
|
37
|
-
/** Last coordinates */
|
|
38
|
-
set prevCoords(value) {
|
|
39
|
-
this._prevCoords = value;
|
|
40
|
-
}
|
|
41
|
-
/** Coordinates on drag start */
|
|
42
|
-
get startCoords() {
|
|
43
|
-
return this._startCoords;
|
|
44
|
-
}
|
|
45
|
-
/** Current event type */
|
|
46
|
-
get type() {
|
|
47
|
-
return this._type;
|
|
48
|
-
}
|
|
49
|
-
constructor(initialProps, canInit = true) {
|
|
50
|
-
super(initialProps, false);
|
|
51
|
-
this._container = selectOne(this.props.container);
|
|
52
|
-
if (!isElement(this._container) && !isWindow(this._container)) {
|
|
32
|
+
var DraggerBase = /** @class */ (function (_super) {
|
|
33
|
+
__extends(DraggerBase, _super);
|
|
34
|
+
function DraggerBase(initialProps, canInit) {
|
|
35
|
+
if (canInit === void 0) { canInit = true; }
|
|
36
|
+
var _this = _super.call(this, initialProps, false) || this;
|
|
37
|
+
_this._container = selectOne(_this.props.container);
|
|
38
|
+
if (!isElement(_this._container) && !isWindow(_this._container)) {
|
|
53
39
|
throw new Error('No container');
|
|
54
40
|
}
|
|
55
41
|
// set default vars
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
42
|
+
_this._runtimeListeners = [];
|
|
43
|
+
_this._pointerID = null;
|
|
44
|
+
_this._coords = { x: 0, y: 0 };
|
|
45
|
+
_this._prevCoords = { x: 0, y: 0 };
|
|
46
|
+
_this._startCoords = { x: 0, y: 0 };
|
|
61
47
|
if (canInit) {
|
|
62
|
-
|
|
48
|
+
_this.init();
|
|
63
49
|
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
50
|
+
return _this;
|
|
51
|
+
}
|
|
52
|
+
DraggerBase.prototype._getDefaultProps = function () {
|
|
53
|
+
return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { container: "#".concat(this.prefix), isPassive: false, isEnabled: true });
|
|
54
|
+
};
|
|
55
|
+
Object.defineProperty(DraggerBase.prototype, "prefix", {
|
|
56
|
+
get: function () {
|
|
57
|
+
return "".concat(this.app.prefix, "dragger");
|
|
58
|
+
},
|
|
59
|
+
enumerable: false,
|
|
60
|
+
configurable: true
|
|
61
|
+
});
|
|
62
|
+
Object.defineProperty(DraggerBase.prototype, "container", {
|
|
63
|
+
/** Preloader container */
|
|
64
|
+
get: function () {
|
|
65
|
+
return this._container;
|
|
66
|
+
},
|
|
67
|
+
enumerable: false,
|
|
68
|
+
configurable: true
|
|
69
|
+
});
|
|
70
|
+
Object.defineProperty(DraggerBase.prototype, "isDragging", {
|
|
71
|
+
/** Dragging at the moment */
|
|
72
|
+
get: function () {
|
|
73
|
+
return this._runtimeListeners.length > 0;
|
|
74
|
+
},
|
|
75
|
+
enumerable: false,
|
|
76
|
+
configurable: true
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(DraggerBase.prototype, "pointerID", {
|
|
79
|
+
/** Current pointer id */
|
|
80
|
+
get: function () {
|
|
81
|
+
return this._pointerID;
|
|
82
|
+
},
|
|
83
|
+
enumerable: false,
|
|
84
|
+
configurable: true
|
|
85
|
+
});
|
|
86
|
+
Object.defineProperty(DraggerBase.prototype, "coords", {
|
|
87
|
+
/** Current coordinates */
|
|
88
|
+
get: function () {
|
|
89
|
+
return this._coords;
|
|
90
|
+
},
|
|
91
|
+
/** Current coordinates */
|
|
92
|
+
set: function (value) {
|
|
93
|
+
this._coords = value;
|
|
94
|
+
},
|
|
95
|
+
enumerable: false,
|
|
96
|
+
configurable: true
|
|
97
|
+
});
|
|
98
|
+
Object.defineProperty(DraggerBase.prototype, "prevCoords", {
|
|
99
|
+
/** Last coordinates */
|
|
100
|
+
get: function () {
|
|
101
|
+
return this._prevCoords;
|
|
102
|
+
},
|
|
103
|
+
/** Last coordinates */
|
|
104
|
+
set: function (value) {
|
|
105
|
+
this._prevCoords = value;
|
|
106
|
+
},
|
|
107
|
+
enumerable: false,
|
|
108
|
+
configurable: true
|
|
109
|
+
});
|
|
110
|
+
Object.defineProperty(DraggerBase.prototype, "startCoords", {
|
|
111
|
+
/** Coordinates on drag start */
|
|
112
|
+
get: function () {
|
|
113
|
+
return this._startCoords;
|
|
114
|
+
},
|
|
115
|
+
enumerable: false,
|
|
116
|
+
configurable: true
|
|
117
|
+
});
|
|
118
|
+
Object.defineProperty(DraggerBase.prototype, "type", {
|
|
119
|
+
/** Current event type */
|
|
120
|
+
get: function () {
|
|
121
|
+
return this._type;
|
|
122
|
+
},
|
|
123
|
+
enumerable: false,
|
|
124
|
+
configurable: true
|
|
125
|
+
});
|
|
126
|
+
DraggerBase.prototype._init = function () {
|
|
127
|
+
_super.prototype._init.call(this);
|
|
67
128
|
this._setEvents();
|
|
68
|
-
}
|
|
129
|
+
};
|
|
69
130
|
/** Set dragger events */
|
|
70
|
-
_setEvents() {
|
|
71
|
-
|
|
72
|
-
this.addEventListener(this.container, '
|
|
73
|
-
|
|
131
|
+
DraggerBase.prototype._setEvents = function () {
|
|
132
|
+
var _this = this;
|
|
133
|
+
this.addEventListener(this.container, 'mousedown', function (event) { return _this._handleStart(event); }, { passive: this.props.isPassive });
|
|
134
|
+
this.addEventListener(this.container, 'touchstart', function (event) { return _this._handleStart(event); }, { passive: this.props.isPassive });
|
|
135
|
+
};
|
|
74
136
|
/** Add runtime events */
|
|
75
|
-
_addRuntimeEvents() {
|
|
76
|
-
|
|
77
|
-
|
|
137
|
+
DraggerBase.prototype._addRuntimeEvents = function () {
|
|
138
|
+
var _this = this;
|
|
139
|
+
var isPassive = this.props.isPassive;
|
|
140
|
+
this._runtimeListeners.push(addEventListener(window, 'mouseup', function (event) { return _this.handleEnd(event); }, {
|
|
78
141
|
passive: isPassive,
|
|
79
142
|
}));
|
|
80
|
-
this._runtimeListeners.push(addEventListener(window, 'touchend', (event)
|
|
143
|
+
this._runtimeListeners.push(addEventListener(window, 'touchend', function (event) { return _this.handleEnd(event); }, {
|
|
81
144
|
passive: isPassive,
|
|
82
145
|
}));
|
|
83
|
-
this._runtimeListeners.push(addEventListener(window, 'touchcancel', ()
|
|
146
|
+
this._runtimeListeners.push(addEventListener(window, 'touchcancel', function () { return _this.cancel(); }, {
|
|
84
147
|
passive: isPassive,
|
|
85
148
|
}));
|
|
86
|
-
this._runtimeListeners.push(addEventListener(window, 'blur', ()
|
|
149
|
+
this._runtimeListeners.push(addEventListener(window, 'blur', function () { return _this.cancel(); }, {
|
|
87
150
|
passive: isPassive,
|
|
88
151
|
}));
|
|
89
|
-
}
|
|
152
|
+
};
|
|
90
153
|
/** Remove runtime events */
|
|
91
|
-
_removeRuntimeEvents() {
|
|
92
|
-
this._runtimeListeners.forEach((listener)
|
|
154
|
+
DraggerBase.prototype._removeRuntimeEvents = function () {
|
|
155
|
+
this._runtimeListeners.forEach(function (listener) { return listener.remove(); });
|
|
93
156
|
this._runtimeListeners = [];
|
|
94
|
-
}
|
|
157
|
+
};
|
|
95
158
|
/** Get normalized event coordinates */
|
|
96
|
-
_getEventCoords(event) {
|
|
159
|
+
DraggerBase.prototype._getEventCoords = function (event) {
|
|
97
160
|
if (event.type.includes('touch')) {
|
|
98
|
-
|
|
99
|
-
|
|
161
|
+
var evt_1 = event;
|
|
162
|
+
var touch = evt_1.targetTouches[0] || evt_1.changedTouches[0];
|
|
100
163
|
return {
|
|
101
164
|
x: touch.clientX,
|
|
102
165
|
y: touch.clientY,
|
|
103
166
|
pointerId: touch.identifier,
|
|
104
167
|
};
|
|
105
168
|
}
|
|
106
|
-
|
|
169
|
+
var evt = event;
|
|
107
170
|
return {
|
|
108
171
|
x: evt.clientX,
|
|
109
172
|
y: evt.clientY,
|
|
110
173
|
pointerId: null,
|
|
111
174
|
};
|
|
112
|
-
}
|
|
175
|
+
};
|
|
113
176
|
/** Event on drag start */
|
|
114
|
-
_handleStart(event) {
|
|
177
|
+
DraggerBase.prototype._handleStart = function (event) {
|
|
115
178
|
if (!this.props.isEnabled || this.isDragging) {
|
|
116
179
|
return false;
|
|
117
180
|
}
|
|
@@ -130,53 +193,56 @@ export class DraggerBase extends ComponentClass {
|
|
|
130
193
|
}
|
|
131
194
|
}
|
|
132
195
|
// update coordinates
|
|
133
|
-
|
|
134
|
-
this._coords = { x, y };
|
|
135
|
-
this._prevCoords = { x, y };
|
|
136
|
-
this._startCoords = { x, y };
|
|
196
|
+
var _a = this._getEventCoords(event), x = _a.x, y = _a.y, pointerId = _a.pointerId;
|
|
197
|
+
this._coords = { x: x, y: y };
|
|
198
|
+
this._prevCoords = { x: x, y: y };
|
|
199
|
+
this._startCoords = { x: x, y: y };
|
|
137
200
|
this._pointerID = pointerId;
|
|
138
201
|
// add runtime events
|
|
139
202
|
this._addRuntimeEvents();
|
|
140
203
|
// launch callbacks
|
|
141
204
|
this.callbacks.tbt('start', {
|
|
142
|
-
event,
|
|
205
|
+
event: event,
|
|
143
206
|
start: this.startCoords,
|
|
144
207
|
coords: this.coords,
|
|
145
208
|
});
|
|
146
209
|
return true;
|
|
147
|
-
}
|
|
210
|
+
};
|
|
148
211
|
/** Event on drag end */
|
|
149
|
-
handleEnd(event) {
|
|
212
|
+
DraggerBase.prototype.handleEnd = function (event) {
|
|
213
|
+
var _this = this;
|
|
150
214
|
if (this._handleEndTimeout) {
|
|
151
215
|
return;
|
|
152
216
|
}
|
|
153
|
-
this._handleEndTimeout = setTimeout(()
|
|
154
|
-
|
|
155
|
-
if (!
|
|
217
|
+
this._handleEndTimeout = setTimeout(function () {
|
|
218
|
+
var pointerId = _this._getEventCoords(event).pointerId;
|
|
219
|
+
if (!_this.isDragging || pointerId !== _this.pointerID) {
|
|
156
220
|
return;
|
|
157
221
|
}
|
|
158
|
-
|
|
159
|
-
|
|
222
|
+
_this._handleEnd(event);
|
|
223
|
+
_this._handleEndTimeout = undefined;
|
|
160
224
|
}, 1);
|
|
161
|
-
}
|
|
225
|
+
};
|
|
162
226
|
/** Event on drag end */
|
|
163
227
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
164
|
-
_handleEnd(event) {
|
|
228
|
+
DraggerBase.prototype._handleEnd = function (event) {
|
|
165
229
|
this.cancel();
|
|
166
|
-
}
|
|
230
|
+
};
|
|
167
231
|
/** Cancel dragging */
|
|
168
|
-
cancel() {
|
|
232
|
+
DraggerBase.prototype.cancel = function () {
|
|
169
233
|
this._removeRuntimeEvents();
|
|
170
234
|
this.callbacks.tbt('end', undefined);
|
|
171
|
-
}
|
|
235
|
+
};
|
|
172
236
|
/** Destroy the module */
|
|
173
|
-
_destroy() {
|
|
237
|
+
DraggerBase.prototype._destroy = function () {
|
|
174
238
|
this.cancel();
|
|
175
|
-
|
|
239
|
+
_super.prototype._destroy.call(this);
|
|
176
240
|
this._removeRuntimeEvents();
|
|
177
241
|
if (this._handleEndTimeout) {
|
|
178
242
|
clearTimeout(this._handleEndTimeout);
|
|
179
243
|
}
|
|
180
|
-
}
|
|
181
|
-
|
|
244
|
+
};
|
|
245
|
+
return DraggerBase;
|
|
246
|
+
}(ComponentClass));
|
|
247
|
+
export { DraggerBase };
|
|
182
248
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAI/D;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,46 @@
|
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
+
extendStatics(d, b);
|
|
12
|
+
function __() { this.constructor = d; }
|
|
13
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
var __assign = (this && this.__assign) || function () {
|
|
17
|
+
__assign = Object.assign || function(t) {
|
|
18
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
+
s = arguments[i];
|
|
20
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
+
t[p] = s[p];
|
|
22
|
+
}
|
|
23
|
+
return t;
|
|
24
|
+
};
|
|
25
|
+
return __assign.apply(this, arguments);
|
|
26
|
+
};
|
|
1
27
|
import { DraggerBase } from '../DraggerBase';
|
|
2
28
|
/**
|
|
3
29
|
* `Dragger` that detects swipe direction
|
|
4
30
|
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
31
|
+
var DraggerDirection = /** @class */ (function (_super) {
|
|
32
|
+
__extends(DraggerDirection, _super);
|
|
33
|
+
function DraggerDirection() {
|
|
34
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
8
35
|
}
|
|
36
|
+
DraggerDirection.prototype._getDefaultProps = function () {
|
|
37
|
+
return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { minLength: 75 });
|
|
38
|
+
};
|
|
9
39
|
/** Event on drag end */
|
|
10
|
-
_handleEnd(event) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
40
|
+
DraggerDirection.prototype._handleEnd = function (event) {
|
|
41
|
+
var _a = this._getEventCoords(event), x = _a.x, y = _a.y;
|
|
42
|
+
var startCoords = this.startCoords;
|
|
43
|
+
var min = Math.abs(this.props.minLength);
|
|
14
44
|
// up
|
|
15
45
|
if (startCoords.y > y && Math.abs(y - startCoords.y) >= min) {
|
|
16
46
|
this.callbacks.tbt('up', undefined);
|
|
@@ -27,7 +57,9 @@ export class DraggerDirection extends DraggerBase {
|
|
|
27
57
|
if (startCoords.x < x && Math.abs(x - startCoords.x) >= min) {
|
|
28
58
|
this.callbacks.tbt('right', undefined);
|
|
29
59
|
}
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
|
|
60
|
+
_super.prototype._handleEnd.call(this, event);
|
|
61
|
+
};
|
|
62
|
+
return DraggerDirection;
|
|
63
|
+
}(DraggerBase));
|
|
64
|
+
export { DraggerDirection };
|
|
33
65
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerDirection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAK3D;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerDirection/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAK3D;;GAEG;AACH;IAIU,oCAAyD;IAJnE;;IAwCA,CAAC;IAnCW,2CAAgB,GAA1B;QACE,6BACK,iBAAM,gBAAgB,WAAE,KAC3B,SAAS,EAAE,EAAE,IACb;IACJ,CAAC;IAED,wBAAwB;IACd,qCAAU,GAApB,UAAqB,KAA0B;QACvC,IAAA,KAAW,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAApC,CAAC,OAAA,EAAE,CAAC,OAAgC,CAAC;QACrC,IAAA,WAAW,GAAK,IAAI,YAAT,CAAU;QAC7B,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3C,KAAK;QACL,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SACrC;QAED,OAAO;QACP,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SACvC;QAED,OAAO;QACP,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SACvC;QAED,QAAQ;QACR,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE;YAC3D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACxC;QAED,iBAAM,UAAU,YAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IACH,uBAAC;AAAD,CAAC,AAxCD,CAIU,WAAW,GAoCpB"}
|
|
@@ -1,86 +1,127 @@
|
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
+
extendStatics(d, b);
|
|
12
|
+
function __() { this.constructor = d; }
|
|
13
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
var __assign = (this && this.__assign) || function () {
|
|
17
|
+
__assign = Object.assign || function(t) {
|
|
18
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
+
s = arguments[i];
|
|
20
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
+
t[p] = s[p];
|
|
22
|
+
}
|
|
23
|
+
return t;
|
|
24
|
+
};
|
|
25
|
+
return __assign.apply(this, arguments);
|
|
26
|
+
};
|
|
1
27
|
import { addEventListener } from 'vevet-dom';
|
|
2
28
|
import { DraggerBase } from '../DraggerBase';
|
|
3
29
|
/**
|
|
4
30
|
* `Dragger` with 'move' callbacks
|
|
5
31
|
*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/** Move step */
|
|
11
|
-
get stepCoords() {
|
|
12
|
-
return {
|
|
13
|
-
x: this.coords.x - this.prevCoords.x,
|
|
14
|
-
y: this.coords.y - this.prevCoords.y,
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
/** Difference between start and current coords */
|
|
18
|
-
get diffCoords() {
|
|
19
|
-
return {
|
|
20
|
-
x: this.coords.x - this.startCoords.x,
|
|
21
|
-
y: this.coords.y - this.startCoords.y,
|
|
22
|
-
};
|
|
32
|
+
var DraggerMove = /** @class */ (function (_super) {
|
|
33
|
+
__extends(DraggerMove, _super);
|
|
34
|
+
function DraggerMove() {
|
|
35
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
23
36
|
}
|
|
37
|
+
DraggerMove.prototype._getDefaultProps = function () {
|
|
38
|
+
return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { disablePointerEventsAt: false });
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(DraggerMove.prototype, "stepCoords", {
|
|
41
|
+
/** Move step */
|
|
42
|
+
get: function () {
|
|
43
|
+
return {
|
|
44
|
+
x: this.coords.x - this.prevCoords.x,
|
|
45
|
+
y: this.coords.y - this.prevCoords.y,
|
|
46
|
+
};
|
|
47
|
+
},
|
|
48
|
+
enumerable: false,
|
|
49
|
+
configurable: true
|
|
50
|
+
});
|
|
51
|
+
Object.defineProperty(DraggerMove.prototype, "diffCoords", {
|
|
52
|
+
/** Difference between start and current coords */
|
|
53
|
+
get: function () {
|
|
54
|
+
return {
|
|
55
|
+
x: this.coords.x - this.startCoords.x,
|
|
56
|
+
y: this.coords.y - this.startCoords.y,
|
|
57
|
+
};
|
|
58
|
+
},
|
|
59
|
+
enumerable: false,
|
|
60
|
+
configurable: true
|
|
61
|
+
});
|
|
24
62
|
/** Add runtime events */
|
|
25
|
-
_addRuntimeEvents() {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
this.
|
|
29
|
-
|
|
30
|
-
|
|
63
|
+
DraggerMove.prototype._addRuntimeEvents = function () {
|
|
64
|
+
var _this = this;
|
|
65
|
+
_super.prototype._addRuntimeEvents.call(this);
|
|
66
|
+
var isPassive = this.props.isPassive;
|
|
67
|
+
this._runtimeListeners.push(addEventListener(window, 'mousemove', function (event) {
|
|
68
|
+
if (_this.type === 'mouse') {
|
|
69
|
+
_this._handleMove(event);
|
|
31
70
|
}
|
|
32
71
|
}, {
|
|
33
72
|
passive: isPassive,
|
|
34
73
|
}));
|
|
35
|
-
this._runtimeListeners.push(addEventListener(window, 'touchmove', (event)
|
|
36
|
-
if (
|
|
37
|
-
|
|
74
|
+
this._runtimeListeners.push(addEventListener(window, 'touchmove', function (event) {
|
|
75
|
+
if (_this.type === 'touch') {
|
|
76
|
+
_this._handleMove(event);
|
|
38
77
|
}
|
|
39
78
|
}, {
|
|
40
79
|
passive: isPassive,
|
|
41
80
|
}));
|
|
42
|
-
}
|
|
81
|
+
};
|
|
43
82
|
/** Event on move */
|
|
44
|
-
_handleMove(event) {
|
|
45
|
-
|
|
83
|
+
DraggerMove.prototype._handleMove = function (event) {
|
|
84
|
+
var _a = this._getEventCoords(event), x = _a.x, y = _a.y, pointerId = _a.pointerId;
|
|
46
85
|
if (!this.isDragging || pointerId !== this.pointerID) {
|
|
47
86
|
return false;
|
|
48
87
|
}
|
|
49
88
|
// update coordinates
|
|
50
89
|
this.prevCoords = { x: this.coords.x, y: this.coords.y };
|
|
51
|
-
this.coords = { x, y };
|
|
90
|
+
this.coords = { x: x, y: y };
|
|
52
91
|
// disable pointer events
|
|
53
92
|
this._togglePointerEvents(false);
|
|
54
93
|
// launch callbacks
|
|
55
94
|
this.callbacks.tbt('move', {
|
|
56
|
-
event,
|
|
95
|
+
event: event,
|
|
57
96
|
start: this.startCoords,
|
|
58
97
|
coords: this.coords,
|
|
59
98
|
step: this.stepCoords,
|
|
60
99
|
diff: this.diffCoords,
|
|
61
100
|
});
|
|
62
101
|
return true;
|
|
63
|
-
}
|
|
102
|
+
};
|
|
64
103
|
/** Event on drag end */
|
|
65
|
-
_handleEnd(event) {
|
|
66
|
-
|
|
104
|
+
DraggerMove.prototype._handleEnd = function (event) {
|
|
105
|
+
_super.prototype._handleEnd.call(this, event);
|
|
67
106
|
this._togglePointerEvents(true);
|
|
68
|
-
}
|
|
69
|
-
_togglePointerEvents(isEnabledProp) {
|
|
107
|
+
};
|
|
108
|
+
DraggerMove.prototype._togglePointerEvents = function (isEnabledProp) {
|
|
70
109
|
if (typeof this.props.disablePointerEventsAt !== 'number') {
|
|
71
110
|
return;
|
|
72
111
|
}
|
|
73
112
|
if (!(this.container instanceof HTMLElement)) {
|
|
74
113
|
return;
|
|
75
114
|
}
|
|
76
|
-
|
|
115
|
+
var isEnabled = (Math.abs(this.diffCoords.x) < this.props.disablePointerEventsAt &&
|
|
77
116
|
Math.abs(this.diffCoords.y) < this.props.disablePointerEventsAt) ||
|
|
78
117
|
isEnabledProp;
|
|
79
118
|
this.container.style.pointerEvents = isEnabled ? '' : 'none';
|
|
80
|
-
}
|
|
119
|
+
};
|
|
81
120
|
/** Destroy the module */
|
|
82
|
-
_destroy() {
|
|
83
|
-
|
|
84
|
-
}
|
|
85
|
-
|
|
121
|
+
DraggerMove.prototype._destroy = function () {
|
|
122
|
+
_super.prototype._destroy.call(this);
|
|
123
|
+
};
|
|
124
|
+
return DraggerMove;
|
|
125
|
+
}(DraggerBase));
|
|
126
|
+
export { DraggerMove };
|
|
86
127
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerMove/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAK3D;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerMove/index.ts"],"names":[],"mappings":"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"}
|