@mjhls/mjh-framework 1.0.322 → 1.0.323

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.322
+# mjh-framework v. 1.0.323
 
 > Foundation Framework
 

package/dist/cjs/{ADInfeed-a7a5e9f3.js → ADInfeed-b042a194.js}

@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var Card = _interopDefault(require('react-bootstrap/Card'));
-var AdSlot = require('./AdSlot-fef815e9.js');
+var AdSlot = require('./AdSlot-c5bff604.js');
 
 var ADInfeed = function ADInfeed(_ref) {
   var index = _ref.index,

package/dist/cjs/{AdSlot-fef815e9.js → AdSlot-c5bff604.js}

@@ -5,12 +5,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var _toObject = require('./_to-object-329a650b.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-753fb093.js');
+var main = require('./main-987c23c6.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
-var slicedToArray = require('./slicedToArray-bed4d943.js');
-var promise = require('./promise-e50b2d19.js');
+var slicedToArray = require('./slicedToArray-879ab2fb.js');
+var promise = require('./promise-3b44b2a3.js');
 
 var $JSON = _toObject._core.JSON || (_toObject._core.JSON = { stringify: JSON.stringify });
 var stringify = function stringify(it) { // eslint-disable-line no-unused-vars

package/dist/cjs/DeckContent.js

@@ -4,13 +4,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
+require('./web.dom.iterable-8b02d65e.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-753fb093.js');
-var toConsumableArray = require('./toConsumableArray-18281c61.js');
-require('./core.get-iterator-method-e049ca4a.js');
+var main = require('./main-987c23c6.js');
+var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-be59e8ae.js');
+var inherits$2 = require('./inherits-37d5840f.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
@@ -26,10 +25,10 @@ require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-require('./slicedToArray-bed4d943.js');
-require('./AdSlot-fef815e9.js');
-require('./promise-e50b2d19.js');
-var ADInfeed = require('./ADInfeed-a7a5e9f3.js');
+require('./slicedToArray-879ab2fb.js');
+require('./AdSlot-c5bff604.js');
+require('./promise-3b44b2a3.js');
+var ADInfeed = require('./ADInfeed-b042a194.js');
 
 var DeckContent = function (_React$Component) {
   inherits$2._inherits(DeckContent, _React$Component);

package/dist/cjs/DeckQueue.js

@@ -4,13 +4,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
+require('./web.dom.iterable-8b02d65e.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-753fb093.js');
-var toConsumableArray = require('./toConsumableArray-18281c61.js');
-require('./core.get-iterator-method-e049ca4a.js');
+var main = require('./main-987c23c6.js');
+var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-be59e8ae.js');
+var inherits$2 = require('./inherits-37d5840f.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');

package/dist/cjs/{Dfp-f5e04360.js → Dfp-9ede68c7.js}

@@ -4,15 +4,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
+require('./web.dom.iterable-8b02d65e.js');
 var debounce = require('./debounce-528ad412.js');
-require('./core.get-iterator-method-e049ca4a.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
 var visibilitySensor = require('./visibility-sensor-c2ccc22d.js');
 require('react-dom');
-var slicedToArray = require('./slicedToArray-bed4d943.js');
+var slicedToArray = require('./slicedToArray-879ab2fb.js');
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,

package/dist/cjs/{Figure-36e6957e.js → Figure-a47ec3a7.js}

@@ -4,12 +4,11 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
-require('./core.get-iterator-method-e049ca4a.js');
+require('./web.dom.iterable-8b02d65e.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var index = require('./index-b5eb3ff8.js');
-var slicedToArray = require('./slicedToArray-bed4d943.js');
+var slicedToArray = require('./slicedToArray-879ab2fb.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, client) {

package/dist/cjs/{GridContent-98e9ab78.js → GridContent-139bbe70.js}

@@ -3,10 +3,10 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-753fb093.js');
-var toConsumableArray = require('./toConsumableArray-18281c61.js');
+var main = require('./main-987c23c6.js');
+var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-be59e8ae.js');
+var inherits$2 = require('./inherits-37d5840f.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var Container = _interopDefault(require('react-bootstrap/Container'));
@@ -20,11 +20,11 @@ var Router__default = _interopDefault(Router);
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var ADInfeed = require('./ADInfeed-a7a5e9f3.js');
+var ADInfeed = require('./ADInfeed-b042a194.js');
 var get$1 = require('./get-3b23d857.js');
 
 var Dfp = React__default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./Dfp-f5e04360.js'); });
+  return Promise.resolve().then(function () { return require('./Dfp-9ede68c7.js'); });
 });
 
 var AD = function AD(props) {

package/dist/cjs/GridContent.js

@@ -2,13 +2,12 @@
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
+require('./web.dom.iterable-8b02d65e.js');
 require('./debounce-528ad412.js');
-require('./main-753fb093.js');
-require('./toConsumableArray-18281c61.js');
-require('./core.get-iterator-method-e049ca4a.js');
+require('./main-987c23c6.js');
+require('./toConsumableArray-34b5e9a7.js');
 require('./extends-e94dbea5.js');
-require('./inherits-be59e8ae.js');
+require('./inherits-37d5840f.js');
 require('react');
 require('prop-types');
 require('react-bootstrap/Container');
@@ -22,12 +21,12 @@ require('react-dom');
 require('./index-b5eb3ff8.js');
 require('./index-fa0fb52c.js');
 require('./entities-310b46ee.js');
-require('./slicedToArray-bed4d943.js');
-require('./AdSlot-fef815e9.js');
-require('./promise-e50b2d19.js');
-require('./ADInfeed-a7a5e9f3.js');
+require('./slicedToArray-879ab2fb.js');
+require('./AdSlot-c5bff604.js');
+require('./promise-3b44b2a3.js');
+require('./ADInfeed-b042a194.js');
 require('./get-3b23d857.js');
-var GridContent = require('./GridContent-98e9ab78.js');
+var GridContent = require('./GridContent-139bbe70.js');
 
 
 

package/dist/cjs/GroupDeck.js

@@ -2,41 +2,124 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./web.dom.iterable-8b02d65e.js');
 var React = require('react');
 var React__default = _interopDefault(React);
+require('prop-types');
 require('next/link');
+require('react-dom');
+var index$1 = require('./index-fa0fb52c.js');
+var slicedToArray = require('./slicedToArray-879ab2fb.js');
+var smoothscroll = require('./smoothscroll-95231a70.js');
+
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+*/
 
 var GroupDeck = function GroupDeck(props) {
   // Props should be an array of objects containing Thumbnail, title, and URL
+  var innerSlider = React.useRef(null);
+  var tile = React.useRef(null);
+  var viewableWindow = React.useRef(null);
+
+  var _useState = React.useState(0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      tileSize = _useState2[0],
+      setTileSize = _useState2[1];
+
+  React.useEffect(function () {
+    //IE11 Polyfill
+    smoothscroll.smoothscroll.polyfill();
+    setThumbSize();
+
+    window.addEventListener('resize', setThumbSize);
+
+    return function () {
+      return window.removeEventListener('resize', setThumbSize);
+    };
+  }, []);
+
+  var setThumbSize = function setThumbSize() {
+
+    var thumbSize = void 0;
+    if (window.innerWidth > 1399) {
+      thumbSize = Math.floor(viewableWindow.current.clientWidth / 2 - 48);
+    }
+    if (window.innerWidth < 1399 && window.innerWidth > 592) {
+      thumbSize = Math.floor(viewableWindow.current.clientWidth / 2 - 48);
+    }
+    if (window.innerWidth < 592) {
+      thumbSize = Math.floor(viewableWindow.current.clientWidth / 1.5 - 24);
+    }
+    if (thumbSize !== tileSize) {
+      setTileSize(thumbSize);
+      var videoRows = document.querySelectorAll('#vid-slider .row');
+      for (var i = 0; i < videoRows.length; i++) {
+        videoRows[i].scrollTo({
+          left: 0,
+          behavior: 'smooth'
+        });
+      }
+    }
+  };
+
   var get2 = props.get2 ? '/' + props.get2 + '/' : '/view/';
 
   var variant = props.dark ? 'white' : '#383838';
+
   function scrollSlider(e, direction) {
     var slide = e.target.parentElement;
     var scrollOffset = slide.scrollLeft;
-    var viewableWidth = slide.clientWidth > 700 ? 3 * (document.querySelector('.tile').scrollWidth + 8) : document.querySelector('.tile').scrollWidth + 8;
+    var viewableWidth = slide.clientWidth;
+
+    //calculate viewable size / slide
+    var numberOfSlidesToScroll = Math.floor(tile.current.clientWidth + 25); //width of the tile plus margin
+
     var scrollDirection = void 0;
+
     if (direction === 'next') {
-      scrollDirection = scrollOffset + viewableWidth;
+      scrollDirection = scrollOffset + numberOfSlidesToScroll;
+
+      if (scrollOffset + viewableWidth + 25 >= innerSlider.current.offsetWidth) {
+        scrollDirection = 0;
+      }
     }
     if (direction === 'prev') {
-      scrollDirection = scrollOffset - viewableWidth;
+      scrollDirection = scrollOffset - numberOfSlidesToScroll;
+
+      if (scrollOffset === 0) {
+        if (window.innerWidth > 1399) {
+          scrollDirection = innerSlider.current.offsetWidth - tileSize * 2 - 40;
+        }
+        if (window.innerWidth < 1399 && window.innerWidth > 592) {
+          scrollDirection = innerSlider.current.offsetWidth - tileSize * 2 - 40;
+        }
+        if (window.innerWidth < 592) {
+          scrollDirection = innerSlider.current.offsetWidth - tileSize * 1.5 - 24;
+        }
+      }
     }
     slide.scrollTo({
       left: scrollDirection,
       behavior: 'smooth'
     });
   }
+
   function handleClick(url, vidIndex) {
     props.setState(url, vidIndex);
   }
+
   var _props$current = props.current,
       current = _props$current === undefined ? '' : _props$current;
 
 
   return React__default.createElement(
     'div',
-    { id: 'vid-slider', className: 'col' },
+    { ref: viewableWindow, id: 'vid-slider', className: 'col' },
     React__default.createElement(
       'div',
       { className: 'row' },
@@ -56,15 +139,16 @@ var GroupDeck = function GroupDeck(props) {
       ),
       React__default.createElement(
         'div',
-        { className: 'row__inner' },
+        { ref: innerSlider, className: 'row__inner' },
         props.dataset && props.dataset.map(function (video, index) {
           // If there is a current prop, means this will overlay a currently playing video
           if (current !== '') {
             var url = video.url;
+            var thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
 
             return React__default.createElement(
               'div',
-              { key: index, className: 'tile' },
+              { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
               current && current === url ? React__default.createElement(
                 'div',
                 { className: 'now-playing' },
@@ -78,7 +162,11 @@ var GroupDeck = function GroupDeck(props) {
                 React__default.createElement(
                   'div',
                   { className: 'tile__media' },
-                  React__default.createElement('img', { className: 'tile__img', src: video.thumbnail, alt: '' })
+                  React__default.createElement(
+                    index$1.LazyLoad,
+                    null,
+                    React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
+                  )
                 ),
                 React__default.createElement(
                   'div',
@@ -95,31 +183,29 @@ var GroupDeck = function GroupDeck(props) {
                 ),
                 React__default.createElement(
                   'div',
-                  { style: { color: variant }, className: 'tile__info' },
-                  React__default.createElement(
-                    'span',
-                    { style: { fontWeight: 'bold' } },
-                    'Ep ',
-                    index + 1,
-                    ': '
-                  ),
+                  { style: { color: '#fff' }, className: 'tile__info' },
                   video.title
                 )
               )
             );
           } else {
             // slider by itself
-            var _url = '' + get2 + video.url;
+            var _url = '' + video.link;
+            var _thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
             return React__default.createElement(
               'div',
-              { key: index, className: 'tile' },
+              { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
               React__default.createElement(
                 'a',
                 { href: _url },
                 React__default.createElement(
                   'div',
                   { className: 'tile__media' },
-                  React__default.createElement('img', { className: 'tile__img', src: video.thumbnail, alt: '' })
+                  React__default.createElement(
+                    index$1.LazyLoad,
+                    null,
+                    React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
+                  )
                 ),
                 React__default.createElement(
                   'div',
@@ -129,7 +215,7 @@ var GroupDeck = function GroupDeck(props) {
                     { className: 'tile__title' },
                     React__default.createElement(
                       'div',
-                      { style: { color: variant }, className: 'tile__title_text' },
+                      { style: { color: '#fff' }, className: 'tile__title_text' },
                       video.title
                     )
                   )
@@ -137,7 +223,19 @@ var GroupDeck = function GroupDeck(props) {
                 React__default.createElement(
                   'div',
                   { style: { color: variant }, className: 'tile__info' },
-                  video.title
+                  props.displayEpisodeNumber ? React__default.createElement(
+                    'span',
+                    null,
+                    React__default.createElement(
+                      'span',
+                      { style: { fontWeight: 'bold' } },
+                      'Ep. ',
+                      index + 1,
+                      ':'
+                    ),
+                    ' ',
+                    video.title
+                  ) : video.title
                 )
               )
             );
@@ -148,7 +246,7 @@ var GroupDeck = function GroupDeck(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        #vid-slider * {\n          box-sizing: border-box;\n        }\n        #vid-slider {\n          position: relative;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 0.5rem;\n          color: white;\n          padding: 0 1rem;\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 a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow: hidden;\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: 0;\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: -22px;\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(62px, 0, 0);\n          transform: translate3d(62px, 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: 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: -3px;\n        }\n        #vid-slider .tile__slider-next {\n          right: 0;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding: 0 1.2rem;\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      '
+      '\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: 135px;\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        }\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       \n\n          #vid-slider .tile__img {\n            height: 85px;\n            object-fit: cover;\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n          #vid-slider .tile {\n            height: 180px;\n          }\n\n          #vid-slider .tile__img {\n            height: 110px;\n            object-fit: cover;\n          }\n          #vid-slider .row__inner{\n            margin: 30px 0 60px;\n          }\n        }\n        @media screen and (max-width: 568px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n          #vid-slider .tile {\n            height: 180px;\n          }\n\n          #vid-slider .tile__img {\n            height: 180px;\n            object-fit: cover;\n          }\n          #vid-slider .row__inner{\n            margin: 30px 0 60px;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/MasterDeck.js

@@ -4,13 +4,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
+require('./web.dom.iterable-8b02d65e.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-753fb093.js');
-var toConsumableArray = require('./toConsumableArray-18281c61.js');
-require('./core.get-iterator-method-e049ca4a.js');
+var main = require('./main-987c23c6.js');
+var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-be59e8ae.js');
+var inherits$2 = require('./inherits-37d5840f.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
@@ -24,7 +23,7 @@ var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
 require('./index-b5eb3ff8.js');
-var promise = require('./promise-e50b2d19.js');
+var promise = require('./promise-3b44b2a3.js');
 
 var MasterDeck = function (_React$Component) {
   inherits$2._inherits(MasterDeck, _React$Component);

package/dist/cjs/{Normal-ead4243d.js → Normal-e7423a52.js}

@@ -2,15 +2,15 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var main = require('./main-753fb093.js');
+var main = require('./main-987c23c6.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 require('next/link');
-var slicedToArray = require('./slicedToArray-bed4d943.js');
-var AdSlot = require('./AdSlot-fef815e9.js');
+var slicedToArray = require('./slicedToArray-879ab2fb.js');
+var AdSlot = require('./AdSlot-c5bff604.js');
 var get$1 = require('./get-3b23d857.js');
 var reactSocialIcons = require('./react-social-icons-cd0d9d3b.js');
 var reactBootstrap = require('react-bootstrap');

package/dist/cjs/QueueDeckExpanded.js

@@ -4,11 +4,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
+require('./web.dom.iterable-8b02d65e.js');
 var debounce = require('./debounce-528ad412.js');
-var main = require('./main-753fb093.js');
-var toConsumableArray = require('./toConsumableArray-18281c61.js');
-require('./core.get-iterator-method-e049ca4a.js');
+var main = require('./main-987c23c6.js');
+var toConsumableArray = require('./toConsumableArray-34b5e9a7.js');
 var _extends$2 = require('./extends-e94dbea5.js');
 var React = require('react');
 var React__default = _interopDefault(React);
@@ -22,10 +21,10 @@ require('react-dom');
 var index = require('./index-b5eb3ff8.js');
 var index$1 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-bed4d943.js');
-require('./AdSlot-fef815e9.js');
-require('./promise-e50b2d19.js');
-var ADInfeed = require('./ADInfeed-a7a5e9f3.js');
+var slicedToArray = require('./slicedToArray-879ab2fb.js');
+require('./AdSlot-c5bff604.js');
+require('./promise-3b44b2a3.js');
+var ADInfeed = require('./ADInfeed-b042a194.js');
 var reactBootstrap = require('react-bootstrap');
 
 var urlFor = function urlFor(source, builder) {

package/dist/cjs/TemplateNormal.js

@@ -2,25 +2,24 @@
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
+require('./web.dom.iterable-8b02d65e.js');
 require('./debounce-528ad412.js');
-require('./main-753fb093.js');
-require('./core.get-iterator-method-e049ca4a.js');
+require('./main-987c23c6.js');
 require('react');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('next/link');
-require('./slicedToArray-bed4d943.js');
-require('./AdSlot-fef815e9.js');
-require('./promise-e50b2d19.js');
+require('./slicedToArray-879ab2fb.js');
+require('./AdSlot-c5bff604.js');
+require('./promise-3b44b2a3.js');
 require('./get-3b23d857.js');
 require('./react-social-icons-cd0d9d3b.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-ead4243d.js');
+var TemplateNormal = require('./Normal-e7423a52.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/{Ustream-3a3c56b8.js → Ustream-f5f53782.js}

@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-var slicedToArray = require('./slicedToArray-bed4d943.js');
+var slicedToArray = require('./slicedToArray-879ab2fb.js');
 var index_esm = require('./index.esm-340d3792.js');
 
 // THIS FILE IS AUTO GENERATED

package/dist/cjs/Ustream.js

@@ -2,12 +2,11 @@
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
-require('./core.get-iterator-method-e049ca4a.js');
+require('./web.dom.iterable-8b02d65e.js');
 require('react');
-require('./slicedToArray-bed4d943.js');
+require('./slicedToArray-879ab2fb.js');
 require('./index.esm-340d3792.js');
-var Ustream = require('./Ustream-3a3c56b8.js');
+var Ustream = require('./Ustream-f5f53782.js');
 
 
 

package/dist/cjs/VideoSeriesListing.js

@@ -4,10 +4,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
-require('./web.dom.iterable-0998bdc3.js');
+require('./web.dom.iterable-8b02d65e.js');
 var debounce = require('./debounce-528ad412.js');
 var _extends$2 = require('./extends-e94dbea5.js');
-var inherits$2 = require('./inherits-be59e8ae.js');
+var inherits$2 = require('./inherits-37d5840f.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
@@ -18,7 +18,9 @@ var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('react-dom');
 require('./index-fa0fb52c.js');
-var YoutubeGroup = require('./YoutubeGroup-24ec8af9.js');
+require('./slicedToArray-879ab2fb.js');
+require('./smoothscroll-95231a70.js');
+var YoutubeGroup = require('./YoutubeGroup.js');
 var index_esm = require('./index.esm-340d3792.js');
 
 var VideoSeriesListing = function (_React$Component) {
@@ -203,7 +205,7 @@ var VideoSeriesListing = function (_React$Component) {
                 )
               )
             ),
-            docSeries.body.length > 0 && docSeries.body[0].videos ? React__default.createElement(YoutubeGroup.YoutubeGroup, _extends$2._extends({ key: index, dataset: docSeries.body[0].videos }, _this.props)) : React__default.createElement(
+            docSeries.body.length > 0 && docSeries.body[0].videos ? React__default.createElement(YoutubeGroup, _extends$2._extends({ key: index, dataset: docSeries.body[0].videos }, _this.props)) : React__default.createElement(
               'p',
               null,
               'No Video Found.'