@micromag/screen-image-360 0.3.651 → 0.3.656
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 +10 -10
- package/package.json +11 -11
package/es/index.js
CHANGED
|
@@ -153,17 +153,17 @@ var Image360Screen = function Image360Screen(_ref) {
|
|
|
153
153
|
setReady = _useState2[1];
|
|
154
154
|
var _ref2 = image || {},
|
|
155
155
|
_ref2$metadata = _ref2.metadata,
|
|
156
|
-
imageMetadata = _ref2$metadata ===
|
|
156
|
+
imageMetadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
|
|
157
157
|
_ref2$url = _ref2.url,
|
|
158
|
-
imageUrl = _ref2$url ===
|
|
158
|
+
imageUrl = _ref2$url === void 0 ? null : _ref2$url,
|
|
159
159
|
_ref2$thumbnail_url = _ref2.thumbnail_url,
|
|
160
|
-
thumbnailUrl = _ref2$thumbnail_url ===
|
|
160
|
+
thumbnailUrl = _ref2$thumbnail_url === void 0 ? null : _ref2$thumbnail_url;
|
|
161
161
|
var hasMediaUrl = imageUrl !== null;
|
|
162
162
|
var _ref3 = imageMetadata || {},
|
|
163
163
|
_ref3$width = _ref3.width,
|
|
164
|
-
imageWidth = _ref3$width ===
|
|
164
|
+
imageWidth = _ref3$width === void 0 ? 0 : _ref3$width,
|
|
165
165
|
_ref3$height = _ref3.height,
|
|
166
|
-
imageHeight = _ref3$height ===
|
|
166
|
+
imageHeight = _ref3$height === void 0 ? 0 : _ref3$height;
|
|
167
167
|
var hasThumbnail = thumbnailUrl !== null;
|
|
168
168
|
var _useState3 = useState(!hasThumbnail),
|
|
169
169
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
@@ -300,18 +300,18 @@ var Image360Screen = function Image360Screen(_ref) {
|
|
|
300
300
|
if (pointerDown.current) {
|
|
301
301
|
var _ref4 = e || {},
|
|
302
302
|
_ref4$clientX = _ref4.clientX,
|
|
303
|
-
clientX = _ref4$clientX ===
|
|
303
|
+
clientX = _ref4$clientX === void 0 ? null : _ref4$clientX,
|
|
304
304
|
_ref4$clientY = _ref4.clientY,
|
|
305
|
-
clientY = _ref4$clientY ===
|
|
305
|
+
clientY = _ref4$clientY === void 0 ? null : _ref4$clientY;
|
|
306
306
|
var downDeltaX = pointerDownX.current - clientX;
|
|
307
307
|
var downDeltaY = pointerDownY.current - clientY;
|
|
308
308
|
lon.current = downDeltaX * 0.2 + pointerLon.current;
|
|
309
309
|
lat.current = downDeltaY * 0.2 + pointerLat.current;
|
|
310
310
|
var _ref5 = lastPointerClient.current || {},
|
|
311
311
|
_ref5$x = _ref5.x,
|
|
312
|
-
lastX = _ref5$x ===
|
|
312
|
+
lastX = _ref5$x === void 0 ? clientX : _ref5$x,
|
|
313
313
|
_ref5$y = _ref5.y,
|
|
314
|
-
lastY = _ref5$y ===
|
|
314
|
+
lastY = _ref5$y === void 0 ? clientY : _ref5$y;
|
|
315
315
|
var deltaX = Math.abs(lastX - clientX) || 0;
|
|
316
316
|
var deltaY = Math.abs(lastY - clientY) || 0;
|
|
317
317
|
pixelsMoved.current += deltaX + deltaY;
|
|
@@ -343,7 +343,7 @@ var Image360Screen = function Image360Screen(_ref) {
|
|
|
343
343
|
if (validNavigateTap) {
|
|
344
344
|
var _canvasContainer$getB = canvasContainer.getBoundingClientRect(),
|
|
345
345
|
_canvasContainer$getB2 = _canvasContainer$getB.left,
|
|
346
|
-
containerX = _canvasContainer$getB2 ===
|
|
346
|
+
containerX = _canvasContainer$getB2 === void 0 ? 0 : _canvasContainer$getB2,
|
|
347
347
|
containerWidth = _canvasContainer$getB.width;
|
|
348
348
|
var hasTappedLeft = e.clientX - containerX < containerWidth * (1 - tapNextScreenWidthPercent);
|
|
349
349
|
if (hasTappedLeft) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-image-360",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.656",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -61,15 +61,15 @@
|
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"@babel/runtime": "^7.13.10",
|
|
63
63
|
"@folklore/size": "^0.1.20",
|
|
64
|
-
"@micromag/core": "^0.3.
|
|
65
|
-
"@micromag/element-background": "^0.3.
|
|
66
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
67
|
-
"@micromag/element-container": "^0.3.
|
|
68
|
-
"@micromag/element-footer": "^0.3.
|
|
69
|
-
"@micromag/element-header": "^0.3.
|
|
70
|
-
"@micromag/element-image": "^0.3.
|
|
71
|
-
"@micromag/element-video": "^0.3.
|
|
72
|
-
"@micromag/transforms": "^0.3.
|
|
64
|
+
"@micromag/core": "^0.3.656",
|
|
65
|
+
"@micromag/element-background": "^0.3.656",
|
|
66
|
+
"@micromag/element-closed-captions": "^0.3.656",
|
|
67
|
+
"@micromag/element-container": "^0.3.656",
|
|
68
|
+
"@micromag/element-footer": "^0.3.656",
|
|
69
|
+
"@micromag/element-header": "^0.3.656",
|
|
70
|
+
"@micromag/element-image": "^0.3.656",
|
|
71
|
+
"@micromag/element-video": "^0.3.656",
|
|
72
|
+
"@micromag/transforms": "^0.3.656",
|
|
73
73
|
"classnames": "^2.2.6",
|
|
74
74
|
"lodash": "^4.17.21",
|
|
75
75
|
"prop-types": "^15.7.2",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"access": "public",
|
|
82
82
|
"registry": "https://registry.npmjs.org/"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "fd956cc4a183b621df124f3f3afbae4af974db27"
|
|
85
85
|
}
|