@micromag/screen-urbania-article 0.3.227 → 0.3.229

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 +23 -15
  3. package/lib/index.js +22 -14
  4. package/package.json +3 -3
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{position:relative;padding:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{z-index:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;text-align:center}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{padding:3px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:10px;padding:30px 0 2px;border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-lede p{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors.micromag-screen-urbania-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{display:inline-block;width:100%;margin-top:auto;padding:2px 10px 4px;background-color:#ff0;color:#222;letter-spacing:.04em;line-height:.7}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors p,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction{position:absolute;z-index:10;right:0;bottom:0;left:0;padding-bottom:5px;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-icon{display:inline-block;margin-top:-3px;margin-right:3px;padding:1px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-videoContainer{position:absolute}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-withGradient{background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-content{width:80%;height:35%;margin:5px auto;background-color:rgba(0,0,0,0);background-color:#2b2b2b}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:80%;height:50%;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual{z-index:2}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content{position:relative;z-index:3;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:70px;background-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:absolute}.micromag-screen-urbania-article-visual{height:100%}.micromag-screen-urbania-article-image{position:relative!important;width:100%!important;height:100%!important}.micromag-screen-urbania-article-isCurrent .micromag-screen-urbania-article-image{-webkit-animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-img{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}@-webkit-keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
1
+ .micromag-screen-urbania-article-callToActionContainer,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-hasVideoBackground .micromag-screen-urbania-article-background,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{position:relative;padding:6px}.micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-content{width:80%;height:35%;margin:5px auto;background-color:rgba(0,0,0,0);background-color:#2b2b2b}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:80%;height:50%;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:70px;background-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:absolute}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-hasVideoBackground .micromag-screen-urbania-article-background{z-index:2}.micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-content,.micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-content{z-index:3;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;text-align:center}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-content .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{padding:3px 20px}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:10px;padding:30px 0 2px;border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;text-transform:uppercase}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-lede p{margin:0}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors.micromag-screen-urbania-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{display:inline-block;width:100%;margin-top:auto;padding:2px 10px 4px;background-color:#ff0;color:#222;letter-spacing:.04em;line-height:.7}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors p,.micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-callToAction{position:absolute;z-index:10;right:0;bottom:0;left:0;padding-bottom:5px;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle}.micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-icon{display:inline-block;margin-top:-3px;margin-right:3px;padding:1px}.micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-videoContainer{position:absolute}.micromag-screen-urbania-article-bottom{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-withGradient{background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-callToActionContainer{z-index:3}.micromag-screen-urbania-article-visual{height:100%}.micromag-screen-urbania-article-image{position:relative!important;width:100%!important;height:100%!important}.micromag-screen-urbania-article-isCurrent .micromag-screen-urbania-article-image{-webkit-animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-img{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}@-webkit-keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
package/es/index.js CHANGED
@@ -9,7 +9,7 @@ import { isTextFilled, getStyleFromColor } from '@micromag/core/utils';
9
9
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
10
10
  import classNames from 'classnames';
11
11
  import { PropTypes as PropTypes$1 } from '@micromag/core';
12
- import { ScreenElement, PlaceholderSubtitle, Empty, PlaceholderTitle, Transitions, PlaceholderImage } from '@micromag/core/components';
12
+ import { ScreenElement, PlaceholderSubtitle, Empty, PlaceholderTitle, PlaceholderImage } from '@micromag/core/components';
13
13
  import { useScreenSize, useScreenRenderContext, useViewerWebView, useViewerContext, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
14
14
  import { useDimensionObserver } from '@micromag/core/hooks';
15
15
  import Background from '@micromag/element-background';
@@ -96,7 +96,7 @@ var WatchIcon = function WatchIcon(_ref) {
96
96
  WatchIcon.propTypes = propTypes$2;
97
97
  WatchIcon.defaultProps = defaultProps$2;
98
98
 
99
- var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","description":"micromag-screen-urbania-article-description","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsors":"micromag-screen-urbania-article-sponsors","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","callToAction":"micromag-screen-urbania-article-callToAction","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
99
+ var styles = {"callToActionContainer":"micromag-screen-urbania-article-callToActionContainer","container":"micromag-screen-urbania-article-container","hasVideoBackground":"micromag-screen-urbania-article-hasVideoBackground","background":"micromag-screen-urbania-article-background","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","empty":"micromag-screen-urbania-article-empty","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","description":"micromag-screen-urbania-article-description","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","emptyContainer":"micromag-screen-urbania-article-emptyContainer","callToAction":"micromag-screen-urbania-article-callToAction","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
100
100
 
101
101
  var propTypes$1 = {
102
102
  hasArticle: PropTypes.bool,
@@ -140,7 +140,7 @@ var defaultProps$1 = {
140
140
  };
141
141
 
142
142
  var UrbaniaArticle = function UrbaniaArticle(_ref) {
143
- var _ref7;
143
+ var _ref8;
144
144
 
145
145
  var hasArticle = _ref.hasArticle,
146
146
  type = _ref.type,
@@ -156,9 +156,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
156
156
  background = _ref.background,
157
157
  callToAction = _ref.callToAction,
158
158
  current = _ref.current,
159
- active = _ref.active,
160
- transitions = _ref.transitions,
161
- spacing = _ref.spacing,
159
+ active = _ref.active;
160
+ _ref.transitions;
161
+ var spacing = _ref.spacing,
162
162
  className = _ref.className;
163
163
 
164
164
  var _useScreenSize = useScreenSize(),
@@ -234,14 +234,23 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
234
234
  var hasImage = url !== null;
235
235
  var backgroundPlaying = current && (isView || isEdit);
236
236
  var mediaShouldLoad = current || active;
237
- var transitionPlaying = current;
238
- var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
239
237
  var hasCallToAction = callToAction !== null && callToAction.active === true;
240
238
  useEffect(function () {
241
239
  if (current && !playing) {
242
240
  setPlaying(true);
243
241
  }
244
242
  }, [current, playing, setPlaying]);
243
+
244
+ var _ref6 = background || {},
245
+ _ref6$video = _ref6.video,
246
+ backgroundVideo = _ref6$video === void 0 ? null : _ref6$video;
247
+
248
+ var hasVideoBackground = backgroundVideo !== null;
249
+ console.log({
250
+ hasVideoBackground: hasVideoBackground,
251
+ background: background,
252
+ backgroundVideo: backgroundVideo
253
+ });
245
254
  var items = [/*#__PURE__*/React.createElement(ScreenElement, {
246
255
  key: "overTitle",
247
256
  placeholder: /*#__PURE__*/React.createElement(PlaceholderSubtitle, {
@@ -350,9 +359,10 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
350
359
  return it !== null;
351
360
  });
352
361
  return /*#__PURE__*/React.createElement("div", {
353
- className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.isCurrent, current), _defineProperty(_ref7, styles.isVideo, isVideo), _defineProperty(_ref7, styles.isPlaceholder, isPlaceholder), _ref7)]),
362
+ className: classNames([styles.container, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.isCurrent, current), _defineProperty(_ref8, styles.isVideo, isVideo), _defineProperty(_ref8, styles.hasVideoBackground, hasVideoBackground), _defineProperty(_ref8, styles.isPlaceholder, isPlaceholder), _ref8)]),
354
363
  "data-screen-ready": isStatic || isCapture
355
364
  }, /*#__PURE__*/React.createElement(Background, {
365
+ className: styles.background,
356
366
  background: background,
357
367
  width: width,
358
368
  height: height,
@@ -375,10 +385,6 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
375
385
  ref: contentRef
376
386
  }, items), /*#__PURE__*/React.createElement("div", {
377
387
  className: styles.visual
378
- }, /*#__PURE__*/React.createElement(Transitions, {
379
- playing: transitionPlaying,
380
- transitions: transitions,
381
- disabled: transitionDisabled || true
382
388
  }, /*#__PURE__*/React.createElement(ScreenElement, {
383
389
  key: "image",
384
390
  placeholder: /*#__PURE__*/React.createElement(PlaceholderImage, {
@@ -424,7 +430,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
424
430
  withoutVideo: isPreview,
425
431
  mediaRef: mediaRef,
426
432
  autoPlay: true
427
- }) : null), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
433
+ }) : null)), /*#__PURE__*/React.createElement("div", {
434
+ className: styles.callToActionContainer
435
+ }, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
428
436
  style: {
429
437
  paddingTop: spacing,
430
438
  paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
@@ -443,7 +451,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
443
451
  className: styles.icon
444
452
  }) : null,
445
453
  openWebView: openWebView
446
- }))) : null))));
454
+ }))) : null)));
447
455
  };
448
456
 
449
457
  UrbaniaArticle.propTypes = propTypes$1;
package/lib/index.js CHANGED
@@ -117,7 +117,7 @@ var WatchIcon = function WatchIcon(_ref) {
117
117
  WatchIcon.propTypes = propTypes$2;
118
118
  WatchIcon.defaultProps = defaultProps$2;
119
119
 
120
- var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","description":"micromag-screen-urbania-article-description","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsors":"micromag-screen-urbania-article-sponsors","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","callToAction":"micromag-screen-urbania-article-callToAction","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
120
+ var styles = {"callToActionContainer":"micromag-screen-urbania-article-callToActionContainer","container":"micromag-screen-urbania-article-container","hasVideoBackground":"micromag-screen-urbania-article-hasVideoBackground","background":"micromag-screen-urbania-article-background","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","empty":"micromag-screen-urbania-article-empty","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","description":"micromag-screen-urbania-article-description","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","emptyContainer":"micromag-screen-urbania-article-emptyContainer","callToAction":"micromag-screen-urbania-article-callToAction","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
121
121
 
122
122
  var propTypes$1 = {
123
123
  hasArticle: PropTypes__default["default"].bool,
@@ -161,7 +161,7 @@ var defaultProps$1 = {
161
161
  };
162
162
 
163
163
  var UrbaniaArticle = function UrbaniaArticle(_ref) {
164
- var _ref7;
164
+ var _ref8;
165
165
 
166
166
  var hasArticle = _ref.hasArticle,
167
167
  type = _ref.type,
@@ -177,9 +177,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
177
177
  background = _ref.background,
178
178
  callToAction = _ref.callToAction,
179
179
  current = _ref.current,
180
- active = _ref.active,
181
- transitions = _ref.transitions,
182
- spacing = _ref.spacing,
180
+ active = _ref.active;
181
+ _ref.transitions;
182
+ var spacing = _ref.spacing,
183
183
  className = _ref.className;
184
184
 
185
185
  var _useScreenSize = contexts.useScreenSize(),
@@ -255,14 +255,23 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
255
255
  var hasImage = url !== null;
256
256
  var backgroundPlaying = current && (isView || isEdit);
257
257
  var mediaShouldLoad = current || active;
258
- var transitionPlaying = current;
259
- var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
260
258
  var hasCallToAction = callToAction !== null && callToAction.active === true;
261
259
  React.useEffect(function () {
262
260
  if (current && !playing) {
263
261
  setPlaying(true);
264
262
  }
265
263
  }, [current, playing, setPlaying]);
264
+
265
+ var _ref6 = background || {},
266
+ _ref6$video = _ref6.video,
267
+ backgroundVideo = _ref6$video === void 0 ? null : _ref6$video;
268
+
269
+ var hasVideoBackground = backgroundVideo !== null;
270
+ console.log({
271
+ hasVideoBackground: hasVideoBackground,
272
+ background: background,
273
+ backgroundVideo: backgroundVideo
274
+ });
266
275
  var items = [/*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
267
276
  key: "overTitle",
268
277
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderSubtitle, {
@@ -371,9 +380,10 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
371
380
  return it !== null;
372
381
  });
373
382
  return /*#__PURE__*/React__default["default"].createElement("div", {
374
- className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.isCurrent, current), _defineProperty__default["default"](_ref7, styles.isVideo, isVideo), _defineProperty__default["default"](_ref7, styles.isPlaceholder, isPlaceholder), _ref7)]),
383
+ className: classNames__default["default"]([styles.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.isCurrent, current), _defineProperty__default["default"](_ref8, styles.isVideo, isVideo), _defineProperty__default["default"](_ref8, styles.hasVideoBackground, hasVideoBackground), _defineProperty__default["default"](_ref8, styles.isPlaceholder, isPlaceholder), _ref8)]),
375
384
  "data-screen-ready": isStatic || isCapture
376
385
  }, /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
386
+ className: styles.background,
377
387
  background: background,
378
388
  width: width,
379
389
  height: height,
@@ -396,10 +406,6 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
396
406
  ref: contentRef
397
407
  }, items), /*#__PURE__*/React__default["default"].createElement("div", {
398
408
  className: styles.visual
399
- }, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
400
- playing: transitionPlaying,
401
- transitions: transitions,
402
- disabled: transitionDisabled || true
403
409
  }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
404
410
  key: "image",
405
411
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderImage, {
@@ -445,7 +451,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
445
451
  withoutVideo: isPreview,
446
452
  mediaRef: mediaRef,
447
453
  autoPlay: true
448
- }) : null), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
454
+ }) : null)), /*#__PURE__*/React__default["default"].createElement("div", {
455
+ className: styles.callToActionContainer
456
+ }, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
449
457
  style: {
450
458
  paddingTop: spacing,
451
459
  paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
@@ -464,7 +472,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
464
472
  className: styles.icon
465
473
  }) : null,
466
474
  openWebView: openWebView
467
- }))) : null))));
475
+ }))) : null)));
468
476
  };
469
477
 
470
478
  UrbaniaArticle.propTypes = propTypes$1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-article",
3
- "version": "0.3.227",
3
+ "version": "0.3.229",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -52,7 +52,7 @@
52
52
  "@folklore/fetch": "^0.1.15",
53
53
  "@folklore/size": "^0.1.20",
54
54
  "@micromag/core": "^0.3.227",
55
- "@micromag/element-background": "^0.3.227",
55
+ "@micromag/element-background": "^0.3.229",
56
56
  "@micromag/element-call-to-action": "^0.3.227",
57
57
  "@micromag/element-closed-captions": "^0.3.227",
58
58
  "@micromag/element-container": "^0.3.227",
@@ -73,5 +73,5 @@
73
73
  "publishConfig": {
74
74
  "access": "public"
75
75
  },
76
- "gitHead": "7ded005e4a9b6fad4cd6ad395a65ea6ed569d0e1"
76
+ "gitHead": "016a184ef8d48567b245a906cb8e2bfc41f9aafd"
77
77
  }