@mjhls/mjh-framework 1.0.949-series-slider-nojs-v2 → 1.0.950-deck-pagination-v1

package/dist/cjs/ContentCardPaginated.js

@@ -17,7 +17,7 @@ var index$1 = require('./index-eadd5035.js');
 var main = require('./main-f1c77adb.js');
 var entities = require('./entities-df1aed86.js');
 var ADInfeed = require('./ADInfeed-44d43b8a.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-54f2cb54.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/DeckQueuePaginated.js

@@ -18,7 +18,7 @@ var get = require('./get-5839e5b5.js');
 var main = require('./main-f1c77adb.js');
 var urlFor = require('./urlFor.js');
 var entities = require('./entities-df1aed86.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-54f2cb54.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/GridContentPaginated.js

@@ -24,7 +24,7 @@ var urlFor = require('./urlFor.js');
 var main = require('./main-f1c77adb.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
 var PublicationFeature = require('./PublicationFeature-5ccf9b13.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-54f2cb54.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/HealthCareProfessionalModal.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var React = require('react');
+require('next/router');
+var Modal = require('react-bootstrap/Modal');
+var Button = require('react-bootstrap/Button');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+
+var css = ".HealthcareProfessionalModal-module_container__HUaSr {\r\n  position: fixed;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  background: rgba(0,0,0,.1);\r\n  z-index: 9999999999;\r\n  display: grid;\r\n  place-items: center;\r\n}\r\n.HealthcareProfessionalModal-module_modal__31CzM{\r\n  background: #fff;\r\n  padding: 1.5rem;\r\n  text-align: center;\r\n  position: relative;\r\n  width: 400px;\r\n  max-width: 90vw;\r\n\r\n  box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\r\n  transform: translateY(0);\r\n  opacity:1;\r\n}\r\n.HealthcareProfessionalModal-module_header__3uIr7 {\r\n  background-color: #0d335a;\r\nposition: absolute;\r\n  padding: 1rem;\r\n  width: 80%;\r\ntop:  0;\r\nleft: 50%;\r\ntransform: translateX(-50%) translateY(-50%) ;\r\n border-radius: 15px;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN {\r\n  color: #202020;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN span{\r\n  font-weight: bold;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\r\n  font-size: 24px;\r\n  margin-bottom: 1rem;\r\n}\r\n.HealthcareProfessionalModal-module_controls__1wXJl button {\r\n  margin: 1.5rem 1rem;\r\n  border-radius: 5px;\r\n  font-size: 1rem;\r\n}\r\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\r\n  from{\r\n    transform: translateY(25px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity:1;\r\n  }\r\n}";
+var styles = { "container": "HealthcareProfessionalModal-module_container__HUaSr", "modal": "HealthcareProfessionalModal-module_modal__31CzM", "show": "HealthcareProfessionalModal-module_show__3soMo", "header": "HealthcareProfessionalModal-module_header__3uIr7", "body": "HealthcareProfessionalModal-module_body__3bnyN", "title": "HealthcareProfessionalModal-module_title__27l5n", "controls": "HealthcareProfessionalModal-module_controls__1wXJl" };
+styleInject_es.styleInject(css);
+
+var HealthcareProfessionalModal = function HealthcareProfessionalModal(_ref) {
+  var SetCookie = _ref.SetCookie,
+      setHealthcareCheck = _ref.setHealthcareCheck;
+
+  var handleGoBack = function handleGoBack() {
+    window.location.href = '/';
+  };
+  var handleHideModal = function handleHideModal() {
+    SetCookie('healthcareProfessional', true);
+    setHealthcareCheck(false);
+  };
+
+  return React__default['default'].createElement(
+    'div',
+    { className: styles.container },
+    React__default['default'].createElement(
+      Modal__default['default'].Dialog,
+      { style: { background: '#fff', width: '500px', maxWidth: '90vw' } },
+      React__default['default'].createElement(
+        Modal__default['default'].Header,
+        null,
+        React__default['default'].createElement(
+          Modal__default['default'].Title,
+          null,
+          'ARE YOU A HEALTHCARE PROVIDER?'
+        )
+      ),
+      React__default['default'].createElement(
+        Modal__default['default'].Body,
+        { style: { padding: '1rem' } },
+        React__default['default'].createElement(
+          'p',
+          { style: { fontSize: '1.2rem' } },
+          'The information contained in this section of the site is intended for US healthcare professionals only.'
+        ),
+        React__default['default'].createElement(
+          'div',
+          null,
+          'Click on the appropriate button below.'
+        )
+      ),
+      React__default['default'].createElement(
+        Modal__default['default'].Footer,
+        null,
+        React__default['default'].createElement(
+          Button__default['default'],
+          { style: { backgroundColor: '#1b58ed', borderColor: '#1b58ed' }, onClick: handleHideModal, variant: 'secondary' },
+          'Yes'
+        ),
+        React__default['default'].createElement(
+          Button__default['default'],
+          { onClick: handleGoBack, variant: 'secondary' },
+          'No'
+        )
+      )
+    )
+  );
+};
+
+module.exports = HealthcareProfessionalModal;

package/dist/cjs/MasterDeckPaginated.js

@@ -14,7 +14,7 @@ var lodash = require('./lodash-f0783643.js');
 var main = require('./main-f1c77adb.js');
 var ADlgInfeed = require('./ADlgInfeed-24d739f6.js');
 var ADInfeed = require('./ADInfeed-44d43b8a.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-54f2cb54.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -46,7 +46,7 @@ require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./ADInfeed-44d43b8a.js');
-require('./Pagination-42f92f7c.js');
+require('./Pagination-54f2cb54.js');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/{Pagination-42f92f7c.js → Pagination-54f2cb54.js}

@@ -67,7 +67,7 @@ var Pagination = function Pagination(props) {
       containerClassName: 'pagination-container',
       previousLinkClassName: 'previous',
       nextLinkClassName: 'next',
-      disabledClassName: 'disbaled',
+      disabledClassName: 'disabled',
       activeClassName: 'active'
     }),
     needLargePaginateButtons && React__default['default'].createElement(
@@ -89,7 +89,7 @@ var Pagination = function Pagination(props) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disbaled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
+      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disabled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
     )
   );
 };

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -46,7 +46,7 @@ require('./AuthorComponent-39b37d84.js');
 require('./ADlgInfeed-24d739f6.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
-require('./Pagination-42f92f7c.js');
+require('./Pagination-54f2cb54.js');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/QueueDeckExpandedPaginated.js

@@ -19,7 +19,7 @@ var ADlgInfeed = require('./ADlgInfeed-24d739f6.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var timeDifferenceCalc = require('./timeDifferenceCalc.js');
 var urlFor = require('./urlFor.js');
-var Pagination = require('./Pagination-42f92f7c.js');
+var Pagination = require('./Pagination-54f2cb54.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/SeriesListingDeck.js

@@ -7,7 +7,7 @@ var React = require('react');
 var Router = require('next/router');
 var index = require('./index-fc2f1ca2.js');
 var index_es = require('./index.es-f3e47207.js');
-var SeriesSlider = require('./SeriesSlider-74546d19.js');
+var SeriesSlider = require('./SeriesSlider-de93a303.js');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/{SeriesSlider-74546d19.js → SeriesSlider-de93a303.js}

@@ -38,7 +38,7 @@ var SeriesSlider = function SeriesSlider(_ref) {
   var viewableWindow = React.useRef(null);
   var viewableArea = React.useRef(null);
 
-  var _useState = React.useState(200),
+  var _useState = React.useState(0),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       tileSize = _useState2[0],
       setTileSize = _useState2[1];
@@ -266,32 +266,15 @@ var SeriesSlider = function SeriesSlider(_ref) {
               { href: url },
               React__default['default'].createElement(
                 'div',
-                {
-                  className: nowPlaying == article.title ? 'tile__media active' : 'tile__media',
-                  style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
+                { className: nowPlaying == article.title ? 'tile__media active' : 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
                 React__default['default'].createElement(
                   index$1.LazyLoad,
                   null,
                   React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
                 ),
-                React__default['default'].createElement(
-                  'noscript',
-                  null,
-                  React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
-                ),
                 nowPlaying == article.title && React__default['default'].createElement(
                   'span',
-                  {
-                    style: {
-                      position: 'absolute',
-                      padding: '0 .25rem',
-                      top: '0',
-                      right: '0',
-                      background: 'rgba(0,0,0,.75)',
-                      color: '#eee',
-                      fontWeight: 'normal',
-                      fontSize: '14px'
-                    } },
+                  { style: { position: 'absolute', padding: '0 .25rem', top: '0', right: '0', background: 'rgba(0,0,0,.75)', color: '#eee', fontWeight: 'normal', fontSize: '14px' } },
                   'Now Viewing'
                 )
               ),
@@ -312,19 +295,10 @@ var SeriesSlider = function SeriesSlider(_ref) {
         })
       )
     ),
-    React__default['default'].createElement(
-      'noscript',
-      null,
-      React__default['default'].createElement(
-        'style',
-        { jsx: 'true' },
-        '\n          .vid-slider .row__inner {\n            flex-wrap: wrap;\n            flex-basis: 100%;\n          }\n        '
-      )
-    ),
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\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 {\n          margin: 0 -14px;\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 2.5rem;\n          margin-bottom: 2rem;\n          max-width: 800px;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .vid-slider.col {\n          padding: 0 1.15rem 0 2.75rem;\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 .contain {\n          width: 100%;\n        }\n        .vid-slider .row {\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        .vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          width: 100%;\n          text-align: center;\n          color: ' + (dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: bold;\n          transition: opacity 0.25s;\n        }\n        .vid-slider .row__inner {\n          display: flex;\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-top: 1.5rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        .vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n          margin-right: 0.5rem;\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:first-child {\n          margin-left: 0;\n        }\n        .vid-slider .tile__img {\n          height: auto;\n          border-radius: 3px;\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\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\n        .tile__media {\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n          box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n          border-radius: 3px;\n        }\n\n        .vid-slider .tile__title {\n          white-space: normal !important;\n          max-width: ' + tileSize + 'px;\n          text-align: center;\n          color: ' + (dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: ' + (main.main_42 ? '0.75rem' : '0.9rem') + ';\n          font-weight: normal;\n          transition: opacity 0.25s;\n        }\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          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n          margin-left: 10px;\n          margin-right: 10px;\n          box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n        }\n        .vid-slider .tile__slider-prev {\n          left: -0.9rem;\n          padding: 1rem;\n        }\n        .vid-slider .tile__slider-next {\n          right: -0.5rem;\n          padding: 1rem;\n        }\n        .vid-slider,\n        .vid-slider .row {\n          padding-right: 0 1.2rem;\n        }\n\n        .vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        .vid-slider i {\n          border: solid ' + (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        .vidHolder {\n          max-width: 805px;\n        }\n        @media screen and (max-width: 1399px) {\n          .vid-slider {\n            max-width: 615px;\n            margin: 0 auto;\n          }\n          .vid-slider .tile__img {\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          .vid-slider {\n            max-width: 580px;\n          }\n        }\n        @media screen and (max-width: 967px) {\n          .vid-slider {\n            max-width: 100%;\n          }\n          .vid-slider .tile__img {\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          .vid-slider .tile__img {\n          }\n          .vid-slider .row__inner {\n            margin-top: 1.5rem !important;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          .vid-slider .tile__img {\n          }\n        }\n      '
+      '\n        .vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\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 {\n          margin: 0 -14px;\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 2.5rem;\n          margin-bottom: 2rem;\n          max-width: 800px;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .vid-slider.col {\n          padding: 0 1.15rem 0 2.75rem;\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 .contain {\n          width: 100%;\n        }\n        .vid-slider .row {\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        .vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          width: 100%;\n          text-align: center;\n          color: ' + (dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: bold;\n          transition: opacity 0.25s;\n        }\n        .vid-slider .row__inner {\n          display: flex;\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-top: 1.5rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        .vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n          margin-right: 0.5rem;\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:first-child {\n          margin-left: 0;\n        }\n        .vid-slider .tile__img {\n          height: auto;\n          border-radius: 3px;\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\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\n        .tile__media {\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n          box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n          border-radius: 3px;\n        }\n\n        .vid-slider .tile__title {\n          white-space: normal !important;\n          max-width: ' + tileSize + 'px;\n          text-align: center;\n          color: ' + (dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: ' + (main.main_42 ? '0.75rem' : '0.9rem') + ';\n          font-weight: normal;\n          transition: opacity 0.25s;\n        }\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          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n          margin-left: 10px;\n          margin-right: 10px;\n          box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n        }\n        .vid-slider .tile__slider-prev {\n          left: -.9rem;\n          padding: 1rem;\n        }\n        .vid-slider .tile__slider-next {\n          right: -0.5rem;\n          padding: 1rem;\n        }\n        .vid-slider,\n        .vid-slider .row {\n          padding-right: 0 1.2rem;\n        }\n\n        .vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        .vid-slider i {\n          border: solid ' + (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        .vidHolder {\n          max-width: 805px;\n        }\n        @media screen and (max-width: 1399px) {\n          .vid-slider {\n            max-width: 615px;\n            margin: 0 auto;\n          }\n          .vid-slider .tile__img {\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          .vid-slider {\n            max-width: 580px;\n          }\n        }\n        @media screen and (max-width: 967px) {\n          .vid-slider {\n            max-width: 100%;\n          }\n          .vid-slider .tile__img {\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          .vid-slider .tile__img {\n          }\n          .vid-slider .row__inner {\n            margin-top: 1.5rem !important;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          .vid-slider .tile__img {\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/View.js

@@ -19,7 +19,7 @@ var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var SocialShare = require('./SocialShare.js');
 var getSerializers = require('./index-45a704a9.js');
 var AdSlot = require('./AdSlot.js');
-var SeriesSlider = require('./SeriesSlider-74546d19.js');
+var SeriesSlider = require('./SeriesSlider-de93a303.js');
 var getTargeting = require('./getTargeting-dab97fe1.js');
 var getKeywords = require('./getKeywords.js');
 var urlFor = require('./urlFor.js');

package/dist/cjs/getQuery.js

@@ -11,7 +11,7 @@ var getQuery = function getQuery(type) {
   switch (type) {
     // quiz video series and slideshow 
     case 'related':
-      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && defined(published) \n                && dateTime(published) <= dateTime(now())\n                && passwordLock!=true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                && !defined(body[].quizzes)\n                && !defined(body[].slides)\n                && !defined(body[].articles)\n                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  fieldAbstract,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                  body[] {\n                    ...,\n                    asset->,\n                    images[]{\n                      ...,\n                      asset->\n                    },\n                    content[]{\n                      ...,\n                      asset->\n                    },\n                    videos[]{\n                      ...,\n                      thumbnail{\n                        _type,\n                        asset->\n                      }\n                    },\n                    response[]{\n                      ...,\n                      asset->\n                    },\n                    quizzes[]{\n                      ...,\n                      answer[]{\n                        ...,\n                        asset->\n                      },\n                      question[]{\n                        ...,\n                        asset->\n                      }\n                    },\n                    poster {\n                      _type,\n                      asset->\n                    },\n                    slides[]{\n                      ...,\n                      slideshowImage{\n                      ...,\n                      asset->\n                      }\n                    },\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'category\':contentCategory->{\n                    name,\n                    disableAds\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    _id,\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds,\n                    showSocialShare\n                  },\n                  documentGroup-> {\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  documentGroupMapping[]-> {\n                    _id,\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    show_download_ris_button,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current,\n                      show_download_ris_button,\n                    },\n                    \'url\' : pdf.asset-> url,\n                    \'pdf\': pdf.asset->,\n                    isbn_issn,\n                    abbreviatedJournal,\n                  }\n                }';
+      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && defined(published) \n                && dateTime(published) <= dateTime(now())\n                && passwordLock!=true\n                && isHealthcareProfessional != true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                && !defined(body[].quizzes)\n                && !defined(body[].slides)\n                && !defined(body[].articles)\n                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  fieldAbstract,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                  body[] {\n                    ...,\n                    asset->,\n                    images[]{\n                      ...,\n                      asset->\n                    },\n                    content[]{\n                      ...,\n                      asset->\n                    },\n                    videos[]{\n                      ...,\n                      thumbnail{\n                        _type,\n                        asset->\n                      }\n                    },\n                    response[]{\n                      ...,\n                      asset->\n                    },\n                    quizzes[]{\n                      ...,\n                      answer[]{\n                        ...,\n                        asset->\n                      },\n                      question[]{\n                        ...,\n                        asset->\n                      }\n                    },\n                    poster {\n                      _type,\n                      asset->\n                    },\n                    slides[]{\n                      ...,\n                      slideshowImage{\n                      ...,\n                      asset->\n                      }\n                    },\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'category\':contentCategory->{\n                    name,\n                    disableAds\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    _id,\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds,\n                    showSocialShare\n                  },\n                  documentGroup-> {\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  documentGroupMapping[]-> {\n                    _id,\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    show_download_ris_button,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current,\n                      show_download_ris_button,\n                    },\n                    \'url\' : pdf.asset-> url,\n                    \'pdf\': pdf.asset->,\n                    isbn_issn,\n                    abbreviatedJournal,\n                  }\n                }';
     case 'article':
       return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && is_visible != false\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          fieldAbstract,\n                          ...,\n                          passwordLock,\n                          password,\n                          issueGroup-> { _id, name, identifier, parent-> },\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                          body[] {\n                            ...,\n                            asset->,\n                            images[]{\n                              ...,\n                              asset->\n                            },\n                            content[]{\n                              ...,\n                              asset->\n                            },\n                            videos[]{\n                              ...,\n                              thumbnail{\n                                _type,\n                                asset->\n                              }\n                            },\n                            response[]{\n                              ...,\n                              asset->\n                            },\n                            quizzes[]{\n                              ...,\n                              answer[]{\n                                ...,\n                                asset->\n                              },\n                              question[]{\n                                ...,\n                                asset->\n                              }\n                            },\n                            poster {\n                              _type,\n                              asset->\n                            },\n                            slides[]{\n                              ...,\n                              slideshowImage{\n                              ...,\n                              asset->\n                              }\n                            },\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{\n                              ...,\n                              upload_doc {\n                                _type,\n                                asset-> \n                              },\n                              poster {\n                                _type,\n                                asset-> \n                              }\n                            },\n                            articles[]{\n                              ...,\n                              thumbnail{\n                                ...,\n                                asset-> \n                              },\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                              text[]{\n                                ...,\n                                upload_doc {\n                                  _type,\n                                  asset->\n                                },\n                                uploadAudio {\n                                  _type,\n                                  asset->\n                                },\n                              }\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier,\n                            showSocialShare\n                          },\n                          documentGroup-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            isSeries,\n                            disableEpisodeNumber,\n                            excludeRelatedContents,\n                            showSocialShare,\n                            \'path\': identifier.current,\n                            adTargetingURL,\n                            hideSeriesSlider\n                          },\n                          documentGroupMapping[]-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            showSocialShare,\n                            excludeRelatedContents,\n                            \'path\': identifier.current,\n                            hideSeriesSlider\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            year,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            show_download_ris_button,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current,\n                              show_download_ris_button,\n                            },\n                            \'url\' : pdf.asset-> url,\n                            \'pdf\': pdf.asset->,\n                            isbn_issn,\n                            abbreviatedJournal,\n                          }\n\n                        }';
     case 'publication':

package/dist/cjs/index.js

@@ -194,7 +194,7 @@ require('swr');
 require('passport-local');
 require('mysql');
 require('./md5-e1ca5797.js');
-require('./SeriesSlider-74546d19.js');
+require('./SeriesSlider-de93a303.js');
 require('./style-inject.es-dcee06b6.js');
 require('disqus-react');
 require('react-twitter-embed');

package/dist/esm/ContentCardPaginated.js

@@ -15,7 +15,7 @@ import { L as LazyLoad } from './index-755f2cc2.js';
 import { m as main_43 } from './main-1894c974.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
 import { A as ADInfeed } from './ADInfeed-7af1f934.js';
-import { P as Pagination } from './Pagination-484b86c5.js';
+import { P as Pagination } from './Pagination-bfddad7b.js';
 import Spinner from 'react-bootstrap/Spinner';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/DeckQueuePaginated.js

@@ -16,7 +16,7 @@ import { g as get_1 } from './get-3c308da4.js';
 import { m as main_43 } from './main-1894c974.js';
 import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { P as Pagination } from './Pagination-484b86c5.js';
+import { P as Pagination } from './Pagination-bfddad7b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/GridContentPaginated.js

@@ -22,7 +22,7 @@ import urlFor from './urlFor.js';
 import { m as main_43 } from './main-1894c974.js';
 import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
 import { P as PublicationFeature } from './PublicationFeature-d88e76b9.js';
-import { P as Pagination } from './Pagination-484b86c5.js';
+import { P as Pagination } from './Pagination-bfddad7b.js';
 import Spinner from 'react-bootstrap/Spinner';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/HealthCareProfessionalModal.js

@@ -0,0 +1,70 @@
+import React__default from 'react';
+import 'next/router';
+import Modal from 'react-bootstrap/Modal';
+import Button from 'react-bootstrap/Button';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+
+var css = ".HealthcareProfessionalModal-module_container__HUaSr {\r\n  position: fixed;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  background: rgba(0,0,0,.1);\r\n  z-index: 9999999999;\r\n  display: grid;\r\n  place-items: center;\r\n}\r\n.HealthcareProfessionalModal-module_modal__31CzM{\r\n  background: #fff;\r\n  padding: 1.5rem;\r\n  text-align: center;\r\n  position: relative;\r\n  width: 400px;\r\n  max-width: 90vw;\r\n\r\n  box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\r\n  transform: translateY(0);\r\n  opacity:1;\r\n}\r\n.HealthcareProfessionalModal-module_header__3uIr7 {\r\n  background-color: #0d335a;\r\nposition: absolute;\r\n  padding: 1rem;\r\n  width: 80%;\r\ntop:  0;\r\nleft: 50%;\r\ntransform: translateX(-50%) translateY(-50%) ;\r\n border-radius: 15px;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN {\r\n  color: #202020;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN span{\r\n  font-weight: bold;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\r\n  font-size: 24px;\r\n  margin-bottom: 1rem;\r\n}\r\n.HealthcareProfessionalModal-module_controls__1wXJl button {\r\n  margin: 1.5rem 1rem;\r\n  border-radius: 5px;\r\n  font-size: 1rem;\r\n}\r\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\r\n  from{\r\n    transform: translateY(25px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity:1;\r\n  }\r\n}";
+var styles = { "container": "HealthcareProfessionalModal-module_container__HUaSr", "modal": "HealthcareProfessionalModal-module_modal__31CzM", "show": "HealthcareProfessionalModal-module_show__3soMo", "header": "HealthcareProfessionalModal-module_header__3uIr7", "body": "HealthcareProfessionalModal-module_body__3bnyN", "title": "HealthcareProfessionalModal-module_title__27l5n", "controls": "HealthcareProfessionalModal-module_controls__1wXJl" };
+styleInject(css);
+
+var HealthcareProfessionalModal = function HealthcareProfessionalModal(_ref) {
+  var SetCookie = _ref.SetCookie,
+      setHealthcareCheck = _ref.setHealthcareCheck;
+
+  var handleGoBack = function handleGoBack() {
+    window.location.href = '/';
+  };
+  var handleHideModal = function handleHideModal() {
+    SetCookie('healthcareProfessional', true);
+    setHealthcareCheck(false);
+  };
+
+  return React__default.createElement(
+    'div',
+    { className: styles.container },
+    React__default.createElement(
+      Modal.Dialog,
+      { style: { background: '#fff', width: '500px', maxWidth: '90vw' } },
+      React__default.createElement(
+        Modal.Header,
+        null,
+        React__default.createElement(
+          Modal.Title,
+          null,
+          'ARE YOU A HEALTHCARE PROVIDER?'
+        )
+      ),
+      React__default.createElement(
+        Modal.Body,
+        { style: { padding: '1rem' } },
+        React__default.createElement(
+          'p',
+          { style: { fontSize: '1.2rem' } },
+          'The information contained in this section of the site is intended for US healthcare professionals only.'
+        ),
+        React__default.createElement(
+          'div',
+          null,
+          'Click on the appropriate button below.'
+        )
+      ),
+      React__default.createElement(
+        Modal.Footer,
+        null,
+        React__default.createElement(
+          Button,
+          { style: { backgroundColor: '#1b58ed', borderColor: '#1b58ed' }, onClick: handleHideModal, variant: 'secondary' },
+          'Yes'
+        ),
+        React__default.createElement(
+          Button,
+          { onClick: handleGoBack, variant: 'secondary' },
+          'No'
+        )
+      )
+    )
+  );
+};
+
+export default HealthcareProfessionalModal;

package/dist/esm/MasterDeckPaginated.js

@@ -12,7 +12,7 @@ import { l as lodash } from './lodash-f97fd99a.js';
 import { m as main_43 } from './main-1894c974.js';
 import { A as ADlgInfeed } from './ADlgInfeed-ebcafb85.js';
 import { A as ADInfeed } from './ADInfeed-7af1f934.js';
-import { P as Pagination } from './Pagination-484b86c5.js';
+import { P as Pagination } from './Pagination-bfddad7b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -44,7 +44,7 @@ import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
 import './ADInfeed-7af1f934.js';
-import './Pagination-484b86c5.js';
+import './Pagination-bfddad7b.js';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';

package/dist/esm/{Pagination-484b86c5.js → Pagination-bfddad7b.js}

@@ -60,7 +60,7 @@ var Pagination = function Pagination(props) {
       containerClassName: 'pagination-container',
       previousLinkClassName: 'previous',
       nextLinkClassName: 'next',
-      disabledClassName: 'disbaled',
+      disabledClassName: 'disabled',
       activeClassName: 'active'
     }),
     needLargePaginateButtons && React__default.createElement(
@@ -82,7 +82,7 @@ var Pagination = function Pagination(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disbaled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
+      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disabled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
     )
   );
 };

package/dist/esm/PartnerDetailListingPaginated.js

@@ -44,7 +44,7 @@ import './AuthorComponent-11adff02.js';
 import './ADlgInfeed-ebcafb85.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
-import './Pagination-484b86c5.js';
+import './Pagination-bfddad7b.js';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';

package/dist/esm/QueueDeckExpandedPaginated.js

@@ -17,7 +17,7 @@ import { A as ADlgInfeed } from './ADlgInfeed-ebcafb85.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import timeDifferenceCalc from './timeDifferenceCalc.js';
 import urlFor from './urlFor.js';
-import { P as Pagination } from './Pagination-484b86c5.js';
+import { P as Pagination } from './Pagination-bfddad7b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/SeriesListingDeck.js

@@ -5,7 +5,7 @@ import React__default, { useState, useEffect, useRef } from 'react';
 import { useRouter } from 'next/router';
 import { l as lib_3 } from './index-f0fc23eb.js';
 import { I as InfiniteScroll } from './index.es-a6137319.js';
-import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
+import { S as SeriesSlider } from './SeriesSlider-98ad6d97.js';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/{SeriesSlider-e495571f.js → SeriesSlider-98ad6d97.js}

@@ -32,7 +32,7 @@ var SeriesSlider = function SeriesSlider(_ref) {
   var viewableWindow = useRef(null);
   var viewableArea = useRef(null);
 
-  var _useState = useState(200),
+  var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       tileSize = _useState2[0],
       setTileSize = _useState2[1];
@@ -260,32 +260,15 @@ var SeriesSlider = function SeriesSlider(_ref) {
               { href: url },
               React__default.createElement(
                 'div',
-                {
-                  className: nowPlaying == article.title ? 'tile__media active' : 'tile__media',
-                  style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
+                { className: nowPlaying == article.title ? 'tile__media active' : 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
                 React__default.createElement(
                   LazyLoad,
                   null,
                   React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
                 ),
-                React__default.createElement(
-                  'noscript',
-                  null,
-                  React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
-                ),
                 nowPlaying == article.title && React__default.createElement(
                   'span',
-                  {
-                    style: {
-                      position: 'absolute',
-                      padding: '0 .25rem',
-                      top: '0',
-                      right: '0',
-                      background: 'rgba(0,0,0,.75)',
-                      color: '#eee',
-                      fontWeight: 'normal',
-                      fontSize: '14px'
-                    } },
+                  { style: { position: 'absolute', padding: '0 .25rem', top: '0', right: '0', background: 'rgba(0,0,0,.75)', color: '#eee', fontWeight: 'normal', fontSize: '14px' } },
                   'Now Viewing'
                 )
               ),
@@ -306,19 +289,10 @@ var SeriesSlider = function SeriesSlider(_ref) {
         })
       )
     ),
-    React__default.createElement(
-      'noscript',
-      null,
-      React__default.createElement(
-        'style',
-        { jsx: 'true' },
-        '\n          .vid-slider .row__inner {\n            flex-wrap: wrap;\n            flex-basis: 100%;\n          }\n        '
-      )
-    ),
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\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 {\n          margin: 0 -14px;\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 2.5rem;\n          margin-bottom: 2rem;\n          max-width: 800px;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .vid-slider.col {\n          padding: 0 1.15rem 0 2.75rem;\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 .contain {\n          width: 100%;\n        }\n        .vid-slider .row {\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        .vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          width: 100%;\n          text-align: center;\n          color: ' + (dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: bold;\n          transition: opacity 0.25s;\n        }\n        .vid-slider .row__inner {\n          display: flex;\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-top: 1.5rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        .vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n          margin-right: 0.5rem;\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:first-child {\n          margin-left: 0;\n        }\n        .vid-slider .tile__img {\n          height: auto;\n          border-radius: 3px;\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\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\n        .tile__media {\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n          box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n          border-radius: 3px;\n        }\n\n        .vid-slider .tile__title {\n          white-space: normal !important;\n          max-width: ' + tileSize + 'px;\n          text-align: center;\n          color: ' + (dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: ' + (main_42 ? '0.75rem' : '0.9rem') + ';\n          font-weight: normal;\n          transition: opacity 0.25s;\n        }\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          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n          margin-left: 10px;\n          margin-right: 10px;\n          box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n        }\n        .vid-slider .tile__slider-prev {\n          left: -0.9rem;\n          padding: 1rem;\n        }\n        .vid-slider .tile__slider-next {\n          right: -0.5rem;\n          padding: 1rem;\n        }\n        .vid-slider,\n        .vid-slider .row {\n          padding-right: 0 1.2rem;\n        }\n\n        .vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        .vid-slider i {\n          border: solid ' + (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        .vidHolder {\n          max-width: 805px;\n        }\n        @media screen and (max-width: 1399px) {\n          .vid-slider {\n            max-width: 615px;\n            margin: 0 auto;\n          }\n          .vid-slider .tile__img {\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          .vid-slider {\n            max-width: 580px;\n          }\n        }\n        @media screen and (max-width: 967px) {\n          .vid-slider {\n            max-width: 100%;\n          }\n          .vid-slider .tile__img {\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          .vid-slider .tile__img {\n          }\n          .vid-slider .row__inner {\n            margin-top: 1.5rem !important;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          .vid-slider .tile__img {\n          }\n        }\n      '
+      '\n        .vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\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 {\n          margin: 0 -14px;\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 2.5rem;\n          margin-bottom: 2rem;\n          max-width: 800px;\n          margin-left: auto;\n          margin-right: auto;\n        }\n        .vid-slider.col {\n          padding: 0 1.15rem 0 2.75rem;\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 .contain {\n          width: 100%;\n        }\n        .vid-slider .row {\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        .vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          width: 100%;\n          text-align: center;\n          color: ' + (dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: bold;\n          transition: opacity 0.25s;\n        }\n        .vid-slider .row__inner {\n          display: flex;\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-top: 1.5rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        .vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n          margin-right: 0.5rem;\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:first-child {\n          margin-left: 0;\n        }\n        .vid-slider .tile__img {\n          height: auto;\n          border-radius: 3px;\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\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\n        .tile__media {\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n          box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);\n          border-radius: 3px;\n        }\n\n        .vid-slider .tile__title {\n          white-space: normal !important;\n          max-width: ' + tileSize + 'px;\n          text-align: center;\n          color: ' + (dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: ' + (main_42 ? '0.75rem' : '0.9rem') + ';\n          font-weight: normal;\n          transition: opacity 0.25s;\n        }\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          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n          margin-left: 10px;\n          margin-right: 10px;\n          box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.5);\n        }\n        .vid-slider .tile__slider-prev {\n          left: -.9rem;\n          padding: 1rem;\n        }\n        .vid-slider .tile__slider-next {\n          right: -0.5rem;\n          padding: 1rem;\n        }\n        .vid-slider,\n        .vid-slider .row {\n          padding-right: 0 1.2rem;\n        }\n\n        .vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        .vid-slider i {\n          border: solid ' + (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        .vidHolder {\n          max-width: 805px;\n        }\n        @media screen and (max-width: 1399px) {\n          .vid-slider {\n            max-width: 615px;\n            margin: 0 auto;\n          }\n          .vid-slider .tile__img {\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          .vid-slider {\n            max-width: 580px;\n          }\n        }\n        @media screen and (max-width: 967px) {\n          .vid-slider {\n            max-width: 100%;\n          }\n          .vid-slider .tile__img {\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          .vid-slider .tile__img {\n          }\n          .vid-slider .row__inner {\n            margin-top: 1.5rem !important;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          .vid-slider .tile__img {\n          }\n        }\n      '
     )
   );
 };

package/dist/esm/View.js

@@ -17,7 +17,7 @@ import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
 import { r as renderAuthor, g as getSerializers } from './index-497db308.js';
 import DFPAdSlot from './AdSlot.js';
-import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
+import { S as SeriesSlider } from './SeriesSlider-98ad6d97.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-04d979c9.js';
 import getKeywords from './getKeywords.js';
 import urlFor from './urlFor.js';

package/dist/esm/getQuery.js

@@ -9,7 +9,7 @@ var getQuery = function getQuery(type) {
   switch (type) {
     // quiz video series and slideshow 
     case 'related':
-      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && defined(published) \n                && dateTime(published) <= dateTime(now())\n                && passwordLock!=true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                && !defined(body[].quizzes)\n                && !defined(body[].slides)\n                && !defined(body[].articles)\n                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  fieldAbstract,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                  body[] {\n                    ...,\n                    asset->,\n                    images[]{\n                      ...,\n                      asset->\n                    },\n                    content[]{\n                      ...,\n                      asset->\n                    },\n                    videos[]{\n                      ...,\n                      thumbnail{\n                        _type,\n                        asset->\n                      }\n                    },\n                    response[]{\n                      ...,\n                      asset->\n                    },\n                    quizzes[]{\n                      ...,\n                      answer[]{\n                        ...,\n                        asset->\n                      },\n                      question[]{\n                        ...,\n                        asset->\n                      }\n                    },\n                    poster {\n                      _type,\n                      asset->\n                    },\n                    slides[]{\n                      ...,\n                      slideshowImage{\n                      ...,\n                      asset->\n                      }\n                    },\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'category\':contentCategory->{\n                    name,\n                    disableAds\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    _id,\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds,\n                    showSocialShare\n                  },\n                  documentGroup-> {\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  documentGroupMapping[]-> {\n                    _id,\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    show_download_ris_button,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current,\n                      show_download_ris_button,\n                    },\n                    \'url\' : pdf.asset-> url,\n                    \'pdf\': pdf.asset->,\n                    isbn_issn,\n                    abbreviatedJournal,\n                  }\n                }';
+      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && defined(published) \n                && dateTime(published) <= dateTime(now())\n                && passwordLock!=true\n                && isHealthcareProfessional != true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                && !defined(body[].quizzes)\n                && !defined(body[].slides)\n                && !defined(body[].articles)\n                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  fieldAbstract,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                  body[] {\n                    ...,\n                    asset->,\n                    images[]{\n                      ...,\n                      asset->\n                    },\n                    content[]{\n                      ...,\n                      asset->\n                    },\n                    videos[]{\n                      ...,\n                      thumbnail{\n                        _type,\n                        asset->\n                      }\n                    },\n                    response[]{\n                      ...,\n                      asset->\n                    },\n                    quizzes[]{\n                      ...,\n                      answer[]{\n                        ...,\n                        asset->\n                      },\n                      question[]{\n                        ...,\n                        asset->\n                      }\n                    },\n                    poster {\n                      _type,\n                      asset->\n                    },\n                    slides[]{\n                      ...,\n                      slideshowImage{\n                      ...,\n                      asset->\n                      }\n                    },\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'category\':contentCategory->{\n                    name,\n                    disableAds\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    _id,\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds,\n                    showSocialShare\n                  },\n                  documentGroup-> {\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  documentGroupMapping[]-> {\n                    _id,\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    show_download_ris_button,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current,\n                      show_download_ris_button,\n                    },\n                    \'url\' : pdf.asset-> url,\n                    \'pdf\': pdf.asset->,\n                    isbn_issn,\n                    abbreviatedJournal,\n                  }\n                }';
     case 'article':
       return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && is_visible != false\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          fieldAbstract,\n                          ...,\n                          passwordLock,\n                          password,\n                          issueGroup-> { _id, name, identifier, parent-> },\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                          body[] {\n                            ...,\n                            asset->,\n                            images[]{\n                              ...,\n                              asset->\n                            },\n                            content[]{\n                              ...,\n                              asset->\n                            },\n                            videos[]{\n                              ...,\n                              thumbnail{\n                                _type,\n                                asset->\n                              }\n                            },\n                            response[]{\n                              ...,\n                              asset->\n                            },\n                            quizzes[]{\n                              ...,\n                              answer[]{\n                                ...,\n                                asset->\n                              },\n                              question[]{\n                                ...,\n                                asset->\n                              }\n                            },\n                            poster {\n                              _type,\n                              asset->\n                            },\n                            slides[]{\n                              ...,\n                              slideshowImage{\n                              ...,\n                              asset->\n                              }\n                            },\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{\n                              ...,\n                              upload_doc {\n                                _type,\n                                asset-> \n                              },\n                              poster {\n                                _type,\n                                asset-> \n                              }\n                            },\n                            articles[]{\n                              ...,\n                              thumbnail{\n                                ...,\n                                asset-> \n                              },\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                              text[]{\n                                ...,\n                                upload_doc {\n                                  _type,\n                                  asset->\n                                },\n                                uploadAudio {\n                                  _type,\n                                  asset->\n                                },\n                              }\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier,\n                            showSocialShare\n                          },\n                          documentGroup-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            isSeries,\n                            disableEpisodeNumber,\n                            excludeRelatedContents,\n                            showSocialShare,\n                            \'path\': identifier.current,\n                            adTargetingURL,\n                            hideSeriesSlider\n                          },\n                          documentGroupMapping[]-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            showSocialShare,\n                            excludeRelatedContents,\n                            \'path\': identifier.current,\n                            hideSeriesSlider\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            year,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            show_download_ris_button,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current,\n                              show_download_ris_button,\n                            },\n                            \'url\' : pdf.asset-> url,\n                            \'pdf\': pdf.asset->,\n                            isbn_issn,\n                            abbreviatedJournal,\n                          }\n\n                        }';
     case 'publication':

package/dist/esm/index.js

@@ -191,7 +191,7 @@ import 'swr';
 import 'passport-local';
 import 'mysql';
 import './md5-4e42248e.js';
-import './SeriesSlider-e495571f.js';
+import './SeriesSlider-98ad6d97.js';
 import './style-inject.es-1f59c1d0.js';
 import 'disqus-react';
 import 'react-twitter-embed';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.949-series-slider-nojs-v2",
+  "version": "1.0.950-deck-pagination-v1",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",