@micromag/viewer 0.3.11 → 0.3.12
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/es/index.js +18 -6
- package/lib/index.js +18 -6
- package/package.json +2 -2
package/es/index.js
CHANGED
|
@@ -165,7 +165,10 @@ function useScreenInteraction() {
|
|
|
165
165
|
|
|
166
166
|
var screensCount = screens.length;
|
|
167
167
|
var tappedCurrent = screenIndex === index;
|
|
168
|
-
|
|
168
|
+
|
|
169
|
+
if (eventsManager !== null) {
|
|
170
|
+
eventsManager.emit('tap', e, index);
|
|
171
|
+
}
|
|
169
172
|
|
|
170
173
|
if (!isView && tappedCurrent || checkClickable(e.target) || tappedCurrent && !currentScreenInteractionEnabled) {
|
|
171
174
|
return;
|
|
@@ -182,20 +185,29 @@ function useScreenInteraction() {
|
|
|
182
185
|
|
|
183
186
|
if (hasTappedLeft) {
|
|
184
187
|
nextIndex = clickOnSiblings ? index : Math.max(0, screenIndex - 1);
|
|
185
|
-
|
|
188
|
+
|
|
189
|
+
if (eventsManager !== null) {
|
|
190
|
+
eventsManager.emit('tap_previous', nextIndex);
|
|
191
|
+
}
|
|
186
192
|
} else {
|
|
187
193
|
nextIndex = clickOnSiblings ? index : Math.min(screensCount - 1, screenIndex + 1);
|
|
188
194
|
var isLastScreen = screenIndex === screensCount - 1;
|
|
189
195
|
|
|
190
196
|
if (isLastScreen && onEnd !== null) {
|
|
191
|
-
eventsManager.emit('tap_end');
|
|
192
197
|
onEnd();
|
|
193
|
-
|
|
198
|
+
|
|
199
|
+
if (eventsManager !== null) {
|
|
200
|
+
eventsManager.emit('tap_end');
|
|
201
|
+
}
|
|
202
|
+
} else if (eventsManager) {
|
|
194
203
|
eventsManager.emit('tap_next', nextIndex);
|
|
195
204
|
}
|
|
196
205
|
}
|
|
197
206
|
|
|
198
|
-
eventsManager
|
|
207
|
+
if (eventsManager !== null) {
|
|
208
|
+
eventsManager.emit('change_screen', nextIndex);
|
|
209
|
+
}
|
|
210
|
+
|
|
199
211
|
onChangeScreen(nextIndex);
|
|
200
212
|
}, [screenWidth, screens, screenIndex, eventsManager, onClick, onEnd, onChangeScreen, screenIndex, screensInteractionEnabled, currentScreenInteractionEnabled, nextScreenWidthPercent, isView, clickOnSiblings]);
|
|
201
213
|
return {
|
|
@@ -1523,7 +1535,7 @@ var Viewer = function Viewer(_ref) {
|
|
|
1523
1535
|
isView: isView,
|
|
1524
1536
|
clickOnSiblings: landscape && withLandscapeSiblingsScreens,
|
|
1525
1537
|
nextScreenWidthPercent: tapNextScreenWidthPercent,
|
|
1526
|
-
|
|
1538
|
+
eventsManager: eventsManager,
|
|
1527
1539
|
onClick: onInteractionPrivate,
|
|
1528
1540
|
onEnd: onEnd,
|
|
1529
1541
|
onChangeScreen: changeIndex
|
package/lib/index.js
CHANGED
|
@@ -183,7 +183,10 @@ function useScreenInteraction() {
|
|
|
183
183
|
|
|
184
184
|
var screensCount = screens.length;
|
|
185
185
|
var tappedCurrent = screenIndex === index;
|
|
186
|
-
|
|
186
|
+
|
|
187
|
+
if (eventsManager !== null) {
|
|
188
|
+
eventsManager.emit('tap', e, index);
|
|
189
|
+
}
|
|
187
190
|
|
|
188
191
|
if (!isView && tappedCurrent || checkClickable(e.target) || tappedCurrent && !currentScreenInteractionEnabled) {
|
|
189
192
|
return;
|
|
@@ -200,20 +203,29 @@ function useScreenInteraction() {
|
|
|
200
203
|
|
|
201
204
|
if (hasTappedLeft) {
|
|
202
205
|
nextIndex = clickOnSiblings ? index : Math.max(0, screenIndex - 1);
|
|
203
|
-
|
|
206
|
+
|
|
207
|
+
if (eventsManager !== null) {
|
|
208
|
+
eventsManager.emit('tap_previous', nextIndex);
|
|
209
|
+
}
|
|
204
210
|
} else {
|
|
205
211
|
nextIndex = clickOnSiblings ? index : Math.min(screensCount - 1, screenIndex + 1);
|
|
206
212
|
var isLastScreen = screenIndex === screensCount - 1;
|
|
207
213
|
|
|
208
214
|
if (isLastScreen && onEnd !== null) {
|
|
209
|
-
eventsManager.emit('tap_end');
|
|
210
215
|
onEnd();
|
|
211
|
-
|
|
216
|
+
|
|
217
|
+
if (eventsManager !== null) {
|
|
218
|
+
eventsManager.emit('tap_end');
|
|
219
|
+
}
|
|
220
|
+
} else if (eventsManager) {
|
|
212
221
|
eventsManager.emit('tap_next', nextIndex);
|
|
213
222
|
}
|
|
214
223
|
}
|
|
215
224
|
|
|
216
|
-
eventsManager
|
|
225
|
+
if (eventsManager !== null) {
|
|
226
|
+
eventsManager.emit('change_screen', nextIndex);
|
|
227
|
+
}
|
|
228
|
+
|
|
217
229
|
onChangeScreen(nextIndex);
|
|
218
230
|
}, [screenWidth, screens, screenIndex, eventsManager, onClick, onEnd, onChangeScreen, screenIndex, screensInteractionEnabled, currentScreenInteractionEnabled, nextScreenWidthPercent, isView, clickOnSiblings]);
|
|
219
231
|
return {
|
|
@@ -1541,7 +1553,7 @@ var Viewer = function Viewer(_ref) {
|
|
|
1541
1553
|
isView: isView,
|
|
1542
1554
|
clickOnSiblings: landscape && withLandscapeSiblingsScreens,
|
|
1543
1555
|
nextScreenWidthPercent: tapNextScreenWidthPercent,
|
|
1544
|
-
|
|
1556
|
+
eventsManager: eventsManager,
|
|
1545
1557
|
onClick: onInteractionPrivate,
|
|
1546
1558
|
onEnd: onEnd,
|
|
1547
1559
|
onChangeScreen: changeIndex
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/viewer",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.12",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
"publishConfig": {
|
|
81
81
|
"access": "public"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "e9b05223938ff0aa87a34349b82f563f67f725e9"
|
|
84
84
|
}
|