@mjhls/mjh-framework 1.0.1007 → 1.0.1008

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.1007
+# mjh-framework v. 1.0.1008
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

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-96b44364.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.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-96b44364.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 var index = require('./index-96c331fd.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-96b44364.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.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-96b44364.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/{MediaSeriesCard-8d74da19.js → MediaSeriesCard-aa63ea9e.js}

@@ -7,7 +7,7 @@ var urlFor = require('./urlFor.js');
 var moment = require('./moment-aca40de1.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/MediaSeriesLanding.js

@@ -10,9 +10,9 @@ require('./index-b95410f0.js');
 require('react-dom');
 var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
-var MediaSeriesCard = require('./MediaSeriesCard-8d74da19.js');
+var MediaSeriesCard = require('./MediaSeriesCard-aa63ea9e.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -11,8 +11,8 @@ require('react-dom');
 var Link = require('next/link');
 var BlockContent = require('./BlockContent-96b44364.js');
 var MasterDeckPaginated = require('./MasterDeckPaginated.js');
-var MediaSeriesCard = require('./MediaSeriesCard-8d74da19.js');
-var getSerializers = require('./index-433cc91e.js');
+var MediaSeriesCard = require('./MediaSeriesCard-aa63ea9e.js');
+var getSerializers = require('./index-312148a5.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/PartnerDetailListing.js

@@ -12,7 +12,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-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var checkSisterSite = require('./checkSisterSite-b29833b2.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -12,7 +12,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-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var checkSisterSite = require('./checkSisterSite-b29833b2.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/PodcastsLanding.js

@@ -6,9 +6,9 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
-var MediaSeriesCard = require('./MediaSeriesCard-8d74da19.js');
+var MediaSeriesCard = require('./MediaSeriesCard-aa63ea9e.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.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-96b44364.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.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-96b44364.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.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-56020df6.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-18fc6e71.js');
 var getTargeting = require('./getTargeting-ba942d9a.js');

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-433cc91e.js');
+var getSerializers = require('./index-312148a5.js');
 require('./BlockContent-96b44364.js');
 require('./entities-df1aed86.js');
 require('./slicedToArray-067dd3bc.js');

package/dist/cjs/{index-433cc91e.js → index-312148a5.js}

@@ -1649,11 +1649,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)
+    })
   });
 }
 /**
@@ -1668,7 +1670,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.
@@ -1679,7 +1681,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) {
@@ -1766,6 +1768,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');
       });
     });
 
@@ -1864,7 +1869,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
       }));
     }
   }]);
@@ -1889,6 +1895,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
@@ -1905,6 +1915,7 @@ YouTube.defaultProps = {
   videoId: null,
   id: null,
   className: null,
+  loading: null,
   opts: {},
   containerClassName: '',
   onReady: function onReady() {},
@@ -1914,7 +1925,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) {
@@ -10416,7 +10428,7 @@ var DigiohSmartTag = function DigiohSmartTag(props) {
       _props$node.needSegmentSupport;
 
 
-  return React__default["default"].createElement('div', { id: FormID });
+  return React__default["default"].createElement('div', { className: 'digiohWrapper', id: FormID });
 };
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {

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-433cc91e.js');
+var getSerializers = require('./index-312148a5.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-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-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.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-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import { m as momentTimezone } from './index-30a6257d.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-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.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-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/{MediaSeriesCard-d088ac80.js → MediaSeriesCard-7c59d797.js}

@@ -5,7 +5,7 @@ import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 
 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" };

package/dist/esm/MediaSeriesLanding.js

@@ -8,9 +8,9 @@ import './index-174b5baf.js';
 import 'react-dom';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
-import { M as MediaSeriesCard } from './MediaSeriesCard-d088ac80.js';
+import { M as MediaSeriesCard } from './MediaSeriesCard-7c59d797.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -9,8 +9,8 @@ import 'react-dom';
 import Link from 'next/link';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import MasterDeck from './MasterDeckPaginated.js';
-import { M as MediaSeriesCard } from './MediaSeriesCard-d088ac80.js';
-import { g as getSerializers } from './index-ce4f763c.js';
+import { M as MediaSeriesCard } from './MediaSeriesCard-7c59d797.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

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-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/PartnerDetailListingPaginated.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/PodcastsLanding.js

@@ -4,9 +4,9 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState } from 'react';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
-import { M as MediaSeriesCard } from './MediaSeriesCard-d088ac80.js';
+import { M as MediaSeriesCard } from './MediaSeriesCard-7c59d797.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/TaxonomyDescription.js

@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.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-ce4f763c.js';
+import { g as getSerializers } from './index-d5ac0b7c.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-ce4f763c.js';
+import { r as renderAuthor, g as getSerializers } from './index-d5ac0b7c.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-5728e349.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-9bd28724.js';

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-ce4f763c.js';
+export { g as default } from './index-d5ac0b7c.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './slicedToArray-6ebcbfea.js';

package/dist/esm/{index-ce4f763c.js → index-d5ac0b7c.js}

@@ -1629,11 +1629,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)
+    })
   });
 }
 /**
@@ -1648,7 +1650,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.
@@ -1659,7 +1661,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) {
@@ -1746,6 +1748,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');
       });
     });
 
@@ -1844,7 +1849,8 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React__default.createElement("div", {
         id: this.props.id,
         className: this.props.className,
-        ref: this.refContainer
+        ref: this.refContainer,
+        loading: this.props.loading
       }));
     }
   }]);
@@ -1869,6 +1875,10 @@ YouTube.propTypes = {
   className: PropTypes.string,
   // custom class name for player container element
   containerClassName: PropTypes.string,
+  // custom title for the iFrame, see https://www.w3.org/TR/WCAG20-TECHS/H64.html
+  title: PropTypes.string,
+  // custom loading for player element
+  loading: PropTypes.oneOf(['lazy', 'eager', 'auto']),
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
   opts: PropTypes.objectOf(PropTypes.any),
   // event subscriptions
@@ -1885,6 +1895,7 @@ YouTube.defaultProps = {
   videoId: null,
   id: null,
   className: null,
+  loading: null,
   opts: {},
   containerClassName: '',
   onReady: function onReady() {},
@@ -1894,7 +1905,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) {
@@ -10396,7 +10408,7 @@ var DigiohSmartTag = function DigiohSmartTag(props) {
       _props$node.needSegmentSupport;
 
 
-  return React__default.createElement('div', { id: FormID });
+  return React__default.createElement('div', { className: 'digiohWrapper', id: FormID });
 };
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {

package/dist/esm/index.js

@@ -87,7 +87,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-ce4f763c.js';
+export { g as getSerializers } from './index-d5ac0b7c.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.1007",
+  "version": "1.0.1008",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",