@micromag/screen-gallery 0.3.250 → 0.3.251
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 +14 -18
- package/lib/index.js +14 -18
- package/package.json +11 -11
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-gallery-container .micromag-screen-gallery-
|
|
1
|
+
.micromag-screen-gallery-container .micromag-screen-gallery-content,.micromag-screen-gallery-container .micromag-screen-gallery-image{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-gallery-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-gallery-disabled.micromag-screen-gallery-container{overflow:hidden;pointer-events:none}.micromag-screen-gallery-hidden.micromag-screen-gallery-container{display:none;visibility:hidden}.micromag-screen-gallery-placeholder.micromag-screen-gallery-container .micromag-screen-gallery-content{position:relative;padding:6px}.micromag-screen-gallery-container .micromag-screen-gallery-emptyCaption,.micromag-screen-gallery-container .micromag-screen-gallery-emptyImage{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-gallery-container .micromag-screen-gallery-grid{position:relative;height:100%}.micromag-screen-gallery-container .micromag-screen-gallery-placeholder{height:100%}.micromag-screen-gallery-container .micromag-screen-gallery-emptyCaption,.micromag-screen-gallery-container .micromag-screen-gallery-emptyImage{width:100%}.micromag-screen-gallery-container .micromag-screen-gallery-emptyImage{height:100%}.micromag-screen-gallery-container .micromag-screen-gallery-emptyCaption{height:50px;margin-top:10px}.micromag-screen-gallery-container .micromag-screen-gallery-gridItem{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}.micromag-screen-gallery-container .micromag-screen-gallery-imageContainer{overflow:hidden;position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-screen-gallery-container .micromag-screen-gallery-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out}.micromag-screen-gallery-container .micromag-screen-gallery-caption{padding:10px 0}.micromag-screen-gallery-container .micromag-screen-gallery-content{-webkit-transition:padding-bottom .2s ease-out;-o-transition:padding-bottom .2s ease-out;transition:padding-bottom .2s ease-out}
|
package/es/index.js
CHANGED
|
@@ -191,7 +191,7 @@ var layoutProps = {
|
|
|
191
191
|
}
|
|
192
192
|
};
|
|
193
193
|
|
|
194
|
-
var styles = {"container":"micromag-screen-gallery-container","
|
|
194
|
+
var styles = {"container":"micromag-screen-gallery-container","content":"micromag-screen-gallery-content","image":"micromag-screen-gallery-image","disabled":"micromag-screen-gallery-disabled","hidden":"micromag-screen-gallery-hidden","placeholder":"micromag-screen-gallery-placeholder","emptyCaption":"micromag-screen-gallery-emptyCaption","emptyImage":"micromag-screen-gallery-emptyImage","grid":"micromag-screen-gallery-grid","gridItem":"micromag-screen-gallery-gridItem","imageContainer":"micromag-screen-gallery-imageContainer","callToAction":"micromag-screen-gallery-callToAction","caption":"micromag-screen-gallery-caption"};
|
|
195
195
|
|
|
196
196
|
var propTypes = {
|
|
197
197
|
layout: PropTypes.oneOf([// 2
|
|
@@ -384,7 +384,6 @@ var GalleryScreen = function GalleryScreen(_ref) {
|
|
|
384
384
|
playing: backgroundPlaying,
|
|
385
385
|
active: active,
|
|
386
386
|
shouldLoad: mediaShouldLoad,
|
|
387
|
-
withoutVideo: isPreview,
|
|
388
387
|
onLoaded: onImageLoaded
|
|
389
388
|
})) : null))), withCaptions ? /*#__PURE__*/React.createElement(Transitions, {
|
|
390
389
|
transitions: transitions,
|
|
@@ -413,14 +412,22 @@ var GalleryScreen = function GalleryScreen(_ref) {
|
|
|
413
412
|
return /*#__PURE__*/React.createElement("div", {
|
|
414
413
|
className: classNames([styles.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
|
|
415
414
|
"data-screen-ready": ready
|
|
416
|
-
}, /*#__PURE__*/React.createElement(
|
|
415
|
+
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
416
|
+
background: background,
|
|
417
417
|
width: width,
|
|
418
418
|
height: height,
|
|
419
|
-
|
|
419
|
+
resolution: resolution,
|
|
420
|
+
playing: backgroundPlaying,
|
|
421
|
+
muted: muted,
|
|
422
|
+
shouldLoad: mediaShouldLoad,
|
|
423
|
+
mediaRef: mediaRef
|
|
424
|
+
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
425
|
+
width: width,
|
|
426
|
+
height: height
|
|
420
427
|
}, /*#__PURE__*/React.createElement("div", {
|
|
421
|
-
className: styles.
|
|
428
|
+
className: styles.content,
|
|
422
429
|
style: {
|
|
423
|
-
paddingTop: !isPreview ? viewerTopHeight : null,
|
|
430
|
+
paddingTop: current && !isPreview ? viewerTopHeight : null,
|
|
424
431
|
paddingBottom: (hasCallToAction ? callToActionHeight : 0) + (current && !isPreview ? viewerBottomHeight : 0)
|
|
425
432
|
},
|
|
426
433
|
ref: contentRef
|
|
@@ -442,18 +449,7 @@ var GalleryScreen = function GalleryScreen(_ref) {
|
|
|
442
449
|
animationDisabled: isPreview,
|
|
443
450
|
focusable: current && isView,
|
|
444
451
|
openWebView: openWebView
|
|
445
|
-
}))) : null))
|
|
446
|
-
background: background,
|
|
447
|
-
width: width,
|
|
448
|
-
height: height,
|
|
449
|
-
resolution: resolution,
|
|
450
|
-
playing: backgroundPlaying,
|
|
451
|
-
muted: muted,
|
|
452
|
-
shouldLoad: mediaShouldLoad,
|
|
453
|
-
mediaRef: mediaRef,
|
|
454
|
-
withoutVideo: isPreview,
|
|
455
|
-
className: styles.background
|
|
456
|
-
}) : null);
|
|
452
|
+
}))) : null)));
|
|
457
453
|
};
|
|
458
454
|
|
|
459
455
|
GalleryScreen.propTypes = propTypes;
|
package/lib/index.js
CHANGED
|
@@ -213,7 +213,7 @@ var layoutProps = {
|
|
|
213
213
|
}
|
|
214
214
|
};
|
|
215
215
|
|
|
216
|
-
var styles = {"container":"micromag-screen-gallery-container","
|
|
216
|
+
var styles = {"container":"micromag-screen-gallery-container","content":"micromag-screen-gallery-content","image":"micromag-screen-gallery-image","disabled":"micromag-screen-gallery-disabled","hidden":"micromag-screen-gallery-hidden","placeholder":"micromag-screen-gallery-placeholder","emptyCaption":"micromag-screen-gallery-emptyCaption","emptyImage":"micromag-screen-gallery-emptyImage","grid":"micromag-screen-gallery-grid","gridItem":"micromag-screen-gallery-gridItem","imageContainer":"micromag-screen-gallery-imageContainer","callToAction":"micromag-screen-gallery-callToAction","caption":"micromag-screen-gallery-caption"};
|
|
217
217
|
|
|
218
218
|
var propTypes = {
|
|
219
219
|
layout: PropTypes__default["default"].oneOf([// 2
|
|
@@ -406,7 +406,6 @@ var GalleryScreen = function GalleryScreen(_ref) {
|
|
|
406
406
|
playing: backgroundPlaying,
|
|
407
407
|
active: active,
|
|
408
408
|
shouldLoad: mediaShouldLoad,
|
|
409
|
-
withoutVideo: isPreview,
|
|
410
409
|
onLoaded: onImageLoaded
|
|
411
410
|
})) : null))), withCaptions ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
|
|
412
411
|
transitions: transitions,
|
|
@@ -435,14 +434,22 @@ var GalleryScreen = function GalleryScreen(_ref) {
|
|
|
435
434
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
436
435
|
className: classNames__default["default"]([styles.container, (_ref5 = {}, _defineProperty__default["default"](_ref5, className, className !== null), _defineProperty__default["default"](_ref5, styles.isPlaceholder, isPlaceholder), _ref5)]),
|
|
437
436
|
"data-screen-ready": ready
|
|
438
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
437
|
+
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
438
|
+
background: background,
|
|
439
439
|
width: width,
|
|
440
440
|
height: height,
|
|
441
|
-
|
|
441
|
+
resolution: resolution,
|
|
442
|
+
playing: backgroundPlaying,
|
|
443
|
+
muted: muted,
|
|
444
|
+
shouldLoad: mediaShouldLoad,
|
|
445
|
+
mediaRef: mediaRef
|
|
446
|
+
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
447
|
+
width: width,
|
|
448
|
+
height: height
|
|
442
449
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
443
|
-
className: styles.
|
|
450
|
+
className: styles.content,
|
|
444
451
|
style: {
|
|
445
|
-
paddingTop: !isPreview ? viewerTopHeight : null,
|
|
452
|
+
paddingTop: current && !isPreview ? viewerTopHeight : null,
|
|
446
453
|
paddingBottom: (hasCallToAction ? callToActionHeight : 0) + (current && !isPreview ? viewerBottomHeight : 0)
|
|
447
454
|
},
|
|
448
455
|
ref: contentRef
|
|
@@ -464,18 +471,7 @@ var GalleryScreen = function GalleryScreen(_ref) {
|
|
|
464
471
|
animationDisabled: isPreview,
|
|
465
472
|
focusable: current && isView,
|
|
466
473
|
openWebView: openWebView
|
|
467
|
-
}))) : null))
|
|
468
|
-
background: background,
|
|
469
|
-
width: width,
|
|
470
|
-
height: height,
|
|
471
|
-
resolution: resolution,
|
|
472
|
-
playing: backgroundPlaying,
|
|
473
|
-
muted: muted,
|
|
474
|
-
shouldLoad: mediaShouldLoad,
|
|
475
|
-
mediaRef: mediaRef,
|
|
476
|
-
withoutVideo: isPreview,
|
|
477
|
-
className: styles.background
|
|
478
|
-
}) : null);
|
|
474
|
+
}))) : null)));
|
|
479
475
|
};
|
|
480
476
|
|
|
481
477
|
GalleryScreen.propTypes = propTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-gallery",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.251",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -49,15 +49,15 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
|
-
"@micromag/core": "^0.3.
|
|
53
|
-
"@micromag/element-background": "^0.3.
|
|
54
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
55
|
-
"@micromag/element-container": "^0.3.
|
|
56
|
-
"@micromag/element-grid": "^0.3.
|
|
57
|
-
"@micromag/element-layout": "^0.3.
|
|
58
|
-
"@micromag/element-text": "^0.3.
|
|
59
|
-
"@micromag/element-visual": "^0.3.
|
|
60
|
-
"@micromag/transforms": "^0.3.
|
|
52
|
+
"@micromag/core": "^0.3.251",
|
|
53
|
+
"@micromag/element-background": "^0.3.251",
|
|
54
|
+
"@micromag/element-call-to-action": "^0.3.251",
|
|
55
|
+
"@micromag/element-container": "^0.3.251",
|
|
56
|
+
"@micromag/element-grid": "^0.3.251",
|
|
57
|
+
"@micromag/element-layout": "^0.3.251",
|
|
58
|
+
"@micromag/element-text": "^0.3.251",
|
|
59
|
+
"@micromag/element-visual": "^0.3.251",
|
|
60
|
+
"@micromag/transforms": "^0.3.251",
|
|
61
61
|
"classnames": "^2.2.6",
|
|
62
62
|
"lodash": "^4.17.21",
|
|
63
63
|
"prop-types": "^15.7.2",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
|
|
71
71
|
}
|