@micromag/screen-urbania-article 0.3.438 → 0.3.442

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 +74 -69
  3. package/lib/index.js +74 -69
  4. package/package.json +2 -2
package/assets/css/styles.css CHANGED
@@ -1,2 +1,2 @@
1
- .micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-visual,.micromag-screen-urbania-article-urbania-base-article-empty,.micromag-screen-urbania-article-urbania-base-article-footerContainer,.micromag-screen-urbania-article-urbania-base-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-disabled.micromag-screen-urbania-article-urbania-base-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-hidden.micromag-screen-urbania-article-urbania-base-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-placeholder.micromag-screen-urbania-article-urbania-base-article-container .micromag-screen-urbania-article-urbania-base-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-visual{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;position:relative;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:end;-ms-flex-pack:end;background-color:transparent;flex-grow:1;justify-content:flex-end;margin-bottom:70px;position:relative}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{margin-top:0}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-callToAction{position:absolute}.micromag-screen-urbania-article-urbania-base-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-urbania-base-article-emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.micromag-screen-urbania-article-urbania-base-article-emptyContainer.micromag-screen-urbania-article-urbania-base-article-small{padding-bottom:15%}.micromag-screen-urbania-article-urbania-base-article-empty{margin:0}.micromag-screen-urbania-article-urbania-base-article-background{z-index:1}.micromag-screen-urbania-article-urbania-base-article-content{height:100%;position:static;z-index:2}.micromag-screen-urbania-article-urbania-base-article-articleContent,.micromag-screen-urbania-article-urbania-base-article-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#222;justify-content:center;text-align:center;z-index:3}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{padding:3px 20px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle{border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{font-family:GarageGothic-Bold;font-size:36px;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors.micromag-screen-urbania-article-urbania-base-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors p,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-author{color:#5e79ff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-sponsors,.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-author{color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors .micromag-screen-urbania-article-urbania-base-article-author{color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities .micromag-screen-urbania-article-urbania-base-article-overTitle{color:#222}.micromag-screen-urbania-article-urbania-base-article-visual{height:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-footerContainer{z-index:3}.micromag-screen-urbania-article-urbania-base-article-footer{bottom:0;left:0;padding-bottom:5px;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle;z-index:10}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:2px}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-button{font-family:Agrandir;font-size:16px}.micromag-screen-urbania-article-urbania-base-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-urbania-base-article-placeholder{display:block}.micromag-screen-urbania-article-urbania-base-article-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-visible{opacity:1}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-urbania-base-article-image{height:100%!important;position:relative!important;width:100%!important}.micromag-screen-urbania-article-urbania-base-article-isCurrent .micromag-screen-urbania-article-urbania-base-article-image{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-urbania-base-article-img{height:100%!important;left:auto!important;-o-object-fit:cover;object-fit:cover;position:relative!important;top:auto!important;width:100%!important}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-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-urbania-base-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-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-visual,.micromag-screen-urbania-article-urbania-base-article-empty,.micromag-screen-urbania-article-urbania-base-article-footerContainer,.micromag-screen-urbania-article-urbania-base-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-disabled.micromag-screen-urbania-article-urbania-base-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-hidden.micromag-screen-urbania-article-urbania-base-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-placeholder.micromag-screen-urbania-article-urbania-base-article-container .micromag-screen-urbania-article-urbania-base-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isPlaceholder .micromag-screen-urbania-article-urbania-base-article-visual{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;position:relative;width:80%}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:end;-ms-flex-pack:end;background-color:transparent;flex-grow:1;justify-content:flex-end;margin-bottom:70px;position:relative}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{margin-top:0}.micromag-screen-urbania-article-urbania-base-article-container.micromag-screen-urbania-article-urbania-base-article-isVideo .micromag-screen-urbania-article-urbania-base-article-callToAction{position:absolute}.micromag-screen-urbania-article-urbania-base-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-urbania-base-article-emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.micromag-screen-urbania-article-urbania-base-article-emptyContainer.micromag-screen-urbania-article-urbania-base-article-small{padding-bottom:15%}.micromag-screen-urbania-article-urbania-base-article-empty{margin:0}.micromag-screen-urbania-article-urbania-base-article-background{position:absolute;z-index:1}.micromag-screen-urbania-article-urbania-base-article-content{height:100%;position:static;z-index:2}.micromag-screen-urbania-article-urbania-base-article-articleContent,.micromag-screen-urbania-article-urbania-base-article-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:#222;justify-content:center;text-align:center;z-index:3}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{padding:3px 20px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-overTitle{border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-title{font-family:GarageGothic-Bold;font-size:36px;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-lede p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-authors.micromag-screen-urbania-article-urbania-base-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors p,.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-urbania-base-article-articleContent .micromag-screen-urbania-article-urbania-base-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-author{color:#5e79ff}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-quatre95 .micromag-screen-urbania-article-urbania-base-article-sponsors,.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-author{color:#222}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-urbania .micromag-screen-urbania-article-urbania-base-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-dehors .micromag-screen-urbania-article-urbania-base-article-author{color:#ffeada}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-urbania-base-article-articleContent.micromag-screen-urbania-article-urbania-base-article-universities .micromag-screen-urbania-article-urbania-base-article-overTitle{color:#222}.micromag-screen-urbania-article-urbania-base-article-visual{height:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-footerContainer{z-index:3}.micromag-screen-urbania-article-urbania-base-article-footer{bottom:0;left:0;padding-bottom:5px;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle;z-index:10}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:2px}.micromag-screen-urbania-article-urbania-base-article-footer .micromag-screen-urbania-article-urbania-base-article-button{font-family:Agrandir;font-size:16px}.micromag-screen-urbania-article-urbania-base-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-urbania-base-article-placeholder{display:block}.micromag-screen-urbania-article-urbania-base-article-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-visible{opacity:1}.micromag-screen-urbania-article-urbania-base-article-bottom.micromag-screen-urbania-article-urbania-base-article-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-urbania-base-article-image{height:100%!important;position:relative!important;width:100%!important}.micromag-screen-urbania-article-urbania-base-article-isCurrent .micromag-screen-urbania-article-urbania-base-article-image{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-urbania-base-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-urbania-base-article-img{height:100%!important;left:auto!important;-o-object-fit:cover;object-fit:cover;position:relative!important;top:auto!important;width:100%!important}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-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-urbania-base-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
2
2
  .micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{scrollbar-width:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe::-webkit-scrollbar{display:none}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-interactiveZone{-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-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty,.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeContainer{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-disabled.micromag-screen-urbania-article-urbania-base-article-card-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-urbania-base-article-card-hidden.micromag-screen-urbania-article-urbania-base-article-card-container{display:none;visibility:hidden}.micromag-screen-urbania-article-urbania-base-article-card-placeholder.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{padding:6px;position:relative}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-background{z-index:1}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;z-index:2}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-layout{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-text p{font-weight:inherit;margin:0}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeContainer{z-index:5}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeContainer.micromag-screen-urbania-article-urbania-base-article-card-isPlaceholder{-ms-flex-item-align:center;align-self:center;background-color:#6c6c6c;border-top-left-radius:1em;border-top-right-radius:1em;height:45%;top:55%;width:95%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-popupContainer{position:absolute}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-popupContainerInner{border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;overflow:hidden;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-popupContainerInner.micromag-screen-urbania-article-urbania-base-article-card-opened{border-top-left-radius:0;border-top-right-radius:0;width:100%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-pulse{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:micromag-screen-urbania-article-urbania-base-article-card-pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-interactiveZone{position:absolute;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-close{-webkit-animation:micromag-screen-urbania-article-urbania-base-article-card-popIn .2s cubic-bezier(.65,0,.35,1);animation:micromag-screen-urbania-article-urbania-base-article-card-popIn .2s cubic-bezier(.65,0,.35,1);color:#222;-webkit-filter:invert(100%);filter:invert(100%);position:absolute;right:10px;top:10px;z-index:6}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-closeIcon{height:1.5em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1.5em}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframe{left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-empty{border-top-left-radius:2em;border-top-right-radius:2em;height:45%;margin:0;top:55%}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker{bottom:0;display:none;position:absolute;z-index:4}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-iframeBlocker.micromag-screen-urbania-article-urbania-base-article-card-active{display:block}.micromag-screen-urbania-article-urbania-base-article-card-container .micromag-screen-urbania-article-urbania-base-article-card-placeholder{background-color:#6c6c6c;height:50px;width:50px}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-card-popIn{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes micromag-screen-urbania-article-urbania-base-article-card-popIn{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes micromag-screen-urbania-article-urbania-base-article-card-pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}
package/es/index.js CHANGED
@@ -475,12 +475,14 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
475
475
  _useState2 = _slicedToArray(_useState, 2),
476
476
  article = _useState2[0],
477
477
  setArticle = _useState2[1];
478
- var hostname = useMemo(function () {
479
- var _ref2 = url !== null && isValidUrl(url) ? new URL(url) : {},
480
- _ref2$hostname = _ref2.hostname,
481
- urlHostname = _ref2$hostname === void 0 ? null : _ref2$hostname;
482
- return urlHostname;
483
- }, [url]);
478
+ // const { isView } = useScreenRenderContext();
479
+
480
+ // const hostname = useMemo(() => {
481
+ // const { hostname: urlHostname = null } =
482
+ // url !== null && isValidUrl(url) ? new URL(url) : {};
483
+ // return urlHostname;
484
+ // }, [url]);
485
+
484
486
  useEffect(function () {
485
487
  if (url !== null && isValidUrl(url)) {
486
488
  getJSON("".concat(url, ".json"), {
@@ -491,69 +493,69 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
491
493
  }
492
494
  }, [url, setArticle]);
493
495
  var values = useMemo(function () {
494
- var _ref3 = props || {},
495
- _ref3$articleType = _ref3.articleType,
496
- articleType = _ref3$articleType === void 0 ? null : _ref3$articleType,
497
- _ref3$title = _ref3.title,
498
- title = _ref3$title === void 0 ? {} : _ref3$title,
499
- _ref3$overTitle = _ref3.overTitle,
500
- overTitle = _ref3$overTitle === void 0 ? {} : _ref3$overTitle,
501
- _ref3$sponsorLabel = _ref3.sponsorLabel,
502
- sponsorLabel = _ref3$sponsorLabel === void 0 ? {} : _ref3$sponsorLabel,
503
- _ref3$author = _ref3.author,
504
- author = _ref3$author === void 0 ? null : _ref3$author,
505
- _ref3$image = _ref3.image,
506
- image = _ref3$image === void 0 ? {} : _ref3$image,
507
- _ref3$header = _ref3.header,
508
- header = _ref3$header === void 0 ? {} : _ref3$header,
509
- _ref3$footer = _ref3.footer,
510
- footer = _ref3$footer === void 0 ? {} : _ref3$footer;
511
- var _ref4 = image || {},
512
- _ref4$url = _ref4.url,
513
- imageUrl = _ref4$url === void 0 ? null : _ref4$url;
514
- var _ref5 = footer || {},
515
- _ref5$callToAction = _ref5.callToAction,
516
- callToAction = _ref5$callToAction === void 0 ? null : _ref5$callToAction;
517
- var _ref6 = callToAction || {},
518
- _ref6$url = _ref6.url,
519
- ctaUrl = _ref6$url === void 0 ? null : _ref6$url;
496
+ var _ref2 = props || {},
497
+ _ref2$articleType = _ref2.articleType,
498
+ articleType = _ref2$articleType === void 0 ? null : _ref2$articleType,
499
+ _ref2$title = _ref2.title,
500
+ title = _ref2$title === void 0 ? {} : _ref2$title,
501
+ _ref2$overTitle = _ref2.overTitle,
502
+ overTitle = _ref2$overTitle === void 0 ? {} : _ref2$overTitle,
503
+ _ref2$sponsorLabel = _ref2.sponsorLabel,
504
+ sponsorLabel = _ref2$sponsorLabel === void 0 ? {} : _ref2$sponsorLabel,
505
+ _ref2$author = _ref2.author,
506
+ author = _ref2$author === void 0 ? null : _ref2$author,
507
+ _ref2$image = _ref2.image,
508
+ image = _ref2$image === void 0 ? {} : _ref2$image,
509
+ _ref2$header = _ref2.header,
510
+ header = _ref2$header === void 0 ? {} : _ref2$header,
511
+ _ref2$footer = _ref2.footer,
512
+ footer = _ref2$footer === void 0 ? {} : _ref2$footer;
513
+ var _ref3 = image || {},
514
+ _ref3$url = _ref3.url,
515
+ imageUrl = _ref3$url === void 0 ? null : _ref3$url;
516
+ var _ref4 = footer || {},
517
+ _ref4$callToAction = _ref4.callToAction,
518
+ callToAction = _ref4$callToAction === void 0 ? null : _ref4$callToAction;
519
+ var _ref5 = callToAction || {},
520
+ _ref5$url = _ref5.url,
521
+ ctaUrl = _ref5$url === void 0 ? null : _ref5$url;
520
522
 
521
523
  // Straight from article
522
- var _ref7 = article || {},
523
- _ref7$type = _ref7.type,
524
- type = _ref7$type === void 0 ? null : _ref7$type,
525
- _ref7$title = _ref7.title,
526
- articleTitle = _ref7$title === void 0 ? null : _ref7$title,
527
- _ref7$image = _ref7.image,
528
- articleImage = _ref7$image === void 0 ? null : _ref7$image,
529
- _ref7$metadata = _ref7.metadata,
530
- metadata = _ref7$metadata === void 0 ? {} : _ref7$metadata;
524
+ var _ref6 = article || {},
525
+ _ref6$type = _ref6.type,
526
+ type = _ref6$type === void 0 ? null : _ref6$type,
527
+ _ref6$title = _ref6.title,
528
+ articleTitle = _ref6$title === void 0 ? null : _ref6$title,
529
+ _ref6$image = _ref6.image,
530
+ articleImage = _ref6$image === void 0 ? null : _ref6$image,
531
+ _ref6$metadata = _ref6.metadata,
532
+ metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
531
533
  var hasArticle = article !== null;
532
- var _ref8 = metadata || {},
533
- _ref8$authors = _ref8.authors,
534
- authors = _ref8$authors === void 0 ? [] : _ref8$authors,
535
- _ref8$sponsors = _ref8.sponsors,
536
- sponsors = _ref8$sponsors === void 0 ? [] : _ref8$sponsors,
537
- _ref8$site = _ref8.site,
538
- site = _ref8$site === void 0 ? null : _ref8$site,
539
- _ref8$canonical = _ref8.canonical,
540
- canonical = _ref8$canonical === void 0 ? null : _ref8$canonical,
541
- _ref8$readerUrl = _ref8.readerUrl,
542
- readerUrl = _ref8$readerUrl === void 0 ? null : _ref8$readerUrl;
543
- var _ref9 = articleImage || {},
544
- _ref9$sizes = _ref9.sizes,
545
- sizes = _ref9$sizes === void 0 ? {} : _ref9$sizes;
546
- var _ref10 = sizes || {},
547
- _ref10$medium = _ref10.medium,
548
- medium = _ref10$medium === void 0 ? {} : _ref10$medium,
549
- _ref10$large = _ref10.large,
550
- large = _ref10$large === void 0 ? {} : _ref10$large;
534
+ var _ref7 = metadata || {},
535
+ _ref7$authors = _ref7.authors,
536
+ authors = _ref7$authors === void 0 ? [] : _ref7$authors,
537
+ _ref7$sponsors = _ref7.sponsors,
538
+ sponsors = _ref7$sponsors === void 0 ? [] : _ref7$sponsors,
539
+ _ref7$site = _ref7.site,
540
+ site = _ref7$site === void 0 ? null : _ref7$site,
541
+ _ref7$canonical = _ref7.canonical,
542
+ canonical = _ref7$canonical === void 0 ? null : _ref7$canonical,
543
+ _ref7$readerUrl = _ref7.readerUrl,
544
+ readerUrl = _ref7$readerUrl === void 0 ? null : _ref7$readerUrl;
545
+ var _ref8 = articleImage || {},
546
+ _ref8$sizes = _ref8.sizes,
547
+ sizes = _ref8$sizes === void 0 ? {} : _ref8$sizes;
548
+ var _ref9 = sizes || {},
549
+ _ref9$medium = _ref9.medium,
550
+ medium = _ref9$medium === void 0 ? {} : _ref9$medium,
551
+ _ref9$large = _ref9.large,
552
+ large = _ref9$large === void 0 ? {} : _ref9$large;
551
553
  var articleAuthor = (authors || []).length > 0 ? authors[0] : null;
552
- var _ref11 = articleAuthor || {},
553
- _ref11$name = _ref11.name,
554
- authorName = _ref11$name === void 0 ? null : _ref11$name,
555
- _ref11$avatar = _ref11.avatar,
556
- authorImage = _ref11$avatar === void 0 ? null : _ref11$avatar;
554
+ var _ref10 = articleAuthor || {},
555
+ _ref10$name = _ref10.name,
556
+ authorName = _ref10$name === void 0 ? null : _ref10$name,
557
+ _ref10$avatar = _ref10.avatar,
558
+ authorImage = _ref10$avatar === void 0 ? null : _ref10$avatar;
557
559
  var finalArticleAuthor = _objectSpread(_objectSpread({}, authorName !== null ? {
558
560
  name: {
559
561
  body: "<p>".concat(authorName, "</p>")
@@ -569,9 +571,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
569
571
  var finalReaderUrl = readerUrl !== null ? "".concat(readerUrl).concat(theme !== null ? "?theme=".concat(theme) : '') : null;
570
572
 
571
573
  // Sponsors
572
- var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref12) {
573
- var _ref12$name = _ref12.name,
574
- name = _ref12$name === void 0 ? null : _ref12$name;
574
+ var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref11) {
575
+ var _ref11$name = _ref11.name,
576
+ name = _ref11$name === void 0 ? null : _ref11$name;
575
577
  return name;
576
578
  }).filter(function (name) {
577
579
  return name !== null;
@@ -629,7 +631,7 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
629
631
  })
630
632
  })
631
633
  };
632
- }, [article, url, hostname, props]);
634
+ }, [article, url, props]);
633
635
 
634
636
  // console.log('full', { ...props, ...values });
635
637
 
@@ -985,6 +987,9 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
985
987
  setFirstInteraction(false);
986
988
  }
987
989
  }, [current]);
990
+
991
+ // console.log('load 1-2', mediaShouldLoad, finalBackground);
992
+
988
993
  return /*#__PURE__*/React.createElement("div", {
989
994
  className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.isCurrent, current), styles.isPlaceholder, isPlaceholder)]),
990
995
  "data-screen-ready": isStatic || isCapture
package/lib/index.js CHANGED
@@ -479,12 +479,14 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
479
479
  _useState2 = _slicedToArray(_useState, 2),
480
480
  article = _useState2[0],
481
481
  setArticle = _useState2[1];
482
- var hostname = React.useMemo(function () {
483
- var _ref2 = url !== null && utils.isValidUrl(url) ? new URL(url) : {},
484
- _ref2$hostname = _ref2.hostname,
485
- urlHostname = _ref2$hostname === void 0 ? null : _ref2$hostname;
486
- return urlHostname;
487
- }, [url]);
482
+ // const { isView } = useScreenRenderContext();
483
+
484
+ // const hostname = useMemo(() => {
485
+ // const { hostname: urlHostname = null } =
486
+ // url !== null && isValidUrl(url) ? new URL(url) : {};
487
+ // return urlHostname;
488
+ // }, [url]);
489
+
488
490
  React.useEffect(function () {
489
491
  if (url !== null && utils.isValidUrl(url)) {
490
492
  fetch.getJSON("".concat(url, ".json"), {
@@ -495,69 +497,69 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
495
497
  }
496
498
  }, [url, setArticle]);
497
499
  var values = React.useMemo(function () {
498
- var _ref3 = props || {},
499
- _ref3$articleType = _ref3.articleType,
500
- articleType = _ref3$articleType === void 0 ? null : _ref3$articleType,
501
- _ref3$title = _ref3.title,
502
- title = _ref3$title === void 0 ? {} : _ref3$title,
503
- _ref3$overTitle = _ref3.overTitle,
504
- overTitle = _ref3$overTitle === void 0 ? {} : _ref3$overTitle,
505
- _ref3$sponsorLabel = _ref3.sponsorLabel,
506
- sponsorLabel = _ref3$sponsorLabel === void 0 ? {} : _ref3$sponsorLabel,
507
- _ref3$author = _ref3.author,
508
- author = _ref3$author === void 0 ? null : _ref3$author,
509
- _ref3$image = _ref3.image,
510
- image = _ref3$image === void 0 ? {} : _ref3$image,
511
- _ref3$header = _ref3.header,
512
- header = _ref3$header === void 0 ? {} : _ref3$header,
513
- _ref3$footer = _ref3.footer,
514
- footer = _ref3$footer === void 0 ? {} : _ref3$footer;
515
- var _ref4 = image || {},
516
- _ref4$url = _ref4.url,
517
- imageUrl = _ref4$url === void 0 ? null : _ref4$url;
518
- var _ref5 = footer || {},
519
- _ref5$callToAction = _ref5.callToAction,
520
- callToAction = _ref5$callToAction === void 0 ? null : _ref5$callToAction;
521
- var _ref6 = callToAction || {},
522
- _ref6$url = _ref6.url,
523
- ctaUrl = _ref6$url === void 0 ? null : _ref6$url;
500
+ var _ref2 = props || {},
501
+ _ref2$articleType = _ref2.articleType,
502
+ articleType = _ref2$articleType === void 0 ? null : _ref2$articleType,
503
+ _ref2$title = _ref2.title,
504
+ title = _ref2$title === void 0 ? {} : _ref2$title,
505
+ _ref2$overTitle = _ref2.overTitle,
506
+ overTitle = _ref2$overTitle === void 0 ? {} : _ref2$overTitle,
507
+ _ref2$sponsorLabel = _ref2.sponsorLabel,
508
+ sponsorLabel = _ref2$sponsorLabel === void 0 ? {} : _ref2$sponsorLabel,
509
+ _ref2$author = _ref2.author,
510
+ author = _ref2$author === void 0 ? null : _ref2$author,
511
+ _ref2$image = _ref2.image,
512
+ image = _ref2$image === void 0 ? {} : _ref2$image,
513
+ _ref2$header = _ref2.header,
514
+ header = _ref2$header === void 0 ? {} : _ref2$header,
515
+ _ref2$footer = _ref2.footer,
516
+ footer = _ref2$footer === void 0 ? {} : _ref2$footer;
517
+ var _ref3 = image || {},
518
+ _ref3$url = _ref3.url,
519
+ imageUrl = _ref3$url === void 0 ? null : _ref3$url;
520
+ var _ref4 = footer || {},
521
+ _ref4$callToAction = _ref4.callToAction,
522
+ callToAction = _ref4$callToAction === void 0 ? null : _ref4$callToAction;
523
+ var _ref5 = callToAction || {},
524
+ _ref5$url = _ref5.url,
525
+ ctaUrl = _ref5$url === void 0 ? null : _ref5$url;
524
526
 
525
527
  // Straight from article
526
- var _ref7 = article || {},
527
- _ref7$type = _ref7.type,
528
- type = _ref7$type === void 0 ? null : _ref7$type,
529
- _ref7$title = _ref7.title,
530
- articleTitle = _ref7$title === void 0 ? null : _ref7$title,
531
- _ref7$image = _ref7.image,
532
- articleImage = _ref7$image === void 0 ? null : _ref7$image,
533
- _ref7$metadata = _ref7.metadata,
534
- metadata = _ref7$metadata === void 0 ? {} : _ref7$metadata;
528
+ var _ref6 = article || {},
529
+ _ref6$type = _ref6.type,
530
+ type = _ref6$type === void 0 ? null : _ref6$type,
531
+ _ref6$title = _ref6.title,
532
+ articleTitle = _ref6$title === void 0 ? null : _ref6$title,
533
+ _ref6$image = _ref6.image,
534
+ articleImage = _ref6$image === void 0 ? null : _ref6$image,
535
+ _ref6$metadata = _ref6.metadata,
536
+ metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata;
535
537
  var hasArticle = article !== null;
536
- var _ref8 = metadata || {},
537
- _ref8$authors = _ref8.authors,
538
- authors = _ref8$authors === void 0 ? [] : _ref8$authors,
539
- _ref8$sponsors = _ref8.sponsors,
540
- sponsors = _ref8$sponsors === void 0 ? [] : _ref8$sponsors,
541
- _ref8$site = _ref8.site,
542
- site = _ref8$site === void 0 ? null : _ref8$site,
543
- _ref8$canonical = _ref8.canonical,
544
- canonical = _ref8$canonical === void 0 ? null : _ref8$canonical,
545
- _ref8$readerUrl = _ref8.readerUrl,
546
- readerUrl = _ref8$readerUrl === void 0 ? null : _ref8$readerUrl;
547
- var _ref9 = articleImage || {},
548
- _ref9$sizes = _ref9.sizes,
549
- sizes = _ref9$sizes === void 0 ? {} : _ref9$sizes;
550
- var _ref10 = sizes || {},
551
- _ref10$medium = _ref10.medium,
552
- medium = _ref10$medium === void 0 ? {} : _ref10$medium,
553
- _ref10$large = _ref10.large,
554
- large = _ref10$large === void 0 ? {} : _ref10$large;
538
+ var _ref7 = metadata || {},
539
+ _ref7$authors = _ref7.authors,
540
+ authors = _ref7$authors === void 0 ? [] : _ref7$authors,
541
+ _ref7$sponsors = _ref7.sponsors,
542
+ sponsors = _ref7$sponsors === void 0 ? [] : _ref7$sponsors,
543
+ _ref7$site = _ref7.site,
544
+ site = _ref7$site === void 0 ? null : _ref7$site,
545
+ _ref7$canonical = _ref7.canonical,
546
+ canonical = _ref7$canonical === void 0 ? null : _ref7$canonical,
547
+ _ref7$readerUrl = _ref7.readerUrl,
548
+ readerUrl = _ref7$readerUrl === void 0 ? null : _ref7$readerUrl;
549
+ var _ref8 = articleImage || {},
550
+ _ref8$sizes = _ref8.sizes,
551
+ sizes = _ref8$sizes === void 0 ? {} : _ref8$sizes;
552
+ var _ref9 = sizes || {},
553
+ _ref9$medium = _ref9.medium,
554
+ medium = _ref9$medium === void 0 ? {} : _ref9$medium,
555
+ _ref9$large = _ref9.large,
556
+ large = _ref9$large === void 0 ? {} : _ref9$large;
555
557
  var articleAuthor = (authors || []).length > 0 ? authors[0] : null;
556
- var _ref11 = articleAuthor || {},
557
- _ref11$name = _ref11.name,
558
- authorName = _ref11$name === void 0 ? null : _ref11$name,
559
- _ref11$avatar = _ref11.avatar,
560
- authorImage = _ref11$avatar === void 0 ? null : _ref11$avatar;
558
+ var _ref10 = articleAuthor || {},
559
+ _ref10$name = _ref10.name,
560
+ authorName = _ref10$name === void 0 ? null : _ref10$name,
561
+ _ref10$avatar = _ref10.avatar,
562
+ authorImage = _ref10$avatar === void 0 ? null : _ref10$avatar;
561
563
  var finalArticleAuthor = _objectSpread(_objectSpread({}, authorName !== null ? {
562
564
  name: {
563
565
  body: "<p>".concat(authorName, "</p>")
@@ -573,9 +575,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
573
575
  var finalReaderUrl = readerUrl !== null ? "".concat(readerUrl).concat(theme !== null ? "?theme=".concat(theme) : '') : null;
574
576
 
575
577
  // Sponsors
576
- var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref12) {
577
- var _ref12$name = _ref12.name,
578
- name = _ref12$name === void 0 ? null : _ref12$name;
578
+ var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref11) {
579
+ var _ref11$name = _ref11.name,
580
+ name = _ref11$name === void 0 ? null : _ref11$name;
579
581
  return name;
580
582
  }).filter(function (name) {
581
583
  return name !== null;
@@ -633,7 +635,7 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
633
635
  })
634
636
  })
635
637
  };
636
- }, [article, url, hostname, props]);
638
+ }, [article, url, props]);
637
639
 
638
640
  // console.log('full', { ...props, ...values });
639
641
 
@@ -989,6 +991,9 @@ var UrbaniaArticleCard = function UrbaniaArticleCard(_ref) {
989
991
  setFirstInteraction(false);
990
992
  }
991
993
  }, [current]);
994
+
995
+ // console.log('load 1-2', mediaShouldLoad, finalBackground);
996
+
992
997
  return /*#__PURE__*/React.createElement("div", {
993
998
  className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.isCurrent, current), styles.isPlaceholder, isPlaceholder)]),
994
999
  "data-screen-ready": isStatic || isCapture
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-article",
3
- "version": "0.3.438",
3
+ "version": "0.3.442",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -88,5 +88,5 @@
88
88
  "access": "public",
89
89
  "registry": "https://registry.npmjs.org/"
90
90
  },
91
- "gitHead": "be5ba8e5bf41c6e37e3da295ca80312c56696645"
91
+ "gitHead": "57168e18ba8ee4258e91e6854e4966240801b6e0"
92
92
  }