@mjhls/mjh-framework 1.0.736 → 1.0.738

package/dist/cjs/{index-5260126b.js → index-00b7a18a.js}

@@ -20,6 +20,7 @@ var _typeof$1 = require('./typeof-97065d40.js');
 var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
 var GroupDeck = require('./GroupDeck.js');
 var moment = require('./moment-aca40de1.js');
+var SocialShare = require('./SocialShare.js');
 var _toObject = require('./_to-object-821a2927.js');
 var _objectToArray = require('./_object-to-array-bec5fcf2.js');
 var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
@@ -2334,12 +2335,12 @@ var Video = function Video(_ref) {
           accountId: accountIDs.brightcove.accountId,
           videoId: videoID,
           playerId: accountIDs.brightcove.playerId,
-          attrs: { className: 'brightcove', autoplay: 'muted' }
+          attrs: { className: 'brightcove-fluid', autoplay: 'muted' }
         }),
         React__default['default'].createElement(
           'style',
           { jsx: 'true' },
-          '\n              .brightcove {\n                position: relative;\n                margin-bottom: 1rem;\n                height: 100%;\n                width: 100%;\n              }\n              .brightcove .video-js {\n                height: 100%;\n                width: 100%;\n                position: relative;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                min-height: 411px;\n              }\n            '
+          '\n                 .brightcove-fluid {\n                  position: relative;\n                  padding-bottom: 56.25%; /* 16:9 */\n                  height: 0;\n                  width: 100%;\n                  margin-bottom: 1rem;\n                }\n                .brightcove-fluid .video-js {\n                  height: 100%;\n                  width: 100%;\n                  position: absolute;\n                  top: 0;\n                  left: 0;\n                  right: 0;\n                  bottom: 0;\n                }\n            '
         )
       );
     } else if (playlistID) {
@@ -2351,12 +2352,12 @@ var Video = function Video(_ref) {
           playlistId: playlistID,
           playerId: accountIDs.brightcove.playerId,
           onSuccess: onVideoSuccess,
-          attrs: { className: 'brightcove brightcove-playlist', autoplay: 'muted' }
+          attrs: { className: 'brightcove-fluid brightcove-playlist', autoplay: 'muted' }
         }),
         React__default['default'].createElement(
           'style',
           { jsx: 'true' },
-          '\n              .brightcove {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n              }\n              .brightcove .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
+          '\n              .brightcove-fluid {\n                position: relative;\n                padding-bottom: 56.25%; /* 16:9 */\n                height: 0;\n                width: 100%;\n                margin-bottom: 1rem;\n              }\n              .brightcove-fluid .video-js {\n                height: 100%;\n                width: 100%;\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n              }\n            '
         )
       );
     } else if (experienceID) {
@@ -7072,11 +7073,74 @@ var VideoMp4 = function VideoMp4(_ref) {
   );
 };
 
+var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
+  var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
+  var biography = arguments[5];
+  var profileImage = arguments[6];
+
+  if (authorName && authorURL) {
+    return React__default['default'].createElement(
+      'span',
+      null,
+      React__default['default'].createElement(
+        'a',
+        { className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
+        authorName
+      ),
+      React__default['default'].createElement(
+        reactBootstrap.Card,
+        { className: 'author-details-card-' + index },
+        React__default['default'].createElement(
+          reactBootstrap.Row,
+          null,
+          profileImage && React__default['default'].createElement(
+            reactBootstrap.Col,
+            { sm: 12, md: 4, className: 'author-details-img-container' },
+            React__default['default'].createElement(reactBootstrap.Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
+          ),
+          React__default['default'].createElement(
+            reactBootstrap.Col,
+            { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
+            React__default['default'].createElement(
+              'div',
+              { style: { fontWidth: '500', fontSize: '1.15rem' } },
+              authorName
+            ),
+            React__default['default'].createElement(
+              'p',
+              null,
+              biography
+            )
+          )
+        )
+      ),
+      React__default['default'].createElement(
+        'style',
+        { jsx: 'true' },
+        '\n            .author-details-card-' + index + ' {\n              display: none;\n              position: absolute;\n              width: 90%;\n              max-width: 450px;\n              z-index: 9999;\n            }\n            .author-details-card-' + index + ' h5 {\n              font-weight: 500;\n            }\n            .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n              display: block;\n              box-shadow: 0px 0px 5px #aaa;\n              padding: 15px;\n              border-radius: 5px;\n            }\n          '
+      ),
+      length !== index + 1 && ' , '
+    );
+  } else if (authorName) {
+    return React__default['default'].createElement(
+      'span',
+      { key: index },
+      authorName,
+      length !== index + 1 && ' , '
+    );
+  }
+};
+
 var YouTubeGallery = function YouTubeGallery(_ref) {
   var nodes = _ref.nodes,
       client = _ref.client,
       getSerializers = _ref.getSerializers,
-      accountIDs = _ref.accountIDs;
+      accountIDs = _ref.accountIDs,
+      article = _ref.article,
+      meta = _ref.meta,
+      authorPrefix = _ref.authorPrefix,
+      _ref$authorImgHeight = _ref.authorImgHeight,
+      authorImgHeight = _ref$authorImgHeight === undefined ? 270 : _ref$authorImgHeight;
 
   if (!nodes || !nodes.videos) {
     return null;
@@ -7085,7 +7149,6 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   var today = moment.moment().utc().format();
 
   var Videos = nodes.videos.filter(function (video) {
-    console.dir(video);
     if ((video.is_visible === true || !video.hasOwnProperty('is_visible')) && (today >= video.published || !video.hasOwnProperty('published'))) {
       return video;
     }
@@ -7156,7 +7219,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   // Once component mounts, set the variables
   React.useEffect(function () {
     var params = new URL(document.location).searchParams;
-    var seriesVid = params.get('seriesVid') || 1;
+    var seriesVid = params.get('seriesVid') || 0;
     var data = [];
 
     Videos.forEach(function (vid) {
@@ -7172,7 +7235,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     });
     // if series number doesn't exist, route back to first vid of series
 
-    if (data.length < seriesVid) {
+    if (data.length < seriesVid || !seriesVid) {
       setSeries(1);
       setVidUrl(Videos[0].url);
       setVidThumbnail(Videos[0].thumbnail && Videos[0].thumbnail.asset ? urlFor(Videos[0].thumbnail.asset).url() : '');
@@ -7195,17 +7258,17 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     setData(data);
   }, []);
 
-  React.useEffect(function () {
-    if (vidLoaded == true) {
-      var params = new URL(document.location).searchParams;
-      var seriesVid = params.get('seriesVid');
-      var vidTitle = Videos[series - 1].title;
-      var originalTitle = document.title;
-      if (seriesVid) {
-        document.title = vidTitle + ' | ' + originalTitle;
-      }
-    }
-  }, [vidLoaded]);
+  // useEffect(() => {
+  //   if (vidLoaded == true) {
+  //     const params = new URL(document.location).searchParams
+  //     const seriesVid = params.get('seriesVid')
+  //     const vidTitle = Videos[series - 1].title
+  //     const originalTitle = document.title
+  //     if (seriesVid) {
+  //       document.title = vidTitle + ' | ' + originalTitle
+  //     }
+  //   }
+  // }, [vidLoaded])
 
   // This function is passed to the GroupDeck to change the youtube iframe src
   function setState(url, thumbnail, vidIndex) {
@@ -7339,6 +7402,65 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   return React__default['default'].createElement(
     'div',
     { className: 'video-container', style: { marginBottom: '2rem' } },
+    React__default['default'].createElement(
+      'div',
+      { className: 'mt-2 mb-5' },
+      series && React__default['default'].createElement(
+        'div',
+        { style: { fontSize: '0.9rem' } },
+        article.title,
+        ' - Episode ',
+        series
+      ),
+      Videos[series - 1] && React__default['default'].createElement(
+        'h1',
+        { className: 'mb-3' },
+        Videos[series - 1].title
+      ),
+      React__default['default'].createElement(
+        'div',
+        null,
+        moment.moment(article.published).format('LL')
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'mb-3' },
+        article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
+          return React__default['default'].createElement(
+            'span',
+            { key: index },
+            renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor(client, authorDetail.profileImage).height(authorImgHeight).url())
+          );
+        })
+      ),
+      React__default['default'].createElement(
+        'p',
+        null,
+        React__default['default'].createElement(SocialShare, {
+          shareUrl: meta.shareUrl + '?seriesVid=' + series,
+          shareTitle: Videos[series - 1] && Videos[series - 1].title ? Videos[series - 1].title : meta.shareTitle,
+          shareVia: meta.shareVia,
+          shareSummary: Videos[series - 1] && Videos[series - 1].text ? Videos[series - 1].text : meta.shareSummary,
+          shareSubject: meta.shareSubject,
+          shareImage: meta.shareImage,
+          size: 32,
+          siteName: meta.siteName,
+          twitterSiteName: meta.twitterSiteName,
+          disableMeta: true,
+          hidePinterest: meta.hidePinterestShare,
+          hideFacebook: meta.hideFBShare
+        })
+      ),
+      Videos[series - 1] && Videos[series - 1].intro && React__default['default'].createElement(
+        'p',
+        { className: 'mb-3' },
+        React__default['default'].createElement(
+          'em',
+          null,
+          Videos[series - 1].intro
+        )
+      )
+    ),
     React__default['default'].createElement(
       'div',
       { id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
@@ -7383,33 +7505,13 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
     React__default['default'].createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
     React__default['default'].createElement(
       'div',
-      { className: 'mt-2 mb-5' },
-      series && React__default['default'].createElement(
-        'h3',
-        null,
-        'Episode ',
-        series
-      ),
-      Videos[series - 1] && React__default['default'].createElement(
-        'h2',
-        { className: 'mb-3' },
-        Videos[series - 1].title
-      ),
-      Videos[series - 1] && Videos[series - 1].intro && React__default['default'].createElement(
-        'p',
-        { className: 'mb-3' },
-        React__default['default'].createElement(
-          'em',
-          null,
-          Videos[series - 1].intro
-        )
-      ),
+      { className: 'vid-text' },
       Videos[series - 1] && Videos[series - 1].text && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        #fluid-video-container > div {\n          position: relative;\n          padding-bottom: 56.25%; /* 16:9 */\n          height: 0;\n        }\n        #fluid-video-container .fluid-iframe {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100% !important;\n        }\n\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
+      '\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
     )
   );
 };
@@ -8208,64 +8310,6 @@ var MultiMedia = function MultiMedia(props) {
   return null;
 };
 
-var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
-  var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
-  var biography = arguments[5];
-  var profileImage = arguments[6];
-
-  if (authorName && authorURL) {
-    return React__default['default'].createElement(
-      'span',
-      null,
-      React__default['default'].createElement(
-        'a',
-        { className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
-        authorName
-      ),
-      React__default['default'].createElement(
-        reactBootstrap.Card,
-        { className: 'author-details-card-' + index },
-        React__default['default'].createElement(
-          reactBootstrap.Row,
-          null,
-          profileImage && React__default['default'].createElement(
-            reactBootstrap.Col,
-            { sm: 12, md: 4, className: 'author-details-img-container' },
-            React__default['default'].createElement(reactBootstrap.Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
-          ),
-          React__default['default'].createElement(
-            reactBootstrap.Col,
-            { className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
-            React__default['default'].createElement(
-              'h5',
-              null,
-              authorName
-            ),
-            React__default['default'].createElement(
-              'p',
-              null,
-              biography
-            )
-          )
-        )
-      ),
-      React__default['default'].createElement(
-        'style',
-        { jsx: 'true' },
-        '\n            .author-details-card-' + index + ' {\n              display: none;\n              position: absolute;\n              width: 90%;\n              max-width: 450px;\n              z-index: 9999;\n            }\n            .author-details-card-' + index + ' h5 {\n              font-weight: 500;\n            }\n            .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n              display: block;\n              box-shadow: 0px 0px 5px #aaa;\n              padding: 15px;\n              border-radius: 5px;\n            }\n          '
-      ),
-      length !== index + 1 && ' , '
-    );
-  } else if (authorName) {
-    return React__default['default'].createElement(
-      'span',
-      { key: index },
-      authorName,
-      length !== index + 1 && ' , '
-    );
-  }
-};
-
 var InscreenSensor = function (_React$Component) {
   inherits._inherits(InscreenSensor, _React$Component);
 
@@ -9243,7 +9287,10 @@ var getSerializers = function getSerializers() {
       articleId = props[9],
       Ads = props[10],
       targeting = props[11],
-      article = props[12];
+      article = props[12],
+      meta = props[13],
+      authorPrefix = props[14],
+      authorImgHeight = props[15];
 
   return {
     types: {
@@ -9260,7 +9307,7 @@ var getSerializers = function getSerializers() {
       youtubeGallery: function youtubeGallery(_ref2) {
         var node = _ref2.node;
 
-        return React__default['default'].createElement(YouTubeGallery, { nodes: node, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
+        return React__default['default'].createElement(YouTubeGallery, { nodes: node, article: article, meta: meta, authorPrefix: authorPrefix, authorImgHeight: authorImgHeight, accountIDs: videoAccountIDs || {}, client: client, getSerializers: getSerializers(client) });
       },
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;

package/dist/cjs/index.js

@@ -82,7 +82,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-5260126b.js');
+var getSerializers = require('./index-00b7a18a.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
 import { _ as _extends } from './extends-31d65aba.js';
 import React from 'react';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-d6ad9248.js';
+import { g as getSerializers } from './index-a7f9ce66.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
@@ -33,6 +33,9 @@ import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
 import './_object-to-array-8f409e54.js';
 import './toConsumableArray-fa2dcda7.js';
 import 'react-bootstrap/Pagination';
@@ -43,7 +46,6 @@ import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import 'next/head';
 import './inherits-5906fbea.js';
 import './_object-sap-fd3054d0.js';
 import './define-property-ec6d528d.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
 import React, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-d6ad9248.js';
+import { g as getSerializers } from './index-a7f9ce66.js';
 import { m as momentTimezone } from './index-ccb770c7.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';
@@ -34,6 +34,9 @@ import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
 import './_object-to-array-8f409e54.js';
 import './toConsumableArray-fa2dcda7.js';
 import 'react-bootstrap/Pagination';
@@ -43,7 +46,6 @@ import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import 'next/head';
 import './inherits-5906fbea.js';
 import './_object-sap-fd3054d0.js';
 import './define-property-ec6d528d.js';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-d6ad9248.js';
+import { g as getSerializers } from './index-a7f9ce66.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-97770c52.js';
 import './_object-pie-33c40e79.js';
@@ -36,6 +36,9 @@ import './Segment.js';
 import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
 import './_object-to-array-8f409e54.js';
 import './toConsumableArray-fa2dcda7.js';
 import 'react-bootstrap/Pagination';
@@ -46,7 +49,6 @@ import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import 'next/head';
 import './inherits-5906fbea.js';
 import './_object-sap-fd3054d0.js';
 import './define-property-ec6d528d.js';

package/dist/esm/MasterDeck.js

@@ -380,13 +380,9 @@ var MasterDeck = function (_React$Component) {
           'div',
           null,
           React.createElement(
-            'h5',
+            'em',
             null,
-            React.createElement(
-              'em',
-              null,
-              'New content coming soon, please check back later.'
-            )
+            'New content coming soon, please check back later.'
           )
         )
       );

package/dist/esm/PartnerDetailListing.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-d6ad9248.js';
+import { g as getSerializers } from './index-a7f9ce66.js';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
@@ -53,12 +53,14 @@ import './typeof-e9cea9e8.js';
 import './_is-array-674f71ec.js';
 import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
 import './_object-to-array-8f409e54.js';
 import 'react-bootstrap/Pagination';
 import 'react-bootstrap/Button';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import 'next/head';
 import './inherits-5906fbea.js';
 import './_object-sap-fd3054d0.js';
 import './define-property-ec6d528d.js';

package/dist/esm/TaxonomyDescription.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-d6ad9248.js';
+import { g as getSerializers } from './index-a7f9ce66.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
 import './_to-object-97770c52.js';
@@ -33,6 +33,8 @@ import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'react-share';
 import './_object-to-array-8f409e54.js';
 import './toConsumableArray-fa2dcda7.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-d8cd739c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-d6ad9248.js';
+import { g as getSerializers } from './index-a7f9ce66.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
@@ -36,6 +36,9 @@ import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
 import './_object-to-array-8f409e54.js';
 import './toConsumableArray-fa2dcda7.js';
 import 'react-bootstrap/Pagination';
@@ -44,7 +47,6 @@ import './AdSlot.js';
 import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
 import 'react-bootstrap/Row';
-import 'next/head';
 import './inherits-5906fbea.js';
 import './_object-sap-fd3054d0.js';
 import './define-property-ec6d528d.js';

package/dist/esm/VideoSeriesCard.js

@@ -52,8 +52,8 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
         'div',
         { className: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
         React.createElement(
-          'h2',
-          null,
+          'div',
+          { style: { fontSize: '1.3rem', fontWeight: 'bold' } },
           episode && 'EP ' + episode + ': ',
           data.title
         ),

package/dist/esm/VideoSeriesListing.js

@@ -224,8 +224,8 @@ var VideoSeriesListing = function (_React$Component) {
             'div',
             { key: index, counter: itemCounter++ },
             React.createElement(
-              'h4',
-              { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid #d4a64d' } },
+              'div',
+              { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', fontSize: '1.3rem', borderBottom: '2px solid #d4a64d' } },
               React.createElement(
                 'a',
                 { href: '/' + _this.props.page + '/' + docSeries.url.current },
@@ -294,7 +294,12 @@ var VideoSeriesListing = function (_React$Component) {
                     _this2.renderSeries(series)
                   )
                 );
-              })
+              }),
+              React.createElement(
+                'noscript',
+                null,
+                this.renderManualPagination()
+              )
             )
           ) : React.createElement(
             'div',
@@ -366,6 +371,11 @@ var VideoSeriesListing = function (_React$Component) {
                     null,
                     'End of data'
                   )
+                ),
+                React.createElement(
+                  'noscript',
+                  null,
+                  _this2.renderManualPagination()
                 )
               );
             })