@mjhls/mjh-framework 1.0.850-slideshow → 1.0.850

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var _extends = require('./extends-29bdbc6d.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-29bdbc6d.js');
 var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.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-974f47d9.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-6de10e57.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-36e54d77.js');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-6de10e57.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/MediaSeriesLanding.js

@@ -17,7 +17,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-36e54d77.js');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 require('./define-property-c88be878.js');
 require('./_to-object-6de10e57.js');
 require('./es6.string.iterator-c2573ffd.js');

package/dist/cjs/PartnerDetailListing.js

@@ -11,7 +11,7 @@ var moment = require('./moment-aca40de1.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');

package/dist/cjs/TaxonomyDescription.js

@@ -6,7 +6,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-36e54d77.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.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-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-cbab9f0f.js');
 var getTargeting = require('./getTargeting-faf37284.js');
@@ -1721,31 +1721,39 @@ var View = function View(props) {
     }
   }, []);
 
-  var isVideoSeries = false;
-  //check for certain serializers that need to disable infinite scroll
-  var checkBodyForDisableInfiniteScroll = function checkBodyForDisableInfiniteScroll(article) {
+  // disable infinite scroll
+  var checkVideoSeries = function checkVideoSeries(article) {
     if (!article || !article.body) {
       return false;
     }
     for (var i = 0; i < article.body.length; i++) {
-      if (article.body[i]._type === 'articleSeries' || article.body[i]._type === 'slideshows') {
-        return true;
-      }
       var row = article.body[i];
       if (typeof row.videos !== 'undefined') {
-        isVideoSeries = true;
         return true;
       }
     }
     return false;
   };
 
-  var disableInfiniteScroll = checkBodyForDisableInfiniteScroll(props.article);
+  var checkArticleSeries = function checkArticleSeries(article) {
+    if (!article || !article.body) {
+      return false;
+    }
+    for (var i = 0; i < article.body.length; i++) {
+      if (article.body[i]._type === 'articleSeries') {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  var isVideoSeries = checkVideoSeries(props.article);
+  var isArticleSeries = checkArticleSeries(props.article);
   var commentsEnabledInTaxonomy = Array.isArray(content_placement) && content_placement.some(function (t) {
     return t.showComments === true;
   });
   var showDisqus = commentsEnabledInTaxonomy || hideComments === false;
-  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !disableInfiniteScroll && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi && (!article.documentGroup || !article.documentGroup.isSeries) && !showDisqus;
+  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi && (!article.documentGroup || !article.documentGroup.isSeries) && !showDisqus;
 
   if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
     title = null;

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.js');
 require('./BlockContent-36e54d77.js');
 require('./entities-3f9d0f2f.js');
 require('./slicedToArray-5d1bc3b3.js');

package/dist/cjs/{index-991f0c65.js → index-a67ab93e.js}

@@ -8175,7 +8175,7 @@ var Slideshow = function Slideshow(_ref) {
               { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
               React__default['default'].createElement(
                 'div',
-                { style: { textAlign: 'center' }, className: '' },
+                { className: 'embed-responsive embed-responsive-slide' },
                 React__default['default'].createElement(
                   index$2.LazyLoad,
                   null,
@@ -8185,8 +8185,13 @@ var Slideshow = function Slideshow(_ref) {
                     React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
                     React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
                     React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
-                    React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
+                    React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-responsive-item' })
                   )
+                ),
+                React__default['default'].createElement(
+                  'style',
+                  { jsx: 'true' },
+                  '\n                        .embed-responsive-slide::before {\n                          padding-top: ' + slide.slideshowImage.height / slide.slideshowImage.width * 100 + '%;\n                        }\n                      '
                 )
               )
             ),
@@ -8208,7 +8213,7 @@ var Slideshow = function Slideshow(_ref) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .embed-item-img {\n          max-width: 100%;\n          max-height: 750px;\n        }\n        .carousel-indicators {\n          bottom: -2.5rem !important;\n        }\n        .carousel-indicators li {\n          width: 20px;\n          height: 20px;\n          border-radius: 50% !important;\n          background-color: var(--secondary);\n        }\n        .carousel-control-prev {\n          justify-content: flex-start;\n        }\n        .carousel-control-next {\n          justify-content: flex-end;\n        }\n      '
+      '\n        .carousel-indicators {\n          bottom: -2.5rem !important;\n        }\n        .carousel-indicators li {\n          width: 20px;\n          height: 20px;\n          border-radius: 50% !important;\n          background-color: var(--secondary);\n        }\n        .carousel-control-prev {\n          justify-content: flex-start;\n        }\n        .carousel-control-next {\n          justify-content: flex-end;\n        }\n      '
     )
   );
 };

package/dist/cjs/index.js

@@ -82,7 +82,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-991f0c65.js');
+var getSerializers = require('./index-a67ab93e.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-be2f7a22.js';
 import { _ as _extends } from './extends-60e0e1c6.js';
 import React from 'react';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-2dcd3f28.js';
+import { g as getSerializers } from './index-27e2c06e.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-60e0e1c6.js';
 import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-2dcd3f28.js';
+import { g as getSerializers } from './index-27e2c06e.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 from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-2dcd3f28.js';
+import { g as getSerializers } from './index-27e2c06e.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b50e61c3.js';
 import './_object-pie-133f504a.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-2dcd3f28.js';
+import { g as getSerializers } from './index-27e2c06e.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b50e61c3.js';
 import './_object-pie-133f504a.js';

package/dist/esm/MediaSeriesLanding.js

@@ -15,7 +15,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-52cf21c5.js';
-import { g as getSerializers } from './index-2dcd3f28.js';
+import { g as getSerializers } from './index-27e2c06e.js';
 import './define-property-fe54dc9f.js';
 import './_to-object-b50e61c3.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/PartnerDetailListing.js

@@ -9,7 +9,7 @@ import { m as moment } from './moment-bc12cb97.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
-import { g as getSerializers } from './index-2dcd3f28.js';
+import { g as getSerializers } from './index-27e2c06e.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/TaxonomyDescription.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-2dcd3f28.js';
+import { g as getSerializers } from './index-27e2c06e.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';
 import './_to-object-b50e61c3.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-52cf21c5.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-2dcd3f28.js';
+import { g as getSerializers } from './index-27e2c06e.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.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-f40c2564.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-2dcd3f28.js';
+import { r as renderAuthor, g as getSerializers } from './index-27e2c06e.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-5c62a578.js';
 import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-c3401fa7.js';
@@ -1711,31 +1711,39 @@ var View = function View(props) {
     }
   }, []);
 
-  var isVideoSeries = false;
-  //check for certain serializers that need to disable infinite scroll
-  var checkBodyForDisableInfiniteScroll = function checkBodyForDisableInfiniteScroll(article) {
+  // disable infinite scroll
+  var checkVideoSeries = function checkVideoSeries(article) {
     if (!article || !article.body) {
       return false;
     }
     for (var i = 0; i < article.body.length; i++) {
-      if (article.body[i]._type === 'articleSeries' || article.body[i]._type === 'slideshows') {
-        return true;
-      }
       var row = article.body[i];
       if (typeof row.videos !== 'undefined') {
-        isVideoSeries = true;
         return true;
       }
     }
     return false;
   };
 
-  var disableInfiniteScroll = checkBodyForDisableInfiniteScroll(props.article);
+  var checkArticleSeries = function checkArticleSeries(article) {
+    if (!article || !article.body) {
+      return false;
+    }
+    for (var i = 0; i < article.body.length; i++) {
+      if (article.body[i]._type === 'articleSeries') {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  var isVideoSeries = checkVideoSeries(props.article);
+  var isArticleSeries = checkArticleSeries(props.article);
   var commentsEnabledInTaxonomy = Array.isArray(content_placement) && content_placement.some(function (t) {
     return t.showComments === true;
   });
   var showDisqus = commentsEnabledInTaxonomy || hideComments === false;
-  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !disableInfiniteScroll && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi && (!article.documentGroup || !article.documentGroup.isSeries) && !showDisqus;
+  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi && (!article.documentGroup || !article.documentGroup.isSeries) && !showDisqus;
 
   if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
     title = null;

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-2dcd3f28.js';
+export { g as default } from './index-27e2c06e.js';
 import './BlockContent-52cf21c5.js';
 import './entities-932b50cf.js';
 import './slicedToArray-be2f7a22.js';

package/dist/esm/{index-2dcd3f28.js → index-27e2c06e.js}

@@ -8161,7 +8161,7 @@ var Slideshow = function Slideshow(_ref) {
               { href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
               React.createElement(
                 'div',
-                { style: { textAlign: 'center' }, className: '' },
+                { className: 'embed-responsive embed-responsive-slide' },
                 React.createElement(
                   LazyLoad,
                   null,
@@ -8171,8 +8171,13 @@ var Slideshow = function Slideshow(_ref) {
                     React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
                     React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
                     React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
-                    React.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
+                    React.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-responsive-item' })
                   )
+                ),
+                React.createElement(
+                  'style',
+                  { jsx: 'true' },
+                  '\n                        .embed-responsive-slide::before {\n                          padding-top: ' + slide.slideshowImage.height / slide.slideshowImage.width * 100 + '%;\n                        }\n                      '
                 )
               )
             ),
@@ -8194,7 +8199,7 @@ var Slideshow = function Slideshow(_ref) {
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .embed-item-img {\n          max-width: 100%;\n          max-height: 750px;\n        }\n        .carousel-indicators {\n          bottom: -2.5rem !important;\n        }\n        .carousel-indicators li {\n          width: 20px;\n          height: 20px;\n          border-radius: 50% !important;\n          background-color: var(--secondary);\n        }\n        .carousel-control-prev {\n          justify-content: flex-start;\n        }\n        .carousel-control-next {\n          justify-content: flex-end;\n        }\n      '
+      '\n        .carousel-indicators {\n          bottom: -2.5rem !important;\n        }\n        .carousel-indicators li {\n          width: 20px;\n          height: 20px;\n          border-radius: 50% !important;\n          background-color: var(--secondary);\n        }\n        .carousel-control-prev {\n          justify-content: flex-start;\n        }\n        .carousel-control-next {\n          justify-content: flex-end;\n        }\n      '
     )
   );
 };

package/dist/esm/index.js

@@ -79,7 +79,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-2dcd3f28.js';
+export { g as getSerializers } from './index-27e2c06e.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.850-slideshow",
+  "version": "1.0.850",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",