@micromag/screen-image-360 0.3.360 → 0.3.362

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 (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +3 -6
  3. package/lib/index.js +3 -6
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-image-360-container .micromag-screen-image-360-canvasButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-image-360-container .micromag-screen-image-360-background,.micromag-screen-image-360-container .micromag-screen-image-360-canvas,.micromag-screen-image-360-container .micromag-screen-image-360-canvasButton,.micromag-screen-image-360-container .micromag-screen-image-360-inner,.micromag-screen-image-360-container .micromag-screen-image-360-placeholder,.micromag-screen-image-360-container .micromag-screen-image-360-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-image-360-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-image-360-disabled.micromag-screen-image-360-container{overflow:hidden;pointer-events:none}.micromag-screen-image-360-hidden.micromag-screen-image-360-container{display:none;visibility:hidden}.micromag-screen-image-360-placeholder.micromag-screen-image-360-container .micromag-screen-image-360-content{padding:6px;position:relative}.micromag-screen-image-360-container .micromag-screen-image-360-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-image-360-container .micromag-screen-image-360-background{z-index:0}.micromag-screen-image-360-container .micromag-screen-image-360-content{z-index:1}.micromag-screen-image-360-container .micromag-screen-image-360-empty{height:100%;margin:0}.micromag-screen-image-360-container .micromag-screen-image-360-canvasButton{-ms-touch-action:none;touch-action:none}.micromag-screen-image-360-container .micromag-screen-image-360-videoContainer{position:absolute}.micromag-screen-image-360-container .micromag-screen-image-360-video{visibility:hidden}.micromag-screen-image-360-container .micromag-screen-image-360-video video{height:100%}.micromag-screen-image-360-container .micromag-screen-image-360-mediaControls{padding:10px 20px 20px}.micromag-screen-image-360-container .micromag-screen-image-360-placeholder{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center}.micromag-screen-image-360-container .micromag-screen-image-360-header{left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-image-360-container .micromag-screen-image-360-callToAction{bottom:0;left:0;position:absolute;width:100%;z-index:1}.micromag-screen-image-360-container.micromag-screen-image-360-showVideo .micromag-screen-image-360-video{visibility:visible}
1
+ .micromag-screen-image-360-container .micromag-screen-image-360-canvasButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-image-360-container .micromag-screen-image-360-background,.micromag-screen-image-360-container .micromag-screen-image-360-canvas,.micromag-screen-image-360-container .micromag-screen-image-360-canvasButton,.micromag-screen-image-360-container .micromag-screen-image-360-inner,.micromag-screen-image-360-container .micromag-screen-image-360-placeholder,.micromag-screen-image-360-container .micromag-screen-image-360-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-image-360-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-image-360-disabled.micromag-screen-image-360-container{overflow:hidden;pointer-events:none}.micromag-screen-image-360-hidden.micromag-screen-image-360-container{display:none;visibility:hidden}.micromag-screen-image-360-placeholder.micromag-screen-image-360-container .micromag-screen-image-360-content{padding:6px;position:relative}.micromag-screen-image-360-container .micromag-screen-image-360-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-image-360-container .micromag-screen-image-360-background{z-index:0}.micromag-screen-image-360-container .micromag-screen-image-360-content{z-index:1}.micromag-screen-image-360-container .micromag-screen-image-360-empty{height:100%;margin:0}.micromag-screen-image-360-container .micromag-screen-image-360-canvasButton{-ms-touch-action:none;touch-action:none}.micromag-screen-image-360-container .micromag-screen-image-360-videoContainer{position:absolute}.micromag-screen-image-360-container .micromag-screen-image-360-video{visibility:hidden}.micromag-screen-image-360-container .micromag-screen-image-360-video video{height:100%}.micromag-screen-image-360-container .micromag-screen-image-360-mediaControls{padding:10px 20px 20px}.micromag-screen-image-360-container .micromag-screen-image-360-placeholder{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center}.micromag-screen-image-360-container .micromag-screen-image-360-header{left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-image-360-container .micromag-screen-image-360-footer{bottom:0;left:0;position:absolute;width:100%;z-index:1}.micromag-screen-image-360-container.micromag-screen-image-360-showVideo .micromag-screen-image-360-video{visibility:visible}
package/es/index.js CHANGED
@@ -73,7 +73,7 @@ var useThree = function useThree() {
73
73
  return loadedPackage;
74
74
  };
75
75
 
76
- var styles = {"container":"micromag-screen-image-360-container","canvasButton":"micromag-screen-image-360-canvasButton","placeholder":"micromag-screen-image-360-placeholder","inner":"micromag-screen-image-360-inner","canvas":"micromag-screen-image-360-canvas","video":"micromag-screen-image-360-video","background":"micromag-screen-image-360-background","disabled":"micromag-screen-image-360-disabled","hidden":"micromag-screen-image-360-hidden","content":"micromag-screen-image-360-content","empty":"micromag-screen-image-360-empty","videoContainer":"micromag-screen-image-360-videoContainer","mediaControls":"micromag-screen-image-360-mediaControls","header":"micromag-screen-image-360-header","callToAction":"micromag-screen-image-360-callToAction","showVideo":"micromag-screen-image-360-showVideo"};
76
+ var styles = {"container":"micromag-screen-image-360-container","canvasButton":"micromag-screen-image-360-canvasButton","placeholder":"micromag-screen-image-360-placeholder","inner":"micromag-screen-image-360-inner","canvas":"micromag-screen-image-360-canvas","video":"micromag-screen-image-360-video","background":"micromag-screen-image-360-background","disabled":"micromag-screen-image-360-disabled","hidden":"micromag-screen-image-360-hidden","content":"micromag-screen-image-360-content","empty":"micromag-screen-image-360-empty","videoContainer":"micromag-screen-image-360-videoContainer","mediaControls":"micromag-screen-image-360-mediaControls","header":"micromag-screen-image-360-header","footer":"micromag-screen-image-360-footer","showVideo":"micromag-screen-image-360-showVideo"};
77
77
 
78
78
  var propTypes = {
79
79
  layout: PropTypes.oneOf(['full']),
@@ -388,15 +388,13 @@ var Image360Screen = function Image360Screen(_ref) {
388
388
  }), /*#__PURE__*/React.createElement("div", {
389
389
  className: styles.inner
390
390
  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
391
- key: "header",
392
391
  className: styles.header,
393
392
  style: {
394
- paddingTop: spacing,
393
+ paddingTop: spacing / 2,
395
394
  paddingLeft: spacing,
396
395
  paddingRight: spacing
397
396
  }
398
397
  }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(ScreenElement, {
399
- key: "video",
400
398
  placeholder: /*#__PURE__*/React.createElement(PlaceholderVideo360, {
401
399
  className: styles.placeholder,
402
400
  width: "100%",
@@ -449,8 +447,7 @@ var Image360Screen = function Image360Screen(_ref) {
449
447
  resolution: resolution,
450
448
  shouldLoad: mediaShouldLoad
451
449
  })))), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
452
- key: "callToAction",
453
- className: styles.callToAction,
450
+ className: styles.footer,
454
451
  style: {
455
452
  transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
456
453
  paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
package/lib/index.js CHANGED
@@ -110,7 +110,7 @@ var useThree = function useThree() {
110
110
  return loadedPackage;
111
111
  };
112
112
 
113
- var styles = {"container":"micromag-screen-image-360-container","canvasButton":"micromag-screen-image-360-canvasButton","placeholder":"micromag-screen-image-360-placeholder","inner":"micromag-screen-image-360-inner","canvas":"micromag-screen-image-360-canvas","video":"micromag-screen-image-360-video","background":"micromag-screen-image-360-background","disabled":"micromag-screen-image-360-disabled","hidden":"micromag-screen-image-360-hidden","content":"micromag-screen-image-360-content","empty":"micromag-screen-image-360-empty","videoContainer":"micromag-screen-image-360-videoContainer","mediaControls":"micromag-screen-image-360-mediaControls","header":"micromag-screen-image-360-header","callToAction":"micromag-screen-image-360-callToAction","showVideo":"micromag-screen-image-360-showVideo"};
113
+ var styles = {"container":"micromag-screen-image-360-container","canvasButton":"micromag-screen-image-360-canvasButton","placeholder":"micromag-screen-image-360-placeholder","inner":"micromag-screen-image-360-inner","canvas":"micromag-screen-image-360-canvas","video":"micromag-screen-image-360-video","background":"micromag-screen-image-360-background","disabled":"micromag-screen-image-360-disabled","hidden":"micromag-screen-image-360-hidden","content":"micromag-screen-image-360-content","empty":"micromag-screen-image-360-empty","videoContainer":"micromag-screen-image-360-videoContainer","mediaControls":"micromag-screen-image-360-mediaControls","header":"micromag-screen-image-360-header","footer":"micromag-screen-image-360-footer","showVideo":"micromag-screen-image-360-showVideo"};
114
114
 
115
115
  var propTypes = {
116
116
  layout: PropTypes__default["default"].oneOf(['full']),
@@ -425,15 +425,13 @@ var Image360Screen = function Image360Screen(_ref) {
425
425
  }), /*#__PURE__*/React__default["default"].createElement("div", {
426
426
  className: styles.inner
427
427
  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
428
- key: "header",
429
428
  className: styles.header,
430
429
  style: {
431
- paddingTop: spacing,
430
+ paddingTop: spacing / 2,
432
431
  paddingLeft: spacing,
433
432
  paddingRight: spacing
434
433
  }
435
434
  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
436
- key: "video",
437
435
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderVideo360, {
438
436
  className: styles.placeholder,
439
437
  width: "100%",
@@ -486,8 +484,7 @@ var Image360Screen = function Image360Screen(_ref) {
486
484
  resolution: resolution,
487
485
  shouldLoad: mediaShouldLoad
488
486
  })))), !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
489
- key: "callToAction",
490
- className: styles.callToAction,
487
+ className: styles.footer,
491
488
  style: {
492
489
  transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
493
490
  paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-image-360",
3
- "version": "0.3.360",
3
+ "version": "0.3.362",
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.20",
53
- "@micromag/core": "^0.3.360",
54
- "@micromag/element-background": "^0.3.360",
55
- "@micromag/element-closed-captions": "^0.3.360",
56
- "@micromag/element-container": "^0.3.360",
57
- "@micromag/element-footer": "^0.3.360",
58
- "@micromag/element-header": "^0.3.360",
59
- "@micromag/element-image": "^0.3.360",
60
- "@micromag/element-video": "^0.3.360",
61
- "@micromag/transforms": "^0.3.360",
53
+ "@micromag/core": "^0.3.362",
54
+ "@micromag/element-background": "^0.3.362",
55
+ "@micromag/element-closed-captions": "^0.3.362",
56
+ "@micromag/element-container": "^0.3.362",
57
+ "@micromag/element-footer": "^0.3.362",
58
+ "@micromag/element-header": "^0.3.362",
59
+ "@micromag/element-image": "^0.3.362",
60
+ "@micromag/element-video": "^0.3.362",
61
+ "@micromag/transforms": "^0.3.362",
62
62
  "classnames": "^2.2.6",
63
63
  "lodash": "^4.17.21",
64
64
  "prop-types": "^15.7.2",
@@ -70,5 +70,5 @@
70
70
  "publishConfig": {
71
71
  "access": "public"
72
72
  },
73
- "gitHead": "5531b1c55e0dd7e7a9c6eeee217ca28d985c7921"
73
+ "gitHead": "21619f51536d95517afabfdf316ef8fc345f6562"
74
74
  }