@mjhls/mjh-framework 1.0.654 → 1.0.656

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.654
+# mjh-framework v. 1.0.656
 
 > Foundation Framework 
 

package/dist/cjs/ExternalResources.js

@@ -45,7 +45,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var index$3 = require('./index-5be2866f.js');
-var getSerializers = require('./index-94418bc4.js');
+var getSerializers = require('./index-47e709f6.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/HamMagazine.js

@@ -128,7 +128,8 @@ var HamMagazine = function HamMagazine(props) {
         if (window.innerWidth < 768 && resolution >= 768) {
           console.log('Detected Mobile Resolution');
           window.location.reload();
-        } else if (window.innerWidth >= 768 && resolution < 768) {
+          // Updating the condition to reload the page on resize in desktop view
+        } else if (window.innerWidth >= 768) {
           console.log('Detected Tablet/Desktop Resolution');
           window.location.reload();
         }
@@ -539,7 +540,7 @@ var HamMagazine = function HamMagazine(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          // .dropdown-menu {\n          //   max-height: 315px;\n          //   overflow: auto;\n          // }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-xl .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n            white-space: inherit !important;\n            margin-bottom: 5px;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          // .navbar .mobile-nav .dropdown-menu.show {\n          //   max-height: 100px;\n          // }\n        }\n        @media screen and (min-width: 1200px) {\n          #navbar-ham {\n            overflow: visible !important;\n          }\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n\n          .navbar.bg-primary {\n            z-index: 3000000 !important;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
+      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          // .dropdown-menu {\n          //   max-height: 315px;\n          //   overflow: auto;\n          // }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-xl .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n            white-space: inherit !important;\n            margin-bottom: 5px;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          // .navbar .mobile-nav .dropdown-menu.show {\n          //   max-height: 100px;\n          // }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          #navbar-ham {\n            overflow: visible !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n\n          .navbar.bg-primary {\n            z-index: 3000000 !important;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/NavMagazine.js

@@ -130,7 +130,8 @@ var NavMagazine = function NavMagazine(props) {
         if (window.innerWidth < 768 && resolution >= 768) {
           console.log('Detected Mobile Resolution');
           window.location.reload();
-        } else if (window.innerWidth >= 768 && resolution < 768) {
+          // Updating the condition to reload the page on resize in desktop view
+        } else if (window.innerWidth >= 768) {
           console.log('Detected Tablet/Desktop Resolution');
           window.location.reload();
         }

package/dist/cjs/NavNative.js

@@ -99,7 +99,8 @@ var NavNative = function NavNative(props) {
         if (window.innerWidth < 768 && resolution >= 768) {
           console.log('Detected Mobile Resolution');
           window.location.reload();
-        } else if (window.innerWidth >= 768 && resolution < 768) {
+          // Updating the condition to reload the page on resize in desktop view
+        } else if (window.innerWidth >= 768) {
           console.log('Detected Tablet/Desktop Resolution');
           window.location.reload();
         }

package/dist/cjs/PartnerDetailListing.js

@@ -52,7 +52,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-94418bc4.js');
+var getSerializers = require('./index-47e709f6.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/View.js

@@ -47,7 +47,7 @@ require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var defineProperty$1 = require('./defineProperty-55548b25.js');
 var Form = _interopDefault(require('react-bootstrap/Form'));
-var getSerializers = require('./index-94418bc4.js');
+var getSerializers = require('./index-47e709f6.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/getSerializers.js

@@ -40,7 +40,7 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-94418bc4.js');
+var getSerializers = require('./index-47e709f6.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/{index-94418bc4.js → index-47e709f6.js}

@@ -8391,16 +8391,6 @@ var ArticleSeries = function ArticleSeries(_ref) {
   );
 };
 
-var urlFor$3 = function urlFor(source, client) {
-  var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var compareProps = function compareProps(prevProps, nextProps) {
-  if (nextProps.node.asset && nextProps.node.asset._ref) {
-    return prevProps.node.asset._ref === nextProps.node.asset._ref;
-  }
-};
 function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   React.useEffect(function () {
     function handleClickOutside(event) {
@@ -8415,6 +8405,34 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
     };
   }, [ref]);
 }
+
+var renderLightbox = function renderLightbox(openImg, openImgSrc, setOpenImg, setOpenImgSrc) {
+  var lightboxImage = React.useRef(null);
+  var lightboxContainer = React.useRef(null);
+  useOutsideAlerter(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
+  return React__default.createElement(
+    'div',
+    { ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
+    React__default.createElement('img', { ref: lightboxImage, src: openImgSrc }),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
+    )
+  );
+};
+
+var urlFor$3 = function urlFor(source, client) {
+  var builder = index$1.imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var compareProps = function compareProps(prevProps, nextProps) {
+  if (nextProps.node.asset && nextProps.node.asset._ref) {
+    return prevProps.node.asset._ref === nextProps.node.asset._ref;
+  }
+};
+
 var FigureComponent = function FigureComponent(props) {
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -8426,11 +8444,32 @@ var FigureComponent = function FigureComponent(props) {
       openImgSrc = _useState4[0],
       setOpenImgSrc = _useState4[1];
 
-  var lightboxImage = React.useRef(null);
-  var lightboxContainer = React.useRef(null);
-  useOutsideAlerter(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
   if (typeof window === 'undefined') return null;
 
+  React.useEffect(function () {
+    var lightboxCaptions = document.querySelectorAll('.lightbox-caption');
+    if (lightboxCaptions && lightboxCaptions.length > 0) {
+      lightboxCaptions.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;
+        nextSibling.remove();
+        var parentNode = mediaLink.parentNode;
+        parentNode.appendChild(nextSibling);
+        nextSibling = mediaLink.nextSibling;
+        if (nextSibling && nextSibling.textContent && nextSibling.textContent !== '') {
+          nextSibling.style.display = 'inline';
+          nextSibling.style.paddingLeft = '0';
+          nextSibling.style.marginLeft = '0';
+        }
+      });
+    }
+  }, []);
+
   var node = props.node,
       client = props.client;
 
@@ -8446,7 +8485,9 @@ var FigureComponent = function FigureComponent(props) {
       _node$class_name = node.class_name,
       class_name = _node$class_name === undefined ? 'd-block' : _node$class_name,
       _node$disableTextWrap = node.disableTextWrap,
-      disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap;
+      disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap,
+      _node$lightBoxmode = node.lightBoxmode,
+      lightBoxmode = _node$lightBoxmode === undefined ? false : _node$lightBoxmode;
   var _node$widthP = node.widthP,
       widthP = _node$widthP === undefined ? 'auto' : _node$widthP;
 
@@ -8497,6 +8538,31 @@ var FigureComponent = function FigureComponent(props) {
     margin: figureMargin
   };
 
+  if (lightBoxmode) {
+    if (link && caption) {
+      return React__default.createElement(
+        'a',
+        { target: blank ? '_blank' : '_self', href: link },
+        React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
+      );
+    } else if (node && node.asset && node.asset._ref && caption) {
+      return React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement('div', {
+          style: { display: 'inline', cursor: 'pointer', textDecoration: 'underline', paddingLeft: '0.25rem', paddingRight: '0.25rem' },
+          className: 'lightbox-caption',
+          onClick: function onClick() {
+            setOpenImgSrc(urlFor$3(node, client).url());
+            setOpenImg(true);
+          },
+          dangerouslySetInnerHTML: { __html: '<span>' + caption + '</span>' }
+        }),
+        renderLightbox(openImg, openImgSrc, setOpenImg, setOpenImgSrc)
+      );
+    }
+  }
+
   return React__default.createElement(
     React__default.Fragment,
     null,
@@ -8522,17 +8588,13 @@ var FigureComponent = function FigureComponent(props) {
           }
         }),
         caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
-      )
-    ),
-    React__default.createElement(
-      'div',
-      { ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-      React__default.createElement('img', { ref: lightboxImage, src: openImgSrc })
+      ),
+      renderLightbox(openImg, openImgSrc, setOpenImg, setOpenImgSrc)
     ),
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
+      '\n        .figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\n      '
     )
   );
 };

package/dist/cjs/index.js

@@ -79,7 +79,7 @@ require('react-bootstrap/Form');
 require('./index-5be2866f.js');
 require('./js.cookie-a511c430.js');
 var CMEDeck = require('./CMEDeck.js');
-var getSerializers = require('./index-94418bc4.js');
+var getSerializers = require('./index-47e709f6.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/esm/ExternalResources.js

@@ -39,7 +39,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
 import { m as momentTimezone } from './index-d2f90501.js';
-import { g as getSerializers } from './index-d493a594.js';
+import { g as getSerializers } from './index-ed279e5e.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/HamMagazine.js

@@ -121,7 +121,8 @@ var HamMagazine = function HamMagazine(props) {
         if (window.innerWidth < 768 && resolution >= 768) {
           console.log('Detected Mobile Resolution');
           window.location.reload();
-        } else if (window.innerWidth >= 768 && resolution < 768) {
+          // Updating the condition to reload the page on resize in desktop view
+        } else if (window.innerWidth >= 768) {
           console.log('Detected Tablet/Desktop Resolution');
           window.location.reload();
         }
@@ -532,7 +533,7 @@ var HamMagazine = function HamMagazine(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          // .dropdown-menu {\n          //   max-height: 315px;\n          //   overflow: auto;\n          // }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-xl .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n            white-space: inherit !important;\n            margin-bottom: 5px;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          // .navbar .mobile-nav .dropdown-menu.show {\n          //   max-height: 100px;\n          // }\n        }\n        @media screen and (min-width: 1200px) {\n          #navbar-ham {\n            overflow: visible !important;\n          }\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n\n          .navbar.bg-primary {\n            z-index: 3000000 !important;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
+      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          // .dropdown-menu {\n          //   max-height: 315px;\n          //   overflow: auto;\n          // }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-xl .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n            white-space: inherit !important;\n            margin-bottom: 5px;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          // .navbar .mobile-nav .dropdown-menu.show {\n          //   max-height: 100px;\n          // }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          #navbar-ham {\n            overflow: visible !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n\n          .navbar.bg-primary {\n            z-index: 3000000 !important;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
     )
   );
 };

package/dist/esm/NavMagazine.js

@@ -123,7 +123,8 @@ var NavMagazine = function NavMagazine(props) {
         if (window.innerWidth < 768 && resolution >= 768) {
           console.log('Detected Mobile Resolution');
           window.location.reload();
-        } else if (window.innerWidth >= 768 && resolution < 768) {
+          // Updating the condition to reload the page on resize in desktop view
+        } else if (window.innerWidth >= 768) {
           console.log('Detected Tablet/Desktop Resolution');
           window.location.reload();
         }

package/dist/esm/NavNative.js

@@ -92,7 +92,8 @@ var NavNative = function NavNative(props) {
         if (window.innerWidth < 768 && resolution >= 768) {
           console.log('Detected Mobile Resolution');
           window.location.reload();
-        } else if (window.innerWidth >= 768 && resolution < 768) {
+          // Updating the condition to reload the page on resize in desktop view
+        } else if (window.innerWidth >= 768) {
           console.log('Detected Tablet/Desktop Resolution');
           window.location.reload();
         }

package/dist/esm/PartnerDetailListing.js

@@ -47,7 +47,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import 'react-bootstrap/Button';
-import { g as getSerializers } from './index-d493a594.js';
+import { g as getSerializers } from './index-ed279e5e.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/View.js

@@ -41,7 +41,7 @@ import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
 import { _ as _defineProperty } from './defineProperty-b798470d.js';
 import Form from 'react-bootstrap/Form';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-d493a594.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-ed279e5e.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/getSerializers.js

@@ -38,7 +38,7 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import 'react-bootstrap/Button';
-export { g as default } from './index-d493a594.js';
+export { g as default } from './index-ed279e5e.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/{index-d493a594.js → index-ed279e5e.js}

@@ -8384,16 +8384,6 @@ var ArticleSeries = function ArticleSeries(_ref) {
   );
 };
 
-var urlFor$3 = function urlFor(source, client) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var compareProps = function compareProps(prevProps, nextProps) {
-  if (nextProps.node.asset && nextProps.node.asset._ref) {
-    return prevProps.node.asset._ref === nextProps.node.asset._ref;
-  }
-};
 function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   useEffect(function () {
     function handleClickOutside(event) {
@@ -8408,6 +8398,34 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
     };
   }, [ref]);
 }
+
+var renderLightbox = function renderLightbox(openImg, openImgSrc, setOpenImg, setOpenImgSrc) {
+  var lightboxImage = useRef(null);
+  var lightboxContainer = useRef(null);
+  useOutsideAlerter(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
+  return React__default.createElement(
+    'div',
+    { ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
+    React__default.createElement('img', { ref: lightboxImage, src: openImgSrc }),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
+    )
+  );
+};
+
+var urlFor$3 = function urlFor(source, client) {
+  var builder = imageUrlBuilder(client);
+  return builder.image(source).auto('format');
+};
+
+var compareProps = function compareProps(prevProps, nextProps) {
+  if (nextProps.node.asset && nextProps.node.asset._ref) {
+    return prevProps.node.asset._ref === nextProps.node.asset._ref;
+  }
+};
+
 var FigureComponent = function FigureComponent(props) {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -8419,11 +8437,32 @@ var FigureComponent = function FigureComponent(props) {
       openImgSrc = _useState4[0],
       setOpenImgSrc = _useState4[1];
 
-  var lightboxImage = useRef(null);
-  var lightboxContainer = useRef(null);
-  useOutsideAlerter(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
   if (typeof window === 'undefined') return null;
 
+  useEffect(function () {
+    var lightboxCaptions = document.querySelectorAll('.lightbox-caption');
+    if (lightboxCaptions && lightboxCaptions.length > 0) {
+      lightboxCaptions.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;
+        nextSibling.remove();
+        var parentNode = mediaLink.parentNode;
+        parentNode.appendChild(nextSibling);
+        nextSibling = mediaLink.nextSibling;
+        if (nextSibling && nextSibling.textContent && nextSibling.textContent !== '') {
+          nextSibling.style.display = 'inline';
+          nextSibling.style.paddingLeft = '0';
+          nextSibling.style.marginLeft = '0';
+        }
+      });
+    }
+  }, []);
+
   var node = props.node,
       client = props.client;
 
@@ -8439,7 +8478,9 @@ var FigureComponent = function FigureComponent(props) {
       _node$class_name = node.class_name,
       class_name = _node$class_name === undefined ? 'd-block' : _node$class_name,
       _node$disableTextWrap = node.disableTextWrap,
-      disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap;
+      disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap,
+      _node$lightBoxmode = node.lightBoxmode,
+      lightBoxmode = _node$lightBoxmode === undefined ? false : _node$lightBoxmode;
   var _node$widthP = node.widthP,
       widthP = _node$widthP === undefined ? 'auto' : _node$widthP;
 
@@ -8490,6 +8531,31 @@ var FigureComponent = function FigureComponent(props) {
     margin: figureMargin
   };
 
+  if (lightBoxmode) {
+    if (link && caption) {
+      return React__default.createElement(
+        'a',
+        { target: blank ? '_blank' : '_self', href: link },
+        React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
+      );
+    } else if (node && node.asset && node.asset._ref && caption) {
+      return React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement('div', {
+          style: { display: 'inline', cursor: 'pointer', textDecoration: 'underline', paddingLeft: '0.25rem', paddingRight: '0.25rem' },
+          className: 'lightbox-caption',
+          onClick: function onClick() {
+            setOpenImgSrc(urlFor$3(node, client).url());
+            setOpenImg(true);
+          },
+          dangerouslySetInnerHTML: { __html: '<span>' + caption + '</span>' }
+        }),
+        renderLightbox(openImg, openImgSrc, setOpenImg, setOpenImgSrc)
+      );
+    }
+  }
+
   return React__default.createElement(
     React__default.Fragment,
     null,
@@ -8515,17 +8581,13 @@ var FigureComponent = function FigureComponent(props) {
           }
         }),
         caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
-      )
-    ),
-    React__default.createElement(
-      'div',
-      { ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-      React__default.createElement('img', { ref: lightboxImage, src: openImgSrc })
+      ),
+      renderLightbox(openImg, openImgSrc, setOpenImg, setOpenImgSrc)
     ),
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
+      '\n        .figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\n      '
     )
   );
 };

package/dist/esm/index.js

@@ -75,7 +75,7 @@ import 'react-bootstrap/Form';
 import './index-d2f90501.js';
 import './js.cookie-6874175c.js';
 export { default as CMEDeck } from './CMEDeck.js';
-export { g as getSerializers } from './index-d493a594.js';
+export { g as getSerializers } from './index-ed279e5e.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/package.json

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