@mjhls/mjh-framework 1.0.269 → 1.0.270

package/dist/esm/DeckContent.js

@@ -18,7 +18,7 @@ import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visib
 import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-d0a9593a.js';
@@ -165,14 +165,14 @@ var DeckContent = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {

package/dist/esm/DeckQueue.js

@@ -18,7 +18,7 @@ import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visib
 import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { g as get_1 } from './get-b2201dc8.js';

package/dist/esm/{GridContent-f4fd38a7.js → GridContent-b2edf91a.js}

@@ -12,7 +12,7 @@ import Card from 'react-bootstrap/Card';
 import { m as moment, V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-336093e1.js';
 import 'next/link';
 import { withRouter } from 'next/router';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { A as ADInfeed } from './ADInfeed-e546ea87.js';

package/dist/esm/GridContent.js

@@ -18,7 +18,7 @@ import './visibility-sensor-336093e1.js';
 import 'next/link';
 import 'next/router';
 import 'react-dom';
-import './index-3849e3fe.js';
+import './index-73819142.js';
 import './index-5f9f807a.js';
 import './entities-7cc3bf45.js';
 import './slicedToArray-d0a9593a.js';
@@ -26,4 +26,4 @@ import './AdSlot-9b4ae186.js';
 import './promise-683a9c54.js';
 import './ADInfeed-e546ea87.js';
 import './get-b2201dc8.js';
-export { G as default } from './GridContent-f4fd38a7.js';
+export { G as default } from './GridContent-b2edf91a.js';

package/dist/esm/IssueContentDeck.js

@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'next/link';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import Badge from 'react-bootstrap/Badge';
 

package/dist/esm/IssueDeck.js

@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'next/link';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import Button from 'react-bootstrap/Button';
 

package/dist/esm/MasterDeck.js

@@ -18,7 +18,7 @@ import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-
 import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
-import './index-3849e3fe.js';
+import './index-73819142.js';
 import { _ as _Promise } from './promise-683a9c54.js';
 
 var MasterDeck = function (_React$Component) {
@@ -164,14 +164,14 @@ var MasterDeck = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {

package/dist/esm/{Normal-b7aa5dce.js → Normal-ccc2f7f8.js}

@@ -670,8 +670,8 @@ var renderLink = function renderLink(row) {
 };
 
 var SideFooter = function SideFooter(props) {
-  /*
-  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
   */
   var _get = get_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,
@@ -1244,15 +1244,15 @@ var SocialNavFooter = function SocialNavFooter(props) {
 };
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-    <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+   <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -1566,15 +1566,15 @@ var NavMagazine = function NavMagazine(props) {
 var MagazineNav = React__default.memo(NavMagazine);
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-    <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+   <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,
@@ -1636,7 +1636,7 @@ var NavNative = function NavNative(props) {
         style: { minHeight: '61px' } },
       React__default.createElement(
         Container,
-        { className: 'mobile-nav' },
+        { style: { maxHeight: '80vh' }, className: 'mobile-nav' },
         React__default.createElement(
           Navbar.Brand,
           { id: 'nav-mobile-sm', className: 'nav-mobile-logo' },
@@ -1744,7 +1744,7 @@ var NavNative = function NavNative(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        #nav-mobile-sm{\n          display: none;\n        }\n        \n        @media screen and (max-width: 1191px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n            \n          }\n          #nav-mobile-md{\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px!important;\n            \n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\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          ul::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar {\n            width: 10px;\n            background: rgba(0,0,0,.35);\n          }\n          ul::-webkit-scrollbar-thumb, .dropdown-menu::-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-lg .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          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n            direction: rtl;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 113px;\n            background: rgba(255,255,255,.1);\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\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        @media screen and (min-width: 1191px) {\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          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            flex: 1 1 auto;\n            margin-left: .25rem;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n        \n          #nav-mobile-md{\n            display: none;\n          }\n          #nav-mobile-sm{\n            display: inline-block;\n            margin: 0 auto .5rem;\n          }\n          .nav-toggle{\n            margin:.5rem 0;\n          }\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        #nav-mobile-sm{\n          display: none;\n        }\n        \n        @media screen and (max-width: 1191px) {\n          .mobile-nav .nav-toggle {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n            \n          }\n          #nav-mobile-md{\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px!important;\n            \n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\n        \n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n         \n          .navbar-expand-lg .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            padding-left: .5rem;\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          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n            direction: rtl;\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          \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        @media screen and (min-width: 1191px) {\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          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            flex: 1 1 auto;\n            margin-left: .25rem;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n        \n          #nav-mobile-md{\n            display: none;\n          }\n          #nav-mobile-sm{\n            display: inline-block;\n            margin: 0 auto .5rem;\n          }\n          .nav-toggle{\n            margin:.5rem 0;\n            padding: 0 .5rem;\n          }\n        }\n       \n      '
     )
   );
 };
@@ -1968,15 +1968,15 @@ var NavDvm = function NavDvm(props) {
 };
 
 var HamMagazine = function HamMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   var logo = props.logo,

package/dist/esm/PublicationDeck.js

@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'next/link';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import Button from 'react-bootstrap/Button';
 

package/dist/esm/QueueDeckExpanded.js

@@ -12,7 +12,7 @@ import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visib
 import 'next/link';
 import { useRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';

package/dist/esm/{TaxonomyCard-ee1a22ae.js → TaxonomyCard-2d0ab635.js}

@@ -5,7 +5,7 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { n as node, i as imageUrlBuilder } from './index-3849e3fe.js';
+import { n as node, i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 
 /*

package/dist/esm/TaxonomyCard.js

@@ -8,6 +8,6 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import 'react-dom';
-import './index-3849e3fe.js';
+import './index-73819142.js';
 import './index-5f9f807a.js';
-export { T as default } from './TaxonomyCard-ee1a22ae.js';
+export { T as default } from './TaxonomyCard-2d0ab635.js';

package/dist/esm/TemplateNormal.js

@@ -19,7 +19,7 @@ import './get-b2201dc8.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-b7aa5dce.js';
+export { T as default } from './Normal-ccc2f7f8.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/ThumbnailCard.js

@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import Media$1 from 'react-bootstrap/Media';

package/dist/esm/VideoSeriesListing.js

@@ -13,8 +13,7 @@ import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
 import './index-5f9f807a.js';
-import { Y as YoutubeGroup } from './YoutubeGroup-a87b8967.js';
-import 'smoothscroll-polyfill';
+import { Y as YoutubeGroup } from './YoutubeGroup-f59297bb.js';
 import { a as IoIosArrowForward } from './index.esm-536609db.js';
 
 var VideoSeriesListing = function (_React$Component) {