@mjhls/mjh-framework 1.0.322 → 1.0.323

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.
Files changed (56) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{ADInfeed-a7a5e9f3.js → ADInfeed-b042a194.js} +1 -1
  3. package/dist/cjs/{AdSlot-fef815e9.js → AdSlot-c5bff604.js} +3 -3
  4. package/dist/cjs/DeckContent.js +8 -9
  5. package/dist/cjs/DeckQueue.js +4 -5
  6. package/dist/cjs/{Dfp-f5e04360.js → Dfp-9ede68c7.js} +2 -3
  7. package/dist/cjs/{Figure-36e6957e.js → Figure-a47ec3a7.js} +2 -3
  8. package/dist/cjs/{GridContent-98e9ab78.js → GridContent-139bbe70.js} +5 -5
  9. package/dist/cjs/GridContent.js +9 -10
  10. package/dist/cjs/GroupDeck.js +119 -21
  11. package/dist/cjs/MasterDeck.js +5 -6
  12. package/dist/cjs/{Normal-ead4243d.js → Normal-e7423a52.js} +3 -3
  13. package/dist/cjs/QueueDeckExpanded.js +7 -8
  14. package/dist/cjs/TemplateNormal.js +6 -7
  15. package/dist/cjs/{Ustream-3a3c56b8.js → Ustream-f5f53782.js} +1 -1
  16. package/dist/cjs/Ustream.js +3 -4
  17. package/dist/cjs/VideoSeriesListing.js +6 -4
  18. package/dist/cjs/YoutubeGroup.js +244 -4
  19. package/dist/cjs/index.js +19 -19
  20. package/dist/cjs/{inherits-be59e8ae.js → inherits-37d5840f.js} +1 -1
  21. package/dist/cjs/{main-753fb093.js → main-987c23c6.js} +1 -1
  22. package/dist/cjs/{promise-e50b2d19.js → promise-3b44b2a3.js} +4 -5
  23. package/dist/cjs/{slicedToArray-bed4d943.js → slicedToArray-879ab2fb.js} +3 -4
  24. package/dist/cjs/smoothscroll-95231a70.js +488 -0
  25. package/dist/cjs/{toConsumableArray-18281c61.js → toConsumableArray-34b5e9a7.js} +3 -4
  26. package/dist/cjs/{web.dom.iterable-0998bdc3.js → web.dom.iterable-8b02d65e.js} +34 -0
  27. package/dist/esm/{ADInfeed-2aaf8622.js → ADInfeed-aadcfc25.js} +1 -1
  28. package/dist/esm/{AdSlot-028b040f.js → AdSlot-8946358f.js} +3 -3
  29. package/dist/esm/DeckContent.js +8 -9
  30. package/dist/esm/DeckQueue.js +4 -5
  31. package/dist/esm/{Dfp-f518314c.js → Dfp-9293acfb.js} +2 -3
  32. package/dist/esm/{Figure-af6a1f2d.js → Figure-584ac0c8.js} +2 -3
  33. package/dist/esm/{GridContent-dd8fe8d1.js → GridContent-ceb53300.js} +5 -5
  34. package/dist/esm/GridContent.js +9 -10
  35. package/dist/esm/GroupDeck.js +120 -22
  36. package/dist/esm/MasterDeck.js +5 -6
  37. package/dist/esm/{Normal-252dd706.js → Normal-ff7a10ab.js} +3 -3
  38. package/dist/esm/QueueDeckExpanded.js +7 -8
  39. package/dist/esm/TemplateNormal.js +6 -7
  40. package/dist/esm/{Ustream-c153a835.js → Ustream-d8cc3cbd.js} +1 -1
  41. package/dist/esm/Ustream.js +3 -4
  42. package/dist/esm/VideoSeriesListing.js +5 -3
  43. package/dist/esm/YoutubeGroup.js +244 -3
  44. package/dist/esm/index.js +17 -18
  45. package/dist/esm/{inherits-9d26445c.js → inherits-cb536901.js} +1 -1
  46. package/dist/esm/{main-d550db5e.js → main-cb86f95d.js} +1 -1
  47. package/dist/esm/{promise-8fc46e97.js → promise-86cb8313.js} +2 -3
  48. package/dist/esm/{slicedToArray-d1db3163.js → slicedToArray-a47a84a4.js} +1 -2
  49. package/dist/esm/smoothscroll-4b699764.js +485 -0
  50. package/dist/esm/{toConsumableArray-a096ca06.js → toConsumableArray-2718dc16.js} +2 -3
  51. package/dist/esm/{web.dom.iterable-3be50d6c.js → web.dom.iterable-7e9bebf9.js} +34 -2
  52. package/package.json +1 -1
  53. package/dist/cjs/YoutubeGroup-24ec8af9.js +0 -693
  54. package/dist/cjs/core.get-iterator-method-e049ca4a.js +0 -39
  55. package/dist/esm/YoutubeGroup-13d88f43.js +0 -687
  56. package/dist/esm/core.get-iterator-method-31c1fb1a.js +0 -36
@@ -1,13 +1,253 @@
1
1
  'use strict';
2
2
 
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
3
5
  require('./_commonjsHelpers-06173234.js');
4
- require('react');
6
+ require('./_to-object-329a650b.js');
7
+ require('./web.dom.iterable-8b02d65e.js');
8
+ var React = require('react');
9
+ var React__default = _interopDefault(React);
5
10
  require('prop-types');
6
11
  require('next/link');
7
12
  require('react-dom');
8
- require('./index-fa0fb52c.js');
9
- var YoutubeGroup = require('./YoutubeGroup-24ec8af9.js');
13
+ var index$1 = require('./index-fa0fb52c.js');
14
+ var slicedToArray = require('./slicedToArray-879ab2fb.js');
15
+ var smoothscroll = require('./smoothscroll-95231a70.js');
16
+
17
+ /*
18
+ GROQ query -
19
+ accepts an array of title, URL
20
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
21
+ */
22
+
23
+ var YoutubeGroup = function YoutubeGroup(props) {
24
+ // Props should be an array of objects containing Thumbnail, title, and URL
25
+ var innerSlider = React.useRef(null);
26
+ var tile = React.useRef(null);
27
+ var viewableWindow = React.useRef(null);
28
+
29
+ var _useState = React.useState(0),
30
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
31
+ tileSize = _useState2[0],
32
+ setTileSize = _useState2[1];
33
+
34
+ React.useEffect(function () {
35
+ //IE11 Polyfill
36
+ smoothscroll.smoothscroll.polyfill();
37
+ setThumbSize();
38
+
39
+ window.addEventListener('resize', setThumbSize);
40
+
41
+ return function () {
42
+ return window.removeEventListener('resize', setThumbSize);
43
+ };
44
+ }, []);
45
+
46
+ var setThumbSize = function setThumbSize() {
47
+ var thumbSize = void 0;
48
+ if (window.innerWidth > 1399) {
49
+ thumbSize = Math.floor(viewableWindow.current.clientWidth / 3 - 40);
50
+ }
51
+ if (window.innerWidth < 1399 && window.innerWidth > 592) {
52
+ thumbSize = Math.floor(viewableWindow.current.clientWidth / 2 - 48);
53
+ }
54
+ if (window.innerWidth < 592) {
55
+ thumbSize = Math.floor(viewableWindow.current.clientWidth / 1 - 64);
56
+ }
57
+ if (thumbSize !== tileSize) {
58
+ setTileSize(thumbSize);
59
+ var videoRows = document.querySelectorAll('#vid-slider .row');
60
+ for (var i = 0; i < videoRows.length; i++) {
61
+ videoRows[i].scrollTo({
62
+ left: 0,
63
+ behavior: 'smooth'
64
+ });
65
+ }
66
+ }
67
+ };
68
+
69
+ var get2 = props.get2 ? '/' + props.get2 + '/' : '/view/';
70
+
71
+ var variant = props.dark ? 'white' : '#383838';
72
+
73
+ function scrollSlider(e, direction) {
74
+ var slide = e.target.parentElement;
75
+ var scrollOffset = slide.scrollLeft;
76
+ var viewableWidth = slide.clientWidth;
77
+
78
+ //calculate viewable size / slide
79
+ var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
80
+
81
+ var scrollDirection = void 0;
82
+
83
+ if (direction === 'next') {
84
+ scrollDirection = scrollOffset + numberOfSlidesToScroll;
85
+
86
+ if (scrollOffset + viewableWidth + 25 >= innerSlider.current.offsetWidth) {
87
+ scrollDirection = 0;
88
+ }
89
+ }
90
+ if (direction === 'prev') {
91
+ scrollDirection = scrollOffset - numberOfSlidesToScroll;
92
+
93
+ if (scrollOffset === 0) {
94
+ if (window.innerWidth > 1399) {
95
+ scrollDirection = innerSlider.current.offsetWidth - tileSize * 3 - 70;
96
+ }
97
+ if (window.innerWidth < 1399 && window.innerWidth > 592) {
98
+ scrollDirection = innerSlider.current.offsetWidth - tileSize * 2 - 40;
99
+ }
100
+ if (window.innerWidth < 592) {
101
+ scrollDirection = innerSlider.current.offsetWidth - tileSize * 1 - 24;
102
+ }
103
+ }
104
+ }
105
+ slide.scrollTo({
106
+ left: scrollDirection,
107
+ behavior: 'smooth'
108
+ });
109
+ }
110
+
111
+ function handleClick(url, vidIndex) {
112
+ props.setState(url, vidIndex);
113
+ }
114
+
115
+ var _props$current = props.current,
116
+ current = _props$current === undefined ? '' : _props$current;
117
+
10
118
 
119
+ return React__default.createElement(
120
+ 'div',
121
+ { ref: viewableWindow, id: 'vid-slider', className: 'col' },
122
+ React__default.createElement(
123
+ 'div',
124
+ { className: 'row' },
125
+ React__default.createElement(
126
+ 'div',
127
+ { onClick: function onClick(e) {
128
+ return scrollSlider(e, 'prev');
129
+ }, className: 'tile__slider-prev', style: { color: variant } },
130
+ React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
131
+ ),
132
+ React__default.createElement(
133
+ 'div',
134
+ { onClick: function onClick(e) {
135
+ return scrollSlider(e, 'next');
136
+ }, className: 'tile__slider-next', style: { color: variant } },
137
+ React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
138
+ ),
139
+ React__default.createElement(
140
+ 'div',
141
+ { ref: innerSlider, className: 'row__inner' },
142
+ props.dataset && props.dataset.map(function (video, index) {
143
+ // If there is a current prop, means this will overlay a currently playing video
144
+ if (current !== '') {
145
+ var url = video.url;
146
+ var thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
11
147
 
148
+ return React__default.createElement(
149
+ 'div',
150
+ { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
151
+ current && current === url ? React__default.createElement(
152
+ 'div',
153
+ { className: 'now-playing' },
154
+ 'Now Playing'
155
+ ) : '',
156
+ React__default.createElement(
157
+ 'a',
158
+ { onClick: function onClick() {
159
+ return handleClick(url, index + 1);
160
+ } },
161
+ React__default.createElement(
162
+ 'div',
163
+ { className: 'tile__media' },
164
+ React__default.createElement(
165
+ index$1.LazyLoad,
166
+ null,
167
+ React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
168
+ )
169
+ ),
170
+ React__default.createElement(
171
+ 'div',
172
+ { className: 'tile__details' },
173
+ React__default.createElement(
174
+ 'div',
175
+ { className: 'tile__title' },
176
+ React__default.createElement(
177
+ 'div',
178
+ { style: { color: variant }, className: 'tile__title_text' },
179
+ video.title
180
+ )
181
+ )
182
+ ),
183
+ React__default.createElement(
184
+ 'div',
185
+ { style: { color: '#fff' }, className: 'tile__info' },
186
+ video.title
187
+ )
188
+ )
189
+ );
190
+ } else {
191
+ // slider by itself
192
+ var _url = '' + video.link;
193
+ var _thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
194
+ return React__default.createElement(
195
+ 'div',
196
+ { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
197
+ React__default.createElement(
198
+ 'a',
199
+ { href: _url },
200
+ React__default.createElement(
201
+ 'div',
202
+ { className: 'tile__media' },
203
+ React__default.createElement(
204
+ index$1.LazyLoad,
205
+ null,
206
+ React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
207
+ )
208
+ ),
209
+ React__default.createElement(
210
+ 'div',
211
+ { className: 'tile__details' },
212
+ React__default.createElement(
213
+ 'div',
214
+ { className: 'tile__title' },
215
+ React__default.createElement(
216
+ 'div',
217
+ { style: { color: '#fff' }, className: 'tile__title_text' },
218
+ video.title
219
+ )
220
+ )
221
+ ),
222
+ React__default.createElement(
223
+ 'div',
224
+ { style: { color: variant }, className: 'tile__info' },
225
+ props.displayEpisodeNumber ? React__default.createElement(
226
+ 'span',
227
+ null,
228
+ React__default.createElement(
229
+ 'span',
230
+ { style: { fontWeight: 'bold' } },
231
+ 'Ep. ',
232
+ index + 1,
233
+ ':'
234
+ ),
235
+ ' ',
236
+ video.title
237
+ ) : video.title
238
+ )
239
+ )
240
+ );
241
+ }
242
+ })
243
+ )
244
+ ),
245
+ React__default.createElement(
246
+ 'style',
247
+ { jsx: 'true' },
248
+ '\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 '
249
+ )
250
+ );
251
+ };
12
252
 
13
- module.exports = YoutubeGroup.YoutubeGroup;
253
+ module.exports = YoutubeGroup;
package/dist/cjs/index.js CHANGED
@@ -6,13 +6,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
6
6
 
7
7
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
8
8
  var _toObject = require('./_to-object-329a650b.js');
9
- require('./web.dom.iterable-0998bdc3.js');
9
+ require('./web.dom.iterable-8b02d65e.js');
10
10
  var debounce = require('./debounce-528ad412.js');
11
- var main = require('./main-753fb093.js');
12
- var toConsumableArray = require('./toConsumableArray-18281c61.js');
13
- require('./core.get-iterator-method-e049ca4a.js');
11
+ var main = require('./main-987c23c6.js');
12
+ var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
14
13
  var _extends$2 = require('./extends-e94dbea5.js');
15
- var inherits$2 = require('./inherits-be59e8ae.js');
14
+ var inherits$2 = require('./inherits-37d5840f.js');
16
15
  var React = require('react');
17
16
  var React__default = _interopDefault(React);
18
17
  var PropTypes = _interopDefault(require('prop-types'));
@@ -28,20 +27,21 @@ require('react-dom');
28
27
  var index = require('./index-b5eb3ff8.js');
29
28
  require('./index-fa0fb52c.js');
30
29
  var entities = require('./entities-310b46ee.js');
31
- var slicedToArray = require('./slicedToArray-bed4d943.js');
32
- var AdSlot = require('./AdSlot-fef815e9.js');
33
- require('./promise-e50b2d19.js');
34
- require('./ADInfeed-a7a5e9f3.js');
30
+ var slicedToArray = require('./slicedToArray-879ab2fb.js');
31
+ var AdSlot = require('./AdSlot-c5bff604.js');
32
+ require('./promise-3b44b2a3.js');
33
+ require('./ADInfeed-b042a194.js');
35
34
  var DeckContent = require('./DeckContent.js');
36
35
  var get$1 = require('./get-3b23d857.js');
37
- var GridContent = require('./GridContent-98e9ab78.js');
36
+ var GridContent = require('./GridContent-139bbe70.js');
38
37
  var DeckQueue = require('./DeckQueue.js');
39
38
  require('react-bootstrap/Media');
40
39
  var ThumbnailCard = require('./ThumbnailCard.js');
41
40
  var TaxonomyCard = require('./TaxonomyCard-d8eed035.js');
42
41
  require('./react-social-icons-cd0d9d3b.js');
42
+ var smoothscroll = require('./smoothscroll-95231a70.js');
43
43
  var GroupDeck = require('./GroupDeck.js');
44
- var YoutubeGroup = require('./YoutubeGroup-24ec8af9.js');
44
+ var YoutubeGroup = require('./YoutubeGroup.js');
45
45
  var reactBootstrap = require('react-bootstrap');
46
46
  var QueueDeckExpanded = require('./QueueDeckExpanded.js');
47
47
  var index_esm = require('./index.esm-340d3792.js');
@@ -53,7 +53,7 @@ var IssueDeck = require('./IssueDeck.js');
53
53
  require('react-bootstrap/Badge');
54
54
  var IssueContentDeck = require('./IssueContentDeck.js');
55
55
  var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
56
- var TemplateNormal = require('./Normal-ead4243d.js');
56
+ var TemplateNormal = require('./Normal-e7423a52.js');
57
57
  require('react-bootstrap/ListGroup');
58
58
  var Head = _interopDefault(require('next/head'));
59
59
  var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -70,7 +70,7 @@ var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
70
70
  var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
71
71
  var DropdownButton = _interopDefault(require('react-bootstrap/DropdownButton'));
72
72
  var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
73
- var Ustream = require('./Ustream-3a3c56b8.js');
73
+ var Ustream = require('./Ustream-f5f53782.js');
74
74
  var useSWR = _interopDefault(require('swr'));
75
75
  var Local = _interopDefault(require('passport-local'));
76
76
  var mysql = _interopDefault(require('mysql'));
@@ -5646,7 +5646,7 @@ YouTube.defaultProps = {
5646
5646
  var YouTubePlayer = function YouTubePlayer(_ref) {
5647
5647
  var url = _ref.url;
5648
5648
 
5649
- var id = YoutubeGroup.getYoutubeId(url);
5649
+ var id = smoothscroll.getYoutubeId(url);
5650
5650
 
5651
5651
  var _useState = React.useState(false),
5652
5652
  _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -13027,7 +13027,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
13027
13027
  if (vid.thumbnail && vid.thumbnail.asset) {
13028
13028
  data.push({ title: vid.title, thumbnail: urlFor(vid.thumbnail.asset), url: vid.url });
13029
13029
  } else {
13030
- data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' + YoutubeGroup.getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
13030
+ data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
13031
13031
  }
13032
13032
  }
13033
13033
  });
@@ -13134,7 +13134,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
13134
13134
  //Small pause before starting next video
13135
13135
  setTimeout(function () {
13136
13136
  //Youtube API to start video playing automatically
13137
- var id = YoutubeGroup.getYoutubeId(nodes.videos['' + nextVid].url);
13137
+ var id = smoothscroll.getYoutubeId(nodes.videos['' + nextVid].url);
13138
13138
  e.target.loadVideoById(id);
13139
13139
  toggleSeries();
13140
13140
  }, 1000);
@@ -13194,7 +13194,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
13194
13194
  React__default.createElement(
13195
13195
  'div',
13196
13196
  { className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
13197
- vidUrl && vidType == 'youtube' ? React__default.createElement(YouTube, { videoId: YoutubeGroup.getYoutubeId(vidUrl), opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: function onEnd(e) {
13197
+ vidUrl && vidType == 'youtube' ? React__default.createElement(YouTube, { videoId: smoothscroll.getYoutubeId(vidUrl), opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: function onEnd(e) {
13198
13198
  return handleOnEnd(e);
13199
13199
  } }) : React__default.createElement(VideoMp4, { url: vidUrl, vidLoaded: vidLoaded }),
13200
13200
  React__default.createElement(
@@ -13618,7 +13618,7 @@ var NativeAd = function NativeAd(props) {
13618
13618
  };
13619
13619
 
13620
13620
  var Figure = dynamic(function () {
13621
- return Promise.resolve().then(function () { return require('./Figure-36e6957e.js'); });
13621
+ return Promise.resolve().then(function () { return require('./Figure-a47ec3a7.js'); });
13622
13622
  }, { ssr: false });
13623
13623
 
13624
13624
  var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -20802,7 +20802,7 @@ exports.DeckQueue = DeckQueue;
20802
20802
  exports.ThumbnailCard = ThumbnailCard;
20803
20803
  exports.TaxonomyCard = TaxonomyCard.TaxonomyCard;
20804
20804
  exports.GroupDeck = GroupDeck;
20805
- exports.YoutubeGroup = YoutubeGroup.YoutubeGroup;
20805
+ exports.YoutubeGroup = YoutubeGroup;
20806
20806
  exports.QueueDeckExpanded = QueueDeckExpanded;
20807
20807
  exports.VideoSeriesListing = VideoSeriesListing;
20808
20808
  exports.MasterDeck = MasterDeck;
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
4
4
  var _toObject = require('./_to-object-329a650b.js');
5
- var web_dom_iterable = require('./web.dom.iterable-0998bdc3.js');
5
+ var web_dom_iterable = require('./web.dom.iterable-8b02d65e.js');
6
6
  var debounce = require('./debounce-528ad412.js');
7
7
  var _extends$2 = require('./extends-e94dbea5.js');
8
8
 
@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
6
6
  var _toObject = require('./_to-object-329a650b.js');
7
- var web_dom_iterable = require('./web.dom.iterable-0998bdc3.js');
7
+ var web_dom_iterable = require('./web.dom.iterable-8b02d65e.js');
8
8
  var React = require('react');
9
9
  var React__default = _interopDefault(React);
10
10
 
@@ -2,10 +2,9 @@
2
2
 
3
3
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
4
4
  var _toObject = require('./_to-object-329a650b.js');
5
- var web_dom_iterable = require('./web.dom.iterable-0998bdc3.js');
5
+ var web_dom_iterable = require('./web.dom.iterable-8b02d65e.js');
6
6
  var debounce = require('./debounce-528ad412.js');
7
- var main = require('./main-753fb093.js');
8
- var core_getIteratorMethod = require('./core.get-iterator-method-e049ca4a.js');
7
+ var main = require('./main-987c23c6.js');
9
8
 
10
9
  var _anInstance = function (it, Constructor, name, forbiddenField) {
11
10
  if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {
@@ -17,7 +16,7 @@ var _forOf = _commonjsHelpers.createCommonjsModule(function (module) {
17
16
  var BREAK = {};
18
17
  var RETURN = {};
19
18
  var exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {
20
- var iterFn = ITERATOR ? function () { return iterable; } : core_getIteratorMethod.core_getIteratorMethod(iterable);
19
+ var iterFn = ITERATOR ? function () { return iterable; } : web_dom_iterable.core_getIteratorMethod(iterable);
21
20
  var f = _toObject._ctx(fn, that, entries ? 2 : 1);
22
21
  var index = 0;
23
22
  var length, step, iterator, result;
@@ -283,7 +282,7 @@ var process$2 = _toObject._global.process;
283
282
  var versions = process$2 && process$2.versions;
284
283
  var v8 = versions && versions.v8 || '';
285
284
  var $Promise = _toObject._global[PROMISE];
286
- var isNode$1 = core_getIteratorMethod._classof(process$2) == 'process';
285
+ var isNode$1 = web_dom_iterable._classof(process$2) == 'process';
287
286
  var empty = function () { /* empty */ };
288
287
  var Internal, newGenericPromiseCapability, OwnPromiseCapability, Wrapper;
289
288
  var newPromiseCapability = newGenericPromiseCapability = _newPromiseCapability.f;
@@ -2,8 +2,7 @@
2
2
 
3
3
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
4
4
  var _toObject = require('./_to-object-329a650b.js');
5
- var web_dom_iterable = require('./web.dom.iterable-0998bdc3.js');
6
- var core_getIteratorMethod = require('./core.get-iterator-method-e049ca4a.js');
5
+ var web_dom_iterable = require('./web.dom.iterable-8b02d65e.js');
7
6
 
8
7
  var ITERATOR = web_dom_iterable._wks('iterator');
9
8
 
@@ -12,7 +11,7 @@ var core_isIterable = _toObject._core.isIterable = function (it) {
12
11
  return O[ITERATOR] !== undefined
13
12
  || '@@iterator' in O
14
13
  // eslint-disable-next-line no-prototype-builtins
15
- || web_dom_iterable._iterators.hasOwnProperty(core_getIteratorMethod._classof(O));
14
+ || web_dom_iterable._iterators.hasOwnProperty(web_dom_iterable._classof(O));
16
15
  };
17
16
 
18
17
  var isIterable = core_isIterable;
@@ -24,7 +23,7 @@ module.exports = { "default": isIterable, __esModule: true };
24
23
  _commonjsHelpers.unwrapExports(isIterable$1);
25
24
 
26
25
  var core_getIterator = _toObject._core.getIterator = function (it) {
27
- var iterFn = core_getIteratorMethod.core_getIteratorMethod(it);
26
+ var iterFn = web_dom_iterable.core_getIteratorMethod(it);
28
27
  if (typeof iterFn != 'function') throw TypeError(it + ' is not iterable!');
29
28
  return _toObject._anObject(iterFn.call(it));
30
29
  };