@mjhls/mjh-framework 1.0.1005-next12-0003 → 1.0.1005-sap-context-test

package/dist/cjs/SeriesListingDeck.js

@@ -1 +1,249 @@
-"use strict";var e=require("./extends-f8003900.js"),t=require("./toConsumableArray-bf649f24.js"),r=require("./defineProperty-3cad0327.js"),n=require("./slicedToArray-e6d9072a.js"),a=require("react"),o=require("next/router"),i=require("react-dfp"),c=require("react-infinite-scroll-component"),l=require("./SeriesSlider-72fde209.js"),s=require("react-visibility-sensor");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./unsupportedIterableToArray-a6f9513d.js"),require("get-youtube-id"),require("react-lazyload"),require("smoothscroll-polyfill"),require("./urlFor-ca017581.js"),require("@sanity/image-url"),require("react-device-detect");var f=u(a),d=u(c),m=u(s);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){r.defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}module.exports=function(r){var c,s,u=r.data,p=r.client,y=r.query,h=r.params,b=r.identifier,v=r.currentPage,j=r.pageview,E=a.useState(h?h.count:0),q=n.slicedToArray(E,1)[0],O=a.useState(!0),P=n.slicedToArray(O,2),S=P[0],w=P[1],A=a.useState(u.series),x=n.slicedToArray(A,2),N=x[0],T=x[1],k=a.useState(v||1),C=n.slicedToArray(k,2),D=C[0],I=C[1],B=a.useState({from:h?h.from:0,to:h?h.to:0,page:1}),M=n.slicedToArray(B,2),_=M[0],z=M[1],F=(c=_,s=a.useRef(),a.useEffect((function(){s.current=c})),s.current),R=o.useRouter();return a.useEffect((function(){F&&_.page!==F.page&&_.from!==F.from&&_.to!==F.from&&function(e,r,n,a,o,i){a=g(g({},a),{},{from:e.from,to:e.to}),n.fetch(r,a).then((function(r){r.series||(r.series=[]),r.series=r.series.map((function(t){return g(g({},t),{},{pageNumber:e.page})})),r.series.length>0?(o((function(e){return[].concat(t.toConsumableArray(e),t.toConsumableArray(r.series))})),i(!0)):(document.getElementsByClassName("infinite-scroll-component")[0].style.overflow="hidden",i(!1))}))}(_,y,p,h,T,w)}),[_,F,y,p,h,T,w]),a.useEffect((function(){N.length<q&&(document.getElementsByClassName("infinite-scroll-component")[0].style.overflow="hidden",w(!1))}),[N,w,q]),f.default.createElement(d.default,{dataLength:N&&N.length,next:function(){z({page:_.page+1,from:parseInt(_.from)+parseInt(q),to:parseInt(_.to)+parseInt(q)})},hasMore:S,scrollThreshold:.9},f.default.createElement("div",null,N&&N.length?f.default.createElement("div",null,N.map((function(t,n){return f.default.createElement(m.default,{key:t._id?t._id:n,partialVisibility:!0,onChange:function(e){e&&function(e,t,r){if(e){var n=R.asPath,a=n.indexOf("?"),o=R.pathname,c="";a>0&&(n=n.substring(1,a),R.asPath.substring(a+1).split("&").map((function(e){var t=e.split("="),r=t[0],n=t[1];"page"!==r&&(c+=(0===c.length?"":"&")+r+"="+n)}))),c.length>0&&(n+="?"+c);var l=Number(t);if(e=Math.ceil((l+1)/6),D!==e){i.DFPManager.refresh(),I(e),"/"!==n[0]&&(n="/"+n);var s=1===e?"".concat(n):"".concat(n).concat(c.length>0?"&":"?","page=").concat(e);r&&r(s),R.push(o,s,{shallow:!0})}}}(D,n,j)}},f.default.createElement("div",{className:"mb-5",key:t.name},f.default.createElement("div",{style:{fontSize:"20px",fontWeight:"bold",borderBottom:"1px solid #eee",margin:"0 .5rem",color:"373a3c"}},f.default.createElement("a",{href:"/".concat(b,"/").concat(t.identifier.current)},t.name)),t.articles&&0==t.articles.length&&f.default.createElement("p",{className:"mt-2 ml-2"},"Please check back for more content."),t.articles&&t.articles.length>0&&f.default.createElement(l.SeriesSlider,e._extends({},r,{dataset:t.articles,client:p}))))}))):f.default.createElement("div",null,f.default.createElement("h5",null,f.default.createElement("em",{className:"pl-3"},"New content coming soon, please check back later.")))))};
+'use strict';
+
+var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
+var _extends = require('./extends-7c86182f.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var Router = require('next/router');
+var index = require('./index-d2a6ef75.js');
+var index_es = require('./index.es-1ab8dda7.js');
+var SeriesSlider = require('./SeriesSlider-3d57985d.js');
+var visibilitySensor = require('./visibility-sensor-56020df6.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./_iter-detect-b1df62f0.js');
+require('./_object-pie-083f2dd6.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./events-1b438fe7.js');
+require('prop-types');
+require('./index-187c967e.js');
+require('./index-65621b6c.js');
+require('react-dom');
+require('./smoothscroll-99df7f93.js');
+require('./urlFor.js');
+require('./index-d48b231c.js');
+require('./main-3643d499.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var usePrevious = function usePrevious(value) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
+var SeriesListingDeck = function SeriesListingDeck(props) {
+  var data = props.data,
+      client = props.client,
+      query = props.query,
+      params = props.params,
+      parentIdentifier = props.identifier,
+      initialCurrentPage = props.currentPage,
+      pageview = props.pageview;
+
+  var _useState = React.useState(params ? params.count : 0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 1),
+      count = _useState2[0];
+
+  var _useState3 = React.useState(true),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      scrolling = _useState4[0],
+      setScrolling = _useState4[1];
+
+  var _useState5 = React.useState(data.series),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      seriesData = _useState6[0],
+      setSeriesData = _useState6[1];
+
+  var _useState7 = React.useState(initialCurrentPage || 1),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      currentPage = _useState8[0],
+      setCurrentPage = _useState8[1];
+
+  var _useState9 = React.useState({
+    from: params ? params.from : 0,
+    to: params ? params.to : 0,
+    page: 1
+  }),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      values = _useState10[0],
+      setValues = _useState10[1];
+
+  var prevValues = usePrevious(values);
+
+  var router = Router.useRouter();
+
+  var loadMore = function loadMore() {
+    setValues({
+      page: values.page + 1,
+      from: parseInt(values.from) + parseInt(count),
+      to: parseInt(values.to) + parseInt(count)
+    });
+  };
+
+  var changePageNumber = function changePageNumber(pageNumber, arrIndex, pageview) {
+    if (pageNumber) {
+      var path = router.asPath;
+      var qrIndex = path.indexOf('?');
+      var pathname = router.pathname;
+      var queryString = '';
+
+      if (qrIndex > 0) {
+        path = path.substring(1, qrIndex);
+
+        var partialQS = router.asPath.substring(qrIndex + 1);
+        var partialQSArr = partialQS.split('&');
+
+        // exclude page=xxx from query string
+        partialQSArr.map(function (item) {
+          var itemArr = item.split('=');
+          var key = itemArr[0];
+          var val = itemArr[1];
+
+          if (key !== 'page') {
+            queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+          }
+        });
+      }
+
+      if (queryString.length > 0) {
+        path += '?' + queryString;
+      }
+
+      // pageNumber = parseInt(pageNumber)
+      var index$1 = Number(arrIndex);
+      var perPage = 6;
+
+      pageNumber = Math.ceil((index$1 + 1) / perPage);
+
+      if (currentPage !== pageNumber) {
+        index.lib_3.refresh();
+
+        setCurrentPage(pageNumber);
+        if (path[0] !== '/') {
+          path = '/' + path;
+        }
+
+        var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
+
+        if (pageview) {
+          pageview(newPath);
+        }
+
+        router.push(pathname, newPath, {
+          shallow: true
+        });
+      }
+    }
+  };
+
+  var loadData = function loadData(values, query, client, params, setSeriesData, setScrolling) {
+    params = _extends._extends({}, params, {
+      from: values.from,
+      to: values.to
+    });
+
+    client.fetch(query, params).then(function (dataArr) {
+      if (!dataArr.series) {
+        dataArr.series = [];
+      }
+
+      dataArr.series = dataArr.series.map(function (item) {
+        return _extends._extends({}, item, {
+          pageNumber: values.page
+        });
+      });
+
+      if (dataArr.series.length > 0) {
+        setSeriesData(function (prevData) {
+          var newArr = [].concat(toConsumableArray._toConsumableArray(prevData), toConsumableArray._toConsumableArray(dataArr.series));
+          return newArr;
+        });
+        setScrolling(true);
+      } else {
+        var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
+        parentScroll.style.overflow = 'hidden';
+        setScrolling(false);
+      }
+    });
+  };
+
+  React.useEffect(function () {
+    if (prevValues) {
+      if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
+        loadData(values, query, client, params, setSeriesData, setScrolling);
+      }
+    }
+  }, [values, prevValues, query, client, params, setSeriesData, setScrolling]);
+
+  React.useEffect(function () {
+    if (seriesData.length < count) {
+      var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
+      parentScroll.style.overflow = 'hidden';
+      setScrolling(false);
+    }
+  }, [seriesData, setScrolling, count]);
+
+  return React__default["default"].createElement(
+    index_es.InfiniteScroll,
+    { dataLength: seriesData && seriesData.length, next: function next() {
+        return loadMore();
+      }, hasMore: scrolling, scrollThreshold: 0.9 },
+    React__default["default"].createElement(
+      'div',
+      null,
+      seriesData && seriesData.length ? React__default["default"].createElement(
+        'div',
+        null,
+        seriesData.map(function (series, index) {
+          return React__default["default"].createElement(
+            visibilitySensor.VisibilitySensor,
+            {
+              key: series._id ? series._id : index,
+              partialVisibility: true,
+              onChange: function onChange(isVisible) {
+                isVisible && changePageNumber(currentPage, index, pageview);
+              } },
+            React__default["default"].createElement(
+              'div',
+              { className: 'mb-5', key: series.name },
+              React__default["default"].createElement(
+                'div',
+                { style: { fontSize: '20px', fontWeight: 'bold', borderBottom: '1px solid #eee', margin: '0 .5rem', color: '373a3c' } },
+                React__default["default"].createElement(
+                  'a',
+                  { href: '/' + parentIdentifier + '/' + series.identifier.current },
+                  series.name
+                )
+              ),
+              series.articles && series.articles.length == 0 && React__default["default"].createElement(
+                'p',
+                { className: 'mt-2 ml-2' },
+                'Please check back for more content.'
+              ),
+              series.articles && series.articles.length > 0 && React__default["default"].createElement(SeriesSlider.SeriesSlider, _extends._extends({}, props, { dataset: series.articles, client: client }))
+            )
+          );
+        })
+      ) : React__default["default"].createElement(
+        'div',
+        null,
+        React__default["default"].createElement(
+          'h5',
+          null,
+          React__default["default"].createElement(
+            'em',
+            { className: 'pl-3' },
+            'New content coming soon, please check back later.'
+          )
+        )
+      )
+    )
+  );
+};
+
+module.exports = SeriesListingDeck;

package/dist/cjs/SeriesSlider-3d57985d.js

@@ -0,0 +1,332 @@
+'use strict';
+
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var index = require('./index-187c967e.js');
+var index$1 = require('./index-65621b6c.js');
+var smoothscroll = require('./smoothscroll-99df7f93.js');
+var urlFor = require('./urlFor.js');
+var main = require('./main-3643d499.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+*/
+
+var SeriesSlider = function SeriesSlider(_ref) {
+  var dataset = _ref.dataset,
+      _ref$dark = _ref.dark,
+      dark = _ref$dark === undefined ? false : _ref$dark,
+      client = _ref.client,
+      _ref$displayEpisodeNu = _ref.displayEpisodeNumber,
+      displayEpisodeNumber = _ref$displayEpisodeNu === undefined ? false : _ref$displayEpisodeNu,
+      _ref$nowPlaying = _ref.nowPlaying,
+      nowPlaying = _ref$nowPlaying === undefined ? null : _ref$nowPlaying;
+
+  // Props should be an array of objects containing Thumbnail, title, and URL
+  if (!dataset) return null;
+  dataset = dataset.sort(function (a, b) {
+    return new Date(a.published) - new Date(b.published);
+  });
+  var innerSlider = React.useRef(null);
+  var tileArray = React.useRef([]);
+  var viewableWindow = React.useRef(null);
+  var viewableArea = React.useRef(null);
+
+  var _useState = React.useState(200),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      tileSize = _useState2[0],
+      setTileSize = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      showScroller = _useState4[0],
+      setShowScroller = _useState4[1];
+
+  var _useState5 = React.useState(0),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      scrollPosition = _useState6[0],
+      setScrollPosition = _useState6[1];
+
+  var _useState7 = React.useState(0),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      tileHeight = _useState8[0],
+      setTileHeight = _useState8[1];
+
+  React.useEffect(function () {
+    //IE11 Polyfill
+    smoothscroll.smoothscroll.polyfill();
+    if (viewableWindow.current) {
+      setThumbSize();
+    }
+    window.addEventListener('resize', setThumbSize);
+    return function () {
+      window.removeEventListener('resize', setThumbSize);
+    };
+  }, []);
+
+  var setThumbSize = function setThumbSize() {
+    var thumbSize = void 0;
+    var scrollerVisible = false;
+    var tileDividerWidth = parseInt(getComputedStyle(document.documentElement).fontSize) / 2 || 8;
+
+    if (viewableWindow.current.offsetWidth > 1399) {
+      thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth * 5) / 6);
+      if (dataset.length > 5) {
+        scrollerVisible = true;
+      }
+    }
+    if (viewableWindow.current.offsetWidth < 1399 && viewableWindow.current.offsetWidth > 992) {
+      thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth * 5) / 6);
+      if (dataset.length > 5) {
+        scrollerVisible = true;
+      }
+    }
+    if (viewableWindow.current.offsetWidth < 992 && viewableWindow.current.offsetWidth > 768) {
+      thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth * 3) / 4);
+      if (dataset.length > 4) {
+        scrollerVisible = true;
+      }
+    }
+    if (viewableWindow.current.offsetWidth < 768 && viewableWindow.current.offsetWidth > 604) {
+      thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth * 2) / 3);
+      if (dataset.length > 3) {
+        scrollerVisible = true;
+      }
+    }
+    if (viewableWindow.current.offsetWidth < 604) {
+      thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth * 2) / 2);
+      if (dataset.length > 3) {
+        scrollerVisible = true;
+      }
+    }
+
+    if (main.main_43) {
+      thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth) / 2);
+      if (dataset.length > 2) {
+        scrollerVisible = true;
+      }
+    }
+    if (main.main_49) {
+      thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth * 2) / 3);
+      if (dataset.length > 3) {
+        scrollerVisible = true;
+      }
+    }
+
+    if (thumbSize !== tileSize) {
+      if (thumbSize > 372) thumbSize = 372;
+      setTileSize(thumbSize);
+      setTileHeight(Math.round(0.578 * thumbSize));
+      setScrollPosition(0);
+      setShowScroller(scrollerVisible);
+      var videoRows = document.querySelectorAll('.vid-slider .row');
+
+      for (var i = 0; i < videoRows.length; i++) {
+        videoRows[i].scrollTo({
+          left: 0,
+          behavior: 'smooth'
+        });
+      }
+    }
+  };
+  //scrolls to active video
+  //   useEffect(() => {
+  //     let activeVideo = document.querySelector('.tile__media.active')
+  //     if(activeVideo){
+  //  setTimeout(() => {
+  //      activeVideo.scrollIntoView({
+  //        behavior: 'smooth',
+  //        block: 'nearest',
+  //        inline: 'nearest'
+  //      })
+  //  },1000)
+
+  //     }
+  //   },[])
+
+  var variant = dark ? 'white' : '#383838';
+
+  function scrollSlider(e, direction) {
+    var slide = e.target.parentElement;
+    var scrollOffset = scrollPosition;
+    var viewableWidth = slide.clientWidth;
+
+    //calculate viewable size / slide
+    var numberOfSlidesToScroll = Math.floor(tileArray.current[0].clientWidth + 8); //width of the tile plus margin
+
+    var scrollDirection = void 0;
+
+    if (direction === 'next') {
+      scrollDirection = scrollOffset + numberOfSlidesToScroll;
+
+      if (scrollOffset + viewableWidth + 8 >= innerSlider.current.offsetWidth) {
+        scrollDirection = 0;
+      }
+    }
+    if (direction === 'prev') {
+      scrollDirection = scrollOffset - numberOfSlidesToScroll;
+
+      if (scrollOffset <= 0) {
+        if (viewableWindow.current.offsetWidth > 1399) {
+          scrollDirection = innerSlider.current.offsetWidth - numberOfSlidesToScroll * 5;
+        }
+        if (viewableWindow.current.offsetWidth < 1399 && innerSlider.current.offsetWidth > 992) {
+          scrollDirection = innerSlider.current.offsetWidth - numberOfSlidesToScroll * 5;
+        }
+        if (viewableWindow.current.offsetWidth < 992 && innerSlider.current.offsetWidth > 768) {
+          scrollDirection = innerSlider.current.offsetWidth - numberOfSlidesToScroll * 3;
+        }
+        if (viewableWindow.current.offsetWidth < 768 && innerSlider.current.offsetWidth > 604) {
+          scrollDirection = innerSlider.current.offsetWidth - numberOfSlidesToScroll * 2;
+        }
+        if (viewableWindow.current.offsetWidth < 604) {
+          scrollDirection = innerSlider.current.offsetWidth - numberOfSlidesToScroll * 2;
+        }
+        if (main.main_49) {
+          scrollDirection = innerSlider.current.offsetWidth - numberOfSlidesToScroll * 2;
+        }
+        if (main.main_43) {
+          scrollDirection = innerSlider.current.offsetWidth - numberOfSlidesToScroll * 1;
+        }
+      }
+    }
+    slide.scrollTo({
+      left: scrollDirection,
+      behavior: 'smooth'
+    });
+    setScrollPosition(scrollDirection);
+  }
+
+  return React__default["default"].createElement(
+    'div',
+    { ref: viewableWindow, className: 'col vid-slider' },
+    React__default["default"].createElement(
+      'div',
+      { ref: viewableArea, className: 'row', style: { display: 'flex', alignItems: 'center' } },
+      showScroller && showScroller && React__default["default"].createElement(
+        'div',
+        {
+          onClick: function onClick(e) {
+            return scrollSlider(e, 'prev');
+          },
+          className: 'tile__slider-prev',
+          style: {
+            color: '#fff',
+            background: 'var(--primary)',
+            width: '35px',
+            height: '35px',
+            borderRadius: '50%',
+            paddingLeft: '19px'
+          } },
+        React__default["default"].createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
+      ),
+      showScroller && showScroller && React__default["default"].createElement(
+        'div',
+        {
+          onClick: function onClick(e) {
+            return scrollSlider(e, 'next');
+          },
+          className: 'tile__slider-next',
+          style: {
+            color: '#fff',
+            background: 'var(--primary)',
+            width: '35px',
+            height: '35px',
+            borderRadius: '50%',
+            paddingRight: '19px'
+          } },
+        React__default["default"].createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
+      ),
+      React__default["default"].createElement(
+        'div',
+        { ref: innerSlider, className: 'row__inner' },
+        dataset && dataset.map(function (article, index$2) {
+          // If there is a current prop, means this will overlay a currently playing article
+          // slider by itself
+          var url = '/view/' + article.url.current;
+          var thumbnail = void 0;
+          if (article.thumbnail && article.thumbnail.asset) {
+            thumbnail = urlFor({ source: article.thumbnail, client: client });
+          } else {
+            thumbnail = 'https://img.youtube.com/vi/' + index.getYoutubeId(article.url) + '/hqdefault.jpg';
+          }
+          return React__default["default"].createElement(
+            'div',
+            { ref: function ref(ele) {
+                return tileArray.current[index$2] = ele;
+              }, key: index$2, style: { width: tileSize + 'px' }, className: 'tile' },
+            React__default["default"].createElement(
+              'a',
+              { 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%') } },
+                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'
+                    } },
+                  'Now Viewing'
+                )
+              ),
+              React__default["default"].createElement(
+                'div',
+                { style: { color: variant }, className: 'tile__title' },
+                displayEpisodeNumber ? React__default["default"].createElement(
+                  'span',
+                  null,
+                  'EP. ',
+                  index$2 + 1,
+                  ': ',
+                  article.title
+                ) : article.title
+              )
+            )
+          );
+        })
+      )
+    ),
+    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      '
+    )
+  );
+};
+
+exports.SeriesSlider = SeriesSlider;

package/dist/cjs/SetCookie.js

@@ -1 +1,10 @@
-"use strict";require("js-cookie");var e=require("./setCookie-e72f573d.js");module.exports=e.SetCookie;
+'use strict';
+
+var js_cookie = require('./js.cookie-a511c430.js');
+require('./_commonjsHelpers-06173234.js');
+
+var SetCookie = function SetCookie(key, value) {
+  js_cookie.js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
+};
+
+module.exports = SetCookie;