@mjhls/mjh-framework 1.0.401 → 1.0.402

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.401
+# mjh-framework v. 1.0.402
 
 
 > Foundation Framework

package/dist/cjs/{Normal-53437675.js → Normal-c1c98dcf.js}

@@ -8,6 +8,8 @@ var React__default = _interopDefault(React);
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
+var Router = require('next/router');
+var Router__default = _interopDefault(Router);
 var slicedToArray = require('./slicedToArray-419d467a.js');
 var AdSlot = require('./AdSlot-20aa927e.js');
 var get$1 = require('./get-5aa7468c.js');
@@ -2083,7 +2085,22 @@ var TemplateNormal = function TemplateNormal(props) {
       showRightAd = props.showRightAd,
       sponsoredFlag = props.sponsoredFlag;
 
+  var router = Router.useRouter();
 
+  var _useState = React.useState(0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
+
+  React.useEffect(function () {
+    router.asPath && router.asPath.split('?').forEach(function (item) {
+      if (item.includes('page=')) {
+        setCurrentPage(item.split('=')[1]);
+      } else {
+        setCurrentPage(0);
+      }
+    });
+  }, [router]);
   var navigation = function navigation() {
     switch (config.navComponent) {
       case 'normal':
@@ -2152,7 +2169,12 @@ var TemplateNormal = function TemplateNormal(props) {
   return React__default.createElement(
     'section',
     null,
-    React__default.createElement(Header$1, { title: title ? title + ' | ' + website.title : '' + website.title, isLiveSite: config.isLiveSite, keyword: keywords, description: description }),
+    React__default.createElement(Header$1, {
+      title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
+      isLiveSite: config.isLiveSite,
+      keyword: keywords,
+      description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
+    }),
     navigation(),
     sponsoredFlag ? React__default.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
       React__default.Fragment,

package/dist/cjs/{TaxonomyCard-cf264332.js → TaxonomyCard-eb928f05.js}

@@ -985,7 +985,14 @@ var TaxonomyCard = function TaxonomyCard(props) {
 
           var socialLinks = [linkedIn, twitter, facebook];
           var address = [address1, address2, city, state, zip, country];
-          var companyDetails = [{ key: 'company', value: company }, { key: 'url', value: website }, { key: 'email', value: email }, { key: 'url', value: extraURL1 }, { key: 'url', value: extraURL2 }, { key: 'url', value: extraURL3 }, { key: 'url', value: extraURL4 }];
+          var companyDetails = [];
+          company && companyDetails.push({ key: 'company', value: company });
+          website && companyDetails.push({ key: 'url', value: website });
+          email && companyDetails.push({ key: 'email', value: email });
+          extraURL1 && companyDetails.push({ key: 'url', value: extraURL1 });
+          extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
+          extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
+          extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
           return React__default.createElement(
             Col,
             { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },

package/dist/cjs/TaxonomyCard.js

@@ -13,7 +13,7 @@ require('react-bootstrap/Card');
 require('react-dom');
 require('./index-b5eb3ff8.js');
 require('./index-fa0fb52c.js');
-var TaxonomyCard = require('./TaxonomyCard-cf264332.js');
+var TaxonomyCard = require('./TaxonomyCard-eb928f05.js');
 require('./react-social-icons-cd0d9d3b.js');
 
 

package/dist/cjs/TemplateNormal.js

@@ -11,6 +11,7 @@ require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
+require('next/router');
 require('./slicedToArray-419d467a.js');
 require('./AdSlot-20aa927e.js');
 require('./promise-d5136080.js');
@@ -19,7 +20,7 @@ require('./react-social-icons-cd0d9d3b.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-53437675.js');
+var TemplateNormal = require('./Normal-c1c98dcf.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/index.js

@@ -41,7 +41,7 @@ var AuthorComponent = require('./AuthorComponent-4706f297.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
-var TaxonomyCard = require('./TaxonomyCard-cf264332.js');
+var TaxonomyCard = require('./TaxonomyCard-eb928f05.js');
 require('./react-social-icons-cd0d9d3b.js');
 var smoothscroll = require('./smoothscroll-95231a70.js');
 var GroupDeck = require('./GroupDeck.js');
@@ -57,7 +57,7 @@ var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var TemplateNormal = require('./Normal-53437675.js');
+var TemplateNormal = require('./Normal-c1c98dcf.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -6444,12 +6444,22 @@ var Media = function Media(_ref) {
   }
 
   React.useEffect(function () {
-    var mediaLink = document.getElementById('media-link');
-    if (mediaLink) {
-      var prevSibling = mediaLink.previousSibling;
-      if (prevSibling) prevSibling.style.display = 'inline';
-      var nextSibling = mediaLink.nextSibling;
-      if (nextSibling) nextSibling.style.display = 'inline';
+    var mediaLinks = document.querySelectorAll('.media-link');
+    if (mediaLinks.length > 0) {
+      mediaLinks.forEach(function (mediaLink) {
+        var prevSibling = mediaLink.previousSibling;
+        if (prevSibling && prevSibling.textContent && prevSibling.textContent !== '') {
+          prevSibling.style.display = 'inline';
+          prevSibling.style.paddingRight = '0';
+          prevSibling.style.marginRight = '0';
+        }
+        var nextSibling = mediaLink.nextSibling;
+        if (nextSibling && nextSibling.textContent && nextSibling.textContent !== '') {
+          nextSibling.style.display = 'inline';
+          nextSibling.style.paddingLeft = '0';
+          nextSibling.style.marginLeft = '0';
+        }
+      });
     }
   }, []);
 
@@ -6519,7 +6529,7 @@ var Media = function Media(_ref) {
         href: uploadDoc.asset.url + '?dl='
       } : { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self', rel: 'noopener noreferrer' }, {
         style: { paddingLeft: '4px', paddingRight: '4px' },
-        id: 'media-link' }),
+        className: 'media-link' }),
       caption
     );
   } else {
@@ -14511,7 +14521,7 @@ var getSerializers = function getSerializers() {
 //      feature_img { asset-> {url} }
 //    }`
 
-//Update*  Added control toggle for features.  Will default to off - 
+//Update*  Added control toggle for features.  Will default to off -
 //<Feature controls dataset={props.features} /></div>
 
 var Feature = function Feature(props) {
@@ -14580,6 +14590,11 @@ var Feature = function Feature(props) {
   return React__default.createElement(
     'div',
     null,
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n        .carousel-indicators {\n          visibility: hidden;\n        }\n\n        .carousel-control-prev-icon {\n          width: 25%;\n          height: 100%;\n          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm7.58 0l5.988-5.995 1.414 1.416-4.574 4.579 4.574 4.59-1.414 1.416-5.988-6.006z\'/%3E%3C/svg%3E") !important;\n        }\n        .carousel-control-next-icon {\n          width: 25%;\n          height: 100%;\n          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.218 19l-1.782-1.75 5.25-5.25-5.25-5.25 1.782-1.75 6.968 7-6.968 7z\'/%3E%3C/svg%3E") !important;\n        }\n        .carousel-item img {\n          padding-left: 0 !important;\n          max-height: 500px !important;\n          min-height: 500px !important;\n        }\n        .carousel-item::after {\n          content: \'\';\n          position: absolute;\n          width: 100%;\n          height: 10px;\n          bottom: 0;\n          left: 0;\n          z-index: 999;\n          background: rgba(255, 255, 255, 0.6);\n        }\n        .carousel-caption {\n          padding-right: 0 !important;\n          justify-content: left !important;\n          display: flex;\n          flex-direction: row-reverse;\n          justify-content: center !important;\n          align-items: center;\n          bottom: 5px;\n          width: 100%;\n          padding-top: 0px;\n          left: 0 !important;\n          padding-bottom: 0px;\n        }\n        .carousel-caption a {\n          width: 100%;\n          margin-top: auto;\n          padding: 8%;\n          margin-bottom: 0px;\n          background: rgba(255, 255, 255, 0.6);\n        }\n        .carousel-caption a p,\n        .carousel-caption a h3 {\n          color: #3e3f3a !important;\n          text-align: left;\n          word-break: break-word;\n        }\n\n        .carousel-control-prev,\n        .carousel-control-next {\n          z-index: 999;\n        }\n        .carousel-caption h3,\n        .carousel-caption p {\n          font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n        }\n        .carousel-caption p {\n          font-size: 1.2em;\n        }\n        .carousel-caption h3 {\n          font-size: 1.6em;\n          font-weight: 400;\n        }\n        .carousel-item {\n          background: #eee !important;\n        }\n\n        .carousel-control-prev-icon {\n          width: 25%;\n          height: 100%;\n          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm7.58 0l5.988-5.995 1.414 1.416-4.574 4.579 4.574 4.59-1.414 1.416-5.988-6.006z\'/%3E%3C/svg%3E") !important;\n        }\n        .carousel-control-next-icon {\n          width: 25%;\n          height: 100%;\n          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.218 19l-1.782-1.75 5.25-5.25-5.25-5.25 1.782-1.75 6.968 7-6.968 7z\'/%3E%3C/svg%3E") !important;\n        }\n      '
+    ),
     React__default.createElement(
       Carousel,
       { touch: true, controls: controls },
@@ -14593,10 +14608,16 @@ var Feature = function Feature(props) {
         return React__default.createElement(
           Carousel.Item,
           { key: index, style: { background: 'var(--primary)' } },
-          React__default.createElement('img', { style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' }, className: 'd-block w-100', src: urlFor(feature_img).width(imageWidth).url(), alt: feature_alt }),
+          React__default.createElement('img', {
+            style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' },
+            className: 'd-block w-100',
+            src: urlFor(feature_img).width(imageWidth).url(),
+            alt: feature_alt
+          }),
           React__default.createElement(
             Carousel.Caption,
-            { style: { paddingRight: '50%', left: '3rem', right: '3rem', top: '0', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+            {
+              style: { paddingRight: '50%', left: '3rem', right: '3rem', top: '0', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
             renderUrl(feature_link, feature_title, feature_body)
           )
         );
@@ -17746,7 +17767,9 @@ var Article = function Article(props) {
           parent.style.display = 'none';
           setContextualADFlag(false);
         } else {
-          setContextualADFlag(true);
+          if (body[1]._type === 'figure') {
+            setContextualADFlag(true);
+          }
         }
       };
 

package/dist/esm/{Normal-fe65159c.js → Normal-68ef59cd.js}

@@ -3,6 +3,7 @@ import React__default, { useState, useEffect, useRef } from 'react';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
+import { useRouter } from 'next/router';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import { D as DFPAdSlot } from './AdSlot-c3ed3214.js';
 import { g as get_1 } from './get-53653403.js';
@@ -2078,7 +2079,22 @@ var TemplateNormal = function TemplateNormal(props) {
       showRightAd = props.showRightAd,
       sponsoredFlag = props.sponsoredFlag;
 
+  var router = useRouter();
 
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
+
+  useEffect(function () {
+    router.asPath && router.asPath.split('?').forEach(function (item) {
+      if (item.includes('page=')) {
+        setCurrentPage(item.split('=')[1]);
+      } else {
+        setCurrentPage(0);
+      }
+    });
+  }, [router]);
   var navigation = function navigation() {
     switch (config.navComponent) {
       case 'normal':
@@ -2147,7 +2163,12 @@ var TemplateNormal = function TemplateNormal(props) {
   return React__default.createElement(
     'section',
     null,
-    React__default.createElement(Header$1, { title: title ? title + ' | ' + website.title : '' + website.title, isLiveSite: config.isLiveSite, keyword: keywords, description: description }),
+    React__default.createElement(Header$1, {
+      title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
+      isLiveSite: config.isLiveSite,
+      keyword: keywords,
+      description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
+    }),
     navigation(),
     sponsoredFlag ? React__default.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
       React__default.Fragment,

package/dist/esm/{TaxonomyCard-12f0a90a.js → TaxonomyCard-b29aa7ac.js}

@@ -980,7 +980,14 @@ var TaxonomyCard = function TaxonomyCard(props) {
 
           var socialLinks = [linkedIn, twitter, facebook];
           var address = [address1, address2, city, state, zip, country];
-          var companyDetails = [{ key: 'company', value: company }, { key: 'url', value: website }, { key: 'email', value: email }, { key: 'url', value: extraURL1 }, { key: 'url', value: extraURL2 }, { key: 'url', value: extraURL3 }, { key: 'url', value: extraURL4 }];
+          var companyDetails = [];
+          company && companyDetails.push({ key: 'company', value: company });
+          website && companyDetails.push({ key: 'url', value: website });
+          email && companyDetails.push({ key: 'email', value: email });
+          extraURL1 && companyDetails.push({ key: 'url', value: extraURL1 });
+          extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
+          extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
+          extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
           return React__default.createElement(
             Col,
             { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },

package/dist/esm/TaxonomyCard.js

@@ -11,5 +11,5 @@ import 'react-bootstrap/Card';
 import 'react-dom';
 import './index-51a80699.js';
 import './index-5f9f807a.js';
-export { T as default } from './TaxonomyCard-12f0a90a.js';
+export { T as default } from './TaxonomyCard-b29aa7ac.js';
 import './react-social-icons-a7d5c5c7.js';

package/dist/esm/TemplateNormal.js

@@ -9,6 +9,7 @@ import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
+import 'next/router';
 import './slicedToArray-04e02710.js';
 import './AdSlot-c3ed3214.js';
 import './promise-5d7cd78a.js';
@@ -17,7 +18,7 @@ import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-fe65159c.js';
+export { T as default } from './Normal-68ef59cd.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -34,8 +34,8 @@ import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
-import { B as BlockContent } from './TaxonomyCard-12f0a90a.js';
-export { T as TaxonomyCard } from './TaxonomyCard-12f0a90a.js';
+import { B as BlockContent } from './TaxonomyCard-b29aa7ac.js';
+export { T as TaxonomyCard } from './TaxonomyCard-b29aa7ac.js';
 import './react-social-icons-a7d5c5c7.js';
 import { g as getYoutubeId } from './smoothscroll-4b699764.js';
 import GroupDeck from './GroupDeck.js';
@@ -52,8 +52,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf } from './Normal-fe65159c.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-fe65159c.js';
+import { M as MdPictureAsPdf } from './Normal-68ef59cd.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-68ef59cd.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -6441,12 +6441,22 @@ var Media = function Media(_ref) {
   }
 
   useEffect(function () {
-    var mediaLink = document.getElementById('media-link');
-    if (mediaLink) {
-      var prevSibling = mediaLink.previousSibling;
-      if (prevSibling) prevSibling.style.display = 'inline';
-      var nextSibling = mediaLink.nextSibling;
-      if (nextSibling) nextSibling.style.display = 'inline';
+    var mediaLinks = document.querySelectorAll('.media-link');
+    if (mediaLinks.length > 0) {
+      mediaLinks.forEach(function (mediaLink) {
+        var prevSibling = mediaLink.previousSibling;
+        if (prevSibling && prevSibling.textContent && prevSibling.textContent !== '') {
+          prevSibling.style.display = 'inline';
+          prevSibling.style.paddingRight = '0';
+          prevSibling.style.marginRight = '0';
+        }
+        var nextSibling = mediaLink.nextSibling;
+        if (nextSibling && nextSibling.textContent && nextSibling.textContent !== '') {
+          nextSibling.style.display = 'inline';
+          nextSibling.style.paddingLeft = '0';
+          nextSibling.style.marginLeft = '0';
+        }
+      });
     }
   }, []);
 
@@ -6516,7 +6526,7 @@ var Media = function Media(_ref) {
         href: uploadDoc.asset.url + '?dl='
       } : { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self', rel: 'noopener noreferrer' }, {
         style: { paddingLeft: '4px', paddingRight: '4px' },
-        id: 'media-link' }),
+        className: 'media-link' }),
       caption
     );
   } else {
@@ -14508,7 +14518,7 @@ var getSerializers = function getSerializers() {
 //      feature_img { asset-> {url} }
 //    }`
 
-//Update*  Added control toggle for features.  Will default to off - 
+//Update*  Added control toggle for features.  Will default to off -
 //<Feature controls dataset={props.features} /></div>
 
 var Feature = function Feature(props) {
@@ -14577,6 +14587,11 @@ var Feature = function Feature(props) {
   return React__default.createElement(
     'div',
     null,
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n        .carousel-indicators {\n          visibility: hidden;\n        }\n\n        .carousel-control-prev-icon {\n          width: 25%;\n          height: 100%;\n          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm7.58 0l5.988-5.995 1.414 1.416-4.574 4.579 4.574 4.59-1.414 1.416-5.988-6.006z\'/%3E%3C/svg%3E") !important;\n        }\n        .carousel-control-next-icon {\n          width: 25%;\n          height: 100%;\n          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.218 19l-1.782-1.75 5.25-5.25-5.25-5.25 1.782-1.75 6.968 7-6.968 7z\'/%3E%3C/svg%3E") !important;\n        }\n        .carousel-item img {\n          padding-left: 0 !important;\n          max-height: 500px !important;\n          min-height: 500px !important;\n        }\n        .carousel-item::after {\n          content: \'\';\n          position: absolute;\n          width: 100%;\n          height: 10px;\n          bottom: 0;\n          left: 0;\n          z-index: 999;\n          background: rgba(255, 255, 255, 0.6);\n        }\n        .carousel-caption {\n          padding-right: 0 !important;\n          justify-content: left !important;\n          display: flex;\n          flex-direction: row-reverse;\n          justify-content: center !important;\n          align-items: center;\n          bottom: 5px;\n          width: 100%;\n          padding-top: 0px;\n          left: 0 !important;\n          padding-bottom: 0px;\n        }\n        .carousel-caption a {\n          width: 100%;\n          margin-top: auto;\n          padding: 8%;\n          margin-bottom: 0px;\n          background: rgba(255, 255, 255, 0.6);\n        }\n        .carousel-caption a p,\n        .carousel-caption a h3 {\n          color: #3e3f3a !important;\n          text-align: left;\n          word-break: break-word;\n        }\n\n        .carousel-control-prev,\n        .carousel-control-next {\n          z-index: 999;\n        }\n        .carousel-caption h3,\n        .carousel-caption p {\n          font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n        }\n        .carousel-caption p {\n          font-size: 1.2em;\n        }\n        .carousel-caption h3 {\n          font-size: 1.6em;\n          font-weight: 400;\n        }\n        .carousel-item {\n          background: #eee !important;\n        }\n\n        .carousel-control-prev-icon {\n          width: 25%;\n          height: 100%;\n          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm7.58 0l5.988-5.995 1.414 1.416-4.574 4.579 4.574 4.59-1.414 1.416-5.988-6.006z\'/%3E%3C/svg%3E") !important;\n        }\n        .carousel-control-next-icon {\n          width: 25%;\n          height: 100%;\n          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23000000\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.218 19l-1.782-1.75 5.25-5.25-5.25-5.25 1.782-1.75 6.968 7-6.968 7z\'/%3E%3C/svg%3E") !important;\n        }\n      '
+    ),
     React__default.createElement(
       Carousel$1,
       { touch: true, controls: controls },
@@ -14590,10 +14605,16 @@ var Feature = function Feature(props) {
         return React__default.createElement(
           Carousel$1.Item,
           { key: index, style: { background: 'var(--primary)' } },
-          React__default.createElement('img', { style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' }, className: 'd-block w-100', src: urlFor(feature_img).width(imageWidth).url(), alt: feature_alt }),
+          React__default.createElement('img', {
+            style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' },
+            className: 'd-block w-100',
+            src: urlFor(feature_img).width(imageWidth).url(),
+            alt: feature_alt
+          }),
           React__default.createElement(
             Carousel$1.Caption,
-            { style: { paddingRight: '50%', left: '3rem', right: '3rem', top: '0', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+            {
+              style: { paddingRight: '50%', left: '3rem', right: '3rem', top: '0', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
             renderUrl(feature_link, feature_title, feature_body)
           )
         );
@@ -17743,7 +17764,9 @@ var Article = function Article(props) {
           parent.style.display = 'none';
           setContextualADFlag(false);
         } else {
-          setContextualADFlag(true);
+          if (body[1]._type === 'figure') {
+            setContextualADFlag(true);
+          }
         }
       };
 

package/package.json

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