@mjhls/mjh-framework 1.0.866-d4d665.2 → 1.0.866-youtube-group-v1

package/dist/esm/View.js

@@ -19,18 +19,18 @@ import { l as lib_3 } from './index-f7fb1e25.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-b6f49411.js';
 import { useRouter } from 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
-import { I as InfiniteScroll } from './index.es-7dda2f0a.js';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
 import './index-51a80699.js';
 import urlFor from './urlFor.js';
 import './index-6c12bdd5.js';
-import { m as main_39 } from './main-aef58dbc.js';
+import { m as main_40 } from './main-747e7d25.js';
 import './entities-7cc3bf45.js';
 import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
@@ -46,9 +46,9 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-3fdda599.js';
-import { r as renderAuthor, g as getSerializers } from './index-bec35c6c.js';
+import { r as renderAuthor, g as getSerializers } from './index-82fea143.js';
 import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e1c6b0f2.js';
+import './brightcove-react-player-loader.es-4abff0b1.js';
 import Head from 'next/head';
 import 'react-share';
 import SocialShare from './SocialShare.js';
@@ -67,8 +67,8 @@ import getSeriesDetail from './getSeriesDetail.js';
 import './index-db3bb315.js';
 import getRelatedArticle from './getRelatedArticle.js';
 import getQuery from './getQuery.js';
-import { S as SeriesSlider } from './SeriesSlider-b8cc1baa.js';
-import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-88d69971.js';
+import { S as SeriesSlider } from './SeriesSlider-7d89f4d9.js';
+import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-bd800589.js';
 import getKeywords from './getKeywords.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { DiscussionEmbed } from 'disqus-react';
@@ -157,9 +157,9 @@ var DocumentGroup = function DocumentGroup(_ref) {
       style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
     thumbnailUrl && React.createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
     !thumbnailUrl && React.createElement('p', {
-      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_39 ? 'left' : 'right', marginTop: '.25rem' },
+      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_40 ? 'left' : 'right', marginTop: '.25rem' },
       dangerouslySetInnerHTML: { __html: name } }),
-    main_39 && !thumbnailUrl && React.createElement(
+    main_40 && !thumbnailUrl && React.createElement(
       'style',
       { jsx: 'true' },
       '\n          a.doc-group {\n            display: block !important;\n            padding: 0 !important;\n          }\n        '
@@ -338,7 +338,7 @@ var ISI = function ISI(props) {
   );
 };
 
-var css = ".RelatedArticles-module_mediaContainer__10h9k {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n  margin: 0 1rem 1rem;\n  width: calc(33% - 1rem);\n  display: column;\n  flex-direction: row;\n  margin-bottom: 0.75rem;\n  padding-bottom: 0.75rem;\n  border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n  border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n  font-weight: bold;\n  color: #252525;\n  margin-bottom: 0.25rem;\n  font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n  color: #000;\n  font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n  color: var(--dark);\n  display: block;\n  background: #fff !important;\n  margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n  display: block;\n  text-align: center;\n  margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n  height: 135px;\n  width: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n  .RelatedArticles-module_mediaContainer__10h9k {\n    flex-wrap: wrap;\n  }\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\n    display: none;\n  }\n  .RelatedArticles-module_mediaCard__3wQbn {\n    width: 100%;\n    margin-bottom: 0.5rem;\n    padding: 0;\n  }\n  .RelatedArticles-module_cardTitle__3P-Ib {\n    font-size: 0.75rem;\n    margin-bottom: 0;\n  }\n}\n";
+var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n  margin: 0 1rem 1rem;\r\n  width: calc(33% - 1rem);\r\n  display: column;\r\n  flex-direction: row;\r\n  margin-bottom: 0.75rem;\r\n  padding-bottom: 0.75rem;\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n  font-weight: bold;\r\n  color: #252525;\r\n  margin-bottom: 0.25rem;\r\n  font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n  color: #000;\r\n  font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n  color: var(--dark);\r\n  display: block;\r\n  background: #fff !important;\r\n  margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n  display: block;\r\n  text-align: center;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n  height: 135px;\r\n  width: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n  .RelatedArticles-module_mediaContainer__10h9k {\r\n    flex-wrap: wrap;\r\n  }\r\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n    display: none;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    width: 100%;\r\n    margin-bottom: 0.5rem;\r\n    padding: 0;\r\n  }\r\n  .RelatedArticles-module_cardTitle__3P-Ib {\r\n    font-size: 0.75rem;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n";
 var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
 styleInject(css);
 
@@ -1261,7 +1261,7 @@ var Article = forwardRef(function (props, ref) {
             React.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+              main_40 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
                 if (index === 0) {
                   return React.createElement(
                     'div',
@@ -1345,7 +1345,7 @@ var Article = forwardRef(function (props, ref) {
           blocks: isi
         })
       ),
-      main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+      main_40 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
         if (index > 0) {
           return React.createElement(
             'div',
@@ -1444,7 +1444,7 @@ var ArticleQueue = function ArticleQueue(props) {
       return item.url.current === path;
     });
     var targeting = getTargeting({ article: activeArticle, cpModificationRequired: cpModificationRequired, position: props.position, prevUrl: prevUrl });
-    if (!main_39) {
+    if (!main_40) {
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           var slots = googletag.pubads().getSlots();
@@ -1461,7 +1461,7 @@ var ArticleQueue = function ArticleQueue(props) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main_39) {
+    if (main_40) {
       var leaderboardSlotId = '';
       lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {

package/dist/esm/YahooHero.js

@@ -5,7 +5,7 @@ import './core.get-iterator-method-e1de7503.js';
 import './web.dom.iterable-4439f05a.js';
 import React from 'react';
 import 'prop-types';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-b6f49411.js';
 import 'react-dom';
 import './index-51a80699.js';
 import urlFor from './urlFor.js';

package/dist/esm/YoutubeGroup.js

@@ -9,15 +9,15 @@ import 'react-dom';
 import './index-51a80699.js';
 import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
-import { m as main_39, a as main_44, b as main_38 } from './main-aef58dbc.js';
+import { m as main_40, a as main_45, b as main_39 } from './main-747e7d25.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import { s as smoothscroll } from './smoothscroll-0cd4c7a6.js';
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var YoutubeGroup = function YoutubeGroup(props) {
@@ -27,7 +27,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
   var viewableWindow = useRef(null);
   var viewableArea = useRef(null);
 
-  var _useState = useState(0),
+  var _useState = useState(200),
       _useState2 = _slicedToArray(_useState, 2),
       tileSize = _useState2[0],
       setTileSize = _useState2[1];
@@ -97,13 +97,13 @@ var YoutubeGroup = function YoutubeGroup(props) {
       }
     }
 
-    if (main_39) {
+    if (main_40) {
       thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth) / 2);
       if (props.dataset.length > 2) {
         scrollerVisible = true;
       }
     }
-    if (main_44) {
+    if (main_45) {
       thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth * 2) / 3);
       if (props.dataset.length > 3) {
         scrollerVisible = true;
@@ -166,10 +166,10 @@ var YoutubeGroup = function YoutubeGroup(props) {
         if (viewableWindow.current.offsetWidth < 604) {
           scrollDirection = innerSliderScrollWidth - numberOfSlidesToScroll * 2;
         }
-        if (main_44) {
+        if (main_45) {
           scrollDirection = innerSliderScrollWidth - numberOfSlidesToScroll * 2;
         }
-        if (main_39) {
+        if (main_40) {
           scrollDirection = innerSliderScrollWidth - numberOfSlidesToScroll * 1;
         }
       }
@@ -262,11 +262,16 @@ var YoutubeGroup = function YoutubeGroup(props) {
                   } },
                 React.createElement(
                   'div',
-                  { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
+                  { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') } },
                   React.createElement(
                     LazyLoad,
                     null,
-                    React.createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: tileHeight + 'px' }, src: thumbnail, alt: '' })
+                    React.createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') }, src: thumbnail, alt: '' })
+                  ),
+                  React.createElement(
+                    'noscript',
+                    null,
+                    React.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
                   )
                 ),
                 React.createElement(
@@ -307,11 +312,16 @@ var YoutubeGroup = function YoutubeGroup(props) {
                 { href: _url },
                 React.createElement(
                   'div',
-                  { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
+                  { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
                   React.createElement(
                     LazyLoad,
                     null,
                     React.createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
+                  ),
+                  React.createElement(
+                    'noscript',
+                    null,
+                    React.createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
                   )
                 ),
                 React.createElement(
@@ -337,10 +347,19 @@ var YoutubeGroup = function YoutubeGroup(props) {
         })
       )
     ),
+    React.createElement(
+      'noscript',
+      null,
+      React.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          #vid-slider .row__inner {\n            flex-wrap: wrap;\n            flex-basis: 100%;\n          }\n        '
+      )
+    ),
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n        #vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\n        }\n        #vid-slider::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 2.5rem;\n          margin-bottom: 2rem;\n        }\n        #vid-slider.col {\n          padding: 0 2.5rem;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 1rem;\n          color: white;\n          background: rgba(0, 0, 0, 0.75);\n        }\n        #vid-slider h1,\n        #vid-slider p {\n          text-align: center;\n          width: 100%;\n          max-width: 500px;\n          margin: auto;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          flex-wrap: nowrap;\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          width: 100%;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: normal;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\n          display: flex;\n          transition: 450ms -webkit-transform;\n          transition: 450ms transform;\n          transition: 450ms transform, 450ms -webkit-transform;\n          font-size: 0;\n          white-space: nowrap;\n          margin-top: 1.5rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n          margin-right: 0.5rem;\n          font-size: 20px;\n          cursor: pointer;\n          transition: 450ms all;\n          -webkit-transform-origin: center left;\n          transform-origin: center left;\n        }\n        #vid-slider .tile:first-child {\n          margin-left: 0;\n        }\n        #vid-slider .tile__img {\n          height: auto;\n\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\n        }\n        #vid-slider .tile__details {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          top: 0;\n          font-size: 10px;\n          opacity: 0;\n          background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n          transition: 450ms opacity;\n        }\n        #vid-slider .tile__details:after,\n        #vid-slider .tile__details:before {\n          content: \'\';\n\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          display: #000;\n        }\n        #vid-slider .tile__details:after {\n          margin-top: -25px;\n          margin-left: -25px;\n          width: 50px;\n          height: 50px;\n          border: 3px solid #ecf0f1;\n          line-height: 50px;\n          text-align: center;\n          border-radius: 100%;\n          background: rgba(0, 0, 0, 0.5);\n          z-index: 1;\n        }\n        #vid-slider .tile__details:before {\n          content: \'\';\n          background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n            no-repeat center center;\n          left: 0;\n          width: 100%;\n          height: 3rem;\n          font-size: 30px;\n          margin-right: 12px;\n          margin-top: -24px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\n\n        .tile__media {\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n        }\n\n        #vid-slider .tile__title {\n          white-space: normal !important;\n          max-width: ' + tileSize + 'px;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: ' + (main_38 ? '0.75rem' : '0.9rem') + ';\n          font-weight: normal;\n          transition: opacity 0.25s;\n          -webkit-font-smoothing: antialiased;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: black;\n          background: var(--primary);\n          border: none;\n          position: absolute;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n          }\n          #vid-slider .tile__img {\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\n          }\n        }\n        @media screen and (max-width: 967px) {\n          #vid-slider {\n            max-width: 100%;\n          }\n          #vid-slider .tile__img {\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          #vid-slider .tile__img {\n          }\n          #vid-slider .row__inner {\n            margin-top: 1.5rem !important;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n          }\n        }\n      '
+      '\n        #vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\n        }\n        #vid-slider::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 2.5rem;\n          margin-bottom: 2rem;\n        }\n        #vid-slider.col {\n          padding: 0 2.5rem;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 1rem;\n          color: white;\n          background: rgba(0, 0, 0, 0.75);\n        }\n        #vid-slider h1,\n        #vid-slider p {\n          text-align: center;\n          width: 100%;\n          max-width: 500px;\n          margin: auto;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          flex-wrap: nowrap;\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          width: 100%;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: normal;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\n          display: flex;\n          transition: 450ms -webkit-transform;\n          transition: 450ms transform;\n          transition: 450ms transform, 450ms -webkit-transform;\n          font-size: 0;\n          white-space: nowrap;\n          margin-top: 1.5rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n          margin-right: 0.5rem;\n          font-size: 20px;\n          cursor: pointer;\n          transition: 450ms all;\n          -webkit-transform-origin: center left;\n          transform-origin: center left;\n        }\n        #vid-slider .tile:first-child {\n          margin-left: 0;\n        }\n        #vid-slider .tile__img {\n          height: auto;\n\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\n        }\n        #vid-slider .tile__details {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          top: 0;\n          font-size: 10px;\n          opacity: 0;\n          background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n          transition: 450ms opacity;\n        }\n        #vid-slider .tile__details:after,\n        #vid-slider .tile__details:before {\n          content: \'\';\n\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          display: #000;\n        }\n        #vid-slider .tile__details:after {\n          margin-top: -25px;\n          margin-left: -25px;\n          width: 50px;\n          height: 50px;\n          border: 3px solid #ecf0f1;\n          line-height: 50px;\n          text-align: center;\n          border-radius: 100%;\n          background: rgba(0, 0, 0, 0.5);\n          z-index: 1;\n        }\n        #vid-slider .tile__details:before {\n          content: \'\';\n          background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n            no-repeat center center;\n          left: 0;\n          width: 100%;\n          height: 3rem;\n          font-size: 30px;\n          margin-right: 12px;\n          margin-top: -24px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\n\n        .tile__media {\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n        }\n\n        #vid-slider .tile__title {\n          white-space: normal !important;\n          max-width: ' + tileSize + 'px;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: ' + (main_39 ? '0.75rem' : '0.9rem') + ';\n          font-weight: normal;\n          transition: opacity 0.25s;\n          -webkit-font-smoothing: antialiased;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: black;\n          background: var(--primary);\n          border: none;\n          position: absolute;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n          }\n          #vid-slider .tile__img {\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\n          }\n        }\n        @media screen and (max-width: 967px) {\n          #vid-slider {\n            max-width: 100%;\n          }\n          #vid-slider .tile__img {\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          #vid-slider .tile__img {\n          }\n          #vid-slider .row__inner {\n            margin-top: 1.5rem !important;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n          }\n        }\n      '
     )
   );
 };

package/dist/esm/{brightcove-react-player-loader.es-e1c6b0f2.js → brightcove-react-player-loader.es-4abff0b1.js}

@@ -625,7 +625,7 @@ if (typeof window !== "undefined") {
 
 var window_1 = win;
 
-/*! @name @brightcove/react-player-loader @version 1.4.0 @license Apache-2.0 */
+/*! @name @brightcove/react-player-loader @version 1.4.1 @license Apache-2.0 */
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -659,7 +659,7 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-/*! @name @brightcove/player-loader @version 1.7.1 @license Apache-2.0 */
+/*! @name @brightcove/player-loader @version 1.8.0 @license Apache-2.0 */
 
 function _extends$1() {
   _extends$1 = Object.assign || function (target) {
@@ -679,7 +679,7 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-var version = "1.7.1";
+var version = "1.8.0";
 
 /*! @name @brightcove/player-url @version 1.2.0 @license Apache-2.0 */
 var version$1 = "1.2.0";
@@ -996,6 +996,7 @@ var createInPageEmbed = function createInPageEmbed(params) {
     deliveryConfigId: 'data-delivery-config-id',
     playlistId: 'data-playlist-id',
     playlistVideoId: 'data-playlist-video-id',
+    poster: 'poster',
     videoId: 'data-video-id'
   };
   var tagName = embedOptions && embedOptions.tagName || EMBED_TAG_NAME_VIDEOJS;

package/dist/esm/getRelatedArticle.js

@@ -29,20 +29,9 @@ function parseString(setCookieValue, options) {
     ? Object.assign({}, defaultParseOptions, options)
     : defaultParseOptions;
 
-  try {
-    value = options.decodeValues ? decodeURIComponent(value) : value; // decode cookie value
-  } catch (e) {
-    console.error(
-      "set-cookie-parser encountered an error while decoding a cookie with value '" +
-        value +
-        "'. Set options.decodeValues to false to disable this feature.",
-      e
-    );
-  }
-
   var cookie = {
     name: name, // grab everything before the first =
-    value: value,
+    value: options.decodeValues ? decodeURIComponent(value) : value, // decode cookie value
   };
 
   parts.forEach(function (part) {
@@ -213,7 +202,7 @@ setCookie.parse = parse_1;
 setCookie.parseString = parseString_1;
 setCookie.splitCookiesString = splitCookiesString_1;
 
-var utils = createCommonjsModule(function (module, exports) {
+var dist = createCommonjsModule(function (module, exports) {
 var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -226,33 +215,10 @@ var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.areCookiesEqual = exports.hasSameProperties = exports.createCookie = exports.isBrowser = void 0;
-/**
- * Tells whether we are in a browser or server.
- */
-function isBrowser() {
-    return typeof window !== 'undefined';
-}
-exports.isBrowser = isBrowser;
-/**
- * Create an instance of the Cookie interface
- */
-function createCookie(name, value, options) {
-    var sameSite = options.sameSite;
-    if (sameSite === true) {
-        sameSite = 'strict';
-    }
-    if (sameSite === undefined || sameSite === false) {
-        sameSite = 'lax';
-    }
-    var cookieToSet = __assign(__assign({}, options), { sameSite: sameSite });
-    delete cookieToSet.encode;
-    return __assign({ name: name, value: value }, cookieToSet);
-}
-exports.createCookie = createCookie;
-/**
- * Tells whether given objects have the same properties.
- */
+exports.destroyCookie = exports.setCookie = exports.parseCookies = void 0;
+
+
+var isBrowser = function () { return typeof window !== 'undefined'; };
 function hasSameProperties(a, b) {
     var aProps = Object.getOwnPropertyNames(a);
     var bProps = Object.getOwnPropertyNames(b);
@@ -267,9 +233,8 @@ function hasSameProperties(a, b) {
     }
     return true;
 }
-exports.hasSameProperties = hasSameProperties;
 /**
- * Compare the cookie and return true if the cookies have equivalent
+ * Compare the cookie and return true if the cookies has equivalent
  * options and the cookies would be overwritten in the browser storage.
  *
  * @param a first Cookie for comparison
@@ -282,109 +247,71 @@ function areCookiesEqual(a, b) {
     }
     return (hasSameProperties(__assign(__assign({}, a), { sameSite: undefined }), __assign(__assign({}, b), { sameSite: undefined })) && sameSiteSame);
 }
-exports.areCookiesEqual = areCookiesEqual;
-/* Functions */
-
-});
-
-unwrapExports(utils);
-var utils_1 = utils.areCookiesEqual;
-var utils_2 = utils.hasSameProperties;
-var utils_3 = utils.createCookie;
-var utils_4 = utils.isBrowser;
-
-var dist = createCommonjsModule(function (module, exports) {
-var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.destroyCookie = exports.setCookie = exports.parseCookies = void 0;
-
-
-
 /**
+ * Create an instance of the Cookie interface
+ *
+ * @param name name of the Cookie
+ * @param value value of the Cookie
+ * @param options Cookie options
+ */
+function createCookie(name, value, options) {
+    var sameSite = options.sameSite;
+    if (sameSite === true) {
+        sameSite = 'strict';
+    }
+    if (sameSite === undefined || sameSite === false) {
+        sameSite = 'lax';
+    }
+    var cookieToSet = __assign(__assign({}, options), { sameSite: sameSite });
+    delete cookieToSet.encode;
+    return __assign({ name: name, value: value }, cookieToSet);
+}
+/**
+ *
  * Parses cookies.
  *
- * @param ctx NextJS page or API context, express context, null or undefined.
- * @param options Options that we pass down to `cookie` library.
+ * @param ctx
+ * @param options
  */
 function parseCookies(ctx, options) {
-    var _a, _b;
-    if ((_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.req) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.cookie) {
+    if (ctx && ctx.req && ctx.req.headers && ctx.req.headers.cookie) {
         return cookie.parse(ctx.req.headers.cookie, options);
     }
-    if (utils.isBrowser()) {
+    if (isBrowser()) {
         return cookie.parse(document.cookie, options);
     }
     return {};
 }
 exports.parseCookies = parseCookies;
 /**
+ *
  * Sets a cookie.
  *
- * @param ctx NextJS page or API context, express context, null or undefined.
- * @param name The name of your cookie.
- * @param value The value of your cookie.
- * @param options Options that we pass down to `cookie` library.
+ * @param ctx
+ * @param name
+ * @param value
+ * @param options
  */
 function setCookie$1(ctx, name, value, options) {
-    var _a, _b;
-    if (options === void 0) { options = {}; }
-    // SSR
-    if (((_a = ctx === null || ctx === void 0 ? void 0 : ctx.res) === null || _a === void 0 ? void 0 : _a.getHeader) && ctx.res.setHeader) {
-        // Check if response has finished and warn about it.
-        if ((_b = ctx === null || ctx === void 0 ? void 0 : ctx.res) === null || _b === void 0 ? void 0 : _b.finished) {
-            console.warn("Not setting \"" + name + "\" cookie. Response has finished.");
-            console.warn("You should set cookie before res.send()");
-            return {};
-        }
-        /**
-         * Load existing cookies from the header and parse them.
-         */
+    if (ctx && ctx.res && ctx.res.getHeader && ctx.res.setHeader) {
         var cookies = ctx.res.getHeader('Set-Cookie') || [];
         if (typeof cookies === 'string')
             cookies = [cookies];
         if (typeof cookies === 'number')
             cookies = [];
-        /**
-         * Parse cookies but ignore values - we've already encoded
-         * them in the previous call.
-         */
-        var parsedCookies = setCookie.parse(cookies, {
-            decodeValues: false,
-        });
-        /**
-         * We create the new cookie and make sure that none of
-         * the existing cookies match it.
-         */
-        var newCookie_1 = utils.createCookie(name, value, options);
+        var parsedCookies = setCookie.parse(cookies);
         var cookiesToSet_1 = [];
         parsedCookies.forEach(function (parsedCookie) {
-            if (!utils.areCookiesEqual(parsedCookie, newCookie_1)) {
-                /**
-                 * We serialize the cookie back to the original format
-                 * if it isn't the same as the new one.
-                 */
-                var serializedCookie = cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({ 
-                    // we prevent reencoding by default, but you might override it
-                    encode: function (val) { return val; } }, parsedCookie));
-                cookiesToSet_1.push(serializedCookie);
+            if (!areCookiesEqual(parsedCookie, createCookie(name, value, options))) {
+                cookiesToSet_1.push(cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({ encode: function (val) { return val; } }, parsedCookie)));
             }
         });
         cookiesToSet_1.push(cookie.serialize(name, value, options));
-        // Update the header.
-        ctx.res.setHeader('Set-Cookie', cookiesToSet_1);
+        if (!ctx.res.finished) {
+            ctx.res.setHeader('Set-Cookie', cookiesToSet_1);
+        }
     }
-    // Browser
-    if (utils.isBrowser()) {
+    if (isBrowser()) {
         if (options && options.httpOnly) {
             throw new Error('Can not set a httpOnly cookie in the browser.');
         }
@@ -394,21 +321,30 @@ function setCookie$1(ctx, name, value, options) {
 }
 exports.setCookie = setCookie$1;
 /**
+ *
  * Destroys a cookie with a particular name.
  *
- * @param ctx NextJS page or API context, express context, null or undefined.
- * @param name Cookie name.
- * @param options Options that we pass down to `cookie` library.
+ * @param ctx
+ * @param name
+ * @param options
  */
 function destroyCookie(ctx, name, options) {
-    /**
-     * We forward the request destroy to setCookie function
-     * as it is the same function with modified maxAge value.
-     */
-    return setCookie$1(ctx, name, '', __assign(__assign({}, (options || {})), { maxAge: -1 }));
+    var opts = __assign(__assign({}, (options || {})), { maxAge: -1 });
+    if (ctx && ctx.res && ctx.res.setHeader && ctx.res.getHeader) {
+        var cookies = ctx.res.getHeader('Set-Cookie') || [];
+        if (typeof cookies === 'string')
+            cookies = [cookies];
+        if (typeof cookies === 'number')
+            cookies = [];
+        cookies.push(cookie.serialize(name, '', opts));
+        ctx.res.setHeader('Set-Cookie', cookies);
+    }
+    if (isBrowser()) {
+        document.cookie = cookie.serialize(name, '', opts);
+    }
+    return {};
 }
 exports.destroyCookie = destroyCookie;
-/* Utility Exports */
 exports.default = {
     set: setCookie$1,
     get: parseCookies,

package/dist/esm/getSerializers.js

@@ -19,7 +19,7 @@ import './index-f7fb1e25.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import './moment-12415288.js';
+import './moment-b6f49411.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
@@ -28,7 +28,7 @@ import 'react-dom';
 import './index-51a80699.js';
 import './urlFor.js';
 import './index-6c12bdd5.js';
-import './main-aef58dbc.js';
+import './main-747e7d25.js';
 import './entities-7cc3bf45.js';
 import './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -44,9 +44,9 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-3fdda599.js';
-export { g as default } from './index-bec35c6c.js';
+export { g as default } from './index-82fea143.js';
 import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e1c6b0f2.js';
+import './brightcove-react-player-loader.es-4abff0b1.js';
 import 'next/head';
 import 'react-share';
 import './SocialShare.js';

package/dist/esm/{getTargeting-88d69971.js → getTargeting-bd800589.js}

@@ -2,18 +2,18 @@ import { _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
 import { _ as _extends } from './extends-6f2fcc99.js';
 
 var getContentPlacementUrl = function getContentPlacementUrl(cp) {
-  var cp_url = '';
-  if (cp.ancestor && typeof cp.ancestor == 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
-  }
+    var cp_url = '';
+    if (cp.ancestor && typeof cp.ancestor == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
+    }
 
-  if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.parent;
-  }
+    if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.parent;
+    }
 
-  cp_url += (cp_url === '' ? '' : '/') + (cp.adTargetingURL ? adTargetingURL : cp.path);
+    cp_url += (cp_url === '' ? '' : '/') + (cp.adTargetingURL ? adTargetingURL : cp.path);
 
-  return cp_url;
+    return cp_url;
 };
 
 var getTargeting = function getTargeting(props) {

package/dist/esm/getTargeting.js

@@ -6,4 +6,4 @@ import './toConsumableArray-43aa614d.js';
 import './core.get-iterator-method-e1de7503.js';
 import './_object-pie-33c40e79.js';
 import './extends-6f2fcc99.js';
-export { g as default } from './getTargeting-88d69971.js';
+export { g as default } from './getTargeting-bd800589.js';