@micromag/screen-urbania-article 0.3.239 → 0.3.243
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.
- package/assets/css/styles.css +1 -1
- package/es/index.js +4 -3
- package/lib/index.js +2 -1
- package/package.json +15 -15
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-article-callToActionContainer,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-content,.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-articleContent{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-articleContent{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-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .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-articleContent .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-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-background{z-index:1}.micromag-screen-urbania-article-content{z-index:2;height:100
|
|
1
|
+
.micromag-screen-urbania-article-callToActionContainer,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-content,.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-articleContent{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-articleContent{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-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .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-articleContent .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-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-background{z-index:1}.micromag-screen-urbania-article-content{z-index:2;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.micromag-screen-urbania-article-articleContent,.micromag-screen-urbania-article-content{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-articleContent{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-articleContent .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{padding:3px 20px}.micromag-screen-urbania-article-articleContent .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-articleContent .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-lede p{margin:0}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors.micromag-screen-urbania-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-articleContent .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-articleContent .micromag-screen-urbania-article-sponsors p,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-articleContent .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-articleContent.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-visual{z-index:2;height:100%}.micromag-screen-urbania-article-callToActionContainer{z-index:3}.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-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-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
|
@@ -4,14 +4,14 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
|
4
4
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
5
|
import { getJSON } from '@folklore/fetch';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
|
-
import React, { useMemo,
|
|
7
|
+
import React, { useMemo, useCallback, useState, useEffect } from 'react';
|
|
8
8
|
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
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
|
-
import { useDimensionObserver } from '@micromag/core/hooks';
|
|
14
|
+
import { useDimensionObserver, useDebounce } from '@micromag/core/hooks';
|
|
15
15
|
import Background from '@micromag/element-background';
|
|
16
16
|
import CallToAction from '@micromag/element-call-to-action';
|
|
17
17
|
import Container from '@micromag/element-container';
|
|
@@ -234,11 +234,12 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
234
234
|
var backgroundPlaying = current && (isView || isEdit);
|
|
235
235
|
var mediaShouldLoad = current || active;
|
|
236
236
|
var hasCallToAction = callToAction !== null && callToAction.active === true;
|
|
237
|
-
|
|
237
|
+
var playIfCurrent = useCallback(function () {
|
|
238
238
|
if (current && !playing) {
|
|
239
239
|
setPlaying(true);
|
|
240
240
|
}
|
|
241
241
|
}, [current, playing, setPlaying]);
|
|
242
|
+
useDebounce(playIfCurrent, current, 500);
|
|
242
243
|
|
|
243
244
|
var _ref6 = background || {},
|
|
244
245
|
_ref6$video = _ref6.video,
|
package/lib/index.js
CHANGED
|
@@ -255,11 +255,12 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
255
255
|
var backgroundPlaying = current && (isView || isEdit);
|
|
256
256
|
var mediaShouldLoad = current || active;
|
|
257
257
|
var hasCallToAction = callToAction !== null && callToAction.active === true;
|
|
258
|
-
React.
|
|
258
|
+
var playIfCurrent = React.useCallback(function () {
|
|
259
259
|
if (current && !playing) {
|
|
260
260
|
setPlaying(true);
|
|
261
261
|
}
|
|
262
262
|
}, [current, playing, setPlaying]);
|
|
263
|
+
hooks.useDebounce(playIfCurrent, current, 500);
|
|
263
264
|
|
|
264
265
|
var _ref6 = background || {},
|
|
265
266
|
_ref6$video = _ref6.video,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-article",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.243",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -51,19 +51,19 @@
|
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
52
|
"@folklore/fetch": "^0.1.15",
|
|
53
53
|
"@folklore/size": "^0.1.20",
|
|
54
|
-
"@micromag/core": "^0.3.
|
|
55
|
-
"@micromag/element-background": "^0.3.
|
|
56
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
57
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
58
|
-
"@micromag/element-container": "^0.3.
|
|
59
|
-
"@micromag/element-heading": "^0.3.
|
|
60
|
-
"@micromag/element-image": "^0.3.
|
|
61
|
-
"@micromag/element-media-controls": "^0.3.
|
|
62
|
-
"@micromag/element-text": "^0.3.
|
|
63
|
-
"@micromag/element-urbania-author": "^0.3.
|
|
64
|
-
"@micromag/element-video": "^0.3.
|
|
65
|
-
"@micromag/element-visual": "^0.3.
|
|
66
|
-
"@micromag/transforms": "^0.3.
|
|
54
|
+
"@micromag/core": "^0.3.243",
|
|
55
|
+
"@micromag/element-background": "^0.3.243",
|
|
56
|
+
"@micromag/element-call-to-action": "^0.3.243",
|
|
57
|
+
"@micromag/element-closed-captions": "^0.3.243",
|
|
58
|
+
"@micromag/element-container": "^0.3.243",
|
|
59
|
+
"@micromag/element-heading": "^0.3.243",
|
|
60
|
+
"@micromag/element-image": "^0.3.243",
|
|
61
|
+
"@micromag/element-media-controls": "^0.3.243",
|
|
62
|
+
"@micromag/element-text": "^0.3.243",
|
|
63
|
+
"@micromag/element-urbania-author": "^0.3.243",
|
|
64
|
+
"@micromag/element-video": "^0.3.243",
|
|
65
|
+
"@micromag/element-visual": "^0.3.243",
|
|
66
|
+
"@micromag/transforms": "^0.3.243",
|
|
67
67
|
"classnames": "^2.2.6",
|
|
68
68
|
"lodash": "^4.17.21",
|
|
69
69
|
"prop-types": "^15.7.2",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "6f84a07ff98e674e635729831f47dbe68bdb33b8"
|
|
77
77
|
}
|