@micromag/screen-image-360 0.3.607 → 0.3.608
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
|
@@ -152,17 +152,17 @@ var Image360Screen = function Image360Screen(_ref) {
|
|
|
152
152
|
setReady = _useState2[1];
|
|
153
153
|
var _ref2 = image || {},
|
|
154
154
|
_ref2$metadata = _ref2.metadata,
|
|
155
|
-
imageMetadata = _ref2$metadata ===
|
|
155
|
+
imageMetadata = _ref2$metadata === undefined ? null : _ref2$metadata,
|
|
156
156
|
_ref2$url = _ref2.url,
|
|
157
|
-
imageUrl = _ref2$url ===
|
|
157
|
+
imageUrl = _ref2$url === undefined ? null : _ref2$url,
|
|
158
158
|
_ref2$thumbnail_url = _ref2.thumbnail_url,
|
|
159
|
-
thumbnailUrl = _ref2$thumbnail_url ===
|
|
159
|
+
thumbnailUrl = _ref2$thumbnail_url === undefined ? null : _ref2$thumbnail_url;
|
|
160
160
|
var hasMediaUrl = imageUrl !== null;
|
|
161
161
|
var _ref3 = imageMetadata || {},
|
|
162
162
|
_ref3$width = _ref3.width,
|
|
163
|
-
imageWidth = _ref3$width ===
|
|
163
|
+
imageWidth = _ref3$width === undefined ? 0 : _ref3$width,
|
|
164
164
|
_ref3$height = _ref3.height,
|
|
165
|
-
imageHeight = _ref3$height ===
|
|
165
|
+
imageHeight = _ref3$height === undefined ? 0 : _ref3$height;
|
|
166
166
|
var hasThumbnail = thumbnailUrl !== null;
|
|
167
167
|
var _useState3 = useState(!hasThumbnail),
|
|
168
168
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
@@ -299,18 +299,18 @@ var Image360Screen = function Image360Screen(_ref) {
|
|
|
299
299
|
if (pointerDown.current) {
|
|
300
300
|
var _ref4 = e || {},
|
|
301
301
|
_ref4$clientX = _ref4.clientX,
|
|
302
|
-
clientX = _ref4$clientX ===
|
|
302
|
+
clientX = _ref4$clientX === undefined ? null : _ref4$clientX,
|
|
303
303
|
_ref4$clientY = _ref4.clientY,
|
|
304
|
-
clientY = _ref4$clientY ===
|
|
304
|
+
clientY = _ref4$clientY === undefined ? null : _ref4$clientY;
|
|
305
305
|
var downDeltaX = pointerDownX.current - clientX;
|
|
306
306
|
var downDeltaY = pointerDownY.current - clientY;
|
|
307
307
|
lon.current = downDeltaX * 0.2 + pointerLon.current;
|
|
308
308
|
lat.current = downDeltaY * 0.2 + pointerLat.current;
|
|
309
309
|
var _ref5 = lastPointerClient.current || {},
|
|
310
310
|
_ref5$x = _ref5.x,
|
|
311
|
-
lastX = _ref5$x ===
|
|
311
|
+
lastX = _ref5$x === undefined ? clientX : _ref5$x,
|
|
312
312
|
_ref5$y = _ref5.y,
|
|
313
|
-
lastY = _ref5$y ===
|
|
313
|
+
lastY = _ref5$y === undefined ? clientY : _ref5$y;
|
|
314
314
|
var deltaX = Math.abs(lastX - clientX) || 0;
|
|
315
315
|
var deltaY = Math.abs(lastY - clientY) || 0;
|
|
316
316
|
pixelsMoved.current += deltaX + deltaY;
|
|
@@ -342,7 +342,7 @@ var Image360Screen = function Image360Screen(_ref) {
|
|
|
342
342
|
if (validNavigateTap) {
|
|
343
343
|
var _canvasContainer$getB = canvasContainer.getBoundingClientRect(),
|
|
344
344
|
_canvasContainer$getB2 = _canvasContainer$getB.left,
|
|
345
|
-
containerX = _canvasContainer$getB2 ===
|
|
345
|
+
containerX = _canvasContainer$getB2 === undefined ? 0 : _canvasContainer$getB2,
|
|
346
346
|
containerWidth = _canvasContainer$getB.width;
|
|
347
347
|
var hasTappedLeft = e.clientX - containerX < containerWidth * (1 - tapNextScreenWidthPercent);
|
|
348
348
|
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.608",
|
|
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.608",
|
|
65
|
+
"@micromag/element-background": "^0.3.608",
|
|
66
|
+
"@micromag/element-closed-captions": "^0.3.608",
|
|
67
|
+
"@micromag/element-container": "^0.3.608",
|
|
68
|
+
"@micromag/element-footer": "^0.3.608",
|
|
69
|
+
"@micromag/element-header": "^0.3.608",
|
|
70
|
+
"@micromag/element-image": "^0.3.608",
|
|
71
|
+
"@micromag/element-video": "^0.3.608",
|
|
72
|
+
"@micromag/transforms": "^0.3.608",
|
|
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": "02f8cfe4dde0c33bec9ed7c3bdb671cd8acf78bc"
|
|
85
85
|
}
|