@mjhls/mjh-framework 1.0.645 → 1.0.647

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.645
+# mjh-framework v. 1.0.647
 
 > Foundation Framework 
 

package/dist/cjs/AD.js

@@ -6,7 +6,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 
 var Dfp = React__default.lazy(function () {
-  return Promise.resolve().then(function () { return require('./Dfp-ffaf5981.js'); });
+  return Promise.resolve().then(function () { return require('./Dfp-b2bc3b97.js'); });
 });
 
 var AD = function AD(props) {

package/dist/cjs/AD300x250.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 var main = require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');

package/dist/cjs/AD300x250x600.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 var main = require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');

package/dist/cjs/AD728x90.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 var main = require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');

package/dist/cjs/ADFloatingFooter.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');

package/dist/cjs/ADGutter.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');

package/dist/cjs/ADSkyscraper.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');

package/dist/cjs/ADSponsoredResources.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');

package/dist/cjs/ADWebcast.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');

package/dist/cjs/ADWelcome.js

@@ -13,8 +13,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');

package/dist/cjs/AdSlot.js

@@ -14,8 +14,8 @@ var React__default = _interopDefault(React);
 var index = require('./index-2d0a4911.js');
 var PropTypes = require('prop-types');
 var PropTypes__default = _interopDefault(PropTypes);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 var main = require('./main-b6c96c8d.js');
 require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');

package/dist/cjs/ArticleSeriesListing.js

@@ -23,8 +23,8 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');

package/dist/cjs/CMEDeck.js

@@ -19,8 +19,8 @@ require('prop-types');
 require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');

package/dist/cjs/Column2.js

@@ -17,13 +17,12 @@ var React__default = _interopDefault(React);
 require('prop-types');
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
-require('./isSymbol-488934a7.js');
+require('./isSymbol-04666465.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
-require('./_arrayMap-3b4a0f75.js');
-require('./get-5dfcdc33.js');
+require('./get-68c52cb1.js');
 require('./react-social-icons-f7f48f71.js');
 require('./defineProperty-55548b25.js');
 var SideFooter = require('./SideFooter.js');

package/dist/cjs/Column3.js

@@ -18,8 +18,8 @@ require('./index-2d0a4911.js');
 require('prop-types');
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 var main = require('./main-b6c96c8d.js');
 require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');
@@ -27,8 +27,7 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-require('./_arrayMap-3b4a0f75.js');
-require('./get-5dfcdc33.js');
+require('./get-68c52cb1.js');
 require('./react-social-icons-f7f48f71.js');
 require('react-bootstrap');
 require('./defineProperty-55548b25.js');

package/dist/cjs/DeckContent.js

@@ -28,8 +28,8 @@ var Card = _interopDefault(require('react-bootstrap/Card'));
 var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -43,7 +43,7 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-350decaa.js');
+var ADInfeed = require('./ADInfeed-eaa6c661.js');
 
 var DeckContent = function (_React$Component) {
   inherits._inherits(DeckContent, _React$Component);

package/dist/cjs/DeckQueue.js

@@ -28,8 +28,8 @@ var Card = _interopDefault(require('react-bootstrap/Card'));
 var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -37,8 +37,7 @@ var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-da796b8c.js');
 var main = require('./main-b6c96c8d.js');
 var entities = require('./entities-310b46ee.js');
-require('./_arrayMap-3b4a0f75.js');
-var get = require('./get-5dfcdc33.js');
+var get = require('./get-68c52cb1.js');
 
 var DeckQueue = function (_React$Component) {
   inherits._inherits(DeckQueue, _React$Component);

package/dist/cjs/{Dfp-ffaf5981.js → Dfp-b2bc3b97.js}

@@ -12,8 +12,8 @@ var React__default = _interopDefault(React);
 var index = require('./index-2d0a4911.js');
 var PropTypes = require('prop-types');
 var PropTypes__default = _interopDefault(PropTypes);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');

package/dist/cjs/ExternalResources.js

@@ -26,8 +26,8 @@ require('react-bootstrap/Col');
 require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
 require('./index-da796b8c.js');
@@ -45,7 +45,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var index$3 = require('./index-5be2866f.js');
-var getSerializers = require('./index-1620daac.js');
+var getSerializers = require('./index-4f22007d.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/GridContent.js

@@ -28,8 +28,8 @@ var Card = _interopDefault(require('react-bootstrap/Card'));
 var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -43,11 +43,10 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-350decaa.js');
+var ADInfeed = require('./ADInfeed-eaa6c661.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-7d61609b.js');
-require('./_arrayMap-3b4a0f75.js');
-var get = require('./get-5dfcdc33.js');
+var ADlgInfeed = require('./ADlgInfeed-f25eb4f7.js');
+var get = require('./get-68c52cb1.js');
 require('./AD.js');
 var AuthorComponent = require('./AuthorComponent-bb831b74.js');
 

package/dist/cjs/IssueLanding.js

@@ -19,8 +19,8 @@ require('prop-types');
 require('react-bootstrap/Card');
 require('./moment-66a6a284.js');
 require('next/router');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./index.es-ab3f2690.js');
 require('react-dom');
 require('./visibility-sensor-0c45a583.js');
@@ -34,9 +34,9 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-require('./ADInfeed-350decaa.js');
+require('./ADInfeed-eaa6c661.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-7d61609b.js');
+require('./ADlgInfeed-f25eb4f7.js');
 require('./AuthorComponent-bb831b74.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');

package/dist/cjs/LeftNav.js

@@ -15,8 +15,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('./index-2d0a4911.js');
 require('prop-types');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./main-b6c96c8d.js');
 require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');

package/dist/cjs/MasterDeck.js

@@ -28,8 +28,8 @@ require('react-bootstrap/Card');
 require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -41,9 +41,9 @@ var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-350decaa.js');
+var ADInfeed = require('./ADInfeed-eaa6c661.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-7d61609b.js');
+var ADlgInfeed = require('./ADlgInfeed-f25eb4f7.js');
 
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);
@@ -481,7 +481,8 @@ var MasterDeck = function (_React$Component) {
             this.state.scrolling ? React__default.createElement(
               'button',
               {
-                style: { margin: 'auto', width: '100%' },
+                className: 'btn',
+                style: { margin: '0 auto 2rem', display: 'block', fontSize: '18px', padding: '.5rem 1.5rem', boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)', background: 'var(--primary)', color: '#fff', borderRadius: '5px' },
                 onClick: function onClick(e) {
                   _this3.loadMore();
                 } },

package/dist/cjs/PartnerDetailListing.js

@@ -26,8 +26,8 @@ require('react-bootstrap/Col');
 require('react-bootstrap/Card');
 var moment = require('./moment-66a6a284.js');
 require('next/router');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./index.es-ab3f2690.js');
 require('react-dom');
 require('./visibility-sensor-0c45a583.js');
@@ -41,9 +41,9 @@ var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-require('./ADInfeed-350decaa.js');
+require('./ADInfeed-eaa6c661.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-7d61609b.js');
+require('./ADlgInfeed-f25eb4f7.js');
 require('./AuthorComponent-bb831b74.js');
 var BlockContent = require('./BlockContent-88f69acd.js');
 var smoothscroll = require('./smoothscroll-95231a70.js');
@@ -51,7 +51,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-1620daac.js');
+var getSerializers = require('./index-4f22007d.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/QueueDeckExpanded.js

@@ -20,8 +20,8 @@ require('react-bootstrap/Card');
 var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -35,9 +35,9 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-350decaa.js');
+var ADInfeed = require('./ADInfeed-eaa6c661.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-7d61609b.js');
+var ADlgInfeed = require('./ADlgInfeed-f25eb4f7.js');
 var AuthorComponent = require('./AuthorComponent-bb831b74.js');
 var reactBootstrap = require('react-bootstrap');
 

package/dist/cjs/SideFooter.js

@@ -13,13 +13,12 @@ require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
-require('./isSymbol-488934a7.js');
+require('./isSymbol-04666465.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 var Segment = require('./beam-7217b7e7.js');
-require('./_arrayMap-3b4a0f75.js');
-var get = require('./get-5dfcdc33.js');
+var get = require('./get-68c52cb1.js');
 var reactSocialIcons = require('./react-social-icons-f7f48f71.js');
 var defineProperty$1 = require('./defineProperty-55548b25.js');
 

package/dist/cjs/TemplateNormal.js

@@ -19,8 +19,8 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./main-b6c96c8d.js');
 require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
@@ -28,8 +28,7 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-require('./_arrayMap-3b4a0f75.js');
-require('./get-5dfcdc33.js');
+require('./get-68c52cb1.js');
 require('./react-social-icons-f7f48f71.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');

package/dist/cjs/VideoSeriesListing.js

@@ -22,8 +22,8 @@ require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-var debounce = require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
@@ -229,17 +229,74 @@ var VideoSeriesListing = function (_React$Component) {
   }
 
   inherits._createClass(VideoSeriesListing, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      console.log(this.state);
+    }
+  }, {
     key: 'render',
     value: function render() {
       var _this2 = this;
 
-      return React__default.createElement(
-        React__default.Fragment,
-        null,
-        this.state.data.length >= 1 && this.state.data[0].length > 0 ? //Check if any Video Groups available
-        React__default.createElement(
-          index_es.InfiniteScroll,
-          { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
+      var _props$autoScroll = this.props.autoScroll,
+          autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll;
+
+
+      if (autoScroll) {
+        return React__default.createElement(
+          React__default.Fragment,
+          null,
+          this.state.data.length >= 1 && this.state.data[0].length > 0 ?
+          //Check if any Video Groups available
+          React__default.createElement(
+            index_es.InfiniteScroll,
+            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
+            React__default.createElement(
+              Container,
+              null,
+              this.state.data && this.state.data.map(function (series, index) {
+                var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
+
+                return React__default.createElement(
+                  React__default.Fragment,
+                  { key: index },
+                  React__default.createElement(
+                    visibilitySensor.VisibilitySensor,
+                    {
+                      onChange: function onChange(isVisible) {
+                        isVisible && _this2.changePageNumber(page);
+                      } },
+                    React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                  ),
+                  React__default.createElement(
+                    'div',
+                    null,
+                    _this2.renderSeries(series)
+                  )
+                );
+              })
+            )
+          ) : React__default.createElement(
+            'div',
+            { style: { marginTop: '10px' } },
+            React__default.createElement(
+              'h5',
+              null,
+              React__default.createElement(
+                'em',
+                null,
+                'New content coming soon, please check back later.'
+              )
+            )
+          )
+        );
+      }
+      if (!autoScroll) {
+        return React__default.createElement(
+          React__default.Fragment,
+          null,
+          this.state.data.length >= 1 && this.state.data[0].length > 0 ?
+          //Check if any Video Groups available
           React__default.createElement(
             Container,
             null,
@@ -261,24 +318,43 @@ var VideoSeriesListing = function (_React$Component) {
                   'div',
                   null,
                   _this2.renderSeries(series)
+                ),
+                _this2.state.scrolling ? React__default.createElement(
+                  'button',
+                  {
+                    className: 'btn',
+                    style: { margin: '0 auto 2rem', display: 'block', fontSize: '18px', padding: '.5rem 1.5rem', boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)', background: 'var(--primary)', color: '#fff', borderRadius: '5px' },
+                    onClick: function onClick(e) {
+                      e.target.style.display = 'none';
+                      _this2.loadMore();
+                    } },
+                  'Load More'
+                ) : React__default.createElement(
+                  'p',
+                  { style: { textAlign: 'center' } },
+                  React__default.createElement(
+                    'b',
+                    null,
+                    'End of data'
+                  )
                 )
               );
             })
-          )
-        ) : React__default.createElement(
-          'div',
-          { style: { marginTop: '10px' } },
-          React__default.createElement(
-            'h5',
-            null,
+          ) : React__default.createElement(
+            'div',
+            { style: { marginTop: '10px' } },
             React__default.createElement(
-              'em',
+              'h5',
               null,
-              'New content coming soon, please check back later.'
+              React__default.createElement(
+                'em',
+                null,
+                'New content coming soon, please check back later.'
+              )
             )
           )
-        )
-      );
+        );
+      }
     }
   }]);