@mjhls/mjh-framework 1.0.994-podcasts → 1.0.994-yt-lazyloading-test

package/dist/cjs/AlgoliaSearch.js

@@ -115,8 +115,6 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof$1._typeof(call) === "object" || typeof call === "function")) {
     return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var _extends = require('./extends-7c86182f.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 var index = require('./index-f86bb269.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');

package/dist/cjs/HorizontalArticleListing.js

@@ -5,7 +5,7 @@ var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
 var index_esm = require('./index.esm-d81454e7.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/IssueLanding.js

@@ -5,7 +5,7 @@ var React = require('react');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/{Tooltip-f075b7ef.js → MediaSeriesCard-a956c3ed.js}

@@ -5,6 +5,13 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var ReactDOM = require('react-dom');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var _typeof = require('./typeof-567e31ff.js');
+var index$1 = require('./index-eadd5035.js');
+var urlFor = require('./urlFor.js');
+var moment = require('./moment-aca40de1.js');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
+var BlockContent = require('./BlockContent-9ebd251f.js');
+var getSerializers = require('./index-f95a3c0f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -9450,5 +9457,71 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
 Tooltip.defaultProps = defaultProps;
 Tooltip.displayName = 'Tooltip';
 
+var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
+var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
+styleInject_es.styleInject(css);
+
+var MediaSeriesCard = function MediaSeriesCard(props) {
+  var data = props.data,
+      variant = props.variant,
+      defaultImage = props.defaultImage,
+      client = props.client;
+
+
+  return React__default['default'].createElement(
+    'div',
+    { className: 'media-series-article ' + styles.article },
+    React__default['default'].createElement(
+      'a',
+      { href: '/' + data.parentUrl + '/' + data.identifier.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+      React__default['default'].createElement(
+        'div',
+        { className: 'media-series-thumbnail ' + styles.thumb },
+        data.thumbnail && data.thumbnail.asset && React__default['default'].createElement(
+          'figure',
+          null,
+          React__default['default'].createElement(
+            index$1.LazyLoad,
+            null,
+            React__default['default'].createElement('img', {
+              src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+            })
+          )
+        )
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'media-series-info ' + styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+        React__default['default'].createElement(
+          'div',
+          { className: 'media-series-name ' + styles.name },
+          data.name
+        ),
+        data.published && React__default['default'].createElement(
+          'p',
+          { className: 'media-series-published ' + styles.published },
+          moment.moment(data.published).format('MMMM Do YYYY')
+        ),
+        data.authorMapping && data.authorMapping.displayName && React__default['default'].createElement(
+          'p',
+          { className: 'media-series-author ' + styles.author },
+          'By ',
+          React__default['default'].createElement(
+            'span',
+            null,
+            data.authorMapping.displayName
+          )
+        ),
+        data.description && React__default['default'].createElement(
+          'div',
+          { className: 'media-series-desc' },
+          React__default['default'].createElement(BlockContent.BlockContent, { blocks: data.description, serializers: getSerializers.getSerializers(client) })
+        )
+      )
+    )
+  );
+};
+
 exports.Dropdown = Dropdown;
 exports.DropdownButton = DropdownButton;
+exports.MediaSeriesCard = MediaSeriesCard;

package/dist/cjs/MediaSeriesLanding.js

@@ -5,14 +5,13 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var Tooltip = require('./Tooltip-f075b7ef.js');
+var MediaSeriesCard = require('./MediaSeriesCard-a956c3ed.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
-var MediaSeriesCard = require('./MediaSeriesCard-443d909e.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -21,6 +20,11 @@ require('./_iter-detect-b1df62f0.js');
 require('./_is-array-54228b29.js');
 require('./_object-pie-083f2dd6.js');
 require('prop-types');
+require('./index-eadd5035.js');
+require('./urlFor.js');
+require('./index-d48b231c.js');
+require('./moment-aca40de1.js');
+require('./style-inject.es-dcee06b6.js');
 require('./toConsumableArray-d7797c2b.js');
 require('./inherits-de66ea16.js');
 require('./_object-sap-d1978572.js');
@@ -31,7 +35,6 @@ require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-require('./moment-aca40de1.js');
 require('next/router');
 require('./lodash-f0783643.js');
 require('./debounce-d4a2369b.js');
@@ -39,7 +42,6 @@ require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 require('./index.es-f3e47207.js');
 require('./visibility-sensor-eb2c5b69.js');
-require('./index-d48b231c.js');
 require('./ADlgInfeed-b5a3d436.js');
 require('./AdSlot.js');
 require('./Beam.js');
@@ -47,9 +49,6 @@ require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./main-f1c77adb.js');
 require('./ADInfeed-e87afe8a.js');
-require('./index-eadd5035.js');
-require('./urlFor.js');
-require('./style-inject.es-dcee06b6.js');
 require('react-bootstrap');
 require('./index-187c967e.js');
 require('./util-93a37fd0.js');
@@ -174,10 +173,10 @@ var Filter = function Filter(_ref) {
     'div',
     { className: 'flex-container' },
     parentData && React__default['default'].createElement(
-      Tooltip.DropdownButton,
+      MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
       React__default['default'].createElement(
-        Tooltip.Dropdown.Item,
+        MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'parent');
           } },
@@ -186,7 +185,7 @@ var Filter = function Filter(_ref) {
       parentData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default['default'].createElement(
-          Tooltip.Dropdown.Item,
+          MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'parent');
             } },
@@ -195,10 +194,10 @@ var Filter = function Filter(_ref) {
       })
     ),
     childData && childData.data && childData.data.length > 0 && React__default['default'].createElement(
-      Tooltip.DropdownButton,
+      MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: childData.name ? childData.name : 'Filter By Topic' },
       React__default['default'].createElement(
-        Tooltip.Dropdown.Item,
+        MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'child');
           } },
@@ -207,7 +206,7 @@ var Filter = function Filter(_ref) {
       childData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default['default'].createElement(
-          Tooltip.Dropdown.Item,
+          MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'child');
             } },
@@ -216,10 +215,10 @@ var Filter = function Filter(_ref) {
       })
     ),
     grandChildData && grandChildData.data && grandChildData.data.length > 0 && React__default['default'].createElement(
-      Tooltip.DropdownButton,
+      MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: grandChildData.name ? grandChildData.name : 'Select Sub Topic' },
       React__default['default'].createElement(
-        Tooltip.Dropdown.Item,
+        MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'grandchild');
           } },
@@ -228,7 +227,7 @@ var Filter = function Filter(_ref) {
       grandChildData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default['default'].createElement(
-          Tooltip.Dropdown.Item,
+          MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'grandchild');
             } },

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -5,14 +5,13 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var Tooltip = require('./Tooltip-f075b7ef.js');
+var MediaSeriesCard = require('./MediaSeriesCard-a956c3ed.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 var MasterDeckPaginated = require('./MasterDeckPaginated.js');
-var MediaSeriesCard = require('./MediaSeriesCard-443d909e.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -21,7 +20,11 @@ require('./_iter-detect-b1df62f0.js');
 require('./_is-array-54228b29.js');
 require('./_object-pie-083f2dd6.js');
 require('prop-types');
+require('./index-eadd5035.js');
+require('./urlFor.js');
 require('./index-d48b231c.js');
+require('./moment-aca40de1.js');
+require('./style-inject.es-dcee06b6.js');
 require('./stringify-f7a37a8d.js');
 require('./toConsumableArray-d7797c2b.js');
 require('./inherits-de66ea16.js');
@@ -47,10 +50,6 @@ require('./Pagination-2a3d0103.js');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');
-require('./index-eadd5035.js');
-require('./urlFor.js');
-require('./moment-aca40de1.js');
-require('./style-inject.es-dcee06b6.js');
 require('react-bootstrap');
 require('./index-187c967e.js');
 require('./util-93a37fd0.js');
@@ -175,10 +174,10 @@ var Filter = function Filter(_ref) {
     'div',
     { className: 'flex-container' },
     parentData && React__default['default'].createElement(
-      Tooltip.DropdownButton,
+      MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn', title: parentData.name ? parentData.name : 'Filter By Category' },
       React__default['default'].createElement(
-        Tooltip.Dropdown.Item,
+        MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'parent');
           } },
@@ -187,7 +186,7 @@ var Filter = function Filter(_ref) {
       parentData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default['default'].createElement(
-          Tooltip.Dropdown.Item,
+          MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'parent');
             } },
@@ -196,10 +195,10 @@ var Filter = function Filter(_ref) {
       })
     ),
     childData && childData.data && childData.data.length > 0 && React__default['default'].createElement(
-      Tooltip.DropdownButton,
+      MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: childData.name ? childData.name : 'Filter By Topic' },
       React__default['default'].createElement(
-        Tooltip.Dropdown.Item,
+        MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'child');
           } },
@@ -208,7 +207,7 @@ var Filter = function Filter(_ref) {
       childData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default['default'].createElement(
-          Tooltip.Dropdown.Item,
+          MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'child');
             } },
@@ -217,10 +216,10 @@ var Filter = function Filter(_ref) {
       })
     ),
     grandChildData && grandChildData.data && grandChildData.data.length > 0 && React__default['default'].createElement(
-      Tooltip.DropdownButton,
+      MediaSeriesCard.DropdownButton,
       { drop: 'down', style: { borderRadius: '3px' }, className: 'filter-btn ml-3', title: grandChildData.name ? grandChildData.name : 'Select Sub Topic' },
       React__default['default'].createElement(
-        Tooltip.Dropdown.Item,
+        MediaSeriesCard.Dropdown.Item,
         { onSelect: function onSelect() {
             return handleFilterSelect({}, 'grandchild');
           } },
@@ -229,7 +228,7 @@ var Filter = function Filter(_ref) {
       grandChildData.data.map(function (docGroup) {
         if (!docGroup._id) return null;
         return React__default['default'].createElement(
-          Tooltip.Dropdown.Item,
+          MediaSeriesCard.Dropdown.Item,
           { key: docGroup._id, onSelect: function onSelect() {
               return handleFilterSelect(docGroup, 'grandchild');
             } },

package/dist/cjs/PartnerDetailListing.js

@@ -13,7 +13,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 var checkSisterSite = require('./checkSisterSite-b29833b2.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -13,7 +13,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 var checkSisterSite = require('./checkSisterSite-b29833b2.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/TaxonomyDescription.js

@@ -7,7 +7,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-9ebd251f.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/View.js

@@ -17,7 +17,7 @@ var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-594b19eb.js');
 var getTargeting = require('./getTargeting-ba942d9a.js');

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 require('./BlockContent-9ebd251f.js');
 require('./entities-df1aed86.js');
 require('./slicedToArray-067dd3bc.js');

package/dist/cjs/{index-e9d3f910.js → index-f95a3c0f.js}

@@ -1648,11 +1648,13 @@ function shouldUpdateVideo(prevProps, props) {
 
 function filterResetOptions(opts) {
   return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread({
+    height: 0,
+    width: 0,
+    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
       autoplay: 0,
       start: 0,
       end: 0
-    }, opts.playerVars)
+    })
   });
 }
 /**
@@ -1667,7 +1669,7 @@ function filterResetOptions(opts) {
 
 
 function shouldResetPlayer(prevProps, props) {
-  return !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
+  return prevProps.videoId !== props.videoId || !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
 }
 /**
  * Check whether a props change should result in an id or className update.
@@ -1678,7 +1680,7 @@ function shouldResetPlayer(prevProps, props) {
 
 
 function shouldUpdatePlayer(prevProps, props) {
-  return prevProps.id !== props.id || prevProps.className !== props.className;
+  return prevProps.id !== props.id || prevProps.className !== props.className || prevProps.opts.width !== props.opts.width || prevProps.opts.height !== props.opts.height || prevProps.title !== props.title;
 }
 
 var YouTube = /*#__PURE__*/function (_React$Component) {
@@ -1765,6 +1767,9 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       _this.internalPlayer.getIframe().then(function (iframe) {
         if (_this.props.id) iframe.setAttribute('id', _this.props.id);else iframe.removeAttribute('id');
         if (_this.props.className) iframe.setAttribute('class', _this.props.className);else iframe.removeAttribute('class');
+        if (_this.props.opts && _this.props.opts.width) iframe.setAttribute('width', _this.props.opts.width);else iframe.removeAttribute('width');
+        if (_this.props.opts && _this.props.opts.height) iframe.setAttribute('height', _this.props.opts.height);else iframe.removeAttribute('height');
+        if (typeof _this.props.title === 'string') iframe.setAttribute('title', _this.props.title);else iframe.setAttribute('title', 'YouTube video player');
       });
     });
 
@@ -1863,7 +1868,8 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         id: this.props.id,
         className: this.props.className,
-        ref: this.refContainer
+        ref: this.refContainer,
+        loading: this.props.loading
       }));
     }
   }]);
@@ -1888,6 +1894,10 @@ YouTube.propTypes = {
   className: PropTypes__default['default'].string,
   // custom class name for player container element
   containerClassName: PropTypes__default['default'].string,
+  // custom title for the iFrame, see https://www.w3.org/TR/WCAG20-TECHS/H64.html
+  title: PropTypes__default['default'].string,
+  // custom loading for player element
+  loading: PropTypes__default['default'].oneOf(['lazy', 'eager', 'auto']),
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
   opts: PropTypes__default['default'].objectOf(PropTypes__default['default'].any),
   // event subscriptions
@@ -1904,6 +1914,7 @@ YouTube.defaultProps = {
   videoId: null,
   id: null,
   className: null,
+  loading: null,
   opts: {},
   containerClassName: '',
   onReady: function onReady() {},
@@ -1913,7 +1924,8 @@ YouTube.defaultProps = {
   onEnd: function onEnd() {},
   onStateChange: function onStateChange() {},
   onPlaybackRateChange: function onPlaybackRateChange() {},
-  onPlaybackQualityChange: function onPlaybackQualityChange() {}
+  onPlaybackQualityChange: function onPlaybackQualityChange() {},
+  title: null
 };
 
 var YouTubePlayer = function YouTubePlayer(_ref) {
@@ -2019,7 +2031,7 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
   return React__default['default'].createElement(
     'div',
     { id: 'fluid-video-container' },
-    React__default['default'].createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
+    React__default['default'].createElement(YouTube, { className: 'fluid-iframe', loading: 'lazy', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
@@ -7973,6 +7985,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
       { id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
       vidUrl && vidType == 'youtube' && React__default['default'].createElement(YouTube, {
         className: 'fluid-iframe',
+        loading: 'lazy',
         videoId: index$1.getYoutubeId(vidUrl),
         opts: opts,
         onReady: handleOnReady,

package/dist/cjs/index.js

@@ -90,7 +90,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-e9d3f910.js');
+var getSerializers = require('./index-f95a3c0f.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');

package/dist/esm/AlgoliaSearch.js

@@ -108,8 +108,6 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
     return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import React__default from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import { m as momentTimezone } from './index-79cfd25c.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';