@micromag/screen-image 0.3.67 → 0.3.71
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/es/index.js +14 -6
- package/lib/index.js +14 -6
- package/package.json +11 -11
package/es/index.js
CHANGED
|
@@ -91,7 +91,8 @@ var ImageScreen = function ImageScreen(_ref) {
|
|
|
91
91
|
var _useScreenSize = useScreenSize(),
|
|
92
92
|
width = _useScreenSize.width,
|
|
93
93
|
height = _useScreenSize.height,
|
|
94
|
-
menuOverScreen = _useScreenSize.menuOverScreen
|
|
94
|
+
menuOverScreen = _useScreenSize.menuOverScreen,
|
|
95
|
+
resolution = _useScreenSize.resolution;
|
|
95
96
|
|
|
96
97
|
var _useViewer = useViewer(),
|
|
97
98
|
menuSize = _useViewer.menuSize;
|
|
@@ -171,6 +172,7 @@ var ImageScreen = function ImageScreen(_ref) {
|
|
|
171
172
|
objectFit: finalImageFit,
|
|
172
173
|
width: imageWidth,
|
|
173
174
|
height: imageHeight,
|
|
175
|
+
resolution: resolution,
|
|
174
176
|
playing: backgroundPlaying,
|
|
175
177
|
onLoaded: onImageLoaded
|
|
176
178
|
})) : null)), withTitle && /*#__PURE__*/React.createElement(ScreenElement, {
|
|
@@ -283,6 +285,7 @@ var ImageScreen = function ImageScreen(_ref) {
|
|
|
283
285
|
background: background,
|
|
284
286
|
width: width,
|
|
285
287
|
height: height,
|
|
288
|
+
resolution: resolution,
|
|
286
289
|
playing: backgroundPlaying,
|
|
287
290
|
shouldLoad: backgroundShouldLoad
|
|
288
291
|
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
@@ -456,8 +459,9 @@ var definition = [{
|
|
|
456
459
|
name: 'callToAction',
|
|
457
460
|
type: 'call-to-action',
|
|
458
461
|
theme: {
|
|
462
|
+
boxStyle: 'cta',
|
|
459
463
|
label: {
|
|
460
|
-
textStyle: '
|
|
464
|
+
textStyle: 'cta'
|
|
461
465
|
}
|
|
462
466
|
}
|
|
463
467
|
}]
|
|
@@ -545,8 +549,9 @@ var definition = [{
|
|
|
545
549
|
name: 'callToAction',
|
|
546
550
|
type: 'call-to-action',
|
|
547
551
|
theme: {
|
|
552
|
+
boxStyle: 'cta',
|
|
548
553
|
label: {
|
|
549
|
-
textStyle: '
|
|
554
|
+
textStyle: 'cta'
|
|
550
555
|
}
|
|
551
556
|
}
|
|
552
557
|
}]
|
|
@@ -633,8 +638,9 @@ var definition = [{
|
|
|
633
638
|
name: 'callToAction',
|
|
634
639
|
type: 'call-to-action',
|
|
635
640
|
theme: {
|
|
641
|
+
boxStyle: 'cta',
|
|
636
642
|
label: {
|
|
637
|
-
textStyle: '
|
|
643
|
+
textStyle: 'cta'
|
|
638
644
|
}
|
|
639
645
|
}
|
|
640
646
|
}]
|
|
@@ -736,8 +742,9 @@ var definition = [{
|
|
|
736
742
|
name: 'callToAction',
|
|
737
743
|
type: 'call-to-action',
|
|
738
744
|
theme: {
|
|
745
|
+
boxStyle: 'cta',
|
|
739
746
|
label: {
|
|
740
|
-
textStyle: '
|
|
747
|
+
textStyle: 'cta'
|
|
741
748
|
}
|
|
742
749
|
}
|
|
743
750
|
}]
|
|
@@ -824,8 +831,9 @@ var definition = [{
|
|
|
824
831
|
name: 'callToAction',
|
|
825
832
|
type: 'call-to-action',
|
|
826
833
|
theme: {
|
|
834
|
+
boxStyle: 'cta',
|
|
827
835
|
label: {
|
|
828
|
-
textStyle: '
|
|
836
|
+
textStyle: 'cta'
|
|
829
837
|
}
|
|
830
838
|
}
|
|
831
839
|
}]
|
package/lib/index.js
CHANGED
|
@@ -113,7 +113,8 @@ var ImageScreen = function ImageScreen(_ref) {
|
|
|
113
113
|
var _useScreenSize = contexts.useScreenSize(),
|
|
114
114
|
width = _useScreenSize.width,
|
|
115
115
|
height = _useScreenSize.height,
|
|
116
|
-
menuOverScreen = _useScreenSize.menuOverScreen
|
|
116
|
+
menuOverScreen = _useScreenSize.menuOverScreen,
|
|
117
|
+
resolution = _useScreenSize.resolution;
|
|
117
118
|
|
|
118
119
|
var _useViewer = contexts.useViewer(),
|
|
119
120
|
menuSize = _useViewer.menuSize;
|
|
@@ -193,6 +194,7 @@ var ImageScreen = function ImageScreen(_ref) {
|
|
|
193
194
|
objectFit: finalImageFit,
|
|
194
195
|
width: imageWidth,
|
|
195
196
|
height: imageHeight,
|
|
197
|
+
resolution: resolution,
|
|
196
198
|
playing: backgroundPlaying,
|
|
197
199
|
onLoaded: onImageLoaded
|
|
198
200
|
})) : null)), withTitle && /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
|
|
@@ -305,6 +307,7 @@ var ImageScreen = function ImageScreen(_ref) {
|
|
|
305
307
|
background: background,
|
|
306
308
|
width: width,
|
|
307
309
|
height: height,
|
|
310
|
+
resolution: resolution,
|
|
308
311
|
playing: backgroundPlaying,
|
|
309
312
|
shouldLoad: backgroundShouldLoad
|
|
310
313
|
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
@@ -478,8 +481,9 @@ var definition = [{
|
|
|
478
481
|
name: 'callToAction',
|
|
479
482
|
type: 'call-to-action',
|
|
480
483
|
theme: {
|
|
484
|
+
boxStyle: 'cta',
|
|
481
485
|
label: {
|
|
482
|
-
textStyle: '
|
|
486
|
+
textStyle: 'cta'
|
|
483
487
|
}
|
|
484
488
|
}
|
|
485
489
|
}]
|
|
@@ -567,8 +571,9 @@ var definition = [{
|
|
|
567
571
|
name: 'callToAction',
|
|
568
572
|
type: 'call-to-action',
|
|
569
573
|
theme: {
|
|
574
|
+
boxStyle: 'cta',
|
|
570
575
|
label: {
|
|
571
|
-
textStyle: '
|
|
576
|
+
textStyle: 'cta'
|
|
572
577
|
}
|
|
573
578
|
}
|
|
574
579
|
}]
|
|
@@ -655,8 +660,9 @@ var definition = [{
|
|
|
655
660
|
name: 'callToAction',
|
|
656
661
|
type: 'call-to-action',
|
|
657
662
|
theme: {
|
|
663
|
+
boxStyle: 'cta',
|
|
658
664
|
label: {
|
|
659
|
-
textStyle: '
|
|
665
|
+
textStyle: 'cta'
|
|
660
666
|
}
|
|
661
667
|
}
|
|
662
668
|
}]
|
|
@@ -758,8 +764,9 @@ var definition = [{
|
|
|
758
764
|
name: 'callToAction',
|
|
759
765
|
type: 'call-to-action',
|
|
760
766
|
theme: {
|
|
767
|
+
boxStyle: 'cta',
|
|
761
768
|
label: {
|
|
762
|
-
textStyle: '
|
|
769
|
+
textStyle: 'cta'
|
|
763
770
|
}
|
|
764
771
|
}
|
|
765
772
|
}]
|
|
@@ -846,8 +853,9 @@ var definition = [{
|
|
|
846
853
|
name: 'callToAction',
|
|
847
854
|
type: 'call-to-action',
|
|
848
855
|
theme: {
|
|
856
|
+
boxStyle: 'cta',
|
|
849
857
|
label: {
|
|
850
|
-
textStyle: '
|
|
858
|
+
textStyle: 'cta'
|
|
851
859
|
}
|
|
852
860
|
}
|
|
853
861
|
}]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-image",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.71",
|
|
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-heading": "^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.71",
|
|
53
|
+
"@micromag/element-background": "^0.3.71",
|
|
54
|
+
"@micromag/element-call-to-action": "^0.3.71",
|
|
55
|
+
"@micromag/element-container": "^0.3.71",
|
|
56
|
+
"@micromag/element-heading": "^0.3.71",
|
|
57
|
+
"@micromag/element-layout": "^0.3.71",
|
|
58
|
+
"@micromag/element-text": "^0.3.71",
|
|
59
|
+
"@micromag/element-visual": "^0.3.71",
|
|
60
|
+
"@micromag/transforms": "^0.3.71",
|
|
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": "50093d0adc731dfb58656015179c4ac0b1c6765f"
|
|
71
71
|
}
|