@mjhls/mjh-framework 1.0.315 → 1.0.316

package/dist/esm/{YoutubeGroup-e7e16d0e.js → YoutubeGroup-b45c9d82.js}

@@ -495,6 +495,7 @@ GROQ query -
 var YoutubeGroup = function YoutubeGroup(props) {
   // Props should be an array of objects containing Thumbnail, title, and URL
   var innerSlider = useRef(null);
+  var tile = useRef(null);
 
   useEffect(function () {
     //IE11 Polyfill
@@ -507,17 +508,27 @@ var YoutubeGroup = function YoutubeGroup(props) {
     var slide = e.target.parentElement;
     var scrollOffset = slide.scrollLeft;
     var viewableWidth = slide.clientWidth;
+
+    //calculate viewable size / slide
+    var numberOfSlidesToScroll = Math.floor(viewableWidth / (tile.current.offsetWidth + 20)); //width of the tile plus margin
+    var sliderMargin = numberOfSlidesToScroll * 10;
+    numberOfSlidesToScroll = numberOfSlidesToScroll * tile.current.offsetWidth + sliderMargin;
+
+    // console.log('numberOfSlidestoScrol: ',numberOfSlidesToScroll )
+    // console.log('tile.current.offsetWidth: ',tile.current.offsetWidth )
+    // console.log('viewableWidth: ',viewableWidth )
+
     var scrollDirection = void 0;
 
     if (direction === 'next') {
-      scrollDirection = scrollOffset + viewableWidth;
+      scrollDirection = scrollOffset + numberOfSlidesToScroll;
 
-      if (scrollDirection > innerSlider.current.offsetWidth) {
+      if (scrollOffset + viewableWidth > innerSlider.current.offsetWidth) {
         scrollDirection = 0;
       }
     }
     if (direction === 'prev') {
-      scrollDirection = scrollOffset - viewableWidth;
+      scrollDirection = scrollOffset - numberOfSlidesToScroll;
 
       if (scrollOffset === 0) {
         scrollDirection = innerSlider.current.offsetWidth;
@@ -568,7 +579,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
 
             return React__default.createElement(
               'div',
-              { key: index, className: 'tile' },
+              { ref: tile, key: index, className: 'tile' },
               current && current === url ? React__default.createElement(
                 'div',
                 { className: 'now-playing' },
@@ -603,7 +614,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
                 ),
                 React__default.createElement(
                   'div',
-                  { style: { color: variant }, className: 'tile__info' },
+                  { style: { color: '#fff' }, className: 'tile__info' },
                   video.title
                 )
               )
@@ -614,7 +625,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
             var _thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
             return React__default.createElement(
               'div',
-              { key: index, className: 'tile' },
+              { ref: tile, key: index, className: 'tile' },
               React__default.createElement(
                 'a',
                 { href: _url },
@@ -635,7 +646,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
                     { className: 'tile__title' },
                     React__default.createElement(
                       'div',
-                      { style: { color: variant }, className: 'tile__title_text' },
+                      { style: { color: '#fff' }, className: 'tile__title_text' },
                       video.title
                     )
                   )
@@ -666,7 +677,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        #vid-slider * {\n          box-sizing: border-box;\n        }\n        #vid-slider::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 1rem;\n          color: white;\n          background: rgba(0, 0, 0, 0.75);\n        }\n        #vid-slider h1,\n        #vid-slider p {\n          text-align: center;\n          width: 100%;\n          max-width: 500px;\n          margin: auto;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow: scroll;\n          width: 100%;\n          -ms-overflow-style: none;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 1rem;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\n          transition: 450ms -webkit-transform;\n          transition: 450ms transform;\n          transition: 450ms transform, 450ms -webkit-transform;\n          font-size: 0;\n          white-space: nowrap;\n          margin: 55px 0;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          width: 250px;\n          height: 140.625px;\n          margin-right: 10px;\n          font-size: 20px;\n          cursor: pointer;\n          transition: 450ms all;\n          -webkit-transform-origin: center left;\n          transform-origin: center left;\n        }\n        #vid-slider .tile__img {\n          width: 250px;\n          height: 140.625px;\n          -o-object-fit: cover;\n          object-fit: cover;\n        }\n        #vid-slider .tile__details {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          top: 0;\n          font-size: 10px;\n          opacity: 0;\n          background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n          transition: 450ms opacity;\n        }\n        #vid-slider .tile__details:after,\n        #vid-slider .tile__details:before {\n          content: \'\';\n\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          display: #000;\n        }\n        #vid-slider .tile__details:after {\n          margin-top: -25px;\n          margin-left: -25px;\n          width: 50px;\n          height: 50px;\n          border: 3px solid #ecf0f1;\n          line-height: 50px;\n          text-align: center;\n          border-radius: 100%;\n          background: rgba(0, 0, 0, 0.5);\n          z-index: 1;\n        }\n        #vid-slider .tile__details:before {\n          content: \'\';\n          background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n            no-repeat center center;\n          left: 0;\n          width: 100%;\n          height: 3rem;\n          font-size: 30px;\n          margin-right: 12px;\n          margin-top: -23px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\n        #vid-slider .tile:hover .tile__details {\n          opacity: 1;\n        }\n        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n        #vid-slider .row__inner:hover {\n          -webkit-transform: translate3d(-62.5px, 0, 0);\n          transform: translate3d(-62.5px, 0, 0);\n        }\n        #vid-slider .row__inner:hover .tile {\n          opacity: 0.3;\n        }\n        #vid-slider .row__inner:hover .tile:hover {\n          -webkit-transform: scale(1.25);\n          transform: scale(1.25);\n          opacity: 1;\n        }\n        #vid-slider .tile:hover ~ .tile {\n          -webkit-transform: translate3d(62px, 0, 0);\n          transform: translate3d(62px, 0, 0);\n        }\n        #vid-slider .tile:hover .tile__info {\n          opacity: 0;\n        }\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -3px;\n        }\n        #vid-slider .tile__slider-next {\n          right: 0;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding: 0 1.2rem;\n        }\n        #vid-slider .tile:last-child {\n          margin-right: 2rem;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n      '
+      '\n        #vid-slider * {\n          box-sizing: border-box;\n        }\n        #vid-slider::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 1.5rem;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 1rem;\n          color: white;\n          background: rgba(0, 0, 0, 0.75);\n        }\n        #vid-slider h1,\n        #vid-slider p {\n          text-align: center;\n          width: 100%;\n          max-width: 500px;\n          margin: auto;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow: scroll;\n          width: 100%;\n          -ms-overflow-style: none;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 1rem;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\n          transition: 450ms -webkit-transform;\n          transition: 450ms transform;\n          transition: 450ms transform, 450ms -webkit-transform;\n          font-size: 0;\n          white-space: nowrap;\n          margin: 55px 0;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          width: 250px;\n          height: 140.625px;\n          margin-right: 10px;\n          font-size: 20px;\n          cursor: pointer;\n          transition: 450ms all;\n          -webkit-transform-origin: center left;\n          transform-origin: center left;\n        }\n        #vid-slider .tile__img {\n          width: 250px;\n          height: 140.625px;\n          -o-object-fit: cover;\n          object-fit: cover;\n        }\n        #vid-slider .tile__details {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          top: 0;\n          font-size: 10px;\n          opacity: 0;\n          background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n          transition: 450ms opacity;\n        }\n        #vid-slider .tile__details:after,\n        #vid-slider .tile__details:before {\n          content: \'\';\n\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          display: #000;\n        }\n        #vid-slider .tile__details:after {\n          margin-top: -25px;\n          margin-left: -25px;\n          width: 50px;\n          height: 50px;\n          border: 3px solid #ecf0f1;\n          line-height: 50px;\n          text-align: center;\n          border-radius: 100%;\n          background: rgba(0, 0, 0, 0.5);\n          z-index: 1;\n        }\n        #vid-slider .tile__details:before {\n          content: \'\';\n          background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n            no-repeat center center;\n          left: 0;\n          width: 100%;\n          height: 3rem;\n          font-size: 30px;\n          margin-right: 12px;\n          margin-top: -24px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\n        #vid-slider .tile:hover .tile__details {\n          opacity: 1;\n        }\n        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n        #vid-slider .row__inner:hover {\n          -webkit-transform: translate3d(-62.5px, 0, 0);\n          transform: translate3d(-62.5px, 0, 0);\n        }\n        #vid-slider .row__inner:hover .tile {\n          opacity: 0.3;\n        }\n        #vid-slider .row__inner:hover .tile:hover {\n          -webkit-transform: scale(1.15);\n          transform: scale(1.15);\n          opacity: 1;\n        }\n        #vid-slider .tile:hover ~ .tile {\n          -webkit-transform: translate3d(62px, 0, 0);\n          transform: translate3d(62px, 0, 0);\n        }\n        #vid-slider .tile:hover .tile__info {\n          opacity: 0;\n        }\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n        #vid-slider .tile:last-child {\n          margin-right: 2rem;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n      '
     )
   );
 };

package/dist/esm/YoutubeGroup.js

@@ -4,4 +4,4 @@ import 'prop-types';
 import 'next/link';
 import 'react-dom';
 import './index-5f9f807a.js';
-export { Y as default } from './YoutubeGroup-e7e16d0e.js';
+export { Y as default } from './YoutubeGroup-b45c9d82.js';

package/dist/esm/{debounce-93ab8f80.js → debounce-702eb224.js}

@@ -823,15 +823,13 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
       });
 
       if (_this5.lazyLoadIsEnabled()) {
-        var args = [];
-
         var config = _this5.getLazyLoadConfig();
 
-        if (config !== null) {
-          args.push(config);
+        if (config) {
+          pubadsService.enableLazyLoad(config);
+        } else {
+          pubadsService.enableLazyLoad();
         }
-
-        pubadsService.enableLazyLoad.call(args);
       }
 
       if (_this5.singleRequestIsEnabled()) {

package/dist/esm/{get-9c285a85.js → get-36d03764.js}

@@ -1,4 +1,4 @@
-import { g as isSymbol_1, h as isObject_1, _ as _baseGetTag, b as _root, j as _Symbol } from './debounce-93ab8f80.js';
+import { g as isSymbol_1, h as isObject_1, _ as _baseGetTag, b as _root, j as _Symbol } from './debounce-702eb224.js';
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/dist/esm/{index-3849e3fe.js → index-51a80699.js}

@@ -58,35 +58,35 @@ function parseSource(source) {
     if (typeof source === 'string' && isUrl(source)) {
         // Someone passed an existing image url?
         image = {
-            asset: { _ref: urlToId(source) }
+            asset: { _ref: urlToId(source) },
         };
     }
     else if (typeof source === 'string') {
         // Just an asset id
         image = {
-            asset: { _ref: source }
+            asset: { _ref: source },
         };
     }
     else if (isRef(source)) {
         // We just got passed an asset directly
         image = {
-            asset: source
+            asset: source,
         };
     }
     else if (isAsset(source)) {
         // If we were passed an image asset document
         image = {
             asset: {
-                _ref: source._id || ''
-            }
+                _ref: source._id || '',
+            },
         };
     }
     else if (isAssetStub(source)) {
         // If we were passed a partial asset (`url`, but no `_id`)
         image = {
             asset: {
-                _ref: urlToId(source.asset.url)
-            }
+                _ref: urlToId(source.asset.url),
+            },
         };
     }
     else if (typeof source.asset === 'object') {
@@ -127,7 +127,7 @@ function applyDefaults(image) {
             left: 0,
             top: 0,
             bottom: 0,
-            right: 0
+            right: 0,
         };
     }
     if (!result.hotspot) {
@@ -135,7 +135,7 @@ function applyDefaults(image) {
             x: 0.5,
             y: 0.5,
             height: 1.0,
-            width: 1.0
+            width: 1.0,
         };
     }
     return result;
@@ -182,7 +182,7 @@ exports.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
     ['crop', 'crop'],
     ['saturation', 'sat'],
     ['auto', 'auto'],
-    ['dpr', 'dpr']
+    ['dpr', 'dpr'],
 ];
 function urlForImage(options) {
     var spec = __assign({}, (options || {}));
@@ -201,7 +201,7 @@ function urlForImage(options) {
         left: cropLeft,
         top: cropTop,
         width: Math.round(asset.width - image.crop.right * asset.width - cropLeft),
-        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop)
+        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop),
     };
     // Compute hot spot rect in terms of pixel coordinates
     var hotSpotVerticalRadius = (image.hotspot.height * asset.height) / 2;
@@ -212,7 +212,7 @@ function urlForImage(options) {
         left: hotSpotCenterX - hotSpotHorizontalRadius,
         top: hotSpotCenterY - hotSpotVerticalRadius,
         right: hotSpotCenterX + hotSpotHorizontalRadius,
-        bottom: hotSpotCenterY + hotSpotVerticalRadius
+        bottom: hotSpotCenterY + hotSpotVerticalRadius,
     };
     // If irrelevant, or if we are requested to: don't perform crop/fit based on
     // the crop/hotspot.
@@ -294,7 +294,7 @@ function fit(source, spec) {
             left: Math.round(left),
             top: Math.round(top_2),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     else {
@@ -316,13 +316,13 @@ function fit(source, spec) {
             left: Math.max(0, Math.floor(left)),
             top: Math.max(0, Math.floor(top_3)),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     return {
         width: imgWidth,
         height: imgHeight,
-        rect: cropRect
+        rect: cropRect,
     };
 }
 
@@ -380,7 +380,7 @@ function urlBuilder(options) {
         return new ImageUrlBuilder(null, {
             baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
             projectId: projectId,
-            dataset: dataset
+            dataset: dataset,
         });
     }
     // Or just accept the options as given
@@ -393,7 +393,7 @@ var ImageUrlBuilder = /** @class */ (function () {
             ? __assign(__assign({}, (parent.options || {})), (options || {})) : __assign({}, (options || {})); // Copy options
     }
     ImageUrlBuilder.prototype.withOptions = function (options) {
-        var baseUrl = options.baseUrl || '';
+        var baseUrl = options.baseUrl || this.options.baseUrl;
         var newOptions = { baseUrl: baseUrl };
         for (var key in options) {
             if (options.hasOwnProperty(key)) {
@@ -521,7 +521,7 @@ var ImageUrlBuilder = /** @class */ (function () {
     ImageUrlBuilder.prototype.url = function () {
         return urlForImage_1$1.default(this.options);
     };
-    // Synonym for url()
+    // Alias for url()
     ImageUrlBuilder.prototype.toString = function () {
         return this.url();
     };

package/dist/esm/index.js

@@ -1,43 +1,43 @@
 import { c as createCommonjsModule, a as commonjsGlobal, g as getCjsExportFromNamespace, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { _ as _objectKeys, a as _toObject, b as _core } from './_to-object-b9b796ec.js';
 import './web.dom.iterable-3be50d6c.js';
-import { d as debounce_1, l as lib_3, a as lib_1, i as isObjectLike_1, _ as _baseGetTag, t as toNumber_1, b as _root, c as _freeGlobal } from './debounce-93ab8f80.js';
-import { m as main_36, a as main_16, b as main_35 } from './main-155ec04f.js';
-import { _ as _toConsumableArray, a as _Array$from } from './toConsumableArray-eb308ede.js';
+import { d as debounce_1, l as lib_3, a as lib_1, i as isObjectLike_1, _ as _baseGetTag, t as toNumber_1, b as _root, c as _freeGlobal } from './debounce-702eb224.js';
+import { m as main_39, a as main_16, b as main_38 } from './main-d550db5e.js';
+import { _ as _toConsumableArray, a as _Array$from } from './toConsumableArray-a096ca06.js';
 import './core.get-iterator-method-31c1fb1a.js';
 import { _ as _extends$2 } from './extends-dbbe308d.js';
-import { _ as _objectSap, a as _inherits$1, b as _classCallCheck$1, c as _possibleConstructorReturn$1, d as _Object$getPrototypeOf, e as _createClass$1 } from './inherits-2a854891.js';
+import { _ as _objectSap, a as _inherits$1, b as _classCallCheck$1, c as _possibleConstructorReturn$1, d as _Object$getPrototypeOf, e as _createClass$1 } from './inherits-9d26445c.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { m as moment, I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-336093e1.js';
+import { m as moment, I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-3cea5efb.js';
 import Link from 'next/link';
 import Router, { useRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import './index-5f9f807a.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-d1db3163.js';
-import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-b6af1ab4.js';
-export { D as AdSlot, B as Beam } from './AdSlot-b6af1ab4.js';
-import './promise-e3480f1c.js';
-import './ADInfeed-7bff8973.js';
+import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-028b040f.js';
+export { D as AdSlot, B as Beam } from './AdSlot-028b040f.js';
+import './promise-8fc46e97.js';
+import './ADInfeed-2aaf8622.js';
 export { default as DeckContent } from './DeckContent.js';
-import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-9c285a85.js';
-export { A as AD, G as GridContent } from './GridContent-6f84ae5e.js';
+import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-36d03764.js';
+export { A as AD, G as GridContent } from './GridContent-dd8fe8d1.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
-import { B as BlockContent } from './TaxonomyCard-ea494c28.js';
-export { T as TaxonomyCard } from './TaxonomyCard-ea494c28.js';
+import { B as BlockContent } from './TaxonomyCard-7e9aae2d.js';
+export { T as TaxonomyCard } from './TaxonomyCard-7e9aae2d.js';
 import './react-social-icons-a7d5c5c7.js';
 import GroupDeck from './GroupDeck.js';
 export { default as GroupDeck } from './GroupDeck.js';
-import { g as getYoutubeId } from './YoutubeGroup-e7e16d0e.js';
-export { Y as YoutubeGroup } from './YoutubeGroup-e7e16d0e.js';
+import { g as getYoutubeId } from './YoutubeGroup-b45c9d82.js';
+export { Y as YoutubeGroup } from './YoutubeGroup-b45c9d82.js';
 import { Spinner as Spinner$1, Container as Container$1, Row as Row$1, Col as Col$1, Carousel, Table, Figure as Figure$1, Button as Button$1, ProgressBar, Card, Form } from 'react-bootstrap';
 export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
 import { I as IoMdArrowDropdown } from './index.esm-536609db.js';
@@ -49,8 +49,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf } from './Normal-19f6db83.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-19f6db83.js';
+import { M as MdPictureAsPdf } from './Normal-ed829d1e.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-ed829d1e.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -2107,7 +2107,7 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)
@@ -2498,7 +2498,7 @@ var CMEDeck = function CMEDeck(_ref) {
               )
             )
           ),
-          main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)
@@ -2787,7 +2787,7 @@ var AD300x250 = function AD300x250(_ref) {
       pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
 
   var mobileView = false;
-  if (main_36) {
+  if (main_39) {
     pos = 'rect1-mobile';
     mobileView = true;
   }
@@ -2817,7 +2817,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       pos = _ref$pos === undefined ? 'rec2' : _ref$pos;
 
   var mobileView = false;
-  if (main_36) {
+  if (main_39) {
     pos = 'rect2-mobile';
     mobileView = true;
   }
@@ -13318,7 +13318,7 @@ var Poll = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main_35 ? 4 : 10;
+var numberOfPaginations = main_38 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -13408,7 +13408,7 @@ var Quiz = function Quiz(_ref) {
   var renderPagination = function renderPagination() {
     return React__default.createElement(
       Pagination,
-      { className: 'p-0 m-0', size: main_35 && 'sm' },
+      { className: 'p-0 m-0', size: main_38 && 'sm' },
       React__default.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
@@ -13572,7 +13572,7 @@ var NativeAd = function NativeAd(props) {
 };
 
 var Figure = dynamic(function () {
-  return import('./Figure-d0f95cc0.js');
+  return import('./Figure-af6a1f2d.js');
 }, { ssr: false });
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -13794,7 +13794,7 @@ var Feature = function Feature(props) {
   };
   //image width
   var imageWidth = 900;
-  if (main_36) {
+  if (main_39) {
     imageWidth = 450;
   }
 
@@ -16376,8 +16376,8 @@ var Article = function Article(props) {
         renderIsiContent(props.article)
       )
     ),
-    main_36 && React__default.createElement('hr', { className: 'add-seperater' }),
-    main_36 && props.article.Ads.map(function (ad, index) {
+    main_39 && React__default.createElement('hr', { className: 'add-seperater' }),
+    main_39 && props.article.Ads.map(function (ad, index) {
       return React__default.createElement(
         'div',
         { key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto' } },
@@ -16556,7 +16556,7 @@ var ArticleQueue = function ArticleQueue(props) {
         isLiveSite: isLiveSite
       };
       setPageConfig(_config);
-      if (!main_36) {
+      if (!main_39) {
         lib_3.getGoogletag().then(function (googletag) {
           if (window.googletag && googletag.pubadsReady) {
             var slots = googletag.pubads().getSlots();

package/dist/esm/{inherits-2a854891.js → inherits-9d26445c.js}

@@ -1,7 +1,7 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { b as _core, c as _export, d as _fails, a as _toObject, e as _objectDp, f as _descriptors, g as _uid, h as _isObject, i as _has, _ as _objectKeys, j as _cof, k as _objectKeysInternal, l as _enumBugKeys, m as _toIobject, n as _toPrimitive, o as _ie8DomDefine, p as _propertyDesc, q as _global, r as _shared, s as _hide, t as _anObject, u as _ctx } from './_to-object-b9b796ec.js';
 import { _ as _objectGpo, a as _wks, b as _redefine, c as _setToStringTag, d as _objectCreate } from './web.dom.iterable-3be50d6c.js';
-import { f as _library } from './debounce-93ab8f80.js';
+import { f as _library } from './debounce-702eb224.js';
 import { a as _objectGops, b as _objectPie } from './extends-dbbe308d.js';
 
 // most Object methods by ES6 should accept primitives

package/dist/esm/{main-155ec04f.js → main-d550db5e.js}

@@ -95,7 +95,7 @@ var getNavigatorInstance = function getNavigatorInstance() {
 };
 var isIOS13Check = function isIOS13Check(type) {
   var nav = getNavigatorInstance();
-  return nav && (nav.platform.includes(type) || nav.platform === 'MacIntel' && nav.maxTouchPoints > 1 && !window.MSStream);
+  return nav && nav.platform && (nav.platform.indexOf(type) !== -1 || nav.platform === 'MacIntel' && nav.maxTouchPoints > 1 && !window.MSStream);
 };
 
 function _typeof(obj) {
@@ -266,12 +266,15 @@ var BROWSER_TYPES = {
   EDGE: "Edge",
   CHROMIUM: "Chromium",
   IE: 'IE',
-  MOBILE_SAFARI: "Mobile Safari"
+  MOBILE_SAFARI: "Mobile Safari",
+  EDGE_CHROMIUM: "Edge Chromium"
 };
 var OS_TYPES = {
   IOS: 'iOS',
   ANDROID: "Android",
-  WINDOWS_PHONE: "Windows Phone"
+  WINDOWS_PHONE: "Windows Phone",
+  WINDOWS: 'Windows',
+  MAC_OS: 'Mac OS'
 };
 var initialData = {
   isMobile: false,
@@ -424,6 +427,14 @@ var isMobileAndTabletType = function isMobileAndTabletType() {
   }
 };
 
+var isEdgeChromiumType = function isEdgeChromiumType() {
+  if (os.name === OS_TYPES.WINDOWS && os.version === '10') {
+    return typeof ua === 'string' && ua.indexOf('Edg/') !== -1;
+  }
+
+  return false;
+};
+
 var isSmartTVType = function isSmartTVType() {
   return device.type === DEVICE_TYPES.SMART_TV;
 };
@@ -444,6 +455,14 @@ var isAndroidType = function isAndroidType() {
   return os.name === OS_TYPES.ANDROID;
 };
 
+var isWindowsType = function isWindowsType() {
+  return os.name === OS_TYPES.WINDOWS;
+};
+
+var isMacOsType = function isMacOsType() {
+  return os.name === OS_TYPES.MAC_OS;
+};
+
 var isWinPhoneType = function isWinPhoneType() {
   return os.name === OS_TYPES.WINDOWS_PHONE;
 };
@@ -491,7 +510,7 @@ var isIEType = function isIEType() {
 var isElectronType = function isElectronType() {
   var nav = getNavigatorInstance();
   var ua = nav && nav.userAgent.toLowerCase();
-  return typeof ua === 'string' ? ua.includes('electron') : false;
+  return typeof ua === 'string' ? /electron/.test(ua) : false;
 };
 
 var getIOS13 = function getIOS13() {
@@ -558,15 +577,15 @@ var getDeviceType = function getDeviceType() {
 var isSmartTV = isSmartTVType();
 var isConsole = isConsoleType();
 var isWearable = isWearableType();
-var isMobileSafari = isMobileSafariType();
+var isMobileSafari = isMobileSafariType() || getIPad13();
 var isChromium = isChromiumType();
-var isMobile = isMobileAndTabletType();
+var isMobile = isMobileAndTabletType() || getIPad13();
 var isMobileOnly = isMobileType();
-var isTablet = isTabletType();
+var isTablet = isTabletType() || getIPad13();
 var isBrowser = isBrowserType();
 var isAndroid = isAndroidType();
 var isWinPhone = isWinPhoneType();
-var isIOS = isIOSType();
+var isIOS = isIOSType() || getIPad13();
 var isChrome = isChromeType();
 var isFirefox = isFirefoxType();
 var isSafari = isSafariType();
@@ -582,7 +601,7 @@ var mobileModel = getMobileModel();
 var engineName = getEngineName();
 var engineVersion = getEngineVersion();
 var getUA = getUseragent();
-var isEdge = isEdgeType();
+var isEdge = isEdgeType() || isEdgeChromiumType();
 var isYandex = isYandexType();
 var deviceType = getDeviceType();
 var isIOS13 = getIOS13();
@@ -590,6 +609,10 @@ var isIPad13 = getIPad13();
 var isIPhone13 = getIphone13();
 var isIPod13 = getIPod13();
 var isElectron = isElectronType();
+var isEdgeChromium = isEdgeChromiumType();
+var isLegacyEdge = isEdgeType();
+var isWindows = isWindowsType();
+var isMacOs = isMacOsType();
 
 var AndroidView = function AndroidView(_ref) {
   var renderWithFragment = _ref.renderWithFragment,
@@ -819,6 +842,7 @@ exports.isChrome = isChrome;
 exports.isChromium = isChromium;
 exports.isConsole = isConsole;
 exports.isEdge = isEdge;
+exports.isEdgeChromium = isEdgeChromium;
 exports.isElectron = isElectron;
 exports.isFirefox = isFirefox;
 exports.isIE = isIE;
@@ -827,6 +851,8 @@ exports.isIOS13 = isIOS13;
 exports.isIPad13 = isIPad13;
 exports.isIPhone13 = isIPhone13;
 exports.isIPod13 = isIPod13;
+exports.isLegacyEdge = isLegacyEdge;
+exports.isMacOs = isMacOs;
 exports.isMobile = isMobile;
 exports.isMobileOnly = isMobileOnly;
 exports.isMobileSafari = isMobileSafari;
@@ -836,6 +862,7 @@ exports.isSmartTV = isSmartTV;
 exports.isTablet = isTablet;
 exports.isWearable = isWearable;
 exports.isWinPhone = isWinPhone;
+exports.isWindows = isWindows;
 exports.isYandex = isYandex;
 exports.mobileModel = mobileModel;
 exports.mobileVendor = mobileVendor;
@@ -871,28 +898,32 @@ var main_23 = main.isChrome;
 var main_24 = main.isChromium;
 var main_25 = main.isConsole;
 var main_26 = main.isEdge;
-var main_27 = main.isElectron;
-var main_28 = main.isFirefox;
-var main_29 = main.isIE;
-var main_30 = main.isIOS;
-var main_31 = main.isIOS13;
-var main_32 = main.isIPad13;
-var main_33 = main.isIPhone13;
-var main_34 = main.isIPod13;
-var main_35 = main.isMobile;
-var main_36 = main.isMobileOnly;
-var main_37 = main.isMobileSafari;
-var main_38 = main.isOpera;
-var main_39 = main.isSafari;
-var main_40 = main.isSmartTV;
-var main_41 = main.isTablet;
-var main_42 = main.isWearable;
-var main_43 = main.isWinPhone;
-var main_44 = main.isYandex;
-var main_45 = main.mobileModel;
-var main_46 = main.mobileVendor;
-var main_47 = main.osName;
-var main_48 = main.osVersion;
-var main_49 = main.withOrientationChange;
-
-export { _iterDetect as _, main_16 as a, main_35 as b, main_37 as c, _isArrayIter as d, _iterCall as e, main_36 as m };
+var main_27 = main.isEdgeChromium;
+var main_28 = main.isElectron;
+var main_29 = main.isFirefox;
+var main_30 = main.isIE;
+var main_31 = main.isIOS;
+var main_32 = main.isIOS13;
+var main_33 = main.isIPad13;
+var main_34 = main.isIPhone13;
+var main_35 = main.isIPod13;
+var main_36 = main.isLegacyEdge;
+var main_37 = main.isMacOs;
+var main_38 = main.isMobile;
+var main_39 = main.isMobileOnly;
+var main_40 = main.isMobileSafari;
+var main_41 = main.isOpera;
+var main_42 = main.isSafari;
+var main_43 = main.isSmartTV;
+var main_44 = main.isTablet;
+var main_45 = main.isWearable;
+var main_46 = main.isWinPhone;
+var main_47 = main.isWindows;
+var main_48 = main.isYandex;
+var main_49 = main.mobileModel;
+var main_50 = main.mobileVendor;
+var main_51 = main.osName;
+var main_52 = main.osVersion;
+var main_53 = main.withOrientationChange;
+
+export { _iterDetect as _, main_16 as a, main_38 as b, main_40 as c, _isArrayIter as d, _iterCall as e, main_39 as m };

package/dist/esm/{promise-e3480f1c.js → promise-8fc46e97.js}

@@ -1,8 +1,8 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { u as _ctx, w as _toLength, t as _anObject, x as _aFunction, q as _global, j as _cof, y as _domCreate, h as _isObject, s as _hide, b as _core, f as _descriptors, e as _objectDp, c as _export } from './_to-object-b9b796ec.js';
 import { a as _wks, f as _html, c as _setToStringTag } from './web.dom.iterable-3be50d6c.js';
-import { f as _library } from './debounce-93ab8f80.js';
-import { d as _isArrayIter, e as _iterCall, _ as _iterDetect } from './main-155ec04f.js';
+import { f as _library } from './debounce-702eb224.js';
+import { d as _isArrayIter, e as _iterCall, _ as _iterDetect } from './main-d550db5e.js';
 import { c as core_getIteratorMethod, _ as _classof } from './core.get-iterator-method-31c1fb1a.js';
 
 var _anInstance = function (it, Constructor, name, forbiddenField) {