@mjhls/mjh-framework 1.0.68 → 1.0.70
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/README.md +1 -1
- package/dist/index.es.js +7 -7
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5526,14 +5526,14 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
5526
5526
|
{ onClick: function onClick(e) {
|
|
5527
5527
|
return scrollSlider(e, 'prev');
|
|
5528
5528
|
}, className: 'tile__slider-prev' },
|
|
5529
|
-
'
|
|
5529
|
+
React__default.createElement('i', { 'class': 'arrow left' })
|
|
5530
5530
|
),
|
|
5531
5531
|
React__default.createElement(
|
|
5532
5532
|
'div',
|
|
5533
5533
|
{ onClick: function onClick(e) {
|
|
5534
5534
|
return scrollSlider(e, 'next');
|
|
5535
5535
|
}, className: 'tile__slider-next' },
|
|
5536
|
-
'
|
|
5536
|
+
React__default.createElement('i', { 'class': 'arrow right' })
|
|
5537
5537
|
),
|
|
5538
5538
|
React__default.createElement(
|
|
5539
5539
|
'div',
|
|
@@ -5581,7 +5581,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
5581
5581
|
React__default.createElement(
|
|
5582
5582
|
'style',
|
|
5583
5583
|
{ jsx: true },
|
|
5584
|
-
'\n #vid-slider * {\n box-sizing: border-box;\n }\n #vid-slider {\n position: relative;\n
|
|
5584
|
+
'\n #vid-slider * {\n box-sizing: border-box;\n }\n #vid-slider {\n position: relative;\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow: scroll;\n width: 100%;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 1rem;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 55px 0;\n padding-bottom: 10px;\n padding-left: 3rem;\n }\n #vid-slider .tile {\n position: relative;\n display: inline-block;\n width: 250px;\n height: 140.625px;\n margin-right: 10px;\n font-size: 20px;\n cursor: pointer;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n #vid-slider .tile__img {\n width: 250px;\n height: 140.625px;\n -o-object-fit: cover;\n object-fit: cover;\n }\n #vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n #vid-slider .tile__details:after,\n #vid-slider .tile__details:before {\n content: \'\';\n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n #vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n #vid-slider .tile__details:before {\n content: \'\u25B6\';\n left: 0;\n width: 100%;\n font-size: 30px;\n margin-left: 3px;\n margin-top: -23px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n #vid-slider .tile:hover .tile__details {\n opacity: 1;\n }\n #vid-slider .tile__title {\n position: absolute;\n bottom: 0;\n padding: 10px;\n max-width: 250px;\n }\n #vid-slider .tile__title_text {\n position: relative;\n left: 0;\n white-space: normal;\n }\n #vid-slider .row__inner:hover {\n -webkit-transform: translate3d(-62.5px, 0, 0);\n transform: translate3d(-62.5px, 0, 0);\n }\n #vid-slider .row__inner:hover .tile {\n opacity: 0.3;\n }\n #vid-slider .row__inner:hover .tile:hover {\n -webkit-transform: scale(1.25);\n transform: scale(1.25);\n opacity: 1;\n }\n #vid-slider .tile:hover ~ .tile {\n -webkit-transform: translate3d(125px, 0, 0);\n transform: translate3d(125px, 0, 0);\n }\n #vid-slider .tile:hover .tile__info {\n opacity: 0;\n }\n #vid-slider .tile__slider-prev,\n #vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 5;\n cursor: pointer;\n color: ' + (props.dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n }\n #vid-slider .tile__slider-next {\n right: 0;\n }\n #vid-slider,\n #vid-slider .row {\n margin: 0;\n padding: 0;\n }\n #vid-slider .tile:last-child {\n margin-right: 2rem;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n #vid-slider i {\n border: solid ' + (props.dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n\n #vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n\n #vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n '
|
|
5585
5585
|
)
|
|
5586
5586
|
);
|
|
5587
5587
|
};
|
|
@@ -7254,7 +7254,7 @@ var AD728x90 = function AD728x90(_ref) {
|
|
|
7254
7254
|
lib_1,
|
|
7255
7255
|
{
|
|
7256
7256
|
dfpNetworkId: networkID,
|
|
7257
|
-
targetingArguments: targeting
|
|
7257
|
+
targetingArguments: targeting,
|
|
7258
7258
|
sizeMapping: [{ viewport: [768, 1], sizes: [[728, 90], [970, 90]] }, { viewport: [1, 1], sizes: [[320, 50], [300, 50]] }],
|
|
7259
7259
|
lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
|
|
7260
7260
|
React__default.createElement(
|
|
@@ -7352,12 +7352,12 @@ var AD = function AD(_ref) {
|
|
|
7352
7352
|
sizes = _ref.sizes,
|
|
7353
7353
|
minInViewPercent = _ref.minInViewPercent,
|
|
7354
7354
|
_ref$targeting = _ref.targeting,
|
|
7355
|
-
targeting = _ref$targeting === undefined ? {
|
|
7355
|
+
targeting = _ref$targeting === undefined ? {} : _ref$targeting;
|
|
7356
7356
|
|
|
7357
7357
|
|
|
7358
7358
|
return React__default.createElement(
|
|
7359
7359
|
lib_1,
|
|
7360
|
-
{ dfpNetworkId: networkID, targetingArguments: targeting
|
|
7360
|
+
{ dfpNetworkId: networkID, targetingArguments: targeting, sizeMapping: sizeMapping, lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
|
|
7361
7361
|
React__default.createElement(
|
|
7362
7362
|
'div',
|
|
7363
7363
|
{ className: className },
|