@mjhls/mjh-framework 1.0.770 → 1.0.771-full-path-docgroup

package/dist/cjs/NavNative.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('./slicedToArray-db24842a.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var Container = require('react-bootstrap/Container');
 var Nav = require('react-bootstrap/Nav');
@@ -16,18 +16,21 @@ var iconBase = require('./iconBase-68959171.js');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
-var main = require('./main-dc082238.js');
+var main = require('./main-025fdc78.js');
+var eq = require('./eq-5fc26c07.js');
+var isSymbol = require('./isSymbol-03abbdf0.js');
+var toNumber = require('./toNumber-5e1fac58.js');
 require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
 require('./react-social-icons-af932527.js');
 require('prop-types');
-require('./asyncToGenerator-2edcb6ad.js');
+require('./asyncToGenerator-6d1a113d.js');
 require('./_library-dd23b178.js');
-require('./_set-species-a8cfdb84.js');
-require('./_iter-detect-2613ffa1.js');
+require('./_set-species-9f96b3af.js');
+require('./_iter-detect-55a5657a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -40,16 +43,290 @@ var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
+/**
+ * The base implementation of `_.slice` without an iteratee call guard.
+ *
+ * @private
+ * @param {Array} array The array to slice.
+ * @param {number} [start=0] The start position.
+ * @param {number} [end=array.length] The end position.
+ * @returns {Array} Returns the slice of `array`.
+ */
+function baseSlice(array, start, end) {
+  var index = -1,
+      length = array.length;
+
+  if (start < 0) {
+    start = -start > length ? 0 : (length + start);
+  }
+  end = end > length ? length : end;
+  if (end < 0) {
+    end += length;
+  }
+  length = start > end ? 0 : ((end - start) >>> 0);
+  start >>>= 0;
+
+  var result = Array(length);
+  while (++index < length) {
+    result[index] = array[index + start];
+  }
+  return result;
+}
+
+var _baseSlice = baseSlice;
+
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER$1 = 9007199254740991;
+
+/**
+ * Checks if `value` is a valid array-like length.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
+ * @example
+ *
+ * _.isLength(3);
+ * // => true
+ *
+ * _.isLength(Number.MIN_VALUE);
+ * // => false
+ *
+ * _.isLength(Infinity);
+ * // => false
+ *
+ * _.isLength('3');
+ * // => false
+ */
+function isLength(value) {
+  return typeof value == 'number' &&
+    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER$1;
+}
+
+var isLength_1 = isLength;
+
+/**
+ * Checks if `value` is array-like. A value is considered array-like if it's
+ * not a function and has a `value.length` that's an integer greater than or
+ * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
+ * @example
+ *
+ * _.isArrayLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isArrayLike(document.body.children);
+ * // => true
+ *
+ * _.isArrayLike('abc');
+ * // => true
+ *
+ * _.isArrayLike(_.noop);
+ * // => false
+ */
+function isArrayLike(value) {
+  return value != null && isLength_1(value.length) && !eq.isFunction_1(value);
+}
+
+var isArrayLike_1 = isArrayLike;
+
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/** Used to detect unsigned integer values. */
+var reIsUint = /^(?:0|[1-9]\d*)$/;
+
+/**
+ * Checks if `value` is a valid array-like index.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
+ * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
+ */
+function isIndex(value, length) {
+  var type = typeof value;
+  length = length == null ? MAX_SAFE_INTEGER : length;
+
+  return !!length &&
+    (type == 'number' ||
+      (type != 'symbol' && reIsUint.test(value))) &&
+        (value > -1 && value % 1 == 0 && value < length);
+}
+
+var _isIndex = isIndex;
+
+/**
+ * Checks if the given arguments are from an iteratee call.
+ *
+ * @private
+ * @param {*} value The potential iteratee value argument.
+ * @param {*} index The potential iteratee index or key argument.
+ * @param {*} object The potential iteratee object argument.
+ * @returns {boolean} Returns `true` if the arguments are from an iteratee call,
+ *  else `false`.
+ */
+function isIterateeCall(value, index, object) {
+  if (!isSymbol.isObject_1(object)) {
+    return false;
+  }
+  var type = typeof index;
+  if (type == 'number'
+        ? (isArrayLike_1(object) && _isIndex(index, object.length))
+        : (type == 'string' && index in object)
+      ) {
+    return eq.eq_1(object[index], value);
+  }
+  return false;
+}
+
+var _isIterateeCall = isIterateeCall;
+
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0,
+    MAX_INTEGER = 1.7976931348623157e+308;
+
+/**
+ * Converts `value` to a finite number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.12.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {number} Returns the converted number.
+ * @example
+ *
+ * _.toFinite(3.2);
+ * // => 3.2
+ *
+ * _.toFinite(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toFinite(Infinity);
+ * // => 1.7976931348623157e+308
+ *
+ * _.toFinite('3.2');
+ * // => 3.2
+ */
+function toFinite(value) {
+  if (!value) {
+    return value === 0 ? value : 0;
+  }
+  value = toNumber.toNumber_1(value);
+  if (value === INFINITY || value === -INFINITY) {
+    var sign = (value < 0 ? -1 : 1);
+    return sign * MAX_INTEGER;
+  }
+  return value === value ? value : 0;
+}
+
+var toFinite_1 = toFinite;
+
+/**
+ * Converts `value` to an integer.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {number} Returns the converted integer.
+ * @example
+ *
+ * _.toInteger(3.2);
+ * // => 3
+ *
+ * _.toInteger(Number.MIN_VALUE);
+ * // => 0
+ *
+ * _.toInteger(Infinity);
+ * // => 1.7976931348623157e+308
+ *
+ * _.toInteger('3.2');
+ * // => 3
+ */
+function toInteger(value) {
+  var result = toFinite_1(value),
+      remainder = result % 1;
+
+  return result === result ? (remainder ? result - remainder : result) : 0;
+}
+
+var toInteger_1 = toInteger;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeCeil = Math.ceil,
+    nativeMax = Math.max;
+
+/**
+ * Creates an array of elements split into groups the length of `size`.
+ * If `array` can't be split evenly, the final chunk will be the remaining
+ * elements.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Array
+ * @param {Array} array The array to process.
+ * @param {number} [size=1] The length of each chunk
+ * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+ * @returns {Array} Returns the new array of chunks.
+ * @example
+ *
+ * _.chunk(['a', 'b', 'c', 'd'], 2);
+ * // => [['a', 'b'], ['c', 'd']]
+ *
+ * _.chunk(['a', 'b', 'c', 'd'], 3);
+ * // => [['a', 'b', 'c'], ['d']]
+ */
+function chunk(array, size, guard) {
+  if ((guard ? _isIterateeCall(array, size, guard) : size === undefined)) {
+    size = 1;
+  } else {
+    size = nativeMax(toInteger_1(size), 0);
+  }
+  var length = array == null ? 0 : array.length;
+  if (!length || size < 1) {
+    return [];
+  }
+  var index = 0,
+      resIndex = 0,
+      result = Array(nativeCeil(length / size));
+
+  while (index < length) {
+    result[resIndex++] = _baseSlice(array, index, (index += size));
+  }
+  return result;
+}
+
+var chunk_1 = chunk;
+
 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}
+      />
   */
   // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
   var logo = props.logo,
@@ -286,19 +563,32 @@ var NavNative = function NavNative(props) {
     }
   };
 
+  var handleMegaMenuAlignment = function handleMegaMenuAlignment(id) {
+    setTimeout(function () {
+      var megaMenu = document.querySelector('#' + id).parentElement;
+      if (megaMenu && megaMenu.getBoundingClientRect() && megaMenu.className.includes('show')) {
+        var totalWidth = megaMenu.getBoundingClientRect().x + megaMenu.getBoundingClientRect().width;
+        if (totalWidth > resolution) {
+          var difference = totalWidth - resolution;
+          megaMenu.style.left = '-' + (difference + 20) + 'px';
+        }
+      }
+    }, 50);
+  };
+
   return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
     React__default['default'].createElement(
       Navbar__default['default'],
       {
-        className: main.main_41 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
+        className: main.main_44 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
         variant: 'dark',
         expand: 'lg',
         bg: 'primary',
         sticky: 'top',
         ref: navRef,
-        style: { minHeight: '65px', overflow: '' + (main.main_41 ? 'auto' : '') } },
+        style: { minHeight: '65px', overflow: '' + (main.main_44 ? 'auto' : '') } },
       React__default['default'].createElement(
         Container__default['default'],
         { style: { maxHeight: '80vh' }, className: 'mobile-nav' },
@@ -445,10 +735,45 @@ var NavNative = function NavNative(props) {
             { className: 'mr-auto' },
             dataObject && dataObject.map(function (row, index) {
               if (row.subQuery && row.subQuery.length > 0) {
-                return row.name ? React__default['default'].createElement(
+                if (!row.name) return null;
+                return React__default['default'].createElement(
                   'div',
-                  { key: 'subnav-' + index },
-                  React__default['default'].createElement(
+                  { key: index },
+                  props.megaNav ? React__default['default'].createElement(
+                    NavDropdown__default['default'],
+                    { title: row.name, id: 'basic-nav-dropdown', renderMenuOnMount: true, onClick: function onClick() {
+                        return handleMegaMenuAlignment('mega-menu-' + index);
+                      } },
+                    React__default['default'].createElement(
+                      'div',
+                      { id: 'mega-menu-' + index, className: 'mega-menu' },
+                      chunk_1(row.subQuery, 10).map(function (items, colIndex) {
+                        return React__default['default'].createElement(
+                          'div',
+                          { key: colIndex, className: 'flex-fill' },
+                          items && items.map(function (ddRow) {
+                            if (ddRow.type === 'divider') {
+                              return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: ddRow._id });
+                            } else {
+                              return ddRow.url && ddRow.name ? React__default['default'].createElement(
+                                Nav__default['default'].Item,
+                                { key: ddRow._id },
+                                React__default['default'].createElement(
+                                  Nav__default['default'].Link,
+                                  {
+                                    needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
+                                    href: ddRow.url,
+                                    target: ddRow.blank ? '_blank' : '_self',
+                                    className: 'dropdown-item' },
+                                  ddRow.name
+                                )
+                              ) : null;
+                            }
+                          })
+                        );
+                      })
+                    )
+                  ) : React__default['default'].createElement(
                     NavDropdown__default['default'],
                     { key: index, title: row.name, id: 'basic-nav-dropdown', renderMenuOnMount: true },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
@@ -457,11 +782,10 @@ var NavNative = function NavNative(props) {
                       } else {
                         return ddRow.url && ddRow.name ? React__default['default'].createElement(
                           Nav__default['default'].Item,
-                          null,
+                          { key: subIndex },
                           React__default['default'].createElement(
                             Nav__default['default'].Link,
                             {
-                              key: subIndex,
                               needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
                               href: ddRow.url,
                               target: ddRow.blank ? '_blank' : '_self',
@@ -496,7 +820,7 @@ var NavNative = function NavNative(props) {
                       })
                     )
                   )
-                ) : null;
+                );
               } else {
                 return row.url && row.name ? React__default['default'].createElement(
                   'a',
@@ -531,7 +855,7 @@ var NavNative = function NavNative(props) {
     React__default['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        #nav-mobile-sm {\n          display: none;\n        }\n        @media screen and (max-width: 1192px) {\n          .mobile-nav .nav-toggle {\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n          }\n          #nav-mobile-md {\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px !important;\n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\n          .ios-nav {\n            max-height: none;\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          .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: 0.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            /* To break text into next line */\n            white-space: inherit !important;\n            margin-bottom: 0.25rem;\n            padding: .25rem .5rem;\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          .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        @media screen and (min-width: 1200px) {\n          #basic-navbar-nav .navbar-nav {\n            position: fixed !important;\n          }\n          #search-content-mobile {\n            position: absolute;\n            right: 4%;\n            top: 10%;\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          .mobile-nav .nav-toggle .form-inline {\n            display: none;\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: 0.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          #nav-mobile-md {\n            display: none;\n          }\n          #nav-mobile-sm {\n            display: inline-block;\n            margin: 0 auto 0.5rem;\n          }\n          .nav-toggle {\n            margin: 0.5rem 0;\n            padding: 0 0.5rem;\n          }\n        }\n      '
+      '\n        .mega-menu {\n          display: block;\n        }\n        @media screen and (min-width: 1192px) {\n          .mega-menu {\n            display: flex;\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        #nav-mobile-sm {\n          display: none;\n        }\n        @media screen and (max-width: 1192px) {\n          .mobile-nav .nav-toggle {\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n          }\n          #nav-mobile-md {\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px !important;\n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\n          .ios-nav {\n            max-height: none;\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          .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: 0.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            /* To break text into next line */\n            white-space: inherit !important;\n            margin-bottom: 0.25rem;\n            padding: 0.25rem 0.5rem;\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          .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        @media screen and (min-width: 1200px) {\n          #basic-navbar-nav .navbar-nav {\n            position: fixed !important;\n          }\n          #search-content-mobile {\n            position: absolute;\n            right: 4%;\n            top: 10%;\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          .mobile-nav .nav-toggle .form-inline {\n            display: none;\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: 0.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          #nav-mobile-md {\n            display: none;\n          }\n          #nav-mobile-sm {\n            display: inline-block;\n            margin: 0 auto 0.5rem;\n          }\n          .nav-toggle {\n            margin: 0.5rem 0;\n            padding: 0 0.5rem;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/NavNormal.js

@@ -11,19 +11,19 @@ var index_esm = require('./index.esm-3b9b8952.js');
 var Search = require('./Search.js');
 var Segment = require('./Segment.js');
 require('./iconBase-68959171.js');
-require('./slicedToArray-db24842a.js');
+require('./slicedToArray-5d1bc3b3.js');
 require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
 require('react-bootstrap/Button');
-require('./asyncToGenerator-2edcb6ad.js');
+require('./asyncToGenerator-6d1a113d.js');
 require('./_library-dd23b178.js');
-require('./_set-species-a8cfdb84.js');
-require('./_iter-detect-2613ffa1.js');
+require('./_set-species-9f96b3af.js');
+require('./_iter-detect-55a5657a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/OncliveHero.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-d48b231c.js');
+var index = require('./index-efca863c.js');
 require('react-bootstrap/Badge');
 require('./iconBase-68959171.js');
 var moment = require('./moment-aca40de1.js');

package/dist/cjs/OncliveLargeHero.js

@@ -2,16 +2,16 @@
 
 var React = require('react');
 var moment = require('./moment-aca40de1.js');
-var index = require('./index-d48b231c.js');
+var index = require('./index-efca863c.js');
 var entities = require('./entities-3f9d0f2f.js');
-var AuthorComponent = require('./AuthorComponent-5fa89df5.js');
+var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
 var index$1 = require('./index-80f57cff.js');
 require('./_commonjsHelpers-06173234.js');
-require('./slicedToArray-db24842a.js');
-require('./web.dom.iterable-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
+require('./slicedToArray-5d1bc3b3.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
 require('react-dom');
 require('prop-types');
 

package/dist/cjs/PageFilter.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-db24842a.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var reactBootstrap = require('react-bootstrap');
 require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/PartnerDetailListing.js

@@ -1,29 +1,29 @@
 'use strict';
 
-var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
-var slicedToArray = require('./slicedToArray-db24842a.js');
-var _extends = require('./extends-1e24fc8d.js');
+var asyncToGenerator = require('./asyncToGenerator-6d1a113d.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
+var _extends = require('./extends-9d158713.js');
 var React = require('react');
 var reactTwitterEmbed = require('react-twitter-embed');
-var index = require('./index-d48b231c.js');
+var index = require('./index-efca863c.js');
 var smoothscroll = require('./smoothscroll-99df7f93.js');
 var moment = require('./moment-aca40de1.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-33d0daca.js');
-var BlockContent = require('./BlockContent-eca358e4.js');
+var getSerializers = require('./index-873750c4.js');
+var BlockContent = require('./BlockContent-36e54d77.js');
 require('./_commonjsHelpers-06173234.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./web.dom.iterable-4480325a.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
 require('./_library-dd23b178.js');
-require('./core.get-iterator-method-b4615fd3.js');
-require('./_set-species-a8cfdb84.js');
-require('./_iter-detect-2613ffa1.js');
-require('./_object-pie-68c5bcbc.js');
-require('./toConsumableArray-cf0865fc.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_set-species-9f96b3af.js');
+require('./_iter-detect-55a5657a.js');
+require('./_object-pie-083f2dd6.js');
+require('./toConsumableArray-ddb70795.js');
 require('react-bootstrap');
 require('./index.es-f3e47207.js');
 require('./visibility-sensor-8b54af99.js');
@@ -32,40 +32,41 @@ require('./index-0e4427c8.js');
 require('prop-types');
 require('next/router');
 require('./index-80f57cff.js');
-require('./main-dc082238.js');
+require('./main-025fdc78.js');
 require('./entities-3f9d0f2f.js');
-require('./ADInfeed-32dc37f4.js');
+require('./ADInfeed-38240eb1.js');
 require('react-bootstrap/Card');
 require('./AdSlot.js');
-require('./debounce-eb287781.js');
-require('./isSymbol-04666465.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
 require('./Beam.js');
-require('./stringify-01cf47f7.js');
+require('./stringify-c9ac1214.js');
 require('./Segment.js');
-require('./AuthorComponent-5fa89df5.js');
-require('./lodash-4ef21f0f.js');
-require('./ADlgInfeed-a8dc2b08.js');
+require('./AuthorComponent-c21aac7f.js');
+require('./lodash-f0783643.js');
+require('./ADlgInfeed-795bcf35.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
 require('react-bootstrap/Breadcrumb');
 require('react-bootstrap/Carousel');
 require('./index-187c967e.js');
 require('./util-6f784d85.js');
-require('./typeof-97065d40.js');
-require('./_is-array-63ae4740.js');
+require('./typeof-88a668c5.js');
+require('./_is-array-6128bd56.js');
 require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
 require('./SocialShare.js');
 require('next/head');
 require('react-share');
-require('./_object-to-array-bec5fcf2.js');
+require('./_object-to-array-8fe5a54f.js');
 require('react-bootstrap/Pagination');
 require('react-bootstrap/Button');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
-require('./inherits-2eb23889.js');
-require('./_object-sap-c5bd707d.js');
-require('./define-property-aff11f8a.js');
+require('./inherits-3ff1b657.js');
+require('./_object-sap-a175b4a9.js');
+require('./define-property-c88be878.js');
 require('./index.esm-974f47d9.js');
 require('./iconBase-68959171.js');
 require('react-bootstrap/Figure');