@mjhls/mjh-framework 1.0.322 → 1.0.324
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/{ADInfeed-a7a5e9f3.js → ADInfeed-b042a194.js} +1 -1
- package/dist/cjs/{AdSlot-fef815e9.js → AdSlot-c5bff604.js} +3 -3
- package/dist/cjs/DeckContent.js +8 -9
- package/dist/cjs/DeckQueue.js +4 -5
- package/dist/cjs/{Dfp-f5e04360.js → Dfp-9ede68c7.js} +2 -3
- package/dist/cjs/{Figure-36e6957e.js → Figure-a47ec3a7.js} +2 -3
- package/dist/cjs/{GridContent-98e9ab78.js → GridContent-139bbe70.js} +5 -5
- package/dist/cjs/GridContent.js +9 -10
- package/dist/cjs/GroupDeck.js +119 -21
- package/dist/cjs/MasterDeck.js +5 -6
- package/dist/cjs/{Normal-ead4243d.js → Normal-e7423a52.js} +3 -3
- package/dist/cjs/QueueDeckExpanded.js +7 -8
- package/dist/cjs/TemplateNormal.js +6 -7
- package/dist/cjs/{Ustream-3a3c56b8.js → Ustream-f5f53782.js} +1 -1
- package/dist/cjs/Ustream.js +3 -4
- package/dist/cjs/VideoSeriesListing.js +6 -4
- package/dist/cjs/YoutubeGroup.js +244 -4
- package/dist/cjs/index.js +20 -20
- package/dist/cjs/{inherits-be59e8ae.js → inherits-37d5840f.js} +1 -1
- package/dist/cjs/{main-753fb093.js → main-987c23c6.js} +1 -1
- package/dist/cjs/{promise-e50b2d19.js → promise-3b44b2a3.js} +4 -5
- package/dist/cjs/{slicedToArray-bed4d943.js → slicedToArray-879ab2fb.js} +3 -4
- package/dist/cjs/smoothscroll-95231a70.js +488 -0
- package/dist/cjs/{toConsumableArray-18281c61.js → toConsumableArray-34b5e9a7.js} +3 -4
- package/dist/cjs/{web.dom.iterable-0998bdc3.js → web.dom.iterable-8b02d65e.js} +34 -0
- package/dist/esm/{ADInfeed-2aaf8622.js → ADInfeed-aadcfc25.js} +1 -1
- package/dist/esm/{AdSlot-028b040f.js → AdSlot-8946358f.js} +3 -3
- package/dist/esm/DeckContent.js +8 -9
- package/dist/esm/DeckQueue.js +4 -5
- package/dist/esm/{Dfp-f518314c.js → Dfp-9293acfb.js} +2 -3
- package/dist/esm/{Figure-af6a1f2d.js → Figure-584ac0c8.js} +2 -3
- package/dist/esm/{GridContent-dd8fe8d1.js → GridContent-ceb53300.js} +5 -5
- package/dist/esm/GridContent.js +9 -10
- package/dist/esm/GroupDeck.js +120 -22
- package/dist/esm/MasterDeck.js +5 -6
- package/dist/esm/{Normal-252dd706.js → Normal-ff7a10ab.js} +3 -3
- package/dist/esm/QueueDeckExpanded.js +7 -8
- package/dist/esm/TemplateNormal.js +6 -7
- package/dist/esm/{Ustream-c153a835.js → Ustream-d8cc3cbd.js} +1 -1
- package/dist/esm/Ustream.js +3 -4
- package/dist/esm/VideoSeriesListing.js +5 -3
- package/dist/esm/YoutubeGroup.js +244 -3
- package/dist/esm/index.js +18 -19
- package/dist/esm/{inherits-9d26445c.js → inherits-cb536901.js} +1 -1
- package/dist/esm/{main-d550db5e.js → main-cb86f95d.js} +1 -1
- package/dist/esm/{promise-8fc46e97.js → promise-86cb8313.js} +2 -3
- package/dist/esm/{slicedToArray-d1db3163.js → slicedToArray-a47a84a4.js} +1 -2
- package/dist/esm/smoothscroll-4b699764.js +485 -0
- package/dist/esm/{toConsumableArray-a096ca06.js → toConsumableArray-2718dc16.js} +2 -3
- package/dist/esm/{web.dom.iterable-3be50d6c.js → web.dom.iterable-7e9bebf9.js} +34 -2
- package/package.json +1 -1
- package/dist/cjs/YoutubeGroup-24ec8af9.js +0 -693
- package/dist/cjs/core.get-iterator-method-e049ca4a.js +0 -39
- package/dist/esm/YoutubeGroup-13d88f43.js +0 -687
- package/dist/esm/core.get-iterator-method-31c1fb1a.js +0 -36
package/dist/esm/YoutubeGroup.js
CHANGED
|
@@ -1,7 +1,248 @@
|
|
|
1
1
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import '
|
|
2
|
+
import './_to-object-b9b796ec.js';
|
|
3
|
+
import './web.dom.iterable-7e9bebf9.js';
|
|
4
|
+
import React__default, { useRef, useState, useEffect } from 'react';
|
|
3
5
|
import 'prop-types';
|
|
4
6
|
import 'next/link';
|
|
5
7
|
import 'react-dom';
|
|
6
|
-
import './index-5f9f807a.js';
|
|
7
|
-
|
|
8
|
+
import { L as LazyLoad } from './index-5f9f807a.js';
|
|
9
|
+
import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
|
|
10
|
+
import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.js';
|
|
11
|
+
|
|
12
|
+
/*
|
|
13
|
+
GROQ query -
|
|
14
|
+
accepts an array of title, URL
|
|
15
|
+
`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
var YoutubeGroup = function YoutubeGroup(props) {
|
|
19
|
+
// Props should be an array of objects containing Thumbnail, title, and URL
|
|
20
|
+
var innerSlider = useRef(null);
|
|
21
|
+
var tile = useRef(null);
|
|
22
|
+
var viewableWindow = useRef(null);
|
|
23
|
+
|
|
24
|
+
var _useState = useState(0),
|
|
25
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
26
|
+
tileSize = _useState2[0],
|
|
27
|
+
setTileSize = _useState2[1];
|
|
28
|
+
|
|
29
|
+
useEffect(function () {
|
|
30
|
+
//IE11 Polyfill
|
|
31
|
+
smoothscroll.polyfill();
|
|
32
|
+
setThumbSize();
|
|
33
|
+
|
|
34
|
+
window.addEventListener('resize', setThumbSize);
|
|
35
|
+
|
|
36
|
+
return function () {
|
|
37
|
+
return window.removeEventListener('resize', setThumbSize);
|
|
38
|
+
};
|
|
39
|
+
}, []);
|
|
40
|
+
|
|
41
|
+
var setThumbSize = function setThumbSize() {
|
|
42
|
+
var thumbSize = void 0;
|
|
43
|
+
if (window.innerWidth > 1399) {
|
|
44
|
+
thumbSize = Math.floor(viewableWindow.current.clientWidth / 3 - 40);
|
|
45
|
+
}
|
|
46
|
+
if (window.innerWidth < 1399 && window.innerWidth > 592) {
|
|
47
|
+
thumbSize = Math.floor(viewableWindow.current.clientWidth / 2 - 48);
|
|
48
|
+
}
|
|
49
|
+
if (window.innerWidth < 592) {
|
|
50
|
+
thumbSize = Math.floor(viewableWindow.current.clientWidth / 1 - 64);
|
|
51
|
+
}
|
|
52
|
+
if (thumbSize !== tileSize) {
|
|
53
|
+
setTileSize(thumbSize);
|
|
54
|
+
var videoRows = document.querySelectorAll('#vid-slider .row');
|
|
55
|
+
for (var i = 0; i < videoRows.length; i++) {
|
|
56
|
+
videoRows[i].scrollTo({
|
|
57
|
+
left: 0,
|
|
58
|
+
behavior: 'smooth'
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
var get2 = props.get2 ? '/' + props.get2 + '/' : '/view/';
|
|
65
|
+
|
|
66
|
+
var variant = props.dark ? 'white' : '#383838';
|
|
67
|
+
|
|
68
|
+
function scrollSlider(e, direction) {
|
|
69
|
+
var slide = e.target.parentElement;
|
|
70
|
+
var scrollOffset = slide.scrollLeft;
|
|
71
|
+
var viewableWidth = slide.clientWidth;
|
|
72
|
+
|
|
73
|
+
//calculate viewable size / slide
|
|
74
|
+
var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
|
|
75
|
+
|
|
76
|
+
var scrollDirection = void 0;
|
|
77
|
+
|
|
78
|
+
if (direction === 'next') {
|
|
79
|
+
scrollDirection = scrollOffset + numberOfSlidesToScroll;
|
|
80
|
+
|
|
81
|
+
if (scrollOffset + viewableWidth + 25 >= innerSlider.current.offsetWidth) {
|
|
82
|
+
scrollDirection = 0;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
if (direction === 'prev') {
|
|
86
|
+
scrollDirection = scrollOffset - numberOfSlidesToScroll;
|
|
87
|
+
|
|
88
|
+
if (scrollOffset === 0) {
|
|
89
|
+
if (window.innerWidth > 1399) {
|
|
90
|
+
scrollDirection = innerSlider.current.offsetWidth - tileSize * 3 - 70;
|
|
91
|
+
}
|
|
92
|
+
if (window.innerWidth < 1399 && window.innerWidth > 592) {
|
|
93
|
+
scrollDirection = innerSlider.current.offsetWidth - tileSize * 2 - 40;
|
|
94
|
+
}
|
|
95
|
+
if (window.innerWidth < 592) {
|
|
96
|
+
scrollDirection = innerSlider.current.offsetWidth - tileSize * 1 - 24;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
slide.scrollTo({
|
|
101
|
+
left: scrollDirection,
|
|
102
|
+
behavior: 'smooth'
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
function handleClick(url, vidIndex) {
|
|
107
|
+
props.setState(url, vidIndex);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
var _props$current = props.current,
|
|
111
|
+
current = _props$current === undefined ? '' : _props$current;
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
return React__default.createElement(
|
|
115
|
+
'div',
|
|
116
|
+
{ ref: viewableWindow, id: 'vid-slider', className: 'col' },
|
|
117
|
+
React__default.createElement(
|
|
118
|
+
'div',
|
|
119
|
+
{ className: 'row' },
|
|
120
|
+
React__default.createElement(
|
|
121
|
+
'div',
|
|
122
|
+
{ onClick: function onClick(e) {
|
|
123
|
+
return scrollSlider(e, 'prev');
|
|
124
|
+
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
125
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
126
|
+
),
|
|
127
|
+
React__default.createElement(
|
|
128
|
+
'div',
|
|
129
|
+
{ onClick: function onClick(e) {
|
|
130
|
+
return scrollSlider(e, 'next');
|
|
131
|
+
}, className: 'tile__slider-next', style: { color: variant } },
|
|
132
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
133
|
+
),
|
|
134
|
+
React__default.createElement(
|
|
135
|
+
'div',
|
|
136
|
+
{ ref: innerSlider, className: 'row__inner' },
|
|
137
|
+
props.dataset && props.dataset.map(function (video, index) {
|
|
138
|
+
// If there is a current prop, means this will overlay a currently playing video
|
|
139
|
+
if (current !== '') {
|
|
140
|
+
var url = video.url;
|
|
141
|
+
var thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
142
|
+
|
|
143
|
+
return React__default.createElement(
|
|
144
|
+
'div',
|
|
145
|
+
{ ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
146
|
+
current && current === url ? React__default.createElement(
|
|
147
|
+
'div',
|
|
148
|
+
{ className: 'now-playing' },
|
|
149
|
+
'Now Playing'
|
|
150
|
+
) : '',
|
|
151
|
+
React__default.createElement(
|
|
152
|
+
'a',
|
|
153
|
+
{ onClick: function onClick() {
|
|
154
|
+
return handleClick(url, index + 1);
|
|
155
|
+
} },
|
|
156
|
+
React__default.createElement(
|
|
157
|
+
'div',
|
|
158
|
+
{ className: 'tile__media' },
|
|
159
|
+
React__default.createElement(
|
|
160
|
+
LazyLoad,
|
|
161
|
+
null,
|
|
162
|
+
React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
|
|
163
|
+
)
|
|
164
|
+
),
|
|
165
|
+
React__default.createElement(
|
|
166
|
+
'div',
|
|
167
|
+
{ className: 'tile__details' },
|
|
168
|
+
React__default.createElement(
|
|
169
|
+
'div',
|
|
170
|
+
{ className: 'tile__title' },
|
|
171
|
+
React__default.createElement(
|
|
172
|
+
'div',
|
|
173
|
+
{ style: { color: variant }, className: 'tile__title_text' },
|
|
174
|
+
video.title
|
|
175
|
+
)
|
|
176
|
+
)
|
|
177
|
+
),
|
|
178
|
+
React__default.createElement(
|
|
179
|
+
'div',
|
|
180
|
+
{ style: { color: '#fff' }, className: 'tile__info' },
|
|
181
|
+
video.title
|
|
182
|
+
)
|
|
183
|
+
)
|
|
184
|
+
);
|
|
185
|
+
} else {
|
|
186
|
+
// slider by itself
|
|
187
|
+
var _url = '' + video.link;
|
|
188
|
+
var _thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
189
|
+
return React__default.createElement(
|
|
190
|
+
'div',
|
|
191
|
+
{ ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
192
|
+
React__default.createElement(
|
|
193
|
+
'a',
|
|
194
|
+
{ href: _url },
|
|
195
|
+
React__default.createElement(
|
|
196
|
+
'div',
|
|
197
|
+
{ className: 'tile__media' },
|
|
198
|
+
React__default.createElement(
|
|
199
|
+
LazyLoad,
|
|
200
|
+
null,
|
|
201
|
+
React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
|
|
202
|
+
)
|
|
203
|
+
),
|
|
204
|
+
React__default.createElement(
|
|
205
|
+
'div',
|
|
206
|
+
{ className: 'tile__details' },
|
|
207
|
+
React__default.createElement(
|
|
208
|
+
'div',
|
|
209
|
+
{ className: 'tile__title' },
|
|
210
|
+
React__default.createElement(
|
|
211
|
+
'div',
|
|
212
|
+
{ style: { color: '#fff' }, className: 'tile__title_text' },
|
|
213
|
+
video.title
|
|
214
|
+
)
|
|
215
|
+
)
|
|
216
|
+
),
|
|
217
|
+
React__default.createElement(
|
|
218
|
+
'div',
|
|
219
|
+
{ style: { color: variant }, className: 'tile__info' },
|
|
220
|
+
props.displayEpisodeNumber ? React__default.createElement(
|
|
221
|
+
'span',
|
|
222
|
+
null,
|
|
223
|
+
React__default.createElement(
|
|
224
|
+
'span',
|
|
225
|
+
{ style: { fontWeight: 'bold' } },
|
|
226
|
+
'Ep. ',
|
|
227
|
+
index + 1,
|
|
228
|
+
':'
|
|
229
|
+
),
|
|
230
|
+
' ',
|
|
231
|
+
video.title
|
|
232
|
+
) : video.title
|
|
233
|
+
)
|
|
234
|
+
)
|
|
235
|
+
);
|
|
236
|
+
}
|
|
237
|
+
})
|
|
238
|
+
)
|
|
239
|
+
),
|
|
240
|
+
React__default.createElement(
|
|
241
|
+
'style',
|
|
242
|
+
{ jsx: 'true' },
|
|
243
|
+
'\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::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 1.5rem;\n margin-bottom: 2rem;\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,\n #vidHolder {\n max-width: 805px;\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-x: scroll;\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 text-align: center;\n color: ' + (props.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 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: 25px 0 55px !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\n margin: 0 12px;\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: 15px;\n }\n #vid-slider .tile__img {\n height: 135px;\n\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 #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\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: 99;\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-prev {\n left: -0.5rem;\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 margin: 0;\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 ' + (props.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 @media screen and (max-width: 1399px) {\n #vid-slider,\n #vidHolder {\n max-width: 620px;\n }\n #vid-slider .tile__img {\n height: 155px;\n }\n }\n @media screen and (max-width: 1200px) {\n #vid-slider,\n #vidHolder {\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 height: 175px;\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 height: 118px;\n }\n #vid-slider .row__inner {\n margin: 30px 0 60px;\n }\n }\n\n @media screen and (max-width: 568px) {\n #vid-slider .tile__img {\n height: 180px;\n }\n }\n '
|
|
244
|
+
)
|
|
245
|
+
);
|
|
246
|
+
};
|
|
247
|
+
|
|
248
|
+
export default YoutubeGroup;
|
package/dist/esm/index.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { c as createCommonjsModule, a as commonjsGlobal, g as getCjsExportFromNamespace, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
2
|
import { _ as _objectKeys, a as _toObject, b as _core } from './_to-object-b9b796ec.js';
|
|
3
|
-
import './web.dom.iterable-
|
|
3
|
+
import './web.dom.iterable-7e9bebf9.js';
|
|
4
4
|
import { d as debounce_1, l as lib_3, a as lib_1, i as isObjectLike_1, _ as _baseGetTag, t as toNumber_1, b as _root, c as _freeGlobal } from './debounce-702eb224.js';
|
|
5
|
-
import { m as main_39, a as main_16, b as main_38 } from './main-
|
|
6
|
-
import { _ as _toConsumableArray, a as _Array$from } from './toConsumableArray-
|
|
7
|
-
import './core.get-iterator-method-31c1fb1a.js';
|
|
5
|
+
import { m as main_39, a as main_16, b as main_38 } from './main-cb86f95d.js';
|
|
6
|
+
import { _ as _toConsumableArray, a as _Array$from } from './toConsumableArray-2718dc16.js';
|
|
8
7
|
import { _ as _extends$2 } from './extends-dbbe308d.js';
|
|
9
|
-
import { _ as _objectSap, a as _inherits$1, b as _classCallCheck$1, c as _possibleConstructorReturn$1, d as _Object$getPrototypeOf, e as _createClass$1 } from './inherits-
|
|
8
|
+
import { _ as _objectSap, a as _inherits$1, b as _classCallCheck$1, c as _possibleConstructorReturn$1, d as _Object$getPrototypeOf, e as _createClass$1 } from './inherits-cb536901.js';
|
|
10
9
|
import React__default, { useState, useRef, useEffect } from 'react';
|
|
11
10
|
import PropTypes from 'prop-types';
|
|
12
11
|
import Container from 'react-bootstrap/Container';
|
|
@@ -20,24 +19,24 @@ import 'react-dom';
|
|
|
20
19
|
import { i as imageUrlBuilder } from './index-51a80699.js';
|
|
21
20
|
import './index-5f9f807a.js';
|
|
22
21
|
import { h as html_decode_1, c as clean_html_1 } from './entities-7cc3bf45.js';
|
|
23
|
-
import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-
|
|
24
|
-
import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-
|
|
25
|
-
export { D as AdSlot, B as Beam } from './AdSlot-
|
|
26
|
-
import './promise-
|
|
27
|
-
import './ADInfeed-
|
|
22
|
+
import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-a47a84a4.js';
|
|
23
|
+
import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-8946358f.js';
|
|
24
|
+
export { D as AdSlot, B as Beam } from './AdSlot-8946358f.js';
|
|
25
|
+
import './promise-86cb8313.js';
|
|
26
|
+
import './ADInfeed-aadcfc25.js';
|
|
28
27
|
export { default as DeckContent } from './DeckContent.js';
|
|
29
28
|
import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-36d03764.js';
|
|
30
|
-
export { A as AD, G as GridContent } from './GridContent-
|
|
29
|
+
export { A as AD, G as GridContent } from './GridContent-ceb53300.js';
|
|
31
30
|
export { default as DeckQueue } from './DeckQueue.js';
|
|
32
31
|
import 'react-bootstrap/Media';
|
|
33
32
|
export { default as ThumbnailCard } from './ThumbnailCard.js';
|
|
34
33
|
import { B as BlockContent } from './TaxonomyCard-35127639.js';
|
|
35
34
|
export { T as TaxonomyCard } from './TaxonomyCard-35127639.js';
|
|
36
35
|
import './react-social-icons-a7d5c5c7.js';
|
|
36
|
+
import { g as getYoutubeId } from './smoothscroll-4b699764.js';
|
|
37
37
|
import GroupDeck from './GroupDeck.js';
|
|
38
38
|
export { default as GroupDeck } from './GroupDeck.js';
|
|
39
|
-
|
|
40
|
-
export { Y as YoutubeGroup } from './YoutubeGroup-13d88f43.js';
|
|
39
|
+
export { default as YoutubeGroup } from './YoutubeGroup.js';
|
|
41
40
|
import { Spinner as Spinner$1, Container as Container$1, Row as Row$1, Col as Col$1, Carousel, Table, Figure as Figure$1, Button as Button$1, ProgressBar, Card, Form } from 'react-bootstrap';
|
|
42
41
|
export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
|
|
43
42
|
import { I as IoMdArrowDropdown } from './index.esm-536609db.js';
|
|
@@ -49,8 +48,8 @@ export { default as IssueDeck } from './IssueDeck.js';
|
|
|
49
48
|
import 'react-bootstrap/Badge';
|
|
50
49
|
export { default as IssueContentDeck } from './IssueContentDeck.js';
|
|
51
50
|
import Spinner from 'react-bootstrap/Spinner';
|
|
52
|
-
import { M as MdPictureAsPdf } from './Normal-
|
|
53
|
-
export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-
|
|
51
|
+
import { M as MdPictureAsPdf } from './Normal-ff7a10ab.js';
|
|
52
|
+
export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-ff7a10ab.js';
|
|
54
53
|
import 'react-bootstrap/ListGroup';
|
|
55
54
|
import Head from 'next/head';
|
|
56
55
|
import Accordion from 'react-bootstrap/Accordion';
|
|
@@ -67,8 +66,8 @@ import Carousel$1 from 'react-bootstrap/Carousel';
|
|
|
67
66
|
import Breadcrumb from 'react-bootstrap/Breadcrumb';
|
|
68
67
|
import DropdownButton from 'react-bootstrap/DropdownButton';
|
|
69
68
|
import Dropdown from 'react-bootstrap/Dropdown';
|
|
70
|
-
import { F as FaLongArrowAltRight } from './Ustream-
|
|
71
|
-
export { U as Ustream } from './Ustream-
|
|
69
|
+
import { F as FaLongArrowAltRight } from './Ustream-d8cc3cbd.js';
|
|
70
|
+
export { U as Ustream } from './Ustream-d8cc3cbd.js';
|
|
72
71
|
import useSWR from 'swr';
|
|
73
72
|
import Local from 'passport-local';
|
|
74
73
|
import mysql from 'mysql';
|
|
@@ -2985,7 +2984,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
|
|
|
2985
2984
|
return React__default.createElement(
|
|
2986
2985
|
React__default.Fragment,
|
|
2987
2986
|
null,
|
|
2988
|
-
widthFlag && React__default.createElement(
|
|
2987
|
+
widthFlag && adTargeting.document_url && React__default.createElement(
|
|
2989
2988
|
'div',
|
|
2990
2989
|
{ id: 'floating-ad-wrapper', className: 'floating-ad-wrapper ' + title },
|
|
2991
2990
|
React__default.createElement(DFPAdSlot, {
|
|
@@ -13616,7 +13615,7 @@ var NativeAd = function NativeAd(props) {
|
|
|
13616
13615
|
};
|
|
13617
13616
|
|
|
13618
13617
|
var Figure = dynamic(function () {
|
|
13619
|
-
return import('./Figure-
|
|
13618
|
+
return import('./Figure-584ac0c8.js');
|
|
13620
13619
|
}, { ssr: false });
|
|
13621
13620
|
|
|
13622
13621
|
var checkUrlIsExternal = function checkUrlIsExternal(url) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
2
|
import { b as _core, c as _export, d as _fails, a as _toObject, e as _objectDp, f as _descriptors, g as _uid, h as _isObject, i as _has, _ as _objectKeys, j as _cof, k as _objectKeysInternal, l as _enumBugKeys, m as _toIobject, n as _toPrimitive, o as _ie8DomDefine, p as _propertyDesc, q as _global, r as _shared, s as _hide, t as _anObject, u as _ctx } from './_to-object-b9b796ec.js';
|
|
3
|
-
import { _ as _objectGpo, a as _wks, b as _redefine, c as _setToStringTag, d as _objectCreate } from './web.dom.iterable-
|
|
3
|
+
import { _ as _objectGpo, a as _wks, b as _redefine, c as _setToStringTag, d as _objectCreate } from './web.dom.iterable-7e9bebf9.js';
|
|
4
4
|
import { f as _library } from './debounce-702eb224.js';
|
|
5
5
|
import { a as _objectGops, b as _objectPie } from './extends-dbbe308d.js';
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { c as createCommonjsModule, a as commonjsGlobal, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
2
|
import { t as _anObject } from './_to-object-b9b796ec.js';
|
|
3
|
-
import { a as _wks,
|
|
3
|
+
import { a as _wks, f as _iterators } from './web.dom.iterable-7e9bebf9.js';
|
|
4
4
|
import React__default from 'react';
|
|
5
5
|
|
|
6
6
|
// call something on iterator step with safe closing on error
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
2
|
import { u as _ctx, w as _toLength, t as _anObject, x as _aFunction, q as _global, j as _cof, y as _domCreate, h as _isObject, s as _hide, b as _core, f as _descriptors, e as _objectDp, c as _export } from './_to-object-b9b796ec.js';
|
|
3
|
-
import { a as _wks,
|
|
3
|
+
import { e as core_getIteratorMethod, a as _wks, h as _html, g as _classof, c as _setToStringTag } from './web.dom.iterable-7e9bebf9.js';
|
|
4
4
|
import { f as _library } from './debounce-702eb224.js';
|
|
5
|
-
import { d as _isArrayIter, e as _iterCall, _ as _iterDetect } from './main-
|
|
6
|
-
import { c as core_getIteratorMethod, _ as _classof } from './core.get-iterator-method-31c1fb1a.js';
|
|
5
|
+
import { d as _isArrayIter, e as _iterCall, _ as _iterDetect } from './main-cb86f95d.js';
|
|
7
6
|
|
|
8
7
|
var _anInstance = function (it, Constructor, name, forbiddenField) {
|
|
9
8
|
if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
2
|
import { b as _core, t as _anObject } from './_to-object-b9b796ec.js';
|
|
3
|
-
import { a as _wks,
|
|
4
|
-
import { _ as _classof, c as core_getIteratorMethod } from './core.get-iterator-method-31c1fb1a.js';
|
|
3
|
+
import { a as _wks, f as _iterators, g as _classof, e as core_getIteratorMethod } from './web.dom.iterable-7e9bebf9.js';
|
|
5
4
|
|
|
6
5
|
var ITERATOR = _wks('iterator');
|
|
7
6
|
|