@mjhls/mjh-framework 1.0.1080-test → 1.0.1080

package/dist/cjs/AlphabeticList.js

@@ -56,12 +56,12 @@ var AlphabeticList = function AlphabeticList(_ref) {
       padding: '0 10px',
       color: 'grey'
     };
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'd-flex flex-wrap mb-3' },
       alphabet.map(function (letter, i) {
         if (dataList[letter]) {
-          return React__default["default"].createElement(
+          return React__default['default'].createElement(
             'a',
             {
               key: i,
@@ -73,7 +73,7 @@ var AlphabeticList = function AlphabeticList(_ref) {
                   window.scrollTo(0, itemsRef.current[index].offsetTop);
                 }
               } },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'span',
               {
                 style: _extends._extends({}, style, {
@@ -83,7 +83,7 @@ var AlphabeticList = function AlphabeticList(_ref) {
             )
           );
         }
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'span',
           { key: i, style: style },
           letter
@@ -96,29 +96,29 @@ var AlphabeticList = function AlphabeticList(_ref) {
     itemsRef.current = itemsRef.current.slice(0, keys._Object$keys(dataList).length);
   }, [dataList]);
 
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
     renderAlbhabetList(),
     keys._Object$keys(dataList).map(function (letter, index) {
-      return React__default["default"].createElement(
-        React__default["default"].Fragment,
+      return React__default['default'].createElement(
+        React__default['default'].Fragment,
         { key: index },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'h3',
           { ref: function ref(el) {
               return itemsRef.current[index] = el;
             } },
           letter
         ),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'ul',
           null,
           dataList[letter].map(function (item, i) {
-            return React__default["default"].createElement(
+            return React__default['default'].createElement(
               'li',
               { key: i },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'a',
                 { href: item.url },
                 item.name

package/dist/cjs/ArticleCarousel.js

@@ -8,13 +8,13 @@ require('./core.get-iterator-method-5643aa10.js');
 require('./slicedToArray-067dd3bc.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./index-187c967e.js');
-require('./index-65621b6c.js');
+require('./index-eadd5035.js');
 require('react-dom');
 require('prop-types');
 require('./smoothscroll-99df7f93.js');
 require('./urlFor.js');
 require('./index-d48b231c.js');
-require('./main-47be4f9f.js');
+require('./main-1ec1de84.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,10 +31,10 @@ function ArticleCarousel(props) {
     return article;
   });
 
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    articles ? React__default["default"].createElement(YoutubeGroup, _extends._extends({ key: 'articleCarousel-0', dataset: data }, props)) : React__default["default"].createElement(
+    articles ? React__default['default'].createElement(YoutubeGroup, _extends._extends({ key: 'articleCarousel-0', dataset: data }, props)) : React__default['default'].createElement(
       'p',
       null,
       'No Article Found.'

package/dist/cjs/ArticleProgramLandingPage.js

@@ -4,8 +4,8 @@ var asyncToGenerator = require('./asyncToGenerator-65df6bf8.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var _extends = require('./extends-be0d85bc.js');
 var React = require('react');
-var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-de793ec4.js');
+var BlockContent = require('./BlockContent-9ebd251f.js');
+var getSerializers = require('./index-c3f0b162.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -17,20 +17,20 @@ require('prop-types');
 require('./index-d48b231c.js');
 require('react-bootstrap');
 require('./urlFor.js');
-require('./index-d2a6ef75.js');
+require('./index-fc2f1ca2.js');
 require('./events-1b438fe7.js');
 require('next/router');
 require('./index-187c967e.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
-require('./main-47be4f9f.js');
+require('./main-1ec1de84.js');
 require('./urlForFile-5084fc48.js');
-require('./index-65621b6c.js');
+require('./index-eadd5035.js');
 require('react-dom');
 require('./typeof-220bbf73.js');
 require('./_is-array-54228b29.js');
-require('./brightcove-react-player-loader.es-4c7825a1.js');
+require('./brightcove-react-player-loader.es-a195642e.js');
 require('./_object-to-array-9337ba83.js');
 require('./keys-e982b3fa.js');
 require('./_object-sap-d1978572.js');
@@ -63,9 +63,9 @@ require('react-bootstrap/Tooltip');
 require('react-bootstrap/Popover');
 require('./checkSisterSite-c3a4ac98.js');
 require('react-bootstrap/Container');
-require('./visibility-sensor-56020df6.js');
+require('./visibility-sensor-eb2c5b69.js');
 require('./YoutubeGroup.js');
-require('./index.es-1ab8dda7.js');
+require('./index.es-f3e47207.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -94,21 +94,21 @@ var ArticleProgramLandingPage = function ArticleProgramLandingPage(props) {
       _props$autoScroll = props.autoScroll,
       autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll;
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     null,
-    virtualBlock && React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
-    pageDescription && React__default["default"].createElement(
+    virtualBlock && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+    pageDescription && React__default['default'].createElement(
       'div',
       { className: 'mb-3' },
-      pageDescription.image && React__default["default"].createElement('img', { className: 'mb-3 w-100', src: pageDescription.image, alt: pageDescription.imageAlt || '' }),
-      pageDescription.description && React__default["default"].createElement(
+      pageDescription.image && React__default['default'].createElement('img', { className: 'mb-3 w-100', src: pageDescription.image, alt: pageDescription.imageAlt || '' }),
+      pageDescription.description && React__default['default'].createElement(
         'p',
         null,
         pageDescription.description
       )
     ),
-    posts && React__default["default"].createElement(ArticleSeriesListing, {
+    posts && React__default['default'].createElement(ArticleSeriesListing, {
       client: client,
       mapping: mapping,
       dataRecord: posts,

package/dist/cjs/ArticleSeriesLandingPage.js

@@ -16,7 +16,7 @@ require('./_object-sap-d1978572.js');
 require('./define-property-e8404b64.js');
 require('./typeof-220bbf73.js');
 require('./_is-array-54228b29.js');
-require('./index-d2a6ef75.js');
+require('./index-fc2f1ca2.js');
 require('./events-1b438fe7.js');
 require('prop-types');
 require('react-bootstrap/Container');
@@ -29,18 +29,18 @@ require('./lodash-f0783643.js');
 require('./debounce-d4a2369b.js');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
-require('./index.es-1ab8dda7.js');
-require('./visibility-sensor-56020df6.js');
+require('./index.es-f3e47207.js');
+require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
 require('./slicedToArray-067dd3bc.js');
 require('./index-d48b231c.js');
-require('./ADlgInfeed-80062861.js');
+require('./ADlgInfeed-d88a0250.js');
 require('./AdSlot.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
-require('./main-47be4f9f.js');
-require('./ADInfeed-93cad44d.js');
+require('./main-1ec1de84.js');
+require('./ADInfeed-3a68b356.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -69,24 +69,24 @@ var ArticleSeriesLandingPage = function ArticleSeriesLandingPage(props) {
       defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage;
 
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     null,
-    summary && React__default["default"].createElement(
+    summary && React__default['default'].createElement(
       'div',
       { style: { fontSize: '1rem' }, className: 'article-series-summary px-1 mt-2 mb-4' },
       summary
     ),
-    seriesTitle && React__default["default"].createElement(
+    seriesTitle && React__default['default'].createElement(
       'h1',
       { className: 'article-series-title' },
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         'a',
         seriesName && { href: '/view/' + seriesName },
         seriesTitle
       )
     ),
-    posts && deck && React__default["default"].createElement(MasterDeck, {
+    posts && deck && React__default['default'].createElement(MasterDeck, {
       deck: deck,
       variant: variant,
       defaultImage: defaultImage,

package/dist/cjs/ArticleSeriesListing.js

@@ -3,15 +3,15 @@
 var _extends = require('./extends-be0d85bc.js');
 var inherits = require('./inherits-e47b5342.js');
 var React = require('react');
-var index = require('./index-d2a6ef75.js');
+var index = require('./index-fc2f1ca2.js');
 var Container = require('react-bootstrap/Container');
-var visibilitySensor = require('./visibility-sensor-56020df6.js');
+var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var index_esm = require('./index.esm-d81454e7.js');
 var moment = require('./moment-aca40de1.js');
 var Router = require('next/router');
 var YoutubeGroup = require('./YoutubeGroup.js');
 var debounce = require('./debounce-d4a2369b.js');
-var index_es = require('./index.es-1ab8dda7.js');
+var index_es = require('./index.es-f3e47207.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-sap-d1978572.js');
@@ -26,11 +26,11 @@ require('react-dom');
 require('./iconBase-be4097c0.js');
 require('./slicedToArray-067dd3bc.js');
 require('./index-187c967e.js');
-require('./index-65621b6c.js');
+require('./index-eadd5035.js');
 require('./smoothscroll-99df7f93.js');
 require('./urlFor.js');
 require('./index-d48b231c.js');
-require('./main-47be4f9f.js');
+require('./main-1ec1de84.js');
 require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 
@@ -198,15 +198,15 @@ var ArticleSeriesListing = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default["default"].createElement(
+        currentPage && currentPage > 1 && React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -215,7 +215,7 @@ var ArticleSeriesListing = function (_React$Component) {
     }, _this.renderSeries = function (seriesData) {
       var itemCounter = 0;
 
-      return React__default["default"].createElement(
+      return React__default['default'].createElement(
         'div',
         null,
         seriesData && seriesData.map(function (docSeries, index) {
@@ -225,24 +225,24 @@ var ArticleSeriesListing = function (_React$Component) {
             });
           }
 
-          return React__default["default"].createElement(
+          return React__default['default'].createElement(
             'div',
             { key: index, counter: itemCounter++ },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'h4',
               { className: 'article-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid #d4a64d' } },
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'a',
                 { href: '/' + _this.props.page + '/' + docSeries.url.current },
                 docSeries.title,
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   'span',
                   { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)', display: 'inline-block' } },
-                  React__default["default"].createElement(index_esm.IoIosArrowForward, null)
+                  React__default['default'].createElement(index_esm.IoIosArrowForward, null)
                 )
               )
             ),
-            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].articles ? React__default["default"].createElement(YoutubeGroup, _extends._extends({ key: index, dataset: docSeries.body[0].articles }, _this.props)) : React__default["default"].createElement(
+            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].articles ? React__default['default'].createElement(YoutubeGroup, _extends._extends({ key: index, dataset: docSeries.body[0].articles }, _this.props)) : React__default['default'].createElement(
               'p',
               null,
               'No Article Found.'
@@ -258,31 +258,31 @@ var ArticleSeriesListing = function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      return React__default["default"].createElement(
-        React__default["default"].Fragment,
+      return React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
         this.state.data.length >= 1 && this.state.data[0].length > 0 ? //Check if any Video Groups available
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           index_es.InfiniteScroll,
           { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
-          React__default["default"].createElement(
-            Container__default["default"],
+          React__default['default'].createElement(
+            Container__default['default'],
             null,
             this.state.data && this.state.data.map(function (series, index) {
               var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
 
-              return React__default["default"].createElement(
-                React__default["default"].Fragment,
+              return React__default['default'].createElement(
+                React__default['default'].Fragment,
                 { key: index },
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   visibilitySensor.VisibilitySensor,
                   {
                     onChange: function onChange(isVisible) {
                       isVisible && _this2.changePageNumber(page);
                     } },
-                  React__default["default"].createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                  React__default['default'].createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
                 ),
-                React__default["default"].createElement(
+                React__default['default'].createElement(
                   'div',
                   null,
                   _this2.renderSeries(series)
@@ -290,13 +290,13 @@ var ArticleSeriesListing = function (_React$Component) {
               );
             })
           )
-        ) : React__default["default"].createElement(
+        ) : React__default['default'].createElement(
           'div',
           { style: { marginTop: '10px' } },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'h5',
             null,
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'em',
               null,
               'New content coming soon, please check back later.'
@@ -308,7 +308,7 @@ var ArticleSeriesListing = function (_React$Component) {
   }]);
 
   return ArticleSeriesListing;
-}(React__default["default"].Component);
+}(React__default['default'].Component);
 
 var ArticleSeriesListing$1 = Router.withRouter(ArticleSeriesListing);
 

package/dist/cjs/AuthWrapper.js

@@ -1077,26 +1077,26 @@ if (typeof window !== "undefined" && !__NEXTAUTH._eventListenersAdded) {
   }, false);
 }
 
-var SessionContext = (0, React__default["default"].createContext)();
+var SessionContext = (0, React__default['default'].createContext)();
 
 function useSession(session) {
-  var context = (0, React__default["default"].useContext)(SessionContext);
+  var context = (0, React__default['default'].useContext)(SessionContext);
   if (context) return context;
   return _useSessionHook(session);
 }
 
 function _useSessionHook(session) {
-  var _useState = (0, React__default["default"].useState)(session),
+  var _useState = (0, React__default['default'].useState)(session),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       data = _useState2[0],
       setData = _useState2[1];
 
-  var _useState3 = (0, React__default["default"].useState)(!data),
+  var _useState3 = (0, React__default['default'].useState)(!data),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       loading = _useState4[0],
       setLoading = _useState4[1];
 
-  (0, React__default["default"].useEffect)(function () {
+  (0, React__default['default'].useEffect)(function () {
     __NEXTAUTH._getSession = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee() {
       var _ref2,
           _ref2$event,
@@ -1592,7 +1592,7 @@ function Provider(_ref5) {
       session = _ref5.session,
       options = _ref5.options;
   setOptions(options);
-  return (0, React__default["default"].createElement)(SessionContext.Provider, {
+  return (0, React__default['default'].createElement)(SessionContext.Provider, {
     value: useSession(session)
   }, children);
 }
@@ -1813,7 +1813,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }, []);
 
   if (session || !needAuth) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       null,
       children
@@ -1821,44 +1821,44 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }
 
   if (!loading) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { style: { position: 'relative', minHeight: '300px', paddingTop: '2rem' } },
-      callbackUrl && React__default["default"].createElement(
+      callbackUrl && React__default['default'].createElement(
         'div',
         null,
-        !showForm && React__default["default"].createElement(
+        !showForm && React__default['default'].createElement(
           'div',
           { className: styles.loginBox },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'div',
             { className: styles.loginBox_title },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'b',
               null,
               'Please log in to view this content.'
             )
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             reactBootstrap.Form,
             { onSubmit: function onSubmit(e) {
                 return e.preventDefault();
               } },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               reactBootstrap.Form.Group,
               { controlId: 'email' },
-              React__default["default"].createElement(reactBootstrap.Form.Control, { type: 'email', onChange: function onChange(e) {
+              React__default['default'].createElement(reactBootstrap.Form.Control, { type: 'email', onChange: function onChange(e) {
                   return setEmail(e.target.value);
                 }, placeholder: 'Email' })
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               reactBootstrap.Form.Group,
               { controlId: 'password' },
-              React__default["default"].createElement(reactBootstrap.Form.Control, { type: 'password', onChange: function onChange(e) {
+              React__default['default'].createElement(reactBootstrap.Form.Control, { type: 'password', onChange: function onChange(e) {
                   return setPassword(e.target.value);
                 }, placeholder: 'Password' })
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'button',
               { className: 'btn btn-primary btn-block', onClick: function onClick() {
                   return client.signIn('credentials', { email: email, password: password, callbackUrl: callbackUrl });
@@ -1866,10 +1866,10 @@ var AuthWrapper = function AuthWrapper(_ref) {
               'Sign in'
             )
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'button',
             { className: 'btn btn-primary btn-block mt-3' },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'a',
               { style: { textDecoration: 'underline' }, onClick: function onClick() {
                   return setShowForm(!showForm);
@@ -1877,13 +1877,13 @@ var AuthWrapper = function AuthWrapper(_ref) {
               'Register Now'
             )
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'p',
             { className: 'mt-1', style: { fontSize: '.8em', textAlign: 'center' } },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'em',
               null,
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'a',
                 { href: '/forgotpassword', style: { color: 'blue', textDecoration: 'underline' } },
                 'Forgot your password? '
@@ -1891,7 +1891,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
             )
           )
         ),
-        showForm && React__default["default"].createElement('iframe', { className: styles.iframe, src: formUrl })
+        showForm && React__default['default'].createElement('iframe', { className: styles.iframe, src: formUrl })
       )
     );
   } else {

package/dist/cjs/{AuthorComponent-7d00f6d5.js → AuthorComponent-39b37d84.js}

@@ -19,15 +19,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
 
 
       if (displayName && url && url.current) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'span',
           { key: _id },
-          index === 0 && React__default["default"].createElement(
+          index === 0 && React__default['default'].createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'a',
             { href: '/authors/' + url.current, className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName
@@ -35,15 +35,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
           length !== index + 1 && ', '
         );
       } else if (displayName) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'span',
           { key: _id },
-          index === 0 && React__default["default"].createElement(
+          index === 0 && React__default['default'].createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'span',
             { className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName,
@@ -76,16 +76,16 @@ var AuthorComponent = function AuthorComponent(_ref) {
   var overlayRef = React.useRef(null);
   var authorRef = React.useRef(null);
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'author-sec' + index, ref: authorRef },
-    hideContent && React__default["default"].createElement('div', { onClick: function onClick() {
+    hideContent && React__default['default'].createElement('div', { onClick: function onClick() {
         return onOverlayClick();
       }, ref: overlayRef, id: 'overlay-content' + index }),
     authors.map(function (authorDetail, index) {
       return renderAuthor(authorDetail, index, authors.length);
     }),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: true },
       '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '