@micromag/screen-video-360 0.2.311 → 0.2.320

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.
Files changed (3) hide show
  1. package/es/index.js +8 -4
  2. package/lib/index.js +8 -4
  3. package/package.json +11 -11
package/es/index.js CHANGED
@@ -434,7 +434,8 @@ var Video360Screen = function Video360Screen(_ref) {
434
434
  "aria-label": "canvas-interaction",
435
435
  onPointerDown: onPointerDown,
436
436
  onPointerMove: onPointerMove,
437
- onPointerUp: onPointerUp
437
+ onPointerUp: onPointerUp,
438
+ tabIndex: current && isView ? null : '-1'
438
439
  })) : /*#__PURE__*/React.createElement("div", {
439
440
  className: styles.videoContainer,
440
441
  style: {
@@ -475,14 +476,16 @@ var Video360Screen = function Video360Screen(_ref) {
475
476
  duration: duration,
476
477
  onTogglePlay: togglePlay,
477
478
  onToggleMute: onToggleMute,
478
- onSeek: seek
479
+ onSeek: seek,
480
+ focusable: current && isView
479
481
  }) : null, hasCallToAction ? /*#__PURE__*/React.createElement("div", {
480
482
  style: {
481
483
  marginTop: -spacing
482
484
  }
483
485
  }, /*#__PURE__*/React.createElement(CallToAction, {
484
486
  callToAction: callToAction,
485
- animationDisabled: isPreview
487
+ animationDisabled: isPreview,
488
+ focusable: current && isView
486
489
  })) : null)) : null];
487
490
  return /*#__PURE__*/React.createElement("div", {
488
491
  className: classNames([styles.container, (_ref12 = {}, _defineProperty(_ref12, className, className !== null), _defineProperty(_ref12, styles.showVideo, isPreview || isStatic || isCapture), _ref12)]),
@@ -515,7 +518,8 @@ var Video360Screen = function Video360Screen(_ref) {
515
518
  onDurationChanged: onDurationChanged,
516
519
  onSeeked: onSeeked,
517
520
  onVolumeChanged: onVolumeChanged,
518
- onPosterLoaded: onPosterLoaded
521
+ onPosterLoaded: onPosterLoaded,
522
+ focusable: current && isView
519
523
  }))) : null, /*#__PURE__*/React.createElement("div", {
520
524
  className: styles.content
521
525
  }, items)));
package/lib/index.js CHANGED
@@ -455,7 +455,8 @@ var Video360Screen = function Video360Screen(_ref) {
455
455
  "aria-label": "canvas-interaction",
456
456
  onPointerDown: onPointerDown,
457
457
  onPointerMove: onPointerMove,
458
- onPointerUp: onPointerUp
458
+ onPointerUp: onPointerUp,
459
+ tabIndex: current && isView ? null : '-1'
459
460
  })) : /*#__PURE__*/React__default['default'].createElement("div", {
460
461
  className: styles.videoContainer,
461
462
  style: {
@@ -496,14 +497,16 @@ var Video360Screen = function Video360Screen(_ref) {
496
497
  duration: duration,
497
498
  onTogglePlay: togglePlay,
498
499
  onToggleMute: onToggleMute,
499
- onSeek: seek
500
+ onSeek: seek,
501
+ focusable: current && isView
500
502
  }) : null, hasCallToAction ? /*#__PURE__*/React__default['default'].createElement("div", {
501
503
  style: {
502
504
  marginTop: -spacing
503
505
  }
504
506
  }, /*#__PURE__*/React__default['default'].createElement(CallToAction__default['default'], {
505
507
  callToAction: callToAction,
506
- animationDisabled: isPreview
508
+ animationDisabled: isPreview,
509
+ focusable: current && isView
507
510
  })) : null)) : null];
508
511
  return /*#__PURE__*/React__default['default'].createElement("div", {
509
512
  className: classNames__default['default']([styles.container, (_ref12 = {}, _defineProperty__default['default'](_ref12, className, className !== null), _defineProperty__default['default'](_ref12, styles.showVideo, isPreview || isStatic || isCapture), _ref12)]),
@@ -536,7 +539,8 @@ var Video360Screen = function Video360Screen(_ref) {
536
539
  onDurationChanged: onDurationChanged,
537
540
  onSeeked: onSeeked,
538
541
  onVolumeChanged: onVolumeChanged,
539
- onPosterLoaded: onPosterLoaded
542
+ onPosterLoaded: onPosterLoaded,
543
+ focusable: current && isView
540
544
  }))) : null, /*#__PURE__*/React__default['default'].createElement("div", {
541
545
  className: styles.content
542
546
  }, items)));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-video-360",
3
- "version": "0.2.311",
3
+ "version": "0.2.320",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,15 +50,15 @@
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
52
  "@folklore/size": "^0.1.14",
53
- "@micromag/core": "^0.2.301",
54
- "@micromag/element-background": "^0.2.311",
55
- "@micromag/element-call-to-action": "^0.2.301",
56
- "@micromag/element-closed-captions": "^0.2.301",
57
- "@micromag/element-container": "^0.2.301",
58
- "@micromag/element-image": "^0.2.301",
59
- "@micromag/element-media-controls": "^0.2.301",
60
- "@micromag/element-video": "^0.2.309",
61
- "@micromag/transforms": "^0.2.301",
53
+ "@micromag/core": "^0.2.320",
54
+ "@micromag/element-background": "^0.2.320",
55
+ "@micromag/element-call-to-action": "^0.2.320",
56
+ "@micromag/element-closed-captions": "^0.2.320",
57
+ "@micromag/element-container": "^0.2.320",
58
+ "@micromag/element-image": "^0.2.320",
59
+ "@micromag/element-media-controls": "^0.2.320",
60
+ "@micromag/element-video": "^0.2.320",
61
+ "@micromag/transforms": "^0.2.320",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.20",
64
64
  "prop-types": "^15.7.2",
@@ -70,5 +70,5 @@
70
70
  "publishConfig": {
71
71
  "access": "public"
72
72
  },
73
- "gitHead": "ecf55bc30e34c61332265c3a1f6cbd978868786b"
73
+ "gitHead": "e710981101344c5b9dabf805fae6258743337e51"
74
74
  }