@mjhls/mjh-framework 1.0.952 → 1.0.953
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/cjs/SeriesListingDeck.js +1 -1
- package/dist/cjs/{SeriesSlider-ba0c5d1a.js → SeriesSlider-594b19eb.js} +30 -4
- package/dist/cjs/View.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/esm/SeriesListingDeck.js +1 -1
- package/dist/esm/{SeriesSlider-45adb8dc.js → SeriesSlider-f771e20d.js} +30 -4
- package/dist/esm/View.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# mjh-framework v. 1.0.
|
|
1
|
+
# mjh-framework v. 1.0.953
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/mjh-framework) [](https://standardjs.com)
|
|
4
4
|
|
|
@@ -7,7 +7,7 @@ var React = require('react');
|
|
|
7
7
|
var Router = require('next/router');
|
|
8
8
|
var index = require('./index-fc2f1ca2.js');
|
|
9
9
|
var index_es = require('./index.es-f3e47207.js');
|
|
10
|
-
var SeriesSlider = require('./SeriesSlider-
|
|
10
|
+
var SeriesSlider = require('./SeriesSlider-594b19eb.js');
|
|
11
11
|
var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
|
|
12
12
|
require('./_commonjsHelpers-06173234.js');
|
|
13
13
|
require('./core.get-iterator-method-5643aa10.js');
|
|
@@ -38,7 +38,7 @@ var SeriesSlider = function SeriesSlider(_ref) {
|
|
|
38
38
|
var viewableWindow = React.useRef(null);
|
|
39
39
|
var viewableArea = React.useRef(null);
|
|
40
40
|
|
|
41
|
-
var _useState = React.useState(
|
|
41
|
+
var _useState = React.useState(200),
|
|
42
42
|
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
43
43
|
tileSize = _useState2[0],
|
|
44
44
|
setTileSize = _useState2[1];
|
|
@@ -266,15 +266,32 @@ var SeriesSlider = function SeriesSlider(_ref) {
|
|
|
266
266
|
{ href: url },
|
|
267
267
|
React__default['default'].createElement(
|
|
268
268
|
'div',
|
|
269
|
-
{
|
|
269
|
+
{
|
|
270
|
+
className: nowPlaying == article.title ? 'tile__media active' : 'tile__media',
|
|
271
|
+
style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
|
|
270
272
|
React__default['default'].createElement(
|
|
271
273
|
index$1.LazyLoad,
|
|
272
274
|
null,
|
|
273
275
|
React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
|
|
274
276
|
),
|
|
277
|
+
React__default['default'].createElement(
|
|
278
|
+
'noscript',
|
|
279
|
+
null,
|
|
280
|
+
React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
|
|
281
|
+
),
|
|
275
282
|
nowPlaying == article.title && React__default['default'].createElement(
|
|
276
283
|
'span',
|
|
277
|
-
{
|
|
284
|
+
{
|
|
285
|
+
style: {
|
|
286
|
+
position: 'absolute',
|
|
287
|
+
padding: '0 .25rem',
|
|
288
|
+
top: '0',
|
|
289
|
+
right: '0',
|
|
290
|
+
background: 'rgba(0,0,0,.75)',
|
|
291
|
+
color: '#eee',
|
|
292
|
+
fontWeight: 'normal',
|
|
293
|
+
fontSize: '14px'
|
|
294
|
+
} },
|
|
278
295
|
'Now Viewing'
|
|
279
296
|
)
|
|
280
297
|
),
|
|
@@ -295,10 +312,19 @@ var SeriesSlider = function SeriesSlider(_ref) {
|
|
|
295
312
|
})
|
|
296
313
|
)
|
|
297
314
|
),
|
|
315
|
+
React__default['default'].createElement(
|
|
316
|
+
'noscript',
|
|
317
|
+
null,
|
|
318
|
+
React__default['default'].createElement(
|
|
319
|
+
'style',
|
|
320
|
+
{ jsx: 'true' },
|
|
321
|
+
'\n .vid-slider .row__inner {\n flex-wrap: wrap;\n flex-basis: 100%;\n }\n '
|
|
322
|
+
)
|
|
323
|
+
),
|
|
298
324
|
React__default['default'].createElement(
|
|
299
325
|
'style',
|
|
300
326
|
{ jsx: 'true' },
|
|
301
|
-
'\n .vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n .vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row {\n margin: 0 -14px;\n }\n .vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 2.5rem;\n margin-bottom: 2rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n .vid-slider.col {\n padding: 0 1.15rem 0 2.75rem;\n }\n .vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\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 .contain {\n width: 100%;\n }\n .vid-slider .row {\n overflow-x: hidden;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n .vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n width: 100%;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n .vid-slider .row__inner {\n display: flex;\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-top: 1.5rem !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n .vid-slider .tile {\n position: relative;\n display: inline-block;\n height: 100%;\n margin-right: 0.5rem;\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:first-child {\n margin-left: 0;\n }\n .vid-slider .tile__img {\n height: auto;\n border-radius: 3px;\n -o-object-fit: cover;\n object-fit: cover;\n object-position: center;\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\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: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n\n .tile__media {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n border-radius: 3px;\n }\n\n .vid-slider .tile__title {\n white-space: normal !important;\n max-width: ' + tileSize + 'px;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: ' + (main.main_42 ? '0.75rem' : '0.9rem') + ';\n font-weight: normal;\n transition: opacity 0.25s;\n }\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 transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n margin-left: 10px;\n margin-right: 10px;\n box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n }\n .vid-slider .tile__slider-prev {\n left:
|
|
327
|
+
'\n .vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n .vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row {\n margin: 0 -14px;\n }\n .vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 2.5rem;\n margin-bottom: 2rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n .vid-slider.col {\n padding: 0 1.15rem 0 2.75rem;\n }\n .vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\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 .contain {\n width: 100%;\n }\n .vid-slider .row {\n overflow-x: hidden;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n .vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n width: 100%;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n .vid-slider .row__inner {\n display: flex;\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-top: 1.5rem !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n .vid-slider .tile {\n position: relative;\n display: inline-block;\n height: 100%;\n margin-right: 0.5rem;\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:first-child {\n margin-left: 0;\n }\n .vid-slider .tile__img {\n height: auto;\n border-radius: 3px;\n -o-object-fit: cover;\n object-fit: cover;\n object-position: center;\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\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: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n\n .tile__media {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n border-radius: 3px;\n }\n\n .vid-slider .tile__title {\n white-space: normal !important;\n max-width: ' + tileSize + 'px;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: ' + (main.main_42 ? '0.75rem' : '0.9rem') + ';\n font-weight: normal;\n transition: opacity 0.25s;\n }\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 transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n margin-left: 10px;\n margin-right: 10px;\n box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n }\n .vid-slider .tile__slider-prev {\n left: -0.9rem;\n padding: 1rem;\n }\n .vid-slider .tile__slider-next {\n right: -0.5rem;\n padding: 1rem;\n }\n .vid-slider,\n .vid-slider .row {\n padding-right: 0 1.2rem;\n }\n\n .vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n .vid-slider i {\n border: solid ' + (dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n .vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n .vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n .vidHolder {\n max-width: 805px;\n }\n @media screen and (max-width: 1399px) {\n .vid-slider {\n max-width: 615px;\n margin: 0 auto;\n }\n .vid-slider .tile__img {\n }\n }\n @media screen and (max-width: 1200px) {\n .vid-slider {\n max-width: 580px;\n }\n }\n @media screen and (max-width: 967px) {\n .vid-slider {\n max-width: 100%;\n }\n .vid-slider .tile__img {\n }\n }\n\n @media screen and (max-width: 768px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n\n .vid-slider .tile__img {\n }\n .vid-slider .row__inner {\n margin-top: 1.5rem !important;\n }\n }\n\n @media screen and (max-width: 590px) {\n .vid-slider .tile__img {\n }\n }\n '
|
|
302
328
|
)
|
|
303
329
|
);
|
|
304
330
|
};
|
package/dist/cjs/View.js
CHANGED
|
@@ -19,7 +19,7 @@ var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
|
|
|
19
19
|
var SocialShare = require('./SocialShare.js');
|
|
20
20
|
var getSerializers = require('./index-45a704a9.js');
|
|
21
21
|
var AdSlot = require('./AdSlot.js');
|
|
22
|
-
var SeriesSlider = require('./SeriesSlider-
|
|
22
|
+
var SeriesSlider = require('./SeriesSlider-594b19eb.js');
|
|
23
23
|
var getTargeting = require('./getTargeting-3c5754ac.js');
|
|
24
24
|
var getKeywords = require('./getKeywords.js');
|
|
25
25
|
var urlFor = require('./urlFor.js');
|
package/dist/cjs/index.js
CHANGED
|
@@ -194,7 +194,7 @@ require('swr');
|
|
|
194
194
|
require('passport-local');
|
|
195
195
|
require('mysql');
|
|
196
196
|
require('./md5-e1ca5797.js');
|
|
197
|
-
require('./SeriesSlider-
|
|
197
|
+
require('./SeriesSlider-594b19eb.js');
|
|
198
198
|
require('./style-inject.es-dcee06b6.js');
|
|
199
199
|
require('disqus-react');
|
|
200
200
|
require('file-saver');
|
|
@@ -5,7 +5,7 @@ import React__default, { useState, useEffect, useRef } from 'react';
|
|
|
5
5
|
import { useRouter } from 'next/router';
|
|
6
6
|
import { l as lib_3 } from './index-f0fc23eb.js';
|
|
7
7
|
import { I as InfiniteScroll } from './index.es-a6137319.js';
|
|
8
|
-
import { S as SeriesSlider } from './SeriesSlider-
|
|
8
|
+
import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
|
|
9
9
|
import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
|
|
10
10
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
11
11
|
import './core.get-iterator-method-ea258bb1.js';
|
|
@@ -32,7 +32,7 @@ var SeriesSlider = function SeriesSlider(_ref) {
|
|
|
32
32
|
var viewableWindow = useRef(null);
|
|
33
33
|
var viewableArea = useRef(null);
|
|
34
34
|
|
|
35
|
-
var _useState = useState(
|
|
35
|
+
var _useState = useState(200),
|
|
36
36
|
_useState2 = _slicedToArray(_useState, 2),
|
|
37
37
|
tileSize = _useState2[0],
|
|
38
38
|
setTileSize = _useState2[1];
|
|
@@ -260,15 +260,32 @@ var SeriesSlider = function SeriesSlider(_ref) {
|
|
|
260
260
|
{ href: url },
|
|
261
261
|
React__default.createElement(
|
|
262
262
|
'div',
|
|
263
|
-
{
|
|
263
|
+
{
|
|
264
|
+
className: nowPlaying == article.title ? 'tile__media active' : 'tile__media',
|
|
265
|
+
style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
|
|
264
266
|
React__default.createElement(
|
|
265
267
|
LazyLoad,
|
|
266
268
|
null,
|
|
267
269
|
React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
|
|
268
270
|
),
|
|
271
|
+
React__default.createElement(
|
|
272
|
+
'noscript',
|
|
273
|
+
null,
|
|
274
|
+
React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
|
|
275
|
+
),
|
|
269
276
|
nowPlaying == article.title && React__default.createElement(
|
|
270
277
|
'span',
|
|
271
|
-
{
|
|
278
|
+
{
|
|
279
|
+
style: {
|
|
280
|
+
position: 'absolute',
|
|
281
|
+
padding: '0 .25rem',
|
|
282
|
+
top: '0',
|
|
283
|
+
right: '0',
|
|
284
|
+
background: 'rgba(0,0,0,.75)',
|
|
285
|
+
color: '#eee',
|
|
286
|
+
fontWeight: 'normal',
|
|
287
|
+
fontSize: '14px'
|
|
288
|
+
} },
|
|
272
289
|
'Now Viewing'
|
|
273
290
|
)
|
|
274
291
|
),
|
|
@@ -289,10 +306,19 @@ var SeriesSlider = function SeriesSlider(_ref) {
|
|
|
289
306
|
})
|
|
290
307
|
)
|
|
291
308
|
),
|
|
309
|
+
React__default.createElement(
|
|
310
|
+
'noscript',
|
|
311
|
+
null,
|
|
312
|
+
React__default.createElement(
|
|
313
|
+
'style',
|
|
314
|
+
{ jsx: 'true' },
|
|
315
|
+
'\n .vid-slider .row__inner {\n flex-wrap: wrap;\n flex-basis: 100%;\n }\n '
|
|
316
|
+
)
|
|
317
|
+
),
|
|
292
318
|
React__default.createElement(
|
|
293
319
|
'style',
|
|
294
320
|
{ jsx: 'true' },
|
|
295
|
-
'\n .vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n .vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row {\n margin: 0 -14px;\n }\n .vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 2.5rem;\n margin-bottom: 2rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n .vid-slider.col {\n padding: 0 1.15rem 0 2.75rem;\n }\n .vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\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 .contain {\n width: 100%;\n }\n .vid-slider .row {\n overflow-x: hidden;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n .vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n width: 100%;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n .vid-slider .row__inner {\n display: flex;\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-top: 1.5rem !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n .vid-slider .tile {\n position: relative;\n display: inline-block;\n height: 100%;\n margin-right: 0.5rem;\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:first-child {\n margin-left: 0;\n }\n .vid-slider .tile__img {\n height: auto;\n border-radius: 3px;\n -o-object-fit: cover;\n object-fit: cover;\n object-position: center;\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\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: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n\n .tile__media {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n border-radius: 3px;\n }\n\n .vid-slider .tile__title {\n white-space: normal !important;\n max-width: ' + tileSize + 'px;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: ' + (main_42 ? '0.75rem' : '0.9rem') + ';\n font-weight: normal;\n transition: opacity 0.25s;\n }\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 transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n margin-left: 10px;\n margin-right: 10px;\n box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n }\n .vid-slider .tile__slider-prev {\n left:
|
|
321
|
+
'\n .vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n .vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n .vid-slider .row {\n margin: 0 -14px;\n }\n .vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n .vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 2.5rem;\n margin-bottom: 2rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n .vid-slider.col {\n padding: 0 1.15rem 0 2.75rem;\n }\n .vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\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 .contain {\n width: 100%;\n }\n .vid-slider .row {\n overflow-x: hidden;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n .vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n width: 100%;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n .vid-slider .row__inner {\n display: flex;\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-top: 1.5rem !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n .vid-slider .tile {\n position: relative;\n display: inline-block;\n height: 100%;\n margin-right: 0.5rem;\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:first-child {\n margin-left: 0;\n }\n .vid-slider .tile__img {\n height: auto;\n border-radius: 3px;\n -o-object-fit: cover;\n object-fit: cover;\n object-position: center;\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\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: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n\n .tile__media {\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n border-radius: 3px;\n }\n\n .vid-slider .tile__title {\n white-space: normal !important;\n max-width: ' + tileSize + 'px;\n text-align: center;\n color: ' + (dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: ' + (main_42 ? '0.75rem' : '0.9rem') + ';\n font-weight: normal;\n transition: opacity 0.25s;\n }\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 transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n margin-left: 10px;\n margin-right: 10px;\n box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n }\n .vid-slider .tile__slider-prev {\n left: -0.9rem;\n padding: 1rem;\n }\n .vid-slider .tile__slider-next {\n right: -0.5rem;\n padding: 1rem;\n }\n .vid-slider,\n .vid-slider .row {\n padding-right: 0 1.2rem;\n }\n\n .vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n .vid-slider i {\n border: solid ' + (dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n .vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n .vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n .vidHolder {\n max-width: 805px;\n }\n @media screen and (max-width: 1399px) {\n .vid-slider {\n max-width: 615px;\n margin: 0 auto;\n }\n .vid-slider .tile__img {\n }\n }\n @media screen and (max-width: 1200px) {\n .vid-slider {\n max-width: 580px;\n }\n }\n @media screen and (max-width: 967px) {\n .vid-slider {\n max-width: 100%;\n }\n .vid-slider .tile__img {\n }\n }\n\n @media screen and (max-width: 768px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n\n .vid-slider .tile__img {\n }\n .vid-slider .row__inner {\n margin-top: 1.5rem !important;\n }\n }\n\n @media screen and (max-width: 590px) {\n .vid-slider .tile__img {\n }\n }\n '
|
|
296
322
|
)
|
|
297
323
|
);
|
|
298
324
|
};
|
package/dist/esm/View.js
CHANGED
|
@@ -17,7 +17,7 @@ import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
|
|
|
17
17
|
import SocialShare from './SocialShare.js';
|
|
18
18
|
import { r as renderAuthor, g as getSerializers } from './index-497db308.js';
|
|
19
19
|
import DFPAdSlot from './AdSlot.js';
|
|
20
|
-
import { S as SeriesSlider } from './SeriesSlider-
|
|
20
|
+
import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
|
|
21
21
|
import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-42f9b439.js';
|
|
22
22
|
import getKeywords from './getKeywords.js';
|
|
23
23
|
import urlFor from './urlFor.js';
|
package/dist/esm/index.js
CHANGED
|
@@ -191,7 +191,7 @@ import 'swr';
|
|
|
191
191
|
import 'passport-local';
|
|
192
192
|
import 'mysql';
|
|
193
193
|
import './md5-4e42248e.js';
|
|
194
|
-
import './SeriesSlider-
|
|
194
|
+
import './SeriesSlider-f771e20d.js';
|
|
195
195
|
import './style-inject.es-1f59c1d0.js';
|
|
196
196
|
import 'disqus-react';
|
|
197
197
|
import 'file-saver';
|