@micromag/screen-map 0.3.251 → 0.3.252

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer,.micromag-screen-map-container .micromag-screen-map-markerOverlayScrollable,.micromag-screen-map-container .micromag-screen-map-splash{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-map-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-map-disabled.micromag-screen-map-container{overflow:hidden;pointer-events:none}.micromag-screen-map-hidden.micromag-screen-map-container{display:none;visibility:hidden}.micromag-screen-map-placeholder.micromag-screen-map-container .micromag-screen-map-content{position:relative;padding:6px}.micromag-screen-map-container .micromag-screen-map-placeholder{height:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background-color:rgba(28,28,28,.4);pointer-events:none}.micromag-screen-map-container .micromag-screen-map-markerOverlaySafe{display:block;width:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlay{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;overflow:hidden}.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 20px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;background-color:#fff}.micromag-screen-map-container .micromag-screen-map-markerOverlayContentInner{color:#1c1c1c}.micromag-screen-map-container .micromag-screen-map-swipeIndicator{width:30px;margin:10px auto;border:2px solid #adadad;border-radius:2px}.micromag-screen-map-container .micromag-screen-map-splash{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:20px;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;background-color:rgba(28,28,28,.75)}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-description,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-title{margin:10px 0}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-button{display:inline-block}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyButton,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyDescription,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyTitle{width:100%;margin:5px auto}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyTitle{height:50px}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyDescription{height:80px}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyButton{height:70px}.micromag-screen-map-container .micromag-screen-map-splashButton{margin-top:10px}.micromag-screen-map-container .micromag-screen-map-closeButton{display:block;position:absolute;top:20px;right:20px;width:44px;height:44px;padding:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:50%;opacity:0;background-color:rgba(43,43,43,.8);font-size:30px;line-height:0;text-align:center;pointer-events:none}.micromag-screen-map-container .micromag-screen-map-markerDescription,.micromag-screen-map-container .micromag-screen-map-markerImage,.micromag-screen-map-container .micromag-screen-map-markerSubtitle,.micromag-screen-map-container .micromag-screen-map-markerTitle{margin-bottom:20px}.micromag-screen-map-container.micromag-screen-map-hasSelectedMarker .micromag-screen-map-markerOverlayContainer{opacity:1;pointer-events:auto}.micromag-screen-map-container.micromag-screen-map-hasSelectedMarker .micromag-screen-map-markerOverlayContent{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-map-container.micromag-screen-map-opened .micromag-screen-map-splash{opacity:0;pointer-events:none}.micromag-screen-map-container.micromag-screen-map-opened .micromag-screen-map-closeButton{opacity:1;pointer-events:all}
+.micromag-screen-map-container .micromag-screen-map-background,.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer,.micromag-screen-map-container .micromag-screen-map-markerOverlayScrollable,.micromag-screen-map-container .micromag-screen-map-splash{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-map-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-map-disabled.micromag-screen-map-container{overflow:hidden;pointer-events:none}.micromag-screen-map-hidden.micromag-screen-map-container{display:none;visibility:hidden}.micromag-screen-map-placeholder.micromag-screen-map-container .micromag-screen-map-content{position:relative;padding:6px}.micromag-screen-map-container .micromag-screen-map-background{z-index:0}.micromag-screen-map-container .micromag-screen-map-content{z-index:1}.micromag-screen-map-container .micromag-screen-map-placeholder{height:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background-color:rgba(28,28,28,.4);pointer-events:none}.micromag-screen-map-container .micromag-screen-map-markerOverlaySafe{display:block;width:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlay{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;overflow:hidden}.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 20px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;background-color:#fff}.micromag-screen-map-container .micromag-screen-map-markerOverlayContentInner{color:#1c1c1c}.micromag-screen-map-container .micromag-screen-map-swipeIndicator{width:30px;margin:10px auto;border:2px solid #adadad;border-radius:2px}.micromag-screen-map-container .micromag-screen-map-splash{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:20px;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;background-color:rgba(28,28,28,.75)}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-description,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-title{margin:10px 0}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-button{display:inline-block}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyButton,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyDescription,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyTitle{width:100%;margin:5px auto}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyTitle{height:50px}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyDescription{height:80px}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyButton{height:70px}.micromag-screen-map-container .micromag-screen-map-splashButton{margin-top:10px}.micromag-screen-map-container .micromag-screen-map-closeButton{display:block;position:absolute;top:20px;right:20px;width:44px;height:44px;padding:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:50%;opacity:0;background-color:rgba(43,43,43,.8);font-size:30px;line-height:0;text-align:center;pointer-events:none}.micromag-screen-map-container .micromag-screen-map-markerDescription,.micromag-screen-map-container .micromag-screen-map-markerImage,.micromag-screen-map-container .micromag-screen-map-markerSubtitle,.micromag-screen-map-container .micromag-screen-map-markerTitle{margin-bottom:20px}.micromag-screen-map-container.micromag-screen-map-hasSelectedMarker .micromag-screen-map-markerOverlayContainer{opacity:1;pointer-events:auto}.micromag-screen-map-container.micromag-screen-map-hasSelectedMarker .micromag-screen-map-markerOverlayContent{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-map-container.micromag-screen-map-opened .micromag-screen-map-splash{opacity:0;pointer-events:none}.micromag-screen-map-container.micromag-screen-map-opened .micromag-screen-map-closeButton{opacity:1;pointer-events:all}

package/es/index.js

@@ -22,7 +22,7 @@ import _extends from '@babel/runtime/helpers/extends';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { Map as Map$1, Container as Container$1 } from '@micromag/transforms/apple-news';
 
-var styles = {"container":"micromag-screen-map-container","markerOverlayContainer":"micromag-screen-map-markerOverlayContainer","markerOverlayScrollable":"micromag-screen-map-markerOverlayScrollable","splash":"micromag-screen-map-splash","disabled":"micromag-screen-map-disabled","hidden":"micromag-screen-map-hidden","placeholder":"micromag-screen-map-placeholder","content":"micromag-screen-map-content","markerOverlaySafe":"micromag-screen-map-markerOverlaySafe","markerOverlay":"micromag-screen-map-markerOverlay","markerOverlayContent":"micromag-screen-map-markerOverlayContent","markerOverlayContentInner":"micromag-screen-map-markerOverlayContentInner","swipeIndicator":"micromag-screen-map-swipeIndicator","description":"micromag-screen-map-description","title":"micromag-screen-map-title","button":"micromag-screen-map-button","emptyButton":"micromag-screen-map-emptyButton","emptyDescription":"micromag-screen-map-emptyDescription","emptyTitle":"micromag-screen-map-emptyTitle","splashButton":"micromag-screen-map-splashButton","closeButton":"micromag-screen-map-closeButton","markerDescription":"micromag-screen-map-markerDescription","markerImage":"micromag-screen-map-markerImage","markerSubtitle":"micromag-screen-map-markerSubtitle","markerTitle":"micromag-screen-map-markerTitle","hasSelectedMarker":"micromag-screen-map-hasSelectedMarker","opened":"micromag-screen-map-opened"};
+var styles = {"container":"micromag-screen-map-container","background":"micromag-screen-map-background","markerOverlayContainer":"micromag-screen-map-markerOverlayContainer","markerOverlayScrollable":"micromag-screen-map-markerOverlayScrollable","splash":"micromag-screen-map-splash","disabled":"micromag-screen-map-disabled","hidden":"micromag-screen-map-hidden","placeholder":"micromag-screen-map-placeholder","content":"micromag-screen-map-content","markerOverlaySafe":"micromag-screen-map-markerOverlaySafe","markerOverlay":"micromag-screen-map-markerOverlay","markerOverlayContent":"micromag-screen-map-markerOverlayContent","markerOverlayContentInner":"micromag-screen-map-markerOverlayContentInner","swipeIndicator":"micromag-screen-map-swipeIndicator","description":"micromag-screen-map-description","title":"micromag-screen-map-title","button":"micromag-screen-map-button","emptyButton":"micromag-screen-map-emptyButton","emptyDescription":"micromag-screen-map-emptyDescription","emptyTitle":"micromag-screen-map-emptyTitle","splashButton":"micromag-screen-map-splashButton","closeButton":"micromag-screen-map-closeButton","markerDescription":"micromag-screen-map-markerDescription","markerImage":"micromag-screen-map-markerImage","markerSubtitle":"micromag-screen-map-markerSubtitle","markerTitle":"micromag-screen-map-markerTitle","hasSelectedMarker":"micromag-screen-map-hasSelectedMarker","opened":"micromag-screen-map-opened"};
 
 var defaultCenter = {
   lat: 45.5,
@@ -402,21 +402,10 @@ function MapScreen(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, (_ref15 = {}, _defineProperty(_ref15, className, className !== null), _defineProperty(_ref15, styles["".concat(layout, "Layout")], layout !== null), _defineProperty(_ref15, styles.opened, opened || isPreview && screenState !== 'intro'), _defineProperty(_ref15, styles.hasSelectedMarker, hasSelectedMarker), _ref15)]),
     "data-screen-ready": finalReady
-  }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
-    color: {
-      color: '#FFFFFF',
-      alpha: 1
-    },
+  }, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height,
-    resolution: resolution,
-    playing: backgroundPlaying,
-    muted: muted,
-    shouldLoad: backgroundShouldLoad,
-    mediaRef: mediaRef
-  }) : null, /*#__PURE__*/React.createElement(Container, {
-    width: width,
-    height: height
+    className: styles.content
   }, isPlaceholder ? /*#__PURE__*/React.createElement(PlaceholderMap, {
     className: styles.placeholder,
     withImages: withMarkerImages
@@ -548,7 +537,21 @@ function MapScreen(_ref) {
     className: styles.closeButton,
     onClick: onCloseClick,
     focusable: current && isView
-  }, "\xD7") : null)));
+  }, "\xD7") : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
+    color: {
+      color: '#FFFFFF',
+      alpha: 1
+    },
+    width: width,
+    height: height,
+    resolution: resolution,
+    playing: backgroundPlaying,
+    muted: muted,
+    shouldLoad: backgroundShouldLoad,
+    mediaRef: mediaRef,
+    withoutVideo: isPreview,
+    className: styles.background
+  }) : null);
 }
 
 MapScreen.propTypes = propTypes;

package/lib/index.js

@@ -44,7 +44,7 @@ var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 
-var styles = {"container":"micromag-screen-map-container","markerOverlayContainer":"micromag-screen-map-markerOverlayContainer","markerOverlayScrollable":"micromag-screen-map-markerOverlayScrollable","splash":"micromag-screen-map-splash","disabled":"micromag-screen-map-disabled","hidden":"micromag-screen-map-hidden","placeholder":"micromag-screen-map-placeholder","content":"micromag-screen-map-content","markerOverlaySafe":"micromag-screen-map-markerOverlaySafe","markerOverlay":"micromag-screen-map-markerOverlay","markerOverlayContent":"micromag-screen-map-markerOverlayContent","markerOverlayContentInner":"micromag-screen-map-markerOverlayContentInner","swipeIndicator":"micromag-screen-map-swipeIndicator","description":"micromag-screen-map-description","title":"micromag-screen-map-title","button":"micromag-screen-map-button","emptyButton":"micromag-screen-map-emptyButton","emptyDescription":"micromag-screen-map-emptyDescription","emptyTitle":"micromag-screen-map-emptyTitle","splashButton":"micromag-screen-map-splashButton","closeButton":"micromag-screen-map-closeButton","markerDescription":"micromag-screen-map-markerDescription","markerImage":"micromag-screen-map-markerImage","markerSubtitle":"micromag-screen-map-markerSubtitle","markerTitle":"micromag-screen-map-markerTitle","hasSelectedMarker":"micromag-screen-map-hasSelectedMarker","opened":"micromag-screen-map-opened"};
+var styles = {"container":"micromag-screen-map-container","background":"micromag-screen-map-background","markerOverlayContainer":"micromag-screen-map-markerOverlayContainer","markerOverlayScrollable":"micromag-screen-map-markerOverlayScrollable","splash":"micromag-screen-map-splash","disabled":"micromag-screen-map-disabled","hidden":"micromag-screen-map-hidden","placeholder":"micromag-screen-map-placeholder","content":"micromag-screen-map-content","markerOverlaySafe":"micromag-screen-map-markerOverlaySafe","markerOverlay":"micromag-screen-map-markerOverlay","markerOverlayContent":"micromag-screen-map-markerOverlayContent","markerOverlayContentInner":"micromag-screen-map-markerOverlayContentInner","swipeIndicator":"micromag-screen-map-swipeIndicator","description":"micromag-screen-map-description","title":"micromag-screen-map-title","button":"micromag-screen-map-button","emptyButton":"micromag-screen-map-emptyButton","emptyDescription":"micromag-screen-map-emptyDescription","emptyTitle":"micromag-screen-map-emptyTitle","splashButton":"micromag-screen-map-splashButton","closeButton":"micromag-screen-map-closeButton","markerDescription":"micromag-screen-map-markerDescription","markerImage":"micromag-screen-map-markerImage","markerSubtitle":"micromag-screen-map-markerSubtitle","markerTitle":"micromag-screen-map-markerTitle","hasSelectedMarker":"micromag-screen-map-hasSelectedMarker","opened":"micromag-screen-map-opened"};
 
 var defaultCenter = {
   lat: 45.5,
@@ -424,21 +424,10 @@ function MapScreen(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles.container, (_ref15 = {}, _defineProperty__default["default"](_ref15, className, className !== null), _defineProperty__default["default"](_ref15, styles["".concat(layout, "Layout")], layout !== null), _defineProperty__default["default"](_ref15, styles.opened, opened || isPreview && screenState !== 'intro'), _defineProperty__default["default"](_ref15, styles.hasSelectedMarker, hasSelectedMarker), _ref15)]),
     "data-screen-ready": finalReady
-  }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(elementBackground.Background, {
-    color: {
-      color: '#FFFFFF',
-      alpha: 1
-    },
+  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
     width: width,
     height: height,
-    resolution: resolution,
-    playing: backgroundPlaying,
-    muted: muted,
-    shouldLoad: backgroundShouldLoad,
-    mediaRef: mediaRef
-  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
-    width: width,
-    height: height
+    className: styles.content
   }, isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(components.PlaceholderMap, {
     className: styles.placeholder,
     withImages: withMarkerImages
@@ -570,7 +559,21 @@ function MapScreen(_ref) {
     className: styles.closeButton,
     onClick: onCloseClick,
     focusable: current && isView
-  }, "\xD7") : null)));
+  }, "\xD7") : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(elementBackground.Background, {
+    color: {
+      color: '#FFFFFF',
+      alpha: 1
+    },
+    width: width,
+    height: height,
+    resolution: resolution,
+    playing: backgroundPlaying,
+    muted: muted,
+    shouldLoad: backgroundShouldLoad,
+    mediaRef: mediaRef,
+    withoutVideo: isPreview,
+    className: styles.background
+  }) : null);
 }
 
 MapScreen.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-map",
-    "version": "0.3.251",
+    "version": "0.3.252",
     "description": "",
     "keywords": [
         "javascript"
@@ -49,17 +49,17 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.251",
-        "@micromag/element-background": "^0.3.251",
-        "@micromag/element-button": "^0.3.251",
-        "@micromag/element-call-to-action": "^0.3.251",
-        "@micromag/element-container": "^0.3.251",
-        "@micromag/element-heading": "^0.3.251",
-        "@micromag/element-image": "^0.3.251",
-        "@micromag/element-map": "^0.3.251",
-        "@micromag/element-scroll": "^0.3.251",
-        "@micromag/element-text": "^0.3.251",
-        "@micromag/transforms": "^0.3.251",
+        "@micromag/core": "^0.3.252",
+        "@micromag/element-background": "^0.3.252",
+        "@micromag/element-button": "^0.3.252",
+        "@micromag/element-call-to-action": "^0.3.252",
+        "@micromag/element-container": "^0.3.252",
+        "@micromag/element-heading": "^0.3.252",
+        "@micromag/element-image": "^0.3.252",
+        "@micromag/element-map": "^0.3.252",
+        "@micromag/element-scroll": "^0.3.252",
+        "@micromag/element-text": "^0.3.252",
+        "@micromag/transforms": "^0.3.252",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
+    "gitHead": "67a8b8144a40086a6dfd98c9eb8c4b6b8ebb05b0"
 }